html,body{font-family: 'Roboto', sans-serif;height:100%;width:100%;}

input:-webkit-autofill{
    -webkit-text-fill-color: #777 !important;
    transition: background-color 5000000s;
}
input::-webkit-input-placeholder{color:#999!important;}
input::-moz-placeholder{color:#999!important;}
input:-ms-input-placeholder{color:#999!important;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
input[type="number"] { -moz-appearance: textfield;}
a{
    color: #000;
    outline: 0!important;
}
a:hover, a:focus{
    color: #666;
}
ul{
    padding: 0px;
}
button{
    outline: 0!important;
}

@keyframes scaleIn{
    0%{transform: scale(0)}
    100%{transform: scale(1)}
}
@-webkit-keyframes scaleIn{
    0%{-webkit-transform: scale(0)}
    100%{-webkit-transform: scale(1)}
}

@keyframes slideRight{
    from{transform: translateX(-100%);}
    to{transform: translateX(0%);}
}
@-webkit-keyframes slideRight{
    from{-webkit-transform: translateX(-100%);}
    to{-webkit-transform: translateX(0%);}
}
@keyframes jump{
    0%{transform: translate3d(0px,0px,0px)}
    25%{transform: translate3d(0px,-4px,0px) rotate(10deg)}
    50%{transform: translate3d(0px,0px,0px) rotate(0deg)}
    75%{transform: translate3d(0px,-5px,0px) rotate(-10deg)}
    100%{transform: translate3d(0px,0px,0px)}
}
@-webkit-keyframes jump{
    0%{-webkit-transform: translate3d(0px,0px,0px)}
    25%{-webkit-transform: translate3d(0px,-4px,0px) rotate(10deg)}
    50%{-webkit-transform: translate3d(0px,0px,0px) rotate(0deg)}
    75%{-webkit-transform: translate3d(0px,-5px,0px) rotate(-10deg)}
    100%{-webkit-transform: translate3d(0px,0px,0px)}
}
@keyframes heartbeat{
    0%{transform: scale(1)}
    50%{transform: scale(1)}
    60%{transform: scale(1.4)}
    70%{transform: scale(1)}
    80%{transform: scale(1.4)}
    90%{transform: scale(1)}
}
@-webkit-keyframes heartbeat{
    0%{-webkit-transform: scale(1)}
    50%{-webkit-transform: scale(1)}
    60%{-webkit-transform: scale(1.4)}
    70%{-webkit-transform: scale(1)}
    80%{-webkit-transform: scale(1.4)}
    90%{-webkit-transform: scale(1)}
}
@keyframes pulse{
    0%{transform: scale(1);}
    70%{transform: scale(1);}
    80%{transform: scale(1.4);}
    90%{transform: scale(1);}
}
@-webkit-keyframes pulse{
    0%{-webkit-transform: scale(1)}
    70%{-webkit-transform: scale(1)}
    80%{-webkit-transform: scale(1.4)}
    90%{-webkit-transform: scale(1)}
}
@keyframes flip{
    0%{opacity:0;transform:rotateX(-180deg)}
    50%{}
    100%{opacity:1;transform:rotateX(0deg)}
}
@-webkit-keyframes flip{
    0%{opacity:0;transform:rotateX(-180deg)}
    50%{}
    100%{opacity:1;transform:rotateX(0deg)}
}
@keyframes rotate{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(359deg)}
}
@keyframes fadein{
    0%{display: none}
    1%{opacity:0; display: inherit}
    100%{opacity:1}
}
@-webkit-keyframes fadein{
    0%{display: none}
    1%{opacity:0; display: inherit}
    50%{}
    100%{opacity:1}
}
@keyframes loader {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}
@-webkit-keyframes loader {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}
@keyframes assets{
    0% {
        transform: translate3d(0%,0,0);
    }
    100% {
        transform: translate3d(-50%,0,0);
    }
}
@-webkit-keyframes assets{
    0% {
        -webkit-transform: translate3d(0%,0,0);
    }
    100% {
        -webkit-transform: translate3d(-50%,0,0);
    }
}
@keyframes blink{
    0%{opacity: 1;}
    15%{opacity: 1;}
    50%{opacity: 0.5;}
    85%{opacity: 1;}
    100%{opacity: 1;}
}
@-webkit-keyframes blink{
    0%{opacity: 1;}
    15%{opacity: 1;}
    50%{opacity: 0.5;}
    85%{opacity: 1;}
    100%{opacity: 1;}
}
@keyframes signalOverlayIn{
    0%{transform: scaleY(0); height: 0px}
    100%{transform: scaleY(1); height: 80px}
}
@-webkit-keyframes signalOverlayIn{
    0%{transform: scaleY(0); height: 0px}
    100%{transform: scaleY(1); height: 80px}
}
@keyframes signalOverlayOut{
    0%{transform: scaleY(1); height: 80px}
    100%{transform: scaleY(0); height: 0px}
}
@-webkit-keyframes signalOverlayOut{
    0%{transform: scaleY(1); height: 80px}
    100%{transform: scaleY(0); height: 0px}
}

@keyframes signalOverlayInMobile{
    0%{transform: scaleY(0); height: 0px}
    100%{transform: scaleY(1); height: 200px}
}
@-webkit-keyframes signalOverlayInMobile{
    0%{transform: scaleY(0); height: 0px}
    100%{transform: scaleY(1); height: 200px}
}
@keyframes signalOverlayOutMobile{
    0%{transform: scaleY(1); height: 200px}
    100%{transform: scaleY(0); height: 0px}
}
@-webkit-keyframes signalOverlayOutMobile{
    0%{transform: scaleY(1); height: 200px}
    100%{transform: scaleY(0); height: 0px}
}
@keyframes glow{
    0%{box-shadow: 0 0 5px #ffd106, inset 0 0 0 2px #ffd106}
    100%{box-shadow: 0 0 20px #ffd106, inset 0 0 0 5px #ffd106}
}
@-webkit-keyframes glow{
    0%{box-shadow: 0 0 5px #ffd106, inset 0 0 0 2px #ffd106}
    100%{box-shadow: 0 0 20px #ffd106, inset 0 0 0 5px #ffd106}
}

@keyframes topUserAnimation{
    0%{transform: scale(0); height:0px; padding: 0px; margin: 0}
    100%{transform: scale(1);height:40px; padding: 0 5px; margin: 5px 0}
}
@-webkit-keyframes topUserAnimation{
    0%{-webkit-transform: scale(0); height:0px; padding: 0px; margin: 0}
    100%{-webkit-transform: scale(1);height:40px; padding: 0 5px; margin: 5px 0}
}

main-block{
    display: table-row;
    width: 100%;
    height: 100%;
}
main-block>*{
    display: table-cell;
    width: 100%;
    height: 100%;
}

content-top{
    color:#aaa;
    display: table-row;
    width:100%;
    text-align: center;
    background: #000;
    height: 30px;
}
content-top>div{
    display: table;
    width:100%;
    height: 40px;
    border-bottom: 1px solid #333;
}
content-top>div>div{
    display: table-cell;
    width:50%;
    vertical-align: middle;
}
content-inner{
    height: 100%;
    display: table-cell;
    width:100%;
    color: #333;
    overflow: hidden;
}
content-footer{
    background: #000;
    height: 58px;
    display: block;
    width:100%;
    color:#aaa;
    text-align: right;
    font-size: 12px;
    position: fixed;
    overflow: hidden;
    bottom: 0px;
    left:0px;
    z-index: 2;
}
content-footer>div:last-child{
    padding: 0px 10px;
    overflow: hidden;
}
content{
    vertical-align: top;
    display: table-cell;
    width:100%;
    background-color: #eee;
    /*background-image: -o-radial-gradient(top center, circle, #333 ,#222);*/
    /*background-image: -ms-radial-gradient(top center, circle, #333 ,#222);*/
    /*background-image: -moz-radial-gradient(top center, circle, #333 ,#222);*/
    background-size: cover;
}
sidebar{
    vertical-align: top;
    display: table-cell;
    height: 100%;
    transition: width 0.4s,max-width 0.4s;
    position: relative;
    z-index: 3;
    width: 0px;
    max-width: 0px;
}
sidebar.active{
    width: 120px;
    max-width: 120px;
}
sidebar.active>#sidebar-buttons{
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    box-shadow: 2px 0px 10px #000;
}
assets-list{
    display:block;
    width:100%;
    height: 38px;
    padding-top: 4px;
    overflow: hidden;
    white-space: nowrap;
    margin: 0px;
    position: relative;
    background: #000;
    border-bottom: solid 1px #2a2a2a;
    border-top: solid 1px #000;
}
assets-list>div{
    width: 100%;
    position: absolute;
    display: table;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}
assets-list>div>div{
    padding: 6px 10px;
    display: inline-block;
    text-align: center;
    height: 28px;
    vertical-align: middle;
    margin: 0 5px;
    margin-right: 35px;
    background: rgba(187,187,187,.3);
    border-radius: 3px;
    -webkit-transition:background .25s ease-in-out;
    -moz-transition:background .25s ease-in-out;
    -o-transition: background .25s ease-in-out;
    transition: background .25s ease-in-out;
    width: 160px;
}
assets-list>div>div.down{
    background: rgba(187,0,0,.3);
}
assets-list>div>div.up{
    background: rgba(0,187,0,.3);
}
assets-list>div>div>span:first-child{
    color: #ddd;
}
assets-list>div>div>span:nth-child(2){
    color: #fff;
}
assets-list>div>div>i.glyphicon-arrow-down{
    color: #bb0000;
}
assets-list>div>div>i.glyphicon-arrow-up{
    color: #00bb00;
}
assets-list>div>div>i.glyphicon-flash{
    color:#777;
}
popup-deposit>div{
    display: block;
    position: fixed;
    bottom: 20px;
    right: 0px;
    width: 280px;
    text-align: center;
    background-color: #444;
    color: #fff;
    margin: 5px;
    overflow: hidden;
    box-shadow: 0px 2px 5px #000;
    border: solid 1px #555;
    z-index: 2;
}
popup-deposit>div>div:first-child{
    /* background-color: #fd6a00; */
    font-size: 16px;
    padding: 5px;
    border-bottom: solid 1px #666;
}

popup-deposit>div.ng-leave {
    animation-name: scaleIn;
    animation-direction: reverse;
    animation-duration: 0.6s;
}
popup-deposit>div>div:first-child img {
    position: absolute;
    right: 5px;
    top: 2px;
    height: 27px;
}
users-online{
    margin: 0px 20px;
}
users-online b{
    animation-name: blink;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    color:#00ff00;
}
clock>div{padding: 0px 5px;}
clock>div>span{font-size: 16px;font-weight: bold;}
clock>div>div{opacity: 0.6;}

popup-window{display:block;background: #000; border-radius: 4px;position: absolute; z-index: 10; padding: 5px;}
popup-mouseout{
    display: table;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000000;
    vertical-align: middle;
}
popup-mouseout>div>div{vertical-align: middle!important;}
popup-mouseout>div>div>div{
    background: url('/public/images/popup_mouseout.jpg');
    background-size: 100%;
    width: 720px;
    height: 340px;
    margin: auto;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 50px;
    margin-top: -80px;
}
popup-mouseout>div>div>div>div{
    line-height: 50px;
    margin: 90px 0 10px 0;
}
popup-mouseout a{
    background: linear-gradient(#54b800,#4ba500);
    border-bottom: solid 4px #367700;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    color: #fff;
    font-size: 25px;
    font-weight: normal;
    padding: 15px 35px;
    transition: all 0.1s;
    text-transform: none;
    position: relative;
    top: 0px;
}
popup-mouseout a:hover{
    background: linear-gradient(#5ece00,#54b900);
    text-decoration: none;
    border-bottom: solid 2px #367700;
    top: 2px;
    color: #fff;
}
popup-mouseout>div>div>div>div:last-child{font-size: 14px;text-transform: initial;margin: 8px 0;}
popup-mouseout>div>div>div>div:last-child>span{cursor:pointer}
popup-mouseout .fa-times{position: absolute; right: 10px; top: 5px; font-size: 26px; cursor:pointer}
deposit-frame{display: block;position: absolute;opacity:0}

#login-logo{
    max-height: 110px;
    margin-bottom: 20px;
    display: inline-block;
}

#main-logo{background-color: transparent;padding: 2px;vertical-align: middle;}
#main-logo>div{display: table;height: 100%;width: 100%;height: 51px;}
#main-logo>div>div{display: table-cell;vertical-align: middle}
#main-logo img{display:inline-block;width:100%}

#sidebar-buttons{
    background: #333;
    list-style: none;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    height: 100%;
    transition: transform 0.3s;
    box-shadow: 0px 0px 0px #000;
    overflow: hidden;
    position: relative;
    width: 120px;
    transform: translateX(-120px);
    -webkit-transform: translateX(-120px);
    border: solid 1px #333;
    border-top: none;
    border-bottom: none;
}
#sidebar-buttons>li{
    width:100%;
    display: block;
    white-space: nowrap;
}
#sidebar-buttons>li>a.active{
    background: #555;
    color: #ddd;
    box-shadow: inset 5px 0px 0px #fd6a00;
}
#sidebar-buttons>li>a{
    text-align: center;
    color: #aaa;
    width:100%;
    height: 100%;
    display: block;
    padding: 10px 0px;
    transition: all 0.5s;
    text-shadow: 0px 1px 1px rgba(0,0,0,1);
    position: relative;
    box-sizing: border-box;
    color: #aaa;
    animation-fill-mode: both;
    animation-duration: 0.3s;
    border-radius: 0;
    font-size: 14px;
}
#sidebar-buttons>li>a:hover, #sidebar-buttons>li>a:focus{
    background: #777;
    color: #fff;
    text-decoration: none;
    transition: all 0.2s;
}
#sidebar-buttons>li>a>i{
    font-size: 30px;
    transition: transform 0.3s;
}
#sidebar-buttons>li>a:hover>i{
    transform: scale(1.2);
}
#sidebar-overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    display: block;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2000;
}
#sidebar-buttons .btn-arrow-down:after{
    content: '';
    display: block;
    background: transparent;
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: -8px;
    left: calc(50% - 8px);
    transform: rotate(45deg);
    transition: all 0.5s;
}
#sidebar-buttons .active.btn-arrow-down:after{
    background: #555;
}
#sidebar-buttons>li>a.active.btn-arrow-down:hover:after, #sidebar-buttons>li>a.active.btn-arrow-down:focus:after{
    background: #777;
    transition: all 0.2s;
}

