html{
	background-image: url(../imagens/textura.png);
	background-repeat: repeat;
	background-position: center top;
}
body{
	line-height: 26px !important;
	font-family: 'open_sansregular' !important;
    font-weight: 400 !important;
	font-size: 14px !important;
	color: #424242 !important;
	background-color: transparent !important;
	text-align: justify !important;
     background-image: url(../imagens/top1.png) !important;
    background-repeat: no-repeat !important;
    background-position: center -65px !important;
}

header{
    position: relative;
    z-index: 2;
}
.header-two{
   margin-bottom: 76px;
    position: relative;
    z-index: 10;
}

.body-two{
    background-image: url(../imagens/top2.png) !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
}
h1{
	font-size: 23px !important;
    text-transform: uppercase !important;
    position: relative;
    display: block !important;
    text-align: center;
    padding-bottom: 19px;
    margin-top: 0px !important;
     font-family: 'open_sansextrabold' !important;
}
h1 span{
    font-family: 'open_sansregular' !important;
    font-size: 18px;
}
/*h1:before{
	content: "";
	width: 100px;
	height: 1px;
	position: absolute;
	bottom: 5px;
	left: 0px;
    right: 0px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	background-color: #000;
}*/
h1 span{
    color: #a0a0a3;
    font-size: 20px;
}

h1:after{
	content: "";
	width: 70px;
	height: 1px;
	position: absolute;
	bottom: 0px;
    right: 0px;
	left: 0px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	background-color: #000;
}

h2{
	display: block !important;
	font-size: 19px !important;
	text-transform: uppercase !important;
	color: #a31c32 !important;
    font-family: 'open_sansbold' !important;
}
h2 span{
	color: #424242 !important;
    font-family: 'open_sansregular' !important;
}

h3{
	display: block !important;
	font-size: 17px !important;
	text-transform: uppercase !important;
}
.subheader {
        font-weight: 400;
    display: block;
    color: #0161a4;
    text-align: left;
    font-size: 17px;
    margin-top: 0px;
    margin-bottom: 0px;
}


/*tel e horario top*/

.tel5{
       width: 100%;
    height: auto;
    outline: none;
    line-height: 39px;
    border: 0px;
    background: #a31c32;
    background-repeat: repeat;
    background-position: center top;
    border-radius: 10px;
    margin-bottom: 16px;
    margin-top: 84px !important;
    z-index: 200;
    color: #fff;
}
.tel5 span{
        background-image: url(../imagens/tel.png);
    float: left;
    margin: 5px 10px 5px 22px;
    width: 30px;
    height: 30px;
}
a.face{
    display: block;
    text-decoration: none !important;
    margin-top: 9%;
    line-height: 20px;
    font-size: 14px;
    background-image: url(../imagens/facebook.png);
    background-position: right top;
    background-repeat: no-repeat;
    padding: 4px 77px 6px 0px;
    margin-right: 20px;
    
}


/*menu top*/
.menu-top{
	padding: 15px 0 15px 0;
	background-color: transparent !important;
}
.menu-top .navbar{
     background-color: transparent !important;
    border: 0px;
    margin-bottom: 0px !important; 
}
.menu-top .navbar .navbar-collapse, .menu-top .navbar .navbar-collapse ul {
	width: 100% !important;
}
.menu-top .navbar ul li.active a{
	color: #555 !important;
    background-color: transparent !important;
    border-top: solid 2px #ff0000 !important;
}
.menu-top .navbar ul li ul.dropdown-menu{
    background-color: #f00 !important;
    padding: 10px;
    border: 0px;
}
.menu-top .navbar ul li ul.dropdown-menu li a{
	color: #fff;
	padding: 10px;
	margin-bottom: 5px;
	padding: 10px !important;
}
.menu-top .navbar ul li ul.dropdown-menu {
    min-width: 200px;
}
.menu-top .navbar-nav li{
    width: 100% !important;
}
.menu-top #navbar {
 padding: 0px !important; 
}
.menu-top nav ul{
    padding: 0px;
}

.menu-top nav ul li{
    width: 100%;
}
.menu-top nav ul li a{
        background-color: #373737;
    border-bottom: 1px solid #212121;
    color: #fff;


}
.menu-top nav ul li a:hover{
    color: #000;
}


.menu-top .navbar ul li ul.dropdown-menu li a:hover{
	color: #262626;
    text-decoration: none;
    background-color: #d60000;
}

.bk-fund2{
    padding-bottom: 10px;
    background-repeat: repeat;
    margin-top: 226px;
    background-position: center top;
}
.bk-fund .navbar{
	margin-bottom: 0px !important;
}

/*buttom*/
/* Button 3 */
.btn-3 {
	background: #a31c32;
	color: #fff;
}

