@charset "utf-8";
/* CSS Document */
#mobileTexts,#texts,.mobileHeadings{font-family:'Open Sans Condensed',sans-serif;color:#fff}
footer a,footer a:hover{text-decoration:underline}
header{position:relative;background-color:transparent!important;height:auto}
.navContainer{padding-top:30px}
.wrap{background:url(/img/metatrader5/fon_111.webp) top center;background-size:cover}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.wrap{background:url(/img/metatrader5/fon_111.jpg) top center;background-size:cover}
}
.firstRow{margin-top:30px}
.secondRow{margin:0 0 25px}
#texts{font-size:20px;padding-right:40px}
.mobileHeadings{text-align:center}
.mobileHeadings h1{font-size:44px}
.mobileHeadings h2{font-size:30px}
#mobileTexts p{display:inline-block;margin:0 0 7px}
.pcSteps{margin-top:32px}
.mobileRow{display:none}
#texts p,.bullets{display:inline-block}
.stepsImage{width:100%;margin-top:-4px}
#texts img{vertical-align:top;margin-top:5px}
#texts p{vertical-align:top;margin-left:7px}
h1{margin-top:0;font-size:39px;text-transform:uppercase;font-weight:700}
h1,h2{border-bottom:none;color:#fff}
h2{margin:90px 0 0;font-size:25px}
.hLine{height:2px;display:block;border-top:none;background-color:#fff;opacity:.4;width:95%;margin-right:5%;float:left}
#banner1,#banner2,#banner3,#openAccountMobile,#openAccountTablet,.mobileSteps{display:none}
#registernow{position:absolute;left:51.4%;max-width:370px;margin-left:155px;height:auto;top:75%;z-index:110}
#banner,#openAccount{display:block}
.metafrontpanel{background:url(../img/metapanelback.png) top center no-repeat}
.metafrontpanelin{margin-top:20px;background:#f3f3f3;border:0!important}
.metafrontpanel .panel-footer,.metafrontpanel .panel-heading,.phantom-btn{background:0 0!important}
.linedivider{margin-top:15px;margin-bottom:10px}
.first a{color:#3E61B4!important}
.fph{height:140px!important}
.fph h4 span{font-weight:400;font-size:.65em;color:#000}
.fiftypxspacer{height:50px}
.thirtypxspacer{height:30px}
.frontpanel{height:600px}
.phantom-btn{width:156px;height:30px;color:transparent!important;border-right:0 none!important;cursor:default;visibility:hidden!important}
.separator{padding-top:15px;height:15px;border-top:1px solid #ddd}
.reminder{padding:20px 0;font-size:14px;color:#333;text-align:justify}
footer{background:#F2F2F2;color:#526C86;height:80px;padding-top:30px}
footer a{font-size:1em;color:#526C86}
footer a:hover{color:#ccc}
.steps1,.steps2,.steps3{line-height:20px;font-family:'Open Sans Condensed',sans-serif;color:#fff;text-align:center;font-size:22px}
footer a:focus{border:none;text-decoration:none}
footer ul{padding:0;margin:auto}
footer li{padding:0 10px;text-align:center;float:left;list-style:none}
#arrowChrome{position:absolute;left:50px;bottom:2%}
.steps1{margin-left:-60%;margin-top:-10px}
.steps2{margin:-3px auto -16px}
.steps3{margin:-10px -65% 0 auto}
h2.spaceline{font-size:22px}
.video-wrapper{position:relative}
.video-wrapper>video{vertical-align:middle}
.video-overlay-play-button{box-sizing:border-box;width:100%;height:100%;padding:10px calc(50% - 50px);position:absolute;top:0;left:0;display:block!important;opacity:.95;cursor:pointer;transition:opacity 150ms}
.video-overlay-play-button:hover{opacity:1}
.video-overlay-play-button.is-hidden{display:none!important}
@media (max-width:1200px){#texts,.pcSteps{padding-left:8px}
.steps3{line-height:20px;font-family:'Open Sans Condensed',sans-serif;font-size:22px;color:#fff;text-align:center;margin-left:-100px!important}
h1{font-size:28px}
h2{font-size:24px}
.stepsImage{width:100%}
.pcSteps{margin-top:37px}
#arrowChrome{display:none!important}
}
@media (max-width:1025px){.steps1{line-height:20px;font-family:'Open Sans Condensed',sans-serif;font-size:22px;color:#fff;text-align:center;margin-left:-50%}
}
@media (max-width:991px){h2{margin:0}
.mobileLogo{margin:10px auto 20px}
#mobileTexts img{margin-right:4px;margin-bottom:3px}
.mobImage{width:60%}
.mobileHeadings h2{margin-bottom:10px}
.mobileRow2{width:50%;margin:30px auto 0}
.secondRow{margin:0}
.leftNewButton{width:100%!important;margin-top:0}
.firstRow{margin-top:0}
.wrap{height:auto}
img.img-responsive.center-block.logoto{height:50px;margin-top:10px}
.mobImage{margin:10px auto 0}
.stepsImage{width:60%;margin:0 auto}
.mobileHeadings h1{font-size:35px}
.mobileHeadings h2{font-size:22px}
.pcImage{top:40px;left:-120px;width:125%}
.navbar-inverse{display:none}
body{padding-top:0}
.mobileRow{display:block}
.mobileSteps{display:block!important;margin-top:-10px}
.pcSteps{display:none}
h1{font-size:23px}
h2{font-size:19px}
#texts p{font-size:15px}
#texts,.pcSteps{padding-left:8px}
#texts img{margin-top:2px}
.spreads-box{height:160px}
.spreads-box li{padding-top:20px;height:70px;padding-left:50px}
.spreads-box li:nth-child(4){border-left:1px solid #ccc!important}
.steps3{line-height:20px;font-family:'Open Sans Condensed',sans-serif;font-size:22px;color:#fff;text-align:center;margin:0 -77% 0 auto}
}
@media screen and (max-width:991px) and (min-width:767px){#mobileTexts p{font-size:18px}
}
@media (max-width:767px){.mobImage{width:100%;margin:0 auto}
.headerBg{margin-top:-20px}
body{padding:0;background-position:top -80px center!important}
.mobileRow2{display:block}
.pcImage{display:none}
.mobImage{display:block;margin:0 auto}
.logoto{width:130px;height:34px}
.frontpanel,.panel-edu{height:auto}
.metafrontpanel{background:#f3f3f3}
.spreads-box{height:230px}
.spreads-box li{padding-left:70px}
.spreads-box li:nth-child(4){border-left:0 none!important}
.secondRow{margin:0}
.pcSteps{padding:0;margin:20px 0 -5px}
.mobileHeadings h1{font-size:24px;margin:0}
.mobileHeadings h2{font-size:17px;margin:10px 0}
.firstRow{margin:10px auto 0;width:85%}
.secondRow{width:85%;margin:0 auto}
.mobileRow2{width:50%;margin:0 auto}
#mobileTexts{padding:0;margin-top:10px;margin-bottom:0;font-size:17px}
.steps1,.steps3{font-size:12px;color:#fff}
#mobileTexts img{margin:0 5px 3px 0}
#openAccount img{width:100%}
.steps3{line-height:20px;text-align:center;margin:0 -103% 0 auto}
.steps1,.steps3{font-family:'Open Sans Condensed',sans-serif;margin-left:-50%}
h4.accordion-title{font-size:15px}
.faqRow .panel-collapse{font-size:14px}
h2.spaceline{font-size:18px}
.header-images{max-width:400px;margin:0 auto}
}
@media (max-width:767px) and (orientation:landscape){.firstRow{width:60%}
.mobileRow2,.secondRow{width:70%}
.mobileHeadings h1{font-size:36px}
.mobileHeadings h2{font-size:22px}
#mobileTexts p{font-size:18px}
}
@media screen and (max-width:736px) and (orientation:landscape){.steps2,.steps3{line-height:20px;font-family:'Open Sans Condensed',sans-serif;color:#fff}
.steps3{font-size:14px;text-align:right}
.steps2{font-size:22px;text-align:center;margin-left:-30%}
div#step3{margin-left:12px}
}
@media screen and (max-width:736px) and (min-width:480px) and (orientation:landscape){.steps1,.steps3{font-family:'Open Sans Condensed',sans-serif;font-size:12px}
.steps3{line-height:20px;color:#fff;text-align:center}
.mobileSteps{display:block;margin-bottom:0}
div#step3{margin-left:13px}
}
@media screen and (max-width:690px){.steps3{line-height:20px;font-family:'Open Sans Condensed',sans-serif;font-size:14px;color:#fff;text-align:center;margin:0 -110px}
}
@media screen and (max-width:600px){.steps3{line-height:20px;font-family:'Open Sans Condensed',sans-serif;font-size:14px;color:#fff;text-align:right;margin:0 -26px}
}
@media screen and (max-width:640px) and (orientation:landscape){.steps3{line-height:20px;font-family:'Open Sans Condensed',sans-serif;font-size:14px;color:#fff;text-align:right;margin:0 -30px}
div#steps2{margin-left:22px;text-align:center}
}
@media screen and (max-width:600px){.steps1,.steps3{font-family:'Open Sans Condensed',sans-serif;font-size:15px;color:#fff;margin-left:-46%}
}
@media screen and (max-width:568px)and (orientation:landscape){div#step3{margin-left:13px}
}
@media (max-width:679px){.mobileRow2{width:60%;margin:0 auto}
.spreads-box li{padding-left:10px}
.spreads-box li:nth-child(4){border-left:0 none!important}
.stepsImage{width:95%}
footer ul{width:280px;margin:auto}
footer li{font-size:.9em;padding:0 4px;text-align:center;float:left;list-style:none}
.reminder{padding:20px 0;margin:0 8px}
}
@media (max-width:579px){.mobileRow2{margin:0 auto;width:97%}
}
@media screen and (max-width:480px) and (min-width:320px){.steps2{font-family:'Open Sans Condensed',sans-serif;font-size:12px}
}
@media screen and (max-width:480px){.steps1,.steps3{font-family:'Open Sans Condensed',sans-serif;font-size:12px;color:#fff;margin-left:-45%}
div#step3{margin-left:-4px}
}
@media screen and (max-width:414px){.steps1,.steps3{font-family:'Open Sans Condensed',sans-serif;font-size:12px;color:#fff;margin-left:-44%}
}
@media screen and (max-width:412px){.steps1,.steps3{font-family:'Open Sans Condensed',sans-serif;font-size:12px;color:#fff}
}
@media screen and (max-width:375px){.steps1,.steps3{font-family:'Open Sans Condensed',sans-serif;font-size:12px;color:#fff;margin-left:-48%}
}
@media screen and (max-width:370px){.steps1,.steps3{font-family:'Open Sans Condensed',sans-serif;font-size:12px;color:#fff}
div#step3{margin-left:-4px}
#mobileTexts{font-size:15px}
}
@media screen and (max-width:320px){.steps3{font-family:'Open Sans Condensed',sans-serif;font-size:12px;color:#fff;margin-left:-44%}
#mobileTexts{font-size:14px}
}
.animated{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:2;animation-iteration-count:2}
@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}
40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}
}
@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}
40%{transform:translateY(-30px)}
60%{transform:translateY(-15px)}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce}