/******************************************************************
  Template Name: Male Fashion
  Description: Male Fashion - ecommerce teplate
  Author: Colorib
  Author URI: https://www.colorib.com/
  Version: 1.0
  Created: Colorib 
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Banner Section
6.  Product Section
7.  Intagram Section
8.  Latest Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/
/* Template default CSS
/*----------------------------------------*/

html,
body {
    height: 100%;
    font-family: "Montserrat", sans-serif;
    -webkit-font-smoothing: antialiased;

}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    color: #111111;
    font-weight: 400;
    font-family: "Baloo 2", sans-serif;
}

h1 {
    font-size: 70px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

.wow {
    visibility: hidden;
}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 50px;
    }

    h2 {
        font-size: 26px !important;
    }

    h3 {
        font-size: 22px;
    }

    h4 {
        font-size: 18px;
    }

    h5 {
        font-size: 16px;
    }

    h6 {
        font-size: 14px;
    }

    .banner__item__text h2 {
        line-height: 30px !important;
    }
}

p {
    font-size: 15px;
    font-family: "Montserrat", sans-serif;
    color: #3d3d3d;
    font-weight: 400;
    line-height: 25px;
    margin: 0 0 15px 0;
}

img {
    max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
    outline: none;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
    color: #ffffff;
}

ul,
ol {
    padding: 0;
    margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
    margin-bottom: 45px;
    text-align: center;
}

.section-title span {
    color: #bdad8a;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 5px;
    display: block;
}

.section-title h2 {
    color: #111111;
    font-weight: 600;
    line-height: 46px;
    font-family: "Montserrat", sans-serif;
    font-size: 36px;
}

.section-title p {
    font-size: 15px;
    font-weight: 400;
    color: #000000;
}

.container-prod {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.limit {
    display: flex;
    flex-direction: column;
}

.container-prod .limit {
    max-width: 360px;
    width: 100%;
    cursor: pointer;
}

.container-prod .limit .img-prod2 {
    width: 100%;
    height: 350px;
    object-fit: cover;


}

#interna{
    min-height: 65vh;
}

.container-prod .limit:hover .img-prod2 {
    opacity: 1;
}

.container-prod .limit:hover .img-prod1 {
    opacity: 0;

}

.container-prod .limit:hover .btn-prod {
    background: #bdad8a !important;
    color: #ffffff !important;
}

.container-prod .desc-prod span {
    font-weight: 600;
    padding: 15px 0px 0px 15px;
    position: relative;

}

.container-prod .desc-prod span::before {
    content: "";
    width: 3px;
    height: 60px;
    background: #bdad8a;
    left: 0px;
    bottom: 0px;
    position: absolute;
    transition: all 0.3s ease-in-out;
}


.container-prod .limit:hover .desc-prod span::before {
    height: 150px;
}

.container-prod .img-prod1 {
    width: 100%;
    height: 350px;
    object-fit: cover;
    position: absolute;
    opacity: 1;
    top: 0px;
    left: 0px;
    transition: all 0.4s ease-in-out;
}

.container-prod .img-prod2 {
    width: 100%;
    height: 350px;
    opacity: 0;
    object-fit: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: all 0.4s ease-in-out;
}
.prod__slider.owl-carousel .owl-item .prod-img-carousel{
    width:600px !important;
    height:600px;
    object-fit: cover;
    width:100%;
}
@media screen and (max-width: 767px) {
    .prod__slider.owl-carousel .owl-item .prod-img-carousel{
        max-width: 360px !important;
        width: 100% !important;
        height:300px;
    }
}
.limit .position-relative {
    height: 350px;
}

@media screen and (max-width: 1199px) {
    .container-prod .img-prod1 {
        height: 285px;
    }

    .container-prod .img-prod2 {
        height: 285px !important;
    }

    .limit .position-relative {
        height: 285px !important;
    }
}


.container-prod .desc-prod {
    color: #000000;
    display: flex;
    justify-content: center;
    width: 100%;

}


.set-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.spad {
    padding-top: 100px;
    padding-bottom: 100px;
}

@media screen and (max-width: 767px) {
    .spad {
        padding-top: 50px;
        padding-bottom: 70px;
    }
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
    color: #fff;
}
.nav-pills{
    background:#f2f2f3;
    border-radius: 0.3em;
    border: 2px solid #f2f2f3;
    display: flex;
    flex-wrap: wrap;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #bdad8a !important;
    background-color: #fff;
}
.nav-pills .nav-item{
    width: 33%;
    display: flex;
    justify-content: center;
}
.nav-pills .nav-item .nav-link {
    width: 100%;
    display: flex;
    justify-content: center;
    color:#000;
    align-items: center;
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: 600;
    padding: 25px 10px;
}
.prod-name{
    font-size: 54px;
    font-weight: 500;
    font-family: "Georgia", sans-serif;
}
@media screen and (max-width: 565px) {
    .nav-pills .nav-item {
        width: 100%;
    }
    .nav-pills .nav-item .nav-link {
        padding: 10px 10px;
    }
    .prod-name{
        font-size: 24px;
    }
}

/* buttons */

.primary-btn {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 14px 30px;
    color: #ffffff;
    background: #000000;
    letter-spacing: 4px;
}

.site-btn {
    font-size: 14px;
    color: #ffffff;
    background: #111111;
    font-weight: 700;
    border: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 14px 30px;
}

/* Preloder */

#preloder {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    background: #fff;
}

