@font-face{
    font-family:Manrope;
    font-weight:200;
    font-style:normal;
    font-stretch:normal;
    src:url(../fonts/Manrope-ExtraLight.eot);
    src:url(../fonts/Manrope-ExtraLight.eot?#iefix) format("embedded-opentype"),url(../fonts/Manrope-ExtraLight.woff2) format("woff2"),url(../fonts/Manrope-ExtraLight.woff) format("woff"),url(../fonts/Manrope-ExtraLight.ttf) format("truetype"),url(../fonts/Manrope-ExtraLight.svg#Manrope-ExtraLight) format("svg"),url(../Manrope-ExtraLight.otf) format("otf")
}
@font-face{
    font-family:Manrope;
    font-weight:300;
    font-style:normal;
    font-stretch:normal;
    src:url(../fonts/Manrope-Light.eot);
    src:url(../fonts/Manrope-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/Manrope-Light.woff2) format("woff2"),url(../fonts/Manrope-Light.woff) format("woff"),url(../fonts/Manrope-Light.ttf) format("truetype"),url(../fonts/Manrope-Light.svg#Manrope-Light) format("svg"),url(../Manrope-Light.otf) format("otf")
}
@font-face{
    font-family:Manrope;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    src:url(../fonts/Manrope-Regular.eot);
    src:url(../fonts/Manrope-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Manrope-Regular.woff2) format("woff2"),url(../fonts/Manrope-Regular.woff) format("woff"),url(../fonts/Manrope-Regular.ttf) format("truetype"),url(../fonts/Manrope-Regular.svg#Manrope-Regular) format("svg"),url(../Manrope-Regular.otf) format("otf")
}
@font-face{
    font-family:Manrope;
    font-weight:500;
    font-style:normal;
    font-stretch:normal;
    src:url(../fonts/Manrope-Medium.eot);
    src:url(../fonts/Manrope-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/Manrope-Medium.woff2) format("woff2"),url(../fonts/Manrope-Medium.woff) format("woff"),url(../fonts/Manrope-Medium.ttf) format("truetype"),url(../fonts/Manrope-Medium.svg#Manrope-Medium) format("svg"),url(../Manrope-Medium.otf) format("otf")
}
@font-face{
    font-family:Manrope;
    font-weight:600;
    font-style:normal;
    font-stretch:normal;
    src:url(../fonts/Manrope-SemiBold.eot);
    src:url(../fonts/Manrope-SemiBold.eot?#iefix) format("embedded-opentype"),url(../fonts/Manrope-SemiBold.woff2) format("woff2"),url(../fonts/Manrope-SemiBold.woff) format("woff"),url(../fonts/Manrope-SemiBold.ttf) format("truetype"),url(../fonts/Manrope-SemiBold.svg#Manrope-SemiBold) format("svg"),url(../Manrope-SemiBold.otf) format("otf")
}
@font-face{
    font-family:Manrope;
    font-weight:700;
    font-style:normal;
    font-stretch:normal;
    src:url(../fonts/Manrope-Bold.eot);
    src:url(../fonts/Manrope-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Manrope-Bold.woff2) format("woff2"),url(../fonts/Manrope-Bold.woff) format("woff"),url(../fonts/Manrope-Bold.ttf) format("truetype"),url(../fonts/Manrope-Bold.svg#Manrope-Bold) format("svg"),url(../Manrope-Bold.otf) format("otf")
}
@font-face{
    font-family:Manrope;
    font-weight:800;
    font-style:normal;
    font-stretch:normal;
    src:url(../fonts/Manrope-ExtraBold.eot);
    src:url(../fonts/Manrope-ExtraBold.eot?#iefix) format("embedded-opentype"),url(../fonts/Manrope-ExtraBold.woff2) format("woff2"),url(../fonts/Manrope-ExtraBold.woff) format("woff"),url(../fonts/Manrope-ExtraBold.ttf) format("truetype"),url(../fonts/Manrope-ExtraBold.svg#Manrope-ExtraBold) format("svg"),url(../Manrope-ExtraBold.otf) format("otf")
}
@media (min-width:1200px){
    .container{
        max-width:1200px
    }
}
body{
    width:100%;
    min-height:100%;
    font-family:Manrope!important;
    font-weight:400;
    color:#000;
    background:#fff;
    position:relative;
    padding:0;
    margin:0;
    overflow-x:hidden!important;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center
}
body.background::after{
    content:"";
    width:100%;
    height:931px;
    position:absolute;
    left:0;
    top:0;
    z-index:-1;
    clip-path:polygon(0 0,100% 0,100% 100%,0 88%);
    background-size:cover;
    background-position:top;
    background-repeat:no-repeat;
    background-image:url(../img/background-1.webp)
}
body.secondary-background::after{
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:-1;
    background-size:contain;
    background-position:center 219px;
    background-repeat:no-repeat
}
body.secondary-background._1::after{
    background-image:url(../img/background-4.webp)
}
body.secondary-background._2::after{
    background-image:url(../img/background-5.webp)
}
body.secondary-background._3::after{
    background-image:url(../img/background-6.webp)
}
body.secondary-background._4::after{
    background-image:url(../img/background-7.webp)
}
body.secondary-background._5::after{
    background-image:url(../img/background-8.webp)
}
body.secondary-background._6::after{
    background-image:url(../img/background-9.webp)
}
a{
    text-decoration:none!important;
    color:inherit!important
}
form{
    margin:0
}
button{
    outline:0;
    background:#01a7f6;
    border:none;
    border-radius:6px;
    padding:12px 31px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    gap:10px;
    cursor:pointer;
    transition:box-shadow 250ms ease,color 250ms ease,background 250ms ease,opacity 250ms ease
}
button>p{
    margin:0;
    color:#fff;
    font-size:18px;
    font-weight:700;
    line-height:normal;
    text-align:center
}
button>i{
    width:20px;
    height:20px;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat
}
button>i.user{
    background-image:url(../img/icons/user.svg)
}
button>i.copy{
    background-image:url(../img/icons/copy-2.svg)
}
button:not(.transparent):hover{
    box-shadow:0 4px 51px 0 rgba(1,167,246,.6)
}
button.transparent{
    background:rgba(1,167,246,.2)
}
button.transparent>p{
    color:#01a7f6
}
button.transparent:hover{
    background:#01a7f6
}
button.transparent:hover>p{
    color:#fff
}
.modal{
    background:rgba(0,0,0,.2)
}
.modal .modal-dialog{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center
}
.modal .modal-dialog .modal-content{
    min-width:542px;
    min-height:266px;
    border-radius:10px;
    background:#f7f9fb;
    position:relative
}
.modal .modal-dialog .modal-content .modal-close{
    position:absolute;
    z-index:5;
    cursor:pointer;
    top:20px;
    right:20px;
    width:30px;
    height:30px;
    cursor:pointer;
    transition:opacity 250ms ease;
    opacity:.3;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(../img/icons/close.svg)
}
.modal .modal-dialog .modal-content .modal-close:hover{
    opacity:1
}
.modal .modal-dialog .modal-content .modal-body{
    overflow:hidden;
    padding:20px;
    border-radius:10px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-end;
    position:relative;
    gap:20px
}
.modal .modal-dialog .modal-content .modal-body .promo-render{
    position:absolute;
    width:311px;
    height:386px;
    bottom:-148px;
    left:-25px;
    z-index:0;
    background-size:contain;
    background-position:top right;
    background-repeat:no-repeat;
    background-image:url(../img/modalchar.webp)
}
.modal .modal-dialog .modal-content .modal-body .promo-wrapper{
    position:relative;
    z-index:1;
    max-width:294px;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    justify-content:center;
    gap:19px
}
.modal .modal-dialog .modal-content .modal-body .promo-wrapper>p{
    margin:0;
    font-size:18px;
    font-weight:500;
    text-align:right;
    color:#000;
    line-height:normal
}
.modal .modal-dialog .modal-content .modal-body .promo-wrapper>p>span{
    font-weight:700;
    color:#01a7f6
}
.modal .modal-dialog .modal-content .modal-body .promo-wrapper>button{
    padding:16px 30px
}
#promo-modal{
    background:rgba(7,24,39,.54);
    backdrop-filter:blur(7px)
}
#promo-modal .modal-dialog{
    max-width:760px;
    margin:24px auto
}
#promo-modal .modal-content{
    width:720px;
    max-width:calc(100vw - 32px);
    min-width:0;
    min-height:386px;
    overflow:hidden;
    border:1px solid rgba(1,167,246,.16);
    border-radius:24px;
    background:#fff;
    box-shadow:0 30px 90px rgba(7,24,39,.28)
}
#promo-modal .modal-close{
    top:18px;
    right:18px;
    width:38px;
    height:38px;
    padding:0;
    border:1px solid rgba(16,36,58,.07);
    border-radius:12px;
    opacity:1;
    background-color:rgba(239,245,249,.92);
    background-size:14px;
    transition:background-color 180ms ease,transform 180ms ease
}
#promo-modal .modal-close:hover{
    opacity:1;
    background-color:#e5f4fb;
    box-shadow:none;
    transform:rotate(4deg)
}
#promo-modal .modal-body{
    min-height:386px;
    padding:0;
    display:grid;
    grid-template-columns:43% 57%;
    gap:0;
    border-radius:24px
}
#promo-modal .promo-render{
    position:relative;
    width:100%;
    height:auto;
    min-height:386px;
    bottom:auto;
    left:auto;
    overflow:hidden;
    background-color:#eaf8ff;
    background-size:330px auto;
    background-position:center 47px;
    background-repeat:no-repeat
}
#promo-modal .promo-render::before,
#promo-modal .promo-render::after{
    content:"";
    position:absolute;
    border-radius:50%;
    pointer-events:none
}
#promo-modal .promo-render::before{
    top:-78px;
    left:-65px;
    width:230px;
    height:230px;
    background:rgba(1,167,246,.1)
}
#promo-modal .promo-render::after{
    right:-42px;
    bottom:-58px;
    width:175px;
    height:175px;
    border:32px solid rgba(109,87,255,.07)
}
#promo-modal .promo-discount{
    position:absolute;
    z-index:2;
    top:24px;
    left:24px;
    min-width:74px;
    min-height:38px;
    padding:8px 13px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    color:#fff;
    background:linear-gradient(135deg,#01a7f6,#6d57ff);
    box-shadow:0 9px 22px rgba(1,167,246,.24);
    font-size:16px;
    font-weight:800;
    line-height:1
}
#promo-modal .promo-wrapper{
    max-width:none;
    padding:58px 48px 44px;
    align-items:flex-start;
    justify-content:center;
    gap:15px
}
#promo-modal .promo-kicker{
    color:#0199e3;
    font-size:11px;
    font-weight:800;
    letter-spacing:.11em;
    line-height:normal
}
#promo-modal .promo-wrapper>p{
    color:#10243a;
    font-size:24px;
    font-weight:500;
    line-height:1.35;
    text-align:left
}
#promo-modal .promo-wrapper>p>span{
    display:block;
    margin-top:3px;
    color:#019fe9;
    font-weight:800
}
#promo-modal .promo-wrapper>button{
    width:100%;
    min-height:64px;
    margin-top:7px;
    padding:9px 10px 9px 20px;
    display:flex;
    justify-content:space-between;
    gap:14px;
    border:1px solid rgba(1,167,246,.22);
    border-radius:15px;
    background:linear-gradient(105deg,#f4fbff,#e8f7ff);
    box-shadow:0 11px 26px rgba(12,51,83,.08);
    transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease
}
#promo-modal .promo-wrapper>button>p{
    color:#087db6;
    font-size:20px;
    font-weight:800;
    letter-spacing:.04em
}
#promo-modal .promo-wrapper>button>i.copy{
    width:44px;
    height:44px;
    flex:0 0 44px;
    border-radius:11px;
    background-color:#01a7f6;
    background-size:18px;
    box-shadow:0 7px 18px rgba(1,167,246,.22)
}
#promo-modal .promo-wrapper>button:hover{
    border-color:rgba(1,167,246,.42);
    box-shadow:0 15px 32px rgba(12,51,83,.12);
    transform:translateY(-2px)
}
.container{
    position:relative
}
.main-block{
    margin-top:55px
}
.main-col{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    flex-wrap:wrap;
    gap:20px
}
.main-row{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    gap:20px
}
.header{
    position:relative;
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:54px
}
.header .header-mobile-bar,.header .header-mobile-wrapper{
    display:none
}
.header .header-logo{
    min-width:153px;
    width:153px;
    height:40px
}
.header .header-menu{
    flex:1
}
.header .header-menu>ul{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    gap:54px;
    list-style:none;
    margin:0;
    padding:0
}
.header .header-menu>ul>li{
    margin:0;
    font-size:16px;
    color:rgba(0,0,0,.6);
    text-align:center;
    line-height:normal;
    transition:color 250ms ease,border 250ms ease;
    border-bottom:2px solid transparent;
    position:relative;
    top:7px;
    padding-bottom:14px
}
.header .header-menu>ul>li.active,.header .header-menu>ul>li:hover{
    border-bottom:2px solid #01a7f6;
    color:#000
}
.header .header-menu>ul>li.dropdown-toggle{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center
}
.header .header-menu>ul>li.dropdown-toggle.show{
    color:#000
}
.header .header-menu>ul>li.dropdown-toggle.show::after{
    transform:scaleY(-1)
}
.header .header-menu>ul>li.dropdown-toggle::after{
    transition:transform 250ms ease,color 250ms ease;
    margin-left:10px;
    vertical-align:0
}
.header .header-menu .dropdown-menu{
    margin-top:23px!important;
    overflow:hidden;
    background:#ebf8ff;
    border:0;
    padding:8px;
    border-radius:10px
}
.header .header-menu .dropdown-menu a{
    width:100%;
    position:relative
}
.header .header-menu .dropdown-menu .dropdown-item{
    width:100%;
    font-size:16px;
    font-weight:400;
    line-height:normal;
    text-align:center!important;
    color:#000;
    cursor:pointer;
    transition:background 250ms ease,color 250ms ease,border-radius 250ms ease;
    position:relative;
    padding:17px 41px
}
.header .header-menu .dropdown-menu .dropdown-item:hover{
    border-radius:6px;
    background:#01a7f6;
    color:#fff
}
.header .header-language-wrapper{
    width:30px;
    height:30px;
    cursor:pointer;
    border-radius:6px;
    background:#e5ebf1;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center
}
.header .header-language-wrapper .header-language{
    width:100%;
    height:100%;
    padding:5px
}
.header .header-language-wrapper .header-language::after{
    display:none
}
.header .header-language-wrapper .header-language>i{
    display:block;
    width:100%;
    height:100%;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat
}
.header .header-language-wrapper .header-language>i.rus{
    background-image:url(../img/languages/rus.svg)
}
.header .header-language-wrapper .header-language>i.eng{
    background-image:url(../img/languages/eng.svg)
}
.header .header-language-wrapper .header-language .dropdown-menu{
    margin-top:23px!important;
    overflow:hidden;
    background:#ebf8ff;
    border:0;
    padding:11px 13px;
    border-radius:10px;
    min-width:auto
}
.header .header-language-wrapper .header-language .dropdown-menu .dropdown-group{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    gap:10px
}
.header .header-language-wrapper .header-language .dropdown-menu .dropdown-item{
    width:28px;
    height:28px;
    transition:opacity 250ms ease;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat
}
.header .header-language-wrapper .header-language .dropdown-menu .dropdown-item.rus{
    background-image:url(../img/languages/rus.svg)
}
.header .header-language-wrapper .header-language .dropdown-menu .dropdown-item.eng{
    background-image:url(../img/languages/eng.svg)
}
.header .header-language-wrapper .header-language .dropdown-menu .dropdown-item:hover{
    background-color:transparent;
    opacity:.75
}
.header .header-login>p{
    font-size:16px
}
.header .header-profile-wrapper{
    cursor:pointer
}
.header .header-profile-wrapper .header-profile{
    width:100%;
    height:100%;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    gap:10px
}
.header .header-profile-wrapper .header-profile.show::after{
    transform:scaleY(-1);
    color:#000
}
.header .header-profile-wrapper .header-profile::after{
    transition:transform 250ms ease,color 250ms ease;
    margin-left:0;
    vertical-align:0;
    color:#666
}
.header .header-profile-wrapper .header-profile .dropdown-menu{
    margin-top:14px!important;
    overflow:hidden;
    background:#ebf8ff;
    border:0;
    padding:8px;
    border-radius:10px
}
.header .header-profile-wrapper .header-profile .dropdown-menu a{
    width:100%;
    position:relative
}
.header .header-profile-wrapper .header-profile .dropdown-menu .dropdown-item{
    width:100%;
    font-size:16px;
    font-weight:400;
    line-height:normal;
    text-align:center!important;
    color:#000;
    cursor:pointer;
    transition:background 250ms ease,color 250ms ease,border-radius 250ms ease;
    position:relative;
    padding:17px 41px
}
.header .header-profile-wrapper .header-profile .dropdown-menu .dropdown-item:hover{
    border-radius:6px;
    background:#01a7f6;
    color:#fff
}
.header .header-profile-wrapper .header-profile .profile-info{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-end
}
.header .header-profile-wrapper .header-profile .profile-info .info-login{
    margin:0;
    font-size:17px;
    font-weight:700;
    color:#000;
    text-align:right;
    line-height:normal;
    leading-trim:both;
    text-edge:cap
}
.header .header-profile-wrapper .header-profile .profile-info .info-balance{
    margin:0;
    font-size:14px;
    font-weight:400;
    color:#666;
    text-align:right;
    line-height:normal;
    leading-trim:both;
    text-edge:cap
}
.header .header-profile-wrapper .header-profile .profile-avatar{
    width:40px;
    height:40px;
}
.offcanvas{
    width:420px!important
}
.offcanvas .btn-close{
    position:absolute;
    top:20px;
    right:20px;
    font-size:16px
}
.offcanvas .btn-close:hover{
    box-shadow:none
}
.offcanvas .offcanvas-body{
    padding:80px 60px;
    padding-bottom:10px;
    gap:38px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
.offcanvas .offcanvas-body .auth-methods{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    position:relative;
    flex-wrap:wrap
}
.offcanvas .offcanvas-body .auth-methods::after{
    content:"";
    width:100%;
    height:1px;
    position:absolute;
    bottom:0;
    left:0;
    background:#e5ebf1;
    z-index:-1
}
.offcanvas .offcanvas-body .auth-methods .methods-item{
    cursor:pointer;
    border-bottom:1px solid transparent;
    padding-bottom:16px;
    transition:border-color 250ms ease
}
.offcanvas .offcanvas-body .auth-methods .methods-item>p{
    margin:0;
    color:#666;
    font-size:18px;
    font-weight:500;
    line-height:100%;
    text-align:center;
    transition:color 250ms ease
}
.offcanvas .offcanvas-body .auth-methods .methods-item.active,.offcanvas .offcanvas-body .auth-methods .methods-item:hover{
    border-color:#01a7f6
}
.offcanvas .offcanvas-body .auth-methods .methods-item.active>p,.offcanvas .offcanvas-body .auth-methods .methods-item:hover>p{
    color:#01a7f6
}
.offcanvas .offcanvas-body form{
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:24px
}
.offcanvas .offcanvas-body form.register{
    display:none
}
.offcanvas .offcanvas-body form .form-group{
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    gap:10px
}
.offcanvas .offcanvas-body form label{
    font-size:14px;
    font-weight:500;
    line-height:normal;
    color:#666;
    text-align:left
}
.offcanvas .offcanvas-body form input{
    outline:0;
    background:0 0;
    border-radius:6px;
    border:1px solid #e5ebf1;
    padding:0 22px;
    height:60px;
    width:100%;
    font-size:12px;
    font-weight:500;
    line-height:normal;
    color:#666;
    text-align:left
}
.offcanvas .offcanvas-body form button[type=submit]{
    width:100%;
    border-radius:6px;
    background:#000;
    color:#fff;
    padding:19px 66px;
    font-size:16px;
    font-weight:700
}
.offcanvas .offcanvas-body form button[type=submit]:hover{
    box-shadow:none;
    opacity:.85
}
.offcanvas .offcanvas-body form .reset-password{
    margin:0;
    color:#666;
    font-size:12px;
    font-weight:500;
    text-align:center;
    line-height:normal;
    transition:opacity 250ms ease
}
.offcanvas .offcanvas-body form .reset-password:hover{
    opacity:.85
}
body.footer-background .footer{
    background-color:#fff;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(../img/background-3.webp)
}
.footer{
    width:100%;
    margin-top:auto;
    padding-top:67px;
    padding-bottom:67px;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
    background-image:url(../img/background-3.webp)
}
.footer .footer-content{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:flex-start;
    flex-wrap:wrap
}
.footer .footer-content .footer-col{
    max-width:266px;
    height:283px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:flex-start
}
.footer .footer-content .footer-logo{
    min-width:153px;
    width:153px;
    height:40px
}
.footer .footer-content h2{
    margin:0;
    font-size:16px;
    font-weight:500;
    color:#000;
    text-align:left;
    line-height:normal
}
.footer .footer-content h2>span{
    font-weight:700
}
.footer .footer-content h4{
    margin:0;
    font-size:16px;
    font-weight:500;
    color:rgba(0,0,0,.7);
    text-align:left;
    line-height:normal
}
.footer .footer-content .footer-menu>ul{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    flex-wrap:wrap;
    gap:15px;
    list-style:none;
    margin:0;
    padding:0
}
.footer .footer-content .footer-menu>ul>li{
    margin:0;
    font-size:16px;
    font-weight:500;
    color:#000;
    text-align:left;
    line-height:normal;
    transition:color 250ms ease,opacity 250ms ease
}
.footer .footer-content .footer-menu>ul>li.active,.footer .footer-content .footer-menu>ul>li:hover{
    opacity:.75
}
.footer .footer-content .footer-socials{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
    flex-wrap:wrap;
    gap:22px
}
.welcome-wrapper{
    width:100%;
    margin-top:61px;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center
}
.welcome-wrapper .main-col:first-child{
    max-width:565px
}
.welcome-wrapper .welcome-title{
    margin:0;
    color:#000;
    font-size:40px;
    font-weight:800;
    line-height:normal;
    text-align:left
}
.welcome-wrapper .welcome-desc{
    margin:0;
    color:#000;
    font-size:18px;
    font-weight:400;
    line-height:normal;
    text-align:left
}
.welcome-wrapper .welcome-desc-block{
    display:block
}
.welcome-wrapper .welcome-desc-block + .welcome-desc-block{
    margin-top:12px
}
.welcome-wrapper .welcome-desc-block + .welcome-desc-highlight{
    margin-top:22px
}
.welcome-wrapper .welcome-desc-highlight{
    display:grid;
    grid-template-columns:minmax(0,1fr) 148px;
    gap:12px;
    color:#10243a;
    line-height:1.25;
    text-align:left
}
.welcome-wrapper .welcome-hardware,
.welcome-wrapper .welcome-experience{
    min-width:0;
    padding:13px 16px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border-radius:13px
}
.welcome-wrapper .welcome-hardware{
    border:1px solid rgba(1,167,246,.2);
    background:rgba(255,255,255,.72);
    box-shadow:0 10px 24px rgba(12,51,83,.07)
}
.welcome-wrapper .welcome-stat-label{
    color:#0199e3;
    font-size:10px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase
}
.welcome-wrapper .welcome-hardware b{
    margin-top:2px;
    color:#10243a;
    font-size:18px;
    font-weight:800
}
.welcome-wrapper .welcome-stat-note{
    margin-top:2px;
    color:rgba(16,36,58,.62);
    font-size:12px;
    font-weight:500
}
.welcome-wrapper .welcome-experience{
    align-items:center;
    color:#087db6;
    background:rgba(1,167,246,.1);
    text-align:center
}
.welcome-wrapper .welcome-experience span{
    font-size:11px;
    font-weight:600
}
.welcome-wrapper .welcome-experience b{
    margin-top:2px;
    color:#087db6;
    font-size:15px;
    font-weight:800
}
.welcome-wrapper .welcome-buttons{
    margin-top:12px;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
    gap:23px;
    flex-wrap:wrap
}
.welcome-wrapper .welcome-buttons>a{
    width:auto;
    display:inline-block
}
.welcome-wrapper .welcome-buttons button{
    width:auto;
    min-height:56px;
    padding:10px 13px 10px 22px;
    gap:18px;
    border:1px solid rgba(1,167,246,.2);
    border-radius:13px;
    background:linear-gradient(135deg,#06aaf5,#3989f6);
    box-shadow:0 11px 24px rgba(1,167,246,.18);
    transition:transform 180ms ease,box-shadow 180ms ease,background 180ms ease,border-color 180ms ease
}
.welcome-wrapper .welcome-buttons button::after{
    content:"→";
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 30px;
    border-radius:9px;
    color:#fff;
    background:rgba(255,255,255,.2);
    font-size:17px;
    font-weight:700;
    line-height:1
}
.welcome-wrapper .welcome-buttons button.transparent{
    background:rgba(255,255,255,.74);
    box-shadow:0 10px 24px rgba(12,51,83,.07)
}
.welcome-wrapper .welcome-buttons button.transparent>p{
    color:#087db6
}
.welcome-wrapper .welcome-buttons button.transparent::after{
    color:#087db6;
    background:rgba(1,167,246,.11)
}
.welcome-wrapper .welcome-buttons button:not(.transparent):hover{
    box-shadow:0 14px 30px rgba(1,167,246,.28);
    transform:translateY(-2px)
}
.welcome-wrapper .welcome-buttons button.transparent:hover{
    border-color:rgba(1,167,246,.38);
    background:#fff;
    box-shadow:0 14px 30px rgba(12,51,83,.1);
    transform:translateY(-2px)
}
.welcome-wrapper .welcome-buttons button.transparent:hover>p{
    color:#087db6
}
.welcome-wrapper .welcome-render{
    width:538px;
    height:607px
}
.hosting-benefits{
    position:relative;
    width:100%;
    margin-top:190px;
    padding:0
}
.hosting-benefits::after{
    display:none
}
.hosting-benefits-head{
    position:relative;
    z-index:1;
    max-width:760px
}
.hosting-benefits-label{
    margin:0 0 9px;
    color:#0199e3;
    font-size:13px;
    font-weight:800;
    letter-spacing:.08em;
    line-height:normal;
    text-transform:uppercase
}
.hosting-benefits-head h2{
    margin:0;
    color:#071b33;
    font-size:32px;
    font-weight:800;
    line-height:1.2
}
.hosting-benefits-grid{
    position:relative;
    z-index:1;
    margin-top:30px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px
}
.hosting-benefit-card{
    min-width:0;
    padding:22px;
    display:flex;
    align-items:flex-start;
    gap:16px;
    border:1px solid rgba(1,167,246,.14);
    border-radius:16px;
    background:#fff;
    box-shadow:0 13px 32px rgba(12,51,83,.07)
}
.hosting-benefit-icon{
    flex:0 0 38px;
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    border:1px solid rgba(1,167,246,.2);
    color:#0199e3;
    background:rgba(1,167,246,.17);
    box-shadow:0 8px 18px rgba(1,167,246,.1);
    font-size:12px;
    font-weight:800
}
.hosting-benefit-card p{
    margin:0;
    color:#263d55;
    font-size:15px;
    font-weight:400;
    line-height:1.55
}
.hosting-cores{
    position:relative;
    z-index:1;
    margin-top:20px;
    padding:24px;
    display:flex;
    flex-direction:column;
    gap:19px;
    border:1px solid rgba(1,167,246,.16);
    border-radius:16px;
    background:radial-gradient(circle at 92% 8%,rgba(1,167,246,.14) 0,105px,transparent 106px),linear-gradient(135deg,#edf8fe,#f7fafc);
    box-shadow:0 13px 32px rgba(12,51,83,.06)
}
.hosting-cores-copy p{
    margin:0;
    color:#10243a;
    font-size:19px;
    font-weight:800;
    line-height:normal
}
.hosting-cores-copy span{
    display:block;
    margin-top:5px;
    color:rgba(16,36,58,.6);
    font-size:13px;
    line-height:normal
}
.hosting-cores-list{
    display:flex;
    flex-wrap:wrap;
    gap:10px
}
.hosting-core-badge{
    min-height:34px;
    padding:7px 14px;
    display:inline-flex;
    align-items:center;
    gap:9px;
    border:1px solid rgba(1,167,246,.18);
    border-radius:999px;
    color:#087db6;
    background:rgba(255,255,255,.82);
    font-size:13px;
    font-weight:700;
    line-height:1;
    white-space:nowrap
}
.hosting-core-badge::before{
    content:"";
    width:8px;
    height:8px;
    border:2px solid rgba(1,167,246,.82);
    border-radius:2px;
    transform:rotate(45deg)
}
.hosting-core-badge-more{
    background:rgba(1,167,246,.1)
}
.hosting-benefits + .tariffs-wrapper{
    margin-top:96px
}
.tariffs-wrapper{
    width:100%;
    margin-top:162px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    gap:20px
}
.tariffs-wrapper .tariffs-title{
    margin:0;
    color:#000;
    font-size:40px;
    font-weight:800;
    line-height:normal;
    text-align:left
}
.tariffs-wrapper .tariffs-desc{
    max-width:707px;
    margin:0;
    color:rgba(0,0,0,.6);
    font-size:20px;
    font-weight:400;
    line-height:normal;
    text-align:left
}
.tariffs-wrapper .tariffs-list{
    width:100%;
    margin-top:66px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:stretch;
    gap:32px
}
.tariffs-wrapper .tariffs-list .list-item{
    width:100%;
    min-width:0;
    height:auto;
    min-height:504px;
    gap:30px;
    border:1px solid rgba(1,167,246,.15);
    border-radius:16px;
    background:radial-gradient(circle at 100% 0,rgba(1,167,246,.12) 0,82px,transparent 83px),linear-gradient(145deg,#f1faff,#fff);
    box-shadow:0 14px 34px rgba(12,51,83,.07);
    padding:40px 34px;
    display:grid;
    grid-template-rows:auto 1fr auto;
    align-items:flex-start
}
.tariffs-wrapper .tariffs-list .list-item.game-hosting{
    height:auto;
    min-height:0;
    gap:30px
}
.tariffs-wrapper .tariffs-list .list-item.game-hosting .item-options{
    gap:16px
}

.tariffs-wrapper .tariffs-list .list-item .item-head{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    gap:23px
}
.tariffs-wrapper .tariffs-list .list-item .item-head .head-icon{
    width:36px;
    height:36px;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat
}
.tariffs-wrapper .tariffs-list .list-item .item-head .head-icon._one{
    background-image:url(../img/tariffs/1.svg)
}
.tariffs-wrapper .tariffs-list .list-item .item-head .head-icon._two{
    background-image:url(../img/tariffs/2.svg)
}
.tariffs-wrapper .tariffs-list .list-item .item-head .head-icon._three{
    background-image:url(../img/tariffs/3.svg)
}
.tariffs-wrapper .tariffs-list .list-item .item-head .head-icon._four{
    background-image:url(../img/tariffs/4.svg)
}
.tariffs-wrapper .tariffs-list .list-item .item-head .head-icon._five{
    background-image:url(../img/tariffs/5.svg)
}
.tariffs-wrapper .tariffs-list .list-item .item-head .head-icon._six{
    background-image:url(../img/tariffs/6.svg)
}
.tariffs-wrapper .tariffs-list .list-item .item-head .head-texts{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    gap:17px
}
.tariffs-wrapper .tariffs-list .list-item .item-head .head-texts .head-title{
    margin:0;
    color:#000;
    font-size:20px;
    font-weight:600;
    line-height:85%;
    text-align:left
}
.tariffs-wrapper .tariffs-list .list-item .item-head .head-texts .head-price{
    margin:0;
    color:#01a7f6;
    font-size:24px;
    font-weight:800;
    line-height:85%;
    text-align:left
}
.tariffs-wrapper .tariffs-list .list-item .item-options{
    list-style:none;
    width:100%;
    height:auto;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    gap:23px;
    padding:0;
    margin:0
}
.tariffs-wrapper .tariffs-list .list-item .item-options>li{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    gap:16px
}
.tariffs-wrapper .tariffs-list .list-item .item-options>li>i{
    flex:0 0 20px;
    width:20px;
    height:20px;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat
}
.tariffs-wrapper i.check{
    --feature-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E");
    background-image:none;
    background-color:#01a7f6;
    -webkit-mask-image:var(--feature-icon);
    -webkit-mask-position:center;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-size:contain;
    mask-image:var(--feature-icon);
    mask-position:center;
    mask-repeat:no-repeat;
    mask-size:contain
}
.tariffs-wrapper .item-options .icon-cpu{
    --feature-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='5' width='14' height='14' rx='2'/%3E%3Crect x='9' y='9' width='6' height='6'/%3E%3Cpath d='M9 2v3m6-3v3M9 19v3m6-3v3M2 9h3m-3 6h3m14-6h3m-3 6h3'/%3E%3C/svg%3E")
}
.tariffs-wrapper .item-options .icon-ram{
    --feature-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Cpath d='M7 10h2v4H7zm4 0h2v4h-2zm4 0h2v4h-2zM7 18v3m5-3v3m5-3v3'/%3E%3C/svg%3E")
}
.tariffs-wrapper .item-options .icon-storage{
    --feature-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='3'/%3E%3Cpath d='M3 15h18'/%3E%3Ccircle cx='17' cy='10' r='1' fill='black'/%3E%3Ccircle cx='13' cy='10' r='1' fill='black'/%3E%3C/svg%3E")
}
.tariffs-wrapper .item-options .icon-shield{
    --feature-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 20 6v5c0 5-3.2 8.4-8 10-4.8-1.6-8-5-8-10V6l8-3Z'/%3E%3Cpath d='m8.5 12 2.2 2.2 4.8-5'/%3E%3C/svg%3E")
}
.tariffs-wrapper .item-options .icon-users{
    --feature-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3 20v-2a6 6 0 0 1 12 0v2M16 5.5a3 3 0 0 1 0 5.8M18 14a5 5 0 0 1 3 4.6V20'/%3E%3C/svg%3E")
}
.tariffs-wrapper .item-options .icon-backup{
    --feature-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 19h12a4 4 0 0 0 .8-7.9A7 7 0 0 0 5.4 9.5 4.8 4.8 0 0 0 6 19Z'/%3E%3Cpath d='M12 16V9m-3 3 3-3 3 3'/%3E%3C/svg%3E")
}
.tariffs-wrapper .item-options .icon-database{
    --feature-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='8' ry='3'/%3E%3Cpath d='M4 5v7c0 1.7 3.6 3 8 3s8-1.3 8-3V5M4 12v7c0 1.7 3.6 3 8 3s8-1.3 8-3v-7'/%3E%3C/svg%3E")
}
.tariffs-wrapper .item-options .icon-ports{
    --feature-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3' width='6' height='5' rx='1'/%3E%3Crect x='3' y='16' width='6' height='5' rx='1'/%3E%3Crect x='15' y='16' width='6' height='5' rx='1'/%3E%3Cpath d='M12 8v4M6 16v-4h12v4'/%3E%3C/svg%3E")
}
.tariffs-wrapper .item-options .icon-geo{
    --feature-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")
}
.tariffs-wrapper .item-options .icon-network{
    --feature-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5a10 10 0 0 1 14 0M8 16a6 6 0 0 1 8 0M11 19.5a1.5 1.5 0 0 1 2 0M2 9a14 14 0 0 1 20 0'/%3E%3C/svg%3E")
}
.tariffs-wrapper .item-options .icon-domain{
    --feature-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18'/%3E%3C/svg%3E")
}
.tariffs-wrapper .item-options .icon-traffic{
    --feature-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h14m-4-4 4 4-4 4M20 16H6m4 4-4-4 4-4'/%3E%3C/svg%3E")
}
.tariffs-wrapper .item-options .icon-activation{
    --feature-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7l1-8Z'/%3E%3C/svg%3E")
}
.tariffs-wrapper .tariffs-list .list-item .item-options>li>p{
    margin:0;
    color:#000;
    font-size:16px;
    font-weight:400;
    line-height:107.5%;
    text-align:left
}
.tariffs-wrapper .tariffs-list .list-item .item-button{
    width:100%
}
.tariffs-wrapper .tariffs-list .list-item .item-button>button{
    width:100%;
    min-height:56px;
    padding:10px 13px 10px 22px;
    display:flex;
    justify-content:center;
    gap:18px;
    border:1px solid rgba(1,167,246,.2);
    border-radius:13px;
    background:linear-gradient(135deg,#06aaf5,#3989f6);
    box-shadow:0 11px 24px rgba(1,167,246,.18);
    transition:transform 180ms ease,box-shadow 180ms ease
}
.tariffs-wrapper .tariffs-list .list-item .item-button>button::after{
    content:"";
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 30px;
    border-radius:9px;
    color:#fff;
    background-color:rgba(255,255,255,.2);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='19' cy='20' r='1'/%3E%3Cpath d='M3 4h2l2.4 10.4a2 2 0 0 0 2 1.6h7.8a2 2 0 0 0 2-1.6L21 7H6'/%3E%3C/svg%3E");
    background-position:center;
    background-repeat:no-repeat;
    background-size:17px 17px
}
.tariffs-wrapper .tariffs-list .list-item .item-button>button:hover{
    box-shadow:0 14px 30px rgba(1,167,246,.28);
    transform:translateY(-2px)
}
.hosting-about-wrapper{
    position:relative;
    width:100%;
    margin-top:150px;
}
.hosting-about-grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
    gap:24px;
    align-items:stretch
}
.hosting-about-card{
    min-width:0;
    padding:34px;
    border:1px solid rgba(1,167,246,.18);
    border-radius:20px;
    background:rgba(255,255,255,.92);
    box-shadow:0 14px 32px rgba(28,76,110,.07)
}
.hosting-about-head{
    display:flex;
    align-items:flex-start;
    gap:16px;
    padding-bottom:24px;
    border-bottom:1px solid rgba(1,167,246,.13)
}
.hosting-about-icon{
    --about-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V7l8-4 8 4v13'/%3E%3Cpath d='M8 20v-4h8v4M8 9h.01M12 9h.01M16 9h.01M8 12h.01M12 12h.01M16 12h.01'/%3E%3C/svg%3E");
    flex:0 0 50px;
    width:50px;
    height:50px;
    border-radius:14px;
    background:linear-gradient(135deg,#0ab3f4,#3a89f6);
    box-shadow:0 9px 20px rgba(1,167,246,.2);
    position:relative
}
.hosting-about-icon::after{
    content:"";
    position:absolute;
    inset:13px;
    background:#fff;
    -webkit-mask:var(--about-icon) center/contain no-repeat;
    mask:var(--about-icon) center/contain no-repeat
}
.hosting-about-icon-faq{
    --about-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.7 9a2.4 2.4 0 1 1 3.7 2c-.9.5-1.4 1.1-1.4 2M12 17h.01'/%3E%3C/svg%3E")
}
.hosting-about-head>div{
    min-width:0
}
.hosting-about-eyebrow{
    display:block;
    margin-bottom:7px;
    color:#0199df;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em
}
.hosting-about-head h2{
    margin:0;
    color:#081b33;
    font-size:27px;
    font-weight:800;
    line-height:1.18
}
.hosting-about-copy{
    padding-top:8px
}
.hosting-about-copy p{
    margin:0;
    padding:17px 0;
    color:#405671;
    font-size:15px;
    font-weight:400;
    line-height:1.62;
    border-bottom:1px solid rgba(13,93,143,.09)
}
.hosting-about-copy p:last-child{
    margin-top:12px;
    padding:18px 20px;
    border:1px solid rgba(1,167,246,.17);
    border-radius:14px;
    background:linear-gradient(135deg,rgba(229,247,255,.76),rgba(245,249,255,.84))
}
.hosting-about-copy strong{
    color:#102943;
    font-weight:700
}
.hosting-faq-list{
    display:flex;
    flex-direction:column;
    gap:10px;
    padding-top:20px
}
.hosting-faq-item{
    overflow:hidden;
    border:1px solid rgba(1,167,246,.16);
    border-radius:13px;
    background:#fff;
    transition:border-color 180ms ease,box-shadow 180ms ease
}
.hosting-faq-item[open]{
    border-color:rgba(1,167,246,.35);
    box-shadow:0 9px 22px rgba(1,167,246,.08)
}
.hosting-faq-item summary{
    display:grid;
    grid-template-columns:34px minmax(0,1fr) 24px;
    align-items:center;
    gap:12px;
    padding:14px 15px;
    cursor:pointer;
    list-style:none
}
.hosting-faq-item summary::-webkit-details-marker{
    display:none
}
.hosting-faq-number{
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border:1px solid rgba(1,167,246,.25);
    border-radius:10px;
    color:#009de7;
    background:rgba(1,167,246,.09);
    font-size:11px;
    font-weight:800
}
.hosting-faq-question{
    color:#142c47;
    font-size:14px;
    font-weight:700;
    line-height:1.35
}
.hosting-faq-toggle{
    position:relative;
    width:24px;
    height:24px;
    border-radius:8px;
    background:rgba(1,167,246,.09)
}
.hosting-faq-toggle::before,.hosting-faq-toggle::after{
    content:"";
    position:absolute;
    top:11px;
    left:7px;
    width:10px;
    height:2px;
    border-radius:2px;
    background:#01a7f6;
    transition:transform 180ms ease
}
.hosting-faq-toggle::after{
    transform:rotate(90deg)
}
.hosting-faq-item[open] .hosting-faq-toggle::after{
    transform:rotate(0)
}
.hosting-faq-item>p{
    margin:0;
    padding:0 18px 17px 61px;
    color:#53677f;
    font-size:14px;
    font-weight:400;
    line-height:1.58
}
.whyus-wrapper{
    width:100%;
    margin-top:140px;
    margin-bottom:200px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start
}
.whyus-wrapper .whyus-title{
    margin:0;
    color:#000;
    font-size:40px;
    font-weight:800;
    line-height:normal;
    text-align:left
}
.whyus-wrapper .whyus-list{
    margin-top:98px;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
    gap:97px;
    flex-wrap:wrap
}
.whyus-wrapper .whyus-list .list-item{
    flex:1;
    gap:37px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:flex-start
}
.whyus-wrapper .whyus-list .list-item .item-head{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    gap:34px
}
.whyus-wrapper .whyus-list .list-item .item-head .head-icon{
    width:75px;
    height:75px;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat
}
.whyus-wrapper .whyus-list .list-item .item-head .head-icon._one{
    background-image:url(../img/whyus/1.webp)
}
.whyus-wrapper .whyus-list .list-item .item-head .head-icon._two{
    background-image:url(../img/whyus/2.webp)
}
.whyus-wrapper .whyus-list .list-item .item-head .head-icon._three{
    background-image:url(../img/whyus/3.webp)
}
.whyus-wrapper .whyus-list .list-item .item-head .head-icon._four{
    background-image:url(../img/whyus/4.webp)
}
.whyus-wrapper .whyus-list .list-item .item-head .head-icon._five{
    background-image:url(../img/whyus/5.webp)
}
.whyus-wrapper .whyus-list .list-item .item-head .head-icon._six{
    background-image:url(../img/whyus/6.webp)
}
.whyus-wrapper .whyus-list .list-item .item-head .head-title{
    margin:0;
    color:#000;
    font-size:25px;
    font-weight:700;
    line-height:normal;
    text-align:left
}
.whyus-wrapper .whyus-list .list-item .item-desc{
    max-width:335px;
    margin:0;
    color:rgba(0,0,0,.6);
    font-size:18px;
    font-weight:400;
    line-height:normal;
    text-align:left
}
.testservers-wrapper{
    width:100%;
    margin-top:202px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    gap:20px
}
.testservers-wrapper .testservers-title{
    margin:0;
    color:#000;
    font-size:40px;
    font-weight:800;
    line-height:normal;
    text-align:left
}
.testservers-wrapper .testservers-desc{
    max-width:570px;
    margin:0;
    color:rgba(0,0,0,.6);
    font-size:20px;
    font-weight:400;
    line-height:normal;
    text-align:left
}
.testservers-block{
    margin-top:86px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(../img/background-2.webp)
}
.testservers-block .testservers-content{
    padding-top:93px;
    padding-bottom:93px;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:40px
}
.testservers-block .testservers-content .testservers-list{
    width:680px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    gap:28px
}
.testservers-block .testservers-content .testservers-list .list-item{
    width:100%;
    height:133px;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    border-radius:10px;
    background:#fff;
    padding-left:68px;
    padding-right:68px
}
@keyframes pulse{
    0%{
        transform:scale(.5);
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        transform:scale(1.2);
        opacity:0
    }
}
.testservers-block .testservers-content .testservers-list .list-item .item-pulse{
    width:13px;
    height:13px;
    background:#29e225;
    border-radius:50%;
    position:relative;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center
}
.testservers-block .testservers-content .testservers-list .list-item .item-pulse::after{
    content:"";
    position:absolute;
    width:27px;
    height:27px;
    background:rgba(35,246,1,.2);
    border-radius:50%;
    animation:pulse 2s infinite ease
}
.testservers-block .testservers-content .testservers-list .list-item .item-info{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    gap:15px
}
.testservers-block .testservers-content .testservers-list .list-item .item-info .info-name{
    margin:0;
    color:#000;
    font-size:20px;
    font-weight:400;
    line-height:normal;
    text-align:left
}
.testservers-block .testservers-content .testservers-list .list-item .item-info .info-ip{
    margin:0;
    color:#000;
    font-size:20px;
    font-weight:400;
    line-height:normal;
    text-align:left;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    gap:15px
}
.testservers-block .testservers-content .testservers-list .list-item .item-info .info-ip>p{
    margin:0
}
.testservers-block .testservers-content .testservers-list .list-item .item-info .info-ip>i{
    width:15px;
    height:18px;
    cursor:pointer;
    transition:opacity 250ms ease;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat
}
.testservers-block .testservers-content .testservers-list .list-item .item-info .info-ip>i.copy{
    background-image:url(../img/icons/copy.svg)
}
.testservers-block .testservers-content .testservers-list .list-item .item-info .info-ip>i:hover{
    opacity:.75
}
.testservers-block .testservers-content .testservers-list .list-item .item-online{
    margin:0;
    color:rgba(0,0,0,.6);
    font-size:25px;
    font-weight:700;
    line-height:normal;
    text-align:right
}
.testservers-block .testservers-content .testservers-image{
    width:394px;
    height:294px
}
.agreement-wrapper{
    width:100%;
    margin-top:168px;
    margin-bottom:111px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    gap:19px
}
.agreement-wrapper .agreement-title{
    margin:0;
    color:#000;
    font-size:40px;
    font-weight:800;
    line-height:normal;
    text-align:left
}
.agreement-wrapper .agreement-desc{
    margin:0;
    color:rgba(0,0,0,.6);
    font-size:20px;
    font-weight:400;
    line-height:normal;
    text-align:left
}
.agreement-wrapper .agreement-date{
    width:100%;
    display:flex;
    justify-content:space-between;
    gap:20px
}
.agreement-wrapper .agreement-text{
    margin:0;
    margin-top:49px;
    color:#000;
    font-size:17px;
    font-weight:400;
    line-height:normal;
    text-align:left;
    white-space:pre-wrap
}
.agreement-wrapper .agreement-text>span{
    font-size:20px;
    font-weight:600
}
.backgrounds{
    width:100%;
    height:100%;
    position:absolute;
    z-index:-1;
    overflow:hidden
}
.backgrounds .background._one{
    width:1181px;
    height:1181px;
    position:absolute;
    left:0;
    top:0;
    background-size:contain;
    background-position:left;
    background-repeat:no-repeat;
    background-image:url(../img/background-4-1.webp)
}
.backgrounds .background._two{
    width:1229px;
    height:1229px;
    position:absolute;
    right:0;
    bottom:111px;
    background-size:contain;
    background-position:right;
    background-repeat:no-repeat;
    background-image:url(../img/background-4-2.webp)
}
.contacts-wrapper{
    width:100%;
    margin-top:168px;
    margin-bottom:111px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    gap:111px
}
.contacts-wrapper .contacts-title{
    margin:0;
    color:#000;
    font-size:40px;
    font-weight:800;
    line-height:normal;
    text-align:left
}
.contacts-wrapper .contacts-row{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:flex-start;
    gap:50px;
    flex-wrap:wrap
}
.contacts-wrapper .contacts-col{
    max-width:489px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    gap:19px
}
.contacts-wrapper .contacts-col-title{
    margin:0;
    color:#000;
    font-size:25px;
    font-weight:800;
    line-height:normal;
    text-align:left
}
.contacts-wrapper .contacts-col-text{
    margin:0;
    color:rgba(0,0,0,.6);
    font-size:16px;
    font-weight:400;
    line-height:normal;
    text-align:left
}
.contacts-wrapper .contacts-email{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    gap:34px;
    margin-top:15px;
    margin-bottom:15px
}
.contacts-wrapper .contacts-email .email-icon{
    width:75px;
    height:75px;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(../img/contacts/1.webp)
}
.contacts-wrapper .contacts-email .email-text{
    margin:0;
    color:#000;
    font-size:25px;
    font-weight:700;
    line-height:normal;
    text-align:left
}
.contacts-wrapper .contacts-ticket{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    gap:34px;
    margin-top:15px;
    margin-bottom:15px
}
.contacts-wrapper .contacts-ticket .ticket-icon{
    width:75px;
    height:75px;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(../img/contacts/2.webp)
}
.contacts-wrapper .contacts-ticket .ticket-text{
    margin:0;
    color:#000;
    font-size:25px;
    font-weight:700;
    line-height:normal;
    text-align:left
}
.contacts-wrapper .news-wrapper{
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    gap:49px
}
.contacts-wrapper .news-wrapper .news-block{
    border-radius:16px;
    width:100%;
    height:507px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(../img/contacts/3.webp)
}
.equipment-wrapper{
    width:100%;
    margin-top:168px;
    margin-bottom:210px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start
}
.equipment-wrapper .equipment-title{
    margin:0;
    color:#000;
    font-size:40px;
    font-weight:800;
    line-height:normal;
    text-align:left
}
.equipment-wrapper .equipment-desc{
    margin:0;
    margin-top:19px;
    color:rgba(0,0,0,.6);
    font-size:20px;
    font-weight:400;
    line-height:normal;
    text-align:left
}
.equipment-wrapper .equipment-row{
    margin-top:68px;
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:flex-start;
    gap:30px
}
.equipment-wrapper .equipment-row._one .equipment-text{
    max-width:632px
}
.equipment-wrapper .equipment-row._two{
    margin-top:114px
}
.equipment-wrapper .equipment-row._two .equipment-text{
    max-width:747px
}
.equipment-wrapper .equipment-col{
    margin-top:133px;
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    gap:39px
}
.equipment-wrapper .equipment-text{
    margin:0;
    color:#000;
    font-size:17px;
    font-weight:400;
    line-height:198.1%;
    text-align:left;
    white-space:pre-wrap
}
.equipment-wrapper .equipment-text>span{
    font-weight:600
}
.equipment-wrapper .equipment-text>span.scale{
    font-size:20px
}
.equipment-wrapper .equipment-image._one{
    width:452px;
    height:602px
}
.equipment-wrapper .equipment-image._two{
    width:373px;
    height:447px
}
.equipment-wrapper .equipment-image._three{
    width:100%;
    height:auto
}
#image-modal .modal-dialog{
    max-width:90%
}
#image-modal .modal-dialog .modal-content{
    border:0;
    background:0 0
}
#image-modal .modal-dialog .modal-content .modal-close{
    display:none
}
#image-modal .modal-dialog .modal-content .modal-body{
    justify-content:center
}
#image-modal .modal-dialog .modal-content .modal-body .full-image{
    border-radius:8px;
    width:auto;
    max-width:100%;
    height:auto
}
.order-wrapper{
    width:100%;
    margin-top:168px;
    margin-bottom:156px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start
}
.order-wrapper .order-head{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    gap:20px
}
.order-wrapper .order-head .head-texts{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    gap:14px
}
.order-wrapper .order-head .head-texts .order-title{
    margin:0;
    color:#000;
    font-size:30px;
    font-weight:800;
    line-height:normal;
    text-align:left
}
.order-wrapper .order-head .head-texts .order-desc{
    margin:0;
    color:rgba(0,0,0,.6);
    font-size:17px;
    font-weight:400;
    line-height:normal;
    text-align:left
}
.order-wrapper .order-head .window_promo a>.promo-status{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    position:relative;
    width:349px;
    height:75px;
    border-radius:10px;
    padding-left:37px;
    padding-right:9px
}
.order-wrapper .order-head .window_promo a>.promo-status>p{
    margin:0;
    color:#000;
    font-size:17px;
    font-weight:700;
    line-height:normal;
    text-align:left
}
.order-wrapper .order-head .window_promo a>.promo-status>.status-icon{
    border-radius:10px;
    background:rgba(1,167,246,.1);
    min-width:59px;
    width:59px;
    height:59px;
    padding:0;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center
}
.order-wrapper .order-head .window_promo a>.promo-status>.status-icon>i{
    display:block;
    width:20px;
    height:20px;
    transition:background 250ms ease;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(../img/order/check-1.svg)
}
.order-wrapper .order-head .window_promo a>.promo-status.error{
    background:rgba(246,1,1,.15)
}
.order-wrapper .order-head .window_promo a>.promo-status.error>.status-icon{
    background:#f60101
}
.order-wrapper .order-head .window_promo a>.promo-status.error>.status-icon>i{
    background-image:url(../img/order/x.svg)
}
.order-wrapper .order-head .window_promo a>.promo-status.success{
    background:rgba(1,167,246,.15)
}
.order-wrapper .order-head .window_promo a>.promo-status.success>.status-icon{
    background:#01a7f6
}
.order-wrapper .order-head .window_promo a>.promo-status.success>.status-icon>i{
    background-image:url(../img/order/check-2.svg)
}
.order-wrapper .order-head .window_promo>form{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-end;
    position:relative
}
.order-wrapper .order-head .window_promo>form.error>input{
    background:rgba(246,1,1,.15)
}
.order-wrapper .order-head .window_promo>form.error>button{
    background:#f60101
}
.order-wrapper .order-head .window_promo>form.error>button>i{
    background-image:url(../img/order/x.svg)
}
.order-wrapper .order-head .window_promo>form.error>button:hover{
    background:#f60101
}
.order-wrapper .order-head .window_promo>form.success>input{
    background:rgba(1,167,246,.15)
}
.order-wrapper .order-head .window_promo>form.success>button{
    background:#01a7f6
}
.order-wrapper .order-head .window_promo>form.success>button>i{
    background-image:url(../img/order/check-2.svg)
}
.order-wrapper .order-head .window_promo>form.success>button:hover{
    background:#01a7f6
}
.order-wrapper .order-head .window_promo>form>input{
    position:relative;
    width:349px;
    height:75px;
    border-radius:10px;
    background:rgba(1,167,246,.05);
    transition:background 250ms ease;
    outline:0;
    border:none;
    padding:26px 37px;
    padding-right:77px;
    color:#000;
    font-size:17px;
    font-weight:400;
    line-height:normal;
    text-align:left
}
.order-wrapper .order-head .window_promo>form>input::placeholder{
    color:rgba(0,0,0,.5)
}
.order-wrapper .order-head .window_promo>form>button{
    position:absolute;
    right:9px;
    border-radius:10px;
    background:rgba(1,167,246,.1);
    width:59px;
    height:59px;
    padding:0
}
.order-wrapper .order-head .window_promo>form>button>i{
    transition:background 250ms ease;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(../img/order/check-1.svg)
}
.order-wrapper .order-head .window_promo>form>button:hover{
    box-shadow:none;
    background:rgba(1,167,246,.2)
}
.order-wrapper .order-marketing{
    position:relative;
    width:100%;
    margin-top:38px;
    padding:27px 30px 29px;
    overflow:hidden;
    border:1px solid rgba(1,167,246,.22);
    border-radius:16px;
    background:linear-gradient(120deg,rgba(1,167,246,.095),rgba(255,255,255,.96) 55%,rgba(1,167,246,.055));
    box-shadow:0 12px 35px rgba(38,78,105,.06)
}
.order-wrapper .order-marketing:after{
    content:"";
    position:absolute;
    right:-72px;
    top:-105px;
    width:230px;
    height:230px;
    border-radius:50%;
    background:rgba(1,167,246,.07);
    pointer-events:none
}
.order-wrapper .order-marketing-head{
    position:relative;
    z-index:1;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:38px;
    padding-bottom:21px;
    border-bottom:1px solid rgba(31,73,97,.1)
}
.order-wrapper .order-marketing-eyebrow{
    margin-bottom:7px;
    color:#019ce6;
    font-size:11px;
    font-weight:800;
    letter-spacing:.09em
}
.order-wrapper .order-marketing h2{
    margin:0;
    color:#091b2a;
    font-size:23px;
    font-weight:800;
    line-height:1.25
}
.order-wrapper .order-marketing-head>p{
    width:46%;
    margin:0;
    color:rgba(9,27,42,.66);
    font-size:14px;
    line-height:1.55
}
.order-wrapper .order-marketing-items{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:28px;
    padding-top:23px
}
.order-wrapper .order-marketing-item{
    display:flex;
    align-items:flex-start;
    gap:13px;
    min-width:0
}
.order-wrapper .order-marketing-icon{
    display:flex;
    flex:0 0 38px;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    border-radius:10px;
    color:#009ee9;
    background:#fff;
    box-shadow:0 7px 18px rgba(1,167,246,.13)
}
.order-wrapper .order-marketing-icon svg{
    width:21px;
    height:21px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round
}
.order-wrapper .order-marketing-item h3{
    margin:0 0 5px;
    color:#0a1b29;
    font-size:15px;
    font-weight:800;
    line-height:1.3
}
.order-wrapper .order-marketing-item p{
    margin:0;
    color:rgba(9,27,42,.64);
    font-size:13px;
    line-height:1.5
}
.order-wrapper .order-marketing+.order-content{
    margin-top:45px
}
.order-wrapper .order-content{
    margin-top:97px;
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start
}
.order-wrapper .order-content .order-row{
    margin-top:121px;
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:flex-start;
    flex-wrap:wrap;
    gap:40px
}
.order-wrapper .order-content .order-col{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    gap:44px
}
.order-wrapper .order-content .order-col .col-title{
    margin:0;
    color:#000;
    font-size:20px;
    font-weight:600;
    line-height:normal;
    text-align:left
}
.order-wrapper .order-content .order-col .os-list{
    max-width:474px;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    gap:51px
}
.order-wrapper .order-content .order-col .os-list .list-item{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:16px
}
.order-wrapper .order-content .order-col .os-list .list-item>img{
    width:auto;
    height:84px
}
.order-wrapper .order-content .order-col .os-list .list-item>p{
    margin:0;
    color:#000;
    font-size:17px;
    font-weight:400;
    line-height:normal;
    text-align:left
}
.order-wrapper .order-content .order-col .games-list{
    max-width:576px;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    gap:36px;
    flex-wrap:wrap
}
.order-wrapper .order-content .order-col .games-list .list-item{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    gap:14px
}
.order-wrapper .order-content .order-col .games-list .list-item>p{
    margin:0;
    color:#000;
    font-size:17px;
    font-weight:400;
    line-height:normal;
    text-align:left
}
.order-wrapper .order-content .cpu-list{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    gap:28px;
    margin-bottom:18px
}
.order-wrapper .order-content .cpu-list .list-item{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    gap:11px;
    border-bottom:3px solid #01a7f6;
    padding-bottom:7px;
    opacity:.5;
    transition:opacity 250ms ease;
    cursor:pointer
}
.order-wrapper .order-content .cpu-list .list-item.active{
    opacity:1
}
.order-wrapper .order-content .cpu-list .list-item>p{
    margin:0;
    color:#000;
    font-size:17px;
    font-weight:600;
    line-height:normal;
    text-align:left
}
.order-wrapper .order-content .order-cpu{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    gap:11px;
    margin-bottom:33px
}
.order-wrapper .order-content .order-cpu>img{
    width:29px;
    height:18px
}
.order-wrapper .order-content .order-cpu>p{
    margin:0;
    color:#000;
    font-size:17px;
    font-weight:600;
    line-height:normal;
    text-align:left
}
.order-wrapper .order-content .order-info{
    margin:0;
    color:#000;
    font-size:16px;
    font-weight:400;
    line-height:normal;
    text-align:left;
    white-space:pre-wrap;
    margin-bottom:33px
}
.order-wrapper .order-content .order-info>span{
    font-weight:600
}
.order-wrapper .order-content .tariffs-mobile{
    display:none
}
.order-wrapper .order-content table{
    width:100%;
    border-collapse:separate;
    border-spacing:0 5px
}
.order-wrapper .order-content table thead tr th{
    background:#01a7f6;
    padding:19px 19px
}
.order-wrapper .order-content table thead tr th:first-child{
    border-radius:10px 0 0 10px;
    padding-left:39px
}
.order-wrapper .order-content table thead tr th:first-child .th-block{
    justify-content:flex-start
}
.order-wrapper .order-content table thead tr th:last-child{
    border-radius:0 10px 10px 0;
    padding-right:39px
}
.order-wrapper .order-content table thead tr th:last-child .th-block{
    justify-content:flex-end
}
.order-wrapper .order-content table thead tr th .th-block{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    gap:4px
}
.order-wrapper .order-content table thead tr th .icon{
    width:20px;
    height:20px;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat
}
.order-wrapper .order-content table thead tr th .icon._1{
    background-image:url(../img/order/icons/1.svg);
	padding-right:10px;
}
.order-wrapper .order-content table thead tr th .icon._2{
    background-image:url(../img/order/icons/2.svg)
}
.order-wrapper .order-content table thead tr th .icon._3{
    background-image:url(../img/order/icons/3.svg)
}
.order-wrapper .order-content table thead tr th .icon._4{
    background-image:url(../img/order/icons/4.svg)
}
.order-wrapper .order-content table thead tr th .icon._5{
    background-image:url(../img/order/icons/5.svg)
}
.order-wrapper .order-content table thead tr th .icon._6{
    background-image:url(../img/order/icons/6.svg)
}
.order-wrapper .order-content table thead tr th .icon._7{
    background-image:url(../img/order/icons/7.svg)
}
.order-wrapper .order-content table thead tr th .icon._8{
    background-image:url(../img/order/icons/8.svg)
}
.order-wrapper .order-content table thead tr th .icon._9{
    background-image:url(../img/order/icons/9.svg)
}
.order-wrapper .order-content table thead tr th p{
    margin:0;
    color:#fff;
    font-size:20px;
    font-weight:600;
    line-height:normal;
    text-align:left
}
.order-wrapper .order-content table tbody tr td{
    background:rgba(1,167,246,.1);
    padding:19px 19px
}
.order-wrapper .order-content table tbody tr td:first-child{
    border-radius:10px 0 0 10px;
    padding-left:39px
}
.order-wrapper .order-content table tbody tr td:first-child .td-block{
    align-items:flex-start
}
.order-wrapper .order-content table tbody tr td:last-child{
    border-radius:0 10px 10px 0;
    padding-right:39px
}
.order-wrapper .order-content table tbody tr td:last-child .td-block{
    align-items:flex-end
}
.order-wrapper .order-content table tbody tr td .td-block{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:2px
}
.order-wrapper .order-content table tbody tr td .td-block .block-row{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    gap:9px
}
.order-wrapper .order-content table tbody tr td .td-block p{
    margin:0;
    color:#000;
    font-size:20px;
    font-weight:400;
    line-height:normal;
    text-align:left
}
.order-wrapper .order-content table tbody tr td .td-block p.tag{
    color:#fff;
    font-size:16px;
    font-weight:800;
    border-radius:7px;
    background:#01a7f6;
    padding:3px 9px
}
.order-wrapper .order-content table tbody tr td .td-block p.version{
    width:100%;
    font-size:16px
}
.order-wrapper .order-content table tbody tr td .td-block p.version>span{
    color:#ff1515;
    font-weight:700
}
.order-wrapper .order-content table tbody tr td .td-block p.price>span{
    font-weight:600
}
.order-wrapper .order-content table tbody tr td .td-block p.price.old{
    color:rgba(0,0,0,.4);
    text-decoration:line-through
}
.head-price.sys.old{
    color:rgba(0,0,0,.4);
    text-decoration:line-through
}
.order-wrapper .order-content table tbody tr td .td-block p.price.new{
    color:#01a7f6;
    font-weight:700
}
.order-wrapper .order-content table tbody tr td .td-block button{
    padding:16px 44px
}
.order-wrapper .order-content table tbody tr td .td-block button>p{
    color:#fff;
    font-size:18px;
    font-weight:700
}
.order-wrapper .order-content .order-advantages{
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    gap:39px;
    margin-top:121px
}
.order-wrapper .order-content .order-advantages .advantages-title{
    margin:0;
    color:#000;
    font-size:20px;
    font-weight:600;
    line-height:normal;
    text-align:left
}
.order-wrapper .order-content .order-advantages .advantages-list{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    flex-wrap:wrap;
    gap:40px
}
.order-wrapper .order-content .order-advantages .advantages-list .list-item{
    flex:1;
    gap:16px;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center
}
.order-wrapper .order-content .order-advantages .advantages-list .list-item>i{
    width:18px;
    height:12px;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat
}
.order-wrapper .order-content .order-advantages .advantages-list .list-item>i.check{
    background-image:url(../img/icons/check.svg)
}
.order-wrapper .order-content .order-advantages .advantages-list .list-item>p{
    min-width:330px;
    margin:0;
    color:#000;
    font-size:17px;
    font-weight:400;
    line-height:normal;
    text-align:left
}
.order-wrapper .order-content .order-panel{
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    gap:52px;
    margin-top:156px
}
.order-wrapper .order-content .order-panel .panel-title{
    margin:0;
    color:#000;
    font-size:20px;
    font-weight:600;
    line-height:normal;
    text-align:left
}
.order-wrapper .order-content .order-panel .panel-images{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    flex-wrap:wrap;
    gap:60px
}
.order-wrapper .order-content .order-panel .panel-images>img{
    cursor:zoom-in;
    width:187px;
    height:187px;
    border-radius:10px;
    box-shadow:0 0 33px 0 rgba(0,0,0,.1);
    transition:transform 350ms ease
}
.order-wrapper .order-content .order-panel .panel-images>img:hover{
    transform:scale(1.015)
}
.wiki-mobile-bar{
    display:none
}
.wiki-wrapper{
    width:100%;
    margin-top:75px;
    margin-bottom:200px;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:flex-start;
    gap:54px
}
.wiki-wrapper .wiki-sidebar{
    width:251px;
    min-width:251px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    gap:40px
}
.wiki-wrapper .wiki-sidebar .sidebar-block{
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    gap:18px
}
.wiki-wrapper .wiki-sidebar .sidebar-block .block-title{
    margin:0;
    color:#666;
    font-size:16px;
    font-weight:700;
    line-height:normal;
    text-align:left;
    leading-trim:both;
    text-edge:cap
}
.wiki-wrapper .wiki-sidebar .sidebar-block .block-menu{
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    gap:10px
}
.wiki-wrapper .wiki-sidebar .sidebar-block .block-menu>a{
    width:100%
}
.wiki-wrapper .wiki-sidebar .sidebar-block .block-menu li{
    width:100%;
    padding:18px;
    border-radius:10px;
    transition:background 250ms ease;
    min-height:48px;
    cursor:pointer;
    margin:0;
    color:#666;
    font-size:16px;
    font-weight:500;
    line-height:normal;
    text-align:left;
    leading-trim:both;
    text-edge:cap
}
.wiki-wrapper .wiki-sidebar .sidebar-block .block-menu li.active,.wiki-wrapper .wiki-sidebar .sidebar-block .block-menu li:hover{
    background:rgba(1,167,246,.08)
}
.wiki-wrapper .wiki-content{
    width:100%;
    
}
.wiki-wrapper .wiki-content .content-title{
    margin:0;
    color:#000;
    font-size:24px;
    font-weight:700;
    line-height:normal;
    text-align:left;
    leading-trim:both;
    text-edge:cap
}
.wiki-wrapper .wiki-content .content-text{
    width:100%;
    margin:0;
    color:#000;
    font-size:18px;
    font-weight:500;
    line-height:normal;
    text-align:left;
    leading-trim:both;
    text-edge:cap;
    white-space:pre-wrap
}
.wiki-wrapper .wiki-content .content-text.decorated{
    font-size:15px;
    border-radius:8px;
    background:rgba(1,167,246,.08);
    padding:29px 30px
}
.wiki-wrapper .wiki-content .content-subtitle{
    margin:0;
    color:#000;
    font-size:18px;
    font-weight:700;
    line-height:normal;
    text-align:left;
    leading-trim:both;
    text-edge:cap
}
.wiki-wrapper .wiki-content .content-image{
    width:100%;
    height:auto
}



