.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:10000;-webkit-transition:opacity 500ms ease-in;-moz-transition:opacity 500ms ease-in;transition:opacity 500ms ease-in;opacity:0;pointer-events:none}.modal:target{opacity:1;pointer-events:auto}
.modal > div{top:0%;max-width:800px;position:relative;margin:9% auto;-webkit-animation:minimise 500ms linear;-moz-animation:minimise 500ms linear;animation:minimise 500ms linear;padding:30px 12px;border-radius:7px;box-shadow:0 3px 20px rgba(0,0,0,0.9);background:#ffffff;background:-moz-linear-gradient(#ffffff,#ffffff);background:-webkit-linear-gradient(#ffffff,#ffffff);background:-o-linear-gradient(#ffffff,#ffffff);background:linear-gradient(#ffffff,#ffffff);text-shadow:0 1px 0 #ffffff;}
.modal:target > div{-webkit-animation-name:bounce;-moz-animation-name:bounce;animation-name:bounce}
.modal h2{font-size:1.4em;padding:0 0 15px 0;font-weight:600;margin:0;}
.model-open{overflow:hidden;}
.modal{overflow-x:hidden;overflow-y:auto;}
.modal input:focus, textarea:focus{box-shadow:0 0 2px 1px #52c24e;}
.rsignup-popup #frmsignup select:focus{box-shadow:0 0 2px 1px #52c24e;}
.login-popup input:focus, textarea:focus{box-shadow:0 0 2px 1px #52c24e;}
.forgot-password-popup input:focus, textarea:focus{box-shadow:0 0 2px 1px #52c24e;}
.modal a[href="#close"]{position:absolute;right:0;top:0;color:transparent}.modal a[href="#close"]:focus{outline:none}.modal a[href="#close"]:after{content:'X';display:block;position:absolute;right:-10px;top:-10px;width:1.5em;padding:1px 1px 1px 2px;text-decoration:none;text-shadow:none;text-align:center;font-weight:700;background:#000;color:#fff;border:3px solid #fff;border-radius:20px;box-shadow:0 1px 3px rgba(0,0,0,0.5)}.modal a[href="#close"]:focus:after,.modal a[href="#close"]:hover:after{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}.modal a[href="#close"]:focus:after{outline:1px solid #000}.modal .close-btn{position:absolute;right:0;top:0;color:transparent}.modal .close-btn:focus{outline:none}.modal .close-btn:after{content:'X';display:block;position:absolute;right:-10px;top:-10px;width:2em;padding:1px 1px 1px 2px;text-decoration:none;text-shadow:none;text-align:center;font-weight:700;background:#000;color:#fff;border:3px solid #fff;border-radius:20px;box-shadow:0 1px 3px rgba(0,0,0,0.5)}.modal .close-btn:focus:after,.modal .close-btn:hover:after{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}.modal .close-btn:focus:after{outline:0px solid #000}a.openModal{margin:1em auto;display:block;width:200px;background:#ccc;text-align:center;padding:10px;border-radius:7px;background:#fff;background:-moz-linear-gradient(#fff,#ddd);background:-webkit-linear-gradient(#fff,#ddd);background:-o-linear-gradient(#fff,#ddd);background:linear-gradient(#fff,#ddd);text-shadow:0 1px 0 #fff;border:1px solid rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.3)}a.openModal:hover,a.openModal:focus{background:-moz-linear-gradient(#fff,#ccc);background:-webkit-linear-gradient(#fff,#ccc);background:-o-linear-gradient(#fff,#ccc);background:linear-gradient(#fff,#ccc)}
.modal .article_comment .close-btn::after{width:2em;}
.modal .article_comment input{border-radius:4px;}
.modal .article_comment{background-image:url("/img/search-bg.png");background-repeat:no-repeat;background-size:100% 100%;box-shadow:none;min-height:280px;width:400px;}
#broucher-popup{height:380px;width:480px;}
.modal .article_comment h2{font-size:1.4em;font-weight:600;margin-bottom:12px !important;margin-top:10px;}
.fw_light p label{background:white none repeat scroll 0 0;display:inline-block;font-size:16px;font-weight:bold;text-transform:uppercase;width:74px;}
.modal .article_comment input{border-radius:0px;width:83%;height:32px;border:1px solid #bdbfc1;}
.article_name label{width:17%;float:left;line-height:32px;font-size:16px;text-transform:uppercase;font-weight:600;color:#373435;}
.article_email label{width:17%;float:left;line-height:32px;font-size:16px;text-transform:uppercase;font-weight:600;color:#373435;}
.article_gender label{width:26%;float:left;line-height:32px;font-size:16px;text-transform:uppercase;font-weight:600;color:#373435;}
.article_gender .eGender_male input{width:auto;}
.eGender_male{float:left;line-height:34px;font-size:14px;font-weight:bold;color:#696969;}
.article_gender .eGender_female input{width:auto;}
.eGender_female{float:left;line-height:34px;font-size:14px;font-weight:bold;color:#696969;margin-left:40px;}
.article_name{margin-bottom:18px;}
.article_email{margin-bottom:16px;}
.article_submit{clear:both;float:right;margin-right:24px;}
.article_submit button{font-size:16px;font-weight:600;padding:2px 10px;text-transform:uppercase;}
.article_comment .validation-advice{margin:auto;position:relative;top:6px;width:60%;}
.modal .login-popup .close-btn::after{width:2em;}

/*.modal .login-popup input{border-radius:4px;}
.modal .login-popup{background-image:url("/img/search-bg.png");background-repeat:no-repeat;background-size:100% 100%;box-shadow:none;min-height:280px;max-width:400px;}*/
/*.modal .login-popup h2{font-size:1.4em;font-weight:600;margin-bottom:12px !important;margin-top:10px;}*/

.modal .login-popup .fw_light p label{background:white none repeat scroll 0 0;display:inline-block;font-size:16px;font-weight:bold;text-transform:uppercase;width:74px;}
.modal .login-popup input{border-radius:0px;width:100%;height:36px;border:0px;float:right;padding-left:3em;background: #faffbd;}
.login_password{margin-bottom:16px;border:1px solid #bdbfc1;background:#FFF;height:40px;padding:0px;}
.login_email{margin-bottom:1.4em;border:1px solid #bdbfc1;background:#FFF;padding:0px;height:40px;}
.login_submit{text-align:right;}
.login_submit button{font-size:16px;font-weight:600;padding:2px 10px;text-transform:uppercase;}
.login-popup .validation-advice{margin:auto;position:relative;top:6px;width:76%;}
.login-popup .login_submit input.btn{background:#333;width:auto;float:none;margin:0px;padding:0 1em;color: #ffffff !important;}
.login-popup .login_submit input.btn:hover{background:#000;}
.login-popup .login_submit input.btn:focus{box-shadow:none;}
.login_submit p{text-align:left;clear:both;float:left;width:auto;}
.modal .login-popup .login_email span{display:inline-block;margin:0;padding:4px;text-align:center;width:37px;border-right:1px solid #bdbfc1;font-size:1.7em;line-height:1.2em;position:absolute;}
.modal .login-popup .login_password span{font-size:2.6em;width:37px;display:inline-block;text-align:center;padding:3px;border-right:1px solid #bdbfc1;position:absolute;}
.modal .login-popup {padding:20px;display: table;}
.lock{background-image:url("/img/iconlock.png");background-position:center top;background-repeat:no-repeat;background-size:100% auto;height:30px;width:72%;vertical-align:sub;}
.modal .login-popup input:focus{box-shadow:0 0 2px 1px #52c24e;}
.modal .login-modal{padding:16px;}

/*.rsignup-popup.clearfix{background-color:#ffffff;background-image:url("/img/register-img.jpg");background-repeat:no-repeat;background-size:52% 100%;padding-left:30.6em;padding-bottom:0.4em;}*/
.rsignup-popup.clearfix {
    background-color: #ffffff;
    opacity: 2;
    background-image: url("/img/Sign-Up-Img.jpg");
    background-repeat: no-repeat;
    background-size: 49% 100%;
    max-width: 825px;
    padding-bottom: 0.4em;
    padding-left: 29.6em;
}

.rsignup-popup{}
.rsignup-popup .popup-header{float:left;width:100%}
.rsignup-popup .fw_light{float:left;width:100%;}
.rsignup-popup .input-full{float:left;width:100%;margin-bottom:0.8em;color:#a9a9a9;}
.rsignup-popup .input-full .e-mails span{border-right:1px solid #bdbfc1;display:inline-block;font-size:1.5em;height:31px;line-height:1.1em;margin:0;padding:4px;position:absolute;text-align:center;width:34px;}
.rsignup-popup .input-full .mobiles span{border-right:1px solid #bdbfc1;display:inline-block;font-size:2em;height:31px;line-height:1.1em;padding:0;position:absolute;text-align:center;width:31px;}
.rsignup-popup .validation-advice{margin:0;position:relative;top:5px;}
/*.name-first{float:left;width:48%;}
.name-last{float:right;width:48%;}*/
.e-mails{float:left;width:48%;}
.mobiles{float:right;width:48%;}
.input-male{line-height:18px;float:left;margin-right:2%;}
.input-male span input{margin-right:0.3em;}
.input-female{line-height:18px;float:left;}
.input-female span input{margin-right:0.3em;}
.rsignup-popup select{float:left;width:100%;color:#606062;height:31px !important;}
.rsignup-popup .signup-submit {float: left;text-align: center;width: 100%;margin-bottom: 0.8em;}
.rsignup-popup .signup-submit input.btn{background:#54a751;width:auto;float:none;margin:0px;padding:0 1em;height:36px;color: #ffffff !important;}
.rsignup-popup .signup-submit input.btn:hover{background:#52c24e;}
.rsignup-popup .signup-submit input.btn:focus{box-shadow:none;}
.signup-popup.OTP.clearfix{max-width:400px;}
.signup-popup .popup-header{float:left;width:100%}
.signup-popup .fw_light{float:left;width:100%;}
.signup-popup .input-full{float:left;width:100%;margin-bottom:1em;}
.signup-popup .input-full .e-mails span{border-right:1px solid #bdbfc1;display:inline-block;font-size:1.5em;height:31px;line-height:1.1em;margin:0;padding:4px;position:absolute;text-align:center;width:34px;}
.signup-popup .input-full .mobiles span{border-right:1px solid #bdbfc1;display:inline-block;font-size:2em;height:31px;line-height:1.1em;padding:0;position:absolute;text-align:center;width:31px;}
.signup-popup .validation-advice{margin:0;position:relative;top:5px;}
.name-first{float:left;width:48%;}
.name-last{float:right;width:48%;}
.signup-popup select{float:left;width:100%;}
.signup-popup .signup-submit{text-align:center;}
.signup-popup .signup-submit input.btn{background:#54a751;width:auto;float:none;margin:0px;padding:0 1em;height:36px;}
.signup-popup .signup-submit input.btn:hover{background:#52c24e;}
.signup-popup .signup-submit input.btn:focus{box-shadow:none;}
.mock-popup.OTP.clearfix{max-width:400px;}
.mock-popup .popup-header{float:left;width:100%}
.mock-popup .popup-header h2{font-size:1.4em;font-weight:600;margin:0;color:#66574a;}
.mock-popup .fw_light{float:left;width:100%;}
.mock-popup .input-full{float:left;width:100%;margin-bottom:1em;}
.mock-popup .input-full input{width:98%;}
.mock-popup .input-full .e-mails span{border-right:1px solid #bdbfc1;display:inline-block;font-size:1.5em;height:31px;line-height:1.1em;margin:0;padding:4px;position:absolute;text-align:center;width:34px;}
.mock-popup .input-full .mobiles span{border-right:1px solid #bdbfc1;display:inline-block;font-size:2em;height:31px;line-height:1.1em;padding:0;position:absolute;text-align:center;width:31px;}
.mock-popup .validation-advice{margin:0;position:relative;top:5px;}
/*.name-first{float:left;width:48%;}
.name-last{float:right;width:48%;}*/
.mock-popup select{float:left;width:100%;}
.mock-popup .mock-submit{text-align:center;}
.mock-popup .mock-submit input.btn{background:#66574a;width:auto;float:none;margin:0px;padding:0 1em;height:36px;border:0;color:#FFFFFF;}
.mock-popup .mock-submit input.btn:hover{background:#41352b none repeat scroll 0 0;cursor:pointer;transition:all 0.2s ease-in 0s;}
.mock-popup .mock-submit input.btn:focus{box-shadow:none;}
.mock-popup .close-btn::after{line-height:2em;right:-10px;top:-16px;}
.mock-popup.OTP.clearfix{width:334px;height:160px;position:relative;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;border:4px solid #5e5e5e;background:#ffffff none repeat scroll 0 0 !important;}
.mock-popup.OTP.clearfix::before{height:84px;left:50%;position:absolute;top:100%;visibility:unset;width:300px;}
.mock-popup{background:rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;margin:124px 0 0;padding-top:1em;}
.modal .forgot-password-popup{background-image:url(/img/search-bg.png);background-repeat:no-repeat;background-size:100% 100%;box-shadow:none;max-width:400px;min-height:240px}
.modal .forgot-password-popup h2{font-size:1.4em;font-weight:600;margin-bottom:12px!important;margin-top:10px}
.modal .forgot-password-popup .forgot_email{background:#fff none repeat scroll 0 0;border:1px solid #bdbfc1;height:38px;margin-bottom:1.4em;padding:0}
.modal .forgot-password-popup .forgot_email span{border-right:1px solid #bdbfc1;display:inline-block;font-size:1.7em;line-height:1.2em;margin:0;padding:4px;position:absolute;text-align:center;width:37px}
.modal .forgot-password-popup input{border:0 none;border-radius:0;float:right;height:36px;padding-left:3em;width:100%}
.modal .forgot-password-popup .close-btn::after{right:-8px;top:-4px;width:2.1em}
.modal .forgot-password-popup .forgot_submit input.btn{background:#333 none repeat scroll 0 0;float:none;margin:0;padding:0 1em;width:auto;color: #ffffff !important;}
.modal .forgot-password-popup .forgot_submit input.btn:hover{background:#000;}

.login-popup .login_submit input.btn:hover{background:#000;}
.login-popup .login_submit input.btn:focus{box-shadow:none;}

.modal .forgot-password-popup .forgot_submit p{clear:both;float:left;text-align:left;width:auto;}
.modal .forgot-password-popup .forgot_submit{text-align:right;}
.modal .forgot-password-popup input:focus{box-shadow:0 0 2px 1px rgb(0, 175, 239);}

.modal .forgot-password-popup .validation-advice{margin-left:4em;margin-top:10px;display:inline;}
.modal .forgot-password-modal{padding:20px;}
.radio-bg{display:inline-flex;width:100%;}
/*.radio-bg input{margin-top:5px;}*/


/* Request Free Adwise Popup */
.request-free-adwise {max-width: 450px !important; padding: 20px !important;}
.request-free-adwise .popup-header {float: left;width: 100%;}
.request-free-adwise h2 { font-size: 1.3em; }
.request-free-adwise .fw_light {float: left;margin: 0;width: 100%;}
.request-free-adwise .input-full {color: #a9a9a9;float: left;margin-bottom: 0.8em;width: 100%;}
.request-free-adwise .fw_light .validation-advice{margin-top:5px;}
.request-free-adwise select {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: 1px solid #dddddd;color: #606062;height: 31px;width:100%;}
.request-free-adwise .signup-submit {text-align: center;}
.request-free-adwise .signup-submit input.btn {background: #54a751;float: none;height: 36px;margin: 0;padding: 0 1em;width: auto;color: #ffffff !important;font-weight: normal;text-transform: uppercase;}

/* User Login Popup */
.login-popup .login-popup-left {float: left;width: 270px;}
.login-popup .broucher-login {line-height: 38px;margin: 0;}
.login-popup input {height: 38px !important;}
.login-popup select {height: 38px !important;}
.login-popup .login_submit p {margin:0 !important;}
.login-popup .login_submit {float: left;margin-bottom: 0.8em;width: 100%;}
.login-popup .login-popup-right {border-left: 1px solid #333333;float: right;margin-left: 34px;min-height: 224px;padding-left: 34px;padding-right: 24px;width: 286px;}
.facebook-btn {float: left;margin-bottom: 1.4em;width: 100%;}
.facebook-btn .login-btn {width:100%;float:left; background-image:url("/images/facebook-btn.png");height:38px;background-position:center top;background-repeat:no-repeat;background-size:100% auto;}
.google-btn .login-btn {width:100%;float:left; background-image:url("/images/google-btn.png");height:38px;background-position:center top;background-repeat:no-repeat;background-size:100% auto;}
form {margin-bottom: 0;}


/* Sign Up QA Popup */
/*.sign-up-qa-popup {max-width: 380px !important; padding: 20px !important;}
.sign-up-qa-popup .popup-header {float: left;width: 100%;}
.sign-up-qa-popup h2 { font-size: 1.3em; }*/

.sign-up-qa-popup .fw_light {float: left;margin: 0;width: 100%;}
.sign-up-qa-popup .input-full {color: #a9a9a9;float: left;margin-bottom: 0.8em;width: 100%;}
.sign-up-qa-popup .fw_light .validation-advice{margin-top:5px;}
.sign-up-qa-popup select {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: 1px solid #dddddd;color: #606062;height: 31px;}
.sign-up-qa-popup .signup-submit {text-align: center;}
.sign-up-qa-popup .signup-submit input.btn {background: #54a751;float: none;height: 36px;margin: 0;padding: 0 1em;width: auto;color: #ffffff;font-weight: normal;/*text-transform: none;*/}

/* Sign Up QA Popup */
.rsignup-popup.sign-up-qa-popup {background-image:none;padding: 20px !important;margin: 9% auto !important;}
.sign-up-qa-popup .login-popup-left {float: left;width: 47%;}
.rsignup-popup.sign-up-qa-popup .login-popup-left input {height: 38px !important;}
.rsignup-popup.sign-up-qa-popup .login-popup-left select {height: 38px !important;}

.sign-up-qa-popup .login-popup-right {float: right;width: 47%;border-left: 1px solid #333333;margin-left: 34px;min-height: 360px;padding-left: 34px;padding-right: 24px;}
.sign-up-qa-popup .login-popup {background: #ffffff;display: inline;float: left;padding: 0;width: 100%;}
.rsignup-popup.sign-up-qa-popup .login-popup-right input {height: 36px !important;}
.rsignup-popup.sign-up-qa-popup .login-popup-right select {height: 36px !important;}
/*.sign-up-qa-popup .facebook-btn .login-btn, .sign-up-qa-popup .google-btn .login-btn {background-color: rgba(0, 0, 0, 0);background-size: 80% auto;height: 40px;}*/


/* Multi Select DropDown */
.rsignup-popup .select-drop {float:left;width:48%;}
.rsignup-popup .select-drop .ms-parent {width: 100% !important;}
.rsignup-popup .select-drop .ms-choice {position: relative;/*border-color: #cdcdcd !important;*/ border-radius: 0 !important;   background-color: #ffffff !important; border: 1px solid #ddd !important; height: 31px !important; margin: 0; outline: medium none;}
.rsignup-popup .select-drop .ms-choice > span {color: #606062;left: 0;right: 20px;top: 0;width: 100%;}
.rsignup-popup .select-drop .ms-choice > div {right: 0;top: 2px;}
.rsignup-popup .select-drop .ms-drop {border-color: #cdcdcd;border-radius: 0;width: 250px;}
.rsignup-popup .select-drop .ms-drop ul {overflow-x: inherit;overflow-y: auto;}
.rsignup-popup .select-drop .ms-drop ul > li label {padding: 0 0 2px 0;}

.rsignup-popup .select-drop .ms-drop span {font-size: 1em;display: inline-block;width: 88%;vertical-align: top;text-align:left !important;}
.rsignup-popup .filter {height: auto !important;width:100% !important;overflow: auto !important;}
.rsignup-popup .filter:hover {height: auto !important; padding-right: 0;width:100% !important;overflow: auto !important;}
.rsignup-popup form li label {width: 100%;}
.rsignup-popup .search-box {padding: 10px 25px;}
.rsignup-popup strong {display: inline-block;padding:0; text-transform: uppercase;}
.rsignup-popup b {display: inline-block;padding:0; /*text-transform: uppercase;*/}
.rsignup-popup .search-box .col {padding-left: 10px;padding-right: 10px;}
.rsignup-popup .ms-drop ul > li label:hover { background: #54a751 none repeat scroll 0 0;color: #ffffff; cursor: pointer;}
.rsignup-popup form .search-box li input, form .search-box li textarea{width:12%;}


@media only screen and (min-width:768px){
.sign-up-qa-popup .facebook-btn .login-btn, .sign-up-qa-popup .google-btn .login-btn {background-color: rgba(0, 0, 0, 0);background-size: 80% auto;height: 40px;}
}












/* Start Responsive CSS */

@media only screen and (max-width:1199px){
.modal > div{margin:16% auto;}
}
@media only screen and (max-width:991px){
.modal > div{margin:20% auto;}
.rsignup-popup.clearfix{padding-left:30em;margin:1em;}
}

@media only screen and (max-width:860px){
.modal > div{margin:25% auto !important;}
.rsignup-popup.sign-up-qa-popup {margin: 25% 3% 0 !important;}
}


@media only screen and (max-width:768px){
/*.modal > div{margin:25% auto;}
.rsignup-popup.sign-up-qa-popup {margin: 9% 5% 0 !important;}*/
}


@media only screen and (max-width:767px){
.name-first{margin-bottom:1em;width:100%;}
.name-last{width:100%;}
.e-mails{width:100%;margin-bottom:1em;}
.mobiles{width:100%;}

.modal > div {margin: 25% 5% 0 !important;}

.rsignup-popup.clearfix{padding-left:27.6em;}

.rsignup-popup.sign-up-qa-popup {margin: 25% 5% 0 !important;}

.modal .login-popup {display: block;}

.login-popup .login-popup-left { width:100%;}
.login-popup .login-popup-right {border: 0 none;margin: 0;min-height: 100%;padding: 0;width: 100%;}
.login-popup .login-popup-right h2 {display:none;}

.rsignup-popup.sign-up-qa-popup .login-popup-left { width:100%;}
.rsignup-popup.sign-up-qa-popup .login-popup-right {border: 0 none;margin: 0;min-height: 100%;padding: 0;width: 100%;}
/*.rsignup-popup.sign-up-qa-popup .login-popup-right h2 {height: 20px;}*/

.facebook-btn .login-btn, .google-btn .login-btn {background-color: rgba(0, 0, 0, 0); background-size: 35% auto; }

}
@media only screen and (max-width:667px){
.rsignup-popup.clearfix{padding-left:24em;}
}
@media only screen and (max-width:600px){
.rsignup-popup.clearfix{padding-left:21.6em;}
}
@media only screen and (max-width:580px){
.modal > div{margin:45% 25px 25px;}
.modal h2{padding:0 0 10px 0;}
.modal .fr{padding-bottom:15px;width:100%;}
.rsignup-popup.clearfix{padding-left:20.4em;}
.facebook-btn .login-btn, .google-btn .login-btn {background-size: 55% auto; }
}
@media only screen and (max-width:480px){
.rsignup-popup.clearfix {background-image: none;padding-left: 1em;}
}
@media only screen and (max-width:414px){
.facebook-btn .login-btn, .google-btn .login-btn {background-size: 65% auto; }
}
@media only screen and (max-width:384px){
}
@media only screen and (max-width:375px){
.facebook-btn .login-btn, .google-btn .login-btn {background-size: 75% auto; }
}
@media only screen and (max-width:360px){
.facebook-btn .login-btn, .google-btn .login-btn {background-size: 85% auto; }
}
@media only screen and (max-width:320px){
}