html, body {
    height:100%;;
    margin:0;
    padding:0;
}
body{ line-height: 1.5; }

.form-wrap { width: 100%; min-height:400px; max-width: 900px; padding:20px 0; margin: 0 auto; margin-bottom:15px; }
.details-form h3 {list-style:none; font-size:1.2em; font-weight:bold; color:#000; line-height:1.5em;margin-top:50px;}


.travel-banner{ background: url(http://www.bengsengtravel.com/cotaijet/images/bg-cotaijet-home.jpg); background-size: cover; padding: 50px 0px; background-position: center;  }
.travel-banner.details-step{ background: url(http://www.bengsengtravel.com/cotaijet/images/bg-cotaijet-home.jpg); background-size: cover; padding: 50px 10px; background-position: center; }
.signup-form{ padding:20px; background-color: #fff; display: inline-block; min-width: 665px; max-width: 850px;
border-bottom:5px #e5e5e5 solid;  border-right:5px #e5e5e5 solid;  
 }

.signup-step:after{ content: ""; clear: both; display: table; }
.signup-step li{ float: left; min-width: 200px; padding: 15px 20px; text-align: center; background: #efefef; color: #474747; font-size: 16px; border-top: 3px solid transparent; font-weight:800; font-size:1.2em; }
.signup-step li.active{ background: #fff; color: #E01E24; border-top: 3px solid #E01E24; }
.triptypes-wrap{ padding: 10px 0; }
.triptypes-wrap .triptype{ display: inline-block; margin: 5px 10px 5px 0; }
.triptypes-wrap .triptype.right-side{float:right; margin:5px 0;}
.triptypes-wrap .triptype.right-side.logo_visa { height:45px; width:80px; background:url(http://www.bengsengtravel.com/cotaijet/images/badge-visa.jpg) no-repeat;}
.logo_master { height:45px; width:80px; background:url(http://www.bengsengtravel.com/cotaijet/images/badge-master.jpg) no-repeat;}
.logo_up { height:45px; width:80px; background:url(http://www.bengsengtravel.com/cotaijet/images/badge-up.jpg) no-repeat;}
.logo_cotaiwaterjet { height:45px; width:80px; background:url(http://www.bengsengtravel.com/cotaijet/images/badge-cotaiwaterjet.png) no-repeat;}

.triptypes-wrap .triptype label{ display: inline-block; background: #f6f6f6; padding: 10px 25px; border: 2px solid transparent; border-radius: 3px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; transition: all ease 300ms; position: relative; overflow: hidden; cursor: pointer; }
.triptypes-wrap .triptype input{ opacity: 0; height: 0; width: 0; overflow: hidden; display: none; }
.triptypes-wrap .triptype input[type="radio"]:checked + label{ border: 2px solid #e01e24; color: #e01e24; padding-left: 35px; padding-right: 15px; }
.triptypes-wrap .triptype label:before{ content: "?";  font-family: FontAwesome; color: #e01e24; opacity: 0; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; transition: all ease 300ms; left: -10px; position: absolute; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); transform: translate(0,-50%); }
.triptypes-wrap .triptype input[type="radio"]:checked + label:before{ left: 10px; opacity: 1; }
.trip-section{ padding: 0 0 20px; margin-bottom: 10px; }
.trip-section .select-row{ margin: 0 -5px;}
.trip-section .select-row:after{ content: ""; display: table; clear: both; }
.trip-section .select-row .select-box{ float: left; width: 33.333%; padding: 0 5px; }
.demoInputBox{padding: 12px 20px 12px 40px;border: #CDCDCD 1px solid; background-color: #FFF; width: 100%; height: 50px; font-size: 14px; color: #9a9494; }
.trip-section h3{ padding: 15px 0; font-size: 20px; margin-bottom: 5px; color: #000; }
.select-box label{ margin-bottom: 8px; display: block; font-size: 12px; text-transform: uppercase; color: #9c9c9c; letter-spacing: 1px; font-weight: bold; }
.signup-error{color:#FF0000;}
.input-box-wrap{ position: relative; }
.input-box-wrap:before{ font-family: FontAwesome; color: #9a9494; font-size: 20px; position: absolute; left: 15px; top: 9px;  }
.input-box-wrap.date:before{ content: "?"; }
.btnAction{display: inline-block; padding: 10px 20px; background-color: #e01e24; border: 0;color: #FFF;cursor: pointer; margin-top: 15px; font-size: 18px; min-width: 100px; 
 border-bottom:3px #e77d7d solid; border-right:3px #e77d7d solid; }

.btnAction:hover { border-bottom:3px #6a0000 solid; border-right:3px #6a0000 solid; }
.container.main1.hidden-sm.hidden-xs {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 970px !important;
}

#personaldetails-field label{ font-size: 13px; color: #505050; display: block; }
#personaldetails-field > div{ margin-bottom: 10px; }
.details-form{  padding: 10px; background:#fff; border-bottom:5px #e5e5e5 solid;  border-right:5px #e5e5e5 solid; }
.form-head{ background: #eff3f7;  border-bottom:1px #e5e5e5 solid; border-right:5px #e5e5e5 solid; padding:  15px 20px 15px 20px; font-weight:bold;}

.details-form.step-4 label b{ font-weight: bold; color: #000; display: block; text-align: right; }
.form-subtitle{ font-size: 28px; color: #5b6463; padding: 10px 0 20px; }

.img-responsive{width:500px;}

@media screen and (max-width: 1023px){
#ja-containerwrap-f { width: 100%; padding: 0 !important; }
}
@media screen and (max-width: 767px){
.img-responsive{width:100%;}
}