@media (max-width:1200px){
    .hosting_stat {
        display:none;
    }
    .tariffs-wrapper .tariffs-list{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .hosting-about-grid{
        grid-template-columns:1fr
    }
}

@media (max-width:767px){
    body.background::after{
        height:542px
    }
    button{
        padding:9px 26px;
        border-radius:3px
    }
    button>p{
        font-size:10px
    }
    .main-block{
        margin-top:63px
    }
    .modal .modal-dialog .modal-content{
        min-width:auto;
        max-width:320px;
        min-height:222px
    }
    .modal .modal-dialog .modal-content .modal-close{
        top:16px;
        right:16px;
        width:21px;
        height:21px
    }
    .modal .modal-dialog .modal-content .modal-body{
        justify-content:center
    }
    .modal .modal-dialog .modal-content .modal-body .promo-wrapper{
        justify-content:center
    }
    .modal .modal-dialog .modal-content .modal-body .promo-wrapper>p{
        text-align:center
    }
    .modal .modal-dialog .modal-content .modal-body .promo-wrapper>button{
        width:100%;
        border-radius:6px
    }
    .modal .modal-dialog .modal-content .modal-body .promo-wrapper>button>p{
        font-size:18px
    }
    .modal .modal-dialog .modal-content .modal-body .promo-render{
        display:none
    }
    #promo-modal .modal-dialog{
        width:100%;
        max-width:none;
        margin:16px auto;
        padding:0 12px
    }
    #promo-modal .modal-content{
        width:100%;
        max-width:360px;
        min-height:0;
        border-radius:20px
    }
    #promo-modal .modal-close{
        top:14px;
        right:14px;
        width:34px;
        height:34px;
        border-radius:10px;
        background-size:12px
    }
    #promo-modal .modal-body{
        min-height:0;
        padding:0;
        display:block;
        border-radius:20px
    }
    #promo-modal .promo-render{
        display:none
    }
    #promo-modal .promo-wrapper{
        max-width:none;
        padding:52px 22px 24px;
        align-items:flex-start;
        gap:13px
    }
    #promo-modal .promo-kicker{
        font-size:9px
    }
    #promo-modal .promo-wrapper>p{
        font-size:20px;
        text-align:left
    }
    #promo-modal .promo-wrapper>button{
        min-height:56px;
        margin-top:5px;
        padding:7px 8px 7px 16px;
        border-radius:13px
    }
    #promo-modal .promo-wrapper>button>p{
        font-size:17px
    }
    #promo-modal .promo-wrapper>button>i.copy{
        width:40px;
        height:40px;
        flex-basis:40px;
        border-radius:10px;
        background-size:16px
    }
    .header{
        justify-content:center
    }
    .header .header-language-wrapper,.header .header-login,.header .header-menu,.header .header-profile-wrapper{
        display:none
    }
    .header .header-mobile-bar{
        cursor:pointer;
        z-index:1044;
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        position:fixed;
        top:21px;
        right:26px;
        width:63px;
        height:63px;
        border-radius:50%;
        box-shadow:0 10px 30px rgba(0,0,0,.13);
        background:#fff
    }
    .header .header-mobile-bar.open>i{
        background-image:url(../img/header/x.svg)
    }
    .header .header-mobile-bar>i{
        width:34px;
        height:34px;
        transition:background 250ms ease;
        background-size:contain;
        background-position:center;
        background-repeat:no-repeat;
        background-image:url(../img/header/bar.svg)
    }
    .header .header-mobile-wrapper{
        display:none;
        z-index:1043;
        position:fixed;
        width:100%;
        height:100%;
        top:0;
        left:0;
        background:rgba(255,255,255,.5);
        backdrop-filter:blur(14px);
        padding:109px 0
    }
    .header .header-mobile-wrapper .header-mobile-menu{
        width:100%;
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        gap:47px
    }
    .header .header-mobile-wrapper .header-mobile-menu>ul{
        width:100%;
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        gap:47px;
        list-style:none;
        margin:0;
        padding:0
    }
    .header .header-mobile-wrapper .header-mobile-menu>ul>li{
        margin:0;
        font-size:16px;
        font-weight:400;
        color:rgba(0,0,0,.6);
        text-align:center;
        line-height:normal;
        transition:color 250ms ease,border 250ms ease;
        border-bottom:2px solid transparent;
        padding-bottom:15px
    }
    .header .header-mobile-wrapper .header-mobile-menu>ul>li.active{
        color:#000;
        border-bottom:2px solid #01a7f6
    }
    .header .header-mobile-wrapper .header-mobile-menu button{
        padding:11px 34px;
        border-radius:6px
    }
    .header .header-mobile-wrapper .header-mobile-menu button>p{
        font-size:13px
    }
    .footer{
        padding-top:52px;
        padding-bottom:51px;
        flex-direction:column;
        background-color:#fff;
        background-size:cover;
        background-position:center;
        background-repeat:no-repeat;
        background-image:url(../img/background-3.webp)
    }
    .footer .footer-content{
        flex-direction:column;
        justify-content:flex-start;
        align-items:center
    }
    .footer .footer-content .footer-col{
        max-width:auto;
        height:auto;
        justify-content:flex-start;
        align-items:center;
        gap:23px
    }
    .footer .footer-content .footer-logo{
        margin-bottom:23px
    }
    .footer .footer-content h2{
        font-size:14px;
        text-align:center
    }
    .footer .footer-content h4{
        font-size:13px;
        text-align:center
    }
    .footer .footer-content h4.col-title{
        display:none
    }
    .footer .footer-content .footer-menu{
        margin-top:12px
    }
    .footer .footer-content .footer-menu:first-child{
        margin-top:23px
    }
    .footer .footer-content .footer-menu>ul{
        align-items:center;
        gap:12px
    }
    .footer .footer-content .footer-menu>ul>li{
        font-size:14px;
        text-align:center
    }
    .footer .footer-content .footer-socials{
        margin-top:23px;
        justify-content:center
    }
    .welcome-wrapper{
        margin-top:70px;
        flex-direction:column;
        justify-content:flex-start
    }
    .welcome-wrapper .main-col{
        gap:0;
        max-width:auto
    }
    .welcome-wrapper .welcome-title{
        width:100%;
        text-align:center;
        font-size:21px
    }
    .welcome-wrapper .welcome-desc{
        margin-top:40px;
        width:100%;
        text-align:center;
        font-size:11px
    }
    .welcome-wrapper .welcome-desc-block + .welcome-desc-highlight{
        margin-top:16px
    }
    .welcome-wrapper .welcome-desc-highlight{
        grid-template-columns:minmax(0,1fr) 106px;
        gap:8px;
        text-align:left
    }
    .welcome-wrapper .welcome-hardware,
    .welcome-wrapper .welcome-experience{
        padding:10px;
        border-radius:10px
    }
    .welcome-wrapper .welcome-stat-label{
        font-size:8px
    }
    .welcome-wrapper .welcome-hardware b{
        font-size:13px
    }
    .welcome-wrapper .welcome-stat-note{
        font-size:9px
    }
    .welcome-wrapper .welcome-experience{
        text-align:center
    }
    .welcome-wrapper .welcome-experience span{
        font-size:9px
    }
    .welcome-wrapper .welcome-experience b{
        font-size:11px
    }
    .welcome-wrapper .welcome-buttons{
        width:100%;
        margin-top:13px;
        justify-content:center;
        align-items:center;
        gap:13px
    }
    .welcome-wrapper .welcome-buttons button{
        min-height:44px;
        padding:7px 9px 7px 15px;
        gap:10px;
        border-radius:10px
    }
    .welcome-wrapper .welcome-buttons button::after{
        width:24px;
        height:24px;
        flex-basis:24px;
        border-radius:7px;
        font-size:14px
    }
    .welcome-wrapper .welcome-render{
        display:none
    }
    .hosting-benefits{
        margin-top:118px;
        padding:0
    }
    .hosting-benefits-label{
        margin-bottom:7px;
        font-size:10px
    }
    .hosting-benefits-head h2{
        font-size:22px
    }
    .hosting-benefits-grid{
        margin-top:20px;
        grid-template-columns:1fr;
        gap:11px
    }
    .hosting-benefit-card{
        padding:16px;
        gap:12px;
        border-radius:13px
    }
    .hosting-benefit-icon{
        flex-basis:32px;
        width:32px;
        height:32px;
        border-radius:10px;
        font-size:10px
    }
    .hosting-benefit-card p{
        font-size:12px;
        line-height:1.5
    }
    .hosting-cores{
        margin-top:14px;
        padding:18px 15px;
        gap:15px;
        border-radius:13px
    }
    .hosting-cores-copy p{
        font-size:16px
    }
    .hosting-cores-copy span{
        font-size:11px;
        line-height:1.35
    }
    .hosting-cores-list{
        gap:8px
    }
    .hosting-core-badge{
        min-height:30px;
        padding:6px 11px;
        gap:7px;
        font-size:11px
    }
    .hosting-core-badge::before{
        width:7px;
        height:7px
    }
    .hosting-benefits + .tariffs-wrapper{
        margin-top:64px
    }
    .tariffs-wrapper{
        width:100%;
        margin-top:208px;
        gap:24px
    }
    .tariffs-wrapper .tariffs-title{
        width:100%;
        text-align:center;
        font-size:25px
    }
    .tariffs-wrapper .tariffs-desc{
        width:100%;
        text-align:center;
        font-size:14px
    }
    .tariffs-wrapper .tariffs-list{
        width:100%;
        margin-top:18px;
        gap:19px;
        grid-template-columns:1fr
    }
    .tariffs-wrapper .tariffs-list .list-item{
        width:100%;
        height:auto;
        min-height:187px;
        gap:40px;
        border-radius:10px;
        padding:42px
    }
    .tariffs-wrapper .tariffs-list .list-item.game-hosting{
        height:auto;
        min-height:187px;
        gap:32px
    }
    .tariffs-wrapper .tariffs-list .list-item .item-head{
        gap:17px
    }
    .tariffs-wrapper .tariffs-list .list-item .item-head .head-icon{
        width:27px;
        height:27px
    }
    .tariffs-wrapper .tariffs-list .list-item .item-head .head-texts{
        gap:12px
    }
    .tariffs-wrapper .tariffs-list .list-item .item-head .head-texts .head-title{
        font-size:15px
    }
    .tariffs-wrapper .tariffs-list .list-item .item-head .head-texts .head-price{
        font-size:18px
    }
    .tariffs-wrapper .tariffs-list .list-item .item-options{
        gap:17px
    }
    .tariffs-wrapper .tariffs-list .list-item .item-options>li{
        gap:12px
    }
    .tariffs-wrapper .tariffs-list .list-item .item-options>li>i{
        width:16px;
        height:16px;
        flex-basis:16px
    }
    .tariffs-wrapper .tariffs-list .list-item .item-options>li>p{
        font-size:13px
    }
    .tariffs-wrapper .tariffs-list .list-item .item-button>button{
        width:100%;
        min-height:44px;
        padding:7px 9px 7px 15px;
        gap:10px;
        border-radius:10px
    }
    .tariffs-wrapper .tariffs-list .list-item .item-button>button::after{
        width:24px;
        height:24px;
        flex-basis:24px;
        border-radius:7px;
        background-size:14px 14px
    }
    .tariffs-wrapper .tariffs-list .list-item .item-button>button>p{
        font-size:14px
    }
    .testservers-wrapper{
        margin-top:64px;
        gap:24px
    }
    .testservers-wrapper .testservers-title{
        width:100%;
        text-align:center;
        font-size:25px
    }
    .testservers-wrapper .testservers-desc{
        max-width:auto;
        width:100%;
        text-align:center;
        font-size:14px
    }
    .testservers-block{
        margin-top:64px
    }
    .testservers-block .testservers-content{
        padding:45px 44px;
        flex-direction:column;
        justify-content:flex-start
    }
    .testservers-block .testservers-content .testservers-list{
        width:100%;
        gap:12px
    }
    .testservers-block .testservers-content .testservers-list .list-item{
        height:56px;
        border-radius:4px;
        padding:12px 28px
    }
    .testservers-block .testservers-content .testservers-list .list-item .item-pulse{
        width:12px;
        height:12px
    }
    .testservers-block .testservers-content .testservers-list .list-item .item-pulse::after{
        width:6px;
        height:6px
    }
    .testservers-block .testservers-content .testservers-list .list-item .item-info{
        gap:4px
    }
    .testservers-block .testservers-content .testservers-list .list-item .item-info .info-name{
        font-size:9px
    }
    .testservers-block .testservers-content .testservers-list .list-item .item-info .info-ip{
        font-size:9px;
        gap:10px
    }
    .testservers-block .testservers-content .testservers-list .list-item .item-info .info-ip>i{
        width:6px;
        height:8px
    }
    .testservers-block .testservers-content .testservers-list .list-item .item-online{
        font-size:11px
    }
    .testservers-block .testservers-content .testservers-image{
        order:1;
        position:absolute;
        top:-27px;
        width:72px;
        height:54px
    }
    .hosting-about-wrapper{
        margin-top:72px
    }
    .hosting-about-grid{
        gap:14px
    }
    .hosting-about-card{
        padding:20px 16px;
        border-radius:15px
    }
    .hosting-about-head{
        gap:12px;
        padding-bottom:18px
    }
    .hosting-about-icon{
        flex-basis:42px;
        width:42px;
        height:42px;
        border-radius:12px
    }
    .hosting-about-icon::after{
        inset:11px
    }
    .hosting-about-eyebrow{
        margin-bottom:5px;
        font-size:9px
    }
    .hosting-about-head h2{
        font-size:20px
    }
    .hosting-about-copy p{
        padding:14px 0;
        font-size:13px;
        line-height:1.55
    }
    .hosting-about-copy p:last-child{
        margin-top:9px;
        padding:15px
    }
    .hosting-faq-list{
        gap:8px;
        padding-top:16px
    }
    .hosting-faq-item summary{
        grid-template-columns:30px minmax(0,1fr) 22px;
        gap:9px;
        padding:11px
    }
    .hosting-faq-number{
        width:30px;
        height:30px;
        border-radius:9px;
        font-size:10px
    }
    .hosting-faq-question{
        font-size:12px
    }
    .hosting-faq-toggle{
        width:22px;
        height:22px;
        border-radius:7px
    }
    .hosting-faq-toggle::before,.hosting-faq-toggle::after{
        top:10px;
        left:6px
    }
    .hosting-faq-item>p{
        padding:0 12px 14px 50px;
        font-size:12px;
        line-height:1.5
    }
    .whyus-wrapper{
        margin-top:64px;
        margin-bottom:139px
    }
    .whyus-wrapper .whyus-title{
        width:100%;
        text-align:center;
        font-size:25px
    }
    .whyus-wrapper .whyus-list{
        margin-top:64px;
        gap:21px;
        justify-content:center
    }
    .whyus-wrapper .whyus-list .list-item{
        min-width:40%;
        gap:14px
    }
    .whyus-wrapper .whyus-list .list-item .item-head{
        gap:13px
    }
    .whyus-wrapper .whyus-list .list-item .item-head .head-icon{
        width:30px;
        height:30px
    }
    .whyus-wrapper .whyus-list .list-item .item-head .head-title{
        font-size:10px
    }
    .whyus-wrapper .whyus-list .list-item .item-desc{
        max-width:auto;
        font-size:7px
    }
    .agreement-wrapper{
        margin-top:70px;
        margin-bottom:70px;
        gap:10px
    }
    .agreement-wrapper .agreement-title{
        font-size:21px
    }
    .agreement-wrapper .agreement-desc{
        font-size:16px
    }
    .agreement-wrapper .agreement-date{
        flex-wrap:wrap
    }
    .agreement-wrapper .agreement-text{
        margin-top:40px;
        font-size:14px
    }
    .agreement-wrapper .agreement-text>span{
        font-size:18px
    }
    .equipment-wrapper{
        margin-top:70px;
        margin-bottom:70px
    }
    .equipment-wrapper .equipment-title{
        font-size:21px
    }
    .equipment-wrapper .equipment-desc{
        margin-top:10px;
        font-size:16px
    }
    .equipment-wrapper .equipment-row{
        margin-top:50px;
        flex-direction:column;
        justify-content:flex-start;
        gap:50px
    }
    .equipment-wrapper .equipment-row._one .equipment-text{
        max-width:auto
    }
    .equipment-wrapper .equipment-row._two{
        margin-top:50px
    }
    .equipment-wrapper .equipment-row._two .equipment-text{
        max-width:auto
    }
    .equipment-wrapper .equipment-col{
        margin-top:50px;
        gap:40px
    }
    .equipment-wrapper .equipment-text{
        font-size:14px
    }
    .equipment-wrapper .equipment-text>span.scale{
        font-size:18px
    }
    .equipment-wrapper .equipment-image{
        border-radius:10px
    }
    .equipment-wrapper .equipment-image._one{
        width:100%;
        height:auto
    }
    .equipment-wrapper .equipment-image._two{
        width:100%;
        height:auto
    }
    .contacts-wrapper{
        margin-top:70px;
        margin-bottom:70px;
        gap:50px
    }
    .contacts-wrapper .contacts-title{
        font-size:21px
    }
    .contacts-wrapper .contacts-row{
        flex-direction:column;
        justify-content:flex-start
    }
    .contacts-wrapper .contacts-col{
        max-width:auto;
        gap:10px
    }
    .contacts-wrapper .contacts-col-title{
        font-size:18px
    }
    .contacts-wrapper .contacts-col-text{
        font-size:14px
    }
    .contacts-wrapper .contacts-email{
        gap:27px;
        margin-top:10px;
        margin-bottom:10px
    }
    .contacts-wrapper .contacts-email .email-icon{
        width:60px;
        height:60px
    }
    .contacts-wrapper .contacts-email .email-text{
        font-size:20px
    }
    .contacts-wrapper .contacts-ticket{
        gap:22px;
        margin-top:10px;
        margin-bottom:10px
    }
    .contacts-wrapper .contacts-ticket .ticket-icon{
        width:60px;
        height:60px
    }
    .contacts-wrapper .contacts-ticket .ticket-text{
        font-size:16px
    }
    .contacts-wrapper .contacts-ticket button{
        padding:11px 29px
    }
    .contacts-wrapper .news-wrapper{
        gap:10px
    }
    .contacts-wrapper .news-wrapper .news-block{
        border-radius:4px;
        height:auto;
        min-height:136px
    }
    .order-wrapper{
        margin-top:70px;
        margin-bottom:85px
    }
    .order-wrapper .order-head{
        flex-direction:column;
        justify-content:flex-start;
        gap:50px
    }
    .order-wrapper .order-head .head-texts{
        gap:10px
    }
    .order-wrapper .order-head .head-texts .order-title{
        font-size:21px
    }
    .order-wrapper .order-head .head-texts .order-desc{
        font-size:16px
    }
    .order-wrapper .order-head>.promo-status{
        width:100%;
        height:70px;
        padding-left:34px;
        padding-right:8px
    }
    .order-wrapper .order-head>.promo-status>p{
        font-size:15px
    }
    .order-wrapper .order-head>.promo-status>.status-icon{
        width:54px;
        height:54px;
        min-width:54px
    }
    .order-wrapper .order-head>form{
        width:100%
    }
    .order-wrapper .order-head>form>input{
        width:100%;
        height:70px;
        padding:24px 34px;
        padding-right:76px;
        font-size:15px
    }
    .order-wrapper .order-head>form>button{
        right:8px;
        width:54px;
        height:54px;
        min-width:54px
    }
    .order-wrapper .order-marketing{
        margin-top:28px;
        padding:22px 20px 23px;
        border-radius:13px
    }
    .order-wrapper .order-marketing-head{
        align-items:flex-start;
        flex-direction:column;
        gap:9px;
        padding-bottom:18px
    }
    .order-wrapper .order-marketing h2{
        font-size:19px
    }
    .order-wrapper .order-marketing-head>p{
        width:100%;
        font-size:13px
    }
    .order-wrapper .order-marketing-items{
        grid-template-columns:1fr;
        gap:18px;
        padding-top:20px
    }
    .order-wrapper .order-marketing-item h3{
        font-size:14px
    }
    .order-wrapper .order-marketing-item p{
        font-size:12px
    }
    .order-wrapper .order-marketing+.order-content{
        margin-top:34px
    }
    .order-wrapper .order-content{
        margin-top:50px
    }
    .order-wrapper .order-content .order-row{
        margin-top:50px;
        flex-direction:column;
        justify-content:flex-start;
        gap:50px
    }
    .order-wrapper .order-content .order-col{
        gap:32px
    }
    .order-wrapper .order-content .order-col .col-title{
        font-size:18px
    }
    .order-wrapper .order-content .order-col .os-list{
        max-width:auto;
        flex-wrap:wrap;
        gap:20px
    }
    .order-wrapper .order-content .order-col .os-list .list-item>img{
        height:50px
    }
    .order-wrapper .order-content .order-col .games-list{
        max-width:auto;
        gap:20px
    }
    .order-wrapper .order-content .order-col .games-list .list-item{
        width:100%;
        justify-content:flex-start
    }
    .order-wrapper .order-content .cpu-list{
        display:none
    }
    .order-wrapper .order-content .tariffs-pc{
        display:none
    }
    .order-wrapper .order-content .tariffs-mobile{
        width:100%;
        display:block
    }
    .order-wrapper .order-content .tariffs-mobile .tariffs-list{
        width:100%;
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        align-items:center;
        gap:20px
    }
    .order-wrapper .order-content .tariffs-mobile .tariffs-list .list-item{
        width:100%;
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        align-items:flex-start;
        border-radius:10px;
        background:rgba(1,167,246,.1);
        padding:24px;
        gap:18px
    }
    .order-wrapper .order-content .tariffs-mobile .tariffs-list .list-item .item-head{
        width:100%;
        display:flex;
        flex-direction:row;
        justify-content:space-between;
        align-items:center
    }
    .order-wrapper .order-content .tariffs-mobile .tariffs-list .list-item .item-head .head-col{
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        align-items:flex-start;
        gap:2px
    }
    .order-wrapper .order-content .tariffs-mobile .tariffs-list .list-item .item-head .head-col .head-texts{
        display:flex;
        flex-direction:row;
        justify-content:flex-start;
        align-items:center;
        gap:9px
    }
    .order-wrapper .order-content .tariffs-mobile .tariffs-list .list-item .item-head .head-col .head-texts>p{
        margin:0;
        color:#000;
        font-size:20px;
        font-weight:400;
        line-height:normal;
        text-align:left
    }
    .order-wrapper .order-content .tariffs-mobile .tariffs-list .list-item .item-head .head-col .head-texts>p.tag{
        color:#fff;
        font-size:16px;
        font-weight:800;
        border-radius:7px;
        background:#01a7f6;
        padding:3px 9px
    }
    .order-wrapper .order-content .tariffs-mobile .tariffs-list .list-item .item-head .head-col p.version{
        margin:0;
        color:#000;
        font-size:16px;
        font-weight:400;
        line-height:normal;
        text-align:left
    }
    .order-wrapper .order-content .tariffs-mobile .tariffs-list .list-item .item-head .head-col p.version>span{
        color:#ff1515;
        font-weight:700
    }
    .order-wrapper .order-content .tariffs-mobile .tariffs-list .list-item .item-head .head-price{
        margin:0;
        color:#000;
        font-size:20px;
        font-weight:400;
        line-height:normal;
        text-align:right
    }
    .order-wrapper .order-content .tariffs-mobile .tariffs-list .list-item .item-head .head-price>span{
        font-weight:600
    }
    .order-wrapper .order-content .tariffs-mobile .tariffs-list .list-item .item-options{
        width:100%;
        height:100%;
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        align-items:flex-start;
        gap:10px;
        margin-bottom:24px
    }
    .order-wrapper .order-content .tariffs-mobile .tariffs-list .list-item .item-options .options-item{
        width:100%;
        display:flex;
        flex-direction:row;
        justify-content:flex-start;
        align-items:center;
        gap:4px
    }
    .order-wrapper .order-content .tariffs-mobile .tariffs-list .list-item .item-options .options-item .icon{
        width:20px;
        height:20px;
        background-size:contain;
        background-position:center;
        background-repeat:no-repeat
    }
    .order-wrapper .order-content .tariffs-mobile .tariffs-list .list-item .item-options .options-item .icon._1{
        background-image:url(../img/order/icons/1-1.svg)
    }
    .order-wrapper .order-content .tariffs-mobile .tariffs-list .list-item .item-options .options-item .icon._2{
        background-image:url(../img/order/icons/2-1.svg)
    }
    .order-wrapper .order-content .tariffs-mobile .tariffs-list .list-item .item-options .options-item .icon._3{
        background-image:url(../img/order/icons/3-1.svg)
    }
    .order-wrapper .order-content .tariffs-mobile .tariffs-list .list-item .item-options .options-item .icon._4{
        background-image:url(../img/order/icons/4-1.svg)
    }
	.order-wrapper .order-content .tariffs-mobile .tariffs-list .list-item .item-options .options-item .icon._5{
        background-image:url(../img/order/icons/domains.svg)
    }
	.order-wrapper .order-content .tariffs-mobile .tariffs-list .list-item .item-options .options-item .icon._6{
        background-image:url(../img/order/icons/database.svg)
    }
	.order-wrapper .order-content .tariffs-mobile .tariffs-list .list-item .item-options .options-item .icon._7{
        background-image:url(../img/order/icons/network.svg)
    }
    .order-wrapper .order-content .tariffs-mobile .tariffs-list .list-item .item-options .options-item p{
        margin:0;
        color:#000;
        font-size:20px;
        font-weight:400;
        line-height:normal;
        text-align:left
    }
    .order-wrapper .order-content .tariffs-mobile .tariffs-list .list-item .item-options .options-item p>span{
        font-weight:600
    }
    .order-wrapper .order-content .tariffs-mobile .tariffs-list .list-item button{
        width:100%;
        padding:16px 44px;
        border-radius:6px
    }
    .order-wrapper .order-content .tariffs-mobile .tariffs-list .list-item button>p{
        font-size:18px
    }
    .order-wrapper .order-content .order-advantages{
        gap:32px;
        margin-top:50px;
        width:100%
    }
    .order-wrapper .order-content .order-advantages .advantages-title{
        font-size:18px
    }
    .order-wrapper .order-content .order-advantages .advantages-list{
        gap:19px;
        width:100%;
        flex-direction:column
    }
    .order-wrapper .order-content .order-advantages .advantages-list .list-item{
        width:100%;
        gap:13px
    }
    .order-wrapper .order-content .order-advantages .advantages-list .list-item>i{
        width:15px;
        height:10px
    }
    .order-wrapper .order-content .order-advantages .advantages-list .list-item>p{
        min-width:auto;
        font-size:14px
    }
    .order-wrapper .order-content .order-panel{
        gap:20px;
        margin-top:50px
    }
    .order-wrapper .order-content .order-panel .panel-title{
        font-size:18px
    }
    .order-wrapper .order-content .order-panel .panel-images{
        gap:18px
    }
    .order-wrapper .order-content .order-panel .panel-images>img{
        width:153px;
        height:153px
    }
    .wiki-mobile-bar{
        cursor:pointer;
        z-index:1046;
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        position:fixed;
        top:21px;
        left:26px;
        width:63px;
        height:63px;
        border-radius:50%;
        box-shadow:0 10px 30px rgba(0,0,0,.13);
        background:#fff
    }
    .wiki-mobile-bar.open>i{
        background-image:url(../img/header/x.svg)
    }
    .wiki-mobile-bar>i{
        width:34px;
        height:34px;
        transition:background 250ms ease;
        background-size:contain;
        background-position:center;
        background-repeat:no-repeat;
        background-image:url(../img/header/bar.svg)
    }
    #offcanvasWiki{
        max-width:300px;
        border:0
    }
    #offcanvasWiki .offcanvas-body{
        justify-content:flex-start;
        align-items:flex-start;
        padding:125px 25px;
        gap:40px
    }
    #offcanvasWiki .offcanvas-body .sidebar-block{
        width:100%;
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        align-items:flex-start;
        gap:18px
    }
    #offcanvasWiki .offcanvas-body .sidebar-block .block-title{
        margin:0;
        color:#666;
        font-size:16px;
        font-weight:700;
        line-height:normal;
        text-align:left;
        leading-trim:both;
        text-edge:cap
    }
    #offcanvasWiki .offcanvas-body .sidebar-block .block-menu{
        width:100%;
        margin:0;
        padding:0;
        list-style:none;
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        align-items:flex-start;
        gap:10px
    }
    #offcanvasWiki .offcanvas-body .sidebar-block .block-menu>a{
        width:100%
    }
    #offcanvasWiki .offcanvas-body .sidebar-block .block-menu li{
        width:100%;
        padding:18px;
        border-radius:10px;
        transition:background 250ms ease;
        min-height:48px;
        cursor:pointer;
        margin:0;
        color:#666;
        font-size:16px;
        font-weight:500;
        line-height:normal;
        text-align:left;
        leading-trim:both;
        text-edge:cap
    }
    #offcanvasWiki .offcanvas-body .sidebar-block .block-menu li.active,#offcanvasWiki .offcanvas-body .sidebar-block .block-menu li:hover{
        background:rgba(1,167,246,.08)
    }
    #offcanvasWiki .offcanvas-body .sidebar-block .block-menu li.main{
        background:rgba(1,167,246,.2)
    }
    .wiki-wrapper .wiki-sidebar{
        display:none
    }
}


