/******************************************

* Custom CSS

******************************************/

:root {

  --laranja: #f39c2b;

  --verde: #116f3a;

  --vermelho: #e52427;

}



/* Fonts */



@font-face {

	font-family: "avenir-light";

	src: url("./font/avenir-light.eot");

	src: url("./font/avenir-light.eot?#iefix") format("embedded-opentype"),

		 url("./font/avenir-light.woff") format("woff"),

		 url("./font/avenir-light.ttf") format("truetype"),

		 url("./font/avenir-light.svg#avenir-light") format("svg");

	font-weight: normal;

	font-style: normal;

  font-display: swap;

}

@font-face {

	font-family: "avenir-roman";

	src: url("./font/avenir-roman.eot");

	src: url("./font/avenir-roman.eot?#iefix") format("embedded-opentype"),

		 url("./font/avenir-roman.woff") format("woff"),

		 url("./font/avenir-roman.ttf") format("truetype"),

		 url("./font/avenir-roman.svg#avenir-roman") format("svg");

	font-weight: normal;

	font-style: normal;

  font-display: swap;

}

@font-face {

	font-family: "avenir-book";

	src: url("./font/avenir-book.eot");

	src: url("./font/avenir-book.eot?#iefix") format("embedded-opentype"),

		 url("./font/avenir-book.woff") format("woff"),

		 url("./font/avenir-book.ttf") format("truetype"),

		 url("./font/avenir-book.svg#avenir-book") format("svg");

	font-weight: normal;

	font-style: normal;

  font-display: swap;

}

@font-face {

	font-family: "avenir-medium";

	src: url("./font/avenir-medium.eot");

	src: url("./font/avenir-medium.eot?#iefix") format("embedded-opentype"),

		 url("./font/avenir-medium.woff") format("woff"),

		 url("./font/avenir-medium.ttf") format("truetype"),

		 url("./font/avenir-medium.svg#avenir-medium") format("svg");

	font-weight: normal;

	font-style: normal;

  font-display: swap;

}

@font-face {

	font-family: "avenir-black";

	src: url("./font/avenir-black.eot");

	src: url("./font/avenir-black.eot?#iefix") format("embedded-opentype"),

		 url("./font/avenir-black.woff") format("woff"),

		 url("./font/avenir-black.ttf") format("truetype"),

		 url("./font/avenir-black.svg#avenir-black") format("svg");

	font-weight: normal;

	font-style: normal;

  font-display: swap;

}

@font-face {

	font-family: "avenir-heavy";

	src: url("./font/avenir-heavy.eot");

	src: url("./font/avenir-heavy.eot?#iefix") format("embedded-opentype"),

		 url("./font/avenir-heavy.woff") format("woff"),

		 url("./font/avenir-heavy.ttf") format("truetype"),

		 url("./font/avenir-heavy.svg#avenir-heavy") format("svg");

	font-weight: normal;

	font-style: normal;

  font-display: swap;

}

*{

    

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



body, html {

  overflow-x: hidden !important;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;}

body, p, a, span {

font-family: 'avenir-light', sans-serif;

color: #434343;

}



p {

    line-height: 130%;

    font-size: 18px;

}

div p:last-child {  margin-bottom: 0;}



h1, h2, h3, h4 {

	font-family: 'avenir-heavy', sans-serif;

	  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

a.post-edit-link {

    position: fixed;

    right: 10px;

    background: #2a20c7;

    bottom: 10px;

    padding: 3px 5px;

    border-radius: 4px;

    font-size: 12px;

    color: #FFF;

    font-weight: bold;

    text-transform: uppercase;

}



h2.section-title {

    font-size: 40px;

    font-weight: 700;

    margin-bottom: 30px;

}



.titulo-seo {

    text-indent: -90000px;

    height: 0;

    opacity: 0;

}

.vertical-align {

  display: flex;

  align-items: center;

}



.bottom-align {

  display: flex;

  align-items: flex-end !important;

}



.fancybox-wrap {

    width: 90% !important;

    max-width: 650px;

}

.fancybox-inner {

    width: 100% !important;

    overflow-y: auto !important;

}



.fancybox-lock .fancybox-overlay {z-index: 99999;}



.show-mobile {display: none;}

.hidden-mobile {display: block;}

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

    .show-mobile {display: block;}

    .hidden-mobile {display: none;}

}





@media (min-width: 1200px) {

.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1300px;}

/*media*/}



.section-padding {padding-top: 60px ; padding-bottom: 60px;}

.section-padding-top {padding-top: 60px !important;}

.section-padding-bottom {padding-bottom: 60px !important;}



.subsection { padding-top: 40px; padding-bottom: 40px;}

/******************************************

* Buttons

******************************************/

.btn {

	border-radius: 100px;

	background: #000;

	text-transform: uppercase;

	font-weight: bold;

	display: inline-block;

	border: 0;

	text-decoration: none;

	color: #FFF;

	padding: 4px 15px;

	font-family: 'avenir-heavy', sans-serif;

	  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

/* Corrige imagens exibidas na barra administrativa do WordPress */
#wpadminbar .ab-item img {
    width: 20px !important;
    height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    object-fit: contain;
    vertical-align: middle;
}

