/*Fonts Css*/



/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 11, 2018 */







@font-face {

    font-family: 'montserratblack';

    src: url('../fonts/montserrat-black-webfont.woff2') format('woff2'),

         url('../fonts/montserrat-black-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'montserratblack_italic';

    src: url('../fonts/montserrat-blackitalic-webfont.woff2') format('woff2'),

         url('../fonts/montserrat-blackitalic-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'montserratbold';

    src: url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),

         url('../fonts/montserrat-bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'montserratbold_italic';

    src: url('../fonts/montserrat-bolditalic-webfont.woff2') format('woff2'),

         url('../fonts/montserrat-bolditalic-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'montserratextrabold';

    src: url('../fonts/montserrat-extrabold-webfont.woff2') format('woff2'),

         url('../fonts/montserrat-extrabold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'montserratextrabold_italic';

    src: url('../fonts/montserrat-extrabolditalic-webfont.woff2') format('woff2'),

         url('../fonts/montserrat-extrabolditalic-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'montserratextralight';

    src: url('../fonts/montserrat-extralight-webfont.woff2') format('woff2'),

         url('../fonts/montserrat-extralight-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}







@font-face {

    font-family: 'montserratextralight_italic';

    src: url('../fonts/montserrat-extralightitalic-webfont.woff2') format('woff2'),

         url('../fonts/montserrat-extralightitalic-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}





@font-face {

    font-family: 'montserratitalic';

    src: url('../fonts/montserrat-italic-webfont.woff2') format('woff2'),

         url('../fonts/montserrat-italic-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'montserratlight';

    src: url('../fonts/montserrat-light-webfont.woff2') format('woff2'),

         url('../fonts/montserrat-light-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}







@font-face {

    font-family: 'montserratlight_italic';

    src: url('../fonts/montserrat-lightitalic-webfont.woff2') format('woff2'),

         url('../fonts/montserrat-lightitalic-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'montserratmedium';

    src: url('../fonts/montserrat-medium-webfont.woff2') format('woff2'),

         url('../fonts/montserrat-medium-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'montserratregular';

    src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),

         url('../fonts/montserrat-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'montserratsemibold';

    src: url('../fonts/montserrat-semibold-webfont.woff2') format('woff2'),

         url('../fonts/montserrat-semibold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}





@font-face {

    font-family: 'montserratsemibold_italic';

    src: url('../fonts/montserrat-semibolditalic-webfont.woff2') format('woff2'),

         url('../fonts/montserrat-semibolditalic-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}





/*Custom CSS*/
#speditorska-firma article h1{
	font-family: 'montserratblack';
    font-size: 2.5em;
    color: #369cb8;
    letter-spacing: 2px;

}

body{

	font-family: 'montserratregular';

	font-size:16px;

	background: #fff;

}

#home_contact{

	width: 100%;

	background: #fff;

	height: auto;

	overflow: hidden;

	position: relative;

}

#home_contact header{

	text-align: center;

	margin-top: 100px;

}

#home_contact h2{

	font-family: 'montserratbold';

	font-size: 2em;

	letter-spacing: 2px;

	color: #369cb8;

	margin-bottom:30px;

}

#home_contact header p{

	font-family: 'montserratmedium';

    font-size: 1em;

    color: #838383;

    line-height: 1.75;

    margin-bottom: 40px;

}



#home_contact form{

	position: relative;

	width:100%;

	height: auto;

	display: block;

	padding: 40px;

}

#home_contact form input{

	border-radius: 30px;

	border:2px solid #636363;

	width:100%;

	height: 46px;

	color:#636363;

	padding-left: 20px;

	margin-bottom: 34px;

	font-family: 'montserratbold';

}

#home_contact form textarea{

	border-radius: 30px;

	border:2px solid #636363;

	width:100%;

	color:#636363;

	padding: 10px;

	padding-left: 20px;

	font-family: 'montserratbold';

}

#home_contact form button{

    width: 100%;

    position: relative;

    height: 46px;

    margin-top: 55px;

    padding: 4px 20px;

    text-align: center;

    border:0;

    border-radius: 22px;

    color: #fff;

    font-family: 'montserratbold';

    font-size: 1em;

    line-height: 38px;

    text-transform: uppercase;

    background: #337ab7;

    letter-spacing: 2px;

    text-decoration: none;

    transition: 0.3s all;

    -webkit-transition:0.3s all;

    -webkit-box-shadow: 0 0 7px 0 0 12px rgba(244, 162, 71, 0.7);

    box-shadow: 0 0 12px rgba(244, 162, 71, 0.7);

}

#home_contact form button:hover{

	 -webkit-box-shadow: 0 2px 12px rgba(244, 162, 71, 1);

    box-shadow: 0 2px 12px rgba(244, 162, 71, 1);

}	

}

#home_contact form button:after{

	margin-top: 20px;

	content: '';

	position: absolute;

	width:1px;

	height: 60px;

	top: 60px;

	left: 50%;

	background: #2b2a2a;

}

#home_about{

	width: 100%;

	background: #fafafa;

	background: url('../images/bgabout.jpg');

	background-position: left;

	background-repeat: no-repeat;

	background-size: cover;

	height: 500px;

	overflow: hidden;

	position: relative;

}

#home_services{

	width: 100%;

	background: #fff;

	height: 720px;

	overflow: hidden;

	position: relative;

}





#heroDiv {

background: url('../images/bg_truck.png');

background-repeat: no-repeat; 

background-size: cover;

height: 780px; 

}

#truckDiv {

	background: url('../images/bg_truck.png');

	background-repeat: no-repeat; 

    background-size: cover;

    height: 780px; 

}

#intermodalDiv {

	background: url('../images/3.jpg');

    background-repeat: no-repeat;   

    background-size: cover;

    height: 780px;

}

#shipDiv{

 	background: url(../images/Warehouse.png);

	background-repeat: no-repeat; 

    background-size: cover;

    height: 780px;

}



