@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');

*{
	font-family: 'Montserrat', sans-serif;
}

p{
	font-size: 14px;
	color: #474747;
}

a{
	transition: all .6s;
}

img{
	max-width: 100%;
}

.topo .btn{
	padding: 3px 3px 0 3px;
	margin: 0 3px;
}

.topo svg{
	width: 15px;
	height: 15px;
	fill: #fff;
}

.topo{
	background: linear-gradient(to right, #3382af 0%, #4c9dcb 100%);
	font-size: 14px;
	padding: 5px 0;
	color: #fff;
}

.logo{
	margin: 25px 0;
	float: left;
}

/********************** Inicio Menu *******************************/
#menu-toggle {cursor: pointer; display: none; }		
 
#menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

#menu ul li{ 
	float:left; 
	height: auto; 
	position: relative;
}

#menu ul li a{ 
	font-size: 14px;
	font-weight: 600;
	display: block; 
	height: auto; 
	text-transform: uppercase;
	padding: 0px 10px; 
	line-height: 47px; 
	color: #626262; 
	text-decoration: none;
	border-radius: 8px;
} 

#menu li a.active svg{
	fill: #fff;
}
#menu li a.active,
#menu ul li a:hover{ 
	background: #24669d;
	color: #fff;
}  

#menu ul.nav-right{
	float: right;
}

#menu ul li a svg{
	fill: #626262;
	margin: 0 0 -4px 0;
}
#menu ul li a:hover svg{
	fill: #fff;
}

.sep{
	width: 0;
    border-right: 1px solid #4495c2;
    height: 15px !important;
    margin: 15px 3px 0 3px;
}

/* Submenu */
#menu li ul {position: absolute; z-index:99999; top: 50px; left:0px; display: none; width:195px; margin-left:0px; padding-top: 1px;}
#menu li ul li { height:auto; width:195px; background:#027f01; }
#menu ul li:hover > ul {display: block; }
#menu li ul li a{height:auto; line-height:20px; padding: 8px 10px; font-size:15px; background: #027f01; border-bottom:1px dotted #fff;}
#menu li ul li a:hover{background: #025601;}
#menu li ul li:last-child a{border-bottom: none;}
 
@media only screen and (min-width: 1200px) { 
	#menu.nav-fixed {position: fixed; left: 0; top:0; z-index: 199; background: linear-gradient(to right, #3382af 0%, #4c9dcb 100%);width: 100%; padding: 5px 0; }
	#menu.nav-fixed ul{ display: block; margin: 0 auto; float: none; text-align: center; }
	#menu.nav-fixed ul li{display: inline-block; vertical-align: top; float: none;}
	#menu.nav-fixed ul li{border-color: #fff;}
	#menu.nav-fixed ul a{line-height: 50px; color: #fff;}
	#menu.nav-fixed ul a:hover{background: #fff; color: #0084d1;}
	#menu.nav-fixed ul a:hover svg{fill: #0084d1;}
	#menu.nav-fixed li ul{text-align: left; display: none; top: 34px;}
	#menu.nav-fixed ul li a svg{ fill: #fff;} 
}

#painel-home ul{
	padding-left: 0;
	list-style: none;
}

.tt{
	color: #3887ba;
	font-size: 30px;
	font-weight: 800;
}

.btn3{
	color: #2b689b;
	border:1px solid #2b689b;
	padding: 15px;
}
	.btn3:hover{
		background: #2b689b;
		color: #fff;
	}

.marcashome{
	background: #efefef;
	padding: 30px 0;
}

	.marcashome h3{
		color: #515151;
		font-size: 20px;
		text-transform: uppercase;
	}

.bloco-serv{
	background: #53a6d3;
	color: #fff;
	border-radius: 10px;
	padding: 15px 10px;
	text-align: center; 
	display: block;
	border:1px solid #fff;
	position: relative;
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 0px 9px 0px rgba(0, 0, 0, 0.5);
	box-shadow:         0px 0px 9px 0px rgba(0, 0, 0, 0.5);	
}
	.bloco-serv:hover{
		background: #2b689b;
	}
	.bloco-serv:after{
		content: "SAIBA MAIS";
		color: #fff;
		font-size: 12px;
		position: absolute;
		opacity: 0;
		bottom: 8px;
		width: 100%;
		text-align: center;
		transition: all .4s;
		left: 0;
	}
	.bloco-serv:hover:after{
		opacity: 1;
	}

@media (min-width: 598px) { 
	.bloco-serv{
		min-height: 230px;
	}
}
.bloco-serv p{
	color: #fff;
	font-weight: 600; 
	margin-bottom: 15px;
	text-transform: uppercase;
	font-size: 16px;
}

.icones{ 
	height: 95px; 
	display: block;
	text-align: center; 
	margin-bottom: 15px;
}

.home3{
	color: #fff;
	background: url(../img/home3.jpg) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;	
}
	.home3 h2{
		font-size: 30px;
		font-weight: 800;
		color: #fff; 
		text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.92);
	}
	.home3 p{ 
		color: #fff;  
	}