#conn_logn, #err_auth_info, #err_reg_info {
	width:100%;
}

.err_auth_block {
	width:100%;
	background-color: #f9284b;
	border-radius:3px;
	min-height:50px;
}

.err_auth_text {
	padding:17px;
	color:#F3F3F3;
	width:100%;
	font-size:14px;
}

.strok_caph {
	width:100%;
	border:1px solid #E5EBF1;
	border-radius:6px;
	height:60px;
    display:inline-flex;
}


.strok_left {
	float:left;
}

.strok_right {
	float:right;
	padding-top:10px;
	padding-right:10px;
    padding-left:15px;
}

@-moz-document url-prefix() {
    .strok_right {
        float:right;
        padding-top:10px;
        padding-right:10px;
        padding-left:0px;
    }
}

.reg_captcha {
	border:none !important;
}


.checkbox {
	margin-bottom: 0.2em;
}

   
.custom-checkbox>input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

    
.custom-checkbox>span {
	display: inline-flex;
	align-items: center;
	user-select: none;
}

.custom-checkbox-policy,
.custom-checkbox-policy>span {
    width:100%;
}

.custom-checkbox-policy>span {
    align-items:flex-start;
}

.custom-checkbox-policy>span::before {
    margin-top:.2em;
}

.custom-checkbox-policy .custom-checkbox-text {
    min-width:0;
    flex:1 1 auto;
    white-space:normal;
}

