@import "css/base.css";
@import "fonts/avenir/stylesheet.css";
@import "fonts/AcherusFeral/stylesheet.css";

:root {

	--color-gray-white: #f8f7f7;
	--color-gray-light: #F0EFEF;
	--color-dark-main: #2E2A28;
	--color-dark-even:#6B6563;
	--color-gray-dark:#554F4C;
	--color-gray:#D5D3D3;
	--color-gray-strong:#898786;
 	--color-red:#FF5D5D;
	--color-brown:#988476;
	--color-brown-mid:#D7CFCA;
	--color-brown-light:#E8E4E1;
	--color-brown-white:#E8E4E1;

 }
* { -webkit-appearance: none; box-sizing: border-box; margin: 0; padding: 0; }


body { font-family: 'AvenirNextCyr', sans-serif; width: 100%; line-height: 1.5; font-size: 14px; color: var(--color-dark-main); max-width: 2000px; margin: auto;
	box-shadow: 0 0 15px -5px rgb(0 0 0 / 15%);
	scrollbar-width: thin;
}

html.with-fancybox body.hide-scrollbar{ width: 100% !important;   }
html.with-fancybox body.hide-scrollbar header{ padding-right: var(--f-scrollbar-compensate); }


a {color: inherit; text-decoration: none;}
a:focus { outline: none; text-decoration: none;}
a:hover { text-decoration: none; }

h1{ font-family: 'AcherusFeral', sans-serif; font-size:26px; line-height: 1.3; font-weight: normal; text-transform: uppercase}
h2{ font-family: 'AcherusFeral', sans-serif; font-size:18px; line-height: 1.4; font-weight: normal; text-transform: uppercase}

.logo{display: block; width: 95px; height: 26px; border-radius: 4px;  background-color: var(--color-dark-main); background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(images/logo.png); }
.__wrapper{ padding-top: 50px}

.__stretch > main{ flex-grow: 1}

/**/
header{ position: fixed; top:0; left: 0; left: 0; right: 0; max-width: 2000px; margin: auto; z-index: 900; width: 100%;}
.header{ }
.header-section{display: flex; align-items: center; justify-content: space-between}
.header-top{background: var(--color-gray-light); box-shadow: 0 4px 6px -2px rgb(0 0 0 / 10%)}
.header-top .header-section{ height: 50px; }
.header-bottom,
.main-menu-mobile{ display: none}

.show-panel header{ position: relative;}
.show-panel .__wrapper{ padding-top: 0 !important;}

.header-logo{}
.header-item-topmenu{ display: none}
.header-item-contact{ flex-grow: 1; margin: 0 20px}
.header-phone{ font-weight: 500}

/***/
.menu-button{ display:block; width: 22px; height:22px; z-index: 7100; position: relative;  -webkit-transition: all 0.5s ease; transition: all 0.5s ease; right: 0; }
.menu-button .menu-icon{ display:block; width:100%;position:absolute; height:2px;  top:0; bottom:0; left:0; right:0; margin:auto;
	background:var(--color-dark-main); border-radius: 2px;}
.menu-button .menu-icon:before,
.menu-button .menu-icon:after{ display:block; content:""; position:absolute; height:2px; width:100%; left:0;
	margin:auto; background: var(--color-dark-main); -webkit-transition: all .3s ease; transition: all 0.3s ease; border-radius: 2px;}
.menu-button .menu-icon:before{ top:7px;}
.menu-button .menu-icon:after{ bottom:7px;}
.menu-button.is-open .menu-icon, .menu-button.is_open .menu-icon:before, .menu-button.is_open .menu-icon:after{  background:  var(--color-dark-main);}
.menu-button.is-open { -webkit-transform: rotate(-180deg)}
.menu-button.is-open .menu-icon{ height:0; }
.menu-button.is-open .menu-icon:before{transform: rotate(-45deg); width: 100%;   top: 0; bottom:0;}
.menu-button.is-open .menu-icon:after{transform: rotate(45deg); width: 100%; top: 0; bottom:0;}