.change a{

	-ms-transform: rotate(-360deg); /* IE 9 */

    -webkit-transform: rotate(-360deg); /* Chrome, Safari, Opera */

    transform: rotate(-360deg);

    transition-duration: 2s;

}

 







#hero_truck_request{

	height: 800px;

} 

 

#navbarBody{

	height: 120px;

	position: relative;

	border: 0;

	border-radius: 0;

	margin-left: 0;

	margin-right: 0;

}

#intermodal_request article,

#ship_request article,

#hero_truck_request article,

#hero_truck article,

#hero article{

	width: 80%;

	display: block;

	overflow: hidden;

	margin-top: 50px;

}

#intermodal_request article{

	width: 80%;

}

#ship_request article{

	width: 80%;

}

.ctaWrapper{

	margin-top: 20px;

}

.dropdown-menu{

	background:transparent;

	border:0;

    -webkit-box-shadow:none;

    box-shadow: none;

}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{

	background:transparent;

	color:#f8bd7b;

}

.dropdown-menu>li>a{

	padding: 10px 20px;

	color:#fff;

	transition: 0.3s all;

	-webkit-transition:0.3s all;

}

.dropdown-menu>li>a:hover{

	color:#f8bd7be;



}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover

{

	color: #f8bd7b;

	background:transparent;

}

.navbar-default .navbar-nav>li>a:focus{

	color:#fff;

}

#intermodal_request article h1,

#ship_request article h1,

#hero_truck_request article h1,

#hero_truck article h1,

#hero article h1{

	font-family: 'montserratblack';

	font-size: 2.5em;

	color:#369cb8;

	letter-spacing: 2px;

}

#intermodal_request article p,

#ship_request article p,

#hero_truck_request article p,

#hero_truck article p,

#hero article p{

	font-family:'montserratmedium';

	font-size:1em;

	color:#369cb8;

	line-height: 1.75em;

	padding-top: 15px;

}



.navbar-brand {

	/*width: 100%;*/

	height: auto;

	position: relative;

}



.logo{

	width: 100%;

	height: auto;

}

#nav-container{

	padding: 0 0;

	padding-top: 40px;

	height: auto;

	border-bottom: 0;

}

.navRight{

	padding-top: 20px;

	color: #838383;

	font-family:'montserratsemibold';

	float: right;

	letter-spacing: 1px;

}

.navbar{

	margin-top: 40px;

	position: absolute;

    right: 0;

    left: 0;

    z-index: 1030;

}

#infoDiv {

	padding-top: 10%;

    padding-left: 12%;

}

.navbar-default .navbar-nav>li>a{

	color: #fff;

	margin:0 4px;

	transition: 0.3 all;

	-webkit-transition: 0.3 all;

}

.nav>li>a{

	padding: 10px 12px;

	letter-spacing: 1px;

	color:#fff;

	text-transform: uppercase;

}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{

	background:transparent;

}

.nav>li>a:focus{

	background:transparent;

}

.nav>li>a:hover{

	color:#f8bd7b;

	background:transparent;

}

.navbar-default .navbar-nav>li>a:hover{

	

}

.navbar-default{

	background: transparent;

}

.ctaWrapper{

	margin-top: 20px;

}

