.clr{
    clear: both;
}
body{
    font-family: 'gothambook';
    font-size: 16px;
    color: #282829;
    background-color: #edf2f6;
}
h1,h2,h3,h4,h5,h6{ 
    font-family: 'gothamblackregular';
}

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

p{
    margin-bottom: 25px;
    line-height: 25px;
    letter-spacing: 0.02em;
}

.mar-bottom-0{ margin-bottom: 0px!important; }
.mar-bottom-5{ margin-bottom: 5px!important; }
.mar-bottom-10{ margin-bottom: 10px!important; }
.mar-bottom-15{ margin-bottom: 15px!important; }
.mar-bottom-20{ margin-bottom: 20px!important; }
.mar-bottom-25{ margin-bottom: 25px!important; }
.mar-bottom-30{ margin-bottom: 30px!important; }
.mar-bottom-35{ margin-bottom: 35px!important; }
.mar-bottom-40{ margin-bottom: 40px!important; }
.mar-bottom-45{ margin-bottom: 45px!important; }
.mar-bottom-50{ margin-bottom: 50px!important; }
.mar-bottom-55{ margin-bottom: 55px!important; }
.mar-bottom-60{ margin-bottom: 60px!important; }
.mar-bottom-65{ margin-bottom: 65px!important; }
.mar-bottom-70{ margin-bottom: 70px!important; }
.mar-bottom-75{ margin-bottom: 75px!important; }
.mar-bottom-80{ margin-bottom: 80px!important; }
.mar-bottom-85{ margin-bottom: 85px!important; }
.mar-bottom-90{ margin-bottom: 90px!important; }
.mar-bottom-95{ margin-bottom: 95px!important; }
.mar-bottom-100{ margin-bottom: 100px!important; }
.mar-bottom-105{ margin-bottom: 105px!important; }
.mar-bottom-110{ margin-bottom: 110px!important; }
.mar-bottom-115{ margin-bottom: 115px!important; }
.mar-bottom-120{ margin-bottom: 120px!important; }
.mar-bottom-125{ margin-bottom: 125px!important; }
.mar-bottom-130{ margin-bottom: 130px!important; }
.mar-bottom-135{ margin-bottom: 135px!important; }
.mar-bottom-140{ margin-bottom: 140px!important; }
.mar-bottom-145{ margin-bottom: 145px!important; }
.mar-bottom-150{ margin-bottom: 150px!important; }

.pad-top-0{ padding-top: 0px!important; }
.pad-top-5{ padding-top: 5px!important; }
.pad-top-10{ padding-top: 10px!important; }
.pad-top-15{ padding-top: 15px!important; }
.pad-top-20{ padding-top: 20px!important; }
.pad-top-25{ padding-top: 25px!important; }
.pad-top-30{ padding-top: 30px!important; }
.pad-top-35{ padding-top: 35px!important; }
.pad-top-40{ padding-top: 40px!important; }
.pad-top-45{ padding-top: 45px!important; }
.pad-top-50{ padding-top: 50px!important; }
.pad-top-55{ padding-top: 55px!important; }
.pad-top-60{ padding-top: 60px!important; }
.pad-top-65{ padding-top: 65px!important; }
.pad-top-70{ padding-top: 70px!important; }
.pad-top-75{ padding-top: 75px!important; }
.pad-top-80{ padding-top: 80px!important; }
.pad-top-85{ padding-top: 85px!important; }
.pad-top-90{ padding-top: 90px!important; }
.pad-top-95{ padding-top: 95px!important; }
.pad-top-100{ padding-top: 100px!important; }
.pad-top-105{ padding-top: 105px!important; }
.pad-top-110{ padding-top: 110px!important; }
.pad-top-115{ padding-top: 115px!important; }
.pad-top-120{ padding-top: 120px!important; }
.pad-top-125{ padding-top: 125px!important; }
.pad-top-130{ padding-top: 130px!important; }
.pad-top-135{ padding-top: 135px!important; }
.pad-top-140{ padding-top: 140px!important; }
.pad-top-145{ padding-top: 145px!important; }
.pad-top-150{ padding-top: 150px!important; }
.pad-top-155{ padding-top: 155px!important; }
.pad-top-160{ padding-top: 160px!important; }
.pad-top-165{ padding-top: 165px!important; }
.pad-top-170{ padding-top: 170px!important; }
.pad-top-175{ padding-top: 175px!important; }
.pad-top-180{ padding-top: 180px!important; }
.pad-top-185{ padding-top: 185px!important; }
.pad-top-190{ padding-top: 190px!important; }
.pad-top-195{ padding-top: 195px!important; }
.pad-top-200{ padding-top: 200px!important; }