.custom-checkbox-policy .custom-checkbox-text a {
    color:#0d6efd!important;
    font-weight:600;
}

.custom-checkbox-policy .custom-checkbox-text a:hover {
    color:#0a58ca!important;
}

   
.custom-checkbox>span::before {
	content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #adb5bd;
    border-radius: 0.25em;
	margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

    
.custom-checkbox>input:not(:disabled):not(:checked)+span:hover::before {
    border-color: #b3d7ff;
}

    
.custom-checkbox>input:not(:disabled):active+span::before {
    background-color: #b3d7ff;
    border-color: #b3d7ff;
}

    
.custom-checkbox>input:focus+span::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

   
.custom-checkbox>input:focus:not(:checked)+span::before {
    border-color: #80bdff;
}

    
.custom-checkbox>input:checked+span::before {
    border-color: #0b76ef;
    background-color: #0b76ef;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

   
.custom-checkbox>input:disabled+span::before {
    background-color: #e9ecef;
}


.bl_vds_list {
	display: none;
}

.bl_vds_mobile_list {
	display: none;
}

#vds_1 {
	display:contents;
}

#vds_mobile_1 {
	display:contents;
}


.price_new_mobile {
	color: #01a7f6;
    font-weight: 700;
}

.icon_proc_vds {
	display: inline-block;
}