#tab-buttons{
    list-style: none;
    padding: 0;
    display:table;
    width:100%;
    margin: 0px;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.5);
    z-index: 1;
    position: relative;
}
#tab-buttons>li{
    width:33%;
    display: table-cell;
    position:relative;
    background: #333;
    background: linear-gradient(to left, #252525,#333333);
}
#tab-buttons>li>a:after {
    z-index: 1;
    color: #252525;
    border-left: 22px solid;
    border-top: 28px solid transparent;
    border-bottom: 28px solid transparent;
    display: inline-block;
    content: '';
    position: absolute;
    right: -22px;
    top: 0px;
}
#tab-buttons>li.active>a:after {
    color: #fd6a00;
}
#tab-buttons>li>a:before {
    z-index: 1;
    color: #000;
    border-left: 22px solid;
    border-top: 28px solid transparent;
    border-bottom: 28px solid transparent;
    display: inline-block;
    content: '';
    position: absolute;
    right: -23px;
    top: 0px;
}
#tab-buttons>li>a{
    color: #aaa;
    width: 100%;
    display: block;
    height: 100%;
    padding: 14px 0px;
    text-align: left;
    font-size: 20px;
    white-space: nowrap;
    padding-left: 28px;
}
#tab-buttons>li.active{
    color: #fff;
    background: #fd6a00;
    background: linear-gradient(to right, #ff8d3a,#fd6a00);
}
#tab-buttons>li>a:hover,#tab-buttons>li>a:focus,#tab-buttons>li.active>a{
    color: #fff;
    text-decoration: none;
}
#tab-buttons>li>a>i{
    margin: 0px 5px;
    transition: transform 0.3s;
}

