@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* thin,light,regular,bold,black */
.hiddenscroll{overflow-y: hidden}
.modal-open {position: fixed !important;}
label{margin-bottom: 0px !important;}
body{padding:0; margin:0; font-family: 'Exo', sans-serif !important; font-weight: 500;  font-size:16px; line-height:24px; background-color: #fff;}
.modal-backdrop.show {opacity: 0.8 !important;}
select, input, textarea, label, samp, big, small{ font-family: 'Exo', sans-serif; }
div, p, form, ul, li, h1, h2, h3, h4, h5, h6, a, span, form, img, br, input, textarea, label, samp, figure, section, aside, article, big, small{padding:0; margin:0;}
a:hover{text-decoration: none !important;}
a, input{text-decoration:none; outline:none;}
img{border:0; outline:none;}
 ul{list-style-type:none;}


*:focus{outline:none;}	
*, ::after, ::before{-webkit-box-sizing:border-box;	-moz-box-sizing:border-box; box-sizing:border-box;}
input[type="button"],input[type="submit"],.input-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.clear{clear:both; line-height:0 !important; font-size:0 !important; height:0px !important;}
.left{float:left;}
.right{float:right !important;}
.block{display:block;}
.inlineblock{display:inline-block;}
.relative{position:relative}
.absolute{position:absolute;}
.text_center{text-align: center !important;}
.fadeOut{opacity:0;} 
.fadeIn{opacity:1;}
.fadeOutRight {opacity:0; position:relative; left:50%;}
.fadeInRight{opacity:1; left:0%;}
.fadeOutLeft {opacity:0; position:relative; right:50%;}
.fadeInLeft{opacity:1; right:0%;}
.fadeOutBottom{opacity:0; position:relative; top:50px;}  
.fadeInBottom{opacity:1; top:0px;}
.fadeOutTop{opacity:0; position:relative; margin-top:-50%;}  
.fadeInTop{opacity:1; margin-top:0%;}
.addAnimate{-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in-out;}
.addAnimate2{-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in-out;}
.transition{-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out;  -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
.transition2{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.transition3{-webkit-transition: all 12s ease-in-out; -moz-transition: all 12s ease-in-out;  -o-transition: all 12s ease-in-out; transition: all 12s ease-in-out;}
.transition4{-webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out;  -o-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out;}
.delay5{-webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -o-transition-delay:0.5s; -ms-transition-delay:0.5s; transition-delay:0.5s;}
.delay8{ -webkit-transition-delay:0.8s; -moz-transition-delay:0.8s; -o-transition-delay:0.8s; -ms-transition-delay:0.8s; transition-delay:0.8s;}
.middle{ vertical-align:middle; text-align:center;}
.middle>*{ display:inline-block; vertical-align:middle; margin-right:-4px !important;}
.middle:after{content:''; height:100%; width:1px;display:inline-block; vertical-align:middle; }
.heading_line{color:#626262; font-size:29px; text-align: center; padding: 0 0 35px; font-weight:600; margin-bottom:30px; background: url("../images/brd_headline.png") center bottom no-repeat;}
.signupbtn{background-color: #d92a30; border-radius: 15px; margin: 5px 0 0;  cursor: pointer; border: 1px solid #fff; color: #fff; font-size: 15px; font-family: 'Exo', sans-serif; font-weight: 500; padding: 8px 30px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in-out; }
.signupbtn:hover{background-color: #626262;}
/* ------------------------------------- */

.center{ width:95%; max-width:1266px; margin:0 auto; text-align: left;}

.top_panel{float: left; background-color: #b18535; width: 100%; height: 57px; text-align: left;}
.top_panel .logo{float: left; width: 255px; position: relative; height: 163px;}
.top_panel .logo span{width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-color: #fff; -webkit-border-bottom-right-radius: 20px;-webkit-border-bottom-left-radius: 20px;-moz-border-radius-bottomright: 20px;-moz-border-radius-bottomleft: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;}
.top_panel .logo span img{position: absolute; bottom: 0;  top: 0px; right: 0px; left: 0; margin: auto;}
.top_panel .select_lang{float: left; width: 165px; margin: 0 0 0 40px;}


#lang-menu { width:165px;float: left; position: relative; margin: 0 0 0 70px;}
#lang-menu div { height:57px;line-height: 57px;  position: relative; color: #fff; cursor: pointer;}
#lang-menu div:after{position: absolute; content: ""; background: url("../images/select_arrow.png") no-repeat; width: 13px; height: 7px; top: 25px; right: 0px;}

#lang-menu ul {list-style:none;margin:0px; padding:0px; display:none;  background-color: #b18535; text-align: left; -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
#lang-menu ul li {padding:6px 15px; color:#fff;  transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease;
  -o-transition:all .3s ease;}
#lang-menu ul li:hover {cursor:pointer; color:#fff; background:rgba(255,255,255,.1);}

.contact_link{float: left; margin: 15px 0 0 70px;}
.contact_link li{float: left; margin: 0 0 0 15px; line-height: 26px; padding: 0 0 0 40px; color: #fff;}
.contact_link li a{color: #fff;}
.contact_link li.call_ic{background: url("../images/call_ic.png") no-repeat;}
.contact_link li.mail_ic{background: url("../images/mail_ic.png") no-repeat;}

.login{float: right;}
.login a{line-height: 57px; cursor: pointer; padding: 0 20px; display: inline-block; color: #fff !important; font-size: 17px; font-weight:400!important; background-color: #da2128; }

footer{float: left; width: 100%; background-color: #48331c; padding: 50px 0; }
footer ul.linkft{float: left; width: 100%;}
footer ul.linkft li{float: left; width: 33.33%; padding: 0 90px 0 0;}
footer ul.linkft li:last-child{padding: 0;}
footer ul.linkft li h3{color: #a47b31; font-size: 24px;  font-weight: 600; position: relative; padding: 0 0 10px;}
footer ul.linkft li h3:after{position: absolute; content: ""; background-color: #a47b31; width: 90px; height: 2px; left: 0; bottom: 0px;}

footer ul.linkft li aside{float: left; padding: 20px 0 0;}
footer ul.linkft li aside h4{color: #fff; font-size: 20px; text-transform: uppercase; font-weight: 500; position: relative; padding: 0 0 10px;}
footer ul.linkft li aside p{color: #c7c7c7; font-size: 16px; font-weight: 500; position: relative; padding: 0 0 10px;}
footer ul.linkft li aside p a{color: #fff;}
footer .socail_link{float: left; width: 100%; position: relative; margin: 25px 0 0;}
footer .socail_link:after{position: absolute; content: ""; background-color: #a47b31; left: 0px; top: 15px; width: 100%; height: 2px;}
footer .socail_link ul{float: left; background-color: #48331c; position: relative; z-index: 5; padding: 0 10px 0 0;}
footer .socail_link ul li{float: left; padding: 0 5px 0 0; }
footer ul.linkft li aside h5{color: #fff; font-size: 16px; font-weight: 500; position: relative; padding: 40px 0 10px;}
footer ul.linkft li aside.appstore a{margin-right: 10px;}
footer .copyright_link{float: left; width: 100%; margin: 25px 0 0;}
footer .copyright_link .left_sec{float: left; color: #c7c7c7; margin: 25px 0 0; font: 16px;} 
footer .copyright_link .right_sec{float: right;}
footer ul.linkft li:nth-child(1) a, footer ul.linkft li:nth-child(2) a{color: #c7c7c7;}



/*pop up css start*/
.header-panel{display: none;}
.modal-content{border: 0px solid !important; background-color: transparent !important;}
.modal-box {z-index: 1000;width: 100%;height: 620px;background: white;border-bottom: 1px solid #aaa;border-radius: 20px;box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(0, 0, 0, 0.1);background-clip: padding-box;overflow: hidden; padding: 0px !important;}
.modal-box .modal_wrap{height: 100%; display: none;}

.modal-box_auto {z-index: 1000;width: 100%;border-bottom: 1px solid #aaa;border-radius: 20px;box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(0, 0, 0, 0.1);background-clip: padding-box;overflow: hidden; padding: 0px !important;}
.modal-box_auto .modal-body{background: white;}
.modal-box_auto .modal-body{background: white;}
.modal-box_auto .modal-footer{background: white;}

.modal_left{float: left; width: 40%; height: 100%; background-color: #c20411; display: flex; justify-content: center; align-items: center;}
.modal_left aside{float: left; width: 100%; text-align: center;}
.modal_left i{width: 137px; display: inline-block; height: 137px; border-radius: 50%; background-color: #fff; position: relative; overflow: hidden;}
.modal_left i img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto}
.modal_left h3{float: left; width: 100%; font-size: 30px; color: #fff; text-transform: uppercase; font-weight: 400; padding: 30px 0 0;}

.modal_right{float: left; width: 60%; height: 100%; padding: 20px 35px; position: relative;}
.modal_right h3{float: left; width: 100%; font-size: 27px; color: #626262; font-weight: 600; padding: 30px 0 30px;}
.modal_right h3 small{font-size: 12px; color: #626262; font-weight: 500; display: inline-block; padding: 8px 0 0; }
.modal_right h3 small a{color: #c20411;}
.radio_list{float: left; width: 100%;}
.radio_list li{ float: left; margin: 0 10px 0 0; color: #696969; font-size: 14px;}
.radio_list li input{float: left; margin: 4px 0 0;}
.radio_list li span{float: left; padding: 0 10px; font-size: 14px;}

.register_sec{display: none;}
.modal-overlay {pacity: 0;filter: alpha(opacity=0);position: absolute;top: 0;left: 0;z-index: 900;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8) !important;}
a.close {line-height: 1;font-size: 1.5em;position: absolute;top: 20px;right:20px;text-decoration: none;	color: #bbb;}
a.close.reg_close {line-height: 1;font-size: 1.5em;position: absolute;top: 20px;right:20px;text-decoration: none;	color: #bbb; z-index: 2; opacity: 1.0 !important;}
a.close:hover {color: #222;-webkit-transition: color 1s ease;-moz-transition: color 1s ease;transition: color 1s ease;}
.logpop{float: left; width: 100%; margin: 20px 0 0;}
.logpop .input_email{ background: url("../images/email_ic.png") no-repeat left center; padding: 10px 25px; border: 0px solid; border-bottom: 1px solid #838384; width: 100%; font-size: 14px; color: #828282;}
.logpop .input_password{ background: url("../images/password_ic.png") no-repeat left center; padding: 10px 25px; border: 0px solid; border-bottom: 1px solid #838384; width: 100%; font-size: 14px; color: #828282}
.logpop .input_otp{ background: url("../images/password_ic.png") no-repeat left center; font-size: 14px; color: #828282; padding: 10px 25px; border: 0px solid; border-bottom: 1px solid #838384; width: 100%;}
.forgot{float: left; width: 100%; text-align: right;}
.forgot a{ color: #c20411; font-size: 12px;}
.log_btn{float: left; width: 100%; text-align: center; margin: 40px 0 0;}
.log_btn a{background-color: #c20411; border-radius: 8px; color: #fff !important; padding: 8px 30px; text-transform: uppercase;}
.log_btn button{background-color: #c20411; border:0px solid; border-radius: 8px; color: #fff !important; padding: 8px 30px; text-transform: uppercase;}
.or_box{position: relative; float: left; width: 100%; text-align: center; margin: 28px 0 40px; position: relative;}
.or_box:after{position: absolute; left: 0px; top: 50%; background-color: #ababaa; width: 100%; height: 1px; content: "";}
.or_box span{display: inline-block; padding: 0 10px; background-color: #fff; position: relative; z-index: 9; color: #626262;}

.sociallog_btn{float: left; width: 100%; text-align: center; margin:0px 0 0;}
.sociallog_btn a{background-color: #39579a; border-radius: 10px; color: #fff; padding: 10px 28px 10px 65px; position: relative;}
.sociallog_btn a i{position: absolute; left: 20px; top: 7px;}


.signup_modal{float: right;  border: 4px solid #fff; border-radius: 10px;}
.signup_modal h3{ text-align: center; color: #fff; font-weight: 500; padding: 0 0 20px; font-size: 25px; font-style: italic; background: url("../images/signup_head.png") center bottom no-repeat;}

.signup_modal .frmrow{float: left; width: 100%; margin: 7px 0 0;}
.signup_modal .frmrow .label{ font-size: 14px; display: inline-block; width: 100%; color: #626262; padding: 0 0 8px}
.signup_modal .frmrow .input{background-color: #f8f8f8; color: #626262; font-size: 14px; font-weight: 400; border: 1px solid #797978; border-radius: 6px; height: 36px; padding: 0 15px;  width: 100%;}
.signup_modal .frmrow .input.edit_input{background: #dcdbdb url("../images/edit_ic.png") no-repeat 95%; border-radius: 6px; height: 36px; padding: 0 15px; width: 100%; border: 1px solid rgba(31,31,31,0.60);}
.signup_modal .frmrow .left_frm{float: left; width: 88px;}
.signup_modal .frmrow .right_frm{float: left; width: calc(100% - 88px); padding: 0 0 0 15px;}
.signup_modal .frmrow .btn{margin: 10px 0 0;}
.signup_modal .frmrow p{padding: 0px; color: #626262; font-size: 12px; display: inline-block; width: 100%;}
.signup_modal .input_box3-large select {background: #f8f8f8 ; border: 1px solid #797978; color: #626262;}
.signup_modal .input_box3-large label:after {background-color: #f8f8f8;}
.signup_modal .btn { border-radius: 8px; padding: 11px 25px; text-transform: uppercase;}
.signup_modal .bottom_signpop{ font-size: 14px; padding:10px 0 0; float: left; width: 100%; color: #626262; text-align: center; line-height: normal;}
.signup_modal .bottom_signpop a{ color: #c20411;}

.veryfybtn{background-color: #d92a30; border-radius: 15px; margin: 5px 0 0;  cursor: pointer; border: 1px solid #fff; color: #fff; font-size: 15px; font-family: 'Exo', sans-serif; font-weight: 500; padding: 8px 30px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in-out; }


.signup_modal .otp_txt{float: left; width: 95%; position: relative; text-align: center; color: #626262; font-size: 15px;}
.signup_modal .otp_txt i{position: absolute; top: -1px; margin: 0 0 0 4px; cursor: pointer;}
.signup_modal .tooltip-inner{text-align: left !important}
.signup_modal .otp_input{text-align: center; float: left; width: 100%; position: relative;}
.signup_modal .otp_input .input{width: 143px; border: 1px solid #797978; color: #626262;}
.signup_modal .counter{float: left; width: 100%; text-align: center; color: #626262; font-size: 10px; margin:5px 0 0;}
.signup_modal .counter span{ color: #c20411;}
.signup_modal .counter a{ color: #626262;}
.signup_modal .otp_input .input.invalid_otp{width: 143px; color: #626262; background: #f8f8f8 url("../images/invalid_otp_ic.png") no-repeat 90%;}
.signup_modal .otp_input span{position: absolute; margin: 5px 0 0 10px; color: #c20411; font-size: 12px;}

.signup_modal .resend_otp{float: left; width: 100%; text-align: center; color: #9c9c9c; font-size: 10px; margin: 10px 0 0;}
.signup_modal .resend_otp a, .signup_modal .resend_otp span{ color: #c20411;}

.signup_modal .verify_input{text-align: center; margin: 0 auto 0; width: 124px;  position: relative; clear: both; }
.signup_modal .verify_input aside{float: left; width: 100%; background-color: #f8f8f8;border: 1px solid #797978; height: 40px; border-radius: 8px; overflow: hidden}
.signup_modal .verify_input .input{ color: #626262; width: 65px; background-color: transparent; font-size: 14px; padding: 5px 0 0 8px; float: left; border: 0px solid #797978;}
.signup_modal .verify_input a.verify{background-color: #c20411; padding: 0 10px; float: right; line-height: 40px; color: #fff; text-transform: uppercase; font-size: 11px;}
.signup_modal .verify_input span{position: absolute; white-space: nowrap; margin: 10px 0 0 10px; color: #c20411; font-size: 12px;}



.custom_scroll{width: 100%; height: 100%;}
.resigter_information{position: relative; float: left; width: 100%; height: 100%; padding: 0px; position: relative;}
.reg_inmp {padding: 0px 30px 0;}
.resigter_information:after{position: absolute; content: ""; background-color: #c20411; height: 30px; width: 100%; left: 0px; top: 0px; display: none;}
.resigter_information h3{ font-size: 16px; padding: 10px 0 0; font-weight: 600; color: #c20411; float: left; width: 100%;}
.resigter_information .frmrow{float: left; width: 100%; margin: 5px 0 0;}
.resigter_information .frmrow.half{width: 50%;}
.resigter_information .frmrow .label{ font-size: 14px; display: inline-block; width: 100%; color: #626262; padding: 0 0 0px; margin-bottom: 0px;}
.resigter_information .frmrow .input{border: 0px solid #797978; border-bottom: 1px solid #838384;  height: 36px; padding: 0 0px;  width: 100%; font-size: 14px;}
.resigter_information .frmrow .input.date{background: url("../images/date_ic.png") no-repeat right; }
.resigter_information .frmrow .input::-webkit-input-placeholder {color: #c7c7c7;}
.resigter_information .frmrow .input::-moz-placeholder {color: #c7c7c7;}
.resigter_information .frmrow .input:-ms-input-placeholder { color: #c7c7c7;}
.resigter_information .frmrow .input:-moz-placeholder {color: #c7c7c7;}
.resigter_information .frmrow .left_frm{float: left; width: 88px;}
.resigter_information .frmrow .right_frm{float: left; width: calc(100% - 88px); padding: 0 0 0 15px;}
.resigter_information .frmrow .btn{margin: 10px 0 0;}
.resigter_information .frmrow p{padding: 0px; color: #626262; font-size: 12px; display: inline-block; width: 100%;}
.resigter_information .input_box3-large select {background: #fff ; border-radius: 0px; padding: 0; border: 0px solid #838384;  border-bottom: 1px solid #838384; color: #c7c7c7;}
.resigter_information .input_box3-large label:after {background-color: #fff;}
.resigter_information .btn { border-radius: 8px; padding: 11px 25px; text-transform: uppercase;}
.resigter_information .bottom_signpop{ font-size: 14px; padding: 15px 0 0; float: left; width: 100%; color: #626262; text-align: center; padding:0px 0 0; line-height: normal;}
.resigter_information .bottom_signpop a{ color: #c20411;}
.resigter_information .radio_group{float: left; width: 100%; margin: 15px 0 0;}
.resigter_information .radio_group span{float: left; margin: 0 20px 0 0; font-size: 14px; color: #626262;}
.resigter_information .radio-inline{float: left;}
.resigter_information .list_input{margin: 0 -15px 10px; float: left; width: 100%;}
.resigter_information .list_input li{float: left; width: 33.33%; padding: 0 15px;}
.resigter_information .continue_btn{float: right; border: 2px solid #c20411; color: #c20411; border-radius: 25px; padding: 10px 65px 10px 25px; background: url("../images/continue_arrow.png") no-repeat 90%;}

.resigter_information .list_input2{margin: 0 -15px 10px; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.resigter_information .list_input2.no_btm_space{margin-bottom:0px;}
.resigter_information .list_input2 li{padding: 0 15px; margin: 0 0 8px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} 

.radioBtn{ position:relative; display:inline-block !important; padding-left:26px; margin-right:0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor:pointer; font-size: 14px; color: #626262;} 
.radioBtn span{ display:inline-block !important; z-index: 1; margin-right:8px !important;}
.radioBtn span:before{content:''; position:absolute; top:0; left:0; height:20px; width:19px; background:url(../images/radioBtn.png) no-repeat 0 100%;}
.radioBtn input{ position:absolute; opacity:0; cursor: pointer; left:0; top:0; z-index: 2;}
.radioBtn input:checked ~ span:before { background:url(../images/radioBtn.png) no-repeat 0 0;}

.reg_btn_frm{background-color: #c20411; border-radius: 20px; color: #ffffff; border: 0px solid ; font-size: 16px; padding: 10px 30px; margin: 20px 0 0;}


.guide_line{margin: 30px auto 0; max-width: 450px; width: 100%;}
.guide_line h2{font-size: 16px; text-align: center; padding: 0 0 25px; color: #727272;}
.guide_line ul{float: left; width: 100%; font-size: 0px; text-align: center; }
.guide_line ul li{ display: inline-block; width: 25%; font-size: 15px; text-align: center; font-size: 14px; margin: 0 0 10px;}
.guide_line ul li h3{font-size: 14px; color: #727272;}


.photoid{margin: 30px auto 0; max-width: 400px; width: 100%;}
.photoid h2{font-size: 16px; text-align: center; padding: 0 0 25px; color: #727272;}
.photoid ul{float: left; width: 100%; font-size: 0px; text-align: left; }
.photoid ul li{ display: inline-block; width: 100%; font-size: 15px; text-align: left; font-size: 14px; margin: 0 0 6px;}
.photoid ul li i{padding: 0 8px 0 0px}
.photoid ul li h3{font-size: 14px; color: #727272;}

.upload_infrom{float: left; width: 100%; text-align: center; border-top: 1px dashed #e8e8e8; padding:30px 0;}
.upload_infrom h4{ font-size: 16px; color: #727272;}
.upload_infrom h4 small{ font-size: 14px; color: #727272;}



.photo_upload_sec{text-align: center; max-width: 200px; margin: 0 auto;}
.photo_upload_sec h5{float: left; width: 100%; font-size: 14px; padding: 10px 0 10px; font-weight: 600; color: #626262; border-bottom: 1px solid #404040;}
.photo_upload_sec p{float: left; width: 100%; font-size: 14px; padding: 10px 0 0; font-weight: 600; color: #626262;}
.photo_upload_sec aside{width: 105px; overflow: hidden;  position: relative; margin: 0 auto;}
.profile-pic {max-width: 200px; max-height: 200px; display: block;}
.file-upload {display: none;}
.circle {position: absolute; top:0px;}
.photo_upload_sec img {max-width: 100%; height: auto; position: relative; z-index: 2;}
.p-image {position: absolute;top:27px; left:27px;cursor: pointer; color: #666666; transition: all .3s cubic-bezier(.175, .885, .32, 1.275);}
.p-image:hover {transition: all .3s cubic-bezier(.175, .885, .32, 1.275);}
.upload-button {font-size: 1.2em;}
.upload-button:hover {transition: all .3s cubic-bezier(.175, .885, .32, 1.275); color: #999;}
.photo_upload_sec figure{margin-bottom: 0px !important;}
.photo_upload_sec p {padding:0px 0 0;}

.submit_btn{background-color: #d92a30; border-radius: 8px; text-transform: uppercase; margin: 5px 0 0;  cursor: pointer; border: 1px solid #fff; color: #fff; font-size: 15px; font-family: 'Exo', sans-serif; font-weight: 500; padding: 10px 40px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in-out; }
.submit_btn:hover{background-color: #626262;}


.verify_personal{position: relative; float: left; width: 100%; padding: 30px; position: relative; display: flex;justify-content: center;flex-direction: column;text-align: center; height:100%;}
.verify_personal:after{position: absolute; content: ""; background-color: #c20411; height: 30px; width: 100%; left: 0px; top: 0px; }

.verify_personal h3{ color: #c20411; font-size: 16px; position: relative; padding: 0 0 15px; margin: 0 0 20px;}
.verify_personal h3:after{position: absolute; content: ""; background-color: #838384; height: 1px; width: 180px; left: 0; right: 0px; bottom: 0px; margin: 0 auto;}
.verify_personal label{float: left; width: 100%; padding: 0 0px; }
.verify_personal .input_row{float: left; width: 100%; text-align: center;}
.verify_personal .edit_input {width: 130px; font-size: 14px; font-weight: 700; padding: 10px 0; background: url("../images/edit_ic.png") no-repeat right; border: 0px solid;}
.verify_personal .verify_input {width: 280px; font-size: 14px; font-weight: 700; background-color: #f8f8f8; padding: 10px 0; border: 1px solid #797978; border-radius: 10px;}
.verify_personal .btn {border-radius: 8px; padding: 11px 25px; text-transform: uppercase; margin: 20px 0;}
.verify_personal a.resend{color: #626262;}
.verify_personal a.skip{color: #c20411; position: absolute; bottom: 30px; left: 0; right: 0; margin: 0 auto;}

.personal_upload{position: relative; float: left; width: 100%; padding: 30px; position: relative; display: flex;justify-content: center;flex-direction: column;text-align: center; height:100%;}
.personal_upload:after{position: absolute; content: ""; background-color: #c20411; height: 30px; width: 100%; left: 0px; top: 0px; }
.personal_upload h3{ color: #c20411; font-size: 18px; position: relative; padding: 0 0 15px; margin: 0 0 20px;}
.personal_upload h3 small{ color: #626262; font-size: 17px; font-weight: 600;}
.personal_upload .upload_document{float: left; width: 100%; text-align: center; margin: 20px 0 0;}
.personal_upload .upload_document a i{width: 104px; height: 104px; background-color: #c20411; border-radius: 50%; display: inline-block; position: relative;}
.personal_upload .upload_document a i img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.personal_upload .upload_document a span{font-size: 14px; color: #626262; font-weight: 600; float: left; width: 100%; text-align: center;}
p.adhar_txt{font-size: 14px; color: #626262; font-weight: 600; float: left; width: 100%; text-align: center;}
.personal_upload .skip{position: absolute; bottom: 10px; left: 0; right: 0; color: #c20411;}
p.uploadphoto_txt{font-size: 14px; color: #626262; font-weight: 600; float: left; width: 100%; text-align: center; padding: 15px 0 5px;}
p.adhar_txt{font-size: 14px; color: #626262; font-weight: 600; float: left; width: 100%; text-align: center;}



.itsMe {position:absolute; bottom:10px;right:14px;display:block;background-color:rgba(255, 255, 255, 0.5); border-radius:12px; overflow:hidden; box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.1);
  padding: 4px 12px;color: rgba(0, 0, 0, 0.9); text-decoration:none;}
.itsMe:hover {color: rgba(0, 0, 0, 1); background-color:rgba(255, 255, 255, 1);}
.card {position: relative;display: inline-block;-webkit-transition: 0.6s;transition: 0.6s;text-align: center;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;
	width: 100%;padding: 0;margin: 0.8%;margin-bottom: 18px; width: 104px; height: 104px; background-color: #c20411; border-radius: 50%; margin: 0 auto;}
.card .back {height: inherit;width: inherit;overflow: hidden;position: absolute;-webkit-backface-visibility: hidden;backface-visibility: hidden;width: 100%;height: 100%;background-color: #fff;}
.card .front span svg, .card .back span svg {fill: #2c3e50;}
.card .back {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.card.flip {/* CSS to make element flip on click */	-webkit-transform: rotateY(180deg);	transform: rotateY(180deg);}
.card .panel-body {padding: 15px; width: 400px !important;  margin: 0 auto!important;}
.card .btn-success { color: #fff; background-color: #c20411 !important; border-color: #c20411 !important;}

.cabinet{display: block;cursor: pointer;}
.cabinet input.file{position: relative;	height: 100%; width: auto; opacity: 0;	-moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); margin-top:-30px;}
#upload-demo{width: 250px; height: 250px;  padding-bottom:25px;}
figure figcaption {position: absolute; bottom: 0; color: #fff; width: 100%;	height: 100%; text-align: center;}
figure figcaption i {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; vertical-align: middle;}

.mandatory{float: left; width: 100%; color: #626262; float: left; font-size: 10px;}
.fileUpload {position: relative; overflow: hidden;}
.fileUpload input.upload {position: absolute; top: 0;right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0);}
.file_upload{position: absolute; right: 0px; top: 10px;}

.validate-otp-box{padding: 40px 0 0; display: inline-block; width: 100%; text-align: center;}
.validate-otp-box h4{ font-size: 14px; color: #696969; display: inline-block;    padding: 25px 0 0;}
.validate-otp-box .edit-numbr-text { float: left; width: 100%; margin: 20px 0 0;}
.validate-otp-box .edit-numbr-text a { color: #c20411; font-size: 11px;}
.validate-otp-box .edit-pen-number {font-size: 16px !important; color: #e84a4a; padding-left: 8px;}
.timer-text{color: #626262; font-size: 10px;}
.resend-timer{color: #626262; font-size: 11px; font-weight: 600; display: inline-block; margin: 20px 0 0;}
.resend-timer a{color: #c20411 !important;}
.timer-text span{color: #c20411; }
.bottom_skip{float: left; width: 100%; margin: 30px 0 0; text-align: center;}
.bottom_skip.no_mar_top{margin:0px 0 0;}
.bottom_skip a{color: #626262; font-size: 12px;}
.bottom_skip a.large{color: #626262; font-size: 16px;}

.logpop .invalid_otp{font-size: 14px; text-align: center; color: #828282; padding: 6px 25px; border: 0px solid; border-bottom: 1px solid #838384; width: 250px;}
.logpop .show_password_block{ position: relative; width: 300px; margin: 0 auto 20px; text-align: left;}
.logpop .show_password_block .input-group-addon{ position: absolute; right: 0; top: 8px}
.logpop .show_password_block .input-group-addon i{color: #727272;}
.logpop .show_password{font-size: 12px; text-align: left; color: #828282; padding: 6px 0px; border: 0px solid; border-bottom: 1px solid #838384; width: 100%; margin: 0 0 0px;}

.reg_infrm ul {
    margin: 0 -15px 10px;
    float: left;
    width: 100%;
}

.reg_infrm ul li {
    float: left;
    width: 50%;
    padding: 0 15px;
}

.reg_validate{padding: 80px 0 0;}

.reg_validate .log_btn{margin: 20px 0 0;}


.photoid_line{float: left; width: 100%;}





.quick_information{position: relative; float: left; width: 100%; padding: 120px 60px 0; position: relative;}
.quick_information:after{position: absolute; content: ""; background-color: #c20411; height: 30px; width: 100%; left: 0px; top: 0px; }
.quick_information aside{max-width: 420px; margin: 0 auto;}
.quick_information h3{ text-align: center; position: relative; color: #c20411; font-size: 18px; font-weight: 600; padding: 0px 0 14px; margin: 0px;}
.quick_information h3:after{position: absolute; content: ""; background-color: #838384; height: 1px; width: 180px; left: 0px; right: 0px; margin: 0 auto; bottom: 0px; }
.quick_information h4{ text-align: center; position: relative; color: #626262; font-size: 16px; font-weight: 600; padding: 14px 0 14px; margin: 0px;}

.input[disabled]{background-color: #dcdbdb !important; border: 1px solid rgba(31,31,31,0.60); opacity: 1.0}
.has_error {border: 1px solid #c20411 !important;}
.has_error2 {border-bottom: 1px solid #c20411 !important;}
.help_block { margin: 3px 0 -6px 0; padding: 0px 3px; color: #c20411; float: left; width: 100%; font-size: 11px; line-height: normal;}
.help_block_radio { margin: -3px 0 0px 0; padding: 0px 3px; color: #c20411; float: left; width: 100%; font-size: 11px; line-height: normal;}
.signup .frmrow .help_block{color: #422b02;}
.signup .frmrow .has_error {border: 2px solid #734b05 !important;}

.login-otp-form{float: left; width: 100%; border: 0px solid #fff !important; padding: 40px 0 0; display: none;}
.login-otp-form h3 {float: left; width: 100%; font-size: 14px; color: #696969; font-weight: 600; padding: 0; margin: 0px;}
.login-otp-form .edit_otp{float: left; width: 100%; color: #c20411; font-size: 11px; padding: 6px 0 0;}
.login-otp-form .edit_otp .edit-contact{position: relative; color: #c20411; font-size: 11px; font-weight: 600;}
.login-otp-form .edit_otp .edit-contact i{position: absolute; margin: -3px 0 0 3px;}
.login-otp-form .counter{margin: -3px 0 0;}
.mob_head_footer{display: none;}

.my_account{margin: 0 0 0 0px;}
.more{background: url("../images/more_ic.png") no-repeat; padding: 0 0 0 20px;}
.my_account > .dropdown-menu li{width: 100%;}

.my_account > ul.dropdown-menu {
    background-color: #a24343;
	margin: 0px; padding: 0px; width: 14rem;
}

.my_account .dropdown-menu>li {
    border-bottom: solid 1px #c54640;
	padding: 0px;
	margin: 0px;
}


.my_account .dropdown-menu>li>a {
    display: block;
    padding: 8px 8px;
    clear: both;
	width: 100%;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;text-transform: none;
}
.my_account .dropdown-menu>li>a:hover{background-color:#9f0000; width: 100%;}


.my_account .dropdown-menu>li:last-child{margin: 0px; border-bottom: solid 0px #c54640;}
.my_account .dropdown-menu li:nth-child(3) {
    background: #ffba41;
}
.my_account .dropdown-menu li:nth-child(3) a {
    font-weight: bold;
    color: #570202;
}

.my_account .dropdown-menu>li .sub-menu{display: none; background-color: #9f0000; padding: 0 0 10px;}
.my_account .dropdown-menu>li>a span{float: right;}
.my_account .dropdown-menu>li:hover .sub-menu{display: block;}
.my_account .dropdown-menu>li .sub-menu a {font-weight: 400; text-transform: capitalize; line-height: 30px; padding: 0 10px 0 20px !important; font-size: 12px}
.my_account .dropdown-menu>li .sub-menu li:last-child {
    float: none;
    padding: 0 0px;
    line-height: 53px;
    color: #fff;
    position: relative;
    margin: 0 0px 0 0;
}
.my_account .dropdown-menu>li .sub-menu li:last-child a{color: #fff;}
.my_account .dropdown-menu>li .sub-menu li:nth-child(3) a{color: #fff;}

.my_account .dropdown-menu>li .sub-menu li:nth-child(3) {
    background: none;padding: 0 5px;
}

@media screen and (max-width:1200px){
	.menu-overlay {position: absolute;top: 0;left: 0;z-index:5;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8) !important;}
	.mob_menu{position: absolute; background: url("../images/hamberburg_menu.png") no-repeat; width: 22px; height: 17px; top: 30px; right: 30px;}
	.mob_menu.home{position: absolute; background: #fff url("../images/hamberburg_menu_home.png") no-repeat center; border-radius: 50%; width: 44px; height: 44px; top: 16px; right: 20px;}
	.mob_toggle{position: fixed;top: 0; padding:0 0px; right:-250px; background-color: #9e0000; width: 250px; height: 100%; transition: .3s; z-index: 99; overflow-y: auto;}	
	.mob_toggle.active{right: 0;}
	.non_logeader #lang-menu { width: 100%; margin: 15px 0 0 0px;}
	.non_logeader .contact_link { float: left;  margin: 15px 0 0px;}
	.contact_link li {float: left; margin: 0 0 20px 0px;width: 100%;}
	.inner_logsec {float: left; margin: 0px 0 0; width: 100%;}
	.inner_logsec li {float: left; padding: 0 0px; margin: 0 0 20px 0px; width: 100%;}	
	.non_logeader #lang-menu ul { background-color: #b7000e;}
	.non_logeader.active{position: relative; z-index: auto}
.inner_logsec li a{ color: #ffffff; text-transform: uppercase; font-size: 14px; padding: 0 0 0 30px; display: inline-block; line-height: 20px;}
.inner_logsec li a.login_ic{background:url("../images/login_ic.png") no-repeat;}
.inner_logsec li a.register_ic{background:url("../images/register_ic.png") no-repeat;}
}



@media screen and (max-width:900px){
	.mob_head_footer{display: block; display: inline-block; text-align: center; color: #fff; font-size: 16px; width: 100%; padding: 0 0 25px;}
	footer{padding: 25px 30px;}
	footer ul.linkft li {float: left; width: 100%; padding: 0 0px 0 0;}
	footer ul.linkft li aside{width: 33.33%;}
	footer ul.linkft li aside p{font-size: 0px;}
	footer ul.linkft li aside p a{font-size: 14px; display: inline-block; width: 100%;}
	footer ul.linkft li aside h4{font-size: 14px; text-transform: none}
	footer ul.linkft li h3{text-align: center; font-size: 16px;}
	footer ul.linkft li h3:after {width: 80px; right: 0; margin: 0 auto;}
	footer ul.linkft li:last-child{display: none;}
	footer .socail_link, footer .copyright_link .right_sec{display: none;}
	footer .copyright_link .left_sec{font-size: 13px; text-align: center;}
	footer .appstore{font-size: 13px; text-align: center; display: block; float: left; width: 100%;}
	footer .appstore a{display: inline-block; padding: 0 5px;}
	footer .appstore a img{width: 100px;}
	footer .copyright_link { margin: 5px 0 0;}
	
	.side-menu-landing-page ul.left-menu-links {margin:15px 0 0;list-style:none; padding:0; overflow:scroll}
.side-menu-landing-page .modal.left .modal-content, .side-menu-landing-page .modal.right .modal-content {height:100%;overflow-y:auto}
.side-menu-landing-page .modal-body {padding:0}
.modal.left.fade .modal-dialog { left:-320px; -webkit-transition:opacity .3s linear,left .3s ease-out; -moz-transition:opacity .3s linear,left .3s ease-out; -o-transition:opacity .3s linear,left .3s ease-out; transition:opacity .3s linear,left .3s ease-out}
.modal.left.fade.in .modal-dialog {left:0}
.side-menu-landing-page .modal-content {background-color:#3e0808;color:#fff; box-shadow:none; border-radius:0}
.side-menu-landing-page ul.left-menu-links li .arrow-down {float:right;padding-right:0}
.side-menu-landing-page ul.left-menu-links li .arrow-down img {margin-right:0}
.side-menu-landing-page ul.left-menu-links li {list-style-type:none;color:#fff;padding:12px 15px;margin:0;font-size:14px; text-decoration:none}
.side-menu-landing-page ul.left-menu-links ul.sub-menu {background:#530b0b;color:#fff;margin:0;padding:0;font-size:14px}
.side-menu-landing-page ul.left-menu-links ul.sub-menu ul.sub-menu {background:#5f0f0f}
.side-menu-landing-page ul.left-menu-links ul.sub-menu ul.sub-menu ul.sub-menu {background:#520202}
.side-menu-landing-page ul.left-menu-links ul.sub-menu ul.sub-menu li {padding:12px 12px 12px 45px}
.side-menu-landing-page ul.left-menu-links ul.sub-menu li {margin:0;padding:12px 12px 12px 30px;font-size:14px;border-bottom:1px solid #6b2d2d}
.side-menu-landing-page ul.left-menu-links ul.sub-menu li {background:url(../images/black-arrow.gif) no-repeat 26px 18px;padding-left:44px}
.side-menu-landing-page ul.left-menu-links li a {color:#fff;font-size:13px;text-decoration:none}
.side-menu-footer-social-meida-block {position:fixed;bottom:0;width:99%;height:52px;border-top:solid 2px rgba(255,255,255,0.54118)}
.side-menu-footer-social-meida-block ul {margin:0;padding:0; text-align:right}
.side-menu-footer-social-meida-block ul li {display:inline-block}
.side-menu-footer-social-meida-block ul li a {line-height:52px;margin-right:16px}
.side-menu-landing-page .arrow-up {float:right;padding-right:25px}
.side-menu-landing-page .arrow-down {float:right; padding-right:25px}
.side-menu-landing-page ul.language-box li a {color:#b49f9f;text-decoration:none}
.side-menu-landing-page ul.language-box li a.active {color:#fff; font-size:15px}
.side-menu-landing-page ul.language-box li {margin-right:10px}
.side-menu-landing-page ul.language-box li img {padding-right:9px}
.side-menu-landing-page ul.left-menu-links img {margin-right:15px}
.side-menu-landing-page ul.language-box li {display:inline-block}
.side-menu-landing-page .option-heading {cursor:pointer;background:#7e0000;height:56px;line-height:56px; padding-left:25px; font-size:14px;	color: #fff;}
.side-menu-landing-page .option-content {background:#5b2d2d;padding:0 15px 16px 25px}
.side-menu-landing-page .hidden-block {display:none}
ul.language-box {padding:0;margin:0;list-style-type:none}
	.resigter_information .list_input2 {margin: 0 0px 10px; float: left; width: 100%;}
.resigter_information:after{display: none;}
.resigter_information{padding: 0px 0px 60px;}
	.resigter_information .reg_inmp{padding: 0 20px; overflow: auto; height: 80vh}
.resigter_information .list_input2 li {width: 100%; padding: 0 0px; margin: 0 0 10px;flex: auto; max-width: 100%;}
	.guide_line ul li h3 {font-size: 12px;}
	.resigter_information .bottom_signpop {padding: 0px 0 40px;}	
	.modal_auto_small .modal-header {font-weight: 700; position: fixed;top: 0; width: 100%; border-radius: 0;}
	.modal-box_auto {
    z-index: 1000;
    width: 100%;
    border-bottom: 0px solid #aaa;
    border-radius: 0px;
    box-shadow: none;
    border: 0px solid rgba(0, 0, 0, 0.1);
    background-clip: padding-box;
    overflow: hidden;
    padding: 42px 0 0 !important;
		
}
	
	.modal_auto_small .modal-header{z-index: 9;}
	
	.modal_auto_small .modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height:inherit;
}

	
}


.btn-style1{
	background: #9d000c;
    color: #fff;
    padding: 3px;
    margin-bottom: 10px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ul-style{
    list-style: disc;
    padding-left: 50px;
}