.fb-bg{background:#3e5c9a}
.gmail-bg{background:#e04a39}
.orange-bg{background:#ff6f00}
.dark-gray{background:#ffc107}
.sign-in .close{position:absolute;right:10px;font-size:36px;z-index:99}
.dhruvlogin .form-group{margin-left:0;margin-right:0}
.signPop{margin-left:0;margin-right:0}
.signIn-widget{float:right;margin-top:8px}
.signIn-widget li{display:inline-block;color:#333;list-style:none;font-weight:700;font-size:20px}
.signIn-widget li a{color:#333;font-size:18px;font-weight:700}
.sign-in .modal-content{padding:0}
.sign-in .sign-left{margin-top:0;text-align:center;z-index:9;padding:10px 0;border-top-left-radius:5px;border-bottom-left-radius:5px;position:relative;height:620px}
.left-bg{background:#f5f5f5;position:absolute;left:0;right:0;bottom:0;top:0;z-index:-1;height:620px}
.sign-in .sign-left h2{font-weight:400;margin-bottom:25px;margin-top:25px;color:#000;font-size:32px}
.sign-in .sign-left h2 span{font-weight:700}
.sign-in .sign-left img{width:100%}
.sign-in .sign-right{margin-top:0;padding:0 80px 0 80px;height:620px}
.side-left{margin-top:13px}
.sign-in .sign-right h2{color:#ff7000;font-size:32px;text-align:left;padding:0;margin-top:0;margin-bottom:30px;font-weight:700}
.sign-in .sign-right .dhruvscreen h2{color:#ff7000;font-size:32px;text-align:center;padding:0;margin-top:20px;margin-bottom:40px;font-weight:700}
.sign-in .sign-right p{color:#333}
.sign-in .sign-right p a{color:#ff7000;text-decoration:underline}
.sign-in .form-horizontal{margin-top:15px;margin-bottom:0;padding-left:0;padding-right:10px}
.sign-in .form-horizontal label{color:#000;text-align:left;display:block;margin-bottom:7px}
.sign-in .form-horizontal .form-control{height:45px;padding-left:8px;background:#fff;border:0;font-size:14px;margin-bottom:0;background:#f9f8fd;border:1px solid #f9f8fd}
.sign-in .form-horizontal .form-control:active,.sign-in .form-horizontal .form-control:focus{border:1px solid #ddd!important}
.sign-in .form-horizontal .btn-sign:active,.sign-in .form-horizontal .btn-sign:focus{background:#ff6f00!important}
.sign-in .sign-right span,.sign-in .sign-right span a{color:#333;display:block;margin-top:5px;font-size:14px}
.sign-in .sign-right .form-cn{margin-bottom:12px}
.sign-in .form-horizontal .btn-sign{padding:10px 48px;font-size:16px;letter-spacing:.8px;color:#fff;box-shadow:0 3px 5px 0 rgba(0,0,0,.1);border:1px solid #ff6f00}
.sign-in .form-horizontal .btn-adjust a{padding:8px 8px;width:150px;color:#fff;font-size:14px;letter-spacing:.8px;display:inline-block}
.btn-adjust img{margin-right:5px;width:18px;vertical-align:top}
.form-group{margin-bottom:12px}
.sign-in .form-horizontal .btn-adjust a i{margin-right:15px;vertical-align:middle}
.l-s{text-align:left}
.sign-in .form-horizontal .or_txt{display:block;width:50%;height:1px;background:#e5e5e5;margin-top:25px;position:relative;margin-bottom:15px;margin-left:auto;margin-right:auto}
.sign-in .form-horizontal .or_txt::before{position:absolute;left:0;right:0;top:-15px;margin:0 auto;width:35px;line-height:30px;background:#fff;font-style:normal;font-size:12px;color:#333;text-align:center}
.sign-in .modal-close{position:absolute;top:-8px;right:8px;font-size:36px;color:#333;opacity:.6;z-index:99;background:0 0;border:0}
.dhruvlogin{display:none}.top-img{position:absolute;top:0;left:0}
.top-img img{width:170px}
.bottom-img{position:absolute;bottom:0;right:0}
.btn-adjust{text-align:center}
.dhruvlogin{overflow:hidden;margin-top:80px}
.dhruvscreen{margin-top:170px}
.dhruvscreen h2{color:#ff7000;font-size:32px;margin-bottom:20px}
.sign-in .dhruvscreen .btn-style{width:90%;display:block;margin:auto;margin-bottom:20px;font-size:20px!important;padding:9px 14px;color:#fff;text-align:center}
.d-inline{display:inline-block!important}
.dhruvscreen .btn-style i{margin-right:15px;vertical-align:middle}
.btn-radius{border-radius:40px!important}.pl-0{padding-left:0}
.pr-0{padding-right:0}
.sign-in .back{display:block;position:absolute;left:51%;top:-3px;opacity:.6;font-size:28px;cursor:pointer;z-index:99;color:#333;display:none}
.sign-in .icon_back{display:block}.sign-in .back:hover{color:#000}.h-s1{display:none}
.modal-content{background:#fff}
.sign-in .row{margin-bottom:0}
#signin-popup{max-height:100%}
.sign-in{height:620px}
.text-login{text-align:left;margin-top:25px}
.text-login h4{font-size:22px;font-weight:700;position:relative;background:#ff6f00;width:240px;padding:12px 40px 12px 40px;color:#fff}
.text-login h4:after{background:#ff6f00;position:absolute;content:"";clip-path:polygon(0 100%,100% 100%,0 0);background-size:cover;width:44px;height:48px;right:-44px;top:0}
.text-login ul{position:relative;padding-left:40px}
.text-login ul li{margin-bottom:7px;font-size:18px;list-style:none}
.text-login ul li span{background:#ff6f00;width:10px;height:10px;display:inline-block;margin-right:5px;border-radius:100%}
.gray-bg{background:#656565}.sin-b{font-size:20px!important;margin-top:0!important}
.shadow-btn{box-shadow:0 5px 5px 2px rgba(0,0,0,.1)}
.br-set{width:170px;height:1px;background:#ddd;margin:auto;margin-bottom:10px;margin-top:15px}
.form-set{margin-top:0}
.hide-on-med-only{display:none}
.white-text{color:#fff!important}
.chk-login{text-align:left}
.chk-login label{display:inline-block!important}
.sign-in .dhruvscreen .btn-style:hover{text-decoration:none}
.sign-in .form-horizontal .form-control:focus{box-shadow:none}
@media (min-width:1200px){.modal-xl{max-width:1140px;width:1140px}}
@media (max-width:1366px){
    .left-bg,.sign-in,.sign-in .sign-left,.sign-in .sign-right{height:auto}
    .dhruvscreen{margin-top:120px}.sign-in .sign-left h2{margin-bottom:15px;margin-top:15px}
    .text-login h4{font-size:20px;width:200px;padding:10px 20px 10px 20px}
    .text-login h4:after{width:40px;height:42px;right:-40px}
    .text-login ul{padding-left:20px}.text-login ul li{margin-bottom:4px;font-size:16px}
    .text-login ul li span{width:7px;height:7px}.sign-in .dhruvscreen .btn-style{width:70%}
    .sign-in .dhruvscreen .btn-style:hover{text-decoration:none}
    .btn-style img{width:18px}.dhruvlogin{margin-top:20px}
    .sign-in .sign-right h2{margin-bottom:15px}
    .form-horizontal .form-group{margin-left:0;margin-right:0}
    }
@media (max-width:1480px){.sign-in .sign-right{padding:30px 25px 16px 25px}}

#LoginBtn{ margin-top: 8px; float:right;}
#LoginBtn.fixed{ position:fixed;}
#LoginBtn.absolute{ position:absolute;}
.center{text-align:center;}
.paddinglr{padding-left:10px;padding-right:10px;}
/*
#LoginBtn .navbar-nav>li>.dropdown-menu {width: 168px;}
*/
.navbar-custom #LoginBtn .navbar-nav>li>button {margin: 0px 0 0;}

#LoginBtn .navbar-nav.pull-right>li>.dropdown-menu, 
#LoginBtn .navbar-nav>li>.dropdown-menu.pull-right {right: 0;left: auto;}


@media (max-width:768px){
    #LoginBtn{margin-top: 5px;}
    #LoginBtn .navbar-nav {margin: 0px 15px;}
    #LoginBtn .navbar-nav .open .dropdown-menu { position: absolute; background: #fff !important; width: 100%;padding-top: 10px; box-shadow:0 2px 3px #777;}
    .sign-in .modal-content{padding:0}
    .left-bg{display:none}
    .sign-in .back{top:0;font-size:24px}
    .sign-in .close{top:2px;right:8px;font-size:32px}
    .sign-in .sign-left h2{font-size:24px;margin-bottom:10px;padding:0;margin-top:5px}
    .sign-in .sign-left{margin-top:5px;padding:20px 10px}
    .sign-in .side-left{margin-top:25px}
    .sign-in .sign-left img{max-height:inherit;margin-top:30px;width:100px;margin-left:auto;margin-right:auto}
    .sign-in .sign-right{margin-top:10px;padding:10px 0!important}
    .sign-in .form-horizontal .btn-adjust a{padding:9px 10px;width:140px;font-size:14px}
    .text-change{margin-top:10px}
    .sign-right .form-group{margin-top:10px;margin-bottom:10px}
    .dhruvscreen{margin-top:0}
    .dhruvscreen .btn-style{width:95%;margin-bottom:15px}
    .text-change{margin-bottom:0}.h-s{display:none}
    .h-s1{display:block}
    .sign-in .dhruvlogin{margin-top:0;float:left;width:100%;padding:0 10px!important;margin-top:-10px}
    .sign-in .form-horizontal{margin-top:20px}.sign-in .sign-right h2{margin-bottom:5px}
    .side-r{padding-bottom:40px!important;padding-top:0!important}
    #signin-popup{top:10px!important;overflow-y:auto;max-height:100vh}
    .sign-in .back{top:0;left:8px;font-size:24px}#signin-popup.modal{width:94%}
    .sign-in{height:auto}.sign-in .sign-left{height:auto}
    .sign-in .sign-right{height:auto}.sign-in .text-login ul li span{display:inline-block}
    .text-login ul{padding-left:15px}.text-login h4{width:200px;font-size:20px;padding:10px 15px 10px 15px}
    .text-login h4:after{width:43px;height:43px;right:-41px;top:-1px}.text-login ul li{margin-bottom:3px;font-size:17px}
    .sign-in .sign-right .dhruvscreen h2{margin-top:10px;margin-bottom:20px}
    .sign-in .dhruvscreen .btn-style{margin-bottom:12px;font-size:16px!important}.br-set{margin-top:15px!important}
    .hide-on-med-only{display:block}.hide-on-small-only{display:none}.sign-in .modal-content{overflow:hidden}

    }
@media (max-width:480px){
    .sign-in .sign-left{padding:10px 0}.sign-in .sign-right h2{font-size:24px;margin-top:0;margin-bottom:0}
    .sign-in .sign-left img{margin-top:0}.sign-in .side-left{margin-top:15px}.dhruvlogin{margin-top:-10px}
    #signin-popup.modal{width:97%;top:1%!important}
    .sign-in .sign-left h2{margin-bottom:0;margin-top:10px;color:#000}
    .sign-in .sign-right .dhruvscreen h2{margin-bottom:12px}.sin-b{font-size:16px!important}
    .sign-in .dhruvscreen .btn-style{margin-bottom:0}#signin-popup{max-height:auto}
    .sign-in .sign-right{padding:0 0!important;margin-top:0}
    .sign-in .text-change{margin-top:0}
    .sign-in .form-horizontal .btn-sign{padding:8px 28px}
    }
@media (max-width:430px){.sign-in .sign-left h2{font-size:20px;margin-top:0;margin-bottom:0}}
@media (max-width:380px){
    #signin-popup{top:4px!important;overflow-y:auto}
    .text-login{margin-top:10px}.text-login h4{width:185px;font-size:16px;padding:8px 10px 8px 10px}
    .text-login h4:after{width:34px;height:34px;right:-33px;top:-1px}.text-login ul{padding-left:10px}
    .text-login ul li{margin-bottom:3px;font-size:15px}.btn-style img{width:20px}
    .dhruvscreen .form-group{margin-bottom:7px;margin-top:7px}
    .sign-in .sign-right .dhruvscreen h2{font-size:28px}
    .sign-in .dhruvscreen .btn-style{padding:8px 14px}.dhruvscreen{margin-top:-15px}
    }