#tab-buttons>li>a:hover>i{
    transform: scale(1.2);
}
#tab-buttons .tab-number{
    width: 26px;
    height: 26px;
    display: inline-block;
    border-radius: 17px;
    border: solid 2px rgba(255,255,255,0.4);
    font-style: normal;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    margin: 0px;
    transform: scale(1)!important;
}
#tab-buttons .tab-title{
    position: relative;
}
#tab-buttons .tab-step{
    display: none;
    position: absolute;
    top: -12px;
    left: 0px;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    width: 100%;
    margin: 0px;
    transform: scale(1)!important;
}
#tab-buttons.with-steps .tab-step {
    display:block;
}
#tab-buttons.with-steps .tab-title {
    top:4px;
}

#footer-ticker{
    width:100%;
    height: 30px;
    overflow: hidden;
    border-bottom: solid 1px #333;
}
#footer-ticker>iframe{
    width: 100%;
    height: 50px;
    border: 0px;
    top: -10px;
    position: relative;
}
#header-ticker{
    width:100%;
    height: 30px;
    overflow: hidden;
    background: #000;
    border-bottom: 1px solid #333;
}
#header-ticker>iframe{
    width: 100%;
    height: 50px;
    border: 0px;
    top: -10px;
    position: relative;
}
#ng-view{
    padding: 0px;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 56px;
}
#ng-view.fullscreen {
    height: 100%;
    display: table;
    padding-bottom: 0px;
}


#button-sidebar{
    min-width: 120px;
    width: 120px;
    background: #fd6a00;
    height: 100%;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
    z-index: 2002;
    padding-top: 5px;
}
#button-sidebar:hover{background: #ff8a35;}
#button-sidebar>i{transition: transform 0.2s;transform: scale(1.5, 1);}
#button-sidebar:hover>i{transform: scale(1.7,1.2)}

#button-lang>div{
    width: 40px;
    height: 40px;
    background: #333;
    border-radius: 100px;
    overflow: hidden;
    margin: 0px 10px;
    cursor: pointer;
}
#button-lang>div:hover>img{
    opacity: 1;
}
#button-lang>div>img{
    width: 24px;
    margin: 8px;
    opacity: 0.8;
}
#button-lang>ul{
    background: #333;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
}
#button-lang.open>ul {
    animation-name: scaleIn;
    animation-duration: 0.2s;
    -webkit-animation-name: scaleIn;
    -webkit-animation-duration: 0.2s;
}
#button-lang>ul img{
    display: inline-block;
    opacity:0.8;
    height: 26px;
}
#button-lang>ul a{
    transition: all 0.2s;
    padding:0px 7px;
    margin: 0px;
    color:#888;
    background-color: rgba(255,255,255,0);
}
#button-lang>ul a:hover{
    background-color: rgba(255,255,255,0.1);
    color:#fff;
}
#button-lang>ul a:hover img{
    transform: scale(1);
    opacity:1;
}
#deposit-form>div{margin-bottom: 15px}
#deposit-form>div div.text-uppercase{font-weight: bold;padding-left: 2px;padding-bottom: 5px;}
#deposit-form>div>.text-uppercase, #deposit-form>div>.row{ margin-top: 15px}
#deposit-form input, #deposit-form select{height:40px;}
#deposit-form .form-control-feedback {width: 40px; height: 40px; line-height: 40px;}
#deposit-form .container-fluid>div{padding:0px;}
#deposit-form #credit-card-image{ position: absolute; z-index: 4; right: 10px; top: 4px; height: 32px;}
#deposit-form .btn{height: 64px}


#deposit-form .input-group>.tooltip { opacity:0; pointer-events: none}
#deposit-form .input-group.error>.tooltip { opacity:0.9;}


.intro-step{
    background: #fff;
    border-radius: 10px 0 0 10px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
    position: relative;
    height: 90px;
    margin: 25px;
    text-align: left;
    color: #444;
    cursor: pointer;
    transition: color,transform 0.4s;
    font-size: 16px;
}
.intro-step>div>div{display: table-cell;width: 100%;vertical-align: top;}
.intro-step .display-cell{ height: 90px; vertical-align: middle;}
.intro-step-badge{
    float: left;
    width: 250px;
    height: 90px;
    padding: 0 50px 0 70px;
}
.intro-step-badge>div{
    vertical-align: top;
    height: 110px;
    top: -10px;
    position: relative;
    color: #fff;
    font-size: 60px;
    transform: skewX(20deg);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.7);
}
.intro-step-badge>div>div{
    width: 100%;
    height: 100%;
    padding: 10px 44px;
}
.intro-step-badge i{transform: skewX(-20deg)}
.intro-step:hover{transform:scale(1.05);}
.intro-step-badge .display-cell{
    height: 90px;
    vertical-align: middle;
}
.intro-step-badge>div:before, .intro-step-badge>div:after{
    z-index: -1;
    content: "";
    position: absolute;
    left: -6px;
    top: 0px;
    width: 20px;
    height: 10px;
    transform: skewX(-50deg);
    box-shadow: inset 100px 0 0 rgba(0, 0, 0, 0.5);
}
.intro-step-badge>div>div, .intro-step-badge>div:before, .intro-step-badge>div:after{background: #fd6a00;}
.intro-step-badge>div:after{
    right: -6px;
    left:auto;
    top:auto;
    bottom: 0px;
}
.intro-step-img{height: 40px}

.intro-step-number{
    float: right;
    height: 60px;
    font-size: 44px;
    padding: 0 10px;
    border-left: solid 1px rgba(255, 255, 255, 0.1);
    margin: 15px 0px;
}
.intro-step-corner{
    position: absolute;
    right: -40px;
    width: 50px!important;
    top: 0px;
    overflow: hidden;
    transform: scaleX(0.6);
}
.intro-step-corner>div{
    width: 90px;
    height: 90px;
    background: #fff;
    transform: rotate(45deg);
    position: relative;
    right: 64px;
    box-shadow: 2px 0px 6px rgba(0, 0, 0, 0.5);
}



#depositFrame{
    background: transparent;
    display:flex;
}

.deposit-frame-crypto{
    height: 885px!important;
}

#upsell-jumbotron{
    color:#fff;
    background: url('images/upsellbg.jpg');
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    background-color: transparent;
    text-align: center;
    text-transform: uppercase;
    padding: 20px;
}
#upsell-jumbotron img{
    margin: auto;
}
#upsell-jumbotron h1{
    margin-bottom: 20px;
}
#upsell-jumbotron h1>div:nth-child(1){
    font-size: 40px;
    font-weight: 600;
}
#upsell-jumbotron h1>div:nth-child(1)>b,#upsell-jumbotron h2{
    display:block;
    color: #6b9d1e;
}
#upsell-jumbotron h1>div:nth-child(2){
    font-size: 26px;
    font-weight: 400;
}
#upsell-jumbotron h1>div:nth-child(2)>b{
    color: #fd6a00;
    font-style: italic;
}
#upsell-jumbotron h2{
    background-color: rgba(0,0,0,0.5);
    padding: 30px 20px;
    margin: 0px;
    border-radius: 14px 14px 0px 0px;
}
#upsell-jumbotron .btn-bright{
    height: 80px;
    border-radius: 0px 0px 14px 14px;
}
#upsell-jumbotron .btn-upsell-1{
    border-radius: 14px;
}
#upsell-jumbotron h3{
    color: #ff2e2e;

}

#button-upsell>i{
    animation: jump 1.5s;
    animation-iteration-count: infinite;
}
#button-upsell:hover>i{
    animation: none;
}
#table-positions{
    margin: 0px;
}
#table-positions .label{
    padding: 0.5em 0.6em 0.5em;
}
#table-positions thead td{
    white-space: nowrap;
}

#accordionHelp .panel-heading{
    padding: 0px;
}
#accordionHelp .panel-title{
    display: block;
    padding: 8px 10px;
    font-size: 14px;
}
#accordionHelp .panel-title:hover,#accordionHelp .panel-title:focus{
    text-decoration: none;
    color: #fff;
}
#button-incorrect{
    height: 30px;
    width: 310px;
    text-align: center;
    background-color: rgba(0,0,0,0.6);
    border-radius: 10px 10px 0px 0px;
    padding: 8px 0px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 11px;
    bottom: 55px;
    left: calc(50% - 155px);
    position: fixed;
}
#button-incorrect>a{
    color: #fff;
}
#btn-custom-amount>div:first-child>div:first-child{
    font-size: 10px;
    margin-top: -5px;
}
#btn-custom-amount>div:first-child>div:nth-child(2){
    font-size: 12px;
    margin-top: -1px;
    margin-bottom: -5px;
}