.text_proc_vds {
	display: inline-block;
	color: #000;
    font-size: 17px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
	padding-left:5px;
}

.block_proc_vds {
	border-bottom: 3px solid #01a7f6;
	padding-bottom: 7px;
    opacity: .5;
    transition: opacity 250ms ease;
	width:inherit;
	margin-top:20px;
}

.content_proc_vds {
	padding-bottom:20px;
}


.block_proc_vds.active {
    opacity: 1;
}

.vinfomessage {
	opacity: 1;
	width: auto;
	max-width: 400px;
	position: fixed;
	right:30px;
	bottom:30px;
	margin-top:100px;
	transition: opacity 1s, visibility 0s;
	border-radius: 10px;
	box-shadow: 0px 0px 64px 0px #00000033;
	background: #FFFFFF;
	
	
}


.vinfomessage.hidden {
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s, visibility 0s 1s;
}


.vinfomessagemes {
	padding: 14px 12px;
	padding-right:15px;
	margin: auto;
	font-family: Manrope;
	font-size: 17px;
	float:left;
	
}

.icon_err_block {
	float:left;
	padding-top:16px;
	padding-left:15px;
}


.vinfomessageline {
	width: 100%;
	background: darkred;
	height: 5px;
	opacity: 1;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}

.vinfomessageline.hidden {
	width: 0px;
	transition: width 4s ease-in-out;
}

