/* ------------------  GENERAL --------------------*/

*,
*::after, 
*::before {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

:root {
	--font: 'Manrope', sans-serif;
	--font-secondary: 'Inter', sans-serif;
	
	--white: #ffffff;
	--black: #1C1C1C;
	--gray: #D0D0D0;
	--gray-dark: #8D8D8D;
	--green: #27AE7F;
	--blue: #2937B2;
	
}

body, html {
	background-color: var(--white);
	color: var(--black);
	font-family: var(--font);
	font-size: 16px;
	font-weight: 400;
	-webkit-text-size-adjust: 100%;
	line-height: 1;
}

body.active {
	overflow: hidden;
}

h1 {
	font-size: 70px;
	font-weight: 600;
	line-height: 1.1;
}


h2 {
	font-size: 95px;
	line-height: 1;
	font-weight: 700;
}

h3 {
	font-size: 30px;
	font-weight: 500;
	line-height: 1.2;
	text-transform: uppercase;
}

a {
  color: inherit;
  text-decoration: none;
  outline: none;
  transition: 0.3s all;
}
ul {
  list-style: none;
}
ul li {
  position: relative;
}
ul li:last-child {
  margin-bottom: 0;
  margin-right: 0;
}

ol {
  margin: 0;
}

ol li:last-child {
  margin-bottom: 0;
}

p {
  line-height: 1.4;
}

input[type='text'],
input[type='email'],
input[type='password'],
input[type='number'],
textarea {
	display: inline-block;
	width: 100%;
	height: 44px;
	padding: 0;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid var(--black);
	background-color: transparent;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.8px;
	-webkit-appearance: none;
	-moz-appearance: none;
	  appearance: none;
	resize: none;
	outline: none;
	transition: all linear 0.1s;
}
input::-moz-placeholder, textarea::-moz-placeholder {
 	 opacity: 1;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  text-transform: uppercase;
  color: var(--black);
}
input:focus,
textarea:focus {
  background-color: transparent;
  border-bottom: 1px solid #000;
}


input::placeholder {
  opacity: 1;
}

input,
textarea,
select,
input:active,
textarea:active {
  outline: none transparent !important;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  -moz-outline: none !important;
  font-family: var(--font);
}

textarea {
  overflow: auto;
  min-height: 40px;
  padding: 8px 0 2px;
}

textarea:focus {
 border-bottom: 1px solid #000;
}

input[type=submit],
button[type=submit],
input[type=reset],
button[type=reset],
input[type=radio],
input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

a:active, a:focus, div:active, div:focus, button:active, button:focus {
  outline: 0 !important;
  outline-color: transparent !important;
  outline-width: 0 !important;
  outline-style: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { 
	display: none; 
}

button {
  cursor: pointer;
  border: none;
  background: none;
  font-family: var(--font);
}

input:focus::-moz-placeholder {
  color: transparent !important;
}

input:focus::placeholder {
  color: transparent !important;
}

textarea:focus::-moz-placeholder {
  color: transparent !important;
}

textarea:focus::placeholder {
  color: transparent !important;
}

img{
    image-rendering: -webkit-optimize-contrast !important;
}


.inner {

  width: 100%;
  max-width: 1920px;
  height: 100%;
  margin: 0 auto;
}

.wrapper {
  min-height: 100%;
}

.content {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
  position: relative;
  z-index: 5;
}

.button {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	padding: 0 10px;
	border-radius: 0;
	transition: .3s all;
	font-family: var(--font);
	font-size: 16px;
	line-height: 1.1;
	font-weight: 600;
	letter-spacing: 0.4px;
}

.button-bordered {
	height: 40px;
	border-radius: 65px;
	border: 1px solid var(--black);
	font-size: 14px;
	font-family: var(--font-secondary);
	font-weight: 400;
}

.button-black {
	background-color: var(--black);
	color: var(--white);
	border: 1px solid  var(--black);
	cursor: pointer;

}

.button-black:hover {
	background-color: transparent;
	color: var(--black);

}

.button-gray {
	background-color: var(--gray);
	color: var(--black);
	border: 1px solid  var(--gray);
	cursor: default;
}

.button-gray:hover {
	background-color: var(--gray);
	color: var(--black);
}

.button-ozon {
	height: 40px;
	border-radius: 65px;
	border: 1px solid #005bff;
	background: #005bff;
	font-size: 14px;
	font-family: var(--font-secondary);
	font-weight: 400;
	color: #fff;
}

.button-ozon:hover{
    opacity: .8;
}


.bg {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.page-link {
	display: block;
	padding: 15px;
	font-size: 20px;
}

img {
	display: block;
	width: 100%;
}

.section-subtitle {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.50;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}

.section-title {
	font-size: 28px;
	font-weight: 500;
	line-height: 1.50;
	letter-spacing: 1.4px;
	text-transform: uppercase;
}

p {
	font-weight: 400;
	line-height: 1.63;
	letter-spacing: 0.4px;
}

/* ------------------  Header --------------------*/

.header {
	position: relative;
	z-index:80;
}

.header .content {
	border-bottom: 1px solid var(--gray);
}

.header__inline {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	padding-top: 25px;
}

.logo {
	flex: 0 0 180px;
	margin-right: auto;
	margin-bottom: 27px;
}

.logo img {
	width: 150%;
}

.footer__top .logo img{
	width:130%;
}

.header__open {
	flex-shrink: 0;
	width: 37px;
	display: none;
	cursor: pointer;
	opacity: .5;
	margin-left: 45px;
}

.header__top {
	position: relative;
	top: -4px;
	flex: 0 1 600px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-left: auto;
}

.header__btn {
	position: relative;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 26px;
	height: 26px;
	margin-right: 22px;
}

.header__btn img {
	opacity: .6;
	transition: .3s all;
}

.header__btn:hover img {
	opacity: 1;
}

.header__value {
	position: absolute;
	top: -5px;
	right: -5px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #000;
	font-size: 12px;
	text-align: center;
	color: #fff;
}

.header__wp {
	width: 28px;
	height: 28px
}

.header__btn:last-child {
	margin-right: 0;
}

.header__btn img {
	width: auto;
	max-width: 100%;
	max-height: 100%;
}

.img-hidden {
	display: none;
}

.header__search.active img {
	display: none;
}

.header__search.active .img-hidden {
	display: block;
	width: 20px;
}

.main-nav {
	flex: 0 1 824px;
}

.main-nav-bg {
	display: none;
}

.main-nav__close {
	display: none;
	cursor: pointer;
}

.main-nav__list {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.main-nav__item {
	display: flex;
	align-items: flex-start;
	height: 43px;
	margin-right: 20px;
}

.main-nav__item a {
	font-size: 14px;
	letter-spacing: 0.49px;
	position: relative;
	z-index: 2;
}

.main-nav__item a img {
	display: none;
}

.header__bottom {
	position: relative;
	top: -5px;
	display: flex;
	align-items: center;
	padding-right: 5px;
}

.main-nav__sublist {
	display: none;
	position: absolute;
	top: 42px;
	left: 0;
	padding: 15px;
	background-color: var(--white);
}

.main-nav__sublist.active {
	display: block;
}

.main-nav__sublist::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 1px;
	background-color: var(--green);
}

.main-nav__subitem {
	margin-bottom: 22px;
}

.main-nav__drop{
	position: relative;
}

.btn-submenu-toggle{
	position: absolute;
	right: -15px;
	top: 0;
	width: 54px;
	height: 54px;
	text-align: center;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: none;
	background-color: transparent;
}

.btn-submenu-toggle svg{
	width: 20px;
	height: 20px;
}

@media(max-width: 1023px) {
	.btn-submenu-toggle{
		display: flex;
	}
}

.choice {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100vh;
}

.contact.active {
	display: flex;
}

.choice__main {
	flex: 0 0 640px;
	height: 100%;
	padding: 100px 20px 30px 45px;
	background-color: var(--white);
	overflow-y: auto;
	scrollbar-width: thin;
}

.contact__main::-webkit-scrollbar {
  width: 2px;
}

.contact__main::-webkit-scrollbar-track {
  background: #F7F3F0;
}
.contact__main::-webkit-scrollbar-thumb {
  background-color: var(--green);
}

.choice__bg {
	flex: 1 1 auto;
	cursor: pointer;
	background: rgba(28, 28, 28, 0.40);
	backdrop-filter: blur(2px);
}

.choice__close {
	position: absolute;
	top: 30px;
	right: 40px;
	width: 30px;
	height: 30px;
	cursor: pointer;
}


.choice__title {
	margin-bottom: 27px;
}

.contact__list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 43px;
}

.contact__item {
	display: flex;
	align-items: center;
	min-width: 195px;
	margin-right: 59px;
	margin-bottom: 37px;
	letter-spacing: 0.4px;
}

.contact__ico {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 26px;
	height: 26px;
	margin-right: 10px;
}

.contact__ico img {
	width: auto;
	max-width: 100%;
}

.contact__input {
	margin-bottom: 29px;
}

.contact__check {
	margin-top: 40px;
	margin-bottom: 29px;
}

.contact__btn {
	width: 200px;
	height: 42px;
}

.search {
	display: none;
	position: absolute;
	top: 129px;
	left: 0;
	width: 100%;
	background-color: var(--white);
}

.search.active {
	display: block;
}

.search__inner {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.result {
	flex: 0 1 510px;
	margin-top: 107px;
	margin-right: 20px;
}

.search__main {
	flex: 0 1 600px;
}

@media(min-width: 1200px){
	.search__main{
		width: 600px;
	}

	.search__inner .result{
		width: 580px;
	}
}

/*
.result__list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	height: calc(100vh - 220px);
	overflow-y: auto;
	scrollbar-width: thin;
	padding-bottom: 40px;
	padding-right: 10px;
	position: relative;
}
*/

.search__result,
.search__result-results{
	position: relative;
}

.result__list::-webkit-scrollbar {
  width: 2px;
}

.result__list::-webkit-scrollbar-track {
  background: #F7F3F0;
}
.result__list::-webkit-scrollbar-thumb {
  background-color: var(--green);
}
 
.result__list .picture__img img {
	width: auto;
	height: auto;
	object-fit: contain;
	max-width: 100%;
	max-height: 100%;
}

.result__list .picture__img {
	margin-bottom: 10px;
}

.result__list .picture__name {
	margin-bottom: 5px;
	font-size: 16px;
	text-transform: none;
}

.search__form {
	position: relative;
	margin-bottom: 36px;
}

.search__btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 13px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 34px;
	height: 34px;
	opacity: .8;
}

.search__input input {
	height: 64px;
	border-bottom: 1px solid #D0D0D0;
	font-size: 35px;
	font-weight: 400;
}

.search__input input::placeholder {
	color: #D0D0D0;
	text-transform: none;
}

.search__inline {
	display: flex;
	justify-content: space-between;
} 

.search__title {
	margin-bottom: 18px;
	color: var(--gray-dark);
	font-size: 16px;
	line-height: 1.5;
	font-weight: 500;
	letter-spacing: 0.8px;
	text-transform: uppercase;
}

.search__double {
	display: flex;
	flex-wrap: wrap;
	max-width: 360px;
}

.search__double .search__item {
	width: 100%;
}

@media(min-width: 768px){
	.search__double .search__item {
		width: 33%;
	}
}
 

.search__item {
	margin-bottom: 20px;
}

.search__item a {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.49px;
	text-transform: lowercase;
}

/*
===================================*/
.ui-autocomplete,
.ui-autocomplete.ui-widget-content{
    border: none !important;
    max-width:100%;
    padding:0; 
    background-color: #fff;
}

.ui-autocomplete.ui-widget-content{
	display: flex !important;
	justify-content: space-between;
	flex-wrap: wrap;
	height: calc(100vh - 220px);
	overflow-y: auto;
	scrollbar-width: thin;
	padding-bottom: 40px;
	padding-right: 10px;
}

.ui-autocomplete.ui-widget-content::-webkit-scrollbar {
	width: 2px;
}
  
.ui-autocomplete.ui-widget-content::-webkit-scrollbar-track {
	background: #F7F3F0;
}

.ui-autocomplete.ui-widget-content::-webkit-scrollbar-thumb {
	background-color: var(--green);
}

.ui-menu .ui-menu-item{
    list-style: none;
    padding: 0;
    margin: 0;
	width: 100%;
}

@media(min-width: 1024px){ 
	.ui-menu .ui-menu-item{ 
		width: 45%;
	}
}

.search__result .ui-menu .ui-menu-item-wrapper{
    padding: 0;
}

.search__result .ui-state-active, 
.search__result .ui-autocomplete.ui-widget-content .ui-state-active, 
.search__result .ui-widget-header .ui-state-active, 
.search__result a.ui-button:active, 
.search__result .ui-button:active, 
.search__result .ui-button.ui-state-active:hover {
  border: 1px solid #fff !important ;
  background: transparent !important ;
  font-weight: normal ; 
  color: inherit !important;
}

.search__result-results{
    position: relative;
}

.search__result-results>ul{
    position: static !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0;
}

.search .ui-autocomplete-loading {
    background:#f7f7f7 !important;
}

.search__result{
    padding-bottom: 20px;
}

.ui-widget-content a.search__all{
    color: #27ae7f;
    margin: 20px 0 0 !important;
    padding: 0 !important;
    border: none !important;
}

.ui-widget-content a.search__all:hover{
    color: #27ae7f;
    text-decoration: none;
}

.filter__item input:checked ~ label sup{
    display: none;
}

.ui-state-active a{
	color: #333 !important;
}

/*
================================ */
.choice-favourite.active {
	display: flex;
}

.choice-basket.active {
	display: flex;
}

.choice .purchasing__list {
	margin-right: 40px;
	padding-right: 40px;
	max-height: 515px;
	overflow-y: auto;
	scrollbar-width: thin;
	margin-bottom: 6vh;
}


.choice .purchasing__list::-webkit-scrollbar {
  width: 2px;
}

.choice .purchasing__list::-webkit-scrollbar-track {
  background: #F7F3F0;
}
.choice .purchasing__list::-webkit-scrollbar-thumb {
  background-color: var(--green);
}

.nav-mob {
	position: fixed;
	z-index: 60;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0 20px;
	display: none;

}

.nav-mob__list {
	border-radius: 5px;
	background: #F8F8F8;
	display: flex;
	height: 60px;
	align-items: center;
	justify-content: space-between;
	padding: 0 14px;
} 

.choice-basket .order__total {
	margin-bottom: 25px;
}

.choice-basket .promo {
	margin-right: 40px;
}

.choice-basket .choice__btn{
	margin-right: 40px;
}

.choice-favourite .choice__main {
	display: flex;
	flex-direction: column;
}

.choice-favourite .choice__btn {
	margin-top: auto;
}

.choice-favourite .purchasing__list {
	margin-bottom: 4vh;
}

.choice-favourite .purchasing__inline {
	align-items: center;
}

.purchasing__buy {
	width: 150px;
	height: 42px;
}

.choice-favourite .purchasing__sublist {
	margin-bottom: 10px;
}

/* ------------------  offer --------------------*/

.offer {
	margin-bottom: 100px;
}

.offer .content {
	padding: 0;
}

.offer__gallery {
  position: relative;
}
.offer__swiper {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.offer .swiper-slide {
  position: relative;
  height: 480px;
  text-align: left;
  font-size: 16px;
  background-color: #F8F8F8;
  /* Center slide text vertically */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.offer__item {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.variant-1 {
	align-items: center;
	background: linear-gradient(98deg, #E1D4BC 2.12%, #CFBDA2 88.37%);
}

.variant-2 {
	background: linear-gradient(99deg, #F8F8F8 11.15%, #E1E1E1 88.42%);
}

.variant-1 .offer__img {
	position: absolute;
	z-index: 4;
	left: auto;
	right: 0;
	width: 680px;
	height: 100%;
}

.variant-1 .offer__main {
	position: relative;
	z-index: 5;
	flex: 0 1 950px;
	height: auto;
}

.variant-2 .offer__main {
	align-self: center;
	height: auto;
}

.variant-1 .offer__main p {
	max-width: 520px;
}

.offer__img {
	flex: 0 1 640px;
	height: 100%;
	overflow: hidden;
}

.offer__img img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.offer__main {
	flex: 0 1 700px;
	height: 100%;
	padding: 40px;
	padding-left: 45px;
}

.offer__inline {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 40px;
}

.offer__period {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.5px;
}

.offer__btn {
	min-width: 150px;
	margin-right: 20px;
}

.offer__btn:last-child {
	margin-right: 0;
}

.offer__title {
	margin-bottom: 15px;
	font-size: 26px;
	line-height: 1.5;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.offer p {
	max-width: 355px;
	margin-bottom: 40px;
	font-size: 18px;
	line-height: 1.38;
	font-weight: 400;
	letter-spacing: 0.5px;
}

.offer__more {
	width: 270px;
	height: 42px;
}

.offer__controls {
  position: relative;
  z-index: 20;
  display: flex;
  align-items: center;
  padding: 0 40px;
  margin-top: 8px;
}

.offer .swiper-pagination {
  position: static !important;
  flex: 1 1 auto;
  display: flex;
  justify-content: space-between;
}

.swiper__controls {
	flex-shrink: 0;
	display: flex;
	justify-content: space-between;
	width: 86px;
	margin-left: 29px;
}

.swiper-button-next, .swiper-button-prev {
  position: static !important;
  width: 30px !important;
  height: 30px !important;
  margin-top: 0 !important;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: transparent !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
}

.swiper-button-prev {
  background-image: url(../img/layout/general/slide-prev.svg);
}
.swiper-button-next {
  background-image: url(../img/layout/general/slide-next.svg);
}

.offer__controls_0{
}

.offer__controls_0 > * {
    position: absolute !important ;
    top: 50% !important;
    margin-top: -30px !important;
    opacity: 0;
    transition: opacity .3s !important;
}

.offer__controls_0 .offer-button-prev{
    left: 10px;
}

.offer__controls_0 .offer-button-next{
    right: 10px;
}

.offer__gallery:hover .offer__controls_0 > * { 
    opacity: 1;
}


.offer .swiper-pagination-bullet {
  width: 32%;
  height: 1px;
  display: inline-block;
  border-radius: 0 !important;
  background: var(--gray);
  opacity: 1 !important;
  margin: 0 !important;
}

.offer .swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--black);
  border: none;
}

.consult {
	position: absolute;
	right: 40px;
	bottom: -70px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 270px;
	height: 54px;
	padding: 10px 20px;
	border-radius: 2px;
	border: 1px solid var(--gray-dark);
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.8px;
	text-transform: uppercase;
}

.consult img {
	flex-shrink: 0;
	width: 43px;
	margin-left: 15px;
	
}

/* ------------------ about --------------------*/

.about {
	margin-bottom: 80px;
}

.about__inline {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.about__img {
	flex: 0 1 600px;
	margin-right: 20px;
}

.about__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about__main {
	flex: 0 1 556px;
}

.about__title {
	margin-bottom: 24px;
}

.about p {
	margin-bottom: 24px;
}

.about__btn {
	width: 270px;
	margin-top: 60px;
}

/* ------------------ purchase --------------------*/

.purchase {
	margin-bottom: 80px;
}

.purchase__title {
	margin-bottom: 40px;
}

.purchase__list {
	display: flex;
	justify-content: space-between;
}

.purchase__item {
	width: 30.8%;
}

.purchase__img {
	height: 300px;
	margin-bottom: 30px;
}

.purchase__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.purchase__subtitle {
	margin-bottom: 20px;
}

.purchase p {
	max-height: 208px;
	margin-bottom: 40px;
	overflow: hidden;
}

/* ------------------ collections --------------------*/

.collections {
	margin-bottom: 80px;
}

.collections__inline {
	display: flex;
	justify-content: space-between;
}

.collections__main {
	flex: 0 1 370px;
}

.collections__title {
	margin-bottom: 11px;
}

.collections__aside {
	flex: 0 1 784px;
	margin-left: 20px;
}

.collections__list {
	margin-bottom: 30px;
}

.collections__item {
	position: relative;
	display: flex;
	height: 220px;
	margin-bottom: -80px;
	transition: .5s all;
	top: 0;
}

.collections__item:hover {
	top: -10px;
}

.collections-inside .collections__item {
	height: 300px;
	margin-bottom: -75px;
}

.collections-inside .collections__inner {
	height: 225px;
	border-bottom: none;
	justify-content: flex-start;
	padding-top: 30px;
}

.collections-inside .collections__img {
	flex: 0 0 785px;
}

.collections-inside .collections__item:last-child {
	height: 270px;
}

.collections-inside .collections__item:last-child .collections__inner {
	border-bottom: 1px solid var(--gray);
	height: 270px;
}

.collections__inner {
	position: relative;
	flex: 1 1 auto;
	height: 170px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 14px;
	padding-bottom: 30px;
	border: 1px solid var(--gray);
	border-right: none;
	background-color: var(--white);
}

.collections__inner::after {
	content: '';
	position: absolute;
	bottom: 50px;
	right: 20px;
	width: 53px;
	height: 28px;
	background-image: url(../img/layout/general/slide-next.svg);
	background-repeat: no-repeat;
	background-size: 53px;
	opacity: 0;
	transition: .3s all;
}

.collections__item:hover .collections__inner {
	background-color: #F8F8F8;
}

.collections__item:hover .collections__inner::after {
	opacity: 1;
}

.collections__item:last-child .collections__inner::after {
	bottom: 23px;
}

.collections__subtitle {
	margin-bottom: 5px;
}

.collections__item p {
	max-width: 310px;
}

.collections__img {
	overflow: hidden;
	flex: 0 0 370px;
	height: 100%;
	border: 1px solid var(--white);
	border-left: none;
	border-radius: 0px 100px 0px 0px;
}

.collections__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top ;
}

.collections__item:last-child {
	display: flex;
	height: 170px;
	margin-bottom: 0;
}

.collections__btn {
	font-size: 20px;
}



/* ------------------ news --------------------*/

.news {
	position: relative;
	margin-bottom: 80px;
}

.news__title {
	margin-bottom: 40px;
}

.news__swiper {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.news .swiper-slide {
  position: relative;
  text-align: left;
  font-size: 16px;
  background-color: transparent;
  /* Center slide text vertically */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.news .swiper__controls {
	position: absolute;
	z-index: 40;
	right: 40px;
	top: 5px;
	margin-left: 0;
}

.news-tours .swiper__controls {
	right: 0;
	
}

.news__item {
	width: 100%;
}

.news__img {
	display: block;
	height: 260px;
	margin-bottom: 15px;
}

.news__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news__date {
	margin-bottom: 15px;
	color: var(--gray-dark);
	letter-spacing: 0.4px;
}

.news__subtitle {
	overflow: hidden;
	max-height: 48px;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.8px;
}

.news__more {
	display: flex;
	justify-content: space-between;
	align-items: center;
	letter-spacing: 0.4px;
}

.news__more img {
	opacity: .6;
	width: 36px;
}


/* ------------------ survey --------------------*/

.survey {
	margin-bottom: 80px;
}

.survey__title {
	margin-bottom: 12px;
	font-size: 24px;
}

.survey__inline {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	padding: 30px 0;
	border-top: 1px solid var(--gray);
	border-bottom: 1px solid var(--gray);
}

.survey__img {
	flex: 0 1 601px;
	margin-right: 20px;
}

.survey__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.survey__main {
	flex: 0 1 555px;
}

.survey__subtitle {
	margin-bottom: 37px;
	font-size: 20px;
	line-height: 1.3;
	font-weight: 400;
	letter-spacing: 0.5px;
}

.survey__item {
	margin-bottom: 46px;
}

.survey__item:last-child {
	margin-bottom: 0;
}

.radio {
	display: block;
	position: absolute;
	z-index: -1;
	opacity: 0;
	width: 0;
	height: 0;
	padding: 0;
}

.radio + label {
	position: relative;
	padding: 0 0 0 30px;
	cursor: pointer;
	display: block;
	letter-spacing: 0.4px;
	line-height: 1.4;
}

.radio + label:before {
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid var(--black);
	background: transparent;
}

.radio + label:after {
	content: '';
	position: absolute;
	top: 6px;
	left: 3px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: var(--green);
	opacity: 0;
	transition: .2s;
}

.radio:checked + label:after {
	opacity: 1;
}

.survey__btn {
	width: 270px;
	height: 42px;
	margin-top: auto;
}

fieldset {
	display: none;
	flex-direction: column;
	height: 400px;
	border: none;
	outline: none;
}

fieldset.visible {
	display: flex;
}

.survey__answer {
	display: flex;
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 1.3;
	font-weight: 400;
	letter-spacing: 0.5px;
}

.survey__result {
	margin-bottom: 40px;
}

.survey__result p {
	letter-spacing: 0.4px;
}

.survey__test {
	width: 270px;
	height: 42px;
}

/* ------------------ actual --------------------*/

.actual {
	position: relative;
	margin-bottom: 80px;
}
 
.actual__head { 
	margin-bottom: 40px;
}

.actual__head-buttons{
    display: flex; 
	align-items: center;
}
.actual__btn {
	width: auto;
	height: 40px;
	font-size: 14px;
	margin: -25px 10px 10px 10px;
}

@media(min-width: 768px){
   .actual__btn {
    	width: 150px; 
	    margin: 10px 15px 0 0 ;
	    font-size: 16px;
    } 
}


@media(min-width: 992px){
   .actual__head {
    	display: flex; 
	    align-items: center;
    }
    
   .actual__btn {
	    margin: 0 0 0 15px; 
    } 
    
    .section-title + .actual__btn{
        margin-left: 30px;
    }
}

.actual__swiper {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.actual .swiper-slide {
  position: relative;
  text-align: left;
  font-size: 16px;
  background-color: transparent;
  /* Center slide text vertically */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.actual .swiper__controls {
	position: absolute;
	z-index: 40;
	right: 40px;
	top: 5px;
	margin-left: 0;
}

.picture {
	display: block;
	width: 100%;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--gray);
}

.picture__img {
	display: block;
	margin-bottom: 20px;
	position: relative;
}

.picture__img img {
	width: 100%;
	height: 100%; 
}

.is-sold-out .picture__img{
	position: relative;
}

.is-sold-out .picture__img::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: '';
	background-color: rgba(221, 221, 221, 0.5);
	z-index: 2;
}

.product-sold-out{
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 80px;
	top: 50%;
	left: 0;
	right: 0;
	margin-top: -40px;
	background-color: var(--gray);
	color: var(--black);
	text-transform: uppercase;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
}

.picture__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.picture__head .picture__name{
	margin-bottom: 0;
}

.picture__like {
	width: 27px;
	cursor: pointer;
}

.picture__like svg{
	width: 27px;
	height: 25px;
	fill: #1C1C1C;
}

.picture__like.voted svg{
	fill: #27AE7F;
}

.picture__like .img-hidden {
	display: none;
}

.picture__name {
	margin-bottom: 10px;
	font-size: 24px;
	line-height: 1.5;
	font-weight: 500;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}

.picture__size {
	color: var(--gray-dark);
	letter-spacing: 0.4px;
}

.picture__type {
	font-size: 12px;
	line-height: 1.5;
	font-weight: 400;
	letter-spacing: 0.12px;
}

.picture__bottom{
    margin-top: 15px;
    justify-content: space-between;
    align-items: flex-end;
}

.picture__prices{
    
}

.picture__price { 
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.5px;
}

.picture__old_price{
    padding-top: 1px; 
    opacity: .8;
    position: relative;
    font-size: 12px;
    display: inline-block;
}

.picture__old_price::after{
    content: "";
    width: 100%;
    height: 1px;
    background: #666;
    position: absolute;
    left: 0;
    right: 0;
    top: 8px;
    transform: rotate(-8deg);
}

@media(min-width: 768px){
    .picture__prices{
        display: flex;
    }
    .picture__old_price{
        font-size: 18px;
        order: 2;
        margin-left: 15px;
    }
    .picture__old_price::after{
        top: 10px; 
    }

}

.swiper-slide .picture{
    border: none;
}

.swiper-slide .picture hr{
    border: none;
    background: transparent;
    border-bottom: 1px solid var(--gray);
    margin: 20px 0;
}

.swiper-slide .picture .button{
    width: 80%;
}

.picture-btn-more{
    display: none;
}

.actual__swiper .picture .button{
    display: flex;
}

/* ------------------ subscribe --------------------*/

.subscribe {
	margin-bottom: 80px;
}

.subscribe .content{
    border: 1px solid #D0D0D0;
	display: block; 
	padding: 30px 30px 300px;
	max-width: 345px;
	background: url(../img/layout/popup-bg-2_mob.png) no-repeat 100% 100%; 

}

.subscribe-inner{
    width: 100%;
    max-width: 540px;
}

.subscribe__title { 
	margin-bottom: 0;
	padding-bottom: 15px;  
	line-height: 1.3;
	letter-spacing: normal;
}
    
.subscribe .subscribe__btn {
	width: 100%;
}

@media(min-width: 992px){
    .subscribe .content{ 
	    max-width: 1280px;
    	padding: 30px 44px 40px;
    	background: url(../img/layout/subscribe-bg-2.png) no-repeat 100% 100%, linear-gradient(319.87deg, #E9F6F4 19.7%, #FFFFFF 51.63%); 
    }
    
    .subscribe__title {  
    	line-height: 40px;
    }
    
    .subscribe .subscribe__btn {
    	width: 200px;
    }

}

.subscribe__inline {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.subscribe__form {
	flex: 0 1 600px;
}

.subscribe__form p {
	max-width: 430px;
	margin-bottom: 20px;
}

.subscribe__input {
	margin-bottom: 30px;
}

.subscribe__input input {
	height: 62px;
	padding: 0;
	border: none;
	border-bottom: 1px solid var(--black);
	font-size: 28px;
	line-height: 1.5;
	font-weight: 500;
	letter-spacing: 1.4px;
	border-radius: 0;
}

.subscribe__input input::placeholder {
	opacity: 1;
	color: var(--black);
	text-transform: uppercase;
}

.test-email::placeholder {
	opacity: .3;
	color: var(--black);
}

.subscribe__bottom {
	display: flex;
	align-items: center;
}

.subscribe__btn {
	width: 200px;
	height: 42px;
	margin-right: 40px;
}

.checkbox {
	display: block;
	position: absolute;
	z-index: -1;
	opacity: 0;
	width: 0;
	height: 0;
	padding: 0;
}

.checkbox + label {
	position: relative;
	padding: 0 0 0 30px;
	cursor: pointer;
	display: block;
	font-size: 12px;
	line-height: 1.5;
	font-weight: 400;
	letter-spacing: 0.12px;
}

.checkbox + label span {
	position: relative;
	top: -5px;
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.12px;
}

.checkbox + label a {
	color: var(--blue);
	text-decoration: underline;
}

.checkbox + label:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	border: 1px solid var(--gray-dark);
	background: transparent;
}

.checkbox + label:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background-image: url(../img/layout/general/check.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 14px;
	opacity: 0;
	transition: .2s;
}

.checkbox:checked + label:after {
	opacity: 1;
}

.subscribe__img {
	flex: 0 1 431px;
	margin-top: 10px;
}

/* ------------------ footer --------------------*/

.footer {
	padding: 20px 0 23px;
}

.footer__top {
	display: flex;
	align-items: flex-start;
	margin-bottom: 112px;
	padding-right: 84px;
}

.footer .logo {
	margin-right: 90px;
}

.footer__list {
	display: flex;
	flex-wrap: wrap;
	flex: 0 1 265px;
	margin-right: 15px;
}

.footer__item {
	width: 50%;
	margin-bottom: 25px;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.49px;
}

.social {
	flex: 0 1 470px;
	margin-left: auto;
}

.social__title {
	margin-bottom: 20px;
	font-size: 24px;
}

.social__list {
	display: flex;
	align-items: center;
}

.social__item {
	display: block;
	width: 50px;
	margin-right: 30px;
}

.social__item:last-child {
	margin-right: 0;
}

.footer__middle {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding-bottom: 30px;
	border-bottom: 1px solid var(--gray);
}

.footer__info {
	flex: 0 1 315px;
	color: var(--gray-dark);
	font-size: 12px;
	line-height: 1.5;
	font-weight: 400;
	letter-spacing: 0.12px;
}

.payment {
	display: flex;
}

.payment__item {
	display: block;
	margin-right: 30px;
}

.payment__item img{
	max-height: 27px;
}

.payment__item:last-child {
	margin-right: 0;
}

.footer__bottom {
	display: flex;
	align-items: center;
	padding-top: 10px;
}

.copyright {
	margin-right: 4px;
	color: var(--gray-dark);
	font-size: 12px;
	line-height: 1.5;
	font-weight: 400;
	letter-spacing: 0.12px;
}

.footer__sublist {
	display: flex;
}

.footer__subitem {
	margin-right: 10px;
}

.footer__subitem::after {
	content: '/';
	position: absolute;
	top: 53%;
	transform: translateY(-50%);
	right: -8px;
	width: 5px;
	color: var(--gray-dark);
	font-size: 14px;
}

.footer__subitem:last-child::after {
	display: none;
}

.footer__subitem a {
	color: var(--blue);
	font-size: 12px;
	line-height: 1.5;
	font-weight: 400;
	letter-spacing: 0.12px;
	text-decoration: underline;
}

.blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 1000 !important;
  padding: 0 !important;
  box-sizing: border-box;
  background-color: rgba(28, 28, 28, 0.40) !important;
  text-align: center;
}

.modal {
  display: none;
  vertical-align: middle;
  position: relative !important;
  z-index: 200 !important;
  max-width: 1040px !important;
  box-sizing: border-box;
  width: 100% !important;
  background: linear-gradient(180deg, #F6F7F6 0%, #F4F5F5 91.37%) !important;
  padding: 0 !important;
  border-radius: 10px !important;
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.05) !important;
  box-shadow: none !important;
  text-align: left;
  color: var(--black);
  z-index: 1000 !important;
  border-radius: 0 !important;
}


.modal a.close-modal {
  position: absolute;
  z-index: 20;
  top: 20px !important;
  right: 20px !important;
  display: block;
  width: 30px !important;
  height: 30px !important;
  text-indent: -9999px;
  background-size: 30px !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/layout/general/close-btn.png) !important;
}

.modal.subscribe-popup{
    max-width: 345px !important;
}

.subscribe-popup {
	padding: 25px 25px 280px !important;
	background: url(../img/layout/popup-bg-2_mob.png) #fff no-repeat 100% 100% !important;
}

.subscribe__btn{
    width: 100%;
}

.subscribe-popup .subscribe__title {
	font-size: 19px; 
}
    
.subscribe__btn{
    margin-top: 20px; 
}


@media(min-width: 992px){ 
    .subscribe-popup .subscribe__title {
    	font-size: 28px; 
    }
    
    .modal.subscribe-popup{
        max-width: 95% !important;
    }
    .subscribe-popup {
    	padding: 45px !important;
    	background: url(../img/layout/popup-bg-2.png) #fff no-repeat 100% 0 !important;
    }
    
    .subscribe__btn{
        margin-top: 20px;
        width: 200px;
    }
}

@media(min-width: 1200px){ 
    .modal.subscribe-popup{
        max-width: 1040px !important;
    } 
}



.subscribe-popup .subscribe__title{
    line-height: 35px;
    border: none;
    margin: 0;
}

.subscribe-popup a.close-modal {
  position: absolute;
  z-index: 20;
  top: 0 !important;
  right: 0 !important;
  display: block;
  width: 36px !important;
  height: 36px !important;
  text-indent: -9999px;
  background-size: 30px !important;  
  background: url(../img/layout/icon-close.svg) #000 no-repeat 50% 50% !important;
}


.subscribe-popup .bg {
	left: auto;
	right: 0;
	width: 397px;
}

.subscribe-popup .subscribe__img {
	display: none;
}

.subscribe__img-bottom {
	display: none;
}

.subscribe-popup .subscribe {
	position: relative;
	z-index: 5;
	margin-bottom: 0;
	max-width: 435px;
}

.subscribe-popup input {
	background-color: transparent;
}

/* ------------------ painter --------------------*/

.painter {
	padding: 66px 0 0;
}

.painter__pretitle {
	margin-bottom: 25px;
	color: var(--gray-dark);
	font-size: 24px;
	line-height: 1;
	font-weight: 500;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}

.painter__name {
	margin-bottom: 30px;
	font-size: 40px;
	letter-spacing: 1px;
}

.painter__inline {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin-bottom: 40px;
}

.painter__img {
	flex: 0 1 600px;
	margin-right: 20px;
}

.painter__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.painter__main {
	flex: 0 1 555px;
}

.painter__list {
	margin-bottom: 37px;
	padding: 37px 0 30px;
	border-top: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
}

.painter__item {
	margin-bottom: 35px;
}

.painter__item:last-child {
	margin-bottom: 0;
}

.painter__value {
	margin-bottom: 20px;
	color: var(--gray-dark);
	font-size: 45px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 1.125px;
	text-transform: uppercase;
}

.download {
	padding-bottom: 30px;
	border-bottom: 1px solid #D0D0D0;
}

.download__title {
	margin-bottom: 35px;
	color: var(--gray-dark);
	font-size: 24px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}

.download__list {
	display: flex;
	align-items: center;
}

.download__item {
	display: flex;
	align-items: center;
	margin-right: 60px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.8px;
	text-transform: uppercase;
}

.download__item:last-child {
	margin-right: 0;
}

.download__item img {
	flex-shrink: 0;
	width: 29px;
	margin-right: 15px;
	opacity: .4;
}

.download__arrow {
	flex-shrink: 0;
	width: 22px;
	margin-left: 15px;
}

.download__arrow img {
	width: 100%;
	margin-right: 0;
	opacity: .5;
}

.painter__desc {
	columns: 2 auto;
	column-gap: 90px;
}
/*
.painter__desc > div {
	flex: 0 1 554px;
	margin-right: 20px;
}

.painter__desc > div:last-child {
	margin-right: 0;
}
*/

/* ------------------ info --------------------*/

.info {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 80px 0;
}

.info__gallery {
	flex-shrink: 0;
	position: relative;
	width: 393px;
}

.info__swiper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding-right: 30px;
  padding-bottom: 30px;
}

.atelier__swiper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin-bottom: 30px;
}

.info .swiper-slide {
  position: relative;
  height: 461px;
  text-align: left;
  font-size: 16px;
  /* Center slide text vertically */
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 9px 11px 8px 0px rgba(34, 60, 80, 0.4);
}


.info .swiper-slide img {
	height: 100%;
	object-fit: cover;
}

.info__main {
	flex: 0 1 785px;
}

.info__title {
	margin-bottom: 30px;
}

.info p {
	margin-bottom: 30px;
}

.info p:last-child {
	margin-bottom: 0;
}

.swiper__subcontrols {
  position: relative;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 75px;
  width: 368px;
  padding: 0 35px;
  padding-bottom: 5px;
  border-bottom: 1px solid #D9D9D9;
}

.swiper__subcontrols .info-pagination {
  position: static !important;
  width: auto;
  display: flex;
  justify-content: space-between;
  margin: 0 10px;
}

.swiper__subcontrols .atelier-pagination {
  position: static !important;
  width: auto;
  display: flex;
  justify-content: space-between;
  margin: 0 10px;
}

.swiper__subcontrols .swiper-button-next, .swiper__subcontrols .swiper-button-prev {
  position: static !important;
  width: 25px !important;
  height: 25px !important;
  margin-top: 0 !important;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: transparent !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7px;
}

.swiper__subcontrols .swiper-button-prev {
  background-image: url(../img/layout/general/slide-prev-small.svg);
}
.swiper__subcontrols .swiper-button-next {
  background-image: url(../img/layout/general/slide-next-small.svg);
}
.info .swiper-pagination-bullet {
  width: 64px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0 !important;
  background: transparent;
  opacity: 1 !important;
  font-size: 20px;
  margin: 0;
}

.atelier .info__main {
	flex: 0 1 600px;
}

.atelier .info__gallery {
	width: 46%;
	margin-right: 0;
	margin-left: 20px;
}

.atelier .swiper-slide {
  position: relative;
  height: 390px;
  text-align: left;
  font-size: 16px;
  /* Center slide text vertically */
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: none;
}

.atelier .swiper__subcontrols {
	margin: 0 auto;
}

/* ------------------ video --------------------*/

.video__title {
	margin-bottom: 30px;
}

.video__item {
	position: relative;
	display: block;
	height: 700px;
}

.video__item img {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video__play {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 129px;
}

/* ------------------ page --------------------*/

.page__head {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 30px 0 80px;
}

.page__head.no-padding {
	padding-bottom: 30px;
}

.page__title {
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-right: 20px;
}

.page__title span {
	position: relative;
	top: -30px;
	font-size: 14px;
	letter-spacing: 0.35px;
}

.page__desc {
	flex: 0 1 600px;
}

/* ------------------ testing --------------------*/

.testing {
	position: relative;
	height: 420px;
	margin-bottom: 80px;
	padding: 80px 40px;
}


.testing__content {
	position: relative;
	z-index: 5;
	max-width: 542px;
}

.testing__title {
	margin-bottom: 40px;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 1.6px;
}

.testing__btn {
	width: 270px;
	height: 50px;
	font-size: 20px;
}

/* ------------------ help --------------------*/

.help {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 80px;
	padding-top: 30px;
	border-top: 1px solid #D0D0D0;
}

.help__main {
	flex: 0 1 509px;
	margin-top: 10px;
	margin-right: 20px;
}

.help__title {
	margin-bottom: 20px;
}

.help p {
	max-width: 430px;
}

.help__form {
	flex: 0 1 600px;
}

.help__input {
	margin-bottom: 31px;
}

.help__input input {
	height: 56px;
	font-size: 24px;
}

.help__inline {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 40px;
}

.help__btn {
	width: 200px;
	height: 42px;
	margin-right: 20px;
}

/* ------------------ show --------------------*/

.show {
	padding-top: 5px;
	margin-bottom: 40px;
}

.show__list {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	margin: 0;
}

.show__item {
	position: relative;
	width: 24%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 353px;
	margin: 0 0 40px;
	cursor: pointer;
}

.show__drop {
	
	position: absolute;
	z-index: 20;
	bottom: -65px;
	left: -170px;
	display: none;
	flex-direction: column;
	align-content: flex-start;
	width: 375px;
	padding: 20px 20px 36px;
	background-color: #F8F8F8;
}

.show__item:first-child .show__drop {
	left: 30px;
}


.show__item:nth-child(5n) .show__drop {
	left: 30px;
}

.show__item:hover .show__drop {
	display: flex;
}

.show__type {
	align-self: flex-end;
	width: 150px;
	height: 40px;
	margin-bottom: 20px;
	font-size: 14px;
	white-space: nowrap;
}

.show__name {
	margin-bottom: 10px;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}

.show__size {
	margin-bottom: 30px;
	color: var(--gray-dark);
	letter-spacing: 0.4px;
}

.show__inline {
	display: flex;
	align-items: center;
}

.show__more {
	width: 230px;
	height: 42px;
	margin-right: 28px;
	border-radius: 0;
	font-size: 16px;
	color: var(--black);
}

.show__like {
	flex-shrink: 0;
	width: 35px;
}

.show__like svg{
	width: 100%;
	fill: #1C1C1C
}

.show__like.voted svg{ 
	fill: #27AE7F
}


.show__item-small {
	height: 270px;
	margin: 0 -60px 40px;
}

.show__img {
	max-width: 250px;
}

.show__img img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	box-shadow: 8px 8px 8px 0px rgba(0, 0, 0, 0.25);
}

/* ------------------ exhibition --------------------*/

.exhibition {
	overflow: hidden;
	display: flex;
	margin-bottom: 90px;
	background-color: #F8F8F8;
	border-radius: 5px;
}

.exhibition__main {
	flex: 0 1 641px;
	padding: 85px 40px 40px;
}

.exhibition__date {
	margin-bottom: 17px;
	font-size: 20px;
	letter-spacing: 0.5px;
}

.exhibition__more {
	width: 270px;
	height: 47px;
	margin-top: 40px;
	font-size: 20px;
}

.exhibition__img {
	flex: 0 1 558px;
	height: 420px;
}

.exhibition__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ------------------ past --------------------*/

.past {
	margin-bottom: 80px;
}

.past__title {
	margin-bottom: 40px;
}

 .news__list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px 30px;
}

 .news__list .news__item {
	width: 30.1%;
	margin: 0 20px 42px;
}

.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 600px;
	height: 84px;
	margin: 0 auto !important;
	border-bottom: 1px solid #D0D0D0;
}

.pagination__list {
	display: flex;
	align-items: flex-end;
	margin: 0 5px;
}

.pagination__item {
	margin-right: 20px;
	width: 64px;
	height: 64px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.pagination__item a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 64px;
	height: 64px;
	color: #8D8D8D;
	text-align: center;
	font-size: 20px;
}

.pagination__arrow {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 64px;
	height: 64px;
	cursor: pointer;
}

.pagination__arrow img {
	width: 8px;
	opacity: .7;
}

.pagination__arrow-active img {
	opacity: 1;
}

/* ------------------ coming --------------------*/

.coming {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 80px;
	padding: 60px 0 0;
}

.coming__main {
	flex: 0 1 600px;
	padding-top: 3px;
	margin-right: 20px;
}

.coming__img-second {
	display: none;
}

.coming__date {
	margin-bottom: 13px;
	color: var(--gray-dark);
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.35px;
}

.coming__title {
	margin-bottom: 10px;
	font-size: 40px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.coming__inline {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
	color: var(--gray-dark);
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.8px;
	text-transform: uppercase;
}

.coming__main p {
	margin-bottom: 30px;
}

blockquote,
.blockquote {
	margin-bottom: 35px;
	font-style: italic;
	font-weight: 300;
	letter-spacing: 0.4px;
}

.blockquote-txt{
	margin-bottom: 10px;
	padding: 20px 0;
	border-top: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
	line-height: 1.4;
}

.blockquote-author{
	margin-top: 15px;
	text-align: right;
	display: block;
	text-align: right;
	color: var(--gray-dark);
}
 
.coming__greating {
	font-style: italic;
	letter-spacing: 0.4px;
	font-weight: 300;
}

.coming__greating p {
	margin-bottom: 0;
	line-height: 1.6;
}

.coming__aside {
	flex: 0 1 555px;
}

.coming__img {
	height: 420px;
	margin-bottom: 30px;
}

.coming__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.coming__subtitle {
	margin-bottom: 10px;
	color: var(--gray-dark);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.8px;
	text-transform: uppercase;
}

.coming__address {
	margin-bottom: 30px;
}

.coming__address p {
	max-width: 365px;
}

.coming__list {
	display: flex;
	margin-bottom: 30px;
}

.coming__item {
	margin-right: 30px;
}

.coming__item:last-child {
	margin-right: 0;
}

/* ------------------ reviewes --------------------*/

.reviewes {
	position: relative;
	z-index: 10;
	margin-bottom: 80px;
}

.reviewes__title {
	margin-bottom: 15px;
}

.reviewes__inline {
	display: flex;
	justify-content: space-between;
	padding-top: 30px;
	border-top: 1px solid #D0D0D0;
}

.reviewes__gallery {
	position: relative;
	z-index: 50;
	width: 49%;
	margin-right: 20px;
}

.reviewes__form {
	flex: 0 1 556px;
}
 
.reviewes__swiper {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.reviewes .swiper-slide {
  position: relative;
  text-align: left;
  font-size: 16px;
  background-color: transparent;
  /* Center slide text vertically */
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.reviewes .swiper__controls {
	position: absolute;
	z-index: 50;
	right: auto;
	left: 0;
	top: auto;
	bottom: -5px;
	margin-left: 0;
}

.reviewes__item {
	width: 100%;
}

.reviewes__head {
	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	margin-bottom: 18px;
}

.reviewes__author {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.8px;
	text-transform: uppercase;
}

.reviewes__date {
	color: var(--gray-dark);
	letter-spacing: 0.4px;
}

.reviewes__body {
	max-height: 185px;
	overflow: hidden;
	font-weight: 400;
    line-height: 1.63;
    letter-spacing: 0.4px;
}

.reviewes__subtitle {
	margin-bottom: 15px;
	font-size: 24px;
}

.reviewes__input {
	margin-bottom: 10px;
}

.reviewes__text {
	margin-bottom: 53px;
}
 
.reviewes__btn {
	width: 200px;
	height: 42px;
}


/* ------------------ recomended --------------------*/

.recomended {
	margin-bottom: 80px;
}

.recomended__title {
	margin-bottom: 40px;
}

.recomended .news__item {
	margin-bottom: 0;
}

/* ------------------ recomended --------------------*/

.report {
	padding-top: 10px;
	margin-bottom: 80px;
}

.report__title {
	margin-bottom: 30px;
}

.report__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 30px;
}

.report__img{
	display: block;
	height: 247px;
	width: 31%;
	margin: 0 0 42px;
}

.report__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ------------------ trip --------------------*/

.trip {
	margin-bottom: 80px;
}

.trip__title {
	margin-bottom: 30px;
}

.trip__inner {
	height: 665px;
}

.trip__inner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.trip__inner iframe{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.vr-link{
	margin-top: 30px;
	text-align: center;
}

.vr-link a{
	margin-top: 30px;
	text-align: center;
	color: var(--green)
}

.vr-link svg{
	width: 14px;
	height: 14px;
	margin-right: 8px;
	fill: var(--green);
	position: relative;
	top: 2px;
	transition: transform .3s;
}

.vr-link a:hover svg{
	transform: scale(1.2);
}



/* ------------------ news-inside" --------------------*/

.news-inside {
	margin-bottom: 80px;
}

/* ------------------ article --------------------*/

.article {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 60px 0 80px;
}

.article__main {
	flex: 0 1 600px;
	margin-right: 20px;
}

.article__main + .reviewes {
	margin-top: 70px;
}

.article__main img{
	height: auto !important;
}

.article__date {
	margin-bottom: 10px;
	color: var(--gray-dark);
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.35px;
}

.article__img-tablet {
	display: none;
}

.article__title {
	margin-bottom: 30px;
	font-size: 28px;
	letter-spacing: 1.4px;
}

.article p {
	margin-bottom: 20px;
}

.article p:last-child {
	margin-bottom: 0;
}

.article__img {
	flex: 0 1 555px;
}

.article__img img {
	width: 100%;
}

/* ------------------ contacts --------------------*/

.contacts {
	display: flex;
	justify-content: space-between;
	margin: 30px 0 90px;
}

.contacts__item {
	max-width: 285px;
}

.contacts__subtitle {
	margin-bottom: 30px;
	font-size: 28px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 1.4px;
	text-transform: uppercase;
}

.contacts__value {
	display: flex;
	align-items: center;
	letter-spacing: 0.4px;
}

.contacts__ico {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	margin-right: 10px;
	opacity: .7;
}

.contacts__ico img {
	width: auto;
	max-width: 100%;
	max-height: 100%;
}

/* ------------------ delivery --------------------*/

.delivery {
	padding: 10px 0 0;
}

.delivery__top {
	display: flex;
	justify-content: space-between;
	margin-bottom: 80px;
	padding-right: 70px;
	padding-bottom: 30px;
	border-bottom: 1px solid #D0D0D0;
}

.delivery__item {
	width: 32%;
}

.delivery__subtitle {
	margin-bottom: 13px;
}

.delivery__payment {
	position: relative;
	left: 30px;
	align-self: center;
}

.delivery__payment .delivery__subtitle {
	margin-bottom: 20px;
	font-size: 16px;
	letter-spacing: 0.8px;
}

.production__title {
	margin-bottom: 15px;
}

.production__description{
	font-weight: 400;
    line-height: 1.63;
    letter-spacing: 0.4px;
}

.production {
	margin-bottom: 80px;
	padding-bottom: 32px;
	border-bottom: 1px solid #D0D0D0;
}

.production__list {
	display: flex;
	justify-content: space-between;
}

.production__item {
	width: 32%;
}

.production__subtitle {
	margin-bottom: 15px;
	font-size: 16px;
	letter-spacing: 0.8px;
}

.production__big {
	width: 37%;
	margin-top: 35px;
	align-self: flex-end;
}

.delivery__inner {
	margin-bottom: 80px;
}

.table__head {
	display: flex;
	align-items: center;
	padding-bottom: 18px;
	border-bottom: 1px solid #D0D0D0;
	text-transform: uppercase;
}

.table__head .table__item {
	font-weight: 500;
}

.table__head .table__location {
	font-size: 24px;
	border-right: none;
	padding-left: 0;
}

.table__location {
	flex: 0 1 370px;
	text-transform: uppercase;
	font-weight: 500;
	border-right: 1px solid #D0D0D0;
	padding-left: 20px;
}

.table__period {
	flex: 0 1 388px;
	padding-left: 30px;
}

.table__period p {
	max-width: 270px;
}

.table__time {
	flex: 0 1 220px;
}

.table__price {
	flex: 0 1 220px;
}

.table__item {
	padding-right: 10px;
	letter-spacing: 0.4px;
	line-height: 1.4;
}

.table__row {
	display: flex;
}

.table__row:nth-child(even) {
	background-color: #F8F8F8;
}

.table__row .table__item {
	min-height: 130px;
	padding: 26px 10px 22px 0;
}

.table__row .table__location {
	flex: 0 1 370px;
	text-transform: uppercase;
	font-weight: 500;
	border-right: 1px solid #D0D0D0;
	padding-left: 20px;
}

.table__location p {
	max-width: 180px;
}

.table__row .table__period {
	flex: 0 1 388px;
	padding-left: 40px;
}

.table__double .table__period {
	flex: 0 1 820px;
}

.table__double .table__period p {
	max-width: 100%;
}

.table {
	border-bottom: 1px solid #D0D0D0;
}

/* ------------------test--------------------*/

.test {
	margin: 57px 0 80px;
}

.test__top {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin-bottom:80px;
}

.test__main {
	flex: 0 1 570px;
	margin-right: 20px;
}

.test__pretitle {
	margin-bottom: 5px;
	color: var(--gray-dark);
	font-size: 24px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}

.test__title {
	margin-bottom: 20px;
}

.test p {
	margin-bottom: 40px;
}

.test__btn {
	width: 200px;
	height: 42px;
}

.test__img {
	flex: 0 1 555px;
}

.test__img-mob {
	display: none;
}

.test__img-mob img {
	height: 100%;
	object-fit: cover;
}

.test__img img {
	height: 100%;
	object-fit: cover;
}

.test__head {
	color: var(--gray-dark);
	display: flex;
	margin-bottom: 31px;
	padding-bottom: 13px;
	border-bottom: 1px solid #D0D0D0;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.8px;
	text-transform: uppercase;
}

.test__question {
	margin-bottom: 35px;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: 0.5px;
}

.test__head > div {
	margin-right: 5px;
}

.test__list {
	margin-bottom: 45px;
}

.test__item {
	margin-bottom: 32px;
}

.test__item:last-child {
	margin-bottom: 0;
}

.test__btn {
	width: 250px;
	height: 42px;
	min-height: auto;
}

.test fieldset {
	padding-bottom: 30px;
	height: auto;
	border-bottom: 1px solid #D0D0D0;
}

.polls {
	margin: 55px 0 80px;
}

.polls .test__pretitle {
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #D0D0D0;
}

.polls .test__top {
	align-items: center;
	margin-bottom: 80px;
}

.polls .test__main {
	flex: 0 1 420px;
}

.polls .test__main .test__img {
	display: none;
}

.polls .test__img {
	flex: 0 1 640px;
}

.polls .test__title {
	margin-bottom: 15px;
	font-size: 47px;
}

.polls .test__top p {
	margin-bottom: 40px;
	font-size: 20px;
}

.polls .test__btn {
	width: 270px;
}

.polls__item {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #D0D0D0;
}

.polls__list {
	margin-bottom: 90px;
}

.polls__item:last-child {
	margin-bottom: 0;
}

.polls__subtitle {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.8px;
	text-transform: uppercase;
}

.polls__bottom {
	display: flex;
	align-items: flex-start;
}

.polls__bottom .test__img {
	flex: 0 1 370px;
	margin-right: 45px;
}

.polls__bottom .test__main {

}

.polls__bottom .test__title {
	font-size: 40px;
}

.polls__bottom p {
	margin-bottom: 40px;
	font-size: 20px;
	line-height: 1.3;
}

/* ------------------order--------------------*/

.order {
	margin-bottom: 80px;
}

.order__form {
	display: flex;
	align-items: flex-start;
}

.order__input input {
	font-size: 16px;
	text-transform: none;
	border-bottom: 1px solid #D0D0D0;
}

.order__input input::placeholder {
	text-transform: none;
}

.order__main {
	flex: 0 1 600px;
	margin-top: -8px;
}

.order__inner {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 43px;
}

.order__input {
	width: 48%;
	margin-bottom: 18px;
}

.order__input-big {
	width: 100%;
}

.order__subtitle {
	margin-bottom: 10px;
}

.order__desc {
	margin-bottom: 20px;
}

.order__desc a {
	color: var(--blue);
	text-decoration: underline;
	font-size: 14px;
}

.order__list {
	margin-bottom: 20px;
}

.order__item {
	display: flex;
	align-items: center;
	min-height: 45px;
	justify-content: space-between;
	padding: 5px 11px 5px 5px;
}

.order__item:nth-child(odd) {
	background-color: #F8F8F8;
}

.order__payment .order__item:nth-child(odd) {
	background-color: transparent;
}

.order__payment .order__list {
	margin-bottom:12px;
}


.order__radio {
	min-width: 260px;
}

.order__price {
	text-align: right;
}

.order__note {
	max-width: 370px;
	font-size: 14px;
}

.order__note a {
	color: var(--blue);
	text-decoration: underline;
	font-size: 14px;
}

.order__section {
	margin-bottom: 52px;
}

.order__subscribe {
	padding-top: 5px;
	margin-bottom: 65px;
}

.order__subscribe-title {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.8px;
	text-transform: uppercase;
}

.order__subscribe-list {
	display: flex;
	justify-content: space-between;
}

.order__btn {
	width: 100%;
	font-size: 20px;
	height: 50px;
}

.order__aside {
	flex: 0 1 510px;
	margin-left: 45px;
}

.purchasing__title {
	margin-bottom: 20px;
	font-size: 28px;
}

.purchasing__list {
	margin-bottom: 30px;
}

.purchasing__item {
	position: relative;
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
	padding-bottom: 21px;
	border-bottom: 1px solid #D0D0D0;
}

.purchasing__deleted::before {
	content: '';
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, .5);
}

.purchasing__deleted::after {
	content: 'Вернуть';
	position: absolute;
	z-index: 30;
	top: 0;
	right: 0;
	font-size: 14px;
	cursor: pointer;
	color: #000;
}

.purchasing__deleted .purchasing__close {
	display: none;
}

.purchasing__item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.purchasing__img {
	flex: 0 0 150px;
	height: 150px;
	display: block;
	margin-right: 25px;
}

.purchasing__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.purchasing__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
}

.purchasing__main {
	flex: 1 1 auto;
}

.purchasing__type {
	position: relative;
	top: 3px;
	color: var(--gray-dark);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 1; 
	letter-spacing: 0.8px;
	text-transform: uppercase;
}

.purchasing__close {
	width: 15px;
	cursor: pointer;
}

.purchasing__name {
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}

.purchasing__sublist {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 21px;
}

.purchasing__subitem {
	margin-right: 10px;
	margin-bottom: 10px;
	color: var(--gray-dark);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.14px;
}

.purchasing__inline {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.purchasing__price {
	margin-left: auto;
	font-size: 24px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}

.purchasing__inline .product__btn-soldout {
	width: 160px;
}

.number {
	position: relative;
	width: 82px;
	height: 27px;
	display: flex;
	align-items: center;
	bottom: 10px;
}

.number__text {
	flex: 1 1 auto;
	text-align: center;
	height: 100%;
	padding: 0 5px;
	border-bottom: none;
	font-size: 20px;
}

.minus, .plus {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	border: 1px solid #8D8D8D;
	cursor: pointer;
}

.minus img, .plus img {
	width: 10px;
}

.promo input {
	height: 57px;
	border: 1px solid #D0D0D0;
	font-size: 20px;
	padding: 0 15px;
}

.promo input::placeholder {
	text-transform: none;
	color: #8D8D8D;
}

.promo {
	position: relative;
	margin-bottom: 35px;
}

.promo__btn {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 57px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.promo__btn img {
	width: 30px;
}

.order__total {
	display: flex;
	align-items: center;
	font-size: 28px;
	font-style: normal;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 1.4px;
	text-transform: uppercase;
}

.order__total div {
	margin-right: 4px;
}

.error {
	margin: 90px 0 ;
	color: #BD2323;
}

.error__title {
	margin-bottom: 10px;
	font-size: 24px;
}

.succes__top {
	margin-bottom: 80px;
}

.succes__top p {
	margin-bottom: 20px;
}

.succes__top p:last-child {
	margin-bottom: 0;
}

.gift {
	position: relative;
	min-height: 480px;
	margin-bottom: 80px;
	background: rgba(248, 248, 248, 1);
	display: block;
	border-radius: 10px;
	overflow: hidden;
}

.gift-left{
    flex: 0 0 54%;
	display: flex;
	align-items: center;
}

.gift-right{
    flex: 0 0 46%;
}

.gift-bg img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.gift__main {
	padding: 20px;
}
 
.gift__title {
	font-size: 28px;
	letter-spacing: 1px;
	margin-bottom: 15px;
}


.gift p {
	margin-bottom: 40px;
}

.gift__btn {
	width: 270px;
	height: 55px;
}

@media(min-width: 768px) {
    .gift { 
    	min-height: 480px;  
    	display: flex;  
    }
    
    .gift-left{
        flex: 0 0 54%;
    	display: flex;
    	align-items: center;
    }
    
    .gift-right{
        flex: 0 0 46%;
    }
}

@media(min-width: 992px) { 
    .gift__title {
    	font-size: 40px;
    }
    
    .gift-bg img{
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    
    .gift__main { 
    	padding: 40px;
    }
}


/* ------------------catalogue--------------------*/

.catalogue {
	position: relative;
	margin-bottom: 80px;
}

.filter {
	position: relative;
	z-index: 40;
	margin-bottom: 61px;
	padding: 10px 0;
	background-color: #fff;
}

@media(max-width: 720px){
    .catalogue .filter{
        overflow: scroll;
    }
    
    .catalogue .filter-fieldset{
        overflow: scroll;
    }
}


.filter__controls {
	display: none;
}

.filter__top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}

.filter__title {
	display: flex;
	align-items: center;
	font-size: 16px;
	letter-spacing: 0.8px;
}

.filter__num {
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background-color: var(--black);
	color: #fff;
	width: 30px;
	height: 30px;
	margin-right: 7px;
	display: none;
}

.filter__reset {
	display: flex;
	align-items: center;
	cursor: pointer;
	color: #8D8D8D;
}

.filter__reset img {
	flex-shrink: 0;
	width: 15px;
	margin-left: 10px;
	margin-top: 2px;
}

.filter__top-ico {
	flex-shrink: 0;
	display: block;
	width: 30px;
	margin-left: 10px;
}

.filter__list {
	position: relative;
	display: flex;
	padding-bottom: 22px;
	border-bottom: 1px solid #D0D0D0;
}

.filter__drop .checkbox + label {
	font-size: 16px;
}

.view {
	display: none;
	align-items: center;
	max-width: 160px;
}

.view__title {
	font-size: 14px;
	flex-shrink: 0;
	width: 81px;
	color: var(--gray-dark);
}

.view__list {
	display: flex;
	flex-shrink: 0;
}


.view__item {
	width: 30px;
	height: 30px;
	cursor: pointer;
	margin-left: 10px;
	opacity: .5;
}

.view__item.view__active {
	opacity: 1;
}

.filter__bg {
	display: none;
}

.filter__btn-mob {
	display: none;
}

.content-static {
	position: static;
}

.filter__item {
	margin-right: 45px;
}

.filter__drop {
	display: none;
	position: absolute;
	top: 105%;
	left: 0;
	width: 100%;
	padding: 40px 0 20px;
	background-color: #fff;
}

.filter__drop.active {
	display: block;
}

.filter__sublist {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

.filter__check {
	margin-right: 60px;
	margin-bottom: 30px;
}

.filter__btn {
	width: 200px;
	height: 42px;
}

.filter__btn.button-disabled {
	background-color: #D0D0D0;
}

.filter__item:last-child {
	margin-right: 0;
}

.filter__head {
	position: relative;
	display: flex;
	align-items: center;
	letter-spacing: 0.56px;
	text-transform: lowercase;
	cursor: pointer;
}

.filter__head::after {
	display: none;
	content: '';
	position: absolute;
	bottom: -22px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--green);
}

.filter__head.active::after {
	display: block;
}

.filter__head.active img {
	display: none;
}

.filter__head.active .img-hidden {
	display: block;
	margin-top: 2px;
}

.filter__ico {
	flex-shrink: 0;
	display: block;
	width: 15px;
	margin-left: 7px;
}

.filter__inline {
	display: flex;
	margin-bottom: 60px;
}

.filter__section {
	width: 300px;
	margin-right: 60px;
}

.irs--flat .irs-line {
    top: 25px;
    height: 1px !important;
    background-color: #8D8D8D !important;
    border-radius: 0 !important;
}

.irs--flat .irs-bar {
    top: 25px;
    height: 1px !important;
    background-color: #1C1C1C !important;
}

.irs--flat .irs-handle {
    top: 22px;
    width: 6px !important;
	height: 6px !important;
	border-radius: 50% !important;
    background-color: #1C1C1C !important;
    cursor: pointer;
}

.irs--flat .irs-handle i {
	display: none !important;
}

.irs--flat .irs-from, .irs--flat .irs-to  {
    color: #1C1C1C !important;
    font-size: 12px !important;
    line-height: 1 !important;
    text-shadow: none;
    padding: 0 !important;
    background-color: transparent !important;
    border-radius: 0 !important;

}

.irs--flat .irs-from::before, .irs--flat .irs-to::before  {
   display: none !important;
}

.irs--flat .irs-min, .irs--flat .irs-max {
	top: auto !important;
    bottom: -50px !important;
    padding: 0 !important;
    color: #8D8D8D !important;
    font-size: 12px;
    line-height: 1;
    text-shadow: none;
    background-color: transparent !important;
    border-radius: 0 !important;
}

.filter__subtitle {
	margin-bottom: 10px;
}

.filter__section:last-child {
	margin-right: 0;
}

.grid {
	margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.grid-item  {
	margin-bottom: 45px;
}

.grid-item .picture__img {
	margin-bottom: 15px;
}

.grid-item .picture__head {
	margin-bottom: 13px;
}

.grid-item .picture__bottom {
	margin-top: 23px;
}

.grid-article {
	margin-bottom: 50px;
}

/* ------------------healing--------------------*/

.healing {
	display: flex;
	margin-bottom: 80px;
}

.healing__main {
	flex: 0 1 650px;
	padding: 80px 40px 40px;
	background-color: #F8F8F8;
}

.healing__title {
	margin-bottom: 15px;
	font-size: 40px;
	letter-spacing: 1px;
}

.healing p {
	max-width: 370px;
	margin-bottom: 40px;
}

.healing__btn {
	width: 270px;
	height: 50px;
	font-size: 20px;
}

.healing__img {
	flex: 0 1 555px;
	height: 420px;
}

.healing__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.reviewes-secondary .reviewes__title {
	flex: 0 1 435px;
	margin-right: 20px;
}

.reviewes-secondary .reviewes__gallery {
	width: 57.5%;
}

.reviewes__link {
	display: inline-block;
	margin-top: 15px;
	color: var(--blue);
	letter-spacing: 0.4px;
	line-height: 1.6;
	border-bottom: 1px solid var(--blue);
}

.reviewes-secondary .swiper__controls {
	left: auto;
	right: 0;
	bottom: -40px;
}

.reviewes-secondary {
	margin-bottom: 80px;
}

/* ------------------product--------------------*/

.product {
	padding: 23px 0 0;
	margin-bottom: 80px;
}

.product__back {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	color: var(--gray-dark);
	font-size: 14px;
	letter-spacing: 0.49px;
}

.product__back img {
	flex-shrink: 0;
	width: 8px;
	margin-right: 10px;
}

.product__inline {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 80px;
}

.product__swiper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
}

.product__picture {
	position: relative;
	display: none;
	padding-bottom: 20px;
}

.product .swiper-slide {
  position: relative;
  height: 350px;
  text-align: left;
  font-size: 16px;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
}

.product .swiper-pagination-bullets {
	bottom: 0 !important;
	display: flex;
	justify-content: center;
	text-align: center;
}

.product .swiper-pagination-bullet {
	opacity: 1;
	background-color: #D0D0D0;
}

.product .swiper-pagination-bullet-active {
	opacity: 1;
	background-color: #8D8D8D;
}

.product .swiper-slide img {
	width: auto;
	height: 100%;
	/*object-fit: cover; */
}

.product__gallery {
	flex: 0 1 600px;
	margin-right: 20px;
}

.product__gallery img {
	display: block;
	width: 100%;
	margin-bottom: 40px;
}

.product__gallery img:last-child {
	margin-bottom: 0;
}

.product__main {
	position: sticky;
	top: 20px;
	flex: 0 1 554px;
	padding-top: 2px;
}

.product__top {
	display: flex;
	/*justify-content: flex-end; */
	margin-bottom: 40px;
	flex-wrap: wrap;
	gap: 10px;
}

.product__type {
	min-width: 150px;
	height: 40px;
	padding: 0 20px;
	font-size: 16px;
	text-align: center;
}
 
.product__title {
	margin-bottom: 36px;
	font-size: 40px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.product__list {
	display: flex;
	margin-bottom: 42px;
}

.product__item {
	margin-right: 35px;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.14px;
}

.product__item:last-child {
	margin-right: 0;
}

.product__item div:first-child {
	margin-bottom: 13px;
	color: var(--gray-dark);
}

.product__inner {
	display: flex;
	align-items: center;
	max-width: 460px;
	margin-bottom: 45px;
}

.product__price {
	flex-shrink: 0;
	margin-right: 20px;
	font-size: 28px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 1.4px;
	text-transform: uppercase;
}

.product__old_price{ 
    padding-top: 3px; 
    opacity: .8;
    position: relative;
    display: inline-block;
}

.product__old_price::after{
    content: "";
    width: 100%;
    height: 1px;
    background: #666;
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    transform: rotate(-8deg);
}

.product__btn {
	width: 200px;
	height: 42px;
	margin-right: 28px;
	margin-left: auto;
}

.product__like {
	flex-shrink: 0;
	width: 34px;
	cursor: pointer;
	opacity: .4;
}

.product__like svg{
	width: 35px;
	height: 32px;
	fill: #1C1C1C;
}

.product__like.voted svg{ 
	fill: #27AE7F;
}

.product__attach {
	display: none;
}

.product__info {
	padding: 25px 10px;
	background-color: #F8F8F8;
}

.product__info-item,
.product__info li {
	position: relative;
	margin-bottom: 25px;
	padding-left: 30px;
	letter-spacing: 0.4px;
}

.product__info-item:last-child,
.product__info li:last-child {
	margin-bottom: 0;
}

.product__info-item::after,
.product__info li::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 15px;
	height: 15px;
	background-image: url(../img/layout/general/check-green.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.details {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding-top: 30px;
	border-top: 1px solid #D0D0D0;
	padding-left: 20px;
}

.details__main {
	flex: 0 1 580px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-right: 20px;
}

.details__desc {
	flex: 0 1 555px;
}

.details__desc p {
	margin-bottom: 10px;
}

.details__desc p:last-child {
	margin-bottom: 0;
}

.details__title {
	margin-bottom: 25px;
	font-size: 24px;
}

.details__inner {
	flex: 0 1 290px;
}

.details .accordion {
	display: none;
}

.details__aside {
	position: relative;
	flex: 0 0 250px;
	margin-left: 10px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 15px;
}

.details__aside::after {
	content: '';
	position: absolute;
	bottom: 25px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #D0D0D0;
}

.details__bg {
	flex: 0 0 75px;
}

.details__preview {
	flex: 0 0 135px;
}

.details__img {
	margin-bottom: 10px;
	display: block;
}

.details__size {
	color: var(--gray-dark);
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.12px;
}

.details__item {
	display: flex;
	letter-spacing: 0.4px;
	margin-bottom: 20px;
}

.details__item div:first-child {
	color: var(--gray-dark);
	min-width: 80px;
	margin-right: 20px;
}

.details__item .simple-link{
    display: inline-block;
    margin-bottom: 5px;
}

.simple-link:hover{
    text-decoration: underline;
}

/* ------------------labels--------------------*/
.product-label{
    color: rgba(28, 28, 28, 1);
    font-weight: 500;
    font-size: 10px;
    display: inline-block;
    padding: 6px 8px;
    line-height: 1;
    font-family: Manrope; 
    letter-spacing: 0.025em;  
}

.product-label__new{
    background: rgba(39, 174, 127, 0.15);
}

.product-label__hit{
    background: rgba(197, 183, 60, 0.15);
}

.product-label__sale{
    background: rgba(189, 35, 35, 0.15);
}

.product-label__popular{
    background: rgba(41, 55, 178, 0.15);
}

@media(min-width: 768px){
    .product-label{
        text-transform: uppercase;
        font-size: 14px;
    }
}

/* ------------------faq--------------------*/

.faq {
	margin-bottom: 80px;
}

.faq__title {
	margin-bottom: 30px;
	font-size: 24px;
}

.acc-body {
	display: none;
	padding-bottom: 25px;
}

.acc-item {
	border-top: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
	margin-bottom: -1px;
}



.acc-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 83px;
	cursor: pointer;
}

.acc-head__btn {
	flex-shrink: 0;
	width: 37px;
	margin-left: 16px;
}

.active-item .acc-head__btn img {
	display: none;
}

.active-item .acc-head__btn .img-hidden {
	display: block;
}

.acc-head__title {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0.5px;
}

/* ------------------faq--------------------*/

.nice-select {
	position: relative !important;
	font-size: 16px !important;
	font-weight: 300 !important;
	height: 46px !important;
	line-height: 46px !important;
 	width: 100% !important;
 	border: none !important;
 	border-bottom: 1px solid #D0D0D0 !important;
 	background-color: transparent !important;
 	border-radius: 0 !important;
 	padding-left: 0 !important;
 	letter-spacing: 0.4px;
 	float: none !important;
}

.nice-select::after {
	width: 10px !important;
	height: 10px !important;
	top: 45% !important;
	right: 15px !important;
}

.certificate-popup {
	max-width: 1040px !important;
	padding: 45px 40px !important;
	padding-right: 0 !important;
	border-radius: 10px !important;
	background: linear-gradient(112deg, #FFF 31.09%, #DCDCDC 93.34%) !important;
}

.certificate__inline {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	overflow: hidden;
}

.certificate__img {
	flex: 0 0 443px;
	align-self: flex-end;
	margin-left: 10px;
}

.certificate__form {
	flex: 0 1 525px;
}

.certificate__select {
	margin-bottom: 20px;
}

.certificate__title {
	font-size: 40px;
	margin-bottom: 15px;
}

.certificate__input {
	margin-bottom: 20px;
}

.certificate__input input {
	font-weight: 400;
	border-bottom: 1px solid #D0D0D0;
}

.certificate__input input::placeholder {
	text-transform: none;
	font-weight: 400;
}

.certificate__btn {
	margin-top: 40px;
	width: 200px;
	height: 42px;
}

/*
------------------------*/
.breadcrumbs {
    display: flex;
    align-items: center;
    margin-top: 18px;
    margin-bottom: 18px;
}

.breadcrumbs__item {
    position: relative;
    margin-right: 25px;
    font-size: 12px;
    line-height: 1.2;
}

.breadcrumbs__item-active {
    color: #abafb3;
}

.breadcrumbs__item::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -15px;
    width: 6px;
    height: 1px;
    background-color: #253143;
}

.breadcrumbs__item:last-child::after {
    display: none
}

.basket__empty-text{
	padding: 20px 0;
	text-align: center;
}

.catalog__favourite{
    display: none;
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 99;   
	padding: 20px 15px;
	background-color:#eaf7f3;
	color:#27ae7f;
	font-size:15px;
	line-height:1.2;
	text-align:center;
}

.catalog__favourite.voted{
    background-color: #ee8208;
}

#mse2_filters fieldset{
	display: block;
	height: auto;
	width: auto; 
}

.filter__drop .checkbox + label{ 
}

.filter__check sup{
	position: absolute;
	margin-left: 3px;
}

.grid-item{
	max-width: 370px;
}

.svg-list {
	position: absolute;
	bottom: 0;
	height: 0;
	opacity: 0;
	overflow: hidden;
}


.basket-popup {
	padding: 32px !important;
	max-width: 644px !important
}

@media (max-width:768px) {
	.basket-popup {
		padding: 25px 15px !important
	}
}

.basket-popup__heading {
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: 600
}

@media (max-width:576px) {
	.basket-popup__heading {
		font-size: 18px;
		margin-bottom: 20px;
		text-align: center
	}
}

.basket-popup__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 40px;
	padding: 20px 0;
	border-top: 1px solid #eaebec;
	border-bottom: 1px solid #eaebec
}

@media (max-width:576px) {
	.basket-popup__item {
		flex-wrap: wrap;
		margin-bottom: 20px
	}
}

.basket-popup__main {
	display: flex;
	align-items: center
}

@media (max-width:640px) {
	.basket-popup__main {
		flex-direction: column
	}
}

@media (max-width:576px) {
	.basket-popup__main {
		width: 100%;
		text-align: center;
		margin-bottom: 15px
	}
}

.basket-popup__img {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	width: 64px;
	max-height: 85px;
	margin-right: 15px
}

@media (max-width:640px) {
	.basket-popup__img {
		margin-right: 0;
		margin-bottom: 10px
	}
}

.basket-popup__img img {
	max-width: 100%;
	max-height: 100%
}

.basket-popup__title {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 700
}

.basket-popup__options {
	display: flex;
	align-items: center;
	color: #abafb3;
	font-size: 14px
}

.basket-popup__options div {
	margin-right: 4px
}

.basket-popup .basket__spinner {
	flex-shrink: 0;
	margin: 0 15px
}

@media (max-width:576px) {
	.basket-popup .basket__spinner {
		margin: 0
	}
}

.basket-popup__price {
	flex-shrink: 0;
	font-size: 20px;
	font-weight: 700
}

.basket-popup__amount {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-bottom: 30px
}

.basket-popup__total {
	margin: 0 0 4px 15px; 
	font-size: 24px;
	font-weight: 700
}

.basket-popup__inline {
	display: flex
}

@media (max-width:640px) {
	.basket-popup__inline {
		flex-direction: column;
		align-items: center
	}
}

.basket-popup__inline .button {
	width: 49%;
	height: 50px;
	margin-right: 15px
}

@media (max-width:640px) {
	.basket-popup__inline .button {
		width: 290px;
		margin-right: 0;
		margin-bottom: 18px
	}
}

@media (max-width:420px) {
	.basket-popup__inline .button {
		width: 100%
	}
}

.basket-popup__inline .button:last-child {
	margin-right: 0
}

.acc-body a{
	text-decoration: underline;
}

.acc-body a:hover{
	text-decoration: none;
}

.mse2_number_inputs{
	display: flex;
}

.mse2_number_inputs input{
	border: none;
	font-size: 12px;
	height: 26px;
} 

.mse2_number_inputs input:last-child{
	text-align: right
}

.filter .ui-widget.ui-widget-content {
	border: none;
	height: 1px;
	background-color: #ddd;
	margin: 0;
}

.filter .ui-widget-header {
	background-color: #1c1c1c;
	border: none;
	-webkit-border-radius: 0;
			border-radius: 0;
}

.filter .ui-slider-handle.ui-state-default {
	width: 6px;
	height: 6px;
	background-color: #1c1c1c;
	border: none;
	-webkit-border-radius: 50%;
			border-radius: 50%;
	-webkit-box-shadow: none;
			box-shadow: none;
	cursor: pointer;
}

.filter .ui-slider-horizontal .ui-slider-handle {
	margin: 0;
	top: -3px;
}

.d-none{
	display: none;
}
 

.mspc2-form{
	position: relative;
	margin-right: 0 !important;
	max-width: 100% !important;
}

.mspc2-discount-amount{
	margin: 10px 0 25px;
	font-size: 13px;
}

#mse2_results{
	overflow: hidden;
}

.alert-success{ 
    padding: 32px 60px;
    background-color: #fbfbfb;
    margin-bottom: 50px;
	line-height: 1.5;
	text-align: center;
}

@media(min-width: 1200px){
    .grid-4 .grid-item{
        max-width: 310px;
    }
}

/*
===============================*/
.answer-message{
	display: none;
	margin-top: 10px;
}

.quiz-error{
	margin: 10px 0 0;
    color: #BD2323;
}

.polls__text{
	font-weight: 400;
    line-height: 1.63;
    letter-spacing: 0.4px;
}

/*
===============================*/
.test-result{
	position: relative;
}

.test-result.loading{
	min-height: 500px;
}

.test-result.loading::before{
	content: '';
	position: absolute;
	top: 200px;
	left: 50%;
	width: 80px;
	height: 80px;
	margin-left: -40px;
	background: url(../img/Fountain.gif) no-repeat 50% 50%;
}

.article__main ul{
	margin: 20px 0 30px 10px;
	list-style: disc;
}

.article__main li{
	margin: 0 0 10px;
}

.article__main h1{
	font-size: 40px; 
	margin-bottom: 25px;
}


.article__main h2{
	font-size: 30px;
	margin-top: 24px;
	margin-bottom: 25px;
}

.article__main h3{
	font-size: 24px;
	margin-top: 24px;
	margin-bottom: 25px;
}

.article__main h4{
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 25px;
}

.basket__empty,
.basket__empty .basket__empty-text{
	text-align: left
}

main{
    position: relative;
    z-index: 6;
}

.pagination__list .active{
    background: #2b2b2b;
}

@media (min-width: 1200px){
    .footer-subs img{
    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
    }
}


/*
============================*/
.btn-theme-all{
  display: block !important;
  border: 1px solid #D7D7DD;
  background-color: transparent;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  padding: 5px 12px 7px;
  color: #000; 
  font-size: 14px;
  line-height: 18px; 
  margin: 0 15px 15px 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-theme-all span {
  opacity: 0.5;
  display: inline-block;
  margin-left: 5px;
}

.btn-theme-all:hover {
  border-color:var(--green);
  color: var(--green);
}

.btn-theme-all.active{
  color: #fff;
  background-color: var(--green);
  border-color: var(--green);
}

@media(min-width: 768px) {
  .btn-theme-all{
    font-size: 16px;
    line-height: 20px;
    padding: 5px 15px 7px;
  }
}

.d-flex{
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.flex-wrap{
    flex-wrap: wrap;
}

@media(min-width: 768px){
    .flex-md-wrap{
        flex-wrap: wrap;
    }
}

.filter-fieldset{
    flex-direction: row;
}

.input-button {
    display: block;
    padding: 0;
    margin: 0 15px 15px 0;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    white-space: nowrap;
}


.input-button input {
  opacity: 0;
  position: absolute;
  left: -999px;
}

.input-button input:checked~span {
  color: #fff;
  background-color:var(--green);
  border-color: var(--green);
}

.input-button>span {
  display: block;
  border: 1px solid #D7D7DD;
  background-color: transparent;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  padding: 6px 12px 7px;
  color: #000; 
  font-size: 14px;
  line-height: 18px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 768px) {
  .input-button>span {
    font-size: 16px;
    line-height: 20px;
    padding: 5px 15px 7px;
  }
}

.input-button>span:hover {
  border-color: var(--green);
  color: var(--green);
}

.input-button>span>span {
  opacity: 0.5;
  display: inline-block;
  margin-left: 5px;
}