/* подключение шрифтов  */
@import url('../fonts/font.css');

/* объекты html5 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) {display: none;}

/* сброс стилей от Эрика Майера */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse: collapse;	border-spacing: 0;}
strong {font-family: 'medium', sans-serif;}
::-webkit-scrollbar {width: 0px; background: transparent;}
html {-ms-overflow-style: none; scrollbar-width: none;}
:focus {outline: none !important;}
::-moz-focus-inner {border: 0px !important;}

:root {
	
/* цвета */
--color-master-blue: #1a4cac;
--color-add-blue: #8ca5d6;
--color-black: #000;
--color-white: #fff;
--color-bg-gray: #f2f3f7;
--color-bg-white-transparent: rgb(255 255 255 / 50%);
--color-bg-black-transparent: rgb(0 0 0 / 75%);

/* шрифты */
--font-light: light, sans-serif;
--font-regular: regular, sans-serif;
--font-medium: medium, sans-serif;
--font-bold: bold, sans-serif;
--font-black: black, sans-serif;

/* размеры шрифтов */
--font-size-xs: 50%;
--font-size-s: 75%;
--font-size-m: 100%;
--font-size-l: 125%;
--font-size-xl: 150%;
--font-size-2xl: 175%;
--font-size-3xl: 200%;
--font-size-4xl: 225%;
--font-size-5xl: 250%;
--font-size-6xl: 275%;
--font-size-7xl: 300%;
--font-size-8xl: 325%;
--font-size-9xl: 350%;
--font-size-10xl: 375%;
--font-size-11xl: 400%;
--font-size-12xl: 425%;
--font-size-13xl: 450%;

}

html, body {position: relative; margin: 0; padding: 0; width: 100%; height: 100%;}
.progress-container {position: fixed; z-index: 999; top: 0; left: 0; width: 100vw; transition: all 0.5s ease-in-out;}
.progress-container .progress-bar {width: 0%; transition: all 0.5s ease-in-out;}

a {color: var(--color-master-blue);}
a:hover {color: var(--color-add-blue);}



