* {
    position: relative;
    margin: 0;
    padding: 0;
    outline: 0;
    z-index: unset;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

body,
html {
    font-family: Lato, Arial;
    width: 100%;
    height: 100%;
    /* background-color: #F6F6F6 */
}

a img {
    border: 0
}

.bb {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

.wrapper {
    display: block !important;
    margin: auto !important;
    width: 1380px !important;
    padding-left: 10%;
    padding-right: 10% !important;
    max-width: 100% !important
}

.wrapper:after {
    content: " ";
    display: block;
    clear: both
}

.getApp .wrapper {
    width: 1020px !important
}

.header .nav li a.btn {
    background-color: transparent;
    border: 1px solid #00B259;
    color: #fff;
    font-weight: 600
}

.fixedPanel {
    background: #FFF;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .1);
    opacity: 0;
    visibility: hidden;
    position: fixed;
    left: 0;
    top: -160px;
    right: 0;
    z-index: 500;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s
}

.fixedPanel .wrapper {
    width: 1590px;
    padding-left: 20px;
    padding-right: 20px
}

.fixedPanel.active {
    opacity: 1;
    visibility: visible;
    top: 0
}

.fixedPanel.active .blockWithText {
    max-height: 60px;
    padding-top: 14px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0)
}

.fixedPanel.active .blockWithText .text {
    font-weight: 700;
    font-size: 13px;
    line-height: normal
}

.fixedPanel.active .blockWithText.active,
.fixedPanel.active .blockWithText:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0)
}

.fixedPanel.active .blockWithText.active:before,
.fixedPanel.active .blockWithText:hover:before {
    bottom: 0
}

.fixedPanel .blockWithText {
    margin-right: 15px;
    height: 153px;
    max-height: 153px;
    float: left;
    background: #FFF;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .1);
    width: calc((100% - 75px)/6);
    padding-left: 70px;
    padding-right: 10px;
    padding-top: 50px;
    text-decoration: none;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.fixedPanel .blockWithText .icon {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: calc(100% - 75px);
    background-repeat: no-repeat;
    background-position: left top;
    width: 30px;
    height: 30px;
    background-size: 180px 30px;
    background-image: url(../img/newLanding/images/frontIcons.png)
}

.fixedPanel .blockWithText .icon.lotsSpecific {
    background-position: 0 0
}

.fixedPanel .blockWithText .icon.individual {
    background-position: -30px 0
}

.fixedPanel .blockWithText .icon.broker-independent {
    background-position: -60px 0
}

.fixedPanel .blockWithText .icon.multi-asset {
    background-position: -90px 0
}

.fixedPanel .blockWithText .icon.various {
    background-position: -120px 0
}

.fixedPanel .blockWithText .icon.api {
    background-position: -150px 0
}

.fixedPanel .blockWithText .text {
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    font-size: 17px;
    color: #535C65
}

.fixedPanel .blockWithText:last-child {
    margin-right: 0
}

.fixedPanel .blockWithText.active,
.fixedPanel .blockWithText:hover {
    background: #EAF1FB;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .1)
}

.fixedPanel .blockWithText.active:before,
.fixedPanel .blockWithText:hover:before {
    content: " ";
    display: block;
    height: 4px;
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    background-color: #42ACDB
}

.shtuka {
    position: absolute;
    width: 100%;
    height: 1450px;
    top: 0;
    left: 0;
    padding-right: 0;
    overflow: hidden
}

.shtuka .diagonal {
    width: 2560px;
    height: 2560px;
    transform: rotate(-30deg);
    position: absolute;
    top: -1600px;
    left: -820px;
    background-color: #302f2e;
    overflow: hidden
}

.shtuka .diagonal .setka {
    width: 2560px;
    height: 2560px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(30deg);
    left: 0;
    top: 1100px;
    opacity: .3
}

.shtuka .diagonal .setka:after {
    display: none !important
}

.text-center {
    text-align: center
}

.block {
    /* float: left; */
    width: 100%
}

.block .title {
    font-style: normal;
    font-weight: 800;
    font-size: 45px;
    text-transform: uppercase;
    color: #E46D18;
    margin-bottom: 15px;
    float: left;
    width: 100%
}

.block .descr {
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    font-size: 22px;
    color: #535C65;
    margin-bottom: 30px;
    float: left;
    width: 100%
}

.block .descr span.yellow {
    color: #FFF40D
}

.block .left .title,
.block .right .title {
    font-style: normal;
    font-weight: 800;
    line-height: 59px;
    font-size: 45px;
    text-transform: uppercase;
    color: #3a65ab;
    margin-bottom: 30px;
    float: left;
    width: 100%
}

.block .left .descr,
.block .right .descr {
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    font-size: 22px;
    color: grey;
    margin-bottom: 30px;
    float: left;
    width: 100%
}

.block .left .descr span.yellow,
.block .right .descr span.yellow {
    color: #FFF40D
}

.block.richest {
    padding-bottom: 100px;
    padding-top: 100px
}

.block.richest .left {
    width: 60%;
    float: left;
    padding-right: 30px;
    padding-top: 60px
}

.block.richest .left .title {
    font-weight: 800;
    line-height: 48px;
    font-size: 36px;
    text-transform: uppercase;
    color: #E46D18;
    margin-bottom: 10px;
    max-width: 650px
}

.block.richest .left .descr {
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    font-size: 16px;
    color: #535C65;
    max-width: 660px;
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 20px
}

.block.richest .left .btnBorderedGreen {
    clear: both;
    display: block;
    width: 340px;
    height: 55px;
    border: 2px solid #E46D18;
    box-sizing: border-box;
    border-radius: 4px;
    font-style: normal;
    font-weight: 700;
    line-height: 51px;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    color: #302f2e;
    text-decoration: none
}

.block.richest .left .btnBorderedGreen:hover {
    background-color: #E46D18;
    color: #fff
}

.block.richest .left .tags {
    clear: both;
    float: left;
    width: 100%;
    max-width: 750px;
    margin-bottom: 40px
}

.block.richest .left .tags .tag {
    background: #E6E5E5;
    border-radius: 25px;
    display: inline-block;
    height: 30px;
    color: #535C65;
    font-weight: 700;
    line-height: 30px;
    font-size: 13px;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 8px;
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px;
    cursor: default
}

.block.richest .left .tags a.tag {
    background-color: #E6E5E5;
    top: 0;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.block.richest .left .tags a.tag:hover {
    box-shadow: 0 1px 2px #aaa;
    top: -2px;
    cursor: pointer
}

.block.richest .right {
    float: right;
    width: 40%;
    padding-top: 100px
}

.block.richest #canvas {
    width: 100%
}

.block.richest #canvas .imageBlock {
    position: relative;
    float: left;
    background: url(../img/newLanding/images/tiles.png) left top no-repeat;
    width: 80px;
    height: 80px
}

.block.richest #canvas .imageBlock:hover {
    cursor: pointer
}

.block.richest #canvas .imageBlock[data-onclick="1"] {
    background-position: 0 0
}

.block.richest #canvas .imageBlock[data-onclick="1"]:hover {
    background-position: 0 -80px
}

.block.richest #canvas .imageBlock[data-onclick="2"] {
    background-position: -80px 0
}

.block.richest #canvas .imageBlock[data-onclick="2"]:hover {
    background-position: -80px -80px
}

.block.richest #canvas .imageBlock[data-onclick="3"] {
    background-position: -160px 0
}

