/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.contact,.contact_text,.download,.item_age,.item_preview,.links,.menu-section,.mobile-menu,.mobile-menu .topTitle,.window>.item_preview,footer>.container,header>.container>.top,header>.container>.top>.header-menu>ul{
    display:-webkit-box;
    display:-ms-flexbox
}
.catalog_item,.contact,.container,.menu-section,header,main{
    position:relative
}
.totopitem{
    position: absolute;
    right: 50px;
    bottom: 105px;
}
.catalog_bottom > .totopitem {
    left: 29px;
    right: unset;
    bottom: 25px;
}

.catalog_bottom > .totopitem > img {
    width: 80px;
}

.totopitem > img {
    width: 100px;
}

#totopbutton {
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 999999999;
    border: none;
    outline: none;
    cursor: pointer;
    width: 5%;
    height: 5%;
}

#totopbutton > img{
    width: 100%;
    height: 100%;
}

.item_preview_size>.title,.links{
    text-align:right;
    font-weight:600
}
.item_preview,.links,.menu-section>.categories>ul,.mobile-menu,.window>.item_preview{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal
}
.item_preview,.links,.mobile-menu,.window>.item_preview,footer>.container{
    -webkit-box-direction:normal
}
.close-menu>img,.close-popup{
    cursor:pointer
}
html{
    scroll-behavior:smooth
}
*{
    margin:0;
    padding:0;
    list-style:none;
    text-decoration:none;
    font-family:Montserrat,sans-serif
}
.container{
    width:1000px;
    margin:0 auto
}
header{
    background:url("../images/headerbg.jpg") 0 0/1200px auto no-repeat;
    background-position-x:center;
    z-index:0;
    width:100%;
    height:790px
}
header>.container{
    padding-top:75px;
    width:1000px
}
header>.container>.top>.header-menu>ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:15px
}
header>.container>.top{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
header>.container>.top>.logo>img{
    width:380px
}
header>.container>.top>.header-menu>ul>li>a{
    color:#fff;
    text-transform:uppercase;
    font-weight:600;
    font-size:.94em;
    text-shadow:0 4px 6px rgba(0,0,0,.25)
}
.menu-section{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center
}
.catalog{
    margin-top:60px
}
li>.text{
    color:#00487d;
    font-size:1.5em;
    text-transform:uppercase;
    margin-bottom:30px
}
.categories>.container{
    margin-top:55px
}
.categories>.splitter:first-child::before{
    -webkit-transform:scale(1,-1);
        -ms-transform:scale(1,-1);
            transform:scale(1,-1);
    bottom:0;
    height:73px
}
.menu-section>.splitter-bottom:nth-child(2){
    top:40px
}
.menu-section>img{
    width:46px;
    height:300px
}
.menu-section>.categories{
    position:relative;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    height:388px;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column
}
.about_us{
    width:90%;
    font-weight:700;
    color:#00487d;
    margin-left:140px;
    font-size:1.5em
}
.categories>.container>ul{
    margin-left:70px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:6px
}
.menu-section>.categories>.container>ul>li>a>img{
    width:27px
}
.menu-section>.categories>.container>ul>li>a{
    font-size:1.5em;
    font-weight:700;
    color:#00487d;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:10px
}
.menu-section>.categories>ul{
    margin-top:160px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
            flex-direction:column;
    gap:10px
}
.catalog_item{
    padding:25px 0 50px
}
.catalog_item>.container>.item_name,.popup>div:first-child>div:first-child>div:nth-child(2),.window-container>.category>.name>.item_name{
    font-weight:700;
    color:#01237e;
    font-size:1.5em
}
.name>.item_name{
    margin-left:25px
}
.category>.name{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center
}
.item_category{
    text-align:right;
    position:absolute;
    right:0;
    top:0
}
.item_category>.more_link>a,.item_description>.more_link>a,.item_end>.more_link>a{
    border-bottom:2.5px solid #30aae1;
    color:#30aae1;
    text-transform:uppercase;
    font-weight:600;
    padding-bottom:3px;
    font-size:.85em;
    cursor:pointer
}
.item_category_name{
    color:#2669a0;
    font-weight:600;
    font-size:1.5em
}
.item_category_description{
    color:#2669a0;
    font-weight:500
}
.more_link{
    margin-top:50px;
    position:relative;
    z-index:10
}
.item_preview{
    width:60%;
    margin:45px auto 45px 0
}
.item_preview>img,.splitter,.window>.item_preview>.item_preview_size>img{
    width:100%
}
.item_description>.description{
    color:#454545;
    font-weight:700;
    font-size:.85em
}
.contact_image,.header-menu__open,.item_end>.more_link,.mobile-menu nav ul li:last-child::after,.more_link:nth-child(2),.popup,body>header>.splitter{
    display:none
}
.item_description>.more_link{
    margin-top:20px
}
.splitter{
    height:225px;
    overflow:hidden;
    position:absolute
}
.splitter::before{
    content:"";
    height:80px;
    width:1226px;
    background:url("../images/splitter.svg") right 6%/100% 100% no-repeat;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-transform:rotate(-8deg);
        -ms-transform:rotate(-8deg);
            transform:rotate(-8deg);
    position:absolute;
    top:89px;
    z-index:-1;
    right:-20px
}
.categories>div.splitter:first-child{
    top:unset;
    position:relative;
    height:45px
}
.categories>div.splitter:nth-child(3){
    bottom:unset;
    position:relative;
    height:130px
}
.categories>div.splitter:nth-child(3)::before{
    bottom:0
}
.splitter-bottom{
    top:0;
    pointer-events: none;
    position:absolute
}
.container__full{
    width:1200px;
    height:222px;
    margin:0 auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative
}
.categories>.container__full{
    margin-top:-59px
}
.catalog_item>.container,footer{
    margin:0 auto
}
.menu-section .splitter.splitter-bottom{
    -webkit-transform:scale(1,1);
        -ms-transform:scale(1,1);
            transform:scale(1,1)
}
.category_bottom{
    height:240px;
    width:550px;
    position:absolute;
    right:0;
    overflow:hidden;
    pointer-events: none;
    bottom:119px
}
.category_bottom::before{
    height:100%;
    width:100%;
    content:"";
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-transform:rotate(-4deg);
        -ms-transform:rotate(-4deg);
            transform:rotate(-4deg);
    position:absolute;
    right:-10px
}
.item_age{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    gap:10px;
    margin-top:10px
}
.contact_image{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    margin-top:50px
}
.fabric_top{
    background:url("../images/icons/zavod_01.jpg")
}
.fabric_bottom{
    background:url("../images/icons/zavod_02.jpg")
}
.about_us_bottom>.container>img:first-child{
    width:565px;
    margin-bottom:25px
}
footer>.container>img{
    width:300px;
    margin-bottom:15px
}
body>footer:nth-child(5)>div:first-child>img:nth-child(2){
    margin-bottom:0
}
footer{
    width:1200px;
    padding-top:15px;
    background:url("../images/footerbg.png") 0 0/1200px auto no-repeat;
    background-position-y:0px;
    background-position-y:center;
    height:190px
}
.preview_category_popup{
    width:446px;
    position:absolute;
    right:0;
    bottom:20px
}
.links{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
            flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-transform:uppercase
}
.links>a,.links>p{
    color:#fff;
    font-size:.9em
}
footer>.container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:horizontal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    height:100%;
    justify-content:space-between
}
.social-grid{
    gap:10px
}
.contact_text>.container{
    font-size:1.5em;
    font-weight:600;
    width:56%;
    margin:0
}
.contact_text>.container>b{
    color:#00457b;
    font-weight:800
}
.fabric_bottom,.fabric_top{
    height:250px;
    background-size:auto 100.5%;
    background-repeat:repeat-x
}
.contact_image>img:first-child{
    height:223px
}
.contact{
    height:365px;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-top:20px
}
div.catalog_item:nth-child(4)>div:first-child>div:first-child>img:nth-child(5),div.catalog_item:nth-child(5)>div:first-child>div:first-child>img:nth-child(5){
    bottom:44px
}
.toplock{
    width:100%;
    position:relative;
    z-index:1
}
.toplock::before{
    content:"";
    height:290px;
    width:1350px;
    background:url("../images/toplock.svg") right 6%/100% 100% no-repeat;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:absolute;
    bottom:-35px;
    z-index:-1;
    right:0
}
.fabric>.container__full{
    display:block;
    height:unset
}
.contact>.container__full>img:first-child{
    position:absolute;
    width:95%;
    -webkit-transform:rotate(6deg);
    -ms-transform:rotate(6deg);
    transform:rotate(6deg);
    bottom:46%
}
.about_us_bottom{
    margin:25px 0
}
.contact_text{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    width:1025px;
    margin:0 0 100px auto
}
.categories>ul>li>a>img{
    width:26px;
    height:26px
}
.categories>ul>li>a{
    font-size:1.1em
}
.mobile-menu{
    background:rgba(0,0,0,0);
    right:-120%;
    width:100%;
    z-index:9999999999;
    height:100%;
    position:fixed;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
            flex-direction:column;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    top:0
}
#particles-js,.popup{
    top:0;
    width:100vw;
    height:100vh
}
.mobile-menu .topTitle{
    width:80%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    background:url("../images/mobile_menu__background.svg") 0 0/100% 175px no-repeat;
    height:122px;
    position:absolute;
    background-position-y:bottom
}
.mobile-menu>nav>ul{
    margin-top:135px
}
.close-menu>img{
    margin:20px 20px 0 0
}
.mobile-menu nav{
    width:80%;
    height:100%;
    list-style:none;
    background:#fff;
    text-align:center;
    float:right;
    -webkit-box-shadow:0 1px 28px 15px rgba(77,77,77,.1);
    box-shadow:0 1px 28px 15px rgba(77,77,77,.1);
    overflow-y:scroll
}
.mobile-menu nav ul li{
    padding:15px 25px;
    text-align:left;
    position:relative;
    margin:20px 0
}
.mobile-menu nav ul li::after{
    content:"";
    position:absolute;
    right:0;
    height:40%;
    width:100vw;
    background:url("../images/menu_background_rotate.svg") 60% 0/160% no-repeat;
    bottom:-50%
}
.mobile-menu nav ul li:first-child::after{
    -webkit-transform:rotate(-.0029turn);
    -ms-transform:rotate(-.0029turn);
    transform:rotate(-.0029turn)
}
.mobile-menu nav ul li:nth-child(2)::after{
    -webkit-transform:rotate(.002turn);
    -ms-transform:rotate(.002turn);
    transform:rotate(.002turn)
}
.mobile-menu nav ul li:nth-child(3)::after{
    -webkit-transform:rotate(-.0009turn);
    -ms-transform:rotate(-.0009turn);
    transform:rotate(-.0009turn)
}
.mobile-menu nav ul li:nth-child(4)::after,.mobile-menu nav ul li:nth-child(5)::after{
    -webkit-transform:rotate(-.009turn);
    -ms-transform:rotate(-.009turn);
    transform:rotate(-.009turn)
}
.mobile-menu nav ul li a{
    color:#00487d;
    font-size:.85em;
    font-weight:700;
    line-height:26px;
    display:inline-block;
    width:80%;
    text-transform:uppercase
}
#particles-js{
    position:fixed;
    z-index:9999;
    pointer-events:none
}
.header-menu{
    position:relative;
    z-index:1
}
.bottom>.splitter{
    -webkit-transform:rotate(-5deg);
    -ms-transform:rotate(-5deg);
    transform:rotate(-5deg);
    position:absolute;
    top:74px
}
.catalog_item>.splitter:nth-child(2){
    position:absolute;
    top:-80px;
    left:0
}
.popup{
    position:fixed;
    left:0;
    background:-o-linear-gradient(bottom,rgba(0,0,0,.8),rgba(0,0,0,.8));
    background:-webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.8)),to(rgba(0,0,0,.8)));
    background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.8));
    z-index:999999999999999;
    overflow-y:scroll
}
.window-container.container{
    background:url(../images/popup-bg.jpg) no-repeat,no-repeat #fff;
    margin-top:25px;
    border-radius:10px;
    width:650px;
    margin-bottom:25px
}
.item_preview_size>.title{
    font-size:1em;
    color:#6d6d6d;
    font-style:italic
}
.item_preview_size>.title>b,.window>.category>.popup-category-subtitle{
    font-weight:700;
    color:#00477d
}
.popup-category-title{
    padding:10px 25px 10px 40px;
    -webkit-mask-image:url(../images/category_background.svg);
    mask-image:url(../images/category_background.svg);
    -webkit-mask-size:cover;
    mask-size:cover;
    text-transform:uppercase;
    color:#fff;
    font-weight:600;
    background:#00477d
}
.popup-category-subtitle{
    color:#286a9f;
    text-align:right;
    margin-bottom:20px;
    font-weight:600;
    margin-right:25px
}
.window>.item_preview{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
            flex-direction:column;
    gap:10px;
    margin:25px 0;
    width:100%
}
.item_text>.title{
    font-weight:700;
    font-size:.95em;
    color:#454545
}
.window>.item_age>.item_age_title{
    color:#30aae1;
    font-size:.89em
}
.download>a.title{
    font-weight:600;
    color:#013776;
    border-bottom:2.5px dashed #013776;
    font-size:.8em
}
.popup_upper{
    display:none;
    -webkit-box-pack:end;
        -ms-flex-pack:end;
            justify-content:flex-end
}
.popup_upper>img{
    width:350px
}
.catalog_bottom{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    position:absolute;
    bottom:0
}
.container > ul.lang{
    display: none
}
.download{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:5px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    margin-top:20px;
    position:relative;
    z-index:9999999999
}
.window-container>.close{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
        -ms-flex-pack:end;
            justify-content:flex-end;
    padding-top:20px;
    padding-right:20px;
    margin-bottom:15px
}
.popup>.window-container>.window{
    padding:25px 25px 185px
}
.download>img{
    width:25px
}
.preview_bottom{
    width:60%;
    position:relative;
    z-index:9;
    pointer-events: none;
    border-radius:0 0 0 10px
}
.contact_text>.container>b>a{
    color:#00457b
}
@media screen and (max-width:1850px){
    .contact_text>.container{
        width:67%
    }
}
@media screen and (max-width:1750px){
    .contact_text>.container{
        width:67%
    }
}
@media screen and (max-width:1518px){
    .contact_text>.container{
        width:50%
    }
    .contact>img:first-child{
        bottom:65%
    }
}
@media screen and (max-width:1400px){
    .container__full,.toplock::before,footer{
        width:1200px
    }
    .container{
        width:1100px
    }
    header{
        background:url("../images/headerbg.jpg") 0 0/1200px auto no-repeat;
        height:785px;
        background-position-x:center
    }
    .about_us{
        margin-left:91px
    }
}
@media screen and (max-width:1300px){
    .about_us{
        margin-left:40px;
        width:100%
    }
    .menu-section>.categories>.container>ul{
        margin-bottom:15px
    }
    .contact_text,.container{
        width:1000px
    }
    .contact>img:first-child{
        bottom:66%
    }
    .category_bottom{
        bottom:142px;
        height:185px;
        width:481px
    }
    .menu-section{
        width:unset;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .menu-section>img{
        display:none
    }
}
@media screen and (max-width:1250px){
    .container__full,.toplock::before,footer{
        width:1000px
    }
    footer{
        height:155px;
        background:url("../images/footerbg.png") 0 0/1000px auto no-repeat
    }
    .container{
        width:900px
    }
    header{
        background:url("../images/headerbg.jpg") 0 0/1000px auto no-repeat;
        height:656px;
        background-position-x:center
    }
    .category_bottom{
        bottom:143px
    }
    header>.container{
        width:900px;
        padding-top:60px
    }
    header>.container>.top>.logo>img{
        width:355px
    }
    .about_us{
        margin-left:85px;
        width:unset;
        font-size:1.2em
    }
}
@media screen and (max-width:1100px){
    .about_us,.menu-section>.categories>.container>ul>li>a{
        font-size:.85em
    }
    .toplock::before,footer{
        width:unset
    }
    .about_us{
        width:27%;
        margin:0 auto
    }
    .menu-section>.categories>.container>ul>li>a>img{
        width:25px
    }
    .catalog_item:first-child{
        margin-top:30px
    }
    footer{
        background:url("../images/footerbg.png") 0 0/1090px auto no-repeat
    }
    .catalog_item{
        margin-top:-65px
    }
    .splitter{
        height:170px
    }
    .categories>div.splitter:nth-child(3){
        height:90px;
        position:absolute;
        bottom:0
    }
    .contact_text,.container{
        width:800px
    }
    .item_description>.description{
        width:70%
    }
    .preview_bottom{
        width:60%
    }
    .window>.item_name{
        padding-top:135px
    }
    .preview_category_popup{
        height:179px;
        width:unset
    }
    .catalog_item>.splitter:nth-child(5){
        bottom:0
    }
    .splitter::before{
        height:64px;
        width:1135px;
        bottom:0;
        top:74px
    }
    .contact>img:first-child{
        bottom:76%
    }
    header>.container>.top>.header-menu>ul{
        display:none
    }
    .category_bottom{
        height:216px;
        width:479px;
        bottom:140px
    }
    header>.container>.top{
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .header-menu__open{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .menu-section{
        margin-bottom:20px
    }
    .menu-section>.categories{
        height:261px
    }
    .menu-section>.categories>.container>ul{
        width:27%;
        margin:75px auto 0;
        margin-bottom:unset
    }
    .catalog{
        margin-top:210px
    }
    header{
        background:url("../images/headerbg.jpg") 0 0/1290px auto no-repeat;
        height:845px;
        background-position-x:center
    }
    .catalog_item>.splitter:nth-child(2){
        position:absolute;
        top:-60px;
        left:0
    }
    body>header>.splitter{
        position:absolute;
        bottom:80px;
        -webkit-transform:scale(1,1);
        -ms-transform:scale(1,1);
        transform:scale(1,1);
        width:100%
    }
    .container__full{
        width:100%
    }
    .categories>.container__full{
        margin-top:0
    }
    .container > ul.lang{
        display: flex;
        gap: 5px;
        justify-content: flex-end;
        font-weight: 600;
        color: white;
    }
    .container > ul > li > a{
        color: white;
    }
}
@media screen and (max-width:900px){
    .about_us,.menu-section>.categories>.container>ul{
        margin-left:0
    }
    .menu-section,body>header>.splitter{
        display:-webkit-box;
        display:-ms-flexbox
    }
    footer{
        padding:20px 0;
        height:145px;
        background:-webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.28)),to(rgba(0,0,0,.28))),url("../images/footerbg.png") 0 0/1090px auto no-repeat;
        background:-o-linear-gradient(bottom,rgba(0,0,0,.28),rgba(0,0,0,.28)),url("../images/footerbg.png") 0 0/1090px auto no-repeat;
        background:linear-gradient(0deg,rgba(0,0,0,.28),rgba(0,0,0,.28)),url("../images/footerbg.png") 0 0/1090px auto no-repeat
    }
    .about_us{
        width:50%;
        margin-top:80px
    }
    .about_us_bottom>.container>img:first-child,.container__full{
        width:100%
    }
    .catalog_item{
        margin-top:0;
        padding-bottom:150px
    }
    .item_age_title{
        max-width:446px
    }
    div.container__full:nth-child(3){
        bottom:-100%
    }
    .menu-section>.about_us{
        width:45%;
        margin-top:30px
    }
    header>.container{
        width:650px
    }
    .menu-section,footer>.container{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal
    }
    header{
        background-size:1225px auto;
        height:795px
    }
    main{
        position:relative;
        z-index:1;
        margin-top:10px
    }
    .menu-section{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-direction:column;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
                flex-direction:column;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    footer>.container{
        -ms-flex-direction:column;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
                flex-direction:column;
        gap:20px
    }
    footer>.container>.links{
        text-align:center
    }
    .category_bottom{
        height:195px;
        width:380px;
        bottom:157px
    }
    header>.container>.top>.logo>img{
        width:350px
    }
    .mobile-menu>.topTitle{
        height:125px
    }
    .mobile-menu>nav>ul{
        margin-top:115px
    }
    .contact_text>.container{
        font-size:1.2em
    }
    body>header>.splitter{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .catalog_item>.container{
        margin-bottom:0
    }
    .catalog{
        margin-top:190px
    }
    @media screen and (max-width:800px){
        .contact_text,.container{
            width:650px
        }
    }
    @media screen and (max-width:750px){
        .contact_text,.container{
            width:550px
        }
    }
}
@media screen and (max-width:700px){
    .menu-section>.categories>.container>ul{
        width:50%;
        margin-bottom:unset;
        margin-top:55px
    }
    .totopitem {
        right: 50px;
        bottom: -50px;
    }
    .catalog_bottom > .totopitem > img {
        width: 60px;
    }
    .container__full{
        position:relative
    }
    div.container__full:nth-child(3){
        bottom:unset
    }
    .categories>div:first-child{
        position:relative;
        margin-bottom:35px;
        height:190px
    }
    .categories>div:first-child>div:nth-child(1){
        height:111px
    }
    .catalog{
        margin-top:100px
    }
    .item_age_title{
        font-size:.85em
    }
    div.catalog_item:first-child>.container{
        margin-top:0
    }
    .catalog_item>.container{
        margin-top:-25px;
        margin-bottom:57px
    }
    .preview_bottom{
        width:52%
    }
    .window-container.container{
        width:500px;
        margin:50px auto
    }
    .window-container>.category{
        margin-top:10px
    }
    .popup-category-subtitle{
        margin-right:25px
    }
    .window>.item_preview{
        margin:58px 0
    }
    .window>.item_name{
        padding-top:200px;
        padding-bottom:0
    }
    .contact_text{
        width:560px
    }
    .item_category{
        text-align:unset;
        position:unset;
        right:unset;
        top:unset
    }
    .item_category>.more_link,.menu-section>img{
        display:none
    }
    .item_preview{
        width:unset;
        margin:40px 0
    }
    .catalog_item>.container>.item_description{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        gap:15px
    }
    .catalog_item>.container>div:nth-child(4)>div:nth-child(2){
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        margin-top:0;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start
    }
    .item_description>.more_link>a{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:end;
        -ms-flex-align:end;
        align-items:flex-end
    }
    header>.container>.top>.logo>img{
        width:250px
    }
    .item_description>.description{
        width:84%
    }
    .item_age>img{
        width:30px
    }
    .item_category_name{
        color:#2669a0;
        font-weight:700
    }
    .item_age{
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start
    }
    .menu-section{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        width:unset;
        margin-left:unset;
        gap:17px;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        height:unset
    }
    .container__full{
        height:60px
    }
    .category_bottom{
        width:380px;
        bottom:-6px
    }
    header>.container{
        padding-top:25px
    }
    header{
        background-size:1225px auto;
        background-position-x:65%;
        height:795px
    }
    .menu-section>.about_us{
        width:42%;
        font-size:.8em
    }
    .menu-section>.categories{
        height:unset;
        width:100%
    }
    .mobile-menu>nav>ul{
        margin-top:115px
    }
}
@media screen and (max-width:600px){
    .about_us{
        width:100%;
        margin-top:0
    }
    header>.container{
        width:400px
    }
    .menu-section>.about_us,.preview_bottom{
        width:60%
    }
    .preview_category_popup{
        height:145px;
        width:unset
    }
    .popup>.window-container>.window{
        padding-bottom:155px
    }
    .window>.item_name{
        padding-top:205px
    }
    .contact_text>.container{
        font-size:1.3em
    }
    .contact{
        background:unset;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .contact_image{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        width:70%;
        margin-left:auto;
        bottom:0;
        right:0;
        position:absolute
    }
    .contact>img:first-child{
        bottom:85%;
        left:0;
        width:75%;
        height:unset
    }
    .contact_image>img:first-child{
        width:77%
    }
    .contact_text{
        width:unset;
        margin-top:79px;
        margin-left:45px;
        margin-right:45px
    }
    .mobile-menu>nav>ul{
        margin-top:110px
    }
}
@media screen and (max-width:500px){
    .window-container.container{
        width:400px
    }
    .container,header>.container{
        width:350px
    }
    .contact_text>.container{
        width:100%
    }
    .catalog{
        margin-top:30px
    }
    .menu-section>.categories>.container>ul{
        padding-bottom:25px;
        margin-top:unset
    }
    .preview_bottom{
        width:60%
    }
    .window>.item_preview{
        margin:35px 0
    }
    .item_preview_size,.popup-category-subtitle{
        font-size:unset
    }
    .item_preview_size>.title{
        font-size:.53em
    }
    .item_text{
        font-size:.85em
    }
    .window>.item_age>.item_age_title{
        font-size:.7em
    }
    .item_age{
        width:unset
    }
    .categories>.container{
        margin-top:0
    }
    .catalog_item{
        padding:45px 0 80px
    }
    .category_bottom{
        bottom:-6px
    }
    .item_preview{
        margin:25px 0
    }
    .splitter{
        height:110px
    }
    .totopitem {
        right: 25px;
        bottom: -25px;
    }
    .totopitem > img {
        width: 75px;
    }
}
@media screen and (max-width:450px){
    .menu-section>.categories>.container>ul{
        width:100%
    }
    .window>.item_preview{
        margin:30px 0
    }
    .preview_bottom{
        width:70%
    }
    .window>.item_name{
        padding-top:180px
    }
    .contact{
        height:335px
    }
    header{
        background-size: 900px auto;
        background-position-y: 0%;
        background-position-x: 65%;
        height: 600px;
    }
    .window-container.container{
        width:345px
    }
    .preview_category_popup{
        height:110px;
        width:unset;
        bottom:35px
    }
    .item_preview_size>.title{
        font-size:.73em
    }
    .item_age>img{
        width:20px
    }
    .window-container>.category>.name>.item_name{
        font-size:.9em
    }
    .popup-category-title{
        font-size:.76em;
        padding:10px 25px
    }
    .container{
        width:300px
    }
    .contact_text>.container{
        font-size:1em;
        width:80%
    }
    .contact_image>img:first-child{
        width:94%;
        height:166px
    }
    .category_bottom{
        height:124px;
        width:337px;
        bottom:18px
    }
    .catalog_item{
        padding:36px 0 60px
    }
}
@media screen and (max-width:350px){
    .totopitem > img {
        width: 60px;
    }
    .totopitem {
        right: 20px;
        bottom: -10px;
    }
    header{
        height:665px;
        background-size:1015px auto
    }
    .catalog_bottom > .totopitem {
        left: 15px;
        bottom: 15px;
    }
    div.catalog_item:first-child{
        padding-top:36px
    }
    .catalog_item>.splitter:nth-child(5){
        bottom:0
    }
    .categories>div:first-child{
        height:245px
    }
    .item_category>.more_link>a,.item_description>.more_link>a,.item_end>.more_link>a{
        font-size:.75em;
        cursor:pointer
    }
    .item_age>img{
        width:20px
    }
    .item_description>.description{
        font-size:.75em;
        width:100%
    }
    .about_us_bottom>.container>.text{
        font-size:.9em
    }
    .item_category_description,.item_preview_size>.title{
        font-size:.75em
    }
    .item_age_title{
        font-size:.8em
    }
    .item_category_name{
        font-size:.97em
    }
    .catalog_item>.container,.more_link{
        margin-top:20px;
        margin-bottom:45px
    }
    .container,header>.container{
        width:250px
    }
    .window-container.container{
        width:300px
    }
    .preview_bottom{
        width:75%
    }
    .preview_category_popup{
        bottom:33px;
        width:237px;
        height:100px
    }
    .popup-category-subtitle{
        margin-right:13px;
        font-size:1em
    }
    .window>.item_preview{
        margin:30px 0
    }
    .popup>div:first-child>div:first-child>div:nth-child(2){
        font-size:1.23em
    }
    .window>.item_name{
        padding-top:172px
    }
    footer>.container>img{
        width:230px
    }
    .contact{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        height:305px
    }
    .catalog_item>.container>.item_description{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .contact_text{
        margin-top:0;
        margin-left:unset;
        margin-bottom:95px
    }
    .catalog_item{
        padding-top:0;
        padding-bottom:43px
    }
    .category_bottom{
        bottom:2px;
        height:161px;
        width:341px
    }
    .menu-section>.about_us{
        width:65%
    }
    .fabric_bottom,.fabric_top{
        height:150px
    }
    .contact_image>img:first-child{
        width:95%;
        height:unset
    }
    .contact_image{
        width:95%;
        margin-left:auto
    }
    .contact_text>.container{
        width:80%;
        font-size:1.1em;
        margin:0 auto
    }
    .contact>img:first-child{
        bottom:90%;
        left:0
    }
    header>.container>.top>.logo>img{
        width:175px
    }
    .item_description>.more_link{
        display:none!important
    }
    .item_end>.more_link{
        display:block
    }
    .item_age{
        margin-bottom:20px;
        width:100%
    }
}
.popup_upper.active{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
@media screen and (max-width:325px){
    .catalog_bottom > .totopitem > img {
        width: 45px;
    }
    .category>.name{
        -webkit-box-orient:vertical;
        -webkit-box-direction:reverse;
            -ms-flex-direction:column-reverse;
                flex-direction:column-reverse;
        gap:15px
    }
    .popup-category-title{
        font-size:.7em;
        width:unset
    }
    li>.text{
        font-size:1.3em
    }
    .name>.item_name{
        margin-left:0
    }
    .popup_upper{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .popup_upper>img{
        width:unset;
        height:80px
    }
    .download>a.title{
        border-bottom:1.5px dashed #013776;
        font-size:.67em
    }
    .preview_category_popup{
        bottom:40px;
        width:197px;
        display:none
    }
    .popup>.window-container>.window{
        padding:15px 15px 105px
    }
    .popup-category-subtitle{
        text-align:right;
        font-size:.85em
    }
    .window-container>.category{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:end;
        -ms-flex-align:end;
        align-items:flex-end
    }
    .window>.item_name{
        font-size:1.1em;
        padding-top:142px
    }
    .window-container.container{
        width:220px
    }
    .container{
        width:200px
    }
    .category_bottom{
        height:131px;
        width:315px;
        bottom:7px
    }
    .fabric-top,.fabric_bottom{
        height:125px
    }
    header>.container>.top>.logo>img{
        width:145px
    }
    .header-menu__open>img:first-child{
        width:25px
    }
    .close-menu>img{
        margin:15px 15px 0 0;
        width:20px
    }
    .contact_text>.container{
        font-size:.95em
    }
    footer>.container>img{
        width:188px
    }
    .links>a{
        font-size:.75em
    }
    .catalog_item>.container>.item_name{
        font-size:1em
    }
    .item_age{
        width:100%
    }
}
@media screen and (max-width:300px){
    li>.text{
        font-size:1em
    }
    .catalog_bottom > .totopitem > img {
        width: 43px;
    }
    header{
        height:665px
    }
    .categories>div:first-child{
        margin-bottom:0
    }
    .menu-section>.about_us{
        margin-top:0
    }
    div.catalog_item:first-child{
        padding-top:10px
    }
    .container{
        width:200px
    }
    .close>.close-popup,.header-menu__open>img:first-child{
        width:25px
    }
    .window-container>.close{
        right:20px;
        top:20px
    }
    .category_bottom{
        height:126px;
        width:300px;
        bottom:10px
    }
    .fabric-top,.fabric_bottom{
        height:125px
    }
    header>.container>.top>.logo>img{
        width:145px
    }
    .close-menu>img{
        margin:15px 15px 0 0;
        width:20px
    }
    .contact_text>.container{
        font-size:.95em
    }
    footer>.container>img{
        width:188px
    }
    .links>a{
        font-size:.75em
    }
    .item_age{
        width:100%
    }
}
@media screen and (max-width:270px){
    .window-container.container{
        width:170px
    }
    .download>a.title{
        font-size:.67em
    }
    .window>.item_name{
        padding-top:140px
    }
    .popup-category-subtitle{
        font-size:.75em;
        margin-bottom:10px
    }
    .item_preview_size>.title{
        font-size:.55em
    }
    .preview_category_popup{
        width:100%;
        height:90px;
        top:45px
    }
    .preview_bottom{
        width:95%
    }
    .container{
        width:200px
    }
    .category_bottom{
        height:114px;
        bottom:20px;
        width:241px
    }
    .fabric-top,.fabric_bottom{
        height:125px
    }
    header>.container>.top>.logo>img{
        width:145px
    }
    .header-menu__open>img:first-child{
        width:25px
    }
    .close-menu>img{
        margin:15px 15px 0 0;
        width:20px
    }
    .contact_text>.container{
        font-size:.95em
    }
    footer>.container>img{
        width:188px
    }
    .links>a{
        font-size:.75em
    }
    .catalog_item>.container>.item_name,.item_category_name{
        font-size:1.2em
    }
    .item_age{
        width:100%
    }
}