.pad-bottom-0{ padding-bottom: 0px!important; }
.pad-bottom-5{ padding-bottom: 5px!important; }
.pad-bottom-10{ padding-bottom: 10px!important; }
.pad-bottom-15{ padding-bottom: 15px!important; }
.pad-bottom-20{ padding-bottom: 20px!important; }
.pad-bottom-25{ padding-bottom: 25px!important; }
.pad-bottom-30{ padding-bottom: 30px!important; }
.pad-bottom-35{ padding-bottom: 35px!important; }
.pad-bottom-40{ padding-bottom: 40px!important; }
.pad-bottom-45{ padding-bottom: 45px!important; }
.pad-bottom-50{ padding-bottom: 50px!important; }
.pad-bottom-55{ padding-bottom: 55px!important; }
.pad-bottom-60{ padding-bottom: 60px!important; }
.pad-bottom-65{ padding-bottom: 65px!important; }
.pad-bottom-70{ padding-bottom: 70px!important; }
.pad-bottom-75{ padding-bottom: 75px!important; }
.pad-bottom-80{ padding-bottom: 80px!important; }
.pad-bottom-85{ padding-bottom: 85px!important; }
.pad-bottom-90{ padding-bottom: 90px!important; }
.pad-bottom-95{ padding-bottom: 95px!important; }
.pad-bottom-100{ padding-bottom: 100px!important; }
.pad-bottom-105{ padding-bottom: 105px!important; }
.pad-bottom-110{ padding-bottom: 110px!important; }
.pad-bottom-115{ padding-bottom: 115px!important; }
.pad-bottom-120{ padding-bottom: 120px!important; }
.pad-bottom-125{ padding-bottom: 125px!important; }
.pad-bottom-130{ padding-bottom: 130px!important; }
.pad-bottom-135{ padding-bottom: 135px!important; }
.pad-bottom-140{ padding-bottom: 140px!important; }
.pad-bottom-145{ padding-bottom: 145px!important; }
.pad-bottom-150{ padding-bottom: 150px!important; }
.pad-bottom-155{ padding-bottom: 155px!important; }
.pad-bottom-160{ padding-bottom: 160px!important; }
.pad-bottom-165{ padding-bottom: 165px!important; }
.pad-bottom-170{ padding-bottom: 170px!important; }
.pad-bottom-175{ padding-bottom: 175px!important; }
.pad-bottom-180{ padding-bottom: 180px!important; }
.pad-bottom-185{ padding-bottom: 185px!important; }
.pad-bottom-190{ padding-bottom: 190px!important; }
.pad-bottom-195{ padding-bottom: 195px!important; }
.pad-bottom-200{ padding-bottom: 200px!important; }