.btn:hover {color: #FFF; box-shadow: 0 0 5px rgba(0, 0, 0, .3);}

.btn-laranja,.btn-orange {background: var(--laranja);}
.btn-laranja:hover,.btn-orange:hover {background: var(--laranja);}

.btn-verde,.btn-green {background: var(--verde);}
.btn-verde:hover,.btn-green:hover {background: var(--verde);}

.btn-vermelho,.btn-red {background: var(--vermelho);}
.btn-vermelho:hover,.btn-red:hover {background: var(--vermelho);}



.btn-sm {font-size: 12px; padding: 3px 10px;}

.btn-md {font-size: 16px; padding: 3px 20px;}

.btn-lg {font-size: 22px; padding: 6px 30px;}



.btn-ficha {

    color: #000;

    background: none;

    border: 2px solid #000;

    padding: 1px 16px;

}



.btn-ficha:hover {

    color: #fff;

    background: #000;

    border: 2px solid #000;

}



.btn-area {

    color: #9b9b9b;

    background: none;

    border: 2px solid #9b9b9b;

    padding: 1px 16px;

    font-size: 14px;

    font-weight: 100;

        bottom: 2px;

}



.btn-area:hover {

    color: #fff;

    background: #000;

    border: 2px solid #000;

}



/* Videos */



.embed-container {

  position: relative;

  padding-bottom: 56.25%;

  overflow: hidden;

}



.embed-container iframe,

.embed-container object,

.embed-container embed ,

.embed-container video {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



.video-wrapper {

  width: 100%;

  max-width: 1300px;

  margin: 0 auto !important;

  text-align: center;

  position: relative;

}



.videoWrapper {

  position: relative;

  padding-bottom: 56.25%;

  /* 16:9 */

  padding-top: 25px;

  height: 0;

}



.videoWrapper iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



/******************************************

* TOPO

******************************************/

header, footer {

    position: relative;

    z-index: 999;

}

.home header{

    background: #fcfcfc; 

}



@media (min-width: 1025px ) {

	.navbar-expand-lg .navbar-collapse {  display: inline-block !important;}

}



.navbar-expand-lg .navbar-nav .nav-link {

    font-family: 'avenir-black';

    font-size: 16px;

    letter-spacing: .2px;

    border-top: 0;

    display: inline-block;

}

.navbar-nav .nav-link:hover, 

.navbar-nav .nav-link.active {

	color: var(--laranja);

}

.navbar-expand-lg .navbar-nav {justify-content: flex-end;}



.menu-item-menu .menu-item-toggle::after {

  border-bottom: 0.3em solid transparent;

  border-left: 0.3em solid;

  border-top: 0.3em solid transparent;

}



.menu-item ul ul.sub-menu {

    left: 100%;

    top: -10px;

}



ul.navbar-nav .menu-item:last-child ul.sub-menu {

    right: 0;

    left: auto;

}



.menu-item.menu-item-has-children {

    position: relative;

}



.menu-item.menu-item-has-children > .menu-item-menu {

    top: 0;

    left: 100%;

    margin-top: -6px;

    margin-left: -1px;

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

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

    border-radius: 0 6px 6px 6px;

}

.menu-item.menu-item-has-children:hover > ul{

    display: block;

}



.menu-item.menu-item-has-children>a:after {

    display: block;

    content: " ";

    float: right;

    width: 0;

    height: 0;

    border-color: transparent;

    border-style: solid;

    border-width: 5px 0 5px 5px;

    border-left-color: #000;

    margin-top: 8px;

    margin-right: -10px;

}



.menu-item.menu-item-has-children:hover>a:after {

    border-left-color: #fff;

}



.menu-item.menu-item-has-children.pull-left {

    float: none;

}



.menu-item.menu-item-has-children.pull-left>.menu-item-menu {

    left: -100%;

    margin-left: 10px;

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

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

    border-radius: 6px 0 6px 6px;

}



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

    .navbar-expand-lg .navbar-nav .nav-link {padding: 15px 15px;}

    .navbar-expand-lg .navbar-nav {

        margin-top: 20px;

        background: #f8f8f8;

        border-radius: 10px;

    }

    .menu-item ul.sub-menu {

    position: relative !important;

    visibility: visible !important;

    opacity: 1 !important;

    left: 0 !important;

    top: 0 !important;

    margin: 0 0 !important;

    box-shadow: none !important;

        padding: 0 !important;

    background: none !important;

    border-left: 2px solid #ccc;

    margin-left: 5px !important;

    }

    .menu-item.menu-item-has-children>a:after {display: none;}

}



/* Small menu. */

.menu-toggle,

.main-navigation.toggled ul {

  display: block;

}



.menu-item-item {

  line-height: 1.2;

  padding-bottom: 0.313rem;

  padding-top: 0.313rem;

}



.menu-item-menu {

  min-width: 14.500rem;

}



.menu-item .open .menu-item-menu {

  display: block;

  left: 12.250em;

  top: 0;

}



.menu-item-menu .menu-item-item {

  white-space: normal;

  background: transparent;

  line-height: 1.6;

}

ul.navbar-nav .menu-item {

    padding: 0 7px;

}



ul.navbar-nav .menu-item:last-child {

    padding-right: 0;

}



.menu-item ul.sub-menu {

    position: absolute;

    left: 15px;

    top: 75%;

    background: #fff;

    border-radius: 10px;

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

    padding: 10px;

    margin: 0;

    visibility: hidden;

    opacity: 0;

    transition: all ease .3s;

    width: 100%;

    min-width: 200px;

}





.menu-item.menu-item-has-children:hover > ul.sub-menu{

    visibility: visible;

    opacity:1;

    transition: all ease .3s;

	

}



.menu-item ul.sub-menu li{

    list-style: none;

    padding: 0;

    margin: 0;

}



.menu-item ul.sub-menu li a {

    font-family: 'avenir-light', sans-serif !important;

    font-weight: 700;

    font-size: 0.91rem !important;

}



.menu-item ul.sub-menu li a {

    padding: 10px 0;

}



@media screen and (min-width: 37.5em) {

  .menu-toggle {

    display: none;

  }

}

@media screen and (min-width: 769px) {

  .navbar-collapse .collapse {



  }

  .menu-item-menu li > .menu-item-menu {

    right: -9.875rem;

    top: 1.375rem;

  }

}



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

  .navbar-nav .menu-item-menu {

    border: medium none;

    margin-left: 1.250rem;

    padding: 0;

  }



  .menu-item-menu li a {

    padding: 0;

  }



  #masthead .navbar-nav > li > a {

    padding-bottom: 0.625rem;

    padding-top: 0.313rem;

  }



  .navbar-light .navbar-toggler {

    border: medium none;

    outline: none;

  }

}







