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} }