
:root{
	--cor-principal: #262424;
	
	--cor-background-barra-menu: rgba(255,255,255,1);
	--cor-background-barra-menu-ativa: rgba(255,255,255,.9);
	--cor-background-botao-normal: transparent;
	--cor-texto-botao-normal: #888;
	--cor-background-botao-normal-hover: #215f94;
	--cor-texto-botao-normal-hover: #FFFFFF;
	
	--cor-texto-botao-aciona-menu: #888;
	--cor-background-botao-aciona-menu: transparent;
	--cor-borda-botao-aciona-menu: transparent;	
	
	--cor-background-botao-collapse: #EFEFEF;
	--cor-texto-botao-collapse: #888;
	--cor-background-botao-collapse-hover: #2D3381;
	--cor-texto-botao-collapse-hover: #FFF;
	--cor-borda-botao-collapse-hover: #262424;	
	
	--transit: 0.5s;
	
}
@keyframes divsbaranim{0%{background-position:left;}100%{background-position:right;}}
	html, body{overflow-x:hidden !important;}
	.clear{height:0px !important;}

	.divsbar{position:relative; height:5px; width:100%; top:0; padding:0; margin:0; clear:both; left:0; background-image:url(https://jsmequipamentos.com.br/imgs/bgdivsbar.jpg); background-position:center;  animation: divsbaranim 30s infinite linear;}

	.topbar{position: relative; width: 100%; background-color: var(--cor-principal); background-image: url(https://jsmequipamentos.com.br/imgs/topmenubar.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
	.topbar .topbaricon{font-size:14px;}
	.topbar .topbaricon .fa{font-size:16px; color:rgba(255,255,255,.5); position: relative; top: 2px; padding:5px;}
	.topbar .topbaricon:hover .fa{color:rgba(255,255,255,1);}
	
	.destaquetxt{font-size:14px;}
	
	.navbar{background-color:var(--cor-background-barra-menu) !important; -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.5); box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.5); z-index: 9;}
	.navbar.fixed-top{background-color:var(--cor-background-barra-menu-ativa) !important;}
	.navbar-nav .nav-link{font-size: 14.3px; font-weight: 500; text-transform: uppercase; transition: var(--transit); font-family: 'Poppins', sans-serif;}
	.logobrand{width:100%; height:auto; max-width:200px; transition: var(--transit)}
	.navbar.fixed-top .logobrand{width:100%; height:auto; max-width:100px; transition: var(--transit)}
	
/* ITENS DO SLIDES */
	.carousel-indicators{display:none;}

/* ITENS DO RODAPÉ E CONTATO */	
	.btn-filter{margin:1px; padding:10px; border:solid 1px #ccc; background-color:#FFF; color:#215f94; float:left; cursor: pointer; display:block;}
	.btn-filter:hover, .btn-filter.active{background-color:var(--cor-background-botao-normal-hover); color:#FFF;}
	.servbox{background-color:#FFF;}	
	.modal{z-index:11050 !important;}
	.nobordersbtn{padding:0px !important;}
	.cntbtn{padding-top:12px; padding-bottom:12px;}
	.rodape-socialicons li{width:100%; float:left; margin:0 1%; padding:0; text-align:center;}
	.rodape-socialicons a{padding:5px !important; display:block;padding-bottom:10px !important;}
	.rodape-socialicons .fa{font-size:20px !important;}
	.rodapelogo{height:70px; background-image: url(../imgs/logo.png); background-size: contain; background-repeat:no-repeat; background-position: center; filter: brightness(0) invert(1);}
	.paginacaobtn, .paginacaobtn:visited{padding:5px; margin:0; position:relative; top:0; left:0; display:block; color:#333 !important;}
	.paginacaobtn .fa{font-size:25px;}
	.paginacaobtn:hover, .paginacaobtn:active{color:#C43718 !important;}
	.paginacaobtn.desatoff, .paginacaobtn.desatoff:hover, .paginacaobtn.desatoff:visited, .paginacaobtn.desatoff:active{color:#CCC !important;}
	.rodape ul, .rodape ol{list-style-type:none !important;}	
	.rodape, .copyright{width: 100%;margin: 0px;padding: 0px;}
	.rodape{margin-top:-20px;background: #303030;position:relative;}	
	.copyright{background:#222;padding-top:10px;padding-bottom:10px;}
	.rodape-tit{color: #FFF;text-transform: uppercase;font-size: 14px;font-family: "Poppins", sans-serif;font-weight: 700;}
	.rodape-links li{padding: 0px;}	
	.rodape-links li a{padding-left:0px;font-family: "Poppins", sans-serif;font-weight: normal;font-size:14px;color:rgba(255,255,255,.5);display:block; -webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
	.rodape-links li:hover a{color:#FFF; font-weight:bold; padding-left:10px; -webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
	.rodape-links li a i{color:#215f94;}
	.rodape-btn{line-height: 22px; outline: none; padding: 20px 0px; border: none; margin-bottom: 10px;display: block; text-align: left; text-indent: 20px;	}
	.rodape-btn i{font-size:25px;}
	.rodapetxt{font-size:13px !important;}
	.imgtoprodape{position: relative; top: 0; left: 0; z-index: 10; margin-top: -60px; margin-bottom: 0px;}
	.rodapelogoholder{background: rgba(255,255,255,.1);}
	.contact-mail{font-size:12px !important;}
	
	
	
	.copyright, .copyright a{color:rgba(255,255,255,.5);}
	.copyright a{text-decoration:none; -webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
	.copyright a:hover{color:#FFF; -webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
	
	.form-contato,.form-normal, .form-active, .form-ok, .form-error{background:var(--graybg) !important; color:rgba(0,0,0,0.5) !important; width:100%; border:0px !important; border-radius:0px !important; padding: 15px !important; position: relative; font-size:13px !important; -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075) !important; -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075) !important; box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075) !important;-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;-moz-transition: border linear 0.2s, box-shadow linear 0.2s;-ms-transition: border linear 0.2s, box-shadow linear 0.2s;-o-transition: border linear 0.2s, box-shadow linear 0.2s;transition: border linear 0.2s, box-shadow linear 0.2s;}
	.form-contato:focus, .form-active{padding: 15px !important; color:#000 !important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 15px rgba(236, 234, 82, 0.6) !important; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 15px rgba(236, 234, 82, 0.6) !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 15px rgba(236, 234, 82, 0.6) !important;-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;-moz-transition: border linear 0.2s, box-shadow linear 0.2s;-ms-transition: border linear 0.2s, box-shadow linear 0.2s;-o-transition: border linear 0.2s, box-shadow linear 0.2s;transition: border linear 0.2s, box-shadow linear 0.2s;}
	.btnformcontato{width:100%; border:0px !important; border-radius:0px !important; font-weight:bold;}
	::-webkit-input-placeholder {color: rgba(0,0,0,.5);}
	:-ms-input-placeholder {color: rgba(0,0,0,.5);}
	::placeholder {color: rgba(0,0,0,.5);}	
	.tags li{font-size:12px; color:var(--font-color-principal); background:var(--graybg);padding:5px 10px; margin:1px; float:left;}
	.tags li a{text-decoration:none;}
	.tags li:hover{background:var(--background-escuro);color:#FFF;}
	.tags li:hover a{color:#FFF; text-decoration:none;}
	
	
	.social_icon{color:#215f94; position:relative; float: left; font-size: 30px; background: #eee; text-align: center; -webkit-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
	.social_icon:hover{background:#215f94;color:#FFFFFF; -webkit-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
	
	.social-share-bar{position:relative; top:0px; left:0px; width:100%;}
	.social-share-bar.l2 .social_icon{width: 18%; height: 50px; margin: 1%;}
	.social-share-bar.l1 .social_icon{width:50px; height:50px; margin:2px;}
	
	.social_icon_twitter:hover, .social_icon_twitter:active{background:#8ED0F8;color:#FFF;}
	.social_icon_facebook:hover, .social_icon_facebook:active{background:#3B5998;color:#FFF;}
	.social_icon_pinterest:hover, .social_icon_pinterest:active{background:#E60023;color:#FFF;}
	.social_icon_linkedin:hover, .social_icon_linkedin:active{background:#0A66C2;color:#FFF;}
	.social_icon_whatsapp:hover, .social_icon_whatsapp:active{background:#24CC63;color:#FFF;}
	.social_icon_reddit:hover, .social_icon_reddit:active{background:#F74300; color:#FFF;}
	
	.social_icon_share, .social_icon_share:visited{color:#215f94 !important;}
	.social_icon_share:hover, .social_icon_share:active{background:#9932CD; color:#FFF !important;}
	
	.skype-share, .skype-share:visited, .social_icon_skype, .social_icon_skype:visited{color:#215f94 !important;}	
	.social_icon_skype:hover, .social_icon_skype:active{background:#00aff0; color:#FFF !important;}
	.social_icon_telegram:hover, .social_icon_telegram:active{background:#0088CC;color:#FFF;}
	.social_icon_instagram:hover, .social_icon_instagram:active{background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);color:#FFF;}
	.social_icon_email, .social_icon_email:visited{font-size:26px; margin-top:12px;}
	.social_icon_email:hover, .social_icon_email:active{background:#215f94;color:#FFF;}
	
	.pubimgholder{background-color:#EEE; width:100%; position:relative; top:0; left:0; margin:0px; padding:10px;}
	.pubimgholder-int{background-color:transparent; width:100%; position:relative; top:0; left:0; margin:0px; padding:0px; background-repeat:no-repeat; background-position:center; background-size:contain;}
	
	.collapsing {
	-webkit-transition: height .5s ease;
	-o-transition: height .5s ease;
	transition: height .5s ease;
	}
	
	
	.floatingwhats{position:fixed; bottom:50px; right:-60px; z-index:999999; width: 120px; max-width:120px; height:90px; max-height:90px; opacity: 0.8; -webkit-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
	.floatingwhats:hover{opacity: 1.0;right:-40px; -webkit-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;}
	.floatingwhats a{width:100%; display:block; margin:0; padding:0; text-decoration:none;}
	.floatingwhats img{width:100%;height:auto;}	
	
	.nolist{list-style: none !important;list-style-type: none !important;}
	.nomargin{margin:0px !important;}
	.nopadding{padding:0px !important;}
	
/* ICONES RODAPÉ */
	.det-title{color:#C43718 !important; margin:0px !important; padding:0px !important;}
	.detform .form-normal{margin:0 !important; padding:15px !important; padding-top:25px !important; padding-bottom:25px !important; margin-top:1px !important; margin-bottom:1px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important;border-radius: 0px !important;background:rgba(255,255,255,.8) !important;}
	.detform .form-normal::-webkit-input-placeholder { 
	  color: #C43718 !important;
	}
	.detform .form-normal::-moz-placeholder { 
	  color: #C43718 !important;
	}
	.detform .form-normal:-ms-input-placeholder {
	  color: #C43718 !important;
	}
	.detform .form-normal:-moz-placeholder { 
	  color: #C43718 !important;
	}	
	.social{width:100%;margin-top:10px;}
	.social_icon{float: left; font-size: 30px; width: 50px; height: 50px; background: #eee; margin: 0px 2px; text-align: center;}

	
	.btn-padrao{background:#007100; color:#FFFFFF; padding-top:20px; padding-bottom:20px;}
	.btn-padrao:hover{background:#27bc2a;}	
	
	.exibmap{width:100%; height:400px; position:relative; background:#FFF url(../imgs/gmaps.jpg) no-repeat top center; background-size:cover;}
	.bgcontato{background-color: #FFFFFF;background-image: url(../imgs/bgcontato.jpg);background-position: bottom center;background-size: contain; background-repeat:repeat-x; min-height:280px; margin-bottom:-20px;}
	

/* CONTROLE ITENS PAGINA DE PRODUTOS */
	.card{border-radius: 0 !important;}
	.card-header{padding: 10px; margin-bottom: 0; background-color: #215f94; border-bottom: 1px solid rgba(0,0,0,.125); color:#FFF;}
	.card-header.collapsed {padding: 10px; margin-bottom: 0;background-color: rgba(0,0,0,.03);border-bottom: 1px solid rgba(0,0,0,.125); color:#000;}

	.btncategs, .btncategs:visited{position:relative; float:left; width:100%; background:transparent; border-radius:0px !important;}
	.btncategs a{padding:10px 20px; text-align:left; display:block; color:#000; text-decoration:none;}
	.btncategs:hover, .btncategs:active{background:#215f94;}
	.btncategs:hover a, .btncategs:active a{padding:10px 20px; text-align:left; display:block; color:#FFF; }
	.nocorner{border-radius:0px !important;}
	
@media (min-width: 768px){	
	.navbar-nav .nav-link{padding:15px !important; background-color:var(--cor-background-botao-normal) !important; color:var(--cor-texto-botao-normal) !important;}
	.navbar-nav .nav-link:hover{background-color:var(--cor-background-botao-normal-hover) !important; color:var(--cor-texto-botao-normal-hover) !important;}
	.destaquebar{position: relative; margin-top: -100px; z-index: 99;}
}
@media (max-width: 767px) {
	.navbar-toggler{border-color:var(--cor-borda-botao-aciona-menu) !important; background-color: var(--cor-background-botao-aciona-menu) !important; color: var(--cor-texto-botao-aciona-menu) !important;}
	.navbar .navbar-collapse{padding-top:30px !important;} /* distancia entre a barra de menus e o primeiro botão */
	.navbar-nav .nav-link{background-color:var(--cor-background-botao-collapse) !important; color:var(--cor-texto-botao-collapse) !important; padding: 20px 15px !important; margin-bottom:5px; border-left: solid 2px var(--cor-background-botao-collapse) !important;}
	.navbar-nav .nav-link:hover{background-color:var(--cor-background-botao-collapse-hover) !important; color:var(--cor-texto-botao-collapse-hover) !important; border-left: solid 5px var(--cor-borda-botao-collapse-hover) !important;}
	.destaquebar{position: relative;}
	
}
/* iPad Pro - Landscape */
@media (min-width:1366px) {
	
	/* HOME PAGE */
	.imov-searchbar{height:60px; top: 0px; margin-top:-200px; margin-bottom: 70px;}
	.imov-searchbar .marginborder{padding:10px !important; padding-bottom:0px !important; background:rgba(255,255,255,.2) !important;}
	.imov-searchbar .cols{width:18.5% !important; margin:1% !important; float:left;}
	.imov-searchbar .formcod{border:solid 2px #218424 !important;}
	.imov-searchbar .colsbtn{width:13.5% !important; margin:1% !important; float:right;}
	.prodbox{margin-bottom:15px !important;}
	.imov-btnsearch{padding:12px 0px;}
	.prodbox .prodboxtitle {font-size: 15px;}
	
	/* DETALHES */
	#catalogo-detalhes, #contentinformbox, #contentmapbox, #contentformbox{padding-top:80px; padding-bottom:80px;}
	.det-title{font-size:18px !important;}
	.det-title b{font-size:20px;}
	.fotoimo, .detsimo {margin-bottom: 15px !important;}
	.shareiconbar{height:30px; margin-bottom:30px;}
	.detsimo .colums .margmaker20{padding:22px 20px !important;}
	.social_icon {font-size: 30px;width: 52px;height: 52px; margin: 0px 2px;}
	.titshare{margin-bottom:15px !important;}
	.ptright{float:right !important;}
	
	/* RODAPE */
	.rodape-tit {text-align: center;background: rgba(0,0,0,.5);padding: 10px;width: 100%;}	
	.rodape-btn {text-align: center;text-indent: 0px;}
	.copyright, .copyright a {font-size: 11px;}	
	
}

/* iPad Pro - Portraid and iPad - Landscape */
@media (min-width:1024px) and (max-width:1365px){

	
	/* RODAPE */
	.rodape-tit {text-align: center;background: rgba(0,0,0,.5);padding: 10px;width: 100%;}	
	.rodape-btn {text-align: center;text-indent: 0px;}
	.copyright, .copyright a {font-size: 11px;}	
	
}

/* Pixel 2 Plus - Landscape */
@media (min-width:823px) and (max-width:1023px){

	
	/* RODAPE */
	.rodape-tit {text-align: center;background: rgba(0,0,0,.5);padding: 10px;width: 100%;}	
	.rodape-btn {text-align: center;text-indent: 0px;}
	.copyright, .copyright a {font-size: 11px;}	
	
}

/* iPhone X - Landscape */
@media (min-width:812px) and (max-width:822px){

	
	/* RODAPE */
	.rodape-tit {text-align: center;background: rgba(0,0,0,.5);padding: 10px;width: 100%;}	
	.rodape-btn {text-align: center;text-indent: 0px;}
	.copyright, .copyright a {font-size: 11px;}	
	
}

/* iPad - Portraid */
@media (min-width:768px) and (max-width:811px){

	
	/* RODAPE */
	.rodape-tit {text-align: center;background: rgba(0,0,0,.5);padding: 10px;width: 100%;}	
	.rodape-btn {text-align: center;text-indent: 0px;}
	.copyright, .copyright a {font-size: 11px;}	
	
}

/* Iphone 6/7/8 Plus - Landscape */
@media (min-width:736px) and (max-width:767px){

	
	/* RODAPE */
	.rodape-tit {text-align: center;background: rgba(0,0,0,.5);padding: 10px;width: 100%;}	
	.rodape-btn {text-align: center;text-indent: 0px;}
	.copyright, .copyright a {font-size: 11px;}	
	
}

/* Pixel 2 - Landscape */
@media (min-width:731px) and (max-width:735px){

	
	/* RODAPE */
	.rodape-tit {text-align: center;background: rgba(0,0,0,.5);padding: 10px;width: 100%;}	
	.rodape-btn {text-align: center;text-indent: 0px;}
	.copyright, .copyright a {font-size: 11px;}	
	
	
}

/* Surface Duo - Landscape */
@media (min-width:720px) and (max-width:730px){
	
	
	/* RODAPE */
	.rodape-tit {text-align: center;background: rgba(0,0,0,.5);padding: 10px;width: 100%;}	
	.rodape-btn {text-align: center;text-indent: 0px;}
	.copyright, .copyright a {font-size: 11px;}	
	
}

/* Iphone 6/7/8 - Landscape */
@media (min-width:667px) and (max-width:719px){

	
	/* RODAPE */
	.rodape-tit {text-align: center;background: rgba(0,0,0,.5);padding: 10px;width: 100%;}	
	.rodape-btn {text-align: center;text-indent: 0px;}
	.copyright, .copyright a {font-size: 11px;}	
	
}

/* Galaxy Fold 1 lateral - Landscape */
@media (min-width:653px) and (max-width:666px){

	
	/* RODAPE */
	.rodape-tit {text-align: center;background: rgba(0,0,0,.5);padding: 10px;width: 100%;}	
	.rodape-btn {text-align: center;text-indent: 0px;}
	.copyright, .copyright a {font-size: 11px;}	
	
}

/* Galaxy S5 e Moto G4 - landscape */
@media (min-width:640px) and (max-width:652px){

	
	/* RODAPE */
	.rodape-tit {text-align: center;background: rgba(0,0,0,.5);padding: 10px;width: 100%;}	
	.rodape-btn {text-align: center;text-indent: 0px;}
	.copyright, .copyright a {font-size: 11px;}	
	

}

/* Iphone 5/SE - Landscape */
@media (min-width:568px) and (max-width:639px){

	
	/* RODAPE */
	.rodape-tit {text-align: center;background: rgba(0,0,0,.5);padding: 10px;width: 100%;}	
	.rodape-btn {text-align: center;text-indent: 0px;}
	.copyright, .copyright a {font-size: 11px;}	
	

}

/* Surface Duo - Portraid */
@media (min-width:540px) and (max-width:567px){

	
	/* RODAPE */
	.rodape-tit {text-align: center;background: rgba(0,0,0,.5);padding: 10px;width: 100%;}	
	.rodape-btn {text-align: center;text-indent: 0px;}
	.copyright, .copyright a {font-size: 11px;}	
	

}

/* Samsung Normais - Landscape */
@media (min-width:480px) and (max-width:539px){

	
	/* RODAPE */
	.rodape-tit {text-align: center;background: rgba(0,0,0,.5);padding: 10px;width: 100%;}	
	.rodape-btn {text-align: center;text-indent: 0px;}
	.copyright, .copyright a {font-size: 11px;}	
	

}

/* Iphone 6/7/8 Plus - portraid */
@media (min-width:414px) and (max-width:479px){

	
	/* RODAPE */
	.rodape-tit {text-align: center;background: rgba(0,0,0,.5);padding: 10px;width: 100%;}	
	.rodape-btn {text-align: center;text-indent: 0px;}
	.copyright, .copyright a {font-size: 11px;}	
	

}

/* Pixel 2 e Pixel 2 XL - portraid */
@media (min-width:411px) and (max-width:413px){

	
	/* RODAPE */
	.rodape-tit {text-align: center;background: rgba(0,0,0,.5);padding: 10px;width: 100%;}	
	.rodape-btn {text-align: center;text-indent: 0px;}
	.copyright, .copyright a {font-size: 11px;}	

	
}

/* Iphone 6/7/8 e Iphone X - portraid */
@media (min-width:375px) and (max-width:410px){	

	
	/* RODAPE */
	.rodape-tit {text-align: center;background: rgba(0,0,0,.5);padding: 10px;width: 100%;}	
	.rodape-btn {text-align: center;text-indent: 0px;}
	.copyright, .copyright a {font-size: 11px;}	
	
}

/* Galaxy S5 e Moto G4 - portraid */
@media (min-width:360px) and (max-width:360px){	

	
	/* RODAPE */
	.rodape-tit {text-align: center;background: rgba(0,0,0,.5);padding: 10px;width: 100%;}	
	.rodape-btn {text-align: center;text-indent: 0px;}
	.copyright, .copyright a {font-size: 11px;}	
	
}

/* Iphone 5/SE - portraid */
@media (min-width:320px) and (max-width:359px){	

	
	/* RODAPE */
	.rodape-tit {text-align: center;background: rgba(0,0,0,.5);padding: 10px;width: 100%;}	
	.rodape-btn {text-align: center;text-indent: 0px;}
	.copyright, .copyright a {font-size: 11px;}	
	
}

/* Galaxy Fold 1 lateral - portraid */
@media (min-width:280px) and (max-width:319px){

	/* RODAPE */
	.rodape-tit {text-align: center;background: rgba(0,0,0,.5);padding: 10px;width: 100%;}	
	.rodape-btn {text-align: center;text-indent: 0px;}
	.copyright, .copyright a {font-size: 11px;}	
	
}