@charset "utf-8";
/* CSS Document */

.login_box_pg h2{text-align:center; font-size:27px; font-weight:400; padding:0 0 8px;}
.login_box{width:700px; max-width:100%; margin:0 auto; background:#fff; padding:35px 40px; -webkit-box-sizing:border-box; box-sizing:border-box; border:1px solid #eee; text-align:center;}
.forgot_pass_box{padding-top:0; padding-bottom:0; margin-top:20px;}

.input_label{margin:15px 0; position:relative; text-align:left;}
.label_focus{position:absolute; left:0; top:0; right:0; font-size:16px; padding:14px 0 0 15px; opacity:0; z-index:-1; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}

.input_label.frm_focus .label_focus{padding:5px 0 0 15px; z-index:1; opacity:0.5; font-size:12px;}
.input_label.frm_focus .txtbox{padding:23px 15px 5px;}

.txtbox{width:100%; padding:14px 15px; font-size:16px; -webkit-box-sizing:border-box; box-sizing:border-box; border:none; outline:none; background:#f1f1f1; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}

.txtarea{height:150px; resize:none;}



.login_box .login_btn{position:relative; width:154px; margin:25px auto 0; font-size:18px; color:#fff; background:#FF6801; padding:8px;}
.login_box .login_btn .login_button{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer; z-index:10;}
.login_box .forgot_pass{text-align:center; padding:20px 0 5px;}
.login_box .forgot_pass a{text-decoration:none; font-weight:300; letter-spacing:2px; font-size:11px; color:#373636;}
.login_box .forgot_pass a:hover{}

@media only screen and (max-width: 767px) {
	.login_box{padding:25px 20px;}
}


.offer_form{background:#141429; padding:95px 0;}
.offer_form .create_offer_frm{max-width:100%; width:755px; margin:0 auto;}
.input_offer{margin-bottom:12px;}
.input_offer .input_label{width:29%; max-width:29%; -webkit-box:0 0 29%; -moz-box:0 0 29%; -webkit-flex:0 0 29%; -ms-flex:0 0 29%; flex:0 0 29%;}
.input_offer .input_label{margin:0;}
.input_offer .input_label label{color:#fff; font-size:18px; font-weight:500; padding-right:10px; display:block;}
.input_offer .input_div{width:71%; max-width:71%; -webkit-box:0 0 71%; -moz-box:0 0 71%; -webkit-flex:0 0 71%; -ms-flex:0 0 71%; flex:0 0 71%; margin:0; padding:0;}
.input_chkboxes{padding:10px 0 0;}
.upload_files .input_label{padding-top:10px;}

.form_note{color:#fff; font-size:18px; font-weight:500; padding:25px 0 12px;}

.custom_chk{display:block; position:relative; padding-left:33px; cursor:pointer; font-size:18px; color:#fff; font-weight:500; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; margin-bottom:12px;}
.custom_chk input{position:absolute; opacity:0; cursor:pointer; height:0; width:0;}
.custom_chk .checkmark{position:absolute; top:0; left:0; height:22px; width:22px; background-color:#fff;}
.custom_chk:hover input ~ .checkmark{background-color:#ccc;}
.custom_chk input:checked ~ .checkmark{background-color:#FF6801;}
.custom_chk .checkmark:after{content:""; position:absolute; display:none;}
.custom_chk input:checked ~ .checkmark:after{display:block;}
.custom_chk .checkmark:after{left:8px; top:5px; width:5px; height:10px; border:solid white; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}

.input_offer .input_div .dropzone{border:none; padding-bottom:30px;}
.input_offer .input_div .dropzone .dropzone_note{text-align:center; clear:both; font-size:18px; padding:10px 0 20px; color:#141429;}
.input_offer .input_div .dropzone .dz-message{margin:0;}
.input_offer .input_div .dropzone .dz-message .dz-button{color:#fff; background:#FF6700; width:176px; height:43px;}

.create_offer_button{color:#fff; background:#FF6700; width:176px; height:43px; cursor:pointer;}

@media only screen and (max-width: 1024px) {
	.offer_form{padding:70px 0;}
}
@media only screen and (max-width: 570px) {
	.offer_form{padding:50px 0;}
	.input_offer .input_label{width:100%; max-width:100%; -webkit-box:0 0 100%; -moz-box:0 0 100%; -webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; padding-bottom:6px;}
	.input_offer .input_div{width:100%; max-width:100%; -webkit-box:0 0 100%; -moz-box:0 0 100%; -webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%;}
}




.listing_filters{background:#F6F6F6; padding:25px 0;}
.listing_filters .filter_wrap{max-width:505px; margin:0 auto; padding:0 25px;}
.listing_filters .filter_wrap .filter_label{color:#141429; font-size:20px; font-weight:700; width:28.7%; max-width:28.7%; -webkit-box:0 0 28.7%; -moz-box:0 0 28.7%; -webkit-flex:0 0 28.7%; -ms-flex:0 0 28.7%; flex:0 0 28.7%;}
.listing_filters .filter_wrap .filter_dd{}
#offers_select{}
.filter_dd .SumoSelect > .CaptionCont{background:#FF6700; color:#fff; font-size:20px; font-weight:500;}
.filter_dd .SumoSelect > .CaptionCont > span{color:#fff; font-size:20px; font-weight:500;}
.filter_dd .SumoSelect > .CaptionCont > label > i:before,
.filter_dd .SumoSelect > .CaptionCont > label > i:after{background:#fff;}
.filter_dd .SumoSelect>.CaptionCont>label{width:40px;}

.offers_listing .text-wrap p{margin-bottom:5px;}

@media only screen and (max-width: 767px) {
	.listing_filters{padding:15px 0;}
	.listing_filters .filter_wrap .filter_label{padding-bottom:10px; width:100%; max-width:100%; -webkit-box:0 0 100%; -moz-box:0 0 100%; -webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%;}
}

.offer_popup{max-width:637px; margin:0 auto; background:#fff;}
.offer_popup .mfp-close{display:none;}
.offer_popup .popup_close{background:#FF6700; text-align:right; padding:18px 50px 15px;}
.offer_popup .popup_close a{display:inline-block; width:24px; height:24px; position:relative;}
.offer_popup .popup_close a:before{content:""; display:block; width:23px; height:2px; background:#fff; position:absolute; left:0; top:12px;
	-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);
}
.offer_popup .popup_close a:after{content:""; display:block; width:23px; height:2px; background:#fff; position:absolute; left:0; top:12px;
	-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);
}
.offer_popup .offer_img{}
.offer_popup .offer_img img{display:block; width:100%; height:auto;}
.offer_popup .offer_details{padding:40px 40px 30px;}
.offer_popup .offer_details h5,
.offer_popup .offer_details h2{color:#141429; line-height:1.1;}
.offer_popup .offer_details h5{margin-bottom:12px;}
.offer_popup .offer_details h2{margin-bottom:10px;}
.offer_popup .offer_meta{font-size:20px; font-weight:700; color:#141429; padding:10px 0;}
.offer_popup p{font-size:20px; line-height:1.1; padding:10px 0; font-weight:500;}
.offer_popup p a{text-decoration:none; color:#141429;}
@media only screen and (max-width: 767px) {
	.offer_popup .popup_close{ padding:15px 30px 12px;}
	.offer_popup .offer_details{padding:20px 20px 15px;}
}


.offers_listing{position:relative;}
.offers_listing:after{content:""; display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:#fff; opacity:0; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; z-index:-10;}
.offers_listing_loading:after{opacity:0.8; z-index:1000;}


.members_login_btn{position:absolute; left:0; top:0; z-index:10;}
.members_login_btn a{vertical-align:middle;}
.members_login_btn .button{margin-right:10px;}
.members_login_btn a.login_btn{color:#141429; text-decoration:none; font-size:14px; position:relative; display:inline-block; padding:0 0 0 28px; -webkit-transition:all .45s 0s ease-in-out; transition:all .45s 0s ease-in-out;}
.members_login_btn a.login_btn:hover{-webkit-transform: translateY(-0.3rem); transform: translateY(-0.3rem);}
.members_login_btn a.login_btn span{position:absolute; left:0; top:-4px;}
.members_login_btn_mob{display:none;}
.members_login_btn_mob a.login_btn{color:#fff; margin-top:15px;}
@media (max-width: 991px){
	.members_login_btn{left:auto; right:110px; top:6px;}
}
@media (max-width: 709px){
	.members_login_btn{display:none;}
	.members_login_btn_mob{position:static; display:block; padding:0 0 0 3rem; margin:20px 0 0 10px;}
}