@import url("https://use.typekit.net/ace5jgw.css");
@import url("https://use.typekit.net/gmr5ogr.css");

a,a:focus{outline:0!important}
*,ol,ul{list-style:none}
*,body,h1,h2,h3,h4,h5,h6,ol,ul{margin:0;padding:0}
.full,.login-lt{float:left}
.container,.dis_block,.full,html{width:100%}
.dis_block,p{display:block}
.dis_block,.login-lt ul li,.relative,html{position:relative}
html{-webkit-text-size-adjust:none;font-size:100%;height:100%}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
::-webkit-input-placeholder{color:#999999}:-moz-placeholder{color:#999999;opacity:1}::-moz-placeholder{color:#999999;opacity:1}
:-ms-input-placeholder{color:#999999;opacity:1}.form-control::-moz-placeholder{color:#999999;opacity:1}
.form-control::-webkit-input-placeholder{color:#999999}
a,body{color:#2b3d51}
body{font-family:'Roboto', sans-serif;font-size:13px;font-weight:400;overflow-y:scroll;min-width:320px;background:#edf0f5}
.btn.active,.btn:active{box-shadow:none}
a,button{transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;text-decoration:none!important ; cursor:pointer;}
a,a:hover,img{text-decoration:none}a:hover{text-decoration:none!important;color:#000}
a,img{border:none;outline:0}img{max-width:100%}
h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.1}.login-logo a,.login-lt ul li h2{font-weight:700;text-transform:uppercase}
h1{font-size:24px}h2{font-size:20px}
.container{max-width:1170px;margin:0 auto;padding-left:15px;padding-right:15px}
p{margin:0;padding:0 0 20px;line-height:22px}
.clearfix:after,.clearfix:before{display:table;content:"";line-height:0;height:0;font-size:0}.clearfix:after{clear:both}
.loginbg{background:url(../images/loginbg.jpg) center center no-repeat;background-size:cover}
.login-logo{padding:122px 0 52px;text-align:center}
.login-logo a{font-size:48px;color:#2a6eb6}.login-logo a span{color:#f9a131}
.login-outer{background:#fff;border-radius:8px;box-shadow:0 0 8px 3px rgba(0,0,0,.5);margin-bottom:30px}
.login-lt{background:#2a6eb6;overflow:hidden;padding:65px 18px;width:49.5%;border-radius:8px 0 0 8px;color:#fff}
.login-lt ul,.login-lt ul li{float:left;width:100%}
.login-lt ul li{padding:0 0 65px}.login-lt ul li:last-child{padding-bottom:0}
.login-lt ul li span{left:0;position:absolute;top:0}.login-lt ul li h2{padding-bottom:5px}
.login-lt ul li p{padding-bottom:0;font-size:14px}.login-txt{padding-left:115px}
.login-rt{float:right;width:50.5%;padding:84px 70px}
.login-rt h1{text-transform:uppercase;margin-bottom:48px;text-align:center}
.input-box input{border:0;border-bottom:1px solid #333;font-weight:300;font-size:16px;padding-bottom:8px;width:100%;border-radius:0;height:37px;padding-left:8px;padding-right:8px}
.input-box{margin-bottom:32px}.input-box:first-child{margin-bottom:64px}
.loginbg button{background:#f9a131;border:0;border-radius:120px;box-shadow:none;color:#fff;font-weight:700;font-size:26px;height:70px;padding:0;text-transform:uppercase;width:100%;}.loginbg button:hover{background:#2a6eb6}
.login-rt a{display:block;text-align:center;font-size:16px;font-weight:300;margin-top:20px}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 50px #fff inset;outline:none}input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 50px #fff inset;outline:none}
*{outline:none}input:focus{outline:none;box-shadow:none}
.email-confirmed{padding:84px 20px 130px; text-align:center;}.email-confirmed span{ margin:25px 0 15px;}
.email-confirmed p{color:#539336; font-size:16px; padding-bottom:10px;}
.email-confirmed a {font-size:16px;  font-weight:500; text-transform:uppercase; border-bottom:1px solid #2b3d51; padding-bottom:2px;}
.email-confirmed a:hover {border-color:#000;}
.login-width {float:none;margin:0 auto;width:600px;}.login-width .login-rt{width:100%;}
.forgot .input-box{margin-bottom:32px !important;}
.forgot h1 {margin-bottom:20px;}.forgot p {margin-bottom:20px; font-size:14px;}
.loader{ position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); right:10px;}
.loader img{width:22px; height:22px;}




/*new css 22 nov*/
.select-dd select{border: 1px solid #ccc;border-radius: 4px;color: #555555;display: block;height:42px;line-height: 1.42857;padding: 9px 4px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;width: 100%;font-size: 13px;line-height: 36px;}
.module-box label {font-size: 14px;display: block;width: 100%;margin-bottom: 3px;}
.module-box .input-box:first-child {margin-bottom:40px;}

/*28 nov*/
.module-width {float:none; margin:0 auto; width:871px;}
.safari .module-width{width:870px;}
.module-width .login-outer{ background:#2a6eb6; overflow:hidden;}
.clear {clear: both;font-size: 0; height: 0; line-height: 0;}
.txt1{color:#2a6eb6; text-transform:uppercase; font-size:20px; font-weight:500; margin:0 0 20px 0;}
.module-width ul { display:block; width:100%; font-size:0; position:relative;}
.module-width ul li { vertical-align:top; display:inline-block; float:left; width:33.334%; text-align:center; text-transform:uppercase; background:#2a6eb6; border-top:1px solid #fff; position:relative; overflow:hidden;}
.module-width ul li .icon { display: table;height:125px;vertical-align: middle;width: 100%;text-align: center;}
.module-width ul li .icon span{ display: table-cell;vertical-align: middle;} 
.module-width ul li p { font-size:20px; color:#fff; font-weight:300; min-height:55px;}
.module-width ul li:nth-child(even){background-color:#1491e1}
.line1 {border-left: 1px solid #fff;position: absolute;left: 33.33%;top: 0;z-index: 1;height: 100%;}
.line2 {border-left: 1px solid #fff;position: absolute;left: 66.66%;top: 0;z-index: 1;height: 100%;}
.module-width ul li:nth-of-type(1),.login-outer ul li:nth-of-type(2),.login-outer ul li:nth-of-type(3) {border-top:none;}
.module-width ul li:nth-of-type(1){ border-radius:8px 0 0 0}
.module-width ul li:nth-of-type(3){ border-radius:0px 8px 0 0}
.module-width ul li:last-child{border-radius:0px 0px 8px 0}
.module-width ul li:nth-last-child(3){ border-radius:0px 0px 0px 8px}
.module-width ul li:hover{background:#f9a131;}
.module-width ul li.inactive{ background:rgba(255,255,255,0.75);}
.module-width ul li i { position:absolute; bottom:5px; left:50% ;right:0; width:24px; height:24px; margin-left:-12px; }
.newpad1{padding:122px 0 30px;}
.module-width ul li.inactive .icon span img { opacity:0.7;}
.module-width ul li.inactive p  { opacity:0.8;}


@media only screen and (max-width:1651px) {
body{ font-size:12px;}.login-logo{padding:40px 0 25px}
.login-logo a{font-size:30px}.login-lt{padding:50px 18px}h2{font-size:15px}
.login-lt ul li p{font-size:12px;line-height:20px} h1{font-size:18px}
.login-lt ul li{padding:0 20px 50px}.loginbg button{font-size:18px;height:56px}
.login-lt ul li span img{width:70px}
.login-txt{padding-left:87px}.login-rt{padding:54px 60px}
.input-box:first-child{margin-bottom:54px}.login-rt a{font-size:13px;margin-top:15px}
.input-box input{font-size: 14px;}.email-confirmed p,.email-confirmed a{ font-size:13px;}
.email-confirmed span img {height:60px;width:60px;}
.email-confirmed{padding:54px 20px 100px;}.login-width p {font-size:13px;}
.txt1{font-size:16px;}
.module-width ul li p{font-size: 16px; min-height:45px; padding-bottom:5px;}
.module-width ul li .icon{ height:100px;} 

}

.login-outer-header {
    background: #fff;
    border-radius: 8px 8px 0 0;
    padding: 15px;
    text-align: center;
    margin-top: 150px;
    box-shadow: 0 0 8px 3px rgba(0,0,0,.2);
}
    .login-outer-header.ofbrand {
        background: #2a6eb6;
        padding: 25px;
    }
    .login-outer-header.ocbrand {
        background: #b71f38;
    }
    .login-outer-header.wbbrand {
        background: #202945;
        padding: 20px;
    }

.login-outer2 {
    background: #fff;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 0 8px 3px rgba(0,0,0,.2);
    margin-bottom: 30px;
}

.pink .login-outer-header.ofbrand {background: linear-gradient(90deg, rgba(240,122,240,1) 0%, rgba(178,110,249,1) 50%, rgba(121,56,180,1) 100%);}
.pink h1 {
    font-family: "brandon-grotesque";
    color : #3E3E3A;
}