.ctaWrapper a{

	border-radius: 22px;

	display: inline-block;

	text-align: center;

	width:100%;

	height: 46px;

	line-height: 38px;

	background: #fff;

	color:#369cb8;

	text-transform: uppercase;

	padding: 4px 20px;

	font-family: 'montserratbold';

	font-size:1em;

	border:2px solid #369cb8;

	letter-spacing: 2px;

	text-decoration: none;

     -webkit-box-shadow: 0 0 5px rgba(54, 156, 184, 0.7);

    box-shadow: 0 0 5px rgba(54, 156, 184, 0.7);

}

.ctaWrapper div:first-child{

	margin-left: 0;

	padding-left: 0;

}

/*.ctaWrapper div:last-child{

	margin-right: 0;

	padding-right: 0;



}*/

/*.ctaWrapper div:last-child a{

	transition: 0.3s all;

	-webkit-transition:0.3 all;

}*/

a.request_btn{

    margin-bottom: 20px;

	background: #fff;

	border:2px solid #369cb8;

	color:#369cb8;

	transition: 0.3s all;

	-webkit-transition:0.3s all;

}

a.request_btn:hover{

	color:#fff;

	background:#369cb8;

}

a.seeMore {

	background: #369cb8;

	color:#fff;

	transition: 0.3s all;

	-webkit-transition:0.3s all;

}

a.seeMore:hover{

	background:#fff;

	color:#369cb8;

	box-shadow: 0 0 15px #369cb878;

}

.bottom_hero{

	font-family: 'montserratitalic';

	position: relative;

	margin-top: 280px;

	color:#369cb8;

	letter-spacing: 2px;

}

.bottom_hero:after{

	content: '';

	width: 120px;

	height: 2px;

	background: #369cb8;

	position: absolute;

    top: 10px;

    left: 160px

}

.heroIMG{

	background: url('../images/herohome.png');

	width:55%;

	height: 100vh;

	background-size: cover;

	background-repeat: no-repeat;

	float: right;

	position: absolute;

	top: 0;

	right:0;

}

h1{

	font-family: 'montserratblack';

}

#home_services{

	text-align: center;

}

#home_services h2{

	padding-top: 80px;

	font-family: 'montserratbold';

	font-size: 2em;

	letter-spacing: 2px;

	color: #369cb8;

	margin-bottom: 30px;

}

#home_about h2{

	margin-top: 0;

	position: relative;

	font-family: 'montserratbold';

	font-size: 2em;

	letter-spacing: 2px;

	color: #369cb8;

}

#home_about h2:after{


	width: 120px;

	height: 2px;

	background: #369cb8;

	position: absolute;

    top: 18px;

    left: 140px;



}

#home_contact .form-group{

	margin-bottom: 20px;

}

#home_services header{

	font-family: 'montserratmedium';

	font-size: 1em;

	color:#838383;

	line-height: 1.75em;

}

#home_services header{

	margin-bottom: 160px;

}



#home_about p{

    font-family: 'montserratmedium';

    font-size: 1em;

    color: #838383;

    line-height: 1.75em;

}



#home_about a{

	display: inline-block;

	width: 44%;

	height: 46px;

	margin-top:25px;

	padding: 4px 20px;

	text-align: center;

	border: 2px solid #369cb8;

	border-radius: 22px;

	color: #369cb8;

	font-family: 'montserratbold';

	font-size: 1em;

	line-height: 38px;

	text-transform: uppercase;

	background: #fff;

	letter-spacing: 2px;

	text-decoration: none;

	transition: 0.3s all;

	-webkit-transition:0.3s all;

	-webkit-box-shadow: 0 0 5px rgba(54, 156, 184, 0.7);

	box-shadow: 0 0 5px rgba(54, 156, 184, 0.7);

}

/*.ctaWrapper div:last-child a:hover,*/

#home_about a:hover{

	color:#fff;

	background:#369cb8;

	box-shadow: 0 0 15px #369cb878;

}

.heroAbout{

	display: inline-block;

    background: url(../images/heroabout.png);

    width:45%;

  	height: 550px;

    background-size: cover;

    background-repeat: no-repeat;

    position: absolute;

    top: 0;

    left: 0;

}

.aboutText{

	padding-top: 20px;

	float: right;

}

.service_box{

	width: 100%;

	height: auto;

	position: relative;

}

.service_box img{

	width: 80px;

	position: relative;

	text-align: center;

	top: 0;

	left: 0;

	margin: 5px;

}

#truck{

	top: 10px;

}

#truck a:before{

	bottom: -50px;

}

.service_box a:before{

	content: url('../images/refresh.png');

	width: 100%;

	height: auto;

	position: absolute;

	bottom:10px;

	left: 0; 

	transition: 1s all;

	-webkit-transition:1s all;

	bottom: -70px;

}