.button{ background: #000; color: #fff; border: 1px solid #000; border-radius: 7px; line-height: 40px; min-width: 100px; padding: 0 10px; text-align: center; display: block; position: relative; cursor: pointer; text-decoration: none}
a.button{text-decoration: none !important}
.button.button-reset{ color: var(--color-dark-main); background: #fff}

/***/
.mobile-toolbar-container{ position: fixed; z-index: 500; bottom: 0; left: 0; width: 100%; height: 55px; background: var(--color-gray-light);
	box-shadow: 0 -3px 10px -5px rgba(0,0,0,0.1); z-index: 900}
.mobile-toolbar{ height: 100%; padding: 0 20px; display: flex; align-items: center; justify-content: space-around }
.toolbar-item{padding: 5px 20px; border-radius: 4px; }
.toolbar-item a{ display: block;  position: relative; }
.toolbar-item a .title{ display: block; text-align: center; font-size: 12px; color: var(--color-dark-main) ; line-height: 14px; margin-top: 2px; font-weight: 300}
.toolbar-item a .count{ display: block; position: absolute; width: 15px; height: 15px; line-height: 15px; text-align: center; font-size: 11px; opacity:0;
	background:  var(--color-red); color:#fff; border-radius: 50%; top: -6px; right: -11px; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
.toolbar-item a .count.is-show{ opacity: 1 }
.toolbar-item a:hover{ }
.toolbar-item-icon-wrap{width: 18px; margin: auto}
.toolbar-item-icon{ background-size:22px; height: 22px; width: 22px; background-repeat: no-repeat; background-position: center; filter: grayscale(1);  transition: all 0.3s ease; margin: auto }
.toolbar-item.home .toolbar-item-icon{ background-image: url(images/sprite-icons.svg#home);}
.toolbar-item.search .toolbar-item-icon{ background-image: url(images/sprite-icons.svg#search);}
.toolbar-item.personal .toolbar-item-icon{ background-image: url(images/sprite-icons.svg#personal);}
.toolbar-item.basket .toolbar-item-icon{ background-image: url(images/sprite-icons.svg#basket);}

/**/
footer{margin-top: 30px}
.home footer{margin-top: 0}
.footer{ padding-bottom: 55px;background: var(--color-dark-main); }
.footer-sections{background: var(--color-dark-main); padding-bottom: 20px; color: #ECF0F0; max-width: 1320px; margin: auto; }
.footer-logo { margin-right: 20px}
.footer-logo .logo{ border: 1px solid #ffffff26; width: 130px; height: 45px;}
.footer-contact a{ display: block;  }
.footer-contact-phone{ font-weight: 700; font-size: 16px; }
.footer-social{ position: absolute; right: 0; top: 0; bottom: 0;margin: auto; height: 24px;}


.footer-section-info{ margin: 0 15px; padding: 20px 0; display: flex;}
.footer-section-mobile{ margin-top: 30px;padding: 0 15px;}
.footer-section-desktop{ display: none}
.footer-section-menu{ display: flex; }
.footer-menu{ width: 50%; }
.footer-menu .footer-menu-title{ font-weight: 600; font-size: 15px; margin-bottom: 10px;}
.footer-menu ul{ list-style: none}
.footer-menu li{ margin-bottom: 5px;}
.footer-menu a{ display: inline-block; font-size: 13px; color: var(--color-gray-strong); line-height: 1.3;}
.footer-section-form{ background: var(--color-gray-dark);   padding: 30px 35px;}
.footer-section-copyright{ text-align: center; font-size: 14px; margin-top:20px;color: var(--color-gray-strong);  }

/**/
.subscribe{ padding: 15px 0; }
.subscribe-form-title{ font-family: 'AcherusFeral', sans-serif; font-size: 22px; text-transform: uppercase; margin-bottom: 20px; letter-spacing: 1px; line-height: 1.5}
.subscribe-form-title span{ display: block; font-size: 16px;}
.footer-form{max-width: 420px; margin: auto}
.subscribe-form{ transition: 0.3s}
.subscribe-form.is-blur{    opacity: .3;  filter: blur(2px); pointer-events: none;}
.subscribe-form-result{ height: 0; overflow: hidden; position: absolute; top:0; left: 0; width: 100%; transition: opacity 0.3s; font-size: 16px; text-align: center; display: flex; align-items: center; justify-content: center}
.subscribe-form-result.is-show{ opacity: 1; height: 100% }
.form-row:not(:last-child){ margin-bottom: 10px;}
.form-row.input-text{ margin-bottom: 20px }
.form-row.input-text input{ display: block; box-sizing: border-box; border: 1px solid #aeaeae; border-radius: 8px; width: 100%; padding: 10px}
.form-row.input-checkbox .form-row-input{ display: flex;}
.form-row.input-checkbox input{ width: 0; height: 0; visibility: hidden}
.form-row.input-checkbox .checkbox-input{ display: block; box-sizing: border-box; border: 1px solid #aeaeae; border-radius: 4px; width: 18px; height: 18px; flex-shrink: 0; flex-grow: 0; margin-right: 8px;}
.form-row.input-checkbox input:checked + label .checkbox-input{  background: #fff}
.form-row.input-checkbox label{ font-size: 13px; line-height: 1.3; color: #aeaeae;  cursor: pointer; display: flex}
.form-row.input-checkbox label a{ text-decoration: underline}
.form-row.form-button{margin-top: 20px}
.form-row-error{opacity: 0; max-height: 0; transition: .3s; color: #ffc686; font-size: 13px;}
.form-row-error.is-show{opacity: 1; max-height: 60px; transition: .3s; padding: 3px 5px;}
.form-row.input-checkbox .form-row-error{ margin-left: 22px; padding-top: 0}


.social-icon{ display: block;  width: 24px; height: 24px; background-repeat: no-repeat; background-size: contain;
	background-image: url(images/sprite-icons.svg#social-tg); }

.link-arrow{ display: inline-block; position: relative; font-size: 14px;  padding-right: 45px; opacity: .7; transition: all 0.3s; cursor: pointer; text-decoration: underline }

.link-arrow:after{ display: block; position: absolute; content: ""; width: 26px; height: 26px; border: 1px solid var(--color-gray-strong); border-radius: 3px; transform: rotate(45deg); top: 0; bottom: 0; right:  0; margin: auto; transition: all 0.3s;    }
.link-arrow:before{ display: block; position: absolute; content: ""; width: 26px; height: 26px;   top: 0; bottom: 0; right:  0; margin: auto;
	background-image: url(images/sprite-icons.svg#arrow2); background-repeat: no-repeat; background-position: center; background-size: 13px;  transition: all 0.3s;   }
.link-arrow:hover:after{ transform: rotate(135deg);  }
.link-arrow:hover { opacity: 1; text-decoration: underline}
.link-arrow.light:after{ border-color: #fff }
.link-arrow.light:before{ background-image: url(images/sprite-icons.svg#arrow2-light); }


/**/
.page-banner .banner-content{ padding: 50px 25px; display: flex; flex-direction: column;  justify-content: center; box-sizing: border-box}
.page-banner .banner-item-description{ font-weight: 100; font-size: 16px;}
.page-banner .banner-item-text{ font-weight: 300; font-size: 14px;}
.page-banner .banner-item-link{ margin-top: 40px;}
.page-banner .banner-image{ max-height: 400px; overflow: hidden;  }
.page-banner .banner-image img{ width: 100%; height: 100%; object-fit: cover;}
.page-banner .banner-content p{ margin-bottom: 10px;}
.page-banner .banner-content ul{ margin-left: 30px; margin-bottom: 10px;}

/**/
.info-page{ min-height: 300px; padding-top: 30px}

 /**/
.message-box {  padding: 40px 20px; margin: 15px; box-sizing: border-box;   text-align: center; font-size: 16px;  background: var(--color-gray-light); border-radius: 10px;
	border: 1px solid var(--color-brown); }
.catalog-products .message-box{ margin: 0}
.message-box h2{ margin-bottom: 15px}
.message-box-buttons{display: flex; justify-content: center; margin:auto; margin-top: 30px; max-width: 420px;}
.message-box-buttons .button{width: calc(50% - 10px)}

/*ov*/
.over-container{position:fixed;  top:50px;   left:0; bottom:55px; right:0; margin: auto;  overflow:hidden; z-index:2500; background: #fff;
	background-color:#fff; opacity: 0;  visibility: hidden;   transition: opacity .3s ease, visibility 0s ease .3s;   }
#over-container-filter-container{ z-index: 700}
.over-container.is-open{ opacity: 1; visibility: visible;  transition: opacity .3s ease, visibility 0s ease 0s; }
.over-content{ height: 100%; width: 100%;   overflow:auto; box-shadow: -4px 0px 6px -2px rgba(0 0 0 / 16%); }
.overheight-close{ display:none;  width:20px; height:22px; position:absolute; top:20px; right:20px; z-index:10100}
.overheight-close:before,
.overheight-close:after{ content:""; position:absolute; display:block; height:100%; width:5px; background:#fff;}
.overheight-close:before{-webkit-transform: skewX(45deg);transform: skewX(45deg);}
.overheight-close:after{-webkit-transform: skewX(-45deg);transform: skewX(-45deg);}
.over-container .overheight_close_button{ width:28px; height:28px; position:fixed; top:12px; right:12px; background-repeat: no-repeat; background-position: center; background-size: 20px; background-image:url(images/sprite-icons.svg#close); border-radius: 50%; background-color: #DDDDE8}
.over-container .over-content{ background: #fff;     }
.over-container.main-menu-mobile{ display: block}
.over-container .main-menu-mobile{ display: block; padding: 20px 30px;}

.main-menu-mobile ul{ list-style: none; margin: 0;}
.main-menu-mobile ul li{ margin: 0; border-bottom: 1px solid var(--color-brown-mid);}
.main-menu-mobile > ul > li > span,
.main-menu-mobile > ul > li > a{ font-weight: 500; font-size: 16px; display: block;  padding: 11px 0px;  }

.main-menu-mobile-submenu{ padding: 15px 0 15px 15px;  border-top: 1px solid var(--color-brown-mid);}
.main-menu-mobile-submenu-name{font-size: 15px; font-weight: 400;}
.main-menu-mobile-submenu-name.has-child:after{display: block; content: ""; position: absolute; width: 8px; height: 5px; top: 3px; bottom: 0; right: 0; margin: auto; background-image: url(images/sprite-icons.svg#arrow); background-repeat: no-repeat; background-size: contain; transition: .3s}

.main-menu-mobile-submenu-item:not(:last-child){ margin-bottom: 10px}
.main-menu-mobile-submenu-item.is-open .main-menu-mobile-submenu-name.has-child:after{transform: rotateX(180deg)}
.main-menu-mobile-submenu .submenu-inner{  display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.3s ease;}
.main-menu-mobile-submenu-item.is-open .submenu-inner{grid-template-rows: 1fr;  }
.main-menu-mobile-submenu-item .submenu-inner ul{  min-height: 0; overflow: hidden; margin-left: 15px}
.main-menu-mobile-submenu ul { }
.main-menu-mobile-submenu ul li{ border: none; margin: 4px 0}
.main-menu-mobile-submenu a{ font-size: 14px; font-weight: 400;}

.main-menu-mobile li.europaint-pro{background: var(--color-dark-main);border-radius: 4px;padding: 5px 20px;color: #fff;}
.main-menu-mobile .europaint-pro{ display: block;margin: 10px 0;}
.europaint-pro .main-menu-mobile-submenu{ border-top-color: #fff; padding: 20px 0;  }
.europaint-pro .main-menu-mobile-submenu-name{  margin-bottom: 7px;border-bottom: 1px dashed rgb(255 255 255 / 30%);}
.europaint-pro .main-menu-mobile-submenu-name:last-child{ margin-bottom: 0}


/**/
.desktop-swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal{position: relative; bottom: unset; top: unset; margin-top: 20px;  }
.desktop-swiper-pagination{ display: flex; justify-content: flex-start;  margin-left: 15px}
.desktop-swiper-pagination .swiper-pagination-bullet{ transition: all 0.6s }
.desktop-swiper-pagination .swiper-pagination-bullet-active{ width: 40px; border-radius: 10px; background-color: var(--color-gray-strong)}


/**/
section.section-background{ margin-top: 15px; margin-bottom: 15px;background: var(--color-gray-white);}
.section-item{padding: 20px 0}

.section-title{ display: flex; align-items: center; justify-content: space-between;flex-wrap: wrap; padding-top: 10px; padding-bottom: 15px   }
.section-title h2{flex-basis: calc(100% - 50px);}
.section-title .link-arrow{padding-right: 35px; height: 35px;}
.section-title .link-arrow span{ display: none}
.section-title .section-title-separator{ width: 14px; height: 14px; }
.section-title .section-title-separator:after{ display: block; content: ""; position: absolute; width: 14px; height: 14px; flex-grow: 0; flex-shrink: 0; background: var(--color-gray-strong); 	border-radius: 3px; transform: rotate(45deg) }
.section-title .section-title-text{padding: 15px 0; font-size: 14px; font-weight: 300}

.section-title.has-link .section-title-separator{ visibility: hidden}
.section-title.has-link .link-arrow{ }

.page .section-title{ padding: 0; }
.page .section-title h1{ margin: 0;}

/**/
.section-collection{}
.collection-items{ margin: 0 -15px; }
.collection-item{ background: var(--color-dark-main); padding: 10px; color:#fff; border-radius: 8px;  box-sizing: border-box; height: 100%; display: flex;
	flex-direction: column; justify-content: space-between; transition: all 0.3s}
.collection-item:hover{ cursor: pointer; transform: translateY(-5px); box-shadow: 0 18px 10px -13px rgb(0 0 0 / 41%)}
.collection-item-title{ font-weight: 600; font-size: 15px; margin-bottom: 10px}
.collection-item-text{ font-weight: 100; font-size: 13px; margin-bottom: 10px; line-height: 1.4; flex-grow: 1}
.collection-item-image{ display: flex; align-items: center; justify-content: space-between}
.collection-item-image img{ width: calc(100% - 30px); height: 70px; object-fit: cover; border-radius: 8px}
.collection-item-link{display: block; width: 20px; height: 20px;background-image: url(images/sprite-icons.svg#arrow2-light);background-repeat: no-repeat; background-position: center; background-size: 13px;}
.collection-item-overlink{position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 10}
.section-collection .section-title{  }
.collection-swiper .swiper-wrapper{ padding: 10px 0}
.collection-swiper .swiper-slide{width: 150px; height: auto; margin-left: 15px;}
.collection-swiper .swiper-slide:last-child{ margin-right: 15px;}
.collection-swiper .swiper-slide:nth-child(even) .collection-item{ background: var(--color-dark-even)}

/**/
.section-benefits{}
.benefits{ padding: 40px 0; }
.benefits-item{ padding-left: 60px;  }
.benefits-item:not(:last-child){  margin-bottom: 40px}
.benefits-item-title{ font-size: 15px; font-weight: 600; margin-bottom: 10px}
.benefits-item-text{ font-size: 14px; font-weight: 300 }
.benefits-item-icon{position:absolute; width:45px; height:45px; top:0; left:0;}
.benefits-item-icon img{ width: 100%; height: auto; display: block; object-fit: contain}



/**/
.section-atmosphere{ margin-bottom: 20px;}
.atmosphere-items{ margin: 0 -15px; }
.atmosphere-item{ background-color: var(--color-gray-light);  border-radius: 8px;  box-sizing: border-box; height: 100%; display: flex;
	flex-direction: column; justify-content: space-between; transition: all 0.3s}
.atmosphere-item-image{ display: flex; align-items: center; justify-content: space-between; flex-grow: 1; overflow: hidden;  border-radius: 8px;
	box-shadow:0 6px 9px -3px rgb(0 0 0 / 30%)}
.atmosphere-item-image:after{ display: block; content: ""; position: absolute; top:0; left: 0;  width: 100%; height: 100%; background: rgb(0 0 0 / 25%);
	transition: all 0.3s}
.atmosphere-item-image img{ width: 100%; height: 100%; object-fit: cover;}
.atmosphere-item-title{ font-weight: 500; font-size: 15px; line-height: 46px; padding: 0 10px; display: flex; justify-content: space-between; align-items: center}
.atmosphere-item-title:after{ display: block; content: "";  width: 20px; height: 20px; flex-shrink:0; background-image: url(images/sprite-icons.svg#arrow2); background-repeat: no-repeat; background-position: center; background-size: 13px;}
.atmosphere-item:hover{ cursor: pointer;  background-color: #000;  }
.atmosphere-item:hover .atmosphere-item-title{ color: #fff}
.atmosphere-item:hover .atmosphere-item-title:after{ filter: invert()}
.atmosphere-item:hover .atmosphere-item-image:after{ opacity: 0}
.atmosphere-item a{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%}

.atmosphere-swiper .swiper-wrapper{ }
.atmosphere-swiper .swiper-slide{width: 150px; height: auto; margin-left: 15px;}
.atmosphere-swiper .swiper-slide:last-child{ margin-right: 15px;}

/**/
.section-products{ background: var(--color-gray-light)}
.section-products .section-title{ padding-top: 0px; padding-bottom: 20px;}

/**/
.section-collection{}
.section-atmosphere{ margin-bottom: 20px;}
.section-shades .section-item{ padding-bottom: 0}
.shades-items{ }
.shades-item{ background-color: #000;  border-radius: 8px;  box-sizing: border-box; height: 100%; display: flex; margin-bottom: 20px;
	flex-direction: column; justify-content: space-between; cursor: pointer; transition: all 0.3s}
.shades-item-image{ display: flex; align-items: center; justify-content: space-between; flex-grow: 1; overflow: hidden;  border-radius: 8px;}
.shades-item-image img{ width: 100%; height: 100%; object-fit: cover;}
.shades-item-title{ color: #fff; font-weight: 500; font-size: 15px; line-height: 46px; padding: 0 15px; display: flex; justify-content: space-between; align-items: center}
.shades-item:hover{ cursor: pointer; transform: translateY(-5px); box-shadow: 0 18px 10px -13px rgb(0 0 0 / 41%)}
.shades-item:hover .arrow-dinamic:after{transform: rotate(135deg); opacity: 1}
.shades-item a{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/**/
.section-reviews .section-item{ }
.reviews-items{ margin: 0 -15px; }
.reviews-item{ background: var(--color-gray-light); padding: 15px;   border-radius: 8px;  box-sizing: border-box; height: 100%; display: flex;
	flex-direction: column; justify-content: space-between; transition: all 0.3s}
.reviews-item-stars{height:18px; background-image: url(images/sprite-icons.svg#stars);background-repeat: no-repeat; background-position: left; background-size: 100px 18px; margin: 10px 0 }
.reviews-item:hover{  }
.reviews-item-text{ font-weight: 400; font-size: 15px; margin-bottom: 10px; line-height: 1.4; flex-grow: 1}
.reviews-item-autor{ font-weight: 600; font-size: 15px; margin: 15px 0}

.reviews-item-image{ display: flex; align-items: center; justify-content: space-between}
.reviews-item-image img{ width: calc(100% - 47px); height: 200px; object-fit: cover; border-radius: 8px; cursor: zoom-in}
.reviews-item-image:after{display: block; position: absolute; content: ""; width: 30px; height: 30px; bottom:5px; right:0;background-image: url(images/sprite-icons.svg#zoom);background-repeat: no-repeat; background-position: center; background-size: contain; transition: all .3s}
.reviews-item-image:hover{ cursor: pointer; }
.reviews-item-image:hover:after{ transform: scale(1.2, 1.2)}

.reviews-swiper .swiper-slide{width: 280px; height: auto; margin-left: 15px;}
.reviews-swiper .swiper-slide:last-child{ margin-right: 15px;}

/**/
.section-projects{ margin-bottom: 20px;}
.section-projects .section-item{ }
.projects-items{ margin: 0 -15px; }
.projects-item{ display: flex; flex-direction: column;  background: var(--color-gray-light);  border-radius: 8px;  box-sizing: border-box; height: 100%; overflow: hidden;}
.projects-item-image{ min-height: 400px;   }
.projects-item-image img{ width: 100%; height: 100%; object-fit: cover }
.reviews-item:hover{  }
.projects-item-info{ display: flex; justify-content: space-between; align-items: center; flex-grow: 1 }
.projects-item-info h3{ font-size: 15px; font-weight: 500; padding: 10px 15px; line-height: 1.4 }
.projects-item-link {align-self: stretch; display: flex;  min-width: 60px; align-items: stretch;background: #000; color: #fff; }
.projects-item-link a{ display: flex; align-items: center; justify-content: center; flex-grow: 1;  width: 100%; font-size: 13px}
.projects-item-link a span:first-child{ display: none}

.projects-swiper .swiper-slide{width: 280px; height: auto; margin-left: 15px;}
.projects-swiper .swiper-slide:last-child{ margin-right: 15px;}


/**/
section.section-blog{ margin-bottom: 0}
.section-blog .section-title{ margin-bottom: 15px;}
.section-blog .blog-item{ margin-bottom: 30px; border-radius: 8px; overflow: hidden;
	background: #fff; cursor: pointer; height: 100%;display: flex;flex-direction: column;height: 100%;}
.section-blog.page .blog-item{ box-shadow: 0 8px 17px -10px rgb(0 0 0 / 12%); }

.section-blog .blog-item:last-child{ margin-bottom: 0; border-bottom: none;}
.section-blog .blog-item-image{ margin-right: 15px; flex-shrink: 0; height: 0; width: 100%; padding-top: 65%; border-radius: 8px; overflow: hidden; }
.section-blog .blog-item-image img{ position: absolute;  width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; }
.section-blog .blog-item-info{ display: flex;  justify-content: space-between; padding: 20px 10px; align-items: flex-start;}
.section-blog .blog-item-name{ flex-grow: 1; font-weight: 500;font-size: 14px;line-height: 1.5; font-family: 'AcherusFeral';text-transform: uppercase; padding-right: 20px; }
.section-blog .blog-item-link { display: flex; justify-content: space-between; width: 100px; height: 34px; padding-left: 15px; padding-right: 10px; background-color: #000; border-radius: 4px; align-items: center;  color: #fff}
.section-blog .blog-item-overlink {position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;z-index: 10; z-index: 10}
.section-blog .blog-item:hover .arrow-dinamic:after {   transform: rotate(135deg); opacity: 1  }

.home-section-blog .blog-items{ margin: 0 -15px}
.home-section-blog .blog-item{ height: 100%}
.blog-swiper .swiper-slide{width: 280px; height: auto; margin-left: 15px;}
.blog-swiper .swiper-slide:last-child{ margin-right: 15px;}

/**/
.arrow-dinamic{ display: block; position: relative; width: 30px; height: 30px; flex-shrink:0; background-image: url(images/sprite-icons.svg#arrow2-light); background-repeat: no-repeat; background-position: center; background-size: 13px; margin-left: 7px}
.arrow-dinamic:after{display: block; content: ""; position: absolute;   width: 20px; height: 20px; top: 0; bottom: 0; left: 0; right: 0; margin: auto;
	border-radius: 3px; border: 1px solid #fff;  transition: all 0.3s; opacity: 0; cursor: pointer; }
.arrow-dinamic:hover:after {   transform: rotate(135deg); opacity: 1  }
a:hover > .arrow-dinamic:after {   transform: rotate(135deg); opacity: 1  }

/**/
.page-banner{ background: #F9F8F7; margin-bottom: 40px;}
.page-content{  }
.page-content h2{ font-size: 20px; margin-bottom: 10px;   }
.page-content h2:not(:first-child){ margin-top: 30px}
.page-content h3{ font-size:18px; margin-top: 20px; margin-bottom: 10px; font-weight: 600}
.page-content p:not(:first-child){margin-bottom: 10px}
.page-content ul, .page-content ol { margin-left: 25px; margin-bottom: 10px}
.page-content a{ cursor: pointer; text-decoration: underline}
.page-content .back-link{ border-top: 2px solid var(--color-gray); margin-top: 30px; padding-top: 10px}
.page-content .back-link a{display: flex; align-items: center; text-decoration: underline; cursor: pointer}
.page-content .back-link a:before{display: block; content: ""; width: 8px; height: 5px;background-image: url(images/sprite-icons.svg#arrow);background-repeat: no-repeat;background-size: contain;     transform: rotate(90deg); margin-right: 5px;}
.page-content hr{ opacity: .3}

.page-content-header{ background: var(--color-gray-white);  margin-bottom: 10px;}
.page-content-body .section-title{ padding-top: 15px; padding-bottom: 15px;  }

.text-page .page-content-body .__padding-container {max-width: 1100px;}
.text-page .section-title{ padding-top: 15px; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #d5d3d3}

.list-blocks{ list-style: none; margin: 0 }
.list-blocks > *{ align-items: center; justify-content: center; display: flex;  padding: 15px; border: 1px solid var(--color-brown); border-radius: 8px; margin-bottom: 15px; font-size: 15px; text-align: center; line-height: 1.4 }
.list-blocks .list-blocks-item{ flex-direction: column;}
.list-blocks .list-blocks-item h4{ font-size: 16px; font-weight: 600; margin-bottom: 10px}
.list-blocks .list-blocks-item p{ font-size: 14px;}

.inner-files{}
.inner-files-item { align-items: center;   display: flex;  padding: 15px; border: 1px solid var(--color-brown); border-radius: 8px; margin-bottom: 15px; font-size: 14px; text-align: center; line-height: 1.4 }
.inner-files-item a{ text-align: left}
.inner-files-item:before{display: block; content: ""; width: 18px; height: 18px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(images/sprite-icons.svg#file); background-size: 18px; margin-right: 10px;}
.inner-files-item.pdf:before{background-image: url(images/sprite-icons.svg#file-pdf);}


.block-link-list a{ display: block; padding: 10px; margin-bottom: 15px; border: 1px solid var(--color-gray-light); text-decoration: none; background: #fff;
	transition: all .3s;  }
.block-link-list a:hover{cursor: pointer;transform: translateY(-3px);box-shadow: 0 15px 10px -16px rgb(0 0 0 / 20%); }

.breadcrumb{ padding: 15px 0}
.breadcrumb ul{ display: flex; list-style: none; margin: 0 !important; padding: 0}
.breadcrumb ul li{ display: flex; align-items: center; }
.breadcrumb ul li:not(:last-child):after{display: block; content: "/"; width: 10px; text-align: center;   margin: 0 5px;  opacity: 0.5 }

.breadcrumb + .section-title {}
.page-banner .breadcrumb{ position: absolute; z-index: 100; top: 0px; left: 0px; padding: 15px;}
.page-banner .breadcrumb + .banner-content{ padding-top: 50px}

.breadcrumb ul a,
.navigation-breadcrumb__item span,
.navigation-breadcrumb__item a,
.breadcrumb-item
{ color: #6e6a69; font-size: 12px; }

.breadcrumb ul a,
.navigation-breadcrumb__item a{cursor: pointer; }

.breadcrumb ul a:hover,
.navigation-breadcrumb__item a:hover{ text-decoration: underline; }

/**/
.pagination-container{ margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--color-gray-light)}
.pagination{ display: flex; align-items: center; justify-content: space-between; list-style: none}
.pagination li a, .pagination li span{ display: flex; align-items: center; min-width: 30px; height: 30px; list-style: none; line-height: 1; border: 1px solid var(--color-gray-light); border-radius: 3px; text-align: center; justify-content: center; margin: 0 3px; transition: all .3s}
.pagination li.points span{ border: none}
.pagination li.active span{ background: var(--color-dark-main); color: #fff   }
.pagination li:hover a{  border-color: var(--color-dark-main);}
.pagination li.first, .pagination li.last{display:flex; flex-grow: 1; border: none}
.pagination li.disabled{ visibility: hidden}
.pagination li.first a, .pagination li.last a{ border: none }
.pagination li.first{ justify-content: flex-start}
.pagination li.last{ justify-content: flex-end}
.pagination .icon-arrow-left, .pagination .icon-arrow-right{background-image: url(images/sprite-icons.svg#arrow); background-repeat: no-repeat; background-position: center; display: block; 	width: 20px;height: 10px;transform: rotate(90deg);}
.pagination .icon-arrow-right{transform: rotate(-90deg);}

/**/
.format-price{ letter-spacing: -1px}
.format-price span{ font-family: Arial, Helvetica, sans-serif; font-size: .8em   }

/**/
.section-products .products-items{ display: flex; justify-content: space-between;  flex-wrap: wrap;     margin: 0 -10px; }
.section-products .products-item{ width: 50%; box-sizing: border-box;  display: flex;	flex-direction: column; justify-content: space-between; padding: 0 5px; margin-bottom: 15px;}
.section-products .products-item-inner{ background-color: #fff;  border-radius: 8px; height: 100%; display: flex; flex-direction: column; justify-content: space-between;
	box-shadow: 0 4px 14px -5px rgb(0 0 0 / 16%); transition: .3s}
.section-products .products-item-inner:hover{ transform: translateY(-3px); box-shadow: 0 7px 14px -5px rgb(0 0 0 / 16%)}
.products-item-link{ position: absolute; top:0; left: 0; width: 100%; height: 100%; z-index: 10}

.products-item-image{ display: flex; align-items: center; justify-content: space-between;overflow: hidden;  border-radius: 8px; margin-bottom: 5px;
	box-shadow:0 6px 9px -3px rgb(0 0 0 / 20%); height: 0; padding-top: 100%;}
.products-item img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.colorframe{ display: block; position: absolute; top:0; left: 0; width: 100%; height: 100%}
.colorframe-image{ position: absolute; left: 15px; bottom: 0px; width: 45%; height: 45%; background-repeat: no-repeat; background-position: center bottom; background-size: contain;}
.colorframe-image-283{ background-image: url(images/paint283m.png)}
.colorframe-image-288{ background-image: url(images/paint288m.png)}
.colorframe-image-289{ background-image: url(images/paint289m.png)}
.colorframe-image-286{ background-image: url(images/paint286m2.png);}

.products-item-info{ padding: 10px;  flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between;}
.products-item-name{ font-weight: 400; font-size: 14px; line-height: 1.2; margin-bottom: 15px;  flex-grow: 1   }
.products-item-props{ display: flex; justify-content: space-between;   flex-direction: column}
.products-item-props .products-item-prop{ display: flex; justify-content: flex-start; align-items: center; line-height: 1; font-size: 11px; font-weight: 300;
	margin-bottom: 5px;}
 .products-item-props .products-prop-color span.color-icon{ display: block; width: 16px; height: 16px; border-radius: 3px; margin-right: 10px;
	 flex-grow: 0;	 flex-shrink: 0; border: 1px solid #eee}
.products-item-props .products-prop-color span.color-icon-transparent{ background-image: url(images/sprite-icons.svg#transparent); background-color: #fff}

.products-item-props .products-prop-weight span:first-child{ display: block; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: 14px; background-image: url(images/sprite-icons.svg#weight); margin-right: 10px }
.products-item-offer{margin-top: 10px;}
.products-offer-price{ font-size: 20px; font-weight: 600; margin-bottom: 5px}
.products-offer-price > span:first-child{ font-size: 14px;}
.products-offer-button .button{ width: 100px; height: 36px}

/**/
.navigation-breadcrumb{display: flex; align-items: center}
.navigation-breadcrumb__separate{display: inline-block; margin: 0 6px; width: 11px; height: 11px; background-image: url(images/sprite-icons.svg#arrow2); background-repeat: no-repeat; background-size: contain; background-position: 0 2px;  opacity: .8}
.navigation-breadcrumb__item{opacity: .8}
.navigation-breadcrumb__item:hover{opacity: 1}

/**/
.section-form{ padding: 0 15px 20px 15px; }
.section-form .form-row{  max-width: 320px; margin: auto; margin-bottom: 20px; box-sizing: border-box}
.section-form .form-row-field > label{ padding-left: 12px;   font-weight: 500;padding-bottom: 3px;display: block; }
.section-form .form-row input{ display: block; border-radius: 8px; height: 42px; border:1px solid var(--color-brown); width: 100%; padding: 0 15px;  }

.section-form .form-row-checkbox {   box-sizing: border-box; padding-top: 3px;display: block;position: relative;font-size: 12px;line-height: 1.3;}
.section-form .form-row-checkbox label{display: flex; align-items: flex-start;  font-weight: 400; font-size: 12px;line-height: 1.3; padding: 0}
.section-form .form-row-checkbox input{ position: absolute; width: 0; height: 0; visibility: hidden}

.section-form .checkbox-switcher {display: block; position: relative; width: 28px; height: 16px; border: 2px solid var(--color-gray); border-radius: 8px; transition: all 0.3s linear; opacity: 0.5; cursor: pointer; flex-shrink: 0; margin-right: 10px; margin-top: -2px}
.section-form .checkbox-switcher:after{content: ""; position: absolute; display: block; width: 10px; height: 10px; border-radius: 50%; top: 50%; transform: translateY(-50%); left: 5px;
	transition: all 0.3s linear; background: var(--color-gray); opacity: 0.5; cursor: pointer}
.section-form .form-row-checkbox input:checked + label .checkbox-switcher{border-color: var(--color-brown);opacity: 1}
.section-form .form-row-checkbox input:checked + label .checkbox-switcher:after{ left: 15px; background-color: var(--color-brown);opacity: 1}

.section-form .form-row-checkbox  a{text-decoration: underline; color: var(--color-brown)}
.section-form .form-row-buttons{ display: flex; justify-content: space-between;  }
.section-form .form-row-buttons .button{ flex-basis: calc(50% - 10px); height: 46px;cursor: pointer;}
.section-form .form-row-buttons .button:only-child {flex-basis: 100%;margin: auto;}

.section-form .form-row-captcha{ display: flex}
.section-form .captcha-image{ flex-shrink: 0; padding-left: 10px}
.section-form .captcha-image img{height: 100%; height: 100%;border: 1px dashed #cacaca;border-radius: 8px;}
.section-form .form-row-description{ padding:3px 15px 0 15px; font-size: 0.9em; opacity: 0.8}

.section-form .message{ padding: 15px;  text-align: center; margin-bottom: 15px; border: 1px dashed var(--color-gray); border-radius: 8px}
.section-form .message.error{ color:var(--color-red);  border: 1px dashed var(--color-red)}

.section-form .form-row-group{ margin-bottom: 30px }
.section-form .form-row-group-title{margin: 15px 0; font-weight: 600; font-size: 16px; text-align: center}

@media only screen and (min-width: 600px) {

	.page-banner .banner-content{ padding: 50px 60px }
	.page-banner .banner-content h1{   }
	.page-banner .banner-item-description{  font-size: 18px;}
	.page-banner .banner-item-text{  font-size: 15px;  }

	/**/
	.benefits{ padding: 40px 60px }

	/**/
	.reviews-swiper .swiper-slide{width: 260px;}

	/**/
	.projects-swiper .swiper-slide{ width: 260px; }

	/**/
	.blog-swiper .swiper-slide{ width: 260px; }

		/**/
	.section-blog.page .blog-items{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -10px}
	.section-blog.page .blog-item{  width: calc(50% - 20px); box-sizing: border-box; margin:0  10px; margin-bottom: 20px; }

	.home-section-blog .blog-item{ }

}

@media only screen and (min-width: 768px) {

	/**/
	.page-banner .banner-inner{ display: flex; flex-direction: row; max-width: 1270px; margin: auto;         padding-left: 30px; box-sizing: border-box  }
	.page-banner .banner-inner > div{ width: 50%}
	.page-banner .banner-content{ padding: 30px; padding-left: 0 }
	.page-banner .banner-content h1{  font-size: 28px }
	.page-banner .banner-image{ max-height: 480px}
	.page-banner .breadcrumb{ padding-left: 20px}

	/**/
	.footer-sections{ display: flex; padding-bottom: 0}
	.footer-section-info{ flex-basis: auto; flex-grow: 1; flex-wrap: wrap; justify-content: space-between; margin: 0 20px  }
	.footer-contact{ flex-grow: 1}
	.footer-section-form{ margin-top: 0; min-width: 340px;}
	.footer-section-mobile{ display: none}
	.footer-section-desktop{ display: block; margin-top: 40px; flex-grow: 1}
	.footer-social{ position: relative; margin: unset}
	.footer-section-copyright{ text-align: left}

	/**/
	.collection-item{padding: 15px;}
	.collection-item-title{ font-size: 16px; margin-bottom: 15px}
	.collection-item-text{ font-size: 14px; margin-bottom: 15px; line-height: 1.5;  }
	.collection-item-image img{ width: calc(100% - 30px); height: 100%;  }
	.collection-swiper .swiper-slide{width: 190px; flex-grow: 1 }

	/**/
	.reviews-items{ margin: 0 -20px}
	.reviews-item{padding: 15px; }
	.reviews-item-title{ font-size: 16px; margin-bottom: 15px}
	.reviews-item-text{ font-size: 14px; margin-bottom: 15px; line-height: 1.5;  }
	.reviews-item-image img{ width: calc(100% - 50px); height: 220px;  }
	.reviews-swiper .swiper-slide{width: 320px; margin-left:20px}
	.reviews-swiper .swiper-slide:last-child{ margin-right: 20px}

	/**/
	.projects-items{ margin: 0 -20px}
	.projects-swiper .swiper-slide{ width: 320px;  margin-left:20px}
	.projects-swiper .swiper-slide:last-child{ margin-right: 20px}

	.blog-swiper .swiper-slide{ width: 320px;  margin-left:20px}
	.blog-swiper .swiper-slide:last-child{ margin-right: 20px}

	/**/
	.benefits{display: flex; justify-content: space-between; padding: 40px 0}
	.benefits-item{ padding: 0 20px; margin: 0; width: 33.33%}
	.benefits-item:not(:last-child){margin: 0; border-right:1px solid var(--color-brown) }
	.benefits-item-icon{position:relative; margin: auto; margin-bottom: 15px; display: flex; align-items: center }
	.benefits-item-title{ text-align: center}
	.benefits-item-text{ text-align: center}

	/**/
	.atmosphere-items { margin: 0 -10px}
	.atmosphere-item-title{ margin: 0 15px; font-size: 16px; }
	.atmosphere-items .swiper-wrapper{ flex-wrap: wrap;}
	.atmosphere-items .swiper-slide,
	.atmosphere-swiper .swiper-slide:first-child,
	.atmosphere-swiper .swiper-slide:last-child{ width: calc(25% - 20px); margin: 0 10px 20px 10px;}


	/**/
	.shades-items{ display: flex; justify-content: space-between; flex-wrap: wrap }
	.shades-item{ width: calc(50% - 10px) }
	.shades-item-title{ font-size: 16px; line-height: 56px;}

	/**/
	.page-content ul, .page-content ol { margin-left: 25px; margin-bottom: 10px}

	.block-link-list a{padding: 15px; }

	.list-blocks{ margin: 0; display: flex; flex-wrap: wrap; margin: 0 -10px; margin-bottom: 20px}
	.list-blocks > *{ flex-basis: calc(50% - 20px); flex-grow: 1; margin: 10px; font-size: 16px;  }

	/**/
	.section-blog .blog-item-info{ padding: 25px 20px}

	/**/
	.section-products .products-items{ margin: 0 -5px}
 	.section-products .products-item{ width: 25%}

}

@media only screen and (min-width: 1024px) {

	.__wrapper{ padding-top: 127px}
	.logo {width: 145px;height: 40px;}

	/**/
	.header-top{ background: #fff}
	.header-top .header-section{ height: 70px; }
	.header-item-topmenu{ display: block; flex: 1; margin-left: 30px;}
	.header-bottom{display:block; background: var(--color-gray-light); border-top: 1px solid  var(--color-gray); border-bottom: 1px solid  var(--color-gray)}

	.header-menu-button{ display: none}
	.header-item-contact{ flex-grow: 0; margin: 0}
	.header-phone{ font-weight: 600; }

	/**/
	.topmenu{ display: flex; list-style: none;   }
	.topmenu li:not(:last-child){margin-right: 30px}
	.topmenu a{color: var(--color-gray-dark); position: relative}
	.topmenu a:after{display: block; content: ""; position: absolute; width: 0px; height: 1px; bottom: -6px; right: 0; left: 0; margin: auto;
		background: var(--color-brown); transition: all .2s ease-in-out}
	.topmenu a:hover:after{width: 100%;}

	/**/
	.home-banner{ margin-bottom: 20px}
	.page-banner .banner-content h1{  font-size: 34px }


	.section-collection .section-title{ padding-bottom: 40px}
	/**/
	section.section-background{margin-bottom: 20px}
	.section-item{ padding: 30px 0}
	.section-title {  flex-wrap: nowrap; padding-top: 0px; padding-bottom: 50px}
	.section-title h2{flex-basis: 40%; font-size: 22px}
	.section-title .link-arrow {padding-right: 45px;line-height: 35px; text-decoration: underline; flex-shrink: 0;margin-left: 50px; text-align: right; order: 10}
	.section-title .link-arrow span{ display: inline-block;  text-decoration: underline}
	.section-title .section-title-separator{ margin: 0 20px; height:auto; align-self: stretch; width: 14px;flex-shrink: 0;flex-grow: 0; }
	.section-title .section-title-separator:after{bottom: 0; top: 0; margin: auto; border: 3px solid #fff; border-radius: 3px; width: 12px; height: 12px}
	.section-title .section-title-separator:before{ display: block; content: ""; position: absolute; width: 1px; height: 100%; top: 0px; bottom: 0;
		left: calc(50% + 1px); margin: auto; background: var(--color-gray-strong) }
	.section-title .section-title-text{flex-basis: calc(60% - 60px); margin: 0; padding: 0 }
	.section-title.has-link .section-title-separator{ visibility: visible}
	.section-title.has-text h2{flex-basis: 30%;}

	/**/
	.main-menu-desktop{}
	.main-menu-desktop > ul{ display: flex; align-items: center; list-style: none;}
	.main-menu-desktop > ul > li{  position: relative}
	.main-menu-desktop > ul > li:not(:last-child){ margin-right: 25px}
	.main-menu-desktop > ul > li > a,
	.main-menu-desktop > ul > li > span{ display: block; line-height: 56px; font-weight: 500; position: relative;  cursor: pointer;   transition: .3s}
	.main-menu-desktop > ul > li > a:hover:before,
	.main-menu-desktop > ul > li > span:hover:before{ display: block; content: ""; position: absolute; left:0; bottom:0; width:100%; background:   var(--color-dark-main); height: 2px}
	.main-menu-desktop > ul > li > a.bottom-style{  padding: 4px 8px; border-radius: 4px; background: var(--color-dark-main); color: #fff; font-weight: 500l;  line-height: 24px;}
	.main-menu-desktop > ul > li.has-child > a,
	.main-menu-desktop > ul > li.has-child > span{ padding-right: 15px;}
	.main-menu-desktop > ul > li.has-child > a:after,
	.main-menu-desktop > ul > li.has-child > span:after{ display: block; content: ""; position: absolute; width: 8px; height: 5px; top: 3px; bottom: 0; right: 0; margin: auto;
		background-image: url(images/sprite-icons.svg#arrow); background-repeat: no-repeat; background-size: contain;}

	.main-menu-desktop-submenu{pointer-events: none;  position: fixed; left: 0; right: 0;   max-width: 2000px; margin: auto; background: #f8f7f7; max-height: calc(100% - 200px);  min-height: 140px;
		 overflow: auto; opacity: 0; transition: opacity 0.3s; box-shadow: 0 6px 9px -5px rgb(0 0 0 / 15%); }
 	.is-open .main-menu-desktop-submenu{ pointer-events: auto;   opacity: 1; }

	.main-menu-desktop-submenu-inner{ max-width: 1320px; padding: 15px 30px; margin: auto; display: flex; }

	.main-menu-desktop-submenu-item {max-width: 240px; padding-left: 20px; border-left: 1px solid var(--color-gray);    margin-right: 40px}
	.main-menu-desktop-submenu-item ul{ list-style: none; margin: 0; padding: 0}
	.main-menu-desktop-submenu-item ul li{ min-width: 240px}
	.main-menu-desktop-submenu-item .submenu-name{ font-weight: 600; margin-bottom: 10px}
	.main-menu-desktop-submenu-item a{border-bottom: 1px dashed transparent; padding:5px 0; display: inline-block; cursor: pointer; line-height: 1.2;  }
	.main-menu-desktop-submenu-item a:hover{border-bottom: 1px dashed #988476; color: #988476}
	.main-menu-desktop-submenu-item ul.colums-2{ display: flex; flex-direction: column; flex-wrap: wrap; max-height: 300px;}
	.main-menu-desktop-submenu-item ul.colums-2 li{ min-width: 200px;padding-right: 40px;}

	.main-menu-desktop-submenu-items{pointer-events: none;  position: absolute; left: 0;opacity: 0;transition: opacity 0.3s;
		box-shadow: 0 6px 9px -5px rgb(0 0 0 / 15%);  }
	.is-open .main-menu-desktop-submenu-items{ pointer-events: auto;   opacity: 1;}

	.main-menu-desktop-submenu-items ul{ list-style: none}
	.main-menu-desktop-submenu-items li{  display: block}
	.main-menu-desktop-submenu-items a{  display: block; white-space: nowrap}
	.main-menu-desktop-submenu-items  .main-menu-desktop-submenu-inner{ padding: 15px 20px; }
	.main-menu-desktop-submenu-items  .main-menu-desktop-submenu-inner{ padding: 15px 20px; }


	.main-menu-desktop  li.europaint-pro > *{  background: var(--color-dark-main);border-radius: 4px;padding: 7px 15px;color: #fff; line-height: 1}
	.main-menu-desktop  li.europaint-pro.is-open > *{ border-radius: 4px 4px 0 0}
	.main-menu-desktop  li.europaint-pro .main-menu-desktop-submenu-items{background: #2e2a28;color: #fff; border-radius: 0 4px 4px 4px; padding: 0}
	.main-menu-desktop  li.europaint-pro .main-menu-desktop-submenu-items a{ padding: 7px 0; border-bottom: 1px dashed rgb(255 255 255 / 20%); margin-bottom: 5px; transition: .3s }
	.main-menu-desktop  li.europaint-pro .main-menu-desktop-submenu-items a:hover{border-bottom: 1px dashed rgb(255 255 255 / 100%);}

	/**/
	.mobile-toolbar-container{ display: none}

	/**/
	.footer{ padding-bottom: 0}
	.footer-section-info{ margin: 0 30px; padding: 50px 0;}
	.footer-section-form{  min-width: 50%}
	.footer-logo{ margin-right: 30px}
	.footer-logo .logo { width: 170px; height: 50px;}

	/**/
	.subscribe-form-title{  font-size:26px;  }
	.subscribe-form-title span{  font-size: 18px;}

	/**/
	.header-toolbar{ display: flex; align-items: center;}
	.toolbar-item{ padding: 0; margin-left: 20px;}
	.toolbar-item a{ display: flex; align-items: center;}
	.toolbar-item-icon-wrap{display: flex; align-items: center;justify-content: center;  width: 28px; height: 28px; border: 1px solid var(--color-gray);
		border-radius: 6px; margin-right: 5px; transition: all 0.3s ease-in }
	.toolbar-item a:hover .toolbar-item-icon-wrap{ border-color:var(--color-brown) }
	.toolbar-item a .title{ font-size: 14px;}
	.toolbar-item-icon{ background-size: 16px}

	/**/
	.desktop-swiper-pagination{ justify-content: center; margin-left: 0  }

	/**/
	.page-banner .banner-item-link {margin-top: 80px;}
	.page-banner .breadcrumb{ padding-left: 30px}

	/**/
	.collection-items{ margin: 0 -30px;   }
	.collection-swiper .swiper-slide{width: 170px; height: auto; margin-left:30px;}
	.collection-swiper .swiper-slide{ margin-left: 20px;}
	.collection-swiper .swiper-slide:first-child{ margin-left: 30px;}
	.collection-swiper .swiper-slide:last-child{ margin-right: 30px;}

	/**/
	.reviews-items{ margin: 0;   }
	.reviews-swiper .swiper-slide{width:33.33%; height: auto; margin:0px;}
	.reviews-item{ padding: 20px}
	.reviews-item-image img{ height: 220px}

	/**/
	.projects-item-info{ min-height: 50px}
	.projects-item-link{ width: 140px }
	.projects-item-link a span:first-child{ display: block; }
	.projects-items{ margin: 0}
	.projects-item-image{ min-height: 680px;   }
	.projects-swiper .swiper-slide{ width: 50%;  margin:0}

	/**/
	.benefits{ padding: 60px 0}
	.benefits-item{ padding: 0 30px; }
	.benefits-item-icon{ width:60px; height:60px;}
	.benefits-item-title{ font-size: 16px}
	.benefits-item-text{ font-size: 14px; max-width: 300px; margin: auto}

	/**/
	.section-blog.page .blog-items{ margin: 0 -10px }
	.section-blog.page .blog-item{ width: calc(33.3333% - 20px); margin: 0 10px; margin-bottom: 25px; transition: .3s   }
	/*
	.section-blog.page .blog-item:hover{ transform: translateY(-4px); box-shadow:  0px 12px 17px -10px rgb(0 0 0 / 15%)}
	.section-blog .blog-item:hover{ transform: translateY(-4px); box-shadow:  0px 12px 17px -12px rgb(0 0 0 / 10%)}
*/
	.home-section-blog{ margin-bottom: 0 !important }
	.home-section-blog .blog-items{ margin: 0 -10px; }
	.home-section-blog .blog-item{  transition: .3s  }
	.home-section-blog .section-title{ padding: 10px 0}
	.swiper.blog-swiper{ padding: 15px 10px}
	.swiper.blog-swiper .swiper-slide{ width: calc(33.3333% - 20px);  margin:0; }


	/**/
	.section-products .section-title{padding-bottom: 30px;}
	.section-products .products-items{ margin: 0 -10px}
 	.section-products .products-item{ width: 25%;  padding: 0 10px}
	.products-item-info{ padding: 15px;}
	.products-item-name{ font-size: 15px; }
	.products-item-props{ flex-direction: row}
	.products-prop-weight{ flex-shrink: 0; margin-left:10px}
	.products-item-offer{ display: flex; justify-content: space-between; align-items: flex-end}
	.products-offer-button .button{  width: auto;line-height: 36px;min-width: 80px;}

	/**/
	.list-blocks{}
	.list-blocks > *{ flex-basis: calc(33.3333% - 20px);}

	.inner-files{ display: flex; justify-content: space-between; }
	.inner-files-item{ flex-basis: calc(33.3333% - 10px);}

	/**/
	.message-box { margin: 30px}

	}


@media only screen and (min-width: 1280px) {

	.__wrapper{ padding-top: 131px}

	.logo {width: 160px;height: 44px;}

	h2{font-size:22px;}

	.section-title h2{ font-size: 26px}

	/**/
	.header-top .header-section{ height: 74px; }
	.main-menu-desktop a, .main-menu-desktop span{ font-size: 15px;}
	.main-menu-desktop-submenu-inner{ padding-top: 25px; padding-bottom: 40px}
	.main-menu-desktop > ul > li.has-child > a,
	.main-menu-desktop > ul > li.has-child > span{ padding-right: 20px;}

	.page-banner.banner-slider .banner-image {  }
	.page-banner .banner-inner{ padding: 0 30px; max-width: 1320px;}


	/**/
	.toolbar-item{ padding: 0; margin-left: 25px;}
	.toolbar-item-icon{ background-size: 20px}
	.toolbar-item-icon-wrap{display: flex; align-items: center;justify-content: center;  width: 38px; height: 38px; border: 1px solid var(--color-gray);
		border-radius: 6px; margin-right: 5px; transition: all 0.3s ease-in }

	/**/
	.collection-items{ margin: 0 -10px;   }
	.collection-swiper .swiper-slide:first-child{  margin: 0 10px;}
	.collection-swiper .swiper-slide:last-child{  margin: 0 10px;}
	.collection-swiper .swiper-slide{width: calc(14.2857% - 20px); flex-grow: 1; margin: 0 10px;}

	/**/
	.reviews-item-image img{ height: 300px}

	/**/
	.projects-item-image{ height: 860px;   }
	.projects-item-info{ min-height: 70px}

	/**/
	.footer-section-form{ margin-right: 30px; width: calc(50% - 30px); min-width: unset; flex-shrink: 0 }

	/**/
	.page-banner .breadcrumb{  }

	/**/

	.section-blog .blog-item-name { font-size: 16px}


	.section-products .products-item { padding: 0 10px}
	.products-item-info{ padding: 15px 20px }
	.products-offer-button .button{  min-width: 130px;}
	.products-item-props .products-item-prop{ font-size: 12px}
	.products-prop-weight{ flex-shrink: 0; margin-left:10px}
	.products-item-props .products-prop-weight span:first-child{}


}