body{
  font-family: 'Open Sans', sans-serif;
}
.main-logo{
	/*height: 46%;
    width: 30%;*/

    /*padding-bottom: 50px;*/
}
.none{
  display: none;
}
a.quote-link-grid{
  color: #FFFFFF;
}

a{
  color: #f23c2e;
}
.context-body-main{
	padding-top: 10px;
}
.the-menu{
	position: fixed;
}
.main-menu{
	text-transform: uppercase;
    /*background-color: #F23C2E;*/
    padding: 10px;

    height: 100%;
    background: #F23C2E;
    color: white;
    left: 0;
    top: 0;
    bottom: 0;
    padding: 10px;
    position: fixed;
    width: 300px;
}
.middle-menu{
	/*height: 100%;*/
    top: -2px;
    left: 0;
    bottom: 0;
    position: relative;
    padding: 0px;
    height: 760px !important;
}
.main-menu-middle{
	 background-color: #F23C2E;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0px;
    position: relative;
    width: 250px;
    text-transform: uppercase;
}

.menu > li{
  background-color: #F23C2E;
}

a.main-menu-links{
	text-transform: uppercase;
    color: #ffffff;
    height: 70px;
    padding-top: 29px !important;
    font-size: 15px;
}

a.main-menu-links:hover{
  background-color: #58585a;
}

.body-still{
        position: absolute;
    /* top: 200px; */
    /* left: 0; */
    width: 100%;
    /* padding: 200px; */
    /* width: inherit; */
    /* padding-left: 360px; */
    color: #F23C2E !important;
    text-transform: uppercase;
    /*font-weight: bold;*/
    padding-top: 60px;
    margin-right: 170px;
    margin-left: -50px;

}
.services-body-still{
    position: absolute;
    width: 100%;
    color: #F23C2E !important;
    text-transform: uppercase;
    padding-top: 25px;
    margin-right: 170px;
    margin-left: -50px;

}
.content-body{
	/* background: #bfbfc0; */
    width: 950px;
    /* padding-top: 10px; */
    position: absolute;
}

.body-copy-shout-slider{
	font-size: 60px;
  font-weight: normal;
    padding: 45px;
    position: absolute;
    line-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-transform: uppercase;
    color: #F23C2E !important;
}
.body-copy-slider{
	font-size: 18px;
  font-weight: normal;
    padding: 30px !important;
    line-height: initial;
    /*padding: 35px;*/
    margin-left: 10px;
    width: initial;
    text-transform: uppercase;
    text-align: left;
    color: #F23C2E !important;
}

.body-copy-shout{
	font-size: 60px;
    padding: 45px;
    position: absolute;
    line-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-transform: uppercase;
    color: #F23C2E !important;
}
.body-copy{
	font-size: 12px;
    padding: 30px !important;
    line-height: initial;
    /*padding: 35px;*/
    margin-left: 10px;
    width: initial;
    text-transform: uppercase;
    text-align: left;
    color: #F23C2E !important;
}
a.body-shout{
    background-color: #F23C2E !important;
    margin: 42px;
    padding-top: 12px;
    left: 0;
    float: left;
    padding: 10px;
    margin-left: 50px;
    font-weight: normal;
}

.orbit-caption{
	background-color: transparent;
    /* float: right; */
    top: 200px;
    color: red;
    position: relative;
}

.orbit-image{
	margin: 10px 0 0 10px;
}


.image-holder-import { 
	position: relative;
	z-index: 99; 
	
	/*width: 285px; 
	height: 175px;*/ 
} 
.image-holder-import .caption{ 
	position: absolute; 
	/*width: 283px; 
	height: 50px;*/ 
	bottom: 0px; 
	left: 0px; 
	color: #ffffff; 
	background: transparent;
	text-align:center; 
	font-weight:bold; 
	color: #F23C2E;
	/*opacity:0.7; */
}

.image-holder-import .hover-above-caption{ 
	position: relative;
	top: 0;
    bottom: 0px;
    left: 10px;
    color: #000000;
    background: transparent;
    text-align: center;
    font-weight: bold;
    
    padding-top: 0px;/*200px*/
    margin-left: -120px; /*90pxw*/
}