#modal-approve{
    width: 500px;
    position: fixed;
    top: 200px;
    z-index: 10;
    left: calc(50% - 250px);
}
#modal-approve .loader {margin-top: -10px; margin-bottom: 26px;}
#modal-approve .btn{width:130px; margin: 0 5px}

#system-loader{display:table;width:100%;height:100%;}
#system-loader>div{display:table-row}
#system-loader>div>div{display:table-cell;vertical-align: middle;}

#video-container{display:table; width: 100%; text-align: left;}
#video-container>div{display:table-row; width: 100%;}
#video-container .video-container-left, #video-container .video-container-right{display:table-cell; padding:10px;}
#video-container .video-container-right{width:300px; border-left:solid 1px rgba(255,255,255,0.1)}
#video-container .video-desc{padding: 10px;}
#video-container h4{ border-bottom: solid 2px #0c6; padding-bottom: 5px; font-weight: bold;}

#video-lesson{position: relative; background:#000}
#video-lesson>iframe{display:block;margin:auto; width:100%; height:23vw}
#video-lesson>div{display: none}
#video-lesson.inactive>div{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity:0;
    transition: opacity 0.5s;
}
#video-lesson.inactive>div>*{
    display:none;
}
#video-lesson.locked>div{background: rgba(0,0,0,0.8);opacity:1}
#video-lesson.inactive.locked>div>*{display:inherit;}
#video-lesson>div>div{ position: absolute; width: 100%; bottom: 26px; padding:0 10px}
#video-lesson>div>div .btn{ white-space: normal; font-size:20px}
#video-lesson>div i{
    position: absolute;
    font-size: 50px;
    border: solid 2px;
    border-radius: 100px;
    left: calc(50% - 35px);
    width: 70px;
    height: 70px;
    padding: 7px;
    text-align: center;
    color: #fff;
    top: calc(50% - 50px);
}
#video-lesson-list{list-style: none;}
#video-lesson-list>li{background:transparent;cursor:pointer;font-size: 12px;height: 60px;margin-bottom: 10px; display:flex;transition: all 0.3s}
#video-lesson-list>li:hover{color:#fff}
#video-lesson-list>li>div{vertical-align: top;padding: 5px;height: 100%;}
#video-lesson-list>li>div>span{padding-left:5px}
#video-lesson-list img{width: 110px;}
#video-lesson-list h5{margin: 0 0 2px 0;font-weight: bold;padding-bottom: 2px;border-bottom: solid 1px rgb(212, 212, 212);}

#video-container .video-desc, #video-lesson-list>li.active{background: #3a3a3a;}

#top-users-panel,#top-users-panel-mobile{background: #222; color: #ddd;}
#top-users-panel{
    position: absolute;
    width: 190px;
    height: 10000px;
    top: 38px;
    left: 0px;
    animation-name: slideRight;
    animation-delay: 1s;
    animation-duration: 0.5s;
    transform: translateX(-100%);
    animation-fill-mode: both;
}


#top-users-panel.dashboard{height: auto}
#top-users-panel.dashboard{padding-bottom: 20px}

#top-users-panel h4{text-align: center;margin-bottom: 8px;text-transform: uppercase;font-size: 14px;}
#top-users-panel ul{list-style: none}
#top-users-panel ul>li{font-size: 11px; height:0px; transform: scale(0);animation-name: topUserAnimation; animation-duration: 0.5s; animation-fill-mode: both; display: block}
#top-users-panel ul>li:first-child{animation-delay: 0s!important;}
#top-users-panel ul>li>img{width:30px;margin: 0 5px;}
#top-users-panel ul>li>div{width:140px; display:inline-block; vertical-align: middle}
#top-users-panel ul>li>div{width: 135px;}
#top-users-panel ul>li>div>div>span{text-decoration: underline}

#top-users-panel .text-small{font-size: 11px;margin-top: 10px;}
#top-users-panel .avatar,#top-users-panel-mobile .avatar{width: 60px;border-radius: 8px;border: solid 2px #ff8d3a;}
#top-users-panel .profit, #top-users-panel-mobile .profit{color: #ff8d3a;}
#top-users-panel .name, #top-users-panel-mobile .name, #top-users-panel .connected-to, #top-users-panel-mobile .connected-to{color: #ff8d3a;}
#top-users-panel .name{font-size: 16px; margin-top:5px}
#top-users-panel .connected-to{ margin-top: 15px; }
#top-users-panel .btn{border-radius: 5px;padding: 6px 12px;text-transform: uppercase;margin: 10px 0px;}

#top-users-winner{height:0px; transition: height 1s; overflow: hidden;}
#top-users-winner.show{height: 355px;}
#top-users-winner>*{
    -webkit-animation: scaleIn;
    animation-name: scaleIn;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    transform: scale(0);
}

#top-users-panel-mobile{position: fixed; bottom: 0; left: 0; height: 90px; width: 100%;}
#top-users-panel-mobile.dashboard{top: 0px;bottom:auto;position: absolute;}
#top-users-panel-mobile>div{ padding-top: 10px}
#top-users-panel-mobile .btn{
    padding: 2px 5px;
    border-radius: 5px;
    font-size: 12px;
    text-transform: uppercase;
}
#top-users-panel-mobile .text-small{font-size: 10px;}
#top-users-winner-mobile>*{
    -webkit-animation: scaleIn;
    animation-name: scaleIn;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    transform: scale(0);
}
#top-users-winner-mobile img{width:50px!important;}
#top-users-winner-mobile h4{font-size: 12px; margin:0 0 5px 0}
#top-users-panel-mobile .connected-to{margin-top: -9px;}
#top-users-panel-mobile .top-users-dvd{width:100%}

#top-users-guider{ margin-left: -39px; margin-top: -10000px;}
#body-intro #top-users-guider{ margin-top: auto;}
#top-users-guider .fa-clone, .clone-icon{
    border: solid 3px #333;
    border-radius: 50px;
    padding: 7px;
    font-size: 20px;
    font-weight: bold;
    margin: 0px 35px -5px -60px;
}
.clone-icon{
    font-size: 12px;
    padding: 4px;
    margin: 0px 6px 0px 0;
    border-width: 2px;
    position: relative;
    top: -5px;
}




#guider-demo-shadow{width:100%; height: 100%; position:fixed; background: rgba(0, 0, 0, 0.25); top:0px; left:0px; z-index:10000}
#guider-demo-start, #guider-demo-start-mobile{padding: 0px!important; margin-top: -100%; max-width: 300px}
#body-intro #guider-demo-start{ margin-top: auto;}
#guider-demo-start h1, #guider-demo-start-mobile h1{padding: 10px 5px;color: #fff;margin: 0;position: relative;}
#guider-demo-start h1,#guider-demo-start .guiders_arrow>div,#guider-demo-start-mobile h1,#guider-demo-start-mobile .guiders_arrow>div, #guider-demo-start .arrow>div, #guider-demo-start-mobile .arrow>div{background: #555;}
#guider-demo-start p, #guider-demo-start-mobile p{margin-top:12px;}
#guider-demo-start i{ display: block; font-size: 40px;}
#guider-demo-start .btn{font-weight: bold}
#guider-demo-start .arrow, #guider-demo-start-mobile .arrow{
    width: 30px;
    height: 30px;
    position: absolute;
    overflow: hidden;
    left: calc(50% - 15px);
    bottom: -30px;
}
#guider-demo-start .arrow>div, #guider-demo-start-mobile .arrow>div{
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    left: 5px;
    top: -15px;
    position: absolute;
}
#guider-demo-start-mobile{
    background:#fff;
    border: solid 1px #555;
    position: relative;
    display: inline-block;
    margin: 10px;
    max-width: 200px
}