#infos-top { position: relative; text-align: right;}

#infos-top > span { display: inline;}



#infos-top .linguas { margin: 0 15px;}

#infos-top .linguas ul { display: inline-block; margin: 0 0; padding: 0 0; list-style: none;}

#infos-top .linguas ul li{ display:inline; margin: 0 3px; padding: 0 0; list-style: none;}

#infos-top .linguas ul li.lang-item a img {width: 18px !important; height: 18px !important; opacity: .5}

#infos-top .linguas ul li.lang-item.current-lang a img { opacity: 1}



#infos-top .telefone {

	font-family: 'avenir-heavy', sans-serif;

    font-weight: bold;

    font-size: 18px;

      -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

    position: relative;

    top: 2px;

}



@media screen and (max-width: 768px) {
   
    #infos-top { text-align: center;width: 100%;}
    #infos-top .telefone {font-size: 4vw;}
    #infos-top .linguas,
    #infos-top .linguas ul li {margin: 0 10px;}
    #infos-top .linguas ul li.lang-item a {
        align-items: center;
        display: inline-flex;
        justify-content: center;
        min-height: 48px;
        min-width: 48px;
    }

    #infos-top span.area-restrita {
    margin-top: 11px;
    display: block !important;
    position: relative;
    width: 100%;
    }

}





/******************************************

* FOOTER

******************************************/

#form-footer {   background: #f8f8f8;}



footer {padding-bottom: 30px;}

.footer-border div {

    height: 4px;

    width: 100%;

}



.footer-border .vermelho { background:  var(--vermelho);}

.footer-border .laranja { background:  var(--laranja);}

.footer-border .verde { background:  var(--verde);}

.footer-border .branco { background:  #FFF; height: 2px;}



#pre-footer h2, 

#pre-footer h3,
#pre-footer h4, 

#pre-footer p, 

#pre-footer ul,

#pre-footer li, 

#pre-footer a {

    font-size: 15px;

    list-style: none;

    margin: 0;

    padding: 0;

}



#pre-footer {

    padding: 50px 0;

    border-bottom: 1px solid #e9e9e9;

    margin-bottom: 50px;

}


#pre-footer h4 {
    font-weight: 700;
    text-transform: uppercase;
}


footer .redes-sociais a.icon {

    background: red;

    display: inline-block;

    text-align: center;

    padding: 4px 3px 2px 3px;

    width: 30px;

    border-radius: 100px;

    color: #FFF;

}

footer .redes-sociais a.icon.icon-pinterest svg.bi.bi-pinterest {
    position: relative;
    bottom: 2px;
}



