@import 'https://fonts.googleapis.com/css?family=Ubuntu:300,400,700';

body {font-family: 'Ubuntu', sans-serif; background-color: #f9f9f9; overflow-x: hidden; font-weight:400; font-size:14px; color: #6f7174; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;}
h1, h2, h3, h4,h5{font-family: 'PT Sans', sans-serif !important; margin-bottom:20px;letter-spacing: 0;}
.container{position: relative;}
.clear{clear: both;}
a{color: #EE2A24;transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s;}
img{color: #EE2A24;transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s;}
a:hover {color: #333;}

#preloader-bg {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #f0f7fa;z-index: 10000;}
#preloader {
	width:64px;height:64px;position: absolute;left: 50%;top: 50%;background-image: url(../images/load.gif);background-repeat: no-repeat;background-position: center;;
	-webkit-transform: translate(-50%, -50%) !important;
	-moz-transform: translate(-50%, -50%) !important;
	-ms-transform: translate(-50%, -50%) !important;
	-o-transform: translate(-50%, -50%) !important;
	transform: translate(-50%, -50%) !important;
}

header{background:url(../images/bg-header.png) no-repeat top center;  padding-bottom: 0; width: 100%;  min-height:80px; position: relative; z-index: 99;}
.navbar-brand{height:auto; float: left; margin:0; padding:10px 0; position: relative; }
#navbar{float: right;}
.navbar-inverse{background: transparent !important; margin:0; border:0px !important;}
.navbar-nav{z-index: 5; position:relative; margin-top: 18px;}

.navbar-nav > li {margin-right: 4px;}
.navbar-nav > li:last-child {margin-right: 0;}
.navbar-nav > li > a{padding: 15px 16px;}
.navbar-inverse .navbar-nav>li>a{font-size: 16px; color: #ffffff; font-weight: 700; padding:12px 22px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.navbar-inverse .navbar-nav>li>a:hover{color: #282828; background-color: #ffffff;}
.navhover{color: #ffffff; background-color: #282828;}
.navhover a{color:#ffffff !important;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{color: #CCCCCC; background: transparent;}
.nav-fone{border:solid 1px #ffffff; padding: 11px 22px; margin-left: 25px; color: #ffffff; font-weight: 700;}

.navbar-inverse .navbar-toggle{border-color: #ffffff;}
.navbar-inverse .navbar-toggle .icon-bar{background-color: #ffffff;}

.navbar-nav > li > .dropdown-menu{width: 100%;}
.custom-dropdown .dropdown-menu {padding: 0px;left: 0;right: auto;background: #282828;border: none;-webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px;box-shadow: none;}
.custom-dropdown .dropdown-menu li a {padding-top: 10px;padding-bottom: 10px;color: #ffffff;font-size: 16px;}
.custom-dropdown .dropdown-menu li a:hover {background-color: #EE2A24;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}

.topbar{background-color: #282828; color: #ffffff; text-align: right; padding:0; font-size: 14px;line-height: 28px;}
.topbar ul{margin: 0px; padding: 0px; list-style: none; float:right;}
.topbar ul li{float: left; margin-left:5px; padding: 4px 15px;}
.topbar ul li:last-child{border-right: 0px;}
.topbar ul li i{color: #ffffff;}
.topbar a{color: #ffffff;font-size: 14px;}

.headline {position: relative; margin-bottom: 30px;}
.headline h2{display: inline-block; color: #57707a; font-size: 26px; padding: 10px 20px; border-bottom: solid 1px #282828;}

.center{text-align: center;}
.left{text-align: left;}
.right{text-align: center;}

.btn-yellow{display: inline-block; margin-top: 5px; color: #deb00a; padding:15px 35px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;font-weight: normal;line-height: 1.42857143;text-transform: uppercase;text-align: center;white-space: nowrap;font-size: 14px;vertical-align: middle;border: solid 2px #e4b908;}
.btn-yellow:hover{background-color: #deb00a; color: #ffffff; text-decoration: none;}

.page_header {
	background: #535353;
	color: #ffffff !important;
	margin: 0 0 30px;
	padding:45px 0 30px;
}
.page_header h5 {font-size: 24px;text-transform: uppercase;color: #ffffff;font-weight: 700;margin: 0;line-height: 24px;}

.bcrumbs {display: table;float: right;position: relative;top: 2px; list-style: none;}
.bcrumbs li {float: left;margin-left: 11px; position: relative; color: #ffffff; font-weight: 700;}
.bcrumbs li a {color: #ffffff; font-weight: 400; padding: 0 15px;}
.bcrumbs li a:hover {color: #000;}
.bcrumbs li:after {content: "\f105";position: absolute;top: 0px; left:-14px; font-family: FontAwesome; width: 30px;}
.bcrumbs li:first-child:after {display: none;}

.headtitle{border-bottom:solid 1px #282828; color: #282828; padding:5px 0; margin-bottom: 30px;}
.headtitle h2{float: left; margin:0px; font-size: 24px; line-height: 50px; font-weight: 300;}
.headtitle a{float: right; color: #ffffff; padding: 15px 30px; font-weight: 700;  border:0; background-color: #282828; display: inline-block;}
.headtitle a:hover{text-decoration: none; color: #ffffff; background-color: #535353; }

.box-car {margin-top: 30px; color: #686868; padding: 10px 10px 20px; border: solid 1px #e8e8e8; background-color: #ffffff; text-align: center;}
.box-car img{width: 100%;}
.box-car img:hover{opacity:0.6 ;filter: alpha(opacity=.6);}
.box-car h3{color: #686868; text-align: center; font-size: 16px; font-weight: 700; margin:15px 0 10px; height:35px; overflow:hidden;}
.box-car p{margin:0 0 10px; font-size: 14px; font-weight: 400; height:35px; overflow:hidden; height:60px; overflow:hidden;}
.box-car .btn-box{display: inline-block; border:0; font-size: 14px; font-weight: 700; background-color:#282828; color: #ffffff; padding:12px 35px;}
.box-car .btn-box:hover{background-color: #535353; color: #ffffff; text-decoration: none;}
.box-fotocar .flexslider{border: solid 4px #282828;}

.form-control{outline: none;}
.form-control{height: 50px;}
.form-control:focus{border-color: #656565;}
textarea.form-control{height: 160px;}

.jumbotron {background-color: #818285;}
.jumbotron address{color: #ffffff;}
.jumbotron p{color: #ffffff; font-size: 14px;}
.jumbotron a{color: #b5d4ff;}

.btn-primary {
    color: #fff;
    background-color: #282828;
    border-color: #282828;
}
.btn-primary:hover {background-color:#535353;border-color:#535353; }


.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;}
.col-xs-5ths {width: 20%;float: left;}

@media (min-width: 768px) {
    .col-sm-5ths {width: 20%;float: left;}
}
@media (min-width: 992px) {
    .col-md-5ths {width: 20%;float: left;}
}
@media (min-width: 1200px) {
    .col-lg-5ths {width: 20%;float: left;}
}


footer{background-color: #343434; padding:30px 0 0; line-height: 22px; color: #ffffff; text-align: center; margin-top: 60px;}
footer a{color: #ffffff;}
footer a:hover{color: #ebc206;}
footer .boxinfo{text-align: center; padding:25px 0 0;}
footer .boxinfo i{display: inline-block; font-size: 36px; color: #ffffff; margin-bottom: 15px;}
footer .boxinfo h4{font-size: 18px; color: #ffffff; margin: 0 0 10px; font-weight: 700;}
footer .boxinfo p{font-size: 16px; color: #ffffff; margin: 0px; font-weight: 400;}

footer .copy{padding:10px 0 20px; margin-top:10px; line-height: 30px; text-align: center; background-color: #282828; }
footer .copy p{margin:0px;}
footer .social{padding:0; width: 45px; height: 45px; text-align: center; margin:30px 5px 0; font-size: 18px; color:#ffffff; border: solid 1px #ffffff; line-height:45px;text-align: center; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
footer .social:hover{color: #ffffff; border-color: #ffffff;}

@media only screen and (max-width: 1200px) {
	.navbar-inverse .navbar-nav>li>a {padding: 13px 20px;font-size: 13px;}
}

@media only screen and (max-width: 991px) {
	.navbar-inverse .navbar-nav>li>a{font-size: 16px;padding: 7px 15px;}
	.navbar-brand > img{width: 160px;}
	.navbar-brand {height: 80px; margin-top: 5px;}
	.btn-custom{padding: 8px 20px;}
}

@media screen and (min-width: 768px) {
    .custom-dropdown .dropdown-menu li a:hover,
    #sub-page .custom-dropdown .dropdown-menu li a:hover {color: #e3e7e9;}
    .dropdown:hover .dropdown-menu { display: block; }
    .custom-dropdown .dropdown-menu li:not(:last-child) { border-bottom: 1px solid #58bae1; }

}
@media only screen and (max-width: 767px) {
	header{position: relative; height: 120px; background: #283446}
	.slider{padding-top: 0px;}
	
	.box-home .btn-box{margin-bottom: 30px;}

	.headtitle{text-align: center;}
	.headtitle h2{float: none; text-align: center;}
	.headtitle a{float: none; text-align: center;}

	.page_header{padding: 30px 0 20px; margin: 0 0 15px; text-align: center;}
	.bcrumbs{float: none; padding: 0px; margin-top: 10px;}
	.bcrumbs li:after{ left: -23px; width: 20px;}
	.bcrumbs li a{padding: 0 15px 0 5px;}

	footer .copy p{text-align: center;float: none !important;}
	footer .copy p a{float: none; display: inline-block;}
	footer .boxinfo{margin-bottom: 15px;}
	#navbar{float: none;}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{background-color: #282828; padding-top: 0;padding-bottom: 20px;margin-top: 3px; border: 0px;}
	.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{padding-bottom: 0px; border-bottom: 0px;}
	.flex-control-nav{display: none !important;}
	.navbar-toggle{position: absolute; top:19px; right: 0px;}
	.navbar-toggle:hover{background-color: #ffffff !important;}
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background-color: transparent !important;}
	.navbar-brand > img{width: 100%;}
	.navbar-brand{margin:0; float: left; padding: 10px 0;width: 50%;}
	.btn-aluno{padding: 12px 15px; margin: 27px 0;}
	.navbar-nav{border: 0px; width: 100%; margin: 0; padding-top: 20px;}
	.slide-caption{display: none !important;}
}