.service_box a:hover:before {

	display: inline-block;

  -webkit-transform: rotate(-180deg);

  -moz-transform:rotate(-180deg);

  -o-transform: rotate(-180deg);

  -ms-transform: rotate(-180deg);

  transform: rotate(-180deg);



  	width: 100%;

	height: auto;

	position: absolute;

	bottom:10px;

	left: 0; 

	bottom: -70px;

	transition: 1s all;

	-webkit-transition:1s all;

}



.service_box p{

	font-family: 'montserratbold';

    font-size: 1em;

    padding-top: 0px;

    color: #369cb8;

}



.service_box a{

	position: relative;

	display: inline-block;

	width: 100%;

	font-family: 'montserratbold';

	color: #369cb8;

	text-decoration: none;

}



.service_box a:hover:before{

	 /*transform: rotate(360deg); */

 

}

.form-control:focus{

	border:2px solid #369cb8 !important;

	box-shadow: 0 0 15px #369cb878;

}

.nav>li>a.active{

	color:#f8bd7b;

}

.contact{

	width:100%;

	height: auto;

	overflow: hidden;

	position: relative;

	margin-top: 160px;

	margin-bottom: 100px;

}

.contact > div{

	text-align: center;

}

.contact span{

	display: block;

	margin-top: 20px;

}

.contact a{

	font-family: 'montserratregular';

	color: #6a6565;

	text-decoration: none;

}

.social{

	margin-bottom: 40px;

}

.social a{

	margin:0 10px;

	transition: 0.3s all;

	-webkit-transition:0.3s all;

}

.social a:hover{

	opacity: 0.7;

}

footer{

	background: #2b2a2a;

	font-family: 'montserratlight';

	font-size: 0.75em;

	color:#fff;

	text-align: center;

	padding: 30px 0;

	letter-spacing: 1px;

}

.navbar-toggle{

	border:transparent;

	background:transparent;

}

.navbar-toggle .icon-bar{

	background:#f4a247;

}

.stepwizard{

	margin: 40px 0;

}

.stepwizard-step p {

	width: 70%;

	text-align: left;

    margin-top: 10px;

}

.stepwizard-row {

    display: table-row;

}

.stepwizard {

    display: table;

    width: 50%;

    position: relative;

}

.stepwizard-step button[disabled] {

    opacity: 1 !important;

    filter: alpha(opacity=100) !important;

}

.stepwizard-row:before {

    top: 14px;

    bottom: 0;

    position: absolute;

    content: " ";

    width: 100%;

    height: 1px;

    background-color: #ccc;

    z-order: 0;

}



.btn-circle {

    width: 30px;

    height: 30px;

    text-align: center;

    padding: 6px 0;

    font-size: 12px;

    line-height: 1.428571429;

    border-radius: 15px;



}

.btn-default{

	border: 0;

}

.stepwizard-step

{	

	padding-left: 0;

	padding-right: 0;

	height: 80px;

}





.stepwizard-step {

	border-bottom: 2px solid #cccccc;

}



/*.active-tab {

	border-bottom: 4px solid red;

}*/



.active-tab:after {

	padding-top: 77px;

    content: '';

    position: absolute;

    width: 100%;

    height: 10px;

    top: 0;

    left: 0;

    /* background: red; */

    border-bottom: 4px solid #369cb8;



}	





/*.btn-primary:after{

	content: '';

	position: absolute;

	bottom: 20px;

	background:red;

	width: 100%;

	height: 4px;

}*/

.btn-primary span{

	color:#369cb8!important;

}

.btn-primary p{

	color:#369cb8!important;

}

}

.btn-primary{

	background-color:#fff!important;

	color:#369cb8!important;

	font-size:1em;

	position: relative;

	font-family: 'montserratmedium';

	border:none;

	position: relative;

}

.stepwizard-step p{

	color:#ccc;

	display: inline-block;

	font-size:1em;

	font-family: 'montserratmedium';

}

.stepwizard-step{

	position: relative;

	/*width: 100%;*/

}



.stepwizard-step p:hover{

	font-size:1em;

	font-family: 'montserratmedium';

}

.btn-primary:hover{

	background:transparent;

	color:#369cb8;

	font-size:1em;

	font-family: 'montserratmedium';

	border:none;

}

.stepwizard-row:before{

	bottom: 0;

	top:initial;

	background:transparent;

}

.stepwizard-step span{

	color:#ccc;

	display: inline-block;

	font-family: 'montserratbold';

	font-size:3em;

	float: left;

	letter-spacing: 4px;

	padding-right: 8px;

}

span.btn-primary{

	color: #369cb8;

}

.stepwizard-step a{

	display: block;

	width: 100%;

	height: 100%;

	

}

.stepwizard-step a hover{

	color:#333;

}

.stepwizard{

	width: 100%;

}

/*.stepwizard{

	width: 100%;

	margin-top: 20px;

}*/