footer .redes-sociais a.icon.icon-facebook {background: #3a5896;}

footer .redes-sociais a.icon.icon-instagram {background: #dd2438;}

footer .redes-sociais a.icon.icon-linkedin {background: #0079b7;}

footer .redes-sociais a.icon.icon-pinterest {background: #c91f24;}

footer .redes-sociais a.icon.icon-youtube {background: #d22428;}

footer img {
    height: auto !important;
    aspect-ratio: auto !important;
}


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

    .footer-dois {text-align: center;}

    footer .redes-sociais a.icon {margin: 16px 0;}





}

/* HOME */

.produto-home {transition: all ease .3s;}

.produto-home .so-panel {padding-bottom: 0 !important; margin-bottom: 0 !important;}

.produto-home {

    position: relative;

    padding: 0 5px;

    border-radius: 10px;

    margin-bottom: 20px;

}

.produto-title {

    opacity: 1; transition: all ease .3s;

}

.produto-desc {

    position: absolute;

    top: 50%;

    visibility: hidden;

    opacity: 0;

    transform: translateY(-50%); 

    transition: all ease .3s;

    padding: 0 10px 0 0;

}



.produto-desc p {

    line-height: 100%;

    margin: 0;

    font-size: 15px;

}



.produto-home .btn {

    font-size: 11px;

    padding: 3px 10px 0px 10px;

    margin-top: 10px;

}







.form-orcamento {

    background: #FFF !important;

    padding: 30px 3vw;

    border-radius: 10px;

   width: 90%;

    max-width: 1000px;

    margin: 0 auto;

}



.hbspt-form fieldset.form-columns-1,

.hbspt-form fieldset.form-columns-1 input,

.hbspt-form fieldset.form-columns-1 textarea,

.hbspt-form fieldset.form-columns-2 {

    width: 100% !important;

    max-width: 100%;

}





.hbspt-form { text-align: left !important;}

.hbspt-form label span {

    font-size: 18px;

    font-weight: bold;

}

.hbspt-form .input label span {

    font-weight: 100;

    font-size: 15px;

}



.hbspt-form .hs-form-checkbox, 

.hbspt-form .inputs-list,

.hbspt-form .hs-form-radio, 

.hbspt-form .inputs-list { 

    list-style: none;

    padding: 0 0 !important;

    margin: 0 0 !important;

}



ul.hs-error-msgs, ul.hs-error-msgs li {

    list-style: none;

    margin: 5px 0 0 0;

    padding: 0;

    color: red;

    font-size: 12px;

}



.hbspt-form .hs_produto .hs-form-checkbox,

.hbspt-form .hs_perfil .hs-form-radio {

    display: inline;

    margin-right: 20px !important;

}



.hbspt-form .hs_produto .hs-form-checkbox input,

.hbspt-form .hs_perfil .hs-form-radio input {

    margin-right: 5px !important;

    width: auto !important;

}

.legal-consent-container {
    margin-bottom: 20px;
}


.legal-consent-container .field.hs-form-field ul, 
.legal-consent-container .field.hs-form-field li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.legal-consent-container .field.hs-form-field li input[type=checkbox] {
    width: auto !important;
    position: relative;
    bottom: -2px;
}

.legal-consent-container p, .legal-consent-container span, .legal-consent-container span p {
    font-size: 15px !important;
    line-height: 110%;
}
.legal-consent-container a{
    font-weight: 800 !important;
    color: #000 !important;
}

.hbspt-form input.hs-button {

    background: var(--laranja) !important;

    border-radius: 100px;

    background: #000;

    text-transform: uppercase;

    font-weight: bold;

    display: inline-block;

    border: 0;

    text-decoration: none;

    color: #FFF;

    font-family: 'avenir-heavy', sans-serif;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    font-size: 16px;

    padding: 7px 28px;

}

}





.produto-home:hover {background: #F8F8F8;transition: all ease .3s;}

.produto-home:hover .produto-title {visibility: hidden; opacity: 0; transition: all ease .3s;}

.produto-home:hover .produto-desc {visibility: visible; opacity: 1; transition: all ease .3s;}



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

    .produto-home .btn, .btn-md, .btn-sm {
    margin: 15px 0 !important;
    font-size: 15px !important;
    padding: 5px 15px !important;
}

#pre-footer a.nav-link {
    min-height: 48px;
    display: flex;
    align-items: center;
    padding: 6px 0;
}

    .produto-desc {

    position: relative;

    opacity: 1;

    top: auto;

    transform: none;

    visibility: visible;

    }

    .produto-title p, .produto-title a { display: none;}

    .produto-home:hover, .produto-home {background: #F8F8F8; }

    .produto-home:hover .produto-title,

    .produto-home:hover .produto-desc {opacity: 1; visibility: visible;}

    .produto-home {padding: 5px  10px;}

}

#empresa-home {

background-color: #dd9933;

    background-image: url(https://www.baxmann.com.br/wp-content/uploads/2022/12/bg-empresa.jpg);

    background-position: center center;

    background-size: cover;

}

#faixa-cta{

background-color: #0a4424;

    background-image: url(https://www.baxmann.com.br/wp-content/uploads/2022/12/bg-cta.jpg);

    background-position: center center;

    background-size: cover;

}

#empresa-home h2, #empresa-home p { color: #FFF;}



#empresa-home h2.section-title {

    font-size: 45px;

    font-weight: 800;

    margin: -10px 0 0 0;

    padding: 0 0;

}



#empresa-home p {

    font-size: 24px;

    width: 100%;

    max-width: 450px;

    line-height: 120%;

    margin: 25px 0;

}

.empresa-home-img {

    margin-top: 42px;

    margin-bottom: -15px;

}



.image-personalizacao {

    position: relative;

}



.image-personalizacao  img{ position: absolute;}

.image-personalizacao img:last-child { position: relative !important; z-index: 0;}







#aplicacoes h2.section-title {

    font-size: 30px;

    margin: 0 0 20px 0;

}

#faixa-cta h3 {

    font-size: 30px;

    font-weight: 500;

    width: 100%;

    max-width: 924px;

    margin: 0 auto 30px auto;

    padding: 0 0;

    color: #FFF;

}



#slider-empresa .slick-dots {

    text-align: right;

}



/* Slider */

#slider-home {

    margin-top: 0px;

    position: relative;

    z-index: 0;

}



#slider-home a.btn {

    color: #FFF !important;

    text-transform: uppercase !important;

    font-weight: bold !important;

    font-size: 18px !important;

}





.slider-texto h2,
.slide-text h2 {

    font-size: 26px !important;

    font-family: 'avenir-light', sans-serif !important;

    font-weight: 900 !important;

    margin: 25px 0 !important;

}



#slider-home .slide {

    padding: 5vh 0;

    background-size: cover;

    background-position: center bottom;

}





#slider-home .slide-3 .slide-img, 
#slider-home .slide-4 .slide-img,
#slider-home .selo .slide-img {

        opacity: 0;

}

#slider-home .bg-green {
    background-color: var(--verde);
}

 

#topo-categoria{

    background-color: #bcbcbc;

    background-image: url(https://www.baxmann.com.br/wp-content/uploads/2023/01/bg-simples.jpg);

    background-position: center center;

    background-size: cover;

}

#topo-empresa {
background-color: #0a0a0a;
    background-image: url(https://www.baxmann.com.br/wp-content/uploads/2022/12/topo-empresa.jpg);
    background-position: center center;
    background-size: cover;
}



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

    #slider-home .slide-2 .slide-img, 
    #slider-home .slide-3 .slide-img {opacity: 1;  }

    .slide-img { margin-top: 50px; margin-bottom: 0;}

    /*#slider-home .slide.slide-1 { background-color: #f8f8f8;background-image: none !important;}*/

    #slider-home .slide.slide-2,
    #slider-home .slide.slide-3 { background-position: left bottom;}

/*media*/}



/* Empresa */

#topo-empresa { padding: 25px 0 15px 0;}

#topo-empresa h2 {

    color: #FFF !important;

    font-family: 'avenir-light', sans-serif;

    width: 100%;

    max-width: 716px;

    font-size: 40px;

    margin: 0 0;

    padding: 0 0;

}

#topo-empresa h2 strong { font-family: 'avenir-heavy', sans-serif;}

.img-empresa {

    position: relative;

}

