﻿*{margin:0;padding:0;box-sizing: border-box;letter-spacing: 0;/* box-sizing: border-box; */-moz-box-sizing: border-box;}

html{overflow:auto;height:100%;}
body{text-align:center;font-size:16px;letter-spacing: -0.4px;color:#3e3e40;background-color:#fff;height:100%;font-family:Typograph,Etypograph,Arial;direction:rtl;overflow-x:auto;overflow-y: auto;    margin: 0px;}
img{border:0;vertical-align:middle;}
a{text-decoration:none;color:#0089ee;}

.helpMsg .close {position: absolute;top: -17px;}
a:hover,a:focus{text-decoration:underline}
ul{height:100%;}
article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block;}
.left {float: left;}
.right {float: right;}
.textright{text-align:right;}
.textleft{text-align:left;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset;}
input:-webkit-autofill + .watermark{display:none}
input[type=password]{font-size: 22px!important;font-family: arial!important;}
input.input::-webkit-input-placeholder{color:#fff;text-indent:-500px}
input.input::-moz-placeholder{color:#fff;text-indent:-500px}
input.input:-ms-input-placeholder{color:#fff;text-indent:-500px}
input.input:-moz-placeholder{color:#fff;text-indent:-500px}

.nav a:focus {outline: -webkit-focus-ring-color auto 0px;}
#wrapper{width:100%;max-width:1920px;margin: 0 auto;}
header{background-color:#fff;}
header:lang(en){text-align:right;}
header:lang(he){text-align:left;width: 100%;}
header img{height:40px;}
section{width:100%;padding: 50px 30px;margin:0 auto;}
section > div{max-width: 1240px;margin:0 auto;display:table;width:100%}
section>*{display:table-cell;}
#marketBox{height:inherit;padding-bottom:28.15%;padding-bottom: 35%;font-weight:bold;color:#ffffff;position:relative;}
#marketBox iframe{background-color:transparent;width:100%;height:100%;border:0;overflow:hidden;z-index: 1;}
#marketBox  > div{position:absolute;top:0;bottom:0;left:0;right:0;}

.formWrp{background-color:#ffffff;}
.mainScreen>* { clear: both;}
h1{font-weight:normal;color: #0089ee;font-family:Typograph,Etypograph,Arial;letter-spacing:-1px;}
h2{font-weight:normal;color: #5c5c5c;letter-spacing: -1px;}
a h3{line-height: 85%;}

#backScreen h2 {margin-bottom: -15px;}
#changePassword h1{margin-bottom:10px}
.button{border:0;border-radius: 1.78px;cursor:pointer;font-family:Typograph,Etypograph,Arial;background-color:#0097f0;color: #fff;display: inline-block;text-align: center;-webkit-appearance:none;height:inherit}
.button a{color:#fff;padding: 0 21px;line-height: 100%;height: 100%;display: inline-block;width: 100%;}
.button a:hover,.button a:focus,.button:hover,.button:focus{background-color:#0082e1;text-decoration:none}
.forgot{height:15px;}
.forgot a{font-size: 18px;color:#0089ee;}
.forgot a:lang(he){float:left}
.forgot a:lang(en){float:right}
.hideMsg {display: none!important;}

.mainScreen .forgotWrapper { height: 28px; margin-top: 6px; text-align: left; padding-left: 48px;}

.inptDiv {display: inline-block;width: 100%;border-bottom: 3px solid #dae0e4;}
.inputWrapper{position:relative;vertical-align: top;}
.inputWrapper input,.inputWrapper .watermark,.inputWrapper .placeholder{border-style:solid;border-radius: 0;font-family:Typograph,Etypograph,Arial;float: left;border-width:0px;border-color:#0089ee;height: 30px;color:#5c5c5c;line-height: 33px;text-align:right;width: 100%;margin-bottom:1px;margin-bottom: 2px;display:inline-block;overflow:hidden}
.inputWrapper input{font-family:'Etypograph'}
.inputWrapper input:focus{outline:#cae1ec thin;}
.inputWrapper .watermark,.inputWrapper .placeholder,.inputLabel{color:#738394;padding-right:17px}
.inputWrapper .watermark strong ,.inputWrapper .placeholder strong, .inputLabel strong{font-weight: re;margin-left:10px;color:#5c5c5c;}
.inputLabel{height:22px;padding-right:0}
.labelWrapper{padding-right:15px}
#backScreen .labelWrapper {margin-top: 25px;}
.nav{ width: 100%;display: table;margin-bottom: 23px;}
.nav li{display:table-cell;width:49%;height: 20px;text-align:center;border-bottom: 1px solid #AEB6BC;padding-right: 1px;/* vertical-align: top; */}
.nav li.active{border-top: 6px solid #0089ee;border-bottom-width: 0;background-color: white;}
.nav li:first-child{border-left:1px solid #AEB6BC;padding-right: 0;}
.nav li a{ width: 100%;font-size: 1.45em;line-height: 116%;display: inline-block;color: #939393;position: relative;/* vertical-align: top; */padding-right: 55px;padding-left: 5px;}
.nav li a div{display: inline-table;max-width: 100%;text-align: right;line-height: 82%;letter-spacing: -0.5px;word-spacing: -1.5px;vertical-align: middle;/* padding-right: 35px; */}
.nav li a span{white-space: nowrap;letter-spacing: inherit;}
.nav li a .icon{vertical-align: middle;margin-right: -46px;}
.nav .activeIcon{display:none} .nav li .disableIcon{display:inline-block}
.nav li.active .activeIcon{display:inline-block} .nav li.active .disableIcon{display:none}
.nav li.active a{color:#0089EE;cursor: pointer;}
.nav li a,a.button{text-decoration:none;cursor: pointer;}
.navBtn > div{position:relative}
.notActive{display:none;}
.lpWpr * {/* transition: all .3s; */}
.lpWpr{position:relative;display: inline-block;width: 100%;}
#smartLoginDetails.notActive,#smartLogin.active,#joinLogin.active{transform-origin:top;}
#smartLoginDetails.active,#smartLogin.notActive{transform-origin:bottom;}
.SmartLoginDetailsHeader{font-size: 1.3em;color: #0089ee;line-height: 1.5em;}
.SmartLoginDetailsBody{color:#5c5c5c;}
#smartLoginDetails a{font-size:1.125em}
#okWrapper.noButton{display:none}
#okWrapper.buttonDown{animation: unloadDown 0.8s;animation-fill-mode:forwards;position:absolute;width:77.5%;display:none}
.loginPanel{display:none;}
#smartLoginPanel{transition: height 1s;margin-bottom: 0px;}
.loginPanel.active{display:table;width:100%;}
#joinSmart{float: left;}
.nearButton{float: right;padding: 7px 16px 8px;/* border: solid 2px; */height:inherit}
.nearButton:hover{text-decoration:none;color: #0082e1;.nearButton: hover {      text-decoration: none;      color: #0082e1;  };.nearButton: hover {      text-decoration: none;      color: #0082e1;  };.nearButton: hover {      text-decoration: none;      color: #0082e1;  };}
.notice{clear:both}
#waiting {text-align:center;padding: 20px 0;}
 .textTop{color: #5C5C5C;font-size:1.5em;LINE-HEIGHT: 1.22em;}
#waiting #timer{color:#1693EA;font-size: 3.06em;font-family: "eft",arial;font-weight: lighter;margin-top: 10px;}
.textBottom{color:#778EA1;font-size:1.375em;line-height:1.05em}
#waiting img {margin: 11px 0 12px;}
div#smartMsgScreen {    color: #5c5c5c;text-align: center;margin: 20px auto;min-height: 194px;}
.leumiCallFix{display:inline-block;direction:ltr}

ul.circle {list-style: none;padding:0;margin:0;}
ul.circle li:before {color: #0089EE;margin-left: 15px;margin-right: -23px;vertical-align: middle;content:'';width: 7px;height: 7px;background-color: #0089EE;border-radius: 50%;display: inline-block;}
ul.circle li{padding-right: 12px;}
#clear-2both{background-image: url(https://hb2.bankleumi.co.il/InternalSite/CustomUpdate/bimage.asp);}
.inputErr{height:22px; color:#ff4c4c;}
.inputWrapper.error .inptDiv, .inputWrapper.error input, .inputWrapper.error .watermark, .inputWrapper.error .placeholder{border-color:#ff4c4c}
.help{vertical-align: top;display:inline-block;right:0}
#triesWrapper{display:inline-block;float:right;font-size:1.125em;color:#fe0000;}
#smartLogin .help{display:none}
#smartLogin > div{margin-right:0;/* padding-right: 0; */}
#frontScreen .inputWrapper{padding: 1px;margin-bottom: 20px;}
#smartLogin .notice{
    margin-top: 15px;
    margin-bottom: 12px;
}
#smartLogin #okWrapper{margin-top: 30px;padding-right: 12px;}
#triesWrapper{display:inline-block;float:right;font-size:1.125em;color:#fe0000;}
#okWrapper{text-align:left;position: relative;}
.error #okWrapper{text-align:center;margin-right: 0;}
#triesWrapper{ position: absolute;top: 0;right: 0;bottom:0;padding-left:10px;direction: RTL;}
#triesWrapper:before{ content: '';display: inline-block;vertical-align: middle;height: 100%;width: 0;}
#triesWrapper label{word-wrap:break-word;display: inline-block;vertical-align:middle;}
#triesWrapper img{vertical-align:middle}
#okWrapper.attmpMsg{text-align:right;padding-bottom: 14%;}
#joinLogin #okWrapper.attmpMsg{padding-bottom: 0;}
.attmpMsg .button{float:left;z-index: 2;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);}
#smartLoginDetails a.more{display:inline-block;float:right}
.msgTrade{display:none;}
.errHeader,#errHeader{color:#F70000; font-weight:bold}
.errHeader a,#errHeader a{white-space:nowrap;font-size: 1em;}
.inner{margin: 35px 20px;line-height: 29px;color:#5c5c5c;font-size: 1.062em;}
.inner img {margin-right:-28px;}
.inner:before{content:'';background-image: url(../../images/15Sstyle/Alert.png);display:inline-block;width:22px;height:22px;vertical-align: text-top;margin: 0 -25px 0 -1px;}
.successType .inner:before{content:'';background-image: url(../../images/Leumi/icon_V.png);background-size:contain}
.helpMsg {position: absolute;border: solid 1px #00adee;padding: 13px 10px;color: #686d79;font-size: 1em;background: #fff; border-radius: 0;box-shadow: -2px 2px 1px 0 #d6d6d6;transition: all .3s;-ms-filter: "alpha(opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;z-index: -1;line-height: 22px;font-weight: normal;text-align: right;top: 0;max-width: 250px;max-height: 0px;overflow: hidden;}
a:hover.help + .helpMsg, .helpMsg.open {-ms-filter: "alpha(opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1; opacity: 1;z-index: 99999; transition-delay: .2s;max-height: none;}
.helpMsg ul{margin-right:25px}
.helpMsg .title{color:#5c5c5c;font-weight:bold}
.footer1{height:63px;line-height:63px;background-color:#0096ef;clear:both;display:block;text-align:center;color:#ffffff;z-index: 1;}
.footer1 a{color:#ffffff;}
footer li{list-style:none;display: inline-block;vertical-align:middle;top:auto;border-right: solid 1px;padding: 0 8px 0;line-height:11px;}
footer li:first-child{border-width:0}
.footer1 img {padding:3px 7px 3px 6px;}
.footer2{height:40px;font-size:12px;text-align:center;background-color:#fff;color:#0096ef;padding: 20px 0;}
.footer2 a{color:#0096ef}
li#secure { line-height: 32px;width: 231px;height:32px;display:inline-block;zoom:1;*display:inline;margin-top: -5px;vertical-align:top;font-size:12px;border-width:0}
#secure:lang(he){text-align:right;background:url('/nLogin/images/15Sstyle/gray-bg3.png') no-repeat;}
#secure:lang(en){text-align:left;background:url('/nLogin/images/EnSurfSafeBg.png') no-repeat;}
#secure img{margin:-1px 0;vertical-align:top}
#secure #guarantee {  margin-right: 7px; line-height: 29px;display: inline-block;vertical-align: top;}
#verisign:lang(en){margin:0px 19px 0 12px;}
#verisign:lang(he){margin:0 -2px 0 37px}
.ErrMsg{ font-size: 1.062em;color:#5c5c5c;margin-top:0px;margin-bottom: 30px;background-color:#ecf1f6;padding:5px;}
#login .ErrMsg.onlyJoin,#joinLogin .ErrMsg:not(.onlyJoin){display:none}
.ErrMsg div{padding:2px 5px}
.footer1 #contactUs {font-weight:bold}
.footer1 a:before{background-repeat:no-repeat}
.footer1 #contactUs:before{display:inline-block;content:'';vertical-align:middle;margin-left:5px;}
@media (max-width: 767px) 
{
header{/* padding: 12px 5% 12px; */} 
section{background-image:none;padding:0;display:block}
.accessibilityClass{ margin-top: 6px !important}
.btnPosition {margin-right: 20px !important;}
.loginCube{width:100%;z-index: 100;}
.formWrp{width:100%;z-index: 100;}
header img{height:30px}
.loginPanel>*, #backScreen{margin: 0 4%;}
#waiting {margin-bottom: 20px;}
#backScreen.error {margin-bottom: 100px;/* margin-top: 100px; */margin-right: 0;}
.SmartLoginDetailsBody {font-size: 1.2em;line-height: 1.25em;margin: 2px 10% 9px;}
.nav {margin-bottom: 10px;}
ul.circle li:before {width: 5px;height: 5px;margin-left: 5px;margin-right: -10px;}

ul.circle {margin-right: 6%;}

div#smartLoginDetails > p {margin-right: 6%;margin-left: 6%;}


#smartLoginDetails {padding: 1px;margin-bottom: 6px;}
.labelWrapper,.inputLabel,.inputErr{height:22px;}

.formOpen#smartLoginDetails ul {margin-bottom: 9px;}
ul.nav {margin-bottom: 10px;}
#smartLoginDetails .SmartLoginDetailsHeader {margin-top: 13px;}
.mainScreen{height:auto;margin-bottom: -13px;}
h1 {text-align: center;margin-bottom:5px!important; line-height:65px;font-size: 40px;background-color:#ecf1f6;background-repeat: no-repeat;background-size:auto 35%;background-position:left 24px center;margin:0!important}
h2{margin-right: 10%!important;font-size:1.9em;margin-bottom: 18px;}

#backScreen h2 {margin-top: 18px;}
.inputWrapper{margin-right: 10%;display: table;width: 90%;}
#frontScreen .inputWrapper{/* width: 100%; */}
.help{width: 8%;height: auto;margin: 1% -13% 1% 3%;}
.help img{width:100%;}
.inputWrapper input,.inputWrapper .watermark{font-size: 1.4em;border-right-width: 2px;margin: 0;padding-right: 9px;width: 100%;vertical-align: middle;/* font-weight: bold; */margin-bottom: 6px;}
.inputWrapper .watermark strong{display:block;}
.inputWrapper .watermark{border-width: 0;padding-right: 16px;top: 50%;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.inputWrapper .inptDiv{position: relative;height:0;padding-bottom: 9.3%;}
.inputWrapper input{position:absolute;height: 93%;line-height: 1em;}
.labelWrapper{height:22px;font-size: 1.25em;margin-right: 10%;margin-top: 2px;padding-right:15px}
.ErrMsg{margin-right: 10%;}
.forgot {margin-top: 5px;margin-bottom: 6px;}
.forgot a{font-size:1.2em;}
.button{font-size: 1.6em;font-family:Typograph,Etypograph,Arial; border-radius:5px; -moz-border-radius:5px;-webkit-border-radius:5px; padding: 9px 14px;min-width: 96px;}
#smartLoginDetails a.more{font-size: 1.6em;padding-top:9px;padding-bottom:9px}
a.nearButton {padding-top: 7px;padding-bottom: 7px;border-radius: 5px;      -moz-border-radius: 5px;      -webkit-border-radius: 5px;}
#okWrapper{text-align:left;margin-bottom: 24px;margin-top: 15px;position: relative;/* padding-right: 10%; */display: table;width: 100%;}

#smartLoginDetails #okWrapper {height: auto;padding-right: 7%;}
#smartMsgScreen .title {font-size: 1.333em;margin-top: 20px;margin-bottom: 15px;padding-right: 10%;padding-left: 10%;}
#smartMsgScreen .msg {font-size: 1.2em;margin: 0 32px;}
#smartLoginPanel {margin-bottom: 7px;}
.error #okWrapper{text-align:center;}
#triesWrapper{font-size: 1.2em;width: 60%;}
#triesWrapper img{width: 25%;max-width: 70px;position: relative;display: inline-block;}
#triesWrapper label{padding-right:5px;width: 68%;}
.error .inner{font-size:1.5em;}
.error .middle, .error .btnPanel{padding: 0 4%;}
.error .middle{margin-top:100px}
.ErrMsg{font-size:1.1em}
.ErrMsg,.error .inner{padding-right:33px;margin-bottom: 30px;}
.ErrMsg{margin: 15px 8% 15px 0;}
.ErrMsg img{width:24px;margin-right:-30px;}
.error .button{width: 47%;}
.SmartLoginDetailsHeader{font-size:1.4em}

.error .button:first-child {margin-left: 5%;}
.error:not(.successType) .button:first-child{float:right}
.inputLabel{display:block;}
a:hover.help + .helpMsg, .helpMsg.open{max-height: 164px;overflow-y:auto}

.nav{margin-bottom: 0;}
.nav li{border-top:1px solid #AEB6BC;border-bottom-color: #DAE0E4;}
.nav li.active{border-top-width:2px;}
.nav li a{padding-top: 7%;padding-bottom: 7%;font-size: 1.6em;padding-right: 20%;}

.nav li a .icon{width: 17%;margin-left: 5px;margin-right: -30%;}
.notice{font-size: 1.2em;color:#5c5c5c;margin-bottom: 5px;}

aside{width:100%;background-image:url('/nLogin/images/15Sstyle/123image-mobile.jpg');background-size:cover;}
#marketBox {margin: 5px;margin:14px;padding-bottom: 29.8%;}

.footer1{font-size:1.7em;line-height: 2.5em;height: auto;}
.footer2{font-size:1.45em;height: auto;padding: 4px 0;}
.footer1 #contactUs:before{width:32px;height:32px;background-image:url(/nLogin/images/15Sstyle/phone_mobile.png);background-size: contain;background-repeat: no-repeat;}
li#secure {display:block;margin: 5px auto 0;}
.onlyMobile{display:''}.onlyDesktop{display:none;}
}
@media(min-width:768px)
{header{}
section{height:673px;padding-bottom:0}
section>*{margin:0 2.1%;}
.formWrp{width: 43%;-webkit-box-shadow: -1px 2px 5px 1px rgba(0,0,0,0.16);      -moz-box-shadow: --1px 2px 5px 1px rgba(0,0,0,0.16);box-shadow: -1px 2px 5px 1px rgba(0,0,0,0.16);}
aside{width: 52.5%;}
#wrapper section {background-image:url('/nLogin/images/15Sstyle/123img-desktop.jpg');background-repeat:no-repeat;display:table;background-position:center top;}
#wrapper #religSection {background-image:url('/nLogin/images/15Sstyle/123img-desktop-relig.jpg')}
.helpMsg {max-width:550px}
.helpMsg ul {width:500px;}
#backScreen.error{float:right}
h1:after{width:30px}
.message #backScreen.mainScreen{padding: 1px 4% 40px;}
.changepassword #login #backScreen.mainScreen{padding: 1px 10% 40px;}
.loginPanel{padding: 0px 10% 21px 10%;}
.changepassword .mainScreen>*{margin-right: 17px;}

#backScreen.mainScreen .middle { margin-right: 0;}
#waiting #timer{font-size: 2.3em;}
.formOpen li{margin-bottom:0!important;}
.formOpen .SmartLoginDetailsBody{margin-top:0!important;}
#smartLoginPanel #joinLogin {}
h1 { font-size:2em; margin-bottom:15px;margin: 52px 10% 10px 3%;}
.error h1{margin: 52px 1% 10px;}
h2{font-size:1.312em}
H3 {font-size: 2em;margin-bottom:6px;}
#backScreen .ErrMsg{margin-top: 20px;}
.ErrMsg{  padding-right: 32px;margin-bottom:-10px;margin-right: 5%;position: relative;}
.ErrMsg img{margin-right: -25px;}
.help{margin-right: -32px;width: 25px;height: 26px;padding-left: 3px;padding-top: 4px;}
.labelWrapper{height:22px; font-size:1.125em;margin-bottom: 2px;margin-right: 5%;}
.button{font-size:1.4em;}
.button,.button a{min-width: 120px;padding: 10px 21px;}
.button.btnWrp{padding:0}
.btnPanel .button {margin-right:5px}
#smartLogin .button{width: 38%;}
#smartLoginDetails a.more{font-size:1.4em;padding-top:10px;padding-bottom:10px}
.inputWrapper{height:36px;font-size: 1.25em;margin-right: 5%;}
.inputWrapper .input{font-size: 1.125em;border-right-width:3px;padding-right: 10px;}
.forgot a{font-size:1.125em}
.forgot{margin-bottom: 6px;margin-top: 13px;}
#okWrapper {margin-top: 42px;height:46px}
.ErrMsg + #okWrapper {    margin-top: 28px;}
#frontScreen #okWrapper{margin-top:35px}
#frontScreen .ErrMsg + #okWrapper{margin-top: 24px;}
.error #okWrapper { text-align: left;}
div#smartLogin .ErrMsg + #okWrapper {margin-top: 58px;margin-bottom: 0px;}
div#smartLogin .ErrMsg {margin-bottom: -7px;margin-top: 29px;}

#triesWrapper{ margin-right: -28px;width:auto;left:0;padding-left:172px;padding-right: 3%;}
#triesWrapper img {margin-left: -66px;margin-top:-4px}
#triesWrapper label{padding-right: 68px;}
.footer1{font-size:20px;}
.footer2{font-size:18px;}
.footer1 #contactUs:before{width:17px;height:19px;background-image:url(/nLogin/images/15Sstyle/phone_desktop.png);}
.nearButton{}
.nav li a{padding-top: 14px;padding-bottom: 14px;}
.nav li a .icon{width:35px;height:35px;margin-left: 10px;}
#smartLoginDetails .SmartLoginDetailsBody{margin-top: 0px;font-size: 1.125em;line-height: 1.25em;margin-bottom: 15px;word-spacing: -2px;}

ul.SmartLoginDetailsBody.circle {margin-right: 4px; list-style: none;}
#smartMsgScreen .title {font-size: 1.5em;margin-top: 15px;margin-bottom: 15px;}
#smartMsgScreen .msg {font-size: 1.25em;}

ul.circle li {padding-right: 21px;}
.notice{font-size:1.125em;color:#5c5c5c;margin-top: 11px;}
.onlyMobile{display:none}.onlyDesktop{display:'';}
}
@media(max-width:860px) and (min-width: 768px)
{.button {min-width: 111px;width: 111px;}
#triesWrapper{padding-left:111px;}
.nav li a.navBtn{
    padding-right: 18%;
}
.nav li a img.icon{margin-right: -28px;}
.nav li:first-child  a.navBtn{
    padding-right: 22%;
}
}
@media(max-width:910px) and (min-width: 768px)
{
#triesWrapper label{font-size: 0.95em;}
ul.nav li { font-size: 0.95em;}
.button,#smartLoginDetails a.more {font-size: 1.25em; padding-right: 0;padding-left: 0;}
.nav li a .icon { margin-right: 0; margin-left: 2px;}
.SmartLoginDetailsHeader{font-size:1.2em}
h1{
    margin: 52px 10% 10px 28%;
    }
}
@media(max-width:1277px) and (min-width: 768px)
{.formWrp{ margin-left: -550px;}
.inputWrapper{font-size: 1.05em;}
.labelWrapper{font-size: 1.05em;}
.forgot a{font-size: 1.05em;}
.forgot{margin-bottom: 5%;margin-top: 3%;}
.formOpen .forgot{margin-top: 1.5%;margin-bottom:4%}
.inputWrapper input, .inputWrapper .watermark,.labelWrapper {padding-right: 3%;}
.inputWrapper .watermark {padding-right: 5%;}
.inputWrapper .watermark strong { margin-left: 3%;}
#backScreen.mainScreen{padding-right: 3%;padding-left: 3%;} 
.loginPanel,.changepassword #backScreen.mainScreen {padding-right: 4%;padding-left: 4%;}
.button, .button a{padding-right:0;padding-left:0}
#backScreen .labelWrapper {margin-top: 5.5%;}
#triesWrapper {font-size:1.125em;}
#backScreen h2 {  margin-bottom: -8px;}
}

@media(max-width:1280px)and (min-width: 1025px) {#smartLoginDetails{font-size: 0.95em;}.notice{font-size:1.05em}}
@media(max-width:1024px) and (min-width: 768px){
.inner{font-size:15px}
.nav{margin-bottom: 21px;}
.nav li{border-top:1px solid #AEB6BC;}
.nav li.active{border-top-width:2px;}
.nav li a{padding-top: 7%;padding-bottom: 7%;padding-right: 19%;font-size: 1.416em;/* text-align: right; */}
.nav li a .icon{width: 16.5%;height: auto;margin-left: 5px;margin-right: -22%;}
#triesWrapper img {width: 20%;}
.button,#smartLoginDetails a.more{padding-top: 6px;padding-bottom: 6px;font-size:1.4em}
.nearButton{padding-top: 4px;padding-bottom: 4px;vertical-align: middle;font-size:1.4em}
#okWrapper{height: 38px;}
div#triesWrapper {padding-left: 133px;}
#waiting{font-size: 0.85em;}
#waiting img{margin-bottom:20px}
#smartLoginDetails{font-size: 0.89em;}
#smartLoginPanel #joinLogin {font-size: 1.125em;}
.notice{font-size:1em;margin-top: 21px;}
div#smartLoginPanel #okWrapper.textleft{margin-top: 30px;}
ul.circle li:before {width: 6px;height: 6px;}
}
@media(max-width:540px)
{
h1{font-size:40px;background-size:auto 32%}
h2{font-size:30px}
.footer2{   font-size: 1.1em;}
.footer1{ font-size: 1.2em;}
.error .inner,.ErrMsg{padding-right:24px;}
.ErrMsg img{width:15px;margin-right:-19px;}
.footer1 #contactUs:before{width:20px;height:20px;vertical-align: middle;}
/*#marketBox {margin: 5px;padding-bottom: 31%;}*/
	#marketBox {  margin: 5px;padding-bottom: 28.5%;}
}
@media(max-width: 469px)
{
.inputWrapper .watermark strong{margin-top:-2px}
.labelWrapper{padding-right: 5px;}
h1{font-size:30px;background-size:auto 29%}
h2{font-size:20px;}
#backScreen.error{margin-bottom:50px;margin-top: 26px;}
#backScreen .labelWrapper {margin-top: 20px;}
.footer2{font-size: 1em;}
.footer1{ font-size: 1.1em;}
}
@media(max-width:380px)
{#marketBox{padding-bottom: 33%;}
}

@media(max-width:950px) {body{font-size: 15px;}}
@media(max-width:995px) {.labelWrapper,.inputLabel,.inputErr{height: 18px;}}
@media (max-width: 767px) {body{font-size: 16px;}}
@media(max-width:660px){body{font-size: 15px;}}
@media(max-width:613px){body{font-size: 14px;}}
@media(max-width:580px){body{font-size: 13px;}}
@media(max-width:540px){body{font-size: 13px;}}
@media(max-width:350px){body{font-size: 12px;}h1{font-size:25px}}
@media(max-width:310px){body{font-size: 11px;}}
.msgText{text-align:center;font-size: 12px;color:#3e3e40;display:inline;}.footer2 img{margin:11px 7px;}
.fx .footer2 span{color:#38b0f4;}
_:-o-prefocus,body:last-child #triesWrapper img{position:absolute}



.accessibilityClass{font-family:Arial;height: 25px;background-color: #0078da;display: inline-block;font-size: 16px;text-align: center;/* padding: 0px 7px; */border-radius: 5px;line-height: 24px;cursor: pointer;color:#ffffff;float: right;top: 5px;margin: 10px 0;width: 90px;/* float: none; */font-weight:normal;}
.accessibilityClass:lang(en){width:120px;}
.accessibilityClass:hover{text-decoration:underline}

#accessibilityWrp {direction: rtl; float: right}
#accessibilityWrp:lang(en) {direction:ltr; float:left}

.btnPosition
{
    position: absolute !important;
    float: right;
    top: 47px;
    right: 0;
    margin-right: 30px;
}

.subHeader {
    height: 62px;
    padding: 10px 30px 10px 43px;
    background-color: #fff;
    margin: 0 auto;
}


/*   PRIVACY_POLICY_MESSAGE   */

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.row:before, .row:after {
    display: table;
    content: " ";
}

.privacy_policy_message_container {
    font-family: Typograph,Etypograph,Arial;
    position: relative;
    width: 100%;
    width: 1024px\9;
    background-color: #e7f1f7;
    padding: 10px 30px 10px 5px;
    padding: 15px 45px\9;
    margin: 0;
    text-align: right;
    height: 83px;
}

@media(max-width: 767px) {
    .privacy_policy_message_container {
        height: 150px;
    }
}

.privacy_policy_message_container>div.row>div:after {
    content: "";
    display: block;
    clear: both
}

.col-sm-1.col-xs-2 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-left: 0;
}

    .col-sm-11.col-xs-10 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        margin-left: 0;
        float: right;
    }


@media(min-width: 768px) {
    .privacy_policy_message_container {
        padding: 15px 45px;
        /* display: none; */
    }

    .col-sm-11 {
        width: 91.66666666666666%;
    }


    .col-sm-1.col-xs-2 {
        /* width: 28.333333%; */
        float: right;
    }

}

.privacy_policy_extrenal_article .privacy_policy_message_container {
    width: 100%;
    width: 870px\9;
    max-width: 100%
}

@media(min-width: 768px) {
    .privacy_policy_extrenal_article .privacy_policy_message_container {
        max-width:90%
    }
}

@media(min-width: 1024px) {
    .privacy_policy_extrenal_article .privacy_policy_message_container {
        width:870px
    }
}

@media(min-width: 1280px) {
    .privacy_policy_extrenal_article .privacy_policy_message_container {
        width:937px;
        max-width: 100%
    }
}

@media(min-width: 1281px) {
    .privacy_policy_extrenal_article .privacy_policy_message_container {
        width:1106px
    }
}

.privacy_policy_message_container .privacy_policy_logo {
    font-size: 0;
    width: 33px;
    height: 33px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    background-image: url(/nLogin/images/i.png);
    display: none;
    display: block\9;
    float: right
}

@media(min-width: 768px) {
    .privacy_policy_message_container .privacy_policy_logo {
        display:block
    }
}

.privacy_policy_message_container .privacy_policy_message_inner_container {
    float: right;
    margin-right: 0;
    margin-right: 15px\9
}

@media(min-width: 768px) {
    .privacy_policy_message_container .privacy_policy_message_inner_container {
        margin-right:15px
    }
}


.privacy_policy_message_container .privacy_policy_message {
    font-size: 5.3vw;
    font-size: 20px\9;
    line-height: 120%;
    color: #004ba5
}

@media(max-width: 767px) and (min-aspect-ratio:13/9) {
    .privacy_policy_message_container .privacy_policy_message {
        font-size:17px
    }
}

@media(min-width: 768px) {
    .privacy_policy_message_container .privacy_policy_message {
        font-size: 20px;
        font-weight: normal;
    }
}

.privacy_policy_message_container .privacy_policy_remark,.privacy_policy_message_container .privacy_policy_remark a {
    font-size: 5vw;
    font-size: 16px\9;
    font-weight: 300;
    line-height: 120%;
    color: #004ba5;
    margin-top: 10px
}

@media(max-width: 767px) and (min-aspect-ratio:13/9) {
    .privacy_policy_message_container .privacy_policy_remark,.privacy_policy_message_container .privacy_policy_remark a {
        font-size:16px
    }
}

@media(min-width: 768px) {
    .privacy_policy_message_container .privacy_policy_remark,.privacy_policy_message_container .privacy_policy_remark a {
        font-size: 16px;
    }
}

.privacy_policy_message_container .privacy_policy_remark a {
    text-decoration: underline
}

.privacy_policy_message_container .col-xs-1 {
    text-align: left
}

.privacy_policy_message_container .privacy_policy_close_button {
    background-color: transparent;
    border: 0;
    font-size: 40px;
    font-size: 42px\9;
    width: auto;
    height: auto;
    color: #5c5c5c;
    padding: 0;
    line-height: 20px;
    float: left;
    position: relative;
    cursor: pointer;
}


@media(max-width: 767px) {
    .privacy_policy_message_container .privacy_policy_close_button {
        cursor: pointer;
        -webkit-appearance: button;
    }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .privacy_policy_message_container .privacy_policy_close_button {
        line-height: 42px
    }
}

@media(min-width: 768px) {
    .privacy_policy_message_container .privacy_policy_close_button {
        font-size:42px
    }
}

.privacy_policy_message_container .privacy_policy_close_button span {
    display: none;
    display: inline-block\9;
    font-family: Typograph,Etypograph,Arial;
    cursor: pointer;
}

@media(min-width: 768px) {
    .privacy_policy_message_container .privacy_policy_close_button span {
        font-size:18px;
        display: inline-block;
        position: absolute;
        top: -2px;
        right: 25px
    }
}

.privacy_policy_message_container {
    font-family: Typograph,Etypograph,Arial;
    width: 100%;
    /* max-width: 1135px; */
    background-color: #e7f1f7;
    padding: 10px 30px 10px 5px;
    padding: 15px 45px\9;
    position: relative;
    z-index: 999;
    /* display: none; */
}

@media(min-width: 768px) {
    .privacy_policy_message_container {
        padding:15px 45px;
    }
}

@media(max-width: 767px) {
    .privacy_policy_message_container>.row>div.col-sm-11 {
        width:83%
    }
}

@media(min-width: 768px) {
    .privacy_policy_message_container>.row>div.col-sm-11 {
        width: 90%;
    }

    .privacy_policy_message_container>.row>div.col-sm-1 {
        width: 10%;
    }
}

.privacy_policy_message_container .privacy_policy_logo {
    font-size: 0;
    width: 33px;
    height: 33px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    background-position: top right;
    background-image: url(/nLogin/images/i.png);
    display: none;
    display: block\9;
    float: right
}

@media(min-width: 768px) {
    .privacy_policy_message_container .privacy_policy_logo {
        display:block
    }
}

.privacy_policy_message_container .privacy_policy_message_inner_container {
    float: right;
    margin-right: 0;
    margin-right: 15px\9;
    width: 100%;
    width: 85%\9;
    text-align: right
}

@media(min-width: 768px) {
    .privacy_policy_message_container .privacy_policy_message_inner_container {
        margin-right:15px;
        width: 85%
    }
}

.privacy_policy_message_container .privacy_policy_message {
    font-size: 5.3vw;
    font-size: 20px\9;
    line-height: 120%;
    color: #004ba5;
}

@media(max-width: 767px) and (min-aspect-ratio:13/9) {
    .privacy_policy_message_container .privacy_policy_message {
        font-size:17px
    }
}

@media(min-width: 768px) {
    .privacy_policy_message_container .privacy_policy_message {
        font-size:20px
    }
}

.privacy_policy_message_container .privacy_policy_remark,.privacy_policy_message_container .privacy_policy_remark a {
    font-size: 5vw;
    font-size: 16px\9;
    font-weight: 300;
    line-height: 120%;
    color: #004ba5;
    margin-top: 10px
}

@media(max-width: 767px) and (min-aspect-ratio:13/9) {
    .privacy_policy_message_container .privacy_policy_remark,.privacy_policy_message_container .privacy_policy_remark a {
        font-size:16px
    }
}

@media(min-width: 768px) {
    .privacy_policy_message_container .privacy_policy_remark,.privacy_policy_message_container .privacy_policy_remark a {
        font-size:16px
    }
}

.privacy_policy_message_container .privacy_policy_remark a {
    text-decoration: underline
}

.privacy_policy_message_container .col-xs-1 {
    text-align: left
}



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .privacy_policy_message_container .privacy_policy_close_button span {
        display: none;
    }
}