.image-holder-import .hover-above-caption-second-caption{ 
  position: relative;
  top: 0;
    bottom: 0px;
    left: 10px;
    color: #000000;
    background: transparent;
    text-align: center;
    font-weight: bold;
    
    padding-top: 200px;
    margin-left: -90px;
}
/* Index 2*/
.hover-image-holder{
  padding-bottom: 10px;
  background-color: #363636;
  margin-left: -90px !important;
  margin-right: -90px !important;
}
.explore-more-images{
  position: relative; 
  width: 100%;
}
.explore-more-header{
  position: absolute;
    top: 130px;
    left: 0;
    width: 100%;
    z-index: 1;
    color: #ffffff;
    text-transform: uppercase;
 }
.top-holder{margin-top: 10px;}
.orbit-slide{
  max-height: 950px !important;

}
.orbit-container{
	position: absolute !important;
    margin: 0 !important;
    overflow: hidden !important;
    list-style: none !important;
    top: 2px !important;
    left: -100px !important;
    right: -90px !important;
    height: 1010px !important;
    position: absolute;
    background-color: #D5D5D7;

}
.content-services-body-still {
    z-index: 1;
    width: 880px;
}
.content-quote-body-still {
    z-index: 1;
    width: 880px;
}
.content-body-still{
  z-index: 1;
      width: 650px;
}
.page-content-heading{
  text-transform: uppercase;
  line-height: initial;
  font-weight: bold;
  margin-bottom: 50px;
  font-size: 19px;
}
.page-header-breaker{
  border-bottom: 1px solid #000;
  margin-top: 20px;
}
.page-header-title{
  margin-bottom: 0rem !important; 
  font-weight: 400;
}
.page-header-section{
    text-transform: uppercase;
    z-index: 1;
    padding: 10px;
    margin-top: 22px;
    margin-bottom: 58px;
    margin-left: -100px;
    margin-right: -100px; /*30*/
}

.services-grid-header-title-right{
    color: #ffffff;
    
    padding-bottom: 5px;
    border-bottom-width: 2px;
    
    text-align: center;
}
.services-grid-body-left-header{
    margin-top: 30px;
    /*align-content: left;*/
    margin-bottom: -280px;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #58585a;
}
.services-grid-header-title-left{
    color: #ffffff;
    padding-bottom: 5px;
    border-bottom-width: 2px;
    margin-top: 190px;
    text-align: left;
}
.services-projects-links-left{
  color: #ffffff;
  text-decoration: none;
  line-height: inherit;
  cursor: pointer;
  border-bottom: 1px solid;
}
.services-projects-links{
  color: #ffffff;
  text-decoration: none;
  line-height: inherit;
  cursor: pointer;
  border-bottom: 1px solid;
  
}
.services-grid-body-left{
    color: #58585a;
    padding-bottom: 5px;
    border-bottom-width: 2px;
    margin-top: 300px;
    text-align: left;
    text-transform: initial;
    font-size: 12px;
}

.grid-header-title{
    color: #ffffff;
    
    padding-bottom: 5px;
    border-bottom-width: 2px;
    margin-top: 120px;
    text-align: center;
}
.grid-header-title span{
  border-bottom: 1px solid #ffffff;
}

a.quote-title-link{

  color: #FFFFFF !important;
}


.projects-row{
  
  width: 850px;
  padding-bottom: 30px;
}


.grid-header-title-sub{
    color: #ffffff;
    padding-bottom: 5px;
    border-bottom-width: 2px;
    text-align: center;
}
.grid-header-title-sub span{
    border-bottom: 1px solid #ffffff;
}
.testimonial-body{
  background-color: #F23C2E;
    color: #ffffff;
    height: 225px;
}

.read-more-section{    
    font-size: 12px;
    background-color: #58585a;
    margin-top: 46px;
    text-align: right;
    height: 35px;
}
.testimonial-single{
  margin-bottom: 30px;
}
.read-more-section-text{
    margin-top: 10px;
    margin-right: 30px;
}
.testimonial-grid{
  width: 850px;
}

.testimonial-image{

    width: 260px;
    margin-top: 44px;
    margin-bottom: 44px;
}


.services-grid-left img{
  width: 420px;
}

.services-grid-content-right{
    background-image: url("http://placehold.it/450x160/6b6b6d/ffffff");
    height: 160px;
    width: 450px;
    margin-bottom: 20px;
}
.services-grid-content-right span{
  border-bottom: 1px solid #ffffff;
}
.services-grid-content-left span{
  border-bottom: 1px solid #ffffff;
}


