body{margin:0; padding:0; font-family: 'Lato', sans-serif; font-size:16px}
*, *::after, *::before {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.steps-form-wrapper{float:left; width:100%; margin-top:50px}
.container {max-width: 1380px; width:100%; margin: 0 auto; }
.errorclass{border: 1px solid #ff6501 !important;}

.broker_row input {
    width: auto;
}
.newccc{font-weight:bold;color:black !important;}
.tender_col2 {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
    position: relative;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: black;
    opacity: 1; /* Firefox */
}
.operator_dateClaim .form-row .w33.operator_date_col {
    width: 30%;
}
input#step1_date_birth {
    position: relative;
    z-index: 100;
}
.form_2 .form-row .w50 {
  float: left;
  width: 49%;
}
.form-row {
  margin: 0 0 15px;
  padding: 0 0px 0 0px;
  width: 100%;
  float: left;
}
.countrydropdown .select-wrapper{width:70% !important;}

.headerBox {display: table;width: 100%; overflow: hidden;}
.headerBox > div{display:table-cell; vertical-align:middle; position:relative; padding:10px 0}
.headerBox .logoCntr {width: 33%;  background-color:#999999}
.headerBox .logoCntr::after{position:absolute; content:''; background:rgba(0, 0, 0, 0) url("../images_new/ff-4.png") no-repeat scroll right center; width:56px; height:184px; right:0; top:0 }
.logo_inner{max-width:360px; width:100%; margin:0; float:right; padding:0 47px 0 0}
.header_right{background:#a5a5a5 url("../images_new/ff-5.png") no-repeat scroll center top;  width:67%; background-size:cover}
.header_Txt{max-width:880px; width:100%; margin:0 auto; display:table}
.logoCntr img{max-width: 100%; display: block;}
.logoCntr .txt{max-width:306px; width: 100%;display: block; padding: 5px 0 0;text-align: left;}
.logoCntr .txt h1{position:relative; margin: 0;font-size: 17.5px;font-weight: 400;text-transform: uppercase;color: #fff;background: #0075e3;border: 0 none;border-radius: 50px;padding: 0 0 0 8px;line-height: 30px; font-family: 'Oswald', sans-serif;}
.logoCntr .txt h1 span{background: #333;border: 0 none;border-radius: 50px; margin: 0 0 0 4px;padding: 0px 9px; position:absolute; right:0; top:0}

.logoCntr .txt p{font-size: 18px;font-weight: 400;color: #fff;margin: 0;padding: 5px 0 0 12px;letter-spacing: 6px;}
.headerBox .txtCntr{width: 64%;float: left;max-width: 490px;margin: 0 0 0 0px; position:absolute; top:50%; transform:translate(0,-50%); 
-webkit-transform:translate(0,-50%)}
.headerBox .txtCntr h2{color: #fff;margin: 0;font-size: 18px;font-weight: 400;line-height: 22px;}
.headerBox .txtCntr h2 span{ font-style: Italic;color: #0075e3;font-weight: 600;margin: 0 6px 0 0;}
.headerBox .text-info{width: 36%;float: right;position: relative;}
.headerBox .text-info .usa{margin:2px 0}
.headerBox .text-info::before{position: absolute;display: block;content: "";background: url("../images_new/header_sep.png") repeat-y left center;width: 2px;height: 86%;top: 14px;left: -21px;}
.headerBox .text-info h3{margin: 0;font-size: 16px;color: #fff;font-weight: 400;line-height: 20px;}
.headerBox .text-info p{display: inline-block;font-size: 16px;color: #fff;font-weight: 400;word-spacing: 1px;margin: 0 0 5px 0;}
.headerBox .text-info span{display: inline-block;}
.headerBox .text-info div p{margin: 0;}
.headerBox .text-info .email-info{padding: 5px 0 0 0; margin:0}
.headerBox .text-info ul li{list-style-type:none; padding-bottom:2px}
.headerBox .text-info .email-info li a{font-size: 16px;color: #fff;font-weight: 400;text-decoration: none;padding: 0 0 0 22px;}
.headerBox .text-info .email-info li:nth-child(1){background: url("../images_new/email.png") no-repeat left center;}
.headerBox .text-info .email-info li:nth-child(2){background: url("../images_new/circle-img.png") no-repeat left center;}
.headerBox .social-icon{width: 100%;display: block; padding: 0px 0 0 0;overflow: hidden; margin-top:7px}
.headerBox .social-icon ul{padding:0; margin:0}
.headerBox .social-icon ul li{float: left;margin: 0 10px 0 0;background: 0 none;}
.headerBox .social-icon ul li a{padding: 0;}

.top_wrapper{background-color:#f4f4f4; width:100%; float:left; padding:35px 0}
h2.h2_heading{margin:0 0 30px; padding:0; font-size:26px; color:#003b76; font-weight:500}
ul.form-steps { margin: 0;  padding: 0;  list-style: none;  display: table;   width: 100%;}
ul.form-steps li:first-child{width:34%}
ul.form-steps li{display:table-cell; vertical-align:middle; width:22%; text-transform:uppercase; padding:0; text-align:center; background-color:#e7e7e7; position:relative; height:80px; }
ul.form-steps li::before{position:absolute; content:''; width:2px; right:0; top:0; background:url('../images_new/menu_sep.png') repeat-y; height:100%}
ul.form-steps li:last-child::before{display:none}
ul.form-steps li a{color:#474747; font-size:14px; text-decoration:none; display:block}
ul.form-steps li.active{background-color:transparent; }
ul.form-steps li.active a{color:#333333; font-weight:600}
ul.form-steps li.active::before{display:none}
ul.form-steps li.active::after{position:absolute; content:''; left:0; top:inherit; bottom:0; background-color:#0075e3; height:4px; width:100%; }
/*form{width:100%; float:left; margin-top:40px; }*/
form{width:100%; float:left;}
.form-container{width:100%; float:left; display:none; margin-bottom:30px;margin-top:30px}
.form-input-con{width:100%}
.form-row.broker_row{width:100%; float:left;}
.form-row.broker_row .col_a{width:70%; float:left;margin-top:20px;}
.form-row.broker_row .col_b{ float:right;margin-right:161px;}
.form-row h3{margin:0 0 10px; padding:0; color:#0075e3; font-size:16px; font-weight:500}
.form-row{margin:0 0 15px; padding:0 0px 0 0px; width:100%; float:left}
.form-row{margin: 0 0 15px;
padding: 0 20px 0 20px;
width: 100%;
}
p {
  font-weight: bold;
}
a.btn{background-color:#ff6501; color:#fff; padding:12px 13px; border-radius:5px; text-decoration:none; display:block; max-width:150px; width:100%;
    transition: all 700ms ease 0s;
    -webkit-transition: all 700ms ease 0s;
    -ms-transition: all 700ms ease 0s;
 }
 a.btn:hover{background-color:#e45f08;}
/**custom radio start**/
.custom-radio input[type="radio"]{
	width:15px;
	height:15px;
	z-index: 2;            
	cursor: pointer;
	outline: none;
	opacity: 0;	
	_noFocusLine: expression(this.hideFocus=true); 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	
}
.InputdateClass{position: relative;
z-index: 100;}

.InputdateClassend{position: relative;
z-index: 100;}

.custom-radio{background: url("../images_new/radio.png") no-repeat; background-position:0 1px}
span.radio_color{color:#696969}
.custom-radio:hover{background: url("../images_new/radio-hover.png") no-repeat; background-position:0 1px}
.custom-radio.selected{background: url("../images_new/radio-selected.png") no-repeat; background-position:0 1px}
span.indiv{margin-right:40px}
/**custom radio end**/
.select-wrapper{float: left; display: inline-block;	border: 1px solid #72b0eb; cursor: pointer; position:relative; border-radius:5px;	
	background: #fff url("../images_new/dropdown.png") no-repeat right center; background-origin: content-box;}
.select-wrapper:focus{border:1px solid #ff6501;}

.select-wrapper, .select-wrapper select{width: 100%; height: 50px; line-height: 48px;    padding-right:6px;}
.select-wrapper:hover{background: #fff url("../images_new/dropdown-hover.png") no-repeat right center; background-origin: content-box;}
.select-wrapper .holder{display: block;	margin: 0 35px 0 5px; white-space: nowrap; overflow: hidden; cursor: pointer; position: relative; padding-left:10px; color:#696969; text-transform:uppercase; text-align:left;font-size:12px !important;}
.select-wrapper select{
	margin: 0;
	position: absolute;
	z-index: 2;            
	cursor: pointer;
	outline: none;
	opacity: 0;
	left:0;
	/* CSS hacks for older browsers */
	_noFocusLine: expression(this.hideFocus=true); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
}

    
 #showcaptcha p{color:red !important;}

.top_div{padding:0 20px}
hr{background:url('../images_new/hr_img.png') repeat-x; height:2px; width:100%; float:left;  margin:1px 0 4px; border:0}
/*.input_sec{max-width:740px; width:100%; float:left }*/

.input_sec{ width:100%; float:left }
.input_sec .w50{width:48%; float:left; margin-right:20px}
.input_sec .w50 input{width:100%}
.input_sec .w50:last-child{margin-right:0}
.form-row input[type='text'], .form-row select, .form-row textarea {height: 50px; border: 1px solid #72b0eb; border-radius: 5px; padding: 5px 15px; width: 100%;font-weight:bold;background-color:yellow;}
.form-rowradio input, .form-row select, .form-row textarea { border: 1px solid #72b0eb; border-radius: 5px; padding: 5px 15px;}
.rowinone{height:none !important;width:auto !important;}
.customeclass{
height: 0px !important;
border: 1px solid #72b0eb;
border-radius: 5px;
padding: 5px 15px;
width: 100%;
}.form-row select, .form-row textarea{22222}

.form-row input:focus, .form-row select:focus, .form-row textarea:focus {outline: 0; border: 1px solid #ff6501;}
/*.form-row ::-webkit-input-placeholder {color: #696969; opacity: 2; text-transform:uppercase; font-weight:500; font-size:12.5px}
.form-row ::-moz-placeholder {color: #696969; opacity: 1; text-transform:uppercase; font-weight:300; font-size:12.5px}
.form-row ::-ms-input-placeholder {color: #696969; opacity: 1; text-transform:uppercase; font-weight:300; font-size:12.5px}
.form-row ::-moz-placeholder {color: #696969; opacity: 1; text-transform:uppercase; font-weight:300; font-size:12.5px}
.form-row ::placeholder{color: #696969; opacity: 1; text-transform:uppercase; font-weight:300; font-size:12.5px}
.form-row.residence-col p{margin:0 0 5px}
*/
.form-row input:focus, .form-row select:focus, .form-row textarea:focus {outline: 0; border: 1px solid #ff6501;}
.form-row ::-webkit-input-placeholder {color: #696969; opacity: 1; text-transform:uppercase; font-weight:600; font-size:12.5px}
.form-row ::-moz-placeholder {color: #696969; opacity: 1; text-transform:uppercase; font-weight:600; font-size:12.5px}
.form-row ::-ms-input-placeholder {color: #696969; opacity: 1; text-transform:uppercase; font-weight:600; font-size:12.5px}
.form-row ::-moz-placeholder {color: #696969; opacity: 1; text-transform:uppercase; font-weight:600; font-size:12.5px}
.form-row ::placeholder{color: #696969; opacity: 1; text-transform:uppercase; font-weight:600; font-size:12.5px}
.form-row.residence-col p{margin:0 0 5px}


textarea::-webkit-input-placeholder { /* WebKit browsers */
    color: #696969; opacity: 1; text-transform:uppercase; font:700 15px Arial;
}

textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #696969; opacity: 1; text-transform:uppercase; font:700 15px Arial;
}

textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #696969; opacity: 1; text-transform:uppercase; font:700 15px Arial;
}
textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: #696969; opacity: 1; text-transform:uppercase; font:700 15px Arial;
}
textarea:placeholder { /* Internet Explorer 10+ */
   color: #696969; opacity: 1; text-transform:uppercase; font:700 15px Arial;
}

textarea{padding-top:15px!important;border: 1px solid #72b0eb;border-radius: 5px;   padding: 5px 15px;font-weight: bold;font-size:17px;}


.accordian_sec{float:left; width:100%; padding:0 10px 0 20px;}
#AddMoreApp .accordian_sec, #AddMoreinsurance .accordian_sec,#AddMorefrequencydosage .accordian_sec {padding:0;}
.accordian_wrapper{width:100%; float:left}
.accordian_row{width:100%; float:left; background-color:#fff; margin-bottom:15px; border-radius:5px}
.accordian_row.active{padding:0px}
.acc_col{width:100%; float:left; display:none}
.acc_col_Txt{width:100%; float:left; margin-bottom:0px;margin-top: 20px;}
.accordian_row .w70{width:65%; float:left}
.accordian_row .w30{width:35%; float:left; text-align:center}
.w30.radio_btn > div{display:inline-block}
.w30.radio_btn > div:first-child{margin-right:50px}
.accordian_sec h2{margin:0 0 25px; padding:0; color:#0075e3; font-size:18px;font-weight:500}
/*.accordian_sec h3{font-size:16px; cursor:pointer; margin:0 0 0px; padding:10px 15px; background-color:#0f569a; color:#fff; border-radius:5px; background-image:url('../images_new/plus.png'); background-repeat:no-repeat; background-position:right; background-origin:content-box; font-weight:500; text-transform:uppercase;}*/
.accordian_sec h3{font-size:16px; cursor:pointer; margin:0 0 0px; padding:10px 15px; background-color:rgb(0, 117, 227); color:#fff; border-radius:5px; background-repeat:no-repeat; background-position:right; background-origin:content-box; font-weight:500; }
.form_2 .form-row .w50 {
  float: left;
  width: 50%;
}
.accordian_sec p{margin:0; padding:0; color:#0075e3; font-size:17px;line-height:25px;}
.accordian_row.active .acc_col{padding:10px 15px 20px}
.accordian_sec .accordian_row.active h3{background-color:transparent; color:#0f569a; background-image:url('../images_new/minus.png'); text-transform:initial}
.btn_sec{width:100%; text-align:center}
.btn_sec a{display:inline-block;}
.btn_sec a span {position: relative; padding-left:20px}
.btn_sec a:first-child{margin-right:20px}
.btn_sec a:nth-child(1) span::before {
    background: url(../images_new/reset_icon.png) no-repeat;
    position: absolute;
    left: -3px;
    content: '';
    height: 15px;
    width: 13px;
	top:0;
}
.btn_sec a:nth-child(2) span::before {
    background: url(../images_new/forword_icon.png) no-repeat;
    position: absolute;
    left: -3px;
    content: '';
    height: 11px;
    width: 17px;
	top:3px
}
.form-row .w33{width:32%; float:left; margin-right:22px;}
.form-row .w33:last-child{margin:0}
.form-row.hull{margin-bottom:30px}
.form-row.hull > div{display:inline-block; margin-right:40px;}
.form-row.hul > div:last-child{margin-right:0}
.form-row.speed_row input[type='text']{width:65%; margin-right:8px}
.form-row.speed_row .speed_radio{display:inline-block; margin-right:5px}
.accordian_row .form2_vessel_sum .w70{width:70%}
.accordian_row .form2_vessel_sum .w30{width:30%}
.accordian_row .form2_vessel_sum .select-wrapper{width:auto; margin-right:20px}
.accordian_row .form2_vessel_sum .w50{width:48%; display:inline-block; vertical-align:middle; text-align:left}
.accordian_row .form-row{padding-left:0;padding-top: 5px;}
.accordian_row .select-wrapper, .accordian_row .select-wrapper select{height:35px}
.accordian_row .form-row input, .accordian_row .form-row select, .accordian_row .form-row textarea{height:none !important; line-height:50px}
.accordian_row .select-wrapper .holder{line-height:35px}
.accordian_row .vessels_flag .select-wrapper{width:100%}
.accordian_row .nearest_loc .w50{width:48%; float:left}
.nearest_loc .country_col{margin-right:15px}
.accordian_row .nearest_loc .w50.summer{float:right}
.acc_col.nearest_loc h4{margin: 10px 0 20px; padding: 0; font-size: 17px;  font-weight: 600;  color: #0f569a;}
.form_3 .form-row .w50{float:left; width:49%}
.form_3 .form-row .w50:nth-child(2){padding-left:50px}
.form_3 .form-row .w50 textarea{height:80px}

.form_4 .form-row .w50{float:left; width:100%}
.form_3 .form-row .w50{float:left; width:49%}
.form_4 .form-row .w50:nth-child(2){padding-left:0px}
.form_4 .form-row .w50 textarea{height:50px}
.Owner_list{display:none}
.w50.date_select > span.select-wrapper:last-child{margin:0}
.w50.date_select > span.select-wrapper{margin-right:10px}
p{margin: 0; padding: 0; color: #696969; font-size: 16px;}

.corporation_sec{width:100%; float:left; display:none}
.corporation_sec .corp_name{width:61%}
.corporation_sec  .form-row .w33{width:28.6%}
.change_sign{float:right; margin-top:10px; cursor:pointer}
.plus_sign{background-color: #ff6501; color: #fff; font-size: 21px;   padding: 1px 8px;    line-height: 24px;}
.copy_block{display:none}
.operator_date{width:100%; float:left}
.operator_date .form-row{padding:0}


.operator_dateClaim{width:100%; float:left}
.operator_dateClaim .form-row{padding:0}
.operator_dateClaim .form-row > .w33 {
    width: 30%;
}

.operator_dateClaim > span.select-wrapper{width:auto; float:left; margin-right:10px;}
.operator_dateClaim > span.select-wrapper:last-child{margin:0}
.operator_dateClaim .form-row > .w33{width:30%}
.operator_dateClaim .form-row > .w33:last-child{margin-right:0}
.operator_dateClaim{display:none}


.operator_date_col > span.select-wrapper{width:auto; float:left; margin-right:10px;}
.operator_date_col > span.select-wrapper:last-child{margin:0}
.operator_date .form-row > .w33{width:30%}
.operator_date .form-row > .w33:last-child{margin-right:0}
.operator_date{display:none}
.tender-sec{width:100%; float:left; margin:10px 0 30px; display:none}
.tender_wrapper{margin:0 auto; width:90%;  border-radius:5px}
.tender_col{width:100%; float:left; border:1px solid #ccc; padding:20px; border-radius:5px; margin-bottom:20px; position:relative}
.tender_wrapper .form-row{padding:0}
.tender-sec .built_div > div {width: 48%; display: inline-block; vertical-align: text-bottom;  margin-right: 17px;}
.tender-sec .built_div > div:last-child{margin:0}
.form-row.engine_manufacture > .w33{margin-right:20px}
.form-row.engine_manufacture > .w33:last-child{margin:0}
.tender-sec .w50.date_select > span.select-wrapper{width:auto}
.tender-sec .change_sign{position: absolute; right: -43px; top: 0}
.charter_Txt{display:none;}
.is_coverage{display:none; width:100%; float:left}
.will_vessels{display:none}
.operator_date .form-row .w33.operator_date_col{width:33%}
.operator_date .form-row .w33{width:28%}
.Insurance_carier{display:none;  float:right}



@media (min-width:1024px) and (max-width:1199px){
.form-row .w33{margin-right:18px}
.logoCntr .txt h1{font-size:14.5px}
.logoCntr .txt p{font-size:17px; letter-spacing:4px}
.headerBox .txtCntr{margin:0; padding:0 15px}
.headerBox .txtCntr h2{font-size:16px;}
.headerBox .text-info h3{font-size:15px}
.headerBox .text-info p{font-size:15px}
.headerBox .text-info .email-info li a{font-size:15px}
.headerBox .txtCntr{width:62%; margin:0; padding:0 15px 0 0}
.tender-sec .built_div > div{margin-right:9px}
.form-row.engine_manufacture > .w33{margin-right:15px}
}

@media (min-width:1024px) and (max-width:1123px) {


}





@media (min-width:768px) and (max-width:1024px) {
.logo_inner{max-width:300px; margin: 0 0 0px 10px; padding:0 58px 0 0}
.headerBox .txtCntr h2{font-size:16px;}
.headerBox .text-info h3{font-size:15px}
.headerBox .text-info p{font-size:15px}
.headerBox .text-info .email-info li a{font-size:15px}


.form-row .w33{margin-right:12px}
.form-row.speed_row input[type='text']{width:60%}
}

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

.logoCntr .txt h1{font-size:13px; }
.logoCntr .txt p{letter-spacing:3px; font-size:13px}
.headerBox .txtCntr{width:56%; padding-right:10px; margin:0}
.headerBox .text-info{width:44%}
.headerBox .logoCntr{width:38%}
.headerBox .txtCntr h2{font-size:15px}
.headerBox .text-info h3{font-size:13px}
.headerBox .text-info p{font-size:13px}
.headerBox .text-info .email-info li a{font-size:13px}

.form-row.speed_row input[type='text']{width:48%}
.w50.date_select > span.select-wrapper{margin-bottom:4px}
.nearest_loc .country_col{margin-right:10px}
.operator_date .form-row .w33.operator_date_col{width:47%;}
.operator_date .form-row .w33{width:20%}
.tender-sec .built_div > div{margin-right:9px}
.form-row.engine_manufacture > .w33{margin-right:10px}
.Insurance_carier{float:left; margin-top:10px; width:100%}
}


@media (min-width:320px) and (max-width:767px) {
.headerBox .logoCntr{width:100%}
.header_right{width:100%}
.headerBox > div{display:block}
.headerBox .txtCntr{width:100%; position:static; transform:inherit; margin:0 auto; padding:10px 10px}
.headerBox .text-info{width:100%; position:static; padding:10px}
.logo_inner{float:none; margin:0 auto}

.form-row .w33{width:100%}
.accordian_row .form2_vessel_sum .w70{width:100%}
.accordian_row .form2_vessel_sum .w30{width:100%}
.accordian_row .form2_vessel_sum .w50{width:100%}
.form_2 .form-row .w33{width:100%; margin-bottom:15px}
.accordian_sec p{margin-bottom:5px}
.accordian_sec{padding:0 20px}
.nearest_loc .country_col{margin-right:8px}
.Insurance_carier{float:left}
.Insurance_carier{float:left; margin-top:10px}
}

@media (min-width:480px) and (max-width:767px){
.form-row .w33{width:100%; margin-bottom:15px}


}
@media (max-width:479px){
.logo_inner{max-width:250px; margin:0 0 0 10px}	

.form-row.broker_row .col_a{width:100%}
.form-row.broker_row .col_b{float:left; margin-top:20px}
.input_sec .w50{width:100%}
.form-row{padding:0 20px}
.input_sec .w50:last-child{margin-top:20px}
.w30.radio_btn > div:first-child{margin-right:5px}


ul.form-steps{display:none}
.Owner_list{display:block}
.form-row.hull > div{margin-right:10px}
.form-row.speed_row input[type='text']{width:60%}
.accordian_row .date_select .select-wrapper .holder{margin:0 20px 0 5px}
.accordian_row .form2_vessel_sum .w50.date_select{margin-bottom:10px}
.form_3 .form-row .w50{width:100%; margin-bottom:5px}
.form_3 .form-row .w50:nth-child(2){padding-left:0}
.form_4 .form-row .w50{width:100%; margin-bottom:5px}
.form_4 .form-row .w50:nth-child(2){padding-left:0}
.btn_sec a:first-child{margin-right:10px}
.corporation_sec .form-row .w33{width:100%; margin-bottom:15px}
}

.accordian_row .w30 select {border: 1px solid #72b0eb;border-radius: 5px;padding: 5px 15px;font-weight: bold;}

.accordian_row .form-row select {
  -webkit-appearance: menulist-button;
  
}

.accordian_row .form-row select:invalid {
  color: #0075e3;
}