#guider-demo-balance-green{margin-top:-5px}
#guider-demo-balance-green, #guider-demo-balance-green .guiders_arrow>div{background: #558b2f;}
#guider-demo-balance-green h1{display:none}
#guider-demo-balance-green p{color: #fff; text-transform: uppercase; margin: 0;}
#guider-demo-balance-green span{color: #fff;display: inline-block;width: 240px;vertical-align: middle;}
#guider-demo-balance-green i{
    background: #fff;
    color: #558b2f;
    font-size: 24px;
    width: 30px;
    height: 30px;
    padding: 2px;
    text-align: center;
    border-radius: 20px;
    vertical-align: sub;
    margin-right: 10px;
    vertical-align: middle;
}
#balance-text-demo{transition: color 1s;}
#balance-text-demo.blink{
    animation-name: blink;
    animation-duration: 0.75s;
    animation-iteration-count: infinite;
    color: #49ef63;
}

#modal-demo, #modal-demo-exit, #modal-no-balance{top: calc(50% - 150px)}
#modal-demo .modal-content, #modal-demo-exit .modal-content, #modal-no-balance .modal-content{max-width: 400px; margin:auto;}


#guider-demo-balance{ margin-top: -100%;}
#body-dashboard #guider-demo-balance{ margin-top: auto;}

#guider-demo-signal{ margin-top: -100%; margin-left: -90px;}
#guider-demo-signal .guiders_arrow{margin-left: 90px;}
#body-dashboard #guider-demo-signal{ margin-top: auto;}

#guider-demo-end{ margin-top: -100%;}
#body-dashboard #guider-demo-end{ margin-top: auto;}

