body{
    margin: 0;
    font-family: GothamPro, sans-serif ;
}

.AllPages>.AllPagesElement>div>header,.AllPages>.AllPagesElement>div>footer,.AllPages>.AllPagesElement>div>.TopVidgets{
    display: none;
}

div, input, button, textarea{
    outline:none;
}

div>.isNoVisible,.isNoVisible{
    display: none;
}

.ButtonOut{
    display: flex;
}
.AllPages>.AllPagesElement>div>main>div>div,.AllPages>.AllPagesElement>div>main>div>div>div,.AllPages>.AllPagesElement>div>main>div>div>div>div,.AllPages>.AllPagesElement>div>main>div>div>div>div>div{
    animation-duration: 0s;
    animation-delay: 0s;
}

a,a:visited{
    color: #1466b4;
}
.StandartSpace{
    padding-left: 5px;
}


.StandartTitle{
    font-family: Geometria, sans-serif ;
    font-weight: 800;
    font-size: 30px;
    color: #413422;
    line-height: 30px;
    padding: 37px 0 37px 0;
}


.ButtonStandart{
    font-weight: 600;
    font-size: 12px;
    width: 127px;
    height: 28px;
    border-radius: 6px;
    line-height: 28px;
    box-shadow: 0 2px 4px 0 rgba(25, 10, 13, 0.2);
    background: #f5b95b;
    color: white;
    text-align: center;
    text-decoration: none;
    margin: auto;
}


.ButtonStandart:hover{
    border-color:  #ffb14e;
}

.ButtonStandart:active{
    border-radius: 4px;
    box-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.15);
    background-color: #ffbf58;
}


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

.AllPages>div>div {
    position: relative;
}
.SignUp{
    margin: auto;
    max-width: 1100px;
}

@media only screen and (max-width: 1100px) {
    .SignUp{
        width: 95%;
    }
}

