@font-face { font-family: Montserrat; src: url('/wp-content/plugins/baggagefreight/assets/fonts/Montserrat-Light.otf'); }
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.carrier_price{width:100%;}
.carrier_price_left{width:70%; float:left; border:1px solid #c6cabd; padding:2px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.carrier_price_right{width:28%; float:right; }
.carrier_price_left h2{background:#cec3ba; color:#fff; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; text-align:center; font-weight:bold; margin-bottom:10px;}
.left_in{width:100%; border-bottom:1px solid #e2e2e2; padding-bottom:0px; margin-bottom:10px;}
.col_1{width:28%; float:left;}
.col_2{width:48%; float:left;}
.col_3{width:22%; float:right;}
.col_2 h3{color:#ec6851; font-size:18x; font-weight:bold;}
.col_2 p{color:#565656; font-size:14px; font-weight:normal; margin-bottom:0px;}
.email_quote{font-size:18px; background:#cf6755; padding:5px 20px; text-align:center; border:1px solid #b74532; margin-bottom:10px; text-shadow: 0px 1px 2px rgba(150, 150, 150, 0.77); -moz-text-shadow: 0px 1px 2px rgba(150, 150, 150, 0.77); -webkit-text-shadow: 0px 1px 2px rgba(150, 150, 150, 0.77);}
.email_quote a{color:#fff; text-transform:uppercase; text-decoration:none;}
.booking_progress{border:1px solid #d4d4d4; margin-bottom:10px;}
.booking_progress h3{background:#cec3ba; color:#fff; font-size:18px; font-weight:normal; text-align:center; padding:5px 0px;}
.booking_progress ul{margin:10px;}
.booking_progress li{list-style:url(/wp-content/plugins/baggagefreight/assets/images/left_arow.png); margin-bottom:5px; margin-left:25px;}
.booking_progress a{color:#ec6851; font-size:14px; font-weight:bold; text-decoration:none;}
.booking_progress a:hover{text-decoration:underline;}
.booking_progress p{  color: #333; font-size: 14px; margin: 16px; font-weight: normal; margin:5px 0px 5px 10px;}

.booking_progress2{border:1px solid #d4d4d4; margin-bottom:10px; text-align:center; padding:10px 0px;}
.booking_progress3{margin-bottom:10px; text-align:center; margin-top:10px;}
.fb{background:#3b64bc; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:2px 10px 5px 10px; border-top:2px solid #29498e;}
.fb:hover{background:#274686;}
.booking_progress3 p{color:#000; font-size:17px; font-weight:bold;}
.tw{background:#418dc9; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:2px 7px 5px 7px; border-top:2px solid #3272a5;
width:25px; text-align:center;}
.tw:hover{background:#3272a5;}
.booking_progress4{border:1px solid #d4d4d4; margin-bottom:10px;}
.booking_progress4 h3{background:#cec3ba; color:#fff; font-size:18px; font-weight:normal; text-align:center; padding:5px 0px;}
.booking_progress4 ul{margin:10px;}
.booking_progress4 li{float:left; list-style:none; margin-left:20px;}
.display_mob { display: none;}
.banner_text_in_2 img { cursor: pointer;}


/* ---------------------style for package details------------------------ */
.package_outer {
    width: 100%;
}
.package_outer p{
	display:block;
	width:100%;
	margin:0px;
	padding:0px;
	color:#000;
	font-size:13px;
	font-weight:bold;
}
.package_inner{
    float: left;
    width: 68%;
	border:1px solid #999;
}

.package_inner h1{  
  background-color: #cf6755;
  color: #ffffff;
  display: block;
  font-weight: bold;
  text-align: center;
}

.package_right{
    float: right;
    width: 30%;
}

/****add css tia****/
.package_content{padding:10px;}
.address_outer{}
.address_outer p{margin:0px; padding:0px; font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-bottom:5px; font-weight:bold; color:#000;}

.field_text{width:35%; float:left; 
  color: #404040;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 16px;

 }
.field_input{width:64%; float:left;}
.field_input select{
  color: #333;
  border: 1px solid #DDD;
  border-radius: 1px;
  width: 100%;
  padding-left:5px;
  height:30px;
  margin-bottom:5px;	
	}
	
.field_input input[type="text"]{
	color: #333;
  border: 1px solid #DDD;
  border-radius: 1px;
  width: 100%;
  padding-left:5px;
  height:30px;
  margin-bottom:5px;
	}
	
.field_input label{ margin:0px; padding:0px; color:#000; font-size:14px; font-weight:normal;}

	
.field{margin:10px;}
.package_container1 p{ margin:0px; padding:0px; color:#000; font-size:14px; font-weight:normal;}
.package_container1 h3{ margin:0px; padding:0px; color:#000; font-size:15px; font-weight:bold;}
.package_container1 ul li{ margin:0px; padding:0px; color:#000; font-size:14px; font-weight:normal;}

.field p{ margin:0px; padding:0px; color:#000; font-size:13px; font-weight:normal;}
.field1{padding:10px; background:#CCC; border:1px dashed #999; margin:10px;}
.field1 p{ margin:0px; padding:0px; color:#000; font-size:12px; font-weight:normal;}
.package_container h2{ margin:0px; padding:0px; color:#000; font-size:15px; font-weight:bold; margin:10px;}
.field_table table{margin:10px;}
.field_table table .input1{
color: #333;
  border: 1px solid #DDD;
  border-radius: 1px;
  width:63%;
  padding-left:5px;
  height:25px;
	}
	
.field_table table .input2{
color: #333;
  border: 1px solid #DDD;
  border-radius: 1px;
  width:80%;
  padding-left:5px;
  height:25px;
	}
	
	.field_table table .select3{
color: #333;
  border: 1px solid #DDD;
  border-radius: 1px;
  width:50%;
  padding-left:5px;
 height:25px;
	}
	
.field_table table .select4{
color: #333;
  border: 1px solid #DDD;
  border-radius: 1px;
  width:93%;
  padding-left:5px;
  height:25px;
	}
	
	.field_table table .select5{
color: #333;
  border: 1px solid #DDD;
  border-radius: 1px;
  width:80%;
  padding-left:5px;
  height:25px;
	}
.head1{width:5%;}
.head2{width:15%;}

.field_table table th{text-align:center; font-size:14px; padding-bottom:8px;}
.field_table table td{text-align:center; padding-bottom:8px;}
.package_container a{text-decoration:none; margin-left:10px;font-weight:bold;}
.field_table{width:98%;}

.field2{}
.field2 input[type="text"]{
	color: #333;
  border: 1px solid #DDD;
  border-radius: 1px;
  width:95%;
  padding-left:5px;
  height:30px;
   margin:10px 10px 0px 10px;
	}
	
.field2 select{
	color: #333;
  border: 1px solid #DDD;
  border-radius: 1px;
  width: 95%;
  padding-left:5px;
  height:30px;
  margin:10px 10px 0px 10px;
	}
.field2	button{ margin:10px;}
.package_right h1{color:#000; font-size:18px; font-weight:bold;}
.package_right ul li{margin:0px; padding:0px; color:#000; font-size:14px; font-weight:normal;}
/* -------------------------------------- */

h1, h2, h3, h4, h5, h6, p{
	margin:0px; padding:0px;
}

	
.pack_col1 p {
  display: block;
  width: 100%;
  margin: 0px;
  padding: 0px;
  color: #000;
  font-size: 13px;
  font-weight: bold;
}

.pak_col2 p{display: block;
  width: 100%;
  margin: 0px;
  padding: 0px;
  color: #000;
  font-size: 12px;
  font-weight: normal;
  margin:10px;}
  
 .field_input textarea{
	 color: #333;
  	 border: 1px solid #DDD;
  	 border-radius: 1px;
  	 width: 100%;
  	 padding-left: 5px;
  	 height: 100px;
  	 margin-bottom: 5px;
 }
 .park_video{color:#cf6755;margin-left:0;}
 .park_video:hover{text-decoration:underline;}
 
 /* --------------------------style for payment--------------------- */
 .payment_outer {
    display: block;
    float: left;
    width: 100%;
}
.payment_outer > p {
    display: block;
	float:left;
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    width: 100%;
}
.payment_inner {
    display: block;
    float: left;
    width: 100%;
}
.payment_left {
    display: block;
    float: left;
    width: 68%;
}
.payment_right {
    display: block;
    float: right;
    width: 30%;
}
.payment_container {
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    display: block;
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
.payment_container > h1 {
    background-color: #cec3ba; /*#2f4e50*/
    color: #ffffff;
    display: block;
    float: left;
    font-weight: bold;
    text-align: center;
    width: 100%;
}
.payment_container .field_container{
	display: block;
    float: left;
    padding: 5px 6px;
    width: 100%;
}
.field_container > span {
    display: block;
    float: left;
    width: 40%;
	font-weight:bold;
	font-size:13px;
}
.field_container > span >span{color:#ff0000;}
.field_container > p {
    display: block;
    float: left;
    width: 60%;
	font-size:13px;
}
.field_container .select{
	padding: 6px 0;
    width: 40%;
}
.field_container input[type="text"]{
	width:40%;
}
.field_container .select_exp{
	padding: 6px 0;
    width: 19.8%;
}
.payment_btns {
    display: block;
    float: left;
    text-align: center;
    width: 100%;
}
.payment_btns > button{
	border-radius:3px;
}
#warranty_yes,
#warranty_no{display:none;}
 /* ---------------------------------end---------------------------- */
 /* ----------------------------style for join page------------------------ */
 .join_outer{
	display: block;
    float: left;
    width: 100%;
 }
 .join_container_text{
	display: block;
    float: left;
    width: 100%;
 }
 .join_container_text .join_content{
	display: block;
    float: left;
    width: 100%;
 }
 .join_container_text .join_content span{
	color: #000;
    font-size: 14px;
    text-align: justify;
	font-weight:bold;
 }
 .join_container_text .join_content p{
	font-size: 13px;
}
 .join_container_text .join_content ul{}
 .join_container_text .join_content ul li{
	font-size: 13px;
 }
 
 .join_container{
	border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    display: block;
    float: left;
    margin-bottom: 10px;
    width: 100%;
 }
 .join_container h1{
	background-color: #2f4e50;
    color: #ffffff;
    display: block;
    float: left;
    font-weight: bold;
    text-align: center;
    width: 100%;
 }
 .join_container .join_field{
	display: block;
    float: left;
    padding: 5px 6px;
    width: 100%;
 }
 .join_container .join_field > span{
	display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    width: 18%;
 }
 .join_container .join_field .captcha_image {
   /* --------------------------- */
	background-size: 40px 40px;
	background-color: rgba(255, 153, 0, 0.58);
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
	transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
	transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
	transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
	transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
	transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
	transparent 75%, transparent);
	-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
	transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
	transparent 75%, transparent) 0 0 / 50px 50px #ac0;
	behavior: url(/pie/PIE.htc);
   /* --------------------------- */
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 200px;
	letter-spacing: 12px;
	font-family: times new roman;
    font-style: italic;
	border-radius: 3px;
}
 .join_container .join_field .captch_refresh_btn {
    background: url("../images/refresh.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    float: left;
    height: 40px;
    margin-left: 10px;
    width: 40px;
}
/* ============animation================== */
.btnspin{
	animation:spin 2s linear infinite;
	-webkit-animation:spin 2s linear infinite;
	-moz-animation:spin 2s linear infinite;
	-ms-animation:spin 2s linear infinite;
}
@keyframes spin{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
@-webkit-keyframes spin{
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes spin{
	0%{-moz-transform:rotate(0deg);}
	100%{-moz-transform:rotate(360deg);}
}
@-ms-keyframes spin{
	0%{-ms-transform:rotate(0deg);}
	100%{-ms-transform:rotate(360deg);}
}
/* ==============end====================== */
 .join_container .join_field > span  > span{color: #ff0000;}
 .join_container .join_field input[type="text"],
 .join_container .join_field input[type="password"]{
	display: block;
    float: left;
    width: 50%;
 }
 .join_container .join_field textarea{
	display: block;
    float: left;
    overflow: auto;
    resize: none;
    width: 50%;
 }
 
 .join_btn{
	display: block;
    float: left;
    text-align: center;
    width: 100%;
 }
 .join_btn button{border-radius: 3px;}
 
 
 /* ----------------------------style end join page------------------------ */
 /* ------------------------style for signup page-------------------------- */
 .signup_outer{
	display: block;
    margin: 0 auto;
    width: 450px;
 }
 .signup_outer .signup_container{
	display: block;
    float: left;
    width: 100%;
	border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
 }
 .signup_outer .signup_container>h1{
	background-color: #2f4e50;
    color: #ffffff;
    display: block;
    float: left;
    font-weight: bold;
    text-align: center;
    width: 100%;
 }
 .signup_outer .signup_container .signup_field{
	display: block;
    float: left;
    padding: 12px 15px;
    width: 100%;
 }
 .signup_outer .signup_container .signup_field .signup_fieldgroup {
    display: block;
    float: left;
    width: 80%;
}
 .signup_outer .signup_container .signup_field>span{
	display:block;
	float:left;
	width:20%;
 }
 .signup_outer .signup_container .signup_field .signup_fieldgroup input[type="email"],
 .signup_outer .signup_container .signup_field .signup_fieldgroup input[type="text"],
 .signup_outer .signup_container .signup_field .signup_fieldgroup input[type="password"]{
	display:block;
	float:left;
	width:100%;
 }
 .signup_outer .signup_container .signup_field .signup_fieldgroup > p.error_msg{
	display:block;
	float:left;
	width:100%;
	color:#ff0000;
	font-size: 13px;
 }
 .signup_outer .signup_container .signup_btn{
	display: block;
    float: left;
    padding: 10px 0;
    text-align: center;
    width: 100%;
 }
 .signup_outer .signup_container .signup_btn>button{
	border-radius: 3px;
 }
 .signup_outer .signup_container .signup_btn>a{
	text-decoration:none;
 }
 
 /* ------------------------style end signup page-------------------------- */
 /* ------------------------style start shipment page-------------------------- */
 .shipment_outer{
  display: block;
    margin: 0 auto;
    width: 450px;
 }
 .shipment_outer .shipment_container{
  display: block;
    float: left;
    width: 100%;
  border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
 }
 .shipment_outer .shipment_container>h1{
  background-color: #2f4e50;
    color: #ffffff;
    display: block;
    float: left;
    font-weight: bold;
    text-align: center;
    width: 100%;
 }
 .shipment_outer .shipment_container .shipment_field{
  display: block;
    float: left;
    padding: 12px 15px;
    width: 100%;
 }
 .shipment_outer .shipment_container .shipment_field .shipment_fieldgroup {
    display: block;
    float: left;
    width: 80%;
}
 .shipment_outer .shipment_container .shipment_field>span{
  display:block;
  float:left;
  width:20%;
 }
 .shipment_outer .shipment_container .shipment_field .shipment_fieldgroup input[type="text"]{
  display:block;
  float:left;
  width:100%;
 }
 .shipment_outer .shipment_container .track_btn{
  display: block;
    float: left;
    padding: 10px 0;
    text-align: center;
    width: 100%;
 }
 .shipment_outer .shipment_container .track_btn>button{
  border-radius: 3px;
 }
 .shipment_outer .shipment_container .track_btn>a{
  text-decoration:none;
 }
 /*
 .shipment_outer{
	display: block;
    float: left;
    width: 100%;
 }
 .shipment_outer .shipment_container {
    display: block;
    float: left;
    width: 100%;
}
 .shipment_outer .shipment_field{
	display: block;
    float: left;
    width: 100%;
 }
 .shipment_outer .shipment_field>span{
	display: block;
    float: left;
    width: 30%;
 }
 .shipment_outer .shipment_field input[type="text"]{
	display: block;
    float: left;
    margin-right: 10px;
    width: 30%;
 }
 .shipment_outer .shipment_field>button{
	border-radius: 3px;
    display: block;
    float: left;
    padding: 8px 23px;
 }
 */
 /* ------------------------style end shipment page-------------------------- */

/* Font change to Montserrat-Regular in Home Page Calculator */
#dyn_cal {
  font-family: "Montserrat" !important;
}
#dyn_cal h2, #dyn_cal h3, #dyn_cal h4, #dyn_cal select, #dyn_cal input, #dyn_cal .input1 {
    font-family: "Montserrat" !important;
}


/* End of Font change to Montserrat-Regular in Home Page Calculator */