.HeaderAllTitleIMG>a>img{
    position: relative;
    top: 1px;
}

.IndexMainTopMain{
    height: 246px;
    display: grid;
    grid-template-columns: 753px auto;
    margin-bottom: 18px;
}

@media only screen and (max-width: 1030px) {
    .IndexMainTopMain{
        grid-template-columns: 723px auto;
    }
}


/*.IndexMainBannerMainThreeButtons{*/
    /*display: grid;*/
    /*grid-template-rows: 1fr 1fr 1fr;*/
    /*height: 100%;*/
/*}*/

.IndexMainBannerMainThreeButtons>a{
    text-decoration: none;
}

.IndexMainBannerMainThreeButtonsElement{
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
    background-image: linear-gradient(to top, #fdfdfd, #f9f9f9);
    border-bottom: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
    align-items: center;
    color: #033569;
    height: 84px;
}




.IndexMainBannerMainThreeButtonsElement>img{
    padding-right: 15px;
}


@media only screen and (max-width: 1000px) {
    .IndexMainBannerMainThreeButtons>a:nth-of-type(3)>.IndexMainBannerMainThreeButtonsElement{
        border-right: none;
    }
    .IndexMainTopMain{
        grid-template-columns: auto;
        height: auto;
    }
}




.IndexMainElementsOut{
    overflow: hidden;
}

.IndexMainElementsOut>.IndexMainElements{
    margin-top: 28px;
}

.IndexMainElements{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 28px;
    margin-top: 28px;
    justify-content: space-between;

}

.IndexMainWebinar{
    height: 145px;
    object-fit: contain;
    /*border: solid 1px #ececec;*/
    background-color: white;
    margin-top: 26px;
}

.IndexMainWebinar01{
    border-radius: 3px;
    grid-column: 1/span 2;
}
.IndexMainWebinar02{
    border-radius: 3px;
    grid-column: 3/span 2;
}

.IndexMainWebinar02In{
    box-shadow: inset 0 0 59px 0 rgba(14, 106, 166, 0.05);
    border: solid 5px rgba(255, 255, 255, 0.7);
}

.IndexMainWebinarIMG{
    height: 133px;
}

.IndexMainWebinarInOut{
    border: solid 1px #ececec;
    border-radius: 5px;
    padding: 5px;
}

.IndexMainWebinarIn{
    /*background-color: rgba(200,217,227,0.7);*/
    box-shadow: inset 0 0 59px 0 rgba(0, 0, 0, 0.07);
    display: grid;
    grid-template-columns: 133px auto;
    grid-column-gap: 20px;
}

.IndexMainPromo,.IndexMainPromoText{
    padding-right: 40px;

}

.IndexMainPromo>a{
    text-decoration: none;
}
.IndexMainPromo{
    margin-bottom: 22px;
}

.IndexMainPromoGrid{
    font-size: 19px;
    display: grid;
    grid-template-rows: auto 62px;
}

.IndexMainPromoText{
    display: flex;
    align-self: center;
}

.IndexMainWebinarGrid{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.IndexMainWebinarGridTitle{
   font-weight: 700;
    font-size: 17px;
}

.IndexMainWebinarGrid>.IndexMainWebinarGridText>a{
   color: #75a02d;
}

.IndexMainWebinarGridTime{
    display: flex;
}

.IndexMainWebinarGridTime>img{
    padding-right: 5px;
}

.IndexTopButtonMobiusHover{
    display: none;
}

.IndexMainBannerMainThreeButtonsElement:hover>.IndexTopButtonMobiusHover,.IndexMainBannerMainThreeButtonsElement:hover>.IndexMainBannerMainThreeButtonsText{
    display: block;
    color: #2288da;
}
.IndexMainBannerMainThreeButtonsElement:hover>.IndexTopButtonMobius{
    display: none;
}





@media only screen and (max-width: 1100px) {
    .IndexMainElements>.IndexProviders{
        grid-column: 1/span 2;
        width: 250px;
        margin: auto;
    }
    .IndexMainElements>.IndexSpreads{
        grid-column: 3/span 2;
        margin: auto;
    }

    .IndexMainElements>.IndexAdvantages{
        grid-row: 2;
        grid-column: 1/span 4;
        margin-top: 10px;
    }
    .IndexMainElements>.IndexMainWebinar01, .IndexMainElements>.IndexMainWebinar02{
        grid-row: 3;
    }
}

@media only screen and (max-width: 1100px) {
    .IndexMainElements>.IndexMainWebinar01{
        grid-row: 3;
        grid-column: 1/span 4;
        justify-content: center;
    }
    .IndexMainElements>.IndexMainWebinar02{
        grid-row: 4;
        grid-column: 1/span 4;
    }
}


@media only screen and (max-width: 610px) {
    .IndexMainElements{
        grid-row-gap: 10px;
    }
    .StandartPage>.IndexMainElements>.IndexProviders{
        grid-column: 1/span 4;
    }
    .StandartPage>.IndexMainElements>.IndexSpreads{
        grid-column: 1/span 4;
        grid-row: 2;
    }
    .StandartPage>.IndexMainElements>.IndexAdvantages{
        grid-column: 1/span 4;
        grid-row: 3;
    }
    .StandartPage>.IndexMainElements>.IndexMainWebinar01{
        grid-row: 4;
    }
    .StandartPage>.IndexMainElements>.IndexMainWebinar02{
        grid-row: 5;
    }
}

@media only screen and (max-width: 820px) {
    .IndexMainTopMain>.IndexMainBannerMainThreeButtons{
        grid-template-columns: 1fr 1fr;
    }
}
@media only screen and (max-width: 580px) {
    .IndexMainTopMain>.IndexMainBannerMainThreeButtons{
        grid-template-columns: auto;
    }
}


.IndexMainTopMainBanner{
    min-height: 254px;
}
.IndexMainTopMainBanner{
    /*width: 753px;*/
    width: 100%;
    margin: auto;
    background: #0096d6 url(/assets/bigBannerBackground.8a99843c57f0ef68a9b3.svg) no-repeat;
    background-size: cover;
    position: relative;
    z-index: 2;

    font-family: MyriadPro, sans-serif;
}
.IndexMainTopMainBannerTopButtons{
    margin-top: 17px;
    display: flex;
    justify-content: space-around;
}

.IndexMainTopMainBannerTopButtons>div{
    height: 60px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 50px;
    cursor: pointer;
}

.IndexMainTopMainBannerTopButtonsSmall{
    text-shadow: 0 1px 0 rgba(0, 1, 1, 0.75);
    font-size: 25px;
    color: #ffffff;
}
.IndexMainTopMainBannerTopButtonsBig{
    text-shadow: 0 1px 0 rgba(0, 1, 1, 0.75);
    margin-left: 5px;
    font-size: 25px;
    font-weight: bold;
    color: #a9e5ff;
    position: relative;
    /*top: -3px;*/
}

.IndexMainTopMainBannerCircle{
    margin: 6px auto auto;
    height: 71px;
    width: 71px;
    box-shadow: 0 1px 1px 0 #78d7ff, inset 0.5px 0.9px 1px 0 black;
    border-radius: 50%;
    background-image: linear-gradient(to bottom, #07608f, #07608f), linear-gradient(to top, #323232, #464646);
    cursor: pointer;
}

.IndexMainTopMainBannerCircleIn{
    border-radius: 50%;
    margin: auto;
    position: relative;
    top: 7px;
    width: 57px;
    height: 57px;
    box-shadow: 0.5px 0.9px 1px 0 rgba(0, 0, 0, 0.77);
    background-image: linear-gradient(to top, #3a3a3a, #565656, #5c5c5c, #787878);
    display: flex;
    justify-content: center;
    align-items: center;
}

.IndexMainTopMainBannerCircleImg{
    background-image: url(/assets/strelkaButton.56cd0eeb811ec6c2c448.svg);
    width: 21px;
    height: 22px;
    position: absolute;
    left: 20px;
}

.IndexMainTopMainBannerCircle:hover>.IndexMainTopMainBannerCircleIn>.IndexMainTopMainBannerCircleInIn{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0.1;
    box-shadow: 0.5px 0.9px 1px 0 rgba(0, 0, 0, 0.77);
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to top, #3a3a3a, #565656, #5c5c5c, #787878);
}

.IndexMainTopMainBannerCircle:hover>.IndexMainTopMainBannerCircleIn>.IndexMainTopMainBannerCircleImg{
    background-image: url(/assets/strelkaButtonHover.56cd0eeb811ec6c2c448.svg);
}

.IndexMainTopMainBannerCircle:active>.IndexMainTopMainBannerCircleIn{
    box-shadow: inset 0.5px 0.9px 1px 0 rgba(0, 0, 0, 0.38);
    background-image: linear-gradient(to top, #303030, #505050);
}

.IndexMainTopMainBannerCircle:active>.IndexMainTopMainBannerCircleIn>.IndexMainTopMainBannerCircleImg{
    background-image: url(/assets/strelkaButtonActive.56cd0eeb811ec6c2c448.svg);
}

.IndexMainTopMainBannerBigText{
    text-align: center;
    font-size: 26px;
    color: white;
}

.IndexMainTopMainBannerButtom{
    width: 331px;
    display: flex;
    margin: 10px auto auto;
}

.IndexMainTopMainBannerButtomImg{
    margin-right: 9px;
}

.IndexMainTopMainBannerButtomText{
    font-size: 13px;
    color: white;
    font-style: italic;
    text-align: center;
    margin-top: 3px;
}

.LeftButton>.IndexMainTopMainBannerTopButtons>.IndexMainTopMainBannerTopButtons01,.RightButton>.IndexMainTopMainBannerTopButtons>.IndexMainTopMainBannerTopButtons02{
    background-image: url(/assets/BigBannerActiveElement.6b364eb1519b83d8ffb0.svg);
    background-size: cover;
}

.IndexMainTopMainBannerTopButtonsLine{
    display: none;
}

.LeftButton>.IndexMainTopMainBannerTopButtons>.IndexMainTopMainBannerTopButtons02>.IndexMainTopMainBannerTopButtonsLine,.RightButton>.IndexMainTopMainBannerTopButtons>.IndexMainTopMainBannerTopButtons01>.IndexMainTopMainBannerTopButtonsLine{
    display: block;
    width: 100%;
    height: 1px;
    background:  rgba(97,208,255,0.75);
    position: relative;
    top: -12px;
}

.IndexMainTopMainBannerTopButtonsIn{
    display: flex;
}

.IndexMainTopMainBannerLeftSide,.IndexMainTopMainBannerRightSide{
    display: none;
}

.LeftButton>.IndexMainTopMainBannerLeftSide{
    display: block;
}

.RightButton>.IndexMainTopMainBannerRightSide{
    display: flex;
    margin-top: 10px;
}

.RightButton>.RightSideIsSmall{
    height: 127px;
}
.IndexBannerRightSideLeftBig{
    display: block;
}
.IndexBannerRightSideLeftSmall{
    display: none;
}
.RightSideIsSmall>.IndexBannerRightSideLeft>.IndexBannerRightSideLeftBig{
    display: none;
}
.RightSideIsSmall>.IndexBannerRightSideLeft>.IndexBannerRightSideLeftSmall{
    display: block;
}

.IndexBannerRightSideRight>a{
    text-decoration: none;
}

.RightButton>.RightSideIsSmall>.IndexBannerRightSideRight>.IndexBannerRightSideRightElementHand,.RightButton>.RightSideIsSmall>.IndexBannerRightSideRight>.IndexBannerRightSideRightButtonOut{
    display: none;
}
.RightButton>.RightSideIsSmall>.IndexBannerRightSideRight>.IndexBannerRightSideRightElementHand,.RightButton>.RightSideIsSmall>.IndexBannerRightSideRight>.IndexBannerRightSideRightButtomText{
    display: none;
}



.RightButton>.RightSideIsSmall>.IndexBannerRightSideRight>.IndexBannerRightSideRightButtom>.IndexBannerRightSideRightButtomImg>.IndexBannerRightSideRightButtomImgInUp>img{
    transform: rotate(90deg);
}
.RightButton>.RightSideIsSmall>.IndexBannerRightSideRight>.IndexBannerRightSideRightButtom>.IndexBannerRightSideRightButtomText{
    display: none;
}
.IndexBannerRightSideRightButtomTextBig{
    display: none;
}
.RightButton>.RightSideIsSmall>.IndexBannerRightSideRight>.IndexBannerRightSideRightButtom>.IndexBannerRightSideRightButtomTextBig{
    display: block;
}

.IndexBannerRightSideLeft{
    padding-left: 50px;
    width: 224px;
}

.IndexBannerRightSideLeft>img:nth-of-type(3){
    position: relative;
    left: -18px;
}

.IndexBannerRightSideRight{
    margin-top: 15px;
    padding-right: 70px;
}

.IndexBannerRightSideRightButton{
    height: 56px;
    width: 273px;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 15px;

}

.IndexBannerRightSideRightButtonIn{
    background-image: url(/assets/shape-orange.8106d37631d2fac7610c.svg);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.IndexBannerRightSideRightButtonImgIn{
    width: 23px;
    height: 24px;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    top: 14px;
    background-image: url(/assets/shape-5-orange.3ab6cb47daa7af512167.svg);

}


.IndexBannerRightSideRightButtonImg{
    background: url(/assets/orange_ED.e5af561f3315f65532cd.svg) no-repeat;
    position: absolute;
    right: 20px;
    bottom: 18px;
}

.IndexBannerRightSideRightButtonImgTop{
    width: 23px;
    height: 24px;
}
.IndexBannerRightSideRightButtonIn:hover{
    background-image: url(/assets/shape-green.654e37ff6d71ccfff491.svg);
}
.IndexBannerRightSideRightButtonIn:hover>.IndexBannerRightSideRightButtonImg{
    background-image: url(/assets/green_ED.6d0b0f912ec1c62b3b8d.svg);
}
.IndexBannerRightSideRightButtonIn:hover>.IndexBannerRightSideRightButtonImg>div{
    background-image: url(/assets/shape-5-green.e9b279892ceeb8051970.svg);
}
.IndexBannerRightSideRightButtonIn:active>.IndexBannerRightSideRightButtonImg{
    background-image: url(/assets/blue_ED.41f6cfadd232ad806c75.svg);
}
.IndexBannerRightSideRightButtonIn:active{
    background-image: url(/assets/shape_blue.8f9e8b4b2cb9c0ae1099.svg);
}
.IndexBannerRightSideRightButtonIn:active>.IndexBannerRightSideRightButtonImg>div{
    background-image: url(/assets/shape-blue.ee05ff93f9bd3db24366.svg);
}

.IndexBannerRightSideRightButtonText{
    font-size: 18px;
    color: #edfecf;
    position: relative;
    left: 20px;
    top: -3px;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
    padding-left: 6px;
}

.IndexBannerRightSideRightButtonOut{
    text-decoration: none;
}

.IndexBannerRightSideRightButtonImgIn>img{
    position: relative;
    top: 4px;
    left: 8px;
}


.IndexBannerRightSideRightButtomImgInUp>img{
    transform: rotate(270deg);
}
.IndexBannerRightSideRightButtomImgIn{
    width: 25px;
    height: 25px;
    background-image: linear-gradient(to top, #3a3a3a, #565656, #5c5c5c, #787878);
    border-radius: 50%;
    margin-right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.IndexBannerRightSideRightElement{
    display: flex;
    padding-bottom: 10px;
}

.IndexBannerRightSideRightElementText{
    font-size: 18px;
    color: white;
}

.IndexBannerRightSideRightElementImg{
    position: relative;
    top: -5px;
    margin-right: 10px;
}

.IndexBannerRightSideRightElementHand{
    display: flex;
    color: white;
    font-size: 12px;
}

.IndexBannerRightSideRightElementHandImg{
    margin-right: 14px;
}

.IndexBannerRightSideRightElementText>a{
    color: white;
    text-decoration: none;
    border-bottom: 1px white solid;
}

.IndexBannerRightSideRightButtomText,.IndexBannerRightSideRightButtomTextBig{
    color: white;
    font-size: 12px;
    font-style: italic;
    text-align: center;
}

.IndexBannerRightSideRightButtom{
    position: absolute;
    display: flex;
    bottom: 14px;
    right: 13px;
    align-items: center;
    cursor: pointer;
}

@media only screen and (max-width: 1000px) {
    .IndexMainBannerMainThreeButtons{
        grid-row: 1;
        display: grid;
        justify-content: space-around;
        flex-direction: row;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto;
        height: 53px;
        border: solid 1px #c4c4c4;
        border-top: none;
    }
    /*.IndexMainBannerMainThreeButtons>a:first-of-type,.IndexMainBannerMainThreeButtons>a:nth-of-type(2){*/
        /*border-right:  solid 1px #908f8f;*/
    /*}*/
    .IndexMainBannerMainThreeButtonsElement{
        display: flex;
        align-items: center;
    }

    .IndexMainBannerMainThreeButtonsElement{
        height: 100%;
    }
}

@media only screen and (max-width: 820px) {
    .IndexMainBannerMainThreeButtons>a:nth-of-type(2){
        display: none;
    }
    .IndexMainBannerMainThreeButtons{
        margin-top: 20px;
    }
}
@media only screen and (max-width: 800px) {
    .IndexMainBannerMainThreeButtons{
        margin-top: 10px;
    }
}

@media only screen and (max-width: 820px) {
    .IndexMainBannerMainThreeButtons{
        grid-column-gap: 15px;
    }
    .IndexMainTopMainBanner {
        display: none;
    }

    .IndexMainBannerMainThreeButtons > div {
        margin: 15px 15px 15px 15px;
    }
    .IndexMainBannerMainThreeButtons,.IndexMainBannerMainThreeButtons>a,.IndexMainBannerMainThreeButtons>a>.IndexMainBannerMainThreeButtonsElement,.IndexMainBannerMainThreeButtons>a:first-of-type, .IndexMainBannerMainThreeButtons>a:nth-of-type(2){
        border: none;
    }
    .IndexMainBannerMainThreeButtonsElement{
        background: #eef2fa none;
    }
    .IndexMainBannerMainThreeButtons>a:nth-of-type(3){
        grid-row: 1;
    }

}

@media only screen and (max-width: 820px) {
    .IndexMainBannerMainThreeButtons{
        grid-template-columns: auto;
        height: auto;
        grid-row-gap: 15px;
    }
    .IndexMainBannerMainThreeButtons>a{
        height: 50px;
    }

}

.LeftSideIsBig>.IndexMainTopMainBannerLeftSideSmall{
    display: none;
}
.LeftSideIsSmall>.IndexMainTopMainBannerLeftSideBig{
    display: none;
}
.IndexMainTopMainBannerLeftSideBigYoutube{
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
}

.IndexBannerRightSideRightButtomText{
    text-decoration: dotted;
}

.IndexMainSmallLinks{
    display: flex;
    align-items: center;
    position: relative;
    /*cursor: grab;*/
    border-left: 1px solid #ececec;
    margin-top: 15px;
}

.IndexMainSmallLinksButton{
    border: 1px solid #ececec;
    width: 30px;
    height: 30px;
    border-radius: 15px;
}

.IndexMainSmallLinksButtonIMGHover{
    display: none;
}

.IndexMainSmallLinksButton:hover>.IndexMainSmallLinksButtonIMGHover{
    display: block;
}
.IndexMainSmallLinksButton:hover>.IndexMainSmallLinksButtonIMG{
    display: none;
}

.IndexMainSmallLinksElement{
    height: 116px;
    min-width: 140px;
    width: auto;
    border: 1px solid #ececec;
    border-left: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    user-select: none;
    cursor: pointer;
}

.IndexMainSmallLinksElement>div{
    text-align: center;
    padding-top: 10px;
    font-size: 12px;
}

.IndexMainSmallLinksElementIn{
    display: flex;
    border-left: 1px solid #ececec;
}

.IndexMainSmallLinksButtonLeft{
    position: absolute;
    left: -15px;
    background-color: white;
    z-index: 1;
    cursor: pointer;
}
.IndexMainSmallLinksButtonRight{
    position: absolute;
    right: -15px;
    background-color: white;
    z-index: 20;
    cursor: pointer;
}
@media only screen and (max-width: 1200px) {
    .IndexMainSmallLinks{
        margin-left: 30px;
        margin-right: 30px;
        border-left: 1px solid #ececec;

    }

}

.IndexMainSmallLinkInOut{
    overflow: hidden;
    width: 100%;
}

.IndexMainSmallLinksIn{
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto;
    align-items: center;
    position: relative;
    overflow: hidden;

}

.IndexMainSmallLinksIn>div{
    display: none;
}

.IndexMainSmallLinksIn>.IndexMainSmallLinksElement:nth-of-type(1),.IndexMainSmallLinksIn>.IndexMainSmallLinksElement:nth-of-type(2),.IndexMainSmallLinksIn>.IndexMainSmallLinksElement:nth-of-type(3),.IndexMainSmallLinksIn>.IndexMainSmallLinksElement:nth-of-type(4),.IndexMainSmallLinksIn>.IndexMainSmallLinksElement:nth-of-type(5),.IndexMainSmallLinksIn>.IndexMainSmallLinksElement:nth-of-type(6),.IndexMainSmallLinksIn>.IndexMainSmallLinksElement:nth-of-type(7){
    display: flex;
}


.IndexMainSmallLinksElement>div{
    padding-left: 15px;
    padding-right: 15px;
}

.IndexMainSmallLinksElementView,.IndexMainSmallLinksElementView>.IndexMainSmallLinksElement{
    display: flex !important;
}
.IndexMainSmallLinksElementView{
    width: auto !important;
}

@media only screen and (max-width: 1100px) {
    .IndexMainSmallLinksIn{
        grid-template-columns: auto auto auto auto auto auto;
    }
    .IndexMainSmallLinksIn>.IndexMainSmallLinksElement:nth-of-type(6){
        display: none;
    }
}
@media only screen and (max-width: 1000px) {
    .IndexMainSmallLinksIn{
        grid-template-columns: auto auto auto auto auto;
    }
    .IndexMainSmallLinksIn>.IndexMainSmallLinksElement:nth-of-type(5){
        display: none;
    }
}
@media only screen and (max-width: 750px) {
    .IndexMainSmallLinksIn{
        grid-template-columns: auto auto auto auto;
    }
    .IndexMainSmallLinksIn>.IndexMainSmallLinksElement:nth-of-type(4){
        display: none;
    }
}
@media only screen and (max-width: 600px) {
    .IndexMainSmallLinkInOut{
        width: 100%;
    }
    .IndexMainSmallLinksIn{
        width: 100%;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .IndexMainSmallLinksIn>.IndexMainSmallLinksElement:nth-of-type(3){
        display: none;
    }
}@media only screen and (max-width: 500px) {
    .IndexMainSmallLinksIn{
        grid-template-columns: 1fr 1fr;
    }
    .IndexMainSmallLinksIn>.IndexMainSmallLinksElement:nth-of-type(2){
        display: none;
    }
}@media only screen and (max-width: 370px) {
    .IndexMainSmallLinksIn{
        grid-template-columns: auto;
    }
    .IndexMainSmallLinksIn>.IndexMainSmallLinksElement:nth-of-type(1){
        display: none;
    }
}

.IndexProviders{
    width: 100%;
    height: 251px;
    object-fit: contain;
    box-shadow: 2px 3px 15px 0 rgba(44, 81, 103, 0.1);
    border: solid 1px #d8e4eb;
    background-color: #ffffff;
    grid-column: 1;
    display: grid;
    grid-template-rows: auto 160px 40px;
}

.IndexProvidersTop{
    display: flex;
    justify-content: space-between;
}

.IndexProvidersTop{
    font-size: 17px;
    font-weight: bold;
    color: #181818;
    padding: 16px 22px 0 20px;

}

.IndexProvidersTopArrowsUp{
    width: 20px;
    height: 11px;
    background-image: url(/assets/ArrowUp.c7da40e7240865cfc4ad.svg);
    background-repeat: no-repeat;
}
.IndexProvidersTopArrowsUp:hover{
    background-image: url(/assets/ArrowUpHover.760a7a373ca95567dfbf.svg);
}
.IndexProvidersTopArrowsUp:active{
    background-image: url(/assets/ArrowUpActive.fdb2587adfdcb417e66b.svg);
}


.IndexProvidersTopArrowsDown{
    width: 20px;
    height: 11px;
    background-image: url(/assets/ArrowUp.c7da40e7240865cfc4ad.svg);
    background-repeat: no-repeat;
    transform: rotate(180deg);
}
.IndexProvidersTopArrowsDown:hover{
    background-image: url(/assets/ArrowUpHover.760a7a373ca95567dfbf.svg);
}
.IndexProvidersTopArrowsDown:active{
    background-image: url(/assets/ArrowUpActive.fdb2587adfdcb417e66b.svg);
}

.IndexProvidersTopArrows{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 30px;
    position: relative;
    top: -5px;
}

.IndexProvidersTopArrows>div{
    cursor: pointer;
}

.IndexProvidersMain{
    padding-left: 22px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
}

.IndexProvidersCirclesOne{
    width: 8px;
    height: 8px;
    object-fit: contain;
    border-radius: 10px;
    border: solid 1px #6e8cb0;
    background-color: #d8e4eb;
    cursor: pointer;
}

.IndexProvidersCirclesOne:nth-of-type(2),.IndexProvidersCirclesOne:nth-of-type(3),.IndexProvidersCirclesOne:nth-of-type(5),.IndexProvidersCirclesOne:nth-of-type(6),.IndexProvidersCirclesOne:nth-of-type(8){
    display: none;
}


.IndexProvidersCircles{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
}

.IndexProvidersCirclesOne{
    margin-right: 10px;
}

.IndexProvidersCirclesActive{
    background-color: #6e8cb0;
    cursor: default;
}

.bankofamerika_index{
    padding-top: 28px;
    /*padding-bottom: 32px;*/
}
.barclyse_index{
    padding-top: 29px;
    /*padding-bottom: 33px;*/
}
.citibank_index{
    padding-top: 18px;
    /*padding-bottom: 18px;*/
}
.creditsuisse_index {
    padding-top: 13px;
    /*padding-bottom: 26px;*/
}
.deutchebank_index{
    padding-top: 12px;
    /*padding-bottom: 36px;*/
}
.goldman_sachs_index{
    padding-top: 31px;
    /*padding-bottom: 25px;*/
}
.jp_morgan_chase_index{
    padding-top: 21px;
    /*padding-bottom: 34px;*/
}
.usb_index{
    padding-top: 27px;
    /*padding-bottom: 17px;*/
}
.IndexAdvantages{
    grid-column: 3/span 2;
    height: 253px;
    object-fit: contain;
    border: solid 1px #ececec;
    background-color: #fafafa;
}

.IndexAdvantagesTopGrid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-left: 22px;
    margin-top: 10px;
}

.IndexAdvantagesTopGridColumn{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.IndexAdvantagesTitle{
    font-size: 17px;
    font-weight: bold;
    color: #181818;
    padding: 16px 16px 0 20px;
}

.IndexAdvantagesTopGridElement{
    display: flex;
    align-items: center;
    padding-top: 1px;
    line-height: 25px;
}
.IndexAdvantagesTopGridElement>img{
    padding-right: 15px;
    align-self: flex-start;
    padding-top: 7px;
}

.IndexAdvantagesTopGridElementText{
    font-size: 13px;
    color: #151515;
}

.IndexAdvantagesTopGridElementTextA{
    position: relative;
    left: -3px;
}

.IndexAdvantagesTopGridElementTextA>a{
    margin-left: 5px;
}

.IndexAdvantagesSystems{
    display: flex;
    flex-wrap: wrap;
}

.IndexAdvantagesSystems{
    padding-top: 6px;
    padding-left: 22px;
}

.IndexAdvantagesSystems>img{
    padding-right: 10px;
    padding-bottom: 10px;
}

@media only screen and (max-width: 1100px) {
    .IndexAdvantages{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 30px auto;
        justify-content: space-between;
    }
    .IndexAdvantagesElement01{
        grid-column: 1;
        grid-row: 1;
    }
    .IndexAdvantagesElement02{
        grid-column: 1;
        grid-row: 2;
    }
    .IndexAdvantagesElement03{
        grid-column: 2;
        grid-row: 1;
    }
    .IndexAdvantagesElement04{
        grid-column: 2;
        grid-row: 2;
    }
    .IndexAdvantages{
        height: auto;
    }
    .IndexAdvantagesTopGrid,.IndexAdvantagesSystems{
        margin-top: 0;
        padding-top: 14px;
        margin-bottom: 20px;
    }
    .IndexAdvantagesTopGrid{
        grid-column-gap: 20px;
    }
}

@media only screen and (max-width: 800px) {
    .IndexAdvantagesTopGrid{
        display: block;
    }
}
@media only screen and (max-width: 480px) {
    .IndexAdvantages{
        display: block;
    }
}




.IndexContest{
    grid-column: 1/span 4;

}
.IndexContestsIMG{
    width: 492px;
    height: 251px;
    margin: auto;
    position: relative;

}

.IndexContestsIMG01{
    grid-column: 1/span 2;
}
.IndexContestsIMG02{
    grid-column: 3/span 2;
}

.IndexContestsIMGText{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.IndexContestsIMGArrowLeft{
    position: absolute;
    left: 10px;
    cursor: pointer;
}
.IndexContestsIMGArrowRight{
    position: absolute;
    right: 10px;
    cursor: pointer;
}

.IndexContestsIMGTextIn{
    width: 290px;
    height: 74px;
    position: absolute;
    top: 10px;
    right: -10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #18609e;
    color: white;
}

.IndexContestsIMGTextIn:before {
    content: "";
    position: absolute;
    bottom: -7px;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 0;
    border-color: #002e53 transparent transparent transparent;
}

.IndexContestsIMGTextInIn>.IndexContestsIMGTextTitle>a{
    color: white;
}
.IndexContestsIMGTextTitle{
    text-align: center;
    text-decoration: underline;
    font-weight: 700;
    font-size: 17px;
}
.IndexContestsIMGTextText{
    font-size: 13px;
    text-align: center;

}

.IndexContestPad{
    display: none;
}

@media only screen and (max-width: 1100px) {
    .IndexContestWeb{
        display: none;
    }
    .IndexContestPad{
        display: block;
    }
}
@media only screen and (max-width: 550px) {
    .IndexContestsIMG{
        width: 90%;
        height: auto;
        /*overflow: hidden;*/
    }
    .IndexContestsIMG>img{
        width: 100%;
        height: auto;
    }
    .IndexContestsIMGTextIn{
        width: 90%;
    }
    .IndexMainElements{
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media only screen and (max-width: 400px) {
.IndexMainWebinarGrid,.IndexMainPromoGrid{
    font-size: 12px;
}}
.IndexPartnersCalc{
    width: 100%;
    /*background-image: url('../../../static/img/Index/PartnersCalc/backGround.svg');*/
    background: #fff3de;
    grid-column: 1/span 4;
    background-size: contain;
    margin-top: 30px;
    position: relative;
    min-height: 203px;
}

.IndexPartnersCalcTry{
    display: flex;
    margin-top: 25px;
    /*align-items: top;*/
    justify-content: center;
}
.IndexPartnersCalcTryBig{
    display: flex;
    justify-content: center;
}
.IndexPartnersCalc>div{
    position: relative;
    z-index: 100;
}

.IndexPartnersCalcTitleTop{
    font-weight: 700;
    font-size: 23px;
    text-align: center;
    padding-top: 25px;
    position: relative;
    z-index: 5;
}
.IndexPartnersCalcH2{
    font-size: 15px;
    text-align: center;
    margin-top: 10px;
    position: relative;
    z-index: 5;
}

.IndexPartnersCalcTryBigText{
    font-size: 15px;
    line-height: 21px;
    margin-right: 23px;
    position: relative;
    z-index: 5;
}

.IndexPartnersCalcTryBigEditText{
    font-size: 13px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 25px;
    position: relative;
    z-index: 5;
}

.IndexPartnersCalcTryBigEdit>input{
    background: #fff3de;
    border: rgba(0,0,0,0.8) solid 2px;
    border-radius: 3px;
    height: 36px;
    font-size: 15px;
    text-align: right;
    width: 80px;
    padding-right: 9px;
    margin-right: 17px;
    position: relative;
    z-index: 5;
}

.IndexPartnersCalc>.StandartNotVisible{
    display: none;
}

.IndexPartnersCalcResult{
    display: flex;
    justify-content: center;
    align-items: center;
}

.IndexPartnersCalcResultSum{
    font-size: 43px;
    color: #2ba048;
    margin-right: 16px;
}

.IndexPartnersCalcResultText{
    font-size: 17px;
}

.IndexPartnersCalcResultButton{
    color: #09518e;
    text-decoration: underline;
    cursor: pointer;
}

.IndexPartnersCalcResultButton>img{
    margin-right: 10px;
    margin-left: 17px;
}

.IndexPartnersCalcResult{
    margin-top: 25px;
    margin-bottom: 40px;
}

@media only screen and (max-width: 600px) {
    .IndexPartnersCalcTry {
        flex-wrap: wrap;
        padding-right: 30px;
        padding-left: 30px;
    }
    .IndexPartnersCalcTry>.ButtonStandartOut {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 450px) {
    .IndexPartnersCalcResult{
        display: grid;
        grid-template-columns: auto auto;
    }
    .IndexPartnersCalcResultSum{
        display: flex;
        justify-content: flex-end;
    }
    .IndexPartnersCalcResultButton{
        margin-top: 20px;
        grid-column: 1/span 2;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
.IndexPartnersCalcLeft{
    height: 100%;
    position: absolute;
}
.IndexPartnersCalcLeft:nth-of-type(2){
    height: 100%;
    position: absolute;
    left: 140px;
}
.IndexPartnersCalcRight{
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.IndexPartnersCalcRightPhone{
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
}

@media only screen and (max-width: 800px) {
    .IndexPartnersCalcLeft:nth-of-type(2){
        display: none;
    }
    .IndexPartnersCalcRight{
        display: none;
    }
    .IndexPartnersCalcRightPhone{
        display: block;
    }
}

.TISComponent{
    border: 1px solid #d8e4eb;
    border-radius: 5px;
    grid-column: 1/span 4;
}

.TISComponentTop{
    display: flex;
    justify-content: space-between;
    padding: 20px 26px 22px 22px;
}

.TISComponentTopText01{
    font-size: 19px;
    font-weight: 700;
    color: #181818;
}
.TISComponentTopText02{
    font-size: 15px;
    line-height: 23px;
    color: #181818;
}

.TISComponentTopButton>a{
    text-decoration: none;
}

.TISComponentDown{
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 19px;
}

.TISComponentDownLeft{
    display: flex;
    justify-content: space-around;
}

.TISComponentDownRight{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.TISComponentDownRightElement{
    display: flex;
}

.TISComponentDownLeftElementBorder{
    width: 1px;
    height: 100%;
    border-left: 1px dashed #d4dfe6;
}

.TISComponentDownLeftElementTop{
    font-size: 15px;
    line-height: 28px;
    color: black;
}

.TISComponentDownLeftElementBottom>img{
    margin-right: 5px;
}
.TISComponentDownLeftElementBottom{
    color: #529b22;
    font-size: 22px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.TISComponentDownRightElementText01{
    font-size: 13px;
    color: #aab9c2;
    margin-left: 5px;
}
.TISComponentDownRightElementText02{
    font-size: 13px;
    margin-right: 5px;
    margin-left: 5px;
}
@media only screen and (max-width: 1000px) {
    .TISComponent>.TISComponentDown{
        display: block;
    }
    .TISComponentDownRight{
        margin-top: 20px;
    }
    .TISComponentDownRight>div{
        display: flex;
        justify-content: center;
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 700px) {
    .TISComponentTop{
        display: block;
    }
}
.TISComponentDownRightElementLeft{
    display: flex;
}
@media only screen and (max-width: 450px) {
    .TISComponentDownRight>.TISComponentDownRightElement{
        display: block;
        padding-left: 20px;
    }
    .TISComponentDownRightElementLeft{
        padding-bottom: 5px;
    }
    .TISComponentDownLeft{
        flex-wrap: wrap;
        justify-content: center;
    }
    .TISComponentDownLeftElement{
        margin-right: 20px;
        margin-left: 20px;
        margin-bottom: 20px;
    }
    .TISComponentTop{
        padding-bottom: 0;
    }
}
.IndexNews{
    grid-column: 1/span 4;
    margin-top: 32px;
    margin-bottom: 32px;
    position: relative;
}

.IndexNews>div>a{
    text-decoration: none;
}

.IndexNews:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    left: -1000px;
    right: -1000px;
    -webkit-box-shadow: inset 0 0 59px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: inset 0 0 59px rgba(0, 0, 0, 0.07);
    box-shadow: inset 0 0 59px rgba(0, 0, 0, 0.07);
    background-color: #fefffd;
    z-index: 1;

}

.IndexNewsInNoContest{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px;
    justify-content: space-between;
    width: 100%;
    position: relative;
    z-index: 5;
}
.IndexNewsIn{
    display: flex;
    position: relative;
    z-index: 5;

}
@media only screen and (max-width: 1000px) {
    .IndexNewsInNoContest{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 20px;
        justify-content: space-between;
    }
    .IndexNewsElement:nth-child(4){
        display: none;
    }
}
@media only screen and (max-width: 800px) {
    .IndexNewsIn{
        display: grid;
        grid-template-columns: auto;
        grid-column-gap: 20px;
        justify-content: space-between;
    }
    .IndexNewsElement:nth-child(3){
        display: none;
    }
}
@media only screen and (max-width: 600px) {
    .IndexNewsIn{
        display: block;
        grid-column-gap: 20px;
        justify-content: space-between;
    }
    .IndexNewsElement:nth-child(2){
        display: none;
    }
}



.IndexNewsElementDate{
    font-weight: 700;
    font-size: 15px;
    color: #181818;
    padding-top: 25px;
    padding-bottom: 10px;
}

.IndexNewsElementTitle{
    font-size: 14px;
}
.IndexNewsElementText{
    font-size: 14px;
    padding-bottom: 20px;
}

.IndexNews>.StandartButtonOut{
    display: none;
}

@media only screen and (max-width: 600px) {
    .IndexNews>.StandartButtonOut{
        display: flex;
    }

}

.IndexNewsPhoneButtonTop{
    position: absolute;
    display: none;
    width: 70px;
    justify-content: space-between;
    z-index: 15;
    top: 26px;
    right: 32px;
}

.IndexNewsPhoneButtonTopElement{
    width: 14px;
    height: 14px;
    /*background-color: #2d508d;*/
    background-color: #6e8cb0;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    z-index: 10;
}

.IndexNewsFirst>.IndexNewsPhoneButtonTop>.IndexNewsPhoneButtonTopElement:first-of-type{
    background-color: #2d508d;
}
.IndexNewsSecond>.IndexNewsPhoneButtonTop>.IndexNewsPhoneButtonTopElement:nth-of-type(2){
    background-color: #2d508d;
}
.IndexNewsThird>.IndexNewsPhoneButtonTop>.IndexNewsPhoneButtonTopElement:nth-of-type(3){
    background-color: #2d508d;
}


@media only screen and (max-width: 600px) {
    .IndexNewsPhoneButtonTop {
        display: flex;
    }
    .IndexNews>.IndexNewsIn>.IndexNewsElement{
        display: none;
    }
    .IndexNewsFirst>.IndexNewsIn>.IndexNewsInNoContest>.IndexNewsElement:nth-of-type(1){
        display: block;
    }
    .IndexNewsSecond>.IndexNewsIn>.IndexNewsInNoContest>.IndexNewsElement:nth-of-type(2){
        display: block;
    }
    .IndexNewsSecond>.IndexNewsIn>.IndexNewsInNoContest>.IndexNewsElement:nth-of-type(1){
        display: none;
    }
    .IndexNewsThird>.IndexNewsIn>.IndexNewsInNoContest>.IndexNewsElement:nth-of-type(3){
        display: block;
    }
    .IndexNewsThird>.IndexNewsIn>.IndexNewsInNoContest>.IndexNewsElement:nth-of-type(1){
        display: none;
    }
}

.IndexNewsInContest{
    width: 371px;
    position: relative;
    z-index: 20;
    /*background-image: url("static/img/Index/newForexstartCup.svg");*/
}
.IndexNewsContestElementIMG{
    position: absolute;
    opacity: 0.1;
    height: 80%;
    right: 10px;
    bottom: 10px;
    z-index: -1;
}
.IndexNewsInContestTitle{
    margin-top: 30px;
    font-size: 14px;
    color: #1e1e1e;
    font-weight: 700;
}
.IndexNewsContestElement{
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
}

.IndexNewsElementContestText{
    font-size: 14px;
    color: #525252;
    font-weight: 700;
}

.IndexNewsContestElement>span{
    margin-right: 5px;
}
.IndexNewsContestElement>a{
    font-size: 14px;
}
.IndexSpreads{
    width: 275px;
    height: 251px;
    object-fit: contain;
    border: solid 1px rgba(200, 217, 227, 0.7);
    grid-column: 2;
    background-color: white;
}

.IndexSpreadsTitle{
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    color: #1b1b1b;
    margin-top: 18px;
}

.IndexSpreadsGrid{
    display: flex;
    justify-content: space-around;
    font-size: 11px;
    margin-top: 14px;
    margin-bottom: 15px;
}

.IndexSpreadsGraph{
    margin: auto;
    display: flex;
    justify-content: center;
}

.IndexSpreadsGridElement{
    color: #2f4563;
    text-decoration: underline;
    cursor: pointer;
    margin-top: 14px;
    margin-bottom: 15px;
}

.IndexSpreadsGridElementActive{
    text-decoration: none;
    color: black;
    font-weight: 700;
    cursor: default;
}