.btn{
    padding: 12px 25px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    font-size:14px;
    font-family: 'gothambold';
    border: 2px solid transparent;
    line-height: normal;
    font-weight: normal;
    box-shadow: none;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.btn-accent{
    background: #80ccbd;
    border-color: #80ccbd;
    color:#ffffff;
    box-shadow: none;
}
.btn-accent:hover,
.btn-accent:focus{
    background: #444f5c;
    border-color: #444f5c;
    color:#ffffff;
    box-shadow: none;
}
.btn-blue-o{
    background: none;
    border-color: #77a4c7;
    color:#77a4c7;
    box-shadow: none;
}
.btn-blue-o:hover,
.btn-blue-o:focus{
    background: #77a4c7;
    border-color: #77a4c7;
    color:#ffffff;
    box-shadow: none;
}
.btn-white-o{
    background: none;
    border-color: #ffffff;
    color:#ffffff;
    box-shadow: none;
}
.btn-white-o:hover,
.btn-white-o:focus{
    background: #ffffff;
    border-color: #ffffff;
    color:#77a4c7;
    box-shadow: none;
}
.btn-small{
    padding: 10px 16px 8px;
    font-size: 12px;
}
.btn-round{
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.btn-underline-white:hover,
.btn-underline-white:focus,
.btn-underline-white{
    background: none;
    border-color: transparent;
    color:#ffffff;
    box-shadow: none;
    text-decoration: underline;
}

.btn-orange,
.btn-orange:hover,
.btn-orange:focus{
    background: #47c756;
    border-color: #47c756;
    color:#ffffff;
    box-shadow: none;
}

.tp-bg{
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.text-underline{
    text-decoration: underline;
}
.text-uppercase{
    text-transform: uppercase;
}
.text-white{
    color: #ffffff!important;
}

.font-light{ font-family: 'gotham_lightregular'; }
.font-bold{ font-family: 'gothambold'; }
.font-book{ font-family: 'gothambook'; }
.font-black{ font-family: 'gothamblackregular'; }
.font-medium{ font-family: 'gotham_mediumregular'; }

.font-14{ font-size:14px; line-height: normal; }
.font-22{ font-size: 22px; line-height: normal; }
.font-24{ font-size: 24px; line-height: 36px; }
.font-25{ font-size: 25px; line-height: normal; }
.font-32{ font-size: 32px; line-height: 45px; }
.font-40{ font-size: 40px; line-height: normal; }
.font-42{ font-size: 42px; line-height: normal; }
.font-46{ font-size: 46px; line-height: normal; }
.font-45{ font-size: 45px; line-height: normal; }
.font-56{ font-size: 56px; line-height: normal; }

.accent{ color: #444f5c!important; }
.text-color2{ color: #77a4c7!important; }

.w-890{ max-width: 890px; }
.w-1500{ max-width: 1500px; }

.column5{
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 20%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.letter-300{ letter-spacing: 0.3em; }

input[type=email],
input[type=password],
input[type=phone],
input[type=tel],
input[type=text],
textarea{
    height:42px;
    padding:10px 15px;
    border: 1px solid #77a4c7;
    width:100%;
    background: #ffffff;
    font-size:16px;
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    -o-box-shadow:none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    font-weight: 400;
}
textarea{
    height: 115px;
}

select {
    height: 42px;
    line-height: 1.42857;
    padding: 6px 15px;
    border: 1px solid #77a4c7;
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    width: 100%;
    background: #ffffff;
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    -o-box-shadow:none;
    font-size:16px;
    font-weight: 400;
}

select:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background:#ffffff url(../images/icon-select.png) no-repeat right center;
    min-width: 175px;
    height: 42px;
}

form label{
    font-size: 12px;
    color: #444f5c;
    font-family: 'gothambold';
    margin-bottom: 6px;
}
/*============================= END BODY ================================*/
/*============================== HEADER =================================*/

.header-container.is-sticky .apply-sticky {
    position: fixed;
    z-index: 999;
    top: 0;
    width: 100%;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}


.sticky-header-down.header-container.is-sticky .apply-sticky {
    top: -64px;
    background: #ffffff;
}

.sticky-header-down.header-container.is-sticky.sticky .apply-sticky {
    top: 0;
}
.navbar-dark .navbar-nav .nav-link{
    font-size: 13px;
    font-family: 'gothambold';
    color: #ffffff;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    padding: 22px;
}
.menu-phone a{
    display: block;
    font-size: 13px;
    line-height: normal;
    letter-spacing: 0.02em;
    color: #ffffff;
}
.menu-phone{
    padding-right: 15px;
}
.navbar-expand-xl{
    padding-top: 0;
    padding-bottom: 0;
}
@media (max-width: 576px) {
    .sticky2 {
        background-color: #ffff;
    }
    .sticky2 img {
        display: block;
        padding-bottom: 25px;
    }
    .sticky2 a{
        color: #444f5c !important;
    }
    .sticky2 .navbar-toggler{
        color: #444f5c;
    }
    .sticky2 .btn{
        border-color: #80ccbd;
        color: #80ccbd !important;
    }
    .sticky2 .nav-iotem .nav-link .hover{
        color: #444f5c !important;
    }

    
}
.sticky-header-down.header-container.is-sticky.sticky .navbar-dark .navbar-toggler{
    color: #444f5c;
}

.sticky-header-down.header-container.is-sticky.sticky .navbar-brand img,
.logo-sticky{ 
    display: none; 
}

.sticky-header-down.header-container.is-sticky.sticky .navbar-brand img.logo-sticky{
    display: block;
}
.sticky-header-down.header-container.is-sticky.sticky .menu-phone a,
.sticky-header-down.header-container.is-sticky.sticky .navbar-dark .navbar-nav .nav-link{
    color: #444f5c;
}
.sticky-header-down.header-container.is-sticky.sticky .btn-white-o{
    border-color: #80ccbd;
    color: #80ccbd;
}
.sticky-header-down.header-container.is-sticky.sticky .btn-white-o:hover,
.sticky-header-down.header-container.is-sticky.sticky .btn-white-o:focus{
    background-color: #80ccbd;
    color: #ffffff;
}

/*============================ END HEADER ===============================*/
/*============================== CONTENT ================================*/
.tab-pane{
    background: #ffffff;
    padding: 25px 0;
    box-shadow: 0 0 5px rgba(68,79,92,0.1);
    -webkit-box-shadow: 0 0 5px rgba(68,79,92,0.1);
    -moz-box-shadow: 0 0 5px rgba(68,79,92,0.1);
    -ms-box-shadow: 0 0 5px rgba(68,79,92,0.1);
    -o-box-shadow: 0 0 5px rgba(68,79,92,0.1);
}
.nav-tabs .nav-link{
    margin: 0 20px;
    padding: 0 0 30px;
    position: relative;
    border: none;
    font-size: 13px;
    color: #b4b9be;
    text-transform: uppercase;
    font-family: 'gothambold';
    letter-spacing: 0.02em;
}
.nav-tabs{
    border: none;
}
@media (max-width: 576px) {
    .nav-tabs {
        display: block;
        text-align: center;
    }
} 

.nav-tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active{
    background: none;
    border: none;
}
.nav-tabs .nav-item.show .nav-link:before, 
.nav-tabs .nav-link.active:before{
    content: "";
    width: 100%;
    height: 6px;
    position: absolute;
    bottom: -3px;
    left: 0;
    background: #444f5c;
}
.border-box{
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.02em;
    padding: 5px;
    border: 1px solid #d6e4ee;
    border-radius: 10px;
    color: #77a4c7;
    margin-bottom: 20px;
}
.list-dots,
.carousel-1 .owl-dots{
    text-align: center;
    font-size: 0;
    line-height: 1;
    padding: 0;
    margin: -40px 0 0;
    list-style: none;
}
.list-dots li{
    display: inline-block;
}
.list-dots li a,
.carousel-2.owl-carousel button.owl-dot,
.carousel-1.owl-carousel button.owl-dot{
    margin: 0 10px;
    width: 10px;
    height: 10px;
    border: 2px solid #d6e4ee;
    border-radius: 100%;
    display: inline-block;
}
.carousel-2.owl-carousel button.owl-dot{
    border-color: #587187;
}
.carousel-2.owl-carousel .owl-dots{
    display: flex;
    justify-content: center;
}
.list-dots li a.active,
.list-dots li a:hover,
.list-dots li a:focus,
.carousel-1.owl-carousel button.owl-dot.active{
    background-color: #77a4c7;
    border-color: #77a4c7;
}
.carousel-2.owl-carousel button.owl-dot.active{
    background-color: #ffffff;
    border-color: #ffffff;
}
.product-item{
    position: relative;
    background: #ffffff;
    border-radius: 10px;
    margin-bottom: 35px;
    padding: 20px;
    box-shadow: 0 0 5px rgba(68,79,92,0.1);
    -webkit-box-shadow: 0 0 5px rgba(68,79,92,0.1);
    -moz-box-shadow: 0 0 5px rgba(68,79,92,0.1);
    -ms-box-shadow: 0 0 5px rgba(68,79,92,0.1);
    -o-box-shadow: 0 0 5px rgba(68,79,92,0.1);
    height: 720px;
}

.product-box {
    position: absolute;
    width: 100%;
    max-width: 320px;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

@media(min-width: 480px) {
    .product-box {
        width: 89%;
        max-width: unset;
    }
}

@media(min-width: 567px) {
    .product-box {
        width: 83%;
    }
}

@media(min-width: 768px) {
    .product-box {
        width: 89%;
    }
}


.carousel-1.owl-carousel .owl-stage-outer{
    overflow: inherit;
}
.carousel-2.owl-carousel .owl-stage-outer{
    overflow: inherit;
}
.carousel-2 .owl-nav{
    position: absolute;
    right: 0;
    top: -50px;
    display: flex;
}
.carousel-3 .owl-nav{
    position: absolute;
    right: 0;
    top: -80px;
}

.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev{
    width: 20px;
    height: 20px;
    background: #77a4c7;
    border-radius: 3px;
    text-align: center;
    line-height: 16px;
    color: #ffffff;
    margin-left: 20px;
    outline: none;
    display: flex;
    justify-content: center;
    align-content: center;
}

.box-white{
    background: #ffffff;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 0 5px rgba(68,79,92,0.1);
    -webkit-box-shadow: 0 0 5px rgba(68,79,92,0.1);
    -moz-box-shadow: 0 0 5px rgba(68,79,92,0.1);
    -ms-box-shadow: 0 0 5px rgba(68,79,92,0.1);
    -o-box-shadow: 0 0 5px rgba(68,79,92,0.1);
}
.contact-info{
    padding: 0;
    margin: 0 0 30px;
    list-style: none;
}
.contact-info li{
    margin-bottom: 10px;
    color: #ffffff;
}
.contact-info li a{
    color: #ffffff;
    text-decoration: underline;
}
form .btn-accent{
    border: 1px solid #5fa99a;
    border-radius: 5px;
}
.hash-title{
    padding: 0;
    margin: 0 0 -60px;
    list-style: none;
    text-align: center;
    position: relative;
    z-index: 1;
}
.hash-title li{
    display: inline-block;
    margin: 0 25px 15px;
    font-size: 14px;
    color: #77a4c7;
    font-family: 'gothambold';
    letter-spacing: 0.2em;
    text-transform: uppercase;
    
}
.hash-title li a{
    padding-top: 10px;
    border-top: 3px solid transparent;
    display: block;
    color: #77a4c7;
}
.hash-title li .icon{
    display: block;
    max-width: 85px;
    border: 1px solid #ffffff;
    border-radius: 100%;
    overflow: hidden;
    margin: 24px auto 0;
    opacity: 0.75;
}
.hash-title li .current{
    color: #444f5c;
    border-color: #444f5c;
}
.hash-title li .current .icon{
    -ms-transform: scale(1.5,1.5); /* IE 9 */
    transform: scale(1.5,1.5);
    opacity: 1;
}
#back-to-top{
    width: 60px;
    height: 60px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 10;
    text-align: center;
    background: #ffffff;
    font-size: 10px;
    color: #77a4c7;
    font-family: 'gothambold';
    border-radius: 100%;
    padding: 5px;
    cursor: pointer;
    display: none;
}
#back-to-top i{display: block; font-size: 18px;}

.title-quote{ position: relative; }
.title-quote:before{
    content: "";
    width: 98px;
    height: 74px;
    position: absolute;
    background: url(../images/quote-top.png) no-repeat center center;
    top: -88px;
    left: 0;
}
.title-quote:after{
    content: "";
    width: 97px;
    height: 74px;
    position: absolute;
    background: url(../images/quote-bottom.png) no-repeat center center;
    bottom: -125px;
    left: 50%;
}
@media (max-width: 1200px) {
    .title-quote:after {
        bottom: -125px;
        left: 65%;
    }
}
@media (max-width: 576px) {
    .title-quote:after {
        bottom: -125px;
        left: 65%;
    }
}
.modal-header{
    border: none;
}
.modal-body{
    margin-top: -55px;
    padding: 3rem;
}
.right-block{
    padding: 17px 120px 18px 23px;
    color: #ffffff;
    background: url(../images/right-block.png) no-repeat center center;
    background-size: cover;
    position: fixed;
    right: 10px;
    bottom: 80px;
    z-index: 10;
    border: 1px solid #ffffff;
    border-radius: 10px;
    animation: pop 3s ease-in-out;
}

@media (min-width: 576px) {
    .right-block {
        padding: 17px 120px 18px 23px;
        color: #ffffff;
        background: url(../images/right-block.png) no-repeat center center;
        background-size: cover;
        position: fixed;
        right: 30px;
        bottom: 80px;
        z-index: 10;
        border: 1px solid #ffffff;
        border-radius: 10px;
        box-shadow: 0 8px 12px rgba(40,40,41,0.35);
        -webkit-box-shadow: 0 8px 12px rgba(40,40,41,0.35);
        -moz-box-shadow: 0 8px 12px rgba(40,40,41,0.35);
        -ms-box-shadow: 0 8px 12px rgba(40,40,41,0.35);
        -o-box-shadow: 0 8px 12px rgba(40,40,41,0.35);
        animation: pop 2s ease-in-out;
    }
}
@keyframes pop {
  0%{transform:scale(0);}
  100%{transform:scale(0);}
}
.right-block.active-close{
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
}
.right-block .close{
    position: absolute;
    right: 10px;
    top: 10px;
    color: #ffffff;
    opacity: 1;
}
.right-block .whatsapp{
    padding: 10px 10px 10px 47px;
    background: #47c756 url(../images/icon-whatsapp.png) no-repeat 11px center;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-family: 'gothambold';
    text-transform: uppercase;
    border-radius: 5px;
}
@media (max-width: 576px) {
    .right-block .whatsapp{
        background: #47c756 url(../images/icon-whatsapp.png) no-repeat center;
        display: inline-block;
        border-radius: 50px;
        width: 60px;
        height: 60px;
    }
    .right-block .whatsapp span {
        display: none;
    }
}

.right-block.active-close .close,
.right-block.active-close p{
    display: none;
}

.float-button{
    position: fixed;
    right: 10px;
    bottom: 80px;
    display: none;
    z-index: 10;
}

.modal-header .close{
    position: relative;
    z-index: 2;
}

.historia-slider {
    background-image: url('../images/mobile-teste2.png');
    height: auto;
    background-size: cover;
}

@media (min-width: 576px) {
    .historia-slider {
        background-image: url('../images/bg3.jpg');
    }
}

.slideshow{
    display: none;
    height: auto;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.slideshow-mobile{
    display: block;
    height: 720px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (min-width: 576px) {
    .slideshow {
        display: block;
    }
    .slideshow-mobile {
        display: none;
    }
}

.slide-item {
    display:block;
    width: 100%;
}
.slide-mobile  {
    display: block;
    width: 100%;
}
.slider-img {
    width: 100%;
    height: 720px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    object-fit: cover;
}

.wrapper-slideshow{
    position: relative;
}
.wrapper-slideshow .header-container{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}
.wrapper-slideshow .box1{
    position: absolute;
    bottom: 35px;
    left: 0;
    width: 100%;
}
.slick-dots{
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    bottom: 28px;
    left: 0;
    width: 100%;
    text-align: center;
}
.slick-dots li{
    display: inline-block;
    margin: 0 9px;
    font-size: 0;
}
.slick-dots li button{
    width: 10px!important;
    height: 10px!important;
    font-size: 0;
    background: #a29480;
    border: none;
    border-radius: 100%;
    display: block;
    padding: 0;
}
.slick-dots li.slick-active button{
    background: #ffffff;
}

.popup-youtube{
    text-align: center;
}
.popup-youtube img{
    width: auto!important;
}
.popup-youtube .icon{
    border-radius: 100%;
    display: inline-block;
    margin-bottom: 10px;
    width: 82px;
    height: 82px;
    background: url(../images/icon-play.png) no-repeat center top;
    box-shadow: 0 0 15px rgba(40,40,41,0.75);
    -webkit-box-shadow: 0 0 15px rgba(40,40,41,0.75);
    -moz-box-shadow: 0 0 15px rgba(40,40,41,0.75);
    -ms-box-shadow: 0 0 15px rgba(40,40,41,0.75);
    -o-box-shadow: 0 0 15px rgba(40,40,41,0.75);
}
.popup-youtube:hover .icon{
    background-position: center bottom;
}
.popup-youtube .text{
    display: block;
    font-size: 12px;
    font-family: 'gothambold';
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 0.02em;
    line-height: 1;
}
/*============================ END CONTENT ==============================*/
/*============================== FOOTER =================================*/
#footer{
    padding: 18px 0;
    background: #282829;
}
.copy,
.copyright{
    font-size:13px;
    color: #767676;
    letter-spacing: 0.02em;
    text-align: center;
}
.copy a,
.copyright a{
    color: #767676;
}
.menu-footer{
    padding: 0;
    list-style: none;
    margin: 0;
    text-align: center;
}
.menu-footer li{
    display: inline-block;
    margin: 0 8px;
    font-size: 13px;
}
.menu-footer li a{
    color: #bbbbbb;
}
.copy{
    text-align: right;
}
/*============================ END FOOTER ===============================*/

.btn-white {
    width: 60px;
    height: 60px;
    text-align: center;
    background: #ffffff;
    font-size: 10px;
    color: #77a4c7;
    font-family: 'gothambold';
    border-radius: 100%;
    padding: 5px;
    cursor: pointer;
}

.btn-white i {
    font-size: 16px;
}

.btn-white p {
    line-height: 1;
    margin: 3px 0;
}

.flex {
    display: flex;
    position: relative;
}

.flex-box {
    flex: 1;
    position: relative;
}

.btn-end {
    position: absolute;
    left: 20px;
    bottom: 20px;
}

.hover:hover {
    opacity: 50%;
}

.by-side {
    display: flex;
    justify-content: center;   
}

.spacing {
    display: flex;
    justify-content: start;
    margin-left: 1px;
}
.spacing div {
    margin-right: 25px;
}

.dropdown {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    display: none;
}

.dropdown ul {
    width: 100%;
    height: 100%;
    background-color: #495057;
    color: #edf2f6;
    
}

.dropdown li {
    width: 100% !important;
    height: 100% !important;
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: transparent;
    text-align: center;
}

.dropdown-item {
    width: 93% !important;
    height: 40px !important;
    background-color: #edf2f6 !important;
    margin: 0 7px !important;
}
.dropdown-item:before {
    display: none;
}
.dropdown-item2 {
    height: 40px !important;
    background-color: #edf2f6 !important;
    margin: 0 7px !important;
}
.dropdown-item2:before {
    display: none;
}

@media (max-width: 576px) {
    .font33 {
        font-size: 33px !important;
    }

    .font30 {
        font-size: 30px;
    }
    
    .font20 {
        font-size: 20px;
    }

    .font16 {
        font-size: 16px;
    }

    .by-side {
        display: flex;
        justify-content: space-evenly;   
    }
    .by-side .btn {
        padding: 0;
    }

    .spacing {
        display: flex;
        justify-content: space-evenly;
    }

    .dropdown {
        display: block;
    }

    .none {
        display: none;
    }
}

.onsite {
    width: 100%;
    margin-top: 25px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background-image: url('../images/bg-gradient.png');
    background-size: cover;
    padding: 40px 20px;
}
.onsite-wrapper {
    display: block;
    margin-right: 20px;
}
.onsite-title {
    font-size: 40px;
    font-weight: 400;
    color: #77a4c7;
    font-family: 'gothambold';
}
.onsite-text {
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    font-family: 'gothambook';
    margin-bottom: 5px;
}
.onsite-img {
    margin: 15px 0 25px 0;
    width: 100%;
}
.card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #ffffff;
    max-width: 415px;
    width: 100%;
    height: auto;
    border-radius: 10px;
    margin-top: 30px;
    padding: 20px 20px;
}
.card-title {
    font-size: 24px;
    font-weight: 400;
    color: #282829;
    font-family: 'gothambold';
    margin: 0;
    text-align: center;
}
.card-title2 {
    font-size: 24px;
    font-weight: 400;
    color: #282829;
    font-family: 'gothambold';
    margin: 0px 0 30px 0;
    text-align: center;
}
.card-text {
    font-size: 16px;
    font-weight: 400;
    color: #282829;
    font-family: 'gothambook';
    margin: 0;
    text-align: center;
    line-height: 20px;
}
.card-btn {
    display: block;
    max-width: 275px;
    width: 100%;
    height: 45px;
    background-color: #80ccbd;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    font-family: 'gothambold';
    padding: 5px 60px;
    margin: 30px auto;
}
.card-btn:hover {
    background: #444f5c;
    border-color: #444f5c;
    color: #ffffff;
}
.card-btn:focus {
    color: #ffffff;
    text-decoration: none;
}
@media (min-width: 475px) {
    .onsite-img {
        width: unset;
    }
    .card {
        margin-top: 80px;
        padding: 55px 70px;
    }
    .card-title2 {
        text-align: unset;
        margin: 5px 0 30px 0;
    }
    .card-btn {
        margin-top: 30px;
    }
}
@media (min-width: 800px) {
    .onsite {
        padding: 110px 150px;
    }
    .card {
        margin-top: 30px;
    }
}
@media (min-width: 1320px) {
    .onsite {
        width: 100%;
        margin-top: 25px;
        display: flex;
        justify-content: space-between;
        padding: 110px 150px;
    }
}

.certificados {
    width: 100%;
    height: auto;
    display: block;
    background-color: #ffffff;
    padding: 40px 20px 0px 20px;
}
.certificados-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 60px;
    flex-wrap: wrap;
}
.certificados-title {
    font-size: 14px;
    font-weight: 400;
    color: #77a4c7;
    text-transform: uppercase;
    font-family: 'gothambold';
    margin-bottom: 40px;
    text-align: center;
    letter-spacing: 3px;
}
.certificados-text {
    font-size: 32px;
    font-weight: 400;
    color: #444f5c;
    font-family: 'gothambook';
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    line-height: 35px;
    text-align: center;
}
.certificados-column {
    display: block;
    max-width: 600px;
    width: 100%;    
}
.certificados-column2 {
    display: block;
    max-width: 600px;
    width: 100%;
}
.certificados-item {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr); 
    margin-bottom: 30px;
}
.certificados-img {
    margin-bottom: 10px;
    display: flex;
    align-self: flex-end;
}
.certificados-details {
    display: block;
}
.certificados-regular {
    font-size: 16px;
    font-weight: 400;
    color: #282829;
    font-family: 'gothambook';
    margin: 0;
    line-height: 20px;
}
.certificados-bold {
    font-size: 16px;
    font-weight: 400;
    color: #282829;
    font-family: 'gothambold';
    margin: 0;
    line-height: 20px;
}
.certificados-strong {
    font-size: 16px;
    font-weight: 400;
    color: #282829;
    font-family: 'gothambold';
}

@media (min-width: 576px) {
    .certificados-item {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-rows: 75px;
        grid-column-gap: 30px;
        margin-bottom: 50px;
    }
    .certificados-img {
        display: flex;
        align-self: unset;
        margin: 0;
    }
}
@media (min-width: 1245px) {
    .certificados {
        padding: 60px 140px 0px 140px;
    }
    .certificados-wrapper {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
    }
    .certificados-column {
        max-width: 530px;
        width: 100%;    
    }
    .certificados-column2 {
        max-width: 560px;
        width: 100%;
    }
}


.form-contato{
    animation: anmOpacity 0.3s ease forwards;
}

.form-send{
    display: none;
    animation: anmOpacity 0.5s ease forwards;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.form-send > .fa-check{
    font-size: 4rem;
    padding: 0px 0px 15px 0px;
    color: #77c439c7;
}

@keyframes anmOpacity{
    0%{
        opacity: 0;
    }

    100%{
        opacity: 1;
    }
}

.row-wrap {
    flex-wrap: wrap;
}

@media (min-width: 992px) {
    .row-wrap {
        flex-wrap: nowrap;
    }
}