.vinfomessageline.hidden1 {
	width: 0px;
	transition: width 1s ease-in-out;
}

.vinfomessageline.hiddenop {
	opacity: 0;
	width: 100%;
}
		
.vimbgred {
	background: #fbf6f6;
	color:#493030;
}

.vimlinebgred {
	background: #E22525;
}


.vimbggreen {
	background: #f6fbf6;
	color:#253524;
}

.vimlinebggreen {
	background: #29E225;
}

.head_pss {
	width:100%;
	text-align: center;
	font-size:24px;
	font-weight: 600;
}

.center_pss {
	margin: 0 auto;
	text-align: center;
	padding-top:30px;
}

.input_pss{
    outline:0;
    background:0 0;
    border-radius:6px;
    border:1px solid #e5ebf1;
    padding:0 22px;
    height:60px;
    width:350px;
    font-size:16px;
    font-weight:500;
    line-height:normal;
    color:#666;
    text-align:left
}

.btn_pss{
    width:100%;
    border-radius:6px;
    background:#000;
    color:#fff;
    padding:19px 66px;
    font-size:16px;
    font-weight:700
}

.btn_pss:hover{
    box-shadow:none;
    opacity:.85
}

#block_code_auth {
	display:none;
}

.content_buy_screen_p2 {
	margin-top:40px;
	box-shadow: 0 0 33px 0 rgba(0,0,0,.1);
    transition: transform 350ms ease;
	border-radius: 5px;
	width:177px;
	float:left;
	margin-right:10px;
	cursor: zoom-in;
}

