/*
Theme Name: Road
Theme URI: http://www.agenciaimarket.com.br
Description: Tema Wordpress
Version: 1.0
Author: Bruno Cabé 
Author URI: http://www.behance.com/brunocabe
*/


/*----------------------
	COLOR REFERENCES
------------------------

AZUL ROYAL: 		#08476A;
AZUL CEU: 			#3495BF;
VERDE ALEGRIA: 		#C0D23D;
VERMELHO EMOÇÃO: 	#B7233E;

----------------------*/

@media (max-width: 767px) {
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {border: transparent}
.navbar-default .navbar-toggle .icon-bar { background-color:#38B0D8;}
.navbar-collapse {background: #eee; margin-top: 18px;}
.navbar-header {padding-bottom:18px}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
    border: transparent;
opacity:0.8}
.navbar-default .navbar-toggle {margin-top:25px}
}

/*----------------------
		RESET
----------------------*/
a,b,blockquote,body,caption,code,div,em,fieldset,font,form,h2,h3,html,i,img,label,li,ol,pre,small,span,strong,table,tbody,td,tfoot,th,thead,tr,ul{margin:0;border:0;outline:0}.clear{clear:both}*{margin:0;padding:0}

img {max-width:100% !important; height:auto}



/*----------------------
	DEFAULT SETTINGS
----------------------*/
html, body {font-family:Lato; overflow-x:hidden} 
a {text-decoration: none; transition:all 0.6s linear; -o-transition:all 0.6s linear; -moz-transition:all 0.6s linear; -webkit-transition:all 0.6s linear;} 
a:link, a:visited, a:active {color: #3495BF;}
a:hover {text-decoration: none; color: #08476A;}
em {color:#08476A; font-style: italic;}
i {color:#08476A;}
b {color:#08476A;} 
strong {color:#08476A;}

.botao-form {font-family: linotte-bold;
    font-size: 18px;
    border: 3px solid #3495BF;
    border-radius: 500px;
    padding: 8px 25px;}

.hidden-o {
   opacity: 0;
 }
.visible-o {
   opacity: 1;
}

.five-cols .col-xs-2  { width: 20%; padding: 0 3px !important;}
.five-cols .col-sm-2 {padding: 0 3px !important;}

@media (min-width: 768px) {
  .five-cols .col-sm-2 { width: 20%; }
}

@media (min-width: 992px) {
  .five-cols .col-md-2 { width: 20%; }
}

@media (min-width: 1200px) {
  .five-cols .col-lg-2 { width: 20%; }
}




/*----------------------
		WP CORE
----------------------*/
.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignleft,a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}



/*----------------------
		HEADER SETTINGS
----------------------*/
.slider {width:100%;background:#3495BF; overflow:hidden !important; height:600px; position:relative}
.bg_video{position: relative; right: 0; top: 0; min-width: 100%; min-height: 600px; max-height:600px; width: auto; height:600px; background: url(images/torre.jpg) no-repeat;background-size: cover}
.navbar-default {border:none;     background-image: url(http://novisatransportes.com.br/wp-content/themes/road/images/bg-main.png);
    height: 95px;
    background-color: transparent;
    background-position: left bottom;
    background-repeat: no-repeat;}
.navbar-default .navbar-nav li a {font-family:'linotte-bold'; color: #3495BF !important;font-size: 16px !important; }
.navbar-nav>li>a {padding: 10px 22px;
    border-radius: 300px;
}
.navbar-nav li a:hover {color:#08476A !important}

.navbar .container {height: 70px}
.navbar-right {    margin-top: 18px;}
.navbar-brand:hover {opacity:0.8}

.request-call {background:#08476A; padding:65px 0;}
.request-call h6 {text-transform:uppercase; color:#FFF; letter-spacing:1px}
.request-call h1 {margin-top: 15px; font-family:Linotte-heavy; color:#3495BF; font-size: 50px;  letter-spacing: -1px;    font-family: Linotte-bold;}

.request-call input, .request-call select {    border:1px solid transparent;
    width: 100%;
    display: block;
    background: rgba(0,0,0,0.2);
    color: #FFF !important;
    outline: none;
    border-radius: 100px;
    padding: 18px 22px;
    font-size: 14px;}

.navbar-nav>li>.dropdown-menu {    border: none;
    background: #3495BF;
    border-radius: 6px;
    margin-top: 5px;
    color: #FFF;}

.navbar-nav>li>.dropdown-menu li a {color:#FFF !important}
.navbar-nav>li>.dropdown-menu li a:hover {background: rgba(0,0,0,0.3) !important}

.request-call .wpcf7-submit {background:#FFF !important; color:#3495BF !important; font-family:Linotte-bold !important; text-transform:uppercase; text-align:center; border:none}

.header-call {position:absolute; top:0px;z-index:999; padding-top:280px; width:100%; min-height:1px}
.header-call h2 {    color: #FFF;
    font-size: 52px;
    font-family: linotte-bold;
    letter-spacing: -2px;
    line-height: 62px;}

.header-call a {    font-family: linotte-bold;
    font-size: 16px;
    background: #C0D23D;
    color: #08476A;
    padding: 12px 30px;
    border-radius: 300px;
    margin-top: 30px;
    display: inline-block;
    border: 3px solid #C0D23D;}

.header-call a:hover {background:transparent; color:#FFF; border:3px solid #fff}

.redes {background:url('images/fundo-redes.png') center top no-repeat}

.redes .col-md-6+.col-md-6 {margin-top:60px}

.redes h6 {    text-transform: uppercase;
    color: #383838;
    letter-spacing: 1px; margin:0px; padding:0px}

.redes h1 {
    color: #08476A;
    font-size: 60px;
    letter-spacing: -1px;
    font-family: Linotte-bold; margin-bottom:35px; margin-top: 0;}

.redes a {    font-family: linotte-bold;
    font-size: 16px;
    background: #C0D23D;
    color: #08476A;
margin-bottom:10px;
    padding: 12px 30px;
    border-radius: 300px;
    display: inline-block;
    border: 3px solid #C0D23D;}



/*----------------------
		PAGE STRUCTURE
----------------------*/

#header-page {width:100%; display:block; position:relative; color:#FFF; height:332px; background:url('images/bg-page.png') center bottom no-repeat; text-align:center; margin-bottom:70px}
#header-page .container {top:50%; position:relative;}
#header-page h2 {    font-family: Linotte-bold;
    letter-spacing: -1px;
    font-size: 52px;
    margin-top: 15px;}

#header-page .breadcrumbs span {    text-transform: uppercase;
    font-size: 11px;
    background:#00334F;
color:#FFF;
    padding: 8px 12px;
    border-radius: 100px;
    letter-spacing: 1px;}


#header-page .breadcrumbs span a {color:#3495BF}

.page-content {
font-size: 17px;
    color: #5a5a5a;
    font-weight: 300;
    line-height: 28px;}

.page-content p {    margin: 0 0 23px;}






/*----------------------
		FOOTER
----------------------*/

.map-footer {background:#08476A; position:relative}
.map-footer .map-position .col-md-6 {padding: 0px !important;}
.map-footer .position-info {position:absolute; top:0px; z-index:100;     left: 50%;
    margin: 0px -585px;}

.map-footer .position-info h2 {    color: #3495BF;
    font-family: linotte-bold;
    font-size: 55px;
    letter-spacing: -1px;     margin-bottom: 25px;     margin-top: 55px;}

.map-footer .position-info ul li {color: #FFF;
    list-style: none;
    font-size: 15px;
    font-family: linotte-regular;
    padding-left: 28px;
    margin-bottom: 20px;}

.map-footer .position-info ul li.point:before { font-family: 'FontAwesome'; content: '\f041'; margin:0 5px 0 -28px; display:inline-block; width:20px; color:#3495BF}
.map-footer .position-info ul li.phone:before { font-family: 'FontAwesome'; content: '\f095'; margin:0 5px 0 -28px; display:inline-block; width:20px; color:#3495BF}
.map-footer .position-info ul li.mail:before { font-family: 'FontAwesome'; content: '\f0e0'; margin:0 5px 0 -28px; display:inline-block; width:20px; color:#3495BF}

.footer-final {text-align:center; padding-top:30px}

.footer-final p {font-size: 12px;
    text-align: center;
    padding: 4px 0px 12px;
    color: #a9a9a9;}

.footer-final divisor {    padding: 0 15px;
    color: #dcdcdc;}

.footer-final .fast-links {    font-family: linotte-bold;
    font-size: 14px;
    margin-top: 20px;
    text-align: center;}







/*----------------------
		SPECIAL PAGES
----------------------*/

.contact-fast {    background: #ABBE34;
    padding: 45px;
    margin-top: 95px;}

.contact-fast h2 {    font-family: linotte-bold;
    color: #004668;
    font-size: 42px;
    letter-spacing: -1px;}

.contact-fast p {color: #FFF;
    margin: 0px;
    padding: 0px;}

.contact-fast a {    background: #FFF;
    color: #0097C5;
    font-family: linotte-bold;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 18px;
    border-radius: 200px;
    padding: 15px;
    margin-top: 5px;}

.page-content h2 {font-family: linotte-bold;
    letter-spacing: -1px;
    font-size: 45px;
    color: #08476A;
    margin-bottom: 15px;}

.missao-visao {
	background:#08476A;
	padding:60px 0px;
	color:#FFF;
	margin-top:35px;
	margin-bottom:35px}

.missao-visao h4     {font-family: linotte-bold;
    font-size: 38px;
    color: #FFF;}

.missao-visao .fa-3x {color:#3495BF}

.page-content h6 {font-family: linotte-semibold;
    font-size: 22px;
    letter-spacing: 0px;
    margin: 15px;
    color: #08476A;}

.page-content h5 {    font-family: linotte-bold;
    color: #FFF;
    background: #3595BF;
    display: inline-block;
    padding: 12px 22px;
    border-radius: 50px;}

.page-content h1 {font-size: 75px;
    font-family: linotte-heavy;
    color: #3595BF;line-height: 60px;}

.line-frota p {    font-size: 14px;
    font-weight: 400;
    color: #696969;
    line-height: 25px;
    font-style: italic;}

.line-frota i { color: #696969 !important; margin-left:5px}

.line-frota h3 {    font-family: linotte-semibold;
    margin-bottom: 5px;
    color: #3595BF;}

.colserfro2 h3 i {color:#FFF}
.colserfro2 h3 {color: #FFF;
    font-family: linotte-bold;
    font-size: 65px;
    letter-spacing: -2px;}

.colserfro2 p {    font-weight: 400;
    font-family: linotte-regular;
    margin: 15px auto;
color:#FFF;
    line-height: 18px;
    max-width: 320px}

.colserfro2 a {background: #ABBE35;
	border:3px solid #ABBE35;
    display: inline-block;
    color: #09496C;
    font-family: linotte-bold;
    font-size: 16px;
    padding: 10px 28px;
    border-radius: 200px;}

.colserfro2 a:hover {background:transparent; color: #FFF; border:3px solid #FFF;}



/*----------------------
		CONTACT FORM PAGES
----------------------*/

.page-content .wpcf7, .page-content label {width:100%}
.page-content input,.page-content textarea {width: 90%;
    border: 1px solid #dcdcdc;
    outline: none;
    padding: 8px 12px;
    border-radius: 3px;
    font-weight: 400;
	font-size:14px;
    color: #6b6b6b;}

.wpcf7-not-valid-tip {    display: block;
    font-size: 12px;
    font-weight: 400;
    color: red;}

/*.screen-reader-response{    background: rgba(255,0,0,0.1);
    border-radius: 4px;
    padding: 22px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #ad0000;
    border: 1px solid #decaca;
	    margin-bottom: 40px;}

.screen-reader-response ul li {    margin-left: 25px;
    margin-top: 5px;}*/

.inputSubmitButton {
background: #3595BF;
    border: none !important;
    color: #FFF !important;
    font-family: linotte-semibold !important;
    font-size: 16px !important;
    padding: 15px 0px !important;}

/*----------------------
	BOTÃO WHATSAPP
----------------------*/

.container-botoes{
  position: fixed;
  bottom:3em;
  left:0.5em;
  z-index:99 !important;
}

.box-btn{
  width:4em;
  height:4em;
  position:relative;
  border: 3px solid #00E676;
  border-radius:50%;
  background:#00E676;
  cursor:pointer;
  display:inline-block;
  box-shadow: 1px 1px 10px 1px #4f4f4f;
  z-index: 10;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.box-btn svg{
  width:70%;
  height:70%;
  position: absolute;
  top:50%;
  left:50%;
  z-index: 5;
  transform:translate(-50%, -50%);
}

.box-btn:hover{
  transform: scale(1.2);
}

.legenda-box{
  width:100%;
}

.legenda{
  width:14%;
  height:4em;
  position: fixed;
  bottom:3em;
  left:5em;
  display: none;
  background-image:url(msg-ballon.png);
  background-position: center;
  background-repeat:no-repeat;
  background-size:5%;
}

.legenda p{
  font-family:'Arial';
  font-weight:bold;
  text-transform:uppercase;
  color:#fff;
  margin-top:10%;
  margin-left:15%;
}

.blog-section{
	margin:5% 0;
	text-align:center;
}

.blog-section .blog-title-show{
	font-family: linotte-bold;	
	margin-bottom:3%;
	color:#08476A !important;
	font-size:45px !important;
}

.thumb{
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:15em !important;
}

.titulo-painel-blog{
	font-family: linotte-bold;
	font-size:25px;
	color:#3495BF !important;
	margin:3% 0;
}

.link-blog-more{
	padding:0.6em 1.2em;
	background:#ABBE35 !important;
	color:#08476A;
	font-family:linotte-semibold;
	border-radius:4em;
	cursor:pointer;
}