.img-empresa:before {

    content: '';

    background: orange;

    position: absolute;

    width: 100%;

   height: 8px;

    left: -105%;

    top: 25%;

    border-top: 2px solid #FFF;

    border-bottom: 2px solid #FFF;

    box-shadow: 0px 4px 0px red, 0 -4px 0px green;

}



/* Categorias */



#topo-categoria h1 {

    font-size: 49px;

    font-weight: 900;

}



#topo-categoria p { font-size: 22px;}



#topo-categoria .container {position: relative;}

#topo-categoria .footer-border {

    width: 80px;

    position: absolute;

    bottom: -72px;

}

#topo-categoria .footer-border div {

    border-radius: 50px;

    height: 5px;

}

#topo-categoria .footer-border .branco { background:  transparent; height: 4px;}

.titulo-section-cat h2.section-title {

    font-family: 'avenir-light' !important;

    font-weight: 100;

}



.titulo-section-cat h2.section-title b,
.titulo-section-cat h2.section-title strong{

    font-family: 'avenir-black' !important;

    font-weight: 1600;

}

.produtos-cat h3, .produtos-cat a h3{
    font-size: 23px;
    color: #000;
    text-decoration: none;
}


 .produtos-cat a:hover {
    color: #000;
    text-decoration: none;
}

.slick-next:before,

.slick-prev:before {color: #222 !important;}

.slick-dots li button::before {

    width: auto !important;

    font-size: 10px !important;

}



.slick-dots li, .slick-dots li button {

    padding: 0 0;

    width: auto !important;

}





.slick-dots li.slick-active button:before { 

    color: var(--laranja) !important;

}









/* Produtos */

.slider-modelos .slide, 

.slider-acabamentos .slide, 

.slider-modelos .slide img, 

.slider-acabamentos .slide img {

    text-align: center;

    margin: 0 auto;

}

.slider-modelos .slide p, 

.slider-acabamentos .slide p {

    font-size: 13px;

}



.slider-acabamentos img {

    border-radius: 100px;
    width: auto !important;
    max-width: 100%;
    height: auto;

}



.acabamentos h3 {

    font-family: 'avenir-light';

    font-size: 22px;

}



.acabamentos h3 b{

    font-family: 'avenir-black';

}



.slider-acabamentos {

    margin: 20px 0 35px 0;

}



#ficha-tecnica {   z-index: 999999;}



.descricao-produto {

    border-left: 2px solid orange;

    padding-left: 45px;

}



.descricao-produto h3 {

    margin: 0 0 20px 0;

    padding: 0 0 0 0;

    font-weight: 700;

    font-size: 28px;

}



.img-personalizacao {

    margin-top: -350px;

}





/* Representantes */

@media (min-width: 768px) {

    .aplicacao { padding-right: 50px;}

    .freeHtmlMapright.htmlMapResponsive .freeHtmlMapContainer { float: right !important;margin-top: -230px;}

}

  .fm-map-container > a { width: 0; text-indent: -999999px;}



#mapa-representantes .freeHtmlMapStateInfo h2 {

    border-bottom: 2px solid #f39926;

    padding-bottom: 12px;

    margin-bottom: 25px;

}

#mapa-representantes .freeHtmlMapStateInfo .btn-representante {

    background: #777;

    font-size: 10px;

    display: inline-block;


        margin-top: 15px; 

    text-shadow: 1px 1px 0px #777 !important;

    -webkit-font-smoothing: none !important;

}



.freeHtmlMapright.htmlMapResponsive .freeHtmlMapStateInfo .rep {

    margin-bottom: 40px;

}



/* catalogo */



.faixa-catalogo {

    background-color: var(--verde);

    background-image: url(img/bg-catalogo.jpg);

    background-size: cover;

    color: #FFF;

    padding: 30px;
    position: relative;

}



.faixa-catalogo h4 {margin-bottom: 30px;} 

.faixa-catalogo h4, 

.faixa-catalogo h4 span, 

.faixa-catalogo h4 b {

    color: #FFF !important;

    font-weight: 100;

    font-family: 'avenir-light';

}

.faixa-catalogo h4 small {

    font-size: 20px;

    background: rgba(0,0,0,.2);

    border-radius: 5px;

    padding: 4px 10px;

    margin-bottom: 10px;

    display: inline-block;

}



.faixa-catalogo h4 span {



}

.faixa-catalogo h4 span b{

    font-family: 'avenir-black';

    font-size: 78px;

}





.faixa-catalogo input, .faixa-catalogo select {

    width: 100%;

    border: 0;

    padding: 5px 8px;

    border-radius: 3px;

}



.faixa-catalogo .hs-button {

    width: auto;

    border: 0;

    padding: 5px 18px;

    border-radius: 223px;

    background: var(--laranja);

    color: #FFF;

    text-transform: uppercase;

    font-family: 'avenir-black';

}



.faixa-catalogo .hs-form-field > label { display: none;}



.faixa-catalogo .input {margin-bottom: 20px;}

.faixa-catalogo .form-columns-1 .input {

    margin-right: 0px !important;

}

.faixa-catalogo .form-columns-2 .input {

    margin-right: 25px !important;

}



.faixa-catalogo .img-catalogo {display: none;}





/* Fomrs */

.hs-form-field { margin: 10px 0;}

form input, form textarea, form select {

    width: 100%;

    border-radius: 4px;

    border: 1px solid #ccc;

    padding: 5px 10px;

    margin: 0 0;

}

form input.hs-button {

    background: var(--laranja);

    border: 0;

    text-align: center;

    width: auto;

    text-decoration: none;

    text-transform: uppercase;

    font-weight: bold;

}







.roda-de-cores {

    position: relative !important;

    min-height: 90vw;

} 



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



  .cores-especiais {

    width: 90% !important;

    margin: 0 auto !important;

    padding: 10px !important;

}





 a.link-especial {

    width: 44% !important;

    float: left !important;

    display: inline !important;

    margin: 3% !important;

    position: relative !important;

    min-height: 100px !important; 

}

}