.block.richest #canvas .imageBlock[data-onclick="3"]:hover {
    background-position: -160px -80px
}

.block.richest #canvas .imageBlock[data-onclick="4"] {
    background-position: -240px 0
}

.block.richest #canvas .imageBlock[data-onclick="4"]:hover {
    background-position: -240px -80px
}

.block.richest #canvas .imageBlock[data-onclick="5"] {
    background-position: -320px 0
}

.block.richest #canvas .imageBlock[data-onclick="5"]:hover {
    background-position: -320px -80px
}

.block.richest #canvas .imageBlock[data-onclick="6"] {
    background-position: -400px 0
}

.block.richest #canvas .imageBlock[data-onclick="6"]:hover {
    background-position: -400px -80px
}

.block.richest #canvas .imageBlock[data-onclick="7"] {
    background-position: -480px 0
}

.block.richest #canvas .imageBlock[data-onclick="7"]:hover {
    background-position: -480px -80px
}

.block.richest #canvas .imageBlock[data-onclick="8"] {
    background-position: -560px 0
}

.block.richest #canvas .imageBlock[data-onclick="8"]:hover {
    background-position: -560px -80px
}

.block.richest #canvas .imageBlock[data-onclick="9"] {
    background-position: -640px 0
}

.block.richest #canvas .imageBlock[data-onclick="9"]:hover {
    background-position: -640px -80px
}

.block.richest #canvas .imageBlock[data-onclick="10"] {
    background-position: -720px 0
}

.block.richest #canvas .imageBlock[data-onclick="10"]:hover {
    background-position: -720px -80px
}

.block.richest #canvas .imageBlock[data-onclick="11"] {
    background-position: -800px 0
}

.block.richest #canvas .imageBlock[data-onclick="11"]:hover {
    background-position: -800px -80px
}

.block.richest #canvas .imageBlock[data-onclick="12"] {
    background-position: -880px 0
}

.block.richest #canvas .imageBlock[data-onclick="12"]:hover {
    background-position: -880px -80px
}

.block.richest #canvas .imageBlock[data-onclick="13"] {
    background-position: -960px 0
}

.block.richest #canvas .imageBlock[data-onclick="13"]:hover {
    background-position: -960px -80px
}

.block.richest #canvas .imageBlock[data-onclick="14"] {
    background-position: -1040px 0
}

.block.richest #canvas .imageBlock[data-onclick="14"]:hover {
    background-position: -1040px -80px
}

.block.richest #canvas .imageBlock[data-onclick="15"] {
    background-position: -1120px 0
}

.block.richest #canvas .imageBlock[data-onclick="15"]:hover {
    background-position: -1120px -80px
}

.block.richest #canvas .imageBlock[data-onclick="16"] {
    background-position: -1200px 0
}

.block.richest #canvas .imageBlock[data-onclick="16"]:hover {
    background-position: -1200px -80px
}

.block.richest #canvas .imageBlock[data-onclick="17"] {
    background-position: -1280px 0
}

.block.richest #canvas .imageBlock[data-onclick="17"]:hover {
    background-position: -1280px -80px
}

.block.richest #canvas .imageBlock[data-onclick="18"] {
    background-position: -1360px 0
}

.block.richest #canvas .imageBlock[data-onclick="18"]:hover {
    background-position: -1360px -80px
}

.block.richest #canvas .imageBlock[data-onclick="19"] {
    background-position: -1440px 0
}

.block.richest #canvas .imageBlock[data-onclick="19"]:hover {
    background-position: -1440px -80px
}

.block.richest #canvas .imageBlock[data-onclick="20"] {
    background-position: -1520px 0
}

.block.richest #canvas .imageBlock[data-onclick="20"]:hover {
    background-position: -1520px -80px
}

.block.richest #canvas .imageBlock[data-onclick="21"] {
    background-position: -1600px 0
}

.block.richest #canvas .imageBlock[data-onclick="21"]:hover {
    background-position: -1600px -80px
}

.block.richest #canvas .imageBlock[data-onclick="22"] {
    background-position: -1680px 0
}

.block.richest #canvas .imageBlock[data-onclick="22"]:hover {
    background-position: -1680px -80px
}

.block.richest #canvas .imageBlock[data-onclick="23"] {
    background-position: -1760px 0
}

.block.richest #canvas .imageBlock[data-onclick="23"]:hover {
    background-position: -1760px -80px
}

.block.richest #canvas .imageBlock[data-onclick="24"] {
    background-position: -1840px 0
}

.block.richest #canvas .imageBlock[data-onclick="24"]:hover {
    background-position: -1840px -80px
}

.block.richest #canvas .imageBlock[data-onclick="25"] {
    background-position: -1920px 0
}

.block.richest #canvas .imageBlock[data-onclick="25"]:hover {
    background-position: -1920px -80px
}

.block.richest #canvas .imageBlock[data-onclick="26"] {
    background-position: -2000px 0
}

.block.richest #canvas .imageBlock[data-onclick="26"]:hover {
    background-position: -2000px -80px
}

.block.richest #canvas .imageBlock[data-onclick="27"] {
    background-position: -2080px 0
}

.block.richest #canvas .imageBlock[data-onclick="27"]:hover {
    background-position: -2080px -80px
}

.block.richest #canvas .imageBlock[data-onclick="28"] {
    background-position: -2160px 0
}

.block.richest #canvas .imageBlock[data-onclick="28"]:hover {
    background-position: -2160px -80px
}

.block.richest #canvas .imageBlock[data-onclick="29"] {
    background-position: -2240px 0
}

.block.richest #canvas .imageBlock[data-onclick="29"]:hover {
    background-position: -2240px -80px
}

.block.richest #canvas .imageBlock[data-onclick="30"] {
    background-position: -2320px 0
}

.block.richest #canvas .imageBlock[data-onclick="30"]:hover {
    background-position: -2320px -80px
}

.block.richest #canvas .imageBlock[data-onclick="31"] {
    background-position: -2400px 0
}

.block.richest #canvas .imageBlock[data-onclick="31"]:hover {
    background-position: -2400px -80px
}

.block.richest #canvas .imageBlock[data-onclick="32"] {
    background-position: -2480px 0
}

.block.richest #canvas .imageBlock[data-onclick="32"]:hover {
    background-position: -2480px -80px
}

.block.richest #canvas .imageBlock[data-onclick="33"] {
    background-position: -2560px 0
}

.block.richest #canvas .imageBlock[data-onclick="33"]:hover {
    background-position: -2560px -80px
}

.block.reasons {
    margin-top: 150px;
    min-height: 255px
}

.block.reasons .title {
    font-style: normal;
    line-height: 34px;
    font-size: 26px;
    text-align: center;
    text-transform: uppercase;
    color: #535C65
}

.block.reasons .positionFixer {
    position: relative
}

.block.reasons .positionFixer.fixed {
    position: fixed;
    top: 0
}

.block.integrations {
    padding-top: 50px;
    padding-bottom: 50px
}

.block.integrations .title {
    font-style: normal;
    font-weight: 800;
    line-height: 40px;
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #535C65
}

.block.integrations .descr {
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    font-size: 20px;
    text-align: center;
    color: #535C65;
    margin-bottom: 100px
}

.block.integrations .brokersBlock {
    float: left;
    width: 100%;
    max-width: 1560px
}

.block.integrations .brokersBlock .brokersRow {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 0
}

.block.integrations .brokersBlock .brokersRow .broker {
    width: 25%;
    display: inline-block;
    height: 160px;
    border: 0;
    text-align: center;
    line-height: 160px;
    margin: -1px -1px -11px
}