/* -------------------------------------------------- стили для desctop-версии */
@media (max-width: 800px) {
	
/* теги html body и основная сетка */
html, body {color: var(--black-color); font-family: var(--font-regular); font-size: 4vw; font-style: normal; line-height: 150%; background: var(--color-white);}

/* прогресс бар */
.progress-container {height: 0.5vw; background: transparent;}
.progress-container .progress-bar {height: 0.5vw; background: var(--color-master-blue);}

/* блок header */
header {position: fixed; width: 100vw; height: 16vw; z-index: 998; background-color: var(--color-bg-white-transparent); backdrop-filter: blur(0.75vw); margin: 0; transition: all 0.5s ease-in-out;}

/* лого в header */
header .logo {position: relative; width: 35vw; float: left; margin: 5vw 0 0 5vw; padding: 0; line-height: 0; transition: all 0.5s ease-in-out;}
header .logo img {width: 100%;}

/* меню в header */
header .nav {display: none;}
.call_master {display: none;} 
.callback {display: none;} 

/* телефон в header */
header .tel {position: relative; float: right; margin: 5vw 5vw 0 0; transition: all 0.5s ease-in-out;}
header .tel a {position: relative; padding: 0.5vw 0 0.6vw 0.5vw; text-decoration: none; color: var(--color-master-blue); font-family: var(--font-medium); transition: background-color 0.3s ease; overflow: hidden;}
header .tel a:hover {color: var(--color-add-blue);}
header .tel a img {width: 4vw; height: 4vw; margin: 1vw 1vw 0 0; display: block; float: left;}
header .tel a span {display: inline-block; margin: 0;}

#modal_call_master, #modal_callback {display: none;}

		/* сэндвич-меню в header */
		.navigation {position: relative; float: right; margin: 5.25vw 5vw 0 0; transition: all 0.5s ease-in-out;}
			.navigation a.open-button {position: relative; z-index: 999; padding: 0; text-decoration: none; color: var(--color-black); font-family: var(--font-medium); transition: background-color 0.3s ease; overflow: hidden;}
				.navigation a.open-button span {position: relative; z-index: 1; display: inline-block; margin: 0; width: 7vw; height: 5vw;}
				.navigation a.open-button span:before {position: absolute; z-index: 2; margin: 1.5vw 0 0 0; content: ''; width: 7vw; height: 2px; background: var(--color-black); transition: all 0.5s ease-in-out;}
				.navigation a.open-button span:after {position: absolute; z-index: 2; margin: 3vw 0 0 0; content: ''; width: 5vw; height: 2px; background: var(--color-black); transition: all 0.5s ease-in-out;}
				.navigation a.open-button:hover span:before {width: 5vw; transition: all 0.5s ease-in-out;}
				.navigation a.open-button:hover span:after {margin: 3vw 0 0 0; width: 10vw; transition: all 0.5s ease-in-out;}






body:has(.__modal:target) {overflow: hidden;}
	.__modal {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0,0,0,.75); opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; overflow-y: auto;}
	.__modal:target {opacity: 1; visibility: visible;}
	.__modal:target [class^="modal_"] {transform: translateY(0);}
		.__modal .close-button {position: fixed; z-index: 9999; top: 5vw; right: 5vw; width: 5vw; height: 5vw; display: flex; justify-content: center; align-items: center;}
			.__modal .close-button a {text-decoration: none; color: var(--color-black); font-size: var(--font-size-4xl); line-height: 1; font-family: var(--font-light);}
			
		.__modal .modal-content {padding: 15vw;}
		.__modal:target ~ .content {filter: blur(0.5vw); pointer-events: none;}
		.__modal .overlay-close {position: absolute; width: 100%; height: 100%; cursor: default;} 
		.__modal [class^="modal_"] {position: relative; z-index: 2; padding: 0; margin: 0; transform: translateY(100%); transition: transform 0.3s ease; background: var(--color-bg);}
		
		/* варианты всплывающих окон  */
		.__modal .modal_full { width: 100%; height: 100%; top: 0; left: 0; background: #fff; overflow-y: auto;}
		.__modal .modal_left_30 {width: 30vw; height: 100%; top: 0; left: 0;}
		.__modal .modal_right_30 {width: 30vw; height: 100%; top: 0; left: 70vw;}
		.__modal .modal_left_50 {width: 50vw; height: 100%; top: 0; left: 0;}
		.__modal .modal_right_50 {width: 50vw; height: 100%; top: 0; left: 50vw;}
		.__modal .modal_center {width: 30vw; height: auto; top: 10%; left: 35vw;}
		.__modal .modal_contacts {position: absolute; width: auto; height: auto; bottom: 1.5vw; right: 3.5vw; background: transparent;}
		
		.__modal .modal-content .nav {position: relative; margin: 0 0 15vw 0; padding: 0;}
		.__modal .modal-content .nav:last-child {margin: 0;} 
		.__modal .modal-content .nav > li {position: relative; margin: 0 0 0.5vw 0;}
		.__modal .modal-content .nav > li:last-child {margin: 0;}
		.__modal .modal-content .nav > li > a {display: block; padding: 0; text-decoration: none; color: var(--color-black); font-family: var(--font-medium);}
		.__modal .modal-content .nav > li:hover > a {color: var(--color-master-blue); }
		.__modal .modal-content .nav > li.active > a {color: var(--color-black); text-decoration: underline;}
		.__modal .modal-content .nav > li.active:hover > a {color: var(--color-master-blue); }
		.__modal .modal-content .nav > li > a img {display: none;}
		.__modal .modal-content .nav > li > a span {display: inline-block; margin: 0;}
/* подменю header */
		.__modal .modal-content .nav > li > .sub_nav {position: relative; margin: 0 0 5vw 5vw; font-size: var(--font-size-s);} 
		.__modal .modal-content .nav > li > .sub_nav a {color: var(--color-black);} 
		.__modal .modal-content .nav > li > .sub_nav a:hover {color: var(--color-master-blue);} 


		.__modal .modal-content .nav::before {position: relative; display: inline-block; margin: 0 0 2vw 0; font-family: var(--font-medium); color: var(--color-master-blue);} 
		.__modal .modal-content .nav:nth-child(3):before {content: 'Основное';} 
		.__modal .modal-content .nav:nth-child(4):before {content: 'Жалюзи';} 
		.__modal .modal-content .nav:nth-child(5):before {content: 'Шторы';} 
		.__modal .modal-content .nav:nth-child(6):before {content: 'Еще';} 



		.__modal .modal-content .tel {position: relative; margin: 0 0 2vw 0; transition: all 0.5s ease-in-out;}
		.__modal .modal-content .tel a {position: relative; padding: 0; text-decoration: none; color: var(--color-master-blue); font-family: var(--font-medium); font-size: var(--font-size-xl); transition: background-color 0.3s ease; overflow: hidden;}
		.__modal .modal-content .tel a:hover {color: var(--color-add-blue);}
		.__modal .modal-content .tel a img {width: 6vw; height: 6vw; margin: 0 2vw 0 0; display: block; float: left;}
		.__modal .modal-content .tel a span {display: inline-block; margin: 0;}

		.__modal .modal-content .mail {position: relative; margin: 0 0 10vw 0;}

















/* основной блок body */
#body {position: relative; width: 90vw; height: auto; overflow: hidden; margin: 0; padding: 16vw 5vw 0 5vw;}

/* главный слайдер на главной странице */
.swiper-slider {position: relative; z-index: 2; width: 100vw; height: 120vw; margin: 0 0 0 -5vw; padding: 0; background: var(--color-master-blue);}
.swiper-slider .swiper-container-1 {position: relative; z-index: 1; margin: 0; padding: 0; width: 100vw; height: 120vw; overflow: hidden;}
.swiper-slider .swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.swiper-slider .swiper-slide {position: relative; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0; flex-shrink: 0; transition-property: transform;}
.swiper-slider .swiper-slide .slide_img {position: absolute; z-index: 1; width: 100vw; height: 58.333vw; line-height: 0; margin: 0; padding: 0;}
.swiper-slider .swiper-slide .slide_img img {width: 100%;}
.swiper-slider .swiper-slide .slide_info {position: absolute; z-index: 2; margin: 35vw 0 0 5vw; color: var(--color-white); width: 90vw;}
.swiper-slider .swiper-slide .slide_info .slide_info_title {position: relative; margin: 0 0 15vw 0; text-transform: uppercase; font-family: var(--font-bold); font-size: var(--font-size-3xl); line-height: 115%;}
.swiper-slider .swiper-slide .slide_info .slide_info_title a {color: var(--color-white); text-decoration: none;}
.swiper-slider .swiper-slide .slide_info .slide_info_title a:hover {color: var(--color-add-blue);}
.swiper-slider .swiper-slide .slide_info .slide_info_ul {position: relative; margin: 0 0 3vw 0; overflow: hidden;}
.swiper-slider .swiper-slide .slide_info .slide_info_ul .slide_info_ul_li {position: relative; float: left; margin: 0 5vw 2vw 4vw;}
.swiper-slider .swiper-slide .slide_info .slide_info_ul .slide_info_ul_li a {color: var(--color-add-blue);}
.swiper-slider .swiper-slide .slide_info .slide_info_ul .slide_info_ul_li a:hover {color: var(--color-white);}
.swiper-slider .swiper-slide .slide_info .slide_info_ul .slide_info_ul_li:before {position: absolute; content: ''; width: 2vw; height: 2vw; background: var(--color-add-blue); margin: 1.75vw 0 0 -4vw;}
.swiper-slider .swiper-slide .slide_btn {position: absolute; z-index: 2; margin: 0; bottom: 8vw; right: 5vw;}
.swiper-slider .swiper-slide .slide_btn a {position: relative; padding: 0; text-decoration: none; color: var(--color-white); font-family: var(--font-medium); overflow: hidden;}
.swiper-slider .swiper-slide .slide_btn a:hover {color: var(--color-add-blue);}
.swiper-slider .swiper-slide .slide_btn a img {width: 4vw; height: 4vw; margin: 1vw 3vw 0 0; display: block; float: left;}
.swiper-slider .swiper-slide .slide_btn a span {display: inline-block; margin: 0;}
.swiper-slider .swiper-nav {position: absolute; z-index: 11; top: 25vw; left: 5vw; overflow: hidden;}
.swiper-slider .swiper-nav .prev-btn {position: relative; float: left; width: 4vw; height: 4vw; margin: 0 5vw 0 0; background: url("../../../images/icons/slider_icon_prew.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.swiper-slider .swiper-nav .prev-btn:hover, .swiper-nav .next-btn:hover {cursor: pointer;} 
.swiper-slider .swiper-nav .prev-btn . {width: 100%;}
.swiper-slider .swiper-nav .next-btn {position: relative; float: left; width: 4vw; height: 4vw; margin: 0; background: url("../../../images/icons/slider_icon_next.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.swiper-slider .swiper-nav .next-btn svg {width: 100%;}
.swiper-slider .swiper-pagination {position: absolute; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 5; margin: 0; right: 5vw; bottom: 4.8vw; color: var(--color-white)}
.swiper-slider .swiper-pagination .swiper-pagination-current {position: relative; display: inline-block; float: left; margin: 0 0.5vw 0 0;}
.swiper-slider .swiper-pagination .swiper-pagination-separator {position: relative; display: inline-block; float: left; margin: 0 0.5vw 0 0;}
.swiper-slider .swiper-pagination .swiper-pagination-total {position: relative; display: inline-block; margin: 0;}

/* блок - Изготавливаем жалюзи и шторы */
.production {position: relative; width: 90vw; margin: 0; padding: 20vw 0 0 0;} 
.production .production_info {position: relative; width: 90vw; margin: 0 0 20vw 0; overflow: hidden;}
.production .production_info .production_info__title {position: relative; margin: 0 0 5vw 0; font-size: var(--font-size-3xl); font-family: var(--font-bold); text-transform: uppercase; line-height: 115%;}
.production .production_info .production_info__text {position: relative; margin: 0; font-family: var(--font-medium); line-height: 140%; color: var(--color-add-blue);}
.production .production_block {position: relative; width: 90vw; margin: 0 0 10vw 0; overflow: hidden;}
.production .production_block .production_block__link {position: relative; width: 90vw; height: 44vw; margin: 0 0 5vw 0; padding: 0;}
.production .production_block .production_block__link:last-child {margin: 0; background: var(--color-add-blue);}
.production .production_block .production_block__link .production_block__link__img {position: absolute; width: 90vw; z-index: 1; margin: 0; padding: 0; line-height: 0;}
.production .production_block .production_block__link .production_block__link__img img {width: 100%;}
.production .production_block .production_block__link .production_block__title {position: relative;  width: 19vw; z-index: 2; margin: 0; padding:  5vw 0 0 5vw; font-size: var(--font-size-3xl); font-family: var(--font-bold); text-transform: uppercase; line-height: 115%;}
.production .production_block .production_block__link .production_block__title a {color: var(--color-white); text-decoration: none;}
.production .production_block .production_block__link .production_block__title a:hover {color: var(--color-master-blue); text-decoration: none;}
.production .production_block .production_block__link .production_block__btn {position: absolute; width: 4vw; height: 4vw; z-index: 3; margin: 0; padding: 0; right: 5vw; bottom: 5vw;}
.production .production_block .production_block__link .production_block__btn a {line-height: 0;}
.production .production_block .production_block__link .production_block__btn a img {width: 100%;}
.production .production__text_link {position: relative; width: 90vw; margin: 0 0 20vw 5vw; overflow: hidden;}
.production .production__text_link a {position: relative; float: left; margin: 0 5vw 1vw 0; color: var(--color-black); text-decoration: none; font-family: var(--font-medium);}
.production .production__text_link a:hover {color: var(--color-master-blue);}
.production .production__text_link a:after {position: relative; content: ''; width: 3vw; height: 3vw; margin: 0 0 0 2vw; display: inline-block; background: url("../../../images/icons/link_icon.svg") center center; background-size: cover;}



 






/* блок - Как сделать заказ */
.roadmap {position: relative; width: 100vw; height: 145vw; margin: 0 0 20vw -5vw; padding: 0; background: var(--color-master-blue);} 
.roadmap .roadmap_title {position: relative; margin: 0; padding: 30vw 0 20vw 5vw; font-size: var(--font-size-3xl); font-family: var(--font-bold); text-transform: uppercase; color: var(--color-white);} 
.roadmap .roadmap_point {position: relative; width: 90vw; margin: 0 0 0 5vw; overflow: hidden;}
.roadmap .roadmap_point .roadmap_point__info {width: 40vw; margin: 0 5vw 10vw 0; padding: 0; float: left; overflow: hidden;}
.roadmap .roadmap_point .roadmap_point__info .roadmap_point__info__icon {position: relative; width: 10vw; margin: 0 0 5vw 0; line-height: 0;}
.roadmap .roadmap_point .roadmap_point__info .roadmap_point__info__icon img {width: 100%;}
.roadmap .roadmap_point .roadmap_point__info .roadmap_point__info__text {position: relative; line-height: 125%; color: var(--color-add-blue);}
.roadmap .roadmap_point .roadmap_point__info__next {display: none;}

/* слайдер 20 лет качества на главной странице */
.swiper-slider-work {position: relative; z-index: 2; width: 100vw; height: 165vw; margin: 0 0 20vw -5vw; padding: 0;}
.swiper-slider-work .slider_title {position: relative; width: 90vw; margin: 0 0 10vw 5vw; font-size: var(--font-size-3xl); font-family: var(--font-bold); text-transform: uppercase; line-height: 115%;}
.swiper-slider-work .slider_text {position: relative; width: 90vw; margin: 0 0 10vw 5vw; color: var(--color-add-blue); line-height: 125%;}
.swiper-slider-work .swiper-container-2 {position: relative; z-index: 1; margin: 0 0 0 5vw; padding: 0; width: 254.71vw; height: 80vw; overflow: hidden;}
.swiper-slider-work .swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.swiper-slider-work .swiper-slide {position: relative; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0; flex-shrink: 0; transition-property: transform;}
.swiper-slider-work .swiper-slide .slide_img {position: absolute; z-index: 1; width: 60vw; height: 80vw; line-height: 0; margin: 0; padding: 0;}
.swiper-slider-work .swiper-slide .slide_img img {width: 100%;}
.swiper-slider-work .swiper-slide .slide_btn {position: absolute; z-index: 2; margin: 0 0 0 5vw; bottom: 5vw;}
.swiper-slider-work .swiper-slide .slide_btn a {position: relative; padding: 0; text-decoration: none; color: var(--color-white); font-family: var(--font-medium); overflow: hidden;}
.swiper-slider-work .swiper-slide .slide_btn a:hover {color: var(--color-add-blue);}
.swiper-slider-work .swiper-slide .slide_btn a img {width: 4vw; height: 4vw; margin: 1vw 3vw 0 0; display: block; float: left;}
.swiper-slider-work .swiper-slide .slide_btn a span {display: inline-block; margin: 0;}
.swiper-slider-work .swiper-nav {position: absolute; z-index: 11; bottom: 0; left: 5vw; overflow: hidden;}
.swiper-slider-work .swiper-nav .prev-btn {position: relative; float: left; width: 4vw; height: 4vw; margin: 0 5vw 0 0; background: url("../../../images/icons/slider_icon_prew_black.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.swiper-slider-work .swiper-nav .prev-btn:hover, .swiper-nav .next-btn:hover {cursor: pointer;} 
.swiper-slider-work .swiper-nav .prev-btn . {width: 100%;}
.swiper-slider-work .swiper-nav .next-btn {position: relative; float: left; width: 4vw; height: 4vw; margin: 0; background: url("../../../images/icons/slider_icon_next_black.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.swiper-slider-work .swiper-nav .next-btn svg {width: 100%;}
.swiper-slider-work .swiper-pagination {display: none;}

/* блог на главной странице */
.new_in_blog {position: relative; width: 90vw; height: auto; margin: 0 0 0 -5vw; padding: 20vw 5vw; background: var(--color-bg-gray); overflow: hidden;}
.new_in_blog .blog_title {position: relative;margin: 0 0 5vw 0; font-size: var(--font-size-3xl); font-family: var(--font-bold); text-transform: uppercase; line-height: 115%;}
.new_in_blog .blog_item {position: relative; width: 90vw; height: 44vw; margin: 0 0 5vw 0; padding: 0;}
.new_in_blog .blog_item .blog_item_image {position: absolute; z-index: 1; width: 100%; height: 100%;}
.new_in_blog .blog_item .blog_item_image img {width: 100%; height: 100%;}
.new_in_blog .blog_item .blog_item_title {position: relative; z-index: 2; width: 80vw; margin: 0; padding: 5vw 0 2vw 5vw; font-size: var(--font-size-l); font-family: var(--font-bold); text-transform: uppercase; line-height: 115%;}
.new_in_blog .blog_item .blog_item_title a {color: var(--color-white); text-decoration: none;}
.new_in_blog .blog_item .blog_item_title a:hover {color: var(--color-master-blue);}
.new_in_blog .blog_item .blog_item_date {position: relative; z-index: 2; margin: 0.5vw 0 0 5vw; color: var(--color-white);}
.new_in_blog .blog_item a.blog_item_readmore {position: absolute; z-index: 2; width: 4vw; height: 4vw; margin: 0; padding: 0; right: 5vw; bottom: 5vw;}
.new_in_blog .blog_item a.blog_item_readmore img {width: 100%;}




/* подвал сайта */
footer {position: relative; width: 100vw; height: auto; margin: 0; padding: 0; background: var(--color-white); overflow: hidden;}
footer .footer_contacts {position: relative; width: 90vw; margin: 0; padding: 15vw 5vw;}
footer .footer_contacts .logo {position: relative; width: 30vw; float: left; margin: 0; padding: 0; line-height: 0;}
footer .footer_contacts .logo img {width: 100%;}
footer .footer_contacts .h_line_long {display: none;}
footer .footer_contacts .h_line_short {display: none;}

footer .footer_contacts .tel {display: none;}
footer .footer_contacts .social {position: relative; float: right; margin: 1vw 0 0 0; overflow: hidden;}
footer .footer_contacts .social a {position: relative; margin: 0 3vw 0 0;}
footer .footer_contacts .social a:last-child {margin: 0;}
footer .footer_contacts .social a img {width: 5vw;}

footer .footer_navigateion {position: relative; width: 90vw; margin: 0 0 0 12.5vw; overflow: hidden;}

footer .nav {position: relative; float: left; margin: 0 20vw 10vw 0; padding: 0;} 
footer .nav > li {position: relative; margin: 0 0 0.5vw 0;}
footer .nav > li:last-child {margin: 0;}
footer .nav > li > a {display: block; padding: 0; text-decoration: none; color: var(--color-black); font-family: var(--font-medium);}
footer .nav > li:hover > a {color: var(--color-master-blue); }
footer .nav > li.active > a {color: var(--color-black); text-decoration: underline;}
footer .nav > li.active:hover > a {color: var(--color-master-blue); }
footer .nav > li > a img {display: none;}
footer .nav > li > a span {display: inline-block; margin: 0;}
/* подменю header */
footer .nav > li > .sub_nav {position: relative; margin: 0 0 5vw 5vw; font-size: var(--font-size-s);} 
footer .nav > li > .sub_nav a {color: var(--color-black);} 
footer .nav > li > .sub_nav a:hover {color: var(--color-master-blue);} 


footer .nav::before {position: relative; display: inline-block; margin: 0 0 2vw 0; font-family: var(--font-medium); color: var(--color-master-blue);} 
footer .nav:nth-child(1):before {content: 'Основное';} 
footer .nav:nth-child(2):before {content: 'Жалюзи';} 
footer .nav:nth-child(3):before {content: 'Шторы';} 
footer .nav:nth-child(4):before {content: 'Еще';} 

footer .footer_info {position: relative; width: 90vw; margin: 0 0 0 5vw; padding: 3vw 0 0 0; border-top: 0.1vw solid var(--color-master-blue); font-size: var(--font-size-s); font-family: var(--font-medium); line-height: 150%;}

footer .footer_info .footer_info_about {position: relative; margin: 0 0 5vw 0;}
footer .footer_info .footer_info_about .tel {position: relative; display: inline; margin: 0;}
footer .footer_info .footer_info_about .tel a {position: relative; padding: 0; text-decoration: none; color: var(--color-black);}
footer .footer_info .footer_info_about .tel a:hover {color: var(--color-add-blue);}
footer .footer_info .footer_info_about .tel a img {display: none;}
footer .footer_info .footer_info_about .tel a span {display: inline-block; margin: 0;}
footer .footer_info .footer_info_about .mail {position: relative; display: inline; margin: 0;}

footer .footer_info .footer_info_made {position: reltive; margin: 0 0 5vw 0;}




/* Общие стили */
.page-header {position: relative; margin: 0; padding: 0;}
.page-header h1 {position: relative; margin: 0 0 2vw 0; padding: 0; font-size: var(--font-size-3xl); font-family: var(--font-bold); line-height: 115%;}






/* стили для отдельных страниц и категорий */
.__homepage .com-content-article {display: none;}





.com_content__category_blog {position: relative; margin: 0; padding: 0 0 5vw 0;}










.category_8 .com_content__category_blog .com-content-category-blog__items {position: relative; margin: 0; padding: 0; overflow: hidden;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item {position: relative; width: 90vw; height: 50vw; margin: 0 0 5vw 0; padding: 0;}


.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-image {position: absolute; z-index: 1; width: 100%; height: 100%;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-image img {width: 100%; height: 100%;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-content {position: relative; z-index: 2; margin: 0; padding: 5vw; width: 80vw;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-content .page-header h2 {position: relative; margin: 0; font-size: var(--font-size-2xl); font-family: var(--font-bold); text-transform: uppercase; line-height: 115%;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-content .page-header h2 a {color: var(--color-white); text-decoration: none;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-content .page-header h2 a:hover {color: var(--color-master-blue);}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-content .create {position: relative; color: var(--color-white); display: inline-block; float: left; margin: 0 1vw 0 0;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-content .category-name {position: relative; margin: 0 0.5vw 0 0; color: var(--color-white); display: inline-block; font-size: var(--font-size-s);}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-content .category-name a {color: var(--color-white);}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-content .category-name a:hover {color: var(--color-master-blue);}

.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .article-link {position: absolute; z-index: 2; width: 1vw; height: 1vw; margin: 0; padding: 0; right: 0; top: 10.75vw;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .article-link img {width: 100%;}

.category_8 .new_in_blog {display: none;}














.com-content-article {position: relative; margin: 0; padding: 0 0 5vw 0;}







.com-content-article .column_content {position: relative; width: 90vw; margin: 0 0 20vw 0;}
.com-content-article .column_content .page-header {position: relative; margin: 5vw 0 10vw 0;}
.com-content-article .column_content .page-header h1 {color: var(--color-black); font-size: var(--font-size-3xl); line-height: 100%;}

.com-content-article .column_content .page-header .article-note {position: relative; color: var(--color-white); font-family: var(--font-medium);}
.com-content-article .column_content .page-header .article-note:before {position: absolute; content: '—'; margin: 0 0 0 -2vw; }

.com-content-article .column_content .item-image {position: relative; width: 100vw; line-height: 0; margin: 0 0 0 -5vw;}
.com-content-article .column_content .item-image img {width: 100%; height: auto;}

.com-content-article .column_content .service_pre {position: relative; background: var(--color-master-blue); color: var(--color-white); margin: 0 0 10vw -5vw; padding: 10vw 5vw; width: 90vw;}

.com-content-article .column_content .content_fact {position: relative; background: var(--color-bg-gray); color: var(--color-master-blue); margin: 10vw 0; padding: 10vw 5vw; width: 80vw; line-height: 175%;} 

.com-content-article .column_content h2 {position; relative; margin: 0 0 5vw 0; font-size: var(--font-size-2xl); color: var(--color-master-blue); font-family: var(--font-medium); line-height: 125%;}


.com-content-article .column_content .services_img_link {position: relative; width: 60vw; margin: 0 0 5vw 0; overflow: hidden;}
.com-content-article .column_content .services_img_link .services_img_link_list {position: relative; float: left; width: 19.333vw; height: 11.25vw; margin: 0 1vw 0 0;}
.com-content-article .column_content .services_img_link .services_img_link_list:last-child {margin: 0;}
.com-content-article .column_content .services_img_link .services_img_link_list .services_img_link_list_img {position: absolute; z-index: 1; width: 100%; line-height: 0; opacity: 0.75; transition: opacity 0.5s;}
.com-content-article .column_content .services_img_link .services_img_link_list .services_img_link_list_img:hover {opacity: 1; transition: opacity 0.5s;}
.com-content-article .column_content .services_img_link .services_img_link_list .services_img_link_list_img img {width: 100%;}

.com-content-article .column_content .services_img_link .services_img_link_list .services_img_link_list_text {position: relative; z-index: 2; margin: 6vw 4vw 0 0; padding: 0.75vw 2vw; line-height: 100%; background: var(--color-master-blue);}
.com-content-article .column_content .services_img_link .services_img_link_list a {color: var(--color-add-blue); font-family: var(--font-medium); text-decoration: none;} 
.com-content-article .column_content .services_img_link .services_img_link_list a span {color: var(--color-white);} 






.com-content-article .column_modules_right {position: relative; width: 90vw;}

.mod-articlesnews-vertical.newsflash-vert.mod-list {position: relative; margin: 0 0 15vw 0;} 
.mod-articlesnews-vertical.newsflash-vert.mod-list:before {position: relative; content: 'Новое в блоге'; font-size: var(--font-size-2xl); font-family: var(--font-medium); margin: 0 0 5vw 0;}

.mod-articlesnews-vertical.newsflash-vert.mod-list li {position: relative; width: 100%; margin: 5vw 0 0 0; padding: 5vw 0 0 0; border-top: 0.25vw dotted var(--color-add-blue); overflow: hidden; line-height: 125%;} 
.mod-articlesnews-vertical.newsflash-vert.mod-list li a {color: var(--color-black);} 
.mod-articlesnews-vertical.newsflash-vert.mod-list li a:hover {color: var(--color-add-blue);} 

.mod-articlesnews-vertical.newsflash-vert.mod-list li h3 {position: relative; width: 65vw; float: left; }
.mod-articlesnews-vertical.newsflash-vert.mod-list li .blog_item_date {position: relative; float: right; color: var(--color-add-blue); font-size: var(--font-size-s);}

.mod-articlesnews-vertical.newsflash-vert.mod-list li .blog_item_readmore {display: none;}

.__column_modules_right {position: relative; margin: 0;}
.__column_modules_right .column_modules_right_img {position: relative; z-index: 1; width: 100%; line-height: 0;}
.__column_modules_right .column_modules_right_img img {width: 100%;}

.__column_modules_right .column_modules_right_action {position: absolute; z-index: 2; bottom: 5vw; padding: 0;}
.__column_modules_right .column_modules_right_action_title {position: relative; z-index: 2; margin: 0 10vw 0 0; padding: 5vw; line-height: 125%; background: var(--color-master-blue); color: var(--color-white); font-size: var(--font-size-xl);}
.__column_modules_right .column_modules_right_action_title span {padding: 0.15vw 0.5vw; background: var(--color-white); color: var(--color-master-blue); border-radius: 0.25vw;}

.__column_modules_right .column_modules_right_action_btn {position: relative; margin: 0 2vw 0 0; float: right; width: 1.25vw; height: 1.25vw;  line-height: 0;}
.__column_modules_right .column_modules_right_action_btn img {width: 100%;}


.catalog .catalog_list {position: relative; width: 90vw; margin: 10vw 0 10vw 0; padding: 0;} 

.catalog .catalog_list .catalog_list_title {position: relative; margin: 0 0 5vw 0; font-size: var(--font-size-3xl); font-family: var(--font-bold); color: var(--color-master-blue); text-transform: uppercase;}

.catalog .catalog_list .catalog_list_li {position: relative; width: 90vw; height: 52vw; margin: 0 0 5vw 0;}

.catalog .catalog_list .catalog_list_li a:hover {text-decoration: none;}

.catalog .catalog_list .catalog_list_li .catalog_list_li_img {position: absolute; width: 100%; height: auto; z-index: 1; line-height: 0;}
.catalog .catalog_list .catalog_list_li .catalog_list_li_img img {width: 100%;}

.catalog .catalog_list .catalog_list_li .catalog_list_li_title {position: absolute; z-index: 2; margin: 0 7vw 0 0; bottom: 5vw; padding: 5vw; line-height: 125%; background: var(--color-master-blue); color: var(--color-white); font-size: var(--font-size-xl);}
.catalog .catalog_list .catalog_list_li:hover .catalog_list_li_title {color: var(--color-add-blue);}



 









}






/* ----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------- стили для desctop-версии */



@media (min-width: 801px) {
	
/* теги html body и основная сетка */
html, body {color: var(--black-color); font-family: var(--font-regular); font-size: 1vw; font-style: normal; line-height: 150%; background: var(--color-white);}

/* прогресс бар */
.progress-container {height: 0.2vw; background: transparent;}
.progress-container .progress-bar {height: 0.2vw; background: var(--color-master-blue);}

/* блок header */
header {position: fixed; width: 100vw; height: 7.5vw; z-index: 998; background-color: var(--color-bg-white-transparent); backdrop-filter: blur(0.75vw); margin: 0; transition: all 0.5s ease-in-out;}

/* лого в header */
header .logo {position: relative; width: 15vw; float: left; margin: 2vw 5vw 0 5vw; padding: 0; line-height: 0; transition: all 0.5s ease-in-out;}
header .logo img {width: 100%;}

/* меню в header */
header .nav {position: relative; float: left; margin: 2.25vw 5vw 0 0; padding: 0; display: flex; transition: all 0.5s ease-in-out;}
header .nav > li {position: relative; margin: 0 1.5vw 0 0;}
header .nav > li:last-child {margin: 0;}
header .nav > li > a {display: block; padding: 0.5vw 0 0.6vw 0; text-decoration: none; color: var(--color-black); font-family: var(--font-medium);}
header .nav > li:hover > a {color: var(--color-master-blue); }
header .nav > li.active > a {color: var(--color-master-blue);}
header .nav > li > a img {width: 1vw; height: 1vw; margin: 0.3vw 0.5vw 0 0; display: block; float: left;}
header .nav > li > a span {display: inline-block; margin: 0;}
/* подменю header */
header .nav > li > .sub_nav {display: none; position: absolute; top: 100%; left: 0; min-width: 20vw; z-index: 1;}
header .nav > li:hover > .sub_nav {display: block;}
header .nav > li > .sub_nav li a {color: var(--color-master-blue); padding: 1vw 2vw; text-decoration: none; display: block;}
header .nav > li > .sub_nav li a:hover {background: var(--color-add-blue);}
/* классы у отдельных пунктов меню в header */
header .nav > li.item-121 > a {padding: 0.5vw 1vw 0.6vw 1vw; color: var(--color-white); background: var(--color-master-blue);}
header .nav > li.item-121 > a:after {content: ''; position: absolute; right: -0.48vw; top: 0; width: 0.5vw; height: 100%; background: var(--color-master-blue);  clip-path: polygon(0% 0%, 100% 0%, 5% 100%, 0% 100%);}
header .nav > li.item-121:hover > a {background: var(--color-add-blue);}
header .nav > li.item-121:hover > a:after {background: var(--color-add-blue);}
header .nav > li.item-124, header .nav > li.item-125, header .nav > li.item-126 , header .nav > li.item-127 , header .nav > li.item-128 {display: none;}

/* вызов замерщика в header */
.call_master {position: relative; float: left; margin: 2.75vw 1vw 0 0; transition: all 0.5s ease-in-out;}
.call_master a.open-button {position: relative; padding: 0.6svw 1vw 0.7vw 2.5vw; text-decoration: none; color: var(--color-black); font-family: var(--font-medium); transition: background-color 0.3s ease; overflow: hidden; background: var(--color-white);}
.call_master a.open-button:after {content: ''; position: absolute; right: -0.48vw; top: 0; width: 0.5vw; height: 101%; background: var(--color-white);  clip-path: polygon(0% 0%, 100% 0%, 5% 100%, 0% 100%);}
.call_master a.open-button:hover {color: var(--color-master-blue);}
.call_master a.open-button img {position: relative; z-index: 2; width: 1vw; height: 1vw; margin: 0.25vw -2vw 0 1vw; display: block; float: left;}
.call_master a.open-button span {display: inline-block; margin: 0;}
/* всплывающее окно вызова замерщика header */
body:has(.modal_call_master:target) {overflow: hidden;}
.modal_call_master {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background-color: var(--color-bg-black-transparent); opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; overflow-y: auto;}
.modal_call_master:target {opacity: 1; visibility: visible;}
.modal_call_master .modal {background: var(--color-bg-gray); padding: 0; box-shadow: 0 0 1vw var(--color-bg-black-transparent); width: 23.5vw; height: auto; top: 10vw; left: 38.25vw !important; margin: 0; transform: translateY(-100%); transition: transform 0.3s ease; position: relative; z-index: 2;} 
.modal_call_master:target .modal {transform: translateY(0);}
.modal_call_master .close-button {position: fixed; top: 1vw; right: 1vw; width: 1vw; height: 1vw; display: flex; justify-content: center; align-items: center;}
.modal_call_master .close-button a {text-decoration: none; color: var(--color-black); font-size: var(--font-size-2xl); line-height: 1; font-family: var(--font-light);}
.modal_call_master .modal-content {padding: 3vw;}
.modal_call_master:target ~ .content {filter: blur(0.5vw); pointer-events: none;}
.modal_call_master .overlay-close {position: absolute; width: 100%; height: 100%; cursor: default;} 

.modal_call_master .rsform__form_calling_measurer h2 {position: relative; font-size: var(--font-size-2xl); font-family: var(--font-medium); margin: 0 0 2vw 0;}
.modal_call_master .rsform__form_calling_measurer .rsform-block {position: relative; margin: 0 0 1vw 0;}
.modal_call_master .rsform__form_calling_measurer .rsform-block label {position: absolute; z-index: 2; margin: -0.75vw 0 0 0.75vw; padding: 0 0.25vw; transition: margin 0.3s, font-size 0.3s; left: 0; background: var(--color-bg-gray); font-size: var(--font-size-s);}


.modal_call_master .rsform__form_calling_measurer .rsform-block input {position: relative; z-index: 1; width: 15vw; padding: 0.5vw 1vw 0.75vw 1vw; border: 0.1vw solid var(--color-add-blue); background: transparent; border-radius: 0.25vw; font-size: var(--font-size-m); font-family: var(--font-medium);}
.rsfp-phone-input input {width: 17.15vw !important;}

.modal_call_master .rsform__form_calling_measurer .rsform-block button {position: relative; z-index: 1; width: 13vw; padding: 0.5vw 1vw 0.75vw 1vw; border: 0.1vw solid var(--color-add-blue); background: var(--color-add-blue); color: var(--color-white); border-radius: 0.25vw; font-size: var(--font-size-m); font-family: var(--font-medium); transition: background 0.3s, border 0.3s;}
.modal_call_master .rsform__form_calling_measurer .rsform-block button:hover {border: 0.1vw solid var(--color-master-blue); background: var(--color-master-blue); cursor: pointer; transition: background 0.3s, border 0.3s;}







.material_link {position: relative; float: left; margin: 0; transition: all 0.5s ease-in-out;}
.material_link a {position: relative; padding: 0.6svw 1vw 0.7vw 2.5vw; text-decoration: none; color: var(--color-black); font-family: var(--font-medium); transition: background-color 0.3s ease; overflow: hidden; background: var(--color-white);}
.material_link a:after {content: ''; position: absolute; right: -0.48vw; top: 0; width: 0.5vw; height: 101%; background: var(--color-white);  clip-path: polygon(0% 0%, 100% 0%, 5% 100%, 0% 100%);}
.material_link a:hover {color: var(--color-master-blue);}
.material_link a img {position: relative; z-index: 2; width: 1vw; height: 1vw; margin: 0.25vw -2vw 0 1vw; display: block; float: left;}
.material_link a span {display: inline-block; margin: 0;}


/* всплывающее окно заказа звонка в header */
body:has(.modal_calc_material:target) {overflow: hidden;}
.modal_calc_material {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background-color: var(--color-bg-black-transparent); opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; overflow-y: auto;}
.modal_calc_material:target {opacity: 1; visibility: visible;}
.modal_calc_material .modal {background: var(--color-bg-gray); padding: 0; box-shadow: 0 0 1vw var(--color-bg-black-transparent); width: 23.5vw; height: auto; top: 10vw; left: 38.25vw !important; margin: 0; transform: translateY(-100%); transition: transform 0.3s ease; position: relative; z-index: 2;} 
.modal_calc_material:target .modal {transform: translateY(0);}
.modal_calc_material .close-button {position: fixed; top: 1vw; right: 1vw; width: 1vw; height: 1vw; display: flex; justify-content: center; align-items: center;}
.modal_calc_material .close-button a {text-decoration: none; color: var(--color-black); font-size: var(--font-size-2xl); line-height: 1; font-family: var(--font-light);}
.modal_calc_material .modal-content {padding: 3vw;}
.modal_calc_material:target ~ .content {filter: blur(0.5vw); pointer-events: none;}
.modal_calc_material .overlay-close {position: absolute; width: 100%; height: 100%; cursor: default;} 

.modal_calc_material .rsform__form_callback h2 {position: relative; font-size: var(--font-size-2xl); font-family: var(--font-medium); margin: 0 0 2vw 0;}
.modal_calc_material .rsform__form_callback .rsform-block {position: relative; margin: 0 0 1vw 0;}
.modal_calc_material .rsform__form_callback .rsform-block label {position: absolute; z-index: 2; margin: -0.75vw 0 0 0.75vw; padding: 0 0.25vw; transition: margin 0.3s, font-size 0.3s; left: 0; background: var(--color-bg-gray); font-size: var(--font-size-s);}



.modal_calc_material .rsform__form_callback .rsform-block input {position: relative; z-index: 1; width: 15vw; padding: 0.5vw 1vw 0.75vw 1vw; border: 0.1vw solid var(--color-add-blue); background: transparent; border-radius: 0.25vw; font-size: var(--font-size-m); font-family: var(--font-medium);}
.rsfp-phone-input input {width: 17.15vw !important;}

.modal_calc_material .rsform__form_callback .rsform-block button {position: relative; z-index: 1; width: 13vw; padding: 0.5vw 1vw 0.75vw 1vw; border: 0.1vw solid var(--color-add-blue); background: var(--color-add-blue); color: var(--color-white); border-radius: 0.25vw; font-size: var(--font-size-m); font-family: var(--font-medium); transition: background 0.3s, border 0.3s;}
.modal_calc_material .rsform__form_callback .rsform-block button:hover {border: 0.1vw solid var(--color-master-blue); background: var(--color-master-blue); cursor: pointer; transition: background 0.3s, border 0.3s;}











/* заказать звонок в header */
.callback {position: relative; float: left; margin: 2.75vw 0 0 0; transition: all 0.5s ease-in-out;}
.callback a.open-button {position: relative; z-index: 1; text-decoration: none; font-family: var(--font-medium); overflow: hidden; padding: 0.6vw 1vw 0.7vw 2.5vw; color: var(--color-white); background: var(--color-add-blue);}
.callback a.open-button:before {content: ''; position: absolute; left: -0.48vw; top: 0; width: 0.5vw; height: 101%; background: var(--color-add-blue);  clip-path: polygon(95% 0%, 100% 0%, 100% 100%, 0% 100%);} 
.callback a.open-button:hover {background: var(--color-master-blue);}
.callback a.open-button:hover:before {background: var(--color-master-blue);}
.callback a.open-button img {position: relative; z-index: 2; width: 1vw; height: 1vw; margin: 0.25vw -2vw 0 1vw; display: block; float: left;}
.callback a.open-button span {display: inline-block; margin: 0;}
/* всплывающее окно заказа звонка в header */
body:has(.modal_callback:target) {overflow: hidden;}
.modal_callback {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background-color: var(--color-bg-black-transparent); opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; overflow-y: auto;}
.modal_callback:target {opacity: 1; visibility: visible;}
.modal_callback .modal {background: var(--color-bg-gray); padding: 0; box-shadow: 0 0 1vw var(--color-bg-black-transparent); width: 23.5vw; height: auto; top: 10vw; left: 38.25vw !important; margin: 0; transform: translateY(-100%); transition: transform 0.3s ease; position: relative; z-index: 2;} 
.modal_callback:target .modal {transform: translateY(0);}
.modal_callback .close-button {position: fixed; top: 1vw; right: 1vw; width: 1vw; height: 1vw; display: flex; justify-content: center; align-items: center;}
.modal_callback .close-button a {text-decoration: none; color: var(--color-black); font-size: var(--font-size-2xl); line-height: 1; font-family: var(--font-light);}
.modal_callback .modal-content {padding: 3vw;}
.modal_callback:target ~ .content {filter: blur(0.5vw); pointer-events: none;}
.modal_callback .overlay-close {position: absolute; width: 100%; height: 100%; cursor: default;} 

.modal_callback .rsform__form_callback h2 {position: relative; font-size: var(--font-size-2xl); font-family: var(--font-medium); margin: 0 0 2vw 0;}
.modal_callback .rsform__form_callback .rsform-block {position: relative; margin: 0 0 1vw 0;}
.modal_callback .rsform__form_callback .rsform-block label {position: absolute; z-index: 2; margin: -0.75vw 0 0 0.75vw; padding: 0 0.25vw; transition: margin 0.3s, font-size 0.3s; left: 0; background: var(--color-bg-gray); font-size: var(--font-size-s);}



.modal_callback .rsform__form_callback .rsform-block input {position: relative; z-index: 1; width: 15vw; padding: 0.5vw 1vw 0.75vw 1vw; border: 0.1vw solid var(--color-add-blue); background: transparent; border-radius: 0.25vw; font-size: var(--font-size-m); font-family: var(--font-medium);}
.rsfp-phone-input input {width: 17.15vw !important;}

.modal_callback .rsform__form_callback .rsform-block button {position: relative; z-index: 1; width: 13vw; padding: 0.5vw 1vw 0.75vw 1vw; border: 0.1vw solid var(--color-add-blue); background: var(--color-add-blue); color: var(--color-white); border-radius: 0.25vw; font-size: var(--font-size-m); font-family: var(--font-medium); transition: background 0.3s, border 0.3s;}
.modal_callback .rsform__form_callback .rsform-block button:hover {border: 0.1vw solid var(--color-master-blue); background: var(--color-master-blue); cursor: pointer; transition: background 0.3s, border 0.3s;}











.modal_calc_material .rsform__modal_calc_material h2 {position: relative; font-size: var(--font-size-2xl); font-family: var(--font-medium); margin: 0 0 0.5vw 0;}
.modal_calc_material .rsform__modal_calc_material .rsform-block {position: relative; margin: 0 0 1vw 0;}
.modal_calc_material .rsform__modal_calc_material .rsform-block label {position: absolute; z-index: 2; margin: -0.75vw 0 0 0.75vw; padding: 0 0.25vw; transition: margin 0.3s, font-size 0.3s; left: 0; background: var(--color-bg-gray); font-size: var(--font-size-s);}



.modal_calc_material .rsform__modal_calc_material .rsform-block input {position: relative; z-index: 1; width: 15vw; padding: 0.5vw 1vw 0.75vw 1vw; border: 0.1vw solid var(--color-add-blue); background: transparent; border-radius: 0.25vw; font-size: var(--font-size-m); font-family: var(--font-medium);}
.rsfp-phone-input input {width: 17.15vw !important;}
.modal_calc_material .rsform__modal_calc_material .rsform-block textarea#form_page_title {position: relative; width: 17vw; height: 3vw; margin: 0; padding: 0; border: none; font-size: var(--font-size-m); font-family: var(--font-medium); background: transparent;}
.modal_calc_material .rsform__modal_calc_material .rsform-block textarea {position: relative; z-index: 1; width: 15vw; height: 2.5vw; padding: 0.5vw 1vw 0.75vw 1vw; border: 0.1vw solid var(--color-add-blue); background: transparent; border-radius: 0.25vw; font-size: var(--font-size-m); font-family: var(--font-medium);}

.modal_calc_material .rsform__modal_calc_material .rsform-block.rsform-block-width {position: relative; margin: 0 0.85vw 1vw 0; float: left;}
.modal_calc_material .rsform__modal_calc_material .rsform-block.rsform-block-width input {width: 6vw;}
.modal_calc_material .rsform__modal_calc_material .rsform-block.rsform-block-width:after {position: absolute; z-index: 2; content: 'СМ'; top: 0.6vw; right: 0.75vw; font-size: var(--font-size-s);}

.modal_calc_material .rsform__modal_calc_material .rsform-block.rsform-block-height {position: relative; margin: 0 0 1vw 0;}
.modal_calc_material .rsform__modal_calc_material .rsform-block.rsform-block-height input {width: 6vw;}
.modal_calc_material .rsform__modal_calc_material .rsform-block.rsform-block-height:after {position: absolute; z-index: 2; content: 'СМ'; top: 0.6vw; right: 1vw; font-size: var(--font-size-s);}
.modal_calc_material .rsform__modal_calc_material .rsform-block.rsform-block-height label {margin: -0.75vw 0 0 9.65vw;}


.modal_calc_material .rsform__modal_calc_material .rsform-block button {position: relative; z-index: 1; width: 13vw; padding: 0.5vw 1vw 0.75vw 1vw; border: 0.1vw solid var(--color-add-blue); background: var(--color-add-blue); color: var(--color-white); border-radius: 0.25vw; font-size: var(--font-size-m); font-family: var(--font-medium); transition: background 0.3s, border 0.3s;}
.modal_calc_material .rsform__modal_calc_material .rsform-block button:hover {border: 0.1vw solid var(--color-master-blue); background: var(--color-master-blue); cursor: pointer; transition: background 0.3s, border 0.3s;}










/* телефон в header */
header .tel {position: relative; float: right; margin: 2.75vw 5vw 0 0; transition: all 0.5s ease-in-out;}
header .tel a {position: relative; padding: 0.5vw 0 0.6vw 0.5vw; text-decoration: none; color: var(--color-master-blue); font-family: var(--font-medium); transition: background-color 0.3s ease; overflow: hidden;}
header .tel a:hover {color: var(--color-add-blue);}
header .tel a img {width: 1vw; height: 1vw; margin: 0.3vw 0vw 0 0; display: block; float: left;}
header .tel a span {display: inline-block; margin: 0;}

/* блок header при скролле */
header.small {height: 4vw; transition: all 0.5s ease-in-out;}
header.small .logo {margin: 0.5vw 5vw 0 5vw; transition: all 0.5s ease-in-out;}
header.small .nav {margin: 0.75vw 5vw 0 0; transition: all 0.5s ease-in-out;}
header.small .tel {margin: 1.25vw 5vw 0 0; transition: all 0.5s ease-in-out;}
header.small .call_master {margin: 1.25vw 1vw 0 0; transition: all 0.5s ease-in-out;}
header.small .callback {margin: 1.25vw 0 0 0; transition: all 0.5s ease-in-out;}

header .navigation {display: none;}
#modal_navigation {display: none;}


/* основной блок body */
#body {position: relative; width: 90vw; height: auto; overflow: hidden; margin: 0; padding: 7.5vw 5vw 0 5vw;} 

/* главный слайдер на главной странице */
.swiper-slider {position: relative; z-index: 2; width: 90vw; height: 35vw; margin: 0; padding: 0; background: var(--color-master-blue);}
.swiper-slider .swiper-container-1 {position: relative; z-index: 1; margin: 0; padding: 0 0 0 30vw; width: 90vw; height: 35vw; overflow: hidden;}
.swiper-slider .swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.swiper-slider .swiper-slide {position: relative; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0; flex-shrink: 0; transition-property: transform;}
.swiper-slider .swiper-slide .slide_img {position: absolute; z-index: 1; width: 60vw; height: 35vw; line-height: 0; margin: 0; padding: 0;}
.swiper-slider .swiper-slide .slide_img img {width: 100%;}
.swiper-slider .swiper-slide .slide_info {position: absolute; z-index: 2; margin: 5vw 0 0 -25vw; color: var(--color-white); width: 20vw;}
.swiper-slider .swiper-slide .slide_info .slide_info_title {position: relative; margin: 0 0 1.5vw 0; text-transform: uppercase; font-family: var(--font-bold); font-size: var(--font-size-3xl); line-height: 115%;}
.swiper-slider .swiper-slide .slide_info .slide_info_title a {color: var(--color-white); text-decoration: none;}
.swiper-slider .swiper-slide .slide_info .slide_info_title a:hover {color: var(--color-add-blue);}
.swiper-slider .swiper-slide .slide_info .slide_info_ul {position: relative; margin: 0 0 1.5vw 0; overflow: hidden;}
.swiper-slider .swiper-slide .slide_info .slide_info_ul .slide_info_ul_li {position: relative; float: left; margin: 0 1.5vw 1vw 1vw;}
.swiper-slider .swiper-slide .slide_info .slide_info_ul .slide_info_ul_li a {color: var(--color-add-blue);}
.swiper-slider .swiper-slide .slide_info .slide_info_ul .slide_info_ul_li a:hover {color: var(--color-white);}

.swiper-slider .swiper-slide .slide_info .slide_info_ul .slide_info_ul_li:before {position: absolute; content: ''; width: 0.5vw; height: 0.5vw; background: var(--color-add-blue); margin: 0.55vw 0 0 -1vw;}
.swiper-slider .swiper-slide .slide_btn {position: absolute; z-index: 2; margin: 0 0 0 -25vw; bottom: 4.8vw;}
.swiper-slider .swiper-slide .slide_btn a {position: relative; padding: 0.5vw 1vw 0.6vw 0.5vw; text-decoration: none; color: var(--color-white); font-family: var(--font-medium); transition: background-color 0.3s ease; overflow: hidden;}
.swiper-slider .swiper-slide .slide_btn a:hover {color: var(--color-add-blue);}
.swiper-slider .swiper-slide .slide_btn a img {width: 1vw; height: 1vw; margin: 0.3vw 0vw 0 0; display: block; float: left;}
.swiper-slider .swiper-slide .slide_btn a span {display: inline-block; margin: 0;}
.swiper-slider .swiper-nav {position: absolute; z-index: 11; top: 29vw; left: 21.5vw; overflow: hidden;}
.swiper-slider .swiper-nav .prev-btn {position: relative; float: left; width: 1vw; height: 1vw; margin: 0 1.5vw 0 0; background: url("../../../images/icons/slider_icon_prew.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.swiper-slider .swiper-nav .prev-btn:hover, .swiper-nav .next-btn:hover {cursor: pointer;} 
.swiper-slider .swiper-nav .prev-btn . {width: 100%;}
.swiper-slider .swiper-nav .next-btn {position: relative; float: left; width: 1vw; height: 1vw; margin: 0; background: url("../../../images/icons/slider_icon_next.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.swiper-slider .swiper-nav .next-btn svg {width: 100%;}
.swiper-slider .swiper-pagination {position: absolute; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 5; margin: 0; right: 5vw; bottom: 4.8vw; color: var(--color-white)}
.swiper-slider .swiper-pagination .swiper-pagination-current {position: relative; display: inline-block; float: left; margin: 0 0.5vw 0 0;}
.swiper-slider .swiper-pagination .swiper-pagination-separator {position: relative; display: inline-block; float: left; margin: 0 0.5vw 0 0;}
.swiper-slider .swiper-pagination .swiper-pagination-total {position: relative; display: inline-block; margin: 0;}

/* блок - Изготавливаем жалюзи и шторы */
.production {position: relative; width: 90vw; margin: 4.5vw 0 4vw 0;} 
.production .production_info {position: relative; width: 80vw; margin: 0 0 2.5vw 5vw; overflow: hidden;}
.production .production_info .production_info__title {position: relative; float: left; width: 25vw; margin: 0; font-size: var(--font-size-3xl); font-family: var(--font-bold); text-transform: uppercase; line-height: 115%;}
.production .production_info .production_info__text {position: relative; margin: 0; font-family: var(--font-medium); line-height: 140%; color: var(--color-add-blue);}
.production .production_block {position: relative; width: 90vw; margin: 0 0 2.5vw 0; overflow: hidden;}
.production .production_block .production_block__link {position: relative; float: left; width: 44.5vw; height: 21.75vw; margin: 0; padding: 0;}
.production .production_block .production_block__link:last-child {float: right; background: var(--color-add-blue);}
.production .production_block .production_block__link .production_block__link__img {position: absolute; width: 44.5vw; z-index: 1; margin: 0; padding: 0; line-height: 0;}
.production .production_block .production_block__link .production_block__link__img img {width: 100%;}
.production .production_block .production_block__link .production_block__title {position: relative;  width: 19vw; z-index: 2; margin: 4.5vw 0 0 5vw; font-size: var(--font-size-3xl); font-family: var(--font-bold); text-transform: uppercase; line-height: 115%;}
.production .production_block .production_block__link:nth-child(2) .production_block__title {width: 20vw; }
.production .production_block .production_block__link .production_block__title a {color: var(--color-white); text-decoration: none;}
.production .production_block .production_block__link .production_block__title a:hover {color: var(--color-master-blue); text-decoration: none;}
.production .production_block .production_block__link .production_block__btn {position: absolute; width: 1vw; height: 1vw; z-index: 3; margin: 0; padding: 0; right: 5vw; bottom: 4.8vw;}
.production .production_block .production_block__link .production_block__btn a {line-height: 0;}
.production .production_block .production_block__link .production_block__btn a img {width: 100%;}
.production .production__text_link {position: relative; width: 80vw; margin: 0 0 0 5vw; overflow: hidden;}
.production .production__text_link a {position: relative; float: left; margin: 0 2.5vw 1vw 0; color: var(--color-black); text-decoration: none; font-family: var(--font-medium);}
.production .production__text_link a:hover {color: var(--color-master-blue);}
.production .production__text_link a:after {position: relative; content: ''; width: 1vw; height: 1vw; margin: 0 0 0 0.4vw; display: inline-block; background: url("../../../images/icons/link_icon.svg") center center; background-size: cover;}












/* блок - Как сделать заказ */
.roadmap {position: relative; width: 100vw; height: 16vw; margin: 0 0 5vw -5vw; padding: 0; background: var(--color-master-blue);} 
.roadmap .roadmap_title {position: relative; margin: 0; padding: 4.5vw 0 2.5vw 10vw; font-size: var(--font-size-3xl); font-family: var(--font-bold); text-transform: uppercase; color: var(--color-white);} 
.roadmap .roadmap_point {position: relative; width: 80vw; margin: 0 0 0 10vw; overflow: hidden;}
.roadmap .roadmap_point .roadmap_point__info {width: 13.5vw; margin: 0 2.25vw 0 0; padding: 0; float: left; overflow: hidden;}
.roadmap .roadmap_point .roadmap_point__info .roadmap_point__info__icon {position: relative; width: 2.5vw; margin: 0 1vw 0 0; line-height: 0; float: left;}
.roadmap .roadmap_point .roadmap_point__info .roadmap_point__info__icon img {width: 100%;}
.roadmap .roadmap_point .roadmap_point__info .roadmap_point__info__text {position: relative; line-height: 125%; color: var(--color-add-blue);}
.roadmap .roadmap_point .roadmap_point__info:nth-child(5) {width: 17.5vw;}
.roadmap .roadmap_point .roadmap_point__info:nth-child(7) {width: 16.5vw; float: right; margin: 0;}
.roadmap .roadmap_point .roadmap_point__info__next {position: relative; width: 1.5vw; float: left; margin: 0 2.25vw 0 0; padding: 0;}
.roadmap .roadmap_point .roadmap_point__info__next:nth-child(6) {margin: 0;}
.roadmap .roadmap_point .roadmap_point__info__next .roadmap_point__info__next__icon {position: relative; width: 1.5vw; margin: 0; line-height: 0;}
.roadmap .roadmap_point .roadmap_point__info__next .roadmap_point__info__next__icon img {width: 100%;}

/* слайдер 20 лет качества на главной странице */
.swiper-slider-work {position: relative; z-index: 2; width: 94.25vw; height: 21.75vw; margin: 0 0 5vw 5vw; padding: 0;}
.swiper-slider-work .slider_title {position: absolute; width: 20vw; margin: 0; font-size: var(--font-size-3xl); font-family: var(--font-bold); text-transform: uppercase; line-height: 115%;}
.swiper-slider-work .slider_text {position: absolute; width: 20vw; margin: 6vw 0 0 0; color: var(--color-add-blue); line-height: 125%;}
.swiper-slider-work .swiper-container-2 {position: relative; z-index: 1; margin: 0 0 0 25vw; padding: 0; width: 69.25vw; height: 21.75vw; overflow: hidden;}
.swiper-slider-work .swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.swiper-slider-work .swiper-slide {position: relative; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0; flex-shrink: 0; transition-property: transform;}
.swiper-slider-work .swiper-slide .slide_img {position: absolute; z-index: 1; width: 16.3125vw; height: 21.75vw; line-height: 0; margin: 0; padding: 0;}
.swiper-slider-work .swiper-slide .slide_img img {width: 100%;}
.swiper-slider-work .swiper-slide .slide_btn {position: absolute; z-index: 2; margin: 0 0 0 2.5vw; bottom: 2.5vw;}
.swiper-slider-work .swiper-slide .slide_btn a {position: relative; padding: 0.5vw 1vw 0.6vw 0.5vw; text-decoration: none; color: var(--color-white); font-family: var(--font-medium); transition: background-color 0.3s ease; overflow: hidden;}
.swiper-slider-work .swiper-slide .slide_btn a:hover {color: var(--color-add-blue);}
.swiper-slider-work .swiper-slide .slide_btn a img {width: 1vw; height: 1vw; margin: 0.3vw 0vw 0 0; display: block; float: left;}
.swiper-slider-work .swiper-slide .slide_btn a span {display: inline-block; margin: 0;}
.swiper-slider-work .swiper-nav {position: absolute; z-index: 11; bottom: 2.5vw; left: 16.5vw; overflow: hidden;}
.swiper-slider-work .swiper-nav .prev-btn {position: relative; float: left; width: 1vw; height: 1vw; margin: 0 1.5vw 0 0; background: url("../../../images/icons/slider_icon_prew_black.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.swiper-slider-work .swiper-nav .prev-btn:hover, .swiper-nav .next-btn:hover {cursor: pointer;} 
.swiper-slider-work .swiper-nav .prev-btn . {width: 100%;}
.swiper-slider-work .swiper-nav .next-btn {position: relative; float: left; width: 1vw; height: 1vw; margin: 0; background: url("../../../images/icons/slider_icon_next_black.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.swiper-slider-work .swiper-nav .next-btn svg {width: 100%;}
.swiper-slider-work .swiper-pagination {display: none;}

/* блог на главной странице */
.new_in_blog {position: relative; width: 90vw; height: auto; margin: 0 0 0 -5vw; padding: 5vw; background: var(--color-bg-gray); overflow: hidden;}
.new_in_blog .blog_title {position: relative;margin: 0 0 2.5vw 5vw; font-size: var(--font-size-3xl); font-family: var(--font-bold); text-transform: uppercase; line-height: 115%;}
.new_in_blog .blog_item {position: relative; float: left; width: 44.5vw; height: 21.75vw; margin: 0 1vw 1vw 0; padding: 0;}
.new_in_blog .blog_item .blog_item_image {position: absolute; z-index: 1; width: 100%; height: 100%;}
.new_in_blog .blog_item .blog_item_image img {width: 100%; height: 100%;}
.new_in_blog .blog_item .blog_item_title {position: relative; z-index: 2; width: 34.5vw; margin: 4.8vw 0 0 5vw; font-size: var(--font-size-3xl); font-family: var(--font-bold); text-transform: uppercase; line-height: 115%;}
.new_in_blog .blog_item .blog_item_title a {color: var(--color-white); text-decoration: none;}
.new_in_blog .blog_item .blog_item_title a:hover {color: var(--color-master-blue);}
.new_in_blog .blog_item .blog_item_date {position: relative; z-index: 2; margin: 0.5vw 0 0 5vw; color: var(--color-white);}
.new_in_blog .blog_item a.blog_item_readmore {position: absolute; z-index: 2; width: 1vw; height: 1vw; margin: 0; padding: 0; right: 5vw; bottom: 4.8vw;}
.new_in_blog .blog_item a.blog_item_readmore img {width: 100%;}
.new_in_blog .blog_item:nth-child(3) {margin: 0 0 1vw 0;}
.new_in_blog .blog_item:nth-child(4) {width: 29.3333vw; height: 14.3371vw; margin: 0 1vw 0 0;}
.new_in_blog .blog_item:nth-child(4) .blog_item_title {width: 19vw; font-size: var(--font-size-l);}
.new_in_blog .blog_item:nth-child(4) a.blog_item_readmore {right: 2.5vw; bottom: 2.5vw;}
.new_in_blog .blog_item:nth-child(5) {width: 29.3333vw; height: 14.3371vw; margin: 0 1vw 0 0;}
.new_in_blog .blog_item:nth-child(5) .blog_item_title {width: 19vw; font-size: var(--font-size-l);}
.new_in_blog .blog_item:nth-child(5) a.blog_item_readmore {right: 2.5vw; bottom: 2.5vw;}
.new_in_blog .blog_item:nth-child(6) {width: 29.3333vw; height: 14.3371vw; margin: 0;}
.new_in_blog .blog_item:nth-child(6) .blog_item_title {width: 19vw; font-size: var(--font-size-l);}
.new_in_blog .blog_item:nth-child(6) a.blog_item_readmore {right: 2.5vw; bottom: 2.5vw;}




/* подвал сайта */
footer {position: relative; width: 100vw; height: auto; margin: 0; padding: 0 0 6.5vw 0; background: var(--color-white); overflow: hidden;}
footer .footer_contacts {position: relative; width: 90vw; margin: 0; padding: 5vw;}
footer .footer_contacts .logo {position: relative; width: 15vw; float: left; margin: 0 5vw 0 0; padding: 0; line-height: 0;}
footer .footer_contacts .logo img {width: 100%;}
footer .footer_contacts .h_line_long {position: relative; float: left; width: 30vw; height: 0.05vw; margin: 1.5vw 5vw 0 0; background: var(--color-master-blue);}
footer .footer_contacts .h_line_short {position: relative; float: left; width: 8vw; height: 0.05vw; margin: 1.5vw 0 0 0; background: var(--color-master-blue);}

footer .footer_contacts .tel {position: relative; float: left; margin: 0.75vw 5vw 0 0;}
footer .footer_contacts .tel a {position: relative; padding: 0.5vw 0 0.6vw 0.5vw; text-decoration: none; color: var(--color-master-blue); font-family: var(--font-medium); transition: background-color 0.3s ease; overflow: hidden;}
footer .footer_contacts .tel a:hover {color: var(--color-add-blue);}
footer .footer_contacts .tel a img {width: 1vw; height: 1vw; margin: 0.3vw 0vw 0 0; display: block; float: left;}
footer .footer_contacts .tel a span {display: inline-block; margin: 0;}
footer .footer_contacts .social {position: relative; float: right; margin: 0.9vw 0 0 0; overflow: hidden;}
footer .footer_contacts .social a {position: relative; margin: 0 2vw 0 0;}
footer .footer_contacts .social a:last-child {margin: 0;}
footer .footer_contacts .social a img {width: 1vw;}

footer .footer_navigateion {position: relative; width: 90vw; margin: 2.5vw 0 5vw 5vw; overflow: hidden;}

footer .nav {position: relative; float: left; margin: 0 7.5vw 0 0; padding: 0;} 
footer .nav > li {position: relative; margin: 0 0 0.5vw 0;}
footer .nav > li:last-child {margin: 0;}
footer .nav > li > a {display: block; padding: 0; text-decoration: none; color: var(--color-black); font-family: var(--font-medium);}
footer .nav > li:hover > a {color: var(--color-master-blue); }
footer .nav > li.active > a {color: var(--color-black); text-decoration: underline;}
footer .nav > li.active:hover > a {color: var(--color-master-blue); }
footer .nav > li > a img {display: none;}
footer .nav > li > a span {display: inline-block; margin: 0;}
/* подменю header */
footer .nav > li > .sub_nav {position: relative; margin: 0 0 1vw 1vw; font-size: var(--font-size-s);} 
footer .nav > li > .sub_nav a {color: var(--color-black);} 
footer .nav > li > .sub_nav a:hover {color: var(--color-master-blue);} 


footer .nav::before {position: relative; display: inline-block; margin: 0 0 0.75vw 0; font-family: var(--font-medium); color: var(--color-master-blue);} 
footer .nav:nth-child(1):before {content: 'Основное';} 
footer .nav:nth-child(2):before {content: 'Жалюзи';} 
footer .nav:nth-child(3):before {content: 'Шторы';} 
footer .nav:nth-child(4):before {content: 'Еще';} 

footer .footer_info {position: absolute; width: 90vw; height: 4.5vw; margin: 0; padding: 2vw 0 0 0; bottom: 0; left: 5vw; border-top: 0.05vw solid var(--color-master-blue); font-size: var(--font-size-s); font-family: var(--font-medium); line-height: 150%;}

footer .footer_info .footer_info_about {position: relative; float: left; margin: 0;}
footer .footer_info .footer_info_about .tel {position: relative; display: inline; margin: 0;}
footer .footer_info .footer_info_about .tel a {position: relative; padding: 0; text-decoration: none; color: var(--color-black);}
footer .footer_info .footer_info_about .tel a:hover {color: var(--color-add-blue);}
footer .footer_info .footer_info_about .tel a img {display: none;}
footer .footer_info .footer_info_about .tel a span {display: inline-block; margin: 0;}
footer .footer_info .footer_info_about .mail {position: relative; display: inline; margin: 0;}

footer .footer_info .footer_info_made {position: reltive; float: right;}











/* Общие стили */
.page-header {position: relative; margin: 0; padding: 0;}
.page-header h1 {position: relative; margin: 0 0 2vw 0; padding: 0; font-size: var(--font-size-3xl); font-family: var(--font-bold); line-height: 115%;}






/* стили для отдельных страниц и категорий */
.__homepage .com-content-article {display: none;}





.com_content__category_blog {position: relative; margin: 0; padding: 0 0 5vw 0;}










.category_8 .com_content__category_blog .com-content-category-blog__items {position: relative; margin: 0; padding: 0; overflow: hidden;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item {position: relative; float: left; width: 44.5vw; height: 21.75vw; margin: 0 1vw 1vw 0; padding: 0;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item:nth-child(5n+2) {margin: 0 0 1vw 0;}


.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-image {position: absolute; z-index: 1; width: 100%; height: 100%;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-image img {width: 100%; height: 100%;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-content {position: relative; z-index: 2; margin: 5vw 0 0 5vw; width: 34.5vw;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-content .page-header h2 {position: relative; margin: 0 0 0.5vw 0; font-size: var(--font-size-3xl); font-family: var(--font-bold); text-transform: uppercase; line-height: 115%;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-content .page-header h2 a {color: var(--color-white); text-decoration: none;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-content .page-header h2 a:hover {color: var(--color-master-blue);}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-content .create {position: relative; color: var(--color-white); display: inline-block; float: left; margin: 0 1vw 0 0;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-content .category-name {position: relative; margin: 0 0.5vw 0 0; color: var(--color-white); display: inline-block; font-size: var(--font-size-s);}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-content .category-name a {color: var(--color-white);}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-content .category-name a:hover {color: var(--color-master-blue);}

.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .article-link {position: absolute; z-index: 2; width: 1vw; height: 1vw; margin: 0; padding: 0; right: 0; top: 10.75vw;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .article-link img {width: 100%;}




.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item:nth-child(5n+3) {width: 29.3333vw; height: 14.3371vw; margin: 0 1vw 0 0;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item:nth-child(5n+3) .item-content {width: 19.3333vw;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item:nth-child(5n+3) .item-content .page-header h2 {width: 19vw; font-size: var(--font-size-l);}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item:nth-child(5n+3) .article-link {right: -2.5vw; top: 6vw;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item:nth-child(5n+4) {width: 29.3333vw; height: 14.3371vw; margin: 0 1vw 0 0;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item:nth-child(5n+4) .item-content {width: 19.3333vw;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item:nth-child(5n+4) .item-content .page-header h2 {width: 19vw; font-size: var(--font-size-l);}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item:nth-child(5n+4) .article-link {right: -2.5vw; top: 6vw;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item:nth-child(5n+5) {width: 29.3333vw; height: 14.3371vw; margin: 0 0 1vw 0;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item:nth-child(5n+5) .item-content {width: 19.3333vw;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item:nth-child(5n+5) .item-content .page-header h2 {width: 19vw; font-size: var(--font-size-l);}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item:nth-child(5n+5) .article-link {right: -2.5vw; top: 6vw;}
.category_8 .new_in_blog {display: none;}














.com-content-article {position: relative; margin: 0; padding: 0 0 5vw 0; overflow: hidden;}




.com-content-article .column_content {position: relative; float: left; width: 60vw;}
.com-content-article .column_content .page-header {position: absolute; z-index: 2; top: 4vw; left: 5vw; right: 20vw;}
.com-content-article .column_content .page-header h1 {color: var(--color-white); font-size: var(--font-size-9xl); text-shadow: 0 0.5vw 0.75vw var(--color-black); line-height: 100%; text-transform: uppercase;}

.com-content-article .column_content .page-header .article-note {position: relative; color: var(--color-white); font-family: var(--font-medium);}
.com-content-article .column_content .page-header .article-note:before {position: absolute; content: '—'; margin: 0 0 0 -2vw; }

.com-content-article .column_content .article_form_link {position: absolute; z-index: 10; top: 24vw; right: 7vw; width: 48vw;}
.com-content-article .column_content .article_form_link .call_master {margin: 0 1vw 0 0; float: right;}
.com-content-article .column_content .article_form_link .callback {margin: 0; float: right;}


.com-content-article .column_content .item-image {position: relative; z-index: 1; width: 60vw; line-height: 0;}
.com-content-article .column_content .item-image img {width: 100%; height: auto;}

.com-content-article .column_content .service_pre {position: relative; z-index: 3; background: var(--color-master-blue); color: var(--color-white); margin: -8vw 0 5vw 1vw; padding: 3vw 4vw; width: 44vw;}

.com-content-article .column_content .content_fact {position: relative; z-index: 5; background: var(--color-bg-gray); color: var(--color-master-blue); margin: 1.5vw 0 3vw 17vw; padding: 2vw 4vw; width: 35vw; font-size: var(--font-size-s); line-height: 175%;} 
.com-content-article .column_content .service_pre + .content_fact {margin: -6vw 0 3vw 17vw;}

.com-content-article .column_content h2 {position; relative; margin: 0 0 1.5vw 0; font-size: var(--font-size-2xl); color: var(--color-master-blue); font-family: var(--font-medium);}


.com-content-article .column_content .services_img_link {position: relative; width: 60vw; margin: 0 0 1vw 0; overflow: hidden;}
.com-content-article .column_content .services_img_link .services_img_link_list {position: relative; float: left; width: 19.333vw; height: 11.25vw; margin: 0 1vw 0 0;}
.com-content-article .column_content .services_img_link .services_img_link_list:last-child {margin: 0;}
.com-content-article .column_content .services_img_link .services_img_link_list .services_img_link_list_img {position: absolute; z-index: 1; width: 100%; line-height: 0; opacity: 0.75; transition: opacity 0.5s;}
.com-content-article .column_content .services_img_link .services_img_link_list .services_img_link_list_img:hover {opacity: 1; transition: opacity 0.5s;}
.com-content-article .column_content .services_img_link .services_img_link_list .services_img_link_list_img img {width: 100%;}

.com-content-article .column_content .services_img_link .services_img_link_list .services_img_link_list_text {position: relative; z-index: 2; margin: 6vw 4vw 0 0; padding: 0.75vw 2vw; line-height: 100%; background: var(--color-master-blue);}
.com-content-article .column_content .services_img_link .services_img_link_list a {color: var(--color-add-blue); font-family: var(--font-medium); text-decoration: none;} 
.com-content-article .column_content .services_img_link .services_img_link_list a span {color: var(--color-white);} 



.com-content-article .column_content .content_materials {position: relative; width: 59vw; margin: 0 0 0 1vw; overflow: hidden;}
.com-content-article .column_content .content_materials .content_materials_list {position: relative; float: left; width: 13.75vw; height: 13.75vw; margin: 0 1vw 1vw 0; }

.com-content-article .column_content .content_materials .content_materials_list .content_materials_img {position: absolute; width: 100%; height: 100%; line-height: 0; z-index: 1;}
.com-content-article .column_content .content_materials .content_materials_list .content_materials_img img {width: 100%;}

.com-content-article .column_content .content_materials .content_materials_list .content_materials_title {position: absolute; z-index: 2; bottom: 4vw; left: 1vw; right: 1vw; color: var(--color-black); font-family: var(--font-medium); line-height: 115%;} 

.com-content-article .column_content .content_materials .content_materials_list .content_materials_link {position: absolute; z-index: 2; bottom: 1.25vw; left: 1vw;}



.com-content-article .column_content .content_materials .content_materials_list .content_materials_link a {padding: 0.25vw 1vw 0.5vw 1vw; color: var(--color-white); background: var(--color-master-blue); line-height: 165%; text-decoration: none;}
.com-content-article .column_content .content_materials .content_materials_list .content_materials_link a:hover {background: var(--color-add-blue);}
.com-content-article .column_content .content_materials .content_materials_list .content_materials_link a:hover:after {background: var(--color-add-blue);}

.content_materials:not(.expanded) .content_materials_list:nth-child(n+9) {display: none;} 

.com-content-article .column_content .content_materials_btn {position: relative; right: 1vw; text-align: right; margin: 0 0 5vw 0;}
.com-content-article .column_content .content_materials_btn a {padding: 0.25vw 1vw 0.5vw 1vw; color: var(--color-white); background: var(--color-add-blue); line-height: 165%; text-decoration: none;}
.com-content-article .column_content .content_materials_btn a:hover {background: var(--color-master-blue);}








.com-content-article .column_modules_right {position: relative; float: right; width: 25vw;}

.mod-articlesnews-vertical.newsflash-vert.mod-list {position: relative; margin: 0 0 3vw 0;} 
.mod-articlesnews-vertical.newsflash-vert.mod-list:before {position: relative; content: 'Новое в блоге'; font-size: var(--font-size-l); font-family: var(--font-medium); margin: 0 0 1vw 0;}

.mod-articlesnews-vertical.newsflash-vert.mod-list li {position: relative; width: 100%; margin: 0.75vw 0 0 0; padding: 0.75vw 0 0 0; border-top: 0.05vw dotted var(--color-add-blue); overflow: hidden; line-height: 125%;} 
.mod-articlesnews-vertical.newsflash-vert.mod-list li a {color: var(--color-black);} 
.mod-articlesnews-vertical.newsflash-vert.mod-list li a:hover {color: var(--color-add-blue);} 

.mod-articlesnews-vertical.newsflash-vert.mod-list li h3 {position: relative; width: 19vw; float: left; }
.mod-articlesnews-vertical.newsflash-vert.mod-list li .blog_item_date {position: relative; float: right; color: var(--color-add-blue); font-size: var(--font-size-s);}

.mod-articlesnews-vertical.newsflash-vert.mod-list li .blog_item_readmore {display: none;}

.__column_modules_right {position: relative; margin: 0 0 3vw 0;}
.__column_modules_right .column_modules_right_img {position: absolute; z-index: 1; width: 100%; line-height: 0;}
.__column_modules_right .column_modules_right_img img {width: 100%;}

.__column_modules_right .column_modules_right_action {position: relative; z-index: 2; padding: 6vw 0 0 0;}
.__column_modules_right .column_modules_right_action_title {position: relative; z-index: 2; margin: 0 10vw 0 0; padding: 0.75vw 2vw; line-height: 125%; background: var(--color-master-blue); color: var(--color-white); font-size: var(--font-size-xl);}
.__column_modules_right .column_modules_right_action_title span {padding: 0.15vw 0.5vw; background: var(--color-white); color: var(--color-master-blue); border-radius: 0.25vw;}

.__column_modules_right .column_modules_right_action_btn {position: relative; margin: 0 2vw 0 0; float: right; width: 1.25vw; height: 1.25vw;  line-height: 0;}
.__column_modules_right .column_modules_right_action_btn img {width: 100%;}


.catalog .catalog_list {position: relative; width: 90vw; margin: 0 0 2vw 0; padding: 0; overflow: hidden;} 

.catalog .catalog_list .catalog_list_title {position: relative; margin: 0 0 1vw 0; font-size: var(--font-size-3xl); font-family: var(--font-bold); color: var(--color-master-blue); text-transform: uppercase;}

.catalog .catalog_list .catalog_list_li {position: relative; float: left; width: 29.333vw; height: 17vw; margin: 0 1vw 1.1vw 0;}
.catalog .catalog_list .catalog_list_li:nth-child(3n+1) {margin: 0 0 1.1vw 0;}

.catalog .catalog_list .catalog_list_li a:hover {text-decoration: none;}

.catalog .catalog_list .catalog_list_li .catalog_list_li_img {position: absolute; width: 100%; height: auto; z-index: 1; line-height: 0;}
.catalog .catalog_list .catalog_list_li .catalog_list_li_img img {width: 100%;}

.catalog .catalog_list .catalog_list_li .catalog_list_li_title {position: relative; z-index: 2; margin: 10vw 7vw 0 0; padding: 0.75vw 2vw; line-height: 100%; background: var(--color-master-blue); color: var(--color-white); font-size: var(--font-size-xl);}
.catalog .catalog_list .catalog_list_li:hover .catalog_list_li_title {color: var(--color-add-blue);}






}