@media screen and (min-width: 768px){ 

    .roda-de-cores {

        position: relative !important;

        min-height: 550px;

    }  

}



.nav {

  top: 50%;

  left: 50%;

  width: 80vw;

  height: 80vw;

  max-width: 500px;

  max-height: 500px;

  position: absolute;

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

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

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

}

.nav .center {

  top: 50%;

  left: 50%;

  z-index: 5;

  width: 30vw;

  height: 30vw;

  max-width: 180px;

  max-height: 180px;

  background: white;

  position: absolute;

  border-radius: 50%;

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

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

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

  box-shadow: 0 3px 5px rgba(0, 0, 0, 0);

}

.nav .center .copy {

  top: 50%;

    left: 50%;

    font-size: 18px;

    max-width: 138px;

    padding: 0 0 0 0;

    font-weight: lighter;

    text-align: center;

    text-transform: uppercase;

    position: relative;

    color: #aaaaaa;

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

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

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

}

.nav ul {

  width: 100%;

  height: 100%;

  overflow: hidden;

  position: relative;

  border-radius: 50%;

  background: none;

  box-shadow: 0 0 10px #CCC;

}

.nav ul li {

  top: 0;

  left: 0;

  width: 50%;

  height: 50%;

  cursor: pointer;

  overflow: hidden;

  position: absolute;

  background: inherit;

  border: 1px solid #FFF;

  transform-origin: 100% 100%;

  -webkit-transform-origin: 100% 100%;

  -moz-transform-origin: 100% 100%;

  background-blend-mode: multiply;

}

.nav ul li:hover {

  box-shadow: 0 0 215px rgba(0, 0, 0, 0.2) inset;

}

.nav ul li:hover.active {

  box-shadow: 0 0 215px rgba(0, 0, 0, 0.2) inset;

}

.nav ul li .contents {

  width: 50%;

  height: 50%;

  right: 18px;

  bottom: 10px;

  z-index: 2;

  position: absolute;

  background-size: 50%;

  background-position: center;

  background-repeat: no-repeat;

}

.nav ul li:nth-child(0) {

  transform: rotate(-32.7272727273deg) skew(57.2727272727deg);

  -webkit-transform: rotate(-32.7272727273deg) skew(57.2727272727deg);

  -moz-transform: rotate(-32.7272727273deg) skew(57.2727272727deg);

}

.nav ul li:nth-child(0) .contents {

  transform: skew(-57.2727272727deg) rotate(32.7272727273deg);

  -webkit-transform: skew(-57.2727272727deg) rotate(32.7272727273deg);

  -moz-transform: skew(-57.2727272727deg) rotate(32.7272727273deg);

}

.nav ul li:nth-child(1) {

  transform: rotate(0deg) skew(57.2727272727deg);

  -webkit-transform: rotate(0deg) skew(57.2727272727deg);

  -moz-transform: rotate(0deg) skew(57.2727272727deg);

}

.nav ul li:nth-child(1) .contents {

  transform: skew(-57.2727272727deg) rotate(0deg);

  -webkit-transform: skew(-57.2727272727deg) rotate(0deg);

  -moz-transform: skew(-57.2727272727deg) rotate(0deg);

}

.nav ul li:nth-child(2) {

  transform: rotate(32.7272727273deg) skew(57.2727272727deg);

  -webkit-transform: rotate(32.7272727273deg) skew(57.2727272727deg);

  -moz-transform: rotate(32.7272727273deg) skew(57.2727272727deg);

}

.nav ul li:nth-child(2) .contents {

  transform: skew(-57.2727272727deg) rotate(-32.7272727273deg);

  -webkit-transform: skew(-57.2727272727deg) rotate(-32.7272727273deg);

  -moz-transform: skew(-57.2727272727deg) rotate(-32.7272727273deg);

}

.nav ul li:nth-child(3) {

  transform: rotate(65.4545454545deg) skew(57.2727272727deg);

  -webkit-transform: rotate(65.4545454545deg) skew(57.2727272727deg);

  -moz-transform: rotate(65.4545454545deg) skew(57.2727272727deg);

}

.nav ul li:nth-child(3) .contents {

  transform: skew(-57.2727272727deg) rotate(-65.4545454545deg);

  -webkit-transform: skew(-57.2727272727deg) rotate(-65.4545454545deg);

  -moz-transform: skew(-57.2727272727deg) rotate(-65.4545454545deg);

}

.nav ul li:nth-child(4) {

  transform: rotate(98.1818181818deg) skew(57.2727272727deg);

  -webkit-transform: rotate(98.1818181818deg) skew(57.2727272727deg);

  -moz-transform: rotate(98.1818181818deg) skew(57.2727272727deg);

}

.nav ul li:nth-child(4) .contents {

  transform: skew(-57.2727272727deg) rotate(-98.1818181818deg);

  -webkit-transform: skew(-57.2727272727deg) rotate(-98.1818181818deg);

  -moz-transform: skew(-57.2727272727deg) rotate(-98.1818181818deg);

}

.nav ul li:nth-child(5) {

  transform: rotate(130.9090909091deg) skew(57.2727272727deg);

  -webkit-transform: rotate(130.9090909091deg) skew(57.2727272727deg);

  -moz-transform: rotate(130.9090909091deg) skew(57.2727272727deg);

}

.nav ul li:nth-child(5) .contents {

  transform: skew(-57.2727272727deg) rotate(-130.9090909091deg);

  -webkit-transform: skew(-57.2727272727deg) rotate(-130.9090909091deg);

  -moz-transform: skew(-57.2727272727deg) rotate(-130.9090909091deg);

}

