@import url('../fonts/webicon/style.css');
@import url('animate.css');
@import url('default.css');
@import url(https://fonts.googleapis.com/css?family=Rajdhani:400,300,600);

@font-face {
	font-family: 'Muro';
	src: url ('../fonts/muro/Muroslant.otf');
}
.btn {border-radius: 2px;}

a {color: #CB130C; cursor: pointer;}

.debug-console {position: fixed; bottom: 0; left: 0; right: 0;}

.navbar-brand {height: auto;}
@media (min-width: 992px) {
	.navbar-default {background-color:rgba(255,255,255,0.8);}

	
	.col-2-container { width: 100%; max-width: 600px; }
}
.carousel-inner>.item>img {width: 100%;}
.carousel-indicators {text-align: left; bottom: 80px;}
.carousel-indicators li {background-color: #fff; border: none;}
.carousel-indicators .active {background-color: #EC881F;}

/*------------------------------------------------
* reset
*------------------------------------------------*/
body { background: #F8F8F8; overflow-x: hidden; }
@media (max-width: 992px) {
	body {padding-top: 60px;}
}
ul {list-style: none; padding: 0; margin: 0;}

.navbar-default,
#navbar-servicos {padding: 0;}
.logo #imgLogo {
	height: 70px;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
@media (min-width: 992px) {
	.affix .logo {padding: 0;}
	.affix .logo #imgLogo {
		height: 50px;
	    -webkit-transition: 0.4s;
		-moz-transition: 0.4s;
		-o-transition: 0.4s;
		transition: 0.4s;
	}
	.affix-top .navbar-nav>li>a {
	    padding: 40px 25px;
	    font-size:18px;
		font-weight:600;
		line-height:120%;
		color:rgb(74,81,89);

	    -webkit-transition: 0.4s;
		-moz-transition: 0.4s;
		-o-transition: 0.4s;
		transition: 0.4s;
		font-family: 'Rajdhani', Arial;
	}
	.navbar-nav>li.active>a,
	.navbar-nav>li>a:hover {
		-webkit-transition: 0.4s;
		-moz-transition: 0.4s;
		-o-transition: 0.4s;
		transition: 0.4s;
	}
	.navbar-nav>li {
	    background: url('../images/bg-item-menu.png') no-repeat right bottom;
	}
}

.navbar-nav  li a.link-contato {color: #EC881F;}

.banner-title {font-size: 60px; color: #EDEDED; text-align: left; padding-top: 50px;}

.box-differential {
	width: 160px;
	height: 160px;
	background: url('../images/bg-box-differential.png') no-repeat;
	float: left;
	margin: 5px;
}
.box-differential .title {font-size: 15px; color: #66666A; padding: 10px 15px; text-shadow: none; min-height: 50px; display: block; }
.box-differential .icon {font-size: 45px; color: #66666A; text-shadow: none; }

.carousel-caption {
	left: 10%;
	right: 10%;
}

.our_solutions { font-family: 'Rajdhani', Arial; }
.our_solutions .nav-container {background: #31363D; }
.our_solutions .col-md-6.clear { clear: both; }

@media (min-width: 992px) {
	.our_solutions .nav-container { margin-top: -67px;}
}
.our_solutions .nav-container .title {text-align: center; margin: 0; padding: 20px; color: #fff; font-size: 25px;}
@media (max-width: 768px) {
	.our_solutions .nav-container .title {font-size: 15px;}
}
.our_solutions .nav-container .nav li {margin: 0; display: block; border-bottom: 1px solid #4F5762;}
.our_solutions .nav-container .nav li a { border-radius: 0; color: #F9F9F9; display: block; font-size: 22px; padding: 5px; text-align: center; font-weight: 300;}
.our_solutions .nav-container .nav li.active a,
.our_solutions .nav-container .nav li a:hover {color: #3F454C; border-right: 5px solid #ED8920; margin: 0;}

.our_solutions .tab-content .row .col-md-6:nth-child(3) {clear: left;}

@media (min-width: 992px) {
	.our_solutions .nav-container .nav li a { padding: 25px 15px;}
}
.our_solutions .our_solutions_box { min-height: 150px; border: 1px solid transparent; padding: 20px; padding-left: 90px; font-family: 'Rajdhani', Arial; color: #666666;}
.our_solutions .our_solutions_box:hover {background: #F4F4F4; border-color: #EEEEEE;}
.our_solutions .our_solutions_box .title {font-size: 20px; margin-top: 0;}
.our_solutions .our_solutions_box .text {font-size: 14px;}
.our_solutions .our_solutions_box .icon {width: 75px;margin-top: 30px; margin-left: -80px; display: block; text-align: center; font-size: 60px; float: left;}
.our_solutions .our_solutions_box .more {color: #AAAAAA; text-align: right; display: block;}
.our_solutions .our_solutions_box:hover .more {color: #F08802;}

#clientes {padding: 0 15px; background: #F4F4F4;}
#clientes .clientes-list {margin-top: 20px;}
#clientes .clientes-list img {display: inline-block; max-width: 100%; margin: 10px 0; display: block;}

	#clientes .home-clientes-col-1 {
		background: #414A4C url('../images/bg-clientes.jpg') center right;
		background-size: cover;
		color: #F3F3F3;
		border-right: 3px solid #F58700;
		padding: 50px 0;
	}
	#clientes .hc-title {margin-left: 80px; font-family:'Rajdhani', Arial }
@media (min-width: 992px) {
	#clientes .home-clientes-col-1 {
		min-height: 550px;
	}
	#clientes .clientes-list {margin-top: 120px;}
	#clientes .hc-title {font-size: 40px; margin-top: 35%; text-shadow: 0 1px 2px rgba(0,0,0,.6);}
}

#contato {
	padding: 100px 0;
	background: #F4F4F4;
	font-family: 'Rajdhani', Arial;
}
#sobre {
	background: #FAFAFA;
	padding: 100px 0;
	color: #666666;
	font-size: 20px;
	font-family: 'Rajdhani', Arial;
}
#sobre .title {
	font-size: 30px;
	color: #333333;
	margin-bottom: 20px;
}
#sobre strong {color: #F48600;}

#contato .form-contato {}
#contato .form-contato .form-control {border: 1px solid #E7E7E7; padding: 15px; height: auto; background: #fff; box-shadow: none; border-radius: 3px; resize: none;}


#contato hgroup .subtitle {color: #8D8D8D; font-weight: 400;}

.owl-theme .owl-controls .owl-page span {background: #DDDDDD;}
.owl-theme .owl-controls .owl-page.active span {background: #F28700;}


	.contato-info .title {margin: 0;}
	.contato-info li {padding-left: 50px; margin-bottom: 20px;}
	.contato-info .icon {font-size: 20px; padding: 10px; margin-left: -50px; float: left; color: #fff; background: #303940;}

/*------------------------------------------------
 * Footer
 *------------------------------------------------*/

.footer {
	background-color: #333940;
	color: #CCC;
	font-family: 'Rajdhani', Arial;
}
.footer .footer-header {padding: 20px 0; background: #23282D;}
.footer .footer-header .link-facebook .icon {padding: 5px; background: #5E6D7B; font-size: 30px; vertical-align: middle; margin-left: 10px; display: inline-block;}
	.footer .footer-header a:hover {color: #CD6F12;}
	.footer .footer-header a.link-facebook:hover .icon { background: #CD6F12; color: #fff;}

	.footer a {color: inherit; text-decoration: none;}
	.footer a:hover {color: #F04F53;}
	
	.footer .developed {
		padding: 15px;
		background-color: #F8F8F8;
		color: #666;
		}
		.footer .developed strong {
			color: #ED1317;
		}
	.footer .newslatter {}
	.footer .newslatter .form-control {
		height: 45px;
		box-shadow: none;
		border-radius: 0;
	}
	.footer .newslatter .btn {
		background: #E9851F; 
		color: #EDEDED;
		border: 2px solid #E9851F;
		font-size: 15px;
		padding: 10px 10px;
		float: right;
	}

	.footer .rodape-info .title {margin: 0;}
	.footer .rodape-info li {padding-left: 50px; margin-bottom: 20px;}
	.footer .rodape-info .icon {font-size: 20px; padding: 10px; margin-left: -50px; float: left; background: #5F6D7B;}
	
@media (min-width: 992px) {
	.footer .newslatter .btn {
		padding: 10px 40px;
		margin-left: 10px;
	}
}

.footer .footer-level1 {padding: 20px;}
.footer .footer-level2 {color: #545454; background-color: #1A1A1A; padding: 15px;}