.SignUpform{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.SignUpform>input{
    margin-top: 10px;
    margin-bottom: 10px;
    height: 30px;
    width: 200px;
}

.SignUpform>button{
    height: 50px;
    width: 200px;
    margin-top: 20px;
}
.PageAuth{
    width: 100%;
    margin: auto;
    max-width: 1100px;
}

@media only screen and (max-width: 1100px) {
    .SignIn{
        width: 95%;
    }
}

.SignInform{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.SignInform>input{
    margin-top: 10px;
    margin-bottom: 10px;
    height: 30px;
    width: 200px;
}

.SignInform>button{
    height: 50px;
    width: 200px;
    margin-top: 20px;
}
.HeaderAllOut{
    grid-column: 1;
    width: 100%;
    background-color: #190a0d;
    color: white;
}

.HeaderAll{
    padding: 21px 17px 46px 17px;
}

.HeaderAllTopTitleText{
    font-weight: 400;
    font-size: 18px;
    color: #f5b95b;
}

.HeaderAllTopTitle{
    display: flex;
    align-items: center;
}

.HeaderAllTopTitleImg{
    justify-self: left;
}

.HeaderAllTopTitleText{
    margin: auto;
    position: relative;
    top: -5px;
}

.HeaderAllTopProps{
    margin-top: 5px;
    display: flex;
    justify-content: space-between;
    padding: 14px 7px 10px 7px;
    border-top: solid 1px #f5b95b;
    border-bottom: solid 1px #f5b95b;
}

.HeaderAllTopPropsPassword{
    display: flex;
    font-weight: 600;
    font-size: 14px;

}

.HeaderAllTopPropsPasswordText{
    margin-left: 8px;
    position: relative;
    top: 2px;
}

.HeaderAllTopPropsLang{
    display: flex;
    font-weight: 600;
    font-size: 14px;
}

.HeaderAllTopPropsLangText{
    margin-right: 8px;
    position: relative;
    top: 2px;
}

.HeaderAllMainInfo{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.HeaderAllMainInfoImg{
    margin-top: 39px;
    border: 2px solid #f5b95b;
    border-radius: 45px;
    width: 84px;
    height: 84px;
}
.HeaderAllMainInfoImg>img{
    position: relative;
}

.HeaderAllMainInfoTitle{
    margin-top: 11px;
    font-weight: 600;
    font-size: 16px;
}

.HeaderAllMainInfoRole{
    margin-top: 11px;
    font-weight: 700;
    font-size: 16px;
    color: #f5b95b;
}

.HeaderAllMainInfoButtonStatus{
    margin-top: 18px;
    border: 1px solid #f5b95b;
    border-radius: 6px;
    padding: 4px 17px 3px 18px;
    font-weight: 400;
    font-size: 12px;
}

.HeaderAllMainInfo>a,.HeaderAllMainInfo>a:visited{
    text-decoration: none;
    color: inherit;
}

.HeaderAllMainInfoButtonStatusActive{
    background-color: #f5b95b;
}

.HeaderAllMainMenu{
    padding-left: 52px;
    margin-top: 40px;
}

.HeaderAllMainMenuElement{
    display: grid;
    grid-template-columns: 45px auto;
    padding-bottom: 20px;
 }

.HeaderAllMainMenu>a{
    color: inherit;
    text-decoration: none;
}

.HeaderAllMainMenuActiveLink>.HeaderAllMainMenuElement>.HeaderAllMainMenuElementText,.HeaderAllMainMenuElement:hover>.HeaderAllMainMenuElementText{
    color: #f5b95b;
}

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

}

.HeaderAllTopButtons{
    display: flex;
}

.HeaderAllTopButtons>div{
    margin-right: 10px;
}

.SignOut{
    cursor: pointer;
}

.ButtonStandartOut>a,.ButtonStandartOut>a:visited{
    text-decoration: none;
}


.ButtonStandart{
    font-weight: 600;
    font-size: 12px;
    min-width: 90px;
    max-width: 150px;
    height: 28px;
    border-radius: 6px;
    line-height: 28px;
    padding-left: 15px;
    padding-right: 15px;
    box-shadow: 0 2px 4px 0 rgba(25, 10, 13, 0.2);
    background: #f5b95b;
    color: white;
    text-align: center;
    text-decoration: none;
    margin: auto;
    cursor: pointer;
}

.ButtonStandart:hover{
    border-color:  #ffb14e;
}

.ButtonStandart:active{
    border-radius: 4px;
    box-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.15);
    background-color: #ffbf58;
}


.LogOutButton{
    margin-top: -9px;
    width: 146px;
    height: 21px;
    background-color: #b63333;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    line-height: 23px;
    border-radius: 6px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

.LogOutButtonNotActive{
    width: 146px;
    height: 21px;
    background-color: gray;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    line-height: 23px;
    border-radius: 6px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.UpdateAdminTitle{
    text-align: center;
    padding-top: 5px;
}

.AdminListElement>div{
    margin-top: 20px;
}
.AdminListElement{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid black;
}

.AdminListElementUsername{
    width: 200px;
}
.AdminListElementEmail{
    width: 200px;
}

.MutationChangePassword{
    width: 200px;
}
.MutationChangeRights{
    width: 200px;
}

.MutationChangeRightsElement{
    margin-left: 10px;
}
.AdminList{
    margin-top: 30px;
}




.AllNewsChangeBigAdmin{
    width: 100%;
}

.AllFAQAdmin{
    padding: 15px;
}

.AllNewsChangeCategory{
    display: flex;
}
.AllFAQCategoryChange{
    display: flex;
}

.AllFAQCategoryChange>div{
    display: flex;
    flex-direction: column;
}

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

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


.UpdateText{
    display: flex;
    margin-top: 10px;
}
.UpdateText>div{
    margin-right: 10px;
}

.AllNewsChange>input{
    width: 600px;

}

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

.AllNewsChangeBigBottomCategory{
    padding-left: 20px;
    padding-right: 20px;
}
@keyframes flash {
    from {
        width: 100px;
        height: 100px;
        border: 2000px solid black;

    }

    to {
        width: 4100px;
        height: 4100px;
        border: 0 solid black;
    }
}

.PageCompany{
    width: 100%;
    min-height: 100%;
    background-color: black;
    position: absolute;
}

.PageCompany>main{
    max-width: 1058px;
    margin: auto;
}


.PageCompany>header>.MainMenuGlobalAll>.MainMenuGlobalFirstPartOut>.MainMenuGlobalFirstPart>.MainMenuGlobalFirstPartBackground>.MainMenuGlobalFirstPartBackgroundStatic{
    opacity: 0.2;
}
.PageCompany>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>a>.MobiusHeaderLogo>.MobiusHeaderLogoText{
    color: #bcddff;
}
@keyframes lineBotttomHref {
    from {
        border-bottom: 0px solid #bcddff;
    }

    to {
        border-bottom: 1px solid #bcddff;
    }
}

.PageCompany>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>.MainMenuGlobalHrefs>a,.PageCompany>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>.MainMenuGlobalHrefs>a:visited{
    color: #bcddff;
    font-size: 13px;
    font-weight: 500;
    animation-name: lineBotttomHref;
    animation-fill-mode: forwards;
    animation-duration: 50ms;
    animation-delay: 1300ms;
}


.PageCompany>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>.MainMenuGlobalHrefs>a:hover{
    color: #20af1b;
}

.PageCompany>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>.MainMenuGlobalHrefs>.MainMenuGlobalLinkActive>.MainMenuLinkUnderline{
    background-color: #bcddff;
}
.PageCompany>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>.MainMenuGlobalHrefs>.MainMenuGlobalLinkActive:hover>.MainMenuLinkUnderline{
    background-color: #20af1b;
}
.PageCompany>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>.MainMenuGlobalHrefs>.MainMenuLink>.MobiusMenuHrefIn>.MainMenuLinkUnderline{
    background-color: #bcddff;
}
.PageCompany>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>.MainMenuGlobalHrefs>.MainMenuLink:hover>.MainMenuLinkUnderline{
    background-color: #20af1b;
}


.PageCompany>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>a>.MainMenuGlobalHrefMobius{
    color: #1466b4;
    border-bottom: 1px solid #1466b4;
}
.PageCompany>header>div>.MainMenuGlobalHrefsBorder {
    background-color: #bcddff;
}

.PageCompanyCircleFon{
    background-image: url(assets/34c611f16682b9939b03.png);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden;
}


.PageCompanyCircleFonIn{
    position: absolute;
    width: 4100px;
    height: 4100px;
    border: 0 solid black;
    animation-name: flash;
    animation-duration: 4s;
    /*animation-duration: 200ms;*/
    border-radius: 50%;
    right: -1500px;
    top: -1700px;
}



.PageCompanyMain{
    display: grid;
    grid-template-columns: 350px auto;
    grid-column-gap: 20px;
    position: relative;
    z-index: 5;
    color: white;
}

.PageCompany>.MainMenuGlobal{
    max-width: 1058px;
}

.PageCompanyMainTitle{
    color: white;
    font-size: 52px;
    text-align: left;
    width: auto;
    font-weight: 100;

}

@keyframes forCompanyTitle01 {
    from {
        left: -800px;
    }

    to {
        left: 0;
    }
}

.PageCompanyMainTitleIn01{
    animation-name: forCompanyTitle01;
    animation-duration: 150ms;
    animation-delay: 1300ms;
    /*animation-delay: 100ms;*/

    animation-fill-mode: forwards;
    left: -800px;
    position: relative;
}
@keyframes forCompanyTitle02 {
    from {
        left: -800px;
    }

    to {
        left: 0;
    }
}

.PageCompanyMainTitleIn02{
    animation-name: forCompanyTitle02;
    animation-duration: 150ms;
    animation-delay: 1400ms;
    animation-fill-mode: forwards;
    left: -800px;
    position: relative;
}
@keyframes forCompanyTitle03 {
    from {
        left: -800px;
    }

    to {
        left: 0;
    }
}

.PageCompanyMainTitleIn03{
    animation-name: forCompanyTitle03;
    animation-duration: 150ms;
    animation-delay: 1500ms;
    animation-fill-mode: forwards;
    left: -800px;
    position: relative;
}

@keyframes forPageCompanyMainText {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.PageCompanyMainText{
    color: white;
    font-size: 19px;
    text-align: left;
    width: auto;
    font-weight: 100;
    line-height: 25px;
    animation-name: forPageCompanyMainText;
    animation-duration: 500ms;
    animation-delay: 1300ms;
    animation-fill-mode: forwards;
    opacity: 0;
}

@keyframes PageCompanyOurClientsTitleAnimation {
    from {
        color: rgba(256,256,256,0);
        top: -60px;
    }
    to {
        color: rgba(256,256,256,1);
        top: 0;
    }
}

.PageCompanyOurClientsTitle{
    color: rgba(256,256,256,0);
    position: relative;
    font-size: 38px;
    font-weight: 100;
    /*color: white;*/
    top: -60px;
    text-align: center;
    animation-name: PageCompanyOurClientsTitleAnimation;
    animation-duration: 600ms;
    animation-delay: 1700ms;
    animation-fill-mode: forwards;
}


@keyframes PageCompanyOurClientsGridOutAnimation {
    from {
        height: 0;
        margin-top: 0;
    }
    to {
        height: 64px;
        margin-top: 32px;
    }
}

.PageCompanyOurClientsGrid{

    display: flex;
    justify-content: space-around;
    animation-name: PageCompanyOurClientsGridOutAnimation;
    animation-duration: 600ms;
    animation-delay: 1300ms;
    animation-fill-mode: forwards;
}

@keyframes PageCompanyOurClientsGridAnimation {
    from {
        height: 0;
    }
    to {
        height: 64px;
    }
}

.PageCompanyOurClientsGrid>img{
    animation-name: PageCompanyOurClientsGridAnimation;
    height: 0;
    animation-duration: 600ms;
    animation-delay: 1700ms;
    animation-fill-mode: forwards;
}


.PageCompanyOurClientsTitle>b{
    padding-right: 10px;
    padding-left: 10px;
}

.PageCompanyOurClientsOutOut{
    display: flex;
    justify-content: flex-end;
}
.PageCompanyOurClientsOut{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 767px;
    height: 200px;
}


@keyframes PageCompanyOurClientsAnimation {
    from {
        width: 0;
        height: 0;
        border-radius: 0;
        padding: 19px 19px 33px 19px;

        border: rgba(256,256,256,0.2) 1px solid;
    }
    to {
        width: 727px;
        height: auto;
        padding: 19px 19px 33px 19px;

        border-radius: 20px;
        border: rgba(256,256,256,0.2) 1px solid;
    }
}




.PageCompanyOurClients{
    margin: 50px 20px 15px;
    position: relative;
    z-index: 30;

    animation-name: PageCompanyOurClientsAnimation;
    animation-duration: 200ms;
    animation-delay: 1300ms;
    animation-fill-mode: forwards;

}




@media only screen and (max-width: 800px) {
    .PageCompanyOurClientsGrid{
        animation-name: none;
        height: auto;
    }
    .PageCompanyOurClientsGrid>img{
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
    }
    .PageCompanyOurClientsOut{
        height: auto;
    }
}

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


    @keyframes PageCompanyOurClientsAnimation800 {
        from {
            width: 0;
            height: 0;
            padding: 0;
            border-radius: 0;
            border: rgba(256,256,256,0.2) 1px solid;
        }
        to {
            width: auto;
            height: auto;
            padding: 19px 19px 33px 19px;
            border-radius: 20px;
            border: rgba(256,256,256,0.2) 1px solid;
        }
    }


    .PageCompanyOurClientsGrid{
        flex-wrap: wrap;
    }
    .PageCompanyOurClients{
        animation-name: PageCompanyOurClientsAnimation800;
        animation-duration: 600ms;
        animation-delay: 1300ms;
        animation-fill-mode: forwards;
        width: auto;
    }
}

@media only screen and (max-width: 500px) {
    .PageCompanyOurClientsTitle{
        font-size: 30px;
    }
    .PageCompanyOurClientsGrid>img{
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 20px;
    }
}



@media only screen and (max-width: 420px) {
    .PageCompanyOurClientsTitle{
        font-size: 16px;
    }
}




.PageCompany>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>a>.MainMenuGlobalHrefMobius>.mobiusTraderLogoWhiteActive{
    display: block;
}
.PageCompany>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>a>.MainMenuGlobalHrefMobius>.mobiusTraderLogoBlackNo{
    display: none;
}

@media only screen and (max-width: 900px) {
    .PageCompanyMain {
        display: block;
    }
    .PageCompanyMainTitle{
        padding-bottom: 30px;
    }
}

@media only screen and (max-width: 500px) {
    .PageCompanyMainTitle{
        font-size: 30px;
    }
}

.MainMenuGlobal{
    margin: auto;
    /*position: relative;*/
    height: 180px;
    max-width: 1058px;
}

.PageCompany>header{
    /*position: relative;*/
    z-index: 6;
}

.AllBlack{
    background-color : #000;
    height : 100%;
    left : 0;
    opacity : 0.50;
    position : fixed;
    top : 0;
    width : 100%;
    z-index : 100;
}

.MainMenuGlobalFirstPartSVG,.MainMenuGlobalFirstPartSVGHover{
    padding-right: 6px;
}

.MainMenuGlobalFirstPartSVGHover{
    display: none;
}

.MainMenuGlobalFirstPart:hover>.MainMenuGlobalFirstPartIn>.MainMenuGlobalFirstPartSVGHover{
    display: block;
}
.MainMenuGlobalFirstPart:hover>.MainMenuGlobalFirstPartIn{
    color: #20af1b;
}
.MainMenuGlobalFirstPart:hover>.MainMenuGlobalFirstPartIn>.MainMenuGlobalFirstPartSVG{
    display: none;
}

@keyframes forMainMenuGlobalFirstPartOut {
    from {
        visibility: hidden;
        top: -300px;
    }

    to {
        top: 0;
        visibility: visible;
    }
}


.MainMenuGlobalFirstPartOut{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 44px;
    cursor: pointer;
    /*position: relative;*/
    z-index: 20;
    /*animation-name: forMainMenuGlobalFirstPartOut;*/
    /*visibility: hidden;*/
    animation-duration: 200ms;
    animation-fill-mode: forwards;
    animation-delay: 200ms;
    top: 0;
    visibility: visible;
}

.MainMenuGlobalFirstPart{
    color: #ebf0f6;
    font-size: 13px;
    padding-left: 2px;
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    top: -7px;
}

.MainMenuGlobalFirstPartBackground{
    display: flex;
    justify-content: center;
}

.MainMenuGlobalFirstPartBackground>.MainMenuGlobalFirstPartBackgroundHover{
    display: none;
}
.MainMenuGlobalFirstPartBackground:hover>.MainMenuGlobalFirstPartBackgroundHover{
    display: block;
}
.MainMenuGlobalFirstPartBackground:hover>.MainMenuGlobalFirstPartBackgroundStatic{
    display: none;
}

.MainMenuGlobalFirstPartBackground>.MainMenuGlobalFirstPartIn>.MainMenuGlobalFirstPartSVGHover{
    display: none;
}
.MainMenuGlobalFirstPartBackground:hover>.MainMenuGlobalFirstPartIn>.MainMenuGlobalFirstPartSVGHover{
    display: block;
}
.MainMenuGlobalFirstPartBackground:hover>.MainMenuGlobalFirstPartIn>.MainMenuGlobalFirstPartSVG{
    display: none;
}

.MainMenuGlobalFirstPartBackground:hover>.MainMenuGlobalFirstPartIn{
    color: white;
}

.MainMenuLink{
    text-decoration: none;
}

/*.MainMenuLink:nth-of-type(4){*/
/*    display: none;*/
/*}*/

.MainMenuGlobalFirstPartIn{
    position: absolute;
    text-decoration: underline;
    color: #1466b6;
    top: 14px;
    display: flex;
    align-items: center;
    margin: auto;
}

.MainMenuGlobalFirstPart:hover{
    color: red;
}
.MainMenuGlobalFirstPart:active{
    color: #bfcde1;
}

.MainMenuGlobalSecondPart>a,.MainMenuGlobalSecondPart>a:visited{
    text-decoration: none;
    color: #1466b4;
    position: relative;
}

.MainMenuGlobalHrefs>div>a,.MainMenuGlobalHrefs>div>a:visited{
    color: #1466b4;
}

.MainMenuGlobalHrefs>div>a:hover{
    color: #81af1b;
}

.EnterPersonalClient{
    top: 0;
    width: 375px;
    height: 329px;
    position: fixed;
    left: 50%;
    margin-left: -140px;
    background-color: white;
    z-index: 200;
    border: 1px black solid;
}


@media only screen and (max-width: 550px) {
    .EnterPersonalClient{
        left: 0;
        margin-left: 0;
    }
}


.EnterPersonalClientIn{
    padding: 30px 30px 34px 30px;
    position: relative;
    z-index: 200;
}

@media only screen and (max-width: 375px) {
    .EnterPersonalClient{
        width: 100%;
    }
    .EnterPersonalClientIn{
        padding-left: 5px;
        padding-right: 5px;
    }
}

.LoginToCabinetForm>.PersonalPageInput01,.DemoRegistrationForm>.PersonalPageInput{
    padding-top: 10px;
    padding-bottom: 2px;
    margin-top: 10px;
}

.LoginToCabinetForm>.PersonalPageInput02{
    padding-bottom: 6px;
}

@keyframes forMobiusHeaderLogo {
    from {
        visibility: hidden;
        left: -300px;
    }

    to {
        left: 0;
        visibility: visible;
    }
}
.MobiusHeaderLogo{
    display: inline-flex;
    position: relative;
    z-index: 5;
    animation-name: forMobiusHeaderLogo;
    animation-duration: 300ms;
    animation-fill-mode: forwards;
    animation-delay: 200ms;
    left: 0;
    visibility: hidden;
}


.MainMenuGlobalSecondPart{
    display: grid;
    grid-template-columns: auto minmax(308px, 500px) auto ;
    justify-content: space-between;
    align-items: center;
    margin-top: 1px;
}

@media only screen and (max-width: 1100px) {
    .MainMenuGlobalSecondPart{
        padding-left: 30px;
    }
}
@media only screen and (max-width: 696px) {
    .MainMenuGlobalSecondPart{
        margin-top: 15px;
    }
}

.MainMenuGlobalHrefs{
    display: flex;
    grid-column: 2;
    justify-content: space-between;
    font-size: 14px;
    /*position: relative;*/
    z-index: 10;
    /*animation-name: forMainMenuGlobalFirstPartOut;*/
    /*visibility: hidden;*/
    animation-duration: 400ms;
    animation-fill-mode: forwards;
    animation-delay: 200ms;
    visibility: visible;
    margin-right: 50px;
}




.MainMenuGlobalHrefsBorder{
    position: absolute;
    height: 1px;
    width: 0;
    background-color: white;
    z-index: 500;
}

.MainMenuGlobalMobius7{
    position: relative;
    z-index: 5;
}


@keyframes forMainMenuGlobalHrefMobius {
    from {
        visibility: hidden;
        left: 300px;
    }

    to {
        left: 0;
        visibility: visible;
    }
}
.MainMenuGlobalSecondPart>.MainMenuGlobalHrefMobius {
    right: 40px;
}
.MainMenuGlobalSecondPart>a>.MainMenuGlobalHrefMobius{
    /*animation-name: forMainMenuGlobalHrefMobius;*/
    /*visibility: hidden;*/
    text-decoration: none;
    display: flex;
    color: black;
    z-index: 5;
    animation-duration: 400ms;
    animation-fill-mode: forwards;
    animation-delay: 200ms;
    position: relative;
    visibility: visible;
    margin-top: 5px;
}



.MainMenuGlobalSecondPart>a>.MainMenuGlobalHrefMobius:hover{
    color: #20af1b;
}



.MobiusHeaderLogoText{
    font-weight: normal;
    font-size: 21px;
    line-height: 23px;
    color: black;
    padding-left: 12px;
    padding-top: 3px;
}

.MainMenuGlobalFirstPartText{
    padding-left: 5px;
}

.EnterPersonalClientTitle{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: lighter;
    font-size: 30px;
    padding-bottom: 20px;
}

.EnterPersonalClientTitle>div>img{
    cursor: pointer;
}

.EnterPersonalClientIn{}

.EnterPersonalClientIn>.ButtonWhiteOut{
    display: flex;
}
.EnterPersonalClientIn>.ButtonWhiteOut>.ButtonWhite{
    font-size: 18px;
    padding: 10px 37px 10px 37px;
}

.LoginToCabinetForm>.PersonalPageInput,.DemoRegistrationForm>.PersonalPageInput{

    width: 280px;
    margin-right: 60px;
}

.LoginToCabinetForm>.PersonalPageInput>label>input,.DemoRegistrationForm>.PersonalPageInput>label>input{
    width: 315px;
}

.LoginToCabinetForm>.PersonalPageInput,.DemoRegistrationForm>.PersonalPageInput{
    position: relative;
    z-index: 5;
    width: 320px;
    margin-bottom: 30px;
}

.PersonalPageInput>label{
    position: relative;
    z-index: 5;
}

.PersonalPageInput>label>input:hover {
    background-color: #eeeeee;
}

.PersonalPageInput>label>input:focus{
    outline: 0;
    outline-offset: 0;
    background: none;
}

.PersonalPageInput>label>input:focus + span {
    transform: translateY(-14px) scale(.75);
    opacity: 1;
}

.PersonalPageInput>label>input:not(:placeholder-shown) + span {
    transform: translateY(-14px) scale(.75);
    color: #f5b95b;
    opacity: 1;
}
.LoginToCabinetForm>.PersonalPageInput>label,.DemoRegistrationForm>.PersonalPageInput>label{
    position: relative;
    z-index: 5;
}

.LoginToCabinetForm>.PersonalPageInput>label>input:hover,.DemoRegistrationForm>.PersonalPageInput>label>input:hover {
    background-color: #eeeeee;
}

.LoginToCabinetForm>.PersonalPageInput>label>input:focus,.DemoRegistrationForm>.PersonalPageInput>label>input:focus{
    outline: 0;
    outline-offset: 0;
    background: none;
}

.LoginToCabinetForm>.PersonalPageInput>label>input:focus + span,.DemoRegistrationForm>.PersonalPageInput>label>input:focus + span {
    transform: translateY(-14px) scale(.75);
    opacity: 1;
}

.LoginToCabinetForm>.PersonalPageInput>label>input:not(:placeholder-shown) + span,.DemoRegistrationForm>.PersonalPageInput>label>input:not(:placeholder-shown) + span {
    transform: translateY(-14px) scale(.75);
    color: #f5b95b;
    opacity: 1;
}

.LoginToCabinetForm>.PersonalPageInput02>label>input, .LoginToCabinetForm>.PersonalPageInput01>label>input,.DemoRegistrationForm>.PersonalPageInput>label>input{
    color: black;
}

.LoginToCabinetForm>.PersonalPageInput>label>.TextPlaceHolder,.DemoRegistrationForm>.PersonalPageInput>label>.TextPlaceHolder {
    width: 100%;
    position: absolute;
    top: 8px;
    left: 0;
    font-size: 17px;
    color: #190a0d;
    opacity: 0.5;
    font-weight: 400;
    transform-origin: 0 0;
    transition: all .2s ease;
}


.LoginToCabinetForm>.PersonalPageInput>label>input,.DemoRegistrationForm>.PersonalPageInput>label>input {
    border: 0;
    padding: 5px 0;
    font-size: 20px;
    font-weight: 400;
    border-bottom: 1px solid rgba(25, 10, 13, 0.3);
    background: none;
    transition: all .15s ease;
}

.PersonalPageInputError{
    position: relative;
    z-index: 5;
}

.LoginToCabinetForm>.PersonalPageInputError>label>input,.DemoRegistrationForm>.PersonalPageInputError>label>input{
    border-bottom: 2px solid red;
    color: red;
}
.SignInform>.PersonalPageInputError>label>.TextPlaceHolder{
   color:  red;
}
.EnterPersonalClientIn>.LoginToCabinetForm>.PersonalPageInputError>label>.TextPlaceHolder{
   color:  #ff1010;
    font-size: 11px;
}

.PersonalPageInputErrorText{
    display: none;
}

.PersonalPageInputError>label>.PersonalPageInputErrorText{
    display: flex;
    position: absolute;
    top: -19px;
    left: 318px;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    color: white;
    background-image: url(assets/5eff0fcfa0ea602fccbd.png);
    background-size: 305px 46px;
    width: 305px;
    height: 46px;
}

@media only screen and (max-width: 1100px) {
    .PersonalPageInputError>label>.PersonalPageInputErrorText{
        position: absolute;
        display: block;
        top: -25px;
        left: 100px;
        background-image: url(assets/4e979a1136953f66b62c.svg);
        background-size: 218px 41px;
        width: 218px;
        height: 41px;
        text-align: center;
        line-height: 35px;
    }

}

.MainMenuGlobalMobius7Demo{
    width: 212px;
    height: 48px;
    background-image: url(assets/c9dfa41c80d571b781fa.svg);
    background-size: 212px 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}


.MainMenuGlobalMobius7DemoText{
    color: #d6dde4;
    font-size: 16px;
    padding-left: 15px;
    padding-right: 25px;
}

.DemoRegistration{
    width: 379px;
    height: 252px;
    position: fixed;
    left: 50%;
    margin-left: -140px;
    background-color: white;
    z-index: 200;
    top: 0;
    border: 1px black solid;
}

.DemoRegistrationIn{
    padding: 30px 31px 0 31px;
}

.DemoInfoAfterRegistration{
    width: 667px;
    height: 314px;
    position: fixed;
    left: 50%;
    top: 30%;
    margin-left: -330px;
    background-color: white;
    z-index: 200;
    border: 1px black solid;
}

.DemoInfoAfterRegistrationIn{
    padding: 30px 31px 0 31px;
}

.DemoInfoAfterRegistrationMain{
    display: grid;
    grid-template-columns: 90px auto;
    grid-column-gap: 30px;
    margin-top: 10px;
    margin-bottom: 43px;
}

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

/*.DemoInfoAfterRegistrationIn>.ButtonWhiteOut>a>.ButtonWhite{*/
/*    font-size: 18px;*/
/*}*/

.DemoInfoAfterRegistrationBottomText{
    padding-left: 40px;
}

.DemoInfoAfterRegistrationMainInfoTitle{
    font-size: 19px;
    padding-bottom: 10px;
}
.DemoInfoAfterRegistrationMainInfoElement{
    font-size: 19px;
    padding-top: 9px;
    display: grid;
    grid-template-columns: 120px auto;
}

.DemoInfoAfterRegistrationMainInfoElement{
    font-size: 19px;
}

@media only screen and (max-width: 1000px) {
.MobiusHeaderLogoText{
    display: none;
}
    .MainMenuGlobalHrefs>a{
        margin-bottom: 15px;
    }
    .MainMenuGlobalHrefs{
        padding-left: 10px;
        display: flex;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 700px) {
    .MainMenuGlobalSecondPart{
        grid-template-columns: auto auto auto;
    }
    .MainMenuLinkDiv{
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 5px;
    }

}

@media only screen and (max-width: 500px) {
    /*.MainMenuGlobalMobius7{*/
    /*    display: none;*/
    /*}*/
    .MainMenuGlobalFirstPartOut{
        display: grid;
        grid-template-columns: auto auto;
        height: auto;
    }
    .MainMenuGlobalFirstPart{
        grid-column: 2;
        grid-row: 1;
    }
    .DemoRegistration{
        left: 0;
        margin-left: auto;
        width: 100%;
    }
    .MainMenuGlobalMobius7{
        grid-column: 1/ span2;
        grid-row: 2;
    }
    /*.MainMenuGlobalSecondPart>a>.MainMenuGlobalHrefMobius,.MainMenuGlobalMobius7{*/
    /*    grid-column: 2;*/
    /*    grid-row: 1;*/

    /*}*/
    .MainMenuGlobalSecondPart{
        grid-template-columns: auto auto;
    }
    .MainMenuGlobalHrefs>a{
        margin-left: 0;
    }
    .MainMenuGlobalHrefs{
        margin-top: 15px;
        grid-column: 1/span 2;
        grid-row: 2;
        justify-content: space-between;
    }
    .MainMenuGlobalHrefMobius{
        display: flex;
        justify-content: flex-end;
    }
    .MainMenuGlobalFirstPartOut{
        justify-content: space-around;
    }
}

.EnterPersonalClientIn>.SignInform>.ButtonWhiteOut>.ButtonWhite{
    font-weight: bold;
    font-size: 18px;
    height: 58px;
    width: 128px;
}


@keyframes MainMenuGlobalLinkActive {
    from {
        width: 0;
        left: 50%;
    }

    to {
        width: 100%;
        left: 0;
    }
}


@keyframes MainMenuMovingLineFrame {
    from {
        top: var(--TopStart);
        left: var(--LeftStart);
        width: var(--widthStart);
    }
    to {
        top: var(--TopEnd);
        left: var(--LeftEnd);
        width: var(--widthEnd);
    }
}

/*.MainMenuGlobalHrefs>.MainMenuLink>.MainMenuMovingLine{*/
/*    position: absolute;*/
/*}*/

.MainMenuLink01{
    --TopStart: 1px;
    --LeftStart: 0;
    --widthStart: 100%;
    --TopEnd: 0;
    --LeftEnd: 20px;
    --widthEnd: 200px;
    animation-fill-mode: forwards;
    animation-duration: 700ms;
}

.MainMenuLink05{
    --TopStart: 1px;
    --LeftStart: 0;
    --widthStart: 100%;
    --TopEnd: 0;
    --LeftEnd: 20px;
    --widthEnd: 200px;
    animation-fill-mode: forwards;
    animation-duration: 700ms;
}

.MainMenuGlobalLinkActive{
    position: relative;
    border-bottom: unset;
    text-decoration: none;
}
.MainMenuGlobalHrefInsteadOfA{
    cursor: pointer;
}
.MainMenuGlobalHrefInsteadOfAActive{
    cursor: auto;
}

.MainMenuLink>.MobiusMenuHrefIn>.MainMenuLinkUnderline{
    height: 1px;
    width: 0;
    position: relative;

    top: 2px;
    animation-name: MainMenuGlobalLinkActive;
    animation-fill-mode: forwards;
    animation-delay: 300ms;
    animation-duration: 700ms;

}

.MainMenuLinkActive{
    text-decoration: none;
}

.MainMenuLinkActive>.MobiusMenuHrefIn>.MainMenuLinkUnderline{
    height: 3px;
    /*width: 0;*/
    top: 1px;
}

.mobiusTraderLogoBlackActive,.mobiusTraderLogoWhiteActive,.mobiusTraderLogoWhiteNo{
    display: none;
}

/*удалить что ниже */
.MainMenuGlobalMobius7Text{
    font-weight: 100;
    font-size: 21px;
    line-height: 23px;
    position: relative;
    z-index: 5;
    top: 5px;
}

.MainMenuGlobalMobius7Seven{
    font-weight: 100;
    font-size: 54px;
    position: relative;
    z-index: 5;
    margin-left: 6px;
    top: 0;
}

@media only screen and (max-width: 800px) {
    .MainMenuLink,.MainMenuLinkActive{
        /*padding: 10px 20px 1px 20px;*/
        margin: 10px 20px 1px 20px;
    }
    .TopVidgets01{
        margin-top: 30px;
    }
}


@media only screen and (max-width: 800px) {
    .MainMenuGlobal{
        height: auto;
        min-height: 180px;
    }
}

.CheckLanguageOutOut{
    position: relative;
    display: flex;
    cursor: pointer;
    justify-content: flex-end;
    top: -1px;
    left: 60%;
    z-index: 100;
}


.CheckLanguage{
    display: flex;
}

.CheckLanguageImg{
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 5px;
}

.CheckLanguageImg>img {
    border-radius: 9px;
}

.CheckLanguageTitle{
    font-weight: 500;
    font-size: 13px;
    color: #1466b4;
    text-decoration: underline;
}
.CheckLanguageTitle:hover{
    color: #20af1b;
}

@media only screen and (max-width: 900px) {
.MainMenuGlobalFirstPart{
    left: -20%;
}
    .CheckLanguageOutOut{
        left: 45%;
    }
}

@media only screen and (max-width: 650px) {
    .CheckLanguageOutOut{
        left: 40%;
    }
}

.CheckLanguageOut>a{
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 800px) {
    .CheckLanguageOutOut>.CheckLanguageOut>a>.CheckLanguage>.CheckLanguageTitle{
        display: block;
    }
}

@media only screen and (max-width: 500px) {
        .CheckLanguageOutOut{
            position: relative;
            left: -10px;
            top: -5px;
    }
    .MainMenuGlobalFirstPart{
        left: 0;
    }
}
@media only screen and (max-width: 410px) {
    .MainMenuGlobalFirstPartOut{

    }
        .CheckLanguageOutOut{
            position: static;
            top: 100px;
            left: -1px;
    }
}

.CheckLanguageOut{
    width: 92px;
    height: 123px;
    background-color: white;
    box-shadow: 0 4px 10px 0 rgba(0, 51, 100, 0.25);
    border-radius: 3px;
    position: absolute;
    z-index: 150;
    padding: 14px 14px 10px 17px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    top: 1px;
    left: 2px;
}


.CheckLanguageNo{
    display: none;
}

.CheckLanguage{
    display: flex;
    align-items: center;
}

.CheckLanguageImg{
    padding-right: 10px;
}

.CheckLanguageOutLinkActive{
    color: black;
    text-decoration: none;
}

.PageCompanyNews{
    position: relative;
    z-index: 5;
    overflow: hidden;
}

.PageCompanyNewsTop{
    display: flex;
    justify-content: space-between;
    padding-bottom: 40px;
    animation-name: forPageCompanyMainText;
    animation-duration: 500ms;
    animation-delay: 1300ms;
    animation-fill-mode: forwards;
    opacity: 0;
}

.PageCompanyNewsTopTitle{
    color: white;
    font-size: 41px;
    text-align: left;
    font-weight: 100;
}

.PageCompanyNewsMain{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px;
}

@keyframes forPageCompanyNewsMainElement {
    from {
        top: 600px;
    }

    to {
        top: 0;
    }
}

.PageCompanyNewsMainElement{
    padding-right: 50px;
    animation-name: forPageCompanyNewsMainElement;
    animation-duration: 1600ms;
    animation-delay: 900ms;
    animation-fill-mode: forwards;
    position: relative;
    top: 600px;
}

@keyframes forPageCompanyNewsTopButton {
    from {
        right: -600px;
    }
    to {
        right: 0;
    }
}

.PageCompanyNewsTopButton{
    padding-right: 50px;
    animation-name: forPageCompanyNewsTopButton;
    animation-duration: 1600ms;
    animation-delay: 900ms;
    animation-fill-mode: forwards;
    position: relative;
    right: -600px;
}


.PageCompanyNewsMainElement:nth-of-type(2){
    animation-delay: 1500ms;
}
.PageCompanyNewsMainElement:nth-of-type(3){
    animation-delay: 1800ms;
}

.PageCompanyNewsMainElementDate{
    color: white;
    font-size: 11px;
    font-weight: 700;
    padding-bottom: 10px;
    line-height: 28px;
}

.PageCompanyNewsMainElementTitle{
    color: #bcddff;
    font-size: 17px;
    font-weight: 400;
    padding-bottom: 10px;
    line-height: 25px;
}

.PageCompanyNewsMainElementText{
    color: white;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
}

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

    .PageCompanyNewsMainElement{
        padding-right: 10px;
    }
    .PageCompanyNews{
        margin-top: 40px;
    }
}


.PageCompanyNewsCircles{
    display: none;
}
.PageCompanyNewsCircles>div{
    width: 48px;
    height: 48px;
    opacity: 0.2;
    background-color: white;
    margin-right: 20px;
    margin-left: 20px;
    border-radius: 50%;
    cursor: pointer;
}

.PageCompanyNewsCircles>.NewsActive{
    opacity: 0.7;
    cursor: auto;
}

@media only screen and (max-width: 800px) {
    .PageCompanyNewsMainElement:nth-of-type(3){
        display: none;
    }
    .PageCompanyNewsMain{
        grid-template-columns: 1fr 1fr;
    }
}
@media only screen and (max-width: 500px) {
    .PageCompanyNewsMainElement{
        animation-name : none;
        top: 0;
    }
    .PageCompanyNewsTop{
        padding-bottom: 10px;
    }

    .PageCompanyNewsMainElementText{
        padding-bottom: 15px;
    }
    .PageCompanyNewsMainElement:nth-of-type(2){
        display: none;
    }
    .PageCompanyNewsMain{
        display: block;
    }
    .PageCompanyNewsCircles{
        display: flex;
        justify-content: center;
        padding-bottom: 18px;
        position: relative;
        z-index: 6;
    }
    .PageCompanyNewsMain>.NewsActiveNot{
        display: none;
    }
    .PageCompanyNewsMain>.NewsActive{
        display: block;
    }
}
.AllPagesElement>main>.PageVacanciesGrid{
    background-color: blue;
}

.PageVacanciesBackgroundElementBlueBig{
    background-color: #0035b3;
    position: fixed;
    height: 100%;
    width: 100%;
}

.AllPagesElement>main>.PageVacanciesGrid>.PageVacanciesGridAllVacancies>.VacancyElement>.VacancyElementHidden
{
    display: block;
}

.PageVacancies>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>.MainMenuGlobalHrefMobius>.MainMenuGlobalHrefMobius>.mobiusTraderLogoBlackNo{
    display: none;
}
.PageVacancies>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>.MainMenuGlobalHrefMobius>.MainMenuGlobalHrefMobius>.mobiusTraderLogoWhiteActive{
    display: block;
}

.PageVacancies{
    min-height: 900px;
    height: 100%;
    position: relative;
    padding-bottom: 30px;
}

.PageVacancies>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>a>.MobiusHeaderLogo>.MobiusHeaderLogoText{
    color: white;
}
.PageVacancies>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>.MainMenuGlobalHrefs>div>a{
    color: #bcddff;
    font-size: 13px;
    font-weight: 500;
}
.PageVacancies>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>.MainMenuGlobalHrefs>div>a>.MainMenuLinkUnderline{
    background-color: white;
}
.PageVacancies>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>.MainMenuGlobalHrefMobius{
    color: white;
    border-bottom: 1px solid white;
}
.PageVacancies>header>.MainMenuGlobalAll>.MainMenuGlobalFirstPartOut>.CheckLanguageOutOut>.CheckLanguage>.CheckLanguageTitle{
    color: white;
}

.PageVacancies>header>div>.MainMenuGlobalHrefsBorder {
    background-color: white;
}

.PageVacanciesGrid{
    display: grid;
    grid-template-columns: 350px auto;
    position: relative;
    z-index: 5;
    color: white;
}

.PageVacanciesGridAllVacancies{
    position: relative;
}

.PageVacanciesGridTitle{
    color: white;
    font-size: 52px;
    text-align: left;
    width: auto;
    font-weight: 100;
    position: relative;
}

.PageVacanciesBackgroundElement01{
    position: absolute;
    left: 2%;
    z-index: 2;
}
.PageVacanciesBackgroundElement02{
    position: absolute;
    top: 143px;
    left: 20%;
    z-index: 2;
}
.PageVacanciesBackgroundElement03{
    position: absolute;
    top: 108px;
    left: 70%;
    z-index: 2;
}

.PageVacancies>main{
    max-width: 1058px;
    margin: auto;
}

.PageVacanciesGridAllVacancies>div{
    margin-bottom: 28px;
}

@keyframes forVacancies {
    from {
        opacity: 0;
        top: -50px;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

.PageVacanciesGridAllVacancies>div:first-of-type{
    animation-name: forVacancies;
    animation-duration: 300ms;
    animation-fill-mode: forwards;
    animation-delay: 600ms;
    top: 0;
    opacity: 0;
}
.PageVacanciesGridAllVacancies>div:nth-of-type(2){
    animation-name: forVacancies;
    animation-duration: 300ms;
    animation-fill-mode: forwards;
    animation-delay: 900ms;
    top: 0;
    opacity: 0;
}
.PageVacanciesGridAllVacancies>div:nth-of-type(3){
    animation-name: forVacancies;
    animation-duration: 300ms;
    animation-fill-mode: forwards;
    animation-delay: 1200ms;
    top: 0;
    opacity: 0;
}

.PageVacancies>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>.MainMenuGlobalHrefMobius>.mobiusTraderLogoWhiteActive{
    display: block;
}
.PageVacancies>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>.MainMenuGlobalHrefMobius>.mobiusTraderLogoBlackNo{
    display: none;
}


@keyframes forVacanciesBackgroundElement01 {
    from {
        top: 0;
    }

    to {
        top: 472px;
    }
}

.PageVacanciesBackgroundElement01{
    animation-name: forVacanciesBackgroundElement01;
    animation-duration: 1200ms;
    animation-fill-mode: forwards;
}

.PageVacanciesBackgroundElementIMG01,.PageVacanciesBackgroundElementIMG02,.PageVacanciesBackgroundElementIMG03{
    position: relative;
}

@keyframes forVacanciesBackgroundElement02 {
    from {
        top: -329px;
    }

    to {
        top: 143px;
    }
}

.PageVacanciesBackgroundElement02{
    animation-name: forVacanciesBackgroundElement02;
    animation-duration: 600ms;
    animation-fill-mode: forwards;
}
@keyframes forVacanciesBackgroundElement03 {
    from {
        top: -364px;
    }

    to {
        top: 108px;
    }
}

.PageVacanciesGridTitle>div{
    position: relative;
}

.PageVacanciesBackgroundElement03{
    animation-name: forVacanciesBackgroundElement03;
    animation-duration: 800ms;
    animation-fill-mode: forwards;
}
@keyframes forVacanciesTitle01 {
    from {
        left: -1000px;
    }

    to {
        left: 0;
    }
}

.PageVacanciesGridTitle01{
    animation-name: forVacanciesTitle01;
    animation-duration: 300ms;
    animation-delay: 600ms;
    animation-fill-mode: forwards;
    left: -1000px;
}
@keyframes forVacanciesTitle02 {
    from {
        left: -1000px;
    }

    to {
        left: 0;
    }
}

.PageVacanciesGridTitle02{
    animation-name: forVacanciesTitle02;
    animation-duration: 300ms;
    animation-delay: 900ms;
    animation-fill-mode: forwards;
    left: -1000px;
}
@keyframes forVacanciesTitle03 {
    from {
        left: -1000px;
    }

    to {
        left: 0;
    }
}

.PageVacanciesGridTitle03{
    animation-name: forVacanciesTitle03;
    animation-duration: 300ms;
    animation-delay: 1200ms;
    animation-fill-mode: forwards;
    left: -1000px;
}
@media only screen and (max-width: 1000px) {
    .PageVacanciesGrid{
        display: block;
    }
    .PageVacanciesGridTitle{
        font-size: 30px;
        padding-bottom: 30px;
    }
}
@media only screen and (max-width: 500px) {
    .PageVacanciesBackgroundElement01{
        left: -100px;
    }.PageVacanciesBackgroundElement02{
        display: none;
    }.PageVacanciesBackgroundElement03{
                  left: 200px;
    }
}

@keyframes FonVacanciess {
    from {
        width: 400px;
        height: 400px;
        left: 400px;
        top: 400px;
    }

    to {
        width: 2400px;
        height: 2400px;
        left: -600px;
        top: -600px;
    }
}


@keyframes forGridAllVacanciesExit {
    from {
        right: 0;
    }

    50% {
        right: 40px;
    }

    to {
        right: -1500px;

    }
}

.PageVacanciesGridAllVacanciesExit{
    animation-name: forGridAllVacanciesExit;
    animation-duration: 2400ms;
    animation-fill-mode: forwards;
}

@keyframes forBackgroundElementIMGExit01 {
    from {
        top: 472px;
    }

    50% {
        top: 512px;
    }

    to {
        top: -1500px;
    }
}

.PageVacanciesBackgroundElementIMGExit1{
    animation-name: forBackgroundElementIMGExit01;
    animation-duration: 2600ms;
    animation-fill-mode: forwards;
}
@keyframes forBackgroundElementIMGExit02 {
    from {
        top: 143px;
    }

    50% {
        top: 183px;
    }

    to {
        top: -1500px;
    }
}

.PageVacanciesBackgroundElementIMGExit2{
    animation-name: forBackgroundElementIMGExit02;
    animation-duration: 2600ms;
    animation-fill-mode: forwards;
}

@keyframes forBackgroundElementIMGExit03 {
    from {
        top: 108px;
    }

    50% {
        top: 148px;
    }

    to {
        top: -1500px;
    }
}

.PageVacanciesBackgroundElementIMGExit3{
    animation-name: forBackgroundElementIMGExit03;
    animation-duration: 2600ms;
    animation-fill-mode: forwards;
}


@keyframes forPageVacanciesGridTitleExit {
    from {
        top: 0;
    }

    50% {
        top: 40px;
    }

    to {
        top: -1500px;
    }
}

.PageVacanciesGridTitleExit{
    animation-name: forPageVacanciesGridTitleExit;
    animation-duration: 2400ms;
    animation-fill-mode: forwards;
}
@keyframes forPageVacanciesCircleFonExit {
    from {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        transform: rotate(0deg);
    }

    to {
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        transform: rotate(90deg);
    }
}

.PageVacanciesCircleFonExit{
    animation-name: forPageVacanciesCircleFonExit;
    animation-delay: 1800ms;
    animation-duration: 1200ms;
    animation-fill-mode: forwards;
}


.PageVacancies>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>.MainMenuGlobalHrefs>.MainMenuLink>.MobiusMenuHrefIn>.MainMenuLinkUnderline{
    background-color: white;
}
.PageVacancies>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>.MainMenuGlobalHrefs>.MainMenuLinkActive>.MobiusMenuHrefIn>.MainMenuLinkUnderline{
    background-color: white;
}

.PageVacancies>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>.MainMenuGlobalHrefs>.MainMenuLink{
    color: white;
}

.PageVacancies>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>.MainMenuGlobalHrefs>.MainMenuLinkActive{
    color: white;
}

.PageVacanciesCircleFon{
    background-color: #0035b3;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
}

.PageVacanciesCircleFonIn{
    background-color: #0035b3;
    position: absolute;
    height: 400px;
    width: 400px;
    border-radius: 50%;
    left: 400px;
    top: 400px;
    z-index: 1;
    overflow: hidden;
    animation-name: unset;
    animation-duration: 3s;
    animation-fill-mode: forwards;
}

.PageVacanciesCircleFonInForChange{
    background-color: #0035b3;
    position: absolute;
    z-index: 20;
    height: 0;
    width: 0;
    right: 200px;
    top: 400px;
    border-radius: 50%;
}

@media only screen and (max-width: 700px) {
       .PageVacanciesCircleFon{
           min-height: 1400px;
       }
}
.VacancyElement{
    border: white solid 2px;
    position: relative;
}

.VacancyElement>div{
    padding-left: 38px;
    padding-right: 38px;
}

.VacancyElementTitle{
    padding-top: 32px;
    color: #bcddff;
    font-size: 21px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: underline;
}

.VacancyElementMain{
    padding-top: 25px;
    display: grid;
    grid-template-columns: 12fr 21fr 16fr;
    padding-bottom: 35px;

}


.VacancyElementMainCity{
    padding-left: 40px;
}
.VacancyElementMainExp{
    padding-left: 40px;
}

.VacancyElementMainSalaryTitle,.VacancyElementMainCityTitle,.VacancyElementMainExpTitle{
    color: white;
    font-size: 13px;
    font-weight: 400;
    padding-bottom: 10px;
}
.VacancyElementMainSalaryText,.VacancyElementMainCityText,.VacancyElementMainExpText{
    color: white;
    font-size: 19px;
    font-weight: 500;
}

.VacancyElementHidden{
    display:  none;
    margin-top: 20px;
}

.VacancyElementMainCityOut{
    border-left: 1px solid rgba(255,255,255,0.1);
    border-right: 1px solid rgba(255,255,255,0.1);
}

.VacancyElementHiddenContact{
    display: flex;
    background-color: white;

    color: black;
    font-size: 19px;
    font-weight: 400;
    padding: 24px 24px 24px 24px;
    position: relative;
    left: -38px;
    align-items: center;
    line-height: 27px;
}

.VacancyElementHiddenContact>img{
    padding-right: 21px;
}

.VacancyActive>.VacancyElementHidden{
    display: block;
}

.VacancyActive>.VacancyElementTitle{
    color: #31de2b;
    text-decoration: none;
}


@media only screen and (max-width: 700px) {
    .VacancyElementMain{
        display: block;
    }

    .VacancyElementMainCity{
        padding-left: 0;
    }
    .VacancyElementMainExp{
        padding-left: 0;
    }

    .VacancyElementMainCityOut{
        border-left: none;
        border-right: none;
        display: flex;
        width: auto;
    }
    .VacancyElementMainCity{
        display: flex;
        flex-direction: column;
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        border-top: 1px solid rgba(255,255,255,0.1);
    }
    .VacancyElementMainExp{
        padding-top: 20px;
    }
    .VacancyElementMainSalary{
        padding-bottom: 20px;
    }

}
@media only screen and (max-width: 500px) {
    .VacancyElementTitle{
        font-size: 18px;
    }
    .VacancyElement>div{
        padding-left: 15px;
        padding-right: 15px;
    }
}



.PageMainPart{
    font-family: GothamPro, sans-serif;
    display: grid;
    grid-template-columns: 348px auto;
}


@media only screen and (max-width: 1000px) {
    .PageMainPart{
        display: block;
    }
}

.PageMainPartFirst{
    display: grid;
    grid-template-columns: 8fr 10fr;
    grid-column-gap: 120px;
    width: 100%;
}

.PageMainPartFirstTextTop{
    padding-bottom: 50px;
    display: grid;
    grid-template-columns: 80px auto;
    grid-column-gap: 35px;
}
.PageMainPartFirstTextTopText{
    font-family: GothamPro, sans-serif;
    font-weight: 700;
    font-size: 48px;
    text-align: left;
    color: black;
    padding-top: 50px;
}

.PageMainPartFirstTextTopImg{
    display: flex;
    align-items: center;
    padding-right: 29px;
}

.PageMainPartFirstTextBrowsers{
    font-family: GothamPro,sans-serif;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    color: black;
    display: grid;
    grid-template-columns: 80px auto;
    grid-column-gap: 35px;
}

.PageMainPartFirstTextBrowsersImg{
    grid-row: 1/span 2;
}

.PageMainPartFirstTextBrowsersTextSystems{
    display: flex;
    grid-column: 2;
}

.PageMainPartFirstTextBrowsersTextSystemsOS{
    display: flex;
    justify-content: space-around;
    border: 1px solid #8d8da3;
    border-radius: 24px;
    width: 231px;
    padding: 9px 10px 3px 10px;
    margin-top: 15px;
}
.PageMainPartFirstTextBrowsersTextSystemsBrowsers{
    display: flex;
    justify-content: space-around;
    border: 1px solid #8d8da3;
    border-radius: 24px;
    width: 251px;
    padding: 7px 10px 4px 10px;
    margin-top: 15px;
    margin-left: 20px;
}

.PageMainPartStandartElementTextTitle{
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    color: black;
}

.IndexBottomButton{
    margin-top: 40px;
}

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

.IndexBottomButton>a>.ButtonWhite>b{
    padding-left: 5px;
}

.PageMainPart>.StandartTitle{
    padding-top: 80px;
}

/*.PageMainPart02{*/
/*    padding-bottom: 100px;*/
/*}*/

.PageMainPart04IMG{
    margin-top: 150px;
}

.PageMainPart02IMGText{
    font-family: GothamPro,sans-serif;
    font-size: 24px;
    line-height: 0.91;
    text-align: left;
    color: #ffffff;
    transform: rotate(15deg);
    position: absolute;
    top: 520px;
    left: 170px;
    width: 300px;
}
.PageMainPart03IMGText{
    font-family: GothamPro,sans-serif;
    font-size: 24px;
    line-height: 0.91;
    text-align: left;
    color: #ffffff;
    transform: rotate(-9deg);
    top: auto;
    position: absolute;
    bottom: 60px;
    left: 250px;
}

.PageAdvantage>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>.MainMenuGlobalHrefs>div>.MainMenuGlobalLinkActive{
    color: black;
}

.PageAdvantage>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>.MainMenuGlobalHrefs>div>.MainMenuGlobalLinkActive>.MainMenuLinkUnderline{
    background-color: black;
}

.PageAdvantage>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>.MainMenuGlobalHrefs>.MainMenuLink>.MobiusMenuHrefIn>.MainMenuLinkUnderline{
    background-color: #1466b4;
}
.PageAdvantage>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>.MainMenuGlobalHrefs>.MainMenuLinkActive>.MobiusMenuHrefIn>.MainMenuLinkUnderline{
    background-color: black;
}

.PageAdvantage>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>.MainMenuGlobalHrefs>.MainMenuLink{
    color: #1466b4;
}

.PageAdvantage>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>.MainMenuGlobalHrefs>.MainMenuLinkActive{
    color: black;
}

@media only screen and (max-width: 1410px) {
    .PageMainPart03IMGText{
        /*bottom: -260px;*/
    }
}

.PageMainIndexWhat{
    padding-top: 100px;
    padding-bottom: 10px;
    position: relative;
    z-index: 3;
}

.PageMainPart02IMG{
    position: relative;
    top: -90px;
}

.PageMainPart02IMG>img{
    /*position: absolute;*/
}
.PageMainPart05IMG{
    position: relative;
    height: 766px;
}
.PageMainPart05IMG01{
    position: relative;
    left: -150px;
}

.PageMainPart05IMG02{
    position: absolute;
    left: -50px;
    top: 100px;
}

.PageMainPart03IMG{
    position: relative;
    /*top: -60px;*/
    /*margin-bottom: 50px;*/
}

.PageMainPart03IMG>img{
    /*position: absolute;*/
}

.PageMainPart02IMG01{
    object-fit: contain;
    box-shadow: 2px -2px 79px 0 rgba(0, 0, 0, 0.45);
}

.PageMainPart02IMG02{
    top: 30px;
    left: 80px;
}
.PageMainPart03IMG02{
    top: 50px;
    left: 50px;
}

.PageMainPart02Text>.StandartH2{
    padding-top: 70px;
    padding-bottom: 10px;
}

.PageMainPartStandartElement{
    display: grid;
    grid-template-columns: 80px auto;
    grid-column-gap: 35px;
    padding-top: 43px;
}

.PageMainPartStandartElementTextText{
    font-size: 24px;
    text-align: left;
    color: black;
}

.PageMainPart02{
    padding-left: 163px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.PageMainPart03{
    padding-right: 163px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    /*padding-bottom: 180px;*/
}

.PageMainPart02Element{
    display: grid;
    grid-template-columns: 80px auto;
    grid-column-gap: 15px;
    padding-top: 35px;
}

.PageMainButtonBottomOut{
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
}

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

.PageMainButtonBottom{
    padding: 6px 30px 6px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: contain;
    border-radius: 34px;
    box-shadow: 3px -3px 4px 0 rgba(0, 0, 0, 0.2);
    border: solid 2px #150c15;
    background-color: #ffffff;
    font-size: 30px;
    text-align: center;
}
.PageMainButtonBottom:hover{
    background-color: #474187;
    color: white;
}

.PageMainButtonBottom>b{
    padding-left: 5px;
}

.DemoInfoAfterRegistrationIn>div>a>.ButtonWhite{
    height: 35px;
}

.PageMainPartFirstTextFirstImg{
    display: none;
}


@media only screen and (max-width: 1200px) {
    .PageMainPartFirstTextBrowsersTextSystems{
        flex-wrap: wrap;
        justify-content: center;
        grid-column: 1/span 2;
    }
    .PageMainPartFirstTextBrowsersTextSystemsOS{
        margin-left: 30px;
    }
    .PageMainPartFirstTextBrowsersTextSystemsOS{
        height: 36px;
    }
    .PageMainPartFirstTextTopText{
        font-size: 30px;
        font-weight: 400;
    }
    .PageMainPartFirstTextBrowsersImg{
        padding-right: 35px;
    }
    .PageMainPartFirstTextBrowsersImg{
        grid-row: 1;
    }
    .PageMainPart02{
        padding-left: 10px;
    }
}

@media only screen and (max-width: 900px) {
    .PageMainPartFirstTextFirstImg>img{
        max-height: 400px;
    }
    .PageMainPartFirstTextBrowsersTextSystemsOS,.PageMainPartFirstTextBrowsersTextSystemsBrowsers{
        margin-left: 0;
    }
    .PageMainPartFirst{
        grid-template-columns: 3fr 10fr;
    }
    .PageMainPartFirstImg>img{
        display: none;
    }

    .PageMainPartFirstTextFirstImg{
        display: block;
    }
    .PageMainPartFirst{
        display: flex;
        flex-wrap: wrap;
    }
    .PageMainPartFirstText{
        order: 1;
    }
    .PageMainPartFirstImg{
        order: 2;
    }
    .PageMainPartFirstTextBrowsersTextSystems{
        justify-content: space-around;
    }
}
@media only screen and (max-width: 500px) {
    .PageMainPartStandartElementTextTitle{
        font-size: 20px;

    }
    .PageMainPartStandartElementTextText{
        font-size: 20px;
    }
}

@media only screen and (max-width: 400px) {
    .PageMainPartStandartElement{
        grid-template-columns: 70px auto;
        grid-column-gap: 10px;
    }
    .PageMainPartStandartElementTextTitle{
        font-size: 17px;

    }
    .PageMainPartStandartElementTextText{
        font-size: 17px;
    }
    .PageMainPartFirstTextTopText{
        font-size: 20px;
    }
    .PageMainPartFirstTextBrowsersTextTitle{
        font-size: 17px;
    }
    .PageMainPartFirstOut{
        padding-right: 10px;
        padding-left: 10px;
    }
}

.PageMainPart02{
    grid-column-gap: 30px;
}

.PageMainPartFirstOut{
    overflow-x: hidden;
}

@media only screen and (max-width: 1200px) {
    .PageMainIndexWhat{
        font-size: 36px;
        padding-top: 30px;
    }
}

@media only screen and (max-width: 1300px) {
    .PageMainPart02IMG{
        right: 100px;
        z-index: -1;
    }
    .PageMainPart04IMG{
        right: 100px;
        z-index: -1;
    }
}

@media only screen and (max-width: 1100px) {
    .PageMainPart02{
        padding-left: 0;
    }
}
@media only screen and (max-width: 1000px) {
    .PageMainPart02{
        display: grid;
        grid-template-columns: auto;
    }
    .PageMainPart02IMG>img{
        position: relative;
    }
    .PageMainPart02IMG{
        grid-row: 1;
        top: -110px;
        height: 450px;
        left: -10px;
        /*display: flex;*/
        /*justify-content: center;*/
    }
    .PageMainPart04IMG{
        /*grid-row: 1;*/
        margin-top: 50px;
        /*top: -100px;*/
        /*height: 450px;*/
        /*left: -10px;*/
        display: flex;
        justify-content: center;
    }
}

@media only screen and (max-width: 800px) {
    .PageMainPart02IMG{
        display: none;
    }
    .PageMainPart04IMG{
        display: none;
    }
    }

@media only screen and (max-width: 600px) {
    .PageMainPart02IMGText{
        display: none;
    }
    .PageMainPart02IMG{
        position: static;
        width: 100%;
        height: auto;
    }
    .PageMainPart04IMG{
        position: static;
        width: 100%;
        height: auto;
    }
    .PageMainPart02IMG>img{
        position: static;
        width: 100%;
    }
    .PageMainPart02Text>.StandartH2{
        font-size: 24px;
        padding-top: 5px;
    }
    .PageMainPart02Text>.PageMainPart02Element>.PageMainPartStandartElementText>.PageMainPartStandartElementTextText{
        font-size: 17px;
    }
    .PageMainPart03IMG{
        display: none;
    }
}

@media only screen and (max-width: 450px) {
    .PageMainPartStandartElementTextText{
        font-size: 15px;
    }
}

.PageMainPart03{
    grid-column-gap: 40px;
}

@media only screen and (max-width: 1300px) {
    .PageMainPart03{
        padding-right: 30px;
    }
    .PageMainPart03IMGText{
        top: 560px;
    }
}

@media only screen and (max-width: 1200px) {
    .PageMainPart03{
        padding-right: 0;
    }
    .PageMainPart03IMGText{
        display: none;
    }
    .PageMainPart03IMG{
        left: -50px;
    }
    .PageMainPart03IMG>img{
        width: 100%;
    }
}
@media only screen and (max-width: 1100px) {
    .PageMainPart03{
        padding-bottom: 0;
    }
    .PageMainPart03IMG{
        position: relative;
        top: -50px;
    }
}

@media only screen and (max-width: 800px) {
    .PageMainPartFirstOut>.PageMainPart02{
        padding-bottom: 10px;
    }
    .PageMainPartFirstOut>.PageMainPart03{
        display: block;
    }
    .PageMainPart03IMG>img{
        position: relative;
        height: 400px;
    }
    .PageMainPart03IMG{
        top: 0;
        height: auto;
    }
}
@media only screen and (max-width: 650px) {
    .PageMainPart04IMG{
        width: 100%;
    }
    .PageMainPart04IMG>img{
        width: 100%;
        height: auto;
    }
    .PageMainPartStandartElementTextTitle,.PageMainPartStandartElementTextText{
        font-size: 13px;
    }
}

.PageMainPart05IMG{
    width: 100%;
}
.PageMainPart05IMG02,.PageMainPart05IMG01{
    width: 100%;
    left: -30px;
}

.PageMainPart05IMG01{
    width: 120%;
    left: -70px;
}

@media only screen and (max-width: 1000px) {
    .PageMainPartFirstEnd{
        display: flex;
        flex-wrap: wrap;
    }
    .PageMainPart05IMG{
        max-height: 400px;
    }
    .PageMainPart05IMG01{
        width: 100%;
        left: 0;
        max-height: 400px;

    }
    .PageMainPart05IMG02{
        width: 100%;
        left: 0;
        max-height: 400px;
    }
    .PageMainPart05IMG{
        display: none;
    }
}

@media only screen and (max-width: 700px) {
    .PageMainButtonBottom>img{
        display: none;
    }
    .PageMainButtonBottom{
        font-size: 15px;
    }
}

@media only screen and (max-width: 350px) {
    .PageMainButtonBottom{
        padding-left: 10px;
        padding-right: 10px;
    }
}

.PageMainButtonBottom>img{
    padding-left: 15px;
}

.PageMainPartBottomButton{
    margin-top: 30px;
    margin-bottom: 30px;
}

.PageMainPartBottomButton>a>.ButtonWhite{
    text-decoration: underline;
}
.PageMainPartBottomButton>a>.ButtonWhite>b{
    padding-right: 10px;
}

.PageMainPartBottomButton>a>.ButtonWhite:hover{
    text-decoration: underline;
    color: white;
}

.ButtonWhiteImgWhite{
    display: none;
}

.PageMainPartBottomButton>a>.ButtonWhite:hover>.ButtonWhiteImgWhite{
    display: block;
}

.PageMainPartBottomButton>a>.ButtonWhite:hover>.ButtonWhiteImg{
    display: none;
}

.PageMainJavaScript>b{
    padding-right: 10px;
}
.TopVidgets{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 50px;
}

.TopVidgets>div{
    margin-bottom: 43px;

}


.TopVidgets01{
    display: grid;
    grid-template-columns: 55px 250px;
    grid-column-gap: 21px;
    justify-content: center;
}

.TopVidgets01Img{
    position: relative;
    /*top: 25px;*/
}

.TopVidgets01>.TopVidgets01Img>.TopVidgets01ImgHover{display: none;}
.TopVidgets01:hover>.TopVidgets01Img>.TopVidgets01ImgHover{display: block;}
.TopVidgets01:hover>.TopVidgets01Img>.TopVidgets01ImgNormal{display: none;}



.TopVidgets02Element{
    display: flex;
    padding-bottom: 9px;
    align-items: center;
    font-size: 22px;
    text-align: left;
    color: #151e27;
    color: #1466b4;
}

.TopVidgets02Element>img{
    padding-right: 11px;
    width: 45px;
}

.TopVidgets02Element01>.TopVidgets02Element01Hover{display: none;}
.TopVidgets02Element01:hover>.TopVidgets02Element01Hover{display: block;}
.TopVidgets02Element01:hover>.TopVidgets02Element01Normal{display: none;}

.TopVidgets02Element02>.TopVidgets02Element02Hover{display: none;}
.TopVidgets02Element02:hover>.TopVidgets02Element02Hover{display: block;}
.TopVidgets02Element02:hover>.TopVidgets02Element02Normal{display: none;}

.TopVidgets02Element03>.TopVidgets02Element03Hover{display: none;}
.TopVidgets02Element03:hover>.TopVidgets02Element03Hover{display: block;}
.TopVidgets02Element03:hover>.TopVidgets02Element03Normal{display: none;}

.TopVidgets01Text{
    grid-column: 2;
    grid-row: 1;
}

.TopVidgets01TextTitle{
    font-size: 24px;
}

.TopVidgets01Text>a,.TopVidgets01Text>a:visited{
    color: #1466b6
}

.TopVidgets01TextText{
    font-size: 18px;
    color: #333333;
}

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

.TopVidgets03{
    border: 2px solid #0c3f70;
    transform: skewX(-20deg);
    display: flex;
    padding: 24px 30px 24px 30px;
    height: 80px ;
    margin-left: 40px;
}

.TopVidgets03Text,.TopVidgets03>img{
    transform: skewX(20deg);
}

.TopVidgets03>img{
    margin-right: 27px;
    margin-top: 3px;
}

.TopVidgets03Elements{
    display: grid;
    grid-template-columns: auto auto;
    padding-top: 12px;
}

.TopVidgets03Title{
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    color: #151e27;
}

.TopVidgets03Elements{
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 30px;
    grid-row-gap: 5px;
}

.TopVidgets03Elements>div{
    font-size: 20px;
    color: #151e27;
}

@media only screen and (max-width: 650px) {
    .TopVidgets03{
        border: none;
        transform: unset;
        padding-top: 0;
        margin: 0;

    }
    .TopVidgets{
        margin-bottom: 10px;
    }
    .TopVidgets>div{
        margin-bottom: 10px;
    }
    .TopVidgets03{
        height: auto;
    }
    .TopVidgets03>div,.TopVidgets03>img{
        transform: unset;

    }
    .TopVidgets03Elements{
        display: flex;
        flex-wrap: wrap;
    }
    .TopVidgets03Elements>div{
        padding-right: 10px;
        padding-bottom: 10px;
    }
}

@media only screen and (max-width: 500px) {
    .TopVidgets01{
        grid-template-columns: 55px auto;
    }
    .TopVidgets02>a>div{
        font-size: 15px;
    }
    .TopVidgets01TextTitle{
        font-size: 20px;
    }
    .TopVidgets01TextText{
        font-size: 15px;
        padding-bottom: 10px;
    }
}
.FooterAllOut{
    margin-top: 30px;
    border-top: 1px solid #147dcd;
    padding-top: 29px;
}

.FooterAll{
    padding: 10px 60px 67px 15px;
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-column-gap: 20px;
}

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

.MainMenuFooter{
    display: flex;
    flex-direction: column;
}

.MainMenuFooter>div{
    padding-top: 5px;
}

.MainMenuFooter>div>a{
    color: #151e27;
    font-size: 24px;
}

.MobiusHeaderLogoText{
    text-decoration: none;
}

.TopWidgetsConnect{
    display: grid;
    grid-template-columns: 40px auto;
    grid-column-gap: 10px;
}

.FooterLeftMenuElement{
    display: flex;
    padding-top: 10px;
}

.FooterLeftMenuElementNumber{
    font-size: 18px;
    color: #151e27;
    font-weight: 700;
    text-decoration: none;
    width: 10px;
}

.TopWidgetsConnectRight>a,.TopWidgetsMaterialsTitle>a{
    text-decoration: none;
}

.FooterLeftMenuElementText{
    text-decoration: underline;
    padding-left: 5px;
    color: #1466b6;
}

.TopWidgetsMaterials{
    display: grid;
    grid-template-columns: 40px auto;
    grid-column-gap: 10px;
}

.TopWidgetsMaterialsGrid{
    padding-top: 10px;
    font-size: 20px;
    color: #151e27;
    font-weight: 700;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 10px;
}

.TopWidgetsMaterialsGridElementFlexElement{
    font-size: 18px;
    font-weight: 400;
    padding-top: 5px;
}

.TopWidgetsMaterialsGridElementFlexElement>a{
    color: #1466b6;
}

.TopWidgetsMaterialsGridElementTitle>a{
    text-decoration: none;
}
.TopWidgetsConnectIMG>img{
    position: relative;
    top: -10px;
}
.TopWidgetsMaterialsIMG>img{
    position: relative;
    top: -20px;
}

@media only screen and (max-width: 1500px) {
   .FooterAll{
        padding: 10px 20px 67px 15px;   }

}
@media only screen and (max-width: 1200px) {
   .FooterAll{
       grid-template-columns: auto auto auto;
   }
    .FooterAllTitleMenu{
        grid-column: 1/span 3;
        display: flex;
        padding-bottom: 30px;
    }
    .MainMenuFooter{
        flex-direction: row;
    }
    .MainMenuFooter>div{
        padding-left: 40px;
    }
    .TopWidgetsMaterialsGrid{
        display: block;
    }
    .TopWidgetsMaterialsGridElement{
        padding-top: 10px;
    }
}

@media only screen and (max-width: 900px) {
    .FooterAll{
        grid-template-columns: auto auto;
    }
    .FooterAllTitleMenu{
        grid-column: 1/span 2;
    }

    .MainMenuFooter{
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 800px) {
    .FooterLeftMenuElement{
        margin-top: 20px;
    }
    .FooterLeftMenuElementNumber{
        font-size: 26px;
    }
    .FooterLeftMenuElementText{
        font-size: 22px;
        padding-left: 15px;
        line-height: 25px;
    }

    .TopWidgetsMaterialsGridElementFlexElement{
        font-size: 26px;
        font-weight: 400;
        padding-top: 15px;
    }

    .TopWidgetsMaterialsGridElementTitle{
        font-size: 36px;
        padding-top: 15px;
    }
    .TopWidgetsThreeElement{
        margin-top: 20px;
    }

    .MainMenuFooter>div{
        padding: 20px;
    }
    .TopWidgetsConnect{
        margin-bottom: 20px;
    }
    .TopWidgetsConnectRight>a:first-child{
        font-size: 25px;
    }
}

@media only screen and (max-width: 600px) {
    .FooterAll{
        display: block;
    }

}
.CRMIntegrationH1{
    font-weight: 500;
    color: #020202;
    font-size: 26px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.CRMIntegrationH2{
    color: #020202;
    font-size: 18px;
}

.CRMIntegrationIMG01div{
    display: flex;
    justify-content: center;
}
.CRMIntegrationIMG01{
    width: 80%;
    margin: 20px auto auto;
}

.CRMIntegrationGrid01{
    display: grid;
    grid-template-columns: 180px auto;
}

.CRMIntegrationGrid02{
    display: grid;
    grid-template-columns: 3fr 2fr;
}

.CRMIntegrationLiElement{
    display: grid;
    grid-template-columns: 20px auto;
    margin-top: 20px;
    font-weight: 500;
    color: #020202;
    font-size: 18px;
}

.CRMIntegrationLiElementSmall{
    font-weight: 400;
}

@media only screen and (max-width: 600px) {
    .CRMIntegrationGrid02{
        display: block;
    }
    .CRMIntegrationGrid01{
        display: block;
    }
}
.LeftMenu{
    display: flex;
    flex-direction: column;
    width: auto;
    padding-top: 15px;
}

.LeftMenu>.WidgetLeftMenuLinkActive{
    font-size: 24px;
    font-weight: bold;
    color: black;
    cursor: unset;
    text-decoration: none;
}
.LeftMenu>a{
    text-decoration: none;
}

.LeftMenuElement{
    display: flex;
    align-items: center;
    margin-bottom: 28px;
    margin-right: 28px;
}
.WidgetLeftMenuLinkActive>.LeftMenuElement>.LeftMenuElementNumber{
    color: white;
    background-color: #1466b4;
}
.LeftMenuElement>.LeftMenuElementNumber{
    border-radius: 24px;
    margin-right: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    width: 28px;
    height: 28px;
    color: #025d92;
}

.LeftMenuElementActiveNot>.LeftMenuElementText,.hrefChangeNavLink>div>.LeftMenuElementText{
    font-weight: 500;
    font-size: 16px;
    color: #0079bf;
    width: 270px;
    text-decoration: underline;
}

.LeftMenu>.hrefChangeNavLink>div{
    display: flex;
    align-items: center;
}
.LeftMenu>.hrefChangeNavLink>div>.LeftMenuElement{
    background-color: rgba(239, 244, 249, 0.4);
    border-radius: 24px;
    margin-right: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    width: 28px;
    height: 28px;
    color: #0079bf;
}

.LeftMenuElementActiveNot>.LeftMenuElementNumber{
    text-decoration: none;
}

.WidgetLeftMenuLinkActive>div>.LeftMenuElementText,.WidgetLeftMenuLinkActive>div>div>.LeftMenuElementText{
    font-weight: 200;
    font-size: 16px;
    color: black;
    text-decoration: none;
    width: 270px;
}

.LeftMenuElement>.LeftMenuElementNumber{
    background-color: #eff4f9;
}


@keyframes LeftMenuElement {
    from {
        left: -800px;
    }

    to {
        left: 0;
    }
}

.LeftMenu>a:nth-of-type(1){
    animation-name: LeftMenuElement;
    animation-duration: 500ms;
    animation-delay: 10ms;
    animation-fill-mode: forwards;
    left: -800px;
    position: relative;
}
.LeftMenu>a:nth-of-type(2){
    animation-name: LeftMenuElement;
    animation-duration: 500ms;
    animation-delay: 200ms;
    animation-fill-mode: forwards;
    left: -800px;
    position: relative;
}
.LeftMenu>a:nth-of-type(3){
    animation-name: LeftMenuElement;
    animation-duration: 500ms;
    animation-delay: 300ms;
    animation-fill-mode: forwards;
    left: -800px;
    position: relative;
}
.LeftMenu>a:nth-of-type(4){
    animation-name: LeftMenuElement;
    animation-duration: 400ms;
    animation-delay: 400ms;
    animation-fill-mode: forwards;
    left: -800px;
    position: relative;
}
.LeftMenu>a:nth-of-type(5){
    animation-name: LeftMenuElement;
    animation-duration: 500ms;
    animation-delay: 500ms;
    animation-fill-mode: forwards;
    left: -800px;
    position: relative;
}
.LeftMenu>a:nth-of-type(6){
    animation-name: LeftMenuElement;
    animation-duration: 500ms;
    animation-delay: 600ms;
    animation-fill-mode: forwards;
    left: -800px;
    position: relative;
}
.LeftMenu>a:nth-of-type(7){
    animation-name: LeftMenuElement;
    animation-duration: 500ms;
    animation-delay: 700ms;
    animation-fill-mode: forwards;
    left: -800px;
    position: relative;
}
.LeftMenu>a:nth-of-type(8){
    animation-name: LeftMenuElement;
    animation-duration: 500ms;
    animation-delay: 800ms;
    animation-fill-mode: forwards;
    left: -800px;
    position: relative;
}
.LeftMenu>a:nth-of-type(9){
    animation-name: LeftMenuElement;
    animation-duration: 500ms;
    animation-delay: 900ms;
    animation-fill-mode: forwards;
    left: -800px;
    position: relative;
}

.LeftMenu>a:nth-of-type(10){
    animation-name: LeftMenuElement;
    animation-duration: 500ms;
    animation-delay: 1000ms;
    animation-fill-mode: forwards;
    left: -800px;
    position: relative;
}


.PageActivationIndex>.PageMainPartBig{
    width: 877px;
}

.PageMainPartBig{
    margin-top: -16px;
    max-width: 885px;
}

.StandartTextActivation{

    font-weight: 400;
    font-size: 18px;
    color: black;
    line-height: 27px;
}

.StandartTitleActivation{
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 52px;
    color: black;
    line-height: normal;
}

.ActivationGeneralOptionsStandartElement{
    display: grid;
    grid-template-columns: 14px auto;
    grid-column-gap: 16px;
}

.ActivationGeneralOptionsSquareOut{
    width: 14px;
    height: 14px;
    position: relative;
    background-color: #cce4f2;
    margin-top: 1px;
}


.ActivationGeneralOptionsSquareIn{
    width: 8px;
    height: 8px;
    position: relative;
    top: 3px;
    left: 3px;
    background-color: white;
}

.ActivationGeneralOptionsStandartElementRightTitle{
    font-weight: 500;
    font-size: 18px;
    color: black;
    line-height: normal;
}

.ActivationStandertPadBot{
    padding-bottom: 10px;
}

.StandartTitleActivationH3{
    font-weight: 500;
    font-size: 18px;
    color: #020202;
}

.ActivationMobiusIndexTextBottom>.IndexWidgetButtonOut01{
    margin-top: 60px;
}


.ActivationOwnServerH1{
    font-family: Roboto, sans-serif;
    padding-bottom: 35px;
    font-size: 27px;
}

.ActivationOwnServerH2{
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 18px;
}

.ActivationOwnServerGrid{
    display: grid;
    grid-template-columns: 240px auto;
    grid-column-gap: 25px;
    margin-top: 40px;
}

.ActivationOwnServerGridRightTextBorder{
    width: 1px;
    border: 2px solid #8076c3;
    border-radius: 2px;
    margin-right: 10px;
}

.ActivationOwnServerGridRight{
    display: flex;
}

.ActivationOwnServerGridRightRight>.ActivationOwnServer01{
    margin-left: 26px;
}

.ActivationOwnServerGridRightText{
    display: flex;
    padding-left: 14px;
}

.ActivationOwnServerAWS{
    border: solid 2px #ff9900;
    border-radius: 5px;
    padding: 30px 60px 30px 37px;
    display: grid;
    grid-template-columns: 84px auto;
    grid-column-gap: 50px;
    margin-top: 36px;
    margin-bottom: 40px;
    align-items: center;
}

.ActivationOwnServerH2>b{
    padding-right: 5px;
}
.ActivationOwnServerAWSText>a{
    margin-left: 5px;
}
.ActivationOwnServerAWSText>span{
    margin-right: 5px;
}

@media only screen and (max-width: 700px) {
    .ActivationOwnServerGrid{
        grid-template-columns: auto;
    }
    .ActivationOwnServerGrid>img{
        margin: auto;
        max-width: 200px;
        align-self: center;
    }

}

.DepositPage{

}

.ActivationDepositGrid01{
    padding-top: 20px;
}

.ActivationDepositGrid{
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-column-gap: 30px;
}

.StandartTitleActivationH2{
    font-weight: 400;
    font-size: 26px;
    color: black;
    line-height: 27px;
    padding-bottom: 30px;
}

.ActivationDepositGridRight{
    padding: 50px 50px 44px 42px;
    background-color: #2678ff;
}

.ActivationDepositGridRightTitle{
    font-weight: 400;
    font-size: 32px;
    color: white;
    line-height: 27px;
    padding-bottom: 15px;
}
.ActivationDepositGridRightInfo{
    font-weight: 400;
    font-size: 16px;
    color: white;
    line-height: 1.5;
    height: auto;
}

.ActivationDepositGrid01>.ActivationDepositGridRight{
    max-height: 100px;
}

.ActivationDepositGrid01,.ActivationDepositGrid03{
    margin-top: 30px;
    margin-bottom: 40px;
}

.ActivationDepositGrid02{
    margin-top: 40px;
    margin-bottom: 40px;
}

.ActivationDepositGrid02>div>div>.ActivationGeneralOptionsStandartElement{
    padding-top: 20px;

}

.ActivationDepositGrid03WebmoneyIMG{
    width: 100%;
    max-width: 843px;
}

.ActivationDepositGrid03>.ActivationDepositGridRight{
    max-height: 100px;
}

.ActivationGeneralOptionsStandartElementLeft{
    margin-top: -1px;
}

@media only screen and (max-width: 600px) {
    .ActivationDepositGrid{
        display: block;

    }
    .ActivationDepositGridRightOut{
        margin-top: 40px;
    }
}

.ActivationDepositGridLeft>div>b{
    margin-right: 5px;
}

.FromOtherSystems{
    margin-bottom: 50px;
}

.ActivationFromOtherSystems01{
    padding-top: 50px;
}

.FromOtherSystems>.StandartTitleActivationH2{
    padding-top: 15px;
}

.FromOtherSystemsMainGrid{
    display: grid;
    grid-template-columns: 30px auto;
    grid-column-gap: 18px;
}

.FromOtherSystemsMainGridNumber{
    border: 1px solid black;
    border-radius: 15px;
    font-size: 20px;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    margin-top: -4px;
}
.FromOtherSystemsMainGridText{
    font-size: 20px;
    line-height: 22px;
}

.FromOtherSystemsMainGrid{
    padding-top: 30px;
}

.FromOtherSystemH2{
    font-weight: 700;
    font-size: 24px;
    color: black;
    padding-top: 20px;
    padding-bottom: 0;
}

.FromOtherSystemsMainGridText>b{
    margin-left: 5px;
    margin-right: 5px;
}
.PageGeneralOptions>.PageMainPartBig{
    max-width: 877px;
}

.ActivationGeneralOptions01{
    padding-top: 50px;
}

.ActivationGeneralOptionsTopIcon{
    padding-top: 40px;
    padding-bottom: 40px;
}

.ActivationGeneralOptionsSmallTitle{
    font-weight: 500;
    font-size: 18px;
    color: black;
    line-height: normal;
    padding-bottom: 12px;
}



.ActivationGeneralOptionsViewNotActive>.ActivationGeneralOptionsViewNotAllInfo{
    display: block;
}

.ActivationGeneralOptionsViewNotTitle{
    font-weight: 500;
    font-size: 18px;
    color: #0247be;
    line-height: normal;
    margin-bottom: 5px;
    margin-top: 15px;
    display: flex;
    cursor: pointer;
    padding-left: 30px;
}
.ActivationGeneralOptionsViewNotTitle>span{
    border-bottom: 2px dashed #0247be;
}

.ActivationGeneralOptionsStandartElementForPadding{
    padding-top: 35px;
    padding-bottom: 35px;
}



.ActivationGeneralOptionsViewNot{

}

.ActivationGeneralOptionsViewNotTextElements{
    display: flex;
    flex-wrap: wrap;
    max-width: 500px;
    font-weight: 500;
    font-size: 18px;
    color: black;
    line-height: 24px;
    margin-bottom: 15px;
}

.ActivationGeneralOptionsViewNotTextElement{
    width: 100px;
    text-align: center;
}

.ActivationGeneralOptionsViewNotAllInfo{
    background-color: rgba(116,164,247,0.5);
    margin-left: 14px;
    padding: 16px;
    display: none;
}

.ActivationGeneralOptionsViewNotTextInfo>b{
    margin-left: 5px;
    margin-right: 5px;
}

.ActivationGeneralOptionsAttention>div>span{
    font-weight: 700;
    padding-right: 5px;
}

.ActivationGeneralOptionsAttention{
    margin-left: 32px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.ActivationGeneralOptionsAttention>img{
    padding-right: 16px;
}
.ActivationMobiusIndexTopGrid{
    display: grid;
    grid-template-columns: 150px auto;
    padding: 60px;
    background-color: #2678ff;
    margin-top: 45px;
}

.ActivationMobiusIndexTopGridText{
    color: white;
    line-height: 43px;
    font-size: 24px;
}
.ActivationMobiusIndexTopGridText>b{
    margin-left: 5px;
    margin-right: 5px;
}
.ActivationMobiusIndexTextBottom{
    background-color: rgba(247, 250, 255, 0.42);
    font-weight: 100;
    line-height: 27px;
    color: black;
    padding: 60px;
    margin-bottom: 40px;
}

@keyframes PageMainPartBig {
    from {
        top: -50px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

.PageMainPartBig2{
    animation-name: PageMainPartBig;
    animation-duration: 1000ms;
    animation-delay: 300ms;
    animation-fill-mode: forwards;
    top: -50px;
    opacity: 0;
    position: relative;
}
.ActivationSetSettings01{
    padding-top: 50px;

}

.ActivationSetSettingsBlue{
    color: #0079bf;
    padding-right: 10px;
    padding-left: 10px;
}

.ActivationSetSettings>div>div{
    padding-bottom: 20px;

}

.ActivationSetSettings01>img{
    padding-top: 15px;
    padding-bottom: 15px;
}
.SiteDNSPage>.PageMainPartBig{
    max-width: 877px;
}

.ActivationSite01{
    padding-top: 30px;

}

.ActivationSiteSmallTitle{
    font-weight: 500;
    font-size: 18px;
    color: black;
    line-height: normal;
    padding-bottom: 12px;
}

.ActivationSite02{
    padding-top: 30px;
    padding-bottom: 20px;
}

.ActivationSite03{
    padding-top: 30px;
    padding-bottom: 30px;
}

.ActivationSite04{
    padding-top: 30px;
}

.ActivationGeneralOptionsStandartElementRightBBB{
    display: flex;
    justify-content: left;
}


.ActivationGeneralOptionsStandartElementRightBBB>.ActivationGeneralOptionsStandartElementRightTitle{
    font-weight: 400;
    padding-right: 5px;
}


.ActivationGeneralOptionsStandartElementRightBBB>.ActivationGeneralOptionsStandartElementRightText{
    font-weight: 700;

}

.ActivationSite05{
    padding-top: 30px;
    padding-bottom: 30px;
}

.ActivationSiteSmallTitleItalic{
    font-style: italic;
}

.ActivationSiteAttention>div{
    font-weight: 700;
    padding-right: 5px;
}

.ActivationSiteAttention{
    margin-top: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.ActivationSiteAttention>img{
    padding-right: 16px;
}


.ActivationSite06{
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 0;
}
.ActivationSSL01{
    padding-top: 30px;

}
.ActivationSSL010{
    padding-top: 30px;
    padding-bottom: 10px;

}

.ActivationSiteSmallTitle{
    font-weight: 500;
    font-size: 18px;
    color: black;
    line-height: normal;
    padding-bottom: 12px;
}

.ActivationSSL02{
    padding-top: 30px;
}
.ActivationSSL03{
    padding-top: 30px;
    padding-bottom: 30px;
}

.ActivationSSL05{
    padding-top: 30px;
}

.ActivationSSL>.ActivationSiteAttention {
    margin-top: 10px;
    margin-bottom: 20px;
}

.ActivationSiteAttention{
    font-weight: 500;
    font-size: 18px;
    color: black;
}

.StandartTextActivation>a{
    padding-left: 6px;
}
.ActivationWeGive>.ActivationWeGive01{
    padding-top: 30px;
    padding-bottom: 20px;
    font-weight: 500;
}

.ActivationWeGive02{
    padding-top: 15px;
    padding-bottom: 30px;
}

.ActivationGeneralOptionsViewNotActive>div{
    display: grid;
}

.ActivationWeGiveH2{
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 18px;
}

.MobiusTrader7TopTerminals{
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    justify-content: space-around;
    align-items: center;
}

.MobiusTrader7TopTerminals>div{
    background-repeat: no-repeat;
    cursor: pointer;
}

.MobiusTrader7TopTerminalsElement03{
    background-image: url(assets/d2f4540866e70b74e62b.svg);
    width: 19px;
    height: 23px;
}
.MobiusTrader7TopTerminalsElement03:hover{
    background-image: url(assets/de460a0cc1a7d015e2fb.svg);
    color: #305d92;
}
.MobiusTrader7TopTerminalsElement01{
    background-image: url(assets/2295243327f28d4c5aaf.svg);
    width: 20px;
    height: 20px;
}
.MobiusTrader7TopTerminalsElement01:hover{
    background-image: url(assets/0d24d7717737cb4b003a.svg);
    color: #305d92;
}
.MobiusTrader7TopTerminalsElement02{
    background-image: url(assets/348fcfd5cac049357c2b.svg);
    width: 19px;
    height: 24px;
}
.MobiusTrader7TopTerminalsElement02:hover{
    background-image: url(assets/8153069749744bcbd3a0.svg);
    color: #305d92;
}
.MobiusTrader7TopTerminalsElement04{
    background-image: url(assets/624e6a843fe5fd512837.svg);
    width: 18px;
    height: 21px;
}
.MobiusTrader7TopTerminalsElement04:hover{
    background-image: url(assets/181435430fed42f0f180.svg);
    color: #305d92;
}
.MobiusTrader7TopTerminalsElement05{
    background-image: url(assets/83b223d9ecea49adbab9.svg);
    width: 20px;
    height: 20px;
}
.MobiusTrader7TopTerminalsElement05:hover{
    background-image: url(assets/65980361c01cf6d119b7.svg);
    color: #305d92;
}
.MobiusTrader7TopTerminalsElement06{
    background-image: url(assets/b75b8d013ef4706de317.svg);
    width: 20px;
    height: 20px;
}
.MobiusTrader7TopTerminalsElement06:hover{
    background-image: url(assets/25c56c4ffa0548b69351.svg);
    color: #305d92;
}

.WeGiveViewNotText{
    margin-top: 14px;
    padding-top: 14px;
}
.WeGiveViewNotAllInfo{
    display: grid;
    grid-template-columns: auto 130px;
    grid-column-gap: 25px;
    /*padding: 14px;*/
}
.WeGiveViewNotText{
    grid-column: 1;
}
.WeGiveViewNotTextInfo{
    grid-column: 2;
    align-self: center;
}

.WeGiveViewNotActive>.WeGiveViewNotAllInfo{
    display: grid;
}

.WeGiveViewNotTitle{
    font-weight: 500;
    font-size: 18px;
    color: #0247be;
    line-height: normal;
    margin-bottom: 5px;
    margin-top: 15px;
    display: flex;
    cursor: pointer;
}
.WeGiveViewNotTitle>span{
    border-bottom: 2px dashed #0247be;
    display: flex;
}

.WeGiveStandartElementForPadding{
    padding-top: 35px;
    padding-bottom: 35px;
}

.WeGiveViewNotAllInfo{
    position: relative;
}

.WeGiveViewNotAllInfo:before{
    content: '';
    height: 100%;
    width: 15px;
    background-color: rgba(116,164,247,0.5);
    position: absolute;
    left: -15px;
}

.WeGiveViewNotTextElements{
    display: flex;
    flex-wrap: wrap;
    max-width: 400px;
    font-weight: 500;
    font-size: 18px;
    color: black;
    line-height: 24px;
    margin-bottom: 15px;
}

.WeGiveViewNotTextElement{
    width: 100px;
    text-align: center;
}

.WeGiveViewNotAllInfo{
    background-color: rgba(116,164,247,0.5);
    padding: 0 22px 16px 0;
    display: none;
}

.ActivationWeGiveH1{
    font-family: Roboto, sans-serif;
    padding-bottom: 35px;
    font-size: 27px;
}


.ActivationWeStandartDistributive{
    display: flex;
}


.ActivationWeStandartDistributive>a{
    padding-right: 24px;
}

.ActivationWeGive03{
    padding-top: 17px;
    padding-bottom: 25px;
}

.ActivationWeGive04{
    padding-top: 40px;
    padding-bottom: 20px;
}

.WeGiveGridTerminal{
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-top: 20px;
}

.WeGiveGridTerminalRight{
    width: 298px;
    height: 148px;
}

.WeGiveGridTerminalLeftLi{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 70%;
}

.WeGiveGridTerminalLeftLiElement{
    display: flex;
    padding-left: 10px;
    padding-bottom: 5px;
    margin-top: 6px;
}

.WeGiveGridTerminalLeftTitle{
    font-weight: 700;
    font-size: 18px;
    color: #020202;
    padding-bottom: 15px;
}

.WeGiveGridTerminalLeftLi>li{
    list-style: none;
    display: flex;
}

.WeGiveGridTerminalLeftLi>li:before{
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #0056ec;
    margin-right: 10px;
    margin-top: -2px;
    display: block;
    float: left;
    position: relative;
    top: 3px;
}

.ActivationWeGive05{
    padding-top: 25px;
    padding-bottom: 20px;
}

.WeGiveGridAdmin{
    display: grid;
    grid-template-columns: 250px auto;
    grid-column-gap: 50px;
    padding-top: 40px;
}

.WeGiveGridAdminLeft{
    width: 250px;
    height: 165px;
}

.WeGiveGridAdminRightLi{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 70%;
}

.WeGiveGridAdminRightTitle{
    font-weight: 700;
    font-size: 18px;
    color: #020202;
}

.WeGiveGridAdminRightLiElementRound{
    width: 10px;
    height: 10px;
    background-color: #0056ec;
    border-radius: 50%;
    position: relative;
    top: 2px;
}

.WeGiveGridAdminRightLi{
    padding-top: 15px;
}

.WeGiveGridAdminRightLi>.WeGiveViewNotAllInfo{
    list-style: none;
    display: flex;
    padding-bottom: 10px;
}

.ActivationGeneralOptionsViewNotActive>div>span{
    border: none;
}

.WeGiveGridAdminRightLiElementText{
    width: 250px;
    padding-left: 10px;
}


.WeGiveGridWidgets{
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-top: 20px;
}

.WeGiveGridWidgetsRight{
    width: 170px;
    height: 219px;
}

.WeGiveGridWidgetsLeftLi{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 70%;
}

.WeGiveGridWidgetsLeftTitle{
    font-weight: 700;
    font-size: 18px;
    color: #020202;
}

.WeGiveGridWidgetsLeftLi>li{
    list-style: none;
    display: flex;
}

.WeGiveGridWidgetsLeftLi>li>a{
    color: #0247be;
}


.WeGiveGridWidgetsLeftLi>li:before{
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #0056ec;
    margin-right: 10px;
    margin-top: -2px;
    display: block;
    float: left;
    position: relative;
    top: 3px;
}

.ActivationWeGive07{
    padding-top: 40px;
    padding-bottom: 10px;
}

.WeGiveGridAdminRightLiElement{
    padding-left: 10px;
    margin-top: 6px;
}

.WeGiveGridAdminRightLiElementText>a{
    color: #0247be;
    text-decoration: none;
    border-bottom: 1px solid #CCCCCC;
}

.WeGiveGridWidgetsLeftTitle{
    padding-bottom: 15px;
}

.WeGiveGridWidgetsLeft>div{
    padding-bottom: 10px;
}


@media only screen and (max-width: 800px) {
    .WeGiveGridTerminal{
        grid-template-columns: auto;
    }
    .WeGiveGridAdmin{
        grid-template-columns: auto;
    }
    .WeGiveGridAdminLeft{
        padding-bottom: 20px;
        margin: auto;
    }
    .WeGiveGridWidgets{
        grid-template-columns: auto;
    }
    .WeGiveGridWidgetsRight{
        grid-row: 1;

        padding-bottom: 20px;
        margin: auto;
    }
    .WeGiveGridTerminalRight{
        grid-row: 1;
        padding-bottom: 20px;
        margin: auto;
    }
}

@media only screen and (max-width: 370px) {
    .WeGiveGridTerminalRight,.WeGiveGridTerminalRight>img{
        width: 100%;
    }

}

@media only screen and (max-width: 500px) {
    .StandartTitleActivation{
        font-weight: 500;
        font-size: 30px;
    }
    .ActivationWeGive>.ActivationWeGiveH1{
        font-size: 24px;
        font-weight: 400;
    }
    .ActivationWeGive>.ActivationWeGiveH2{
        font-size: 18px;
        font-weight: 400;
    }
    .ActivationWeGive>.WeGiveViewNotActive>.WeGiveViewNotAllInfo{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .WeGiveViewNotAllInfo:before{
        top: 0;
    }
    .WeGiveViewNotTextInfo{
        padding-top: 20px;
    }
    .WeGiveViewNotActive>.WeGiveViewNotAllInfo:before {
        width: 20px;
        left: -20px;
        height: 100%;
    }
    .WeGiveViewNotActive>.WeGiveViewNotAllInfo:after {
        content: "";
        position: absolute;
        top: 0;
        width: 20px;
        right: -20px;
        height: 100%;
        background-color:  rgba(116,164,247,0.5);
    }
    .ActivationWeStandartDistributive{
        flex-wrap: wrap;
        justify-content: center;
    }
}

.MobiusTrader7TopTerminals>div{
    height: 25px;
    font-size: 18px;
    font-weight: 700;
    color: #4a90e2;
    padding-left: 30px;
    display: flex;
    align-items: flex-end;
    width: auto;
    margin-right: 15px;
    margin-top: 10px;
}

.MobiusTrader7TopTerminalsElement01>div{
    position: relative;
    top: -2px;
    left: 2px;
}
.MobiusTrader7TopTerminalsElement02{
    position: relative;
    top: -2px;
    left: 2px;
}
.MobiusTrader7TopTerminalsElement03{
    position: relative;
    top: -1px;
    left: 2px;
}
.MobiusTrader7TopTerminalsElement03>div{
    position: relative;
    top: -1px;
    left: 2px;
}
.MobiusTrader7TopTerminalsElement04>div{
    position: relative;
    top: -2px;
    left: 2px;
}
.MobiusTrader7TopTerminalsElement05>div{
    position: relative;
    top: -2px;
    left: 2px;
}
.MobiusTrader7TopTerminalsElement06>div{
    position: relative;
    top: -2px;
    left: 5px;
}

.APITitle{
    font-weight: 400;
    font-size: 52px;
    color: black;
    text-align: left;
    padding-bottom: 60px;
}

.APIText{
    font-weight: 400;
    font-size: 22px;
    color: black;
}

.APIText01{
    padding-bottom: 40px;
}

.APIGridTop{
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    grid-column-gap: 50px;
    border-left: 11px solid #eff4f9;
}

.APIGridTopImg{
    padding-left: 33px;
}

.APIGridTop>.APIText{
    padding-right: 40px;
}

.APIGridMain{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    background-color: #eff4f9;
    width: 100%;
    min-height: 285px;
    margin-top: 80px;
}

.APIGridMainElement{
    max-width: 229px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.APIGridMainElementImg{
    padding-bottom: 20px;
}


@media only screen and (max-width: 600px) {
    .APIGridTop{
        display: block;
        border-left: none;
    }
    .APIGridMain{
        position: relative;
    }
    .APIGridMain:before{
        content: "";
        position: absolute;
        left: -20px;
        background-color: #eff4f9;
        height: 100%;
        width: 20px;
    }
    .APIGridMain:after{
        content: "";
        position: absolute;
        right: -20px;
        background-color: #eff4f9;
        height: 100%;
        width: 20px;
    }
    .APIText{
        font-size: 18px;
    }
    .APIGridTopImg{
        padding-bottom: 30px;
    }
    .APIGridMain{
        margin-top: 30px;
    }
}

.APIGridMainElementText{
    line-height: 1.5;
}

.MaterialsIndexFlex{
    display: flex;
    align-items: center;
}

.MaterialsIndexTitle{
    font-size: 52px;
    padding-bottom: 25px;
}

.MaterialsIndexOut{
    display: flex;
    justify-content: center;
    width: 100%;
}

.MaterialsIndex{
    width: auto;
}

.MaterialsIndexFlex{
    padding-top: 15px;
}

.MaterialsIndexFlex>img{
    margin-right: 19px;
}

@media only screen and (max-width: 1000px) {
    .MaterialsIndexOut{
        justify-content: center;
    }

    .MaterialsIndex{
        width: auto;
    }

}
@media only screen and (max-width: 600px) {
    .MaterialsIndexTitle{
        font-size: 36px;
    }
}

.PageTerminal>.MainMenuGlobal{
    max-width: 1058px;
    max-height: 99px;
}
@media only screen and (max-width: 950px) {
    .PageTerminal>.MainMenuGlobal{
        max-height: unset;
    }
}
.TerminalAndroid{
    font-family: Geometria, sans-serif;
}

.TerminalAndroidIn{

    background-color: white;
    max-width: 1078px;
    margin: auto;
}

.TerminalAndroidInPart01{
    display: grid;
    grid-template-columns: 3fr 1fr auto;
    height: 638px;
    padding-top: 30px;
}

.TerminalAndroidTitle{
    font-weight: 700;
    font-size: 30px;
    color: #413422;
    padding-top: 8px;
    grid-column: 1/span 3;
    grid-row: 1 ;
}

.TerminalAndroidInTitleGridButtons{
    grid-column: 3;
    grid-row: 1;
    display: flex;
    /*justify-content: space-around;*/
    /*align-items: center;*/
    /*background-color: #1b2337;*/
    /*border-radius: 25px;*/
    /*color: white;*/
    background: url(assets/95d7370856d8ee3867b0.svg) no-repeat;
    width: 245px;
    height: 42px;
}


.TerminalAndroidInPart01Left{
    grid-column: 1;
    grid-row: 3;
}

.TerminalAndroidInPart01Right{
    grid-column: 2;
    grid-row: 2;
}

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

    .TerminalAndroidInPart01{
        height: 800px;
    }
}


.TerminalAndroidInPartStore{
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    grid-column: 1 /span 3;
    grid-row: 2;
}


.TerminalAndroidInPart01Right{
    grid-column: 3;
    grid-row: 2 /span 3;
    position: relative;

}

@media only screen and (max-width: 950px) {
    .TerminalAndroidInPart01Right {
        grid-column: 3;
        grid-row: 3;
        position: relative;

    }
}

.TerminalAndroidInPart01LeftText{
    font-weight: 400;
    font-style: italic;
    font-size: 18px;
    color: #413422;
    padding-left: 26px;
}


.TerminalAndroidInPart01LeftTextMain{
    font-weight: 400;
    font-size: 18px;
    color: #413422;
    line-height: 30px;
}

.TerminalAndroidInPart02{
    background-color: #f3f3ef;
    height: 518px;
    position: relative;
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 66px;
    padding-top: 37px;
}

.TerminalAndroidInPart01RightMainImage{
    position: absolute;
    top: 60px;
    left: -6px;

}

.TerminalAndroidInPart02Left{
    overflow: hidden;
}

.TerminalAndroidInPart02Left>img{
    position: relative;
    top: -120px;
}

.TerminalAndroidInPart02Right>ul,.TerminalAndroidInPart03Left>ul{
    padding: 0;
}

.TerminalAndroidInPart02RightiPhoneDesktop>.TerminalAndroidTitleH2{
    margin-top: 40px;
}

.TerminalAndroidInPart02Right>ul>li,.TerminalAndroidInPart03Left>ul>li{
    line-height: 27px;
    color: #413422;
    font-size: 16px;
    list-style: none;
    margin-top: 25px;
}

.TerminalAndroidInPart02Right>ul>li:before,.TerminalAndroidInPart03Left>ul>li:before{
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #ff9306;
    margin-right: 10px;
    margin-top: 5px;
    display: block;
    float: left;
    position: relative;
    top: 3px;
}

.TerminalAndroidInPart02Right>.TerminalAndroidTitleH2,.TerminalAndroidInPart03Left>.TerminalAndroidTitleH2{
    padding: 0 30px 0 0;
    font-size: 24px;
    line-height: 28px;
    color: #413422;
}

.TerminalAndroidInPart03Left>div{
    padding-top: 0;
}

.TerminalAndroidInPart03{
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 50px;
    grid-template-rows: auto;
    padding-top: 37px;
}


.TerminalAndroidInPart03Right>img{
    height: auto;
}


.TerminalAndroidInTitleGridButtons{
    justify-self: flex-end;
}

@media only screen and (max-width: 1050px) {
    .TerminalAndroidInPart02{
        height: auto;
        padding-top: 35px;
    }
    .TerminalAndroidInPart02Left>img{
        top: 0;
    }

}
@media only screen and (max-width: 700px) {
    .TerminalAndroidInPart02Right>.TerminalAndroidTitleH2,.TerminalAndroidInPart03Left>.TerminalAndroidTitleH2{
        padding-top: 20px;
    }
    .TerminalAndroidInPart03,.TerminalAndroidInPart02{
        padding-top: 0;
    }
}


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

    .TerminalAndroidInPart03{
        margin-top: 0;}
    .iPadTerminalPadInPart01RightMainImage{
        display: none;
    }
    .TerminalAndroidInPart01Right>div>.TerminalComponent3IMGCircles{
        margin-bottom: 20px;
    }

}


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

    .TerminalAndroidInPart01LeftTextMain{
        font-size: 18px;
    }
    .TerminalAndroidiPhone>.TerminalAndroidIn>.TerminalAndroidInPart01>.TerminalAndroidInPart01Right{
        grid-column: 1/span 3;
    }
    .TerminalAndroidInPart03Right{
        height: auto;
    }

}



@media only screen and (max-width: 700px) {
    .TerminalAndroidInPart02Right,.TerminalAndroidInPart03Left,.TerminalAndroidInPart01LeftTextMain{
    padding-right: 10px;
    padding-left: 10px;
    }
    .TerminalAndroidInPartStore{
        justify-content: center;
    }

    .TerminalAndroidInPart01{
        grid-template-columns: auto;
        height: auto;
    }
    .TerminalAndroidTitle{
        grid-column: 1;
        grid-row: 1 ;
        text-align: center;
    }

    .TerminalAndroidInPartStore{
        grid-column: 1;
        grid-row: 3;
    }

    .TerminalAndroidInTitleGridButtons{
        flex-direction: row;
        grid-column: 1;
        grid-row: 2;
        justify-self: center;
        margin-top: 10px;

    }


    .TerminalAndroidInPart01Left{
        grid-column: 1;
        grid-row: 5;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .TerminalAndroidInPart01Right{
        top: 0;
        grid-column: 1;
        grid-row: 4;
        display: flex;
        justify-content: center;
    }

    .TerminalAndroidInPart02{
        top: 20px;
        background-color: white;
        grid-template-columns: auto;
    }
    .TerminalAndroidInPart02Left{
        margin: auto;
    }
    .TerminalAndroidInPart03{
        grid-template-columns: auto;
    }
    .TerminalAndroidInPart03Right{

        display: flex;
        justify-content: center;
    }


    .TerminalAndroidInPart02Right>.TerminalAndroidTitleH2{
        font-size: 22px;
    }

    .TerminalAndroidIn>.StandartIn{
        padding-right: 0;
        padding-left: 0;
    }
    .TerminalAndroidInPart02Left>img,.TerminalAndroidInPart03Right>img{
        width: 100%;
        object-fit: contain;
    }
    .TerminalAndroidInPart03{
        display: flex;
        flex-direction: column;
    }
    .TerminalAndroidInPart03Right{
        order: 1;
    }
    .TerminalAndroidInPart03Left{
        order: 2;
    }


}
@media only screen and (max-width: 430px) {
    .TerminalAndroidInPart01Right{
        height: auto;
    }

}

@media only screen and (max-width: 400px) {
    .TerminalAndroidInPart01LeftStore{
        line-height: 40px;
        padding-left: 2px;
        padding-right: 20px;
    }
    .TerminalAndroidInPart01LeftText{
        line-height: 30px;
        padding-left: 2px;
        padding-bottom: 10px;
    }
    .TerminalAndroidInPart03Right{
        order: 1;
    }
    .TerminalAndroidInPart03Left{
        order: 2;
    }
    .TerminalAndroidInPart03Right{
        display: block;
    }
}


@media only screen and (max-width: 330px) {
    .TerminalAndroidInTitleGridButtons>a{
        margin-left: 2px;
    }
}

.TerminalComponent3IMGCircles>div{
    cursor: pointer;

    margin-left: 9px;
    display: inline-block;
    width: 10px;
    height: 10px;

    border-radius: 50%;}

.BlockNewsChangeMarked3Img{
    background: #2f4563;
}


.BlockNewsChangeMarked3ImgNo{
    background: #e9eaea;
}

.TerminalComponent3IMGCircles{
    display: flex;
    justify-content: center;
    margin-top: 33px;
    margin-bottom: 100px;
}

.TerminalComponent3IMGImage{
    width: 460px;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 0;
}


@media only screen and (max-width: 800px) {
    .TerminalComponent3IMGCircles>div{
        position: relative;
        top: -30px;
        margin-left: 25px;
        width: 30px;
        height: 30px;}
}

@media only screen and (max-width: 700px) {
    .TerminalComponent3IMGImage{
        width: auto;
    }
    .TerminalComponent3IMGCircles{
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 430px) {
    .TerminalComponent3IMGImage,.TerminalComponent3IMGImage>img{
        width: 100%;
        object-fit: contain;
    }
    .TerminalComponent3IMGImage{
        height: auto;
        display: block;
    }
}


.PageTerminal>main{
    max-width: 1058px;
    margin: auto;
}

.PageTerminal>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>.MainMenuGlobalHrefMobius>.mobiusTraderLogoBlackActive{
    display: block;
}.PageTerminal>header>.MainMenuGlobalAll>.MainMenuGlobalSecondPart>.MainMenuGlobalHrefMobius>.mobiusTraderLogoBlackNo{
    display: none;
}

.TerminalMenu{
    margin: 25px auto auto;
    max-width: 1080px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.IMGTerminalMenuNoActive{
    display: none;
}

.IMGTerminalMenuHover{
    display: none;
}
.IMGTerminalMenuActive{
    display: none;
}

.TerminalMenuLink:hover>.IMGTerminalMenuHover{
    display: block;
}
.TerminalMenuLink:hover>.IMGTerminalMenu{
    display: none;
}

.TerminalMenuLink>.IMGTerminalMenuNoActive{
    display: none;
}

.TerminalMenuLinkActive>.IMGTerminalMenu{
    display: none;
}
.TerminalMenuLinkActive>.IMGTerminalMenuActive{
    display: block;
}
.TerminalMenuLinkActive:hover>.IMGTerminalMenuHover{
    display: none;
}

.TerminalMenuLinkTo{
    margin-left: 15px;
    margin-top: 15px;
}
.TerminalMenuLink{
    display: flex;
    font-size: 15px;
    align-items: center;
    margin-right: 15px;
    margin-left: 15px;
}
.TerminalMenuLink:hover{
    color: green;
    text-decoration: none;
}

.TerminalMenuLinkActive{
    background-color: #146bb4;
    padding: 5px 15px 5px 0 ;
    border-radius: 22px;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.TerminalMenuLinkActive>.TerminalMenuLinkText{
    color: white;
}

.TerminalMenuLinkLineTo{
    color: #bec8d9;
    font-size: 22px;
    text-decoration: none;
    margin-left: 5px;
}

.TerminalMenuLinkTo{
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 800px) {
    .TerminalMenu{
        justify-content: center;
    }
}

.TerminalAndroidTabletiPhone{
    font-family: 'Geometria', sans-serif;
}

.TerminalAndroidTabletTitle{
    font-weight: 700;
    font-size: 30px;
    color: #413422;
    padding-top: 8px;
}

.TerminalAndroidTabletIn{
    font-family: Geometria, sans-serif;
}

.TerminalAndroidTabletInPart01{
    display: grid;
    grid-template-columns: 3fr 1fr auto;
    grid-template-rows: 50px 120px;
    padding-top: 30px;
    min-height: 600px;
}

.TerminalTabInTitleGridButtons{
    grid-column: 3;
    grid-row: 1;
    display: flex;
    background: url(assets/6443be8a3b6268f88231.svg) no-repeat;
    width: 245px;
    height: 42px;
    justify-self: flex-end;
}



.TerminalAndroidTabletTitle{
    grid-column: 1/span 3;
    grid-row: 1 ;
}

.TerminalAndroidTabletInTitleGridButtons{
    grid-column: 3;
    grid-row: 1;
    display: flex;
    justify-content: space-around;
}


.TerminalAndroidTabletInPart01Left{
    grid-column: 1;
    grid-row: 3;
    padding-bottom: 20px;
}

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

    .TerminalAndroidTabletInTitleGridButtons>a{
        padding-bottom: 10px;
    }
    .TerminalAndroidTabletInPart01Right{
        top: -40px;
    }
}


.TerminalAndroidTabletInPart02{
    padding-top: 40px;
}




.TerminalAndroidTabletInPart01Right>.TerminalComponent3IMG>.TerminalComponent3IMGImage{
    position: absolute;
    top: 132px;
    left: 43px;
}

.TerminalAndroidTabletInPartStore{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    grid-column: 1 /span 3;
    grid-row: 2;

}

.TerminalAndroidTabletInPart01LeftStore>img{
    height: 50px;
}

.TerminalAndroidTabletInPart01LeftText{
    font-weight: 400;
    font-style: italic;
    font-size: 18px;
    color: #413422;
    padding-left: 26px;
}

.TerminalAndroidTabletInPart01Right{
    grid-column: 3;
    grid-row: 2 /span 3;
    position: relative;

}

.TerminalAndroidTabletInPart01Right>img{
    position: relative;

    top: 60px;
}
@media only screen and (max-width: 1150px) {
    .TerminalAndroidTabletInPart01Right{
        left: -50px;
    }
}
@media only screen and (max-width: 1050px) {
    .TerminalAndroidTabletInPartStore{
        grid-column: 1 /span 3;
        grid-row: 2;
    }



}
@media only screen and (max-width: 950px) {
    .TerminalAndroidTabletInPart01Right {
        grid-row: 3;
        position: relative;

    }
}


.TerminalAndroidTabletInPart01LeftTextMain{
    font-weight: 400;
    font-size: 18px;
    color: #413422;
    line-height: 30px;
}



.TerminalAndroidTabletInPart02{
    background-color: #f3f3ef;
    height: 518px;
    position: relative;
    display: grid;
    grid-template-columns: 4fr 3fr;
    grid-column-gap: 66px;}

.TerminalAndroidTabletInPart01RightMainImage{
    position: absolute;
    top: 60px;
    left: -6px;

}

.TerminalAndroidTabletInPart02Left>img{
    position: relative;
    right: 0;
}
.TerminalAndroidTabletInPart03{
    position: relative;
}
.TerminalAndroidTabletInPart03Right{
    position: relative;
}

.TerminalAndroidTabletInPart02Right>ul,.TerminalAndroidTabletInPart03Left>ul{
    padding: 0;
    padding-right: 15px;
}

.TerminalAndroidTabletInPart02RightiPhoneDesktop>.TerminalAndroidTabletTitleH2{
    margin-top: 40px;
}


.TerminalAndroidTabletInPart02Right>ul>li,.TerminalAndroidTabletInPart03Left>ul>li{
    line-height: 27px;
    color: #413422;
    font-size: 16px;
    list-style: none;
    margin-top: 25px;
}

.TerminalAndroidTabletInPart02Right>ul>li:before,.TerminalAndroidTabletInPart03Left>ul>li:before{
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #ff9306;
    margin-right: 10px;
    margin-top: 5px;
    display: block;
    float: left;
    position: relative;
    top: 3px;
}

.TerminalAndroidTabletInPart02Right>.TerminalAndroidTabletTitleH2,.TerminalAndroidTabletInPart03Left>.TerminalAndroidTabletTitleH2{
    padding: 0 30px 0 0;
    font-size: 24px;
    line-height: 28px;
    color: #413422;
}







@media only screen and (max-width: 700px) {
    .TerminalAndroidTabletInPart02Right>.TerminalAndroidTabletTitleH2,.TerminalAndroidTabletInPart03Left>.TerminalAndroidTabletTitleH2 {
        padding-top: 20px;
    }
}

.TerminalAndroidTabletInPart03{
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 50px;
    grid-template-rows: auto;
    padding-top: 37px;
    padding-bottom: 30px;
}

.TerminalAndroidTabletInPart03Right{
    height: 100%;
}

.TerminalAndroidTabletInPart03Right>img{
    height: auto;
}


@media only screen and (max-width: 1050px) {
    .TerminalAndroidTabletInPart02{
        height: auto;
    }
    .TerminalAndroidTabletInPart02Left>img{
        top: 0;
    }

}
@media only screen and (max-width: 900px) {
    .TerminalAndroidTabletInTitleGridButtons{
        justify-content: center;
    }
    .TerminalAndroidTabletInPart03{
        margin-top: 0;}
}


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

    .TerminalAndroidTabletInPart01LeftTextMain{
        font-size: 18px;
    }
    .TerminalAndroidTabletiPhone>.TerminalAndroidTabletIn>.TerminalAndroidTabletInPart01>.TerminalAndroidTabletInPart01Right{
        grid-column: 1/span 3;
    }
    .TerminalAndroidTabletInTitleGridButtons{
        flex-direction: column;
        grid-row: 1 /span 2;
        justify-self: flex-end;
        align-self: flex-start;
    }
    .TerminalAndroidTabletInPart03Right{
        height: auto;
    }
    .TerminalAndroidInPart01RightMainImage{
        display: none;
    }
    .TerminalAndroidTabletInPart01Right>.TerminalComponent3IMG>.TerminalComponent3IMGImage{
        position: static;
    }

}

.TerminalAndroidTabletInTitleGridButtons{
    height: auto;
}

.TerminalAndroidTabletInTitleGridButtons>a{
    height: 49px;
}

@media only screen and (max-width: 700px) {
    .TerminalAndroidTabletInPart02Right,.TerminalAndroidTabletInPart03Left,.TerminalAndroidTabletInPart01LeftTextMain{
        padding-right: 10px;
        padding-left: 10px;
    }
    .TerminalAndroidTabletInPartStore{
        justify-content: center;
    }

    .TerminalAndroidTabletInPart01{
        grid-template-columns: auto;
        height: auto;
    }
    .TerminalAndroidTabletTitle{
        grid-column: 1;
        grid-row: 1 ;
        text-align: center;
    }

    .TerminalAndroidTabletInPartStore{
        grid-column: 1;
        grid-row: 3;
    }

    .TerminalAndroidTabletInTitleGridButtons{
        flex-direction: row;
        grid-column: 1;
        grid-row: 2;
        justify-self: center;
        margin-top: 10px;

    }

    .TerminalAndroidTabletInPart01RightMainImage{
        display: none;
    }


    .TerminalAndroidTabletInPart01Left{
        grid-column: 1;
        grid-row: 5;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .TerminalAndroidTabletInPart01Right{
        top: 0;
        grid-column: 1;
        grid-row: 4;
        display: flex;
        justify-content: center;
    }

    .TerminalAndroidTabletInPart03{
        grid-template-columns: auto;
    }
    .TerminalAndroidTabletInPart03Right{
        justify-content: center;
    }


    .TerminalAndroidTabletInPart02Right>.TerminalAndroidTabletTitleH2{
        font-size: 22px;
    }

    .TerminalAndroidTabletIn>.StandartIn{
        padding-right: 0;
        padding-left: 0;
    }

    .TerminalAndroidTabletInPart03{
        padding-top: 0;
    }
}
@media only screen and (max-width: 430px) {
    .TerminalAndroidTabletInPart01Right{
        height: auto;
    }
    .TerminalAndroidTabletInPart02Left>img,.TerminalAndroidTabletInPart03Right>img{
        width: 100%;
        object-fit: contain;
    }
}

@media only screen and (max-width: 400px) {
    .TerminalAndroidTabletInPart01LeftStore{
        line-height: 40px;
        padding-left: 2px;
        padding-right: 20px;
    }
    .TerminalAndroidTabletInPart01LeftText{
        line-height: 30px;
        padding-left: 2px;
        padding-bottom: 10px;
    }
}


@media only screen and (max-width: 330px) {
    .TerminalAndroidTabletInTitleGridButtons>a{
        margin-left: 2px;
    }
}

.TerminalAndroidTablet{
    font-family: 'Geometria', sans-serif;
}

.TerminalAndroidTabletTitle{
    font-weight: 700;
    font-size: 30px;
    color: #413422;
    padding-top: 8px;
}

.TerminalIn{
    font-family: Geometria, sans-serif;
}


.TerminalAndroidTabletIn{
    font-family: Geometria, sans-serif;
}

.TerminalAndroidTabletInPart01Right>.TerminalComponent3IMG>.TerminalComponent3IMGCircles{
    margin-bottom: 20px;

}

.TerminalAndroidTabletInPart01{
    display: grid;
    grid-template-columns: 3fr 1fr 500px;
    padding-top: 30px;
}

@media only screen and (max-width: 1050px) {
    .TerminalAndroidTablet>.TerminalAndroidTabletIn>.TerminalAndroidTabletInPart01>.TerminalAndroidTabletInPart01Right{
        grid-row: 3;
    }

}

@media only screen and (max-width: 615px) {
    .TerminalAndroidTablet>.TerminalAndroidTabletIn>.TerminalAndroidTabletInPart03>.TerminalAndroidTabletInPart03Right>img{
        width: 100%;
        object-fit: contain;
    }
}

@media only screen and (max-width: 900px) {
    .TerminalAndroidTabletInPart01{
        grid-template-columns: auto;
        height: auto;
    }
    .TerminalAndroidTabletInPart01{
        grid-template-columns: auto;
        height: auto;
    }
    .TerminalAndroidTabletTitle{
        grid-column: 1;
        grid-row: 1 ;
    }

    .TerminalAndroidTabletInPart01RightMainImage{
        display: none;
    }

    .TerminalAndroidTabletInPart01Left{
        grid-column: 1;
        grid-row: 5;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .TerminalAndroidTablet>.TerminalAndroidTabletIn>.TerminalAndroidTabletInPart01>.TerminalAndroidTabletInPart01Right{
        top: 0;
        grid-column: 1;
        grid-row: 4;
        display: flex;
        justify-content: center;
    }
}

.TerminalAndroidTabletInPart02{
    height: auto;}


.TerminalAndroidTabletInPart02Left>img,.TerminalAndroidTabletInPart03Right>img{
    margin: auto;
}

@media only screen and (max-width: 615px) {
    .TerminalAndroidTabletInPart03Right{
        width: 100%;
    }
    .TerminalAndroidTabletInPart02Left{
        width: 100%;
    }
    .TerminalAndroidTabletInPart02Left>img,.TerminalAndroidTabletInPart03Right>img{
        width: 100%;
    }
}


.TerminalAndroidTabletPadInPart01RightMainImage{
    position: relative;
    top: 60px;
    left: -16px;
    width: 560px;
}

.TerminalAndroidTabletPadInPart01Right>.TerminalComponent3IMG>.TerminalComponent3IMGImage{
    position: absolute;
    top: 130px;
    left: 38px;
}

.TerminalAndroidTabletInPart01Right>.TerminalComponent3IMG>.TerminalComponent3IMGCircles{
    position: absolute;
    top: 10px;
    left: 238px;
}

@media only screen and (max-width: 900px) {
    .TerminalAndroidTablet>.TerminalAndroidTabletIn>.TerminalAndroidTabletInPart01>.TerminalAndroidTabletInPart01Right{
        grid-column: 1/span 3;
    }

    .TerminalAndroidTabletPadInPart01Right>.TerminalComponent3IMG>.TerminalComponent3IMGImage{
        position: static;
        left: 0;
    }
    .TerminalAndroidTabletInPart01Right>.TerminalComponent3IMG>.TerminalComponent3IMGCircles{
        position: static;
    }
}

@media only screen and (max-width: 700px) {
    .TerminalComponent3IMGImage>img {
        width: 100%;
    }
}
@media only screen and (max-width: 615px) {
    .TerminalAndroidTabletInPart02Left{
        width: 100%;
    }
    .TerminalAndroidTabletInPart02,.TerminalAndroidTabletInPart03{
        padding-right: 0;
        padding-left: 0;
    }
}

@media only screen and (max-width: 1300px) {
    .TerminalAndroidTabletInPart02Left{
        position: relative;
    }
    .TerminalAndroidTabletInPart02{
        padding-left: 0;
        grid-template-columns: 4fr 3fr;
        position: relative;
    }
    .TerminalAndroidTabletInPart02>.TerminalAndroidTabletInPart02Left>img{
        position: absolute;
    }
    .TerminalAndroidTabletInPart02Left:before{
        content: '';
        height: 100%;
        width: 200px;
        position: absolute;
        top: 0;
        left: -225px;
        z-index: 10;
        background-color: #edf1f1;
    }
    .TerminalAndroidTabletInPart02:before{
        content: '';
        height: 100%;
        width: 505px;
        position: absolute;
        top: 0;
        left: -505px;
        z-index: 10;
        background-color: #edf1f1;
    }
    .TerminalAndroidTabletInPart03{
        display: grid;
        grid-template-columns: 400px auto;
        grid-column-gap: 50px;
        grid-template-rows: auto;
    }
    .TerminalAndroidTabletInPart03>.TerminalAndroidTabletInPart03Right{overflow: hidden;}


    .TerminalAndroidTabletInPart03>.TerminalAndroidTabletInPart03Right>img{
        position: absolute;
        left: -3px;
        overflow: hidden;

    }
    .TerminalAndroidTabletInPart03:after{
        content: '';
        height: 100%;
        width: 20px;
        position: absolute;
        top: 0;
        right: -20px;
        z-index: 10;
        background-color: white;
    }
}

@media only screen and (max-width: 615px) {
    .TerminalAndroidTabletInPart03>.TerminalAndroidTabletInPart03Right>img{
        left: 0;
    }
}


@media only screen and (max-width: 615px) {
.TerminalAndroidTabletInPart02,.TerminalAndroidTabletInPart03{
    grid-template-columns: auto;
}
    .TerminalAndroidTabletInPart02>.TerminalAndroidTabletInPart02Left>img,.TerminalAndroidTabletInPart03>.TerminalAndroidTabletInPart03Right>img{
        position: relative;
    }
    .TerminalAndroidTabletInPart03{
        display: flex;
        flex-direction: column;
    }
    .TerminalAndroidTabletInPart03Right{
        order: 1;
    }
    .TerminalAndroidTabletInPart03Left{
        order: 2;
    }
    .TerminalAndroidTabletInPart03:after{
        width: 0;
    }

}
@media only screen and (max-width: 615px) {
    .TerminalAndroidTablet>.StandartIn{
        padding-left: 0;
        padding-right: 0;

    }
}

.TerminalAndroidTabletIn>.StandartIn{
    padding-right: 0;
}


@media only screen and (max-width: 900px) {
    .TerminalAndroidTabletInPart01Right{
        left: unset;
        grid-column: 1/span 3;
    }    .TerminalAndroidTabletInPart01Left{
             left: unset;
             grid-column: 1/span 3;
         }
    .TerminalComponent3IMGImage{
        width: auto;
    }
    .TerminalAndroidTabletInPart01Left{
        margin-top: 0;
    }
    .TerminalAndroidTabletInPart01LeftTextMain{
        padding-top: 0;
    }
}

.TerminalAndroidTabletInPart01Right>.TerminalComponent3IMG>.TerminalComponent3IMGImage>img{
    position: relative;
    left: -5px;
    top: 2px;

}

@media only screen and (max-width: 1100px) {
    .TerminalAndroidTabletInPart02{
        grid-template-columns: auto auto;
    }
    .TerminalAndroidTabletInPart02Left{
        overflow: hidden;
    }
}


@media only screen and (max-width: 900px) {
    .TerminalAndroidTabletInPart01Right>.TerminalComponent3IMG>.TerminalComponent3IMGImage>img{
        left: 0;
    }
}

@media only screen and (max-width: 700px) {
    .TerminalAndroidTabletInPart01Right,.TerminalAndroidTabletInPart01Left{
        grid-column: 1;
    }
    .TerminalAndroidTabletInPart01Left{
        padding-top: 20px;
    }

    .TerminalAndroidTabletInPart01{
        grid-template-rows: auto;
    }
    .TerminalTabInTitleGridButtons{
        grid-column: 1;
    }
}

.iPadTerminal{
    font-family: Geometria, sans-serif;
}
.iPadTerminalTitle{
    font-weight: 700;
    font-size: 30px;
    color: #413422;
    padding-top: 8px;
}


.iPadTerminalPadInPart01RightMainImage{
    margin-top: 50px;
}

.iPadTerminalPadInPart01RightMainImage>img{

    position: relative;
    left: -1px;
    top: -51px;
}

.iPadTerminalInPart01LeftStore>a>img{
    height: 50px;
}

.iPadTerminalInPart01{
    display: grid;
    grid-template-columns: 3fr 1fr auto;
    grid-template-rows: 50px 120px;
    padding-top: 30px;
    min-height: 600px;
}


.iPadTerminalTitle{
    grid-column: 1/span 3;
    grid-row: 1 ;
}

.iPadTerminalInTitleGridButtons{
    grid-column: 3;
    grid-row: 1;
    display: flex;
    background: url(assets/6443be8a3b6268f88231.svg) no-repeat;
    width: 245px;
    height: 42px;
    justify-self: flex-end;
}


.iPadTerminalInPart01Left{
    grid-column: 1;
    grid-row: 3;
    padding-bottom: 20px;
}


.iPadTerminalInPart02{
    padding-top: 40px;
}




.iPadTerminalInPart01Right>.TerminalComponent3IMG>.TerminalComponent3IMGImage{
    position: absolute;
    top: 132px;
    left: 43px;
}

.iPadTerminalInPartStore{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    grid-column: 1 /span 3;
    grid-row: 2;

}

.iPadTerminalInPart01LeftStore>img{
    height: 50px;
}

.iPadTerminalInPart01LeftText{
    font-weight: 400;
    font-style: italic;
    font-size: 18px;
    color: #413422;
    padding-left: 26px;
}

.iPadTerminalInPart01Right{
    grid-column: 3;
    grid-row: 2 /span 3;
    position: relative;
    left: -40px;
}

.iPadTerminalInPart01Right>img{
    margin-top: 20px;
    position: relative;
    top: 60px;
}
@media only screen and (max-width: 1150px) {
    .iPadTerminalInPart01Right{
        left: -50px;
    }
}
@media only screen and (max-width: 1050px) {
    .iPadTerminalInPartStore{
        grid-column: 1 /span 3;
        grid-row: 2;
    }



}
@media only screen and (max-width: 950px) {
    .iPadTerminalInPart01Right {
        grid-row: 3;
        position: relative;

    }
}


.iPadTerminalInPart01LeftTextMain{
    font-weight: 400;
    font-size: 18px;
    color: #413422;
    line-height: 30px;
}



.iPadTerminalInPart02{
    background-color: #f3f3ef;
    height: 518px;
    position: relative;
    display: grid;
    grid-template-columns: 4fr 3fr;
    grid-column-gap: 66px;}

.iPadTerminalInPart01RightMainImage{
    position: absolute;
    top: 60px;
    left: -6px;

}

.iPadTerminalInPart02Left>img{
    position: relative;
    right: 0;
}
.iPadTerminalInPart03Right{
    position: relative;
}

.iPadTerminalInPart02Right>ul,.iPadTerminalInPart03Left>ul{
    padding: 0;
    padding-right: 15px;
}

.iPadTerminalInPart02RightiPhoneDesktop>.iPadTerminalTitleH2{
    margin-top: 40px;
}


.iPadTerminalInPart02Right>ul>li,.iPadTerminalInPart03Left>ul>li{
    line-height: 27px;
    color: #413422;
    font-size: 16px;
    list-style: none;
    margin-top: 25px;
}

.iPadTerminalInPart02Right>ul>li:before,.iPadTerminalInPart03Left>ul>li:before{
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #ff9306;
    margin-right: 10px;
    margin-top: 5px;
    display: block;
    float: left;
    position: relative;
    top: 3px;
}

.iPadTerminalInPart02Right>.iPadTerminalTitleH2,.iPadTerminalInPart03Left>.iPadTerminalTitleH2{
    padding: 0 30px 0 0;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #413422;
}

.iPadTerminalInPart03{
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 50px;
    grid-template-rows: auto;
    padding-top: 37px;
    padding-bottom: 30px;
}

.iPadTerminalInPart03Right{
    height: 100%;
}

.iPadTerminalInPart03Right>img{
    height: auto;
}


@media only screen and (max-width: 1050px) {
    .iPadTerminalInPart02{
        height: auto;
    }
    .iPadTerminalInPart02Left>img{
        top: 0;
    }

}
@media only screen and (max-width: 900px) {

    .iPadTerminalInPart03{
        margin-top: 0;}
}


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

    .iPadTerminalInPart01LeftTextMain{
        font-size: 18px;
    }
    .iPadTerminaliPhone>.iPadTerminalIn>.iPadTerminalInPart01>.iPadTerminalInPart01Right{
        grid-column: 1/span 3;
    }
    .iPadTerminalInPart03Right{
        height: auto;
    }
    .TerminalAndroidInPart01RightMainImage{
        display: none;
    }
    .iPadTerminalInPart01Right>.TerminalComponent3IMG>.TerminalComponent3IMGImage{
        position: static;
    }

}


@media only screen and (max-width: 700px) {
    .iPadTerminalInPart02Right,.iPadTerminalInPart03Left,.iPadTerminalInPart01LeftTextMain{
        padding-right: 10px;
        padding-left: 10px;
    }
    .iPadTerminalInPartStore{
        justify-content: center;
    }

    .iPadTerminalInPart01{
        grid-template-columns: auto;
        height: auto;
    }
    .iPadTerminalTitle{
        grid-column: 1;
        grid-row: 1 ;
        text-align: center;
    }

    .iPadTerminalInPartStore{
        grid-column: 1;
        grid-row: 3;
    }

    .iPadTerminalInTitleGridButtons{
        flex-direction: row;
        grid-column: 1;
        grid-row: 2;
        justify-self: center;
        margin-top: 10px;

    }

    .iPadTerminalInPart01RightMainImage{
        display: none;
    }


    .iPadTerminalInPart01Left{
        grid-column: 1;
        grid-row: 5;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .iPadTerminalInPart01Right{
        top: 0;
        grid-column: 1;
        grid-row: 4;
        display: flex;
        justify-content: center;
    }

    .iPadTerminalInPart03{
        grid-template-columns: auto;
    }
    .iPadTerminalInPart03Right{
        justify-content: center;
    }


    .iPadTerminalInPart02Right>.iPadTerminalTitleH2{
        font-size: 22px;
    }

    .iPadTerminalIn>.StandartIn{
        padding-right: 0;
        padding-left: 0;
    }
    .iPadTerminalInPart02,.iPadTerminalInPart03{
        padding-top: 0;
    }
    .iPadTerminalInPart02Right>.iPadTerminalTitleH2, .iPadTerminalInPart03Left>.iPadTerminalTitleH2{
        padding-top: 20px;
    }
}
@media only screen and (max-width: 430px) {
    .iPadTerminalInPart01Right{
        height: auto;
    }
    .iPadTerminalInPart02Left>img,.iPadTerminalInPart03Right>img{
        width: 100%;
        object-fit: contain;
    }
}

@media only screen and (max-width: 400px) {
    .iPadTerminalInPart01LeftStore{
        line-height: 40px;
        padding-left: 2px;
        padding-right: 20px;
    }
    .iPadTerminalInPart01LeftText{
        line-height: 30px;
        padding-left: 2px;
        padding-bottom: 10px;
    }
}


@media only screen and (max-width: 330px) {
    .iPadTerminalInTitleGridButtons>a{
        margin-left: 2px;
    }
}

.iPadTerminal{
    font-family: 'Geometria', sans-serif;
}

.iPadTerminalTitle{
    font-weight: 700;
    font-size: 30px;
    color: #413422;
    padding-top: 8px;
}

.TerminalIn{
    font-family: Geometria, sans-serif;
}

.iPadTerminalInPart01Right>.TerminalComponent3IMG>.TerminalComponent3IMGCircles{
    margin-bottom: 30px;

}

.iPadTerminalInPart01{
    display: grid;
    grid-template-columns: 3fr 1fr 500px;
    padding-top: 30px;
}

@media only screen and (max-width: 1050px) {
    .iPadTerminal>.iPadTerminalIn>.iPadTerminalInPart01>.iPadTerminalInPart01Right{
        grid-row: 3;
    }

}

@media only screen and (max-width: 615px) {
    .iPadTerminal>.iPadTerminalIn>.iPadTerminalInPart03>.iPadTerminalInPart03Right>img{
        width: 100%;
        object-fit: contain;
        left: 0;
    }
}

@media only screen and (max-width: 900px) {
    .iPadTerminalInPart01{
        grid-template-columns: auto;
        height: auto;
    }
    .iPadTerminalInPart01{
        grid-template-columns: auto;
        height: auto;
    }
    .iPadTerminalTitle{
        grid-column: 1;
        grid-row: 1 ;
    }

    .iPadTerminalInPart01RightMainImage{
        display: none;
    }

    .iPadTerminalInPart01Left{
        grid-column: 1;
        grid-row: 5;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .iPadTerminal>.iPadTerminalIn>.iPadTerminalInPart01>.iPadTerminalInPart01Right{
        top: 0;
        grid-column: 1;
        grid-row: 4;
        display: flex;
        justify-content: center;
    }
}

.iPadTerminalInPart02{
    height: auto;}


.iPadTerminalInPart02Left>img,.iPadTerminalInPart03Right>img{
    margin: auto;
}

@media only screen and (max-width: 615px) {
    .iPadTerminalInPart03Right{
        width: 100%;
    }
    .iPadTerminalInPart02Left{
        width: 100%;
    }
    .iPadTerminalInPart02Left>img,.iPadTerminalInPart03Right>img{
        width: 99%;
    }
}


.iPadTerminalPadInPart01RightMainImage{
    position: relative;
    top: 60px;
    left: -16px;
    width: 560px;
}

.iPadTerminalPadInPart01Right>.TerminalComponent3IMG>.TerminalComponent3IMGImage{
    position: absolute;
    top: 130px;
    left: 38px;
}

.iPadTerminalInPart01Right>.TerminalComponent3IMG>.TerminalComponent3IMGCircles{
    position: absolute;
    top: 1px;
    left: 238px;
}

@media only screen and (max-width: 900px) {
    .iPadTerminal>.iPadTerminalIn>.iPadTerminalInPart01>.iPadTerminalInPart01Right{
        grid-column: 1/span 3;
    }

    .iPadTerminalPadInPart01Right>.TerminalComponent3IMG>.TerminalComponent3IMGImage{
        position: static;
        left: 0;
    }
    .iPadTerminalInPart01Right>.TerminalComponent3IMG>.TerminalComponent3IMGCircles{
        position: static;
    }
}

@media only screen and (max-width: 700px) {
    .TerminalComponent3IMGImage>img {
        width: 100%;
    }
}
@media only screen and (max-width: 615px) {
    .iPadTerminalInPart02Left{
        width: 100%;
    }
}

.iPadTerminalPadInPart01RightMainImage{
    position: relative;
    left: -70px;
}

@media only screen and (max-width: 1300px) {
    .iPadTerminalInPart02Left{
        position: relative;
    }
    .iPadTerminalInPart02{
        padding-left: 0;
        grid-template-columns: 4fr 3fr;
        position: relative;
    }
    .iPadTerminalInPart02>.iPadTerminalInPart02Left>img{
        position: absolute;
    }
    .iPadTerminalInPart02Left:before{
        content: '';
        height: 100%;
        width: 500px;
        position: absolute;
        top: 0;
        left: -525px;
        z-index: 10;
        background-color: #edf1f1;
    }
    .iPadTerminalInPart02:before{
        content: '';
        height: 100%;
        width: 25px;
        position: absolute;
        top: 0;
        left: -25px;
        z-index: 10;
        background-color: #edf1f1;
    }
    .iPadTerminalInPart03{
        display: grid;
        grid-template-columns: 400px auto;
        grid-column-gap: 50px;
        grid-template-rows: auto;
    }
    .iPadTerminalInPart03>.iPadTerminalInPart03Right{overflow: hidden;}


    .iPadTerminalInPart03>.iPadTerminalInPart03Right>img{
        position: absolute;
        left: -3px;
        overflow: hidden;

    }
}


@media only screen and (max-width: 615px) {
    .iPadTerminalInPart02,.iPadTerminalInPart03{
        grid-template-columns: auto;
    }
    .iPadTerminalInPart02>.iPadTerminalInPart02Left>img,.iPadTerminalInPart03>.iPadTerminalInPart03Right>img{
        position: relative;
    }
    .iPadTerminalInPart03{
        display: flex;
        flex-direction: column;
    }
    .iPadTerminalInPart03Right{
        order: 1;
    }
    .iPadTerminalInPart03Left{
        order: 2;
    }
    .iPadTerminalInPart03:after{
        width: 0;
    }

}
@media only screen and (max-width: 615px) {
    .iPadTerminal>.StandartIn{
        padding-left: 0;
        padding-right: 0;

    }
}

.iPadTerminalIn>.StandartIn{
    padding-right: 0;
}

.iPadTerminalInPart01Right>.TerminalComponent3IMG>.TerminalComponent3IMGCircles{
    left: 210px;
}

@media only screen and (max-width: 1050px) {
    .iPadTerminalInPart01LeftTextMain{
        padding-right: 30px;
    }

}
@media only screen and (max-width: 900px) {
    .iPadTerminalInPart01Right{
        left: unset;
        grid-column: 1/span 3;
    }    .iPadTerminalInPart01Left{
             left: unset;
             grid-column: 1/span 3;
         }
    .TerminalComponent3IMGImage{
        width: auto;
    }
    .iPadTerminalInPart01Left{
        margin-top: 0;
    }
    .iPadTerminalInPart01LeftTextMain{
        padding-top: 0;
    }
}

@media only screen and (max-width: 700px) {
    .iPadTerminal>.iPadTerminalIn>.iPadTerminalInPart01>.iPadTerminalInPart01Right,.iPadTerminal>.iPadTerminalIn>.iPadTerminalInPart01>.iPadTerminalInPart01Left{
        grid-column: 1;
    }
    .iPadTerminalInPart01{
        grid-template-rows: auto;
    }

    .iPadTerminalInPart01Right{
        grid-column: 1;
    }    .iPadTerminalInPart01Left{
             grid-column: 1;
         }
         .iPadTerminalInTitleGridButtons{
             margin-top: 20px;
             margin-bottom: 20px;
         }
}


.iPadTerminalInPart01Right>.TerminalComponent3IMG>.TerminalComponent3IMGImage>img{
    position: relative;
    left: -30px;
    top: 2px;

}

@media only screen and (max-width: 900px) {
    .iPadTerminalInPart01Right>.TerminalComponent3IMG>.TerminalComponent3IMGImage>img{
        left: 0;
    }
}


.TerminaliPhoneiPhone{
    font-family: 'Geometria', sans-serif;
}

.TerminaliPhoneTitle{
    font-weight: 700;
    font-size: 30px;
    color: #413422;
    padding-top: 8px;
}

.TerminaliPhone{
    font-family: Geometria, sans-serif;
}


.TerminaliPhoneInPart01{
    display: grid;
    grid-template-columns: 3fr 1fr auto;
    height: 638px;
    padding-top: 30px;
}

.TerminaliPhoneTitle{
    grid-column: 1/span 3;
    grid-row: 1 ;
}

.TerminaliPhoneInTitleGridButtons{
    grid-column: 3;
    grid-row: 1;
    display: flex;
    justify-content: space-around;
    justify-self: flex-end;
    align-items: center;
    background-color: #1b2337;
    border-radius: 25px;
    color: white;
    width: 245px;
    height: 42px;

}
.TerminaliPhoneInTitleGridButtons>a{
    width: 100%;
    height: 100%;
}

.TerminaliPhoneInTitleGridButtons{
    grid-column: 3;
    grid-row: 1;
    display: flex;
    background: url(assets/95d7370856d8ee3867b0.svg) no-repeat;
    width: 245px;
    height: 42px;
}


.TerminaliPhoneInPart01Left{
    grid-column: 1;
    grid-row: 3;
}

.TerminaliPhoneInPart01Right{
    grid-column: 2;
    grid-row: 2;
}

@media only screen and (max-width: 1050px) {
    .TerminaliPhoneInPart01{
        height: 800px;
    }
}


.TerminaliPhoneInPartStore{
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    grid-column: 1 /span 3;
    grid-row: 2;

}

.TerminaliPhoneInPart01LeftStore>a>img{
    height: 50px;
}

.TerminaliPhoneInPart01LeftText{
    font-weight: 400;
    font-style: italic;
    font-size: 18px;
    color: #413422;
    padding-left: 26px;
}

.TerminaliPhoneInPart01Right{
    grid-column: 3;
    grid-row: 2 /span 3;
    position: relative;

}

@media only screen and (max-width: 1050px) {
    .TerminaliPhoneInPartStore{
        grid-column: 1 /span 3;
        grid-row: 2;
    }


}
@media only screen and (max-width: 950px) {
    .TerminaliPhoneInPart01Right {
        grid-column: 3;
        grid-row: 3;
        position: relative;

    }
}


.TerminaliPhoneInPart01LeftTextMain{
    font-weight: 400;
    font-size: 18px;
    color: #413422;
    line-height: 30px;
}



.TerminaliPhoneInPart02{
    background-color: #f3f3ef;
    height: 518px;
    position: relative;
    top: -100px;
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 66px;}

.TerminaliPhoneInPart01RightMainImage{
    position: absolute;
    top: 60px;
    left: -10px;

}

.TerminaliPhoneInPart02Left>img{
    position: relative;
    top: -120px;
}

.TerminaliPhoneInPart02Right{
    padding-top: 20px;
}

.TerminaliPhoneInPart02Right>ul,.TerminaliPhoneInPart03Left>ul{
    padding: 0;
}


.TerminaliPhoneInPart02Right>ul>li,.TerminaliPhoneInPart03Left>ul>li{
    line-height: 27px;
    color: #413422;
    font-size: 16px;
    list-style: none;
    margin-top: 25px;
}

.TerminaliPhoneInPart02Right>ul>li:before,.TerminaliPhoneInPart03Left>ul>li:before{
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #ff9306;
    margin-right: 10px;
    margin-top: 5px;
    display: block;
    float: left;
    position: relative;
    top: 3px;
}

.TerminaliPhoneInPart02Right>.TerminaliPhoneTitleH2,.TerminaliPhoneInPart03Left>.TerminaliPhoneTitleH2{
    padding: 0 30px 0 0;
    font-size: 24px;
    line-height: 28px;
    color: #413422;
}

.TerminaliPhoneInPart03{
    margin-top: -80px;
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 50px;
    grid-template-rows: auto;
    position: relative;
    padding-top: 20px;
    z-index: 5;
    background-color: white;
}


@media only screen and (max-width: 1050px) {
    .TerminaliPhoneInPart02{
        height: auto;
        padding-top: 35px;
    }
    .TerminaliPhoneInPart03{
        padding-top: 0;
    }
    .TerminaliPhoneInPart02Left>img{
        top: 0;
    }

}

.TerminaliPhoneInPart03Right{
    display: flex;
    justify-content: flex-end;
    height: 100%;
}

.TerminaliPhoneInPart03Right>img{
    height: auto;
}


@media only screen and (max-width: 1050px) {
    .TerminaliPhoneInPart02{
        height: auto;
    }
    .TerminaliPhoneInPart02Left>img{
        top: 0;
    }

}
@media only screen and (max-width: 900px) {
    .TerminaliPhoneInPart03{
        margin-top: -80px;}
    .TerminaliPhoneInPart01RightMainImage{
        display: none;
    }
    .TerminaliPhoneInPart01Right>div>.TerminalComponent3IMGCircles{
        margin-bottom: 20px;
    }

}



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

    .TerminaliPhoneInPart01LeftTextMain{
        font-size: 18px;
    }
    .TerminaliPhoneiPhone>.TerminaliPhoneIn>.TerminaliPhoneInPart01>.TerminaliPhoneInPart01Right{
        grid-column: 1/span 3;
    }
    .TerminaliPhoneInPart03Right{
        padding-top: 30px;
        height: auto;
    }

}



@media only screen and (max-width: 700px) {
    .TerminaliPhoneInPart02Right,.TerminaliPhoneInPart03Left,.TerminaliPhoneInPart01LeftTextMain{
        padding-right: 10px;
        padding-left: 10px;
    }
    .TerminaliPhoneInPartStore{
        justify-content: center;
    }

    .TerminaliPhoneInPart01{
        grid-template-columns: auto;
        height: auto;
    }
    .TerminaliPhoneTitle{
        grid-column: 1;
        grid-row: 1 ;
        text-align: center;
    }

    .TerminaliPhoneInPartStore{
        grid-column: 1;
        grid-row: 3;
    }

    .TerminaliPhoneInTitleGridButtons{
        flex-direction: row;
        grid-column: 1;
        grid-row: 2;
        justify-self: center;
        margin-top: 10px;

    }

    .TerminaliPhoneInPart01RightMainImage{
        display: none;
    }
    .TerminaliPhoneComponent3IMGCircles{
        margin-top: 0 !important;
        margin-bottom: 30px !important;
    }


    .TerminaliPhoneInPart01Left{
        grid-column: 1;
        grid-row: 5;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .TerminaliPhoneInPart01Right{
        top: 0;
        grid-column: 1;
        grid-row: 4;
        display: flex;
        justify-content: center;
    }

    .TerminaliPhoneInPart02{
        top: 20px;
        background-color: white;
        grid-template-columns: auto;
    }
    .TerminaliPhoneInPart02Left{
        margin: auto;
    }
    .TerminaliPhoneInPart03{
        grid-template-columns: auto;
    }
    .TerminaliPhoneInPart03Right{

        display: flex;
        justify-content: center;
    }


    .TerminaliPhoneInPart02Right>.TerminaliPhoneTitleH2{
        font-size: 22px;
    }

    .TerminaliPhoneIn>.StandartIn{
        padding-right: 0;
        padding-left: 0;
    }
    .TerminaliPhoneInPart02Right>.TerminaliPhoneTitleH2,.TerminaliPhoneInPart03Left>.TerminaliPhoneTitleH2{
        padding-top: 20px;
    }
    .TerminaliPhoneInPart02,.TerminaliPhoneInPart03{
        padding-top: 0;
    }
}
@media only screen and (max-width: 430px) {
    .TerminaliPhoneInPart01Right{
        height: auto;
    }
    .TerminaliPhoneInPart02Left>img,.TerminaliPhoneInPart03Right>img{
        width: 100%;
        object-fit: contain;
    }
}

@media only screen and (max-width: 400px) {
    .TerminaliPhoneInPart01LeftStore{
        line-height: 40px;
        padding-left: 2px;
        padding-right: 20px;
    }
    .TerminaliPhoneInPart01LeftText{
        line-height: 30px;
        padding-left: 2px;
        padding-bottom: 10px;
    }
}


@media only screen and (max-width: 330px) {
    .TerminaliPhoneInTitleGridButtons>a{
        margin-left: 2px;
    }
}

.TerminalTitle{
    font-weight: 700;
    font-size: 30px;
    color: #413422;
    padding-top: 8px;
}

.TerminalLinux{
    font-family: Geometria, sans-serif;
}
.TerminalLinuxIn{
    max-width: 1078px;
    margin: auto;
}

.TerminalLinuxPart01Top{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.TerminalLinuxPart01Top>img{
    padding-top: 10px;

}

.TerminalLinuxInPart01Right{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.TerminalLinuxInPart01Right>.TerminalWebComponent3IMG>.TerminalWebComponent3IMGCircles{
    margin-bottom: 30px;
}

@media only screen and (max-width: 970px) {
    .TerminalLinuxInPart01Right>.TerminalWebComponent3IMG>.TerminalWebComponent3IMGImage>.TerminalWebComponent3IMGImageIn>img{
        width: 100%;
        object-fit: contain;
    }
}

@media only screen and (max-width: 700px) {
    .TerminalLinuxPart01Top{
        justify-content: center;
    }
    .TerminalWeb>.TerminalIn>.TerminalLinuxPart01{
        padding-right: 10px;
        padding-left: 10px;
    }
    .TerminalInPart01LeftText{
        padding-right:  20px;
    }
}

.TerminalLinuxInPartStore{
    padding-top: 0;
}

.TerminalLinuxInPart01RightMainImage{
    position: relative;
}


.TerminalLinuxInPartStore>.TerminalInPart01LeftStore,.TerminalLinuxInPartStore>.TerminalInPart01LeftText{
    padding-bottom: 10px;
}

@media only screen and (max-width: 400px) {
    .TerminalLinuxPart01Top>img{
        display: none;
    }
}

.TerminalLinuxPart01TextMain{
    padding-bottom: 20px;
    font-weight: 400;
    font-size: 18px;
    color: #413422;
    padding-top: 30px;
    line-height: 27px;
}

.TerminalLinuxPart02Out{
    background-color: #f2f2ee;
}
.TerminalLinuxPart02{
    display: grid;
    grid-template-columns: 600px auto;
    grid-column-gap: 40px;
    padding-top: 40px;

}

.TerminalLinuxPart02>.TerminalLinuxPart02Left>img{
    object-fit: contain;
}

.TerminalLinuxPart03{
    display: grid;
    grid-template-columns: auto 600px;
    grid-column-gap: 40px;
    padding-top: 40px;
}

.TerminalLinuxPart03>.TerminalLinuxInPart03Right>img{
    object-fit: contain;
}


.TerminalLinuxPart02Left,.TerminalLinuxInPart03Right{
    position: relative;
    overflow: hidden;
}

    .TerminalLinuxPart02{
        padding-left: 0;
        grid-template-columns: auto 300px;
        position: relative;
    }
    .TerminalLinuxPart02>.TerminalLinuxPart02Left>img{
        position: absolute;
        right: -3px;
    }
    .TerminalLinuxPart02:before{
        content: '';
        height: 100%;
        width: 500px;
        position: absolute;
        top: 0;
        left: -500px;
        z-index: 10;
        background-color: #edf1f1;
    }
    .TerminalLinuxPart03{
        padding-right: 0;
        padding-left: 0;
        grid-template-columns: 300px auto;
        position: relative;
    }
    .TerminalLinuxPart03>.TerminalLinuxInPart03Right{overflow: hidden;}


    .TerminalLinuxPart03>.TerminalLinuxInPart03Right>img{
        position: absolute;
        left: -3px;
        overflow: hidden;

    }


.TerminalLinuxInPart02Right>ul,.TerminalLinuxInPart03Left>ul{
    padding: 0;
}

.TerminalLinuxInPart02RightAndroidDesktop>.TerminalTitleH2{
    margin-top: 40px;
}


.TerminalLinuxInPart02Right>ul>li,.TerminalLinuxInPart03Left>ul>li{
    line-height: 27px;
    color: #413422;
    font-size: 16px;
    list-style: none;
    margin-top: 25px;
}

.TerminalLinuxInPart02Right>ul>li:before,.TerminalLinuxInPart03Left>ul>li:before{
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #ff9306;
    margin-right: 10px;
    margin-top: 5px;
    display: block;
    float: left;
    position: relative;
    top: 3px;
}

.TerminalLinuxInPart02Right>.TerminalTitleH2,.TerminalLinuxInPart03Left>.TerminalTitleH2{
    padding: 0 30px 0 0;
    font-size: 24px;
    line-height: 28px;
    color: #413422;
}

@media only screen and (max-width: 600px) {
    .TerminalLinuxInPart02Right>.TerminalTitleH2,.TerminalLinuxInPart03Left>.TerminalTitleH2 {
        padding-top: 20px;
    }
    .TerminalLinuxPart02{
        display: flex;
        flex-direction: column;
        background-color: white;
        padding-right: 0;
    }
    .TerminalLinuxInPart02Right,.TerminalLinuxInPart03Left{
        padding-left: 20px;
        padding-right: 20px;
    }
    .TerminalLinuxPart02>.TerminalLinuxPart02Left>img{
        position: static;
        width: 100%;
    }
    .TerminalLinux{
        margin-left: 0;
        margin-right: 0;
    }
    .TerminalLinuxPart03{
        display: flex;
        flex-direction: column;
    }
    .TerminalLinuxInPart03Right{
        position: relative;
        order : 1;
    }
    .TerminalLinuxInPart03Left{
        order: 2;
    }

    .TerminalLinuxPart03>.TerminalLinuxInPart03Right>img{
        position: static;
        width: 100%;
    }
    .TerminalLinuxPart03:after{
        width: 0;
    }
}


@media only screen and (max-width: 1100px) {
    .TerminalLinuxInPart01RightMainImage{
        display: none;
    }
    .TerminalLinuxInPart01Right>.TerminalDesktopComponent3IMG>.TerminalDesktopComponent3IMGImage{
        position: relative;
        left: auto;
        top: auto;
    }
}

@media only screen and (max-width: 920px) {
    .TerminalLinuxInPart01Right>.TerminalDesktopComponent3IMG>.TerminalDesktopComponent3IMGImage>img{
        width: 100%;
    }
    .TerminalLinuxInPart01Right>.TerminalDesktopComponent3IMG>.TerminalDesktopComponent3IMGImage{
        height: auto;
        width: 100%;
        display: block;
        object-fit: contain;
    }

}

.TerminalLinuxInPart03Right>img{
    width: 857px;
}

.TerminalLinuxInPartStore{
    padding-top: 0;
    display: flex;
    align-items: center;
}
.TerminalLinuxInPartStore>.TerminalInPart01LeftStore{
    margin-right: 30px;
}


@media only screen and (max-width: 500px) {
    .TerminalLinuxInPartStore{
        flex-direction: column;
        align-items: center;
    }
}

.TerminalLinuxPart02Left:before{
    content: '';
    height: 100%;
    width: 200px;
    position: absolute;
    top: 0;
    left: -205px;
    z-index: 10;
    background-color: #edf1f1;
}



@media only screen and (min-width: 600px) {
    .TerminalLinuxInPart03Left>.TerminalUl{
        padding-left: 15px;
    }
    .TerminalLinuxInPart03Left>.TerminalTitleH2{
        padding-left: 15px;
    }
}

@media only screen and (max-width: 600px) {
    .TerminalLinuxPart02{
        padding-right: 0;
    }


    .TerminalLinuxInPart02Right{
        position: relative;
        order : 1;
    }
    .TerminalLinuxPart02Left{
        order: 2;
    }
    .TerminalLinuxInPart03Right{
        position: relative;
        order : 2;
    }
    .TerminalLinuxPart03Left{
        order: 1;
    }
}


.TerminalLinuxPart01TextMainSudoOut{
    display: flex;
}
.TerminalLinuxPart01TextMainSudo{
    display: flex;
    font-weight: 400;
    font-size: 18px;
    color: black;
    margin-top: 30px;
    margin-bottom: 20px;
    line-height: 27px;
    padding: 11px 30px 11px 16px;
    border: 1px solid #0069d4;
    background-color: #e7e5e5;
    border-radius: 6px;
}


.TerminalDesktopComponent3IMG{
    position: relative;
}
.TerminalDesktopComponent3IMGCircles>div{
    cursor: pointer;

    margin-left: 9px;
    display: inline-block;
    width: 10px;
    height: 10px;

    border-radius: 50%;}

.BlockNewsChangeMarked3Img{
    background: #2f4563;
}


.BlockNewsChangeMarked3ImgNo{
    background: #e9eaea;
}

.TerminalDesktopComponent3IMGCircles{
    display: flex;
    justify-content: center;
    margin-top: 33px;
    margin-bottom: 20px;
    cursor: pointer;
}

.TerminalDesktopComponent3IMGImage{
    display: flex;
    justify-content: center;
    position: absolute;
    z-index: 5;
    left: -390px;
    top: 100px;
}


@media only screen and (max-width: 700px) {
    .TerminalDesktopComponent3IMGImage{
        width: auto;
    }
}

@media only screen and (max-width: 430px) {
    .TerminalDesktopComponent3IMGImage,.TerminalDesktopComponent3IMGImage>img{
        width: 100%;
        object-fit: contain;
    }
    .TerminalDesktopComponent3IMGImage{
        height: auto;
        display: block;
    }
}

.TerminalMacOs{
    font-family: Geometria, sans-serif;
}
.TerminalMacOsIn{
    background-color: white;
    max-width: 1078px;
    margin: auto;
}

.TerminalMacOsPart01Top{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.TerminalMacOsPart01Top>img{
    padding-top: 10px;

}

.TerminalMacOsInPart01Right{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.TerminalMacOsInPart01Right>.TerminalWebComponent3IMG>.TerminalWebComponent3IMGCircles{
    margin-bottom: 30px;
}

@media only screen and (max-width: 970px) {
    .TerminalMacOsInPart01Right>.TerminalWebComponent3IMG>.TerminalWebComponent3IMGImage>.TerminalWebComponent3IMGImageIn>img{
        width: 100%;
        object-fit: contain;
    }
}

@media only screen and (max-width: 700px) {
    .TerminalMacOsPart01Top{
        justify-content: center;
    }
    .TerminalWeb>.TerminalIn>.TerminalMacOsPart01{
        padding-right: 10px;
        padding-left: 10px;
    }
    .TerminalInPart01LeftText{
        padding-right:  20px;
    }
}

.TerminalMacOsInPartStore{
    padding-top: 0;
}

.TerminalMacOsInPart01RightMainImage{
    position: relative;
}


.TerminalMacOsInPartStore>.TerminalInPart01LeftStore,.TerminalMacOsInPartStore>.TerminalInPart01LeftText{
    padding-bottom: 10px;
}

@media only screen and (max-width: 400px) {
    .TerminalMacOsPart01Top>img{
        display: none;
    }
}

.TerminalMacOsPart01TextMain{
    padding-bottom: 20px;
}

.TerminalMacOsPart02Out{
    background-color: #f2f2ee;
}

.TerminalMacOsPart02{
    display: grid;
    grid-template-columns: 600px auto;
    grid-column-gap: 40px;
    padding-top: 40px;
}

.TerminalMacOsPart02>.TerminalMacOsPart02Left>img{
    object-fit: contain;
}

.TerminalMacOsPart03{
    display: grid;
    grid-template-columns: auto 600px;
    grid-column-gap: 40px;
    padding-top: 40px;
}

.TerminalMacOsPart03>.TerminalMacOsInPart03Right>img{
    object-fit: contain;
}


.TerminalMacOsPart02Left,.TerminalMacOsInPart03Right{
    position: relative;
    overflow: hidden;
}

    .TerminalMacOsPart02{
        padding-left: 0;
        grid-template-columns: auto 300px;
        position: relative;
    }
    .TerminalMacOsPart02>.TerminalMacOsPart02Left>img{
        position: absolute;
        right: -3px;
    }
    .TerminalMacOsPart02:before{
        content: '';
        height: 100%;
        width: 500px;
        position: absolute;
        top: 0;
        left: -500px;
        z-index: 10;
        background-color: #edf1f1;
    }
    .TerminalMacOsPart03{
        padding-right: 0;
        padding-left: 0;
        grid-template-columns: 300px auto;
        position: relative;
    }
    .TerminalMacOsPart03>.TerminalMacOsInPart03Right{overflow: hidden;}


    .TerminalMacOsPart03>.TerminalMacOsInPart03Right>img{
        position: absolute;
        left: -3px;
        overflow: hidden;

    }

.TerminalMacOsInPart02Right>ul,.TerminalMacOsInPart03Left>ul{
    padding: 0;
}

.TerminalMacOsInPart02RightAndroidDesktop>.TerminalTitleH2{
    margin-top: 40px;
}


.TerminalMacOsInPart02Right>ul>li,.TerminalMacOsInPart03Left>ul>li{
    line-height: 27px;
    color: #413422;
    font-size: 16px;
    list-style: none;
    margin-top: 25px;
}

.TerminalMacOsInPart02Right>ul>li:before,.TerminalMacOsInPart03Left>ul>li:before{
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #ff9306;
    margin-right: 10px;
    margin-top: 5px;
    display: block;
    float: left;
    position: relative;
    top: 3px;
}

.TerminalMacOsInPart02Right>.TerminalTitleH2,.TerminalMacOsInPart03Left>.TerminalTitleH2{
    padding: 0 30px 0 0;
    font-size: 24px;
    line-height: 28px;
    color: #413422;
}

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

    .TerminalMacOsInPart02Right>.TerminalTitleH2,.TerminalMacOsInPart03Left>.TerminalTitleH2{
        padding-top: 20px;
    }
    .TerminalMacOsPart02{
        display: flex;
        flex-direction: column;
        background-color: white;
        padding-right: 0;
    }
    .TerminalMacOsInPart02Right,.TerminalMacOsInPart03Left{
        padding-left: 20px;
        padding-right: 20px;
    }
    .TerminalMacOsPart02>.TerminalMacOsPart02Left>img{
        position: static;
        width: 100%;
    }
    .TerminalMacOs{
        margin-left: 0;
        margin-right: 0;
    }
    .TerminalMacOsPart03{
        display: flex;
        flex-direction: column;
    }
    .TerminalMacOsInPart03Right{
        position: relative;
        order : 1;
    }
    .TerminalMacOsInPart03Left{
        order: 2;
    }

    .TerminalMacOsPart03>.TerminalMacOsInPart03Right>img{
        position: static;
        width: 100%;
    }
    .TerminalMacOsPart03:after{
        width: 0;
    }
}


.TerminalInPart01LeftStore{
    display: flex;
}

.TerminalInPart01LeftText{
    font-size: 16px;
}

.TerminalMacOsPart01TextMain{
    padding-bottom: 20px;
    font-weight: 400;
    font-size: 18px;
    color: #413422;
    padding-top: 30px;
    line-height: 27px;
}

.TerminalMacOsInPart01Right>.TerminalDesktopComponent3IMG>.TerminalDesktopComponent3IMGImage{
    left: -405px;
    top: 120px;
}


@media only screen and (max-width: 1000px) {
    .TerminalMacOsInPart01RightMainImage{
        display: none;
    }
    .TerminalMacOsInPart01Right>.TerminalDesktopComponent3IMG>.TerminalDesktopComponent3IMGImage{
        position: relative;
        left: auto;
        top: auto;
    }
}

@media only screen and (max-width: 920px) {
    .TerminalMacOsInPart01Right>.TerminalDesktopComponent3IMG>.TerminalDesktopComponent3IMGImage>img{
        width: 100%;
    }
    .TerminalMacOsInPart01Right>.TerminalDesktopComponent3IMG>.TerminalDesktopComponent3IMGImage{
        height: auto;
        width: 100%;
        display: block;
        object-fit: contain;
    }

}

.TerminalMacOsInPart03Right>img{
    width: 857px;
}

.TerminalMacOsInPartStore{
    padding-top: 0;
    display: flex;
    align-items: center;
}
.TerminalMacOsInPartStore>.TerminalInPart01LeftStore{
    margin-right: 30px;
}

@media only screen and (max-width: 500px) {
    .TerminalMacOsInPartStore{
        flex-direction: column;
        align-items: center;
    }
}

.TerminalMacOsPart02Left:before{
    content: '';
    height: 100%;
    width: 200px;
    position: absolute;
    top: 0;
    left: -205px;
    z-index: 10;
    background-color: #edf1f1;
}


@media only screen and (min-width: 600px) {
    .TerminalMacOsInPart03Left>.TerminalUl{
        padding-left: 15px;
    }
    .TerminalMacOsInPart03Left>.TerminalTitleH2{
        padding-left: 15px;
    }

}
@media only screen and (max-width: 600px) {
    .TerminalMacOsPart02{
        padding-right: 0;
    }


    .TerminalMacOsInPart02Right{
        position: relative;
        order : 1;
    }
    .TerminalMacOsPart02Left{
        order: 2;
    }
    .TerminalMacOsInPart03Right{
        position: relative;
        order : 2;
    }
    .TerminalMacOsPart03Left{
        order: 1;
    }
}

.TerminalWebterminal{
    font-family: Geometria, sans-serif;
}
.TerminalWebterminalIn{
    max-width: 1078px;
    margin: auto;
}

.TerminalWebterminalPart01Top{
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 10px;
}
@media only screen and (max-width: 1050px) {
    .TerminalWebterminalPart01Top{
        grid-template-columns: auto;
        grid-row-gap: 0;
        padding-bottom: 20px;

    }
    .TerminalWebterminalPart01Top>img{
        grid-row: 3;
    }
    .TerminalWebterminalPart01Top>.TerminalWebterminalInPartStore{
        margin-bottom: 10px;
        margin-top: 30px;
    }
}

.TerminalWebterminalPart01Top>img{
    padding-top: 10px;

}

.TerminalWebterminalInPart01Right>.TerminalWebComponent3IMG>.TerminalWebComponent3IMGCircles{
    margin-bottom: 30px;
}

@media only screen and (max-width: 970px) {
    .TerminalWebterminalInPart01Right>.TerminalWebComponent3IMG>.TerminalWebComponent3IMGImage>.TerminalWebComponent3IMGImageIn>img{
        width: 100%;
        object-fit: contain;
    }
}

@media only screen and (max-width: 700px) {
    .TerminalWebterminalPart01Top{
        justify-content: center;
    }
    .TerminalWeb>.TerminalIn>.TerminalWebterminalPart01{
        padding-right: 10px;
        padding-left: 10px;
    }
    .TerminalInPart01LeftText{
        padding-right:  20px;
    }
}



.TerminalWebterminalInPartStore{
    padding-top: 0;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.TerminalWebterminalInPartStore>.TerminalInPart01LeftStore{
    margin-right: 30px;
}


.TerminalWebterminalInPartStore>.TerminalInPart01LeftStore,.TerminalWebterminalInPartStore>.TerminalInPart01LeftText{
    padding-bottom: 10px;
}

@media only screen and (max-width: 400px) {
    .TerminalWebterminalPart01Top>img{
        display: none;
    }
}

.TerminalWebterminalPart01TextMain{
    line-height: 27px;
}

.TerminalWebterminalPart02Out{
    background-color: #f2f2ee;
}

.TerminalWebterminalPart02{
    display: grid;
    grid-template-columns: 600px auto;
    grid-column-gap: 40px;
    padding-top: 40px;

}

.TerminalWebterminalPart02>.TerminalWebterminalPart02Left>img{
    width: 100%;
    object-fit: contain;
}

.TerminalWebterminalPart03{
    display: grid;
    grid-template-columns: auto 600px;
    grid-column-gap: 40px;
    padding-top: 80px;
}

.TerminalWebterminalPart03>.TerminalWebterminalInPart03Right>img{
    width: 100%;
    object-fit: contain;
}


.TerminalWebterminalPart02Left,.TerminalWebterminalInPart03Right{
    position: relative;
    overflow: hidden;
}

    .TerminalWebterminalPart02{
        padding-left: 0;
        grid-template-columns: auto 300px;
        position: relative;
    }
    .TerminalWebterminalPart02>.TerminalWebterminalPart02Left>img{
        width: 676px;
        position: absolute;
        right: -3px;
    }
    .TerminalWebterminalPart02:before{
        content: '';
        height: 100%;
        width: 500px;
        position: absolute;
        top: 0;
        left: -500px;
        z-index: 10;
        background-color: #edf1f1;
    }
    .TerminalWebterminalPart03{
        padding-right: 0;
        grid-template-columns: 300px auto;
        position: relative;
    }
    .TerminalWebterminalPart03>.TerminalWebterminalInPart03Right{overflow: hidden;}


    .TerminalWebterminalPart03>.TerminalWebterminalInPart03Right>img{
        width: 676px;
        position: absolute;
        left: -3px;
        overflow: hidden;

    }

.TerminalWebterminalInPart02Right>ul,.TerminalWebterminalInPart03Left>ul{
    padding: 0;
}

.TerminalWebterminalInPart02RightAndroidDesktop>.TerminalTitleH2{
    margin-top: 40px;
}


.TerminalWebterminalInPart02Right>ul>li,.TerminalWebterminalInPart03Left>ul>li{
    line-height: 27px;
    color: #413422;
    font-size: 16px;
    list-style: none;
    margin-top: 25px;
}

.TerminalWebterminalInPart02Right>ul>li:before,.TerminalWebterminalInPart03Left>ul>li:before{
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #ff9306;
    margin-right: 10px;
    margin-top: 5px;
    display: block;
    float: left;
    position: relative;
    top: 3px;
}

.TerminalWebterminalInPart02Right>.TerminalTitleH2,.TerminalWebterminalInPart03Left>.TerminalTitleH2{
    padding: 0 30px 0 0;
    font-size: 24px;
    line-height: 28px;
    color: #413422;
}

@media only screen and (max-width: 600px) {
    .TerminalWebterminalPart02,.TerminalWebterminalPart03{
        display: flex;
        background-color: white;
        flex-direction: column;
    }
    .TerminalWebterminalPart03{
        padding-left: 0;
    }
    .TerminalWebterminalPart02Left{
        order: 2;
    }
    .TerminalWebterminalInPart03Right{
        order: 2;
    }
    .TerminalWebterminalInPart02Right,.TerminalWebterminalInPart03Left{
        padding-left: 20px;
        padding-right: 20px;
    }
    .TerminalWebterminalPart02>.TerminalWebterminalPart02Left>img{
        position: static;
        width: 100%;
    }
    .TerminalWebterminal{
        margin-left: 0;
        margin-right: 0;
    }
    .TerminalWebterminalPart03{
        display: flex;
        flex-direction: column;
    }

    .TerminalWebterminalPart03>.TerminalWebterminalInPart03Right>img{
        position: static;
        width: 100%;
    }
    .TerminalWebterminalPart03:after{
        width: 0;
    }
    .TerminalWebterminalPart02{
        padding-right: 0;
    }
}






@media only screen and (max-width: 500px) {
    .TerminalWebterminalInPartStore{
        flex-direction: column;
        align-items: center;
    }
}

@media only screen and (max-width: 700px) {
    .TerminalWebterminalInPartStore{
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    .TerminalWebterminalPart01Top>img{
        margin: auto;
    }
}

.TerminalInPart01LeftStore>.ButtonWhiteOut>a>.ButtonWhite{
    font-weight: 700;
    font-size: 18px;
}


.TerminalWebComponent3IMGCircles>div{
    cursor: pointer;

    margin-left: 9px;
    display: inline-block;
    width: 10px;
    height: 10px;

    border-radius: 50%;}

.BlockNewsChangeMarked3ImgNo{
    background: #e9eaea;
}

.TerminalWebComponent3IMGCircles{
    display: flex;
    justify-content: center;
    margin-top: 33px;
    margin-bottom: 100px;
}

.TerminalWebComponent3IMGImage{
    width: auto;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 0;
}

.TerminalWebComponent3IMGImageIn{
    position: relative;
    z-index: -1;
}


@media only screen and (max-width: 600px) {
    .TerminalWebComponent3IMGImage{
        width: auto;
    }
}

@media only screen and (max-width: 430px) {
    .TerminalWebComponent3IMGImage,.TerminalWebComponent3IMGImage>img,.TerminalInPart02Left>img,.TerminalInPart03Right>img{
        width: 100%;
        object-fit: contain;
    }
    .TerminalWebComponent3IMGImage{
        height: auto;
        display: block;
    }
}




.TerminalWindows{
    font-family: Geometria, sans-serif;
}
.TerminalWindowsIn{
    max-width: 1078px;
    margin: auto;
}

.TerminalWindowsPart01Top{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.TerminalWindowsPart01Top>img{
    padding-top: 10px;

}

.TerminalWindowsInPart01Right{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.TerminalWindowsInPart01Right>.TerminalWebComponent3IMG>.TerminalWebComponent3IMGCircles{
    margin-bottom: 30px;
}

@media only screen and (max-width: 970px) {
    .TerminalWindowsInPart01Right>.TerminalWebComponent3IMG>.TerminalWebComponent3IMGImage>.TerminalWebComponent3IMGImageIn>img{
        width: 100%;
        object-fit: contain;
    }
}

@media only screen and (max-width: 700px) {
    .TerminalWindowsPart01Top{
        justify-content: center;
    }
    .TerminalWeb>.TerminalIn>.TerminalWindowsPart01{
        padding-right: 10px;
        padding-left: 10px;
    }
    .TerminalInPart01LeftText{
        padding-right:  20px;
    }
}

.TerminalWindowsInPartStore{
    padding-top: 0;
}

.TerminalWindowsInPart01RightMainImage{
    position: relative;
}


.TerminalWindowsInPartStore>.TerminalInPart01LeftStore,.TerminalWindowsInPartStore>.TerminalInPart01LeftText{
    padding-bottom: 10px;
}

@media only screen and (max-width: 400px) {
    .TerminalWindowsPart01Top>img{
        display: none;
    }
}

.TerminalWindowsPart01TextMain{
    padding-bottom: 20px;
}

.TerminalWindowsPart02Out{
    background-color: #f2f2ee;
}

.TerminalWindowsPart02{
    display: grid;
    grid-template-columns: 600px auto;
    grid-column-gap: 40px;
    padding-top: 40px;

}

.TerminalWindowsPart02>.TerminalWindowsPart02Left>img{
    object-fit: contain;
}

.TerminalWindowsPart03{
    display: grid;
    grid-template-columns: auto 600px;
    grid-column-gap: 40px;
    padding-top: 40px;
}

.TerminalWindowsPart03>.TerminalWindowsInPart03Right>img{
    object-fit: contain;
}


.TerminalWindowsPart02Left,.TerminalWindowsInPart03Right{
    position: relative;
    overflow: hidden;
}

    .TerminalWindowsPart02{
        padding-left: 0;
        grid-template-columns: auto 300px;
        position: relative;
    }
    .TerminalWindowsPart02>.TerminalWindowsPart02Left>img{
        position: absolute;
        right: -3px;
    }
    .TerminalWindowsPart02:before{
        content: '';
        height: 100%;
        width: 500px;
        position: absolute;
        top: 0;
        left: -500px;
        z-index: 10;
        background-color: #edf1f1;
    }
    .TerminalWindowsPart03{
        padding-right: 0;
        padding-left: 0;
        grid-template-columns: 300px auto;
        position: relative;
    }
    .TerminalWindowsPart03>.TerminalWindowsInPart03Right{overflow: hidden;}


    .TerminalWindowsPart03>.TerminalWindowsInPart03Right>img{
        position: absolute;
        left: -3px;

    }


.TerminalWindowsInPart02Right>ul,.TerminalWindowsInPart03Left>ul{
    padding: 0;
}

.TerminalWindowsInPart03Left>ul{
    padding-left: 15px;

}

.TerminalWindowsInPart02RightAndroidDesktop>.TerminalTitleH2{
    margin-top: 40px;
}


.TerminalWindowsInPart02Right>ul>li,.TerminalWindowsInPart03Left>ul>li{
    line-height: 27px;
    color: #413422;
    font-size: 16px;
    list-style: none;
    margin-top: 25px;
}

.TerminalWindowsInPart02Right>ul>li:before,.TerminalWindowsInPart03Left>ul>li:before{
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #ff9306;
    margin-right: 10px;
    margin-top: 5px;
    display: block;
    float: left;
    position: relative;
    top: 3px;
}

.TerminalWindowsInPart02Right>.TerminalTitleH2,.TerminalWindowsInPart03Left>.TerminalTitleH2{
    padding: 0 30px 0 15px;
    font-size: 24px;
    line-height: 28px;
    color: #413422;
}

@media only screen and (max-width: 600px) {
    .TerminalWindowsInPart02Right>.TerminalTitleH2,.TerminalWindowsInPart03Left>.TerminalTitleH2{
        padding-top: 20px;
    }

    .TerminalWindowsPart02{
        display: block;
        background-color: white;
        padding-right: 0;
    }
    .TerminalWindowsInPart02Right,.TerminalWindowsInPart03Left{
        padding-left: 20px;
        padding-right: 20px;
    }
    .TerminalWindowsPart02>.TerminalWindowsPart02Left>img{
        position: static;
        width: 100%;
    }
    .TerminalWindows{
        margin-left: 0;
        margin-right: 0;
    }
    .TerminalWindowsPart03{
        display: flex;
        flex-direction: column;
    }
    .TerminalWindowsInPart03Right{
        position: relative;
        order : 1;
    }
    .TerminalWindowsInPart03Left{
        order: 2;
    }

    .TerminalWindowsPart03>.TerminalWindowsInPart03Right>img{
        position: static;
        width: 100%;
    }
    .TerminalWindowsPart03:after{
        width: 0;
    }
    .TerminalWindowsInPart03Left>ul{
        padding-left: 0;

    }
    .TerminalWindowsInPart03Left>.TerminalTitleH2{
        padding-left: 0;

    }
}

.TerminalWindowsPart01TextMain{
    padding-bottom: 20px;
    font-weight: 400;
    font-size: 18px;
    color: #413422;
    padding-top: 30px;
    line-height: 27px;
}


@media only screen and (max-width: 1000px) {
    .TerminalWindowsInPart01RightMainImage{
        display: none;
    }
    .TerminalWindowsInPart01Right>.TerminalDesktopComponent3IMG>.TerminalDesktopComponent3IMGImage{
        position: relative;
        left: auto;
        top: auto;
    }
}

@media only screen and (max-width: 920px) {
    .TerminalWindowsInPart01Right>.TerminalDesktopComponent3IMG>.TerminalDesktopComponent3IMGImage>img{
        width: 100%;
    }
    .TerminalWindowsInPart01Right>.TerminalDesktopComponent3IMG>.TerminalDesktopComponent3IMGImage{
        height: auto;
        width: 100%;
        display: block;
        object-fit: contain;
    }

}

.TerminalWindowsInPart03Right>img{
    width: 857px;
}


.TerminalWindowsInPartStore{
    padding-top: 0;
    display: flex;
    align-items: center;
}
.TerminalWindowsInPartStore>.TerminalInPart01LeftStore{
    margin-right: 30px;
}

@media only screen and (max-width: 500px) {
    .TerminalWindowsInPartStore{
        flex-direction: column;
        align-items: center;
    }
}

.TerminalWindowsInPart01Right>.TerminalWindowsInPart01RightMainImage{
    left: 10px;
}


.TerminalWindowsPart02Left:before{
    content: '';
    height: 100%;
    width: 200px;
    position: absolute;
    top: 0;
    left: -205px;
    z-index: 10;
    background-color: #edf1f1;
}

.TerminalWindowsInPart03Left>div{
    padding-left: 15px;
}
.AllNews {
    padding: 15px;
}

.AllNewsChangeInputTitle{
    font-size: 32px;
}
.AllTextsElementTitle{
    padding-top: 60px;
}

.AllTextsElementTitleTitle{
    font-size: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}
.UpdateTextElement{
    display: grid;
    grid-template-columns: auto 130px;
    margin-top: 10px;
}

.UpdateTextElement{
    margin-left: 20px;
}

.UpdateTextElement>div{
    margin-right: 10px;
}

.ElementText{
    display: flex;
    justify-content: space-around;
    width: 100%;
}

.ElementTextName{
    width: 200px;
}


/*# sourceMappingURL=index.a65a97e03d3de1492544.css.map*/