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;
}
.InvestDirect{
    width: 100%;
    max-width: 1000px;
    margin: auto;
}

.ButtonOut>.Button3D{
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.InvestDirectTop>a,.InvestDirect>.StandartIn>a{
    text-decoration: none;
}

.InvestDirectTop{
    margin-top: 55px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 35px;
    padding-right: 35px;
    margin-bottom: 40px;

}

.InvestDirectTitle{
    font-size: 30px;
    color: #075a89;
    font-weight: 500;
}
.InvestDirectText{
    font-size: 22px;
    color: #413422;
}

.InvestDirect00{
    padding: 0 20px 35px 10px;
}

.InvestDirectIMG00{
    width: 100%;
    margin: auto;
    padding-bottom: 20px;
}

.InvestDirectH2{
    font-size: 24px;
    color: #3f3324;
    font-weight: 500;
}

.InvestDirect01{
    border-left: 17px solid #988aff;
    padding-left: 17px;
}
.InvestDirect02{
    border-left: 5px solid #97249e;
    padding: 20px 31px 20px 31px ;
    font-size: 20px;
    color: #3d3226;
    margin-bottom: 35px;
}

.InvestDirectCenterDiv>div{
    padding-left: 35px;
    padding-right: 35px;
}

.InvestDirectCenterDiv>.InvestDirectCenterDiv{
    margin-top: 10px;
    margin-bottom: 30px;
}
.InvestDirectCenterDiv>.InvestDirectCenterDiv>a{
    color: #0069d4;
}

.InvestDirect03{
    padding-bottom: 32px;
}

.InvestDirectSmallGrid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 40px;
    margin-bottom: 55px;
    justify-content: center;
}

.InvestDirectSmallGridElement{
    width: 296px;
    margin: auto;
}

.InvestDirectSmallGridElement>img{
    margin-bottom: 14px;
}


.InvestDirectSmallGridElement>div{
    font-size: 16px;
}

.InvestDirectCenterDiv>.InvestDirectText{
    font-size: 16px;
}

.InvestDirectText>a{
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 500;
    color: #0069d4;
}

.InvestDirectMainTitle{
    text-align: center;
    font-size: 40px;
    color: #075a89;
    margin-bottom: 20px;
    font-weight: 300;
}
.InvestDirectMainH1{
    text-align: center;
    font-size: 30px;
    color: #303030;
    margin-bottom: 20px;
}

.InvestDirectMainGrid{
    display: grid;
    grid-template-columns: 74px auto;
}

.InvestDirectMainGridWithRound{
    height: 45px;
    align-items: center;
}

.InvestDirectMainGridNoRound{
    margin-top: 10px;
}

.InvestDirectMainGridLeft{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 40px;
}

.InvestDirectMainGridLeft>img{
    position: relative;
}

.InvestDirectMainGridRight{
    /*padding-top: 15px;*/
}