.content_buy_screen_p1 {
	margin-top:40px;
	box-shadow: 0 0 33px 0 rgba(0,0,0,.1);
    transition: transform 350ms ease;
	border-radius: 5px;
	width:177px;
	float:left;
	cursor: zoom-in;
}


img[tabindex="0"] {  
	cursor: zoom-in;  
}  

img[tabindex="0"]:focus {  
	position: fixed; z-index: 10;  
	top: 0; left: 0; bottom: 0; right: 0;  
	width: auto; max-width: 80%;  
	height: auto; max-height: 80%;  
	margin: auto;  
	box-shadow: 0 0 20px #000, 0 0 0 1000px rgba(0,0,0,.3);  
	-webkit-box-shadow: 0 0 20px #000, 0 0 0 1000px rgba(0,0,0,.3);  
	-moz-box-shadow: 0 0 20px #000, 0 0 0 1000px rgba(0,0,0,.3);  
}  

img[tabindex="0"]:focus,  
img[tabindex="0"]:focus ~ * {  
	cursor: zoom-out;  
	pointer-events: none;  
}


.hosting_stat {
    width:100%;
    height:200px;
    background: #01A7F6;
}

.hosting_stat_content {
    max-width:1200px;
    margin: 0 auto;
}

.hosting_stat_icon_fon {
    display:inline-block;
    width:75px;
    height:75px;
    background:#FFFFFF1A;
    border-radius: 10px;
}

