@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,light,Semibold,bold,300,600,700,800);
body{margin:0px; padding:0px; font-size:14px; color:#838383; background-color: #ffbe2e !important; font-family: 'Open Sans' , sans-serif; }
h1,h2,h3,h4,h5,h6,p,ul,li,div,ol,span,input,textarea,div,class,select,section,header,footer,img{margin:0px; padding:0px;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.login_page{width: 100%;}
.login_page .login_inner{max-width: 1250px; height: 100vh;display: flex; flex-wrap: wrap; margin: auto;}
.login_page .login_form{width: 50%; padding-right: 80px; padding-top: 40px;}
.login_page .login_image{width: 50%; border-radius: 20px; margin-top: 4vh; background: url(../images/yf-image-1.png)right 30% no-repeat; background-size: cover; height:92vh; overflow: hidden; padding-right: 50px;}
.login_page .login_image .login_image_info{width: 100%; padding: 40px;}
.login_page .login_image h2{color:#0f4f9c !important ;}
.login_page .login_image p{font-size: 15px; line-height: 150%; color: #0f4f9c; margin-bottom: 20px;}
.login_page .form_block{width: 100%; text-align: left; display: flex; flex-wrap: wrap;}
.login_page .form_left{width: 50%; padding-right: 20px;}
.login_page .form_right{width: 50%; padding-left: 20px;}
.login_page .form_col_row{ margin-left: -10px; margin-right: -10px; display: flex; flex-wrap: wrap;}
.login_page .form_col_row .col_1{width: 33.333%; padding: 0px 10px;}
.login_page ul li span.star_symbol{color: red;}
.login_page h2{font-size: 60px; line-height: 100%; margin-bottom: 30px; color: #fff; font-weight: 600;}
.login_page h2.darkblue_txt{color:#0f4f9c !important ;}
.login_page h3{font-size: 22px; line-height: 100%; padding-bottom: 10px; border-bottom: 1px solid #333; margin-bottom: 20px; color: #282828; font-weight: 600;}
.login_page ul{width: 100%; margin: 0px !important; padding: 0px !important;}
.login_page ul li{list-style-type: none;margin-bottom: 20px; font-size: 14px; color: #282828;}
.login_page ul li .form_label{width: 100%;font-size: 14px; color: #5d5d5d; font-weight: 600; margin-bottom: 5px;}
.login_page ul li .form_field{width: 100%; position: relative; display: flex; align-items: center;}
.login_page ul li .form_field .eye_icon{ position: absolute; cursor: pointer; right: 10px;}
.login_page ul li .form_input{width: 100%; font-size: 16px;padding: 10px;height: 47px;  border-radius: 10px;background-color: #fff8d1; border: 1px solid #f9ec9f;}
.login_page ul li .form_input:focus{outline: none;}
.login_page ul li .form_input.form_textarea{width: 100%; height: 60px; resize: none;}
.login_page ul li a{ color: #0f4f9c; font-weight: 600; text-decoration: underline;}
.login_page .gerenric_button{ font-size: 14px;position: relative; display: flex; align-items: center; cursor: pointer; color: #fff; background-color: #0f4f9c; border: 0px; border-radius: 100px; padding: 15px 50px 15px 30px; display: inline-flex;}
.login_page .gerenric_button.sigup_button{min-width: 130px; justify-content: center; margin: auto;}
.login_page .gerenric_button::after{width: 30px; height: 30px;border-radius: 100px; display: flex; background:#fff url(../images/linkarrow.svg)center center no-repeat; content: ''; right: 10px; position: absolute;}
.login_page .gerenric_button:hover{opacity: 0.8;}
.login_page .gerenric_button.black_button{background-color: #0f4f9c; color: #fff;}
.login_page .gerenric_button.black_button::after{ background:#fff url(../images/linkarrow.svg)center center no-repeat;}

.signup_popup{background:rgba(0,0,0,0.7);cursor:pointer;display:none;height:100%; padding: 20px 0px; overflow-y: auto;  position:fixed; left: 0px; top: 0px; text-align:center; width:100%;z-index:999999999;}
.signup_popup > .inner_popup{max-width: 900px; margin-bottom: 30px; box-shadow: 0px 0px 10px rgba(0,0,0,0.50);  border-radius: 5px;background-color: #fff; margin: auto; display:block !important;left:0%;right:0%;position: relative; margin: 30px auto; padding: 15px 30px 15px 30px; }
.signup_popup > .inner_popup h2{font-size: 35px;margin-left: -30px; color: #0f4f9c !important;  margin-right: -30px; text-align: left; border-bottom: 1px solid #e0e5e9; padding: 10px 20px 25px 20px; text-align: center; margin-bottom: 30px;}
.signup_close{cursor: pointer; width: 30px; height: 30px; line-height: 27px; font-weight: bold;border-radius: 30px; background-color:#ffbe2e ; color:#5d5d5d; position: absolute; top: -15px;right: -15px;font-size: 16px;}
.signup_trigger{cursor: pointer}

.forgot_popup{background:rgba(0,0,0,0.7);cursor:pointer;display:none;height:100%; padding: 20px 0px; overflow-y: auto;  position:fixed; left: 0px; top: 0px; text-align:center; width:100%;z-index:1;}
.forgot_popup > .inner_popup{max-width: 420px; text-align: left; margin-bottom: 30px; box-shadow: 0px 0px 10px rgba(0,0,0,0.50);  border-radius: 5px;background-color: #fff; margin: auto; display:block !important;left:0%;right:0%;position: relative; margin: 30px auto; padding: 15px 30px 15px 30px; }
.forgot_popup > .inner_popup h2{font-size: 35px;margin-left: -30px; margin-right: -30px; color: #0f4f9c !important; text-align: left; border-bottom: 1px solid #e0e5e9; padding: 10px 20px 25px 20px; text-align: center; margin-bottom: 30px;}
.forgot_popup > .inner_popup p{font-size: 14px; color: #000; margin-bottom: 20px;}
.forgot_close{cursor: pointer; width: 30px; height: 30px; text-align: center; line-height: 27px; font-weight: bold;border-radius: 30px; background-color:#ffbe2e ; color:#5d5d5d; position: absolute; top: -15px;right: -15px;font-size: 16px;}
.forgot_trigger{cursor: pointer}
.blockUI .blockOverlay{z-index:9999999999}
.blockUI .blockMsg .blockPage{z-index:9999999999}


@media screen and (max-width: 1024px) and (min-width: 240px){
    .login_page .login_inner{width: 100%; padding:30px 20px; display: block; height: auto;}
    .login_page .login_form{width: 100%; padding-top: 0px; margin-bottom: 40px; padding-right: 0px;}
    .login_page .login_image{width: 100%; background-size: cover; background-position: left 0px; height: 350px; padding-right: 0px;}
    .login_page .login_image .login_image_info{padding: 25px 20px;}
    .login_page .form_col_row .col_1{width: 100%; margin-bottom: 12px;}
    .login_page h2{font-size: 40px; margin-bottom: 20px;}
    .login_page h3{font-size: 18px;}
    .login_page ul li{margin-bottom: 12px;}
    .login_page .form_left{width: 100%; margin-bottom: 20px; padding-right: 0px;}
    .login_page .form_right{width: 100%; padding-left: 0px;}
    .signup_popup > .inner_popup{max-width: 88%;}
    .signup_popup > .inner_popup{padding: 20px;}
    .signup_popup > .inner_popup h2{font-size: 25px; margin-left: -20px; margin-right: -20px;padding: 5px 20px 20px 20px;}
    .forgot_popup > .inner_popup{max-width: 88%;}
    .forgot_popup > .inner_popup{padding: 20px;}
    .forgot_popup > .inner_popup h2{font-size: 25px; margin-left: -20px; margin-right: -20px;padding: 5px 20px 20px 20px;}




}