.InvestDirectMainGridLeftRound01{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(7, 90, 137,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 20px;
    font-weight: 700;
}

.InvestDirectMainGridLeftRound02{
    /*margin-top: 5px;*/
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgb(7, 90, 137);
    /*background-color: #075a89;*/
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 20px;
    font-weight: 700;
}
.InvestDirectMainGridLeftRound02Special{
    background-color: rgba(7, 90, 137, 0.7);
}

.InvestDirectMainGridNoRound>.InvestDirectMainGridRight>img{
    margin-left: -16px;
}
.InvestDirectMainGridRight>.InvestDirectEx03Out>img{
    margin-left: -16px;
}
.InvestDirectEx07GridElement>img{
    margin-left: -16px;
}

.InvestDirectEx01{
    width: 264px;
    margin-bottom: 30px;
}
.InvestDirectEx03{
    width: 462px;
}

.InvestDirectLine{
    height: 88px;
}

.InvestDirectMainGridH2{
    font-size: 20px;
    font-weight: 500;
    color: #3d3226;
    /*margin-bottom: 25px;*/
}
.InvestDirectMainGridText{
    font-size: 16px;
    color: #3d3226;
    margin-bottom: 20px;
}

.InvestDirectEx0101{
    font-size: 14px;
    font-weight: 700;
    color: rgba(92,155,36,0.9);
    margin-left: 110px;
    margin-top: 5px;
}

.InvestDirectEx0102{
    font-size: 14px;
    font-weight: 500;
    color: #454545;
    margin-left: 20px;
}

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

.InvestDirectMainGridOut{
    border: solid 1px #075a89;
    padding: 30px 50px 50px 40px;
    border-radius: 10px;
    background-color: #f2f2f2;
}
.InvestDirectEx04{
    width: 361px;
}
.InvestDirectEx05{
    width: 361px;
}
.InvestDirectEx06{
    width: 361px;
}
.InvestDirectEx07{
    width: 303px;
}

.InvestDirectMain05{
    margin-top: 50px;
    margin-bottom: 20px;
}

.InvestDirectEx04Grid{
    display: grid;
    width: 360px;
    grid-template-columns: 180px 180px;
    justify-content: center;
    text-align: center;
    margin-bottom: 15px;
}

.InvestDirectEx0103{
    font-size: 14px;
    font-weight: 500;
    color: rgba(139,28,147,0.9);
}
.InvestDirectEx0104{
    font-size: 14px;
    font-weight: 500;
    color: rgba(92,155,36,0.9);
}

.InvestDirectEx05Grid{
    /*margin-bottom: 5px;*/
}

.InvestDirectEx07Grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.InvestDirectEx07GridElement{
    text-align: center;
}

.InvestDirectEx0701{
    font-size: 14px;
    font-weight: 500;
    color: rgba(139,28,147,0.9);
}
.InvestDirectEx0702{
    font-size: 14px;
    font-weight: 500;
    color: rgba(92,155,36,0.9);
}

.InvestDirectTextBottom{
    padding: 30px 24px 24px 24px ;
    font-size: 18px;
    color: #3f3324;
}

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

.InvestDirectBottomButton{
    margin-bottom: 35px;
    margin-left: 25px;
}

@media only screen and (max-width: 800px) {
    .InvestDirect>.StandartIn{
        padding: unset;
    }
    .InvestDirectTop{
        padding-left: 11px;
        padding-right: 11px;
    }
    .InvestDirectMainGridOut{
        border-left: none;
        border-right: none;
        border-radius: unset;
    }
    .InvestDirectEx06{
        width: auto;
        height: 50px;
    }
    .InvestDirectEx07{
        width: auto;
        height: 50px;
    }
}

@media only screen and (max-width: 720px) {
    .InvestDirectEx03Out{
        position: relative;
    }
    .InvestDirectEx0102{
        position: absolute;
        width: 100px;
        left: 350px;
        bottom: -50px;
        text-align: right;
    }
}

@media only screen and (max-width: 700px) {
    .InvestDirectEx07Grid{
        display: block;
    }
    .InvestDirectEx07GridElement{
        display: flex;
        text-align: left;
        flex-direction: column;
        align-items: flex-start;
        width: auto;
    }
    .InvestDirectEx07GridElement:first-of-type{
        margin-bottom: 20px;
    }
    .InvestDirectEx0701{
        width: 296px;
        text-align: center;
        padding-top: 10px;
    }
    .InvestDirectEx0702{
        width: 256px;
        text-align: center;
        padding-top: 10px;
    }

    }

@media only screen and (max-width: 650px) {
    .InvestDirectSmallGrid{
        display: block;
    }
    .InvestDirectSmallGridElement:first-of-type{
        margin-bottom: 20px;
    }
    .InvestDirectMainH1{
        font-size: 18px;
    }
    .InvestDirectMainGridH2{
        font-size: 18px;
    }
    .InvestDirectEx03Out>img{
        width: 100%;
    }
    .InvestDirectEx0102{
        left: auto;
        right: 10px;
    }
    .InvestDirectEx0101{
        margin-left: 10px;
    }
    .InvestDirectTop{
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 520px) {
    .InvestDirectMainGridOut{
        padding-right: 5px;
        padding-left: 5px;
    }
}
@media only screen and (max-width: 480px) {
    .InvestDirectMainGrid{
        grid-template-columns: 55px minmax(255px,430px);
    }
}

@media only screen and (max-width: 440px) {
    .InvestDirectMainGridRight{
        width: 100%;
    }
    .InvestDirectEx01{
        width: 100%;
    }
    .InvestDirectEx05{
        width: 100%;
    }
    .InvestDirectEx04{
        width: 100%;
    }
    .InvestDirectEx06{
        width: 361px;
    }
    .InvestDirectEx07{
        width: 361px;
    }
    .InvestDirectEx04Grid{
        width: 100%;
        grid-template-columns: 1fr 1fr;
    }
}
@media only screen and (max-width: 400px) {
    .InvestDirectEx03Out,.InvestDirectEx07GridElement{
        position: relative;
        left: -40px;
    }
    .InvestDirectCenterDiv>div{
        padding-left: 5px;
    }

    .InvestDirectEx0701{
        font-size: 12px;
    }
}





@font-face {
    font-family: 'Helvetica Neue';
    src: url(assets/5fb81c36cc15b45f058e.eot);
    src: local('Helvetica Neue Condensed Bold'), local('HelveticaNeueBoldCondensed'),
    url(assets/5fb81c36cc15b45f058e.eot?#iefix) format('embedded-opentype'),
    url(assets/490e7ef63aa3d825442e.woff2) format('woff2'),
    url(assets/032c5f4da263ec230768.woff) format('woff'),
    url(assets/7ff1b25d7041efe11b45.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url(assets/2fd967ecca3cf8f1a9bd.eot);
    src: local('Helvetica Neue Condensed Black'), local('HelveticaNeueBlackCondensed'),
    url(assets/2fd967ecca3cf8f1a9bd.eot?#iefix) format('embedded-opentype'),
    url(assets/c7df99f39634a23e1b6c.woff2) format('woff2'),
    url(assets/d47ad62d25f9aee44126.woff) format('woff'),
    url(assets/2e8b367db51828f58e83.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url(assets/83527cf0de2e28b5579b.eot);
    src: local('HelveticaNeueCyr-Bold'),
    url(assets/83527cf0de2e28b5579b.eot?#iefix) format('embedded-opentype'),
    url(assets/a737902275e936eaf242.woff2) format('woff2'),
    url(assets/e8ac3e02953308d54ad6.woff) format('woff'),
    url(assets/613e930355ab0b59fc48.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url(assets/fa2646c666ddd686575a.eot);
    src: local('HelveticaNeueCyr-Light'),
    url(assets/fa2646c666ddd686575a.eot?#iefix) format('embedded-opentype'),
    url(assets/ca1c9d28a98e39bc4088.woff2) format('woff2'),
    url(assets/c1b4dce50601b85b61e7.woff) format('woff'),
    url(assets/371670cc0c4aa701241a.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url(assets/6053588ab977fb8f7880.eot);
    src: local('HelveticaNeueCyr-Medium'),
    url(assets/6053588ab977fb8f7880.eot?#iefix) format('embedded-opentype'),
    url(assets/751c19bd96c1fdbe6c88.woff2) format('woff2'),
    url(assets/1c5a4d413294b14b36e0.woff) format('woff'),
    url(assets/bfdbae3c80f7aa49c618.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url(assets/1af5f6be19c226c4e696.eot);
    src: local('HelveticaNeueCyr-MediumItalic'),
    url(assets/1af5f6be19c226c4e696.eot?#iefix) format('embedded-opentype'),
    url(assets/fbc43e274f21f1ca36ed.woff2) format('woff2'),
    url(assets/6f15ca53ac5232e80832.woff) format('woff'),
    url(assets/1c95d10a7a1e75a46dcb.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url(assets/42eb8fb1e432ccb8cb3b.eot);
    src: local('HelveticaNeueCyr-LightItalic'),
    url(assets/42eb8fb1e432ccb8cb3b.eot?#iefix) format('embedded-opentype'),
    url(assets/bd4e9d1d0813fa37c753.woff2) format('woff2'),
    url(assets/0fed6012d90fb1053b8e.woff) format('woff'),
    url(assets/8d4fa63ad998071c6875.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url(assets/d8226cff4546442ad22f.eot);
    src: local('HelveticaNeueCyr-HeavyItalic'),
    url(assets/d8226cff4546442ad22f.eot?#iefix) format('embedded-opentype'),
    url(assets/34e95009a9dc3a88b507.woff2) format('woff2'),
    url(assets/1155b52c9ea607a642ae.woff) format('woff'),
    url(assets/03e1ffd271ddbc1f3a19.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url(assets/3ab0df24200b0c1d79c0.eot);
    src: local('HelveticaNeueCyr-Black'),
    url(assets/3ab0df24200b0c1d79c0.eot?#iefix) format('embedded-opentype'),
    url(assets/436267a0e2b580970561.woff2) format('woff2'),
    url(assets/e46f690890ca78957b34.woff) format('woff'),
    url(assets/284a83024e2df8c91f32.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url(assets/ffeb83b942d45ccc6fb3.eot);
    src: local('HelveticaNeueCyr-Heavy'),
    url(assets/ffeb83b942d45ccc6fb3.eot?#iefix) format('embedded-opentype'),
    url(assets/31abf4828115acce8d4e.woff2) format('woff2'),
    url(assets/b5abc4a289cda2939dee.woff) format('woff'),
    url(assets/c23733367c232fdea6f4.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url(assets/c02ec72c1b9e168556f5.eot);
    src: local('HelveticaNeueCyr-Italic'),
    url(assets/c02ec72c1b9e168556f5.eot?#iefix) format('embedded-opentype'),
    url(assets/0e02931ebfe2ee84edd6.woff2) format('woff2'),
    url(assets/78ec9de57260e36191a1.woff) format('woff'),
    url(assets/9ecfbd50a76530b5f7b5.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url(assets/9d7c3316bda88462d707.eot);
    src: local('HelveticaNeueCyr-Roman'),
    url(assets/9d7c3316bda88462d707.eot?#iefix) format('embedded-opentype'),
    url(assets/d59df5a538d671a54c79.woff2) format('woff2'),
    url(assets/0247694e510ebe67cce1.woff) format('woff'),
    url(assets/0ca719c710b1fbd7e02f.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url(assets/f0bed924a36fcb36a9a6.eot);
    src: local('HelveticaNeueCyr-BlackItalic'),
    url(assets/f0bed924a36fcb36a9a6.eot?#iefix) format('embedded-opentype'),
    url(assets/aa3aba821167633605e0.woff2) format('woff2'),
    url(assets/8583b8cc279eac573773.woff) format('woff'),
    url(assets/9ee38d5c96737f0ceb9c.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url(assets/5e96766165d7cb263f3a.eot);
    src: local('HelveticaNeueCyr-UltraLightItalic'),
    url(assets/5e96766165d7cb263f3a.eot?#iefix) format('embedded-opentype'),
    url(assets/e7533e52a0956c205070.woff2) format('woff2'),
    url(assets/09b1d4ed64214487ae28.woff) format('woff'),
    url(assets/62aca995ea725c98d8e6.ttf) format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url(assets/0712e3b2a36f1bc836e6.eot);
    src: local('HelveticaNeueCyr-BoldItalic'),
    url(assets/0712e3b2a36f1bc836e6.eot?#iefix) format('embedded-opentype'),
    url(assets/cbb08c15939e3f80e219.woff2) format('woff2'),
    url(assets/cd0e9aaa4374f079da2e.woff) format('woff'),
    url(assets/8aa92c3c0ccddf8cec47.ttf) format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url(assets/53e2f56215e64b347647.eot);
    src: local('HelveticaNeueCyr-ThinItalic'),
    url(assets/53e2f56215e64b347647.eot?#iefix) format('embedded-opentype'),
    url(assets/24eb1e00741337ef2751.woff2) format('woff2'),
    url(assets/45d8142a6d17febfefb6.woff) format('woff'),
    url(assets/c6a8d318290ef10a2f2f.ttf) format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url(assets/db6cdf138f8d75205b3f.eot);
    src: local('HelveticaNeueCyr-UltraLight'),
    url(assets/db6cdf138f8d75205b3f.eot?#iefix) format('embedded-opentype'),
    url(assets/92aee0fa03f7345b98a7.woff2) format('woff2'),
    url(assets/7a9ed95490d291e3149e.woff) format('woff'),
    url(assets/f0b5bdde1b074e7d9110.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url(assets/269fff804556e4161720.eot);
    src: local('HelveticaNeueCyr-Thin'),
    url(assets/269fff804556e4161720.eot?#iefix) format('embedded-opentype'),
    url(assets/2f69ed0ac0885fc3f7e6.woff2) format('woff2'),
    url(assets/7509330faf374d41f88d.woff) format('woff'),
    url(assets/2df5e55fd0d45e98939d.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
}


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

.StandartNotVisible{
    display: none;
}



.FooterAll{
    width: 100%;
}


.FooterAllTop{
    padding: 20px 20px 5px 30px;
    background-color: #f5f5f5;
    margin-top: 50px;
    display: grid;
    grid-template-columns: 31px 280px auto auto;
    grid-column-gap: 24px;
}


.FooterAllTopElementAward{
    grid-row: 1/span 2;
    grid-column: 4;
    display: flex;
    align-items: center;
}
.FooterAllTopElementHREF{
    grid-row: 1/span 2;
    grid-column: 3;
}
.FooterAllTopElementGurs{
    display: flex;
}

.FooterAllTopElementCopyright{
    grid-column: 1/span 2;
    grid-row: 2;
    border-top: 1px solid rgba(48,48,48,0.2);
    text-align: center;
    padding-top: 8px;
    font-size: 12px;
    color: #33363f;
    font-weight: 700;
}

.FooterAllTopElementText{
    grid-column: 1/span 4;
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 20px;
}

.footer_gursIMG{
    margin-right: 13px;
}
.footer_gursText{
    color: #7b7b7b;
    font-size: 13px;
    line-height: 15px;
}
.footer_gursTitle{
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 15px;
}

.FooterAllLeft{
    max-width: 620px;
}

.FooterAllLeftBottom{
    margin-top: 8px;
    display: flex;
}
.FooterAllLeftBottomHREF{
    display: flex;
    margin-right: 20px;
}

.FooterAllLeftBottomHREFElement>a,.FooterAllLeftBottomHREFElement>a:visited{
    color: #0a79bf;
    font-size: 12px;
    line-height: 24px;
}


.footer_gurs{
    display: flex;

}

.footer_gurs>div>a>img{
    position: relative;
    top: 2px;
    padding-right: 10px;
}

.FooterAllTopIn{
    padding: 24px 10px 10px 24px;
    display: grid;
    grid-template-columns: auto 250px;
}

.FooterAllLeftText{
    font-size: 11px;
    font-weight: 500;
    color: #33363f;
}


.FooterAllRight{
    display: flex;
}

.FooterAllRightAward{
    width: 93px;
    height: 91px;
    /**/
    display: flex;
    align-items: center;
    font-size: 14px;
    margin-right: 15px;
    text-align: center;
    background: url(assets/e68d2d87b437db985164.png);
}

.FooterAllRightAwardText{
    padding-right: 14px;
    padding-left: 14px;

}
.FooterAllRightText{
    display: flex;
    align-items: center;
    font-size: 14px;
}


@media only screen and (max-width: 700px) {
    .FooterAllTopIn{
        display: block;
    }
    .FooterAllRight{
        margin-top: 20px;
    }
}
@media only screen and (max-width: 570px) {
    .FooterAllLeftBottom{
        display: block;
    }
    .FooterAllLeftBottomCopyright{
        margin-top: 10px;
    }
}

@media only screen and (max-width: 900px) {
    .FooterAllTop{
        grid-template-columns: 31px 280px auto;
    }

    .FooterAllTopElementAward{
        grid-column: 3;
        justify-self: center;
    }
    .FooterAllTopElementHREF{
        grid-row: 3;
        grid-column: 1/span 3;
        display: flex;
        justify-content: space-around;
        width: 100%;
        border-top: 1px solid rgba(48,48,48,0.2);
        background-color: #e5e5e5;
        padding-top: 11px;
        padding-bottom: 11px;
        margin-top: 20px;
    }
    .FooterAllTopElementText{
        grid-column: 1/span 3;
    }
}
@media only screen and (max-width: 650px) {
    .FooterAllTopElementTwitter{
        grid-column: 1;
        grid-row: 2;
        display: flex;
        justify-content: center;
    }
    .FooterAllRightAward{
        background-size: 63px 61px;
        background-repeat: no-repeat;
        background-position: center;

    }
    .FooterAllTopElementGurs{
        grid-row: 1;
        grid-column: 1/span 2;
        display: flex;
        justify-content: center;
    }
    .FooterAllTop{
        grid-template-columns: auto auto;
    }

    .FooterAllTopElementAward{
        grid-column: 2;
        grid-row: 2;
        margin-top: 10px;
    }
    .FooterAllTopElementHREF{
        grid-row: 4;
        grid-column: 1/span 2;
    }
    .FooterAllTopElementText{
        grid-row: 5;
        grid-column: 1/span 2;
    }
    .FooterAllTopElementCopyright{
        grid-row: 6;
        grid-column: 1/span 2;
    }
}
@media only screen and (max-width: 550px) {
    .FooterAllTop{
        padding-left: 0;
        padding-right: 0;
    }
    .FooterAllTopElementHREF>div{
        margin-left: 20px;
    }
    .FooterAllTopElementHREF{
        display: grid;
        grid-template-columns: auto auto;
    }
    .FooterAllTopElementText{
        padding-left: 15px;
        padding-right: 15px;
    }
}

.FooterAllHref{
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    grid-column-gap: 25px;
}

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

.FooterAllHrefElementTitle{

    font-weight: 700;
    font-size: 15px;
    color: #100e08;
    border-bottom: 1px solid #ced4d9;
    padding-top: 15px;
    padding-bottom: 15px;
}

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

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

    font-weight: 400;
    font-size: 13px;
    color: #125590;
    padding-top: 15px;
}

@media only screen and (max-width: 1150px) {
    .FooterAllHref{
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
    .FooterAllHrefElement0{
        grid-column: 1;
        grid-row: 1;
    }
    .FooterAllHrefElement1{
        grid-column: 2;
        grid-row: 1;
    }
    .FooterAllHrefElement2{
        grid-column: 3;
        grid-row: 2;
        position: relative;
        top: -86px;
    }
    .FooterAllHrefElement3{
        grid-column: 3;
        grid-row: 1;
    }
    .FooterAllHrefElement4{
        grid-column: 4;
        grid-row: 1;
    }
    .FooterAllHrefElement5{
        grid-column: 5;
        grid-row: 1;
    }
}



.FooterAllHrefElement4{
    position: relative;
    min-width: 130px;
}

.FooterAllHrefElement4>.FooterAllHrefElementMenu>div>a{
    display: flex;
    align-items: flex-end;

}

.FooterAllHrefElement4>.FooterAllHrefElementMenu>.FooterAllHrefSubMenuElement1>a>div{
    width: 14px;
    height: 14px;
    margin-right: 10px;
    background: url(assets/b3dcafdc80462ea18c1a.png) center;
    background-size: cover;
    position: relative;
    top: -1px;
}

.FooterAllHrefElement4>.FooterAllHrefElementMenu>.FooterAllHrefSubMenuElement2>a>div{
    width: 16px;
    height: 18px;
    margin-right: 10px;
    background: url(assets/ce3ad395ca1319b1b0cd.png) center;
    background-size: cover;
    position: relative;
    top: -1px;
}

.FooterAllHrefElement4>.FooterAllHrefElementMenu>.FooterAllHrefSubMenuElement3>a>div{
    width: 14px;
    height: 16px;
    margin-right: 10px;
    background: url(assets/e622f10a361b9a6e0028.png) center;
    background-size: cover;
    position: relative;
    top: -1px;
}

.FooterAllHrefElement4>.FooterAllHrefElementMenu>.FooterAllHrefSubMenuElement4>a>div{
    width: 14px;
    height: 14px;
    margin-right: 10px;
    background: url(assets/1d19a841280021422091.png) center;
    background-size: cover;
    position: relative;
    top: -1px;
}

.FooterAllHrefElement4>.FooterAllHrefElementMenu>.FooterAllHrefSubMenuElement5>a>div{
    width: 15px;
    height: 17px;
    margin-right: 10px;
    background: url(assets/fc1b84d0faee5187c224.png) center;
    background-size: cover;
    position: relative;
    top: -1px;
}

.FooterAllHrefElement4>.FooterAllHrefElementMenu>.FooterAllHrefSubMenuElement6>a>div{
    width: 14px;
    height: 12px;
    margin-right: 10px;
    background: url(assets/d283924b27ae8a2f88b8.png) center;
    background-size: cover;
    position: relative;
    top: -1px;
}

.FooterAllHrefElement4>.FooterAllHrefElementMenu>.FooterAllHrefSubMenuElement1::before{
    content: "Mobius Trader";

    font-weight: 700;
    font-size: 13px;
    color: #bcc1c4;
    position: relative;
    top: -15px;
}

.FooterAllHrefElement4>.FooterAllHrefElementMenu>.FooterAllHrefSubMenuElement1{
    padding-top: 30px;
}

.FooterAllHrefElement4>.FooterAllHrefElementMenu>.FooterAllHrefSubMenuElement7{
    padding-top: 40px;
}

.FooterAllHrefElement4>.FooterAllHrefElementMenu>.FooterAllHrefSubMenuElement7::before{
    content: "Meta Trader";

    font-weight: 700;
    font-size: 13px;
    color: #bcc1c4;
    position: relative;
    top: -10px;
}

.FooterAllHrefElement4>.FooterAllHrefElementMenu>.FooterAllHrefSubMenuElement2::before{
    content: "";
    width: 26px;
    height: 20px;
    background: url(assets/fec09b39882f1189415d.png);
    background-size: cover;
    position: absolute;
    top: 60px;
    right: 2px;
}

.FooterAllHrefElement4>.FooterAllHrefElementMenu>.FooterAllHrefSubMenuElement7>a>div{
    width: 14px;
    height: 14px;
    margin-right: 10px;
    background: url(assets/b3dcafdc80462ea18c1a.png) center;
    background-size: cover;
    position: relative;
    top: -1px;
}


@media only screen and (max-width: 900px) {
    .FooterAllHref {
        display: none;
    }
    .Footer404{
        display: flex;
        flex-wrap: wrap;
        width: auto;
        grid-template-columns: auto auto;
        margin-left: 30px;
        margin-right: 30px;
        margin-bottom: 40px;
    }
    .FooterAllHrefElement2{
        position: unset;
    }
}
.HeaderTop{
    position: relative;
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    grid-template-rows: auto auto;
    margin-bottom: 5px;
}

.HeaderTopLogo{
    display: flex;
    align-items: flex-start;
    grid-column: 1;
    grid-row: 1/ span 2;
}

.HeaderLiveChat{
    background-image: url(assets/a77c80ffefdfccfa7e2f.svg);
    background-repeat: no-repeat;
    width: 111px;
    height: 63px;
    color: white;
    text-decoration: underline;
    text-align: center;
    /*background-position-y: -10px;*/
    position: relative;
    top: -10px;
    margin: auto;
    grid-row: 2;
    grid-column: 3;
}

.HeaderLiveChatText{
    position: relative;
    top: 17px;
}
.HeaderThreeButtons{
    margin-top: 14px;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    grid-column: 2/span 2;
    grid-row: 2;
}

.HeaderThreeButtons>div{
    display: flex;
    align-items: flex-end;
    position: relative;
    top: -5px;
}

.HeaderThreeButtonsElement{
    color: #404040;
}
.HeaderThreeButtonsElement:hover{
    color: #2d4589;
}
.HeaderThreeButtonsElement:active{
    color: #20305f;
}

.HeaderPersonalArea{
    height: 19px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    cursor: pointer;
    position: relative;
    top: -2px;
}

.HeaderPersonalAreaIMG{
    width: 49px;
    height: 49px;
    background-color: #075a89;
    display: flex;
    justify-content: center;
    align-items: center;
}
.HeaderPersonalAreaText{
    /*height: 49px;*/
    height: 19px;
    display: flex;
    align-items: center;
    text-decoration: underline;
    color: #33363f;
    margin-left: 10px;
}
.HeaderPersonalAreaIMG:hover{
    /*width: 49px;*/
    /*height: 49px;*/
    background-color: #1f6a95;
}

.HeaderPersonalArea{
    display: flex;
    justify-content: space-around;
    align-content: center;
}

@media only screen and (max-width: 1000px) {
    .HeaderTop{
        grid-template-columns: 120px auto auto;
        grid-column-gap: 40px;
    }
    .HeaderLiveChat{
        margin: initial;
        background-image: url(assets/487adb735750a15ee3fc.svg);
        position: relative;
        top: 6px;
    }
    .HeaderTopLogo{
        align-items: center;
        justify-content: flex-end;
    }
    .HeaderLiveChatText{
          top: 9px;
      }
}
@media only screen and (max-width: 800px) {

    .HeaderTopLogo{
        grid-row: 1;
        grid-column: 1;
    }
    .HeaderThreeButtons{
        grid-column: 1/span 5;
    }

    .HeaderLiveChat{
        top: 15px;

        grid-row: 1;
        grid-column: 3;
    }
    .HeaderTop{
        grid-column-gap: 0;
        justify-content: space-around;
        width: 100%;
    }
    .HeaderTop{
        grid-column-gap: 0;
    }

}


.HeaderThreeButtons>img{
    display: none;
}

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

        .HeaderThreeButtons>img{
            display: block;
        }
        .HeaderThreeButtons{
            background-color: #eeeeee;
            border: 1.5px solid #fc9a0f;
            border-radius: 5px;
            height: 50px;
            display: flex;
            /*align-items: center;*/
            justify-content: space-around;
            line-height: 60px;
        }
        .HeaderThreeButtonsElement>a{
            text-decoration: none;
            font-weight: 500;
            font-size: 16px;
        }
        .HeaderThreeButtons>img{
            margin-top: 6px;
        }
    }

.HeaderThreeButtonsElement{
    text-align: center;
}

@media only screen and (max-width: 600px) {
    .HeaderTop{
        grid-template-columns: auto auto auto auto;

    }

}
@media only screen and (max-width: 550px) {
    .HeaderThreeButtons{
        align-items: center;
    }
    .HeaderThreeButtons>div{
        align-items: center;
        top: 0;
    }
    .HeaderThreeButtonsElement{
        padding-left: 10px;
        padding-right: 10px;
        line-height: initial;
    }
    .HeaderLiveChat{
        margin-left: 5px;
    }
}

.CheckLanguageYes>a>.CheckLanguage>.CheckLanguageImg{
    display: block;
}

@media only screen and (max-width: 400px) {
    .HeaderLiveChat{
        width: 80px;
        margin-left: 5px;
    }
    .HeaderLiveChatText{
        top: 5px;
    }
}

/*@media only screen and (max-width: 800px) {*/
/*    .HeaderAll{*/
/*        display: none;*/
/*    }*/
/*}*/

@media only screen and (max-width: 600px) {
    .HeaderThreeButtons{
        grid-column: 1/span 4;
    }
}

.HeaderTwitter{
    grid-column: 4;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    top: 12px;
    /*width: 45px;*/
}
@media only screen and (max-width: 1000px) {
    .HeaderTwitter{
        grid-row: 1;
        grid-column: 2;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-right: 85px;
        position: relative;
        top: -6px;
        /*width: 45px;*/
    }
}


.CheckLanguage{
    display: flex;
    grid-column: 3;
    padding-left: 15px;
    padding-right: 15px;
    align-items: center;
    cursor: pointer;
}

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

.LangActive>img{
    margin-left: 10px;
}
.LangNoActive>img{
    display: none;
}

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

.CheckLanguageOut>a:first-of-type{
    padding-top: 17px;
}
.CheckLanguageOut>a:last-of-type{
    padding-bottom: 17px;
}

.CheckLanguageOut>a{
    padding-top: 7px;
    padding-bottom: 10px;
}

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

.CheckLanguageOut{
    /*width: 123px;*/
    /*height: 137px;*/
    background-color: white;
    box-shadow: 0 4px 10px 0 rgba(0, 51, 100, 0.25);
    border-radius: 3px;
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 500;
    min-width: 112px;
}

.CheckLanguageOutOut{
    position: relative;
    display: flex;
    justify-content: flex-end;
    top: -1px;
    grid-row: 1;
    grid-column: 5;
}

.CheckLanguageOutOut>.CheckLanguageNo{
    display: none;
}
.CheckLanguageNo{
    display: none;
}

.CheckLanguageTitle{
    text-decoration: none;
    font-size: 10px;
}


@media only screen and (max-width: 1000px) {
    .CheckLanguageOutOut{
        grid-row: 1;
        grid-column: 2;
    }
}
@media only screen and (max-width: 800px) {
    .CheckLanguageImg{
        display: none;
    }
    .CheckLanguageTitle{
        font-size: 14px;
        text-decoration: underline;
    }
    .CheckLanguageOutOut{
        margin-right: 30px;
    }
    }
@media only screen and (max-width: 600px) {
    .CheckLanguage{
        padding-left: 0;
        padding-right: 0;
    }
}

.CabinetHeader {
    grid-column: 5;
    grid-row: 2;
    justify-self: end;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 15px;}

.CabinetHeader>input{
    display: none;
}

.HeaderPersonalAreaIMGPhone{
    display: none;
}

.header_key{
    display: flex;
    height: 15px;
    line-height: 15px;
    cursor: pointer;
}
.header_key_src{
    margin-top: -5px;
    margin-right: 3px;
}

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

.cab_in{
    padding: 0 28px 28px 28px;
    position: fixed;
    z-index: 500;
    top: 130px;
    right: 50px;
    margin: auto;
    /*height : 420px;*/
    /*width : 380px;*/
    background-color: #E5ECFD;
    display: block;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto auto auto;
    justify-content: space-between;
    align-items: center;}


.login_cab>h2{font-family: Roboto, sans-serif;
    font-size: 15px;}
.pass_cab>h2{font-family: Roboto, sans-serif;
    font-size: 15px;}
.up_cab>h1{font-family: Roboto, sans-serif;
    font-size: 21px;}
.pass_me>h2{font-family: Roboto, sans-serif;
    font-size: 15px;
    color: #218ed2;}

.up_cab{
    grid-column: 1/ span 2; grid-row: 1;}
.x_close{font-family: Roboto, sans-serif;
    font-size: 21px;
    color: blue;
    grid-column: 2; grid-row: 1;
    justify-content: space-between;
    text-align: right;}
.login_cab{
    grid-column: 1; grid-row: 2;}
.login_enter_cab{
    grid-column: 2; grid-row: 2;}
.login_input_cab{
    width: 204px;
    height: 43px;}
.pass_input_cab{
    width: 204px;
    height: 43px;}
.pass_cab{grid-column: 1; grid-row: 3;}
.pass_enter_cab{grid-column: 2; grid-row: 3;}
.pass_me{grid-column: 1; grid-row: 4;}
.button_enter_cab{grid-column: 2; grid-row: 4;}

@media only screen and (max-width: 950px) {
    .CabinetHeader {margin-top: 15px;}
}
@media only screen and (max-width: 650px) {
     .CabinetHeader {grid-column: 2; grid-row: 1;
     }

}

.CabinetInAutorizationIn{
    display: flex;
    padding: 7px;
    border: solid 2px #0a56d0;
    border-radius: 5px;
}

.ButtonTransparencyInImgExit{
    margin-left: 10px;
    cursor: pointer;
}


@media only screen and (max-width: 500px) {
    .header_key{
        display:none;
    }
    .CabinetHeader{
        margin-top: 0;
        grid-column: 4;
    }
    /*.CabinetHeader>input{*/
    /*    display: block;*/
    /*}*/
    .CabinetInAutorizationIn{
        border: none;
    }
}

.iFrameCabinetCrest{
    position: absolute;
    right: 40px;
    top: 28px;
    cursor: pointer;
}

.iFrameCabinetLinks{
    position: absolute;
    z-index: 2;
    right: 20px;
    bottom: 60px;}

.iFrameCabinetLinksElement{
    margin-bottom: 5px;
}


@media only screen and (max-width: 1000px) {
    .CabinetHeader{
        grid-row: 1;
        grid-column: 3;
        margin-top: 0;
        justify-self: auto;
        display: flex;
        justify-content: flex-end;
        margin-right: 50px;
    }
    .HeaderPersonalArea{
        top: -1px;
    }
    .HeaderPersonalAreaIMG>img{
        width: 25px;
        height: 25px;
    }
    .HeaderPersonalAreaIMG{
        border-radius: 5px;
        height: 30px;
        width: 30px;
    }
}

    @media only screen and (max-width: 800px) {
        .CabinetHeader{
            grid-column: 4;
        }
        .CabinetHeader{
            align-items: center;
        }
        .HeaderPersonalAreaIMG{
            display: none;
        }
        .HeaderPersonalAreaIMGPhone{
            width: 35px;
            height: 35px;
            border: 2px #0a56d0 solid;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 7px;
        }
    }


@media only screen and (max-width: 450px) {
    .HeaderPersonalAreaText{
        display: none;
    }
}
@media only screen and (max-width: 550px) {
    .cab_in{
        right: 0;
        top: 10px;
        width: calc(100% - 20px);
    }
}
@media only screen and (max-width: 350px) {
    .iFrameCabinetLinks{
        position: relative;
        top: -10px;
        left: 20px;
    }
}
@media only screen and (max-width: 500px) {
    .EnterCabinetLeft{
        width: 35px;
        height: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 5px;
        box-shadow: 5px 0 7px 0 rgba(0, 0, 0, 0.1);
        border: solid 2px #0a56d0;
        background-image: linear-gradient(to top, #3f86d4, #3065c5);
    }
    .EnterCabinetRight{
        width: 35px;
        height: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom-right-radius: 18px;
        border-top-right-radius: 18px;
        background-image: linear-gradient(to top, #aba5d8, #b8ade8);
        border-top: solid 2px white;
        border-bottom: solid 2px white;

    }

}

@media only screen and (max-width: 360px) {
    .CabinetInAutorizationIn{
        padding-left: 1px;
        padding-right: 1px;
    }
    .HeaderTopLogo>a>img{
        width: 80px;
    }
}
.menu_header_small {
    display: none;
    width: 35px;
    height: 35px;
    border-radius: 5px;
    background-color: #075a89;
align-items: center;
    justify-content: center;
    margin-top: 6px;
}

@media only screen and (max-width: 800px) {
    .menu_header_small{display : flex;grid-column: 5; grid-row: 1;
        align-self: center;
    }}


.menuSmallCross{
    position: absolute;
    left: -35px;
    top: 12px;
    z-index: 600;
    cursor: pointer;
}

.phoneMenu{
    width: 255px;
    position: absolute;
    right: 0;
    top: 0;
    border: 1px black solid;
    background-color: white;
    z-index: 500;
}



.phoneMenuTopButtons{
    display: flex;
    justify-content: space-around;
    background-color: rgb(242,242,242);
    width: 100%;
    height: 49px;
}

.phoneMenuTopButtonsElement{
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    color: rgb(42,51,60);
    line-height: 47px;
}

.phoneMenuTopButtonsElement>img{
    position: relative;
    top: 3px;
    margin-right: 6px;

}

.phoneMenuMainElementSubMenu{
    display: none;
}

.phoneMenuMainElement>.phoneMenuMainElementTitle{
    font-family: GothamPro, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    color: rgb(10,121,191);
    line-height: 50px;
    padding-left: 22px;
}

.phoneMenuMainElementActive>.phoneMenuMainElementTitle{
    font-family: GothamPro, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    color: rgb(28,37,47);
    line-height: 50px;
    padding-left: 22px;
}

.phoneMenuMainElementActive>.phoneMenuMainElementSubMenu{
    display: inline-flex;
    flex-direction: column;
}

.phoneMenuMainElementSubMenuElement {
    font-family: GothamPro, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    color: rgb(10, 121, 191);
    line-height: 35px;
    display: inline-flex;
    padding-right: 15px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.phoneMenuMainElementSubMenuElement>a{
    padding-left: 22px;
    color: rgb(10, 121, 191);
}

.phoneMenuMainElementSubMenuElement>.phoneMenuMainElementSubMenuElementActive{
    color: white;
    background-color: rgb(10, 121, 191);
}


@media only screen and (max-width: 600px) {
    .CabinetHeader{
        grid-column: 3;
    }
    .menu_header_small{
        grid-column: 4;
    }
}
.MainMenuTop {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-around;
    font-family: GothamPro, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 13px;
    max-width: 1000px;
    margin: auto;
    color: #858484;
    background-color: #f2f2f2;
    height: 47px;
}

.MainMenuTop>div{
    width: 100%;
}


.MainMenuElement{
    width: 100%;
    text-align: center;
    height: 47px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.ElementMenuActive{
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: gray;
    color: white;
}

.MainMenuElement:hover{
    /*background-color: #a6a7aa;*/
    background-color: #075a90;
    color: white;
    cursor: pointer;
}

.MainMenuElementActive>div{
    background-color: #075a89;
}
.MainSubMenuElement{
    width: 100%;
    text-align: center;
    height: 47px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.MainSubMenuElement:hover{
    /*background-color: #c8ddfd;*/
    /*background-color: #075a90;*/
    background-color: #156b9c;

}
.ElementMenuActive{
    background-color: #a6a7aa;
    color: white;
    cursor: pointer;
}

.MainMenuHeader{
    display: none;
    position: absolute;
    background-color: #484848;
    width: 100%;
    max-width: 1000px;
    justify-content: space-around;
    left: 80px;
}

.ElementMenuActive>.MainMenuHeader{
    display: flex;
}

.MainMenuSub>.MainMenuElementOutTraderNew:first-of-type>a>div{
    padding-left: 15px;
    margin-right: 15px;
    padding-right: 15px;
}
.MainMenuSub>.MainMenuElementOutTraderNew:nth-of-type(2)>a>div{
    margin-left: 20px;
    margin-right: 5px;
}
.MainMenuSub>.MainMenuElementOutTraderNew:nth-of-type(3)>a>div{
    margin-left: 20px;
    margin-right: 5px;
    padding-left: 10px;
    padding-right: 10px;
}
.MainMenuSub>.MainMenuElementOutTraderNew:nth-of-type(4)>a>div{
    margin-left: 30px;
    margin-right: 5px;
}
.MainMenuSub>.MainMenuElementOutTraderNew:nth-of-type(5)>a>div{
    margin-left: 30px;
    margin-right: 5px;
}
.MainMenuSub>.MainMenuElementOut:first-of-type:hover{
    /*background-color: #c8ddfd;*/
    background-color: #075a90;
}
.MainMenuSub{
    display: flex;
    width: 100%;
    max-width: 1000px;
    margin: auto;
    background-color: #4b4e56;
    justify-content: space-around;
    color: white;
}

.MainMenuSubTerminal{
    background-color: #f0f5f8;
    display: flex;
    width: 100%;
    max-width: 1000px;
    margin: auto;
    justify-content: space-around;
    color: #02518e;
    padding-top: 15px;
    padding-bottom: 15px;
}

.MainMenuSubTerminal>img{
    position: relative;
    top: 5px;
    left: 5px;
}

.MenuElementTerminalDiv{
    display: flex;
    align-items: center;
    padding: 5px 10px 5px 10px;
}
.MenuElementTerminalDiv:hover{
    background-color: white;
    border-radius: 5px;
}

.MenuElementTerminalDiv>img{
    margin-right: 10px;
    position: relative;
    top: -3px;
}

.MainMenuElementOut{
    width: 100%;
}
.MainMenuElementOut>a{
    text-decoration: none;
}

.MenuElementTerminalDiv{
    display: flex;
}

.MenuElementTerminalDivImgActive{
    display: none;
}

.MainMenuElementActiveNow>.MenuElementTerminal>.MenuElementTerminalDiv>.MenuElementTerminalDivImgActive{
    display: block;

}
.MainMenuElementActiveNow>.MenuElementTerminal>.MenuElementTerminalDiv>.MenuElementTerminalDivImg{
    display: none;
}

.MainMenuElementActiveNow>.MenuElementTerminal>.MenuElementTerminalDiv{
    background-color: #cdd4da;
    border-radius: 5px;
}

.MenuElementTerminalDiv:hover>.MenuElementTerminalDivImgActive{
    display: block;
}
.MenuElementTerminalDiv:hover>.MenuElementTerminalDivImg{
    display: none;
}

@media only screen and (max-width: 920px) {
    .MenuElementTerminal>.MenuElementTerminalDiv{
        font-size: 12px;

    }
}
@media only screen and (max-width: 900px) {
    .MainMenuTop>div:first-of-type>div{
        padding-left: 15px;
    }
    .MainMenuTop>div:first-of-type>div>nobr{
        position: relative;
        left: -10px;
    }
    .MainMenuTop>div:nth-of-type(2)>div{
        margin-left: 15px;
    }
}
@media only screen and (max-width: 800px) {
    .MainMenu{
        display: none;
    }
}


.TradingOpenDemo{
    max-width: 1078px;
    margin: auto;
    padding-bottom: 15px;
    background-color: #eef1f2;
}

.TradingOpenDemoIn>div>.BonusTitle{
    padding-left: 0;
}


.TradingOpenDemoText{
    font-size: 15px;
    color: rgb(24,24,24);
    padding-top: 22px;
    padding-bottom: 15px;
}

.TradingOpenDemoIn {
    max-width: 1078px;
    margin: auto;
}

.TradingOpenDemoInWhite{
    background-color: white;
    padding-left: 25px;
    padding-bottom: 15px;
}


@media only screen and (max-width: 700px) {
    .TradingOpenDemoIn {
        padding-left: 0;
    }
    .TradingOpenDemoIn>div {
        padding-left: 15px;
    }
}

.TradingOpenDemoInWhiteH1{
    font-size: 21px;
    color: #181818;
    line-height: 23px;
    padding-top: 20px;
}
.TradingOpenDemoInWhiteText{
    font-size: 16px;
    color: #181818;
    line-height: 40px;
    padding-top: 20px;
}
.TradingOpenDemoInWhiteTextNumber{
    display: grid;
    grid-template-columns: 23px auto;
    grid-column-gap: 12px;
    max-width: 600px;
}
.TradingOpenDemoTextNumber{
    width: 23px;
    height: 23px;
    border-radius: 23px;
    background-color: #0a79bf;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: white;
}
.TradingOpenDemoTextNumberDown{
    position: relative;
    top: 5px;
}

.TradingOpenDemoInWhite>img{
    width: 100%;
}

.TradingOpenDemoTextNumber>div{
    position: relative;
    /*top: -1px;*/
    top: 0;
    left: 0;
}

.DemoProfiforexConvLeftIMGPhone{
    display: none;
}

.TradingOpenDemoIMG01{
    max-width: 404px;
}
.TradingOpenDemoIMG02{
    max-width: 538px;
}
.TradingOpenDemoIMG03{
    max-width: 549px;
}
.TradingOpenDemoIMG04{
    max-width: 964px;
}
.TradingOpenDemoIMG05{
    max-width: 942px;
}
.TradingOpenDemoIMG06{
    max-width: 968px;
}

.TradingOpenDemoInTitleBottom{
    font-size: 28px;
    color: #388d40;
    line-height: 23px;
    padding-top: 32px;
}


.DemoProfiforexConv{
    max-width: 1078px;
    margin: auto;
    display: grid;
    grid-template-columns: 55% 45%;
    margin-top: 40px;
    padding-bottom: 60px;
}

.DemoProfiforexConvLeft>img{
    position: relative;
    float: right;
}

.DemoProfiforexConvRight{
    grid-column: 2;
}

@media only screen and (max-width: 1150px) {
    .DemoProfiforexConv{
        grid-template-columns: minmax(100px, 500px) minmax(470px,480px);
    }
}

@media only screen and (max-width: 650px) {
    .AboutProfiforexTopInText{
        padding-bottom: 20px;
    }
    .DemoProfiforexConv{
        grid-template-columns: auto;
        grid-template-rows: auto auto;
    }
    .DemoProfiforexConvRight{
        grid-column: 1;
        grid-row: 2;
    }

}

.DemoProfiforexConvRightHeader{
    padding-top: 84px;
    color: rgb(42,51,60);
    font-family: GothamPro, sans-serif;
    font-size: 33px;
}

.DemoProfiforexConvRightText{
    padding-right: 30px;
    margin-top: 40px;
    color: rgb(48,56,65);
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 15px;
}

.DemoProfiforexConvRightButtons{
    width: 100%;
    margin-top: 49px;
    display: grid;
    grid-template-columns: auto 4fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;

}
.DemoProfiforexConvRightButtons{
    width: 90%;
    margin: auto;
    padding: 50px 0 35px 0;
}
@media only screen and (max-width: 650px) {
    .DemoProfiforexConvRightHeader{
        font-size: 22px;
        padding-left: 29px;
        padding-top: 20px;
    }
    .DemoProfiforexConvRightText{
        padding-left: 29px;
    }

}


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

    .DemoProfiforexConvRightButtons {
        grid-template-columns: 1fr 20px 20px 20px 20px 20px 20px 1fr;
        grid-column-gap: 20px;

    }

    .DemoProfiforexConvRightButtonsMain {
        grid-row: 1;
        grid-column: 1 /span 8;
        padding-bottom: 23px;
    }

    .AboutProfiforexMacOs{
        margin-left: 0;
    }
}

.DemoProfiforexConvTwoHeader{
    cursor: pointer;
    padding-left: 20px;
    padding-right: 20px;

}


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

    .DemoProfiforexConvTwoElementIn{
        width: auto;
    }
    .DemoProfiforexConvLeftIMGPhone{
        display: flex;
        position: relative;
        justify-content: center;
    }
    .DemoProfiforexConvLeft>img{
        float: initial;
        margin: auto;
    }
    .DemoProfiforexConvLeftIMGDesk{
        display: none;
    }
}

@media only screen and (max-width: 450px) {
    .DemoProfiforexConvTwoElementIn{
        width: 90% !important;
    }
}

@media only screen and (max-width: 400px) {
    .DemoProfiforexConvTwo>.DemoProfiforexConvTwoHeader{
        font-size: 20px;
    }

}

@media only screen and (max-width: 340px) {
    .DemoProfiforexConvRight>.DemoProfiforexConvRightButtons{
        grid-column-gap: 20px;
        grid-template-columns: 1fr 15px 15px 15px 15px 1fr;
    }
    .DemoProfiforexConvLeftIMGPhone{
        width: 100%;
    }

    .DemoProfiforexConvRightButtonsMain>a>.ButtonBlueSmall{
        padding-right: 20px;
        padding-left: 20px;
    }

}

.TradingOpenDemoInWhiteTextNumber>div>a{
    margin-left: 5px;
}
.IfYouHaveQuestions{
    display: flex;
    align-items: center;
}

.IfYouHaveQuestionsText{
    padding-left: 10px;
    font-size: 16px;
    line-height: 15px;
    color: black;
}


.IfYouHaveQuestionsTextLink{

    cursor: pointer;
    font-weight: 800;
}

.IfYouHaveQuestionsTextLinkText{
    color: #218ed2;
    text-decoration: underline;
}

.IfYouHaveQuestionsActive{
    position: fixed;
    z-index: 1000;
    /*top: 220px;*/
    top: calc(50% - 280px );

    right: calc(50% - 571px );
    width: 412px;
    border: 1px solid #8d8d8d;
    background-color: #f6f6f6;
}

@media only screen and (max-width: 1025px) {
    .IfYouHaveQuestionsText{
        padding-right: 15px;
    }
}
@media only screen and (max-width: 1200px) {
    .IfYouHaveQuestionsActive{
        right: calc(50% - 546px );
    }
}
@media only screen and (max-width: 1157px) {
    .IfYouHaveQuestionsActive{
        right: 25px;
    }
}

.IfYouHaveQuestionsAllBlack{
    position: fixed;
    z-index: 900;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.6);
}

.IfYouHaveQuestionsActiveIn{
    padding: 43px 37px 37px 37px;
}

.IfYouHaveQuestionsTop{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.IfYouHaveQuestionsTopTitle{
    font-size: 24px;
    font-weight: 500;
    color: #075a89;
    padding-bottom: 20px;
    border-bottom: 3px solid #d8d8d8;
    text-align: center;
}

.TextPlaceHolder{
    font-size: 13px;
    font-weight: 700;
    color: black;
}

.PersonalPageInputText{
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    position: relative;
}
/*.PersonalPageInputText:nth-of-type(2){*/
/*    margin-top: 15px;*/
/*}*/

.PersonalPageInputError>label>.IfYouHaveQuestionsActiveInputText,.PersonalPageInputError>label>.PersonalPageInputText>.IfYouHaveQuestionsActiveTextareaText{
    color: #c93838;
}
.PersonalPageInputError>label>.PersonalPageInputErrorText::before,.PersonalPageInputError>label>.PersonalPageInputErrorText::before{
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: #fb7b7b;
    border-radius: 8px;
    content: "";
    left: -25px;
    top: -4px;
}
.PersonalPageInputError>label>.IfYouHaveQuestionsActiveInput,.PersonalPageInputError>label>.IfYouHaveQuestionsTextarea{
    border: 1px solid red;
}
.PersonalPageInputError>label>.PersonalPageInputErrorText,.PersonalPageInputError>label>.PersonalPageInputText>.PersonalPageInputErrorText{
    display: flex;
    margin-left: 28px;
    margin-top: 5px;
    position: relative;
}

.PersonalPageInputErrorText{
    align-items: center;
    color: #c53838;
    font-size: 11px;
    display: none;
}

.IfYouHaveQuestionsActiveInput{
    width: calc(100% - 15px);
    height: 24px;
    font-size: 20px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 30px;
    padding-left: 15px;
    padding-bottom: 15px;
    border-radius: 3px;
}

.IfYouHaveQuestionsTextarea{
    height: 165px;
    width: calc(100% - 15px);
    font-size: 20px;
    font-weight: 500;
    padding-top: 30px;
    padding-left: 15px;
    padding-bottom: 15px;
    border-radius: 3px;
}

.TraderFeedbackSuccess{
    display: flex;
    margin-top: 21px;
    align-items: center;
}
.TraderFeedbackSuccessTitle{
    color: #3b3b3b;
    font-size: 24px;
    font-weight: 500;
    margin-left: 15px;
}

/*.TraderFeedbackSuccess>img{*/
/*    margin-top: 60px;*/
/*    margin-bottom: 32px;*/
/*}*/

.IfYouHaveQuestionsActiveIn>.StandartNotVisible{
    display: none;
}

.IfYouHaveQuestionsTopExit{
    cursor: pointer;
    height: 16px;
    font-size: initial;
    position: relative;
    color: #515456;
    text-decoration: underline;
}

.IfYouHaveQuestionsTopExit>img{
    margin-left: 10px;
    position: relative;
    top: 2px;
}

@media only screen and (max-width: 470px) {
    .IfYouHaveQuestionsActive{
        right: calc(50% - 210px);
    }
}
@media only screen and (max-width: 400px) {
    .IfYouHaveQuestionsActive{
        right: 0;
        /*width: calc(100% - 20px);*/
    }
    .IfYouHaveQuestionsActiveIn{
        width: auto;
    }
}

@media only screen and (max-width: 400px) {
    .IfYouHaveQuestionsActive{
        width: 100%;
    }
}
.IfYouHaveQuestionsButtonOut{
    border: none;
}

.IfYouHaveQuestionsBottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 34px;

}

.IfYouHaveQuestionsBottom>button{
    padding: 0;
}

.IfYouHaveQuestionsActiveInputText{
    color: #a0a4b7;
    font-size: 16px;
    position: relative;
    font-weight: 800;
    top: 38px;
    left: 15px;
}

.IfYouHaveQuestionsActiveTextareaText{
    color: #a0a4b7;
    font-size: 16px;
    position: absolute;
    font-weight: 800;
    top: 18px;
    left: 15px;
}
.BonusPage{
    width: 100%;
    max-width: 1000px;
    margin: auto;
}

.BonusTitle{
    font-size: 24px;
    color: #075a89;
    padding-left: 62px;
}

.BonusPageTop{
    display: grid;
    grid-template-columns: 259px auto;
    grid-column-gap: 100px;
    margin-top: 25px;
    padding-top: 15px;
    /*background-color: antiquewhite;*/
    background: url(assets/8526868737f14ebcb8a7.jpg);
    background-repeat: no-repeat;
}

.BonusPageTopLeftIMG{
    width: 259px;
    height: 201px;
    margin-left: 55px;
    background: url(assets/6532012ba1a53c014ed4.png);
}

.BonusPageTopLeftRight{
    padding-left: 10px;
    font-weight: 900;
    font-size: 38px;
    padding-top: 30px;
    color: black;
}

.BonusPageTopLeftRightTitle{
    margin-bottom: 20px;
    padding-right: 30px;
}

.BonusPage01{
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
}
.BonusPage01Line{
    height: 3px;
    width: 100%;
    background-color: #d9e7ee;
}

.BonusPage01Text{
    padding-left: 50px;
    padding-right: 50px;
    color: #005f8a;
    font-size: 30px;
}

.BonusPage01Out{
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 30px;
}

.BonusPage02{
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    margin-top: 35px;
}

.BonusPage02Element{
    display: grid;
    grid-template-rows: 90px 81px auto;
    margin-right: 40px;
    margin-left: 40px;
    align-items: center;
    text-align: center;
}

.BonusPage0202Text{
    align-self: start;
}

.BonusPage02Title{
    font-size: 20px;
    font-weight: 500;
    margin-top: 30px;
    padding-bottom: 25px;
    border-bottom: 1px solid #dedede;
    height: 40px;
}


.BonusPage02Text{
    margin-top: 25px;
    font-size: 18px;
    color: #a58f9b;
    align-self: flex-start;
}

.BonusPage01>.ButtonOut{
    margin-left: 20px;
    margin-right: 20px;
}

.BonusPageH1{
    text-align: center;
    font-size: 30px;
    color: #005f8a;
    margin-top: 70px;
}

.BonusPage03Grid{
    margin-top: 75px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 100px;
}

.BonusPage03GridElement{
    display: grid;
    grid-template-columns: 22px auto;
    grid-column-gap: 10px;
}

.BonusPage03GridElementLeft{
    grid-column: 1;
    margin-bottom: 20px;
}

.BonusPage03GridElementRight{
    grid-column: 2;
    grid-row: 1/span 5;
}

.BonusPage03GridElement{
    color: #7b8f9b;
    font-size: 17px;
}

.BonusPage03GridElementTextBold{
    line-height: 30px;
    margin-top: 20px;
    font-weight: 500;
    color: #005b85;
}

.BonusPage05{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 40px;
    color: #7b8f9b;
    font-size: 17px;
    margin-top: 80px;
}

.BonusPageTopLeftRight>.ButtonOut{
    justify-content: flex-start;
    margin-bottom: 30px;

}

@media only screen and (max-width: 850px) {
    .BonusPageTopLeftRight{
        padding-left: 0;
    }
}

@media only screen and (max-width: 720px) {
    .BonusPageTop{
        grid-template-columns: auto;
        justify-content: center;
    }
    .BonusPageTopLeftIMG{
        margin: auto;
    }
    .BonusPageTopLeftRight{
        padding-left: 10px;
        padding-right: 10px;
        font-size: 26px;
    }
    .BonusPageTopLeftRight>.ButtonOut{
        justify-content: center;
    }
    .BonusPage01Line{
        background: none;
    }
    .BonusPage01Text{
        padding: unset;
        text-align: center;
    }
    .BonusPage02{
        grid-template-columns: auto;
        text-align: center;
    }
    .BonusPage03Grid{
        grid-template-columns: auto;
    }
    .BonusPage03GridElementRight{
        grid-row: unset;
        grid-column: 1;
    }
    .BonusPage05{
        grid-template-columns: auto;
        grid-row-gap: 20px;
    }
    .BonusPageTopLeftRightTitle{
        text-align: center;
    }
    div>.BonusPage02Arrow01,div>.BonusPage02Arrow02{
        margin-top: 15px;
        transform: rotate(90deg);
    }
    .BonusPageH1{
        padding-right: 15px;
        padding-left: 15px;
    }
}

.BonusPage02Arrow01,.BonusPage02Arrow02{
    margin-top: 100px;
}
.OtherformsPage{
    width: 100%;
    max-width: 1000px;
    margin: auto;
}

.OtherformsPageH1{
    font-size: 24px;
    font-weight: 500;
    padding-top: 28px;
    color: #06466b;
}

.OtherformsPageGridTop{
    display: grid;
    grid-template-columns: 300px 318px 246px;
    grid-column-gap: 47px;
    margin-top: 28px;
}

@media only screen and (max-width: 1020px) {
    .OtherformsPageGridTop{
        grid-template-columns: 30fr 31fr 25fr;
    }
}


.OtherformsPageGridTopText{
    grid-column: 1/span 2;
    grid-row: 1/span 3;
    font-size: 18px;
    padding-bottom: 30px;
    line-height: 23px;
}

.OtherformsPageGridText{
    text-align: center;
    line-height: 1.28;
    font-size: 18px;
    margin-top: 10px;
}

.OtherformsPageGridTopIMG{
    grid-column: 1;
    grid-row: 4;
}
.OtherformsPageGridTopTitle{
    grid-column: 3;
    grid-row: 1;
    font-size: 24px;
    font-weight: 300;
    color: #06466b;
    text-align: center;
}

.OtherformsPageGridTopMounts{
    grid-column: 3;
    grid-row: 2;
    justify-self: center;
    max-width: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 40px;
    width: 100%;
}
.OtherformsPageGridTopCup{
    grid-column: 3;
    grid-row: 3;
    max-width: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-self: center;
    margin-top: 40px;
}
.OtherformsPageGridTopWiFi{
    grid-column: 2;
    grid-row: 4;
    max-width: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-self: center;
    margin-top: 40px;
}
.OtherformsPageGridTopBuild{
    grid-column: 3;
    grid-row: 4;
    max-width: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-self: center;
    margin-top: 40px;
}

@media only screen and (max-width: 800px) {
    .OtherformsPageGridTop{
        grid-template-columns: auto 246px;
    }

    .OtherformsPageGridTopTitle{
        grid-column: 2;
        grid-row: 1;
    }
    .OtherformsPageGridTopMounts{
        grid-column: 2;
        grid-row: 2;
}
    .OtherformsPageGridTopCup{
        grid-column: 2;
        grid-row: 3;}
    .OtherformsPageGridTopWiFi{
        grid-column: 2;
        grid-row: 4;
}
    .OtherformsPageGridTopBuild{
        grid-column: 2;
        grid-row: 5;
}
    .OtherformsPageGridTopText{
        grid-column: 1;
        grid-row: 1/span 4;
}
    .OtherformsPageGridTopIMG{
        grid-column: 1;
        grid-row: 5;
    }
}

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

    .OtherformsPageGridTopTitle{
        grid-column: 1;
        grid-row: 3;
    }
    .OtherformsPageGridTopMounts{
        grid-column: 1;
        grid-row: 4;
        flex-direction: initial;
        max-width: initial;
}
    .OtherformsPageGridTopCup{
        grid-column: 1;
        grid-row: 5;
        flex-direction: initial;
        max-width: initial;
        justify-self: left;
    }
    .OtherformsPageGridTopWiFi{
        grid-column: 1;
        grid-row: 6;
        flex-direction: initial;
        max-width: initial;
        justify-self: left;
}
    .OtherformsPageGridTopBuild{
        grid-column: 1;
        grid-row: 7;
        flex-direction: initial;
        max-width: initial;
        justify-self: left;
}
    .OtherformsPageGridTopText{
        grid-column: 1;
        grid-row: 2;
}
    .OtherformsPageGridTopIMG{
        grid-column: 1;
        grid-row: 1;
    }
    .OtherformsPageGridTop>div>img{
        margin-right: 15px;
    }
}


.OtherformsPageGridMain{
    background-color: #f2f7f9;
    display: grid;
    grid-template-columns: 270px 240px 240px 240px;
}
@media only screen and (max-width: 1020px) {
    .OtherformsPageGridMain{
        background-color: #f2f7f9;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

.OtherformsPageGridMainTitle{
    color: #06466b;
    font-weight: 300;
    font-size: 36px;
    grid-column: 1;
    grid-row: 1;
    text-align: center;
    padding-top: 40px;
}
.OtherformsPageGridMainH1{
    color: #06466b;
    font-weight: 300;
    font-size: 24px;
    grid-column: 1;
    grid-row: 2;
    max-width: 200px;
    margin: auto;
    padding: 40px 10px 0 10px;
    line-height: 0.96;
}
.OtherformsPageGridMainText{
    color: black;
    font-weight: 300;
    font-size: 18px;
    grid-column: 2/span 4;
    grid-row: 1/span 3;
    padding-left: 60px;
    padding-top: 40px;
    background-color: white;
    line-height: 23px;
}

.Quick{
    grid-column: 1;
    grid-row: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 200px;
    justify-self: center;
    padding-top: 40px;
    text-align: center;
}
.OtherformsPageGridMainSync{
    grid-column: 1;
    grid-row: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 200px;
    justify-self: center;
    padding-top: 40px;
    text-align: center;
}
.OtherformsPageGridMainBank{
    grid-column: 2;
    grid-row: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 200px;
    justify-self: center;
    padding-top: 40px;
    text-align: center;
}
.OtherformsPageGridMainPassword{
    grid-column: 3;
    grid-row: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 200px;
    justify-self: center;
    padding-top: 40px;
    text-align: center;
}
.OtherformsPageGridMainStartup{
    grid-column: 4;
    grid-row: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 200px;
    justify-self: center;
    padding-top: 40px;
    text-align: center;
}

.OtherformsPageGridMainTextSub{
    padding-top: 10px;
    padding-bottom: 60px;
}

.OtherformsPageGridMain{
    margin-top: 20px;
    margin-right: 25px;
}
@media only screen and (max-width: 1020px) {
    .OtherformsPageGridMain{

    margin-left: 25px;
}
}
.OtherformsPageGridMainQuick>div{

    display: flex;
    justify-content: center;
}


@media only screen and (max-width: 800px) {
    .OtherformsPageGridMain{
        margin-left: 0;
        margin-right: 0;
        padding-left: 25px;
        /*padding-right: 25px;*/
    }
    .OtherformsPageGridMain{
        grid-template-columns: 1fr 1fr 1fr;
    }
.OtherformsPageGridMainTitle{
    grid-column: 1;
    grid-row: 1;
}
.OtherformsPageGridMainH1{
    grid-column: 1;
    grid-row: 2;
}
.OtherformsPageGridMainText{
    grid-column: 2/span 3;
    grid-row: 1/span 4;
    display: flex;
    align-items: center;
}

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


.OtherformsPageGridMainSync{
    grid-column: 1;
    grid-row: 4;
}
.OtherformsPageGridMainBank{
    grid-column: 1;
    grid-row: 5;
}
.OtherformsPageGridMainPassword{
    grid-column: 2;
    grid-row: 5;
}
.OtherformsPageGridMainStartup{
    grid-column: 3;
    grid-row: 5;
}
.OtherformsPageGridMainText{
    padding-right: 15px;
}
}


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

    .OtherformsPageGridMainH101{
        margin-bottom: 15px;
    }
    .OtherformsPageGridMain{
        grid-template-columns: auto;
    }
    .OtherformsPageGridMainTitle{
        grid-row: 1;
    }
    .OtherformsPageGridMainH1{
        grid-column: 1;
        grid-row: 3;
        max-width: unset;
    }
    .OtherformsPageGridMainText{
        grid-column: 1;
        grid-row: 2;
        background-color: inherit;
    }

    .OtherformsPageGridMainQuick{
        grid-column: 1;
        grid-row: 4;
        flex-direction: initial;
        display: flex;
        align-items: center;
        max-width: none;
        justify-self: initial;
        padding-left: 20px;
    }
    .OtherformsPageGridMainSync{
        grid-column: 1;
        grid-row: 5;
        flex-direction: initial;
        display: flex;
        align-items: center;
        max-width: none;
        justify-self: initial;
        padding-left: 20px;
    }
    .OtherformsPageGridMainBank{
        grid-column: 1;
        grid-row: 6;
        flex-direction: initial;
        display: flex;
        align-items: center;
        max-width: none;
        justify-self: initial;
        padding-left: 20px;
    }
    .OtherformsPageGridMainPassword{
        grid-column: 1;
        grid-row: 7;
        flex-direction: initial;
        display: flex;
        align-items: center;
        max-width: none;
        justify-self: initial;
        padding-left: 20px;
    }
    .OtherformsPageGridMainStartup{
        grid-column: 1;
        grid-row: 8;
        flex-direction: initial;
        display: flex;
        align-items: center;
        max-width: none;
        justify-self: initial;
        padding-left: 20px;
    }
    .OtherformsPageGridMain{
        padding-bottom: 30px;
    }
    .OtherformsPageGridMain>div>.OtherformsPageGridMainIMG{
        width: 100px;
        margin-right: 15px;
        display: flex;
        justify-content: center;
    }
.OtherformsPageGridMainTextSub{
    padding: unset;

}
    .OtherformsPageGridMainBank{
        text-align: left;
    }
    .OtherformsPageGridTopIMG{
        margin-bottom: 10px;
    }
    .OtherformsPageGridMainText{
        padding-left: 0;
    }
}
.IndividualPage{
    width: 100%;
    max-width: 1000px;
    margin: auto;
    margin-top: 30px;
}

.IndividualPageMain>img{
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 0 0 #b7b6b6;
}


.IndividualPageMain{
    margin-top: 28px;
}

.IndividualPageBottom{
    width: 424px;
    border: 1px solid #0a539c;
    display: grid;
    grid-template-columns: 116px auto;
    grid-column-gap: 40px;
    margin-top: 30px;
    border-radius: 10px;
    align-items: center;
}

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

.IndividualPageBottomRight{
    margin-top: -10px;
}

.IndividualPageBottomRightTitle{
    font-size: 18px;
    padding-top: 10px;
    color: black;
    border-left: 3px #0a539c solid;
    padding-left: 10px;
    font-weight: 500;
}
.IndividualPageBottomRight>a{
    line-height: 18px;
}
.IndividualPageBottomRight>a>div{
    border-left: 3px #449df5 solid;
    padding-left: 10px;
}



.IndividualPageBottomRightTitle{
    font-size: 18px;
    padding-top: 10px;
    color: black;
}
.IndividualPageBottomRightHREF{
    padding-top: 5px;
    color: #0a539c;
    text-decoration: underline;
}


@media only screen and (max-width: 650px) {
    .IndividualPageMain>img{
        float: unset;
        position: relative;
        display: block;
        margin: auto auto 30px;
    }
    .IndividualPageBottom{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .IndividualPageBottomRight{
        margin-bottom: 20px;
    }
    .IndividualPageBottom{
        width: 100%;
    }

}

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

    }
.PrivacyPage{
    margin-top: 20px;
}
.ContactPage{
    width: 100%;
    max-width: 1000px;
    margin: auto;
}

.ContactPageTitle{
    font-size: 48px;
    color: #075a89;
}

.ContactPageTop{
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 65px;
}

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

.ContactPageTopLeft>img{
    border-radius: 50%;
}

.ContactPageTopLeftTitle{
    font-size: 24px;
    padding-top: 10px;
    color: #075a89;
    text-decoration: underline;
}
.ContactPageTopLeftText{
    font-size: 24px;
    color: #828282;
}

.ContactPageTopRight{
    display: flex;
    align-items: center;
}
.ContactPageTopRightTop{
    font-size: 20px;
    color: #666768;
    border-left: #666768 solid 5px;
    padding-left: 12px;
}

.ContactPageTopRightTitle{
    font-size: 18px;
    padding-top: 6px;
    padding-left: 12px;
    color: black;
    font-weight: 500;
    border-left: #828282 solid 5px;
}
.ContactPageTopRightText{
    font-size: 18px;
    padding-top: 6px;
    color: black;
    border-left: #828282 solid 5px;
    padding-left: 12px;
}

.ContactPageElements{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    margin-top: 60px;
}
.ContactPageElement{
    border-radius: 4px;
    border: 1px solid #075a89;
}

.ContactPageElementText{
    padding: 0 19px 0 19px;
    font-size: 16px;
    color: #4d4d4d;
}

.ContactPageElementTitle{
    padding: 19px 19px 0 19px;
    font-size: 24px;
    color: black;
}
.ContactPageElementEmail{
    display: grid;
    grid-template-columns: 21px auto;
    align-items: center;
    grid-column-gap: 13px;
    padding: 15px 19px 0 19px;
    font-size: 18px;
    color: #075a89;
    /*text-decoration: underline;*/
}
.ContactPageElementClock{
    display: grid;
    grid-template-columns: 21px auto;
    align-items: center;
    grid-column-gap: 13px;
    padding: 15px 19px 0 19px;
    font-size: 18px;
    font-weight: 500;
    color: #454343;
    margin-bottom: 30px;
}

.ContactPageElementEmail>img{
    /*margin-top: 4px;*/
}
.ContactPageElementClock>img{
    /*margin-top: 3px;*/
}

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

@media only screen and (max-width: 650px) {
    .ContactPageTop{
        grid-template-columns: auto;
    }
    .ContactPageTopRight{
        margin-top: 32px;
    }
}


.LayoutMain>.AntiLaunder{
    margin-top: 20px;
}
.AdvantagesPage{
    width: 100%;
    max-width: 1000px;
    margin: auto;
}

.AdvantagesTitle{
    font-size: 24px;
    font-weight: 500;
    color: #075a89;
}

.AdvantagesH1{
    font-size: 31px;
    font-weight: 400;
    padding-top: 50px;
    color: #262626;
    text-align: center;
}

.AdvantagesTop{
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 50px;
}
.AdvantagesTopTerminals{
    display: flex;
    justify-content: space-around;
}

.AdvantagesTopECN{
    display: grid;
    grid-template-columns: auto;
    justify-content: center;
}

.AdvantagesTopECN>img{
    justify-self: center;
}


.AdvantagesTopECNBottomElements{
    display: flex;
}

.AdvantagesTopECNBottomTitle{
    font-size: 16px;
    font-weight: 500;
    padding-top: 20px;
    color: #005b85;
    text-align: center;
}

.AdvantagesTopTerminalsElement{
    text-align: center;
    display: grid;
    justify-content: center;
    grid-template-columns: auto;
    grid-template-rows: 80px auto;
}
.AdvantagesTopTerminalsElement>img{
    margin: auto;
}

.AdvantagesTopTerminalsElementText{
    color: #262626;
    font-size: 18px;
    font-weight: 500;
}

/*.AdvantagesTopECNBottomElementIn:first-of-type>.AdvantagesTopECNBottomElementInTitle,.AdvantagesTopECNBottomElementIn:first-of-type>.AdvantagesTopECNBottomElementInText,*/
/*.AdvantagesTopECNBottomElementIn:nth-of-type(2)>.AdvantagesTopECNBottomElementInTitle,.AdvantagesTopECNBottomElementIn:nth-of-type(2)>.AdvantagesTopECNBottomElementInText*/

.AdvantagesTopECNBottomTitle{
    margin-bottom: 15px;
}
.AdvantagesTopECNBottomElementIn:first-of-type
{
    border-right: 3px solid #d9d9d9;
}.AdvantagesTopECNBottomElementIn:last-of-type
{
    border-left: 3px solid #d9d9d9;
}

.AdvantagesTopECNBottomElementInTitle{
    font-size: 16px;
    font-weight: 500;
    /*margin-top: 20px;*/
    padding-top: 10px;
    color: #005b85;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;

}
.AdvantagesTopECNBottomElementInText{
    font-size: 16px;
    font-weight: 400;
    color: #484848;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.AdvantagesBonus{
    margin-top: 40px;
    width: 100%;
    height: auto;
    background-image: url(assets/5ebc0242cc823c335b9f.png);
    background-position: center;
    padding-bottom: 30px;
}


.AdvantagesBonusTitle{
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    padding-top: 33px;
}
.AdvantagesPage01Line:first-of-type{
    justify-self: end;
}


.AdvantagesPage01Line{
    height: 3px;
    width: 132px;
    /*background-color: #d9e7ee;*/
    background-color: #4683a7;
}


.AdvantagesPage01Text{
    color: white;
    font-size: 30px;
    padding-left: 21px;
    padding-right: 21px;
    text-align: center;
}

.AdvantagesBonusGrid{
    display: grid;
    grid-template-columns: 1fr 305px 1fr;
    font-size: 20px;
    color: white;
    grid-row-gap: 50px;

}

.AdvantagesBonusGridOut{
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 30px;
}

.AdvantagesBonusGridElement{
    display: grid;
    grid-template-columns: auto 46px;
    grid-column-gap: 30px;
    align-items: center;
}
.AdvantagesBonusGridElementLeft{
    display: grid;
    grid-template-columns: 46px auto;
    grid-column-gap: 30px;
    align-items: center;
}

.AdvantagesBonusGridElementImg{
    grid-column: 2;
    grid-row: 1;
}
.AdvantagesBonusGridElementText{
    grid-column: 1;
    grid-row: 1;
}

.AdvantagesBonusGrid02{
    grid-column: 1;
    grid-row: 2;
}
.AdvantagesBonusGrid03{
    grid-column: 3;
    grid-row: 2;
}
.AdvantagesBonusGrid04{
    grid-column: 3;
    grid-row: 1;
}

.Advantages02{
    margin-top: 45px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

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

.Advantages02LeftTopText{
    text-align: center;
}

.Advantages02LeftTopElement{
    display: grid;
    align-items: center;
    grid-template-columns: auto;
    grid-template-rows: 80px;
    grid-row-gap: 25px;
    color: #005b85;
    font-size: 16px;
    font-weight: 700;
}

.Advantages02LeftText{
    text-align: center;
    margin-top: 25px;
    font-size: 19px;
    color: #484848;
}

.Advantages02RightElement{
    display: grid;
    grid-template-columns: 45px auto;
    grid-column-gap: 36px;
    margin-bottom: 24px;
    align-items: center;
    font-size: 19px;
    color: #484848;
}

.AdvantagesConfidence{
    margin-top: 40px;
    width: 100%;
    height: auto;
    background-image: url(assets/d475675fe24dccd59267.svg);
    background-position: center;
    padding-bottom: 30px;
}


.AdvantagesConfidenceTitle{
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    padding-top: 33px;
}
.AdvantagesPage01Line:first-of-type{
    justify-self: end;
}


.AdvantagesPage01Line{
    height: 3px;
    width: 132px;
    /*background-color: #d9e7ee;*/
    background-color: #4683a7;
}


.AdvantagesPage01Text{
    color: white;
    font-size: 30px;
    padding-left: 21px;
    padding-right: 21px;
}

.AdvantagesConfidenceGrid{
    display: grid;
    grid-template-columns: 1fr 295px 1fr;
    font-size: 20px;
    color: white;
    grid-row-gap: 20px;
}

.AdvantagesConfidenceGridOut{
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 30px;
}

.AdvantagesConfidenceGridElement{
    display: grid;
    grid-template-columns: auto 46px;
    grid-column-gap: 30px;
    align-items: center;
}
.AdvantagesConfidenceGridElementLeft{
    display: grid;
    grid-template-columns: 46px auto;
    grid-column-gap: 30px;
    align-items: center;
}

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

.AdvantagesConfidenceGridElementImgLeft{
    display: flex;
    align-items: center;
}
.AdvantagesConfidenceGridElementText{
    grid-column: 1;
    grid-row: 1;
}

.AdvantagesConfidenceGrid02{
    grid-column: 1;
    grid-row: 2;
}
.AdvantagesConfidenceGrid03{
    grid-column: 1;
    grid-row: 3;
}
.AdvantagesConfidenceGrid04{
    grid-column: 3;
    grid-row: 1;
}
.AdvantagesConfidenceGrid05{
    grid-column: 3;
    grid-row: 2;
}
.AdvantagesConfidenceGrid06{
    grid-column: 3;
    grid-row: 3;
}

.Advantages03{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;

}

.Advantages03>div{
    margin-bottom: 25px;
}
.Advantages03Element01:first-of-type>.Advantages03Element01Top{
    width: 83px;
}
.Advantages03Element01Top,.Advantages03Element02Bottom,.Advantages03Element04Bottom,.Advantages03Element05Top{
    font-size: 60px;
    display: flex;
    color: #fd9a0f;
    /*width: 93px;*/
    justify-content: space-between;
}

.AdvantagesBonusGridOut>img{
    display: none;
}

.Advantages03Element03Top{
    color: #fd9a0f;
    font-size: 38px;
}

.Advantages03ElementHalfBig,.Advantages03ElementHalfBig{
    font-size: 28px;
    align-self: end;
    margin-left: 12px;
    margin-top: 8px;
}

.Advantages03Element01Bottom,.Advantages03Element02Top,.Advantages03Element03Bottom,.Advantages03Element04Top,.Advantages03Element05Bottom{
    font-size: 20px;
    color: #4e4848;
}

.Advantages03{
    margin-top: 20px;
}
.Advantages03>div{
    margin-left: 20px;
    margin-right: 20px;
}



@media only screen and (max-width: 950px) {
    .AdvantagesBonusGridElement,.AdvantagesBonusGridElementLeft{
        grid-template-columns: auto;
        justify-content: center;
    }
    .AdvantagesBonusGridElementImg,.AdvantagesBonusGridElementImgLeft{
        grid-column: 1;
        margin: auto;
    }
    .AdvantagesBonusGridElementText,.AdvantagesBonusGridElementTextLeft{
        grid-column: 1;
        grid-row: 2;
        text-align: center;
    }

    .AdvantagesTitle{
        text-align: center;
        font-size: 36px;
    }
    .AdvantagesH1{
        padding-right: 20px;
        padding-left: 20px;
    }
    .AdvantagesTopTerminals{
        display: flex;
        flex-wrap: wrap;
    }
    .AdvantagesTopTerminalsElement{
        margin-bottom: 30px;
        padding-right: 20px;
        padding-left: 20px;
    }
    .AdvantagesTop{
        grid-template-columns: 100%;
    }
    .AdvantagesTopECN{
        margin-top: 50px;
    }
    .AdvantagesTopECNBottomElementInText{
        padding-right: 20px;
        padding-left: 20px;
    }
    .AdvantagesTopECNBottom,.AdvantagesTopECN{
        width: 100%;
        grid-template-columns: 100%;
    }
    .AdvantagesTopECNBottomElements{
        /*width: 80%;*/
        margin: auto;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
}



@media only screen and (max-width: 850px) {
    .AdvantagesBonusGrid{
        grid-template-columns: 1fr 250px 1fr;
    }
}
@media only screen and (max-width: 700px) {
    .AdvantagesBonusGrid{
        grid-template-columns: 1fr 150px 1fr;
    }
}

@media only screen and (max-width: 650px) {
    .AdvantagesBonus{
        background-image: url(assets/d475675fe24dccd59267.svg);
        background-position: center;
        background-size: cover;
    }
}
@media only screen and (max-width: 550px) {
    .AdvantagesPage01Line{
        height: 3px;
        width: 26px;
        /*background-color: #d9e7ee;*/
        background-color: #4683a7;
    }
}



@media only screen and (max-width: 500px) {
    .AdvantagesBonusGridOut{
        margin-left: 0;
        margin-right: 0;
    }
    .AdvantagesBonusGridElementImg{
        grid-column: 2;
        grid-row: 1;
        margin-left: 0;
    }
    .AdvantagesBonusGridElementText{
        grid-column: 1;
        grid-row: 1;
    }

    .AdvantagesBonusGridElementLeft {
        grid-template-columns: 46px auto;
    }
    .AdvantagesBonusGridElementImgLeft {
        grid-column: 1;
        grid-row: 1;
    }
    .AdvantagesBonusGridElementTextLeft {
        grid-column: 2;
        grid-row: 1;
        text-align: center;
    }
    .AdvantagesTopECNBottomElementInTitle{
        margin-top: 0;
    }
    .AdvantagesTopECNBottomElements{
        display: grid;
        grid-template-columns: 1fr 1fr;
        /*align-items: center;*/
    }
    .AdvantagesTopECNBottomElementIn{
        margin-top: 20px;
    }
    .AdvantagesTopECNBottomTitle{
        margin-bottom: 20px;
    }
    .AdvantagesTopECNBottomElementIn:first-of-type>.AdvantagesTopECNBottomElementInTitle{
        min-height: 30px;

    }
    .AdvantagesTopECNBottomElementIn:nth-of-type(2){
        grid-column: 1/span 2;
        grid-row: 1;
        max-width: 200px;
        border-right: 3px solid #d9d9d9;
        border-left: 3px solid #d9d9d9;
    }
    .AdvantagesTopECNBottomElementIn:nth-of-type(2){
        margin: auto;
    }
    .AdvantagesTopECNBottomElements>.AdvantagesTopECNBottomElementIn>.AdvantagesTopECNBottomElementInTitle,.AdvantagesTopECNBottomElements>.AdvantagesTopECNBottomElementIn>.AdvantagesTopECNBottomElementInText{
        border-right: none;
    }
    .AdvantagesTopECNBottomElementIn:nth-of-type(1){
        grid-column: 1;
        grid-row: 2;
        border-right: none;
    }
    .AdvantagesTopECNBottomElementIn:nth-of-type(3){
        grid-column: 2;
        grid-row: 2;
    }
    .AdvantagesBonusTitle{
        width: 100%;
        grid-template-columns: 20px  auto  20px;
    }
    .AdvantagesPage01Text{
        margin: auto;
    }
    .AdvantagesBonus{
        background-image: url(assets/d475675fe24dccd59267.svg);
        background-position: center;
        background-size: cover;
        padding-bottom: 0;
    }
    .AdvantagesBonusGridOut>img{
        /*margin: auto;*/
        width: 100%;
    }
    .AdvantagesBonusGrid{
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 15px;
    }
    .AdvantagesBonusGrid{
        grid-template-columns: auto;
    }

    .AdvantagesBonusGrid02{
        grid-column: 1;
        grid-row: 2;
    }
    .AdvantagesBonusGrid03{
        grid-column: 1;
        grid-row: 3;
    }
    .AdvantagesBonusGrid04{
        grid-column: 1;
        grid-row: 4;
    }
    .AdvantagesBonusGrid05{
        grid-column: 1;
        grid-row: 5;
    }
    .AdvantagesBonusGrid06{
        grid-column: 1;
        grid-row: 6;
    }
    .AdvantagesBonus{
        height: auto;
    }
    .AdvantagesBonusGridElementImg{
        grid-column: 1;
    }
    .AdvantagesBonusGridElementText{
        grid-column: 2;
    }
    .AdvantagesBonusGridElement{
        grid-template-columns: 46px auto;
    }

    .AdvantagesBonusGridOut>img{
        display: block;
    }
    .Advantages02{
        grid-template-columns: auto;
    }
    .Advantages02Right{
        margin-top: 20px;
    }
}

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

    .AdvantagesConfidence{
        height: auto;
    }
    .AdvantagesConfidenceGrid{
        grid-template-columns: auto;
    }

    .AdvantagesConfidenceGrid02{
        grid-column: 1;
        grid-row: 2;
    }
    .AdvantagesConfidenceGrid03{
        grid-column: 1;
        grid-row: 3;
    }
    .AdvantagesConfidenceGrid04{
        grid-column: 1;
        grid-row: 4;
    }
    .AdvantagesConfidenceGrid05{
        grid-column: 1;
        grid-row: 5;
    }
    .AdvantagesConfidenceGrid06{
        grid-column: 1;
        grid-row: 6;
    }
    .AdvantagesConfidenceGridElement{
        grid-template-columns: 46px auto;
    }
    .AdvantagesConfidenceGridElementImg{
        grid-column: 1;
    }
    .AdvantagesConfidenceGridElementText{
        grid-column: 2;
    }
}

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

.AdvantagesConfidenceGrid{
    position: relative;
}

.AdvantagesConfidenceGridIMGSafe{
    position: absolute;
    top: calc(50% - 82px);
    left: calc(50% - 82px);
}

@media only screen and (max-width: 850px) {
    .AdvantagesConfidenceGridIMGSafe{
        position: absolute;
        top: calc(50% - 82px);
        left: auto;
        right: 20px;
    }
}
@media only screen and (max-width: 500px) {
    .AdvantagesBonusGridElement, .AdvantagesBonusGridElementLeft{
        justify-content: flex-start;
    }
}
@media only screen and (max-width: 700px) {
    .AdvantagesConfidenceGridIMGSafe{
        display: none;
    }
    .AdvantagesBonusGridElementText{
        text-align: left;
    }
}
.Advantages04{
    margin-bottom: 26px;
}
.AboutPage{
    width: 100%;
    max-width: 1000px;
    margin: auto;
}

.AboutTitle{
    font-size: 48px;
    padding-top: 58px;
    color: #075a89;
}

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

.AboutPage01>img{
    margin-left: 30px;
}

.AboutPage03Black{
    margin-top: 63px;
    background: gray;
    background: linear-gradient(30grad, #64625e, #1b1d1c);;
    display: grid;
    grid-template-columns: 1px 194px auto;
    grid-column-gap: 45px;
}



.AboutPage03BlackIMG{
    width: 100%;
    height: 100%;
    background-image: url(assets/113490763e91f98ff579.png);
    background-position: center;
    background-size: cover;
}



.AboutPage03BlackTitle{
    color: white;
    font-weight: 500;
    font-size: 24px;
    padding-top: 20px;
    line-height: 24px;

}
.AboutPage03BlackText{
    color: white;
    font-size: 18px;
    padding-bottom: 20px;
    padding-right: 20px;
    line-height: 24px;
}

.AboutPage03BlackText>span{
    font-weight: 500;
}

.AboutPage04Title{
    font-size: 36px;
    padding-top: 50px;
    color: #06466b;
}

.AboutPage04YellowBorderTitle{
    font-size: 24px;
    padding-top: 25px;
    padding-left: 15px;
}

.AboutPage04YellowBorder{
    margin-top: 25px;
    position: relative;
    border: 1.5px solid #eab144;
    min-height: 99px;
    border-radius: 5px;
}

.AboutPage04YellowBorderText{
    font-size: 18px;
    padding-top: 10px;
    padding-left: 15px;
}

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

.AboutPage05Title{
    font-size: 24px;
    padding-top: 25px;
}

.AboutPage05Left>.AboutPage05Text{
    padding-top: 15px;
}

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

.AboutPage05Left>span{
    margin-left: 15px;
}

.AboutPage05IMG01{
    margin-top: 25px;
}

.AboutPage07{
    margin-top: 15px;
    padding-left: 15px;
}

.AboutPage06Title{
    font-size: 24px;
    padding-top: 25px;
    padding-left: 12px;
}
.AboutPage06Text{
    font-size: 18px;
    padding-top: 15px;
    padding-left: 12px;
    padding-bottom: 12px;
}

.AboutPage05IMG02{
    display: none;
}

@media only screen and (max-width: 850px) {
    .AboutPage03BlackIMG{
        background-position-y: 20px;
        background-repeat: no-repeat;
        width: auto;
        height: auto;
        background-size: contain;
    }
}
@media only screen and (max-width: 650px) {
    .AboutPage05IMG01{
        display: none;
    }
    .AboutPage05IMG02{
        display: block;
        float: right;
        position: relative;
    }
    .AboutPage05>img{
        justify-self: flex-end;
        left: unset;
    }
    .AboutPage06Text{
        padding-bottom: 20px;
    }
    .AboutPage01{
        display: grid;
    }
    .AboutPage01>img{
        grid-row: 1;
        justify-self: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .AboutPage02{
        padding-top: 25px;
    }
    .AboutPage03Black{
        grid-template-columns: auto;
    }
    /*.AboutPage03BlackIMG{*/
    /*    width: 194px;*/
    /*    height: 113px;*/
    /*    background-image: url("../../../static/img/About/about02.png");*/
    /*    background-position: center;*/
    /*    background-size: cover;*/
    /*    grid-row: 3;*/
    /*    position: relative;*/
    /*    left: calc(100% - 214px);*/
    /*}*/

    @media only screen and (max-width: 650px) {
        .AboutPage03Black{
            /*background-image: linear-gradient(to top, #64625e, #1b1d1c);*/
            /*background: none;*/
            background-image: url(assets/eb60ce86d0a2e15f4f1f.svg);
            background-size: cover;
        }
        .AboutPage03BlackIMG{
            background-image: url(assets/2be32c96e62ad2175511.png);
            background-position: right;
            background-size: contain;
        }
    }
    .AboutPage03BlackIMG{
        /*width: 100%;*/
        height: 109px;
        background-repeat: no-repeat;
        /*background-image: url("../../../static/img/About/about05.png");*/
        /*background-position: center;*/
        /*background-size: cover;*/
        grid-row: 3;
        position: relative;
        /*left: calc(100% - 214px);*/
    }
    .AboutPage03BlackRight{
        padding-left: 18px;
        padding-right: 18px;
    }
    .AboutPage05{
        display: grid;
        grid-column: auto;
    }
    .AboutPage04YellowBorderText{
        padding-bottom: 60px;
    }
    .AboutPage04YellowBorder>.AboutPage04Services0101{
        bottom: 15px;
        top: unset;
        right: 165px;
        left: unset;
    }
    .AboutPage04YellowBorder>.AboutPage04Services0102{
        bottom: 30px;
        top: unset;
        right: 30px;
        left: unset;

    }
    .AboutPage04YellowBorder>.AboutPage04Services0103{
        bottom: 10px;
        top: unset;
        right: 86px;
        left: unset;
    }
}

@media only screen and (max-width: 400px) {
    .AboutPage01>img{
        margin-left: 0;
    }
}

.AboutPage04Services0101{
    position: absolute;
    top: 9px;
    right: 147px;
    z-index: -1;
    opacity: 0.55;
}
.AboutPage04Services0102{
    position: absolute;
    top: 50px;
    right: 91px;
    z-index: -1;
    opacity: 0.55;
}
.AboutPage04Services0103{
    position: absolute;
    top: 9px;
    right: 23px;
    z-index: -1;
    opacity: 0.55;
}

.AboutPage06Left{
    margin-top: 20px;
    background-image: url(assets/4df7f7ea8146147a4611.svg);
    background-position: center;
    background-size: cover;
    min-height: 190px;
}

.AboutPage06{
    position: relative;
}
.AboutPage06Img{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}

@media only screen and (max-width: 650px) {
    .AboutPage06Left{
        margin-top: 0;
    }
}
@media only screen and (max-width: 1020px) {
    .AboutPage06Left{
        border-left: #1c94d9 1px solid;
        border-right: #1c94d9 1px solid;
        padding-right: 15px;
    }
}

.MetatraderPage{
    max-width: 1000px;
    margin: auto;
}

.MetatraderGrid{
    display: grid;
    grid-template-columns: 2fr 5fr;
    grid-column-gap: 40px;
}

.MetatraderGridLeft{
    background-image: url(assets/a9ab5e04d73bc6646139.jpg);
    background-repeat: no-repeat;
    background-position: right;
}

.MetatraderTitle{
   font-size: 24px;
    margin-top: 40px;
    margin-bottom: 20px;
    color: #075a89;
}

.MetatraderText{
    font-size: 13px;
    line-height: 19px;
}

.MetatraderUL{
    font-size: 13px;
    line-height: 19px;
}

.Metatrader02{
    margin-top: 30px;
}

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

.MetatraderHREF{
    margin-bottom: 10px;
}

.MetatraderHREF>a{
    color: #075a89;
}

.MetatraderHREF>a>div{
    margin-left: 10px;
    margin-right: 10px;
}

.MetatraderHREF02{
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.MetatraderHREF02>a {
    color: #075a89;
    padding-left: 15px;
}

.MetatraderBottomTitle{
    color: #005b85;
    font-size: 18px;
}

.MetatraderBottomGrid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 10px;
}

.MetatraderBottom{
    margin-top: 40px;
    padding-right: 15px;
    padding-left: 15px;
}

.MetatraderBottomGridElementText>a{
    padding-left: 5px;
}
.MetatraderBottomGridElement{
    display: grid;
    grid-template-columns: 29px auto;
    grid-column-gap: 17px;
}
.MetatraderBottomGridElementNumber{
    width: 29px;
    height: 29px;
    background-color: #00aef3;
    border-radius: 50%;
    display: flex;
    color: white;
    justify-content: center;
    align-items: center;
    line-height: 34px;
    padding-top: 1px;
}

.MetatraderBigIMG{
    width: 100%;
    min-width: 300px;
}
@media only screen and (max-width: 800px) {
 .MetatraderGrid{
     display: block;
 }
    .MetatraderBottomGrid{
        display: block;
    }
    .MetatraderBottomGridElement{
        margin-top: 20px;
        align-items: center;
    }
    .MetatraderBottomGridElementNumber{
        position: relative;
        top: -3px;
    }
}

.MetatraderPagePDFDocumentation>a{
    margin-left: 20px;
    margin-bottom: 15px;
}


.TerminalWindows{
    font-family: Geometria, sans-serif;

}
.TerminalWindowsIn{
    max-width: 1000px;
    margin: 20px auto auto;
}

.TerminalWindowsPart01{
    background-color: white;
}

.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;
    background-color: white;
}

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

.TerminalWindowsInPart01Right>.TerminalDesktopComponent3IMG>.TerminalDesktopComponent3IMGImage{
    display: block;
}

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

.TerminalWindowsInPart01Right>.TerminalDesktopComponent3IMG>.TerminalDesktopComponent3IMGImage{
    margin: auto;
    width: 700px;
    left: -390px;
    top: 100px;
}

@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: 1000px) {
    .TerminalWindowsInPart01Right>.TerminalDesktopComponent3IMG>.TerminalDesktopComponent3IMGImage>img{
        width: 100%;
    }
}
@media only screen and (max-width: 920px) {

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

@media only screen and (max-width: 1050px) {
   .TerminalWindowsIn{
       margin-left: 20px;
       margin-right: 20px;
   }
}
@media only screen and (max-width: 800px) {
   .TerminalWindowsIn{
       margin-left: 0;
       margin-right: 0;
       margin-top: 0;
   }
}

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

.TerminalWebterminal{
    font-family: Geometria, sans-serif;
    max-width: 1000px;
    margin: auto;
}
.TerminalWebterminalIn{
    background-color: white;
    margin-top: 20px;
}

.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: 50px;

}

.TerminalWebterminalPart02>.TerminalWebterminalPart02Left>img{
    width: 100%;
    object-fit: contain;
}

.TerminalWebterminalPart03{
    display: grid;
    grid-template-columns: auto 600px;
    grid-column-gap: 40px;
    padding-top: 40px;
}

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


@media only screen and (max-width: 1050px) {
    .TerminalWebterminalIn{
        margin-left: 20px;
        margin-right: 20px;
    }
}
@media only screen and (max-width: 800px) {
    .TerminalWebterminalIn{
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
    }
}
.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: 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;
    }
}


.TerminalMacOs{
    font-family: Geometria, sans-serif;
}
.TerminalMacOsIn{
    background-color: white;
    max-width: 1000px;
    margin: auto;
    margin-top: 20px;
}

.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;
    width: 100%;
}

.TerminalLinuxInPart01Right{
    overflow: hidden;
}

.TerminalMacOsInPart01RightMainImage{
    width: 1100px;
}


.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-style: italic;
    font-size: 16px;
}

.TerminalMacOsPart01TextMain{
    padding-bottom: 20px;
    font-weight: 400;
    font-size: 18px;
    color: #413422;
    padding-top: 30px;
    line-height: 27px;
}

.TerminalMacOsInPart01Right>.TerminalDesktopComponent3IMG>.TerminalDesktopComponent3IMGImage{
    margin: auto;
    width: 700px;
    left: -325px;
    top: 110px;
}
.TerminalMacOsInPart01Right>.TerminalDesktopComponent3IMG>.TerminalDesktopComponent3IMGImage>img{
    width: 100%;
}

@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{
        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;
    }
}


@media only screen and (max-width: 1050px) {
    .TerminalMacOsIn{
        margin-left: 20px;
        margin-right: 20px;
    }
}
@media only screen and (max-width: 800px) {
    .TerminalMacOsIn{
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
    }
}
.TerminalLinux{
    font-family: Geometria, sans-serif;
    max-width: 1000px;
    margin: auto;
    background-color: white;
}

.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{
    overflow: hidden;
}

.TerminalLinuxInPart01RightMainImage{
    width: 1100px;
}

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


.TerminalLinuxInPart01Right>.TerminalDesktopComponent3IMG>.TerminalDesktopComponent3IMGImage{
    top: 100px;
}


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

.TerminaliPhone{
    font-family: Geometria, sans-serif;
    max-width: 1000px;
    margin: auto;
    background-color: white;
}

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

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

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

.TerminaliPhoneInTitleGridButtons>a{
    width: 122px;
    margin-left: 22px;
}

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


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

.TerminaliPhoneInPart01Right{
    grid-column: 2;
    grid-row: 2;
    left: -10px
}

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

    .TerminaliPhoneInTitleGridButtons>a{
        padding-bottom: 10px;
    }
    .TerminaliPhoneInPart01{
        height: 800px;
    }

    .TerminaliPhoneInPart01Right{
        top: -40px;
    }
}


.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: 538px;
    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>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: -60px;
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 50px;
    grid-template-rows: auto;
    position: relative;
    z-index: 10;
    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) {
    .TerminaliPhoneInTitleGridButtons{
        justify-content: center;
    }
    .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;
    }
    .TerminaliPhoneInTitleGridButtons{
        flex-direction: column;
        grid-row: 1 /span 2;
        justify-self: flex-end;
        align-self: flex-start;
    }
    .TerminaliPhoneInPart03Right{
        height: auto;
    }

}

.TerminaliPhoneInTitleGridButtons{
    height: auto;
}

.TerminaliPhoneInTitleGridButtons>a{
    height: 49px;
}

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


.TerminaliPhoneInTitleGridButtons>a:nth-of-type(1)>.ButtonTerminalMobile{
    background: none;
    border: 1px solid #eceae6;
    color: #0069d4;
}
.iPadTerminal{
    font-family: Geometria, sans-serif;
    background-color: white;
}
.iPadTerminalTitle{
    font-weight: 700;
    font-size: 30px;
    color: #413422;
    padding-top: 8px;
}

.iPadTerminalInTitleGridButtons>a{
    width: 122px;
    margin-left: 22px;
}

.iPadTerminalInPart01Right>.iPadTerminalPadInPart01RightMainImage{
    position: absolute;
    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;
    justify-content: space-around;
}


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

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

    .iPadTerminalInTitleGridButtons>a{
        padding-bottom: 10px;
    }
    .iPadTerminalInPart01Right{
        top: -40px;
    }
}


.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: 1150px) {
    .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: 1150px) {
    .iPadTerminalInPart02{
        height: auto;
    }
    .iPadTerminalInPart02Left>img{
        top: 0;
    }

}
@media only screen and (max-width: 1150px) {
    .iPadTerminalInTitleGridButtons{
        justify-content: center;
    }
    .iPadTerminalInPart03{
        margin-top: 0;}
}


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

    .iPadTerminalInPart01LeftTextMain{
        font-size: 18px;
    }
    .iPadTerminaliPhone>.iPadTerminalIn>.iPadTerminalInPart01>.iPadTerminalInPart01Right{
        grid-column: 1/span 3;
    }
    .iPadTerminalInTitleGridButtons{
        flex-direction: column;
        grid-row: 1 /span 2;
        justify-self: flex-end;
        align-self: flex-start;
    }
    .iPadTerminalInPart03Right{
        height: auto;
    }
    .TerminalAndroidInPart01RightMainImage{
        display: none;
    }
    .iPadTerminalInPart01Right>.TerminalComponent3IMG>.TerminalComponent3IMGImage{
        position: static;
    }

}

.iPadTerminalInTitleGridButtons{
    height: auto;
}

.iPadTerminalInTitleGridButtons>a{
    height: 49px;
}

@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: 1150px) {
    .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: 1150px) {
    .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: 1150px) {
    .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: 200px;
        position: absolute;
        top: 0;
        left: -225px;
        z-index: 10;
        background-color: #edf1f1;
    }
    .iPadTerminalInPart02:before{
        content: '';
        height: 100%;
        width: 505px;
        position: absolute;
        top: 0;
        left: -505px;
        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: 1150px) {
    .iPadTerminalInPart01LeftTextMain{
        padding-right: 30px;
    }

}
@media only screen and (max-width: 1150px) {
    .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;
    }
    .iPadTerminalPadInPart01RightMainImage{
        display: none;
    }
}

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


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

}

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

.iPadTerminalInTitleGridButtons>a:nth-of-type(2)>.ButtonTerminalMobile{
    background: none;
    border: 1px solid #eceae6;
    color: #0069d4;
}


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

@media only screen and (max-width: 700px) {
    .iPadTerminalTitle,.iPadTerminalInTitleGridButtons,.iPadTerminalInPartStore{
        grid-column: 1/span 3;
    }
    .iPadTerminalInPartStore{
        margin-top: 20px;
    }
}
.TerminalAndroidTabletiPhone{
    font-family: 'Geometria', sans-serif;

}

.TerminalAndroidTabletIn{
    background-color: white;
}

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

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

.TerminalAndroidTabletInTitleGridButtons>a{
    width: 122px;
    margin-left: 22px;
}

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


.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;
    right: 50px
}

.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;
}
.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: 500px;
        position: absolute;
        top: 0;
        left: -525px;
        z-index: 10;
        background-color: #edf1f1;
    }
    .TerminalAndroidTabletInPart02:before{
        content: '';
        height: 100%;
        width: 25px;
        position: absolute;
        top: 0;
        left: -25px;
        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: 1100px) {
    .TerminalAndroidTabletInPart02{
        grid-template-columns: auto auto;
    }
    .TerminalAndroidTabletInPart02Left{
        overflow: hidden;
    }
}

@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: 900px) {
    .TerminalAndroidTabletInPart01Right>.TerminalComponent3IMG>.TerminalComponent3IMGImage>img{
        left: 0;
    }
    .TerminalAndroidTabletInPart01Right{
        right: 0;
    }
}

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

    .TerminalAndroidTabletInPart01{
        grid-template-rows: auto;
    }
}


.TerminalAndroidTabletInTitleGridButtons>a:nth-of-type(2)>.ButtonTerminalMobile{
    background: none;
    border: 1px solid #eceae6;
    color: #0069d4;
}

.PageTerminal{
    background-color: white;
}

.PageTerminal>.MainMenuGlobal{
    max-width: 1000px;
    height: 99px;
}

.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{
    height: auto;
    grid-column: 3;
    grid-row: 1;
    display: flex;
    justify-content: space-around;
}

.TerminalAndroidInTitleGridButtons>a{
    width: 122px;
    margin-left: 22px;
    height: 49px;
}


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

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

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

    .TerminalAndroidInTitleGridButtons>a{
        padding-bottom: 10px;
    }
    .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;
    position: relative;
    z-index: 10;
    background-color: white;
}


.TerminalAndroidInPart03Right>img{
    height: auto;
}


@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) {
    .TerminalAndroidInTitleGridButtons{
        justify-content: center;
    }
    .TerminalAndroidInPart03{
        margin-top: 0;}

    .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;
    }
    .TerminalAndroidInTitleGridButtons{
        flex-direction: column;
        grid-row: 1 /span 2;
        justify-self: flex-end;
        align-self: flex-start;
    }
    .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;
        overflow: hidden;
    }
    .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;
    }
}


.TerminalAndroidInTitleGridButtons>a:nth-of-type(1)>.ButtonTerminalMobile{
    background: none;
    border: 1px solid #eceae6;
    color: #0069d4;
}
.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;
}

.VerificationBlockButtonsElement{
    padding: 15px;
    font-size: 24px;
    font-weight: 700;
}

.AddMoneyText{
    padding: 15px;
    font-size: 24px;
    font-weight: 700;
}

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

.VerificationBlockButtons>div>a>.ButtonGreen,.AddMoney>div>.ButtonGreen{
    width: 300px;
    margin-left: 20px;
}

/*# sourceMappingURL=index.27f3ac1be2973a5da3c2.css.map*/