.btn1{
	color: #fff;
	padding: 15px;
	margin: 5px;
	background: #53a6d3;
}
	.btn1:hover{
		color: #fff;
		background: #1e537f;
	}

.carousel{ }   
	.owl-prev, .owl-next{display: block; height: 30px; width: 30px; position: absolute; z-index: 200; text-indent: -9999px; top:50%; 
		background-image: url(../img/icones/arrow.png); background-repeat: no-repeat; margin-top: -15px;}
	.owl-prev {background-position: 0 0; left: -15px; }
	.owl-next {background-position: -32px 0; right: -15px; }



.item{display: block; margin: 10px auto; min-height:  260px; padding: 15px; background: #fff; max-width: 90%;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    0px 0px 8px 0px rgba(0, 0, 0, 0.3);
box-shadow:         0px 0px 8px 0px rgba(0, 0, 0, 0.3);
	} 
	/*.item img{vertical-align: middle;position: relative; top: 50%;transform: translateY(-50%);}*/
	.item a:hover{
		text-decoration: none;
	}
	.item h2{ font-weight: 800; color: #313131; font-size: 18px; margin-bottom: 0;  }
	.item time{ color: #519b32; display: block; font-size: 14px; font-weight: 600;  margin-bottom: 10px;}
	.item p{font-size: 14px;}

	.marcas img,
	.icones img{vertical-align: middle;position: relative; top: 50%;transform: translateY(-50%);}

.zoom{display: block; text-align: center; width: 100%; overflow: hidden;}
.zoom img {transition: all .5s; vertical-align: middle; width: 100%;}
.zoom:hover img {transform: scale(1.3); transition: all .5s;}


.banner {
	background-size: cover;
	-webkit-background-size: cover;
	height: 230px;
	background-position: center;
	background-repeat: no-repeat;
}
.bnr-quemsomos{
	background-image: url(../img/topo/quemsomos.jpg);
}
.bnr-servicos{
	background-image: url(../img/topo/servicos.jpg);
}
.bnr-obras{
	background-image: url(../img/topo/obras.jpg);
}
.bnr-clientes{
	background-image: url(../img/topo/clientes.jpg);
}
.bnr-contato{
	background-image: url(../img/topo/contato.jpg);
}
.bnr-localizacao{
	background-image: url(../img/topo/localizacao.jpg);
}
.bnr-equipamentos{
	background-image: url(../img/topo/equipamentos.jpg);
}
.bnr-noticias{
	background-image: url(../img/topo/noticias.jpg);
}

.page-header{
	background: url(../img/titulo.jpg) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	padding: 25px 0;
	margin-bottom: 40px;
}

.page-header h1{
	color: #fff;
	font-size: 26px;
	padding: 0;
	text-transform: uppercase;
	font-weight: 800;
	margin: 0;
}

.tit{
	color: #3887ba;
	font-weight: 800;
	margin-bottom: 25px;
}

.list{
	padding: 0;
	list-style: none;
}

.list li{
	padding-left: 15px;
	margin-bottom: 8px;
}

.list li:before{
	content: "";
	width: 7px;
	height: 7px;
	float: left;
	margin-top: 8px;
	background: #54a6d3;
	margin-left: -15px; 
}

.hover-azul{
	transition: all .4s;
	border-radius: 10px;
	padding: 15px;
	margin: -15px -15px 0 -15px;
	display: block;
}
.hover-azul h3{
	color: #3887ba;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	min-height: 35px;
}

.hover-azul:hover{
	background: #25618f;
}

.hover-azul a{
	color: #fff;
}
.hover-azul .text-right{
	opacity: 0;
	height: 1px;
}

.hover-azul:hover h3,
.hover-azul:hover p{
	color: #fff;
}
.hover-azul:hover p.text-right{
	color: #fff;
	opacity: 1; 
}

.marcas {
    border-radius: 10px;
    border: 1px solid #c9c9c9;
    height: 160px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 25px;
}

 .marcas img{
 	display: block;
 	margin: 0 auto;
 	max-width: 80%;
 	max-height: 80%;
 }

 .noticia{
 	border-bottom: 1px dotted #a5a5a5;
 	margin-bottom: 30px;
 }

 .noticia h3{
 	color: #3887ba;
 	font-size: 22px;
 	text-transform: uppercase;
 	font-weight: 600;
 }

 .noticia time{
 	color: #3483b0;  
 	font-weight: 500;
 	font-size: 14px; 
 }

.pagination .active a.page-link{
 	background: #3887ba;
 	border-color: #3887ba;
 }

 .pagination a.page-link{
 	color: #3887ba;
 }

 .btn-volta{
 	background: #3887ba;
 	color: #fff;
 }

 .btn-volta:hover{
  	background: #25689f;
 	color: #fff;
  }

.cabecalho h2{
	color: #3887ba;
 	font-weight: 700;
	font-size: 22px;
	margin-bottom: 5px;
}

.cabecalho time{
	color: #737373;
	font-size: 14px;
}

.form-group{
	color: #25689f;
	font-weight: 600;
	text-transform: uppercase;
}
 #form input{
 	height: 45px;
 	border:1px solid #ccc;
 }

 #form .btn{
 	background: #25689f;
 	color: #fff;
 	margin-top: 20px;
 	height: 50px;
 	border: none;
 	cursor: pointer;
 }

  #form .btn:hover{
  	background: #1d5989;
  }

 .captcha{
 	float: left;
 	border: 1px solid #ccc;
 	margin-right: 10px;
 	padding: 9px 5px 9px 10px;
 }

 #captcha{
 	width: 180px;
 	float: left !important;
 }

