/*

Theme Name: Express Cargo
Description: Express Cargo Theme
Version:1
Author: JHD
*/

/* Custom CSS
 * --------------------------------------- */

@font-face {
    font-family: helvetica;
    src: url(fonts/Roboto-Medium.ttf);
}



body{font-family: helvetica,arial; color: #333; color: rgba(0,0,0,0.5);}

.wrap{margin-left: auto; margin-right: auto; width: 960px; position: relative;}

.section{text-align:center;}

.navbar-default{background-color: #3494CE; min-height:90px; border:none; }
.navbar-default li {display:inline-block; color:#ffffff!important; padding-top:22px;}
.navbar-default li.active{}
.navbar-default li a{color:#ffffff!important; background:none!important; font-size:18px;}
.navbar-default li.active a:hover{}
.navbar-default li:hover{}
.navbar-default li a,
.navbar-default li.active a{padding: 9px 20px; display:block;}
.navbar-default li.active a{color: #fff;}
.navbar-default li a.login{background-color:#283941!important;}




/* Demos Menu
* --------------------------------------- */
#demosMenu{
  position:fixed;
  bottom: 10px;
  right:10px;
  z-index: 999;
}

/* Style for our header texts
* --------------------------------------- */
h1, h2{
 font-family: helvetica;
 color: #fff;
 font-weight:600; font-size:35px;
}
.intro p{
 color: #fff;
}

/* Centered texts in each section
* --------------------------------------- */
.section{
 text-align:center;
}

/* Home
* --------------------------------------- */
#section0{margin-top:90px; padding-top:100px; background-color:#3494CE; background-image:url(images/bg-1.jpg); background-repeat:no-repeat; background-size:100%; background-position:-1px top;}
.home .content{text-align:left; padding-bottom:30px;}
/*.home .content h1{font-weight:600; font-size:35px; margin-bottom:30px;}*/
.home .content p{font-size:18px;}

.news-wrapper{text-align:left; background-color:#00aced; padding:1px 15px;}
.news-wrapper .news h2{border-bottom:2px solid #000000; font-size:26px; font-weight:400; padding-bottom:7px;}
.news-wrapper .news .news-date{margin-bottom:10px; display:block;}

.vfr-rates {
  position: absolute; top: 150px; right: 600px; padding: 5px; background-color: #fff; border: 1px solid #00aced; border-radius: 5px; width: 200px; height: auto; text-align: center;
  -webkit-box-shadow: 1px 1px 3px 3px #7D7D7D;
  box-shadow: 1px 1px 3px 3px #7D7D7D;
}
.vfr-rates > span { font-size: 11px; }
.vfr-rates > h1 { margin-top: 2px; margin-bottom: 2px; color: #00aced;  }
.dropdown-menu {
  left            : 0 !important;
  right           : 0 !important;
  width           : 200px !important;
  min-width       : 200px !important;
  background-color: #00ACED;
  height          : auto !important;
  min-height      : auto !important;
}
/* About
* --------------------------------------- */
#section1{background-color:#FFFFFF; background-image:url(images/bg-2.png); background-repeat:no-repeat; background-size:100%; background-position:left center;}
.about{text-align:left; padding-top:33px;}
.about h2{color:#283841; font-weight:600;}
.about .about-left{padding-left:0px; padding-top:30px;}
.about .about-left p{color:#0093d0; font-weight:600; font-size:18px;}
.about .about-right{padding-left:0px; padding-top:30px;}
.about .about-right p{color:#283841; margin-bottom:15px;}

/* Services
* --------------------------------------- */
#section2{background-color:#49b2df; background-image:url(images/bg-3.jpg); background-repeat:no-repeat; background-size:100%; background-position:right top;}
.services{text-align:left; padding-top:90px;}
.services h2{color:#ffffff; font-weight:600;}
.services .services-left{padding-left:0px; padding-top:30px;}
.services .services-left p{color:#283841; font-weight:600; font-size:18px;}
.services .services-right{padding-left:0px; padding-top:30px;}
.services .services-right p strong{color:#283841;}
.services .services-right .service-title{color:#283841; font-weight:600; font-size:18px;}
.services .services-right p{color:#ffffff; margin-bottom:15px;}
.bottom-services-image{height:170px; background-image:url(images/bg-3-bottom.png); background-repeat:no-repeat; background-size:100%; background-position:right bottom;}

/* Get a Quote
* --------------------------------------- */
#section3{background-color:#272525; background-image:url(images/quote-bg.png); background-repeat:no-repeat; background-size:100%; background-position:left center;}
.get-a-quote{text-align:left;}
.get-a-quote h2{color:#ffffff; font-weight:600; font-size:32px; margin-bottom:15px; margin-top:15px;}
.get-a-quote #gform_1 label{display:none;}
.get-a-quote .gform_footer{padding-top:0px!important;}
.get-a-quote .quote-content{padding-left:0px; padding-top:30px;}
.get-a-quote .quote-content td{padding-bottom:15px;}
.get-a-quote .quote-content td{color:#0093d0;}
.get-a-quote .quote-content input, .get-a-quote textarea{color:#74b0dc; padding-left:2px; background-color:#272525; min-width:312px; max-width:312px; border:2px solid #ffffff; padding-left:5px;}
.get-a-quote .quote-content #gform_submit_button_1{background-color:#0093d0!important; border:1px solid #0093d0; padding:15px; color:#ffffff; line-height:0;}

/* Cubic Measure
* --------------------------------------- */
.get-a-quote .cubic-content{padding-left:0px; padding-top:15px;}
.get-a-quote .cubic-content p{color:#283841; font-weight:600; font-size:18px;}

table.calculator td{padding-bottom:15px;}
table.calculator td{color:#0093d0;}
table.calculator input{color:#74b0dc; padding-left:2px; background-color:#272525;}
table.calculator input.input{min-width:312px; border:2px solid #ffffff; padding-left:5px;}
table.calculator input.button{background-color:#0093d0; border:1px solid #0093d0; padding:15px; color:#ffffff; line-height:0;}
table.calculator input.button.compute{min-width:150px; margin-right:12px;}
table.calculator input.button.reset{min-width:150px;}

/* Got a question
* --------------------------------------- */
#section5{background-color:#FFFFFF; background-image:url(images/faq-bg.png); background-repeat:no-repeat; background-size:100%; background-position:right top;}
.faqs{text-align:left;}
.faqs h2{color:#283841; font-weight:600; margin-bottom:15px; margin-top:15px;}
.faqs .faqs-content{padding-left:0px; padding-top:90px;}
.faqs .faqs-content a{color:#0092CD; font-weight:600; font-size:18px; outline:0!important; text-decoration:none;}
.faqs .faqs-content a:hover, .faqs .faqs-content a:active{color:#000000;}
.faqs .faqs-content .dropdown{margin-bottom:15px;}
.faqs .faqs-content p{color:#000000; font-weight:400; font-size:16px;}
.faqs .faqs-content p a{font-weight:400; font-size:16px;}
.faqs .faqs-content .dropdown-container{width:100%!important;}

/* Testimonials
* --------------------------------------- */
#section6{background-image:url(images/testimonial-bg.png); background-repeat:no-repeat; background-size:auto 100%; background-position:left bottom;}
.testimonials{text-align:left;}
.testimonials h2{color:#ffffff; font-weight:600;}
.testimonials .testimonials-left{padding-left:0px; padding-top:30px;}
.testimonials .testimonials-left p{color:#3a383a; font-weight:600; font-size:18px;}
.testimonials .testimonials-right{padding-left:0px; padding-top:30px;}
.testimonials .testimonials-right p{color:#3a383a; margin-bottom:15px;}

/* Contact
* --------------------------------------- */
#section7{padding-top:60px; background-color:#0093d0; background-image:url(images/contact-bg.png); background-repeat:no-repeat; background-size:100%; background-position:left bottom;}
.contact{text-align:left;}
.contact h2{color:#ffffff; font-weight:600;}
.contact .contact-left{padding-left:0px; padding-top:30px;}
.contact .contact-left p{color:#283841; font-weight:600; font-size:18px;}
.contact .contact-right{padding-left:0px; padding-top:30px;}
.contact .contact-right p{color:#ffffff; margin-bottom:15px;}
.contact .contact-right a{color:#ffffff;}

/* Fixed header and footer.
* --------------------------------------- */
#header{
 position:fixed;
 height: 50px;
 display:block;
 width: 100%;
 background-color: #0092cd;
 z-index:9;
 text-align:center;
 color: #f2f2f2;
 padding: 20px 0 0 0;
}

#header{
 top:0px;
}

/* Bottom menu
* --------------------------------------- */
#infoMenu {
 bottom: 80px;
}
#infoMenu li a {
 color: #fff;
 z-index: 999;
}

/****************************************/
/***** MEDIA QUERY FOR BELOW 767PX ******/
/****************************************/

@media (max-width: 767px) {

  #section0, #section1, #section2, #section3, #section5, #section6, #section7, .bottom-services-image{background-image:none;}
  #section0, #section1 .about, #section2 .intro, #section5 .faqs-content, #section7{padding-top:30px;}
  #section0, #section1, #section2, #section3, #section5, #section7{padding-bottom:30px;}
  .content{padding-left:0px; padding-right:0px;}

  .navbar-toggle{border:none; padding-top:30px; background:none!important;}
  .navbar-toggle .icon-bar{background-color:#ffffff!important;}
  .navbar-toggle:hover .icon-bar{background-color:#000000!important;}
  .navbar-header{padding-bottom:20px;}
  .navbar-collapse{border:none;}
  .navbar-collapse ul li a{padding-left:15px!important; margin-left:0px!important;}
  .navbar-collapse li{display:block; width:100%; padding-top:15px;}
  .navbar-collapse .navbar-right{float:none!important;}

}

/****************************************/
/**** MEDIA QUERY FOR 768PX - 991PX *****/
/****************************************/

@media (min-width: 768px) and (max-width: 991px) {

  .navbar .container{width:100%;}
  .navbar li{padding-top:30px;}
  .navbar li a{padding-left:12px; padding-right:12px;}

  #section0{min-height:580px; padding-top:30px; background-position:-1px bottom;}
  #section3{background-position: left bottom;}
  #section7{min-height:700px;}

  .navbar-collapse.collapse{display:none!important;}
  .navbar-collapse.collapse.in{display:block!important;}
  .navbar-header .collapse, .navbar-toggle{display:block!important;}
  .navbar-header{float:none;}
  .navbar-toggle{border:none; padding-top:30px; background:none!important;}
  .navbar-toggle .icon-bar{background-color:#ffffff!important;}
  .navbar-toggle:hover .icon-bar{background-color:#000000!important;}
  .navbar-collapse ul li a{padding-left:0px!important; margin-left:0px!important;}
  .navbar-collapse li{display:block; width:100%; padding-top:15px;}
  .navbar-collapse .navbar-right{float:none!important;}

}

/****************************************/
/*** MEDIA QUERY FOR 992PX - 1199PX *****/
/****************************************/

@media (min-width: 992px) and (max-width: 1199px) {

  .navbar .container{width:100%;}
  .navbar li{padding-top:30px;}
  .navbar li a{padding-left:15px; padding-right:15px;}

  #section0{min-height:480px; padding-top:30px; /*background-position:-1px bottom;*/}
  #section3{min-height:653px; /*background-position: left bottom;*/}
  #section5{min-height:783px;}
  #section7{min-height:700px;}

}

/****************************************/
/*** MEDIA QUERY FOR 1200PX AND ABOVE ***/
/****************************************/
@media (min-width: 1200px) {

  #section0{min-height:679px;}
  #section3{min-height:883px;}
  #section5{min-height:783px;}
  #section7{min-height:700px;}

}

/**************************************/
/*** CHROME AND SAFARI SPECIFIC CSS ***/
/**************************************/

@media screen and (-webkit-min-device-pixel-ratio:0) {



}