@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
}
.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:20px;
    font-weight:400;
    line-height:normal;
    text-align:left
}
.welcome-wrapper .welcome-buttons{
    margin-top:26px;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
    gap:23px;
    flex-wrap:wrap
}
.welcome-wrapper .welcome-buttons button{
    padding:16px 44px
}
.welcome-wrapper .welcome-render{
    width:538px;
    height:607px
}
.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{
    margin-top:66px;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:flex-start;
    gap:58px;
    flex-wrap:wrap
}
.tariffs-wrapper .tariffs-list .list-item{
    flex:1;
    height:504px;
    gap:54px;
    border-radius:10px;
    background:rgba(1,167,246,.08);
    padding:52px 47px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:flex-start
}

@-moz-document url-prefix() {
    .tariffs-wrapper .tariffs-list .list-item{
        flex:none;
    }
}

.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:100%;
    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{
    width:18px;
    height:12px;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat
}
.tariffs-wrapper .tariffs-list .list-item .item-options>li>i.check{
    background-image:url(../img/icons/check.svg)
}
.tariffs-wrapper .tariffs-list .list-item .item-options>li>p{
    margin:0;
    color:#000;
    font-size:17px;
    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%;
    padding:16px 44px
}
.whyus-wrapper{
    width:100%;
    margin-top:202px;
    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-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-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;
    }
}

@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
    }
    .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:13px
    }
    .welcome-wrapper .welcome-buttons{
        width:100%;
        margin-top:33px;
        justify-content:center;
        align-items:center;
        gap:13px
    }
    .welcome-wrapper .welcome-buttons button{
        padding:9px 26px
    }
    .welcome-wrapper .welcome-render{
        display:none
    }
    .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;
        flex-direction:column;
        justify-content:flex-start
    }
    .tariffs-wrapper .tariffs-list .list-item{
        flex:0;
        width:100%;
        height:auto;
        min-height:187px;
        gap:40px;
        border-radius:10px;
        padding:42px
    }
    .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:13px;
        height:9px
    }
    .tariffs-wrapper .tariffs-list .list-item .item-options>li>p{
        font-size:13px
    }
    .tariffs-wrapper .tariffs-list .list-item .item-button>button{
        width:100%;
        padding:12px;
        border-radius:5px
    }
    .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
    }
    .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-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-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>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:450px;
    width:100%;
}


.noth_cookie_p2 {
    float:left;
    padding-top:30px;
    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;
    }
    
}