.step_box{

	margin-top: 0;

	border:2px solid #369cb8;

	border-radius: 12px;

	background:#fefefe;

	padding: 20px;

}

.stepwizard-row{

	display: block;

}

.stepwizard-step{

	display: inline-block;

	float: left;



}



.btn-primary{

	background-color:#fff!important;

}

.selectpicker{

	width: 100%;

	height: 40px;

	border-radius: 20px;

	color:#369cb8;

	font-family: 'montserratregular';

	border:2px solid #369cb8;

	padding:4px 15px;

	cursor: pointer;

}

.step_content{

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

	padding: 60px;

	background:#fefefe;

	border:2px solid #369cb8;

	border-radius: 10px;

	margin-bottom: 40px;

}

.selectdiv {

  position: relative;

}



/*.selectdiv:after {*/

/*	content:url('../images/arrow.png');*/

/*	right: 20px;*/

/*	bottom: 8px;*/

/*	position: absolute;*/

/*	pointer-events: none;*/

/*	cursor: pointer;*/

/*}*/



/* IE11 hide native button (thanks Matt!) */

select::-ms-expand {

display: none;

}



.selectdiv select{

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  display: block;

  width: 100%;

  height: 44px;

  padding: 0px 14px;

  font-size: 1em;

  font-family:'montserratregular';

  font-weight:500;

  color: #369cb8;

  background-color: #ffffff;

  background-image: none;

  border: 2px solid #369cb8;

  border-radius: 20px;

  -ms-word-break: normal;

  word-break: normal;

  cursor: pointer;

}

.selectdiv  label{

	width: 100%;

}

.sizesTruck{

	width: 100%;

	height: auto;

	padding:20px 5px;

	overflow: hidden;

	position: relative;

	border:2px solid #369cb8;

	border-radius: 20px;

}

.sizesTruck h2{

	position: relative;

	font-family:'montserratbold';

	font-size: 1.5em;

	letter-spacing: 2px;

	color:#369cb8;

	padding:10px 0;

	margin-top: 5px;

}

.sizesTruck span{

	font-family: 'montserratbold';

}

.sizesTruck h2:after{

	position: absolute;

    content: '';

    width: 30%;

    height: 2px;

    left: 10px;

    bottom: 20px;

    transform: translate(100%, -50%);

    background: #369cb8;

}

.sizesTruck figure{

	margin-top: 20px;

}

.sizesTruck ul{

	margin-left: 15px;

	padding-left: 0;

}

.sizesTruck ul li{

	list-style-type: none;

	color:#369cb8;

	font-family: 'montserratregular';

	font-size:1em;

	letter-spacing: 1px;

	margin:10px 0;

}

.form-control{

	height: 44px;

	border:2px solid #369cb8;

	border-radius: 20px;

	font-family: 'montserratregular';

	font-size:1em;

	color:#369cb8;

}

#count{

	color:#369cb8;

}

#count:focus{

	border:2px solid #369cb8!important;

 

}

.has-error select{

	border: 2px solid #a94442;

}

.backBtn,

.nextBtn{

	width: 100%;

	height: 44px;

	text-transform: uppercase;

	background:#369cb8;

	border-radius: 20px;

	color:#fff;

	font-family: 'montserratmedium';

	font-size:1em;

	letter-spacing: 1px;

	border:0;

	line-height: 2em;

	 transition: 0.3s all;

    -webkit-transition:0.3s all;

}

.backBtn{

	background:#f5a954;

}

.backBtn img,

.nextBtn img{

    padding-bottom: 5px;

    padding-left: 12px;

}

.form-group{

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

	margin-bottom: 25px;

}

.truck_wrapper{

	width: 100%;

	height: auto;

	position: relative;

	overflow: hidden;

	margin:40px 0;

}

.step_content p{

	color:#369cb8;

	font-family: 'montserratsemibold';

	font-size:1.25em;

	margin-bottom: 40px;

}



[type="radio"]:checked,

[type="radio"]:not(:checked) {

    position: absolute;

    left: -9999px;

}

[type="radio"]:checked + label,

[type="radio"]:not(:checked) + label

{

    position: relative;

    padding-left: 28px;

    cursor: pointer;

    line-height: 20px;

    display: inline-block;

    color: #369cb8;

}

[type="radio"]:checked + label:before,

[type="radio"]:not(:checked) + label:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 18px;

    height: 18px;

    border: 2px solid #369cb8;

    border-radius: 100%;

    background: #fff;

}

[type="radio"]:checked + label:after,

[type="radio"]:not(:checked) + label:after {

    content: '';

    width: 6px;

    height: 6px;

    background: #369cb8;

    position: absolute;

    top: 6px;

    left: 6px;

    border-radius: 100%;

    -webkit-transition: all 0.2s ease;

    transition: all 0.2s ease;

}