.block.integrations .brokersBlock .brokersRow .broker .back,
.block.integrations .brokersBlock .brokersRow .broker .front {
    box-shadow: 0 0 0 #ddd;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform-style: preserve-3d;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    border: 1px solid #ddd;
    box-sizing: border-box
}

.block.integrations .brokersBlock .brokersRow .broker .front {
    background-color: #f6f6f6;
    float: left;
    width: 100%
}

.block.integrations .brokersBlock .brokersRow .broker .front.soonLogo::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    background-color: #f6f6f6;
    left: 0;
    top: 0;
    opacity: .6
}

.block.integrations .brokersBlock .brokersRow .broker .back {
    transform: rotateY(180deg);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: -2px;
    background-color: #fff
}

.block.integrations .brokersBlock .brokersRow .broker .back img {
    max-height: 20%;
    clear: both;
    margin: 0 auto
}

.block.integrations .brokersBlock .brokersRow .broker .back a,
.block.integrations .brokersBlock .brokersRow .broker .back span {
    display: inline-block;
    clear: both;
    line-height: 1em
}

.block.integrations .brokersBlock .brokersRow .broker .back .txtBlock {
    display: inline-block;
    vertical-align: middle;
    line-height: 1em
}

.block.integrations .brokersBlock .brokersRow .broker .back .txtBlock a,
.block.integrations .brokersBlock .brokersRow .broker .back .txtBlock span {
    display: inline-block
}

.block.integrations .brokersBlock .brokersRow .broker .back span {
    margin: 0 auto 20px;
    font-size: 16px
}

.block.integrations .brokersBlock .brokersRow .broker .back a {
    color: #fff;
    text-decoration: none;
    width: 50%;
    background-color: #32db87;
    padding: 10px;
    border-radius: 5px;
    font-size: 16px;
    margin: 0 auto
}

.block.integrations .brokersBlock .brokersRow .broker:hover {
    z-index: 2
}

.block.integrations .brokersBlock .brokersRow .broker:hover .back,
.block.integrations .brokersBlock .brokersRow .broker:hover .front {
    box-shadow: 0 0 30px #ddd;
    background-color: #fff
}

.block.integrations .brokersBlock .brokersRow .broker.noHover:hover {
    box-shadow: 0 0 0 #ddd;
    background-color: transparent
}

.block.integrations .brokersBlock .brokersRow .broker.active .front {
    transform: rotateY(180deg)
}

.block.integrations .brokersBlock .brokersRow .broker.active .back {
    transform: rotateY(0deg)
}

.block.integrations .brokersBlock .brokersRow .broker .soon {
    font-style: normal;
    font-weight: 600;
    line-height: 13px;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #FFF;
    display: block;
    position: absolute;
    top: 14px;
    right: 16px;
    background: #C4C4C4;
    border-radius: 3px;
    padding: 2px 4px;
    z-index: 60
}

.block.integrations .brokersBlock .brokersRow .broker .infoBadge {
    font-style: normal;
    font-weight: 600;
    line-height: 13px;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #FFF;
    display: block;
    position: absolute;
    top: 14px;
    right: 16px;
    background: #BAC7D7;
    border-radius: 3px;
    padding: 2px 4px;
    z-index: 60
}

.block.integrations .brokersBlock .brokersRow .broker img {
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
    max-height: 90%;
    height: auto;
    position: relative;
    z-index: 55
}

.block.integrations .brokersBlock .brokersRow:hover {
    z-index: 2
}

.block.api {
    padding-top: 125px;
    padding-bottom: 60px;
    background-image: url(../img/newLanding/images/code.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #ececec;
    margin-top: -100px;
    margin-bottom: -50px;
    z-index: 0;
}

.block.api:before {
    content: " ";
    display: block;
    position: absolute;
    top: -100px;
    left: 0;
    right: 0;
    height: 600px;
    background-image: url(../img/newLanding/images/Vector_5.png);
    background-repeat: no-repeat;
    background-position: bottom right
}

.block.api:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 300px;
    background-image: url(../img/newLanding/images/Vector_5.1.png);
    background-repeat: no-repeat;
    background-position: top right
}

.block.api .imageBlock {
    width: 100%;
    clear: both;
    max-width: 840px;
    margin: auto
}

.block.api .imageBlock:after {
    content: " ";
    display: block;
    clear: both
}

.block.api .imageBlock img {
    max-width: 100%;
    display: inline-block
}

.block.api .title {
    font-style: normal;
    font-weight: 800;
    line-height: 48px;
    font-size: 36px;
    text-align: center;
    text-transform: uppercase;
    color: #3a65ab;
    margin-bottom: 10px;
    float: left;
    width: 100%
}

.block.api .descr {
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    font-size: 16px;
    text-align: center;
    color: grey;
    margin-bottom: 45px;
    float: left;
    width: 100%
}

.block.api .descr span.yellow {
    color: #FFF40D
}

.block.customization {
    background-image: url(../img/newLanding/images/grayVector.png);
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 340px;
    padding-bottom: 20px;
    margin-top: -50px
}

.block.customization .imageBlock {
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 50px
}

.block.customization .imageBlock img {
    max-width: 100%;
    display: inline-block
}

.block.customization .title {
    line-height: 48px;
    font-size: 36px;
    margin-bottom: 10px
}

.block.customization .descr {
    line-height: 23px;
    font-size: 16px;
    margin-bottom: 40px
}

.block.customization .fourBlocks {
    width: 100%;
    clear: both;
    max-width: 960px;
    margin: auto
}

.block.customization .fourBlocks:before {
    content: " ";
    display: block;
    clear: both
}

.block.customization .fourBlocks .miniBlock {
    float: left;
    width: calc((100% - 110px)/2);
    margin-right: 110px;
    margin-bottom: 40px;
    padding-left: 62px;
    position: relative;
    font-style: normal;
    font-weight: 700;
    line-height: 23px;
    font-size: 16px;
    color: #535C65
}

.block.customization .fourBlocks .miniBlock:before {
    content: " ";
    display: block;
    width: 46px;
    height: 46px;
    background-image: url(../img/newLanding/images/ico_sprite.png);
    background-repeat: no-repeat;
    background-position: -44px -1px;
    position: absolute;
    top: 1px;
    left: 0
}

.block.customization .fourBlocks .miniBlock:nth-child(2n) {
    margin-right: 0
}

.block.customization .btnGreenBordered {
    width: 340px;
    height: 55px;
    text-align: center;
    border: 2px solid #00B259;
    border-radius: 4px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    font-weight: 700;
    line-height: 51px;
    font-size: 18px;
    text-transform: uppercase;
    color: #00566C;
    display: block;
    margin: auto auto 70px;
    clear: both;
    text-decoration: none;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.block.customization .btnGreenBordered:hover {
    background-color: #00B259;
    color: #fff
}

.block.customization .btnGreenBordered:hover i.icon.play {
    background-image: url(../img/newLanding/images/ico_sprite.png);
    background-position: -205px -24px
}

.block.customization .btnGreenBordered i.icon.play {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/newLanding/images/ico_sprite.png);
    background-position: -205px 0;
    background-repeat: no-repeat;
    margin-right: 11px;
    margin-top: -2px
}

.block.synchronous {
    padding-bottom: 50px;
    padding-top: 35px;
    z-index: 5
}