.loader {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    border-radius: 60px;
    animation: loader 0.8s linear infinite;
    -webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        border: 4px solid #bdad8a;
        border-left-color: transparent;
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        border: 4px solid #000000;
        border-left-color: transparent;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        border: 4px solid #bdad8a;
        border-left-color: transparent;
    }
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
    50% {
        -webkit-transform: rotate(180deg);
        border: 4px solid #673ab7;
        border-left-color: transparent;
    }
    100% {
        -webkit-transform: rotate(360deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
}

.spacial-controls {
    position: fixed;
    width: 111px;
    height: 91px;
    top: 0;
    right: 0;
    z-index: 999;
}

.spacial-controls .search-switch {
    display: block;
    height: 100%;
    padding-top: 30px;
    background: #323232;
    text-align: center;
    cursor: pointer;
}

.search-switch.open{
    display: none !important ;
}
@media screen and (max-width:767px){
    .search-switch.close-interno{
        display: none !important ;
    }
}


.search-model {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 99999;
}

.search-model-form {
    padding: 0 15px;
}

.search-model-form input {
    width: 500px;
    font-size: 40px;
    border: none;
    border-bottom: 2px solid #999;
    background: 0 0;
    color: #999;
}

.search-close-switch {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #333;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    font-size: 28px;
    line-height: 28px;
    top: 30px;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/*---------------------
  Header
-----------------------*/

.header {
    background: transparent;
    position: fixed;
    width: 100%;
    z-index: 10;
}

.header.solido{
    background: #fff;
    box-shadow: -21.213px 21.213px 30px 0px rgb(158 158 158 / 30%);
}

.is-sticky .header {
    background: #ffffff;
    box-shadow: -21.213px 21.213px 30px 0px rgb(158 158 158 / 30%);
}

sticky-wrapper{
    height:72px !important;
}

.header__top {
    background: #111111;
    padding: 10px 0;
}

.header__top__left p {
    color: #ffffff;
    margin-bottom: 0;
}

.header__top__right {
    text-align: right;
}

.header__top__links {
    display: inline-block;
    margin-right: 25px;
}

.header__top__links a {
    color: #ffffff;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-right: 28px;
    display: inline-block;
}

.header__top__links a:last-child {
    margin-right: 0;
}

.header__top__hover {
    display: inline-block;
    position: relative;
}

.header__top__hover:hover ul {
    top: 24px;
    opacity: 1;
    visibility: visible;
}

.header__top__hover span {
    color: #ffffff;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inline-block;
    cursor: pointer;
}

.header__top__hover span i {
    font-size: 20px;
    position: relative;
    top: 3px;
    right: 2px;
}

.header__top__hover ul {
    background: #ffffff;
    display: inline-block;
    padding: 2px 0;
    position: absolute;
    left: 0;
    top: 44px;
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.header__top__hover ul li {
    list-style: none;
    font-size: 13px;
    color: #111111;
    padding: 2px 15px;
    cursor: pointer;
}

.header__logo {
    padding: 10px 0;
}

.logo {
    max-width: 140px;
    width: 100%;
}
.logo-black{
    display: none;
}
.is-sticky .logo-black{
    display: block;
}

.is-sticky .logo-normal{
    display: none;
}

.close-interno .logo-black {
    display: block;
}

.close-interno .logo-normal {
    display: none;
}

@media screen and (max-width:767px) {
    .logo {
        max-width: 100px;
    }
    .logo-black{
        display: block;
    }
    .logo-normal{
        display: none;
    }
}



.header__logo a {
    display: inline-block;
}

.header__menu {
    text-align: center;
    padding: 23px 0 10px;
}

.header__menu ul li {
    list-style: none;
    display: inline-block;
    margin-right: 35px;
    position: relative;
}

.header__menu ul li.active a:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.whatsapp-button {
    position: fixed;
    width: 55px;
    height: 55px;
    bottom: 35px;
    right: 20px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 40px;
    box-shadow: 1px 1px 2px #888;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header__menu ul li:hover a:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.header__menu ul li:last-child:hover a:after {
    transform: scale(0);
}
.header__menu ul li:hover .dropdown {
    top: 32px;
    opacity: 1;
    visibility: visible;
}

.header__menu ul li:last-child {
    margin-right: 0;
    float:right;
}

.header__menu ul li .dropdown {
    position: absolute;
    left: 0;
    top: 56px;
    background: #fff;
    text-align: left;
    padding: 15px 0px 5px 0px;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.form-search.mobile .search {
    background: #fff;
}
.search {
    outline: none;
    border: none;
    background: #fff;
    padding: 10px 5px;
    width: 100%;
}
.form-search.mobile {
    border: 1px solid #000;
}

.search-btn {
    outline: none;
    background: #fff;
    border: none;
    padding: 2px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header__menu ul li .dropdown li {
    display: block;
    margin-right: 0;
    width: 100%;

}

.header__menu ul li .dropdown li a {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    padding: 5px 20px;
    white-space: nowrap;
    text-transform: capitalize;
}

.header__menu ul li .dropdown li a:after {
    display: none;
}

.header__menu ul li a {
    font-size: 14px;
    text-transform: uppercase;
    color: #111111;
    display: block;
    font-weight: 500;
    position: relative;
    padding: 3px 0;
}

.header__menu ul li a:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #bdad8a;
    content: "";
    -webkit-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}


.header__nav__option {
    text-align: right;
    padding: 10px 0;
    display: none;

}

.header__nav__option a {
    display: inline-block;
    margin-right: 26px;
    position: relative;
}


.header__nav__option a span {
    color: #0d0d0d;
    font-size: 11px;
    position: absolute;
    left: 5px;
    top: 8px;
}

.header__nav__option a:last-child {
    margin-right: 0;
}

.header__nav__option .price {
    font-size: 15px;
    color: #111111;
    font-weight: 700;
    display: inline-block;
    margin-left: -20px;
    position: relative;
    top: 3px;
}

.offcanvas-menu-wrapper {
    display: none;
}

.canvas__open {
    display: none;
}

.canvas__open.open {
    display: flex;
    align-items: center;
    font-size: 24px;
    color: #fff;
    height: 35px;
    width: fit-content;
    line-height: 35px;
    text-align: center;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    right: 15px;
    top: 18px;
}

.canvas__open.open span {
    font-size: 15px;
    margin-top: 2px;
}

.offcanvas-menu-overlay.open {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    content: "";
    z-index: 98;
    -webkit-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
    visibility: hidden;
}

.offcanvas-menu-overlay.open.active {
    visibility: visible;
}


.offcanvas-menu-wrapper.open {
    position: fixed;
    left: -300px;
    width: 300px;
    height: 100%;
    background: #ffffff;
    padding: 50px 20px 30px 30px;
    display: block;
    z-index: 99;
    overflow-y: auto;
    -webkit-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
    opacity: 0;
}

.offcanvas-menu-wrapper.open.active {
    opacity: 1;
    left: 0;
}

.offcanvas-menu-wrapper.open .offcanvas__option {
    text-align: center;
    margin-bottom: 30px;
}

.offcanvas-menu-wrapper.open .offcanvas__links {
    display: inline-block;
    margin-right: 25px;
}

.offcanvas-menu-wrapper.open .offcanvas__links a {
    color: #111111;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-right: 16px;
    display: inline-block;
    font-weight: 600;
}

.offcanvas-menu-wrapper.open .slicknav_menu {
    background: transparent;
    padding: 0;
    margin-bottom: 20px;
}

.offcanvas-menu-wrapper.open .slicknav_nav a {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .offcanvas-menu-wrapper.open .slicknav_nav a {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 0px;
    }
}

.offcanvas-menu-wrapper.open .slicknav_nav a:hover {
    border-radius: 0;
    background: transparent;
    color: #111111;
}

.offcanvas-menu-wrapper.open .slicknav_btn {
    display: none;
}

.offcanvas-menu-wrapper.open .slicknav_nav {
    display: block !important;
}

.offcanvas-menu-wrapper.open .slicknav_nav ul {
    margin: 0;
}

.dropdown li a {
    font-size: 16px !important;
    font-weight: 500 !important;
    padding-left:20px !important;
    margin-bottom: 10px !important;
}
@media screen and (max-width:991px){
    .dropdown li a {
        font-size: 13px !important;
    }
}

.offcanvas-menu-wrapper.open .offcanvas__nav__option {
    text-align: right;
    margin-bottom: 25px;
}

.header.open .header__nav__option {
    display: flex;
    align-items: center;
}

.header.open .menu__items {
    display: none;
}

.menu-etc {
    height: 18px;
    width: 1px;
    background: #fff;
}

.search-switch i{
    color: #fff;
}
.is-sticky .menu-etc{
    background: #000;
}

.is-sticky .canvas__open.open {
    color: #000;
}

.is-sticky .search-switch i{
    color: #000;
}

.menu-social {
    width: 20px;
}
.social-white{
    display: block;
}

.social-black{
    display: none;
}

.is-sticky .social-white {
    display: none;
}

.is-sticky .social-black{
    display: block;
}


.close-interno .social-black{
    display: block;
}

.close-interno .social-white{
    display: none;
}

.close-interno .search-switch i {
    color: #000;
}
@media screen and (max-width: 767px) {
    .social-white {
        display: none;
    }

    .social-black{
        display: block;
    }

    .canvas__open.open{
        color: #000;
    }
}

.offcanvas-menu-wrapper.open .slicknav_nav .slicknav_row, .slicknav_nav a {
    padding: 7px 0;
    margin: 0;
    color: #111111;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
}

/*---------------------
  Hero
-----------------------*/

.hero__slider.owl-carousel .owl-item.active .hero__text h6 {
    top: 0;
    opacity: 1;
}

.hero__slider.owl-carousel .owl-item.active .hero__text h2 {
    top: 0;
    opacity: 1;
}

.hero__slider.owl-carousel .owl-item.active .hero__text p {
    top: 0;
    opacity: 1;
}

.hero__slider.owl-carousel .owl-item.active .hero__text .primary-btn {
    top: 0;
    opacity: 1;
}

.hero__slider.owl-carousel .owl-nav button {
    font-size: 36px;
    color: #333333;
    position: absolute;
    left: 75px;
    top: 50%;
    margin-top: -18px;
    line-height: 29px;
}

.hero__slider.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: 75px;
}

.hero__items {
    height: 800px;
    padding-top: 230px;
}


.hero__text h6 {
    color: #e53637;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 28px;
    position: relative;
    top: 100px;
    opacity: 0;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.hero__text h2 {
    color: #111111;
    font-size: 48px;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 30px;
    position: relative;
    top: 100px;
    opacity: 0;
    -webkit-transition: all, 0.6s;
    -o-transition: all, 0.6s;
    transition: all, 0.6s;
}

.hero__text p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 35px;
    position: relative;
    top: 100px;
    opacity: 0;
    -webkit-transition: all, 0.9s;
    -o-transition: all, 0.9s;
    transition: all, 0.9s;
}

.hero__text .primary-btn {
    position: relative;
    top: 100px;
    opacity: 0;
    -webkit-transition: all, 1.1s;
    -o-transition: all, 1.1s;
    transition: all, 1.1s;
}

.hero__text .primary-btn span {
    font-size: 20px;
    position: relative;
    top: 4px;
    font-weight: 700;
}

.hero__social {
    margin-top: 190px;
}

.hero__social a {
    font-size: 16px;
    color: #3d3d3d;
    display: inline-block;
    margin-right: 32px;
}

.hero__social a:last-child {
    margin-right: 0;
}

.bloco-social {
    display: flex;
    margin: 0px 10px 10px 10px;
    align-items: center;
}

.bloco-social img {
    width: 35px;
}

.bloco-social h6 {
    padding-left: 10px;
    font-size: 12px;
    text-transform: uppercase;
    color: #b2b2b2;
}


/*---------------------
  Banner
-----------------------*/

.blog {
    padding-bottom: 55px;
}

.banner__home {
    top: -76px;
}

@media screen and (max-width: 767px) {
    .banner__home {
        top: 0px;
    }
}

.banner__item {
    position: relative;
    overflow: hidden;
}

.banner__item:hover .banner__item__text a:after {
    width: 100%;
    background: #bdad8a;
}

.banner__item.banner__item--middle {
    /*margin-top: -35px;*/
}

.banner__item.banner__item--middle .banner__item__pic {
    float: none;
}

.banner__item.banner__item--middle .banner__item__text {
    position: relative;
    top: 0;
    left: 0;
    max-width: 100%;
    padding-top: 5px;
}

.banner__item .img-2 {
    display: flex;
    justify-content: flex-end;
}

.banner__item .img-1 img, .banner__item .img-2 img {
    width: 400px;
    object-fit: cover;
    height: 400px;
    max-width: 100%;
}

@media screen and (max-width:991px){
    .banner__item .img-1 img, .banner__item .img-2 img {
        width: 332px;
        height: 280px;
    }
}

.banner__item.banner__item--last {
    margin-top: 100px;
}

.banner__item__pic {
    float: right;
}

.banner__item__text {
    max-width: 300px;
    position: absolute;
    left: 0;
    top: 140px;
    display: flex;
    flex-direction: column;
}

.banner__item__text h2 {
    color: #111111;
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 10px;
    font-family: "Georgia", sans-serif;
    text-transform: uppercase;
    font-size: 32px;
}

.banner__item__text a {
    display: inline-block;
    color: #111111;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 3px 0;
    position: relative;
}

.banner__item__text a:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background: #111111;
    content: "";
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

/*---------------------
  Categories
-----------------------*/

.categories {
    background: #f3f2ee;
    overflow: hidden;
    padding-top: 150px;
    padding-bottom: 125px;
}

.categories__text {
    padding-top: 40px;
    position: relative;
    z-index: 1;
}

.categories__text:before {
    position: absolute;
    left: -485px;
    top: 0;
    height: 300px;
    width: 600px;
    background: #ffffff;
    z-index: -1;
    content: "";
}

.categories__text h2 {
    color: #b7b7b7;
    line-height: 72px;
    font-size: 34px;
}

.categories__text h2 span {
    font-weight: 700;
    color: #111111;
}

.categories__hot__deal {
    position: relative;
    z-index: 5;
}

.categories__hot__deal img {
    min-width: 100%;
}

.hot__deal__sticker {
    height: 100px;
    width: 100px;
    background: #111111;
    border-radius: 50%;
    padding-top: 22px;
    text-align: center;
    position: absolute;
    right: 0;
    top: -36px;
}

.hot__deal__sticker span {
    display: block;
    font-size: 15px;
    color: #ffffff;
    margin-bottom: 4px;
}

.hot__deal__sticker h5 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
}

.categories__deal__countdown span {
    color: #e53637;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
    display: block;
}

.categories__deal__countdown h2 {
    color: #111111;
    font-weight: 700;
    line-height: 46px;
    margin-bottom: 25px;
}

.categories__deal__countdown .categories__deal__countdown__timer {
    margin-bottom: 20px;
    overflow: hidden;
    margin-left: -30px;
}

.categories__deal__countdown .categories__deal__countdown__timer .cd-item {
    width: 25%;
    float: left;
    margin-bottom: 25px;
    text-align: center;
    position: relative;
}

.categories__deal__countdown .categories__deal__countdown__timer .cd-item:after {
    position: absolute;
    right: 0;
    top: 7px;
    content: ":";
    font-size: 24px;
    font-weight: 700;
    color: #3d3d3d;
}

.categories__deal__countdown .categories__deal__countdown__timer .cd-item:last-child:after {
    display: none;
}

.categories__deal__countdown .categories__deal__countdown__timer .cd-item span {
    color: #111111;
    font-weight: 700;
    display: block;
    font-size: 36px;
}

.categories__deal__countdown .categories__deal__countdown__timer .cd-item p {
    margin-bottom: 0;
}

/*---------------------
  Instagram
-----------------------*/

.instagram {
    padding-bottom: 0;
}

.instagram__pic__item {
    width: 33.33%;
    float: left;
    height: 261px;
    background-position: center center;
}

.instagram__text {
    padding-top: 130px;
}

.instagram__text h2 {
    color: #111111;
    font-weight: 700;
    margin-bottom: 30px;
}

.instagram__text p {
    margin-bottom: 65px;
}

.instagram__text h3 {
    color: #e53637;
    font-weight: 700;
}

/*---------------------
  Product
-----------------------*/

.product {
    padding-top: 0;
    padding-bottom: 60px;
}

.filter__controls {
    text-align: center;
    margin-bottom: 45px;
}

.filter__controls li {
    color: #b7b7b7;
    font-size: 24px;
    font-weight: 700;
    list-style: none;
    display: inline-block;
    margin-right: 88px;
    cursor: pointer;
}

.filter__controls li:last-child {
    margin-right: 0;
}

.filter__controls li.active {
    color: #111111;
}

.product__item {
    overflow: hidden;
    margin-bottom: 40px;
}

.product__item.sale .product__item__pic .label {
    color: #ffffff;
    background: #111111;
}

.product__item.sale .product__item__text .rating i {
    color: #f7941d;
}

.product__item.sale .product__item__text .rating i:nth-last-child(1) {
    color: #b7b7b7;
}

.product__item:hover .product__item__pic .product__hover {
    right: 20px;
    opacity: 1;
}

.product__item:hover .product__item__text a {
    top: 22px;
    opacity: 1;
    visibility: visible;
}

.product__item:hover .product__item__text h6 {
    opacity: 0;
}

.product__item:hover .product__item__text .product__color__select {
    opacity: 1;
}

.product__item__pic {
    height: 260px;
    position: relative;
    background-position: center center;
}

.product__item__pic .label {
    color: #111111;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
    padding: 4px 15px 2px;
    background: #ffffff;
    position: absolute;
    left: 0;
    top: 20px;
}

.product__item__pic .product__hover {
    position: absolute;
    right: -200px;
    top: 20px;
    -webkit-transition: all, 0.8s;
    -o-transition: all, 0.8s;
    transition: all, 0.8s;
}

.product__item__pic .product__hover li {
    list-style: none;
    margin-bottom: 10px;
    position: relative;
}

.product__item__pic .product__hover li:hover span {
    opacity: 1;
    visibility: visible;
}

.product__item__pic .product__hover li span {
    color: #ffffff;
    background: #111111;
    display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
    position: absolute;
    left: -78px;
    top: 5px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.product__item__pic .product__hover li span:after {
    position: absolute;
    right: -2px;
    top: 5px;
    height: 15px;
    width: 15px;
    background: #111111;
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
}

.product__item__pic .product__hover li img {
    background: #ffffff;
    padding: 10px;
    display: inline-block;
}

.product__item__text {
    padding-top: 25px;
    position: relative;
}

.product__item__text a {
    font-size: 15px;
    color: #e53637;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.product__item__text h6 {
    color: #111111;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.product__item__text .rating {
    margin-bottom: 6px;
}

.product__item__text .rating i {
    font-size: 14px;
    color: #b7b7b7;
    margin-right: -5px;
}

.product__item__text h5 {
    color: #0d0d0d;
    font-weight: 700;
}

.product__item__text .product__color__select {
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
}

.product__item__text .product__color__select label {
    display: inline-block;
    height: 12px;
    width: 12px;
    background: #5e64d1;
    border-radius: 50%;
    margin-bottom: 0;
    margin-right: 5px;
    position: relative;
    cursor: pointer;
}

.product__item__text .product__color__select label.black {
    background: #404a47;
}

.product__item__text .product__color__select label.grey {
    background: #d5a667;
}

.product__item__text .product__color__select label.active:after {
    opacity: 1;
}

.product__item__text .product__color__select label:after {
    position: absolute;
    left: -3px;
    top: -3px;
    height: 18px;
    width: 18px;
    border: 1px solid #b9b9b9;
    content: "";
    border-radius: 50%;
    opacity: 0;
}

.product__item__text .product__color__select label input {
    position: absolute;
    visibility: hidden;
}

/*---------------------
  Shop
-----------------------*/

.shop__sidebar {
    padding-right: 20px;
}

.shop__sidebar__search {
    margin-bottom: 45px;
}

.shop__sidebar__search form {
    position: relative;
}

.shop__sidebar__search form input {
    width: 100%;
    font-size: 15px;
    color: #b7b7b7;
    padding-left: 20px;
    border: 1px solid #e5e5e5;
    height: 42px;
}

.shop__sidebar__search form input::-webkit-input-placeholder {
    color: #b7b7b7;
}

.shop__sidebar__search form input::-moz-placeholder {
    color: #b7b7b7;
}

.shop__sidebar__search form input:-ms-input-placeholder {
    color: #b7b7b7;
}

.shop__sidebar__search form input::-ms-input-placeholder {
    color: #b7b7b7;
}

.shop__sidebar__search form input::placeholder {
    color: #b7b7b7;
}

.shop__sidebar__search form button {
    color: #b7b7b7;
    font-size: 15px;
    border: none;
    background: transparent;
    position: absolute;
    right: 0;
    padding: 0 15px;
    top: 0;
    height: 100%;
}

.shop__sidebar__accordion .card {
    border: none;
    border-radius: 0;
    margin-bottom: 25px;
}

.shop__sidebar__accordion .card:last-child {
    margin-bottom: 0;
}

.shop__sidebar__accordion .card:last-child .card-body {
    padding-bottom: 0;
    border-bottom: none;
}

.shop__sidebar__accordion .card-body {
    padding: 0;
    padding-top: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}

.shop__sidebar__accordion .card-heading {
    cursor: pointer;
}

.shop__sidebar__accordion .card-heading a {
    color: #111111;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
}

.shop__sidebar__categories ul,
.shop__sidebar__price ul,
.shop__sidebar__brand ul {
    height: 225px;
}

.shop__sidebar__categories ul li,
.shop__sidebar__price ul li,
.shop__sidebar__brand ul li {
    list-style: none;
}

.shop__sidebar__categories ul li a,
.shop__sidebar__price ul li a,
.shop__sidebar__brand ul li a {
    color: #b7b7b7;
    font-size: 15px;
    line-height: 32px;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.shop__sidebar__categories ul li a:hover,
.shop__sidebar__price ul li a:hover,
.shop__sidebar__brand ul li a:hover {
    color: #111111;
}

.shop__sidebar__brand ul {
    height: auto;
}

.shop__sidebar__price ul {
    height: auto;
}

.shop__sidebar__size {
    padding-top: 15px;
}

.shop__sidebar__size label {
    color: #111111;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    border: 1px solid #e5e5e5;
    padding: 6px 25px;
    margin-bottom: 10px;
    margin-right: 5px;
    cursor: pointer;
}

.shop__sidebar__size label.active {
    background: #111111;
    color: #ffffff;
    border-color: #111111;
}

.shop__sidebar__size label input {
    position: absolute;
    visibility: hidden;
}

.shop__sidebar__color {
    padding-top: 15px;
}

.shop__sidebar__color label {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    position: relative;
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 10px;
    cursor: pointer;
}

.shop__sidebar__color label.c-1 {
    background: #0b090c;
}

.shop__sidebar__color label.c-2 {
    background: #20315f;
}

.shop__sidebar__color label.c-3 {
    background: #f1af4d;
}

.shop__sidebar__color label.c-4 {
    background: #636068;
}

.shop__sidebar__color label.c-5 {
    background: #57594d;
}

.shop__sidebar__color label.c-6 {
    background: #e8bac4;
}

.shop__sidebar__color label.c-7 {
    background: #d6c1d7;
}

.shop__sidebar__color label.c-8 {
    background: #ed1c24;
}

.shop__sidebar__color label.c-9 {
    background: #ffffff;
}

.shop__sidebar__color label:after {
    position: absolute;
    left: -3px;
    top: -3px;
    height: 36px;
    width: 36px;
    border: 1px solid #e5e5e5;
    content: "";
    border-radius: 50%;
}

.shop__sidebar__color label input {
    position: absolute;
    visibility: hidden;
}

.shop__sidebar__tags {
    padding-top: 15px;
}

.shop__sidebar__tags a {
    color: #404040;
    font-size: 13px;
    font-weight: 700;
    background: #f1f5f8;
    padding: 5px 18px;
    display: inline-block;
    text-transform: uppercase;
    margin-right: 6px;
    margin-bottom: 10px;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.shop__sidebar__tags a:hover {
    background: #111111;
    color: #ffffff;
}

.shop__sidebar__accordion .card-heading a:after,
.shop__sidebar__accordion .card-heading > a.active[aria-expanded=false]:after {
    content: "";
    font-family: "FontAwesome";
    font-size: 24px;
    font-weight: 700;
    color: #111111;
    position: absolute;
    right: 0;
    top: 2px;
    line-height: 20px;
}

.shop__sidebar__accordion .card-heading.active a:after {
    content: "";
    font-family: "FontAwesome";
    font-size: 24px;
    font-weight: 700;
    color: #111111;
    position: absolute;
    right: 0;
    top: 2px;
    line-height: 20px;
}

.shop__product__option {
    margin-bottom: 45px;
}

.shop__product__option p {
    color: #111111;
    margin-bottom: 0;
}

.shop__product__option__right {
    text-align: right;
}

.shop__product__option__right p {
    display: inline-block;
    margin-bottom: 0;
}

.shop__product__option__right .nice-select {
    float: none;
    display: inline-block;
    padding: 0;
    line-height: 26px;
    height: auto;
    border: none;
    padding-right: 28px;
}

.shop__product__option__right .nice-select:after {
    border-bottom: 1.5px solid #111111;
    border-right: 1.5px solid #111111;
    height: 8px;
    right: 12px;
    width: 8px;
}

.shop__product__option__right .nice-select span {
    color: #111111;
    font-size: 15px;
    font-weight: 700;
}

.shop__product__option__right .nice-select .list {
    border-radius: 0;
}

.product__pagination {
    padding-top: 25px;
    text-align: center;
}

.product__pagination a {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #111111;
    height: 30px;
    width: 30px;
    border: 1px solid transparent;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
}

.product__pagination a.active {
    border-color: #111111;
}

.product__pagination a:hover {
    border-color: #111111;
}

.product__pagination span {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #111111;
    padding-left: 10px;
    padding-right: 15px;
}

/*---------------------
  Shop
-----------------------*/

.product__details__pic {
    text-align: center;
    background: #f3f2ee;
    padding: 40px 0 60px;
    margin-bottom: 100px;
}

.product__details__pic .nav-tabs {
    border-bottom: none;
    width: 105px;
}

.product__details__pic .nav-tabs .nav-item {
    margin-bottom: 10px;
}

.product__details__pic .nav-tabs .nav-item:last-child {
    margin-bottom: 0;
}

.product__details__pic .nav-tabs .nav-item .nav-link {
    padding: 0;
    display: block;
}

.product__details__pic .nav-tabs .nav-item .nav-link .product__thumb__pic {
    height: 120px;
    width: 95px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product__details__pic .nav-tabs .nav-item .nav-link .product__thumb__pic i {
    height: 56px;
    width: 56px;
    border: 4px solid #ffffff;
    border-radius: 50%;
    font-size: 20px;
    color: #ffffff;
    line-height: 48px;
    display: inline-block;
    text-align: center;
}

.product__details__pic .nav-tabs .nav-item.show .nav-link,
.product__details__pic .nav-tabs .nav-link.active {
    background-color: transparent;
    border-color: transparent;
}

.product__details__breadcrumb {
    margin-bottom: 30px;
}

.product__details__breadcrumb a {
    font-size: 15px;
    color: #111111;
    margin-right: 18px;
    display: inline-block;
    position: relative;
}

.product__details__breadcrumb a:after {
    position: absolute;
    right: -14px;
    top: 0;
    content: "";
    font-family: "FontAwesome";
}

.product__details__breadcrumb span {
    font-size: 15px;
    color: #b7b7b7;
    display: inline-block;
}

.product__details__pic__item {
    position: relative;
}

.product__details__pic__item a {
    height: 56px;
    width: 56px;
    border: 4px solid #ffffff;
    border-radius: 50%;
    font-size: 20px;
    color: #ffffff;
    line-height: 48px;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -28px;
    margin-left: -28px;
}

.product__details__text {
    text-align: center;
}

.product__details__text h4 {
    color: #111111;
    font-weight: 700;
    margin-bottom: 10px;
}

.product__details__text .rating {
    margin-bottom: 20px;
}

.product__details__text .rating i {
    font-size: 15px;
    color: #f7941d;
    display: inline-block;
    margin-right: -5px;
}

.product__details__text .rating span {
    display: inline-block;
    color: #3d3d3d;
    margin-left: 5px;
}

.product__details__text h3 {
    color: #0d0d0d;
    font-weight: 700;
    margin-bottom: 16px;
}

.product__details__text h3 span {
    color: #b7b7b7;
    font-size: 20px;
    font-weight: 400;
    margin-left: 10px;
    text-decoration: line-through;
}

.product__details__text p {
    margin-bottom: 35px;
}

.product__details__option {
    margin-bottom: 30px;
}

.product__details__option__size {
    display: inline-block;
    margin-right: 50px;
}

.product__details__option__size span {
    color: #111111;
    display: inline-block;
    margin-right: 10px;
}

.product__details__option__size label {
    color: #111111;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    border: 1px solid #e5e5e5;
    padding: 6px 15px;
    margin-bottom: 0;
    margin-right: 5px;
    cursor: pointer;
}

.product__details__option__size label.active {
    background: #111111;
    color: #ffffff;
    border-color: #111111;
}

.product__details__option__size label input {
    position: absolute;
    visibility: hidden;
}

.product__details__option__color {
    display: inline-block;
    position: relative;
    top: 10px;
}

.product__details__option__color span {
    color: #111111;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: -9px;
}

.product__details__option__color label {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    position: relative;
    margin-right: 10px;
    margin-bottom: 0;
    display: inline-block;
    cursor: pointer;
}

.product__details__option__color label.c-1 {
    background: #0b090c;
}

.product__details__option__color label.c-2 {
    background: #20315f;
}

.product__details__option__color label.c-3 {
    background: #f1af4d;
}

.product__details__option__color label.c-4 {
    background: #ed1c24;
}

.product__details__option__color label.c-9 {
    background: #ffffff;
}

.product__details__option__color label:after {
    position: absolute;
    left: -3px;
    top: -3px;
    height: 36px;
    width: 36px;
    border: 1px solid #e5e5e5;
    content: "";
    border-radius: 50%;
}

.product__details__option__color label input {
    position: absolute;
    visibility: hidden;
}

.product__details__cart__option {
    margin-bottom: 25px;
}

.product__details__cart__option .quantity {
    display: inline-block;
    margin-right: 20px;
}

.product__details__cart__option .quantity .pro-qty {
    width: 100px;
    height: 40px;
    border: 1px solid #e5e5e5;
    position: relative;
}

.product__details__cart__option .quantity .pro-qty input {
    color: #0d0d0d;
    font-size: 15px;
    font-weight: 700;
    width: 70px;
    height: 100%;
    text-align: center;
    border: none;
}

.product__details__cart__option .quantity .pro-qty .qtybtn {
    font-size: 18px;
    color: #0d0d0d;
    position: absolute;
    right: 15px;
    top: 3px;
    height: 10px;
    width: 10px;
    cursor: pointer;
    font-weight: 600;
}

.product__details__cart__option .quantity .pro-qty .qtybtn.inc {
    top: 16px;
}

.product__details__btns__option {
    margin-bottom: 40px;
}

.product__details__btns__option a {
    display: inline-block;
    font-size: 13px;
    color: #3d3d3d;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    margin-right: 20px;
}

.product__details__btns__option a:last-child {
    margin-right: 0;
}

.product__details__last__option h5 {
    color: #111111;
    font-weight: 700;
    font-size: 20px;
    position: relative;
    margin-bottom: 26px;
}

.product__details__last__option h5 span {
    background: #ffffff;
    padding: 0 30px;
}

.product__details__last__option h5:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    height: 1px;
    width: 460px;
    background: #e5e5e5;
    content: "";
    z-index: -1;
    margin: 0 auto;
}

.product__details__last__option ul {
    padding-top: 40px;
}

.product__details__last__option ul li {
    list-style: none;
    font-size: 15px;
    color: #111111;
    font-weight: 700;
    line-height: 30px;
}

.product__details__last__option ul li span {
    font-weight: 400;
    color: #b7b7b7;
}

.product__details__tab {
    padding-top: 60px;
}

.product__details__tab .nav-tabs {
    border-bottom: 1px solid #e5e5e5;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product__details__tab .nav-tabs .nav-item {
    margin-right: 50px;
}

.product__details__tab .nav-tabs .nav-item:last-child {
    margin-right: 0;
}

.product__details__tab .nav-tabs .nav-item .nav-link {
    font-size: 20px;
    color: #b7b7b7;
    padding: 0;
    border: none;
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 2px solid transparent;
}

.product__details__tab .nav-tabs .nav-item .nav-link.active {
    border-bottom: 2px solid #e53637;
}

.product__details__tab__content {
    padding-top: 35px;
}

.note {
    color: #111111;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 25px;
}

.product__details__tab__content__item {
    margin-bottom: 30px;
}

.product__details__tab__content__item:last-child {
    margin-bottom: 0;
}

.product__details__tab__content__item h5 {
    color: #111111;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
}

.product__details__tab__content__item p {
    margin-bottom: 0;
}

/*---------------------
  Related
-----------------------*/

.related {
    padding-bottom: 55px;
}

.related-title {
    color: #111111;
    font-weight: 700;
    margin-bottom: 45px;
    text-align: center;
}

.icons__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.icons__img {
    width: 90px !important;
}

.icons__item h6 {
    color: #000000;
    text-transform: uppercase;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
}

.icons__item p {
    text-align: justify;
    font-size: 13px;
    text-align-last: center;
}

.service__slider .owl-dots {
    position: absolute;
    bottom: 30px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.owl-dots {
    position: absolute;
    bottom: -50px;
    width: 100%;
    display: flex;
    justify-content: center;
}

button.owl-dot {
    width: 13px;
    height: 13px;
    margin: 3px;
    background: #d2d2d1 !important;
    border-radius: 2em !important;
    transition: all 0.3s ease-in-out;
}

button.owl-dot.active {
    background: #bdad8a !important;
    width: 26px;
}

.btn-service {
    padding: 10px 20px;
    color: #ffffff;
    background: transparent;
    border: 2px solid #bdad8a;
    border-radius: 2em;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
}

.btn-service:hover {
    background: #bdad8a;
}

.btn-service2 {
    padding: 10px 20px;
    color: #bdad8a;
    background: transparent;
    border: 2px solid #bdad8a;
    border-radius: 2em;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
}

.btn-service2:hover {
    background: #bdad8a;
    color: #ffffff;
}

.btn-prod {
    padding: 10px 20px;
    color: #bdad8a;
    background: transparent;
    border: 2px solid #bdad8a;
    border-radius: 2em;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
}

.btn-prod:hover {
    background: #bdad8a;
    color: #ffffff;
}

.service__item {
    position: relative;
    z-index: 1;
}

.service__overlay {
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.service-divisor {
    width: 2px;
    height: 50px;
    background: #bdad8a;
    margin-top: 25px;
}

.service-type {
    padding: 10px 0px;
    color: #ffffff;
    background: transparent;
    border: 2px solid transparent;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}

.service-title {
    color: #ffffff;
    font-family: "Georgia", sans-serif;
    text-transform: uppercase;
}

.service-title2 {
    color: #000000;
    font-weight: 500;
    font-family: "Georgia", sans-serif;
    font-size: 36px;
}

.service-desc {
    color: #bdad8a;
    font-size: 15px;
    line-height: 16px;
    font-weight: 500;
}

.service-obs2 {

    font-size: 13px;
    font-weight: 600;
    color: #000000;
}


.brand-title {
    color: #ffffff;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.brand-container {
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.brand-container img {
    max-height: 35px;
    max-width: 130px;
}

.img-prod-destaque {
    max-width: 200px;
}

.icon-catalogo {
    max-width: 50px;
}

@media screen and (max-width: 991px) {
    .img-prod-destaque {
        max-width: 150px;
    }

    .icon-catalogo {
        max-width: 35px;
    }
}

.borda-destaque {
    width: 7px;
    position: absolute;
    height: 100%;
    justify-content: center;
    align-items: flex-start;
    background: #cdcdcd;
    border-right: 3px solid #ffffff;
    border-left: 3px solid #ffffff;

}

.borda-item {
    margin-top: 20px;
    width: 7px;
    height: 50px;
    position: absolute;
    border-radius: 3px;
    background: #bdad8a;
}


/*---------------------
  Footer
-----------------------*/

.footer {
    background: #eff0ef;
    padding-top: 130px;
}

.footer__about {
    margin-bottom: 30px;
    display: flex;

}

.footer__about h5 {
    color: #bdad8a;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 2px;
}


.footer__about .footer__logo {
    margin-bottom: 30px;
}

.footer__about .footer__logo a {
    display: inline-block;
}

.footer__about p {
    color: #000000;
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 13px;
    line-height: inherit;
}

.content-footer-icon {
    padding-top: 5px;
    min-width: 42px;
    width: 47px;
    display: flex;
    justify-content: flex-end;
}

.content-footer-icon img {
    height: 84px;

}

.img-sobre{
    width: 40px;
}
.content-footer-desc {
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    border-left: 2px solid #bdad8a;
}

.content-footer-desc span {
    color: #bdad8a;
}

.content-footer-desc small {
    font-weight: 500;
}

.footer__widget {
    margin-bottom: 30px;
}

.footer__widget h6 {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.footer__widget ul li {
    line-height: 36px;
    list-style: none;
}

.footer__widget ul li a {
    color: #b7b7b7;
    font-size: 15px;
}
/*NEWS */

.sidebar-widgets {
    padding-bottom: 120px;
}
.widget-wrap {
    background: #fff;
    padding: 20px 0px;
    box-shadow: -1.213px 5.213px 30px 0px rgb(158 158 158 / 30%);
}
@media (max-width: 991px) {
    .widget-wrap {
        margin-top: 50px;
    }
}
.widget-wrap .single-sidebar-widget {
    margin: 20px 30px 30px 30px;
    border-bottom: 1px solid #eee;
}
.widget-wrap .single-sidebar-widget:last-child {
    border-bottom: none;
    margin-bottom: 0px;
}
.widget-wrap .search-widget form.search-form input[type="text"] {
    color: #000;
    padding: 10px 22px;
    font-size: 14px;
    text-decoration: none;
    outline: none;
    border: none;
    height:46px;
    float: left;
    width: 80%;
    border-top: 1px solid #e3e0e0;
    border-bottom: 1px solid #e3e0e0;
    border-left: 1px solid #e3e0e0;
}
.widget-wrap .search-widget ::-webkit-input-placeholder {
    color: #000;
}
.widget-wrap .search-widget ::-moz-placeholder {
    color: #000;
}
.widget-wrap .search-widget :-ms-input-placeholder {
    color: #000;
}
.widget-wrap .search-widget :-moz-placeholder {
    color: #000;
}
.widget-wrap .search-widget form.search-form button {
    float: left;
    width: 20%;
    padding: 10px;
    background: transparent;
    border-top: 1px solid #e3e0e0;
    border-bottom: 1px solid #e3e0e0;
    border-right: 1px solid #e3e0e0;
    border-left: none;
    color: #000;
    font-size: 17px;
    height:46px;
    cursor: pointer;
    /*border-bottom-right-radius: 20px;*/
    /*border-top-right-radius: 20px;*/
}
.widget-wrap .search-widget form.search-form::after {
    content: "";
    clear: both;
    display: table;
}
.widget-wrap .user-info-widget {
    text-align: center;
}
.widget-wrap .user-info-widget a h4 {
    margin-top: 40px;
    margin-bottom: 5px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.widget-wrap .user-info-widget .social-links li {
    display: inline-block;
    margin-bottom: 10px;
}
.widget-wrap .user-info-widget .social-links li a {
    color: #263a4e;
    padding: 10px;
    font-size: 14px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.widget-wrap .user-info-widget .social-links li a:hover {
    color: #bdad8a;
}
.widget-wrap .popular-post-widget .popular-title {
    border: 1px solid #e3e0e0;
    color: #000;
    text-align: center;
    padding: 12px 0px;
    font-size: 16px;
}
.widget-wrap .popular-post-widget .popular-post-list {
    margin-top: 30px;
}
.widget-wrap .popular-post-widget .popular-post-list .thumb img {
    width: 100%;
}
.widget-wrap .popular-post-widget .single-post-list {
    margin-bottom: 20px;
}
.widget-wrap .popular-post-widget .single-post-list .details {
    margin-left: 12px;
}
.widget-wrap .popular-post-widget .single-post-list .details h6 {
    font-weight: 600;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.widget-wrap .popular-post-widget .single-post-list .details h6:hover {
    color: #bdad8a;
}
.widget-wrap .popular-post-widget .single-post-list .details p {
    margin-bottom: 0px;
}
.widget-wrap .ads-widget img {
    width: 100%;
}
.widget-wrap .post-category-widget .category-title {
    border: 1px solid #e3e0e0;
    color: #000;
    text-align: center;
    padding: 12px 0px;
    font-size: 16px;
}
.widget-wrap .post-category-widget .cat-list li {
    padding-top: 15px;
    padding-bottom: 8px;
    border-bottom: 2px dotted #eee;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.widget-wrap .post-category-widget .cat-list li p {
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 0px;
    color: #080808;
    font-weight: 500;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.widget-wrap .post-category-widget .cat-list li a {
    color: #87898f;
}
.widget-wrap .post-category-widget .cat-list li:hover {
    border-color: #bdad8a;
}
.widget-wrap .post-category-widget .cat-list li:hover p {
    color: #bdad8a;
}
.widget-wrap .newsletter-widget .newsletter-title {
    background: #bdad8a;
    color: #fff;
    text-align: center;
    padding: 12px 0px;
}
.widget-wrap .newsletter-widget .col-autos {
    width: 100%;
}
.widget-wrap .newsletter-widget p {
    text-align: center;
    margin: 20px 0px;
}
.widget-wrap .newsletter-widget .bbtns {
    background: #bdad8a;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 6px 20px;
    border-radius: 0;
}
.widget-wrap .newsletter-widget .input-group-text {
    background: #fff;
    border-radius: 0px;
    vertical-align: top;
}
.widget-wrap .newsletter-widget .input-group-text i {
    color: #ccc;
    margin-top: -1px;
}
.widget-wrap .newsletter-widget .form-control {
    border-left: none !important;
    border-right: none !important;
    border-radius: 0px;
    font-size: 13px;
    color: #ccc;
    padding: 9px;
    padding-left: 0px;
}
.widget-wrap .newsletter-widget .form-control:focus {
    box-shadow: none;
    border-color: #ccc;
}
.widget-wrap .newsletter-widget ::-webkit-input-placeholder {
    font-size: 13px;
    color: #ccc;
}
.widget-wrap .newsletter-widget ::-moz-placeholder {
    font-size: 13px;
    color: #ccc;
}
.widget-wrap .newsletter-widget :-ms-input-placeholder {
    font-size: 13px;
    color: #ccc;
}
.widget-wrap .newsletter-widget :-moz-placeholder {
    font-size: 13px;
    color: #ccc;
}
.widget-wrap .newsletter-widget .text-bottom {
    margin-bottom: 0px;
}
.widget-wrap .tag-cloud-widget .tagcloud-title {
    background: #cea06c;
    color: #fff;
    text-align: center;
    padding: 12px 0px;
    margin-bottom: 30px;
}
.cat-list{
    list-style: none;
}
.widget-u, .widget-u:hover{
    color:#bdad8a;
    font-weight: 500;
    font-size: 14px;
}
.widget-wrap .tag-cloud-widget ul li {
    display: inline-block;
    border: 1px solid #eee;
    background: #fff;
    padding: 4px 14px;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.widget-wrap .tag-cloud-widget ul li:hover {
    background: #cea06c;
}
.widget-wrap .tag-cloud-widget ul li:hover a {
    color: #fff;
}
.widget-wrap .tag-cloud-widget ul li a {
    font-size: 12px;
    color: #263a4e;
}

.block-27 ul {
    padding: 0;
    margin: 0;
}
.block-27 ul li {
    display: inline-block;
    margin-bottom: 4px;
    font-weight: 400;
}
.block-27 ul .pri-ult a {
    min-width: 50px!important;
    width: 100%!important;
    padding-left: 10px!important;
    padding-right: 10px!important;
}
.block-27 ul li a, .block-27 ul li span {
    color: #bdad8a !important;
    text-align: center;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #e6e6e6;
}
.block-27 ul li.active a, .block-27 ul li.active span {
    background: #bdad8a;
    color: #fff!important;
    border: 1px solid transparent;
}


/*NEWS END*/


.footer__widget .footer__newslatter p {
    color: #b7b7b7;
}

.footer__widget .footer__newslatter form {
    position: relative;
}

.footer__widget .footer__newslatter form input {
    width: 100%;
    font-size: 15px;
    color: #3d3d3d;
    background: transparent;
    border: none;
    padding: 15px 0;
    border-bottom: 2px solid #ffffff;
}

.footer__widget .footer__newslatter form input::-webkit-input-placeholder {
    color: #3d3d3d;
}

.footer__widget .footer__newslatter form input::-moz-placeholder {
    color: #3d3d3d;
}

.footer__widget .footer__newslatter form input:-ms-input-placeholder {
    color: #3d3d3d;
}

.footer__widget .footer__newslatter form input::-ms-input-placeholder {
    color: #3d3d3d;
}

.footer__widget .footer__newslatter form input::placeholder {
    color: #3d3d3d;
}

.footer__widget .footer__newslatter form button {
    color: #b7b7b7;
    font-size: 16px;
    position: absolute;
    right: 5px;
    top: 0;
    height: 100%;
    background: transparent;
    border: none;
}

.footer__copyright__text {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 20px 0;
    margin-top: 40px;
}

.footer__copyright__text p {
    color: #b2b2b2;
    margin-bottom: 0;
    font-family: "Baloo 2", sans-serif;
    font-weight: 600;
    font-size: 14px;
}

.footer__copyright__text p i {
    color: #e53637;
}

.footer__copyright__text p a {
    color: #e53637;
}

/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-option {
    background: #f3f2ee;
    padding: 40px 0;
}

.breadcrumb__text h4 {
    color: #111111;
    font-weight: 700;
    margin-bottom: 8px;
}

.breadcrumb__links a {
    font-size: 15px;
    color: #111111;
    margin-right: 18px;
    display: inline-block;
    position: relative;
}

.breadcrumb__links a:after {
    position: absolute;
    right: -14px;
    top: 0;
    content: "";
    font-family: "FontAwesome";
}

.breadcrumb__links span {
    font-size: 15px;
    color: #b7b7b7;
    display: inline-block;
}

/*---------------------
  Breadcrumb Blog
-----------------------*/

.breadcrumb-blog {
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 350px;
}

.breadcrumb-blog h2 {
    color: #ffffff;
    font-size: 60px;
    font-weight: 400;
}
.breadcrumb__box{
    position: relative;
    z-index: 2;
}
.breadcrumb__overlay{
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
@media screen and (max-width:767px){
    .breadcrumb-blog {
        height: 200px;
    }
    .breadcrumb-blog h2 {
        font-size: 30px;
    }
    .blog-hero {
        padding-top: 40px !important;
        padding-bottom: 30px !important;
    }
    .blog-details {
        margin-top: 0px !important;
    }
}

/*---------------------
  About
-----------------------*/

.about {
    padding-bottom: 70px;
}

.about__pic {
    margin-bottom: 35px;
}

.about__pic img {
    min-width: 100%;
}

.about__item {
    margin-bottom: 30px;
}

.about__item h4 {
    color: #111111;
    font-weight: 700;
    margin-bottom: 10px;
}

.about__item p {
    margin-bottom: 0;
}

/*---------------------
  Testimonial
-----------------------*/

.testimonial {
    background: #f3f2ee;
}

.testimonial__text {
    text-align: center;
    padding: 130px 150px 175px;
}

.testimonial__text span {
    color: #e53637;
    font-size: 72px;
}

.testimonial__text p {
    color: #111111;
    font-size: 20px;
    font-style: italic;
    line-height: 30px;
    padding-top: 12px;
    margin-bottom: 25px;
}

.testimonial__author {
    display: inline-block;
}

.testimonial__author__pic {
    float: left;
    margin-right: 20px;
}

.testimonial__author__pic img {
    height: 60px;
    width: 60px;
    border-radius: 50%;
}

.testimonial__author__text {
    overflow: hidden;
    padding-top: 3px;
}

.testimonial__author__text h5 {
    color: #111111;
    font-weight: 700;
    margin-bottom: 5px;
}

.testimonial__author__text p {
    color: #b7b7b7;
    margin-bottom: 0 !important;
    padding-top: 0;
}

.testimonial__pic {
    height: 600px;
}

/*---------------------
  Counter
-----------------------*/

.counter {
    padding-bottom: 0;
}

.counter .container {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 70px;
}

.counter__item {
    margin-bottom: 30px;
    overflow: hidden;
}

.counter__item .counter__item__number {
    float: left;
    margin-right: 15px;
}

.counter__item .counter__item__number h2 {
    color: #111111;
    font-weight: 700;
    font-size: 60px;
    line-height: 50px;
    display: inline-block;
}

.counter__item .counter__item__number strong {
    color: #111111;
    font-weight: 700;
    font-size: 60px;
    line-height: 50px;
    display: inline-block;
}

.counter__item span {
    display: block;
    color: #3d3d3d;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    overflow: hidden;
}

/*---------------------
  Testimonial
-----------------------*/

.team {
    padding-bottom: 70px;
}

.team__item {
    margin-bottom: 30px;
}

.team__item img {
    min-width: 100%;
    margin-bottom: 25px;
}

.team__item h4 {
    color: #111111;
    font-weight: 700;
    margin-bottom: 8px;
}

.team__item span {
    font-size: 15px;
    display: block;
    color: #b7b7b7;
}

/*---------------------
  Clients
-----------------------*/

.clients {
    padding-top: 0;
    padding-bottom: 25px;
}

.client__item {
    display: block;
    margin-bottom: 75px;
    text-align: center;
}

/*---------------------
  Shopping Cart
-----------------------*/

.shopping__cart__table {
    margin-bottom: 30px;
}

.shopping__cart__table table {
    width: 100%;
}

.shopping__cart__table table thead {
    border-bottom: 1px solid #f2f2f2;
}

.shopping__cart__table table thead tr th {
    color: #111111;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 25px;
}

.shopping__cart__table table tbody tr {
    border-bottom: 1px solid #f2f2f2;
}

.shopping__cart__table table tbody tr td {
    padding-bottom: 30px;
    padding-top: 30px;
}

.shopping__cart__table table tbody tr td.product__cart__item {
    width: 400px;
}

.shopping__cart__table table tbody tr td.product__cart__item .product__cart__item__pic {
    float: left;
    margin-right: 30px;
}

.shopping__cart__table table tbody tr td.product__cart__item .product__cart__item__text {
    overflow: hidden;
    padding-top: 21px;
}

.shopping__cart__table table tbody tr td.product__cart__item .product__cart__item__text h6 {
    color: #111111;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}

.shopping__cart__table table tbody tr td.product__cart__item .product__cart__item__text h5 {
    color: #0d0d0d;
    font-weight: 700;
}

.shopping__cart__table table tbody tr td.quantity__item {
    width: 175px;
}

.shopping__cart__table table tbody tr td.quantity__item .quantity .pro-qty-2 {
    width: 80px;
}

.shopping__cart__table table tbody tr td.quantity__item .quantity .pro-qty-2 input {
    width: 50px;
    border: none;
    text-align: center;
    color: #111111;
    font-size: 16px;
}

.shopping__cart__table table tbody tr td.quantity__item .quantity .pro-qty-2 .qtybtn {
    font-size: 16px;
    color: #888888;
    width: 10px;
    cursor: pointer;
}

.shopping__cart__table table tbody tr td.cart__price {
    color: #111111;
    font-size: 18px;
    font-weight: 700;
    width: 140px;
}

.shopping__cart__table table tbody tr td.cart__close i {
    font-size: 18px;
    color: #111111;
    height: 40px;
    width: 40px;
    background: #f3f2ee;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
}

.continue__btn.update__btn {
    text-align: right;
}

.continue__btn.update__btn a {
    color: #ffffff;
    background: #111111;
    border-color: #111111;
}

.continue__btn.update__btn a i {
    margin-right: 5px;
}

.continue__btn a {
    color: #111111;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    border: 1px solid #e1e1e1;
    padding: 14px 35px;
    display: inline-block;
}

.cart__discount {
    margin-bottom: 60px;
}

.cart__discount h6 {
    color: #111111;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 35px;
}

.cart__discount form {
    position: relative;
}

.cart__discount form input {
    font-size: 14px;
    color: #b7b7b7;
    height: 50px;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding-left: 20px;
}

.cart__discount form input::-webkit-input-placeholder {
    color: #b7b7b7;
}

.cart__discount form input::-moz-placeholder {
    color: #b7b7b7;
}

.cart__discount form input:-ms-input-placeholder {
    color: #b7b7b7;
}

.cart__discount form input::-ms-input-placeholder {
    color: #b7b7b7;
}

.cart__discount form input::placeholder {
    color: #b7b7b7;
}

.cart__discount form button {
    font-size: 14px;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    background: #111111;
    padding: 0 30px;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.cart__total {
    background: #f3f2ee;
    padding: 35px 40px 40px;
}

.cart__total h6 {
    color: #111111;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.cart__total ul {
    margin-bottom: 25px;
}

.cart__total ul li {
    list-style: none;
    font-size: 16px;
    color: #444444;
    line-height: 40px;
    overflow: hidden;
}

.cart__total ul li span {
    font-weight: 700;
    color: #e53637;
    float: right;
}

.cart__total .primary-btn {
    display: block;
    padding: 12px 10px;
    text-align: center;
    letter-spacing: 2px;
}

/*---------------------
  Checkout
-----------------------*/

.coupon__code {
    color: #0d0d0d;
    font-size: 14px;
    border-top: 2px solid #77b527;
    background: #f5f5f5;
    padding: 23px 30px 18px;
    margin-bottom: 50px;
}

.coupon__code span {
    margin-right: 15px;
}

.coupon__code a {
    color: #0d0d0d;
}

.checkout__title {
    color: #111111;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 25px;
    margin-bottom: 30px;
}

.checkout__input {
    margin-bottom: 6px;
}

.checkout__input p {
    color: #111111;
    margin-bottom: 12px;
}

.checkout__input p span {
    color: #e53637;
}

.checkout__input input {
    height: 50px;
    width: 100%;
    border: 1px solid #e1e1e1;
    font-size: 14px;
    color: #b7b7b7;
    padding-left: 20px;
    margin-bottom: 20px;
}

.checkout__input input::-webkit-input-placeholder {
    color: #b7b7b7;
}

.checkout__input input::-moz-placeholder {
    color: #b7b7b7;
}

.checkout__input input:-ms-input-placeholder {
    color: #b7b7b7;
}

.checkout__input input::-ms-input-placeholder {
    color: #b7b7b7;
}

.checkout__input input::placeholder {
    color: #b7b7b7;
}

.checkout__input__checkbox label {
    font-size: 15px;
    color: #0d0d0d;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    margin-bottom: 16px;
    display: block;
}

.checkout__input__checkbox label input {
    position: absolute;
    visibility: hidden;
}

.checkout__input__checkbox label input:checked ~ .checkmark {
    border-color: #e53637;
}

.checkout__input__checkbox label input:checked ~ .checkmark:after {
    opacity: 1;
}

.checkout__input__checkbox label .checkmark {
    position: absolute;
    left: 0;
    top: 3px;
    height: 14px;
    width: 14px;
    border: 1.5px solid #d7d7d7;
    content: "";
    border-radius: 2px;
}

.checkout__input__checkbox label .checkmark:after {
    position: absolute;
    left: 1px;
    top: -3px;
    width: 14px;
    height: 7px;
    border: solid #e53637;
    border-width: 1.5px 1.5px 0px 0px;
    -webkit-transform: rotate(127deg);
    -ms-transform: rotate(127deg);
    transform: rotate(127deg);
    content: "";
    opacity: 0;
}

.checkout__input__checkbox p {
    color: #0d0d0d;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 22px;
}

.checkout__order {
    background: #f3f2ee;
    padding: 30px;
}

.checkout__order .order__title {
    color: #111111;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 25px;
    margin-bottom: 30px;
}

.checkout__order p {
    color: #444444;
    font-size: 16px;
    line-height: 28px;
}

.checkout__order .site-btn {
    width: 100%;
    margin-top: 8px;
}

.checkout__order__products {
    font-size: 16px;
    color: #111111;
    overflow: hidden;
    margin-bottom: 18px;
}

.checkout__order__products span {
    float: right;
}

.checkout__total__products {
    margin-bottom: 20px;
}

.checkout__total__products li {
    font-size: 16px;
    color: #444444;
    list-style: none;
    line-height: 26px;
    overflow: hidden;
    margin-bottom: 15px;
}

.checkout__total__products li:last-child {
    margin-bottom: 0;
}

.checkout__total__products li span {
    color: #111111;
    float: right;
}

.checkout__total__all {
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    padding: 15px 0;
    margin-bottom: 26px;
}

.checkout__total__all li {
    list-style: none;
    font-size: 16px;
    color: #111111;
    line-height: 40px;
    overflow: hidden;
}

.checkout__total__all li span {
    color: #e53637;
    font-weight: 700;
    float: right;
}

/*---------------------
    Blog
-----------------------*/

.blog {
    padding-bottom: 55px;
}

.latest {
    padding-bottom: 55px;
}

.blog__item {
    margin-bottom: 45px;
}

.blog__item:hover a::after {
    width: 40px;
    background: #bdad8a;
}
.limita-img img {
    max-width: 100% !important;
    height: auto !important;
}
.limita-img iframe{
    max-width:100%;

}

@media screen and (max-width: 580px) {
    .limita-img iframe{
        height:250px !important;
    }
}

.blog__item:hover .blog__item__text {

}

.blog__item__pic {
    height: 300px;
    object-fit: cover;
}

@media screen and (max-width: 767px) {
    .blog__item__pic {
        height: 240px;
        object-fit: cover;
    }
    .blog__item__text {
        padding: 20px 30px 25px !important;
        margin: 0 10px;
    }
}

.blog__item__text {
    padding: 30px 30px 25px;
    margin: 0 30px;
    margin-top: -35px;
    background: #ffffff;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
    box-shadow: -1.213px 21.213px 30px 0px rgb(158 158 158 / 30%);
}

.blog__item__text span {
    color: #3d3d3d;
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
}

.blog__item__text span img {
    margin-right: 6px;
}

.blog__item__text h5 {
    color: #0d0d0d;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 10px;
}

.blog__item__text a {
    display: inline-block;
    color: #111111;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
    padding: 3px 0;
    position: relative;
}

.blog__item__text a:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #111111;
    content: "";
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

/*---------------------
  Blog Sidebar
-----------------------*/

.blog__sidebar__item {
    text-align: center;
    margin-bottom: 65px;
}

.blog__sidebar__item:last-child {
    margin-bottom: 0;
}

.blog__sidebar__item form input {
    height: 50px;
    font-size: 15px;
    color: #444444;
    padding-left: 20px;
    border: 1px solid #e1e1e1;
    width: 100%;
    margin-bottom: 20px;
}

.blog__sidebar__item form input::-webkit-input-placeholder {
    color: #444444;
}

.blog__sidebar__item form input::-moz-placeholder {
    color: #444444;
}

.blog__sidebar__item form input:-ms-input-placeholder {
    color: #444444;
}

.blog__sidebar__item form input::-ms-input-placeholder {
    color: #444444;
}

.blog__sidebar__item form input::placeholder {
    color: #444444;
}

.blog__sidebar__title {
    text-align: center;
    margin-bottom: 35px;
}

.blog__sidebar__title h4 {
    color: #111111;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px;
}

.blog__sidebar__title h4::before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 5px;
    width: 70px;
    background: #e1e1e1;
    content: "";
    margin: 0 auto;
}

.blog__sidebar__social a {
    display: inline-block;
    font-size: 18px;
    color: #111111;
    width: 50px;
    height: 50px;
    background: #f2f2f2;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    margin-right: 6px;
}

.blog__sidebar__social a:last-child {
    margin-right: 6px;
}

.recent__item {
    display: block;
    overflow: hidden;
    margin-bottom: 25px;
    text-align: left;
}

.recent__item__pic {
    float: left;
    margin-right: 25px;
}

.recent__item__text {
    overflow: hidden;
}

.recent__item__text h6 {
    color: #111111;
    line-height: 21px;
    font-weight: 700;
}

.recent__item__text span {
    font-size: 13px;
    color: #888888;
}

/*---------------------
  Blog Hero
-----------------------*/

.blog-hero {
    background: #f3f2ee;
    padding-top: 125px;
    padding-bottom: 190px;
}

.blog__hero__text h2 {
    color: #111111;
    font-size: 42px;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 18px;
}

.blog__hero__text ul li {
    list-style: none;
    font-size: 15px;
    color: #3d3d3d;
    display: inline-block;
    margin-right: 40px;
    position: relative;
}

.blog__hero__text ul li:after {
    position: absolute;
    right: -25px;
    top: 0;
    content: "|";
}

.blog__hero__text ul li:last-child {
    margin-right: 0;
}

.blog__hero__text ul li:last-child:after {
    display: none;
}

/*---------------------
  Blog Details
-----------------------*/

.blog-details {
    margin-top: -115px;
    padding-top: 0;
}

.blog__details__content {
    position: relative;
}

.blog__details__pic {
    margin-bottom: 60px;
}

.blog__details__pic img {
    min-width: 100%;
    border-radius: 5px;
}

.blog__details__share {
    text-align: center;
    position: absolute;
    left: -120px;
    top: 0;
}

.blog__details__share span {
    color: #111111;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    margin-bottom: 30px;
}

.blog__details__share ul li {
    list-style: none;
    margin-bottom: 15px;
}

.blog__details__share ul li a {
    color: #ffffff;
    font-size: 18px;
    height: 46px;
    display: inline-block;
    width: 46px;
    border-radius: 50%;
    line-height: 46px;
    text-align: center;
    background: #4267b2;
}

.blog__details__share ul li a.twitter {
    background: #1da1f2;
}

.blog__details__share ul li a.youtube {
    background: #fe0003;
}

.blog__details__share ul li a.linkedin {
    background: #0173b2;
}

.blog__details__text {
    margin-bottom: 50px;
}

.blog__details__text p {
    font-size: 17px;
    line-height: 30px;
}
blockquote{
    background: #f3f2ee;
    padding: 35px 30px 30px 35px;
    border-radius: 5px;
    position: relative;
    margin-bottom: 20px;
    font-style: italic;
}
blockquote::after{
    position:absolute;
    left:30px;
    top:-20px;
    content: "";
    width:50px;
    background-image: url("../img/aspas.svg");
    background-repeat: no-repeat;
    background-size: contain;
    height:50px;

}
.blog__details__text p:last-child {
    margin-bottom: 0;
}

.blog__details__quote {
    background: #f3f2ee;
    padding: 50px 40px 35px;
    border-radius: 5px;
    position: relative;
    margin-bottom: 45px;
}

.blog__details__quote i {
    font-size: 16px;
    color: #ffffff;
    height: 50px;
    width: 50px;
    background: #e53637;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    position: absolute;
    left: 40px;
    top: -25px;
}

.blog__details__quote p {
    color: #111111;
    font-size: 18px;
    font-weight: 600;
    font-style: italic;
    margin-bottom: 20px;
}

.blog__details__quote h6 {
    color: #e53637;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

.blog__details__option {
    border-top: 1px solid #e5e5e5;
    padding-top: 15px;
    margin-bottom: 20px;
}

.blog__details__author__pic {
    display: inline-block;
    margin-right: 15px;
}

.blog__details__author__pic img {
    height: 46px;
    width: 46px;
    border-radius: 50%;
}

.blog__details__author__text {
    display: inline-block;
}

.blog__details__author__text h5 {
    color: #111111;
    font-weight: 700;
}

.blog__details__tags {
    text-align: right;
}

.blog__details__tags a {
    display: inline-block;
    color: #111111;
    font-weight: 700;
    margin-right: 10px;
}

.blog__details__tags a:last-child {
    margin-right: 0;
}

.blog__details__btns {
    margin-bottom: 40px;
}

.blog__details__btns__item {
    display: block;
    border: 1px solid #ebebeb;
    padding: 25px 30px 30px;
    margin-bottom: 30px;
}

.blog__details__btns__item.blog__details__btns__item--next {
    text-align: right;
}

.blog__details__btns__item.blog__details__btns__item--next p span {
    margin-right: 0;
    margin-left: 5px;
}

.blog__details__btns__item p {
    color: #b7b7b7;
    margin-bottom: 10px;
}

.blog__details__btns__item p span {
    font-size: 20px;
    position: relative;
    top: 4px;
    margin-right: 5px;
}

.blog__details__btns__item h5 {
    color: #111111;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
}

.blog__details__comment h4 {
    color: #333333;
    font-weight: 700;
    margin-bottom: 35px;
    text-align: center;
}

.blog__details__comment form input {
    height: 50px;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding-left: 20px;
    font-size: 15px;
    color: #b7b7b7;
    margin-bottom: 30px;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.blog__details__comment form input::-webkit-input-placeholder {
    color: #b7b7b7;
}

.blog__details__comment form input::-moz-placeholder {
    color: #b7b7b7;
}

.blog__details__comment form input:-ms-input-placeholder {
    color: #b7b7b7;
}

.blog__details__comment form input::-ms-input-placeholder {
    color: #b7b7b7;
}

.blog__details__comment form input::placeholder {
    color: #b7b7b7;
}

.blog__details__comment form input:focus {
    border-color: #000000;
}

.blog__details__comment form textarea {
    height: 120px;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding-left: 20px;
    padding-top: 12px;
    font-size: 15px;
    color: #b7b7b7;
    margin-bottom: 24px;
    resize: none;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.blog__details__comment form textarea::-webkit-input-placeholder {
    color: #b7b7b7;
}

.blog__details__comment form textarea::-moz-placeholder {
    color: #b7b7b7;
}

.blog__details__comment form textarea:-ms-input-placeholder {
    color: #b7b7b7;
}

.blog__details__comment form textarea::-ms-input-placeholder {
    color: #b7b7b7;
}

.blog__details__comment form textarea::placeholder {
    color: #b7b7b7;
}

.blog__details__comment form textarea:focus {
    border-color: #000000;
}

.blog__details__comment form button {
    letter-spacing: 4px;
    padding: 14px 35px;
}

/*---------------------
  Map
-----------------------*/

.map {
    height: 500px;
}

.map iframe {
    width: 100%;
}



@media screen and (max-width:767px){
    .map {
        height: 250px;
    }

    .map iframe {
        height: 250px;
    }
}

/*---------------------
  Contact
-----------------------*/

.contact__text .section-title {
    text-align: left;
    margin-bottom: 40px;
}

.contact__text .section-title h2 {
    font-size: 48px;
    margin-bottom: 18px;
    font-family: "Georgia", sans-serif !important;
    font-weight: 500;
}
@media screen and (max-width:767px){
    .contact__text .section-title h2 {
        font-size: 30px;
    }
}

.contact__text .section-title p {
    color: #707070;
    line-height: 26px;
    margin-bottom: 0;
}

.contact__text ul li {
    list-style: none;
    margin-bottom: 26px;
}

.contact__text ul li:last-child {
    margin-bottom: 0;
}

.contact__text ul li h4 {
    color: #111111;
    font-weight: 500;
    margin-bottom: 8px;
    font-family: "Georgia", sans-serif;
}

.contact__text ul li p {
    line-height: 27px;
    margin-bottom: 0;
}

.contact__form input {
    height: 50px;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding-left: 20px;
    font-size: 15px;
    color: #b7b7b7;
    margin-bottom: 30px;
}

.contact__form input::-webkit-input-placeholder {
    color: #b7b7b7;
}

.contact__form input::-moz-placeholder {
    color: #b7b7b7;
}

.contact__form input:-ms-input-placeholder {
    color: #b7b7b7;
}

.contact__form input::-ms-input-placeholder {
    color: #b7b7b7;
}

.contact__form input::placeholder {
    color: #b7b7b7;
}

.contact__form textarea {
    height: 150px;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding-left: 20px;
    padding-top: 12px;
    font-size: 15px;
    color: #b7b7b7;
    margin-bottom: 24px;
    resize: none;
}

.contact__form textarea::-webkit-input-placeholder {
    color: #b7b7b7;
}

.contact__form textarea::-moz-placeholder {
    color: #b7b7b7;
}

.contact__form textarea:-ms-input-placeholder {
    color: #b7b7b7;
}

.contact__form textarea::-ms-input-placeholder {
    color: #b7b7b7;
}

.contact__form textarea::placeholder {
    color: #b7b7b7;
}


.contact__form input {
    height: 50px;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding-left: 20px;
    font-size: 15px;
    color: #000 !important;
    margin-bottom: 30px;
}

.contact__form input::-webkit-input-placeholder {
    color: #b7b7b7;
}

.contact__form input::-moz-placeholder {
    color: #b7b7b7;
}

.contact__form input:-ms-input-placeholder {
    color: #b7b7b7;
}

.contact__form input::-ms-input-placeholder {
    color: #b7b7b7;
}

.contact__form input::placeholder {
    color: #b7b7b7;
}

.contact__form textarea {
    height: 150px;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding-left: 20px;
    padding-top: 12px;
    font-size: 15px;
    color: #b7b7b7;
    margin-bottom: 24px;
    resize: none;
}

.contact__form textarea::-webkit-input-placeholder {
    color: #b7b7b7;
}

.contact__form textarea::-moz-placeholder {
    color: #b7b7b7;
}

.contact__form textarea:-ms-input-placeholder {
    color: #b7b7b7;
}

.contact__form textarea::-ms-input-placeholder {
    color: #b7b7b7;
}

.contact__form textarea::placeholder {
    color: #b7b7b7;
}


.solicitacao__form input {
    height: 45px;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding-left: 15px;
    font-size: 15px;
    border-radius: 2em;
    margin-bottom: 30px;
}
.solicitacao__form input[type="text"],
.solicitacao__form input[type="email"]{
    color: #000;
}
.container-ipt1 {
    width: 18%;
    display: flex;
    justify-content: center;
}

.container-ipt2 {
    width: 35%;
}

@media screen and (max-width: 1199px) {
    .container-ipt1 {
        width: 49%;
    }

    .container-ipt2 {
        width: 100%;
    }
}

.solicitacao__form input::-webkit-input-placeholder {
    color: #b7b7b7;
}

.solicitacao__form input::-moz-placeholder {
    color: #b7b7b7;
}

.solicitacao__form input:-ms-input-placeholder {
    color: #b7b7b7;
}

.solicitacao__form input::-ms-input-placeholder {
    color: #b7b7b7;
}

.solicitacao__form input::placeholder {
    color: #b7b7b7;
}

.solicitacao__form textarea {
    height: 150px;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding-left: 20px;
    padding-top: 12px;
    font-size: 15px;
    color: #b7b7b7;
    margin-bottom: 24px;
    resize: none;
}

.solicitacao__form textarea::-webkit-input-placeholder {
    color: #b7b7b7;
}

.solicitacao__form textarea::-moz-placeholder {
    color: #b7b7b7;
}

.solicitacao__form textarea:-ms-input-placeholder {
    color: #b7b7b7;
}

.solicitacao__form textarea::-ms-input-placeholder {
    color: #b7b7b7;
}

.solicitacao__form textarea::placeholder {
    color: #b7b7b7;
}

.solicitacao__form button {
    margin-bottom: 30px;
}


.back-btn {
    padding: 10px 0px;
    border-bottom: 2px solid #bdad8a;
}

.contact__form button {
    letter-spacing: 4px;
    padding: 14px 35px;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .categories__text h2 {
        font-size: 26px;
    }

    .header__menu ul li {
        margin-right: 38px;
    }

    .hero__slider.owl-carousel .owl-nav button {
        left: 2px;
    }

    .hero__slider.owl-carousel .owl-nav button.owl-next {
        right: 2px;
    }

    .testimonial__text {
        padding: 130px 45px 175px;
    }
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header__menu ul li {
        margin-right: 10px;
    }

    .header__nav__option a {
        margin-right: 10px;
    }

    .header__nav__option .price {
        margin-left: 0;
    }

    .hero__slider.owl-carousel .owl-nav button {
        left: 2px;
    }

    .hero__slider.owl-carousel .owl-nav button.owl-next {
        right: 2px;
    }

    .banner__item.banner__item--middle {
        margin-top: 0;
    }

    .banner__item.banner__item--last {
        margin-top: 0;
    }

    .banner__item {
        margin-bottom: 40px;
    }

    .banner {
        padding-bottom: 60px;
    }

    .categories__text {
        margin-bottom: 40px;
    }

    .categories__hot__deal {
        margin-bottom: 40px;
    }

    .instagram__text {
        padding-top: 70px;
    }

    .shop__sidebar {
        padding-right: 0;
        padding-top: 40px;
    }

    .cart__discount {
        margin-top: 40px;
    }

    .testimonial__text {
        padding: 100px 105px 100px;
    }

    .blog__details__share {
        position: relative;
        left: 0;
        margin-bottom: 18px;
    }

    .blog__details__share span {
        margin-bottom: 14px;
        margin-right: 0;
    }

    .blog__details__share ul li {
        margin-bottom: 15px;
        display: inline-block;
        margin-right: 10px;
    }

    .blog__details__share ul li:last-child {
        margin-right: 0;
    }
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
    .canvas__open {
        display: flex;
        align-items: center;
        font-size: 24px;
        color: #111111;
        height: 35px;
        width: fit-content;
        line-height: 35px;
        text-align: center;
        /*border: 1px solid #111111;*/
        border-radius: 2px;
        cursor: pointer;

        right: 15px;
        top: 18px;
    }

    .canvas__open span {
        font-size: 15px;
        margin-top: 2px;
    }

    .offcanvas-menu-overlay {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.7);
        content: "";
        z-index: 98;
        -webkit-transition: all, 0.5s;
        -o-transition: all, 0.5s;
        transition: all, 0.5s;
        visibility: hidden;
    }

    .offcanvas-menu-overlay.active {
        visibility: visible;
    }

    .offcanvas-menu-wrapper {
        position: fixed;
        left: -300px;
        width: 300px;
        height: 100%;
        background: #ffffff;
        padding: 50px 20px 30px 30px;
        display: block;
        z-index: 99;
        overflow-y: auto;
        -webkit-transition: all, 0.5s;
        -o-transition: all, 0.5s;
        transition: all, 0.5s;
        opacity: 0;
    }

    .offcanvas-menu-wrapper.active {
        opacity: 1;
        left: 0;
    }

    .offcanvas__menu {
        display: none;
    }

    .slicknav_btn {
        display: none;
    }

    .slicknav_menu {
        background: transparent;
        padding: 0;
        margin-bottom: 20px;
    }

    .slicknav_nav ul {
        margin: 0;
    }

    .slicknav_nav .slicknav_row,
    .slicknav_nav a {
        padding: 7px 0;
        margin: 0;
        color: #111111;
        font-weight: 600;
    }

    .slicknav_nav .slicknav_arrow {
        color: #111111;
    }

    .slicknav_nav .slicknav_row:hover {
        border-radius: 0;
        background: transparent;
        color: #111111;
    }

    .slicknav_nav a:hover {
        border-radius: 0;
        background: transparent;
        color: #111111;
    }

    .slicknav_nav {
        display: block !important;
    }

    .offcanvas__option {
        text-align: center;
        margin-bottom: 30px;
    }

    .offcanvas__links {
        display: inline-block;
        margin-right: 25px;
    }

    .offcanvas__links a {
        color: #111111;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-right: 16px;
        display: inline-block;
        font-weight: 600;
    }

    .offcanvas__links a:last-child {
        margin-right: 0;
    }

    .offcanvas__top__hover {
        display: inline-block;
        position: relative;
    }

    .offcanvas__top__hover:hover ul {
        top: 24px;
        opacity: 1;
        visibility: visible;
    }

    .offcanvas__top__hover span {
        color: #111111;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 2px;
        display: inline-block;
        cursor: pointer;
        font-weight: 600;
    }

    .offcanvas__top__hover span i {
        font-size: 20px;
        position: relative;
        top: 3px;
        right: 2px;
    }

    .offcanvas__top__hover ul {
        background: #111111;
        display: inline-block;
        padding: 2px 0;
        position: absolute;
        left: 0;
        top: 44px;
        opacity: 0;
        visibility: hidden;
        z-index: 3;
        -webkit-transition: all, 0.3s;
        -o-transition: all, 0.3s;
        transition: all, 0.3s;
    }

    .offcanvas__top__hover ul li {
        list-style: none;
        font-size: 13px;
        color: #ffffff;
        padding: 2px 15px;
        cursor: pointer;
    }

    .offcanvas__nav__option {
        text-align: right;
        margin-bottom: 25px;
    }

    .offcanvas__nav__option a {
        display: inline-block;
        margin-right: 26px;
        position: relative;
    }

    .offcanvas__nav__option a span {
        color: #0d0d0d;
        font-size: 11px;
        position: absolute;
        left: 5px;
        top: 8px;
    }

    .offcanvas__nav__option a:last-child {
        margin-right: 0;
    }

    .offcanvas__nav__option .price {
        font-size: 15px;
        color: #111111;
        font-weight: 700;
        display: inline-block;
        margin-left: -20px;
        position: relative;
        top: 3px;
    }

    .offcanvas__text p {
        color: #111111;
        margin-bottom: 0;
    }

    .header__top {
        display: none;
    }

    .header .container {
        position: relative;
    }

    .header__menu {
        display: none;
    }

    .header__nav__option {
        display: block;
    }

    .search-model-form input {
        width: 100%;
        font-size: 24px;
    }

    .hero__slider.owl-carousel .owl-nav button {
        left: 15px;
        top: 80%;
    }

    .hero__slider.owl-carousel .owl-nav button.owl-next {
        left: 75px;
        right: 0;
    }

    .banner__item.banner__item--middle {
        margin-top: 0;
    }

    .banner__item.banner__item--last {
        margin-top: 0;
    }

    .banner__item {
        margin-bottom: 40px;
    }

    .banner {
        padding-bottom: 60px;
    }

    .banner__item__pic {
        float: none;
    }

    .banner__item__pic img {
        min-width: 100%;
    }

    .banner__item__text {
        max-width: 100%;
        position: relative;
        top: 0;
        padding-top: 22px;
    }

    .filter__controls li {
        margin-right: 15px;
    }

    .categories__text {
        margin-bottom: 40px;
    }

    .categories__hot__deal {
        margin-bottom: 40px;
    }

    .instagram__text {
        padding-top: 70px;
    }

    .instagram__pic__item {
        width: 50%;
    }

    .shop__product__option__right {
        text-align: left;
        padding-top: 20px;
    }

    .shop__sidebar {
        padding-right: 0;
        margin-bottom: 40px;
    }

    .testimonial__text {
        padding: 100px 40px 100px;
    }

    .product__details__breadcrumb {
        text-align: left;
    }

    .product__details__pic .nav-tabs {
        width: auto;
        margin-bottom: 40px;
    }

    .product__details__pic .nav-tabs .nav-item {
        margin-bottom: 0;
        margin-right: 10px;
    }

    .product__details__option__size {
        display: block;
        margin-right: 0;
        margin-bottom: 25px;
    }

    .product__details__last__option h5:before {
        width: 440px;
    }

    .product__details__tab .nav-tabs .nav-item {
        margin-bottom: 15px;
    }

    .shopping__cart__table {
        overflow-y: auto;
    }

    .shopping__cart__table table tbody tr td.product__cart__item .product__cart__item__pic {
        float: none;
        margin-right: 0;
    }

    .continue__btn {
        text-align: center;
    }

    .continue__btn.update__btn {
        text-align: center;
        margin-top: 20px;
    }

    .cart__discount {
        margin-top: 40px;
    }

    .checkout__order {
        margin-top: 20px;
    }

    .blog__details__share {
        position: relative;
        left: 0;
        margin-bottom: 18px;
    }

    .blog__details__share span {
        margin-bottom: 14px;
        margin-right: 0;
    }

    .blog__details__share ul li {
        margin-bottom: 15px;
        display: inline-block;
        margin-right: 10px;
    }

    .blog__details__share ul li:last-child {
        margin-right: 0;
    }

    .blog__details__author {
        text-align: center;
        margin-bottom: 20px;
    }

    .blog__details__tags {
        text-align: center;
    }

    .contact__text {
        margin-bottom: 40px;
    }

    .hero__social {
        margin-top: 180px;
    }
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
    .cart__total {
        padding: 35px 30px 40px;
    }

    .hero__items {
        height: auto;
        padding-top: 130px;
        padding-bottom: 40px;
    }


    .hero__text h2 {
        font-size: 36px;
        line-height: 48px;
    }

    .hero__social {
        margin-top: 145px;
    }

    .categories__deal__countdown .categories__deal__countdown__timer {
        margin-left: 0;
    }

    .instagram__pic__item {
        width: 100%;
    }

    .testimonial__text {
        padding: 60px 40px 60px;
    }

    .product__details__pic .nav-tabs .nav-item .nav-link .product__thumb__pic {
        width: 100%;
    }

    .product__details__pic .nav-tabs .nav-item {
        margin-bottom: 10px;
        width: calc(33.33% - 10px);
    }

    .product__details__last__option h5:before {
        width: 280px;
    }

    .product__details__cart__option .quantity {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .product__details__last__option h5 span {
        font-size: 16px;
    }

    .blog__hero__text h2 {
        font-size: 30px;
    }
    .blog__details__text p {
        font-size: 16px;
    }

    .categories__text h2 {
        font-size: 30px;
        line-height: 55px;
    }

    .categories__text:before {
        height: 250px;
    }
}

/***** EXTRA INÍCIO *****/

.page-layout table{
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}
.page-layout table p{
    margin-bottom: 0px;
}
.page-layout table tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.03);
}
.page-layout table tr:last-child  {
    border-bottom: 1px solid #dee2e6;
}
.page-layout table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.page-layout .grupo2,
.page-layout .grupo3{
    width: 100%;
    display: flex;
    justify-content: center;
}

.page-layout .grupo2 p,
.page-layout .grupo3 p{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0px;
}
.page-layout .grupo2 img{
    width:49.5% !important;
    height: auto !important;
    padding:0.5% 0px;
    object-fit: cover;
}
.page-layout .grupo3 img{
    width:32.5% !important;
    height: auto !important;
    padding:0.5% 0px;
    object-fit: cover;
}
.main-color{
    color: rgb(189, 173, 138);
}
.item-sobre{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    padding: 20px;
    height: 100%;
    -webkit-box-shadow: 0px 0px 29px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 29px -10px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 29px -10px rgba(0,0,0,0.75);
    transition: 0.5s;
    cursor: pointer;
}
.item-sobre:hover{
    -webkit-box-shadow: 0px 0px 65px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 65px -10px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 65px -10px rgba(0,0,0,0.75);
}
@media screen and (max-width:991px){
    .page-layout .grupo2 p,
    .page-layout .grupo3 p{
        width: 100%;
    }
}

@media screen and (max-width:575px){
    .page-layout .grupo2 img{
        width: 100% !important;

    }
    .page-layout .grupo3 img {
        width: 100% !important;
    }
}

.container-promo{
    position: absolute;
    top: 8px;
    right: 10px;
}

.tag-promo{
    position: relative;
    width:50px;
    height:50px;
}

.tag-promo .img-promo{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
}

.img-promo img{
    max-width: 100%;
}
.text-promo{
    position: relative;
    left: 0px;
    top: -5px;
    color: #fff;
    width:50px;
    height:50px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index:3;
}

.tag-promo2{
    position: relative;
    width:50px;
    height:50px;
}

.tag-promo2 .img-promo2{
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;

}

.img-promo2 img{
    max-width: 100%;
}

.text-promo2{
    position: absolute;
    left: 0px;
    top: -5px;
    color: #fff;
    width:50px;
    height:50px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index:3;
}
/******* EXTRA FIM *******/



/* Página customizada - Início */


.slider-area{
    /*background:#304461;*/
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom:80px;
    min-height: 350px;
    position:relative;
    margin-top:0px;
}
.slider-height2{
    z-index: 3;
    position: relative;
}
.slider-txt-content{
    width:100%;
    padding-top:120px;

}
.overlay-interno{
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    z-index: 1;
}
.midia-content{
    padding-top:150px;
}
.midia-img{
    max-width:100%;
}
.titulo-noticia{
    display:flex;
    flex-wrap: wrap;
    color:#fff;
    text-transform: uppercase;
    font-size:50px;
    font-weight: 400;
}
.titulo-interno{
    display:flex;
    flex-wrap: wrap;
    color:#fff;
    text-transform: uppercase;
    font-family: "Baloo 2", sans-serif;
    font-size:50px;
    font-weight: 400;
}
.titulo-interno.asap{
    font-family: 'Bebas Neue', sans-serif;
}
.titulo-interno.asap small{
    font-size:25px !important;
    margin-top:12px;
}

.txtimg-small{
    font-size:.535em;
    margin-top:.3em;
}

.titulo-interno small{
    font-size:25px !important;
    margin-top:12px;
}
.subtitulo-interno{
    font-size:20px;
    color:#fff;
    text-transform: uppercase;
    font-weight: 600;
}
.subtitulo-interno2{
    font-size:22px;
    font-weight: 400;
    color:#fff;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
}
.subtitulo-interno.sembanner,
.subtitulo-interno2.sembanner{
    color:#ffffff;
}
.titulo-comp{
    font-size: 22px;
    margin-top: 3px;
}
.slider-txt-content{
    /*padding-left:30px;*/
}
.slider-txt-content.border-text{
    /*border-left: 1px solid rgba(255, 255, 255, .5);*/
}
.limita-img img {
    max-width: 100% !important;
    height: auto !important;
}
.project-area p{
    font-weight:400;
    font-size:16px;
    color:#333333;
}


.project-area img {
    max-width: 100% !important;
    height: auto !important;
}

.l-fundosolido .slick-dots li button:before,
.l-fundosolido2 .slick-dots li button:before
{
    color: #cdcdcd;
}

.l-fundosolido .slick-dots li.slick-active button:before,
.l-fundosolido2 .slick-dots li.slick-active button:before
{
    color: #fff;
    opacity: 1;
}

.l-padrao .heading-section{
}

.l-padrao p{
    color:#333333;
}
.l-padrao .heading-section h2,
.l-padrao .heading-section h3,
.l-padrao .heading-section h4{
    color: #000;
    text-align: center;
}

.textoimagem .app-title{
    color: #000 ;
}

.text-second{
    color: #bdad8a !important;
}
.content-gespi h2{
    color: #000 !important;
}
.l-padrao .titulo-comp, .l-fundosolido .titulo-comp{
    margin-top: 3px;
}
.l-caixa .heading-section{
    background:#bdad8a;
    border-radius: 10px 10px 0px 0px;
    padding:15px 30px;
}
.l-caixa p{
    color:#000;
}
.heading-section h2{
    display: flex;
    justify-content: center;
}

@media (min-width: 1200px) {
    .h2, h2 {
        font-size: 2.75rem;
    }
}

.l-caixa .heading-section h2{

    color: #fff;
    font-size: 34px;
    font-weight:300;
}
.l-caixa .heading-section h3{
    color: #fff;
    font-size:20px;
    font-weight:600;
}
.l-caixa .corpo{
    padding:30px;
    border-radius: 0px 0px 10px 10px;
    border-left: 3px solid #bdad8a;
    border-right: 3px solid #bdad8a;
    border-bottom: 3px solid #bdad8a;
}

.l-fundosolido.capsula{
    background: #e9e9e9;
}
.l-fundosolido p,
.l-fundosolido h2,
.l-fundosolido h3,
.l-fundosolido h4,
.l-fundosolido h5,
.l-fundosolido h6{
    /*color:#fff !important;*/
}
.services-2 .text-second{
    margin-bottom: 15px;
}
.l-fundosolido .heading-section h2,
.l-fundosolido .heading-section h3,
.l-fundosolido .heading-section h4{
    color:#000;
    /*color:#ffffff;*/
}
.d-borda{
    border-top: 2px solid #ebebeb;
}
.l-fundosolido.d-borda{
    border-bottom: 3px solid #F6F6F6;
    border-top: none;
}

.d-borda .heading-section{
    border-left: 1px solid #bdad8a;
    padding-left: 15px;
}

.l-fundosolido.d-borda .heading-section{
    /*border-left: 1px solid #ffffff;*/
    /*border-left: 1px solid #0087DA;*/
    padding-left: 15px;
}
.subheading{
    font-size: 24px;
    font-style: italic;
    text-align: center;
}
.project-area iframe{
    max-width:100% !important;
}
@media screen and (max-width: 991px){
    .project-area iframe {
        max-height: 280px;
    }
}


.botao{
    padding: 10px 20px;
    color: #ffffff;
    background:#bdad8a;
    border: 2px solid #bdad8a;
    border-radius: 2em;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    transition: all 0.3s ease;
    -webkit-transition: all .3s ease 0s !important;
    -moz-transition: all .3s ease 0s !important;
    -o-transition: all .3s ease 0s !important;
    transition: all .3s ease 0s !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.botao-vermelho{
    z-index: 70;
    position: relative;
    background:#C41D2C;
    color:#fff;
    font-size: 18px;
    margin-top:10px;
    font-weight: 600;
    text-align: center;
    padding: 12px 35px;
    border-radius: 8px;
    display: inline-block;
    border:3px solid #C41D2C;
    -webkit-transition: all .3s ease 0s !important;
    -moz-transition: all .3s ease 0s !important;
    -o-transition: all .3s ease 0s !important;
    transition: all .3s ease 0s !important;
}
.botao-vermelho:hover{
    background:#fff;
    color:#C41D2C;
    border:3px solid #C41D2C;
}

.botao1{
    z-index: 70;
    position: relative;
    background:#B09763;
    color:#00101A;
    font-size: 18px;
    margin-top:10px;
    font-weight: 600;
    text-align: center;
    padding: 12px 35px;
    border-radius: 8px;
    display: inline-block;
    border:3px solid #B09763;
    -webkit-transition: all .3s ease 0s !important;
    -moz-transition: all .3s ease 0s !important;
    -o-transition: all .3s ease 0s !important;
    transition: all .3s ease 0s !important;
}
.botao1:hover{
    background:#034267;
    color:#B09763;
    border:3px solid #034267;
}

.botao-busca{
    z-index: 70;
    position: relative;
    color:#034267;
    font-size: 16px;
    margin-top:10px;
    font-weight: 600;
    text-align: center;
    padding: 3px 25px;
    border-radius: 8px;
    display: inline-block;
    border:2px solid #034267;
    -webkit-transition: all .3s ease 0s !important;
    -moz-transition: all .3s ease 0s !important;
    -o-transition: all .3s ease 0s !important;
    transition: all .3s ease 0s !important;
}
.botao-busca:hover{
    background:#034267;
    color:#fff;
    border:2px solid #034267;
}


.botao-whatsapp{
    z-index: 70;
    position: relative;
    background:transparent;
    color:#069;
    font-size: 18px;
    margin-top:10px;
    font-weight: 600;
    text-align: center;
    padding: 12px 35px;
    border-radius: 8px;
    display: inline-block;
    border:3px solid #069;
    -webkit-transition: all .3s ease 0s !important;
    -moz-transition: all .3s ease 0s !important;
    -o-transition: all .3s ease 0s !important;
    transition: all .3s ease 0s !important;
}
.botao-whatsapp:hover{
    background:#069;
    color:#fff;
    border:3px solid #069;
}

.botao2{
    z-index: 70;
    position: relative;
    background: #029b23;
    color:#fff;
    font-size: 16px;
    margin-top:10px;
    font-weight: 500;
    text-align: center;
    padding: 12px 35px;
    border-radius: 25px;
    display: inline-block;
    border:1px solid #029b23;
    -webkit-transition: all .3s ease 0s !important;
    -moz-transition: all .3s ease 0s !important;
    -o-transition: all .3s ease 0s !important;
    transition: all .3s ease 0s !important;
}
.botao2:hover{
    background:#fff;
    color:#029b23;
    border:1px solid #029b23;
}


.btn-ingresso{
    z-index: 70;
    position: relative;
    background: #029b23;
    color:#fff;
    font-size: 18px;
    margin-top:10px;
    font-weight: 600;
    text-align: center;
    padding: 12px 35px;
    border-radius: 25px;
    display: inline-block;
    border:1px solid #029b23;
    -webkit-transition: all .3s ease 0s !important;
    -moz-transition: all .3s ease 0s !important;
    -o-transition: all .3s ease 0s !important;
    transition: all .3s ease 0s !important;
}
.btn-ingresso:hover{
    /*background:#fff;*/
    /*color:#029b23;*/
    /*border:1px solid #029b23;*/
    color:#fff;
    background: #028a1c; /* Cor ligeiramente mais escura para o efeito hover */
    box-shadow: 0 0 6px 2px rgba(50, 205, 50, 0.5), 0 0 10px 5px rgba(50, 205, 50, 0.4);
    /*transform: scale(1.02); !* Efeito de ampliação *!*/
}

.btn-link1{
    z-index: 70;
    position: relative;
    background: transparent;
    color:#140E3C;
    font-size: 18px;
    margin-top:10px;
    font-weight: 600;
    text-align: center;
    padding: 12px 35px;
    border-radius: 25px;
    display: inline-block;
    border:2px solid #140E3C;
    -webkit-transition: all .3s ease 0s !important;
    -moz-transition: all .3s ease 0s !important;
    -o-transition: all .3s ease 0s !important;
    transition: all .3s ease 0s !important;
}
.btn-link1:hover{
    background: rgb(8,10,32);
    background: linear-gradient(90deg, rgba(8,10,32,1) 23%, rgba(29,19,87,1) 66%);
    color:#fff;

}

.btn-link2{
    z-index: 70;
    position: relative;
    background: transparent;
    color:#140E3C;
    font-size: 18px;
    margin-top:10px;
    font-weight: 600;
    text-align: center;
    padding: 12px 35px;
    border-radius: 25px;
    display: inline-block;
    border:2px solid #140E3C;
    -webkit-transition: all .3s ease 0s !important;
    -moz-transition: all .3s ease 0s !important;
    -o-transition: all .3s ease 0s !important;
    transition: all .3s ease 0s !important;
}
.btn-link2:hover{
    background: rgb(8,10,32);
    background: linear-gradient(90deg, rgba(8,10,32,1) 23%, rgba(29,19,87,1) 66%);
    color:#fff;

}

.link{
    background:#034267;
    color:#fff;
    font-size: 16px;
    margin-top:10px;
    font-weight: 500;
    text-align: center;
    padding: 7px 35px;
    border-radius: 8px;
    display: inline-block;
    border:3px solid #034267;
    -webkit-transition: all .3s ease 0s !important;
    -moz-transition: all .3s ease 0s !important;
    -o-transition: all .3s ease 0s !important;
    transition: all .3s ease 0s !important;
}
.link:hover{
    background:#fff;
    color:#034267;
    border:3px solid #034267;
}
.divisor{
    border-bottom: 3px solid #0086CD;
    padding-bottom: 15px;
}
.borda{
    border-radius: 20px;
    border: 3px solid #ebebeb;
    padding: 15px 20px;
    margin: 10px 0px 20px 0px;
}
.borda p{
    margin-bottom:0px;
}
.fundo-azul{
    margin:15px 0px;
    display:flex;
    flex-wrap: wrap;
    padding: 30px 60px;
    border-radius:15px;
    border: .5px solid #069;
    background: rgba(0,68,101,.2);
}
.fundo-branco{
    margin:0px 0px;
    display:flex;
    flex-wrap: wrap;
    padding: 30px 60px;
    border-radius:15px;
    background: #ffffff;
}
.fundo-azul p{
    padding: 0px 10px;
    margin-bottom:0px;
    color: #0c2a4c;
}

.l-fundosolido .fundo-azul p{
    color: #fff;
}
.fundo-branco p{
    padding: 0px 10px;
    margin-bottom:0px;
    color: #0c2a4c;
}
.largura-10{
    width:10%;
    padding: 10px 3px;
}
.largura-20{
    width:20%;
    padding: 10px 3px;
}
.largura-30{
    width:30%;
    padding: 10px 3px;
}
.largura-40{
    width:40%;
    padding: 10px 3px;
}
.largura-50{
    width:50%;
    padding: 10px 3px;
}
.largura-60{
    width:60%;
    padding: 10px 3px;
}
.largura-70{
    width:70%;
    padding: 10px 3px;
}
.largura-80{
    width:80%;
    padding: 10px 3px;
}
.largura-90{
    width:90%;
    padding: 10px 3px;

}
.largura-100{
    width:100%;
    padding: 10px 3px;
}
.fundo-azul .botao{
    white-space: nowrap;
}
.fundo-branco .botao{
    white-space: nowrap;
}
.asap{
    font-family: 'Roboto', sans-serif;
}

.textoimagem{
    position:relative;
    padding: 90px 0px 120px 0px;
    /*box-shadow: 10px 2px 29px -1px rgb(0 0 0 / 29%);*/
}
.app-title{
    font-size: calc(1.325rem + .9vw);
}
.overlay-textoimagem{
    position:absolute;
    top:0;
    left:0;
    height: 100%;
}
.overlay-left{

}
.text-white p{
    color:#fff;
}

#zoomIn, #zoomOut{
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.bloco-centro{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.bloco-l-fundosolido{
    border-radius: 20px;
    background-image: url("../images/bg-card.png");
    background-repeat: no-repeat;
    background-position: bottom;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    background-size: 100%;
    color: #000;
    padding: 5px 15px;
    height: 100%;
    margin-right: 5px;
    margin-left: 5px;
    width:100%;
}
.bloco-l-fundosolido h2,
.bloco-l-fundosolido h3,
.bloco-l-fundosolido h4,
.bloco-l-fundosolido p{
    color: #000;
}


.ui-corner-top {
    background: 0 0;
    margin-bottom: 0;
    padding: 15px 30px;
    /*border-top: 1px solid #00323c;*/
    /*border-right: 1px solid #00323c;*/
    /*border-left: 1px solid #00323c;*/
    /*border-bottom: 1px solid #00323c;*/
    font-size: 17px;
    font-weight: 500;
    color: #0c2a4c;
    /*border-radius: 0.5em;*/
    -webkit-transition: all .3s ease 0s !important;
    -moz-transition: all .3s ease 0s !important;
    -o-transition: all .3s ease 0s !important;
    transition: all .3s ease 0s !important;
}

.ui-corner-top.ui-state-active{
    -webkit-transition: all .3s ease 0s !important;
    -moz-transition: all .3s ease 0s !important;
    -o-transition: all .3s ease 0s !important;
    transition: all .3s ease 0s !important;
}
.ui-accordion-header {
    color:#bdad8a;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #cdcdcd;
    outline: none;
    font-weight: 500;
    min-height: 55px;
    font-size: 17px;
    padding: 5px 30px;
}


.ui-accordion-header:not(:first-child) {
    /*margin-top:10px;*/
}
.ui-accordion-content {
    /*margin: 0px 5px;*/
    padding: 10px 30px;
    /* border-right: 1px solid rgba(0, 135, 218, 0.10);
    border-left: 1px solid rgba(0, 135, 218, 0.10);
    border-bottom: 1px solid rgba(0, 135, 218, 0.10); */
    border-bottom: 1px solid #cdcdcd;
    font-weight: 500;
    background: rgb(240 242 241);
    /* background: rgba(0, 135, 218, 0.10); */

}
.conteudo-accordion{
    color:#000;
}
.l-fundosolido .conteudo-accordion{
    /* color:#fff; */
}

.ui-icon{
    margin-left: 10px;
}

.l-fundosolido .ui-corner-top {
    /* border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff; */
}

.l-fundosolido .ui-accordion-header {
    /* background:#fff;
    color:#0c2a4c; */
}

.content-gespi{
    margin-top:70px;
    display: flex;
}
.left-side{
    /*color:#003364;*/
    width:50%;
    padding-left:130px;
    padding-right:80px;
    box-shadow: 10px 2px 29px -1px rgb(0 0 0 / 29%);
    /* box-shadow: 0 0 45px rgb(0 0 0 / 7%); */
    background-color: white;
}
.left-side h2{
    /*color: #003364;*/
}
.left-text{
    line-height: 30px;
    /*color: #003364;*/
}
.right-side{
    width:50%;
    padding-left:80px;
    padding-right:130px;
    box-shadow: 10px 2px 29px -1px rgb(0 0 0 / 29%);
}


.mosaico{
    clip-path: polygon(0 0%, 100% 0%, 100% 88%, 0% 100%);
    margin-bottom: -85px;
}

.mosaico .left-side,
.mosaico .right-side{
    /*box-shadow: none !important;*/
}
.accordion {
    width: 100%;

    margin-top: 30px;
    border-top: 1px solid #cdcdcd;
}

.container-eventos{
    width: 100%;
    position: relative;
}

.img-evento{
    width:100%;
    height: 500px;
    object-fit: cover !important;
    border-radius: 9px;
}

.project-area .img-evento{
    height: 500px !important;
}

.footer-evento{
    background: rgba(26, 17, 74, 0.75);
    bottom: 0px;
    left: 0px;
    width: 100%;
    color: #fff;
    position: absolute;
    transition: all .3s ;
    border-radius: 0px 0px 9px 9px;
}

@media screen and (max-width:991px){
    .img-evento{
        height: 340px;
    }
    .project-area .img-evento{
        height: 340px !important;
    }

}

.btn-flutuante{
    z-index: 70;
    bottom: 10px;
    left: 5px;
    position: fixed;
    z-index: 99;
    width: fit-content !important;
}
.container-btn-evento{
    width: 100%;
    justify-content: center;
    display: none;
}

.container-eventos:hover .container-btn-evento{
    display: flex;
}

.btn-evento{
    background: transparent;
    border-radius: 20px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    border:2px solid #AE56C5;
    color: #fff;
    transition: all .3s ;
    padding: 5px 15px;
}

.btn-evento:hover{
    background: #AE56C5;
    color: #fff;
}

.circle-evento{
    position: absolute;
    left: 10px;
    top:-20px;
}



.data-evento{
    color: #fff;
    font-weight: 500;
    width: 65px;
    height: 65px;
    position: absolute;
    top: 0;
}


.data-line1{
    font-size: 24px;
    line-height: 24px;
}

.data-line2{
    font-size: 18px;
    line-height: 20px;
}
.img-circle{
    width:65px;
}





.container-relacionados .circle-evento{
    position: absolute;
    left: 1px;
    top:1px;
}

.container-relacionados .data-evento{
    color: #fff;
    font-weight: 500;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
}

.container-relacionados .data-line1{
    font-size: 16px;
    line-height: 17px;
}

.container-relacionados .data-line2{
    font-size: 14px;
    line-height: 17px;
}

.container-relacionados .img-circle{
    width:45px;
}




.text-white-50 {
    color: rgba(255,255,255,1) !important;
}

.bg-bloco-aero{
    background: #043A6B;
}
.bg-bloco-ammo{
    background: #000000;
}
.bg-bloco-defesa{
    background: #0B6069;
}

.container-logo-bloco .logo-bloco {
    max-width: 280px !important;
}

@media screen and (max-width:991px){

    .app-title {
        font-size: 1.7rem;
    }

    .titulo-interno{
        font-size:60px;
    }
    .titulo-noticia{
        font-size:40px;
    }
    .titulo-interno.asap small{
        font-size:20px !important;
        margin-top:8px;
    }
    .titulo-interno small{
        font-size:20px !important;
        margin-top:10px;
    }
    .carousel-image{
        height: 70vh;
    }

    .container-logo-bloco .logo-bloco {
        max-width: 200px !important;
    }
}

@media screen and (max-width:1100px){
    .left-side{
        width:100%;
        padding-left:50px;
        padding-right:50px;
        min-height: 250px;
    }
    .right-side{
        width:100%;
        padding-left:50px;
        padding-right:50px;
        min-height: 250px;
    }
    .content-aspas1::before{
        left:-20px;
    }
}

@media screen and (max-width:991px){
    .mergulhador{
        max-width:100%;
    }

    .mosaico{
        clip-path: polygon(0 0%, 100% 0%, 100% 98%, 0% 100%);
        margin-bottom: -25px;
    }

    .ui-accordion-content {
        padding: 10px 20px;
    }
    .ui-corner-top {
        font-size: 14px;
        padding: 10px 15px;
    }
    .ui-accordion-header:not(:first-child) {
        margin-top:10px;
    }
    .ui-accordion-header{
        font-size: 15px !important;
        padding: 10px 15px;
    }
    .ui-accordion-content{
        font-size: 15px;
    }
    .ui-accordion-content p{
        font-size: 15px;
    }
    .item-25{
        width:33%;
    }

    blockquote::before {
        left: -12px;
        width: 15px;
        height: 15px;
    }
    blockquote::after {
        right: -10px;
        width: 15px;
        height: 15px;
    }
    .textoimagem{
        padding: 40px 0px 40px 0px;
    }
    .fundo-azul{
        flex-wrap: wrap;
        padding: 15px 15px;
        border-radius:15px;
    }
    .fundo-branco{
        flex-wrap: wrap;
        padding: 15px 15px;
        border-radius:15px;
    }
    .fundo-azul .botao{
        white-space: normal;
    }
    .fundo-branco .botao{
        white-space: normal;
    }
    .largura-10{
        width:100%;
    }
    .largura-20{
        width:100%;
    }
    .largura-30{
        width:100%;
    }
    .largura-40{
        width:100%;
    }
    .largura-50{
        width:100%;
    }
    .largura-60{
        width:100%;
    }
    .largura-70{
        width:100%;
    }
    .largura-80{
        width:100%;
    }
    .largura-90{
        width:100%;
    }

    .grupo-fixo .largura-10{
        width:10%;
    }
    .grupo-fixo .largura-20{
        width:20%;
    }
    .grupo-fixo .largura-30{
        width:30%;
    }
    .grupo-fixo .largura-40{
        width:40%;
    }
    .grupo-fixo .largura-50{
        width:50%;
    }
    .grupo-fixo .largura-60{
        width:60%;
    }
    .grupo-fixo .largura-70{
        width:70%;
    }
    .grupo-fixo .largura-80{
        width:80%;
    }
    .grupo-fixo .largura-90{
        width:90%;
    }


    .titulo-interno{
        font-size:50px;
    }
    .titulo-noticia{
        font-size:30px;
    }
    .titulo-interno small{
        font-size:28px !important;
        margin-top:7px;
    }
    .slider-txt-content{
        margin-left:0px;
        padding-left:0px;
    }
    .slider-txt-content{
        width:100%;
        padding-top:100px;

    }
    .slider-txt-content.border-text{
        border-left: none;
    }
    .midia-content{
        padding-top:20px;
    }
    .slider-area{
        padding-top: 20px;
        /*padding-bottom:30px;*/
        /*min-height:350px;*/
    }

}
@media screen and (max-width:769px){
    .botao, .botao1, .botao2, .botao-vermelho, .botao-whatsapp {
        font-size: 14px;
        padding: 7px 25px;
    }


    #form-pagamento input[type=submit]{
        font-size: 14px;
        padding: 7px 25px;
    }
    .item-25{
        width:50%;
    }
    .item-33{
        width:50%;
    }
    .item-50{
        width:100%;
    }
    .titulo-interno{
        font-size:25px;
    }
    .titulo-noticia{
        font-size:22px;
    }
    .titulo-interno small{
        font-size:18px !important;
        margin-top:5px;
    }
    .titulo-interno.asap small{
        font-size:16px !important;
        margin-top:5px;
    }
    .subtitulo-interno{
        font-size:16px;
    }
    .subtitulo-interno2{
        font-size:14px;
    }
    .project-area p{
        font-size:16px;
    }
    .l-caixa .corpo{
        padding:15px 10px 15px 10px;
    }
    .l-caixa .heading-section h2{
        font-size:25px;
    }
    .titulo-comp{
        font-size: 14px;
        margin-top: 4px;
    }
    .l-caixa .heading-section{
        padding:10px 15px;
        border-radius: 15px 15px 0px 0px;
    }
    .l-caixa .corpo{
        padding:15px;
        border-radius: 0px 0px 15px 15px;
    }
    .project-area .iframe{

    }

    .slider-area{
        min-height:140px;
    }

    .slider-txt-content {
        padding-top: 20px;
    }
}



@media screen and (max-width:570px){
    .left-side{
        padding-left:20px;
        padding-right:20px;
    }
    .right-side{
        padding-left:20px;
        padding-right:20px;
    }
    .left-text{
        font-size:17px;
    }
    .content-aspas1{
        font-size:17px;
    }
    .content-aspas2{
        font-size:17px;
    }
    .deep-text{
        font-size:17px;
    }
}

.selo{
    display:flex;
    flex:wrap;
}
.selo div:nth-child(1){
    width:33%;
}
.selo div:nth-child(1) p{
    text-align: right;
}
.selo div:nth-child(2){
    margin-top:5%;
    margin-left: -3%;
    width:66%;
}

.box-disclaimer{
    display:none;

}

.box-disclaimer .content {
    justify-content: space-between;
    box-shadow: 10px 2px 29px -1px rgb(0 0 0 / 29%);
    background-color: #1B3357;
    /*border: 1px solid #eee;*/
    color: #fff;
    margin-left: 10px;
    box-sizing: border-box;
    padding: 15px 30px 15px;align-items: center;border-radius: 4px;
    max-width: 100%;min-height: 72px;
    display: flex;
    max-width:500px;
    z-index: 90;
}
.disclaimer-ok{
    padding: 10px 30px;
    font-size: 15px;
    font-weight: 500;
    border: 2px solid #0089E8;
    border-radius: 2rem;
    background: #0089E8;
    transition: all 0.4s ease;
    color: #fff;
    width: fit-content;
}
.box-disclaimer .content p {
    /*font-family: system-ui;*/
    line-height: 20px;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
}

.form-shadow{
    box-shadow: 10px 2px 29px -1px rgb(0 0 0 / 29%);
    border-radius: 10px;
}
.paywall-footer{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height:35px;
    background: rgb(222,222,222);
    background: linear-gradient(180deg, rgba(222,222,222,0) 30%, rgba(255,255,255,1) 77%);
}

.blog-right{
    border-left: 3px solid #e2e2e2;
}

.blog-banners{

}
.img-blog-banner{
    width:100%;
    max-width: 100%;
}
.news-blog{
    background: #001227;
}
.blog-thumb-right{
    width: 150px;
    height: 150px;
}
.titulo-destaque{
    background: #93B315;
}
@media screen and (max-width: 991px){
    .blog-right{
        border-left: none;
    }
}
@media screen and (max-width: 767px){
    .box-disclaimer {
        justify-content: center;
    }
    .box-disclaimer .content {
        flex-direction: column;
        max-width:90%;
        margin-left: 0px;
    }
}

@media screen and (max-width:575px){
    .selo{
        flex-direction: column;
    }
    .selo div:nth-child(1){
        width:100%;
    }
    .selo div:nth-child(1) p{
        text-align: center;
    }
    .selo div:nth-child(2){
        margin-top: -20px;
        margin-left: 0px;
        width:100%;
    }
    .item-25{
        width:100%;
    }
    .item-33{
        width:100%;
    }
    .blog-thumb-right{
        width: 100px;
        height: 100px;
    }
}

.project-area table {
    border: none;
    background-color: #E9E9E9;
    border-collapse: collapse;
    /* border-radius:10px; */
    border-spacing: 0;
    color: #064D53;
    font-size: 17px;
    width:100% !important;
}

.project-area table tr:last-child td:first-child{
    border-radius: 0px 0px 0px 10px !important;
}
.project-area table tr:last-child td:last-child{
    border-radius: 0px 0px 10px 0px !important;
}

.project-area table td, .project-area table th {
    /* border: 2px solid #fff; */
    padding:8px 10px;

}

.project-area table tr:nth-child(even) {
    background: #FFF;
}
body.modal-open {
    padding-right: 0 !important;
}

.project-area table tr:first-child td:first-child {
    border-left: none;
}

.project-area table tr:first-child td{
    border-top: none;
}

.project-area table tr:last-child td{
    border-bottom: none;
}

.project-area table tr td:first-child{
    border-left: none;
}

.project-area table tr td:last-child{
    border-right: none;
}

.maincolor1{
    background-color: #06363B !important;
    background: #06363B !important;
}
.maincolor2{
    background-color: #0c0c0c  !important;
    background: #0c0c0c  !important;
}
.maincolor3{
    background-color: #0D4071 !important;
    background: #0D4071 !important;
}

.modal-item{
    border-radius: 4px;
    border: 1px solid #f2f2f2;
    padding: 15px 10px;
}
.modal-icon{
    font-size: 40px;
    color: #001B29;
    margin-bottom: 10px;
}

.secretaria-button{
    padding: 5px 20px;
    color: #001B29;
    border: 1px solid #dddada;
}

.container-blocos div{
    font-family: "Nunito", sans-serif;
}

.slick-slide div div{
    max-width: 100% !important;
}

/*Blog*/
/*Blog*/

.cover-banner{
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(rgba(0, 0, 0, 0.21) 0%, rgba(0, 0, 0, 0.21) 100%);

}

.container-banner {
    max-width: 1620px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    justify-content: left;
}


.conteudo-banner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.banner-title {
    width: 100%;
    font-size: 80px;
    padding-top: 300px;
    text-align: center;

}

@media screen and (max-width: 991px){
    .banner-title {
        padding-top: 150px;
        font-size:34px !important;
    }
}


.form-group{
    position: relative;
}

.txt_mandatory{
    position: absolute;
    right: 5px;
    top: 0;
    color: #ed0623;
    font-size: 10.5px;
    font-weight: 500;
}

.txt_image{
    color: #ed0623;
    font-size: 12px;
    font-weight: 500;
}
button:disabled {
    cursor: not-allowed;
}
/* Página customizada - Fim */