.hosting_stat_txt {
    display:inline-block;
    color:#FFFFFF;
    vertical-align:top;
    font-size:20px;
    max-width:200px;
    width:100%;
    margin-left:15px;
    margin-top:5px;
}

.hosting_stat_icon_position {
    padding:17px;
}

.hosting_stat_p1 {
    padding-top:60px;
    display:inline-block;
    max-width:295px;
    width:100%;
}

.hosting_stat_p2 {
    padding-top:60px;
    display:inline-block;
}


.p_list_tar {
    height: 59px;
    border-radius: 10px;
    background: #01A7F61A;
    opacity: 0.7;
}

.p_list_tar_icon {
    float:left;
    padding-top:20px;
    padding-left:19px;
}

.p_list_tar_text {
    float:left;
    padding-top:18px;
    padding-left:10px;
    padding-right:19px;
    font-family: Manrope;
    font-size: 14px;
    font-weight: 600;
    line-height: 23.22px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.p_list_tar.active {  
    outline: #01A7F6 solid 1px;
    opacity: 1;
}

.noth_cookie {
    max-width:720px;
    width:100%;
    border-radius: 10px;
    background: #F7F9FB;
    position: fixed;
    bottom:50;
    left:50;
    right:50;
    box-shadow: 0 3px 10px -.5px rgba(0, 0, 0, .2);
    z-index:1000;
    display: inline-flex;
}

.noth_cookie_p1 {
    float:left;
    font-size:14px;
    padding:15px;
    max-width:620px;
    width:100%;
}


.noth_cookie_p2 {
    float:left;
    padding-top:20px;
    padding-right:20px;
}


.btn_cookie {
    color:#FFFFFF;
}


.href_cookie {
    color:#004b6f !important;
}


.list_proc_buy {
    width:100%;
}

.name_proc_buy {
    float:left;
    width:60%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 28px;
    margin-bottom: 18px
}

.proc_buy {
    float:right;
    padding-top:15px;
}

.proc_buy_icon {
    float:left;
    padding-top:3px;
}

.proc_buy_nm {
    float:left;
    padding-left:10px;
}

.info_tar_p3 {
    padding-bottom:20px;
    width:100%;
}

.block_err_red {
    width: 100% !important;
    height: auto;
    background: #E2252533;
    border-radius: 5px;
}

.block_err_txt {
    padding: 20px;
    font-family: Manrope;
    font-size: 15px;
}

.block_err_blue {
    width: 100% !important;
    height: auto;
    background: #005CCC2b;
    border-radius: 5px;
}


#pro_buy_info, #gm_mobile_2 {
    display:none;
}


@media (max-width:800px){
    
    .noth_cookie {
        max-width:720px;
        width:100%;
        bottom:0;
        left:0;
        right:0;
        border-radius:0px;
    }
    
    .name_proc_buy {
        display:block;
        width:100%;
        float:none;
    }
    
    .proc_buy {
        float:none;
    }
    
    .p_list_tar {
        margin-top:10px;
    }
    
}

@media (max-width:500px){
    
    .noth_cookie {
        display: block;
    }
    
    .noth_cookie_p1 {
        float:none;
    }
    
    .noth_cookie_p2 {
        float:none;
        padding-top:15px;
        padding-bottom:15px;
        margin:0 auto;
        width:auto;
    }
    
}