@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'unisansboldbold';
    src: url('../fonts/unisansbold.ttf') format('truetype'),
    url('../fonts/uni_sans_bold-webfont.woff2') format('woff2'),
    url('../fonts/uni_sans_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'unisansbookregular';
    src: url('../fonts/Uni-Sans-Book.ttf') format('truetype'),
    url('../fonts/uni_sans_book-webfont.woff2') format('woff2'),
    url('../fonts/uni_sans_book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    line-height: 25px;
    color: #545454;
}

a, a:hover {
    color: #545454;
}

.bottom-0 {
    bottom: 0;
}

.left-0 {
    left: 0;
}

.overflow-hidden {
    overflow: hidden;
}

.z-index-9999 {
    z-index: 9999;
}

.fonte-unisansboldbold{
    font-family: 'unisansboldbold';
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
    position: relative;
    display: inline-block;
}

.sublinhado-center:after {
    width: 80% !important;
    left: 10% !important;
    max-width: none !important;
}

.diversos-acessorios .sublinhado-center:after {
    width: 80% !important;
    left: 24% !important;
    max-width: 386px !important;
}

.sublinhado-verde:after, .sublinhado-branco:after {
    content: " ";
    height: 5px;
    width: 100%;
    max-width: 386px;
    position: absolute;
    left: 0;
    bottom: -26px;
}

.sublinhado-verde:after {
    background: linear-gradient(179.18deg, #10949C 4.43%, #33A172 89.14%);
}

.sublinhado-branco:after {
    background: #fff;
}

.sublinhado-curto:after {
    bottom: -6px !important;
    max-width: 101px;
}

h1, .h1 {
    font-size: 55px !important;
    line-height: 1.3 !important;
}

h3, .h3 {
    font-size: 30px !important;
    line-height: 36px !important;
}

h2, .h2 {
    font-size: 50px !important;
    line-height: 60px !important;
}

.home h2, .home .h2 {
    font-size: 60px;
    line-height: 72px;
}

h4, .h4 {
    font-family: 'unisansbookregular';
    font-size: 35px !important;
    line-height: 50px !important;
}

h5, .h5 {
    font-weight: bold;
    font-size: 25px !important;
}

h6, .h6 {
    font-family: 'unisansbookregular';
    font-size: 25px !important;
    line-height: 35px !important;
}

img.rounded {
    border-radius: 34px !important;
}

ul.green-marker {
    list-style: none;
}

ul.green-marker li {
    font-size: 20px;
    line-height: 25px;
}

ul.green-marker li::before {
    content: " - ";
    color: #239B86;
    font-weight: bold;
}

ol {
    list-style: none;
    counter-reset: my-awesome-counter;
}

ol li {
    counter-increment: my-awesome-counter;
    font-size: 20px;
    line-height: 25px;
}

ol li::before {
    content: counter(my-awesome-counter) " ";
    color: #239B86;
    font-weight: bold;
}
.modal {
    z-index: 99999;
}
.grecaptcha-badge {
    visibility: collapse !important;
}

.text-green {
    color: #289D80;
}

.position-md-absolute {
    position: absolute;
}

.bg-verde-degrade, .btn.btn-verde-degrade {
    background: linear-gradient(126.9deg, #10949C 4.43%, #33A172 89.14%), #545454;
}

.btn.btn-verde-degrade:hover {
    background: #0C5D62;
}

.btn-verde-escuro {
    background: #12805D;
    color: #fff;
}

.btn-verde-escuro:hover {
    background: #0C513B;
}

.btn-white {
    background: #fff;
    color: #259C84;
    border: solid 3px #fff;
}

.btn-white:hover {
    border: solid 3px #fff;
    background: transparent;
    color: #fff;
}

.rounded, .blog img {
    border-radius: 1.25rem !important;
}

header.interna {
    min-height: 98px;
}

header .logo-preto {
    display: none;
}

header .scroll .logo-preto, header.interna .logo-preto {
    display: inline-block;
}

header .scroll .logo-branco, header.interna .logo-branco {
    display: none;
}

header .navbar.scroll.down {
    top: -168px;
    transition: top 0.2s ease-in-out;
}

header .navbar.scroll.up {
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.75);
    top: 0;
    transition: top 0.2s ease-in-out;
}

header .navbar.scroll {
    background: #fff;
}

header .btn.btn-link:not(.collapsed) i, .nav-item.show i {
    transition-duration: 0.4s !important;
    transition-property: transform !important;
    transform: rotate(180deg) !important;
}

header .navbar.scroll.aberto,
header .navbar-collapse.collapsing {
    background: #fff !important;
}

header .navbar {
    z-index: 99999;
}

header .nav-item i {
    transition-duration: 0.4s;
    transition-property: transform;
}

header .dropdown-toggle::after {
    display: none;
}


header .navbar-expand-xl .navbar-nav .dropdown-menu {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    border: none;
    border-radius: 0;
    min-width: 230px;
}

header.interna .navbar-light .navbar-nav .nav-link, header.interna .navbar-light .navbar-nav .show > .nav-link {
    color: #545454;
}


header .navbar-light.scroll .navbar-nav .nav-link, header .navbar-light.scroll .navbar-nav .nav-link:hover {
    color: #545454;
}


header.interna .navbar-light .navbar-nav .nav-link:hover {
    color: #545454;
    border-bottom: solid 2px #545454;
}

header .navbar-light .navbar-toggler {
    border: none;
    color: inherit;
    font-weight: normal;
    font-size: 20px;
    color: #fff;
}

header.interna .navbar-light .navbar-toggler {
    color: #545454;
}

header .navbar-light.scroll .navbar-toggler {
    color: #545454;
}

header .fixed-top .navbar-collapse.show {
    background: #fff !important;
    min-height: 100vh;
}

header .dropdown-item.active, .dropdown-item:active {
    background-color: #1B5D65;
}

header .collapsed .seta-menu {
    transition-duration: 0.4s;
    transition-property: transform;
    transform: initial;
}

header .seta-menu {
    transition-duration: 0.4s;
    transition-property: transform;
    transform: rotate(180deg);
}

.box-home-sobre h2:after {
    content: " ";
    height: 5px;
    background: #fff;
    width: 33%;
    position: absolute;
    left: 33%;
    bottom: -28px;
}

.btn {
    font-weight: bold;
    border-radius: 0px 10px;
    min-width: 300px;
}

.atendimento-personalizado .icon {
    max-width: 164px;
}

.atendimento-personalizado h3 {
    font-size: 40px;
    line-height: 48px;
}

.form-control {
    box-sizing: border-box;
    border-radius: 9px;
    height: 46px;
    border: 2px solid #545454;
}

.text-white .form-control {
    border: 2px solid #FFFFFF;
    background-color: transparent;
    height: 46px;
    color: #fff;
}

.text-white .form-control:focus {
    background-color: transparent;
    border-color: #FFFFFF;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
}

.banner-home {
    background: linear-gradient(rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.40)), url(../imagens/home-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    min-height: 100vh;
    border-radius: 0 0 8rem 8rem;
}

footer .redes-sociais i {
    background: linear-gradient(126.9deg, #10949C 4.43%, #33A172 89.14%), #545454;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 2.5rem;
}

footer a.btn.btn-whatsapp-rodape {
    z-index: 9999;
    bottom: 25px;
    right: 25px;
    background: linear-gradient(121.09deg, #10949C 4.43%, #33A172 89.14%);
    box-shadow: 0 0 12px rgba(0, 0, 0, .5);
    color: #fff;
    border: none;
    transition: .2s ease-out;
    font-size: 75px;
    height: 100px;
    width: 100px;
    border-radius: 100% !important;
    padding-top: 12px;
    padding-left: 0;
    padding-right: 0;
    line-height: 0;
    font-weight: normal;
    min-width: auto;
}

footer a.btn.btn-whatsapp-rodape:hover {
    background: #0C5D62;
}

@media (max-width: 1200px) {
    header .navbar-expand-xl .navbar-nav .dropdown-menu {
        background: #f1f1f1;
        box-shadow: none;
        text-align: center;
    }

    header .navbar-light .navbar-nav .nav-link:hover {
        border-bottom: 0 !important;
    }
}

div.whats-rodape {
    position: relative;
}

a.btn-whatsapp-rodape {
      z-index: 9999;
    bottom: 25px;
    right: 25px;
    background: #269145;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
    color: #ffffff !important;
    border: none;
    transition: .2s ease-out;
    font-size: 75px;
    height: 110px;
    width: 110px;
    border-radius: 100% !important;
    padding-top: 16px;
    padding-left: 0;
    padding-right: 0;
    line-height: 0;
    min-width: auto;
    font-weight: normal;
}

a.btn-whatsapp-rodape:hover {
    background: #186f31;
    color: #ffffff;
    border: none;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .50);
}

@media (min-width: 991px) {
    header .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .show > .nav-link {
        color: #fff;
    }

    header .navbar-light .navbar-nav .nav-link {
        color: #ffffff;
        padding-bottom: 4px !important;
        font-size: 17px;
    }

    header .navbar-light .navbar-nav .nav-link:hover {
        color: #fff;
        border-bottom: solid 2px #ffffff;
    }
}

@media (min-width: 768px) {
    .text-md-white {
        color: #fff !important;
    }

    .aparelho-conectado {
        background-image: url(../imagens/home-conectado.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        box-shadow: inset 0 0 1000px rgba(0, 0, 0, 0.99);
    }

    .aparelho-imperceptivel {
        background-image: url(../imagens/home-imperceptivel.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        box-shadow: inset 756px -1px 78px 29px rgba(255, 255, 255, 0.5);
    }
}

@media (max-width: 768px) {
    .position-md-absolute {
        position: relative;
    }

    .aparelho-conectado-mobile {
        background-image: url(../imagens/home-conectado.jpg);
        height: 428px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: left;
    }

    .aparelho-imperceptivel-mobile {
        background-image: url(../imagens/home-imperceptivel.jpg);
        height: 428px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: right;
    }

    .atendimento-personalizado h3 {
        font-size: 30px;
        line-height: 36px;
    }

    .diversos-acessorios .sublinhado-center:after {
        width: 80% !important;
        left: 24% !important;
        max-width: 186px !important;
    }
}

@media (max-width: 576px) {
    body {
        font-size: 15px;
    }

    h1, .h1 {
        font-size: 40px !important;
        line-height: 48px !important;
    }

    h3, .h3 {
        font-size: 25px !important;
        line-height: 30px !important;
    }

    h2, .h2 {
        font-size: 40px !important;
        line-height: 48px !important;
    }

    h4, .h4 {
        font-size: 28px !important;
        line-height: 40px !important;
    }

    .sublinhado-verde:after, .sublinhado-branco:after {
        max-width: 309px;
    }
}








div.gallery {
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 180px;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}


.vlightbox1{
    _outline: 1px solid green;
}



.clear{
    clear: both;
}



.rafa-bg-gallery{
    _outline: 1px solid red;
    margin: 80px 0 !important;
}


/*Responsivo*/
/*480PX BREAKPOINT*/
@media (min-width:30em){
#vlightbox1 #lightbox-responsiva { width:47.5%; float:left; }
}
/*768PX BREAKPOINT*/
@media (min-width:48em){
#vlightbox1 #lightbox-responsiva { width:31.8%; }
} 
/*1280PX BREAKPOINT*/
@media (min-width:80em){
#vlightbox1 #lightbox-responsiva { width:23.6%; }
}