.btn-3:hover {
	    background-color: #676767;
    background: #676767;
    background: -moz-linear-gradient(-45deg, #676767 0%, #313131 100%);
    background: -webkit-linear-gradient(-45deg, #676767 0%,#313131 100%);
    background: linear-gradient(135deg, #676767 0%,#313131 100%);
}

.btn-3:active {
	    background-color: #676767;
    background: #676767;
    background: -moz-linear-gradient(-45deg, #676767 0%, #313131 100%);
    background: -webkit-linear-gradient(-45deg, #676767 0%,#313131 100%);
    background: linear-gradient(135deg, #676767 0%,#313131 100%);
	top: 2px;
}

/* Button 3e */

.btn-3e {
	padding: 10px 28px 10px 30px !important;
    overflow: hidden;
    line-height: 30px !important;
}

.simul-img{
	width: 30px;
	float: right;
	margin-left: 20px;
}

/*slide*/
#slide-tam{
    position: relative;
    z-index: 0;
    margin-top: 18px;
    margin-bottom: -60px;
    width: 1310px;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 1310px ){
    #slide-tam{
        width: 100%;
    }
}
.ul-slid{
	width: auto;
    text-align: left;
    line-height: 18px;

}
.ul-slid a.slide_link{
  position: relative;
  list-style: none;
  padding: 10px;
  margin-top: 30px;
  border: 2px solid #fff;
  color: #fff;
  overflow: hidden;
  border-radius: 10px;
}

.ul-slid a.slide_link:before{
    position: absolute;
    width: 0%;
    height: 100%;
    display: block;
    content: "";
    background-color: #343044;
    left: 0px;

    top: 0px;
    transition: all 0.2s ease-in-out;
    z-index: -1;
}
.ul-slid a.slide_link:hover:before{
    width: 100%;
    transition: all 0.2s ease-in-out;
}

.ul-slid .icon{
    float: left;
    display: block;
    margin-right: 15px;
}
.ul-slid .icon i{
    font-size: 38px;
    color: #e5e1ff;
}
.ul-slid .text{
     
     font-size: 35px;
     color: #fff;
      display: block;
      line-height: 34px;

}
.ul-slid .text span{
    
}

/*buttao geral*/
.bt-geral{
    display: block;
    text-decoration: none;
    font-size: 27px;
    float: left;
    color: #424242;
    bottom: -27px;
    left: 87%;
    position: relative;
}
.bt-geral span{
	position: relative;
}
.bt-geral span i{
	display: block;
	color: #f16126;
    transition: all 0.2s ease-in-out;
}
.paletas:hover .bt-geral span i{
    color: #4a4a4c;
}


.paletas{
	margin-bottom: 20px;
    background-color: rgba(0, 0, 0, 0.16);
    padding: 15px;
    border-radius: 15px;
    display: block;
    text-decoration: none !important;
    min-height: 118px;
        border: 3px solid #4e4e4e;
}
.paletas h2{
    color: #4a4a4c !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    text-align: left;
    margin-top: 0px !important;
}
.paletas p{
    color: #808080 !important;
    text-align: left;
}

/*orçamento*/
.orcamento{
	color: #ffffff;
    background-color: #676767;
    background: #676767;
    background: -moz-linear-gradient(-45deg, #676767 0%, #313131 100%);
    background: -webkit-linear-gradient(-45deg, #676767 0%,#313131 100%);
    background: linear-gradient(135deg, #676767 0%,#313131 100%);
    display: block;
    padding-bottom: 20px;
}
.orcamento h2{
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff !important;
    line-height: 30px;
    text-align: left;
}
.orcamento h2 span{
	color: #b2e64f !important;
}
.orcamento .orc-bt{
	display: block;
    padding: 9px;
    position: relative;
    overflow: hidden;
    background-color: #13d0cc;
    border-radius: 100px;
    color: #fff;
    margin: 43px 0 21px 0;

}
.orcamento .orc-bt:before{
	content: '';
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: left bottom;
    background-repeat: no-repeat;
    pointer-events: none;
    background-image: url(../imagens/orc.svg);
    -webkit-transform: translateX(40%);
    transform: translateX(40%);
}


/*filtrar produtos*/
.produtos-por-marcas{
  display: block;
  list-style: none;
  padding: 0px;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #ddd;
  margin-top: 15px;
}
.produtos-por-marcas h2{
    display: block;
    color: #363636 !important;
    background-color: #bae746;
    border-radius: 10px 10px 0 0;
    padding: 10px;
    text-align: left;
    font-size: 14px !important;
    margin-top: 0px;
}
.produtos-por-marcas h3{
	font-size: 13px !important;
	text-align: center !important;
	min-height: 40px;
}

.produtos-por-marcas .marcs{
  padding: 3px;
  display: block;
  width: 100%;
  background-color: #ededed;
  margin: 15px 0 15px 0;
  padding-left: 10px;
  font-size: 15px;
  font-weight: bold;
}
.produtos-por-marcas li{
  width: 100%;
}
.produtos-por-marcas li a{
    margin-left: 15px;
    margin-right: 15px;
    border-bottom: 1px solid #ddd;
    width: 88%;
    margin-bottom: 10px;
    color: #5d5d5d;
    display: block;
    font-size: 15px;
}
.produtos-por-marcas li button{
	display: block;
	border: 0px;
	width: 100%;
	height: auto;
	outline: none;
	background-color: transparent !important;
}
/*video*/
.embed-responsive-item{
	height: auto !important;
	width: 100% !important;
	display: block;
}


/*blog index*/
.meio-site{

}


.meio-site ul{
    padding: 0px 0px 0px 0px;
    list-style: none;
}
.meio-site ul li
{
    width: 100%;
}
.meio-site ul li a
{
    width: 100%;
    display: block;
    border-radius: 100px;
    padding: 7px 20px 7px 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #F5F5F5;

        background-color: #676767;
    background: #676767;
    background: -moz-linear-gradient(-45deg, #676767 0%, #313131 100%);
    background: -webkit-linear-gradient(-45deg, #676767 0%,#313131 100%);
    background: linear-gradient(135deg, #676767 0%,#313131 100%);
}

/*fomularios*/
/*form.contatos button, .bt-curriculo, form.contatos input.btn-lg{
    background: #0161a4 !important;
    height: 35px !important;
    width: 100% !important;
    float: left !important;
    text-align: center !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
}*/
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #55595c;
    background-color: #fff;
    background-image: none;
    border: solid 1px #c5c5c5 !important;
    box-shadow: 0px 4px 0px #cecece !important;
    border-radius: .25rem;
}

/*missao*/
ul.missao{
	width: 100%;
	list-style: none;
	padding: 0px;
}
ul.missao li{
	width: 100%;
	display: block;
	margin-bottom: 20px;
}
ul.missao .ico{
            padding: 18px 10px 18px 10px;
    width: 84px;
    background-color: #676767;
    background: #676767;
    background: -moz-linear-gradient(-45deg, #676767 0%, #313131 100%);
    background: -webkit-linear-gradient(-45deg, #676767 0%,#313131 100%);
    background: linear-gradient(135deg, #676767 0%,#313131 100%);
    display: block;
    float: left;
    border-radius: 13px;
    margin-right: 20px;
}

ul.missao .ico img{
	width: 65%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
ul.missao .text h2{
	padding-top: 15px;
	display: block;
}

/* clientes */
/*marcas rodape*/
.marcas-rodape{
  width: 100%;
  padding: 0px;
  border-radius: 10px;
  margin-bottom: 10px;
  list-style: none;
}
.marcas-rodape li{
	margin-bottom: 10px;
  float: left;
}
.marcas-rodape li a{
      box-shadow: inset rgba(0, 0, 0, 0.15) 7px 1px 19px !important;
      display: block;
      background: #EFEFEF;
      border-radius: 10px;
}

/* simulador*/
.simulador-pag{
	width: 100%;
	display: block;
}
.simulador-pag ul#cores{
	list-style: none;
	display: block;
	padding: 0px;
}
.simulador-pag ul#cores h2{
	font-size: 15px !important;
}
.simulador-pag ul#cores li{
	width: 30px;
	height: 30px;
	margin: 5px;
	border-radius: 6px;
	float: left;
	cursor: pointer;
	transition: 0.2s;
}
.simulador-pag ul#cores li a{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 6px;
}
.simulador-pag ul#cores li:hover a, .simulador-pag ul#cores li a.active{
	box-shadow: 0 0 50px 0 rgba(0,0,0,.5);
}


.blue{
	background-color:	#049cdb;
display: block;}	
.green{
	background-color:	#46a546;
	display: block;	}
.red{
	background-color:	#9d261d;
display: block;}	
.yellow{
	background-color:	#ffc40d;
display: block;}	
.orange{
	background-color:	#f89406;
	display: block;	}
.pink{
	background-color:	#c3325f;
	display: block;	}
.purple{
	background-color:	#7a43b6;
display: block;}
.black{
	background-color:	#2a2a2a;
display: block;}
.img-grande{
	width: 100%;
	position: relative;
}
.simulador-pag .img{
	width: 100%;
	margin-top: 15px;
	

}
.img-padrao{
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.img-padrao img{
	width: 100%;
}
.simulador-pag .img img{
	width: 100%;
	border-radius: 20px;
}
.menu-responsive {
    width: 100%;
    display: block;
    background-image: url(../imagens/menu.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    border-radius: 100px 100px 0 0;
}
.menu-responsive button{
     margin-right: auto !important;
    margin-left: auto !important;
    margin-top: 14px;
    height: 37px;
    width: 100%;
    float: inherit !important;
    background-color: #000000 !important;
    border-radius: 7px;
/*    box-shadow: 4px 3px 0px #ef4137;*/
    border: 0px;
}
.menu-responsive button .icon-bar{
      background-color: #fff !important;
}

/*menu*/
 .navbar-nav {
    width: auto !important;
    float: right !important;
    position: relative;
    margin-top: 30px !important;
    margin-top: 0px;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 14;
    background-image: url(../imagens/menu.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    border-radius: 100px;
/*    transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -webkit-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -o-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1.003) skew(-26deg) translate(0px);*/
    transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
        display: block !important;
}
 .navbar-nav span {
    display: block;
/*    transform-style: flat;
    -webkit-transform-style: flat;
    -moz-transformtransform-style: flat;
    -ms-transform-style: flat;
    transform: rotate(0deg) scale(1.003) skew(26deg) translate(0px);
    -webkit-transform: rotate(0deg) scale(1.003) skew(26deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1.003) skew(26deg) translate(0px);
    -o-transform: rotate(0deg) scale(1.003) skew(26deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1.003) skew(26deg) translate(0px);*/
        display: block !important;
}
 .navbar-nav li {
    /* transition: all .4s ease-in-out; */
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    /* -webkit-transition: all .4s ease-in-out; */
    /* transition: all .4s ease-in-out; */
        display: block !important;
    padding: 0 1px !important;
    width: auto !important;
    float: left;
    position: relative;
    background-color: transparent;


}
 .navbar-nav li a {
    font-size: 14px;
    color: #fff;
    padding: 10px !important;
    text-transform: uppercase;
    background-color: transparent;
    line-height: 14px !important;
        display: block !important;
        font-weight: normal;
        
}
.navbar-nav li a:hover{
    background-color: transparent !important;
}
.navbar-nav li.current a{
        background-color: #032264 !important;
    border-radius: 100px;
    margin: 0px;
}
.navbar-nav li.current::before{
      content: "";
    display: block;
    background-image: url(../imagens/raio.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 50px;
    height: 100px;
    position: absolute;
    top: -83px;
    z-index: 1;
}
.navbar-nav li ul{
    position: absolute;
    width: 200px;
    height: auto;
    display: block;
    top: 70px;
    left: 0px;
    padding: 0px;
    transition: all 0.2s ease-in-out;
    visibility: hidden;
    background: #032264;
    border-radius: 10px;
}
.navbar-nav li ul.sub{
    left: auto;
    right: 0px !important;
}
.navbar-nav li:hover ul{
    transition: all 0.2s ease-in-out;
  visibility: visible;
  top: 36px;
}
.navbar-nav li ul li{
    width: 100% !important;
    margin-bottom: 5px !important;
    display: block !important;
}
.navbar-nav li ul li a{
        padding: 10px !important;
    display: block !important;
    width: 100% !important;
}

/* soluçoes */
a.serv{
    display: block;
    text-decoration: none !important;
    color: #fff;
    background-image: url(../imagens/text-bk-black.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 6px;
    width: 200px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    border-radius: 100px;
    font-size: 17px;
    margin-bottom: 20px;
    transition: all 0.2s ease-in-out;
}
a.serv:hover{
    color: #fff;
    background-color: #4a4a4c;
}
.dic .item{
    margin: 0px 15px 0 15px;
}

/*dicas uteis*/
a.dicas{
    display: block;
    text-decoration: none !important;
    width: 100%;
}
a.dicas .img{
    width: 100%;
    position: relative;
    overflow: hidden;
}
a.dicas .img span{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(23, 35, 67, 0.68);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -moz-opacity: .0;
    -khtml-opacity: .0;
    -webkit-opacity: .0;
    opacity: .0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);

}
a.dicas:hover .img span{
    -moz-opacity: .9;
    -khtml-opacity: .9;
    -webkit-opacity: .9;
    opacity: .9;
    -ms-filter: alpha(opacity=90);
    filter: alpha(opacity=90);
}
a.dicas .img span i{
   text-align: center;
   display: block;
   color: #fff;
   font-size: 30px;
   top: 50%;
    left: 50%;
   position: absolute;
      /* transform: translate(-50%,-50%) scale(.3,.3);
    -webkit-transform: translate(-50%,-50%) scale(.3,.3);
    -moz-transform: translate(-50%,-50%) scale(.3,.3);
    -ms-transform: translate(-50%,-50%) scale(.3,.3);
    -o-transform: translate(-50%,-50%) scale(.3,.3);*/
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

}

a.dicas:hover .img span i{
    transform: translate(-50%,-50%) scale(1,1);
    -webkit-transform: translate(-50%,-50%) scale(1,1);
    -moz-transform: translate(-50%,-50%) scale(1,1);
    -ms-transform: translate(-50%,-50%) scale(1,1);
    -o-transform: translate(-50%,-50%) scale(1,1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
}
a.dicas .text h2, a.dicas p{
    font-size: 14px !important;
    color: #4a4a4c !important;
}
a.dicas .dat{
    color: #a31c32;
    font-size: 15px;
}
a.dicas span.bt{
    background-color: #000000;
    border: #000000 solid 2px;
    color: #fff;
    padding: 4px 15px 4px 15px;
    display: block;
    float: left;
    border-radius: 5px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
a.dicas:hover span.bt{
    background-color: #fff;
    color: #f16126;
    border: #f16126 solid 2px;
}

/*clientes*/
.client .item{
    margin: 0px 15px 0 15px;
}
.client .item img{
 border: solid 1px #ddd;
 border-radius: 4px;
}

fieldset#texto01, fieldset#texto02, fieldset#texto03{
    border: solid 1px #d8d8d8 !important;
    border-radius: 4px !important;
}

.sobre-empresa{
        background-image: url(../imagens/text-bk-black.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    color: #fff;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 38px;
}
.sobre-empresa h3{
    color: #eaf809;
}
.sobre-empresa a{
    display: block;
    color: #eaf809;
    text-decoration: none;
}
.sobre-empresa a:hover{
    color: #ddd;
}


/*menu projetos2*/
.menu-projetos2{
    display: block;
    width: 100%;
    list-style: none;
    padding: 0;
    margin-top: 40px;
    position: relative;
    z-index: 600;

    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.menu-projetos2 li{
    float: left;
    margin-right: 2%;
    position: relative;
}
.menu-projetos2 li a{
     padding: 4px 15px 4px 15px;
        background: #eeeeee;
    -webkit-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
    color: #a31c32;
    display: block;
    background-repeat: repeat;
    background-position: center top;
    border-radius: 10px;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
}
.menu-projetos2 li ul li a{
    background-image: inherit !important;
}
.menu-projetos2 li a.cat_menu{

  min-height: 30px !important; 
}
.menu-projetos2 li a.cat_menu:before{
    display: none;
}
.menu-projetos2 li a:before{
        position: absolute;
    width: 10px;
    height: 10px;
    background-color: #a31c32;
    border-radius: 100px;
    content: "";
    bottom: -6px;
    margin: auto auto;
    left: 0;
    right: 0;
    display: block;
}
.menu-projetos2 li a:hover{
        transition: all 0.2s ease-in-out;
        /*box-shadow: 4px 3px 0px #797979;*/
        text-decoration: none;
        color: #fdb515 !important;
}
.menu-projetos2 li.ul-prod-resp{
    position: inherit !important;
}

.menu-projetos2 li ul, .menu-projetos3 li ul {
    position: absolute;
    width: 700px;
    height: auto;
    display: block;
    top: 70px;
    left: 0px;
    /*background-image: url(../imagens/footer_lodyas.png);*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */
background: rgb(169,3,41); /* Old browsers */
background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
    background-repeat: repeat;
    background-position: center top;
    padding: 0px;
    transition: all 0.2s ease-in-out;
     visibility: hidden; 
    border-radius: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.menu-projetos2 li:hover ul, .menu-projetos3 li:hover ul{
   top: 40px;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
filter: alpha(opacity=1);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;

   visibility: visible;
}
.menu-projetos2 li ul li, .menu-projetos3 li ul li{
    float: inherit;
    margin: 0px;
    width: 100%;
    display: block;
}
.menu-projetos2 li ul li a.sub, .menu-projetos3 li ul li a.sub{
    background-color: transparent;
    border-radius: 0px;
    box-shadow: none !important;
    border-bottom: solid 1px #808080;
    color: #fff;
/*    text-transform: lowercase;*/
}
.menu-projetos2 li ul li a.sub:before, .menu-projetos3 li ul li a.sub:before{
    display: none;
}

.menu-projetos2 li ul li a h3, .menu-projetos3 li ul li a h3{
    font-size: 15px !important;
    padding-bottom: 10px;
    margin-bottom: 1px;
}


/*menu projetos3*/
.menu-projetos3{
    display: block;
    width: 100%;
    list-style: none;
    padding: 0;
    margin-top: 94px;
     position: relative;
    z-index: 600;
}
.menu-projetos3 li{
    float: right;
    margin-left: 2%;
    position: relative;
}

.menu-projetos3 li a{
        padding: 4px 15px 4px 15px;
    color: #fff;
    display: block;
    background-image: url(../imagens/footer_lodyas.png);
    background-repeat: repeat;
    background-position: center top;
    border-radius: 35px;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
}
.menu-projetos3 li a:before {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #fd4000;
    border-radius: 100px;
    content: "";
    bottom: -6px;
    margin: auto auto;
    left: 0;
    right: 0;
    display: block;
}
.menu-projetos3 li a:hover{
        transition: all 0.2s ease-in-out;
       /* box-shadow: 4px 3px 0px #797979;*/
        text-decoration: none;
        color: #f69f2b;
}


/*menu projetos*/
.menu-projetos{
    display: block;
    width: 100%;
    list-style: none;
    padding: 0;
    border-radius: 7px;
    background-color: #7c7c7c;
    overflow: hidden;
}
.menu-projetos li{
    float: left;
}
.menu-projetos li.current{
    background-color: #4c4c4c;
}
.menu-projetos li a{
    padding: 9px;
    color: #fff;
    display: block;
}


/*video*/
.project{
    position: relative;
    overflow: hidden;
    display: block;
    background: transparent;
    background-image: url(../imagens/rodape.png);
    background-position: center top;
    background-repeat: repeat;
    padding: 20px 0 20px 0;
}
.project  video {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background-size: cover;
    transition: 1s opacity;
    overflow: hidden;
}

.homepage-hero-module {
  border-right: none;
  border-left: none;
  position: relative;
  height: 530px !important;
}
.no-video .video-container video,
.touch .video-container video {
  display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
  display: block !important;
}
.video-container {
  position: relative;
  bottom: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #000;
}
.video-container .poster img {
  width: 100%;
  bottom: 0;
  position: absolute;
}
.video-container .filter {
  z-index: 100;
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
}
.video-container .title-container {
  z-index: 1000;
  position: absolute;
  top: 15%;
  width: 100%;
  text-align: center;
  color: #fff;
}
.video-container .description .inner {
  font-size: 1em;
  width: 45%;
  margin: 0 auto;
}
.video-container .link {
  position: absolute;
  bottom: 3em;
  width: 100%;
  text-align: center;
  z-index: 1001;
  font-size: 2em;
  color: #fff;
}
.video-container .link a {
  color: #fff;
}
.video-container video {
  position: absolute;
  z-index: 0;
  bottom: 0;
}
.video-container video.fillWidth {
  width: 100%;
}

/*produtos*/
.produtos h3{

    
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-top: 40px;
    font-size: 20px;
}
.produtos .text-p{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;

}
.prod-pal{
    padding-bottom: 10px;
}
.prod-pal a{
    list-style: none;
    text-decoration: none;
    width: 100%;
    margin-bottom: 20px;
    display: block;
}
.prod-pal a h4 {
    color: #18baff;
    text-align: left;
    font-size: 14px;
}
.prod-pal a img{
    border-radius: 10px;
    border: solid #ddd 4px;
    width: 120px;
    float: left;
    margin-right: 10px;
   
}
.prod-pal a p{
    color: #ccc;
    text-align: left;
}
.prod-pal a span{
    color: #18baff;
}
/*categorias*/
ul.cat-index{
    display: block;
    list-style: none;
    padding: 10px;
    background-color: #D8D9DB;
    border-radius: 13px;
    box-shadow: inset 5px 5px 22px rgba(0, 0, 0, 0.31);
}
ul.cat-index h3{
    color: #3A3A3A !important;
    font-size: 20px;
    border-bottom: 2px solid #B2B2B4;
    padding-bottom: 10px;
}
ul.cat-index li{
    width: 100%;
}
ul.cat-index li a{
    width: 100%;
    padding: 5px;
    display: block;
    color: #5D5D5D;
}
.serv-emp{
    list-style: none;
    display: block;
    padding: 0px;
}
.serv-emp li{
    padding: 10px 10px 10px 28px;
    background-image: url(../imagens/icon-raio.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 24px;
}
/* section meio-paletas-produtos*/
section.meio-paletas-produtos{
    background-repeat: no-repeat;
    background-image: url(../imagens/meio-paletas-produtos.png);
    background-position: center top;
    width: 100%;
    min-height: 500px;
    display: block;
    /*margin-top: -121px;*/
    position: relative;
}
section.meio-paletas-produtos .paletas-produtos{
        background-repeat: no-repeat;
    background-image: url(../imagens/paletas_produtos.png);
    background-position: center top;
    width: 100%;
    display: block;
    border-radius: 1000px;
    padding: 20px;
    position: relative;
}
section.meio-paletas-produtos .paletas-produtos .img-tam{
    height: 100px;
}
section.meio-paletas-produtos .paletas-produtos .abs{
    position: static;
    top: 50px;
    width: 100%;
    margin-top: 0%;
    color: #fff;
    display: block;
}
section.meio-paletas-produtos .paletas-produtos .abs h2{
    
    text-transform: uppercase;
    color: #fff !important;
}
section.meio-paletas-produtos .paletas-produtos .abs .img{
    position: absolute;
    top: 40px;
    margin: 0 auto 0 auto;
    left: 0px;
    right: 0px;
    display: block;
}
section.meio-paletas-produtos .paletas-produtos .abs .v-mais{
 color: #f69f2b;
}

/*produtos index*/
.produtos-index{
   /* background-image: url(../imagens/footer_lodyas.png);
    background-repeat: repeat;
    background-position: center top;*/
    width: 100%;
    padding-top: 0px;
    color: #000;
}
.produtos-index h2, .produtos-index p{
    
    color: #000 !important;
}
.produtos-index a.produtcts{
        border: solid 3px #f69f2b;
    border-radius: 10px;
    display: block;
    text-decoration: none;
    overflow: hidden;
    box-shadow: 11px 11px 0px rgba(0, 0, 0, 0.12);
    background-image: url(../imagens/textura-produtos.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}
.produtos-index a.produtcts .text{
    color: #fff !important;
    min-height: 70px;
    display: block;
}
.produtos-index a.produtcts .ver-mais{
    color: #f69f2b !important;
}
.produtos-index .bar_prod{
    position: relative;
    padding: 0 45px 0 45px !important;
}
.produtos-index .bar_prod .owl-prev{
    position: absolute !important;
    height: 78% !important;
    width: 39px !important;
    left: 0px !important;
    opacity: 1 !important;
    top: 0px;
    margin: 0px !important;
    border-radius: 20px 0 0 20px !important;
    background-position: center center !important;
    background-image: url(../imagens/prev-produtos.png) !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    color: transparent !important;
}
.produtos-index .bar_prod .owl-next{
    position: absolute !important;
    height: 78% !important;
    width: 39px !important;
    right: 0px !important;
    opacity: 1 !important;
    top: 0px;
    margin: 0px !important;
    border-radius: 0px 20px 20px 0px !important;
    background-position: center center !important;
    background-image: url(../imagens/next-produtos.png) !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    color: transparent !important;
}

/*bk calculadora*/
.calculador{
    background-position: center center !important;
    background-image: url(../imagens/bk-calculadora.png) !important;
    background-repeat: no-repeat !important;
    min-height: 380px;
    display: block;
    padding-top: 145px;
    margin-bottom: -84px;
    position: relative;
    z-index: 2;
}
.calculador h2{
    
    color: #fff !important;
}
.calculador p{
    color: #fff !important;
}
.calculador a.ver-mais{
    display: block;
    text-decoration: none;    
    padding: 4px 10px 4px 10px;
    color: #fff;
    display: block;
    background-color: #f59a1f;
    border-radius: 7px;
    box-shadow: 4px 3px 0px #d9d9d9;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    float: left;
}


.house {
            z-index: 3;
            width: 100%;
        }
        .house .col-sm-3 .number{
        padding: 0.1em 0;
    margin-bottom: 9px;
    margin-top: 10px;
    background: #637051;
    border: 1px solid #fff;
        }

        .spot {
            float: left;
        }
        .spot--boy-bedroom,
        .spot--girl-bedroom {
  
        }
        .spot--girl-bedroom {
         
        }
        .spot--boy-bedroom {
           
        }
        .spot--bathroom,
        .spot--living-room,
        .spot--main-bedroom {
      
        }
        .spot--main-bedroom {
          
        }
        .spot--living-room {
          
        }
        .spot--bathroom {
          
        }
        .spot--garage,
        .spot--kitchen,
        .spot--laundry {
      
        }
        .spot--garage {
         
        }
        .spot--kitchen {
           
        }
        .spot--laundry {
         
        }
        .spot--garden {
  
        }
        .number {
         /*   display: table-cell;
            padding: .2em .6em;
            border: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            -o-user-select: none;
            user-select: none*/
        }
        .number input,
        .number span {
            display: inline-block;
            background: 0 0;
            color: #fff;
            border: none
        }
        .letrs{
            width: 20%;
    float: left;
    background: #de9f20;
    text-align: center;
    color: #fff;
        }
        .number input {
            width: 80%;
    padding: 0 0 0 7px;
    font-size: 16px;
    outline: 0;
    box-shadow: none;
        }
        .number span {
            display: none;
            vertical-align: top;
            width: 18px;
            font-size: 1.5em;
            line-height: 39px;
            cursor: pointer
        }
        .number span:first-child {
            line-height: 35px
        }
        input[type=number]::-webkit-inner-spin-button,
        input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0
        }
        input[type=number] {
            
            -moz-appearance: textfield
        }
        .ground {
            width: 100%;
    margin-top: 0px;
    background: #2f4217;
    color: #fff;
    display: block;
    padding: 10px;
        }
        .ground h4 {
            font-weight: 700;
            color: #fff
        }
        .summary {
            top: 0;
            left: 0;
            z-index: 3;
            width: 100%;
            
        }
        .summary h4,
        .summary input {
        
        }
        .summary h4 {
            font-size: 18px
        }
        .summary label {
            float: right;
            width: 100%;
            padding-top: .25em;
            margin-bottom: 15px;
            font-size: .875em;
            line-height: 1.25em
        }
        .result table,
        .summary input {
            float: left;
            text-align: center
        }
        .summary input {
            width: 100%;
            padding: .5em 0;
            margin-bottom: 15px;
            background: #637051;
            border: 1px solid #fff
        }
        .summary input[type=number] {
            padding: .25em 0;
            font-size: 1.5em
        }
        .summary input[type=submit] {
            font-size: .9em;
            background: #de9f20;
            outline: 0
        }
        .summary input[type=submit]:hover {
            background: #b17f1a
        }
        .warning {
            display: inline-block;
            padding: .5em 1em;
            margin: 0 0 2em;
            background: #d9534f;
            border: 1px solid #fff
        }
        .result table {
            width: 100%;
            margin: 0 0 3em;
            color: #fff;
            background: #637051
        }
        .result b {
            font-weight: 400
        }
      /*  .result thead {
            white-space: nowrap
        }*/
        .result tbody td:first-child {
            font-weight: 700;
            white-space: nowrap
        }
        .result td,
        .result th {
            padding: .25em .5em;
            margin: 0;
            border: 1px solid #fff
        }
        .result .value .conventional,
        .result .watts .conventional {
            background: #8d3d26;
                width: 100%;
    display: block;
        }
        .result .value .economy,
        .result .value .led,
        .result .watts .economy,
        .result .watts .led {
            background: #6e962b;
                width: 100%;
    display: block;
        }
        .result .economy,
        .result .economy b {
            font-weight: 700
        }
        .result-calc {
         list-style: none;
         padding: 0px;
        }
        .result-calc li{
               padding: 2px;
    margin-bottom: 9px;
    margin-top: 10px;
    min-height: 60px;
    background: #637051;
    border: 1px solid #fff;
        }


    /*h1 bk */
    .h1-text{
      background-position: center top !important;
    background-image: url(../imagens/bk-calculadora.png) !important;
    background-repeat: no-repeat !important;
    min-height: 310px;
    display: block;
    padding-top: 173px;
    margin-top: -33px;
    margin-bottom: 20px;
    }
    .h1-text h1{
        color: #f69f2b !important;
         
    }
    .h1-text .subheader {
            color: #fff;
    }
    .h1-text h1:after, .h1-text h1:before{
    content: "";
    background-color: #f69f2b !important;
    }

    /*menu internas*/
    .menu-internas{
    width: 100%;
    height: auto;
    display: block;
    padding: 0px;
    background-color: #343044;
    border-radius: 7px;
    box-shadow: 4px 3px 0px #f69f2b;
    border-radius: 10px;
    }
    .menu-internas li{
    float: inherit;
    margin: 0px;
    width: 100%;
    display: block;
}
    .menu-internas li a.sub{
    background-color: transparent;
    border-radius: 0px;
    box-shadow: none !important;
    border-bottom: solid 1px #442e9d;
    display: block;
    width: 100%;
    padding: 6 px;
    color: #fff;
}


/*cate produtos*/
.cat-menu{
      width: 100%;
   /* padding: 10px;*/
}
.cat-menu ul{
  list-style: none;
  padding: 0px;
}
.cat-menu ul h2{
  font-size: 16px !important;
  text-align: left;
  color: #343044 !important;
}
.cat-menu ul li{
    width: 100%;
}
.cat-menu ul li a{
  cursor: pointer;
    margin-bottom: 10px;
    display: block;
    font-size: 14px;
    text-decoration: none !important;
    padding: 4px 10px 4px 10px;
    color: #fff;
    display: block;
    background-image: url(../imagens/footer_lodyas.png);
    background-repeat: repeat;
    background-position: center top;
    border-radius: 7px;
    transition: all 0.2s ease-in-out;
}

.cat-menu ul li a:hover{
  color: #D8AE05;
}

.cat-menu ul li ul{
  display: none;
}
.cat-menu ul li.sub-menu-li ul{
display: block !important;
}
.cat-menu ul li ul li a{
    cursor: pointer;
    margin-bottom: 10px;
    display: block;
    font-size: 14px;
    text-decoration: none !important;
    padding: 4px 10px 4px 10px;
    color: #fff;
    margin-left: 21px;
    display: block;
    background-color: #f40f15;
    background-image: none;
    border-radius: 7px;
    transition: all 0.2s ease-in-out;
}

.qualid h2{
    color: #000 !important;
    font-size: 15px !important;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
/*carrinho*/
.carinho-top{
    display: block;
    margin-top: 10px;
    color: #fff;
}
.carinho-top span{
    width: 100%;
    display: block;
}

.chat{
    float: right;
    margin-top: 15px;
}
.chat a{
    margin-right: 10px;
    color: #fff;
    font-size: 22px;
}


.cat-menu2{
    background-image: url(../imagens/footer_lodyas.png);
    background-repeat: repeat;
    background-position: center top;
    width: 100%;
    list-style: none;
    border-radius: 10px;
    padding: 10px;
}
.cat-menu2 h2{
    font-size: 15px !important;
    width: 100%;
    color: #fff !important;
    margin-top: 2px !important;
}
.cat-menu2 li a{
    background-image: url(../imagens/pattern4.png);
    background-repeat: repeat;
    background-position: center top;
    width: 100%;
    display: block;
    background-color: #fff;
    border-radius: 100px;
    padding: 4px 13px 4px 4px;
    margin-bottom: 10px;
    color: #000;
    text-align: right;
}

.cat-menu3{
    width: 100%;
    list-style: none;
    padding: 0px;
}
.cat-menu3 h2{
    font-size: 15px !important;
    padding: 10px;
    width: 100%;
    color: #fff !important;
    margin-top: 2px !important;
    background-image: url(../imagens/footer_lodyas.png);
    background-repeat: repeat;
    background-position: center top;
    border-radius: 10px;
}
.cat-menu3 li a{
    background-image: url(../imagens/pattern4.png);
    background-repeat: repeat;
    background-position: center top;
    width: 100%;
    display: block;
    background-color: #fff;
    border-radius: 100px;
    padding: 4px 13px 4px 4px;
    margin-bottom: 10px;
    color: #000;
    text-align: right;
}


/*fornecedores*/
span.fonrneced{
    width: 100%;
}
span.fonrneced .owl-page{
    display: none !important;
}
span.fonrneced .owl-buttons{
    position: absolute;
    right: 10px;
    bottom: -55px;
}
span.fonrneced .owl-buttons div{
        background-color: #a31c32 !important;
    border-radius: 4px !important;
    float: left !important;
}


section.bk-bottom{
    background-image: url(../imagens/bk-bottom.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    margin-bottom: -107px;
    margin-top: -16px;
    height: 179px;
    position: relative;
    z-index: 0;
}
section.bk-top-left{
    background-image: url(../imagens/bk-top-left.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    margin-bottom: -107px;
    margin-top: -108px;
    height: 179px;
    position: relative;
    z-index: 0;
}

/*produtos index*/
.prod-cot{
    width: 100%;
    display: block;
    margin-bottom: 30px;
}
.prod-cot .text{
    color: #000;
    font-size: 14px;
    text-align: center;
    display: block;
    min-height: 80px;
    text-transform: lowercase;
}
.prod-cot .car{
    position: relative;
    width: 100% !important;
    height: 35px !important;
    margin-top: 5px;
    display: block;
    border-radius: 8px !important;
    background-color: #a31c32 !important;
}
.prod-cot .car input{
    width: 35px !important;
    height: 35px !important; 
    border: 0;
    outline: none;
    position: relative;
    z-index: 3;
    background-color: transparent;
}
.prod-cot .car i{
    position: absolute;
    width: 100%;
    color: #fff;
    text-align: center;
    top: 10px;
    z-index: 2
}
.prod-cot .car a{
    width: 100%;
    height: 100%;
    display: block;
}
.prod-cot .car .cotar_pro{
      width: 100%;
    height: 100%;
    display: block;
    background: #000;
    border: 0;
    outline: none;
    border-radius: 7px;
}

a.pal-aqi{
    list-style: none;
    display: block;
    color: #fff;
    background-color: #ffa100;
    border-radius: 5px;
    margin-bottom: 20px;
}
a.pal-aqi span {
    background: -moz-linear-gradient(45deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
    width: auto;
    min-height: 200px;
    margin-left: 5px;
    display: block;
    border-radius: 5px;
}
a.pal-aqi span .icon, a.pal-aqi span .text{
    float: left;
    padding: 16px 16px 0px 90px;
        min-height: 200px;
}
a.pal-aqi span .icon, a.pal-aqi span .text h2{
    color: #fff !important;
}
a.pal-aqi span .icon01{
    background-position: 10px center;
    background-image: url(../imagens/pal-01.png);
    background-repeat: no-repeat;
} 
a.pal-aqi span .icon02{
    background-position: 10px center;
    background-image: url(../imagens/pal-02.png);
    background-repeat: no-repeat;
} 
a.pal-aqi span .icon03{
    background-position: 10px center;
    background-image: url(../imagens/pal-03.png);
    background-repeat: no-repeat;
} 

.btn-fill {
    color: #fff !important;
    text-transform: uppercase !important;
    background: #fdb515 !important;
    border: 2px solid #fdb515 !important;
    border-radius: 3px !important;
}



/* busca rápida*/
.busca-rapida {
       width: 100%;
    height: auto;
    outline: none;
    line-height: 23px;
    border: 0px;
    background: #a31c32;
    background-repeat: repeat;
    background-position: center top;
    border-radius: 10px;
    margin-bottom: 16px;
    margin-top: 84px !important;
    z-index: 200;
    color: #fff;
    position: relative;
}
.busca-rapida #busca {
    padding: 8px;
    display: block;
    margin-bottom: 0px;
    color: #fff;
    outline: none;
    border: 0px;
    box-shadow: 0px;
    width: 80%;
    background-color: transparent;
    box-shadow: none !important;
}
.busca-rapida #ok {
    background-color: transparent;
    border: 0px;
    padding: 8px;
    background-image: url(../imagens/busca.png);
    background-position: center center;
    /* background-size: 20%;*/
    background-repeat: no-repeat;
    cursor: pointer;
    width: 20%;
    outline: none;
    position: absolute;
    right: 0px;
    top: 0px;
    box-shadow: none !important;
}

.homestyle1 .box-infos .box-info {
              color: #fff;
    padding: 30px 20px;
    margin-bottom: 15px;
    margin-top: 15px;
        }
        .homestyle1 .box-infos .box-info img {
            float: left;
        }
        .homestyle1 .box-infos .box-info .info {
            margin-left: 50px;
        }
        .homestyle1 .box-infos .box-info .info p {
            text-transform: uppercase;
            font-weight: 700;
            margin: 0;
            line-height: 18px;
        }
        .homestyle1 .box-infos .box-info1 {
            background-image: url(../imagens/footer_lodyas.png); */
    background-repeat: repeat;
    background-position: center top;
        }
        .homestyle1 .box-infos .box-info1 img {
            padding-top: 10px;
        }
        .homestyle1 .box-infos .box-info2 {
            background-image: url(../imagens/footer_lodyas.png); */
    background-repeat: repeat;
    background-position: center top;
        }
        .homestyle1 .box-infos .box-info2 img {
            padding-top: 10px;
        }
        .homestyle1 .box-infos .box-info3 {
            background-image: url(../imagens/footer_lodyas.png); */
    background-repeat: repeat;
    background-position: center top;
        }
        .homestyle1 .box-infos .box-info3 img {
            padding-top: 3px;
        }
        .homestyle1 .box-infos .box-info4 {
            background-image: url(../imagens/footer_lodyas.png); */
    background-repeat: repeat;
    background-position: center top;
        }
        .homestyle1 .collection-cates {
            float: left;
            width: 100%;
            margin-top: 30px;
        }
        .homestyle1 .categories-title-text {
            background-color: #db261d;
            height: 38px;
            line-height: 38px;
            border-bottom-left-radius: 19px;
            border-top-left-radius: 19px;
            border-bottom-right-radius: 19px;
            border-top-right-radius: 19px;
            text-align: center;
            color: #fff;
            font-size: 138.5%;
            text-transform: uppercase;
            margin: 0 30px;
            font-weight: 700;
            position: relative;
            top: 19px;
            z-index: 1;
        }

/*.paletas_index{
    min-height: 300px;
    border-radius: 20px;
    border-bottom: 10px solid #000;
}
*/
.paletas{
    margin-bottom: 20px;
    background-color: rgba(0, 0, 0, 0.16);
    padding: 15px;
    border-radius: 15px;
    display: block;
    text-decoration: none !important;
    min-height: 118px;
}
.paletas h2{
    color: #4a4a4c !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    text-align: left;
    margin-top: 0px !important;
}
.paletas p{
    color: #808080 !important;
    text-align: left;
}


.blcs1{
    background-image: url(../imagens/paleta-1.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-color: #d4d2d2;
    display: block;
    border-radius: 5px;
    margin-top: 20px;
    text-decoration: none;


    }
.blcs1 span.bk{
    background-image: url(../imagens/motor_mercosul.png);
    background-size: 325px auto;
    display: block;
    position: relative;
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 48px 168px 48px 48px;
    
    margin-top: 0px;
    color: #000;
    margin-bottom: 20px;
    text-align: left;
}

.blcs2{
    background-image: url(../imagens/paleta-2.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-color: #d4d2d2;
    display: block;
    border-radius: 5px;
    margin-top: 20px;
    text-decoration: none;

    }
.blcs2 span.bk{
    background-image: url(../imagens/ferramentas-eletricas.png);
    background-size: 325px auto;
    display: block;
    position: relative;
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 48px 168px 48px 48px;
    
    margin-top: 0px;
    color: #000;
    margin-bottom: 20px;
    text-align: left;
}

.blcs1:hover, .blcs2:hover, .blcs3:hover{
    background-color: #e0e0e0;
    color: #000;
     text-decoration: none;
}

#btn-to-top-wrap {
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 4
}
#btn-to-top {
    width: 44px;
    height: 44px;
    line-height: 38px;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    background-color: #efc852;
    opacity: .7;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}
#btn-to-top:before {
    content: "";
    border-bottom: 6px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}
#btn-to-top:hover {
    opacity: 1
}

.custom-btn {
    min-width: 135px;
    padding: 15px 10px 13px;
    background-color: transparent;
    border: 3px solid #fff;
    color: #fff;
    line-height: 1;
    font-size: 1.2rem;
    font-weight: 600;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: none;
    outline: none;
    border-radius: 5px;
    -webkit-transition: background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
    transition: background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out
}
.custom-btn:active, .custom-btn:focus, .custom-btn:hover {
    background-color: #fff;
    color: #504935
}
.custom-btn.primary {
    border-color: #91b23d;
    color: #504935
}
.custom-btn.primary:active, .custom-btn.primary:focus, .custom-btn.primary:hover {
    background-color: #91b23d
}
.custom-btn.big {
    /*min-height: 56px;*/
    min-width: 167px;
    padding: 20px 10px 18px
}
.custom-btn.long {
    width: 100%
}

.post-date {
      float: left;
    width: 10%;
    height: 90px;
    background: #d4d2d2 !important;
    border-radius: 6px;
    color: #fff;
    text-align: center;
    padding: 12px 2px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    }
    a.eventos{
        text-decoration: none;
        color: #000;
        display: block;
        margin-bottom: 15px;
    }
    a.eventos:hover .post-date{
        background: #a31c32 !important;
    }
    a.eventos .img-b{
        border-radius: 10px;
        margin-right: 15px;
    }
    .post-date p {
        font-size: 13px;
        color: #fff !important;
        font-weight: 400;
        line-height: 20px;
        margin: 0 0 24px;
        margin: 0;
        color: #ffffff;
        font-size: 14px;
        line-height: 30px;
    }
    .post-date p span {
        display: block;
        position: relative;
        font-size: 24px;
        font-weight: 700;
        line-height: 38px;
        color: #fff;
    }
    .post-date p span:after {
        position: absolute;
        content: '';
        width: 20px;
        height: 1px;
        background: #ffffff;
        bottom: 0px;
        left: 50%;
        margin-left: -10px;
    }
    .content-data {
        float: left;
    width: 62%;
    display: block;
    }
    .content-data h2  {
        color: #3a3d41;
        display: inline-block;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        text-decoration: none;
        margin-left: 15px;
        font-size: 17px;

        margin-top: 0px;
    }
    .content-data span#text{
        text-decoration: none;
    }
    form.news{
        position: relative;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    form.news input {
    height: 54px;
    border: none;
    border-radius: 10px;
    margin-bottom: 15px;
    background: #d4d2d2;
    padding-left: 15px;
    float: left;
    width: 100%;
    outline: none;
}
    form.news button{
          border: 0;
    color: #fff;
    background: #005ea2;
    background: -moz-linear-gradient(top, #005ea2 0%, #001373 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005ea2), color-stop(100%,#001373));
    background: -webkit-linear-gradient(top, #005ea2 0%,#001373 100%);
    background: -o-linear-gradient(top, #005ea2 0%,#001373 100%);
    background: -ms-linear-gradient(top, #005ea2 0%,#001373 100%);
    background: linear-gradient(to bottom, #005ea2 0%,#001373 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005ea2', endColorstr='#001373',GradientType=0 );
    padding: 0;
    border-radius: 10px;
    font-size: 12px;
    height: 54px;
    width: 100%;
    float: left;
    outline: none;
    }

   
   #bg-fixed {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 90px;
    background-image: url(../imagens/rebobinagem.jpg);
      background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 50px;
}
   #bg-fixed:before{
    position: absolute;
    height: 100%;
    content: "";
    top: 0px;
    width: 100%;
    display: block;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

#bg-fixed h1, #bg-fixed p#txt{
    color: #fff !important;
    text-align: center;
}


ul#sercv {
    margin-top: 25px;
    text-transform: uppercase;
}
ul#sercv li {
    margin-bottom: 15px;
    list-style: none;
    text-align: right;
}
ul#sercv li:before {
    content: '•';
    float: right;
    color: #81c0ba;
    padding: 0 16px;
    font-size: 26px;
}


/*menu lateral*/
.menu-lateral{
  position: fixed;
    transition: all 0.2s;
    left: -300px;
    width: 300px;
    height: 100%;
    z-index: 10000;
    padding: 10px;
        background: #838588;
    display: block;

}
.menu-lateral.active{
  left: 0px;
  transition: all 0.2s;
}
.menu-lateral .fechar-menu{
     float: right;
    margin: 10px;
    padding: 10px;
    cursor: pointer;
    display: block;
    font-size: 26px;
    color: #fff;
}
.menu-lateral .fechar-menu i{
  color: #fff;
}
.menu-lateral ul{
  padding: 10px;
  width: 100%;
  list-style: none;
}
.menu-lateral ul li{
  width: 100%;
}
.menu-lateral ul li a{
  border-bottom: 1px #ddd dotted;
  display: block;
  width: 100%;
  color: #fff;
  padding-top: 5px;
  padding-bottom: 10px;
  font-size: 17px;
}
.menu_resp{
    color: #000;
    display: block;
    font-weight: bolder;
    line-height: 27px;
    cursor: pointer;
    width: 114px;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 22px;
}
.menu_resp span .bl{
    padding: 5px;
    border-radius: 8px;
    background-color: #c83236;
    float: right;
    width: 38px;
    margin-left: 12px;
    cursor: pointer;
}
.menu_resp span .bl span{
    margin-top: 3px;
    margin-bottom: 2px;
    width: 100%;
    height: 3px;
    background: #fff;
    display: block;
}


/* Tab Element */

.nav-tabs>li i{
    font-size: 44px;    
}
.nav-tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    border-bottom: 0px !important;
}
.nav-tabs>li{
    line-height: 1.5;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    position: relative;
}
.nav-tabs>li a{
     position: relative !important;
    display: block !important;
    padding: 6px !important;
    margin: 0 0px !important;
    border-radius: 0px !important;
    border: 0px dashed #595959 !important;
    left: 8px;
    color: #fff !important;
    top: 0;
    background: #fdb515;
    -webkit-transition: top 0.5s ease;
    -moz-transition: top 0.5s ease;
    -o-transition: top 0.5s ease;
    -ms-transition: top 0.5s ease;
    border-radius: 6px !important;
    padding-left: 14px !important;
    padding-right: 15px !important;
    transition: top 0.5s ease;
    margin-left: -7px !important;
}
.nav-tabs>li a:hover{
            background: rgb(169,3,41);
    background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
    background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
    background: linear-gradient(to bottom, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
      color: #fff !important;
}
.nav-tabs>li a h5{
      color: #fff !important;
}
/*.nav-tabs>li.active a:after{
    top: 100%;
    left: 50%;
    margin-left: -55px;
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22px 57px 0 57px;
    border-color: #ffaa00 transparent transparent transparent;
}*/
.nav-tabs>li.active a{
       background: rgb(169,3,41);
    background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
    background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
    background: linear-gradient(to bottom, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
    top: 0px;
    color: #fff !important;
}
.nav-tabs>li.active i,
.nav-tabs>li.active:hover h5,
.nav-tabs>li.active h5{
    color: #232A34;
}
.nav-tabs>li.active a{
    border-color: #f40028;
    color: #fff !important;
}
.nav-tabs>li .tab-icon{
    margin-bottom: 15px;
}
.nav-tabs>li .tab-icon img{
  /*height: 154px;*/
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.nav-tabs>li h5{
  font-size: 15px;
    text-transform: uppercase;
    margin: 5px 0;
    margin-top: 10px;
    font-family: 'montserratlight';
    color: #fff !important;
}
.nav-tabs>li:hover a,
.nav-tabs>li:hover h5{
    color: #ffaa00;
}
.nav-tabs>li.active a{
    border-color: #ffcc00;
    color: #fff !important;
}
.nav-tabs>li .tab-icon{
    margin-bottom: 15px;
}
.nav-tabs>li .tab-icon img{
  /*height: 154px;*/
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.nav-tabs>li h5{
    font-size: 13px;
    text-transform: uppercase;
    margin: 5px 0;
    margin-top: 10px;
    color: #808489;
}
.nav-tabs>li:hover a,
.nav-tabs>li:hover h5{
    color: #ffaa00;
}
.tab-two .nav-tabs>li{
    width: 50%;
}
.tab-three .nav-tabs>li{
    width: 33.33%;
}
.tab-four .nav-tabs>li{
    width: 25%;
}
.tab-five .nav-tabs>li{
    width: 20%;
}
.tab-six .nav-tabs>li{
    width: 20%;
}

/*@media (max-width: 1199px ){
.nav-tabs>li.active a:after {
    top: 100%;
    left: 50%;
    margin-left: -55px;
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 23px 51px 0 58px;
    border-color: #FFFFFF transparent transparent transparent;
}
}*/
.form-control {
    display: block;
    width: 100%;
    padding: 1.5rem .75rem;
    font-size: 17px;
    line-height: 1.25;
    color: #000;
    background-color: rgba(139, 139, 139, 0.18);
    background-image: none;
    background-clip: padding-box;
    border: 0px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    box-shadow: inset rgba(0, 0, 0, 0.21176470588235294) 1px 0px 19px;
    outline: none;
}
.carrinho_top{
        position: relative;
    margin-left: 15px;
    display: block;
    line-height: 58px;
    margin-bottom: 12px;
    float: left;
}
.carrinho_top span.quant{
        width: 20px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    border-radius: 100px;
    background-color: #ec2127;
    color: #fff;
    left: 0px;
    position: absolute;
    top: 0px;
    font-size: 12px;
    font-weight: 700;
}