[type="radio"]:not(:checked) + label:after {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

}

[type="radio"]:checked + label:after {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

}

.input-group.date .input-group-addon{

	border-bottom-right-radius: 20px;

	border-top-right-radius: 20px;

	border-left:2px solid #369cb8;

	border-right:2px solid #369cb8;

	border-top:2px solid #369cb8;

	border-bottom:2px solid #369cb8;

	background: #fff;

}

.date_control{

	border-right: 0;

}

.datepicker-days{

	padding: 15px;

	border: 2px solid #369cb8; 

	background:#fff;

}

.datepicker-dropdown:after{

	background:transparent;

}

.input-group-addon img{

	padding-right: 12px;

}

.datepicker-dropdown:after{

	display: none;

}

.datepicker-dropdown.datepicker-orient-top:before{

	display: none;

}

.datepicker-dropdown:before{

	display: none;

}



#step-2 label{

	font-size:16px;

	font-family: 'montserratregular';

}

.form-control:focus{

	    border: 2px solid #369cb8 !important;

    -webkit-box-shadow: inset 0 1px 1px 

     rgba(54, 156, 184, 0.25)!important, 0 0 8px rgba(54, 156, 184, 0.65);

} 



#contactForm .form-control{

	margin-bottom: 20px;

}

   

.link-disabled {

    pointer-events: none; 

}



.table-condensed td:hover {

	cursor: pointer;

	background: #369cb8;

	color: #fff;

	font-weight: bold;

}



/*RESPONSIVE START*/ 

 

@media only screen and (max-width: 1920px){

	#infoDiv{

		padding-left:20%;

	}

}

@media only screen and (max-width: 1600px){

	#infoDiv{

		padding-left:14%;

	}

}

@media only screen and (max-width: 1440px){

	#infoDiv{

		padding-left:10%;

	}

}

@media only screen and (max-width: 1360px){

	#infoDiv{

		padding-left:8%;

	}

}

@media only screen and (max-width: 1200px){

	#infoDiv{

		padding-left:2%;

	}



}



@media only screen and (max-width: 1024px){

	#ship_request{

		width: 	100%;

		height: auto;

		background:url('../images/bgshipmobile.jpg');

		background-repeat: no-repeat;

		background-size: cover

	}

		{

			display: none;

		}

	#ship_request article h1{

		color:#fff;

	}

	#ship_request article p{

		color:#fff;

	}

	#intermodalDiv,

	#truckDiv,

	#heroDiv,

	#shipDiv{

		display: none;

	}

    #infoDiv {    

    	width: 100%;

	    padding-left: 4%;

	    margin-top:2%

	}



	 #hero{

	 	height: 500px;

	 }

	 .bottom_hero{

	 	display: none;

	 }

	 .aboutText{

	 	width: 100%;

	 }

	.navbar{

		background:#fff;

		margin-top: 0;

		padding-top: 10px;

		border-radius: 0;

	}

	.nav>li>a{

		color:#838383;

	}

	.dropdown-menu>li>a{

		color:#838383;

	}

	.dropdown-menu{

		background:#fff;

	}

	#hero article h1{

		color:#fff;

	}

	#hero article p{

		color:#fff;

	}

	#hero article{

		width: 100%;

	}

	.bottom_hero{

		color:#fff;

	}

	.bottom_hero:after{

		background:#fff;

	}

	a.seeMore{

		width: 100%;

		background:#f4a247;

	}

	#hero_truck,

	#hero_truck_request,

	#hero{



		background-repeat: no-repeat;

		background:url('../images/homemobile.png');

		height: 560px;

	}

	#hero_truck{

		height: auto;

	}



	#hero_truck_request article h1,

	#hero_truck_request article p,

	#hero_truck article p,

	#hero_truck article h1{

		color: #fff;

	}

	#intermodal_request{

		width: 100%;

		height: 620px;		

		background:url('../images/bgintermodalmobile.jpg');

		background-repeat: no-repeat;

		background-size: cover;

		}

	#intermodal_request article p,

	#intermodal_request article h1{

		color:#fff;

	}

	#hero_truck .ctaWrapper{

		margin-top: 40px;

	}

	#hero article{

		margin-top: 30px;

	}

	#home_services h2{

		margin-top: 10px;

		padding-top: 30px;

	}

	#home_services header{

		margin-bottom: 20px;

	}

		.service_box{

		border:1px solid #eaeaea;

		margin-bottom: 20px;

		padding: 15px;

		border-radius: 6px;

		box-shadow: 1px 2px 2px #bfbfbf2b;

	}



	.service_box a:before{

		visibility: none;

	}

	.service_box p{

		margin-top: 20px;

	}

	#home_services{

		height: auto;

		padding-bottom: 40px;

	}

	#home_about{

		background:url(../images/aboutmobile.png);

		background-repeat: no-repeat;

		background-position: center;

		background-size: cover;

	}



	#home_about h2{

		color: #fff;

	}

	#home_about p{

		color:#fff;

	}

	#home_about h2:after{

		background:#fff;

	}

	#home_contact{

		height: auto;

	}

	.step-content .form-group{

		margin-bottom: 20px;

	}

	#count{

		margin-bottom: 20px;

	}

	.aboutText{

		float: left;

	}

	#home_about h2:after{

		left: 150px;

	}

	.step_content{

		padding: 10px;

	}

	.stepwizard-step p{

		width: 66%;

	}

	.sizesTruck h2:after{

		display: none;

	}

	#step-4 .form-control,

	#step-3 .form-control{

		margin:10px 0;

	}

	

}   

