@import "bootstrap.min.css";



@import "font-awesome.min.css";



@import "animate.min.css";



@import "fontello.css";



@import "jcarousel.responsive.css";



@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');



* {



    padding: 0;



    margin: 0;



    border: 0;



    outline: none;



}



.desc-prod-sale{

    min-height: 30px;

}



.mr-3 {

    float: left;

    font-size: 12px;

    position: relative;

    top: 6px;

    font-weight: 300;

    color: #111 !important;

    font-family: 'Montserrat', sans-serif;

    letter-spacing: 0.3px;

}



.nav-container .container{

    border-bottom: 1px solid #c8c8c8;

    padding-bottom: 10px;

}



.nav-container {margin-bottom: 0 !important}



.accept-cookies:hover, .accept-cookies:active, .accept-cookies:focus{border: none !important; outline: none; background: #e2b0a6; color: #fff}

.accept-cookies{background: #427a82; padding: 6px 8px; 

    border: none;

    margin: 0 !important;

    float: right;   



    -webkit-border-radius: 10px;



    -moz-border-radius: 10px;



    border-radius: 10px;}



.cookie-overlay a{color: #000; text-decoration: underline; font-family: 'Montserrat', sans-serif}



.cookie-overlay.is-open{display: block;}



.cookie-overlay {

  display: none;

  position: fixed;

  bottom: 1rem;

  left: 0;

  right: 0;

  margin: 0 auto;

  width: 50%;

  background: #fff;

  z-index: 2051;

  line-height: 20px;

  font-size: 14px;

  border-radius: 6px;

  padding: 10px;



  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);



  > div:first-child {

    width: 100%;

  }



  .close-cookies {

    cursor: pointer;

  }



  @include media-breakpoint-down(md) {

    bottom: 0;

    left: 0;

    right: 0;

    border-radius: 0;



    > div:first-child {

      width: auto;

    }

  }

}



.exames-topo span i {

    text-decoration: underline;

    font-size: 13px;

    text-underline-offset: 3px;

}



.banners-mobile{display: none !important;}



.contact-address li{list-style: none; font-weight: 800; font-size: 18px; color: #000}

.contact-address i{color: #4766a3}

.contact-address i.fa-phone-square{position: relative; top: 1.56px}

.contato input, .contato select, .contato textarea{font-weight: 500}



.banner-baixo a{

        color: #00923f;

    text-decoration: underline;

    font-weight: 700;

    font-family: 'Montserrat';

    font-size: 13px;

    text-underline-offset: 2px;

}

.banner-baixo a i{font-size: 9px; margin-left: 2px; color: #00923f;}



body {



    background: #fff;



     font-family: "Montserrat", sans-serif;



     outline: none;



}



#wrapper {



    margin: 0 auto;



    width: 100%;



    background: #fff;



   



    color: #555;



    font-size: 15px;



    font-family: 'Monteserrat', sans-serif;;



}



button, input[type="submit"] {



    -webkit-transition: all 0.25s linear;



    -moz-transition: all 0.25s linear;



    -o-transition: all 0.25s linear;



    transition: all 0.25s linear;



}



h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {



    font-family: 'Montserrat', sans-serif;

    color: #000;

}



#destques h2{

        font-weight: 600;

    font-size: 42px;

    text-transform: uppercase;

    text-decoration: underline;

    text-underline-offset: 10px;

}



a, a:visited, a:focus, a:active, a:hover { outline: 0 !important }



ul { list-style: none }



.animated-area { overflow: hidden }



.marg25 { margin-top: 25px }



.marg50 { margin-top: 50px }



.marg75 { margin-top: 75px }



.marg100 { margin-top: 100px }



.marg125 { margin-top: 125px }



.marg150 { margin-top: 155px }



.top_line { background: #00B0E6; color: #fff; }



.contact-top li {



    float: left;



    padding: 0 10px;



    line-height: 33px;



    font-size: 12px;



    font-weight: 300;



}



.cursos-topo{margin-left: 55px;}



.exames-topo{margin-top: 20px}



.exames-topo strong{font-weight: 300; text-decoration: underline;}



.exames-topo a{color: #000}



.exames-topo p, .exames-topo img{display: inline-block;}



.exames-topo p{font-size: 17px; font-weight: 500}

.exames-topo span{font-size: 14px;}



.exames-topo span{

    display: inline-grid;

    line-height: 9px;

    vertical-align: middle;

}





h1.principal{font-size: 28px; text-align: center; margin-top: 55px; margin-bottom: 20px}



.contact-top li a{



    color:#555;



}



.contact-top li:first-child { padding-left: 0px }



.contact-top li:last-child { border-right: 0px }



.contact-top li i { font-size: 14px }



ul.social-links {



    float: right;



    margin: 0;



    padding: 0;



    list-style: none;



    font-size: 17px;



}



ul.social-links li {



    float: left;



    list-style: none;



    padding: 1px 10px;



}



ul.social-links li a {



    display: inline-block;



    color: #fff;



    line-height: 33px;



}



ul.social-links li a:hover { color: #00C0E1 }



.page_head {



    padding-top: 0px;



    background-color: #fff;



}







/*.logo img{width: 100%; margin-top: 10px}*/







.sticky {



    position: fixed;



    padding: 0;



    border-bottom: 1px solid #0b3632;



}







.sticky .logo {



    margin-top: 7px;



}







.produtos .slick-slide img{width: 100%;}







.menu ul ul { width: auto !important }





.menu ul li.sub li {



    width: 140px;



    border-left: 1px dotted #eee;



}



.menu { text-align: center; }



.menu ul {



    margin: 0;



    padding: 0;



    list-style: none;



}



.menu ul li {



    display: inline-block;

    float: none;



}



.menu ul li ul {



    position: absolute;



    left: 0px;



    display: block;



    visibility: hidden;



    width: 100%;



    opacity: 0;



    top: 59px;



}



.menu ul li:hover ul {



    display: inline-block;



    -webkit-transition: all 0.2s ease;



    -moz-transition: all 0.2s ease;



    -ms-transition: all 0.2s ease;



    -o-transition: all 0.2s ease;



    transition: all 0.2s ease;



}



.menu ul li:hover ul, .menu ul li li:hover ul, .menu ul li li li:hover ul {



    display: block;



    visibility: visible;



    opacity: 1;



}











.w3-left, .w3-right, .w3-badge {cursor:pointer}



.w3-badge {height:13px;width:13px;padding:0; background: red;}







.container-logo, .container-menu, .container-banner{padding: 0;}







.container-banner img{margin-top: 30px;}







/*.container-logo{margin-left: 25px;}*/







.menu ul li a {



    padding: 10px 40px 5px 40px;



    margin-top: 10px;



    color: #000;



    text-decoration: none;



    font-size: 15px;



    letter-spacing: 0.7px;



    font-family: Montserrat, sans-serif;;



    font-weight: 700;



    text-transform: uppercase;



    display: block;



    -webkit-transition: all 0.3s ease;



    -moz-transition: all 0.3s ease;



    -ms-transition: all 0.3s ease;



    -o-transition: all 0.3s ease;



    transition: all 0.3s ease;



}



.button-blue-detalhe a{color: #fff}





.button-blue-detalhe{



    background: #5c729a;

    text-align: center;

    padding: 10px;

    border-radius: 30px;

    clear: both;

    transition: 0.5s;

    color: #fff;

    font-family: 'Montserrat', sans-serif;

    font-weight: 500;

    text-align: center;

    font-size: 16px;

    width: 170px;

    margin-top: 20px;

    margin-bottom: 20px;

    letter-spacing: 0.5px;

    float: left;



}



.button-blue-list{

background: #5c729a;

    text-align: center;

    padding: 4px;

    border-radius: 30px;

    clear: both;

    transition: 0.5s;

    color: #fff;

    font-family: 'Montserrat', sans-serif;

    font-weight: 500;

    text-align: center;

    font-size: 15px;

    width: 120px;

    margin-top: 20px;

    margin-bottom: 20px;

    letter-spacing: 0.5px;

    float: left;



}



.button-blue-detalhe:hover{background: #434343; color: #fff}



.button-blue-detalhe a:hover{color: #fff;}



.button-orange {

    background: #434343;

    text-align: center;

    padding: 15px 8px 13px;

    border-radius: 20px;

    clear: both;

    transition: 0.5s;

    color: #fff;

    font-weight: 600;

    text-align: center;

    width: 200px;

    margin: 0 auto;

    margin-top: 40px;

    letter-spacing: 0.5px;

    text-transform: uppercase;

    font-size: 13px;

    font-family: Montserrat, sans-serif;

}







.button-orange:hover, .button-orange-detalhe:hover{background: #000; }





.qualidade .button-red{margin: 0 auto; text-align: center; float: none; background: #ca1d2c; margin-top: 25px; margin-bottom: 50px; display: inline-block; }







.footer .button-red{



    background: #96000d;



    width: 70%;



    margin: 0 auto;



    margin-top: 20px;



    border-radius: 28px;



}







.footer .button-red:hover{



    background: #cc332d;



}







.footer .button-red a{



    font-weight: 800;



    font-size: 21px;



}







.tecnologia-home .button-red{ width: 45%; text-align: center; margin: 0 auto; margin-top: 50px; margin-bottom: 40px;}







.menu ul li:last-child a {



    border: none;



}



.menu li a:hover {



    outline: none;



    color: #4766a3 !important;



    text-decoration: none;



}



.menu ul .active a{color: #4766a3;     text-decoration: underline;

    text-decoration-thickness: 4px;

    text-underline-offset: 13px;}





.menu li.current a { color: #4766a3 }



.menu li:hover a { color: #4766a3 }



.menu ul ul { background: #ffffff }



.menu ul li ul li a {



    padding: 8px 24px;





    color: #000 !important;



    font-weight: 500;



    font-size: 15px;



    -webkit-backface-visibility: hidden;



}



.menu ul li ul li:first-child a {



    border-top: none !important;



}



.menu ul li ul {



    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);



    padding-bottom: 10px;



}



.menu ul li ul li a:hover {



    color: #df3f32 !important;



}



nav.sticky ul li a {



    padding: 21px;



    font-weight: 300;



    font-size: 13px;



}







nav.sticky ul.socials li a{



    padding: 0;



}







nav.sticky ul.socials {



    margin-top: 15px;



}



.logo-footer img{

    width: 80%;

    padding: 20px;



}







nav.sticky ul li a:before { content: '' }



.dl-trigger { display: none }



.dl-back { display: none }



.menu ul ul ul {



    top: 0px !important;



    left: 180px;



    margin-top: 0px !important;



}



.menu ul li ul li ul { visibility: hidden !important }



.menu ul li ul li:hover ul { visibility: visible !important }







.promo-text {



    font-size: 25px;



    font-family: 'Monteserrat', sans-serif;



    font-weight: 300;



    color: #666;



    padding-left: 31px;



    padding-right: 30px;



    display: inline-block;



    border-bottom: 1px solid #eee;



    padding-bottom: 15px;



    -webkit-backface-visibility: hidden;



}



.promo-text-light {



    text-align: center;



    font-size: 25px;



    font-family: 'Monteserrat', sans-serif;



    font-weight: 300;



    color: #666;



    padding-left: 31px;



    padding-right: 30px;



    display: inline-block;



    border-bottom: 1px solid #f9f9f9;



    padding-bottom: 15px;



    -webkit-backface-visibility: hidden;



}



.button-blue-detalhe button{background: transparent;}



.fone-topo {

    top: 39px;

    left: 40px;

    text-align: center;

    font-weight: 600;

    color: #df3f32;

    font-size: 15px;

}



.center-line {



    width: 5px;



    margin: auto;



    border-radius: 50%;



    height: 5px;



    background: #00C0E1;



    margin-top: -3px;



    position: relative;



}







.promo-paragraph {



    padding:0 130px; 



    text-align:center;



    margin-top:15px;



    font-family: 'Monteserrat', sans-serif; 



    font-weight:300;



    line-height:1.5



}



.hi-icon {



    font-size: 46px;



    width: 100px;



    height: 100px;



    border-radius: 50%;



    text-align: center;



    position: relative;



    z-index: 1;



    color: #fff;



    line-height: 100px;



    border: 1px solid rgba(105, 113, 119, 0.1);



    margin:auto;



    display: block;



}



.hi-icon:after {



    pointer-events: none;



    position: absolute;



    width: 100%;



    height: 100%;



    border-radius: 50%;



    content: '';



    -webkit-box-sizing: content-box; 



    -moz-box-sizing: content-box; 



    box-sizing: content-box;



}



.hi-icon-effect .hi-icon {



    -webkit-transition: color 0.3s;



    -moz-transition: color 0.3s;



    transition: color 0.3s;



    background: #efefef;



}



.hi-icon-effect .hi-icon:after {



    top: -2px;



    left: -2px;



    padding: 2px;



    z-index: -1;



    background: #00C0E1;



    -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;



    -moz-transition: -moz-transform 0.2s, opacity 0.3s;



    transition: transform 0.2s, opacity 0.3s;



}



.hi-icon-effect .hi-icon {



    color: #00C0E1;



}



.hi-icon-effect:hover .hi-icon {



    color: #fff;



}



.hi-icon-effect .hi-icon:after {



    -webkit-transform: scale(1.3);



    -moz-transform: scale(1.3);



    -ms-transform: scale(1.3);



    transform: scale(1.3);



    opacity: 0;



}



.hi-icon-effect:hover .hi-icon:after {



    -webkit-transform: scale(1);



    -moz-transform: scale(1);



    -ms-transform: scale(1);



    transform: scale(1);



    opacity: 1;



}



.time-name {



    text-align: center;



    font-size: 20px;



    font-family: 'Monteserrat', sans-serif;



    line-height: 70px;



    font-weight: 300;



    outline: none;



}







.time-name a.active .title-prod {



  border: 1px solid #d5f9f7;



  width: 80%;



  padding: 5px 21px;



  color: #72bf57;



}







.time:focus {



    outline: none;



}



.service-text {



    text-align: center;



    font-family: 'Monteserrat', sans-serif;



    font-weight: 300;



    margin-top:-7px;



}



.container-color {



    background: #fafafa;



    padding: 50px 0; 



    border-top:1px solid #f2f2f2;



}



.grid figure {



    margin: 0;



    position: relative;



}



.grid figure img {



    max-width: 100%;



    display: block;



    position: relative;



}



.grid figcaption {



    position: absolute;



    top: 0;



    left: 0;



    padding: 15px;



    background: #00C0E1;



    color: #fff;



    font-family: 'Monteserrat', sans-serif;



    font-weight: 300;



}



.grid figcaption h3 {



    margin: 0;



    padding: 0;



    color: #fff;



    font-family: Raleway;



    font-size:21px;



    padding-bottom: 5px;



}



.grid figcaption span:before {



    content: 'by ';



}



.hover-3 figure {



    overflow: hidden;



}



.hover-3 figure img {



    -webkit-transition: -webkit-transform 0.4s;



    -moz-transition: -moz-transform 0.4s;



    transition: transform 0.4s;



}



.hover-3 figure:hover img, .hover-3 figure.cs-hover img {



    -webkit-transform: translateY(-20px);



    -moz-transform: translateY(-20px);



    -ms-transform: translateY(-20px);



    transform: translateY(-20px);



}



.hover-3 figcaption {



    height: 83px;



    width: 100%;



    top: auto;



    bottom: 0;



    opacity: 0;



    -webkit-transform: translateY(100%);



    -moz-transform: translateY(100%);



    -ms-transform: translateY(100%);



    transform: translateY(100%);



    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;



    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;



    transition: transform 0.4s, opacity 0.1s 0.3s;



}



.hover-3 figure:hover figcaption, .hover-3 figure.cs-hover figcaption {



    opacity: 1;



    -webkit-transform: translateY(0px);



    -moz-transform: translateY(0px);



    -ms-transform: translateY(0px);



    transform: translateY(0px);



    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;



    -moz-transition: -moz-transform 0.4s, opacity 0.1s;



    transition: transform 0.4s, opacity 0.1s;



}



.hover-3 figcaption a {



    position: absolute;



    bottom: 25px;



    right: 15px;



}



.portfolio-search {



    border: 1px solid #fff;



    text-align: center;



    margin-top: -24px;



    padding: 4px;



    border-radius:2px;



    padding-top:2px;



    color:#fff;



    animation: krasnaya 1s linear 1s infinite alternate;



    -webkit-animation: krasnaya 1s linear 1s infinite alternate;



    -moz-animation:krasnaya 1s linear 1s infinite alternate;



}



.portfolio-search i {



    font-size: 20px;



}



.portfolio-search:hover {



    background: rgba(255,255,255,0.3);



    color:#fff;



}



.portfolio-attach {



    border: 1px solid #fff;



    text-align: center;



    margin-top: -24px;



    padding: 4px;



    border-radius:2px;



    padding-top:2px;



    color:#fff;



    margin-right: 47px;



}



@keyframes krasnaya { 



    0% { border: 1px solid #fff }



    100% { border: 1px solid #00C0E3 }



}



@-webkit-keyframes krasnaya { 



    0% { border: 1px solid #fff }



    100% { border: 1px solid #00C0E3 }



}



@-moz-keyframes krasnaya { 



    0% { border: 1px solid #fff }



    100% { border: 1px solid #00C0E3 }



}



.portfolio-attach i { font-size: 20px }



.portfolio-attach:hover {



    background: rgba(255,255,255,0.3);



    color: #fff;



}



.prl-1 {



    background: url(../images/parallax.jpg) 50% 10% no-repeat fixed;



    color: #fff;



    min-height: 310px;



    height: 100%;



}



.prlx {



    background-color: rgba(105, 113, 119, 0.45);



    min-height: 310px;



    max-height: 100%;



}



.prl-2 {



    background: url(../images/parallax.jpg) 50% 50% no-repeat fixed;



    color: #fff;



    min-height: 300px;



    height: 100%;



}



.prlx-2 {



    background-color: rgba(105, 113, 119, 0.45);



    min-height: 300px;



    max-height: 100%;



}



.prl-3 {



    background: url(../images/parallax3.jpg) 50% 50% no-repeat fixed;



    color: #fff;



    min-height: 70px;



    height: 100%;



}



.prlx-3 {



    background-color: rgba(0, 0, 0, 0.1);



    min-height: 70px;



    max-height: 100%;



}



.index_4_prev {



    background: transparent;



    border: 1px solid  transparent;



}



.index_4_next {



    background: transparent;



    border: 1px solid  transparent;



}



.index_4_prev:hover {



    border: 1px solid #00C0E1;



    background: transparent;



}



.index_4_next:hover {



    border: 1px solid #00C0E1;



    background: transparent;



}



.list-check { margin-top: 17px }



.list-check li {



    font-family: 'Monteserrat', sans-serif;



    font-size: 14px;



    font-weight: 300;



    line-height: 2;



}



.list-check li  i {



    color: #00C0E1;



    font-size: 16px;



    padding-right: 5px;



}



.blog-images img { width: 100% }



.blog-icon {



    margin-top: 12px;



    float: left;



    -webkit-backface-visibility: hidden;



}



.blog-icon i {



    font-size: 33px;



    color: #00C0E1;



    border-right: 1px solid #f1f1f1;



    padding-right: 10px;



}



.blog-name {



    float: left;



    margin-top: 12px;



    margin-left: 10px;



    font-weight: 300;



    -webkit-backface-visibility: hidden;



}



.blog-name a {



    font-family: raleway;



    font-size: 16px;



    color: #565656;



    font-weight: 300;



}



.blog-name a:hover {



    color: #00C0E1;



    text-decoration: none;



}



.blog-desc {



    float: left;



    margin-left: 10px;



    margin-top: 5px;



    color: #aaa;



    font-size: 11px;



    font-family: 'Monteserrat', sans-serif;



    font-weight: 300;



    -webkit-backface-visibility: hidden;



}



.blog-desc a{



    color: #aaa;    



    font-size: 11px;



    font-family: 'Monteserrat', sans-serif;



    font-weight: 300;



}



.blog-desc a:hover{



    text-decoration: underline;



}



.footer {

    clear: both;

    margin-top: 30px;

}







.footer h2{



    color: #000;



    font-size: 15px !important;



    text-transform: uppercase;



    font-weight: 700;



    margin-bottom: 25px;



    text-align: left;



    font-style: italic;



}





.contact-footer{



    display: inline-block;



    float: left;



    width: 100%;



}







.content-contact{padding: 0 70px; margin-bottom: 50px;}







.contact-address h3{



    font-size: 17px;



    float: left;



    color: #353535;



    padding: 15px;



}







.contact-address{



    font-size: 16px;



    font-weight: 600;



    line-height: 36px;



    margin-top: 50px;



    padding: 0;



}





.servicos-home{text-align: center;}



.servicos-home p {

    font-size: 18px;

    color: #000;

    font-family: 'Montserrat';

}

.servicos-home p strong{color: #00923f; font-family: 'Montserrat';}







.contact-footer li {



    font-size: 15px;



    font-weight: 400;



    float: left;



    display: inline-flex;



    color: #000;



    float: none;



    text-align: left;



    padding: 0;



    margin-bottom: 20px;



    line-height: 15px;



}







.content-itens-footer{



    border-right: 2px solid #fff; 



    min-height: 155px; 



    text-align: center;



    padding-top: 10px



}







.content-itens-footer:last-child{border: none;}







.menu-footer li{



    text-align: left;



}







.quem-somos h3{font-size: 20px; text-align: left; }







.menu-footer li a{



    font-size: 13px;

    font-weight: 600;

    display: block;

    color: #000;

    float: none;

    margin-bottom: 10px;

    letter-spacing: 1px;

    font-style: italic;



}







.contact-footer li a { color: #555 }



.contact-footer li i {    

    font-size: 14px;

    color: #df3f32;

    margin-right: 4px;

}



.tags-footer li a {



    color: #666;



    background: rgba(50,50,50,0.1);



    display: block;



    float: left;



    font-size: 13px;



    line-height: 1;



    margin-bottom: 8px;



    margin-right: 8px;



    padding: 6px 10px;



    font-family: 'Monteserrat', sans-serif;



    font-weight: 300;



    border-radius: 2px;



}



.tags-footer li a:hover{



    background: rgba(50,50,50,0.2);



    color:#555;



    text-decoration: none;



}



.flickr_widget_wrapper a {



    display: block;



    position: relative;



    z-index: 10;



    float: left;



    width: 90px;



    height: 90px;



}



.flickr_widget_wrapper a .flickr_border {



    display: block;



    position: absolute;



    z-index: 15;



    left: 0;



    top: 0;



}



.flickr_widget_wrapper:hover .flickr_badge_image {



    opacity: 0.3;



    opacity 350ms;



    -webkit-transition: opacity 350ms;



}



.flickr_widget_wrapper:hover .flickr_badge_image:hover {



    opacity: 1;



    opacity 350ms;



    -webkit-transition: opacity 350ms;



}



.flickr_badge_image img { border-radius: 2px }



.soc-footer { margin: 0px }



.soc-footer li {



    font-size: 21px;



    margin-right: 7px;



    float: left;



    line-height: 35px;



}



.soc-footer li a {



    color: rgba(50,50,50,0.2);



    display: inline-block;



}



.soc-footer li a:hover {



    color: rgba(50,50,50,0.5);



    text-decoration: none;



}



.footer-bottom {



    font-size: 14px;



    font-weight: 300;



    color: #fff;



    padding: 15px 0;



}







.slick-track{margin: 0 auto;}







.footer-bottom a { color: #fff; font-weight: bold; }



.footer-bottom span { float: right; }



.foot_menu { float: right }



.foot_menu ul li {



    float: left;



    padding-left: 5px;



    list-style: none;



    font-family: "Montserrat", sans-serif;



}



.foot_menu ul li a {



    font-family: 'Monteserrat', sans-serif;



    font-size: 12px;



    font-weight: 300;



    color: #777;



    text-decoration: none;



}



.foot_menu ul li a:hover { text-decoration: underline }



.foot_menu li:after { content: " " }



.foot_menu li:not(:last-of-type):after {



    padding-left: 5px;



    content: "|";



}



.quote { text-align: center }



.quote i {



    font-size: 43px;



    color: #fff;



}



.flexslider { position: relative }



.testi-slider .flex-direction-nav {



    display: none;



    text-indent: -9999px;



}



.testi-slider .flex-control-nav {



    bottom: -55px;



    position: absolute;



    text-align: center;



    width: 100%;



    display: table;



}



.testi-slider .flex-control-nav li {



    display: inline-block;



    zoom: 1;



    margin-right: 3px;



}



.testi-slider .flex-control-paging li a {



    padding: 0;



    text-indent: -99999px;



    width: 10px;



    height: 10px;



    -webkit-border-radius: 50%;



    border-radius: 50%;



    background: none;



    border: 1px solid rgba(255,255,255,0.7);



    display: inline-block;



    cursor: pointer;



}



.testi-slider .flex-control-paging li a:hover {



    background: rgba(255,255,255,0.5);



    border: solid 1px rgba(255,255,255,0.7);



}



.testi-slider .flex-control-paging li a.flex-active {



    background: rgba(255,255,255,0.5);



    border: solid 1px rgba(255,255,255,0.7);



    cursor: default;



}



.testi-text {



    text-align: center;



    font-size: 19px;



    font-family: 'Monteserrat', sans-serif;



    font-weight: 300;



    margin-top: 20px;



    padding: 0 55px;



    line-height: 1.6;



}



.testi-author {



    text-align: center;



    margin-top: 25px;



    font-family: raleway;



    font-size: 14px;



    color: #eee;



}



.slides:after {



    clear: both;



    content: "";



    display: block;



    height: 0px;



    line-height: 0px;



    visibility: hidden;



}



.about-text {



    line-height: 1.7;



    font-size: 14px;



    font-family: 'Monteserrat', sans-serif;



    font-weight: 300;



}



.first-letter {



    font-size: 21px;



    color: #fff;



    border-radius: 2px;



    float: left;



    background: #00C0E1;



    padding: 3px 9px;



    margin-top: 3px;



    margin-right: 10px;



}



#reset {



    position: absolute;



    margin-top: -26px;



    margin-left: 168px;



    padding: 0px 4px;



    -webkit-border-radius: 2px;



    -moz-border-radius: 2px;



    border-radius: 2px;



    background: #ccc;



    color: #555;



    font-weight: 400;



    font-size: 10px;



    font-family: 'Monteserrat', sans-serif;



    font-weight: 300;



}



#style-switcher {



    position: fixed;



    top: 20%;



    z-index: 99999999;



    color: #fff;



}



#switcher-head {



    position: relative;



    margin: 0;



    padding-left: 20px;



    width: 270px;



    height: 40px;



    background-color: rgba(56, 63, 68, 0.9);



    color: #fff;



    font-size: 15px;



    line-height: 40px;



    cursor: pointer;



    font-family: 'Monteserrat', sans-serif;



    font-weight: 300;



}



#switcher-head:before {



    position: absolute;



    left: 234px;



    overflow: hidden;



    color: #fff;



    content: '\e814';



    font-size: 28px;



    font-family: fontello;



    -webkit-font-smoothing: antialiased;



}



#switcher-content {



    overflow: hidden;



    padding: 0px 0 0px 0px;



    width: 225px;



    background-color: rgba(56, 63, 68, 0.78);



}



#switcher-content .el {



    padding-top: 5px;



    padding-right: 10px;



    padding-bottom: 5px;



    padding-left: 10px;



    border-top: 1px solid #414141;



    border-bottom: 1px solid #232323;



}



#switcher-content select {



    width: 100%;



    height: 23px;



    outline: none;



    border: 1px solid #EDEDED;



    background-color: #ffffff;



    color: #353535;



    font-size: 13px;



    font-family: 'Monteserrat', sans-serif;



    font-weight: 300;



}



#switcher-content .sub-head { margin-bottom: 10px }



#switcher-content ul {



    overflow: hidden;



    margin-top: 5px;



    margin-left: 5px;



    padding: 0px;



}



#switcher-content li {



    float: left;



    margin: 0 8px 6px 0;



    list-style-type: none;



}



#switcher-content img {



    display: block;



    width: 30px;



    height: 30px;



    border-radius: 4px;



}



#switcher-content {



    -webkit-border-bottom-right-radius: 6px;



    border-bottom-right-radius: 6px;



    moz-border-bottom-right-radius: 6px;



}



#switcher-content form { margin: 0 }



.color-default { background: #d2d1d0 }



.switcher strong { color: inherit }



.switcher-head span { margin-left: 15px }



.switcher-body {



    position: relative;



    padding: 15px;



}



.switcher-trigger {



    position: absolute;



    top: 0;



    right: -40px;



    left: auto;



    width: 40px;



    height: 40px;



    -webkit-border-radius: 0 4px 4px 0;



    -moz-border-radius: 0 4px 4px 0;



    border-radius: 0 4px 4px 0;



    background-color: #333;



    text-align: center;



    font-size: 24px;



}



.switcher ul.switcher-op-selectors { margin: 0 -5px -5px 0 }



ul.switcher-op-selectors li  a {



    float: left;



    margin-top: 1px;



    width: 30px;



    height: 30px;



    border-radius: 4px;



}



.button_switch li a {



    float: left;



    padding: 6px 16px;



    background: #99cc66;



    color: #f1f1f1;



    font-weight: 100;



    font-size: 14px;



    font-family: 'Monteserrat', sans-serif;



    font-weight: 300;



}



.button_switch li a.active {



    background: #f1f1f1;



    color: #99cc66;



}



.button_switch li a:hover {



    background: #f1f1f1;



    color: #99cc66;



    text-decoration: none;



}



.star {



    font-size: 10px;



    font-family: 'Monteserrat', sans-serif;



    font-weight: 300;



}



.section {



    font-family: 'Monteserrat', sans-serif;



    font-weight: 300;



}



.hr-swith {



    margin-top: 20px;



    margin-bottom: 20px;



    border: 0;



    border-top: 1px solid #999;



}



.search-input input {



    float: right;



    position: absolute;



    top: 35px;



    z-index: 999999;



    right: 15px;



    background: #fff;



    height: 30px;



    color: #555;



    font-size: 13px;



    padding: 3px 10px;



    border-left: 1px solid #EEEEEE;



    border-right: 1px solid #EEEEEE;



    border-bottom: 1px solid #EEEEEE;



    width: 236px;



    outline: none;



    font-family: 'Monteserrat', sans-serif;



    font-weight: 300;



}



.search-active i { color: #00C0E1 }



.button-center {



    display: table;



    margin: auto;



}



.btn-simple {



    border: 1px solid #ddd !important;



    color: #555 !important;



    border-radius: 2px;



    background: #fff;



    font-size: 13px !important;



    padding: 10px 20px !important;



    display: inline-block;



    margin-top: 30px;



    font-family: roboto !important;



    font-weight: 300 !important;



    line-height: 20px !important;



    min-width: inherit !important;



    text-decoration: none;



}



.btn-simple:hover {



    background: #f7f7f7;



    text-decoration: none;



    color: #555;



}



.btn-simple:focus { text-decoration: none }



.cbp-l-inline-desc {



    font: 300 13px/21px "Roboto", sans-serif !important;



    color: #555 !important;



}



.cbp-l-inline-subtitle {



    font: 300 13px "Roboto", sans-serif !important;



    color: #666 !important;



}



.cbp-l-inline-title {



    font: 300 28px/28px "Roboto", sans-serif !important;



    color: #555 !important;



}



.cbp-l-inline { padding: 15px 0 !important }



.cbp-l-inline-left { width: 40% !important }



.cbp-popup-singlePageInline .cbp-popup-close {



    right: 0px !important;



    top: 0px !important;



    outline: none;



}



.cbp-popup-singlePageInline .cbp-popup-navigation { top: 24px !important }



.cbp-popup-wrap { z-index: 99999 !important }



.cbp-popup-lightbox .cbp-popup-next { outline: none }



.cbp-popup-lightbox .cbp-popup-prev { outline: none }



.view-fifth img {



    -webkit-transition: all 0.6s ease;



    -moz-transition: all 0.6s ease;



    -o-transition: all 0.6s ease;



    -ms-transition: all 0.6s ease;



    transition: all 0.6s ease;



    -webkit-backface-visibility: hidden;



}



.view-fifth .mask {



    background: #00C0E1;



    -webkit-transform: translateY(-300px);



    -moz-transform: translateY(-300px);



    -o-transform: translateY(-300px);



    -ms-transform: translateY(-300px);



    transform: translateY(-300px);



    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";



    filter: alpha(opacity=100);



    opacity: 1;



    -webkit-transition: all 0.6s ease-out;



    -moz-transition: all 0.6s ease-out;



    -o-transition: all 0.6s ease-out;



    -ms-transition: all 0.6s ease-out;



    transition: all 0.6s ease-out;



    -webkit-backface-visibility: hidden;



}



.view-fifth:hover .mask {



    -webkit-transform: translateY(0px);



    -moz-transform: translateY(0px);



    -o-transform: translateY(0px);



    -ms-transform: translateY(0px);



    transform: translateY(0px);



    -webkit-backface-visibility: hidden;



}



.view-fifth:hover img {



    -webkit-transform: translateY(-300px);



    -moz-transform: translateY(-300px);



    -o-transform: translateY(-300px);



    -ms-transform: translateY(-300px);



    transform: translateY(-300px);



    -webkit-backface-visibility: hidden;



}



.view {



    float: left;



    overflow: hidden;



    position: relative;



    text-align: center;



    cursor: default;



}



.view .mask, .view .content {



    width: 100%;



    height: 100%;



    position: absolute;



    overflow: hidden;



    top: 0;



    left: 0;



}



.view img {



    display: block;



    position: relative;



}



.btn-blog {



    border: 1px solid #fff;



    text-align: center;



    margin-top: 79px;



    padding: 10px 20px;



    border-radius: 2px;



    color: #fff;



    display: inline-block;



    font-family: 'Monteserrat', sans-serif;



}



.btn-blog:hover {



    background: rgba(255,255,255,0.3);



    color: #fff;



    text-decoration: none;



}



.copyright { display: block; text-align: center; color: #a2a2a2; }



.cbp-l-inline { margin-top: 0px }



.page-in {



    border-top: 1px solid #eee;



    border-bottom: 1px solid #eee;



    padding: 25px 0;



    background: #f9f9f9;



}



.cbp-l-filters-button .cbp-filter-item {



    background-color: #FFF;



    border: 1px solid #ddd;



    border-radius: 2px;



    color: #555;



    cursor: pointer;



    font: 300 13px/29px Roboto,sans-serif;



    margin-right: 5px;



    overflow: visible;



    padding: 0 15px;



    position: relative;



    -webkit-transition: all .3s ease-in-out;



    -moz-transition: all .3s ease-in-out;



    -o-transition: all .3s ease-in-out;



    transition: all .3s ease-in-out;



    display: block;



    float: left;



    outline: none;



    margin-top: -3px;



}



.cbp-l-filters-button .cbp-filter-item-active {



    background-color: #00C0E1;



    color: #fff !important;



    border-color: #00C0E1;



}



.cbp-l-filters-button .cbp-filter-counter {



    background-color: #00C0E1;



    border-radius: 2px;



    color: #fff;



    font: 300 11px/18px Roboto,sans-serif;



    margin: 0 auto;



    padding: 4px 0;



    text-align: center;



    width: 34px;



    position: absolute;



    bottom: 0;



    left: 0;



    right: 0;



    -ms-filter: "alpha(Opacity=0)";



    opacity: 0;



    -webkit-transition: opacity .25s ease,bottom .25s ease;



    -moz-transition: opacity .25s ease,bottom .25s ease;



    -o-transition: opacity .25s ease,bottom .25s ease;



    transition: opacity .25s ease,bottom .25s ease;



}



.cbp-l-filters-button .cbp-filter-counter:before {



    content: "";



    position: absolute;



    bottom: -4px;



    left: 0;



    right: 0;



    margin: 0 auto;



    width: 0;



    height: 0;



    border-left: 4px solid transparent;



    border-right: 4px solid transparent;



    border-top: 4px solid #00C0E1;



    visibility: hidden;



}



.page-in-name {



    font-size: 23px;



    font-weight: 100;



}



.page-in-name span { color: #00C0E1 }



.page-in-bread {



    float: right;



    font-weight: 300;



    line-height: 30px;



    font-size: 11px;



}



.page-in-bread span { font-size: 11px }



.page-in-bread a {



    color: #00C0E1;



    display: inline-block;



}



.portfolio-item li {



    padding: 7px 0;



    border-bottom: 1px solid #eee;



    color: #666;



    font-weight: 300;



}



.portfolio-item-text {



    color: #666;



    font-weight: 300;



}



.btn-item {



    padding: 5px 10px;



    background: #fff;



    border-radius: 2px;



    border: 1px solid #ddd;



    color: #666;



    margin-top: 15px;



    display: inline-block;



    font-weight: 300;



}



.btn-item:hover {



    color: #00C0E1;



    text-decoration: none;



}



.item-heart {



    display: table;



    margin: auto;



    margin-top: 16px;



}



.item-heart i {



    color: #00C0E1;



    font-size: 20px;



}



.item-heart i:hover {



    background: #fff;



    border: 1px solid #ddd;



    border-radius: 2px;



    padding: 1px;



    cursor: pointer;



}



.cbp-caption-zoom .cbp-caption-activeWrap { background-color: rgba(0,192,227,0.96) }



.cbp-l-caption-title {



    color: #fff;



    font: 400 18px/18px sans-serif;



    font-family: 'Monteserrat', sans-serif;



    margin-bottom: 10px;



    text-align: left;



}







.cbp-l-caption-title span{



    float: right;



}







.cbp-l-caption-desc {



    color: #fff;



    font: 400 13px/16px sans-serif;



    text-align: left;



}



.cl-blog-img { display: inline-block }



.cl-blog-img img { width: 100% }



.cl-blog-naz { margin-top: 20px }



.cl-blog-name {



    padding-left: 75px;



    font-size: 19px;



    font-weight: 300;



    font-family: "Montserrat", sans-serif;



}



.cl-blog-name a {



    color: #565656;



    display: inline-block;



}



.cl-blog-name a:hover {



    color: #00C0E1;



    text-decoration: none;



}



.cl-blog-type {



    float: left;



    color: #00C0E1;



    font-size: 37px;



    border-right: 1px solid #eee;



    padding-right: 10px;



}



.cl-blog-detail {



    margin-left: 75px;



    margin-top: 5px;



    font-size: 12px;



    font-weight: 300;



    color: #999;



}



.cl-blog-detail a {



    color: #777;



    display: inline-block;



}



.cl-blog-text {



    float: left;



    margin-top: 15px;



    margin-left: 75px;



    line-height: 1.6;



    color: #555;



    font-weight: 300;



}



.cl-blog-read {



    border: 1px solid #eee;



    float: left;



    padding: 8px 12px;



    border-radius: 2px;



    font-weight: 300;



    margin-left: 75px;



    margin-top: 20px;



}



.cl-blog-read a {



    color: #666;



    display: inline-block;



}



.cl-blog-read a:hover {



    color: #00C0E1;



    text-decoration: none;



}



.cl-blog-line {



    width: 100%;



    border-top: 1px solid #eee;



    float: left;



    margin: 50px 0;



}



.pride_pg { float: left }



.pride_pg .current {



    padding: 5px 10px;



    border-radius: 2px;



    color: #00C0E1;



    font-size: 12px;



    border: 1px solid #00C0E1;



    font-weight: 300;



    margin-right: 3px;



}



.pride_pg a {



    padding: 5px 10px;



    border-radius: 2px;



    color: #555;



    text-decoration: none;



    border: 1px solid #eee;



    font-size: 12px;



    font-weight: 300;



    margin-right: 3px;



}



.pride_pg a:hover {



    color: #00C0E1;



    border: 1px solid #00C0E1;



}



.car_icon {



    position: absolute;



    top: 50%;



    left: 50%;



    z-index: 5;



    display: inline-block;



    font-size: 30px;



}



.promo-text-blog:first-child { margin-top: -5px }



.promo-text-blog {



    font-size: 18px;



    font-family: 'Monteserrat', sans-serif;



    font-weight: 300;



    color: #666;



    padding-bottom: 15px;



    margin-top: 30px;



}



.blog-search {



    border: 1px solid #eee;



    padding: 7px 10px;



    width: 100%;



    color: #666;



    font-weight: 300;



    outline: none;



}



.blog-category li {



    border-bottom: 1px solid #eee;



    padding: 7px 0;



}



.blog-category li i {



    color: #00C0E1;



    font-size: 18px;



}



.blog-category li a {



    color: #666;



    display: inline-block;



    font-weight: 300;



    padding-left: 5px;



}



.text-widget {



    color: #666;



    font-weight: 300;



}



.tags-blog li {



    display: inline-block;



    padding: 5px 10px;



    border: 1px solid #eee;



    border-radius: 2px;



    margin-right: 5px;



    margin-bottom: 8px;



}



.tags-blog li a {



    color: #666;



    font-weight: 300;



}



.tags-blog li a:hover {



    color: #00C0E1;



    text-decoration: none;



}



.tags-blog-single {



    display: inline-block;



    margin-top: 35px;



}



.author-bio { margin-top: 30px }



.img-author { float: left }



.name-author {



    display: inline-block;



    font-size: 19px;



    font-weight: 300;



    margin-left: 20px;



    margin-top: -5px;



}



.text-author {



    margin-left: 100px;



    font-weight: 300;



    margin-top: 5px;



    font-size: 12.5px;



}



.soc-blog { float: right }



.soc-blog li {



    float: left;



    font-size: 17px;



    width: 35px;



    height: 30px;



    line-height: 30px;



    text-align: center;



    background: #fff;



    border: 1px solid #eee;



    border-radius: 2px;



    margin-right: 5px;



}



.soc-blog li a { color: #797979 }



.soc-blog li a:hover { color: #00C0E1 }



.soc-blog-single {



    display: inline-block;



    float: right;



    margin-top: 35px;



}



.comm_name {



    font-size: 16px;



    color: #00C0E1;



    margin-top: -3px;



    font-weight: 300;



}



.comm_name span {



    font-size: 11px;



    color: #555;



}



.com_top { padding-top: 15px }



.comm {



    margin-top: 25px;



    display: block;



    font-size: 20px;



    font-weight: 300;



    color: #555;



    margin-bottom: 30px;



}



.text_cont { font-weight: 300 }



.comment {



    padding: 30px 0;



    float: left;



}



.comment-inner {



    margin-top: 20px;



    margin-bottom: 20px;



    margin-left: 130px;



    float: left;



}



.img_comm {



    float: left;



    margin-right: 50px;



    width: 80px;



    height: 80px;



    border-radius: 2px;



    margin-bottom: 10px;



}



.cl-blog-line-com {



    width: 100%;



    border-top: 1px solid #eee;



    float: left;



    margin: 25px 0;



}



.input-def {



    border: 1px solid #eee;



    padding: 7px 10px;



    width: 50%;



    margin-bottom: 10px;



    outline: none;



}



.input-def-textarea {



    border: 1px solid #eee;



    padding: 5px 10px;



    width: 65%;



    margin-bottom: 10px;



    outline: none;



}



.btn-default {



    border-radius: 2px;



    border: 1px solid #eee;



    font-weight: 300;



    font-family: 'Monteserrat', sans-serif;



    font-size: 13px;



    outline: none !important;



}



.btn-default:hover {



    background: rgba(230,230,230,0.5);



    border: 1px solid #eee;



}



.introduction img { max-width: 100% }



.intro-name {



    font-size: 21px;



    text-align: center;



    padding: 15px 0 8px 0;



    font-weight: 300;



}



.intro-desc {



    font-weight: 300;



    text-align: center;



    color: #777;



}



.about-us img { max-width: 100% }



.about-name {



    font-size: 18px;



    font-weight: 300;



}



.about-desc {



    font-weight: 300;



    color: #666;



    font-size: 13px;



    margin-top: 5px;



}



.about-texts {



    margin-top: 15px;



    color: #999;



    font-weight: 300;



    line-height: 1.6;



    font-size: 14px;



}



.about-desc span {



    margin-top: 10px;



    display: block;



    font-size: 13px;



    font-weight: 300;



}



.prog-name {



    display: inline;



    font-size: 15px;



    font-weight: 300;



}



.prog-per {



    float: right;



    display: inline-block;



    font-size: 15px;



    font-weight: 300;



}



.progress-per { display: inline }



.progress {



    height: 25px;



    background-color: #eee;



    border-radius: 2px;



    -webkit-box-shadow: none;



    box-shadow: none;



    margin-top: 5px;



    margin-bottom: 30px;



}



.progress-bar {



    -webkit-box-shadow: none;



    box-shadow: none;



    line-height: 25px;



}



.soc-about { margin-top: 18px }



.soc-about li {



    float: left;



    font-size: 17px;



    width: 35px;



    height: 35px;



    line-height: 35px;



    text-align: center;



    background: #fff;



    border: 1px solid #eee;



    border-radius: 2px;



    margin: 0px 2px 2px 2px;



}



.soc-about li a { color: #999 }



.soc-about li a:hover { color: #00C0E1 }



.fact-icon {



    text-align: center;



    color: #00C0E1;



    font-size: 50px;



}



.fact-numb {



    text-align: center;



    margin-top: 18px;



    font-size: 27px;



}



.fact-name {



    margin-top: 7px;



    text-align: center;



    font-size: 14px;



    font-weight: 300;



}



.progress-bar-info { background-color: #00C0E1 }



.clients div span { float: left }



.clients div span a { opacity: 0.6 }



.clients div span a:hover { opacity: 0.9 }



.clients div span img { max-width: 95% }



.serv-marg { margin-top: 20px }



.serv-marg i {



    color: #00C0E1;



    font-size: 15px;



}



.serv-testim {



    margin-top: 0px;



    padding: 0px;



}



.serv-author {



    color: #666;



    margin-bottom: -10px;



}



.serv-icon {



    float: left;



    font-size: 30px;



    padding-right: 15px;



}



.serv-icon i { color: #00C0E1 }



.serv-name {



    line-height: 44px;



    font-weight: 300;



    font-size: 16px;



}



.serv-desc {



    margin-top: 5px;



    font-weight: 300;



}



.other-serv { margin-bottom: 20px }



.input-cont {



    border: 1px solid #eee;



    padding: 7px 10px;



    width: 100%;



    margin-bottom: 10px;



    outline: none;



}











.form-control {



    border-bottom: 1px solid #777777;



    color: #999999;



    font-weight: 600;



    padding: 10px 0;



    width: 100%;



    outline: none;



    box-shadow: none;



    border-radius: 0;



    transition: none;



    border-top: 0; 



    border-left: 0;



    border-right:  0; 



    height: 50px;



}







.content-portal{float: none; margin: 0 auto; margin-bottom: 120px;}







.content-portal .itens{text-align: center;}







.content-portal h2{



    text-align: center;



    margin: 70px 0 35px 0;



}







.content-portal .itens div{background: #ca1d2c; 



    position: relative;  



    text-align: center; 



    min-height: 175px; 



    float: none; 



    display: inline-grid; 



    margin-bottom: 3px;



    padding: 6% 5%;



}







.content-portal .itens div:hover{



    background: #96000d;



        -webkit-transition: all 0.3s ease;



    -moz-transition: all 0.3s ease;



    -ms-transition: all 0.3s ease;



    -o-transition: all 0.3s ease;



    transition: all 0.3s ease;



}







.content-portal a{



    font-size: 30px;



    font-weight: 800;



    color: #fff;



    margin-top: 100px;



    text-transform: uppercase;



}







.contato, .quem-somos, .servicos, .prod-detalhes{margin-top: 60px;}







.contato .button-red{width: 150px; text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 800; margin-top: 25px;}







.contato #mensagem{



    height: 100px;



}







.form-control::placeholder{



    color: #000;



}







.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */



  color: #000;



}



.form-control::-moz-placeholder { /* Firefox 19+ */



  color: #000;



}



.form-control:-ms-input-placeholder { /* IE 10+ */



  color: #000;



}



.form-control:-moz-placeholder { /* Firefox 18- */



  color: #000;



}







.soc-contacts { margin: 0px }



.soc-contacts li {



    font-size: 23px;



    margin-right: 7px;



    float: left;



    line-height: 35px;



}



.soc-contacts li a {



    color: rgba(50,50,50,0.3);



    display: inline-block;



}



.soc-contacts li a:hover {



    color: rgba(50,50,50,0.6);



    text-decoration: none;



}



.main_pad {



    padding: 60px 0 130px 0;



    text-align: center;



    margin-top: 50px;



}



.oops {



    font-size: 125px;



    font-weight: 300;



    color: #00C0E1;



}



.main_pad p {



    font-size: 18px;



    font-weight: 300;



}



.ac-container {



    width: 100%;



    margin: 10px auto 30px auto;



    text-align: left;



}



.ac-container label {



    padding: 5px 20px;



    position: relative;



    z-index: 20;



    display: block;



    cursor: pointer;



    color: #555;



    font-weight: 300;



    line-height: 33px;



    background: #ffffff;



    font-weight: 300;



    font-size: 14px;



    border-top: 1px solid #eee;



    border-left: 1px solid #eee;



    border-right: 1px solid #eee;



}



.ac-container div:last-child label { border-bottom: 1px solid #eee }



.ac-container label:hover {



    background: #f9f9f9;



    color: #00C0E1;



    transition: color 400ms;



    -webkit-transition: color 400ms;



    -moz-transition: color 400ms;



    -o-transition: color 400ms;



}



.ac-container input:checked + label, .ac-container input:checked + label:hover {



    background: #f9f9f9;



    color: #00C0E1;



}



.ac-container label:hover:after, .ac-container input:checked + label:hover:after {



    content: '';



    position: absolute;



    width: 24px;



    height: 24px;



    right: 13px;



    top: 7px;



    background: transparent url(../img/arrow_down.png) no-repeat center center;



}



.ac-container input:checked + label:hover:after { background-image: url(../img/arrow_up.png) }



.ac-container input { display: none }



.ac-container article {



    margin-top: -5px;



    overflow: hidden;



    height: 0px;



    position: relative;



    z-index: 10;



    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;



    -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;



    -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;



    -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;



    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;



}



.ac-container article p {



    color: #555;



    line-height: 23px;



    padding: 20px;



    font-weight: 300;



}



.ac-container input:checked ~ article {



    border-top: 1px solid #eee;



    border-left: 1px solid #eee;



    border-right: 1px solid #eee;



}



.ac-container input:checked ~ article.ac-small { height: 140px }



.ac-container input:checked ~ article.ac-medium { height: 180px }



.ac-container input:checked ~ article.ac-large { height: 230px }



.ac-container div:last-child input:checked ~ article { border: 1px solid #eee }



.plan .price span {



    display: block;



    font-weight: 300;



    font-size: 11px;



    margin-top: 0px;



    color: #c0c0c0;



}



.plan .signup {



    padding: 20px 0px;



    text-align: center;



    border-top: 1px solid #f2f2f2;



    border-bottom: 3px solid #f6f6f6;



}



.plan ul {



    margin: 0 !important;



    list-style: none !important;



    padding: 0 !important;



    background: #ffffff;



    font-weight: 300;



}



.plan li {



    font-size: 12px;



    padding: 10px 0px;



    text-align: center;



    background: #f9f9f9;



}



.plan {



    text-align: center;



    border-top: 1px solid #eee;



    border-right: 1px solid #eee;



    border-bottom: 1px solid #eee;



    border-left: 1px solid #eee;



    margin-right: -30px;



}



.plan:hover {



    background: #f9f9f9;



    border: 5px solid #eee !important;



    margin-left: -5px;



    margin-top: -4px;



    transition: all 0.2s linear;



    -moz-transition: all 0.2s linear;



    -webkit-transition: all 0.2s linear;



    -o-transition: all 0.2s linear;



}



.featured {



    background: #fcfcfc;



    border: 5px solid #eee !important;



    margin-left: -5px;



    margin-top: -4px;



}



.plan h3 {



    font-weight: 400;



    font-size: 16px;



    padding: 20px 0 10px 0;



    margin: 0;



    border-bottom: 1px solid #eee;



}



.plan.featured h3 {



    font-size: 16px;



    color: #00C0E1;



    border-bottom: none;



}



.plan .price {



    display: block;



    font-size: 54px;



    line-height: 38px;



    font-weight: 300;



    padding: 10px 0px 10px 0px;



    border-bottom: 1px solid #eee;



}



.plan.featured .signup { border-top: 1px solid #f2f2f2 }



.two_plan { background: #fff !important }



.plan li:last-child { background: none }



.pricing-table .plan:first-child { border-left: 1px solid #eee !important }



.plan.featured .price { color: #00C0E1 }



.btn-price {



    color: #fff;



    background-color: #00C0E1;



    border-color: #00C0E1;



    font-weight: 300;



}



.btn-price:hover {



    color: #00C0E1;



    background-color: #fff;



    border-color: #00C0E1;



}



.shortcode_tabs .all_heads_cont {



    display: block;



    overflow: hidden;



    position: relative;



    z-index: 5;



    padding-bottom: 1px;



}



.shortcode_tab_item_title {



    border: #eee 1px solid;



    border-bottom: none;



    margin: 50px 5px 0 0;



    min-height: 18px;



    display: inline-block;



    float: left;



    padding: 13px 15px;



    line-height: 18px;



    font-size: 14px;



    cursor: pointer;



    font-weight: 400;



    position: relative;



    background: #fff;



    transition: color 400ms;



    -webkit-transition: color 400ms;



    -moz-transition: color 400ms;



    -o-transition: color 400ms;



    font-weight: 300;



}



.all_body_cont {



    background: #fff;



    border: 1px solid #eee;



    margin-top: -2px;



    display: block;



    padding: 20px;



    line-height: 23px;



}



.shortcode_tab_item_body.active { display: block }



.shortcode_tab_item_body h4 { margin-top: 10px }



.shortcode_tab_item_body { display: none }



.shortcode_tab_item_body { display: none }



.shortcode_tab_item_title.active {



    background: #f9f9f9;



    border-bottom: 1px solid #eee;



    color: #00C0E1;



}



.shortcode_tab_item_title:hover {



    background: #f9f9f9;



    color: #00C0E1;



}



.alert {



    font-size: 13px;



    margin-top: 10px;



    margin-bottom: 10px;



    padding: 10px;



    font-weight: 300;



}



form .alert {



    margin-bottom: 20px; 



    margin-top: 0px;



}



.tooltip_s { color: #00C0E1 }



.tooltip_s:hover { color: #00C0E1 }



.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td { border: 1px solid #eee }



.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { border-top: 1px solid #eee }



.table-bordered { border: 1px solid #eee }



.btn-lg {



    font-size: 18px !important;



    border-radius: 2px;



}



.btn {



    font-size: 13px;



    font-weight: 300;



    border-radius: 2px;



}



.btn-sm {



    font-size: 12px !important;



    border-radius: 2px;



}



.btn-xs {



    font-size: 12px !important;



    border-radius: 2px;



}



.btn-info {



    background-color: #00C0E1;



    border: none;



    outline: none;



}



.btn-primary {



    background-color: #428bca;



    border: none;



    outline: none;



}



.btn-success {



    background-color: #5cb85c;



    border: none;



    outline: none;



}



.btn-warning {



    background-color: #f0ad4e;



    border: none;



    outline: none;



}



.btn-danger {



    background-color: #d9534f;



    border: none;



    outline: none;



}



.btn-violet {



    background-color: #9C52B9;



    border: none;



    color: #fff;



    outline: none;



}



.btn-violet:hover {



    background-color: #894CA2;



    color: #fff;



}



.btn-brown {



    background-color: #AA9570;



    border: none;



    color: #fff;



    outline: none;



}



.btn-brown:hover {



    background-color: #998665;



    border: none;



    color: #fff;



}



blockquote {



    font-weight: 300;



    font-size: 16px;



}



blockquote footer, blockquote small, blockquote .small { margin-top: 5px }



.font_icons {



    font-size: 16px;



    color: #666;



    line-height: 1.9;



    font-weight: 300;



}



.cbp-popup-singlePageInline .cbp-popup-close { background: transparent !important }



.cbp-popup-singlePageInline .cbp-popup-close:before {



    overflow: hidden;



    color: #CDCDCD;



    content: '\e831';



    font-size: 28px;



    font-family: "Montserrat", sans-serif;



    -webkit-font-smoothing: antialiased;



    top: -5px;



    position: relative;



}



.text_otz {



    border-left: 1px solid #eee;



    border-top: 1px solid #eee;



    border-right: 1px solid #eee;



    border-bottom: 1px solid #eee;



    margin-left: 100px;



    padding-top: 1px;



    padding: 10px;



    font-weight: 300;



    background: url(../ig/arrow_tes.png) no-repeat;



}



.auth { float: left }



.after_otz {



    margin-left: 100px;



    margin-top: 5px;



    font-weight: 300;



}



.after_otz b { font-weight: 400 }



.text_otz span {



    background: url(../img/arrow_tes.png) no-repeat;



    width: 9px;



    height: 9px;



    float: left;



    margin-left: -19px;



    margin-top: 5px;



}



.otz { margin-bottom: 35px }



.otz:last-child { margin-bottom: 0px }



.auth img {



    border-radius: 2px;



    width: 82px;



}



.testimonials { text-align: center }



.testimonials .carousel-indicators .active {



    background: rgba(255,255,255,0.5);



    border: solid 1px rgba(255,255,255,0.7);



    cursor: default;



    width: 9px;



    height: 9px;



    margin: 1px;



    -webkit-transition: all 0.25s linear;



    -moz-transition: all 0.25s linear;



    -o-transition: all 0.25s linear;



    transition: all 0.25s linear;



}



.testimonials .carousel-indicators li {



    background: none;



    border: 1px solid rgba(255,255,255,0.7);



    -webkit-transition: all 0.25s linear;



    -moz-transition: all 0.25s linear;



    -o-transition: all 0.25s linear;



    transition: all 0.25s linear;



}



.testimonials .carousel-indicators li:hover {



    background: rgba(255,255,255,0.5);



    border: solid 1px rgba(255,255,255,0.7);



    -webkit-transition: all 0.25s linear;



    -moz-transition: all 0.25s linear;



    -o-transition: all 0.25s linear;



    transition: all 0.25s linear;



}



.testimonials .item { margin-bottom: 60px }



.testimonials p.testimonial-quote {



    font-size: 19px;



    font-weight: 300;



    color: #fff;



    margin-bottom: 25px;



    padding: 0 100px;



    margin-top: 25px;



    line-height: 1.6;



}



.testimonials .carousel-control.left, .testimonials .carousel-control.right { background-image: none }



.testimonials .carousel-control {



    color: #fff;



    text-shadow: none;



    margin: 0;



    font-size: 50px;



    width: 0%;



    top: 15%;



    font-weight: 100;



}



.carousel-indicators li { border-radius: 2px }



.testimonials p.testimonial-author {



    text-align: center;



    margin-top: px;



    font-family: "Montserrat", sans-serif;



    font-size: 14px;



    color: #eee;



}



.testimonials .carousel-indicators { bottom: 5px }



.carousel-indicators li {



    display: inline-block;



    width: 9px;



    height: 9px;



}



.twit-icon {line-height: 1}



.twit-icon i {



    line-height: 70px;



    font-size: 40px;



}



.twitter-footer .loading {



    color: #fff;



    font-size: 13px;



    font-weight: 300;



    line-height: 70px;



    margin: 0px;



}



.twitter-footer .paginat {



    line-height: 70px;



    font-size: 30px;



    font-weight: 100;



    color: #fff;



    margin-top: -3px;



}



.paginat a {



    color: #fff;



    cursor: pointer;



    margin-right: 5px;



}



.paginat a:hover {



    color: #fff;



    text-decoration: none;



}



.twitter-footer {



    line-height: 70px;



    margin: 0;



    padding: 0;



}



.twitter-footer  .tweet_list {



    font-weight: 300;



    color: #fff;



    padding: 0;



    margin: 0;



    width: 100%;



}



.twitter-footer  .tweet_list li {



    position: relative;



    width: 100% !important;



}



.twitter-footer .tweet_list a {



    color: #fff;



    text-decoration: underline;



}



.help-block {



    display: block;



    margin-top: 0px;



    margin-bottom: 15px;



}



.help-block li {



  list-style: none;



  color: #990000; 



  font-size: 12px;



}



.help-block ul {



  padding: 0;



  margin: 0; 



}



.text-danger {



    color: #a94442;



}



.text-success {



    color: #3c763d;



}



.form-style .form-control:focus,



.form-style .select-field:focus{



    border: 1px solid #ccc;



    box-shadow: none;



}



.form-group {margin-bottom: 10px;}



.btn-default.focus, .btn-default:focus {



    background: #f9f9f9;



    border-color: #ccc;



    color:#555;



}







.logo-empresa img, .logo-empresa h2{



    display: inline-block;



    text-transform: uppercase;



}







.logo-empresa{



    margin: 20px 10px;



}







.product-home img{

    width: 100%;

    border-radius: 16px;

}



.product-sale-home img{

    width: 71.7%;

    display: inline-block !important;

    border-radius: 20px;

}







.tecnologia-home{



    margin-bottom: 15px;



    text-align: center;



}







.tecnologia-home h2{margin-bottom: 30px;}







.tecnologia-home span{



    display: inline-block;



    color: #353535;



    font-size: 20px;



    font-weight: 700;



    margin: 0 auto;



    float: none;



}







.text-tec-home{margin: 0 auto; text-align: center; float: none;}







.cbp-l-grid-fullScreen .cbp-item{



    border: 1px solid #eee;



}







.catalogo{



    margin-bottom: 30px;



}







.sticky .logo img{



    width: 50%;



}











.content-news{



    background: #21D6DD;



    margin-bottom: 80px;



    padding: 15px 30px;



}







.content-news h2{



    color: #3e4593;



    font-size: 16px;



    text-transform: uppercase;



    margin-top: 20px;



    margin-bottom: 15px;



    border: none;



    padding: 0;



}







.content-news .form-control{



    height: 28px;



    border-radius: 0;



    margin-right: 8px;



    min-width: 220px;



}







.content-news .form-inline{



    margin-bottom: 10px;



}







.content-news .btn-default{



    padding: 5px 10px;



    border-radius: 0;



    background: #3d4494;



    color: #fff;



    border: none;



    min-width: 96px;



    margin-top: -10px;



}







.content-news .fa-envelope-o{



    color: #fff;



    margin-right: 8px;



}







.content-news .text-center{



    border: 2px dashed #fff;



}







.label-news{



    text-transform: uppercase;



    font-size: 24px;



    font-weight: bold;



    color: #1F4260;



}







.slick-dots {



 text-align: center;



  margin: 0 0 10px 0;



  padding: 0;



}



 .slick-dots li {



    display:inline-block;



    margin-left: 4px;



    margin-right: 4px;



}



    .produtos .slick-active button {



        background-color:#96000d;



      }



    .produtos button {



      font: 0/0 a;



      text-shadow: none;



      color: transparent;



      background-color:#df3f32;



      border:none;



      width: 12px;



      height: 12px;



      border-radius:50%;



    }







      .lojas .slick-active button {



        background-color:#cfcfcf;



      }



    .lojas button {



      font: 0/0 a;



      text-shadow: none;



      color: transparent;



      background-color:#fff;



      border:none;



      width: 12px;



      height: 12px;



      border-radius:50%;



    }







    .content-lojas h1{text-align: center; font-size: 47px;}







    .lojas-btn-online .button-red{width: 28%; margin: 0 auto; margin-top: 60px; background: #ca1d2c; padding: 10px; font-size: 28px; font-weight: 800; border-radius: 30px;}







    .lojas-btn-online .button-red:hover{background: #df3f32; }







    .cidades .button-red{width: 60%; text-transform: initial; font-weight: 700; padding: 5px 0; margin-top: 10px;}







    .cidades h3{font-size: 17px; color: #353535; font-weight: 900;}







    .cidades h2{padding: 0 15px;}



    .cidades span{font-weight: 700; font-size: 15px;}







    .lojas{margin: 80px 0;}







    .info-cidades{padding-bottom: 25px; margin-bottom: 60px;}







     .info-cidades:last-child h2{padding-bottom: 0; margin-bottom: 2px;}



     .info-cidades:last-child h3{margin-top: 0;}







    .info-cidades h2{padding: 0 0 20px;}







    .line-cidade{width: 100%; height: 1px; background: #e51919; margin-top: 25px;}







    .text-onde-lojas{margin-top: 80px;}







    .lojas .slick-dots{position: relative; bottom: 40px;}







    .slider-banners .slick-dots {



      margin: 0 0 10px 0;



      padding: 0;



      position: absolute;



      right: 0;



      bottom: 0;



      left: 0;



    }



     .slider-banners .slick-dots li {



        display:inline-block;



        margin-left: 4px;



        margin-right: 4px;



    }







     .slider-banners .slick-active button {



        background-color:#4766a3;



        width: 35px;



      }







    .slider-banners button {



      font: 0/0 a;



      text-shadow: none;



      color: transparent;



      background-color:#fff;



      border:none;



      width: 20px;



      height: 5px;



      border-radius:0;



    }



    .nextcomp .left-bar {

    position: absolute;

    background-color: #ccc;

    top: -2px;

    right: 1px;

    width: 25px;

    height: 3px;

    display: block;

    transform: rotate(235deg);

    float: right;

    border-radius: 3px;

}



/* Setas do slider */

.prevcomp,

.nextcomp {

    width: 48px;

    height: 48px;

    border: 0;

    border-radius: 50%;

    background: #ffffff;

    color: #333;

    font-size: 24px;



    display: flex;

    align-items: center;

    justify-content: center;



    cursor: pointer;



    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);



    transition: all 0.3s ease;



    padding: 0;

    outline: none;

}



/* Hover */

.prevcomp:hover,

.nextcomp:hover {

    background: #4e6592;

    color: #fff;



    transform: translateY(-2px);



    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.25);

}



/* Clique */

.prevcomp:active,

.nextcomp:active {

    transform: translateY(0) scale(0.95);

}



/* Ícone */

.prevcomp i,

.nextcomp i {

    line-height: 1;

}



/* Remove outline estranho */

.prevcomp:focus,

.nextcomp:focus {

    outline: none;

}

  .setas{

        z-index: 9;

    position: relative;

    top: 130px;

  }      



/* Custom Arrow */



.prev{



    color: #999;



    position: absolute;



    top: 38%;



    left: -2em;



    font-size: 1.5em;



        :hover{



            cursor: pointer;



            color: black;



        }



}



.next{



    color: #999;



    position: absolute;



    top: 38%;



    right: -2em;



    font-size: 1.5em;



    :hover{



            cursor: pointer;





        }



}







.prevcomp{



    color: #999;



    position: absolute;



    top: 60%;



    left: -2em;



    font-size: 1.5em;



        :hover{



            cursor: pointer;





        }



}



.nextcomp{



    color: #999;



    position: absolute;



    top: 60%;



    right: -2em;



    font-size: 1.5em;



    :hover{



            cursor: pointer;





        }



}







.prevcomptwo{



    color: #999;



    position: absolute;



    top: 60%;



    left: -2em;



    font-size: 1.5em;



        :hover{



            cursor: pointer;



        }



}



.nextcomptwo{



    color: #999;



    position: absolute;



    top: 60%;



    right: -2em;



    font-size: 1.5em;



    :hover{



            cursor: pointer;



            color: black;



        }



}



.prevcompthree{



    color: #999;



    position: absolute;



    top: 60%;



    left: -2em;



    font-size: 1.5em;



        :hover{



            cursor: pointer;



            color: black;



        }



}



.nextcompthree{



    color: #999;



    position: absolute;



    top: 60%;



    right: -2em;



    font-size: 1.5em;



    :hover{



            cursor: pointer;



            color: black;



        }



}



.prevcompfour{



    color: #999;



    position: absolute;



    top: 60%;



    left: -2em;



    font-size: 1.5em;



        :hover{



            cursor: pointer;



            color: black;



        }



}



.nextcompfour{



    color: #999;



    position: absolute;



    top: 60%;



    right: -2em;



    font-size: 1.5em;



    :hover{



            cursor: pointer;



            color: black;



        }



}





.prevcompfive{



    color: #999;



    position: absolute;



    top: 60%;



    left: -2em;



    font-size: 1.5em;



        :hover{



            cursor: pointer;



            color: black;



        }



}



.nextcompfive{



    color: #999;



    position: absolute;



    top: 60%;



    right: -2em;



    font-size: 1.5em;



    :hover{



            cursor: pointer;



            color: black;



        }



}



.prevcompsix{



    color: #999;



    position: absolute;



    top: 60%;



    left: -2em;



    font-size: 1.5em;



        :hover{



            cursor: pointer;



            color: black;



        }



}



.nextcompsix{



    color: #999;



    position: absolute;



    top: 60%;



    right: -2em;



    font-size: 1.5em;



    :hover{



            cursor: pointer;



            color: black;



        }



}



.prevcompseven{



    color: #999;



    position: absolute;



    top: 60%;



    left: -2em;



    font-size: 1.5em;



        :hover{



            cursor: pointer;



            color: black;



        }



}



.nextcompseven{



    color: #999;



    position: absolute;



    top: 60%;



    right: -2em;



    font-size: 1.5em;



    :hover{



            cursor: pointer;



            color: black;



        }



}





.prevcompeight{



    color: #999;



    position: absolute;



    top: 60%;



    left: -2em;



    font-size: 1.5em;



        :hover{



            cursor: pointer;



            color: black;



        }



}



.nextcompeight{



    color: #999;



    position: absolute;



    top: 60%;



    right: -2em;



    font-size: 1.5em;



    :hover{



            cursor: pointer;



            color: black;



        }



}









.slide-marcas{



    margin: 0 0 50px 0;



}







.slide-marcas img{



    width: 100%;



}







.slide-marcas .slick-slide{



    padding: 5px;



}







.content-prod-home{margin-top: 50px}







.produtos-home .slick-slide img{display: inline-block;}











.logo-footer{



    margin: 30px 0 0;



}



/*.logo-footer img{width: 100%;}*/







.produtos h2{text-align: center;}







.container-colchao, .container-box, .container-espumas, .container-hotel{



    margin: 100px 0;



}







.container-colchao h3{



    text-align: left;



    font-weight: 700;



    font-style: italic;



    text-transform: initial;



    border-bottom: 2px solid #f6b2b2;



    padding-bottom: 5px;



}







.container-box h3{



    text-align: right;



    font-weight: 700;



    font-style: italic;



    text-transform: initial;



    border-bottom: 2px solid #f6b2b2;



    padding-bottom: 5px;



}







.container-espumas h3{



    text-align: left;



    font-weight: 700;



    font-style: italic;



    text-transform: initial;



    border-bottom: 2px solid #f6b2b2;



    padding-bottom: 5px;



}







.container-hotel h3{



    text-align: right;



    font-weight: 700;



    font-style: italic;



    text-transform: initial;



    border-bottom: 2px solid #f6b2b2;



    padding-bottom: 5px;



}







.container-colchao .button-red{width: 70%; margin-top: 40px; float: left;}



.container-box .button-red{width: 80%; margin-top: 40px; float: right;}



.container-espumas .button-red{width: 70%; margin-top: 40px; float: left;}



.container-hotel .button-red{width: 70%; margin-top: 40px; float: right;}











/*.footer .container{padding: 0 40px;}*/







.glyphicon{



    top: -15px !important;



    cursor: pointer;



}







.links{



    margin-top: 15px;



    line-height: 115px;



    text-align: center;



}







.links li{



    display: inline-block;



    margin-bottom: 5px;



}







.links ul{



    margin-bottom: 5px;



}







.links li:first-child{



    margin-right: 30px;



}







.links li span{



    font-size: 32px;



    text-transform: uppercase;



    color: #75bd5a;



    font-weight: 700;



}







.links img:hover{



    -moz-transform: scale(1.1);



    -webkit-transform: scale(1.1);



    transform: scale(1.1);



     -moz-transition: all 0.4s;



    -webkit-transition: all 0.3s;



    transition: all 0.3s;



}







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



    .next {



        display: none !important;



    }



    .content-contact{padding: 0;}



    .content-itens-footer:last-child{float: left; text-align: left;}



}



.socials li.icons{

    position: relative;

    top: 3px;

    margin: 0 2px;

}



.socials li{

    display: inline-block;

}



.socials li.text {

    display: inline-block;

    margin: 0 3px;

    font-size: 17px;

    font-style: italic;

    border-right: 1px solid #000;

    padding-right: 10px;

    line-height: 15px;

}





.socials a{color: #df3f32; font-size: 24px;}





.socials{

    position: relative;

    top: 30px;

    clear: both;

    float: right;

    left: 25px;

}







.bkg-title-tecnologia-home{



    background: #f4f4f4;



    padding: 20px 0 40px 0;



}







.back-equipes{



    background: #72bf55;



    padding: 10px 0;



    margin-bottom: 30px;



}







.back-equipes-competicao{



    background: #fff;



    padding: 10px 0;



    margin-bottom: 30px;



}



.content-prod-list img{border-radius: 20px}



.detalhes{    

    background: #4766a3;

    padding: 7px 5px;

    min-width: 120px;

    font-size: 12px;

    font-weight: 500;

    letter-spacing: 0.6px;

    border-radius: 12px;

    display: inline-block;

    color: #fff;

    font-weight: 600;

    font-family: 'Montserrat', sans-serif;

    text-transform: uppercase;

}



.buy-prod{    

    background: #368613;

    padding: 9px 15px;

    min-width: 180px;

    font-size: 13px;

    font-weight: 600;

    letter-spacing: 0.6px;

    border-radius: 20px;

    display: inline-block;

    color: #fff;

    font-family: 'Montserrat', sans-serif;

    text-transform: uppercase;

    margin-top: 10px;

}



.buy-prod i{font-size: 18px}



a, button, input[type="submit"] {



    -webkit-transition: all 0.25s linear;



    -moz-transition: all 0.25s linear;



    -o-transition: all 0.25s linear;



    transition: all 0.25s linear;



    color: #fff;



}



.detalhes:hover{background: #434343;}



.title-prod{



    text-align: center;

    margin: 0 auto;

    line-height: 22px;

    padding: 15px 0 5px;

    width: 100%;

    font-size: 17px;

    color: #000;

    font-weight: 600;

    font-family: 'Montserrat', sans-serif;

    text-transform: uppercase;

    min-height: 65px;



}



.desc-list{font-size: 15px; font-weight: 500; line-height: 20px; margin-top: 10px}





.title-prod-list {

    text-align: left;

    font-size: 24px;

    color: #000;

    font-weight: 700;

    font-family: 'Montserrat', sans-serif;

    display: grid;

    line-height: 28px;

    margin-top: 35px;

}



.no-margin-img{padding-left: 0}





.content-prod-list .container{padding: 0}



.title-prod-detalhes{



    text-align: left;



    line-height: 32px;



    padding: 6px 0;



    width: 100%;



    font-size: 28px;



    color: #00923f;



    font-weight: 800;



}





.price-prod{font-size: 24px; font-weight: 800; color: #000;}

.price-prod span{font-size: 15px; font-weight: 400; color: #000; font-style: italic;}







.title-prod a{



    color: #fff;



    text-transform: uppercase;



    font-weight: normal;



    font-size: 1.2em;



    font-family: "Montserrat", sans-serif;



    display: inline-block;



    line-height: 24px;



    padding: 5px;



}







.parceiros img{



    width: 100%;



}







.logo-esquerda{



    display: inline-block;



    float: left;



}







.back-competicoes h2{



    display: inline-block;



    margin-top: 27px;



    margin-left: 10px;



    color: #72c052;



    font-weight: 600;



    text-transform: uppercase;



    font-size: 27px;



}







.bar-title{



    width: 100%;



    display: inline-block;



}







.bar-title-equipes{



    width: 100%;



    display: inline-block;



    background: #72bf55;



    padding: 12px 0;



    margin-top: 10px;



}







.bar-title-equipes h2{



    display: inline-block;



    margin-top: 27px;



    margin-left: 10px;



    color: #13504b;



    font-weight: 600;



}







.logo-empresa h3{



    font-size: 18px;



    color: #2d615d;



    margin-top: 0; 



}







.img-principal-noticia{



    margin-top: 20px;



}





#estado{color: #222}



.button-blue-detalhe{margin-left: 0 !important}



.title-prod-detalhes {

    margin-top: 20px;

}





.logo img{

    width: 90%;

    padding: 5px 20px 0;

}





@media (max-width: 768px) {



    .banner-baixo {

    margin-top: 20px !important;

    margin-bottom: 20px !important;



}



.desc-prod-detalhes {

    font-size: 15px !important;

    padding: 0 !important;

    margin: 20px 0 !important;



}



.product-home {

    padding: 10px 0 15px !important;



}



.prod-sale h2 {

    font-size: 24px !important;

    font-weight: 500;

}



.prod-sale p {

    font-size: 14px !important;

    font-family: 'Montserrat', sans-serif;

}





    .mr-3{

        top: 0 !important;

        font-size: 12px !important;

    }



  .cookie-overlay{width: 100%}



    .cookie-overlay{

       width: 100% !important;

    }



.quem-somos-img {

    margin-bottom: 5px !important;

    padding: 0 12px !important; 

}



.content-banner-baixo img {

    width: 25%;

}



.faixa-baixo img{width: 10% !important}





.faixa-baixo {

    margin: 30px 0 0 !important;

}



.desc_rodape span {

    font-size: 12px !important;

}



.logo img {

    width: 60%;

    padding: 0 20px;

}



.logo-footer img{width: 50% !important;

        float: left;

        padding: 0 15px;}



.footer h2{margin-bottom: 10px}



.footer {

    margin-top: 0 !important;

}



.container-form-whats {

        bottom: 0 !important;

        right: 0 !important;

        margin-bottom: 0 !important;

        margin-right: 0 !important;

        left: 0;

        top: 43%;

}



#whatsappForm {

    margin: 0 auto;

}



    .banners-mobile{display: block !important;}

    .banners-desktop{display: none !important;}



.details-product, .details-product .gallery {

    padding: 0 5px !important;

}



.details-product img {

    border-radius: 15px !important;

}



.title-prod-detalhes {

    padding: 0;

    font-size: 18px;

}



.cursos-topo {

    margin-left: 0;

}



.exames-topo {

        padding: 5px;

        text-align: center;

        background: #eee;

        border-radius: 15px;

        margin: 0 9px;

        width: 45%;

        min-height: 120px;

}



.exames-topo img{

      width: 30%;

    text-align: center;

    margin: 0 auto;  

}



.exames-topo p {

        font-size: 14px;

        font-weight: 600;

        line-height: 16px;

}



.exames-topo span {

        display: inline-grid;

        line-height: 11px;

        vertical-align: middle;

        font-size: 12px;

        width: 75%;

}





.contato, .quem-somos, .servicos, .prod-detalhes {

    margin-top: 30px;

}



.content-prod-home {

    margin-top: 5px;

}



.contact-address li, .contact-address li a, .contact-address li a[href^="tel:"] {

    font-weight: 700 !important;

    font-size: 14px !important;

    padding: 0 !important;

    color: #000 !important;
    -webkit-text-fill-color: #000 !important;

}



.busca{margin-top: 5px !important; margin-bottom: 10px !important;}





h1.principal {

    font-size: 16px;

    text-align: center;

    margin-top: 30px !important;

    margin-bottom: 15px;

}



.button-orange{

    padding: 10px !important;

    margin-top: 30px !important;

    line-height: 21px;

}



.socials {

    top: 11px !important;

    float: none;

    text-align: right;

    margin-bottom: 0;

    margin-right: 35px;

    width: 100%;

}



.banner-baixo h3 {

    font-size: 14px !important;  

    width: 100% !important;

}



.socials li.text {

    font-size: 13px;

    padding-right: 7px;

}



.fone-topo {

     text-align: left;

    padding: 13px 0;

    top: 10px;

    left: 15px;

    font-size: 13px;

}



.content-socials{padding: 0 !important}



.content-banner-baixo{width: 100% !important; margin: 0 !important; padding: 15px 20px !important}







  .back-footer, .prevcomp, .nextcomp {

}



.prevcomp {

    top: 60%;

    left: 25px;

}



.nextcomp {

    top: 60%;

    right: 25px;

}



.title-pages h1, .title-pages h2

 {

    font-size: 28px !important;

        margin-bottom: 25px !important;

}



.desc-quem-somos {

    margin-top: 0 !important;

    font-size: 14px !important;

    line-height: 22px !important;

    margin-bottom: 0 !important;

}



.container-missao h2{

    font-size: 28px;

    margin-bottom: 15px;

    margin-top: 0;



}



.frase-empresa p span {

    font-size: 24px !important;

}



.frase-empresa p {

    text-align: center !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    font-family: 'Montserrat', sans-serif !important;

    line-height: 22px !important;

    padding: 0 9px !important;

}



.frase-empresa {

    margin: 30px auto 25px !important;

}



.title-prod-list {

    font-size: 20px !important;

    line-height: 24px !important;

    margin-top: 20px !important;

}



.button-blue-detalhe {

    margin: 10px 0 30px !important;

}



.desc-list {

    font-size: 13px !important;

    line-height: 20px !important;

    margin-top: 7px !important;

}



.no-margin-img {

    padding: 0 !important;

}



.no-margin-img img{width: 100% !important}



.container-missao .block{margin-bottom: 30px}



.como-atuamos {

    margin-top: 25px !important;

}



.img-empresa {

    margin-top: 20px !important;

}



.container-missao {

    margin-top: 30px !important;

}



.como-atuamos .desc {

    font-size: 14px !important;

    font-weight: 400 !important;

    line-height: 22px !important;

    color: #000 !important;

    font-family: 'Montserrat' !important;

}



.title-pages p {

   font-size: 28px !important;

}



    .busca{width: 85% !important; margin-left: 55px !important;}



    nav{



        padding: 0;



    }



    .btn-busca {

    width: auto !important;

    right: 30px !important;

    top: 20px !important;

}



    .logo-empresa h2{



        font-size: 21px;



    }



}







.content-noticias h2{



    color: #2d615d;



    display: inline-block;



    margin-left: 10px;



    font-weight: 600;



    text-transform: uppercase;



    margin: 0;



    height: auto;



    max-height: 38px;



    overflow: hidden;



}







.bkg-missao{



    background: #f9f9f9;



    padding: 10px 0 40px 0;



    margin-top: 55px;



}







.bkg-responsabilidade h2{text-align: center;}







.bkg-responsabilidade{



    background: #f9f9f9;



    padding: 10px 0 40px 0;



    margin-top: 55px;



    margin-bottom: 80px;



}











.page-contact h2{ text-align: center; }



.page-contac .content-form-contact h2{text-align: left !important;}







.responsabilidade{margin-top: 40px; display: block;}







.text-missao .button-red{



    max-width: 230px;



    width: auto;



    margin: 0 auto;



    margin-top: 35px;



    background: #ca1d2c;



}







.text-responsabilidade{



    float: left;



    text-align: justify !important;



    font-size: 17px;



    font-weight: 500;



}







.qualidade, .icons-qualidade li, .icons-qualidade{padding: 0;}







.icons-qualidade p{font-size: 15px; font-weight: bold; margin-top: 20px !important;}







.icons-qualidade li{margin:20px 0; display: inline-block;}







.qualidade p{text-align: center; margin: 0 auto; float: none; font-weight: 600;}







.qualidade{margin-top: 40px !important; text-align: center; margin: 0 auto; display: block;}







.qualidade h2{margin-bottom: 30px;}







.qualidade h4{margin-top: 30px; display: inline-block;}







.bkg-missao h2{text-align: center;}







.bkg-missao p{



    text-align: center;



    color: #353535;



    font-size: 16px;



}







.content-bottom-empresa h3{



    color: #72c053;



    text-transform: uppercase;



    font-size: 28px;



    font-weight: 700;



}







.content-bottom-empresa p{



    color: #fff;



    margin-top: 30px;



    text-align: left;



    padding: 0 10px;



    white-space: pre-line;



}







.content-bottom-empresa{



    margin: 0 !important;



}











/*Declaração inicial*/







.col-xs-15,



.col-sm-15,



.col-md-15,



.col-lg-15 {



    position: relative;



    min-height: 1px;



    padding-right: 10px;



    padding-left: 10px;



}







/*Medias queries */







.col-xs-15 {



    width: 20%;



    float: left;



}



@media (min-width: 768px) {



.col-sm-15 {



        width: 20%;



        float: left;



    }


.box-prod-home{min-height: 482px }

    

    .details-product .button-blue-detalhe{margin-left: 47px !important;}



      .slider-banners {

        overflow: hidden;

    }



    .slider-banners .slick-slide {

        overflow: hidden;

    }



    .slider-banners .banners-desktop {

        width: 100%;

        transform: scale(1.1);

        will-change: transform;

    }





}



@media (min-width: 992px) {



    .col-md-15 {



        width: 20%;



        float: left;



    }



}



@media (min-width: 1200px) {



    .col-lg-15 {



        width: 20%;



        float: left;



    }



}







.map-responsive{



    position: relative;



    padding-bottom: 75%; // This is the aspect ratio



    height: 0;



    overflow: hidden;



}







.image-responsive{width: 100%;}







.map-responsive iframe{



    position: absolute;



    top: 0;



    left: 0;



    width: 100% !important;



    height: 100% !important;



}







.mapa{



    margin: 50px 0 20px;



    padding: 0;



}







.img-noticia-home, .one-notice img{



 border: 3px solid transparent;



}







.img-noticia-home:hover, .one-notice:hover img{



    border: 3px solid #0b3632;



    -moz-transition: all 0.4s;



    -webkit-transition: all 0.3s;



    transition: all 0.3s;



}



.title-noticia{



    color: #2d615d;



    text-transform: uppercase;



    font-weight: bold;



    font-size: 18px;



    margin: 0 0 5px !important;



}







.desc-curta-noticia{



    color: #333;



    font-size: 15px; 



    margin-bottom: 25px;



    display: inline-block;



    overflow: hidden;



}







.conte-noticias-home{



  



}







@media (min-width: 992px){



.col-md-1-5{



    width: 12%;



    }



    .one-notice{



    min-height: 315px;



    overflow: hidden;



}



}







.arbitros{



    margin-bottom: 20px;



}







.pagination{



    display: table;



    margin: 0 auto;



    text-align: center;



    margin-bottom: 20px;



    clear: both;



}







.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{



    background-color: #1b645e;



    border-color: #13504b;



}







.text-noticia p{



    margin: 0;



}







.detalhes-noticias p{



    text-align: justify;



    padding: 0 15px;



}







.outras-noticias img{



    margin-bottom: 10px;



}







.fade {



    -webkit-animation-name: fade;



    -webkit-animation-duration: 1.5s;



    animation-name: fade;



    animation-duration: 1.5s;



    opacity: 1 !important;



}







.tecnico img, .jogadores img{



    width: 100%;



}







.content-tecnico{



    width: 100%;



    display: inline-block;



}







.tecnico{



    float: left;



    clear: both;



    height: 170px;



    overflow: hidden;



}







.jogadores{



    float: left;



    margin-top: 20px;



}







.content-tabela-jogos{



    color: #2d615d;



    font-size: 1.3em;



}







/*.content-tabela-jogos .tabela-jogos{



   margin: 0 auto;



    text-align: center;  



}







.tabela-jogos table{



   margin: 0 auto;



}*/







.tabela-jogos table td{



    border: none !important;



}







.img-tv img{



    width: 100% !important;



    max-width: 100% !important;



}











.name-time h2{



    color: #2d615d;



    text-align: left;



    text-transform: uppercase;



    float: left;



    font-weight: bold;



}







.name-time{



    float: left;



    display: inline-block;



    margin: 25px 0 0 10px;



}







.content-time img{



    float: left;



}







.name-tecnico, .name-jogadores{



    text-transform: uppercase;



    color: #2d615d !important;



    font-weight: bold;



    font-size: 1.7em;



}







.content-jogadores{



    margin-top: 40px;



    margin-bottom: 20px;



}







.name-posicao, .name-jogadores span{



    font-size: 0.6em;



    font-weight: normal;



    width: 100%;



    display: inline-block;



    position: relative;



    top: -12px;



}







.name-jogadores{



   text-align: center;



   margin-top: 8px;



}







.content-regulamento-comp{



    margin-top: 20px;



}







.regulamento-comp, .content-text-liga{



    white-space: pre-line;



    font-size: 1.1em;



}







.regulamento-comp{



    margin: 10px 0 50px 0;



}







.patrocinador-time{



    float: right;



}







.slider-competicoes .active{



    border: 1px solid #99c3c1;



    display: inline-block;



    color: #72c052;



}







.slick-active a.active img{



    border: 1px solid #999;



    padding: 2px;



}







.desc-prod{

    margin-bottom: 15px;

    color: #000;

    font-weight: 400;

    font-size: 14px;

    font-family: 'Montserrat', sans-serif;

    padding: 0;

}





.desc-prod-detalhes{

    margin-bottom: 15px;

    color: #000;

    font-weight: 400;

    font-size: 18px;

    font-family: 'Montserrat', sans-serif;

    padding: 0 50px;

}





.desc-prod span{

    font-weight: 700;

    color: #000;

    font-style: italic;

    font-size: 14px;

}







/*.one-notice{



    min-height: 400px; 



}*/







/* Next & previous buttons */



.prevFull, .nextFull {



  cursor: pointer;



  position: absolute;



  top: 50%;



  width: auto;



  margin-top: -28px;



  padding: 16px;



  color: white;



  font-weight: bold;



  font-size: 18px;



  transition: 0.6s ease;



  border-radius: 0 3px 3px 0;



  background-color: rgba(0,0,0,0.7);



  color: #72c052;



  z-index: 999;



}







/* Position the "next button" to the right */



.nextFull {



  right: 0;



  border-radius: 3px 0 0 3px;



}







/* On hover, add a black background color with a little bit see-through */



.prevFull:hover, .nextFull:hover {



  background-color: rgba(0,0,0,0.9);



  color: #72c052;



  text-decoration: none;



}







.mySlides img{



display: inline-block;



width: 100%;







}



.mySlides{



    text-align: center;



margin: 0 auto;



}







.mySlidesTwo img{



display: inline-block;



width: 100%;







}



.mySlidesTwo{



    text-align: center;



margin: 0 auto;



}



















.galeria-campeoes img, .galeria-campeoes table{



    width: 100% !important;



    max-width: 100% !important;



}







.bkg-campeoes{



    background: #13504b;



    padding: 1px 0;



    margin: 20px 0;



}







.bkg-campeoes h2{



    color: #72c053;



}











.fade {



  -webkit-animation-name: fade;



  -webkit-animation-duration: 1.5s;



  animation-name: fade;



  animation-duration: 1.5s;



}







@-webkit-keyframes fade {



  from {opacity: .4} 



  to {opacity: 1}



}







@keyframes fade {



  from {opacity: .4} 



  to {opacity: 1}



}







/*.tabela-jogos table{



    width: 100%;



}







*/







.slideshow-container{



    position: relative;



    top: 0;



}





.maior{margin-top: 16px}



.gigante{margin-top: 8px}



.banner-baixo{



     margin-top: 50px;



     margin-bottom: 50px;



     text-align: center;



 }



 .faixa-baixo .menor{margin-top: 16px}



 .faixa-baixo .menor h3 {

    border-right: 2px solid #fff;

    padding-right: 78px;

}



 .faixa-baixo .maior h3 {

    border-right: 2px solid #fff;

    padding-right: 70px;

}



.como-atuamos{margin-top: 150px}



.como-atuamos .desc{font-size: 18px;}





.title-pages h1, .title-pages h2{font-size: 44px; font-weight: 900; color: #4766a3; margin-top: 0; margin-bottom: 40px}



.title-pages p{font-size: 36px; font-weight: 500; margin-bottom: 0; line-height: 28px}



.faixa-baixo {

    background: #4e6592;

    margin: 50px auto;

    padding: 2px 0;

    height: 75px;

    text-align: center;

}



.faixa-baixo h3 {

    font-size: 15px;

    color: #fff;

    font-weight: 600;

    vertical-align: baseline;

    margin-top: 10px;

}



.faixa-baixo h3, .faixa-baixo img{display: inline-block; vertical-align: middle;}





.produtos-home{text-align: center;}



.banner-baixo h3{

    font-size: 17px;

    font-weight: 700;

    text-transform: uppercase;

    line-height: 24px;

    width: 75%;

    text-align: center;

    margin: 0 auto;

    margin: 10px auto;

}



.img-empresa img{width: 100%}



.container-missao span{text-align: center; display: block;}



.desc-quem-somos p, .desc-quem-somos font{

    color: #000 !important;

    font-weight: 500;

}



.frase-empresa p span{

    font-size: 40px;

    font-weight: 800;

    color: #4766a3;

}



.container-form-whats{

    position: absolute;

    bottom: 50%;

    right: 50%;

    margin-right: -585px;

    margin-bottom: -160px;

}



#whatsappForm{

    background: rgba(255, 255, 255, 0.7);

    width: 255px;

    padding: 15px;

    border-radius: 30px; 

}



#whatsappForm label {

    font-size: 14px;

    font-weight: 600;

    color: #171717;

    line-height: 16px;

    font-family: 'Montserrat';

}



#whatsappForm input, #whatsappForm select  {

    margin-bottom: 13px;

    border: none;

    padding: 11px;

    border-radius: 12px;

    font-size: 13px;

    width: 100%;

}



#whatsappForm button{

    text-align: center;

    background: #00923f;

    color: #fff;

    font-weight: 600;

    border-radius: 15px;

    border: none;

    padding: 6px 6px 8px;

    margin: 5px auto 2px;

    width: 130px;

    text-align: center;

    margin: 0 auto;

    float: none;

}



.align-button{

    text-align: center;

}



.desc-quem-somos{



margin-top: 10px;

    display: inline-block;

    font-weight: 400 !important;

    font-size: 16px;

    line-height: 24px;

    color: #000;

    margin-bottom: 20px;





}





.img-certificados{float: none; margin: 0 auto; margin-top: 30px;}





.img-empresa{margin-top: 50px}







.quem-somos h4, .qualidade h4{



    line-height: 25px; 



    font-size: 20px; 



    font-weight: 600; 



    text-transform: initial;



    color: #ca1d2c;



    line-height: 25px; 



    font-size: 20px; 



    font-weight: 700; 



    text-transform: initial;



    color: #ca1d2c;



}







.video-institucional{



    margin-top: 80px;



    display: inline-block;



    height: 315px;



}







.tecnologia h2{text-align: center;}



.tecnologia h4{



    text-align: center; 



    font-size: 20px; 



    background: #df3f32; 



    color: #fff; 



    padding: 5px 0; 



    width: 260px;



    margin: 0 auto;



}







.tecnologia .espumas{ margin: 100px 0; }







.tecnologia .espumas h3, .tecnologia .latex h3, .tecnologia .visco h3{    



    font-weight: 700;



    font-style: italic;



    text-transform: initial;



    font-size: 27px;



    margin: 10px 0; 



}







.tecnologia .desc-tecnologia{font-size: 16px; font-weight: 600; }







.back-latex{background: #fafafa; padding: 50px 0;}







.latex .text-latex{margin-top: 70px;}







.latex{border-bottom: 1px solid #ca1d2c; padding-bottom: 35px;}







.visco{margin-top: 70px;}







.back-molas{



    background: #df3f32 url(../images/bkg_molas.jpg);



    background-repeat: no-repeat;



    background-position: bottom;



    padding: 50px 0;



}







.tecnologia .molas{color: #fff; padding: 0; margin: 50px 0;}







.content-revestimentos{margin-top: 60px; margin-bottom: 60px;}







.content-revestimentos h2{margin-bottom: 50px;}







.tecnologia .molas h3{color: #fff; font-size: 26px; font-weight: 700;  font-style: italic;}







.tecnologia .revestimentos h3{font-size: 26px; font-weight: 700;  font-style: italic; text-transform: initial; border-bottom: 1px solid #ca1d2c; width: 75%; padding-bottom: 5px;}







.tecnologia .revestimentos li{list-style: disc; color: #df3f32; padding: 0; margin: 20px 0; }



/*.tecnologia .revestimentos li:last-child{list-style: none;}*/



.tecnologia .revestimentos li .desc-tecnologia{color: #000;}



.iso-tec img{margin-top: 60px; display: inline-block;}







li.iso-tec{list-style: none !important;}







.text-empresa-home{padding-left: 40px; text-align: justify; margin-top: 40px;}







.video-institucional{-webkit-box-shadow: 11px 10px 17px -6px rgba(0,0,0,0.2);



-moz-box-shadow: 11px 10px 17px -6px rgba(0,0,0,0.2);



box-shadow: 11px 10px 17px -6px rgba(0,0,0,0.2); padding: 0;}







.content-certificados{margin-top: 50px;}







.form-group.has-error .help-block {



    display: block;



}







.form-group .help-block {



    display: none;



}







.content-representantes{margin-bottom: 30px; display: block;}







.content-representantes .name{font-weight: 700;}







.representantes-colchoes h3, .representantes-espumas h3{font-style: italic;}







.container-representantes{ margin-top: 50px; }







.container-representantes h2{ text-align: center; }







.combo-estados{



    text-align: center;



    margin-bottom: 50px;



    margin-top: 15px;



}







.combo-estados select{



    width: 65%;



    margin: 0 auto;



    font-style: italic;



    font-weight: normal;



    color: #686868;



    margin-top: 15px;



    background: #e5e5e5;



    border: none;



    -webkit-border-radius: 15px;



    -moz-border-radius: 15px;



    border-radius: 15px;



    padding: 0 15px;



}







.combo-estados span{



    font-size: 16px;



    font-weight: 600;



}







#exibeValor{text-align: left;}







.name-estado{margin: 0; padding: 0;}



.busca{

    width: 100%;

    border: 1px solid #e1e5ed;

    padding: 15px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

    -webkit-box-shadow: 7px 7px 10px -5px rgba(44,72,125,0.45);

    -moz-box-shadow: 7px 7px 10px -5px rgba(44,72,125,0.45);

    box-shadow: 7px 7px 10px -5px rgba(44,72,125,0.45);

    float: left;

    margin-top: 20px;

    margin-left: 25px;

}



.busca::placeholder{

    color: #333;

    font-style: italic;

    font-weight: 400;

}

.busca::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #333;

  font-style: italic;

  font-weight: 400;

}

.busca::-moz-placeholder { /* Firefox 19+ */

  color: #333;

  font-style: italic;

  font-weight: 400;

}

.busca:-ms-input-placeholder { /* IE 10+ */

  color: #333;

  font-style: italic;

  font-weight: 400;

}

.busca:-moz-placeholder { /* Firefox 18- */

  color: #333;

  font-style: italic;

  font-weight: 400;

}



.desc_rodape div{text-align: left !important;}



.desc_rodape span{font-size: 14px !important}



.desc_rodape{

       font-size: 14px;

    font-weight: 400;

    float: left;

    display: block;

    color: #000;

    text-align: left;

    width: 100%;

    font-style: italic;

}



.product-home{    

    padding: 10px 10px 30px;

    margin-bottom: 20px;

    text-align: center;

}



.gallery-main {

    width: 100%;

    margin-bottom: 15px;

    overflow: hidden;

    border-radius: 8px;

}



.gallery-main img {

    width: 100%;

    height: auto;

    display: block;

}



.gallery-thumbs {

    display: flex;

    gap: 10px;

    flex-wrap: wrap;

}



.gallery-thumb {

    width: 85px;

    height: 70px;

    object-fit: cover;

    cursor: pointer;

    border-radius: 6px;

    opacity: .65;

    border: 2px solid transparent;

    transition: all .25s ease;

}



.gallery-thumb:hover {

    opacity: 1;

}



.gallery-thumb.active {

    opacity: 1;

    border-color: #5c729a;

}



.product-home:hover{}



.box-prod-home{padding-left: 5px; padding-right: 5px; }



.details-product, .details-product .gallery{padding: 0}



.details-product img{border-radius: 15px}



.footer .container{border-top: 1px solid #ddd; padding-top: 20px;}



ul.dropdown-menu{left: auto !important;}



ul.dropdown-menu li {

    display: block; 

    /* float: none; */

}



.menu{    



    padding: 0 0 4px;

    margin-top: 15px;

}





.btn-compartilhe:hover, .btn-compartilhe:active, .btn-compartilhe:focus{color: #df3f32;}



.btn-busca{

    display: inline-block;

    float: left;

    position: absolute;

    top: 33px;

    right: 10px;

    background: transparent;

}



.fa-search{

    background: transparent;

    color: #000;

    font-size: 22px !important;

    font-weight: 600 !important;

}



.produtos h3{    

    font-size: 24px;

    color: #000;

    width: 200px;

    padding-bottom: 2px;

    text-align: center;

    margin: 15px auto;

}





.button-white{

    background: #fff;

    border: 1px solid #ccc;

    padding: 8px 5px;

    width: 50%;

    text-align: center;

    margin: 20px auto;

    border-radius: 15px;

}



.button-white:hover{background: #000; color: #fff;}

.button-white:hover a{ color: #fff;}



.button-white a{

    color: #000;

    font-weight: 700;

}



.product-cat {

    border: 1px solid #ddd;

    padding: 10px 5px;

     -webkit-border-radius: 12px;

    -moz-border-radius: 12px;

    border-radius: 12px;

}



.container-prod {

    padding: 20px 0 30px 0;

    margin-bottom: 10px;

    border-bottom: 1px solid #ccc;

}



.container-prod:last-child{border: none}



.content-banner-baixo{margin-bottom: 15px; text-align: center; 

    padding: 20px;

        border-radius: 10px;

    width: 30%;

    margin: 0 12px;}



.content-banner-baixo p{font-size: 14px}



.content-banner-baixo:hover{background: #f5f5f5;}



.container-missao{text-align: center; margin-top: 50px}



.desc-quem-somos h2{font-size: 24px; font-weight: 600; color: #000}

.desc-quem-somos h2 strong{font-weight: 800;}



.frase-empresa{

    clear: both;

    margin: 80px auto 0;

    display: inline-block;

    width: 100%;



}



.frase-empresa p{

    text-align: center;

        font-size: 24px;

    font-weight: 500;

    font-family: 'Montserrat', sans-serif;

}



.content-banner-baixo img{     

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

}



.product-cat h4{text-align: center; font-size: 18px; text-decoration: none;}



.quem-somos-img img{width: 100%; border-radius: 30px}

.quem-somos-img{margin-bottom: 20px; padding: 0}



.menu ul li.sub{display: block;}



.thumbs a{display: inline-block; width: 25%; margin-top: 10px; margin-bottom: 10px;}

.thumbs img{width: 100%;}



.fone-topo a{color: #df3f32}



.prod-sale{text-align: center; margin-top: 40px; overflow: hidden;}



.prod-sale h2{font-size: 28px; font-weight: 500}



.prod-sale p{font-size: 16px;  font-family: 'Montserrat', sans-serif;}



.price-prod{font-size: 21px; font-weight: 700; font-family: 'Montserrat', sans-serif; margin: 5px auto;}



/*.dropdown-menu li:nth-child(3), .dropdown-menu li:nth-child(4){display: none;}*/





.area-atendimento {

    width: 100%;

    padding: 90px 30px;

    background: #f7f9f8;

    overflow: hidden;

}



.area-atendimento__container {

    width: 100%;

    max-width: 1400px;

    margin: 0 auto;



    display: grid;

    grid-template-columns: 1.15fr .85fr;

    align-items: center;

    gap: 70px;

}





/* =========================

   MAPA

========================= */



.area-atendimento__mapa {

    position: relative;

    width: 100%;

}



.mapa-brasil {

    width: 100%;

    height: auto;

    display: block;

}





/* Estados */



.estado,

.pais {

    fill: #dfe4e2;

    stroke: #ffffff;

    stroke-width: 3;

    stroke-linejoin: round;



    cursor: default;



    transition:

        fill .25s ease,

        transform .25s ease,

        filter .25s ease;

}





/* Estados atendidos */



.estado.atendido,

.pais.atendido {

    fill: #4766a3;

    cursor: pointer;

}





/* Hover */



.estado.atendido:hover,

.pais.atendido:hover {

    fill: #e5010e;



    filter:

        drop-shadow(0 8px 12px rgba(0, 100, 50, .30));

}





/* País atendido */



.pais.atendido {

    fill: #455d8b;

}





/* Nomes */



.nomes {

    pointer-events: none;

}



.nomes text {

    font-family: Arial, sans-serif;

    font-size: 25px;

    font-weight: 700;



    fill: #ffffff;



    text-anchor: middle;

}





/* Tooltip */



.mapa-tooltip {

    position: absolute;



    display: none;



    z-index: 20;



    padding: 13px 18px;



    background: #0c2537;

    color: #fff;



    border-radius: 8px;



    box-shadow:

        0 10px 30px rgba(0,0,0,.20);



    pointer-events: none;



    transform: translate(-50%, -120%);

}



.mapa-tooltip strong {

    display: block;



    font-size: 15px;

    font-weight: 700;



    margin-bottom: 3px;

}



.mapa-tooltip span {

    display: block;



    font-size: 12px;



    opacity: .8;

}





/* =========================

   CONTEÚDO

========================= */



.area-atendimento__overline {

    display: inline-flex;

    align-items: center;

    gap: 12px;



    color: #000;



    font-size: 13px;

    font-weight: 700;



    letter-spacing: 2px;

}



.area-atendimento__overline::after {

    content: "";



    width: 45px;

    height: 2px;



    background: #000;

}





.area-atendimento h2 {

    margin: 18px 0 20px;



    color: #0b2638;



    font-size: clamp(42px, 4vw, 70px);



    line-height: .95;



    font-weight: 300;

}



.area-atendimento h2 strong {

    display: block;

    color: #4766a3;

    font-weight: 800;

}





.area-atendimento__descricao {

    max-width: 520px;



    margin: 0 0 30px;



    color: #63717a;



    font-size: 17px;



    line-height: 1.7;

}





/* =========================

   LISTA

========================= */



.areas-lista {

    display: flex;

    flex-direction: column;



    gap: 12px;

}





.area-item {

    display: flex;

    align-items: center;



    gap: 18px;



    padding: 15px 18px;



    background: #fff;



    border: 1px solid #e2e8e5;



    border-radius: 10px;



    transition:

        transform .25s ease,

        box-shadow .25s ease;

}





.area-item:hover {

    transform: translateX(6px);



    box-shadow:

        0 10px 25px rgba(0,0,0,.07);

}





.area-item__icone {

    width: 52px;

    height: 52px;



    flex-shrink: 0;



    display: flex;

    align-items: center;

    justify-content: center;



    border-radius: 50%;



    background: #4766a3;



    color: #fff;



    font-size: 13px;

    font-weight: 800;

}





.area-item strong {

    display: block;



    color: #0b2638;



    font-size: 17px;



    margin-bottom: 4px;

}





.area-item span {

    display: block;



    color: #6d777c;



    font-size: 13px;

}





/* =========================

   BOX

========================= */



.area-atendimento__box {

    display: flex;

    align-items: center;



    gap: 20px;



    margin-top: 25px;



    padding: 20px;



    border-radius: 12px;



    background: #dcf7e8;

}





.area-atendimento__box-icone {

    width: 55px;

    height: 55px;



    flex-shrink: 0;



    display: flex;

    align-items: center;

    justify-content: center;



    border-radius: 50%;



    background: #008f4c;



    font-size: 25px;

}





.area-atendimento__box strong {

    display: block;



    color: #0b2638;



    margin-bottom: 4px;

}





.area-atendimento__box span {

    display: block;



    color: #4d6760;



    font-size: 13px;



    line-height: 1.5;

}





/* =========================

   MOBILE

========================= */



@media (max-width: 900px) {



    .area-atendimento {

        padding: 60px 20px;

    }



    .area-atendimento__container {

        grid-template-columns: 1fr;



        gap: 40px;

    }



    .area-atendimento__mapa {

        order: 1;

    }



    .area-atendimento__conteudo {

        order: 2;

    }



    .area-atendimento h2 {

        font-size: 45px;

    }



}





@media (max-width: 500px) {



    .area-atendimento {

        padding: 45px 15px;

    }



    .area-atendimento h2 {

        font-size: 38px;

    }



    .area-atendimento__descricao {

        font-size: 15px;

    }



    .area-item {

        padding: 12px;

    }



    .area-item__icone {

        width: 45px;

        height: 45px;

    }



    .nomes text {

        font-size: 20px;

    }



}