@charset "utf-8";
/* CSS Document */


body{background: #fff;overflow-x: hidden;}
.right{float: right;}
.center{margin: 0 auto;display: inherit;}
.padding-no{padding: 0}
.img-responsive{width: 100%}
.navbar{border-radius: 0!important}
.navbar-inverse{background:#fff;border:none;margin: 0;position: fixed;top: 0;z-index: 99999;width: 100%;border: none;}
.navbar-inverse a{padding: 0;}
.navbar-nav li a.navbar-brand{padding:0;margin-top: -25px}
.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-nav>a:focus,.navbar-inverse .navbar-nav>a:hover{color: #16337f!important}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{color: #000;background: none}
.navbar-nav{float: right;margin: 25px 0 35px;height: 31px}
.navbar-nav li a{padding: 10px 20px;font:500 16px 'Cairo', sans-serif;letter-spacing: 1px}
.navbar-nav li.redes{padding-top: 8px}
.navbar-nav li.redes a{padding:0;float: left;margin-right: 10px}
.navbar-header{margin-top: 10px}
.navbar-brand{margin-top: 12px}
.contImgBanner img{width: 100%}

/* HOME */
.bx-quem-somos{background: url('../img/bg-quem-somos.jpg') no-repeat;}
.bx-quem-somos.frota{background-repeat: repeat;}
/*.col{padding-top: 90px}*/
h2{font:300 35px 'Cairo', sans-serif;text-transform: uppercase;color: #fff;line-height: 72px;margin-top: 20%}
h2 strong{font:700 35px 'Cairo', sans-serif!important;}
p{font:400 14px 'Cairo', sans-serif;line-height: 22px;color: #fff}

h5{font:600 40px 'Cairo', sans-serif;text-align: center;}
h3{width:180px;display: inherit; font:700 16px 'Cairo', sans-serif;text-align: center;color: #fff;border:1px solid #fff;padding: 0;border-radius: 20px;margin: 0 auto;}
input{padding: 0px 10px;width: 100%;margin: 0 0 15px 0;color: #199cde;font:300 14px 'Cairo', sans-serif;background: #fff;border:none;border-radius: 20px;}
textarea{padding: 10px;width: 100%;color: #199cde;font:300 14px 'Cairo', sans-serif;background: #fff;border:none;height: 140px;margin-bottom: 10px}
.wpcf7 .left{padding-right: 25px} 
.contato h2{text-align: center;margin-top: 40px}
.wpcf7-submit{width: 100px;margin: 0 auto;display: inherit;margin-top: 30px;font:700 14px 'Cairo', sans-serif;}
.informacao-contato{background: url('../img/bg-contato.jpg');}
.info-contato{position: absolute;top: 30%;right: 30px;color: #a4adaf;text-align: right;}
.info-contato strong{font:600 19px 'Cairo', sans-serif;display: block;color: #a4adaf}
.info-contato div{margin-bottom: 15px;text-align: center;margin-bottom: 0}
.container-fluid.banner-destaque{margin-top: 0}
.frm-contato{padding-left: 30px!important}
.info-contato,.frm-contato{padding: 10px 0 20px}
.container-fluid.siscoserv,.container-fluid.financiamentos{position: relative;cursor: pointer;}
.more{width: 50px;height: 50px;position: absolute;top: 58%;left: 48%}
.more-info{background:#27ab7b;position: absolute;top: 0;right: -50%;z-index: 9999;width: 50%;height: 100%;padding: 10% 60px 0}
.more-info p{color: #fff;font:400 16px 'Cairo', sans-serif;margin-bottom: 30px;text-align: justify;}
.line-more{width: 484px;height: 20px;position: absolute;top: 56%;right: 22%;opacity: 0;}
.spacador{position: absolute;top: -75px;left: 0;text-indent: -999em}
.container-fluid{position: relative;}
.container-fluid.quemsomos{margin-top: 75px}

.wpsm_nav.wpsm_nav-tabs{overflow: hidden;}
.wpsm_nav.wpsm_nav-tabs li{list-style: none;border:none;}
#tab_container_10 .wpsm_nav-tabs > li{margin-right: 25px!important}
#tab_container_10 .wpsm_nav-tabs a{padding: 10px 25px;cursor: pointer;display: block;}
#tab_container_10 .wpsm_nav-tabs a span{text-transform: uppercase;font:600 14px 'Cairo', sans-serif}
#tab_container_10 .wpsm_nav-tabs .active a span{color: #fff!important}
#tab_container_10 .wpsm_nav-tabs > li > a{border:1px solid #df0031!important;margin-right: 25px!important}
#tab_container_10 .wpsm_nav-tabs > li{width: 238px;float: left;}

.btn-contato{padding: 10px 25px;cursor: pointer;display: block;text-transform: uppercase;font:600 18px 'Cairo', sans-serif;border:1px solid #df0031;width: 45.5%;color: #000;text-align: center;float: left;margin-right:25px;text-decoration: none!important}
.btn-contato.active{background: #df0031;color: #fff}
.contato .bts{margin: 25px auto;float: inherit;overflow: hidden;}
.wpcf7-form-control.wpcf7-file{padding: 7px 10px}
.info-contato, .frm-contato p{text-align: center;}


footer{background: #16337f;color: #fff;padding: 10px 0}
footer .logo img{margin: 0 auto 0;display: inherit;}
footer .redes{text-align: center;}
footer .info{margin: 30px 0}
footer .copyright{margin-top: 20px}
footer .redes{margin-top: 5px}

.bx-banner{position: relative;}
.bx-banner .bx-info{position: absolute;top: 20%;left: 0;z-index: 999;display: block;width: 100%}
.bx-banner .bx-info a{padding: 5px 10px 5px;text-align: center;font: 15px 'nexa_boldregular';color: #fff;background: #00a99d;margin-top: 5px;float: left;}
.bx-banner p{color: #fff}
.investimentos p,.investimentos h2{text-align: right;}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute;bottom: -20px;width: 100%;}
.bx-wrapper .bx-pager {height: 40px;position: absolute;z-index: 1;bottom: 10px;text-align: center;}
.bx-wrapper li{left: 0;top: 0;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a{background: url('../img/pager.png') no-repeat;text-indent: -9999px;display: block;width: 18px;height: 18px;margin: 0 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {background: url('../img/pager-active.png') no-repeat}
.bx-controls{position: absolute;z-index: 997;width: 100%}
.bx-controls-direction{display: none;}
.bx-wrapper{position: relative;}

.txt{position: absolute;padding-right: 100px}
.txt.right{right: 10px}

.slider{z-index: 9999}


.carregador{width: 100%;height: 100vh;z-index: 9999999;background:#fff url('../img/load.gif') no-repeat  center 50%;position: fixed;overflow: hidden;top:0;}



/* Quem somos */
.quem-somos-info{background: url('../img/bg-quem-somos2.jpg');padding-bottom: 60px}
.quem-somos-info p{color:#37addf;padding:0 20px;text-align: justify;}

.frota img{margin: 20px auto;display: inherit;}
.frota{padding: 80px 0}

/* Contato */
.inf-contato{background: url('../img/bg-quem-somos2.jpg');text-align: center;color: #199cde}
.inf-contato img{margin: 30px auto 0;display: inherit;}
.inf-contato p{font: 16px 'Cairo';color: #199cde}
.inf-contato strong{font:700 16px 'Cairo';}
.inf-contato .right{margin-top: 40px}
.ico-segmento{cursor: pointer;}
.segmentos{padding: 100px 0 0 !important;background: url('../img/bg-quem-somos2.jpg');}
.informacoes-segmentos .ico{margin: 0 auto;display: inherit;}
.informacoes-segmentos h3{color: #199cde;border-color: #199cde;margin: 50px auto}
.informacoes-segmentos p{color: #199cde;width: 60%;margin: 0 auto;text-align: center;margin: 30px auto 40px}
.informacoes-segmentos div{text-align: center;}

.bx-noticias{background: #f9fafc;padding: 100px 0}
.bx-noticias div,.bx-noticias div a{font: 14px 'Cairo';text-decoration: none;color: #000}
h4, h4 a{color: #337ab7!important;font:600 20px 'Cairo', sans-serif!important;line-height: 20px!important;text-decoration: none;}
.bx-noticias ul li{list-style: none;padding: 0 30px}
.bx-noticias h3{color: #337ab7;border-color:#337ab7;margin-bottom: 10px}
.bx-noticias .site{width: 100%;overflow: hidden;text-align: center;margin: 20px 0 50px}

.informacoes-segmentos{position: relative;}
.fechar{position: absolute;right: 0;top: 0;cursor: pointer;}

.bx-controls-direction{display: none;}
.copyright small{display: block;text-align: center;}

/* SOBRE A SASSMAQ */

.sobre .banner{
	width: 100%;
	height: 177px;
	background-position: -200px center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 98px;
}

.sobre .container{
	padding-top: 20px;
	padding-bottom: 30px;
}

.sobre h2, .sobre .texto p{
	color: #25a7df;
	font-family: "Cairo", sans-serif;
}

.sobre h2{
	font-weight: 300;
	font-size: 33px;
}

.sobre p{
	font-weight: 400;
	font-size: 14px;
}

/* LICENCAS */

.licencas h2{
	display: block;
	margin-bottom: 30px;
	text-align: center;
	font-weight: 300 !important;
}

.licencas h2, .licencas h2 strong{
	color: #25a7df;
	font-family: "Cairo", sans-serif !important;
	font-size: 24px !important;
	line-height: 100%;
}

.licencas h2 strong{
	font-weight: 700 !important;
}

.licencas ul{
	padding-left: 0;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.licencas li{
	list-style: none;
	margin: 0 auto 30px;
}

@media (max-width: 767px){
	.txt{position: relative;}
	li.navbar{display: none;}
	.navbar-nav{width: 100%}
	.navbar-nav li a{display: block;width: 100%;text-align: right;padding: 10px 0}
	.navbar-nav li.redes a{width: 25px;float: right;}
	.navbar-brand.mobile{display: block!important}
	.navbar-header{height: 88px}
	.navbar-toggle{margin-top: 25px}
	.navbar-inverse .navbar-toggle .icon-bar{background: #000}
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background: #fff}

	.info-contato{top: 10%;left: 0}
	.info-contato p{font-size: 12px}
	.wpcf7 .left{padding-right: 0}
	input{margin:0px 0 25px}
	.navbar-nav{height: auto;}
	h2{margin-top: 5%}
	h2,h3{font-size: 30px;line-height: 35px;}
	h3{margin-top: 50px}
	.txt{position: relative;padding-right: 15px}
	.bxslider li img{height: 200px}
	.more-info{width: 100%;position: relative;left: 0;overflow: hidden;padding: 10% 15px}
	.info-contato,.frm-contato{position: relative;padding-top: 40px;padding-bottom: 60px}
	.frm-contato{padding-left: 0!important;}
	.navbar-brand{margin-left: 10px}
	.container-fluid.segmentos .container div img{width: 100%}
	.quem-somos-info .container div div img{width: 100%}
	.bx-controls{top: 15%}
	footer .redes{margin-bottom: 20px}
	.popup-space{left: 2%!important;right: 2%!important}
}

@media (min-width: 768px){
	.sobre .banner{
		height: 300px;
		background-position: center;
	}

	.licencas{
		padding-bottom: 135px;
	}

	.licencas ul{
		flex-direction: row;
		justify-content: center;
	}

	.licencas ul li{
		margin: 0 50px 0 0;
	}

	.licencas ul li:last-child{
		margin-right: 0;
	}

	.licencas h2, .licencas h2 strong{
		font-size: 30px !important;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	
	.navbar-nav li a{font-size: 12px;}
	.info-contato{top: 12%}
	.info-contato p{font-size: 14px}
	.navbar-nav li a{padding: 10px 6px}
	.bxslider li img{height: 400px }
	h2,h3{font-size: 30px;line-height: 35px;}

	.txt{position: relative;} 
	h2{margin: 20px 0}
	img.bn{height: 500px}
	.more-info{padding: 3% 15px 0}
	.more-info p{font-size: 13px;margin-bottom:15px;}
	.more{top: 48%}
	.container-fluid.financiamentos h3{left: 38%}
	.txt{padding: 30px 0}
	.bx-controls{top: 20%}
	.navbar-brand{margin-left: 10px!important}
	.container-fluid.segmentos .container div img{width: 100%}
	.quem-somos-info .container div div img{width: 100%}
	.quem-somos-info p{text-align: left;}
	h3{margin-top: 50px}
	.popup-space{left: 10%!important;right: 10%!important}
}

@media (min-width: 900px) and (max-width: 1400px){
	.txt{width: 95%}

	.more-info{padding: 3% 15px 0}
	.more-info p{font-size: 13px;margin-bottom:15px;}

	h2{font-size: 30px;line-height: 35px;}
	h3{top: 30%;}
	.txt{position: relative;} 
	h2{margin: 20px 0}
	img.bn{height: 500px}
	.more{top: 56%}
	.txt{padding: 10px 0}
	.navbar-nav li a{padding: 10px 15px;font-size: 16px}
}

@media (min-width: 769px) and (max-width: 899px){
	.navbar-nav li a{padding: 10px 10px;font-size: 14px}
	.navbar .container{width: 100%}
	.more-info{padding: 3% 15px 0}
	.more-info p{font-size: 13px;margin-bottom:15px;}

	h2,h3{font-size: 30px;line-height: 35px;}
	h3{top: 30%;left: 42%}
	.txt{position: relative;} 
	h2{margin: 20px 0}
	img.bn{height: 500px}
	.more{top: 48%}
	.container-fluid.financiamentos h3{left: 38%}
	.txt{padding: 10px 0}
	.bx-controls{top: 20%}
	.txt p{font-size: 13px;line-height: 16px}
	.more-info div{width: 95%}
}

@media (min-width: 1200px){
	.sobre .banner{
		height: 405px;
	}

	.sobre h2{
		margin-top: 0;
	}

	.sobre .container{
		padding: 70px 0;
	}

	.licencas ul li{
		margin: 0 auto 0 !important;
	}

	.licencas h2{
		text-align: left;
		margin-top: 140px;
		margin-bottom: 70px;
	}

	.licencas h2, .licencas h2 strong{
		font-size: 33px !important;
	}
}

@media (min-width: 1401px) and (max-width: 1600px ){
	h2{margin-top: 10%}
	.txt{width: 70%}
	.more-info div{width: 80%}
	.more-info{padding-top: 5%}
}