.error{padding:8px;background:rgba(52, 4, 0, 0.4);margin:6px 0}
.hide{display:none}
.show{display:block}
.clear{clear:both}
html{font-size:100%!important;}
body {line-height:1em!important;margin:0px!important;font-family:'proxima-nova', Arial!important;font-weight:300;font-size:0.8em!important;padding:0px;overflow:hidden;letter-spacing:0.05em;background-color:#000!important}

a, a:focus, a:active{ outline:0 !important}
::-webkit-input-placeholder {color:#222}
:-moz-placeholder {color:#222}
.ellipsis{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis}

#loginForm{text-align:center}
.login-Bg{background-image: url(../img/login-bg-2.jpg);background-position: 50%;background-repeat:no-repeat;background-color:#000;width:100%;height:100%;position:absolute;background-size: cover;}
.loginHldr{min-height:600px;position:absolute;top:10%;width:365px;margin:0 auto;height: 100%; overflow:hidden}
.login-cont{width:365px;margin:0 auto;background: rgba(110, 110, 110, 0.4);position:absolute;height:100%;left:calc(50% - 183px);}
.login-cont .sitename{width:100%;top:12%;position:absolute;color:#fff;font-size:3.2em;font-weight: 500;text-align:center;line-height:1em;}
.login-cont sup.site-subname{color:#ccc; font-size:22px; position:relative; top:-16px;     vertical-align: middle;}
.login-errMsg{background:#bb000e; text-align:center; width:100%; display:none; height:20px; z-index:1; position:absolute; top:35%; font-weight:500; color: #fff;padding-top: 5px}
.login-errMsg.showError{display:block}
.form-fields{position:absolute; top:31%; width:100%; padding-top:32px; -webkit-transition:all 0.5s; transition:all 0.5s; left:0}
.formField-cont{margin:0 50px;}
.form-fields input.loginInput{background-color: #fff;font-size:18px;line-height:18px;color: #111;padding:8px;width:100%;margin:0 auto;display:block;margin-bottom:6%;border-radius:3px;border:1px solid #000;opacity: .7;font-weight: 500;border: none;outline: none;}
.form-fields input.loginInput:focus{opacity: 1;}
.form-fields button.nextBtn{background-color:#4A90E2; font-size:14px; color:#fff; padding:8px 20px; display:inline-block; border:none; text-transform:uppercase; letter-spacing:0.15em; font-weight:500; outline:none;-moz-transition:background-color .3s ease;-webkit-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease;}
.form-fields button.nextBtn:hover {background-color:#f60;}

.forgetPw-fields {position:absolute; top:31%; width:100%; -webkit-transition:all 0.5s; transition:all 0.5s; right:-365px}
.changePwd-label {color:#999; display:block; margin-bottom:3px; font-weight:500; text-align:left}
.forgetPw-fields input.loginInput{background-color: #fff;font-size:18px;line-height:18px;color: #111;padding:8px;width:100%;margin:0 auto;display:block;margin-bottom:6%;border-radius:3px;border:1px solid #000;opacity: .7;font-weight: 500;border: none;outline: none;}
.forgetPw-fields input.loginInput:focus{opacity: 1;}
.forgetPw-fields button.loginBtn{background-color: #0bd318;color:#fff;border:none;text-transform:uppercase;font-size:14px;display:inline-block;margin:0 auto;padding:8px 20px;letter-spacing:0.15em;font-weight:500;outline:none;-moz-transition:background-color .3s ease;-webkit-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease;}
.forgetPw-fields button.loginBtn:hover{background-color:#FF6600;text-decoration:none}
.forgetPw-fields button.loginBtn:focus{outline:none}
.forgetPw-fields button.loginBtn > sup {font-size:12px; top:0; vertical-align: top;}
.login-userId {border:1px solid #555; border-radius: 16px; padding: 5px 15px 5px 15px; background:rgba(0,0,0,.3); letter-spacing:1px; 
font-size:14px; color:#fff; margin-bottom: 5px; display:inline-block; cursor:pointer}
.userIcon {height:15px; border-radius:100%; width:15px; border:1px solid #ccc; display:inline-block; overflow:hidden; position:relative;
    vertical-align: bottom; margin-right:5px}
.userIcon > i{height:12px; position:absolute; left:1px; top:3px}
.userIcon > i:before {line-height:1px; color:#ccc; font-size:15px}
.show-next .form-fields{left:-365px}
.show-next .forgetPw-fields {right:0}
.updatePw-msg {-webkit-transition: all 0.5s; transition: all 0.5s; right:-365px}
.show-updatePw .updatePw-msg {right:0}

.cs-loader{position:relative;top:18px;left:0;height:100%;width:100%;z-index:5001;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.cs-loader-inner{transform:translateY(-50%);top:50%;position:absolute;width:100%;color:#FFF;padding:0;text-align:center}
.cs-loader-inner label{font-size:32px;opacity:0;display:inline-block;cursor:inherit}
    @keyframes loadingDots {
            1%{opacity:0;transform:translateX(-100px)}
            33%{opacity:1;transform:translateX(0px)}
            66%{opacity:1;transform:translateX(0px)}
            100%{opacity:0;transform:translateX(100px)}
    }
    @-webkit-keyframes loadingDots {
            1%{opacity:0;-webkit-transform:translateX(-100px)}
            33%{opacity:1;-webkit-transform:translateX(0px)}
            66%{opacity:1;-webkit-transform:translateX(0px)}
            100%{opacity:0;-webkit-transform:translateX(100px)}
    }
.cs-loader-inner label:nth-child(6){-webkit-animation:loadingDots 3s infinite ease-in-out;animation:loadingDots 3s infinite ease-in-out;color:#FC880F;font-weight: 300 !important;}
.cs-loader-inner label:nth-child(5){-webkit-animation:loadingDots 3s 100ms infinite ease-in-out;animation:loadingDots 3s 100ms infinite ease-in-out;color:#FC880F;font-weight: 300 !important;}
.cs-loader-inner label:nth-child(4){-webkit-animation:loadingDots 3s 200ms infinite ease-in-out;animation:loadingDots 3s 200ms infinite ease-in-out;color:#FC880F;font-weight: 300 !important;}
.cs-loader-inner label:nth-child(3){-webkit-animation:loadingDots 3s 300ms infinite ease-in-out;animation:loadingDots 3s 300ms infinite ease-in-out;color:#FC880F;font-weight: 300 !important;}
.cs-loader-inner label:nth-child(2){-webkit-animation:loadingDots 3s 400ms infinite ease-in-out;animation:loadingDots 3s 400ms infinite ease-in-out;color:#FC880F;font-weight: 300 !important;}
.cs-loader-inner label:nth-child(1){-webkit-animation:loadingDots 3s 500ms infinite ease-in-out;animation:loadingDots 3s 500ms infinite ease-in-out;color:#FC880F;font-weight: 300 !important;}

.login-help{position:absolute; bottom:190px; width:100%;}
.login-help p{color:#ececec;font-weight:500; line-height:1.2em}
.login-help a:before{color:#fff;font-size:23px}
.login-help-international {display:block;clear:both;padding-top:10px;cursor:pointer}
.login-phone a, .login-help-international a{color:#4A90E2 !important;letter-spacing:0.1em}

.forgotPassword{margin-top:20px; position:absolute; top:54%; text-align:center; width:100%;}
.forgotPassword a{text-decoration:none;cursor:pointer;color:#fff}
.forgotPassword a:hover{text-decoration:underline}

.login-phone{display:block;float:left;color:#fff;width:16px;height:18px;margin-top:2px;transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -webkit-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out}
.login-phone:hover{width:155px;cursor:pointer}
.login-phone i{ font-size:20px;line-height:1px;display:block;}
.login-phone a {display:block;color:#fff;position:relative;top:-17px;opacity:0;text-decoration:none;font-size:14px;overflow:hidden;height:12px}
.login-phone:hover a {opacity:1;filter:alpha(opacity=100)}
.login-phone:hover i{opacity:0}
.help-icons{text-align:left;margin-left:160px}
.email-iconPos{display:block;float:left;margin-right:15px;text-decoration:none}

/* International support numbers*/
.drawer-bottom{position:absolute; background:#161616;color:#fff;padding:10px;bottom:-100%;width:100%;height:100%;cursor:default;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}
.drawer-bottom.opened{bottom:0;}
.drawer-bottom .close-icon {bottom:-55px;transition:bottom .3s;text-align:center}
.drawer-bottom.opened .close-icon{position:absolute;left:calc(50% - 50px);width:100px;background:rgba(50,50,50,.9);bottom:0;padding:20px 25px 15px;font-family:ionicons;font-size:38px;color:#fff;border-radius:8px 8px 0 0;cursor:pointer}
.drawer-bottom .close-icon:before{content:'\f405'}
.drawer-bottom .close-icon:hover:before{content:'\f406'}
.drawer-bottom ul{height:calc(100% - 60px)}
.drawer-bottom li{margin: 0;padding: 0;list-style-type: none;font-size:1.5em;line-height: 2em}
.drawer-bottom li a{color:#4A90E2}

.login-terms{position:absolute;bottom: 100px;color:#ececec;width:100%;}
.login-terms a{color:#fff;text-decoration:none;letter-spacing:0.1em;font-size:1em;padding:2%;outline:none; display:block}
.login-terms a:hover{color:#4A90E2}
.login-terms p{color: #aaa;}

/*Terms Popup*/
.modal.fade.properties-modal{overflow:hidden}
#terms{background:#313131; border-radius: 4px;display: block!important;}
.terms-pophead{background-color:#555; border-bottom:none; font-weight:500; border-radius:4px 4px 0 0; overflow:hidden}
.terms-pophead h1{font-size: 1.4em; padding: 0px 10px; display:inline-block; color:#fff; margin: 10px 0;}
.terms-pophead .pop-closeBtn{float:right; display: block; width: 16px; height:16px; cursor: pointer; color:#fff; font-size: 30px; line-height:1px; margin:4px 6px;}
.terms-cont{padding:10px; height:430px; color:#fff;line-height: 20px;}
.terms-cont p > a, .terms-cont p > a:hover{color:#4A90E2}
.terms-footer{border-top:1px solid #555; margin:0 10px; padding:10px 0; overflow:hidden;}
.terms-footer button{float:right; background-color:#4A90E2;color:#fff;border:none; line-height:1em; padding:6px; display:block;min-width: 80px; font-weight:500;outline:none;}
.terms-footer button:hover{background:#f60; text-decoration:underline}

.iri-logo{background:url(../img/logos/iri-logo-mid.png) no-repeat !important;bottom:10px;right:15px;height:52px;width:120px;position:absolute;z-index:5}

.nicescroll-rails > div{background-color:#4A90E2 !important;border:0 none !important;border-radius:0 !important;width:5px;margin-top: 15px;}
.nicescroll-rails.desk-v-scroll > div{background-color:#4A90E2 !important;border:0 none !important;border-radius:0 !important;width:5px !important}
.nicescroll-rails{width:5px !important;/*margin-left:4px*/}

.nicescroll-rails-vr > div:hover,
.nicescroll-rails-vr > div:active  {
    width: 10px !important;
    -webkit-transition: width 0.20s ease-in-out;
    -moz-transition: width 0.20s ease-in-out;
    -ms-transition: width 0.20s ease-in-out;
    -o-transition: width 0.20s ease-in-out;
    transition: width 0.20s ease-in-out;
    }

.nicescroll-rails-hr > div:hover,
.nicescroll-rails-hr > div:active  {
    height: 10px !important;
    -webkit-transition: height 0.20s ease-in-out;
    -moz-transition: height 0.20s ease-in-out;
    -ms-transition: height 0.20s ease-in-out;
    -o-transition: height 0.20s ease-in-out;
    transition: height 0.20s ease-in-out;}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.form-fields input.loginInput{line-height: 23px;}
}