.login-sec { font-family: 'Open Sans', sans-serif;padding:150px 0;background: url(//d3ne5s9fv9p81l.cloudfront.net/image/login_page_bg.jpg) no-repeat center bottom #ecd2b1; background-size:100%; }
.login-detail { width:99%; max-width:358px; margin:0 auto; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border:1px solid #ccc; box-shadow: 0 0 9px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 0 9px 0 rgba(0,0,0,0.05); -o-box-shadow: 0 0 9px 0 rgba(0,0,0,0.05); }

.login-popup-overlay { position: fixed; left:0; top:0; width:100%; height:100%; z-index: 999; background: rgb(48,66,86); background: rgba(48,66,86,0.9); }
.login-popup-content { z-index: 9999; position: absolute; top:225px; left:0; right:0; margin:auto; }
.forgot-password-popup { background: #fff; padding:25px 20px 40px; position:relative; }
.forgot-password-popup h2 { font-size:16px; font-weight:700; color:#333; margin-top:25px; text-transform: uppercase; }
.forgot-password-popup p { font-size:16px; line-height:24px; margin:10px 0; color:#666; }
.forgot-password-popup .login-popup-close { position:absolute; right:10px; top:10px; }
.forgot-password-popup .login-msg { margin:25px 0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding:15px; color:#fff; font-size:14px; line-height:20px; position:relative; }
.forgot-password-popup .login-msg.success { background-color: #99cc66; }
.forgot-password-popup .login-msg.error { background-color: #ff6666; }
.forgot-password-popup .login-msg img { position: absolute; right:10px; top:20px; }
.forgot-password-popup .login-msg p { color: #fff; margin: 0; font-size: 15px; }

.login-tab { display:block; font-size:0; }
.login-tab li { display:inline-block; text-align:center; width:50%; font-size:16px; text-transform: uppercase; float:left; }
.login-tab li a { display:block; line-height:50px; background: #ccc; color:#fff; }
.login-tab li a.signin { border-radius: 3px 0 0 0; -webkit-border-radius: 3px 0 0 0; -moz-border-radius: 3px 0 0 0; }
.login-tab li a.signup { border-radius: 0 3px 0 0; -webkit-border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; }
.login-tab li a:hover, .login-tab li.active a { background: #fff; color:#333; font-weight:700; text-decoration: none; }
.login-tab-content { padding:25px 30px; background: #fff; }
.login-tab-content input[type=text], .login-tab-content input[type=password], .forgot-password-popup input[type=text], .login-tab-content select  { border:1px solid #e8e8e8; background-color: #f5f5f5; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; color:#333; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; width:99%; text-indent:10px; padding:0; height:40px; font-size:14px; font-weight:300; margin-top:20px; text-indent:15px; position:relative; }
.login-tab-content input[type=text].uname { background: url(//d3ne5s9fv9p81l.cloudfront.net/image/icons/login_page_icon.png) no-repeat 8px 14px #f5f5f5; text-indent:30px; }
.login-tab-content input[type=password].pass { background: url(//d3ne5s9fv9p81l.cloudfront.net/image/icons/login_page_icon.png) no-repeat 8px -48px #f5f5f5; text-indent:30px; }
.forgot-password-popup input[type=text].email { background: url(//d3ne5s9fv9p81l.cloudfront.net/image/icons/login-page-email-icon.png) no-repeat 7px 15px #f5f5f5; text-indent:30px; }
.login-tab-content input[type=text]:focus, .login-tab-content input[type=password]:focus, .forgot-password-popup input[type=text]:focus { background-color: #fff; border:1px solid #00b1e3; box-shadow: 1px; box-shadow: 0 0 0 1px #00b1e3; -webkit-box-shadow: 0 0 0 1px #00b1e3; -moz-box-shadow: 0 0 0 1px #00b1e3; -o-box-shadow: 0 0 0 1px #00b1e3; }
.login-tab-content input.validation-failed, .login-tab-content select.validation-failed, .login-tab-content input.validation-failed:focus, .login-tab-content > .validation-failed select, .login-tab-content > .validation-failed select:focus, .forgot-password-popup input.validation-failed, .forgot-password-popup input.validation-failed:focus { background-color: #fff !important; border:1px solid #ff6666; box-shadow: 1px; box-shadow: 0 0 0 1px #ff6666; -webkit-box-shadow: 0 0 0 1px #ff6666; -moz-box-shadow: 0 0 0 1px #ff6666; -o-box-shadow: 0 0 0 1px #ff6666; }
.login-tab-content input[type=submit], .forgot-password-popup input[type=submit] { padding:0; margin-top:25px; text-align:center; cursor: pointer; line-height: 44px; height:48px; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; width:100%; font-weight:700; text-transform: uppercase; letter-spacing: 2px; background: #fb5e14; border:none; color:#fff; font-family: 'Open Sans', sans-serif; font-size:14px; -webkit-appearance: none; }
.login-tab-content input[type=submit]:hover, .forgot-password-popup input[type=submit]:hover { background-color: #e55613; }
.login-tab-content a.fb_btn { margin-top:15px; display:block; text-align:center; line-height: 48px; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; color:#fff; font-size:14px; background: url(//d3ne5s9fv9p81l.cloudfront.net/image/icons/login_page_icon.png) no-repeat 20px -110px #609ee9; }
.login-tab-content a.fb_btn:hover { background-color: #4283d1; }
.login-tab-content a.guest_btn { margin-top:15px; display:block; text-align:center; line-height: 46px; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; color:#333; font-size:14px; background:#fff; font-weight:700; border:1px solid #e8e8e8; text-transform: uppercase; }
.login-tab-content a.guest_btn:hover { background: #f5f5f5; border:1px solid #ccc; }
.login-tab-content ul { padding:0 30px 25px 30px; margin:0 -30px; border-bottom:3px solid #ccc; }
.login-tab-content ul li { font-size:16px; line-height:24px; padding-bottom:10px; padding-left: 30px; background: url(//d3ne5s9fv9p81l.cloudfront.net/image/icons/login_page_icon.png) no-repeat 0 -195px; clear:both; }
.login-tab-content h3 { margin-top:20px; font-weight:700; color:#333; font-size:14px; }
.login-tab-content p.terms { color:#333; font-size:12px; line-height:18px; margin:10px 0; }
.login-tab-content p.terms a, #thankyou.login-tab-content div p a { text-decoration:underline; color:#333; }
#thankyou.login-tab-content div { margin-top:10px; text-align:center; padding-top:35px; background: url(//d3ne5s9fv9p81l.cloudfront.net/image/icons/login_page_icon.png) no-repeat 50% -270px; }
#thankyou.login-tab-content div b { font-size:18px; color:#fb5e14; }
#thankyou.login-tab-content div p { margin-top:15px; font-size:14px; color:#333; }
#forget_password { padding-top: 10px; }
.login-error-msg{ color:#FF0000; padding-top:10px; font-weight:400; }
#thankyou.login-tab-content { padding:50px 30px; }
.header_search { margin: 4px 0 0; width: auto !important; }
.login-tab-content select {width:100%; line-height:40px; appearance: none; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; padding-left:10px;}
.country_resident { display:inline-block; overflow: hidden; border:1px solid #e8e8e8; background:url(//d3ne5s9fv9p81l.cloudfront.net/image/subscription/nw_signup_select_bg.png) no-repeat 97% center #f5f5f5; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-weight:normal; width:93%; vertical-align: middle; }
.email-suggestion { color: #FF0000; font-size: 14px; width: 100%; text-decoration: underline; }
.email-suggestion:hover { text-decoration: none; }
.js-captcha-forgot-password-package { margin-top:15px; position:relative; }
.js-captcha-forgot-password-package img{ vertical-align:middle; }
.js-captcha-forgot-password-package a#yw0_button{ color: #108bcd; position: absolute; top: 47px; }
.js-captcha-forgot-password-package input[type=text]{ width: 104px; margin-top: 0; margin-bottom: 15px; }

@media screen and (min-width: 768px) and (max-width: 800px)	{
    #popwin { width:98% !important; }
    #popwin-iframe { width:100%!important; }
    #popwin-con-outter, #popwin-con { width:100% !important; }
    #popwin-con-outter #popwin-close { right:10px !important; left:auto !important; }
}