@font-face{
    font-family:'Roboto';
    src:url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'Roboto';
    src:url('../fonts/Roboto/Roboto-Medium.ttf') format('truetype');
    font-weight:500;
    font-style:normal
}
@font-face{
    font-family:'Roboto';
    src:url('../fonts/Roboto/Roboto-Bold.ttf') format('truetype');
    font-weight:700;
    font-style:normal
}
@font-face{
    font-family:'Roboto';
    src:url('../fonts/Roboto/Roboto-Italic.ttf') format('truetype');
    font-weight:400;
    font-style:italic
}
@font-face{
    font-family:'Roboto';
    src:url('../fonts/Roboto/Roboto-MediumItalic.ttf') format('truetype');
    font-weight:500;
    font-style:italic
}
@font-face{
    font-family:'Roboto';
    src:url('../fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype');
    font-weight:700;
    font-style:italic
}
*{
    font-family:'Roboto',Tahoma,sans-serif!important;
    font-size:13px
}
body{
    padding:0;
    margin:0
}
.page-content{
    width:652px;
    margin:0 20px
}
#header{
    background-color:#026b97;
    height:66px;
    width:100%;
    position:relative
}
#header .logo{    
    background-position:left center;
    line-height:66px;
    height:66px
}
.footer-contact-content{
    bottom:0;
    position:absolute;
    width:100%;
    background-color:#026b97;
    color:#666;
    overflow:hidden
}
.sub-footer{
    bottom:45px;
    position:absolute;
    width:100%;
    background-color:#fff;
    overflow:hidden;
    border-color:#d0d0d0;
    color:#404040;
    font-size:13px;
    font-weight:300;
    height:84px
}
.footer-contact-content .container{
    float:left;
    width:100%;
    text-align:center
}
#login-top{
    background:url(../Image/login_top.png) no-repeat #e2e2e2;
    background-position:center center;
    height:60px;
    -webkit-border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
    border-bottom:1px solid #d1d1d1
}
.wrap-control{
    position:relative;
    width:100%;
    height:100%;
    padding:0;
    margin:0
}
#login-center{
    position:relative;
    text-align:left;
    margin:0;
    -webkit-border-radius:0 0 5px 5px;
    -moz-border-radius:0 0 5px 5px;
    min-height:165px
}
#copyright-text{
    text-align:center;
    color:#fff;
    font-size:12px;
    background-color:#026b97;
    padding:15px 0
}
#copyright-text a{
    color:#fff;
    text-decoration:none;
    font-size:12px
}
#copyright-text a:hover{
    color:#fff
}
.remember-pass{
    float:left
}
#login-icon{
    width:152px;
    height:153px;
    position:absolute;
    top:10px;
    right:40px;
    padding:0;
    z-index:-1
}
#login-content{
    padding-top:0
}
.table-login tr td.textRight{
    padding-right:10px;
    text-align:right
}
.table-login input[type="password"],.table-login .text-input{
    border:solid 1px #abc1de;
    padding:5px 10px 5px 10px;
    height:36px;
    margin:5px 0 1px 0;
    color:#000;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border-radius:3px!important;
    -webkit-border-radius:3px!important;
    -moz-border-radius:3px!important
}
.login-button{
    cursor:pointer!important;
    padding:10px 0!important;
    background-color:#026b97;
    color:#fff!important;
    font-size:16px!important;
    font-weight:bold!important;
    border:0!important;
    border-radius:0!important;
    width:100%!important;
    text-transform:uppercase!important;
    margin:8px 0!important;
    -webkit-appearance:none!important;
    border-radius:3px!important;
    -webkit-border-radius:3px!important;
    -moz-border-radius:3px!important;
    transition:background-color .5s .1s ease-in-out;
    -moz-transition:background-color .5s .1s ease-in-out;
    -webkit-transition:background-color .5s .1s ease-in-out
}
.login-button:hover{
    background-color:#0088c2
}
.login-button:active{
    background-color:#00577b
}
.login-footer{
    position:absolute;
    bottom:55px;
    left:155px;
    font-size:11px
}
.table-login a{
    text-decoration:none;
    color:#0072bc;
    text-decoration:underline
}
#bound-login{
    background-color:#e5e5e5;
    position:absolute;
    top:66px;
    width:100%;
    bottom:130px
}
#login-center ul{
    margin:0;
    padding:0 0 0 10px
}
.forgot-password-link{
    line-height:24px
}
iframe{
    height:130px!important
}
.company-banner{
    text-align:center
}
.biCompanyBannerCss{
}
.no-display{
    display:none
}
.isrequired{
    color:red
}
.cls-rememberlabel{
    padding-top:2px;
    color:#000
}
.failureNotification{
    padding:10px 20px 0 20px;
    display:block;
    text-align:center
}
.required-cls{
    color:red;
    padding-left:4px!important
}
.mesFail{
    position:relative;
    top:5px;
    padding-left:105px
}
#LoginUserValidationSummary{
    padding-left:112px
}
#login-form{
    overflow:hidden;
    height:100%;
    display:block;
    display:-webkit-box;
    display:-moz-box;
    box-align:center;
    -webkit-box-align:center;
    -moz-box-align:center;
    display:flex;
    align-items:center
}
.loginform{
    width:600px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    box-shadow:0 2px 7px rgba(0,0,0,.15);
    -moz-box-shadow:0 2px 7px rgba(0,0,0,.15);
    -webkit-box-shadow:0 2px 7px rgba(0,0,0,.15)
}
#login-form .loginform .left{
    background:url(../images/banner_login_be.jpg) no-repeat #006895 bottom;
    display:block;
    width:248px;
    min-height:375px
}
#login-form .right{
    width:calc(100% - 250px);
    flex-direction:column;
    padding-top:20px;
    position:relative
}
#login-form .loginform{
    background-color:#fff;
    overflow:hidden;
    display:flex;
    margin:0 auto
}
.field-text-head-active{
    color:#026b97;
    font-size:20px;
    text-align:center;
    font-weight:500
}
.l-c2{
    padding:5px 2px
}
.field-test-sub-head{
    color:#757575;
    padding-left:105px;
    line-height:26px;
    display:inline
}
.first{
    width:120px
}
.title{
    color:#212121;
    font-weight:500;
    font-size:13px;
    font-family:Roboto!important
}
.accountInfo{
    padding:10px 20px 20px 20px
}
.table-login{
    width:100%
}
::-webkit-input-placeholder{
    font-size:11px;
    padding-top:2px
}
:-moz-placeholder{
    font-size:11px;
    padding-top:2px
}
::-moz-placeholder{
    font-size:11px;
    padding-top:2px
}
:-ms-input-placeholder{
    font-size:11px;
    padding-top:2px
}
.wrap-control input{
    width:100%!important
}
input[type=submit].login-button{
    -webkit-appearance:none!important
}
.linksupport li{
    list-style-type:none;
    display:inline-block;
    margin-right:30px;
    padding-left:25px
}
.linksupport li:last-child{
    margin-right:0
}
.labelfooter-time{
    font-family:Roboto;
    font-size:13px;
    color:#757575;
    font-weight:400
}
.linksupport{
    font-family:Roboto;
    font-size:13px;
    font-weight:400;
    line-height:20px;
    margin:8px;
    padding:0
}
.linksupport img{
    padding-right:8px
}
.cls-call{
    background:url('../images/Support1.png') no-repeat;
    background-position:left center
}
.cls-mail{
    background:url('../images/mail.png') no-repeat;
    background-position:left center
}
.ic_video_library{
    background:url('../images/ic_video_library.png') no-repeat;
    background-position:left center
}
.linksupport .link-mail{
    text-decoration:none;
    color:#026b97
}
.table-sub-footer{
    width:100%;
    margin-top:10px
}
.accountInfo a{
    text-decoration:none
}
.resetPasswordForm{
    width:450px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    box-shadow:0 2px 7px rgba(0,0,0,.15);
    -moz-box-shadow:0 2px 7px rgba(0,0,0,.15);
    -webkit-box-shadow:0 2px 7px rgba(0,0,0,.15)
}
.cls-btnRefreshPassWord{
    cursor:pointer!important;
    padding:10px 50px!important;
    background-color:#026b97;
    color:#fff!important;
    font-size:16px!important;
    border:0!important;
    text-transform:uppercase!important;
    margin:20px auto;
    margin-bottom:0;
    -webkit-appearance:none!important;
    border-radius:3px!important;
    -webkit-border-radius:3px!important;
    -moz-border-radius:3px!important;
    transition:background-color .5s .1s ease-in-out;
    -moz-transition:background-color .5s .1s ease-in-out;
    -webkit-transition:background-color .5s .1s ease-in-out;
    width:280px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box
}
.header-reset-password{
    margin-top:25px
}
.label-title{
    margin-bottom:2px
}
.cls-btnRefreshPassWord:hover{
    background-color:#0088c2
}
.cls-btnRefreshPassWord:active{
    background-color:#00577b
}
.cls-btnCancel{
    background-color:#f2f2f2;
    padding:10px 24px!important;
    color:#ff5454!important;
    cursor:pointer!important;
    font-size:16px!important;
    border:0!important;
    text-transform:uppercase!important;
    margin:8px 0 8px 8px!important;
    -webkit-appearance:none!important;
    border-radius:3px!important;
    -webkit-border-radius:3px!important;
    -moz-border-radius:3px!important
}
.cls-btnCancel:hover,.cls-btnCancel:active{
    background-color:#ece2e2
}
.errorsCapchar{
    color:#ff5454!important;
    display:none
}
.link-back{
    text-decoration:none;
    font-weight:700;
    padding:10px 8px;
    background-color:#026b97;
    color:#fff;
    width:100%;
    margin:8px 0;
    text-transform:uppercase
}
#recover-result{
    margin-bottom:8px
}
.link-back:hover{
    background-color:#0088c2
}
.link-back:active{
    background-color:#00577b
}
.title.succes{
    font-size:15px!important
}
.logo-link{
    display:block;
    width:652px
}
#panel-success{
    font-weight:500
}
.alert-panel{
    text-align:center;
    display:none;
    padding:20px
}
#cbo-language{
    height:31px;
    width:140px;
    position:absolute;
    right:20px;
    top:17px;
    background:#f5f5f5;
    border:none;
    color:#000;
    text-decoration:none;
    padding:7px 0 7px 0;
    cursor:pointer
}
.waitMe_container .waitMe .waitMe_content{
    top:calc(50% - 24px)!important
}
body.modal-open .modal{
    display:flex!important;
    height:100%
}
body.modal-open .modal .modal-dialog{
    margin:auto
}
.wrap-show-license{
    width:610px!important;
    height:550px!important;
    position:fixed!important;
    top:50%!important;
    left:50%!important;
    margin-left:-305px!important;
    margin-top:-275px!important
}
.wrap-show-license .modal-header{
    color:#fff!important;
    border-bottom:none!important
}
.btn-extend{
    text-transform:uppercase;
    color:#fff;
    background-color:#026b97;
    width:200px;
    border:none;
    height:44px
}
.btn-extend:hover{
    background-color:#0088c2
}
.btn-extend:active,.btn-extend:focus,.btn-extend:visited{
    background-color:#00577b
}
.wrap-show-license .modal-footer{
    padding:4px 0 20px 20px!important;
    text-align:center!important;
    border:none
}
.wrap-show-license .modal-header .close{
    margin-top:0!important;
    color:#fff!important;
    font-size:25px!important;
    filter:alpha(opacity=1)!important;
    opacity:1!important
}
.close.cls-close:focus,.close.cls-close:hover{
    color:#f0f0f0!important;
    text-decoration:none;
    cursor:pointer;
    filter:alpha(opacity=1);
    opacity:1
}
.wrap-show-license .modal-content{
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0
}
.pull-left.left-over{
    width:90px;
    height:80px;
    padding:5px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    display:table
}
.right-text-content{
    display:table-cell;
    vertical-align:middle;
    padding-left:10px;
    color:#757575;
    font-size:13px
}
.left-over-content{
    display:table-cell;
    vertical-align:middle;
    border-right:1px solid #e1e1e1
}
.left-over-content .text-over{
    color:#212121;
    font-weight:900
}
.left-over-content .number-over{
    color:#212121;
    font-weight:900;
    font-size:16px
}
.pull-right.right-over{
    width:calc(100% - 90px);
    height:80px;
    display:table
}
.wrap-over{
    margin:15px 80px 15px 80px;
    border:1px solid #e1e1e1
}
.info-question.text-center{
    font-size:14px;
    font-weight:700;
    color:#212121;
    padding:10px 10px 0 10px
}
.warning-notpermission.text-center{
    color:#f44646;
    font-size:14px;
    margin:20px 10px 20px 10px
}
.header-license.text-center{
    font-size:14px;
    font-weight:400;
    color:#212121;
    margin:10px 10px 20px 10px
}
.header-license-number-over.text-center{
    width:112px;
    height:102px;
    margin:0 auto;
    background-color:#d2d2d2;
    position:relative
}
.wrap-numberdue{
    position:absolute;
    top:25px;
    left:5px;
    height:72px;
    width:102px;
    margin:0 auto;
    background-color:#fff
}
.number-due.text-center{
    margin-top:8px;
    font-size:25px;
    color:#f44646;
    font-weight:900
}
.text-day.text-center{
    font-size:16px;
    color:#f44646;
    font-weight:900;
    text-transform:uppercase
}
.wrap-show-accesstime{
    width:500px!important;
    height:550px!important;
    position:fixed;
    top:50%!important;
    left:50%!important;
    margin-left:-250px!important;
    margin-top:-275px!important
}
.wrap-show-accesstime .modal-header{
    background:url('../images/Background-LoginFail.png') no-repeat;
    border-bottom:none;
    margin-top:0!important;
    color:#fff!important;
    font-size:25px!important;
    filter:alpha(opacity=1)!important;
    opacity:1!important;
    padding-bottom:25px
}
.btn-close{
    text-transform:uppercase;
    color:#fff;
    background-color:#026b97;
    width:200px;
    border:none;
    height:44px
}
.btn-close:hover{
    background-color:#0088c2
}
.btn-close:active,.btn-close:focus,.btn-close:visited{
    background-color:#00577b
}
.wrap-show-accesstime .modal-footer{
    padding:4px 0 20px 4px!important;
    text-align:center;
    border:none
}
.wrap-show-accesstime .modal-content{
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0
}
.current-time-container{
    background:url('../images/Background-Clock.png') no-repeat;
    position:relative;
    width:45px;
    height:40px
}
.current-time-text{
    position:absolute;
    font-size:25px;
    font-weight:500;
    line-height:40px;
    text-align:center;
    width:45px;
    height:45px
}
.current-time-info-container{
    margin-left:150px
}
.current-time-info-container div{
    float:left
}
.time-margin{
    margin-left:5px;
    margin-right:5px;
    line-height:40px;
    font-size:25px;
    font-weight:500
}
.access-time-warning{
    font-size:19px
}
.access-time-day{
    font-size:25px
}
.access-time-day-container{
    margin-top:11px;
    margin-bottom:5px
}
.access-time-warning-container{
    margin-top:5px
}
.header-accesstime{
    font-size:19px;
    color:#212121;
    font-weight:500;
    margin-bottom:10px
}
.header-accesstime-details{
    margin-bottom:8px;
    margin-left:157px
}
.btn-close{
    text-transform:uppercase;
    color:#fff;
    font-size:16px;
    font-weight:600;
    background-color:#026b97;
    width:200px;
    border:none;
    height:44px
}
.btn-close:hover{
    background-color:#0088c2
}
.btn-close:active,.btn-close:focus,.btn-close:visited{
    background-color:#00577b
}
.time-details-container{
    text-align:left!important
}
.day-details{
    font-size:15px;
    font-weight:600;
    color:#212121
}
.time-details{
    font-size:14px;
    color:gray
}
.icon-clock{
    background-image:url('../images/Clock.png');
    width:13px;
    height:12px;
    display:inline-block;
    margin-right:5px
}
.validation-summary-errors ul li{
    list-style:none
}
.cls-title-account-upgrade{
    margin:4px 0 10px 252px;
    font-family:sans-serif;
    font-size:20px!important;
    font-weight:bold
}
.cls-loading-time-total{
    margin-left:50px;
    border:1px solid #000;
    width:100px
}
.cls-loading-time-used{
    margin-left:50px;
    border:2px solid #000;
    width:40px
}
.qlch-theme.cls-info-detail-account-upgrade{
    font-size:17px
}
.cls-info-pack-used{
    color:#059f57;
    font-weight:bold
}
.cls-info-pack-used-now,.cls-info-upgrade-used{
    color:#e04e4a;
    font-weight:bolder
}
.cls-linkupgrade-button{
    height:40px;
    width:50%;
    margin-left:45%;
    background:#059f57;
    border:1px solid #059f57;
    border-radius:4px;
    font-weight:bolder;
    font-size:18px;
    color:#fff
}
.cls-linkextension-higher{
    font-weight:400
}
.qlch-theme.cls-information-account-upgrade{
    border-radius:5px 5px;
    padding-left:50px;
    width:600px;
    height:125px;
    clear:both
}
.qlch-theme.cls-information-account-upgrade-admin{
    border-radius:5px 5px;
    padding-left:50px;
    width:600px;
    height:229px;
    clear:both
}
.qlch-theme .cls-linkupgrade-parent{
    padding-top:15px
}
.qlch-theme .cls-percent-total{
    width:100px;
    height:1px;
    background:#eee;
    margin-left:46.5%
}
.qlch-theme .cls-percent-used{
    width:30px;
    height:1px;
    background:#a9a9a9
}
.cls-image-girl-upgrade{
    position:fixed;
    margin-top:-50px;
    margin-left:-35px
}
.cls-title-packname-upgrade{
    margin-left:46%;
    line-height:23px;
    margin-right:10%
}
.cls-title-packname-used{
    margin-left:46%;
    line-height:26px;
    margin-right:18px;
    margin-top:14px
}
.qlch-theme.warning-templicense-nobutton{
    margin-top:49px;
    margin-bottom:15px;
    height:40px
}
.qlch-theme.misa-button.button-upgrade-account{
    background-color:#059f57;
    border:none;
    margin-left:303px!important;
    margin-top:49px;
    margin-bottom:15px;
    height:40px;
    width:257px;
    font-size:20px;
    color:#fff;
    border-radius:5px 3px
}
.qlch-theme.misa-button.button-upgrade-account:hover{
    background-color:#0e6b40;
    border-color:#0e6b40!important
}
.qlch-theme.misa-button.button-upgrade-account-cancel{
    background:url(../images/common-icon.png) no-repeat -1125px -151px!important;
    border:none;
    height:20px;
    width:20px;
    float:right
}
.qlch-theme.misa-button.button-keep-branch-cancel{
    background:url(../images/common-icon.png) no-repeat -1125px -151px!important;
    border:none;
    height:20px;
    width:20px;
    float:right;
    margin-top:-47px;
    margin-right:15px
}
.qlch-theme.cls-keep-branch-header{
    line-height:54px
}
.qlch-theme.cls-keep-branch-header-title{
    font-size:18px;
    color:#fff;
    background-color:#026b98;
    padding-left:15px
}
.qlch-theme.cls-keep-branch-body{
    border:1px solid #dadada;
    height:200px;
    margin:15px 50px 15px 40px;
    overflow:auto
}
.qlch-theme.cls-keep-branch-body-title{
    font-size:19px;
    font-weight:bold;
    margin-left:40px;
    margin-top:25px
}
.qlch-theme.cls-number-keep-branch-body-title{
    font-size:17px;
    margin-left:40px
}
.qlch-theme.cls-keep-branch-footer{
}
.qlch-theme.misa-button.button-keep-branch-accept{
    color:#fff;
    background-color:#026b98;
    height:45px;
    width:150px;
    margin-left:221px;
    border:none;
    margin-bottom:24px;
    font-weight:bold;
    font-size:15px
}
.qlch-theme.misa-button.button-keep-branch-accept:hover{
    background-color:#00577b;
    border-color:#00577b!important
}
.qlch-theme.misa-button.button-keep-branch-accept:disabled{
    background-color:#81b5cb!important;
    border-color:#81b5cb!important
}
.qlch-theme.cls-container{
    background-color:#fff
}
.cls-checkboxbranch>.cls-li-selected-branch{
    list-style-type:none!important
}
.qlch-theme.cls-name-branch-keep{
    padding-left:20px;
    display:block;
    height:20px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    vertical-align:super;
    padding-top:2px
}
.qlch-theme.cls-checkbox-selected-branch{
    margin-left:50px;
    height:15px;
    width:15px;
    float:left
}
.qlch-theme.cls-li-selected-branch{
    margin-top:5px
}
.qlch-theme.cls-title-warning-selected-branch{
    margin-top:30px
}
.cls-email{
    text-decoration:none;
    color:#026b97;
    font-weight:700
}
.notice-convert{
    width:480px;
    height:400px;
    border-radius:8px;
    background-color:#fff;
    position:fixed!important;
    top:50%!important;
    left:50%!important;
    margin-left:-200px!important;
    margin-top:-275px!important
}
.notice-convert h3{
    margin:0 0 8px 0
}
.notice-convert .convert-content{
    padding:16px
}
.notice-convert .img-convert{
    height:200px;
    background:url('../images/doidauso.png') center center no-repeat
}
.notice-convert .description{
    font-size:16px
}
.notice-convert .description a{
    color:#136c99;
    font-size:16px
}
.notice-convert .description span{
    color:#136c99
}
.notice-convert .description b{
    font-size:18px
}
.notice-convert .btnconvert-close{
    height:56px;
    margin-top:28px;
    background:#dcdcdc7a;
    border-radius:0 0 8px 8px
}
.notice-convert .btnconvert-close button{
    font:400 13px "Roboto";
    float:right;
    margin-top:10px;
    width:120px;
    height:36px;
    margin-right:16px;
    border-radius:3px;
    background-color:#136c99;
    border-style:none;
    color:#fff;
    text-transform:uppercase;
    font-weight:bold
}
#languages{
    width:140px;
    height:62px;
    position:absolute;
    right:20px;
    top:48px;
    background:#f5f5f5;
    z-index:1;
    display:none
}
.item-language{
    float:left;
    width:100%;
    height:31px;
    padding:7px 0 7px 0
}
.item-language:hover{
    background:#247ba0;
    cursor:pointer;
    color:#fff
}
.item-language a:hover{
    background:#247ba0;
    color:#fff;
    cursor:pointer;
    text-decoration:none
}
.combo-down{
    background:url(../images/arrow-down-line.png)!important;
    background:#fff;
    color:#919191;
    display:table-cell;
    vertical-align:top;
    cursor:pointer;
    overflow:hidden;
    background-repeat:no-repeat;
    text-align:center;
    line-height:0;
    white-space:nowrap;
    width:9px;
    height:4px;
    position:absolute;
    position:absolute;
    right:25px;
    top:30px
}
#cbo-language a{
    color:#000;
    text-decoration:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding-left:5px;
    padding-top:7px
}
.item-language a{
    color:#000;
    text-decoration:none;
    width:100%;
    height:31px;
    padding:8px 71px 8px 10px
}
.capcha{
    display:flex
}
.capcha #refreshCapcha{
    background:url(../images/refreshBlue.png) center center no-repeat;
    height:40px;
    width:40px;
    cursor:pointer
}
.waitMe_container:not(body),body.waitMe_container .waitMe{
    transform:translateZ(0);
    backface-visibility:hidden
}
body.waitMe_container .waitMe{
    position:fixed;
    height:100vh
}
body.waitMe_container .waitMe .waitMe_content{
    top:50%!important;
    transform:none!important
}
.waitMe_container .waitMe{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:9989;
    text-align:center;
    overflow:hidden;
    cursor:wait
}
.waitMe_container .waitMe *{
    font-family:inherit;
    font-size:inherit;
    font-weight:initial;
    font-style:initial;
    line-height:initial;
    color:initial;
    text-decoration:initial;
    text-transform:initial;
    padding:initial;
    margin:initial
}
.waitMe_container .waitMe .waitMe_content{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    backface-visibility:hidden
}
.waitMe_container .waitMe .waitMe_content.horizontal>.waitMe_progress{
    display:inline-block;
    vertical-align:middle
}
.waitMe_container .waitMe .waitMe_content.horizontal>.waitMe_text{
    display:inline-block;
    margin:0 0 0 20px;
    vertical-align:middle
}
.waitMe_container .waitMe .waitMe_progress{
    position:relative;
    font-size:0;
    line-height:0
}
.waitMe_container .waitMe .waitMe_progress>div{
    animation-fill-mode:both;
    display:inline-block;
    transform:translateZ(0);
    backface-visibility:hidden
}
.waitMe_container .waitMe .waitMe_text{
    position:relative;
    margin:20px 0 0
}
body.waitMe_body{
    overflow:hidden;
    height:100%
}
body.waitMe_body.hideMe{
    transition:opacity .2s ease-in-out;
    opacity:0
}
body.waitMe_body .waitMe_container:not([data-waitme_id]){
    position:fixed;
    z-index:9989;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:#fff
}
body.waitMe_body .waitMe_container:not([data-waitme_id])>div{
    animation-fill-mode:both;
    position:absolute
}
body.waitMe_body .waitMe_container.progress>div{
    width:0;
    height:3px;
    top:0;
    left:0;
    background:#000;
    box-shadow:-5px 0 5px 2px rgba(0,0,0,.2);
    animation:progress_body 7s infinite ease-out
}
body.waitMe_body .waitMe_container.working>div{
    width:10%;
    height:3px;
    top:0;
    left:-10%;
    background:#000;
    box-shadow:-5px 0 5px 2px rgba(0,0,0,.2);
    animation:working_body 2s infinite linear
}
body.waitMe_body .waitMe_container.progress>div:after{
    content:'';
    position:absolute;
    top:0;
    bottom:60%;
    right:0;
    width:60px;
    border-radius:50%;
    opacity:.5;
    transform:rotate(3deg);
    box-shadow:#000 1px 0 6px 1px
}
body.waitMe_body .waitMe_container.img>div{
    width:100%;
    height:100%;
    text-align:center;
    background-position:center!important;
    background-repeat:no-repeat!important
}
body.waitMe_body .waitMe_container.text>div{
    width:100%;
    top:45%;
    text-align:center
}
@keyframes progress_body{
    0%{
        width:0
    }
    100%{
        width:100%
    }
}
@keyframes working_body{
    0%{
        left:-10%
    }
    100%{
        left:100%
    }
}
.waitMe_container .waitMe_progress.bounce>div{
    width:20px;
    height:20px;
    border-radius:50%;
    animation:bounce 1.4s infinite ease-in-out
}
.waitMe_container .waitMe_progress.bounce .waitMe_progress_elem1{
    animation-delay:-.32s
}
.waitMe_container .waitMe_progress.bounce .waitMe_progress_elem2{
    animation-delay:-.16s
}
@keyframes bounce{
    0%,100%,80%{
        transform:scale(0)
    }
    40%{
        transform:scale(1)
    }
}
.waitMe_container .waitMe_progress.rotateplane>div{
    width:30px;
    height:30px;
    animation:rotateplane 1.2s infinite ease-in-out;
    backface-visibility:visible
}
@keyframes rotateplane{
    0%{
        transform:perspective(120px)
    }
    50%{
        transform:perspective(120px) rotateY(180deg)
    }
    100%{
        transform:perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}
.waitMe_container .waitMe_progress.stretch{
    height:60px
}
.waitMe_container .waitMe_progress.stretch>div{
    width:1px;
    height:100%;
    margin:0 4px;
    animation:stretch 1.2s infinite ease-in-out
}
.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem2{
    animation-delay:-1.1s
}
.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem3{
    animation-delay:-1s
}
.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem4{
    animation-delay:-.9s
}
.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem5{
    animation-delay:-.8s
}
@keyframes stretch{
    0%,100%,40%{
        transform:scaleY(.4)
    }
    20%{
        transform:scaleY(1)
    }
}
.waitMe_container .waitMe_progress.orbit{
    width:40px;
    height:40px;
    margin:auto;
    position:relative
}
.waitMe_container .waitMe_progress.orbit>div{
    width:100%;
    height:100%;
    margin:auto;
    top:0;
    left:0;
    position:absolute;
    animation:orbit_rotate 2s infinite linear
}
.waitMe_container .waitMe_progress.orbit>div>div{
    width:50%;
    height:50%;
    border-radius:50%;
    top:10%;
    left:10%;
    position:absolute;
    animation:orbit 2s infinite ease-in-out
}
.waitMe_container .waitMe_progress.orbit .waitMe_progress_elem2>div{
    top:auto;
    bottom:10%;
    left:auto;
    right:10%;
    animation-delay:-1s
}
@keyframes orbit_rotate{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
@keyframes orbit{
    0%,100%{
        transform:scale(0)
    }
    50%{
        transform:scale(1)
    }
}
.waitMe_container .waitMe_progress.roundBounce{
    width:60px;
    height:60px;
    margin:auto
}
.waitMe_container .waitMe_progress.roundBounce>div{
    width:24%;
    height:24%;
    border-radius:50%;
    position:absolute;
    animation:roundBounce 1.2s infinite ease-in-out
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem1{
    top:0;
    left:0
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem2{
    top:0;
    right:0
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem3{
    bottom:0;
    right:0
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem4{
    bottom:0;
    left:0
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem5{
    top:-3%;
    left:50%;
    margin-top:-12%;
    margin-left:-12%;
    animation-delay:-1.1s
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem6{
    top:50%;
    right:-3%;
    margin-top:-12%;
    margin-right:-12%
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem7{
    bottom:-3%;
    left:50%;
    margin-bottom:-12%;
    margin-left:-12%
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem8{
    top:50%;
    left:-3%;
    margin-top:-12%;
    margin-left:-12%
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem9{
    top:0;
    right:0;
    animation-delay:-1s
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem2{
    animation-delay:-.9s
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem6{
    animation-delay:-.8s
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem10{
    bottom:0;
    right:0;
    animation-delay:-.7s
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem3{
    animation-delay:-.6s
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem7{
    animation-delay:-.5s
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem11{
    bottom:0;
    left:0;
    animation-delay:-.4s
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem4{
    animation-delay:-.3s
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem8{
    animation-delay:-.2s
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem12{
    top:0;
    left:0;
    animation-delay:-.1s
}
@keyframes roundBounce{
    0%,100%,80%{
        transform:scale(0)
    }
    40%{
        transform:scale(1)
    }
}
.waitMe_container .waitMe_progress.win8{
    width:40px;
    height:40px;
    margin:auto
}
.waitMe_container .waitMe_progress.win8>div{
    width:100%;
    height:100%;
    opacity:0;
    position:absolute;
    margin:auto;
    left:0;
    right:0;
    transform:rotate(225deg);
    animation:win8 5.5s infinite
}
.waitMe_container .waitMe_progress.win8>div>div{
    width:15%;
    height:15%;
    border-radius:50%;
    position:absolute
}
.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem2{
    animation-delay:.24s
}
.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem3{
    animation-delay:.48s
}
.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem4{
    animation-delay:.72s
}
.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem5{
    animation-delay:.96s
}
@keyframes win8{
    0%{
        transform:rotate(225deg);
        animation-timing-function:ease-out
    }
    7%{
        opacity:1;
        transform:rotate(345deg);
        animation-timing-function:linear
    }
    30%{
        transform:rotate(455deg);
        animation-timing-function:ease-in-out
    }
    39%{
        transform:rotate(690deg);
        animation-timing-function:linear
    }
    70%{
        opacity:1;
        transform:rotate(815deg);
        animation-timing-function:ease-out
    }
    75%{
        transform:rotate(945deg);
        animation-timing-function:ease-out
    }
    100%,76%{
        opacity:0;
        transform:rotate(945deg)
    }
}
.waitMe_container .waitMe_progress.win8_linear{
    margin:auto;
    width:150px;
    height:6px
}
.waitMe_container .waitMe_progress.win8_linear>div{
    width:100%;
    height:100%;
    left:0;
    opacity:0;
    position:absolute;
    animation:win8_linear 3s infinite
}
.waitMe_container .waitMe_progress.win8_linear>div>div{
    width:4%;
    height:100%;
    border-radius:50%
}
.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem2{
    animation-delay:.3s
}
.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem3{
    animation-delay:.6s
}
.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem4{
    animation-delay:.9s
}
.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem5{
    animation-delay:1.2s
}
@keyframes win8_linear{
    0%,100%{
        transform:translateX(0);
        animation-timing-function:ease-out
    }
    10%{
        opacity:1;
        transform:translateX(33.333%);
        animation-timing-function:linear
    }
    50%{
        opacity:1;
        transform:translateX(53.333%);
        animation-timing-function:ease-in-out
    }
    60%{
        opacity:0;
        transform:translateX(86.666%)
    }
}
.waitMe_container .waitMe_progress.ios{
    margin:auto;
    width:40px;
    height:40px
}
.waitMe_container .waitMe_progress.ios>div{
    width:10%;
    height:26%;
    position:absolute;
    left:44.5%;
    top:37%;
    opacity:0;
    border-radius:50px;
    box-shadow:0 0 3px rgba(0,0,0,.2);
    animation:ios 1s infinite linear
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem1{
    transform:rotate(0) translate(0,-142%);
    animation-delay:0s
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem2{
    transform:rotate(30deg) translate(0,-142%);
    animation-delay:-.9167s
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem3{
    transform:rotate(60deg) translate(0,-142%);
    animation-delay:-.833s
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem4{
    transform:rotate(90deg) translate(0,-142%);
    animation-delay:-.75s
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem5{
    transform:rotate(120deg) translate(0,-142%);
    animation-delay:-.667s
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem6{
    transform:rotate(150deg) translate(0,-142%);
    animation-delay:-.5833s
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem7{
    transform:rotate(180deg) translate(0,-142%);
    animation-delay:-.5s
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem8{
    transform:rotate(210deg) translate(0,-142%);
    animation-delay:-.41667s
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem9{
    transform:rotate(240deg) translate(0,-142%);
    animation-delay:-.333s
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem10{
    transform:rotate(270deg) translate(0,-142%);
    animation-delay:-.25s
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem11{
    transform:rotate(300deg) translate(0,-142%);
    animation-delay:-.1667s
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem12{
    transform:rotate(330deg) translate(0,-142%);
    animation-delay:-.0833s
}
@keyframes ios{
    0%{
        opacity:1
    }
    100%{
        opacity:.25
    }
}
.waitMe_container .waitMe_progress.facebook{
    margin:auto
}
.waitMe_container .waitMe_progress.facebook>div{
    width:6px;
    height:25px;
    margin-left:3px;
    border-radius:20px;
    transform:scaleY(.7);
    opacity:.1;
    animation:facebook 1.3s infinite ease-in-out
}
.waitMe_container .waitMe_progress.facebook>.waitMe_progress_elem1{
    animation-delay:.2s;
    transform:scaleY(.7)
}
.waitMe_container .waitMe_progress.facebook>.waitMe_progress_elem2{
    animation-delay:.4s;
    transform:scaleY(.85)
}
.waitMe_container .waitMe_progress.facebook>.waitMe_progress_elem3{
    animation-delay:.6s;
    transform:scaleY(1)
}
@keyframes facebook{
    0%,100%{
        transform:scaleY(.7);
        opacity:.1
    }
    50%{
        transform:scaleY(1);
        opacity:1
    }
}
.waitMe_container .waitMe_progress.rotation>div{
    width:60px;
    height:60px;
    margin:auto;
    border-radius:100%;
    border-width:6px;
    border-style:solid;
    border-left-color:transparent!important;
    border-right-color:transparent!important;
    border-bottom-color:transparent!important;
    animation:rotation 1s infinite linear
}
@keyframes rotation{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
.waitMe_container .waitMe_progress.timer{
    width:40px;
    height:40px;
    margin:auto;
    border-width:2px;
    border-style:solid;
    border-radius:50%;
    box-sizing:border-box;
    position:relative;
    text-indent:-9999px
}
.waitMe_container .waitMe_progress.timer>.waitMe_progress_elem1,.waitMe_container .waitMe_progress.timer>.waitMe_progress_elem2{
    border-radius:3px;
    position:absolute;
    width:2px;
    height:48%;
    left:50%;
    top:50%;
    margin-left:-1px;
    margin-top:-1px;
    animation:timer 1.25s infinite linear;
    transform-origin:1px 1px
}
.waitMe_container .waitMe_progress.timer>.waitMe_progress_elem2{
    height:40%;
    animation:timer 15s infinite linear
}
@keyframes timer{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
.waitMe_container .waitMe_progress.pulse{
    width:30px;
    height:30px;
    margin:auto;
    position:relative
}
.waitMe_container .waitMe_progress.pulse>div{
    margin:auto;
    top:0;
    left:0;
    right:0;
    bottom:0;
    border-width:3px;
    border-style:solid;
    border-radius:50%;
    position:absolute;
    opacity:0;
    animation:pulsate 1s infinite ease-out
}
@keyframes pulsate{
    0%{
        transform:scale(.1);
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        transform:scale(1.2);
        opacity:0
    }
}
.waitMe_container .waitMe_progress.progressBar{
    width:200px;
    height:20px;
    margin:auto;
    background:rgba(0,0,0,.1);
    padding:5px;
    border-radius:20px;
    line-height:0;
    max-width:100%
}
.waitMe_container .waitMe_progress.progressBar>div{
    width:100%;
    height:100%;
    overflow:hidden;
    border-radius:20px;
    background-size:50px 50px;
    box-shadow:inset 0 2px 9px rgba(255,255,255,.3),inset 0 -2px 6px rgba(0,0,0,.4);
    background-image:linear-gradient(-45deg,rgba(240,240,240,.4) 26%,transparent 25%,transparent 51%,rgba(240,240,240,.4) 50%,rgba(240,240,240,.4) 76%,transparent 75%,transparent);
    animation:progressBar 2s linear infinite
}
@keyframes progressBar{
    0%{
        background-position:0 0
    }
    100%{
        background-position:50px 50px
    }
}
.waitMe_container .waitMe_progress.bouncePulse>div{
    width:20px;
    height:20px;
    margin-right:1px;
    display:inline-block;
    border-radius:50%;
    transform:scale(.5);
    animation:bouncePulse 1.4s infinite ease-in-out
}
.waitMe_container .waitMe_progress.bouncePulse>.waitMe_progress_elem1,.waitMe_container .waitMe_progress.bouncePulse>.waitMe_progress_elem3{
    animation-delay:.1s
}
.waitMe_container .waitMe_progress.bouncePulse>.waitMe_progress_elem2{
    animation-delay:.4s
}
@keyframes bouncePulse{
    0%,100%,80%{
        transform:scale(.5)
    }
    40%{
        transform:scale(1)
    }
}