.guider-step{margin: 0 3px 10px 3px; position: relative; top: -5px; color: #888;}
.guider-step.active{color: #fd6a00;}

.guider-demo{padding: 5px!important; max-width: 300px!important;}
.guider-demo span{color: #555;font-size: 14px;text-align: center;display: block;font-weight: bold;}



.ws-normal{white-space: normal}
.ws-nowrap{white-space: nowrap}
.height100{height:100%!important;}
.width100{width:100%!important;}
.width50{width:50%!important;}
.width-auto{width:auto!important;}
.padding-0{padding: 0px!important;}
.margin-0{margin:0px!important;}
.padding-10-20{padding: 10px 20px;}
.margin-5{margin-top:5px; margin-bottom: 5px;}
.margin-15{margin-top:15px;margin-bottom: 15px;}
.margin-auto{margin-left: auto; margin-right: auto}

.mt-5{margin-top:5px;}
.mt-10{margin-top:10px;}
.mb-5{margin-bottom: 5px}
.mb-10{margin-bottom: 10px}
.mr-10{margin-right: 10px}
.ml-10{margin-left: 10px}
.mt--5{margin-top:-5px;}
.mb--5{margin-bottom:-5px;}
.mt--10{margin-top:-10px;}
.mb--10{margin-bottom:-10px;}

.pb-5{padding-bottom: 5px}
.pb-10{padding-bottom: 10px}

.text-bold{font-weight: bold}
.float-right{float: right}


.overflow-hidden{overflow: hidden}
.perspective{
    perspective: 500px;
    -webkit-perspective: 500px;
    perspective-origin: center;
    -webkit-perspective-origin: center;
}
.video-block{
    width:100%;
    margin: 15px auto;
    overflow: hidden;
}
.video-block.fullwidth {
    margin-left:-30px;
    width: calc(100% + 60px);
}
.video-block>*{
    max-width: 720px;
    max-height: 410px;
    width: 100%;
    height: 546px;
}
.loader:before,
.loader:after,
.loader {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: loader 1.8s infinite ease-in-out;
    animation: loader 1.8s infinite ease-in-out;
}
.loader {
    color: rgba(255, 255, 255, 0.8);
    font-size: 10px;
    margin: 80px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
.loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.loader:after {
    left: 3.5em;
}
.loader:before,
.loader:after {
    content: '';
    position: absolute;
    top: 0;
}
.btn .loader{
    margin: 0px auto;
    top: -25px;
}
.loader.small{margin-top: 0px; margin-bottom: 40px;}


.login-form select{cursor: pointer}
.login-form input, .login-form select{
    background: #fff;
    border: #ddd;
    border-bottom: solid 1px #ddd;
    box-shadow: inset 0px 1px 2px #888;
    border-radius: 20px !important;
    color:#999;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.login-form select::-ms-expand {display:none}
.login-form .glyphicon{
    width: 54px;
    height: 54px;
    line-height: 46px;
    font-size: 22px;
    color: #555;
}
.login-form #button-lang{
    display:inline-block;
    margin: 0px;
}
.login-form a{
    margin: 10px 10px;
    display: inline-block;
}

.alert{
    border-radius: 0px;
    border:none;
}
.alert-danger{
    color: #ffffff;
    background-color: rgba(255, 0, 0, 0.7);
    font-weight: bold;
}
.alert-warning {
    color: rgba(255,255,255,0.9);
    background-color: rgba(255, 60, 60, 0.5);
    text-align: left;
}
.alert-warning a{
    color: #fd6a00;
    text-decoration: underline;
}
.alert-success{
    color: #60cc3e;
    background-color: rgba(54, 255, 54, 0.1);
}
.steps-tooltip{
    position: relative;
    padding: 5px 20px;
    font-style: italic;
    background:transparent;
    color: #444;
    border-bottom: solid 1px rgba(255, 255, 255, 0.7);
}
.steps-tooltip>b{font-style: normal; font-size: 14px;}
.steps-tooltip>b:first-child{
    font-style: normal;
    margin-right: 20px;
    font-size: 16px;
    font-weight: normal;
    color: #000;
}
.dvd{border-style: solid;border-color: rgba(0, 0, 0, 0.2);border-width: 0px;}
.dvd-right{border-right-width: 1px;}
.dvd-left{border-left-width: 1px;}
.dvd-bottom{border-bottom-width: 1px;}
.dvd-top{border-top-width: 1px;}


.pad-0{padding:0px}
.pad-5{padding:5px}
.pad-10{padding:10px}
.pad-15{padding:15px}
.pad-20{padding:20px}

.padt-0{padding-top:0px}
.padt-5{padding-top:5px}
.padt-10{padding-top:10px}
.padt-15{padding-top:15px}
.padt-20{padding-top:20px}

.padr-0{padding-right:0px}
.padr-5{padding-right:5px}
.padr-10{padding-right:10px}
.padr-15{padding-right:15px}
.padr-20{padding-right:20px}

.padb-0{padding-bottom:0px}
.padb-5{padding-bottom:5px}
.padb-10{padding-bottom:10px}
.padb-15{padding-bottom:15px}
.padb-20{padding-bottom:20px}

.padl-0{padding-left:0px}
.padl-5{padding-left:5px}
.padl-10{padding-left:10px}
.padl-15{padding-left:15px}
.padl-20{padding-left:20px}





.display-table{
    display: table;
    width:100%;
    height: 100%;
    vertical-align: top;
}
.display-row{
    display: table-row;
    width:100%;
    height: 100%;
    vertical-align: top;
}
.display-cell{
    display: table-cell;
    vertical-align: top;
}
.padding-5-10{
    padding: 5px 10px;
}

.div-block{
    background: #fff;
    text-align: center;
    padding: 10px 0;
    margin: 10px 0px;
    border: solid 1px #ddd;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    vertical-align: top;
}
.div-block>h4{
    color: #fff;
    margin: -10px 0px 10px 0px;
    font-size: 18px;
    border-bottom: solid 1px rgba(255,255,255,0.1);
    padding: 5px;
    background: #999;
}
.div-block>h5{
    margin: 0px;
    font-size: 30px;
    color: #333;
}
.div-block>.text-small{ font-size: 16px;}
.div-block.no-content{ padding:0px;}
.div-block.no-content>h4 {margin: 0px; border: none;}


.bg-color1{
    background: #000;
}
.bg-color2{
    background: #333;
}
.inline{display:inline-block}

.form-padding-5 .input-group{
    padding: 5px 0px;
}
.feedback-list{
    display:table;
    border-spacing: 4px 0px;
}
.feedback-list>*{
    display:table-cell;
    padding: 5px;
    width: 50%;
}
.feedback-list>*>*{
    display: inline-block;
    height:100%
}
.div-border{
    width:100%;
    border-bottom: solid 1px rgba(255,255,255,0.3);
}
.right-border-split{border-right:solid 1px rgba(255,255,255,0.1)}

.top-users-dvd{
    margin:auto;
    width: 80px;
    height: 2px;
    background: #ff8d3a;margin-bottom: 5px;
}
.button-trade-glow{
    animation: glow;
    -webkit-animation: glow;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
}



/*Override*/
.modal{z-index: 2050}
.modal-backdrop{z-index: 2040}
.form-control-feedback {z-index: 3;}
.row.row-flex{
    display: flex;
}
.row.row-flex>*{
    display: flex;
}
.panel{
    background-color: #fff;
}
.panel-default {
    border-color: #ddd;
}
.panel-default>.panel-heading{
    color: #fff;
    background-color: #555555;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #fff;
    color: #000;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 0;
    vertical-align: middle;
}.table-striped>tbody>tr:nth-of-type(odd) {
     background-color: #ddd;
 }
.guiders_close { padding: 0!important; margin: -12px 0 0 0; font-size: 20px;}
.guiders_arrow{overflow: hidden; background: none!important}
.guiders_arrow>div{width: 30px;
    height: 30px;
    background: #fff;
    box-shadow: 0px 0px 7px #000;
    transform: rotate(45deg);
    left: 6px;
    top: 28px;
    position: absolute;
}
.guiders_arrow_up, .guiders_arrow_down{transform: scale(0.75, 1);}
.guiders_arrow_down>div{top: -15px;}
.guiders_arrow_left, .guiders_arrow_right{transform: scale(1, 0.75);}
.guiders_arrow_left>div{top: 6px; left: 26px;}

.form-control{
    background-color: #fff;
    border-color: #ccc;
    color: #333;
    border-radius: 0px;
    transition: width,padding-left,padding-right;
    transition-duration: 0.2s;
    box-shadow: none;
}
.ng-validation-style .form-control.ng-invalid.ng-dirty.ng-touched{
    border-color: #ff3731;
}
select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor:pointer;
}
select.form-control::-ms-expand {
    display: none;
}
.tooltip-arrow{border-top-color: #e64646!important;}
.tooltip-inner{background: #e64646;}
.input-group.input-hide>.form-control{
    width:0px;
    padding-left: 0px;
    padding-right: 0px;
}
.input-group.input-hide>.input-group-addon{
    width:100%;
}
.input-group-addon{
    border-radius: 0px;
}

.btn-activate{
    border: solid 6px #888;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    padding: 8px 0px;
    box-shadow: inset 0px -1px 5px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(255, 255, 255, 0.3), 0px 0px 0px rgba(255, 255, 255, 0.5);
    font-weight: bold;
    color: #a7a7a7;
    text-shadow: 0px 1px;
    display: inline-block;
    text-transform: uppercase;
    margin: 5px;
    cursor:pointer;
    transition: all 0.3s;
}
.btn-activate.red.active{
    border-color: #ea2e29;
    color: #ff4742;
    box-shadow: inset 0px -1px 5px rgba(234, 46, 41, 0.5), inset 0 1px 2px rgba(255, 255, 255, 0.5), 0px 0px 0px #ff1913;
}
.btn-activate.red:hover{
    border-color: #ea2e29;
    color: #ff4742;
    box-shadow: inset 0px -1px 5px rgba(234, 46, 41, 0.5), inset 0 1px 2px rgba(255, 255, 255, 0.5), 0px 0px 15px #ff1913;
}
.btn-activate.green.active{
    border-color: #8ccc4a;
    color: #81c13f;
    box-shadow: inset 0px -1px 5px rgba(149, 249, 45, 0.5), inset 0 1px 2px #fff, 0px 0px 10px #95f92d;
}
.btn-activate.green:hover{
    border-color: #8ccc4a;
    color: #81c13f;
    box-shadow: inset 0px -1px 5px rgba(149, 249, 45, 0.5), inset 0 1px 2px #fff, 0px 0px 15px #95f92d;
}
.btn-group{
    margin: 2px 0px;
    cursor: pointer;
}
.btn-group>.active, .btn-group>*:hover{
    position: relative;
}
.btn-group .btn-default{
    color: #333;
    border: solid 1px #ddd;
    box-shadow: none;
    background: linear-gradient(#fff,#eee);
}
.btn-group .btn-default.active{
    color: #ffffff;
    background: #ff8d39;
}
.btn-group.row-group {
    display: table-row;
    border-bottom: solid 1px #222;
    box-shadow: 0px;
}
.btn{
    border-radius: 0px;
    transition: 0.3s all;
    text-overflow: ellipsis;
    overflow: hidden;
}
.btn:focus{
    outline: none !important;
}
.btn-default{
    color: #aaa;
    background: #333;
    background: linear-gradient(#333,#222);
    border-color: #222;
    box-shadow: 0px 2px 3px rgba(0,0,0,0.7), inset 0px 0px 0px rgb(253, 106, 0);
    line-height: 18px;
}
.btn-default:hover,.btn-default:active, .btn-default:focus, .btn-default.active:focus, .btn-default:active:hover{
    color: #fff;
    background: #fe6e06;
}
.btn .loader, .btn .loader:before, .btn .loader:after{
    height: 18px;
    width: 18px;
}
.input-group-addon, .has-error .input-group-addon{
    color: #aaa;
    background: #eee;
    background: linear-gradient(#fff,#eee);
}
.btn-bright{
    color: #fff!important;
    text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
    background: #fd6a00;
    /* box-shadow: 0px 2px 3px rgba(0,0,0,0.6); */
    padding: 8px 20px;
}
.btn-bright:active:hover, .btn-bright:hover,.btn-bright:active, .btn-bright:focus, .btn-bright.active:focus{
    color: #fff;
    background: #ff8d3a;
}
.btn-bright.color2{
    background: linear-gradient(#ff3500, #b54200);
    background: -webkit-linear-gradient(#ff3500, #b54200);
}
.btn-bright.color2:active:hover, .btn-bright.color2:hover,.btn-bright.color2:active, .btn-bright.color2:focus, .btn-bright.color2.active:focus{
    background: linear-gradient(to top,#ff3500, #b54200);
    background: -webkit-linear-gradient(bottom,#ff3500, #b54200);
}
.btn-xl{
    width:100%;
    font-size: 26px;
    white-space: normal;
    line-height: initial;
    padding: 15px 20px;
}
.btn-icon{
    display: inline-table;
}
.btn-icon>*{
    display: table-cell;
    vertical-align: middle;
}
.btn-icon>i{
    width:40px;
}
.btn-switcher{
    display: inline-block;
    height: 34px;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 0px;
    position: relative;
    width:120px;
    border-radius:20px;
}
.btn-switcher>*{
    height: 34px;
    display: block;
    width: 120px;
    position: absolute;
    float:left;
}
.btn-switcher li{
    border-radius:20px;
    box-shadow: inset 0px 2px 3px rgba(0,0,0,0.3);
    -webkit-transition:opacity .25s ease-in-out;
    -moz-transition:opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}
.btn-switcher li:nth-child(1){
    left: 0px;
    padding-left:30px;
    opacity:1;
}
.btn-switcher li:nth-child(1),
.btn-switcher li:nth-child(1):hover{
    background:#c9302c;
    border-color: transparent;
}
.btn-switcher li:nth-child(2){
    left: 120px;
    padding-right:30px;
    opacity:.5;
}
.btn-switcher li:nth-child(2),
.btn-switcher li:nth-child(2):hover{
    background:#449d44;
    border-color: transparent;
}
.btn-switcher.active>li:nth-child(1) {
    left: -120px;
    opacity:.5;
}
.btn-switcher.active>li:nth-child(2) {
    left: 0;
    opacity:1;
}
.btn-switcher::before {
    content: '';
    display: block;
    position: absolute;
    cursor:pointer;
    z-index: 1;
    line-height: 34px;
    text-indent: 40px;
    height: 30px;
    width: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    top: 2px;
    left:2px;
    right:auto;
    background: #fff;
    -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0),0 3px 3px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0),0 3px 3px rgba(0,0,0,.3);
    -webkit-transition:all .25s ease-in-out;
    -moz-transition:all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.btn-switcher.active::before {
    left: calc(100% - 32px);
}
.btn-switcher:hover::before {
    background: rgba(255,255,255,.9);
}
.icon-collapse{
    transform: rotate(0deg);
    transition:transform 0.3s;
    -webkit-transition:transform 0.3s;
}
.collapsed .icon-collapse{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.color-green{color: #449d44;}
.color-red{color: #ff4444;}


.dropdown-backdrop{
    opacity:0;
}
.modal-content{
    border-radius: 0px;
}
.form-horizontal .has-feedback .form-control-feedback {
    right:0px;
}
.broker-logo-dark{display: inline;}
.broker-logo-light{display: none;}

.pagination{
    border-radius: 0px;
}
.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span{
    border-radius: 0px;
}
.pagination>li>a{
    color: #aaa;
    background-color: #333;
    border-color: transparent;
    cursor: pointer;
    transition: all 0.3s;
}
.pagination>li.active>a, .pagination>li.active>a:hover, .pagination>li.active>a:focus, .pagination>li>a:hover, .pagination>li>a:focus {
    color: #fff;
    background-color: #333333;
    box-shadow: inset 0px -2px 0px rgb(253, 106, 0);
    border-color: #333333;
}
.tab-header{
    padding: 5px 10px;
    border-bottom: solid 1px rgba(255,255,255,0.1);
    font-size: 24px;
    margin: 2px 10px;
}
.ng-animate-scale.ng-enter{
    transition:all 0.5s;
    transform: scale(0.3);
    /*-webkit-transition-delay: 0.2s;*/
    /*-moz-transition-delay: 0.2s;*/
    /*-ms-transition-delay: 0.2s;*/
    /*-o-transition-delay: 0.2s;*/
    /*transition-delay: 0.2s;*/
}
.ng-animate-scale.ng-enter.ng-enter-active {
    transform: scale(1);
}
.ng-animate-scale.ng-leave {
    /*transition:all 0.2s;*/
    /*transform: scale(1);*/
    /*opacity: 1;*/
}
.ng-animate-scale.ng-leave.ng-leave-active {
    /*opacity: 0;*/
}
.ng-animate-scale-out.ng-leave.ng-leave-active {
    transform: scale(0.3);
}




.ng-animate-fade.ng-enter{
    transition:opacity 0.5s;
    opacity:0;
}
.ng-animate-fade.ng-enter.ng-enter-active {
    opacity:1;
}
.ng-animate-fade.ng-leave {
}
.ng-animate-fade.ng-leave.ng-leave-active {
}
.ng-animate-fade.ng-leave.ng-leave-active {
    opacity:0;
}
.anim-flip{
    animation-name: flip;
    animation-duration: 1s;
    animation-fill-mode: backwards;
}
.anim-rotate{
    animation-name: rotate;
    animation-duration: 3s;
    animation-fill-mode: backwards;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.anim-fadein{
    animation-name: fadein;
    animation-duration: 0.5s;
    animation-fill-mode: backwards;
}
.anim-scalein{
    animation-name: scaleIn;
    animation-duration: 0.5s;
    animation-fill-mode: both;
}
.anim-scaleout{
    animation-name: scaleIn;
    animation-duration: 0.5s;
    animation-direction: reverse;
    animation-fill-mode: both;
}
.anim-blink{
    animation-name: blink;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-fill-mode: backwards;
}
.anim-jump{
    animation-name: jump;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-fill-mode: backwards;
}
.anim-heartbeat{
    animation-name: heartbeat;
    animation-duration: 1.5s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
    animation-fill-mode: backwards;
}
.anim-pulse{
    animation-name: pulse;
    animation-duration: 3s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}
.btn-broker-title{white-space: nowrap; color: #fff; text-transform: uppercase; font-weight: bold;}
.deposit-form-label{white-space: nowrap; font-size: 12px; padding: 14px 0px;}
.no-border{border:none;}
.no-border-radius{border-radius:0;}
.stars-rating{color:#FDCF01; font-size: 18px;}
.stars-rating .empty{color:#aaa;}
.dashboard-stats{margin: 5px 0}
.dashboard-stats i{font-size: 32px;background: #ff8d39;color: #fff;padding: 10px;width: 52px;height: 52px;}
.dashboard-stats .col-xs-8{height: 50px;border-bottom: solid 1px rgba(255,255,255,0.1);text-align: left;padding: 4px;}
.dashboard-stats b{font-size: 16px}

.signal-row{overflow: hidden;}
.signal-row.start-animation{animation: signalOverlayIn; animation-duration: 0.5s; animation-fill-mode: forwards;}
.signal-row h4{font-size: 14px;margin: 0px;font-weight:bold;padding: 5px 2px;}
.signal-row.remove{ animation: signalOverlayOut; animation-duration: 0.5s; animation-fill-mode: forwards;}
.signal-overlay{
    color: #fff;
    font-size: 40px;
    text-transform: uppercase;
    text-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
    position: absolute;
    width: 100%;
    z-index: 1;
    padding-top: 6px!important;
    animation-name: scaleIn;
    animation-duration: 0.5s;
}
.signal-overlay.won{background: rgba(88, 165, 33, 0.7);}
.signal-overlay.lost{background: rgba(251, 53, 53, 0.7);}
.signal-overlay>span{
    display: block;
    animation-delay: 0.2s;
    animation-name: heartbeat;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
}

.signal-row>div{height: 70px;padding: 0 1px 0 1px;margin-top: 10px;}
.signal-row>div>div, .signal-cell>div{background: rgba(0, 0, 0, 0.3);height: 100%;}
.signal-row>div>div div{ font-size: 22px; color:#fff; text-transform: uppercase}
.signal-row .signal-row-profit{ background: #84bf59;}
.signal-row .signal-row-profit h4, .signal-row .signal-row-profit div{ color: #333; }
.signal-row .signal-row-profit div{ font-size: 28px }
.signal-row .signal-row-time div{animation-duration: 1s;animation-delay: 0.25s;animation-timing-function: linear;}
.signal-row .signal-row-type {line-height: 16px}
.signal-row img{max-height: 36px; vertical-align: text-bottom;}
.signal-row .glyphicon-star{margin: 2px; font-size: 14px}
.signal-row .fa{margin: 0px 5px;}

.signal-row-mobile{margin-top: -10px; margin-bottom: -10px; overflow: hidden; height:200px}
.signal-row-mobile .stars-rating{margin: 0px 5px}
.signal-row-mobile img{width: 50px; margin-bottom: 20px}
.signal-row-mobile h4{font-size: 10px;margin: 0px;opacity: 0.6;padding: 2px 0px 10px 0px;}
.signal-row-mobile h3{font-size: 30px; margin: 10px 0 -2px 0px;}
.signal-row-mobile .signal-row-profit>div{font-size: 20px;}

.signal-cell{padding: 0 1px 0 1px;}
.signal-cell>div{text-transform: uppercase;font-size:16px;height: 60px;}

.signal-green{color: #98f159!important;transition: color 0.5s;}
.signal-red{color:#fa5a55!important;transition: color 0.5s}
.signal-color{color:#b2d663!important;transition: color 0.5s}
.btn-signal{color: #fff; white-space: normal; border-radius: 0px; background: linear-gradient(#84bf59,#449d44);text-shadow: -1px -1px 0px rgba(0,0,0,0.5); border:none;font-size: 16px!important;}
.btn-signal:hover{background: linear-gradient(to top,#84bf59,#449d44);box-shadow: none;}



/*BOA Form Style Start*/
#depositFormOld, #depositFormOld #form_container, #depositFormOld .jumbotron, #depositFormOld .panel, #depositFormOld .panel-heading, #depositFormOld .panel-body {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    border: none;
}
#depositFormOld{
    max-width: 1000px!important;
}
#depositFormOld .boaforms-deposit .form-group {
    margin-bottom: 10px;
}
#depositFormOld select, #depositFormOld input{
    border-radius: 0px;
    line-height: normal;
}
#depositFormOld .fa{margin: 0px 5px;}

.boa-deposit-form-container a {
    color: #000!important;
}
/*BOA Form Style End*/


@media (max-width: 1024px) {
    content-footer{
        display:none;
    }
    #ng-view{
        padding-bottom: 0px;
    }
    #button-incorrect{bottom:0px;}
    .video-block{
        width:100%;
        height: 100%;
    }
    #video-lesson>div>div .btn{ font-size:14px}

    #guider-demo-start{max-width: 250px!important; margin-left: -30px;}
}

@media (min-width: 768px) {
    #ng-view{
        height:100%;
    }
}


@media (max-width: 767px) {
    #sidebar-buttons,
    #button-sidebar {
        width: 150px;
    }
    html{overflow-x: hidden;}
    content-top>div>div{
        width:50%;
    }
    content-top .small{
        font-size: 9px;
    }
    content-inner{font-size: 12px;}
    sidebar{
        display: block;
        position: relative;
        z-index: 2001;
    }
    sidebar.active{
        width:0px;
        max-width: 0px;
        min-width:0px;
    }
    #login-logo{
        max-height: 80px;
        margin-bottom: 10px;
    }
    #sidebar-buttons>li>a{
        padding: 10px 0px;
        font-size: 12px;
        text-align: inherit;
    }
    #sidebar-buttons>li>a>i{
        font-size: 20px;
        vertical-align: bottom;
        margin: 0px 12px;
    }
    #sidebar-buttons>li>a>div{
        display: inline-block;
        vertical-align: middle;
    }
    #main-logo>div{min-height: initial}
    #button-sidebar{
        width: 40px;
        max-width: 40px;
        min-width: 40px;
        font-size: 20px;
        background: transparent;
    }
    #button-sidebar.active{
        background: #fd6a00;
        width:150px;
        max-width:150px;
        min-width: 150px;
    }
    #sidebar-buttons {
        width: 150px;
        transform: translateX(-150px);
        -webkit-transform: translateX(-150px);
    }

    #tab-buttons>li>a{
        font-size: 12px;
        padding: 8px 0px 8px 20px;
    }
    #tab-buttons>li>a>i{
        margin: 0px 4px 0 0;
    }
    #tab-buttons .tab-number {
        width: 16px;
        height: 16px;
        line-height: 13px;
        font-size: 11px;
    }
    #tab-buttons.with-steps .tab-title {
        /*top:-2px;*/
    }
    #tab-buttons .tab-step {
        top:-10px;
        font-size: 9px;
    }
    #tab-buttons>li>a:after {
        border-left: 16px solid;
        border-top: 16px solid transparent;
        border-bottom: 17px solid transparent;
        right: -16px;
    }
    #tab-buttons>li>a:before {
        border-left: 16px solid;
        border-top: 16px solid transparent;
        border-bottom: 17px solid transparent;
        right: -17px;
    }




    #table-positions{
        font-size: 9px;
    }
    #table-positions td{
        padding: 4px 2px;
    }
    #guiders_overlay{
        opacity:0.2!important;
    }
    #intro-steps .display-table {
        padding: 20px 10px;
        height: 110px;
    }
    #intro-steps .display-table:before {
        display:none;
    }
    #intro-steps .display-table:after{
        left: calc(50% - 15px);
        bottom: -16px;
        width: 30px;
        height: 30px;
    }
    #intro-steps h4{font-size: 14px;}
    #upsell-jumbotron h1>div:nth-child(1){font-size: 18px;}
    #upsell-jumbotron h1>div:nth-child(2){font-size: 14px;}
    #upsell-jumbotron h2{font-size: 16px;}
    #upsell-jumbotron .btn-bright{font-size: 14px;height: 50px;}
    #upsell-jumbotron h3{font-size: 18px;}

    #sidebar-buttons .active.btn-arrow-down:after{
        display:none;
    }
    #button-incorrect{/* margin-top: -58px; */}
    #modal-approve{
        width: 280px;
        top: 50px;
        left: calc(50% - 140px);
    }

    #video-container{display:block;}
    #video-container>div{display:block;}
    #video-container .video-container-left, #video-container .video-container-right{display:block}
    #video-container .video-container-right {width: 100%;border:none;}
    #video-lesson-list img {width: 100px;}
    #video-lesson>iframe {height: 240px;}
    #video-lesson>div>div{ bottom: 20px;}
    #video-lesson>iframe{height:55vw}
    #video-lesson>div i {font-size: 30px; left: calc(50% - 25px); width: 50px; height: 50px;}

    #deposit-form input, #deposit-form select {height: 30px;font-size: 12px;padding: 5px;}
    #deposit-form .form-control-feedback { width: 36px; height: 30px; line-height: 30px; }
    #deposit-form>div>.text-uppercase, #deposit-form>div>.row { margin-top: 5px; font-size: 15px; }
    #deposit-form>div div.text-uppercase {font-size: 10px;padding-bottom: 0px;}
    #deposit-form select { padding-right:20px }
    #deposit-form>div { margin-bottom: 5px; }
    #deposit-form #credit-card-image { right: 4px; height: 22px; }

    #guider-demo-balance-green, #guider-demo-balance{margin-left: 38px;}
    #guider-demo-balance-green .guiders_arrow, #guider-demo-balance .guiders_arrow{margin-left: -38px;}
    #guider-demo-balance-green span{width: 190px;font-weight: normal;}

    #guider-demo-signal{margin-left: 0px;}
    #guider-demo-signal .guiders_arrow{margin-left: 0px;}

    .intro-step{
        height: 80px;
        margin: 20px 25px 20px 0px;
        font-size: 10px;
    }
    .intro-step-img{
        display: none!important;
    }
    .intro-step .display-cell{height: 80px;}
    .intro-step-badge{
        width: 250px;
        height: 80px;
        padding: 0 10px 0 24px;
    }
    .intro-step-badge>div{
        height: 100px;
        font-size: 30px;
        transform: skewX(10deg);
    }
    .intro-step-badge>div>div{padding: 28px 10px;}
    .intro-step-badge .display-cell{
        height: 90px;
    }
    .intro-step-number{
        height: 50px;
        font-size: 24px;
        padding: 6px 6px;
        margin: 15px -2px;
    }
    .intro-step-corner>div{
        width: 80px;
        height: 80px;
        right: 56px;
    }
    .intro-step-badge>div:before, .intro-step-badge>div:after {transform: skewX(-20deg);}
    .intro-step-badge>div:before {left: -3px;}
    .intro-step-badge>div:after {left: auto;right: -3px;}
    .intro-step-badge i{transform: skewX(-10deg)}

    .steps-tooltip{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 270px;
        margin-left: auto;
        margin-right: auto;
        background: rgba(255, 47, 47, 0.3)!important;
    }
    .steps-tooltip:after{
        position: absolute;
        font-family: 'Glyphicons Halflings';
        content: "\e114";
        bottom: 2px;
        right: 4px;
        transition: transform 0.3s;
        font-style: normal;
    }
    .steps-tooltip.active{
        overflow: auto;
        white-space: normal;
        width: auto;
        margin: 0px -15px 0 -15px;
    }
    .steps-tooltip.active:after{
        transform: rotate(-180deg);
    }
    .video-block>*{
        height: 220px;
    }

    .div-block>h4{
        font-size:12px;
    }
    .div-block>h5{
        font-size: 4vw;
    }
    .div-block>.text-small{
        font-size: 12px;
    }

    .feedback-list>*{
        display:table-row;
        padding: 5px;
    }
    .feedback-list>*>*{
        display: inline-block;
        height:100%
    }
    .btn.small{font-size: 10px;}
    .tab-header {font-size: 14px;}
    .btn-xl {font-size: 18px;}

    .form-horizontal .input-group.width100{
        margin: -3px 0px;
    }
    .steps-tooltip>b:first-child{
        display: none;
    }
    .alert {font-size: 12px;}

    .signal-row>div>div div{ font-size: 12px; }
    .signal-row>div>div h4{ font-size: 12px; text-transform: none}
    .signal-row-asset .btn-signal{height: 50px!important;}

    .signal-overlay{ left: 0px; top: 5px; height: 180px; padding: 75px 0!important; font-size: 24px; }
    .signal-row-mobile.start-animation{animation: signalOverlayInMobile; animation-duration: 0.5s; animation-fill-mode: forwards;}
    .signal-row-mobile.remove{ animation: signalOverlayOutMobile; animation-duration: 0.5s; animation-fill-mode: forwards;}

    .guider-demo{max-width: 250px!important;}

    #modal-approve .btn{width:auto}
}