.nav ul li:nth-child(6) {

  transform: rotate(163.6363636364deg) skew(57.2727272727deg);

  -webkit-transform: rotate(163.6363636364deg) skew(57.2727272727deg);

  -moz-transform: rotate(163.6363636364deg) skew(57.2727272727deg);

}

.nav ul li:nth-child(6) .contents {

  transform: skew(-57.2727272727deg) rotate(-163.6363636364deg);

  -webkit-transform: skew(-57.2727272727deg) rotate(-163.6363636364deg);

  -moz-transform: skew(-57.2727272727deg) rotate(-163.6363636364deg);

}

.nav ul li:nth-child(7) {

  transform: rotate(196.3636363636deg) skew(57.2727272727deg);

  -webkit-transform: rotate(196.3636363636deg) skew(57.2727272727deg);

  -moz-transform: rotate(196.3636363636deg) skew(57.2727272727deg);

}

.nav ul li:nth-child(7) .contents {

  transform: skew(-57.2727272727deg) rotate(-196.3636363636deg);

  -webkit-transform: skew(-57.2727272727deg) rotate(-196.3636363636deg);

  -moz-transform: skew(-57.2727272727deg) rotate(-196.3636363636deg);

}

.nav ul li:nth-child(8) {

  transform: rotate(229.0909090909deg) skew(57.2727272727deg);

  -webkit-transform: rotate(229.0909090909deg) skew(57.2727272727deg);

  -moz-transform: rotate(229.0909090909deg) skew(57.2727272727deg);

}

.nav ul li:nth-child(8) .contents {

  transform: skew(-57.2727272727deg) rotate(-229.0909090909deg);

  -webkit-transform: skew(-57.2727272727deg) rotate(-229.0909090909deg);

  -moz-transform: skew(-57.2727272727deg) rotate(-229.0909090909deg);

}

.nav ul li:nth-child(9) {

  transform: rotate(261.8181818182deg) skew(57.2727272727deg);

  -webkit-transform: rotate(261.8181818182deg) skew(57.2727272727deg);

  -moz-transform: rotate(261.8181818182deg) skew(57.2727272727deg);

}

.nav ul li:nth-child(9) .contents {

  transform: skew(-57.2727272727deg) rotate(-261.8181818182deg);

  -webkit-transform: skew(-57.2727272727deg) rotate(-261.8181818182deg);

  -moz-transform: skew(-57.2727272727deg) rotate(-261.8181818182deg);

}

.nav ul li:nth-child(10) {

  transform: rotate(294.5454545455deg) skew(57.2727272727deg);

  -webkit-transform: rotate(294.5454545455deg) skew(57.2727272727deg);

  -moz-transform: rotate(294.5454545455deg) skew(57.2727272727deg);

}

.nav ul li:nth-child(10) .contents {

  transform: skew(-57.2727272727deg) rotate(-294.5454545455deg);

  -webkit-transform: skew(-57.2727272727deg) rotate(-294.5454545455deg);

  -moz-transform: skew(-57.2727272727deg) rotate(-294.5454545455deg);

}

.nav ul li:nth-child(11) {

  transform: rotate(327.2727272727deg) skew(57.2727272727deg);

  -webkit-transform: rotate(327.2727272727deg) skew(57.2727272727deg);

  -moz-transform: rotate(327.2727272727deg) skew(57.2727272727deg);

}

.nav ul li:nth-child(11) .contents {

  transform: skew(-57.2727272727deg) rotate(-327.2727272727deg);

  -webkit-transform: skew(-57.2727272727deg) rotate(-327.2727272727deg);

  -moz-transform: skew(-57.2727272727deg) rotate(-327.2727272727deg);

}



.cores.um {

  position: absolute;

  top: 0;

}

.cores.um li {

  background: none;

  z-index: 0;

}



.cores.dois {

  position: absolute;

  top: 0;

}

.cores.dois li {

  background: none;

  z-index: 4;

}



.cores:after {

  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background-image: url(./img/bg-li.png);

  background-size: cover;

  background-blend-mode: multiply;

  z-index: 3;

}



.cores.um li:nth-child(1) {

  background-color: #f6e5d6;

}



.cores.um li:nth-child(2) {

  background-color: #c25fd2;

}



.cores.um li:nth-child(3) {

  background-color: #2482eb;

}



.cores.um li:nth-child(4) {

  background-color: #fdb8d3;

}



.cores.um li:nth-child(5) {

  background-color: #3eb337;

}



.cores.um li:nth-child(6) {

  background-color: #f8e219;

}



.cores.um li:nth-child(7) {

  background-color: #ff9600;

}



.cores.um li:nth-child(8) {

  background-color: red;

}



.cores.um li:nth-child(9) {

  background-color: #592b2d;

}



.cores.um li:nth-child(10) {

  background-color: #1b1416;

}



.cores.um li:nth-child(11) {

  background-color: #aaaaaa;

}

.guia-de-cores h1.titulo_pagina {

    text-align: center;

    font-size: 32px;

}





#tabela_cores h2.subtitle {

    border-bottom: 2px solid #f8f8f8;

    padding: 0 0 15px 0;

    margin-bottom: 30px;

}





#tabela_cores .cor {

    background: #fcfcfc;

    padding: 10px 5px;

    box-shadow: 0 0 2px #dddddd;

    border-radius: 10px;

    margin: 10px 0;
    width: 100%;

}





#tabela_cores .cor h3 {

    font-size: 15px;

    text-align: center;

    margin: 0;

}



#tabela_cores .cor .amostra {

    width: 100%;

    height: 100px;

    border-radius: 2px;

    margin: 10px 0;

}



#tabela_cores .cor p {

    margin: 0;

    font-size: 16px;

}