.block.synchronous .title {
    margin-bottom: 10px;
    line-height: 48px;
    font-size: 36px
}

.block.synchronous .descr {
    line-height: 23px;
    font-size: 16px;
    margin-bottom: 45px
}

.block.synchronous .imageBlock {
    width: 90%;
    clear: both;
    margin: 0 auto 80px
}

.block.synchronous .imageBlock img {
    width: 100%;
    max-width: 1200px;
    display: inline-block
}

.block.synchronous .threeBlocks {
    float: left;
    width: 100%;
    clear: both
}

.block.synchronous .threeBlocks .miniBlock {
    float: left;
    width: calc((100% - 280px)/3)
}

.block.synchronous .threeBlocks .miniBlock:nth-child(2) {
    margin-left: 155px
}

.block.synchronous .threeBlocks .miniBlock:nth-child(3) {
    margin-left: 120px
}

.block.synchronous .threeBlocks .miniBlock .descr {
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    font-size: 18px;
    color: #535C65
}

.block.synchronous .threeBlocks .miniBlock div.icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #ECECEC;
    display: block;
    left: -65px;
    bottom: -10px;
    position: relative;
    text-align: center;
    line-height: 125px
}

.block.synchronous .threeBlocks .miniBlock div.icon i {
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block
}

.block.synchronous .threeBlocks .miniBlock div.icon.analyze i {
    width: 42px;
    height: 48px;
    background-image: url(../img/newLanding/images/ico_sprite.png);
    background-position: 0 0
}

.block.synchronous .threeBlocks .miniBlock div.icon.create i {
    width: 40px;
    height: 40px;
    background-image: url(../img/newLanding/images/ico_sprite.png);
    background-position: -141px -4px
}

.block.synchronous .threeBlocks .miniBlock div.icon.send i {
    width: 47px;
    height: 37px;
    background-image: url(../img/newLanding/images/ico_sprite.png);
    background-position: -92px -6px
}

.block.multi-asset {
    padding-top: 0px;
    padding-bottom: 100px;
    /* background-image: url(../images/Vector2.png); */
    background-position: bottom right;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: -50px;
    z-index: 0;
    /* background-color: #ededed; */
}

.block.multi-asset:before {
    content: " ";
    display: block;
    left: 0;
    /* background-color: #302f2e; */
    right: 0;
    top: 0;
    height: 300px;
    position: absolute
}

.block.multi-asset .right {
    float: right;
    width: calc(100% - 650px)
}

.block.multi-asset .right img {
    display: block;
    max-width: 100%;
    height: auto
}

.block.multi-asset .left {
    float: left;
    width: 570px;
    margin-right: 45px;
    margin-top: 200px;
    padding-left: 60px;
}

