html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:var(--color-black);text-decoration:none}mark{background-color:#ff9;color:var(--color-black);font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}ul{list-style: none;}input:focus,select:focus,textarea:focus{outline: none;}

html{overflow-x: hidden;}




body{
    font-family: "Crimson Text", serif;
	background: #003a74 url("../img/bg_after.svg") 50% 740px no-repeat;
    font-size: 16px;
    line-height: 140%;
	color: #DEDEDE;
	min-width: 320px;
    font-weight: normal;
	overflow-x: hidden;
    position: relative;
}

body.page__about{background: #003a74 url("../img/bg_about.svg") 50% 390px no-repeat;}


.container{max-width: 1050px; width: 100%; margin: 0 auto; box-sizing: border-box;}




header{padding: 18px 0; font-family: "Inter", serif; font-size: 12px; font-weight: 600; position: relative; z-index: 200;}
    header .flex{align-items: center;}
    header .logo img{
        width: 123px;
    }
    header nav li{display: inline-block; margin-right: 40px;}
        header nav li a{color: #DEDEDE}
            header nav li.current-menu-item a,header nav li a:hover{color: #F93E16}
    header .lang{position: relative; cursor: pointer;}
        header .lang .current{padding: 0 13px 0 0}
            header .lang .current:after{position: absolute; top: calc(50% - 5px); right: 0; width: 10px; height: 10px; background: url("../img/arrd.svg") 50% 50% no-repeat; content: ''; transition: all 0.15s;}
            header .lang .current.open:after{transform: rotate(180deg);}
        header .lang ul{position: absolute; top: 100%; left: -5px; background: #003a74; z-index: 199; display: none; padding-top: 10px}
            header .lang ul li a{display: block; color: #DEDEDE; padding: 3px 5px}
                header .lang ul li a:hover{color: #F93E16}
    header .pull{display: none;}





#promo{padding: 215px 0 245px; position: relative;}
    #promo .text{max-width: 605px; text-align: center;}
    #promo h1{font-weight: normal; font-size: 24px; margin: 0 auto 38px; font-family: "Playfair Display", serif; line-height: normal; max-width: 520px}
    #promo span{display: block; margin-bottom: 15px; font-size: 15px; font-style: italic;}
    #promo p{opacity: 0.8}
    #promo .image{position: absolute; top: 0; left: calc(50% + 20px)}





#product__promo{position: relative; padding: 50px 0 80px}
    #product__promo:after{position: absolute; top: 0; left: calc(50% - 375px); width: 750px; height: 1px; background: #DEDEDE; content: ''; opacity: 0.8}
    #product__promo .container{max-width: 1030px;}
    #product__promo .item{position: relative; z-index: 10}
        #product__promo .item.item-2{z-index: 9}
        #product__promo .item.item-3{z-index: 8}
        #product__promo .item.item-4{z-index: 7}

        #product__promo .item.item-2{margin: -400px 0 120px}
            #product__promo .item.item-2 .data{right: 85px; bottom: 100px}

        #product__promo .item.item-4 .data{bottom: 150px}

        #product__promo .item.item-4{margin: -400px 0 0}
            #product__promo .item.item-4 .data{right: 85px; bottom: 100px}


        #product__promo .item .data{position: absolute; bottom: 134px; right: 0; text-align: center; box-sizing: border-box; width: 422px;}
            #product__promo .item .data .inn{padding: 13px 7px; background: rgba(20, 20, 20, 0.9); border-radius: 25px; margin-bottom: 35px; opacity: 0.8}
            #product__promo .item .data .title{text-transform: uppercase; font-weight: 700;}
            #product__promo .item .data strong{text-transform: uppercase;}
        .list__products.slider-sw{display: none;}





#collaborate{padding: 25px 0 45px; position: relative;}
    #collaborate:after{position: absolute; top: 0; left: calc(50% - 515px); width: 1030px; height: 1px; background: #DEDEDE; content: ''; opacity: 0.8}
    #collaborate .container{max-width: 1030px;}
    #collaborate .form{margin: 0 auto; width: 100%; max-width: 380px; text-align: center;}
    #collaborate .timeline{background: url("../img/collaborate_line.svg") 100px 50px no-repeat; margin-bottom: 80px; width: 1200px; position: relative; left: -85px}
    #collaborate .item{text-align: center; font-size: 20px; position: relative;}
        #collaborate .item:nth-child(3){left: -65px}
        #collaborate .item:nth-child(3) .icon{top: 15px}
        #collaborate .item .icon{display: flex; align-items: center; justify-content: center; height: 135px; margin-bottom: 20px; position: relative;}





#promo__text{padding: 45px 0 60px; text-align: center; font-family: "Playfair Display", serif;}
    #promo__text .container{max-width: 1320px}
    #promo__text h1{margin: 0 auto 33px; max-width: 750px; border-bottom: 1px solid #fff; font-weight: normal; font-size: 24px; line-height: normal; padding-bottom: 10px}
    #promo__text .content{font-size: 16px; line-height: normal;}
        #promo__text .content p{margin-bottom: 20px}
    #promo__text .content .flex ol{max-width: calc(50% - 18px)}
    #promo__text .content ol{padding-left: 17px; font-size: 12px; font-weight: 600; font-family: "Inter", serif; box-sizing: border-box; padding-top: 30px}
    #promo__text .content ol li{text-align: left; margin-bottom: 5px}





#promo__image{padding: 0 0 85px;}
    #promo__image img{max-width: calc(100% - 30px); height: auto; margin: 0 auto;}





#years{padding-bottom: 100px}
    #years .container{max-width: 1320px}





#news{position: relative; padding: 45px 0}
    #news:after{position: absolute; top: 0; left: calc(50% - 375px); width: 750px; height: 1px; background: #DEDEDE; content: ''; opacity: 0.8}
    #news .container{max-width: 1140px;}
    .list__news{position: relative; font-family: "Inter", serif;}
        .list__news .item img{width: 100%; height: 295px; object-fit: cover; border-radius: 25px;}
        .list__news .item .date{padding: 14px 0; font-size: 12px; font-weight: 500;}
        .list__news .item .title a{color: #fff; font-size: 16px; font-weight: 600; border-bottom: 1px solid transparent;}
            .list__news .item .title a:hover{border-color: #fff}
    #news.page__blog .container{max-width: 1050px}
    #news.page__blog{padding: 0 0 65px;}
    #news.page__blog:after{display: none;}
    #news.page__blog .bt{border-bottom: 1px solid #fff;}
    #news.page__blog .list__news .item:last-child{display: block;}



#breadcrumbs{color: #fff; font-weight: 500; font-size: 12px; font-family: "Inter", serif; padding: 25px 0}
    #breadcrumbs .flex{align-items: center; justify-content: flex-start; flex-wrap: wrap;}
    #breadcrumbs a,#breadcrumbs span{color: #fff; margin-right: 5px}
        #breadcrumbs a:hover{color: #F93E16}
    #breadcrumbs span.sep{width: 15px; height: 10px; background: url("../img/arr.svg") 50% 50% no-repeat;}





#post{padding: 0 0 65px}
    #post .bt{border-bottom: 1px solid #fff;}
    #post .content{max-width: 100%; width: 860px; box-sizing: border-box; margin: 0 auto;}
    #post .thumbnail img{width: 100%; height: 421px; border-radius: 25px; margin-bottom: 35px; object-fit: cover; object-position: top center;}
    #post .article{border: 1px solid #fff; padding: 25px; font-size: 16px; line-height: normal; font-weight: 500; border-radius: 25px; font-family: "Inter", serif;}





#we__work{padding: 120px 0; position: relative;}
    #we__work:after{position: absolute; top: 0; left: calc(50% - 375px); width: 750px; height: 1px; background: #DEDEDE; content: ''; opacity: 0.8}
    #we__work .bt{text-align: center;}
    #we__work img{margin: 0 auto;}










#totop{display: none;}
    #totop.open{display: block;}
    #totop a{position: fixed; bottom: 40px; right: 40px; z-index: 200; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; background: #F93E16}
        #totop a svg{position: relative; top: 3px;}



#catalog{padding: 0 0 170px}
#catalog .video{position: relative; border-radius: 25px; overflow: hidden; margin-bottom: 45px; border-radius: 20px; overflow: hidden;}
    #catalog .video video{display: block; width: 100%; height: auto; border-radius: 20px;}
    #catalog .video iframe{width: 100%; height: 500px; border-radius: 25px; display: block;}
    #catalog .product{align-items: flex-start;}
        #catalog .product .image{width: 400px; position: relative;}
            #catalog .product .image .list__tth{position: absolute; bottom: -60px; left: 0; width: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
                #catalog .product .image .list__tth .item{cursor: pointer; margin: 0 8px; font-weight: 600; font-size: 12px; font-family: "Inter", serif; transition:  all 0.15s; border-bottom: 1px solid transparent;}
                    #catalog .product .image .list__tth .item:hover{border-color: #fff;}
            #catalog .product .image img{margin: 0 auto;max-height: 580px}
    #catalog .product .text{width: calc(100% - 440px)}
        #catalog .product .text .data{max-width: 505px; width: 100%; font-size: 16px; font-weight: 600; font-family: "Playfair Display", serif; margin-bottom: 60px; color: #fff; position: relative; overflow: hidden}
            #catalog .product .text .data:nth-child(2n+1){margin-left: 300px}
    #catalog .bt{border-bottom: none;}




.standart__page{padding: 70px 0 100px; box-sizing: border-box; min-height: 72vh}
    .standart__page .content{font-family: "Inter", serif; color: #fff; padding-top: 60px}




.list__items{position: relative;}
    .list__items .swiper-button-prev,.list__items .swiper-button-next{width: 90px; height: 10px; background: url("../img/arrr.svg") 50% 50% no-repeat; top: calc(100% + 100px);}
    .list__items .swiper-button-prev{transform: rotate(180deg);}
    .list__items .swiper-button-prev:after,.list__items .swiper-button-next:after{display: none;}
    .list__items .swiper-button-prev{left: 70px}
    .list__items .swiper-button-next{right: 70px}



#contacts .content{font-size: 32px; font-weight: 600; line-height: 1.4}
    #contacts .content a{color: #fff;}





#about.standart__page{min-height: 0}
#about .content{font-family: "Crimson Text", serif; padding: 0; max-width: 920px; margin: 0 auto;}



.bt.bt__page{font-family: "Inter", serif; border-bottom: 1px solid #fff}





footer{padding: 23px 0; font-family: "Inter", serif; font-size: 12px; font-weight: 600; position: relative; z-index: 200; background: #152434}
    footer .flex{align-items: center;}
    footer .logo img {
        width: 78px;
    }
    footer nav li{display: inline-block; margin-right: 40px;}
        footer nav li a{color: #DEDEDE}
            footer nav li.current-menu-item a,footer nav li a:hover{color: #F93E16}
    footer .lang{position: relative; cursor: pointer;}
        footer .lang .current{padding: 0 13px 0 0}
            footer .lang .current:after{position: absolute; top: calc(50% - 5px); right: 0; width: 10px; height: 10px; background: url("../img/arrd.svg") 50% 50% no-repeat; content: ''; transition: all 0.15s;}
            footer .lang .current.open:after{transform: rotate(180deg);}
        footer .lang ul{position: absolute; bottom: 100%; left: -5px; background: #152434; z-index: 199; display: none; padding-bottom: 10px}
            footer .lang ul li a{display: block; color: #DEDEDE; padding: 3px 5px}
                footer .lang ul li a:hover{color: #F93E16}









section{position: relative; z-index: 2}







.flex{display: flex; justify-content: space-between; flex-wrap: wrap;}
.flex__title{margin-bottom: 40px; align-items: center; border-bottom: 1px solid #E6E4E4;}
.flex__title .bt{margin-bottom: 0; position: relative; top: 1px; border-bottom: none;}

.grid{display: grid; grid-template-columns: repeat(3,1fr); gap: 60px;}
.list__items.grid{padding: 0}


.bt{margin-bottom: 35px; font-size: 32px; line-height: normal; color: #fff; font-family: "Crimson Text", serif;}





section{box-sizing: border-box; position: relative;}



.form{position: relative; color: #000;}
.form label{display: block; margin-bottom: 5px; font-size: 18px; font-weight: 600;}
.form input[type="text"],.form input[type="email"],.form input[type="tel"],.form textarea,.form select{
    width: 100%; height: 40px; border-radius: 20px; background: #D6D6D6; border: none; padding: 0 30px; text-align: right; font-size: 16px;
}
.form .or{text-align: center; padding: 15px 0; color: #fff}




label.file{display: flex; align-items: center; margin-bottom: 10px; justify-content: space-between; border: 1px solid rgba(0, 16, 26, 0.3); padding: 0 20px; font-size: 16px; height: 62px; border-radius: 10px; max-width: 190px; font-size: 16px;}
    label.file:hover{background: rgba(0, 16, 26, 0.3); cursor: pointer;}




input[type="checkbox"],input[type="radio"]{display:none;}


label.checkbox{display: block; position: relative; padding: 0 0 0 28px; cursor: pointer; font-size: 14px; line-height: 36px;}
label.checkbox:after{position: absolute; top: calc(50% - 12px); left: 0; width: 20px; height: 20px; box-sizing: border-box; border: 1px solid #fff; content: ''; border-radius: 4px; background: #fff;}
label.checkbox i{font-style: normal;}
label.checkbox i:after{position: absolute; top: calc(50% - 12px); left: 0px; width: 20px; height: 20px; content: ''; background: url("../img/check.svg") 50% 50% no-repeat; background-size: 12px; box-sizing: border-box; display: none; border-radius: 4px; z-index: 2;}
label.checkbox input:checked + i:after{display: block;}


::placeholder{color: #959EAD;}



button{background: transparent;}



.clearfix{clear: both;}
.center{display: inline-block; width: 100%; text-align: center;}


a,svg,svg path{text-decoration: none; transition: all 0.15s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer;}
	a:hover{transition: all 0.15s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:focus{outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

img{display: block;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); max-width: 100%; height: auto; transition: all 0.15s ease-out;}
div{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}



.btn,.btn:after{display: inline-block; cursor: pointer; position: relative; text-align: center; cursor: pointer; padding: 0; border: none; transition: all 0.2s ease-out; box-sizing: border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;}
	.btn:hover{transition: all 0.2s ease-out;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}



.btn-red{color: #F1E9E9; padding: 10px 20px; font-size: 16px; font-weight: normal; font-family: "Crimson Text", serif; border-radius: 25px; background: #F93E16}
    .btn-red:hover{color: #111; background: #fff}













input,textarea,select,button{-webkit-appearance: none; box-sizing: border-box; font-family: "Crimson Text", serif;}



#contact_popup_content {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    transition: .25s;
    }
    .contact-popup-bg {
    display: none;
    position: fixed;
    backdrop-filter: blur(20px);
    z-index: 99;
    background: rgba(0, 0, 0, 0.2);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    }
    .contacts-content {
    padding: 32px 80px 22px 80px;
    gap: 10px;
    border-radius: 25px;
    background: rgba(249, 62, 22, 1);
    color: #fff;
    text-align: center;
    z-index: 100;
    position: relative;
    }
    .contacts-content p, .contacts-content a {
    display: block;
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 26px;
    }
    .contacts-content a:hover{
    opacity: .85;
    }

.contact-text {
	font-size: 20px;
	line-height: 26px;
	text-align: center;
	margin-top: 100px;
	font-weight: 400;
	font-family: "Playfair Display", serif;
}
.contact-text p {
	margin-bottom: 25px
}


#custom_popup_content {
    position: fixed;
    z-index: 201;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .25s;
}

#custom_popup_content .custom-popup-bg {
    display: block;
    position: fixed;
    backdrop-filter: blur(20px);
    z-index: 202;
    background: rgba(0, 0, 0, 0.2);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

}

#custom_popup_content .contacts-content {
    background: #152434;
    color: #fff;
    max-width: 100%;
    width: 608px;
    padding: 50px;
    z-index: 203;
}

#custom_popup_content .contacts-content .text {
    position: relative;
}

#custom_popup_content .contacts-content .text:after {
    content: '';
    height: 1px;
    width: 300px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    background: #fff;
}

#custom_popup_content .contacts-content p {
    font-size: 32px;
    padding-bottom: 5px;
}

#custom_popup_content .contacts-content p span {
    font-size: 24px;
}

#custom_popup_content .contacts-content .buttons-flex {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 50px;
    justify-content: center;
}

#custom_popup_content .contacts-content button {
    padding: 12px 18px 12px 18px;
    border-radius: 25px;
    border: none;
    font-size: 18px;
    opacity: 0px;
    background-color: #F93E16;
    color: #fff;
    cursor: pointer;
    transition: .25s;
}

#custom_popup_content .contacts-content button:hover {
    opacity: .85;
}

#custom_popup_content .text-no-18 {
    display: none;
}