.chamada-cat {

    font-size: 18px;

    color: #999;

    display: inline-block;

    font-weight: 100;

}



.clear {clear: both;}

.cores-especiais {

    display: inline-block;

    margin: 40px auto;

    width: auto;

    background: #f5f5f5;

    border-radius: 5px;

    padding: 10px 50px;

    color: #999 !important;

}

a.link-especial {

    display: inline-block;

    width: 130px;

    height: 130px;

    margin: 10px;

    position: relative;

    overflow: hidden;

    border-radius: 4px;

}



a.link-especial img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: auto;

    z-index: 0;

}

a.link-especial span {

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 1;

    color: #FFF;

    text-transform: uppercase;

    font-weight: bold;

    font-size: 14px;

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

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

    width: 100%;

}

     

@media (min-width: 768px) {

.faixa-catalogo {border-radius: 20px;}

.faixa-catalogo .img-catalogo {

    display: block;

    position: absolute;

    left: 50px;

    top: 50%;

    transform: translateY(-45%);

    z-index: 9999;
    width: 100%;
    max-width: 416px;

}    

/* media */ }

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

 .conteudo-artigo .container {
    padding-left: 35px !important;
    padding-right: 35px !important;
}
.title-post h1 {
    font-size: 28px;
}

    .faixa-catalogo input, .faixa-catalogo select { width: 100% !important;}

    .faixa-catalogo .form-columns-2 .input { margin-right: 0px !important;}

.btn { margin: 10px 0;}

    h2.section-title,

    #aplicacoes h2.section-title,

    #empresa-home h2.section-title {

        font-size: 7vw;

    }

    #topo-categoria h1 {font-size: 10vw;}

    .faixa-catalogo h4 br {display: none;}

    .faixa-catalogo h4 span b { font-size: 18vw;}

    .faixa-catalogo h4 span { text-align: center; font-size: 8vw;}

    .faixa-catalogo h4 small {  text-align: center; display: block; text-align: center;}

    .aplicacao .text-right { text-align: left !important;}

    .btn-sm {font-size: 3vw;}

    .btn-md {font-size: 3.5vw;}

    .btn-lg {font-size: 4vw;}

    .aviamento {

        margin: 20px 0;

        background: #fcfcfc;

        border-radius: 10px;

        padding: 15px 0;

    }

    .img-personalizacao {margin-top: 20px !important;}

    .footer-widget {margin-bottom: 28px;}

    .vertical-align {display: block;}

    .acabamentos {margin-top: 60px;}

    .produto-home img, .produto-home .text-right { max-width: 159px !important; text-align: left;}

}



#ftco-loader {

  position: fixed;

  width: 96px;

  height: 96px;

  left: 50%;

  top: 50%;

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

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

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

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

  -webkit-box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);

  box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);

  border-radius: 16px;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: opacity .2s ease-out, visibility 0s linear .2s;

  -o-transition: opacity .2s ease-out, visibility 0s linear .2s;

  transition: opacity .2s ease-out, visibility 0s linear .2s;

  z-index: 9999;

}



#ftco-loader.fullscreen {

  padding: 0;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  -webkit-transform: none;

  -ms-transform: none;

  transform: none;

  background-color: #fff;

  border-radius: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

}



#ftco-loader.show {

  -webkit-transition: opacity .4s ease-out, visibility 0s linear 0s;

  -o-transition: opacity .4s ease-out, visibility 0s linear 0s;

  transition: opacity .4s ease-out, visibility 0s linear 0s;

  visibility: visible;

  opacity: 1;

}



#ftco-loader .circular {

  -webkit-animation: loader-rotate 2s linear infinite;

  animation: loader-rotate 2s linear infinite;

  position: absolute;

  left: calc(50% - 24px);

  top: calc(50% - 24px);

  display: block;

  -webkit-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  transform: rotate(0deg);

}



#ftco-loader .path {

  stroke-dasharray: 1, 200;

  stroke-dashoffset: 0;

  -webkit-animation: loader-dash 1.5s ease-in-out infinite;

  animation: loader-dash 1.5s ease-in-out infinite;

  stroke-linecap: round;

}



@-webkit-keyframes loader-rotate {

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



@keyframes loader-rotate {

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



@-webkit-keyframes loader-dash {

  0% {

    stroke-dasharray: 1, 200;

    stroke-dashoffset: 0;

  }

  50% {

    stroke-dasharray: 89, 200;

    stroke-dashoffset: -35px;

  }

  100% {

    stroke-dasharray: 89, 200;

    stroke-dashoffset: -136px;

  }

}



@keyframes loader-dash {

  0% {

    stroke-dasharray: 1, 200;

    stroke-dashoffset: 0;

  }

  50% {

    stroke-dasharray: 89, 200;

    stroke-dashoffset: -35px;

  }

  100% {

    stroke-dasharray: 89, 200;

    stroke-dashoffset: -136px;

  }

}

@media screen and (max-width: 768px) {
    .page-template-template-pilar #site-content .col-md-12 li > a[href*="/ilhoses/"],
    .page-template-template-pilar #site-content .col-md-12 li > a[href*="/ilhoses-com-arruela/"],
    .page-template-template-pilar #site-content .col-md-12 li > a[href*="/ilhoses-com-garra/"],
    .page-template-template-pilar #site-content .col-md-12 li > a[href*="/ilhos-para-respiro/"],
    .page-template-template-pilar #site-content .col-md-12 li > a[href*="blog.baxmann.com.br/botoes-de-pressao-quando"],
    .page-template-template-pilar #site-content .col-md-12 li > a[href*="blog.baxmann.com.br/o-que-sera-tendencia"] {
        align-items: center;
        display: inline-flex;
        min-height: 48px;
        min-width: 48px;
        vertical-align: middle;
    }
}