.lateral h5{
	color: #4c9dcb;
	font-weight: 600;
	text-transform: uppercase;
}
 
#footer{
	padding: 25px 0 0 0;
	background: linear-gradient(to right, #307da8 0%, #4c9dcb 100%);
	color: #fff;
}

#footer .btn{
	background: #0d4574;
	border-radius: 50%;
	width: 37px;
	height: 37px;
	padding: 8px 0 0 0;
}

#footer svg{
	fill: #fff;
	width: 20px;
	height: 20px;
}

.rodape{
	padding: 7px 0;
	margin-top: 25px;
	background: linear-gradient(to right, #4c9dcb 0%, #307da8 100%);
	color: #fff;
	font-size: 14px;
}
.fancybox-type-iframe .fancybox-inner {
  height: 450px !important;
}
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {position: relative; max-width: 100% !important; margin: 0 auto; padding: 0; *zoom: 1;}
.bx-wrapper img {width: 100%; display: block;}

/** THEME
===================================*/
.bx-wrapper .bx-viewport {}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute; bottom: 5px; width: 100%; padding: 0;  z-index: 1000; }
/* LOADER */
.bx-wrapper .bx-loading {min-height: 50px; background: url(../js/bxslider/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;}

/* PAGER */
.bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}
.bx-pager-item {padding: 5px 0;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #dcdada; text-indent: -9999px; display: block; width: 20px; border:2px solid #fff; height: 20px; margin: 0 2px;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #3879bb;}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left: 5%; background-position: 0 0; }
.bx-wrapper .bx-next {right: 5%; background-position: -32px 0; }
.bx-wrapper .bx-prev:hover ,
.bx-wrapper .bx-next:hover {opacity: 1;}
.bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: -25px; outline: 0; width: 30px; height: 30px; text-indent: -9999px; z-index: 9999;
background-image: url(../img/icones/arrow.png); background-repeat: no-repeat; opacity: 0.6;}

.bx-wrapper .bx-controls-direction a.disabled { display: none;}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start {display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../js/bxslider/images/controls.png) -86px -11px no-repeat; margin: 0 3px;}

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../js/bxslider/images/controls.png) -86px -44px no-repeat; margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px;}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; width: 35px;}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%;}
.bx-wrapper .bx-caption span {color: #fff; display: block; font-size: .85em; padding: 10px;}

/* OWL CAROUSEL */
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px)}.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}

.barratopo{display:none} 
.pull {display: none; background: url(../img/icones/pull.png) no-repeat right top; width: 36px; height: 36px; margin-right: 20px; cursor: pointer;}

@media(max-height: 295px){
 #menu{
 	 overflow-y: scroll;
 }
}
@media only screen and (max-width: 1200px) { 
	.pull {display: block; float: right; padding: 0 40px 0 0; }
	.bgplb{ background-position: right bottom; }
	#menu {background: #0084d1; position: fixed; left: -100%; top: 0; z-index: 99999; width: 200px; height:100vh; overflow-x: hidden;transition-property: left; transition-duration: 0.5s; transition-timing-function:  ease-in-out; margin: 0;}
	#menu ul{float: none !important; margin: 0 0; }
	#menu ul li {width: 200px; display: block; float: none; height: auto; border-bottom:1px solid #1ea3f1;}
	#menu ul li a {text-align: left; color: #fff; font-size: 1.2em; height: auto; line-height: 36px; padding: 0 0 0 10px; } 
	#menu ul li.sep{display: none;}
	#menu ul li a svg{fill: #fff;}
	#menu ul li:hover > ul {display: block; }
	#menu ul li ul{position:relative; top:0px; margin:0px; } 
	#menu-toggle:checked + #menu { left: 0 !important; }
	.barratopo{position:fixed; display: block; left: 0; top: 0; padding: 0; font-size:14px; width: 100%; height: 35px;
	 z-index:99999; background: linear-gradient(to right, #3382af 0%, #4c9dcb 100%); }
	.barratopo span {color: #fff; position: absolute; line-height:35px; left: 10px;}
	.barratopo span img{margin: 0px 5px 0 0px;}
 
 	#header {
 		margin-top: 35px; 
 	}
	.logo{
		margin: 15px auto;
		float: none;
		display: block;
		max-width: 190px;
	}
 
}
@media only screen and (max-width: 767px) { 
	.banner{
		height: 150px;
	}
}

.codephix_blog_post_video {
  width: 700px;
  max-width: 90%;
  margin: 25px auto 0 auto;
}
.codephix_embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.codephix_embed-container iframe, .codephix_embed-container object, .codephix_embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.codephix_embed-container embed, .codephix_embed-container video, .codephix_embed-container iframe, .codephix_embed-container iframe[style] {
  max-width: 100%;
}