@media only screen and (max-width: 768px){

	#intermodal_request article{

		width: 100%;

	}

	#infoDiv {  

	    margin-top: 8%;

	}

	#ship_request article{

		margin-top: 0;

		width: 100%;

	}

	a.request_btn{

		margin-bottom: 40px;

		background:#fff;

	}

	.navbar{

		background:#fff;

		margin-top: 0;

		padding-top: 20px;

		border-radius: 0;

	}

	.nav>li>a{

		color:#838383;

	}

	.dropdown-menu>li>a{

		color:#838383;

	}

	.dropdown-menu{

		background:#fff;

	}

	#hero article h1{

		color:#fff;

	}

	#hero article p{

		color:#fff;

	}

	#hero article{

		width: 100%;

	}

	.bottom_hero{

		color:#fff;

	}

	.bottom_hero:after{

		background:#fff;

	}

	a.seeMore{

		width: 44%;

		background:#f4a247;

	}

	#hero_truck,

	#hero_truck_request,

	#hero{



		background-repeat: no-repeat;

		background:url('../images/homemobile.png');

		height: 560px;

	}

	#hero_truck{

		background-repeat: no-repeat;

		background-position: cover;

		height: auto;

	}

	#hero_truck article{

		width: 100%;

		margin-top: 15px;

	}

	#intermodal_request{

		width: 100%;

		height: 620px;

		background:url('../images/bgintermodalmobile.jpg');

		background-repeat: no-repeat;

		background-size: cover;

	}

	#ship_request{

		background-repeat: no-repeat;

		background:url('../images/bgshipmobile.jpg');

		height: 560px;

		background-size:cover;

	}

	#ship_request article p,

	#ship_request article h1,

	#intermodal_request article p,

	#intermodal_request article h1,

	#hero_truck_request article h1,

	#hero_truck_request article p,

	#hero_truck article p,

	#hero_truck article h1{

		color: #fff;

	}

	#hero_truck .ctaWrapper{

		margin-top: 40px;

	}

	#hero article{

		margin-top: 30px;

	}

	#home_services h2{

		margin-top: 10px;

		padding-top: 30px;

	}

	#home_services header{

		margin-bottom: 20px;

	}

	.service_box{

		border:1px solid #eaeaea;

		margin-bottom: 20px;

		padding: 15px;

		border-radius: 6px;

		box-shadow: 1px 2px 2px #bfbfbf2b;

	}



	.service_box a:before{

		display: none;

	}

	.service_box p{

		margin-top: 20px;

	}

	#home_services{

		height: auto;

		padding-bottom: 40px;

	}

	#home_about{

		background:url(../images/aboutmobile.png);

		background-repeat: no-repeat;

		background-position: center;

		background-size: cover;

	}

	#home_about h2{

		color: #fff;

	}

	#home_about p{

		color:#fff;

	}

	#home_about h2:after{

		background:#fff;

	}

	#home_contact{

		height: auto;

	}

	.step-content .form-group{

		margin-bottom: 20px;

	}

	#count{

		margin-bottom: 20px;

	}

	.selectdiv{

		margin:20px 0;

	}

	#step-3 .form-contrl{

		margin:20px 0;

	}

	.navbar-brand>img{

		width: 80%;

	}

	#home_contact form{

		padding: 15px;

	}

	

}

