/*@font-face{
    font-family: 'FuturaLightC';
    src: url('../fonts/FuturaLightC.ttf');
    src: url('../fonts/FuturaLightC.ttf?iefix') format('truetype');

    font-style: normal;
}
@font-face{
    font-family: 'FuturaMediumC';
    src: url('../fonts/FuturaMediumC.ttf');
    src: url('../fonts/FuturaMediumC.ttf?iefix') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'FuturisCyrillic';
    src: url('../fonts/FuturisCyrillic.ttf');
    src: url('../fonts/FuturisCyrillic.ttf?iefix') format('truetype');
    font-weight: normal;
    font-style: normal;
}
*/

/*@font-face{
    font-family: 'Didot';
    src: url('../fonts/Didot.ttf');
    src: url('../fonts/Didot.ttf?iefix') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'FuturaBookC';
    src: url('../fonts/FuturaBookC.ttf');
    src: url('../fonts/FuturaBookC.ttf?iefix') format('truetype');
    font-weight: normal;
    font-style: normal;
}*/
@font-face{
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.otf');
    src: url('../fonts/Helvetica.otf?iefix') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* 
@font-face {
	font-family: 'FuturaDemiC';
	src: url('FuturaDemiC.eot');
	src: local('Futura Demi Cyrillic'), local('FuturaDemiC'),
		url('../fonts/futura/FuturaDemiC.eot?#iefix') format('embedded-opentype'),
		url('../fonts/futura/FuturaDemiC.woff') format('woff'),
		url('../fonts/futura/FuturaDemiC.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FuturaMediumC';
	src: url('FuturaMediumC.eot');
	src: local('Futura Medium Cyrillic'), local('FuturaMediumC'),
		url('../fonts/futura/FuturaMediumC.eot?#iefix') format('embedded-opentype'),

		url('../fonts/futura/FuturaMediumC.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'FuturaLightC';
	src: url('FuturaLightC-Italic.eot');
	src: local('Futura Light Italic Cyrillic'), local('FuturaLightC-Italic'),
		url('../fonts/futura/FuturaLightC-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/futura/FuturaLightC-Italic.woff') format('woff'),
		url('../fonts/futura/FuturaLightC-Italic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'FuturaMediumC';
	src: url('FuturaMediumC-Italic.eot');
	src: local('Futura Medium Italic Cyrillic'), local('FuturaMediumC-Italic'),
		url('../fonts/futura/FuturaMediumC-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/futura/FuturaMediumC-Italic.woff') format('woff'),
		url('../fonts/futura/FuturaMediumC-Italic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'FuturaLightC';
	src: url('FuturaLightC.eot');
	src: local('Futura Light Cyrillic'), local('FuturaLightC'),
		url('../fonts/futura/FuturaLightC.eot?#iefix') format('embedded-opentype'),
		url('../fonts/futura/FuturaLightC.woff') format('woff'),
		url('../fonts/futura/FuturaLightC.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'FuturisBold';
	src: url('../fonts/futura/Futuris-Bold.woff2') format('woff2'),
	url('../fonts/futura/Futuris-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'FuturaDemiC';
	src: url('FuturaDemiC-Italic.eot');
	src: local('Futura Demi Italic Cyrillic'), local('FuturaDemiC-Italic'),
		url('../fonts/futura/FuturaDemiC-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/futura/FuturaDemiC-Italic.woff') format('woff'),
		url('../fonts/futura/FuturaDemiC-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'FuturaBookC';
	src: url('FuturaBookC-Italic.eot');
	src: local('Futura Book Italic Cyrillic'), local('FuturaBookC-Italic'),
		url('../fonts/futura/FuturaBookC-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/futura/FuturaBookC-Italic.woff') format('woff'),
		url('../fonts/futura/FuturaBookC-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'FuturaBookC';
	src: url('FuturaBookC.eot');
	src: local('Futura Book Cyrillic'), local('FuturaBookC'),
		url('../fonts/futura/FuturaBookC.eot?#iefix') format('embedded-opentype'),
		url('../fonts/futura/FuturaBookC.woff') format('woff'),
		url('../fonts/futura/FuturaBookC.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
} */

@font-face {
	font-family: 'DidotBold';
	src: url('../fonts/Didot-Bold.eot');
	src: local('Didot Bold'), local('DidotBold'),
		url('../fonts/Didot-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Didot-Bold.woff') format('woff'),
		url('../fonts/Didot-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}




a {text-decoration: none;}
a:hover {text-decoration: underline;}

body {margin: 0; padding: 0}
.clear {clear: both; width: 100%; height: 1px;}
.test {clear: both; width: 100%; height: 500px;}
.load {display: none;}


.topNavigation {height: 32px; text-align: right;}

.topNavigation .inner img {padding: 7px 10px 0 10px;}
.topNavigation .inner img:last-child {padding-right: 0;}
.topMenu {height: 74px; background-color: rgba(14, 15, 23, 0.85); z-index: 10; position: relative;}

.mainMenu ul {
    list-style: none; /* Убираем маркеры у нашего маркированного списка */
    position: relative; /* Задаем, чтобы у нас была возможность позиционировать нашу "скользящую" полоску внутри меню */
}
.mainMenu ul li {
    display: inline-block; /* Выравниваем элементы меню в одну линию по горизонтали. Данное свойство можно заменить на float: left */
}

.sliding-line {
    height: 2px; /* Задаем высоту нашей "скользящей" полоске */
    background: white; /* Задаем цвет для "скользящей" полоски */
    position: absolute; /* Позиционируем полоску абсолютным образом */
    bottom: -2px; /* Смещаем ее вниз на 2 пикселя. Здесь, как правило, задается значение эквивалентное высоте полоски, но только со знаком минус */
    left: 0;
}
.mt-55 {margin-top: 55px!important;}
.inner {width: 90%; margin: 0 auto;}
.mainLogo {float: left;}
.mainLogo img {margin-top: 5px;}
.mainMenu {float: right;}
.mainMenu ul {padding-left: 0;}
.mainMenu ul li a {text-decoration: none; font-family: Jost, sans-serif; font-size: 95%; text-transform: uppercase; color: white; padding: 12px 22px 5px 22px; display: block; }
.mainMenu ul li:nth-child(7) a {padding-right: 0;}
.sliding-menu {}

.banner {background: url("../img/banner.jpg") 50% 50%/110% no-repeat ; width: 100%;  margin-top: -74px; }

.information {width: 100%; height: 60px; background-color: rgba(14, 15, 23, 0.85); z-index: 10; position: relative; margin-top: 60px; text-align: right; }
.information p {text-transform: uppercase; color: white; display: inline-block; padding-top: 5px; margin-right: -36px; font-family: FuturaLightC, sans-serif; text-decoration: underline; font-weight: 100; cursor: pointer}
.information p:hover {color: #6f726e;}
.information p img {padding-left: 36px; padding-right: 36px;}
.information p img {padding-left: 36px; padding-right: 36px;}
.informationBlock {width: 100%; height: 350px; z-index: 20; background-color: rgba(14, 15, 23, 0.85); margin-top: -350px; display: none; position: relative;}

.main-slider {}
.imposition-right, .imposition-left {background: rgba(0, 0, 0, 0.59);  z-index: 1; position: relative;}
.imposition-right {float: right}
.imposition-left {float: left}



.owl-nav {
    position: absolute;
    height: 0;
    top: calc(50% - 74px);
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

.owl-prev {
      margin-left: -40px;

    }
.owl-next {
      margin-right: -40px;

    }
.owl-prev:focus,.owl-next:focus {outline: none!important}

.owl-theme .owl-nav [class*='owl-'] {
background-color: transparent!important;
}

.desc-main-slider {text-align: center; color: white; height: 55px; font-family: Jost, sans-serif; background-color: black; line-height: 55px;}


.bg-grey {background-color: #dedddd}
.bg-grey h2 {font-family: "Jost", sans-serif;
    font-weight: 600;
    /* font-size: 34px; */
	font-size: clamp(26px, 1.84vw + 4.88px, 34px);
    text-transform: uppercase;
	text-align: left;}
.bg-grey p {line-height: 1.3;
    font-size: 18px;
    margin: 30px 0;
    text-align: justify;
    font-family: Jost, sans-serif;}
.p-bg-grey {padding: 28px 66px;}

.dep-store-hc img {}
.dep-store-hc .desc {float: right; width: 28.5%; text-align: left; padding-top: 150px;}
.btn {margin-top: 45px;}
.btn a {text-decoration: none; color: white; text-transform: uppercase; padding: 6px 47px; background-color: black; font-size: 14px; font-family: Futuris, sans-serif;}
.btn a:hover {background-color: #6f726e; text-decoration: underline;}
input.btn  {text-decoration: none; color: white; text-transform: uppercase; padding: 6px 47px; background-color: black; font-size: 14px; left: 5%;}
input.btn:hover {background-color: #6f726e; text-decoration: underline; cursor: pointer;}

.half {width: 40.5%; display: inline-block; min-height: 400px;}
.hc-boutique .desc {float: left; width: 28.5%; text-align: left; padding-top: 190px; padding-left: 60px;}
.hc-boutique img {float: right;}

.cs-block .bg-grey h2 {margin-top: 10px;}

.bottom-menu {border: none; border-bottom: #9b9b9b 3px solid; border-top: #9b9b9b 3px solid; margin-top: 60px;}
.bottom-menu table {width: 100%; height: 85px; font-family: Jost, sans-serif; padding: 20px 0;}
.bottom-menu table tr td {border-right: #9b9b9b 3px solid; width: 16.6666667%; text-align: center; padding: 0 45px;}
.bottom-menu table tr td:last-child {border: none;}
.bottom-menu table tr td a {text-decoration: none; text-transform: uppercase; color: black; line-height: 1.5; font-size: 16px;}
.bottom-menu table tr td a:hover {text-decoration: underline; color: #6f726e;}


.breadcrumbs {height: 110px;}
.breadcrumbs .inner {margin-left: 150px; color: #6f726e;}
.breadcrumbs .inner a, .breadcrumbs .inner span {font-family: Jost, sans-serif; line-height: 110px; text-decoration: none; color: #6f726e; text-transform: uppercase; font-size: 14px;}

.banner-company {height: 670px; background: url("../img/baner-company.jpg") no-repeat center; overflow: hidden;}
.text-layer-bg {width: 745px; background-color: rgba(0, 0, 0, 0.58); height: 1000px; transform: rotate(-13deg); margin: -200px auto; text-align: center; color: white; overflow: hidden; float: right; margin-right: 15%;}
.text-layer {font-family: Jost, sans-serif; transform: rotate(13deg); margin-top: 185px; display: inline-block; text-align: center; width: 100%;}
.text-layer h2 { font-weight: 100; font-family: Jost, sans-serif; font-weight: 100; font-size: 36px; /* заголовки */}
.text-layer hr {border: none; background-color: white; height: 2px; margin-top: -24px; width: 110%; margin-left: -50px;}
.text-layer-desc {text-align: left; width: 610px; margin-left: 135px; position: absolute; }
.text-layer-desc p:first-child {margin-top: 20px;}
.text-layer-desc p {color: #e4e4e5; line-height: 1.3;
    font-size: 18px;
    margin: 30px 0;
    text-align: justify;
    font-family: Jost, sans-serif;}
.text-layer-desc p a {text-decoration: none; color: #e4e4e5; text-transform: uppercase; font-size: 20px;}
.text-layer-desc p a:hover {text-decoration: underline;}

.information .inner hr {margin: 0; display: none;}
.informationBlock table {height: 300px; width: 90%; padding-top: 30px; position: absolute;}
.informationBlock table tr:first-child {height: 180px;}
.informationBlock table tr td {width: 20%; vertical-align: top;}
.informationBlock table tr td.cj {padding-top: 12px;}
.informationBlock table tr td a {color: white; text-transform: uppercase; font-family: Jost, sans-serif; font-size: 16px; line-height: 1.9;}
.informationBlock table .subscribe span {color: white; text-transform: uppercase; font-size: 19px; font-family: Jost, sans-serif;}
.subscribe form {}
.subscribe form input[type="email"], .subscribe form input[type="button"] {width: 236px; margin: 10px 0; height: 30px;}
.subscribe form input[type="email"]::placeholder {font-family: Jost, sans-serif; font-size: 19px; color: black;}
.subscribe form input[type="button"] {height: 30px; background-color: black; color: white; width: 241px; border: 2px solid #ffffff; font-family: Jost, sans-serif; font-size: 15px;}
.subscribe form input[type="button"]:hover {cursor: pointer; background-color: #6f726e; text-decoration: underline;}

.vk, .fb, .ok, .twit, .yt, .tg, .inst, .dzen {height: 52px; width: 52px; margin: 10px; transition: 300ms;}
.vk {background: url("../img/vk-new-1.png")}
.vk:hover  {background: url("../img/vk-new-1.png"); opacity: 0.3;}			/*{background: url("../img/grey-vk.png")}*/
.ok {background: url("../img/ok-new-1.png")}
.ok:hover {background: url("../img/ok-new-1.png"); opacity: 0.3;} 			/*{background: url("../img/grey-odnoklassniki.png")}*/
.fb {background: url("../img/fb-new-1.png")}
.fb:hover {background: url("../img/fb-new-1.png"); opacity: 0.3;} 			/*background: url("../img/grey-fb.png")}*/
.tg {background: url("../img/tg-new-1.png")}
.tg:hover {background: url("../img/tg-new-1.png"); opacity: 0.3;}			/*{background: url("../img/grey-telegramm.png")}*/
.twit {background: url("../img/twit.png")}
.twit:hover {background: url("../img/twit-hover.png")}
.yt {background: url("../img/yt-new-1.png")}
.yt:hover {background: url("../img/yt-new-1.png"); opacity: 0.3;} 			/*{background: url("../img/grey-youtube.png")}*/
.inst {background: url("../img/inst-new-1.png")}
.inst:hover {background: url("../img/inst-new-1.png"); opacity: 0.3;}
.dzen {background: url("../img/dzen-02.png")} 
.dzen:hover {background: url("../img/dzen-02.png"); opacity: 0.3;}

.social {vertical-align: middle!important;}
.social div {display: inline-flex;}

.cr span {
	font-family: Jost, sans-serif;
	font-size: 16px;
	color: white;
	line-height: 1.75;
}
.cj a {font-size: 18px!important; line-height: 1.5!important; }
.cj a:first-child {padding-top: 10px;}

.soc {width: 95%; margin-right: 5%; min-height: 692px;}
.half-back, .half-desc {width: 50%; float: left; min-height: 692px;}
.half-desc-in {padding: 0 50px 50px 50px; font-family: Jost, sans-serif; text-align: left;}
.futuris {font-family: Jost, sans-serif;}
.half-desc-in h2, .office h2 { font-weight: 100; font-size: clamp(26px, 1.84vw + 4.88px, 34px); padding-bottom: 18px; text-transform: uppercase; margin-top: 18px; font-family: Jost, sans-serif;}
.half-desc-in hr, .office hr {border: none; background-color: black; height: 2px; margin-top: -32px; width: auto;}

.half-desc-in p {line-height: 1.3;
    font-size: 18px;
    margin: 30px 0;
    text-align: justify;
    font-family: Jost, sans-serif; }
.half-desc-in p b a {color: black; }
.half-desc-in ul {list-style: url("../img/ul.png")}
.half-desc-in ul li a {text-transform: uppercase; color: black; line-height: 2.5; font-size: 18px;}
.half-desc-in ul li a:hover {color: #6f726e;}
.bg-half { background: url("../img/socialnaya-otvetstvennost.png") right no-repeat; height: 692px; }
.invest {background: url("../img/investoram.jpg") center no-repeat; height: 692px; margin-left: 10%;}

.full {margin-right: 0; width: 100%; }
.office p {line-height: 1.5; font-size: 18px; padding: 20px 0 0 0;}
.form-group {margin: 45px 0 0 0; height: 3px; font-family: Jost, sans-serif;}
.form-group-input {width: 50%; float: left; margin-top: -10px;}
.form-group-label {width: 50%; float: left; font-size: 18px; }
.form-group-input input, .form-group-input textarea {width: 100%; height: 30px; font-size: 18px; }
#where {height: 60px;}
.pass-image {background-color: white; width: 120px; height: 40px; display: inline-block; margin: 10px 0 -15px 50px;}
.form-group-label input[type="checkbox"] {width: 20px; height: 20px; border: none;}

/*.checkbox {position: absolute; z-index: -1;opacity: 0;margin: 10px 0 0 20px;}*/
.checkbox + label {position: relative;padding: 0 0 0 60px;cursor: pointer;}
.checkbox + label:before {content: '';position: absolute;top: -4px;left: 0;width: 50px;height: 26px;border-radius: 13px;background: #CDD1DA;box-shadow: inset 0 2px 3px rgba(0,0,0,.2);transition: .2s;}
.checkbox + label:after {content: '';position: absolute;top: -2px;left: 2px;width: 22px;height: 22px;border-radius: 10px;background: #FFF;box-shadow: 0 2px 5px rgba(0,0,0,.3);transition: .2s;}
.checkbox:checked + label:before {background: rgba(24, 24, 24, 0.61);}
.checkbox:checked + label:after {left: 26px;}

.brands {text-align: center;}
.brands h2, .top-brands b {font-family: Jost, sans-serif;
    font-weight: 100;
    font-size: 38px;
    text-transform: uppercase;
	}
.brands hr {border: none; background-color: black; height: 2px; margin-top: -32px; width: 100%;}
.brands-form {width: 290px; margin: 20px auto}
.brands-form form {width: 100%;}
.brands-form form select {width: 100%; border: none; border-bottom: 2px solid #000000; text-transform: uppercase; height: 20px; margin-top: 20px; font-size: 11px;}
.brands-form form select option {height: 20px; background-color: white;}
.select2-container--default .select2-selection--single .select2-selection__rendered {text-align: left; text-transform: uppercase; font-size: 11px; font-family: Jost, sans-serif;}
.select2-container--default .select2-selection--single {border-bottom: 2px solid #000000; border-radius: 0!important; }
.select2-container {margin-bottom: 13px!important;}
.btn-brands {text-transform: uppercase; border: none; background-color: transparent; text-decoration: underline; float: right;  font-weight: 600;}
.btn-brands:hover { cursor: pointer; color: #6f726e;}
.top-brands {width: 600px; margin: 50px auto; text-align: center; margin-top: 0;}

.top-brands span {font-family: Jost, sans-serif; font-weight: 100; font-size: 32px; text-transform: uppercase; margin-right: 8px; cursor: pointer;}
.top-brands span:hover {color: #6f726e; border-bottom: 1px solid #6f726e;}
.top-brands b {font-family: Jost, sans-serif; font-weight: 100; font-size: 32px; text-transform: uppercase; margin-top: 18px;}
.top-brand-image {width: 1260px; min-height: 120px; margin: 50px auto;}
.brand-company {display: inline-block; margin: 0 10px;}
.brand-company img {vertical-align: middle;}

.all-brands {text-align: center;}
.all-brands h3 {font-family: Jost, sans-serif; font-size: 24px;}
.all-brands span {text-align: left; cursor: pointer; text-decoration: underline; text-transform: uppercase;  font-size: 13px; font-family: Jost, sans-serif; font-weight: 600; }
.all-brands span:hover {color: #6f726e;}
.list-brands {-webkit-column-count:3;-moz-column-count:3;column-count:3; width: 1260px; min-height: 420px; margin: 50px auto; text-align: left; display: block;
    -webkit-column-gap: 330px;
    -moz-column-gap: 330px;
    column-gap: 330px;
    -moz-column-width: 200px;
    -webkit-column-width: 200px;
    column-width: 200px;  }
.all-brands p a {text-align: left;  font-size: 18px; font-family: Jost, sans-serif; color: black;}
.all-brands b {cursor: pointer}

.half-back .brand {}

.category-store ul li {float: right; list-style: disc; padding-right: 10px;}
.category-store ul li:first-child {list-style: none;}

.dep-store-list {max-height: 450px; width: 20%; max-width: 350px; overflow: hidden; float: left;}
.dep-store-list a {color: #1d1d1b}
.dep-store-list:nth-child(2n) {margin-top: 20%;}
.dep-store-list:nth-child(6) {clear: both; margin-top: -100px;}
.dep-store-list:nth-child(7) {margin-left: 20%; margin-top: -100px;}
.dep-store-list:nth-child(8) {margin-left: 20%; margin-top: -100px;}
.dep-store-list img {width: 100%}


.dep-store-list p {width: unset; min-height: 60px; background-color: #dedddd;  text-align: center; margin-top: -4px; font-family: "Jost", sans-serif; font-weight: 600; font-size: 24px; padding: 17px 20px; margin-bottom: 0; color: #1d1d1b;}

.sub-container p {
	width: unset; min-height: 60px; background-color: #dedddd;  text-align: center; margin-top: -4px; font-family: "Jost", sans-serif; font-weight: 600; font-size: 24px; padding: 17px 20px; margin-bottom: 0; color: #1d1d1b;
}
.sub-container img {
	width: 100%
}
.sub-container a {
	color: #1d1d1b
}

.dep-store-title {width: 875px; margin: 0 auto;}
.dep-store-title h1 {    font-family: Jost, sans-serif;
    font-weight: 100;
    font-size: 34px;
    text-transform: uppercase;
    margin-top: 18px; text-align: center;}
.dep-store-title hr {border: none; background-color: #888888; height: 2px; margin-top: -20px; width: 100%;}
.dep-store-title p {line-height: 1.3;
    font-size: 18px;
    margin: 30px 0;
    text-align: justify;
    font-family: Jost, sans-serif;}

.dep-store-title a{
	text-decoration: none;
	color: black;
}

.in-parent {min-height: 400px;}
.news .in-parent {height: 1650px;}
.news-list {position: absolute;}
.news-list img {width: 100%; }
.big1 a .link-big, .big2 a .link-big {display: block; position: absolute; width: 100%;  top: 0;}
.big1 a .link-small, .big2 a .link-small {display: none;}
.big1 {left: 5%;  width: 58.75%; margin-right: 1.25%;}
.small1, .small2, .small3, .small4 {overflow: hidden;  }
.small1 a .link-big, .small2 a .link-big, .small3 a .link-big, .small4 a .link-big {display: none;}
.small1 a .link-small, .small2 a .link-small, .small3 a .link-small, .small4 a .link-small {height: 100px; width: 100%; background-color: #dedddd; margin-top: -104px; position: absolute; color: #1d1d1b; text-transform: uppercase; font-family: "Jost", sans-serif;}
.small1 a .link-small:hover, .small2 a .link-small:hover, .small3 a .link-small:hover, .small4 a .link-small:hover {text-decoration: underline; }
.small1 a .link-small p, .small2 a .link-small p, .small3 a .link-small p, .small4 a .link-small p {margin: 20px; font-size: 30px;}
.small1 {right: 5%;  width: 28.75%; margin-left: 1.25%;}
.small2 {right: 5%;  width: 28.75%; margin-left: 1.25%; margin-top: 30%}
.small3 {left: 5%;  width: 28.75%; margin-right: 1.25%; margin-top: 61.25%;}
.small4 {left: 5%;  width: 28.75%; margin-right: 1.25%; margin-top: 91.25%;}
.big2 {right: 5%;  width: 58.75%; margin-left: 1.25%; margin-top: 61.25%;}
.navigation {margin: 10% 0 0 auto; text-align: center; width: 100%;}
.detail-news img {width: 100%; }
.soc-news {width: 90%; margin-right: 5%; margin-left: 5%; }
.detail-news { margin-right: 10px; margin-bottom: 20px; }
.soc-news .half-desc-news .half-desc-in hr {margin-bottom: 50px;}

.half-back-news {width: 50%; float: left; }

/*              dep-store-detail          */
.dep-store-detail {width: 870px; margin: 30px auto; margin-bottom: 45px;}
.dep-store-detail h2 {font-family: Jost, sans-serif;
    font-weight: 600;
    font-size: 34px;
    text-transform: uppercase;
	text-align: center;}
.dep-store-detail hr {    margin-top: -30px;border: none; background-color: #888888; height: 2px; width: 100%; }
.dep-store-detail p {line-height: 1.3;
    font-size: 18px;
    margin: 30px 0;
    text-align: justify;
    font-family: Jost, sans-serif;
    line-height: 1.5;}
.text-content {
	line-height: 1.3;
	font-size: 18px;
	margin: 30px 0;
	text-align: justify;
	font-family: Jost, sans-serif;
	line-height: 1.5;
}
.dep-store-detail p b a {text-decoration: none; color: #1d1d1b;}
.dep-store-detail p b a:hover {cursor: pointer; text-decoration: underline; }
.dep-store-slider {height: 270px;}
.dep-store-brands div { display: inline-block; text-align: center; margin-top: 40px; }
.dep-store-brands img {vertical-align: middle; width: 80%;}
.inner .all-brands {text-align: center; margin-top: 40px;}

.store {text-transform: uppercase; }

.store h3 {font-weight: 100; }
.store ul li {font-size: 20px; line-height: 2}

.store ul li span {text-transform: lowercase; font-size: 16px;}

.category-store {float: right;}

.loyalnost hr {background-color: #595959!important; margin-top: -25px;}
.loyalnost p { line-height: 1.3;
    font-size: 18px;
    margin: 30px 0;
    text-align: justify;
    font-family: Jost, sans-serif;}
.loyalnost .btn {color: #000000; font-family: Jost, sans-serif; border: 2px solid #000000; padding: 10px 30px; text-transform: uppercase; width: 230px; text-align: center; font-size: 14px;}
.loyalnost .btn a {color: #000000; font-family: Jost, sans-serif; background-color: white; padding: 0; font-weight: 600;}
.loyalnost .half-desc-in {}
.half-desc-in-pl-5 {padding: 0 0 5% 5%;}
.half-desc-in-pr-5 {padding: 0 5% 5% 0;}

.bonus-list:first-child {height: 760px;}
.write p:first-child {margin-top: 70px;}
.write p {line-height: 1.3;
    font-size: 18px;
    margin: 30px 0;
    text-align: justify;
    font-family: Jost, sans-serif;}
.write p a {text-decoration: underline; color: #595959;}

.count ul li {list-style: none;  display: inline-block; font-weight: 600;}
.count ul {padding-left: 0;}
.count ul img {margin-bottom: -6px; padding-right: 10px;}
.count p { margin-bottom: -12px;}
.b-counter {float: right; margin-top: -50px;}

.bout {width: 100%; min-height: 692px;}
.boutique hr {background-color: #000000!important; margin-top: -25px;}
.boutique p {color: #000000; line-height: 1.3;
    font-size: 18px;
    margin: 30px 0;
    text-align: justify;
    font-family: Jost, sans-serif;}
.boutique p.link a {text-transform: uppercase; color: black;  font-size: 20px;}
.boutique-form {width: 290px; margin-top: 50px;}
.boutique-form form {width: 100%;}
.boutique-form form select {width: 100%; border: none; border-bottom: 2px solid #000000; text-transform: uppercase; height: 20px; margin-top: 20px; font-size: 11px;}
.boutique-form form select option {height: 20px; background-color: white;}
.btn-boutique {text-decoration: none; color: white; text-transform: uppercase; padding: 6px 47px; background-color: black; font-size: 14px; margin-top: 20px;border: none;}
.btn-boutique:hover { background-color: #6f726e; text-decoration: underline; cursor: pointer}
.boutique-form form select option {height: 20px; background-color: #dedddd;}
.boutique-form .select2-container--default .select2-selection--single {background-color: #dedddd!important;}
.p-boutique {padding: 40px 10% 40px 90px;}


.pezzo-menu {border: none; border-bottom: #9b9b9b 3px solid; border-top: #9b9b9b 3px solid;  width: 60%; margin: 0 auto;}
.pezzo-menu table {width: 100%; height: 85px; font-family: Jost, sans-serif; padding: 20px 0;}
.pezzo-menu table tr td {border-right: #9b9b9b 3px solid; width: 16.6666667%; text-align: center; padding: 0 45px;}
.pezzo-menu table tr td:last-child {border: none;}
.pezzo-menu table tr td a {text-decoration: none; text-transform: uppercase; color: black; line-height: 1.5; font-size: 16px;}
.pezzo-menu table tr td a:hover {text-decoration: underline; color: #6f726e;}
.pezzo-menu table tr td a.active {text-decoration: underline; color: #6f726e;}

#category4 {margin-top: 70px; }
#category4 .child p a {color: black; line-height: 1.2; font-size: 14px; font-family: Jost, sans-serif;}
#category4 h3  {font-family: Jost, sans-serif; font-size: 30px;}

.akcioneram h2 {text-align: center; font-family: Jost, sans-serif; font-weight: 100; border-bottom: 2px solid;
    display: inline-block; font-size: 30px; text-transform: uppercase;}
.akcioneram div {    margin: 0 auto; width: max-content;}
.akcioneram ul li a {color: black; line-height: 1.8; font-size: 18px; font-family: Jost, sans-serif; font-weight: 100;}
/*.akcioneram ul li a:hover::after {content: attr(data-title); font-size: 14px; color: white; background-color: #6f726e; padding: 5px 15px;}*/
.akcioneram ul li a:hover {text-decoration: underline; color: #888888;}
.akcioneram ul {list-style: url("../img/ul.png")}

.gift-card-list { width: 25%;  overflow: hidden; float: left;}
.gift-card-list a {color: #1d1d1b}
.gift-card-list:nth-child(2n) {margin-top: 16.6%;}
.gift-card-list img {width: 100%}
.gift-card-list p {width: unset; background-color: #dedddd;  text-align: left; margin-top: -4px; font-family: "Jost", sans-serif; font-weight: 600; font-size: 32px; padding: 10px 20px; margin-bottom: 0; color: #1d1d1b;}
.gift-card-title {width: 875px; margin: 0 auto;}
.gift-card-title h1 {text-transform: uppercase; font-family: Jost, sans-serif; font-weight: 100; color: #1d1d1b; text-align: center; font-size: 36px;}
.gift-card-title hr {border: none; background-color: #888888; height: 2px; margin-top: -20px; width: 100%;}
.gift-card-title p {line-height: 1.3;
    font-size: 18px;
    margin: 30px 0;
    text-align: justify;
    font-family: Jost, sans-serif;}


.bottom-menu-gift {border: none; border-bottom: #9b9b9b 3px solid; border-top: #9b9b9b 3px solid; margin-top: 60px;}
.bottom-menu-gift table {width: 100%; height: 85px; font-family: Jost, sans-serif; padding: 20px 0;}
.bottom-menu-gift table tr td {border-right: #9b9b9b 3px solid; width: 16.6666667%; text-align: center; padding: 0 5px;}
.bottom-menu-gift table tr td:last-child {border: none;}
.bottom-menu-gift table tr td a {text-decoration: none; text-transform: uppercase; color: black; line-height: 1.5; font-size: 16px;}
.bottom-menu-gift table tr td a:hover {text-decoration: underline; color: #6f726e;}
.bottom-menu-gift .active {text-decoration: underline; color: #6f726e;}

.bottom-menu-gift-bottom {border: none; border-bottom: #9b9b9b 3px solid; width: 30%; margin: 5px auto;}
.bottom-menu-gift-bottom table {width: 100%; height: 85px; font-family: Jost, sans-serif; padding: 20px 0;}
.bottom-menu-gift-bottom table tr td {border-right: #9b9b9b 3px solid; width: 50%; text-align: center; padding: 0 5px;}
.bottom-menu-gift-bottom table tr td:last-child {border: none;}
.bottom-menu-gift-bottom table tr td a {text-decoration: none; text-transform: uppercase; color: black; line-height: 1.5; font-size: 16px;}
.bottom-menu-gift-bottom table tr td a:hover {text-decoration: underline; color: #6f726e;}

.store-list-gift .inner {margin-bottom: 70px;}
.store-list-gift .inner h2 {font-family: Jost, sans-serif; text-transform: uppercase; font-size: 34px;}
.store-list-gift .inner ul {}
.store-list-gift .inner ul li a {font-size: 19px; font-family: Jost, sans-serif; font-weight: 100; color: black;}

.desc-map {line-height: 1.6}
.green {color: green}
.black {color: black}
.red {color: red}
.desc-map a {text-decoration: underline; }

.top-select-point {border: none; border-bottom: #9b9b9b 3px solid; border-top: #9b9b9b 3px solid; width: 30%; margin: 5px auto;}
.top-select-point table {width: 100%; height: 85px; font-family: Jost, sans-serif; padding: 20px 0;}
.top-select-point table tr td {border-right: #9b9b9b 3px solid; width: 33.333333%; text-align: center; padding: 0 5px;}
.top-select-point table tr td:last-child {border: none;}
.top-select-point table tr td a {text-decoration: none; text-transform: uppercase; color: black; line-height: 1.5; font-size: 16px;}
.top-select-point table tr td a:hover {text-decoration: underline; color: #6f726e;}

#map {width: 100%; margin: 0px auto; height: 500px; min-height: 500px!important;}
#mapMagazin {width: 47.5%; float: left; }
.center {margin-left: 5%; width: 90%;}


.map-desc ul li a {font-size: 16px; text-transform: none; font-family: Jost, sans-serif; line-height: 1.5; color: black; /*padding-left: 22px;*/}
.map-desc ul li a span {text-transform: uppercase;}
.map-desc h2 {font-family: Jost, sans-serif; font-weight: 100; font-size: 34px; text-transform: uppercase; margin-top: 18px;}
.map-desc hr {border: none; background-color: black; height: 2px; margin-top: -32px; width: 100%;}
.wrap {margin-top: 20px;}
.wrap ul {-moz-column-count: 2;-webkit-column-count: 2;column-count: 2; column-gap: 100px;}
.wrap ul {list-style: url(../img/dot-red.png); /* Remove list bullets */padding: 0;margin: 0;}
.wrap ul li { margin-left: 20px;}
/*----------------magaziny--------tochki
.wrap ul li:before {content: "•"; padding-right: 8px; color: red; font-size: 50px; position: absolute;margin-top: -21px;}*/

.magazin-list .wrap {margin-top: 20px;}
.magazin-list .wrap ul {-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;}
.magazin-list .wrap ul {list-style: url(../img/dot-red.png); /* Remove list bullets */padding: 0;margin: 0; padding-left: 5%;}
.magazin-list .wrap ul.yellow {list-style: url(../img/dot-yellow.png); /* Remove list bullets */padding: 0;margin: 0; padding-left: 5%;}
.magazin-list .wrap ul.black {list-style: url(../img/dot-black.png); /* Remove list bullets */padding: 0;margin: 0; padding-left: 5%;}
.magazin-list .wrap ul li {line-height: 1.4;}
.magazin-list .wrap ul li a{ color: black; font-family: Jost, sans-serif; line-height: 1.7; font-size: 18px;}
.magazin-list .wrap ul li a span {text-transform: uppercase;}

/*----------------magaziny--------tochki
.magazin-list .wrap ul li:before {content: "•"; padding-right: 8px; color: red; font-size: 50px; position: absolute;margin-top: -25px;}*/


.map-black ul {list-style: url(../img/dot-black.png); /* Remove list bullets */padding: 0;margin: 0; list-style-position: inside;}

/*----------------map--------tochki
.map-black ul li {padding-left: 16px;}
.map-black ul li:before {content: "•"; padding-right: 8px; color: black; font-size: 50px; position: absolute;margin-top: -21px;}*/

.map-green ul {list-style: url(../img/dot-green.png); /* Remove list bullets */padding: 0;margin: 0; list-style-position: inside;}
.map-red ul {list-style: url(../img/dot-red.png); /* Remove list bullets */padding: 0;margin: 0; list-style-position: inside;}
.map-yellow ul {list-style: url(../img/dot-yellow.png); /* Remove list bullets */padding: 0;margin: 0; list-style-position: inside;}

/*----------------map--------tochki
.map-green ul li {padding-left: 16px;}
.map-green ul li:before {content: "•"; padding-right: 8px; color: green; font-size: 50px; position: absolute;margin-top: -21px;}*/

/*.map-red ul {list-style: none; !* Remove list bullets *!padding: 0;margin: 0;}*/
/*.map-red ul li {padding-left: 16px;}*/
/*.map-red ul li:before {content: "•"; padding-right: 8px; color: red; font-size: 50px; position: absolute;margin-top: -21px;}*/


.form-office {width: 100%}
.form-office input {width: 100%}
.for-checkbox input[type="checkbox"] {width: 30px; height: 30px; border: none;}
#form-torgovye_ploschady-v-arendu_CHECKBOX1_7 {margin-top: 3px;position: absolute;left: 0;}
#for-check {width: 1200px;margin-top: 50px;padding-left: 60px;}
.group-button {position: absolute}

.half-desc-in h2 img, .text-layer h2 img {cursor: pointer;}
.half-desc-in h2 img, .text-layer h2 img :hover {invert(100%);}
.supermarket {height: 500px;}
.mh-0 {min-height: 0;}

.bottom-menu table tr td a.active {text-decoration: underline;color: #6f726e; cursor: default;}
.text-layer-bg-univermagi {width: 745px; background-color: rgba(0, 0, 0, 0.58); height: 1000px; transform: rotate(-13deg); margin: -200px auto; text-align: center; color: white; overflow: hidden;}

.btn-brands-boutique {text-transform: uppercase; border: none; background-color: black; color: white; padding: 8px 50px;}
.btn-brands-boutique:hover { cursor: pointer;}

.mobile-footer {
	display: none;
	width: 100%;
	background: #262626;
	background: -moz-linear-gradient(top, #262626 0%, #262626 86%, #000000 100%);
	background: -webkit-linear-gradient(top, #262626 0%,#262626 86%,#000000 100%);
	background: linear-gradient(to bottom, #262626 0%,#262626 86%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#000000',GradientType=0 );
	font-family: Jost, sans-serif;
}
.mobile-footer .inner ul {padding-left: 0;}
.mobile-footer .inner ul li {list-style: none; padding-top: 20px;}
.mobile-footer .inner ul li a {color: white; font-size: 20px; font-family: Jost, sans-serif; text-decoration: none; text-transform: uppercase;}
.mobile-footer .inner ul li a:hover {text-decoration: underline;}
.mobile-footer .inner .social div {margin-left: 12%;     margin-top: 30px;}
.mobile-footer .subscribe { margin-top: 70px; text-align: center;}
.mobile-footer .subscribe span {
	color: white;
	font-size: 2em;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.mobile-footer .subscribe form input[type="submit"] {

	color: #fff;
	border: 2px solid #fff;
	font-family: Jost, sans-serif;
	font-size: 36px;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-webkit-appearance: none;
	-moz-appearance:none;
	background-color: rgba(0,0,0,0);
	margin-top: 20px!important;
	padding: 20px 145px;


}
.mobile-footer .subscribe form input[type="email"]:-moz-placeholder {font-size: 14px;}
.mobile-footer .subscribe form input[type="email"]::-webkit-input-placeholder {font-size: 14px;}
.mobile-footer .subscribe form input[type="email"]:-ms-input-placeholder {font-size: 14px;}
.mobile-footer .cr {text-align: center; margin-top: 60px; padding-bottom: 50px;}

.pezzo-menu-mobile {display: none; width: 80%; margin: 0 auto; text-align: center;}
.pezzo-menu-mobile table {width: 100%;}
.pezzo-menu-mobile table tr { height: 80px;}
.pezzo-menu-mobile table tr td {border-bottom: 2px solid #a8a8a8;}
.pezzo-menu-mobile table tr td a {font-size: 30px; color: black;}
.pezzo-menu-mobile table tr td a.active {color: #7e7e7e; text-decoration: none; border-bottom: 1px solid #7e7e7e;}
.pezzo-menu-mobile table tr td a:hover {color: #7e7e7e; text-decoration: none; border-bottom: 1px solid #7e7e7e;}

.bottom-menu-mobile {display: none; width: 80%; margin: 0 auto; text-align: center;}
.bottom-menu-mobile div {border-bottom: 2px solid #7e7e7e; }
.bottom-menu-mobile div p a {color: black; font-family: Jost, sans-serif; font-size: 30px; text-decoration: none; text-transform: uppercase;}
.bottom-menu-mobile div p a:hover, .bottom-menu-mobile div p a.active {color: #7e7e7e; text-decoration: none; border-bottom: 1px solid #7e7e7e;}

.bottom-menu-gift-mobile {display: none;}

.changeColor {color: #6e736e!important}
.changeColorBorder {border-bottom: 2px solid #6e736e!important;}
.select2-search__field {outline-color: #6e736e}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #6e736e!important}
.changePosition {padding: 5px 65px!important; margin-top: 8px;}

.fontC {font-family: Jost, sans-serif;}
.backgroundGrey {background-color: #dedcdd;}
.minHeight {min-height: 300px;}
.store-list-gift .inner h2 {font-size: 24px;}
input:focus { outline: none;}
.select2-selection:focus { outline: none;}
.brands h2 img {cursor: pointer}
.cr a {color: white}

.bottom-menu-mobile {margin-top: 50px;margin-bottom: 50px;}
.bottom-menu-mobile table {width: 100%;padding: 10px 0; border-bottom: 2px solid #7e7e7e;}
.bottom-menu-mobile table:last-child {border-bottom: none;}
.bottom-menu-mobile table tr  {}
.bottom-menu-mobile table tr td a { font-size: 22px; text-decoration: none; text-transform: uppercase; color: black; }
.bottom-menu-mobile table tr td a.active {text-decoration: underline; color: #7e7e7e}
.bottom-menu-mobile table tr td {width: 50%; padding: 10px 30px;}

.bottom-menu-mobile table tr td:nth-child(2n) {border-left: 2px solid #7e7e7e;}
.dotBoutique { font-size: 30px;position: relative;top: 5px;padding: 10px;}
.child {width: 87%;margin: 0 auto;}

.store-list-gift p {line-height: 1.3;
    font-size: 18px;
    margin: 30px 0;
    text-align: justify;
    font-family: Jost, sans-serif;}


.store-list-gift .inner h2 {font-family: Jost, sans-serif;
    font-weight: 100;
    font-size: 34px;
    text-transform: uppercase;
	text-align: left;}

h1, h2 {margin-top: 0;}

.words-down {display: block; width: 100%; text-align: center; margin-top: 40px; letter-spacing: 4px;}
.words-down span {font-family: Jost, sans-serif; font-size: 24px; text-decoration: none;}
.half-back-right {width: 100%;}
.mr-0 {margin-right: 0;}
.w-100 {width: 100%;}

.show img {
	border: none;}

.brand-filter {
	width: 43%;
	margin: 0 auto;

	height: 50px;
}
.brand-filter span {
	width: 25%;
	display: inline-block;
	text-align: center;

	cursor: pointer;
	text-decoration: none;
	text-transform: unset;
	font-size: 17px;
	font-family: Jost, sans-serif;
	font-weight: 500;
}

.slice {
	margin-top: 0!important;
	height: 1px!important;
}

.top-brand-image {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	-ms-grid-template-columns: repeat(6, 1fr);
	grid-gap: 1vw;
	-ms-grid-gap: 1vw;
}
.top-brand-image > div {
	padding: .5em;
	text-align: center;
}

.dep-store-brands {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	-ms-grid-template-columns: repeat(6, 1fr);
	grid-gap: 1vw;
	-ms-grid-gap: 1vw;
}
.dep-store-brands > div {
	padding: .5em;
	text-align: center;
}

#subs_sent {
	position: absolute;
	/*height: 100px;*/
	width: 400px;
	text-align: center;
	top: calc(50% - 100px);
	left: calc(50% - 200px);
	padding: 2rem;
	border-radius: 4px;
	font-size: 1.1em;
	color: white;
	background-color: rgba(14, 15, 23, 0.6);
	z-index: 2;
}
#sent_ok {
	cursor: pointer;
	padding: 0.5em 2em;
	background-color: black;
	color: white;
	display: inline-block;
}
.informationBlock .subscribe #sub_email { font-family: Jost, sans-serif; font-size: 19px; color: black; }
.informationBlock .subscribe #sub_email, .informationBlock .subscribe #sub_button {width: 236px; margin: 10px 0; height: 30px;}
.informationBlock .subscribe #sub_email::placeholder {font-family: Jost, sans-serif; font-size: 19px; color: black;}
.informationBlock .subscribe #sub_button {height: 30px; background-color: black; color: white; width: 241px; border: 2px solid #ffffff; font-family: Jost, sans-serif; font-size: 15px;}
.informationBlock .subscribe #sub_button:hover {cursor: pointer; background-color: #6f726e; text-decoration: underline;}


.mobile-footer .subscribe #sub_button {
	color: #fff;
	border: 2px solid #fff;
	font-family: Jost, sans-serif;
	font-size: 20px;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-webkit-appearance: none;
	-moz-appearance:none;
	background-color: rgba(0,0,0,0);
	margin-top: 20px!important;
	padding: 0;
}
.mobile-footer .subscribe #sub_button:hover {cursor: pointer; background-color: #6f726e; text-decoration: underline;}


.mobile-footer .subscribe #sub_email { font-family: Jost, sans-serif; font-size: 26px; color: black; }
.mobile-footer .subscribe #sub_email, .mobile-footer .subscribe #sub_button {width: 290px; margin: 10px 0; height: 50px;}

.mobile-footer .subscribe #sub_email::placeholder {font-family: Jost, sans-serif; font-size: 26px; color: black;}
.mobile-footer .subscribe #sub_email:-moz-placeholder {font-size: 26px;}
.mobile-footer .subscribe #sub_email::-webkit-input-placeholder {font-size: 26px;}
.mobile-footer .subscribe #sub_email:-ms-input-placeholder {font-size: 26px;}

.owl-nav svg {width: 16px}
.owl-nav svg polygon {fill: white}
.owl-nav .owl-prev:hover svg polygon{fill: #7ac243}
.owl-nav .owl-next:hover svg polygon{fill: #7ac243}

.not-found-page {
    display: inline-block;
    width: 100%;
}
.not-found-page .wrapper-inside {
    width: 90%;
    margin: 0 auto;
}
.not-found-page .not-found-page-holder {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 172px 0 0;
}
.not-found-page .not-found-page-holder .four-zero-four {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 56px;
}
.not-found-page .not-found-page-holder .four-zero-four img {
    display: inline-block;
}
.not-found-page .not-found-page-holder .note {
    display: inline-block;
    width: 100%;
    font-family: 'Jost', Helvetica, Arial, sans-serif;
    text-align: center;
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    line-height: 130%;
    margin-bottom: 30px;
}
.not-found-page .not-found-page-holder .action {
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center
}
.not-found-page .not-found-page-holder .action .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Jost', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 130%;
    text-decoration: none;
    text-transform: uppercase;
    color: #303039;
    border: 1px solid #303039;
    box-sizing: border-box;
    background: transparent;
    width: 280px;
    height: 60px;
    transition: all 300ms;
}
.not-found-page .not-found-page-holder .action .btn:hover {
    color: white;
    background: #303039;
    transition: all 300ms;
}
.not-found-page .not-found-page-holder .action .btn:focus {
    outline: none;
}

.content-brand-detail {
	margin-left: 2rem;
	margin-right: 2rem;
	border-top: 2px solid black;
}

.social-brand-detail {
	margin-top: 3rem;
	display: flex;
	align-items: center;
	font-family: Jost, sans-serif;
}
.social-brand-detail .name-brand-detail {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: .04em;
}
.social-brand-detail .icon {
	background-color: black;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	display: inline-block;
	margin-left: 1rem;

}
.social-brand-detail .icon:hover {
	background-color: grey;
}

.social-brand-detail .icon img {
	width: 20px;
	margin-top: 3px;
}
.social-brand-detail .icon img.facebook-brand-detail {
	height: 23px;
	margin-top: 4px;
}

.description-brand-detail {
	padding-top: 3rem;
	text-align: left;
	font-size: 19px;
	font-family: Jost, sans-serif;
	font-weight: 100;
}
.brand h1{
	font-family: Jost, sans-serif;
    font-weight: 100;
}

.dep-store-detail h1{
	font-family: Jost, sans-serif;
    font-weight: 100;
    text-align: center;
}
.dep-store-detail hr{
	margin-top: -25px;
}

.brands hr{
	margin-top: -27px;
}

.social-brand-detail .icon img.vk-brand-detail{
	height: 98%;
	width: 98%;
    margin-top: 0px;
    filter: invert(100%);
}

.soc-news .dep-store-detail ul li{
	line-height: 1.3;
    font-size: 16px;
    margin: 20px 0;
    text-align: justify;
    font-family: Jost, sans-serif;
}

.dep-store-detail b a {
    text-decoration: none;
    color: #1d1d1b;
    font-size: 18px;
    margin: 30px 0;
    text-align: justify;
    font-family: Jost, sans-serif;
    line-height: 1.5;
}

.dep-store-title-shops-bottom{
	width: 1280px;
    margin: 0 auto;
}

.dep-store-title-shops-bottom p{
	line-height: 1.3;
    font-size: 18px;
    margin: 30px 0;
    text-align: justify;
    font-family: Jost, sans-serif;
}

.dep-store-title-shops-bottom p:first-child{
	margin-top: -30px;
}

.banner-company .text-layer-bg .text-layer h1{
	font-family: Jost, sans-serif;
    font-weight: 100;
    font-size: 34px;
    text-transform: uppercase;
    margin-top: 18px;
    text-align: center;
}

.half-desc .half-desc-in.futuris.brand h1 img:hover {
	transform: scale(1.2);
	cursor: pointer;
}

.dep-store-title-shops-bottom-bottom{
	font-family: Jost, sans-serif;
	display: flex;
	align-items: center;
	flex-direction: column;
}
.dep-store-title-shops-bottom-bottom p {
	margin-top: 0;
}
.minHeight{
	min-height: 100px!important;
}
.dep-socials{
	display: flex;
}

.h1-main{
	font-family: "Jost", sans-serif;
	text-align: center;
	font-size: 20px;
}

.dep-store-detail{
	font-family: Jost, sans-serif;
}

.address-holder{
	display: flex;
}
.work-time-holder{
	display: flex;
}
.phone-holder{
	display: flex;
}
@media (max-width: 1500px) {
	.hc-boutique .desc{
		padding-top:50px;
	}
}
@media (max-width: 1366px) {
	.hc-boutique .desc{
		padding-top:25px !important;
	}
}
@media (max-width: 1830px) {
	.cs-block .half.bg-grey h2{
		font-size: 20px;
	}
}

@media (max-width: 1280px) {
	.address-container, .text-container {
	padding: 0 18px !important;
}
}
@media (max-width: 1220px) {
	.cs-block .half.bg-grey h2{
		font-size: 16px;
	}
}

@media (max-width: 860px) {
	.address-container, .text-container {
	padding: 0 !important;
}
}

@media screen and (max-width: 800px) {

	.big1 a .link-big, .big2 a .link-big {
		height: auto !important;
	}
 
	.inner.width800 .all-brands .list-brands {
		padding: 0 5vw !important;
		}
    .topMenu .inner {
        margin: 0 auto!important;
        width: calc(100% - 30px);
    }

	.inner {
		margin: 0!important;
		width: 100%;
	}
	.pezzo-menu {
		width: 100%;
		margin: 0 30px 30px;
	}
	.pezzo-menu table tr td {
		padding: 0 10px;
	}
	.information {
		overflow: hidden;
	}
    .dep-store-title{
        width: 100%!important;

    }
    .dep-store-title h1{
        padding-left: 30px;
        width: unset!important;
    }
    .breadcrumbs {
        padding-left: 30px;
    }
	.dep-store-title-shops-bottom{
		width: 100%!important;

	}
	.dep-store-title-shops-bottom p {
		width: unset!important;
	}
	.dep-store-title p {
		width: unset!important;
	}
	.cart {
		padding-left: 30px;
	}
	.width800{
		width: 100%!important;
	}
	.inner .all-brands{
		width: 100%!important;
	}
}

@media (max-width: 1200px) {
	.bg-grey {
		display: flex;
		flex-direction: column;
		padding: 0;

	}
	.hc-boutique img {
		width: 100%;
	}

	.hc-boutique .desc {
		width: 100% !important;
	}
	.hc-boutique .desc {
		padding-left: 0;
		padding-bottom: 25px;
	}

	.bg-grey h2, .bg-grey p, .bg-grey .btn {
		padding-left: 60px;
		padding-right: 60px;
	}

	.bg-grey.p-bg-grey a img {
		width: 100%;
	}

	.dep-store-hc .desc {
		width: 100%;
		padding: 25px 0;
	}

	.half.bg-grey.p-bg-grey {
		width: 100%;
	}
	.cs-block .half.bg-grey h2, .bg-grey .btn  {
		text-align: center;
		margin-bottom: 20px;
	}

	.h1-main {
    display: flex;
    width: 100%;
    justify-content: center;
}

}

@media screen and (max-width: 938px) {
.breadcrumbs h1.breadcrumsh1, .breadcrumbs .inner a, .breadcrumbs .inner span {
	line-height: 22px !important;
}

.breadcrumbs .inner {
	margin: 0 auto !important;
}

.breadcrumbs {
	height: auto;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-right: 30px;
}

}

.brand-filter {
	width: 60% !important;
}

@media screen and (max-width: 800px) {
    .hc-boutique .inner .bg-grey .desc {
        width: unset !important;
    }

	.text-layer-desc p {
        margin: 7px 0 !important;
    }

	 .bottom-menu {
        margin-left: 0 !important;

    }

	.bottom-menu {
		overflow: auto !important;
	}

	.bottom-menu::-webkit-scrollbar {
		display: none !important;
	}

	.inner.write {
		width: 90%;
		margin: 0 auto !important;
	}

	.all-brands {
		width: 100% !important;
	}

	.list-brands {
		padding: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
	}
	.top-brands {
		max-width: 600px !important;
		width: 100% !important;
		margin-top: 40px;
	}
	.brand-filter {
		width: 100% !important;
	}

	.brand-filter p {
		display: flex !important;
		gap: 30px !important;
	}
	.brands-form {
		margin: 0 auto !important;
	}

	.brands-form form span{
		width: 100% !important;
	}

	.news .in-parent {
		height: auto !important;
	}
	.big2 {
	margin-top: 26px !important;
	height: auto !important;
	}
	.news-list.big2 {
	margin-top: 26px !important;
	}
	.news-list.big2 a img {
		margin-top: 4% !important;
	}

	.big1 {
		margin-top: 0 !important
	}
	.navigation {
		margin-top: 0 !important;
	}

	.small3, .small1, .small2, .small4 {
		margin-top: 3% !important;
	}
}

@media (max-width: 572px) {
	.brand-filter p {
        gap: 30px !important;
        flex-wrap: wrap;
    }

	.list-brands {
		margin-top: 80px !important;
	}

	.small1 a .link-small p, .small2 a .link-small p, .small3 a .link-small p, .small4 a .link-small p {
    margin: 10px !important;
    font-size: 14px !important;
}

.navigation .text a img, .navigation .text b img {
	height: 18px !important;
	width: 18px !important
}

}


@media screen and (max-width: 500px) {
    .text-layer-desc {
        margin-left: 20% !important;
		max-width: 300px !important;
    }

	.text-layer-desc p {
        margin: 20px 0 !important;
    }

    .text-layer-bg {
        overflow: visible;
		width: 170% !important;
        margin-left: -10% !important;
    }
	.banner-company {
		height: 920px !important;
	}
	.bg-grey h2, .bg-grey p, .bg-grey .btn  {
		padding-left: 0;
		padding-right: 0
	}
    .banner-company .text-layer-bg .text-layer h1 {
        text-align: center!important;
        display: flex !important;
        justify-content: center !important;
        gap: 10px !important;
        max-width: 500px !important;
    }
	
}

@media (max-width: 460px) {
	    .loyalnost .btn a {
        font-size: 18px !important;
    }
	.loyalnost .btn  {
        padding: 10px 4px!important;
    }

	.list-brands {
	margin-top: 80px !important;
}
	.brands, .all-brands {
		margin-top: 0 !important;
	}
	.inner.width800 .all-brands {
		margin-top: 40px !important;
	}
}

.brands {
	width: 90%;
	margin: 0 auto;
}


@media (max-width: 1260px) {
    .top-brand-image {
        max-width: 1000px !important;
        margin: 50px auto;
        width: 100% !important;
    }
}