.block.multi-asset .left .btn.greenBtn {
    width: 340px;
    height: 66px;
    background: linear-gradient(180deg, #e46d18 0, #bd621f 50.83%, #9c5420 100%);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .6);
    border-radius: 5px;
    display: block;
    line-height: 64px;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 23px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    margin-top: 30px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.block.multi-asset .left .btn.greenBtn:before {
    content: ' ';
    background: linear-gradient(180deg, #f87619 0, #d26a1e 50.83%, #ba5811 100%);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .6);
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    border-radius: 5px;
    z-index: -1
}

.block.multi-asset .left .btn.greenBtn:hover:before {
    opacity: 1
}

.block.multi-asset .title {
    line-height: 48px;
    font-size: 36px;
    margin-bottom: 10px
}

.block.multi-asset .descr {
    line-height: 23px;
    font-size: 16px
}

.block.brokers {
    padding-top: 140px;
    padding-bottom: 50px;
    margin-top: -50px;
    /* background-image: url(../images/Vector2.png); */
    background-color: #ececec;
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0
}

.block.brokers:after {
    content: " ";
    display: block;
    left: 0;
    background-color: #302f2e;
    right: 0;
    bottom: 0;
    /* height: 300px; */
    position: absolute
}

.block.brokers .wrapper:before {
    content: " ";
    display: block;
    position: absolute;
    top: -60px;
    left: -201px;
    height: 622px;
    width: 1260px;
    background-image: url(../img/newLanding/images/block3Back.png);
    background-repeat: no-repeat;
    background-size: contain
}

.block.brokers .title {
    line-height: 48px;
    font-size: 36px;
    margin-bottom: 10px
}

.block.brokers .descr {
    line-height: 23px;
    font-size: 16px;
    margin-bottom: 60px
}

.block.brokers .left {
    float: left;
    width: calc(100% - 770px)
}

.block.brokers .left img {
    margin-top: -40px;
    max-width: 100%;
    height: auto;
    display: block
}

.block.brokers .right {
    width: 570px;
    margin-left: 120px;
    float: right
}

.block.brokers .right .buttonsBlock {
    float: left;
    width: 100%;
    clear: both
}

.block.brokers .right .buttonsBlock .blueBtn {
    float: left;
    width: 280px;
    height: 56px;
    line-height: 56px;
    background: #6EDEFA;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    border-radius: 5px;
    font-size: 17px;
    color: #005B73;
    font-weight: 400;
    margin-right: 10px;
    text-decoration: none;
    text-align: center;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.block.brokers .right .buttonsBlock .blueBtn:last-child {
    margin-right: 0
}

.block.brokers .right .buttonsBlock .blueBtn:hover {
    background-color: #CCF5FF
}

.block.brokers .right .buttonsBlock .blueBtn .icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.block.brokers .right .buttonsBlock .blueBtn .icon.facebook {
    background-image: url(../img/newLanding/images/ico_sprite.png);
    background-repeat: no-repeat;
    background-position: -183px -4px;
    width: 20px;
    height: 40px
}

.block.brokers .right .buttonsBlock .blueBtn .icon.telegram {
    background-image: url(../img/newLanding/images/ico_sprite.png);
    background-repeat: no-repeat;
    background-position: -231px 0;
    width: 34px;
    height: 28px
}

.block h2.title {
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    font-size: 26px;
    text-align: center;
    text-transform: uppercase;
    color: #535C65;
    margin-bottom: 60px
}

.block h2.title b {
    font-weight: 900
}

.block .blockWithText {
    margin-right: 15px;
    height: 160px;
    float: left;
    background: #FFF;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .1);
    width: calc((100% - 75px)/6);
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 35px;
    text-decoration: none
}

.block .blockWithText .icon {
    display: block;
    position: relative;
    top: 0;
    bottom: 0;
    margin: auto auto 15px;
    left: 0;
    right: calc(100% - 75px);
    background-repeat: no-repeat;
    background-position: left top;
    width: 50px;
    height: 50px;
    background-image: url(../img/newLanding/images/frontIcons.png)
}

.block .blockWithText .icon.lotsSpecific {
    background-position: 0 0
}

.block .blockWithText .icon.individual {
    background-position: -50px 0
}

.block .blockWithText .icon.broker-independent {
    background-position: -100px 0
}

.block .blockWithText .icon.multi-asset {
    background-position: -150px 0
}

.block .blockWithText .icon.various {
    background-position: -200px 0
}

.block .blockWithText .icon.api {
    background-position: -250px 0
}

.block .blockWithText .text {
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    font-size: 15px;
    color: #535C65;
    text-align: center
}

.block .blockWithText:last-child {
    margin-right: 0
}

.block .blockWithText.active,
.block .blockWithText:hover {
    background: #EAF1FB;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .1)
}

.block .blockWithText.active:before,
.block .blockWithText:hover:before {
    content: " ";
    display: block;
    height: 4px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #42ACDB
}

.footer .block .title {
    font-weight: 700;
    line-height: 1.2em
}

.headBlock {
    float: left;
    width: 100%;
    clear: both
}

.headBlock .left {
    float: left;
    width: 420px;
    margin-right: 30px
}

.headBlock .right {
    float: right;
    width: calc(100% - 450px)
}

.headBlock .right img {
    margin-top: 90px;
    max-width: 100%;
    display: block;
    height: auto
}

.headBlock h1 {
    margin-top: 200px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    font-size: 40px;
    text-transform: uppercase;
    color: #FFF;
    text-shadow: 0 3px 8px #003F4F;
    margin-bottom: 0
}

.headBlock .descr {
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    font-size: 19px;
    color: #FFF;
    margin-top: 25px
}

.headBlock .btn.greenBtn {
    width: 340px;
    height: 66px;
    background: linear-gradient(180deg, #e46d18 0, #bd621f 50.83%, #9c5420 100%);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .6);
    border-radius: 5px;
    display: block;
    line-height: 64px;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 23px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    margin-top: 60px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.headBlock .btn.greenBtn:before {
    content: ' ';
    background: linear-gradient(180deg, #f87619 0, #d26a1e 50.83%, #ba5811 100%);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .6);
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    border-radius: 5px;
    z-index: -1
}

.headBlock .btn.greenBtn:hover:before {
    opacity: 1
}

.headBlock .btnDescr {
    line-height: 21px;
    font-size: 16px;
    color: #ddd;
    margin-top: 20px
}

.mobile {
    display: none !important
}

.desktop {
    display: block !important
}

@media screen and (min-width:2560px) {
    .shtuka .diagonal {
        width: 3600px;
        height: 2660px;
        transform: rotate(-30deg);
        position: absolute;
        top: -1600px;
        left: -1000px;
        background-color: #302f2e;
        overflow: hidden
    }
}

@media screen and (max-width:1440px) {
    .shtuka .diagonal .setka {
        width: 2000px;
        height: 1700px
    }

    .headBlock .right {
        width: calc(100% - 650px);
        margin-right: 100px
    }

    .wrapper {
        width: 1180px;
        padding-left: 20px;
        padding-right: 20px
    }

    .headBlock h1 {
        font-size: 35px
    }

    .fixedPanel .blockWithText {
        padding-left: 45px;
        padding-right: 10px;
        margin-right: 10px;
        width: calc((100% - 60px)/6)
    }

    .fixedPanel .blockWithText .icon {
        width: 30px;
        height: 30px;
        right: calc(100% - 40px);
        background-size: contain
    }

    .fixedPanel .blockWithText .text {
        font-size: 12px
    }

    .landing .shtuka {
        height: 900px
    }

    .landing .shtuka .diagonal {
        top: -1520px;
        height: 2000px !important
    }

    .block.brokers .wrapper:before {
        max-width: 100%
    }

    .block.customization {
        padding-left: 20px;
        padding-right: 20px
    }

    .block.reasons .title {
        line-height: 40px;
        font-size: 30px
    }

    .block.richest .left .title {
        line-height: 40px;
        font-size: 30px;
        padding-right: 40px
    }

    .block.richest .left .descr {
        line-height: 23px;
        font-size: 16px
    }

    .block.richest .right {
        padding-top: 60px
    }

    .block.customization .title {
        line-height: 40px;
        font-size: 30px
    }

    .block.customization .descr {
        line-height: 23px;
        font-size: 16px
    }

    .block.brokers .title {
        line-height: 40px;
        font-size: 30px
    }

    .block.brokers .descr {
        line-height: 23px;
        font-size: 16px
    }

    .block.brokers .left {
        width: calc(100% - 850px);
        margin-left: 100px
    }

    .block.brokers .right {
        width: 560px;
        margin-left: 40px
    }

    .block.multi-asset .left {
        width: 560px;
        margin-right: 40px
    }

    .block.multi-asset .right {
        /* width: calc(100% - 850px);
        margin-right: 100px */
    }

    .block.brokers .right .buttonsBlock .blueBtn {
        width: calc((100% - 10px)/2)
    }

    .block.multi-asset .title {
        line-height: 40px;
        font-size: 30px
    }

    .block.multi-asset .descr {
        line-height: 23px;
        font-size: 16px
    }

    .block.synchronous .title {
        line-height: 40px;
        font-size: 30px
    }

    .block.synchronous .imageBlock {
        width: 70%
    }

    .block.synchronous .descr {
        line-height: 23px;
        font-size: 16px
    }

    .block.synchronous .threeBlocks {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%
    }

    .block.integrations {
        padding-bottom: 0
    }

    .block.integrations .title {
        line-height: 40px;
        font-size: 30px
    }

    .block.integrations .descr {
        line-height: 29px;
        font-size: 20px
    }

    .block.api .title {
        line-height: 40px;
        font-size: 30px
    }

    .block.api .descr {
        line-height: 23px;
        font-size: 16px
    }

    .block.multi-asset .left {
        margin-top: 120px
    }

    .block .blockWithText {
        padding-left: 20px;
        padding-right: 20px
    }

    .block .blockWithText .text {
        font-size: 14px;
        line-height: 20px
    }

    .block.richest {
        padding-bottom: 50px
    }

    .block.customization {
        padding-top: 250px;
        margin-top: 0
    }

    .block.brokers {
        padding-top: 150px
    }

    .block.multi-asset {
        /* padding-bottom: 190px */
    }

    .block.api {
        padding-top: 130px;
        padding-bottom: 80px
    }

    .block.api .imageBlock {
        max-width: 600px
    }

    .block.api:before {
        height: 320px;
        top: 0
    }

    .block.api:after {
        height: 200px
    }
}

@media screen and (max-width:1280px) {
    .block .title {
        font-size: 26px !important;
        line-height: 32px !important
    }

    .block .descr {
        font-size: 14px !important
    }

    .footer .block .title {
        font-size: 17px !important;
        line-height: 25px !important
    }

    .wrapper {
        width: 960px
    }

    .landing .shtuka {
        height: 750px
    }

    .landing .shtuka .diagonal {
        transform: rotate(-20deg)
    }

    .landing .shtuka .diagonal .setka {
        transform: rotate(20deg)
    }

    .landing .shtuka .diagonal {
        height: 2000px !important
    }

    .headBlock .left {
        margin-left: 50px
    }

    .headBlock .right {
        width: calc((100% - 550px));
        margin-right: 50px
    }

    .headBlock h1 {
        margin-top: 150px;
        font-size: 30px
    }

    .headBlock .descr {
        font-size: 16px;
        line-height: 22px
    }

    .headBlock .btn.greenBtn {
        width: 280px;
        height: 50px;
        line-height: 50px;
        font-size: 17px;
        letter-spacing: 1px
    }

    .getApp {
        padding-top: 150px
    }

    .fixedPanel.active .blockWithText {
        padding: 10px 5px 0 35px;
        margin-right: 5px;
        width: calc((100% - 60px)/6)
    }

    .fixedPanel.active .blockWithText .icon {
        width: 25px;
        height: 25px;
        background-size: 150px 25px;
        right: calc((100% - 30px))
    }

    .fixedPanel.active .blockWithText .icon.lotsSpecific {
        background-position: 0 0
    }

    .fixedPanel.active .blockWithText .icon.individual {
        background-position: -25px 0
    }

    .fixedPanel.active .blockWithText .icon.broker-independent {
        background-position: -50px 0
    }

    .fixedPanel.active .blockWithText .icon.multi-asset {
        background-position: -75px 0
    }

    .fixedPanel.active .blockWithText .icon.various {
        background-position: -100px 0
    }

    .fixedPanel.active .blockWithText .icon.api {
        background-position: -125px 0
    }

    .fixedPanel.active .blockWithText .text {
        font-weight: 600;
        font-size: 12px;
        line-height: normal
    }

    .block.reasons .blockWithText {
        padding: 20px 15px 10px;
        height: 130px;
        width: calc((100% - 75px)/6)
    }

    .block.reasons .blockWithText .icon {
        width: 30px;
        height: 30px;
        background-size: 180px 30px
    }

    .block.reasons .blockWithText .icon.lotsSpecific {
        background-position: 0 0
    }

    .block.reasons .blockWithText .icon.individual {
        background-position: -30px 0
    }

    .block.reasons .blockWithText .icon.broker-independent {
        background-position: -60px 0
    }

    .block.reasons .blockWithText .icon.multi-asset {
        background-position: -90px 0
    }

    .block.reasons .blockWithText .icon.various {
        background-position: -120px 0
    }

    .block.reasons .blockWithText .icon.api {
        background-position: -150px 0
    }

    .block.reasons .blockWithText .text {
        font-size: 13px;
        line-height: 17px;
        font-weight: 600
    }

    .block.richest {
        padding-top: 100px
    }

    .block.richest .left {
        width: 50%;
        margin-left: 5%
    }

    .block.richest .left .btnBorderedGreen {
        width: 300px;
        height: 50px;
        line-height: 44px;
        font-size: 15px
    }

    .block.richest .right {
        width: 40%;
        padding-top: 0;
        max-height: 500px;
        margin-right: 5%
    }

    .block.customization {
        padding-top: 200px
    }

    .block.customization .btnGreenBordered {
        width: 300px;
        height: 50px;
        line-height: 50px;
        font-size: 15px
    }

    .block.customization .fourBlocks {
        max-width: 900px
    }

    .block.customization .fourBlocks .miniBlock {
        font-size: 14px;
        font-weight: 600;
        line-height: 19px;
        padding-top: 5px
    }

    .block.brokers {
        padding-top: 300px;
        padding-bottom: 0
    }

    .block.brokers .wrapper:before {
        max-width: 70%;
        left: -100px
    }

    .block.brokers .left {
        margin-top: 0;
        margin-left: 50px;
        width: calc((100% - 750px))
    }

    .block.brokers .right {
        width: 500px;
        margin-left: 0;
        margin-right: 100px
    }

    .block.brokers .right .blueBtn {
        font-size: 14px !important
    }

    .block.multi-asset {
        padding-bottom: 200px
    }

    .block.multi-asset .left {
        margin-top: 80px;
        margin-left: 60px;
        width: 450px
    }

    .block.multi-asset .left .btn.greenBtn {
        width: 280px;
        height: 50px;
        line-height: 50px;
        font-size: 17px;
        letter-spacing: 1px
    }

    .block.multi-asset .right {
        margin-right: 150px
    }

    .block.synchronous {
        padding-top: 60px
    }

    .block.synchronous .imageBlock {
        margin-bottom: 30px
    }

    .block.synchronous .threeBlocks .miniBlock i.icon {
        width: 80px;
        height: 80px;
        left: -60px;
        bottom: -20px;
        background-size: 30px
    }

    .block.api {
        padding-top: 300px;
        padding-bottom: 200px
    }

    .block.api:before {
        height: 300px
    }

    .block.api:after {
        height: 160px
    }

    .block.api .imageBlock {
        max-width: 500px
    }

    .block.richest .left .tags .tag {
        height: 26px;
        line-height: 26px;
        font-size: 11px;
        margin-right: 5px;
        margin-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px
    }

    .block.richest #canvas img {
        max-width: 80px;
        max-height: 80px
    }

    .block.richest #canvas {
        margin-top: 50px
    }

    .block.synchronous .threeBlocks .miniBlock .descr {
        font-size: 15px;
        line-height: 20px
    }

    .block.integrations .descr {
        margin-bottom: 20px
    }

    .block.integrations .brokersBlock {
        max-width: 900px;
        margin: 0 auto;
        float: none
    }

    .block.integrations .brokersBlock .brokersRow .broker {
        height: 120px;
        line-height: 120px
    }

    .block.integrations .brokersBlock .brokersRow .broker img {
        max-width: 75%
    }

    .block.integrations .brokersBlock .brokersRow .broker .back .logo {
        margin: 0 auto
    }

    .block.integrations .brokersBlock .brokersRow .broker .back span {
        font-size: 13px
    }

    .block.integrations .brokersBlock .brokersRow .broker .back a {
        font-size: 13px;
        width: 70%;
        padding: 7px 10px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo {
        background-size: 600px 1050px;
        width: 150px;
        height: 75px;
        margin: 22px auto
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.oanda {
        background-position: 0 0
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.lmax {
        background-position: -150px 0
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.fxmtf {
        background-position: -300px 0
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.ctrader {
        background-position: -450px 0
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.tradeview {
        background-position: 0 -75px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.poloniex {
        background-position: -150px -75px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.binance {
        background-position: -300px -75px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.hitbtc {
        background-position: -450px -75px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.kraken {
        background-position: 0 -150px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.bitfinex {
        background-position: -150px -150px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.fxcm {
        background-position: -300px -150px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.iqfeed {
        background-position: -450px -150px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.bitmex {
        background-position: 0 -225px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.quandl {
        background-position: -150px -225px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.cqg {
        background-position: -300px -225px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.interactive {
        background-position: -450px -225px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.barchart {
        background-position: 0 -300px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.bittrex {
        background-position: -150px -300px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.rithmic {
        background-position: -300px -300px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.activetick {
        background-position: -450px -300px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.xena {
        background-position: 0 -375px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.topfx {
        background-position: -150px -375px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.fxpro {
        background-position: -300px -375px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.purple {
        background-position: -450px -375px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.axiory {
        background-position: 0 -450px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.kimura {
        background-position: -150px -450px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.tradersway {
        background-position: -300px -450px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.lynx {
        background-position: -450px -450px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.alphavantage {
        background-position: 0 -525px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.huobi {
        background-position: -150px -525px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.okex {
        background-position: -300px -525px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.coinbase {
        background-position: -450px -525px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.questrade {
        background-position: 0 -600px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.metastock {
        background-position: -150px -600px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.polygon {
        background-position: -300px -600px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.alpaca {
        background-position: -450px -600px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.binanceus {
        background-position: 0 -675px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.symphony {
        background-position: -150px -675px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.marketsiq {
        background-position: -300px -675px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.pepperstone {
        background-position: -450px -675px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.icmarkets {
        background-position: 0 -750px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.scandinavian {
        background-position: -150px -750px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.exante {
        background-position: -300px -750px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.striker {
        background-position: -450px -750px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.cannontrading {
        background-position: 0 -825px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.gffbrokers {
        background-position: -150px -825px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.optimus {
        background-position: -300px -825px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.bybit {
        background-position: -450px -825px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.intrinio {
        background-position: 0 -900px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.amp {
        background-position: -150px -900px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.xvalley {
        background-position: -300px -900px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.cedro {
        background-position: -450px -900px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.binanceFutures {
        background-position: 0 -975px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.deribit {
        background-position: -150px -975px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo.mastertrust {
        background-position: -300px -975px
    }
}

@media screen and (max-width:1024px) {
    .block.richest .right {
        padding-top: 100px
    }

    .block.multi-asset {
        padding-bottom: 250px
    }

    .block.multi-asset .right {
        margin-right: 60px;
        width: calc((100% - 650px));
        margin-top: 50px
    }

    .block.brokers .left {
        margin-top: 50px;
        margin-left: 50px;
        width: calc((100% - 700px))
    }
}

@media screen and (max-width:960px) {

    .block.reasons,
    .fixedPanel {
        display: none
    }

    .block.richest #canvas {
        margin-top: 0
    }

    .block.richest #canvas img {
        max-width: 110px;
        max-height: 110px
    }

    .mobile {
        display: block !important
    }

    .desktop {
        display: none !important
    }

    .headBlock h1 {
        max-width: 640px;
        margin: 60px calc((100% - 640px)/2) 20px
    }

    .headBlock .descr {
        max-width: 420px;
        margin: 0 calc((100% - 420px)/2)
    }

    .headBlock .btn.greenBtn {
        width: 330px;
        margin: 30px calc((100% - 330px)/2) 0;
        height: 50px;
        line-height: 50px;
        font-size: 17px;
        letter-spacing: 1px
    }

    .headBlock .right {
        width: 100%;
        margin-top: 25px;
        margin-right: 0
    }

    .headBlock .right img {
        margin: auto;
        max-width: 80%
    }

    .headBlock .left {
        width: 100%;
        margin-right: 0;
        text-align: center;
        margin-left: 0
    }

    .landing .shtuka {
        height: 920px
    }

    .landing .shtuka .diagonal {
        height: 2010px !important
    }

    .block.richest {
        padding-top: 60px
    }

    .block.richest .left {
        width: 100%;
        padding-right: 0;
        padding-top: 0;
        margin-left: 0
    }

    .block.richest .left .title {
        padding-right: 0;
        text-align: center;
        max-width: 80%;
        margin: 0 auto 10px;
        line-height: 34px;
        font-size: 26px;
        float: none
    }

    .block.richest .left .descr {
        text-align: center;
        width: 100%;
        max-width: 80%;
        margin: 0 auto 20px;
        line-height: 20px;
        font-size: 14px;
        float: none
    }

    .block.richest .left .tags {
        max-width: 95%;
        text-align: center;
        margin: 0 auto 40px;
        float: none
    }

    .block.richest .left .btnBorderedGreen {
        width: 330px;
        margin: 30px auto 0;
        height: 50px;
        line-height: 46px;
        font-size: 18px
    }

    .block.richest .right {
        width: 100%;
        margin-right: 0;
        padding-top: 50px
    }

    .block.richest .right #canvas {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        text-align: center
    }

    .block.richest .right #canvas .imageBlock {
        margin: 0;
        float: none;
        display: inline-block;
        transform: scale(.8)
    }

    .block.customization {
        margin-top: -50px;
        padding-bottom: 120px
    }

    .block.customization .title {
        line-height: 34px;
        font-size: 26px
    }

    .block.customization .descr {
        line-height: 20px;
        font-size: 14px
    }

    .block.customization .fourBlocks {
        float: left;
        width: 420px;
        max-width: 100%;
        margin: 0 calc((100% - 420px)/2)
    }

    .block.customization .fourBlocks .miniBlock {
        width: 100%
    }

    .block.brokers {
        margin-top: -130px;
        padding-top: 200px
    }

    .block.brokers .left {
        width: 100%;
        text-align: center;
        margin-top: 320px;
        margin-left: 0
    }

    .block.brokers .left img {
        margin: auto;
        max-width: 50%
    }

    .block.brokers .right {
        margin-left: -250px;
        position: absolute;
        top: 0;
        left: 50%;
        margin-right: 0;
        float: none
    }

    .block.brokers .wrapper:before {
        top: 300px;
        left: 10%;
        right: 10%
    }

    .block.brokers .title {
        line-height: 34px;
        font-size: 26px;
        margin: 10px auto;
        text-align: center;
        max-width: 500px;
        float: none
    }

    .block.brokers .descr {
        line-height: 20px;
        font-size: 14px;
        margin-bottom: 20px;
        text-align: center;
        max-width: 500px
    }

    .block.multi-asset {
        padding-top: 60px;
        padding-bottom: 150px;
        margin-bottom: 0
    }

        .block.multi-asset .left {
            margin: 0 auto 0 0;
            width: 84%;
            text-align: unset;
            float: none;
            max-width: 500px
        }

    .block.multi-asset .left .btn.greenBtn {
        margin: 30px auto;
        float: none
    }

    .block.multi-asset .right {
        width: 80%;
        margin: 0 auto 50px;
        float: none
    }

    .block.multi-asset .right img {
        margin: auto;
        max-width: 450px
    }

    .block.multi-asset .title {
        line-height: 34px;
        font-size: 26px;
        margin-bottom: 10px
    }

    .block.multi-asset .descr {
        line-height: 20px;
        font-size: 14px;
        margin-bottom: 35px
    }

    .block.synchronous {
        padding-bottom: 80px
    }

    .block.synchronous .descr {
        line-height: 20px;
        font-size: 14px;
        margin-bottom: 30px
    }

    .block.synchronous .threeBlocks {
        width: 570px;
        margin: 0 calc((100% - 570px)/2)
    }

    .block.synchronous .threeBlocks .miniBlock div.icon {
        position: absolute;
        bottom: 20px;
        width: 70px;
        height: 70px;
        line-height: 100px;
        left: 0
    }

    .block.synchronous .threeBlocks .miniBlock .descr {
        width: calc(100% - 130px);
        margin-left: 100px;
        float: left;
        line-height: 26px;
        font-size: 18px;
        padding-top: 20px
    }

    .block.synchronous .threeBlocks .miniBlock,
    .block.synchronous .threeBlocks .miniBlock:nth-child(2),
    .block.synchronous .threeBlocks .miniBlock:nth-child(3) {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px
    }

    .block.synchronous .imageBlock {
        margin-bottom: 60px
    }

    .block.api {
        background-size: cover;
        background-position: left center
    }

    .block.api .title {
        line-height: 34px;
        font-size: 26px
    }

    .block.api .descr {
        line-height: 20px;
        font-size: 14px
    }

    .block.integrations .title {
        line-height: 40px;
        font-size: 30px
    }

    .block.integrations .descr {
        line-height: 29px;
        font-size: 20px;
        margin-bottom: 30px
    }

    .block.integrations .brokersBlock .brokersRow .broker {
        width: 50%
    }

    .block.integrations .brokersBlock .brokersRow .broker:nth-child(2n):before,
    .block.integrations .brokersBlock .brokersRow .broker:nth-child(3):after {
        display: none
    }

    .block.integrations .brokersBlock .brokersRow:last-child .broker:nth-child(1) .border:before,
    .block.integrations .brokersBlock .brokersRow:last-child .broker:nth-child(2) .border:before {
        content: " "
    }

    .block.integrations .brokersBlock .brokersRow .broker:nth-child(2n) .border:after {
        display: none
    }
}

@media screen and (max-width:640px) {
    .block.synchronous .threeBlocks .miniBlock i.icon {
        background-size: 40%
    }

    .headBlock h1 {
        max-width: 80%;
        margin: 50px auto 20px;
        line-height: 26px;
        font-size: 20px
    }

    .headBlock .descr {
        max-width: 60%;
        margin: 0 auto;
        line-height: 19px;
        font-size: 13px
    }

    .headBlock .btn.greenBtn {
        width: 100%;
        max-width: 240px;
        margin: 30px auto 0;
        font-size: 16px;
        height: 40px;
        line-height: 40px
    }

    .headBlock .btnDescr {
        line-height: 17px;
        font-size: 11px;
        margin-top: 5px
    }

    .wrapper {
        width: 350px;
        padding-left: 15px;
        padding-right: 15px
    }

    .block > .wrapper {
        padding-left: unset !important;
        padding-right: 30px !important
    }

    .block .title {
        font-size: 16px !important;
        line-height: 25px !important
    }

    .block .descr {
        font-size: 13px !important;
        line-height: 20px !important
    }

    .landing .shtuka {
        height: 500px
    }

    .landing .shtuka .diagonal {
        height: 1770px !important;
        transform: rotate(0);
        top: 0
    }

    .block.richest {
        padding-top: 75px
    }

    .block.richest .wrapper {
        padding: 0 15px !important
    }

    .block.richest .left .title {
        max-width: 100%;
        margin: 0 0 10px
    }

    .block.richest .left .descr {
        max-width: 100%;
        margin: 0 0 20px
    }

    .block.richest .left .tags {
        max-width: 100%;
        margin: 0 0 30px
    }

    .block.richest .left .tags .tag {
        height: 22px;
        line-height: 22px;
        font-size: 11px;
        margin-right: 0;
        margin-bottom: 0;
        padding-left: 8px;
        padding-right: 8px;
        color: #222
    }

    .block.richest .left .btnBorderedGreen {
        width: 100%;
        max-width: 240px;
        margin: 0 auto 30px;
        font-size: 15px;
        height: 40px;
        line-height: 36px
    }

    .block.richest .right {
        padding-top: 0
    }

    .block.richest .right #canvas {
        width: 100%;
        max-width: 100%
    }

    .block.richest .right #canvas .imageBlock {
        margin: -10px;
        transform: scale(.7);
        transform-origin: center
    }

    .block.customization {
        padding-top: 120px
    }

    .block.customization .title {
        line-height: 26px;
        font-size: 20px
    }

    .block.customization .descr {
        line-height: 17px;
        font-size: 12px;
        margin-bottom: 15px
    }

    .block.customization .imageBlock {
        margin-bottom: 40px
    }

    .block.customization .btnGreenBordered {
        width: 100%;
        max-width: 240px;
        margin: 0 auto 45px;
        font-size: 15px;
        height: 40px;
        line-height: 36px
    }

    .block.customization .fourBlocks {
        width: 80%;
        margin: 0 auto;
        float: none
    }

    .block.customization .fourBlocks .miniBlock {
        margin: 0 0 20px;
        padding-left: 45px;
        line-height: 18px;
        padding-top: 10px
    }

    .block.customization .fourBlocks .miniBlock:before {
        background-size: 170px;
        width: 30px;
        height: 30px;
        top: 5px;
        background-position: -28px 0
    }

    .block.brokers {
        margin-top: -110px;
        padding-top: 60px;
        z-index: 0;
        padding-bottom:42px;
    }

    .block.brokers .title {
        line-height: 24px;
        font-size: 18px
    }

    .block.brokers .descr {
        line-height: 17px;
        font-size: 12px;
        margin-bottom: 30px
    }

    .block.brokers .right {
        max-width: 80%;
        left: 0;
        margin-left: 10%
    }

    .block.brokers .right .buttonsBlock .blueBtn {
        width: 100%;
        height: 35px;
        line-height: 35px;
        font-size: 13px !important;
        max-width: 280px;
        float: none;
        margin: auto auto 10px;
        display: block
    }

    .block.brokers .right .buttonsBlock .blueBtn:last-child {
        margin-right: auto
    }

    .block.brokers .right .buttonsBlock .blueBtn .icon.facebook {
        width: 14px;
        height: 27px;
        background-size: 170px;
        background-position: -117px -2px
    }

    .block.brokers .right .buttonsBlock .blueBtn .icon.telegram {
        width: 23px;
        height: 25px;
        background-size: 170px;
        background-position: -148px 2px
    }

    .block.brokers .left {
        margin-top: 360px
    }

    .block.brokers .left img {
        max-width: 80%
    }

    .block.multi-asset .title {
        line-height: 24px;
        font-size: 18px
    }

    .block.multi-asset .descr {
        line-height: 17px;
        font-size: 12px;
        margin-bottom: 40px
    }

    .block.multi-asset .right {
        margin: 0 auto;
        max-width: 450px;
        width: 100%
    }

    .block.multi-asset .right img {
        width: 100%
    }

    .block.multi-asset .left {
        z-index: 2
    }

    .block.multi-asset .left .btn.greenBtn {
        width: 100%;
        max-width: 240px;
        margin: 30px auto 0;
        font-size: 16px;
        height: 40px;
        line-height: 40px
    }

    .block.synchronous .title {
        line-height: 24px;
        font-size: 18px
    }

    .block.synchronous .descr {
        line-height: 17px;
        font-size: 12px;
        margin-bottom: 15px
    }

    .block.synchronous .imageBlock {
        width: 100%
    }

    .block.synchronous .threeBlocks {
        width: 100%;
        margin: 0 auto;
        float: none
    }

    .block.synchronous .threeBlocks .miniBlock {
        min-height: 90px;
        margin-bottom: 0 !important
    }

    .block.synchronous .threeBlocks .miniBlock .descr {
        font-size: 14px;
        line-height: 20px;
        margin-left: 90px;
        width: calc(100% - 85px);
        padding: 20px 0
    }

    .block.synchronous .threeBlocks .miniBlock div.icon {
        line-height: 90px
    }

    .block.synchronous .threeBlocks .miniBlock div.icon.analyze i {
        width: 28px;
        height: 31px;
        background-position: 0 0;
        background-size: 170px
    }

    .block.synchronous .threeBlocks .miniBlock div.icon.create i {
        width: 28px;
        height: 31px;
        background-position: -89px 0;
        background-size: 170px
    }

    .block.synchronous .threeBlocks .miniBlock div.icon.send i {
        width: 31px;
        height: 31px;
        background-position: -59px 0;
        background-size: 170px
    }

    .block.api {
        padding-top: 70px;
        padding-bottom: 50px
    }

    .block.api:before {
        height: 150px
    }

    .block.api:after {
        height: 100px
    }

    .block.api .title {
        line-height: 24px;
        font-size: 18px
    }

    .block.api .descr {
        line-height: 19px;
        font-size: 13px;
        margin-bottom: 40px
    }

    .block.integrations .title {
        line-height: 24px;
        font-size: 18px
    }

    .block.integrations .descr {
        line-height: 19px;
        font-size: 13px;
        margin-bottom: 25px
    }

    .block.integrations .brokersBlock .brokersRow .broker {
        height: 80px;
        line-height: 80px
    }

    .block.integrations .brokersBlock .brokersRow .broker .soon {
        font-size: 8px;
        line-height: 10px;
        top: 10px;
        right: 10px
    }

    .block.integrations .brokersBlock .brokersRow .broker .front {
        height: 100%
    }

    .block.integrations .brokersBlock .brokersRow .broker .front .logo {
        margin: 2px auto
    }

    .block.integrations .brokersBlock .brokersRow .broker img {
        max-width: 80%;
        max-height: 90%
    }
}