.testimonial-grid-content{
  line-height: 18px;
    text-transform: initial;
    margin-top: 30px;
    font-weight: 300;
    letter-spacing: 0.3px;
}
.quote-grid{
  /*background-image: url("http://placehold.it/450x285/6b6b6d/ffffff");*/
    height: 285px;
    width: 450px;
    margin-bottom: 20px;
}
/*.quote-grid:hover{
  background-color: #F23C2E;
  opacity: 50%;
  background-position: 0 0;
}*/
.quote-page-content-heading{
        text-align: center;
    background: #F23C2E;
    color: #ffffff;
    margin-bottom: 20px;
    font-size: 18px;
    /* font-weight: normal; */
}
.quote-lables{
  text-transform: capitalize;
  display: inline-block;
}

.quote_btn{
  margin-top: 40px;
}

.details{
  display: inline-block;
  width: 80%;
}
.details-bottom{
  display: inline-block;
  width: 72%;
}

.quotation-section{

}    
.form-country{
  height: 1px;
    margin: 0px;
    text-align: center;
    background-color: #ffffff !important;
    color: #484646;
    padding-bottom: 18px;
    width: 120px;
    font-size: 12px;
    display: inline-block;
    word-wrap: inherit;
    word-break: break-all;
}
.form-labels{
  text-transform: capitalize;
  /* width: 80px; */
  font-size: 12px;
  margin: 0px;
}
label{
      font-size: 12px;
}
select{
      font-size: 12px;
      width: 200px;
}
.page-break{    
  border-bottom: 2px solid #484646;
  margin-bottom: 15px;
}
.quote-lables span{color: #F23C2E;}
.quote-select-page-content-heading{
        text-align: center;
    background: #F23C2E;
    color: #ffffff;
    margin-bottom: 20px;
    font-size: 14px;
}
.quotation-section-header{
  text-align: center;
  background: #F23C2E;
  color: #ffffff;
  margin-bottom: 20px;
  font-size: 12px;
  text-align: left;
  width: 600px;
}
.quotation-section-verification{
    text-align: center;
    background: #F23C2E;
    color: #ffffff;
    margin-bottom: 20px;
    font-size: 12px;
    text-align: left;
    width: 210px;
    margin-right: 10px;
    display: inline-block;
}
.get-quote-button{
  background: #F23C2E !important;
  width: 300px;
  height: 60px;
}
.destination-details{
  display: inline-block;
  margin-right: 10px;
}
.destination-details-cargo{
  display: inline-block;
  margin-right: 10px;
  font-size: 12px !important;
}
.number-units-input {
    width: 60px;
}
.packaging-types{
  display: inline-block;
  width: 160px;
  height: 25px;
}

.packaging-details{
  display: inline-block;
}

input{
  color: #000000;
}

input.packaging-method{
      width: 40px;
    margin-left: 10px;
}

input.packaging-method-how{
    width: 180px;
    margin-left: 10px;
}

input.import-location{
  margin-left: 10px;
}

.importing {
    display: inline-block;
    height: 25px;
    width: 545px;
}
.quotation-section-verification-code{
  text-align: center;
  background: #58585a;
  color: #ffffff;
  margin-bottom: 20px;
  font-size: 12px;
  width: 100px;
  margin-right: 10px;
  display: inline-block;
  margin-left: 10px;
  text-transform: uppercase;
}

input:disabled{
  text-align: center;
  background: #58585a;
  color: #ffffff;
  margin-bottom: 20px;
  font-size: 12px;
  width: 100px;
  margin-right: 10px;
  display: inline-block;
  margin-left: 10px;
  text-transform: uppercase;
}

.quote-title-header{
  padding-top: 20px;
  padding-bottom: 20px;
  width: 910px;
  margin-left: -15px;
}
.quote-page-title-header{
  padding-top: 20px;
  padding-bottom: 20px;
  width: 910px;
  margin-left: -15px;
}
.quote-page-title-section{
  padding-top: 20px;
  padding-bottom: 20px;
  width: 910px;
  margin-left: -15px;
}
.services-grid-left{
 
    margin-bottom: 20px;
    margin-top: 10px;
}
.services-grid-right{
   
    margin-bottom: 10px;
    margin-left: -10px;
}
.page-content-body{
  line-height: 22px;
  color: #605e5e !important;
  text-transform: initial;
  font-size: 18px;
  font-weight: inherit;
}
.page-content-mail-normal{
  color: #605e5e !important;
}
.page-content-mail{
  color: #F23C2E !important;
}
.page-header-sub{
      z-index: 1;
    line-height: 16px;
    margin: 1px;
    text-transform: initial;
    font-weight: 300;
}
.active-section{
  background: #58585a;
  /* font-weight: 600; */
  /*margin-top: 2px;*/
}
.overlay-fade-in p {
  letter-spacing: 0.15em;
  color: #f4f4f4;
  font-size: 28px;
  opacity: 0;
  transition: all 0.2s linear; 
}
.overlay-fade-in img {
  transition: all 0.2s linear; 
}
.overlay-fade-in .image-overlay-content {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.4);
  transition: all 0.4s ease-in-out; 
}
.overlay-fade-in h2 {
  color: #f2f2f2;
  font-size: 1.8rem;
  margin-top: 40%;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  background: rgba(0, 0, 0, 0.7); 
}
.overlay-fade-in .button {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #FFF;
  color: #222;
  text-transform: uppercase;
  box-shadow: 0 0 1px #000;
  position: relative;
  border: 1px solid #999;
  opacity: 0;
  transition: all 0.2s ease-in-out; }
  .overlay-fade-in .button:hover {
    box-shadow: 0 0 5px #000; }
.overlay-fade-in:hover img {
  transform: scale(1.2); }
.overlay-fade-in:hover .image-overlay-content {
  opacity: 1; 
position: relative;
}
.overlay-fade-in:hover h2, .overlay-fade-in p, .overlay-fade-in .button {
  opacity: 1; }
.overlay-fade-in:hover p {
  transition-delay: 0.1s; }
.overlay-fade-in:hover .button {
  transition-delay: 0.2s; }

 .hover-overlay-text{
 	    margin: -17px;
    padding: 20px;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
 }
 .button:hover{
  color: #0a0a0a !important;
 }
.project-block{
      /*background-color: black;*/
      height: 200px;
}

.past-projects-page-heading{
      color: #ffffff;
}

.past-projects-page-content{
      font-size: 13px;
      text-transform: none;
      color: #ffffff;
}
.past-projects-page-image{
  width: 410px;
}
.close_btn {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1000;
    margin-left: 595px;
    margin-top: -278px;
}
.province_to_box, .province_to_box_air, .province_from_box_air{
      float: right;
    margin-top: -76px;
}

.province_from_box, .province_to_box_sea,.province_from_box_sea  {
      float: right;
    margin-top: -76px;
}

/* Small only */
@media screen and (max-width: 39.9375em) {

.the-menu{
  position: relative;
  z-index: 100000;
  height: 240px !important;
}

.middle-menu{
  height: 100% !important;
  width: 325px;
}

.main-menu-middle {
    background-color: #fff;
    height: 30%;}

.context-body-main {
    padding-top: 10px;
    padding-left: 130px;
    padding-right: 140px;
}

.title-bar{
    width: 325px;
}

.orbit-image{
  display: none;
}

.body-still {
    padding-top: 0px;
    margin-right: 0px;
    margin-left: -170px;
}

.content-body-still {
    z-index: 1000;
    width: 330px;
}
.page-header-title {
    margin-top: 180px;
    margin-left: -80px;
}
.page-header-sub {
    margin-top: 10px;
    margin-left: -80px;
}
.page-header-breaker {
    margin-left: -80px;
}
.page-header-section {
   
    margin-bottom: 0px;

}
.projects-row {
    width: 370px;
    padding-bottom: 0px;}

.project-block{
  height: 150px;
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: left;
}

.quote-title-header {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 330px;
    font-size: 15px;
    margin-left: -5px;
}
.quote-grid-section{
  width: 300px;
}
img.explore-more-images {
  width: 300px;
}

.quote-grid {
   
    height: 195px;
}

.main-slider-below{
  display: none;
}
.content-quote-body-still {
    z-index: 1;
    width: 330px;
}

.context-body-mobile{
  padding-right: 40px;
  padding-left: 20px;
}

.responsive-noclick a {
        pointer-events: none;
    }
.quote-mobile{
  display: none;
}

.mobile-nav-hide{
  display: none !important;
}

}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}