/*

Template Name: Responsive Freight Services Landing Page
Author: LeadForest
Author URI: http://leadforest.com/
Description: Responsive Freight Services Landing Page - Single Responsive Freight Services Landing Page HTML5 Template.
Version: 1.0
Tags: single page, Bootstrap, responsive, html5, css3

*/


/* Table of Content
==================================================
#BASIC TYPOGRAPHY
#HEADER
#BANNER
#WELCOME
#VIDEO
#SERVICES
#FAQ
#TESTIMONIALS
#FOOTER
*/


* { margin: 0; padding: 0; }

/********** BODY **********/

html { width: 100%; height: 100%; }
body { margin: 0; padding: 0; font-family: 'Roboto', sans-serif; font-size: 14px; color: #666666; line-height: 24px; font-weight: 300; position: relative; overflow-x: hidden; letter-spacing:0.2px; }
header, section, footer { width: 100%; float: left; }

/********** A TAG **********/

a { text-decoration: none; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; color: #ff7800; }
a:hover, a:focus { outline: none; text-decoration: none; color: #000; }
button{ -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }

/********** HEADING **********/

h1 { font-size: 54px; text-shadow: 1px 2px 3px rgba(0,0,0,.3); color: #fff; font-weight:800; letter-spacing: 1.8px; font-family: 'Roboto', sans-serif; margin: 0 0 15px 0; line-height: normal; }
h2 { font-size: 24px; line-height: 35px; letter-spacing:0.80px; font-family: 'Roboto', sans-serif; margin: 0 0 15px 0; font-weight: 700; color: #002c54; }
h3 { font-size: 22px; line-height: normal; font-family: 'Roboto', sans-serif; margin: 0 0 15px 0; font-weight: 700; color: #002c54; }
h4 { font-size: 30px; font-family: 'Roboto', sans-serif; margin: 0 0 15px 0; line-height: normal; font-weight: 700; color: #002c54; }
h5 { font-size: 44px; text-shadow: 1px 2px 3px rgba(0,0,0,.3); color: #f18130; font-weight:800; letter-spacing: 1.8px; font-family: 'Roboto', sans-serif; margin: 0 0 15px 0; line-height: normal; }
h6 { font-size: 45px; text-shadow: 1px 2px 3px rgba(0,0,0,.3); color: #f18130; font-weight:800; letter-spacing: 2.8px; font-family: 'Roboto', sans-serif; margin: 0 0 15px 0; line-height: normal; }
.special span { color: #F6B432; }

/********** P TAG **********/

p { float: none; margin: 0 0 25px 0; padding: 0; }
p a { color: #891c4a; }
p strong { font-weight: bold; }
p:last-child { margin: 0; }

/********** UL LI LISTING **********/

ul { margin: 0 0 15px 0; padding: 0; display: block; list-style: none; }
ul li { margin: 0 0 20px 0; padding: 0 0 0 20px; line-height: normal; position: relative; }
ul li a { color: #2b3548; }
ul li a:hover { color: #891c4a; text-decoration: none; }
ul li::before { content: "\f05d"; font-family: 'FontAwesome'; left: 0; top: 0; position: absolute; }
ol { margin: 0 0 15px 15px; padding: 0; }

/********** IMAGE ALIGN **********/

.alignleft { float: left; margin: 0 30px 30px 0; }
.alignright { float: right; height: auto; margin: 0 0 30px 30px; }
.aligncenter { display: block; margin: auto auto 20px auto; }
img { max-width: 100%; }

/********** SCROLL BUTTON **********/

a.back-to-top { display: none; position: fixed; z-index: 999; right: 20px; bottom: 75px; text-align: center; }
a.back-to-top i { font-size: 30px; font-weight: 700; line-height: 1.2; font-family: FontAwesome; color: #fff; width: 40px; height: 40px; background-color: #ff7800; }
a:hover.back-to-top i { background-color: #ffb400; color: #000; }

/********** INPUT **********/

input[type=search] { -webkit-appearance: none; }
input[type=text], input[type=password], input[type=search] { -webkit-appearance: none; -moz-appearance: none; outline: 0; }
input:focus, textarea:focus, select:focus, button:focus { outline: none; text-decoration: none; -moz-appearance: none; }
input, textarea, button { outline: none; text-decoration: none; -moz-appearance: none; -webkit-appearance: none; }
select { width: 100%; -moz-appearance: none; -webkit-appearance: none; }
textarea { width: 100%; border: 1px solid #fff; padding: 10px 15px; }
.error { border: 1px solid #ff0000 !important; color: #ff0000 !important; }
label.error { display: none !important; }
.success-msg { color: #008000 !important; width: 100%; float: left; text-align: center; }

/********** PLACEHOLDER **********/

*::-webkit-input-placeholder {
color:#666666;
opacity: 1;
}
*::-moz-placeholder {
color:#666666;
opacity: 1;
}
*:-ms-input-placeholder {
color:#666666;
opacity: 1;
}

/******************** HEADER ********************/

header{ position:relative; background:url(../images/banner-bg.jpg) center center no-repeat; background-size:cover; }
header .container{ padding:0; /*margin: auto;*/ }

/********** TOP-PART **********/

.top-part{ width:100%; float:left; }
.top-part-inner { width:100%; float:left; -webkit-box-shadow: 3px 4px 5px rgba(0,0,0,.2); -moz-box-shadow: 3px 4px 5px rgba(0,0,0,.2); box-shadow: 3px 4px 5px rgba(0,0,0,.2); background-color:#fff; padding:6px 15px 0px; margin-top:25px; }
.logo{ width:auto; float:left; }
.phone-number{ width:auto; float:right; }
.phone-number ul{ margin:4px 0 0; width:100%; float:left; }
.phone-number ul li{ display:block; float:left; margin:0; padding:15px; position:inherit; line-height:1.23; }
.phone-number ul li:first-child::before { display: none; }
.phone-number ul li::before { content:""; background:#b2b2b2; width:1px; height:25px; top:4px; left:-1px; position:absolute; }
.phone-number ul li > p{ max-width:105px; text-align:center; position:relative; color:#002c54; font-size:13px; font-weight:500; text-transform:uppercase; letter-spacing:0.4px; top:8px; }
.phone-number ul li > p::before{ position:absolute; content:"\f10b"; left:-30px; bottom:0px; font-size:42px; line-height:24px; color:#2b6da9; font-family: 'FontAwesome'; }
.phone-number ul li > a { font-size:22px; line-height:normal; color:#002c54; letter-spacing:1px; font-weight:500; width:100%; float:none; }
.phone-number ul li > a:hover, .phone-number ul li > a:focus { color:#ffb400; }

/********** BANNER **********/

.banner-section{ width:100%; float:left; padding:0 15px; }
.banner-text{ width:100%; float:left; max-width:670px; margin: 155px 0 135px; position:relative; }
.banner-text p{ font-size:22px; line-height:50px; color:#fff; letter-spacing:1px; text-shadow: 1px 2px 3px rgba(0,0,0,.3); font-weight:400; margin:0;	 }
a.small-button{ min-width:190px; display:inline-block; line-height:50px; font-size:18px; color:#000000; text-transform:uppercase; font-weight:700; background-color:#ffb400; text-align:center; padding:0 15px; letter-spacing:1px }
a.small-button:hover, a.small-button:focus { background-color:#000; color:#ffb400; }
a.md-button{ min-width:360px; display:inline-block; line-height:50px; font-size:20px; color:#000000; text-transform:uppercase; font-weight:700; background-color:#ffb400; text-align:center; padding:0 15px; letter-spacing:1px }
a.md-button:hover, a.small-button:focus { background-color:#000; color:#ffb400; }
.down-arrow { bottom: -68px; position: absolute; right: 15px; }
a.md-banner{ min-width:100%; display:inline-block; line-height:65px; font-size:23px; color:#ffffff; text-transform:uppercase; font-weight:700; background-color:#1656a4; text-align:center; padding:0 15px; letter-spacing:1px }
a.md-banner:hover, a.small-button:focus { background-color:#000; color:#ffb400; }

/******************** SECTION ********************/

/******** WELCOME-SECTION ********/

.welcome-section{ width:100%; float:left; margin-bottom:30px; }
.welcome-section .text-part{ width:100%; float:left; margin:55px 0 0 0;}
.welcome-section .text-part p{ letter-spacing:1px; font-size:18px; line-height:28px; }
.welcome-section .text-part a.small-button{ background-color:transparent; border:1px solid #d5d5d5; color:#002c54; margin:5px 0 20px; font-weight:400; font-size:15px; min-width:150px; line-height:48px; }
.welcome-section .text-part a.small-button:hover{ color:#ff7800; border:1px solid #002c54; }
.form-part{ width:100%; float:left; padding:7px; margin: -36px 0 0; position:relative; }
.form-part::after{ position:absolute; top:6px; right:-8px; content:""; border-bottom: 30px solid #9b9b9b; border-right: 15px solid transparent; box-shadow: inset 3px 4px 5px rgba(0,0,0,.13);-webkit-box-shadow: inset 3px 4px 5px rgba(0,0,0,.13); -o-box-shadow: inset 3px 4px 5px rgba(0,0,0,.13); -ms-box-shadow: inset 3px 4px 5px rgba(0,0,0,.13); }
.form-part::before{ position:absolute; top:6px; left:-8px; content:""; border-bottom: 30px solid #9b9b9b; border-left: 15px solid transparent; box-shadow: inset 3px 4px 5px rgba(0,0,0,.13);-webkit-box-shadow: inset 3px 4px 5px rgba(0,0,0,.13); -o-box-shadow: inset 3px 4px 5px rgba(0,0,0,.13); -ms-box-shadow: inset 3px 4px 5px rgba(0,0,0,.13); }
.form-part-inner{ width:100%; float:left; border:4px solid #fff; position:relative; background-color:#FFF; box-shadow: 0 0 1px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 1px rgba(0,0,0,.4); -moz-box-shadow: 0 0 1px rgba(0,0,0,.4); -o-box-shadow: 0 0 1px rgba(0,0,0,.4); -ms-box-shadow: 0 0 1px rgba(0,0,0,.4); padding:28px 45px 0; }
.form-part-inner::before{ position:absolute; top:0; left:0; bottom:0; right:0; background-color:#eaebef; content:""; width:100%; height:100%; }
.form-title{ width:100%; float:left; position:relative; z-index:1; border-bottom:1px solid #FFF; padding: 0 0 22px;}
.form-title span { width:100%; float:left; font-size:32px; line-height: normal; color:#002c54; letter-spacing:0.9px; font-weight:800; padding-bottom: 4px; }
.form-title p{ letter-spacing:0.7px; font-weight:400; }
.form-inner { width: 100%; float: left; position: relative; z-index: 1; border-top: 1px solid #d9dade; padding: 27px 0 35px; }
.form-inner ul { width: 100%; float: left; margin:0; }
.form-inner ul li { width: 50%; float: left; padding: 0 15px; margin: 0; }
.form-inner ul li.w12 { width: 100%; }
.form-inner ul li::before { display: none; }
.form-input{ width:100%; line-height:normal; height: 46px; background-color: #fff; border: solid 1px #d2d3d7; color:#666666; font-weight:400; padding:0 15px; margin-bottom:15px; letter-spacing:0.4px; }
textarea.form-input{ height:157px; padding:10px 15px; }
.form-button{ width:100%; float:left; font-size:18px; line-height:normal; min-height:50px; border:1px solid #ffb400; background-color:#ffb400; padding:0 15px; color:#000000; font-weight:700; }
.form-button:hover, .form-button:focus { color:#ffb400; background-color:#000; border:1px solid #000; }
.callout { margin-left:2.5em; margin-top:1.5em; -moz-column-count: 2; -moz-column-gap: 2.5em; -webkit-column-count: 2; -webkit-column-gap: 2.5em; column-count: 2; column-gap: 2.5em;}

/******** VIDEO-SECTION ********/

.video-section{ width:100%; float:left; margin-bottom: 35px; }
.video-part{ width:100%; float:left; padding:7px; position:relative; }
.video-part > figure{ border:4px solid #fff; position:relative; width:100%; float:left; box-shadow: 0 0 1px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 1px rgba(0,0,0,.4); -o-box-shadow: 0 0 1px rgba(0,0,0,.4); -ms-box-shadow: 0 0 1px rgba(0,0,0,.4); }
.video-part > figure > figcaption { position:absolute; top:50%; left:0; right:0; width: 60px; height: 60px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: rgba(43,109,169,0); border: solid 2px #fff; margin:0 auto; text-align:center; margin-top:-30px;  }
.video-part > figure > figcaption > a { color: #ffffff; font-size: 26px; line-height: 57px; padding-left: 9px; width:100%; float:left; }
.video-part > figure > figcaption:hover{ background-color: rgba(255,255,255,0.3); border: solid 2px #002c54; }
.video-part > figure > figcaption:hover a{ color:#002c54; }
.video-description{ width:100%; float:left; margin: 15px 0 0;}
.video-description p{ letter-spacing:1px; }
.author-info{ width:100%; float:left; margin-top: 8px; margin-left: 190px; }
.author-info > p strong { width:100%; float:left; color:#002c54; letter-spacing:0.6px; font-size:16px; }
.author-info > p { font-size:13px; line-height:22px; letter-spacing:0.6px; font-weight:400; margin:0 !important; }

/******** SERVICES-SECTION ********/

.services-section{ width:100%; float:left; margin-bottom:40px; }
.section-title{ width:100%; float:left; }
.services-section .section-title h2{ font-size:28px; line-height:42px; font-weight:300; letter-spacing:0; }
.services-section .section-title h2 a{ font-weight:400; }
.service-box{ width:100%; float:left; margin-top: 20px; background-image: url(../images/test-background.gif);}
.service-box > .image-part{ width:100%; float:left; }
.service-box > .text-part{ width:100%; float:left; padding:30px 25px 25px; border:1px solid #dfdfdf; }
.service-box > .text-part span{ font-size:20px; line-height:normal; letter-spacing:0; color:#002c54; font-weight:500; width:100%; float:left; margin-bottom: 10px; }
.service-box > .text-part p { color:#4d4d4d; letter-spacing:0.4px; }
/******* FAQ-AND-TESTIMONIALS *******/

.faq-and-testimonial{ width:100%; float:left; margin-bottom:50px; }
.faq-and-testimonial h2{ margin:0 0 23px; }

/*** FAQ-SECTION ***/

.faq-section{ width:100%; float:left; }
.panel-part{ width:100%; float:left; }
.panel-part .fa { height: 25px; width: 25px; line-height: 26px; font-size: 14px; text-align: center; color: #fff; float: right; background-color: #002c54; }
.panel.panel-default .panel-heading.active { background-color: #002c54; border: 1px solid #002c54; }
.panel.panel-default .panel-heading.active .fa { color: #002c54; background-color: #ffffff; }
.panel.panel-default .panel-heading.active .panel-title > a { color: #feffff; }
.panel.panel-default > .panel-heading { background-color: rgba(0,44,84,0.08); border: 1px solid rgba(0,44,84,0.00); padding:13px 20px; border-radius:0; }
.panel { box-shadow: none !important; border: medium none; }
.panel-default > .panel-heading + .panel-collapse > .panel-body { border-top: none; }
.panel:last-child .panel-heading { border-bottom: medium none; }
.panel:last-child .collapse.in { border-top: 1px solid #d0d0d0; }
.panel-title > a { color: #002c54; font-size: 14px; font-weight: 700; letter-spacing: 0.4px; }
.panel-body { padding: 15px 0 10px; font-weight:400; color:#616368; letter-spacing:0.2px; }
.panel-group { margin-bottom: 0px; }
.panel-group .panel + .panel { margin-top: 6px; }

/*** TESTIMONIALS ***/

.testimonials-section { width:100%; float:left;  }
.testimonials-section-inner { width:100%; float:left; background-color:#002c54;}
.testimonials-section-inner img { max-width:100% !important; width:auto !important; height:auto !important; }
.testimonials-box{ width:100%; float:left; background-color:#002c54; padding:33px 25px 30px; }
.testimonials-box .quote-icon{ width: 87px; height: 87px; background-color:#fff; text-align:center; margin:0 auto; border-radius:50%; -webkit-border-radius:50%; margin-bottom:25px; position:relative; }
.testimonials-box .quote-icon i{ font-size: 44px; color: #002c54; line-height:87px; }
.testimonials-box .quote-icon::after{ position:absolute; bottom:-26px; left:0; right:0; margin:0 auto; width:20px; height:1px; background-color:#fff; content:""; }
.testimonials-box p{ width:100%; float:left; color:#f0f0f0; font-style:italic; text-align:center; font-weight:400; margin: 19px 0 20px; line-height:20px; }
.client-name { width:100%; float:left; font-size:16px; line-height:normal; color:#ffb400; letter-spacing:0.45px; font-weight:500; text-align:center; }
.owl-theme .owl-controls .owl-nav { margin: 0; position:absolute; top:-50px; right:0; }
.owl-theme .owl-nav [class*="owl-"]{ margin: 0 0 0 7px }
.owl-theme .owl-controls .owl-nav .owl-prev { font-size: 0px; width: 25px; height: 25px; position: relative; color: #fff; background: #bbbecd; border-radius:0; }
.owl-theme .owl-controls .owl-nav .owl-next { font-size: 0px; width: 25px; height: 25px; position: relative; color: #fff; background: #bbbecd; border-radius:0; }
.owl-theme .owl-controls .owl-nav .owl-prev::before { color: #fff; content: "\f104"; font-family: 'FontAwesome'; font-size: 18px; left: 0; padding-right: 0; position: absolute; right: 0; top: 0px; line-height: 25px; font-weight:400; }
.owl-theme .owl-controls .owl-nav .owl-next::before { color: #fff; content: "\f105"; font-family: 'FontAwesome'; font-size: 18px; left: 0; padding-right: 0; position: absolute; right: 0; top: 0px; line-height: 25px; font-weight:400; }
.owl-theme .owl-controls .owl-nav .owl-prev:hover { background: #002c54; }
.owl-theme .owl-controls .owl-nav .owl-next:hover { background: #002c54; }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

/******** ICON TABLE *********/

div.blueTable {
  width: 100%;
}
.divTable.blueTable .divTableCell, .divTable.blueTable .divTableHead {
  border: 0px solid #AAAAAA;
}
/* DivTable.com */
.divTable{ display: table; }
.divTableRow { display: table-row; }
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableHead { display: table-cell;}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody { display: table-row-group;}


/******** FOOTER *********/

footer { width: 100%; float:left; padding: 25px 0; background-color:#202020; }
footer p { margin: 0; color: #fff; line-height: 22px; font-weight:400; letter-spacing:0.6px; }
footer .text-left { font-size:10px; width: 70%; float: left; }
footer .text-right { font-size:13px; width: 30%; float: left; }
footer .text-left a { color: #808080; }
footer .text-right a { color: #808080; }


.video-part.wow.fadeInUp.animated img{
	width: 100%;
}