@media only screen and (max-width: 600px){

	.navbar-toggle .icon-bar{

		width: 36px;

	}

	a.request_btn{

		margin-top:0;

		padding-top: 0;

		margin-bottom: 40px;

	}



	.navbar{

		background:#fff;

		margin-top: 0;

		padding-top: 0;

	}

	.navbar-brand>img{

		width: 100%;

	}

	.navbar-brand{

		width:60%;

		display: inline-block;

	}

	.nav>li>a{

		color:#369cb8;

	}

	.nav>li>a:hover{

		color:#369cb8;

	}

	.dropdown-menu{

		background:#fff;

	}

	.dropdown-menu>li>a{

		color:#369cb8;

	}

	.navRight{

		padding-top: 0;

		float:left;

	}

	.navbar{

		margin-bottom: 0;

		border-bottom: 1px solid #fefe;

	}

	.navbar-toggle{

		margin-top: 42px;

	}

	.navRight{

		background:#fff;

	}

	.navbar-header{

		border-bottom: 1px solid #eae7e7;

	}  

	#hero_truck_request,

	#hero{

		height:auto;

		background:url('../images/homemobile.png');

		background-repeat: no-repeat;

		padding-bottom: 40px;

	}

	#ship_request{

		height: auto;

		background:url('../images/bgshipmobile.jpg');

		background-repeat: no-repeat;

		padding-bottom: 40px;	

	} 

	#intermodal_request{	

	width: 100%;

	height: auto;

	position: relative;

	overflow: hidden;

	background:url('../images/bgintermodalmobile.jpg');

	background-size: cover;

	background-repeat: no-repeat;

	padding-bottom: 40px;



	}

	#ship_request article,

	#intermodal_request article,

	#hero article{

		width: 	100%;

		margin-top: 10%;

		text-align: center;

		position: relative;

		display: block;

		overflow: hidden;

		text-align: left;

	}

	#ship_request article h1,

	#intermodal_request article h1,

	#hero article h1{

		color:#fff;

		font-size: 1.75em;

	}

	#ship_request article p,

	#intermodal_request  article p,

	#hero article p{

		color:#fff;

	}

	a.seeMore{

		width: 100%;

		border:0;

		background:#f4a247;

	}

	a.seeMore:hover{

		border:0;

		background:#f4a247;

		color:#fff;

	}

	.ctaWrapper{

		margin-top: 20px;

	}

	.bottom_hero{

		display: none;

	}

	#home_services{

		position: relative;

		width: 100%;

		height: auto;

		padding-bottom: 40px;

	}

	#home_services h2{

		margin-top: 10px;

		padding-top: 40px;

	}

	#home_services header{

		margin-bottom:60px;

	}

	.service_box{

		border:1px solid #eaeaea;

		margin-bottom: 20px;

		padding: 15px;

		border-radius: 6px;

		box-shadow: 1px 2px 2px #bfbfbf2b;

	}



	.service_box a:before{

		display: none;

	}

	.service_box p{

		font-size: 1.5em;

		padding-top: 20px;

	}



	#home_about{

		background:url(../images/aboutmobile.png);

		height: auto;

		background-size: cover;

		padding-bottom: 40px;

		background-position: center;

	}

	#home_about p{

		color:#fff;

	}

	#home_about h2{

		color:#fff;

	}

	#home_about h2{

		margin-top: 40px;

	}

	#home_about a{

		width: 100%;

		border:0;

		margin-top: 25px;

		margin-bottom: 15px;

	}

	.contact{

		margin-bottom: 20px;

		margin-top: 50px;

	}

	.service_box img{

		max-width: 60px;

	}

	.service_box p{

		padding-top: 10px;

		margin-top: 0;

	}

	#home_services header{

		margin-bottom: 20px;

	}

	#home_about a{

		display: none;

	}

	#home_contact header{

		margin-top: 40px;

	}

	#home_contact form{

		padding: 40px 15px;

	}

	.contact > div{

		margin:25px 0;

	}

}









@media only screen and (max-width: 480px){

	#home_contact form button{

		margin-top:0;

	}

	.navbar-toggle{

		margin-top: 24px;

	}

	#hero_truck article h1{

		font-size:1.5em;

	}

	a.request_btn{

		margin-top:0;

		padding-top: 0;

		margin-bottom: 40px;

	}

	#infoDiv{

		padding-left: 4%;

	}

	#ship_request article{

		width: 100%;

	}

}

@media only screen and (max-width: 320px){

	  #infoDiv {    

	    padding-left: 6%;

	}

	.navbar-toggle{

		margin-top: 20px;

	}

	#hero_truck article h1{

		font-size:1.5em;

	}

	#hero_truck{

		height: auto;

	}

	a.request_btn{

		margin-top:0;

		padding-top: 0;

		margin-bottom: 40px;

	}

	#ship_request article{

		width: 100%;

	}

	#home_contact form button{

		margin-top: 0;

	}

	

}

	.orbis_link {

	text-align: center;

	color: #f1a434 !important;

	}

.social .linkedin {
    width: 35px;
    height: 35px;
    opacity: 0.7;
}