@font-face {
	font-family: 'Montserrat';
	src: url('/wp-content/themes/tandyr/assets/fonts/Montserrat-Regular.eot');
	src: local('Montserrat Regular'), local('Montserrat-Regular'),
		url('/wp-content/themes/tandyr/assets/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/tandyr/assets/fonts/Montserrat-Regular.woff2') format('woff2'),
		url('/wp-content/themes/tandyr/assets/fonts/Montserrat-Regular.woff') format('woff'),
		url('/wp-content/themes/tandyr/assets/fonts/Montserrat-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


@font-face {
	font-family: 'Montserrat';
	src: url('/wp-content/themes/tandyr/assets/fonts/Montserrat-Bold.eot');
	src: local('Montserrat Bold'), local('Montserrat-Bold'),
		url('/wp-content/themes/tandyr/assets/fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/tandyr/assets/fonts/Montserrat-Bold.woff2') format('woff2'),
		url('/wp-content/themes/tandyr/assets/fonts/Montserrat-Bold.woff') format('woff'),
		url('/wp-content/themes/tandyr/assets/fonts/Montserrat-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('/wp-content/themes/tandyr/assets/fonts/Montserrat-Light.eot');
	src: local('Montserrat Light'), local('Montserrat-Light'),
		url('/wp-content/themes/tandyr/assets/fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/tandyr/assets/fonts/Montserrat-Light.woff2') format('woff2'),
		url('/wp-content/themes/tandyr/assets/fonts/Montserrat-Light.woff') format('woff'),
		url('/wp-content/themes/tandyr/assets/fonts/Montserrat-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}


@font-face {
	font-family: 'Montserrat';
	src: url('/wp-content/themes/tandyr/assets/fonts/Montserrat-Medium.eot');
	src: local('Montserrat Medium'), local('Montserrat-Medium'),
		url('/wp-content/themes/tandyr/assets/fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/tandyr/assets/fonts/Montserrat-Medium.woff2') format('woff2'),
		url('/wp-content/themes/tandyr/assets/fonts/Montserrat-Medium.woff') format('woff'),
		url('/wp-content/themes/tandyr/assets/fonts/Montserrat-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}


html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

body {
	line-height: 1
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

nav ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: none
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold
}

del {
	text-decoration: line-through
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

input,
select {
	vertical-align: middle
}

ul {
	list-style: none;
}

input:focus,
select:focus,
textarea:focus {
	outline: none;
}

html {
	overflow-x: hidden;
}



body {
	font-family: 'Montserrat', sans-serif;
	background: #fff;
	font-size: 18px;
	line-height: 1.3;
	color: #04090c;
	min-width: 320px;
	overflow-x: hidden;
	position: relative;
}

body.blocks {
	background: #fbfbfb
}

body:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: url("../img/bg_left.png") 0% 240px no-repeat;
}

body:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: url("../img/bg_right.png") 100% 0 no-repeat;
}

.container {
	width: 1170px;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative;
	z-index: 20
}


.mobile-menu-icon {
	text-align: right;
	margin-left: 20px;
	display: none;
	margin-top: -5px;
}

.mobile-menu-icon p {
	font-size: 8px;
	line-height: 1;
	margin-bottom: 0;
	color: #663333;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.29px;
}

#nav-icon3 {
	width: 30px;
	height: 22px;
	position: relative;
	margin-top: 5px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	cursor: pointer;
}

#nav-icon3 span {
	display: block;
	position: absolute;
	height: 4px;
	width: 80%;
	background: #663333;
	border-radius: 9px;
	opacity: 1;
	right: 0;
}

#nav-icon3 span:nth-child(1) {
	top: 0px;
}



#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
	top: 9px;
	width: 100%;
}

#nav-icon3 span:nth-child(4) {
	top: 18px;
}

#nav-icon3.open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}

#nav-icon3.open span {
	right: -3px;
}

#nav-icon3.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}

header {
	padding: 30px 0 60px;
	position: relative;
	z-index: 200
}

header .flex {
	align-items: center;
}

header .logo {
	max-width: 245px;
}

header .lang {
	font-size: 10px;
	color: #333;
}

header .lang span {
	display: block;
	margin-bottom: 5px;
}

header .lang ul {
	position: relative;
	width: 80px;
	line-height: 26px;
	box-sizing: border-box;
	border-radius: 26px;
	border: 1px solid #663333;
	cursor: pointer;
	font-size: 12px;
	padding-left: 28px;
	background: url("../img/arr_dgreen.svg") calc(100% - 8px) 6px no-repeat;
	background-size: 8px;
}

header .lang ul:hover {
	border-bottom-color: transparent;
	border-radius: 13px 13px 0 0
}

header .lang ul:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../img/globe-solid.svg") 8px 5px no-repeat;
	content: ''
}

header .lang ul:hover ul {
	display: block;
}

header .lang ul ul {
	display: none;
	position: absolute;
	top: 100%;
	left: -1px;
	width: calc(100% + 2px);
	border-radius: 0 0 13px 13px !important;
	border-bottom-color: #848c5a !important;
	border-top: none;
	background: #fff;
	z-index: 11
}

header .lang ul ul:after {
	display: none;
}

header .lang ul ul a {
	color: #663333;
	padding: 3px 0;
	display: block;
	font-weight: normal;
	font-size: 14px;
}

header .lang ul ul a:hover {
	text-decoration: underline;
}

header .address,
header .timework {
	width: 175px;
	box-sizing: border-box;
	padding: 0 0 0 35px;
	font-size: 16px;
	font-weight: 300;
	background: url("../img/address.svg") 0 50% no-repeat;
	background-size: 24px;
}

header .address a {
	color: #663333;
	font-size: 10px;
	border-bottom: 1px solid #663333;
	font-weight: normal;
}

header .address a:hover {
	border-color: transparent;
}

header .timework {
	width: 200px;
	background: url("../img/timework.svg") 0 50% no-repeat;
	background-size: 30px;
	margin: 0 70px 0 42px
}

header .phone {
	text-align: right;
	text-transform: uppercase;
}

header .phone span {
	display: block;
	font-size: 13px;
	font-weight: 300;
}

header .phone a {
	font-size: 29px;
	font-weight: 700;
	color: #04090c
}

header nav {
	position: relative;
	padding: 35px 0 0;
	z-index: 10;
}

header nav li {
	display: inline-block;
	margin-left: 30px;
	font-size: 18px;
	position: relative;
}

header nav li:first-child {
	margin-left: 0;
}

header nav li a {
	color: #04090c;
	border-bottom: 4px solid transparent;
	display: block;
}

header nav li:hover>a,
header nav li.active a {
	border-color: #663333
}

header nav li.menu-item-has-children a {
	padding-right: 18px;
	background: url("../img/arr_dgr.svg") 100% 3px no-repeat;
	background-size: 10px;
}

header nav li:hover .sub-menu {
	display: block;
}

header nav li .sub-menu {
	position: absolute;
	display: none;
	top: 100%;
	left: -20px;
	width: 100%;
	min-width: 280px;
	padding-top: 15px;
}

header nav li .sub-menu li {
	margin: 0;
	font-size: 16px;
	width: 100%;
	position: relative;
}

header nav li .sub-menu li a {
	display: block;
	padding: 10px 20px;
	background: #663333;
	border-bottom: 1px solid #663333;
	color: #fff;
}

header nav li .sub-menu li:last-child a {
	border-bottom: none;
}

header nav li .sub-menu li a:hover {
	background: #8c6642
}

header nav li.menu-item-has-children li.menu-item-has-children>a {
	position: relative;
}

header nav li.menu-item-has-children li.menu-item-has-children>a:after {
	position: absolute;
	top: 0;
	right: 8px;
	width: 10px;
	height: 100%;
	content: '';
	background: url("../img/arr_dgwhite.svg") 50% 50% no-repeat;
	background-size: 10px;
	transform: rotate(270deg);
}

header nav li .sub-menu li .sub-menu {
	top: 0;
	left: 100%;
	padding: 0;
	border-left: 1px solid #98a06c;
	display: none;
}

header nav li .sub-menu li:hover .sub-menu {
	display: block;
}

header .social {
	display: none;
}



.bg-mobile-nav {
	position: fixed;
	z-index: 9000;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
	background-color: rgba(0, 0, 0, 0.66);
}

#mobile__nav {
	display: none;
	position: fixed;
	overflow-y: auto;
	top: 0;
	left: 0;
	z-index: 2000;
	background: #fff;
	box-sizing: border-box;
	width: 320px;
	max-width: 100%;
	height: 100%;
	z-index: 9001;
	padding: 20px 0;
}

#mobile__nav .top {
	align-items: center;
	padding: 0 60px 27px 20px;
}

#mobile__nav .logo {
	max-width: 140px;
}

#mobile__nav .mobile-menu-icon {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 30px;
	height: 30px;
	display: block;
	margin-top: 2px;
	background: url("../img/close.svg") 50% 50% no-repeat;
}

#mobile__nav .lang ul {
	position: relative;
	width: 80px;
	line-height: 26px;
	box-sizing: border-box;
	border-radius: 26px;
	border: 1px solid #663333;
	cursor: pointer;
	font-size: 12px;
	padding-left: 28px;
	background: url("../img/arr_dgreen.svg") calc(100% - 8px) 6px no-repeat;
	background-size: 8px;
}

#mobile__nav .lang ul.op {
	border-bottom-color: transparent;
	border-radius: 13px 13px 0 0
}

#mobile__nav .lang ul:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../img/lang.png") 8px 5px no-repeat;
	content: ''
}

#mobile__nav .lang ul:hover ul {
	display: block1;
}

#mobile__nav .lang ul ul {
	display: none;
	position: absolute;
	top: 100%;
	left: -1px;
	width: calc(100% + 2px);
	border-radius: 0 0 13px 13px !important;
	border-bottom-color: #663333 !important;
	border-top: none;
	background: #fff;
	z-index: 11
}

#mobile__nav .lang ul ul:after {
	display: none;
}

#mobile__nav .lang ul ul a {
	color: #663333;
	padding: 3px 0;
	display: block;
	font-weight: normal;
	font-size: 14px;
}

#mobile__nav .lang ul ul a:hover {
	text-decoration: underline;
}

#mobile__nav .social {
	margin-top: 15px;
	padding: 15px 20px 0;
	border-top: 1px solid #ddd
}

#mobile__nav .social span {
	display: block;
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 7px;
	letter-spacing: -0.5px
}

#mobile__nav .social a {
	display: inline-block;
	margin-right: 10px;
	width: 40px;
}

#mobile__nav .contacts {
	padding: 0 20px
}

#mobile__nav .address,
#mobile__nav .timework {
	position: relative;
	left: 20px;
	width: 175px;
	margin-bottom: 15px;
	box-sizing: border-box;
	padding: 0 0 0 35px;
	font-size: 14px;
	font-weight: 300;
	background: url("../img/address.svg") 0 5px no-repeat;
	background-size: 24px;
}

#mobile__nav .address a {
	color: #848c5a;
	font-size: 10px;
	border-bottom: 1px solid #848c5a;
	font-weight: normal;
}

#mobile__nav .address a:hover {
	border-color: transparent;
}

#mobile__nav .timework {
	background: url("../img/timework.svg") 0 0px no-repeat;
	background-size: 30px;
	font-size: 12px;
	font-weight: normal;
	left: 0
}

#mobile__nav .phone {
	text-transform: uppercase;
	width: 100%;
	padding: 0;
	box-sizing: border-box;
	text-align: left;
}

#mobile__nav .phone span {
	display: block;
	font-size: 13px;
	font-weight: 300;
}

#mobile__nav .phone a {
	font-size: 25px;
	font-weight: 700;
	color: #04090c
}

#mobile__nav nav {
	padding-bottom: 30px;
}

#mobile__nav nav ul li {
	font-size: 15px;
}

#mobile__nav nav ul li a {
	color: #000;
	display: block;
	font-size: 17px;
	font-weight: 300;
	padding: 7px 20px 7px 38px;
	position: relative;
}

#mobile__nav nav ul li:hover>a {
	color: #fff;
	background: #663333
}

#mobile__nav nav ul li a:after {
	position: absolute;
	top: 11px;
	left: 20px;
	width: 10px;
	height: 10px;
	content: '';
	background: url("../img/arr_dgreen.svg") 50% 50% no-repeat;
	background-size: 100%;
	transform: rotate(-90deg);
}

#mobile__nav nav ul li:hover>a:after {
	background: url("../img/arr_dgwhite.svg") 50% 50% no-repeat;
	background-size: 100%
}


#mobile__nav nav ul li .sub-menu {
	display: none;
}

#mobile__nav nav ul li .sub-menu li a {
	padding-left: 60px;
}

#mobile__nav nav ul li .sub-menu li a:after {
	left: 40px
}


#mobile__nav nav ul li .sub-menu .sub-menu {
	display: none;
}

#mobile__nav nav ul li .sub-menu .sub-menu li a {
	padding-left: 80px
}

#mobile__nav nav ul li .sub-menu .sub-menu li a:after {
	left: 60px
}





#promo {
	padding: 0 0 70px
}

#promo .text {
	max-width: 470px
}

#promo .text-h1 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 70px;
	line-height: 0.9;
}

#promo .text-h1 span {
	display: block;
	font-size: 58px;
	font-weight: 300;
}

#promo .text ul {
	padding: 30px 0 35px;
}

#promo .text ul li {
	margin: 3px 0;
	font-weight: 300;
}

#promo .flex {
	align-items: center;
}

#promo .promo__slider {
	max-width: 100%;
	max-width: 600px;
	position: relative;
}

#promo .promo__slider img {
	width: 100%;
}





#quick {
	padding: 0 0 70px;
	text-align: center;
}

#quick.quick__block {
	padding: 20px 0
}

#quick.quick__block p {
	font-weight: 300;
	margin-bottom: 25px;
}

#quick.quick__block a {
	text-align: center;
	padding: 0;
	background: transparent;
}

#quick .bt {
	font-size: 38px;
	margin-bottom: 10px;
}

#quick.quick-inner .bt {
	margin-bottom: 20px;
}

#quick.quick-inner .flex {
	max-width: 900px;
	margin: 0 auto
}

#quick.quick-inner .flex a {
	width: 32%;
}

#quick p {
	font-weight: 300;
	margin-bottom: 15px;
}

#quick a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24%;
	box-sizing: border-box;
	text-transform: uppercase;
	font-size: 16px;
	color: #666666;
	background: transparent;
	height: 54px;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
}

#quick a svg {
	width: auto;
	margin-right: 10px;
	height: 20px;
}

#quick a:nth-child(2n) svg {
	height: 28px;
}


#quick a:nth-child(3n) svg {
	height: 34px;
}

#quick a:nth-child(4n) svg {
	height: 24px;
}

#quick a svg path {
	fill: #663333;
}

#quick a:hover {
	background: #663333;
	color: #fff;
}

#quick a:hover svg path {
	fill: #fff
}

.page-template-page-banquets #quick a svg {
	height: 22px;
}

.page-template-page-constructor #quick a svg {
	height: 22px;
}


.page-template-page-contacts #quick a:first-child svg {
	height: 37px;
}

/*#quick a{display: block; width: 24%; box-sizing: border-box; text-transform: uppercase; font-size: 16px; color: #666666; line-height: 54px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1); padding-left: 87px; text-align: left;}
        #quick a:hover{box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); background-color: #848c5a!important; color: #fff;}
        #quick a.icon1{background: url("../img/icon1.png") 55px 50% no-repeat; padding-left: 87px;}
            #quick a.icon1:hover{background: url("../img/icon1w.png") 55px 50% no-repeat;}
        #quick a.icon2{background: url("../img/icon2.png") 41px 50% no-repeat; padding-left: 80px;}
            #quick a.icon2:hover{background: url("../img/icon2w.png") 41px 50% no-repeat;}
        #quick a.icon3{background: url("../img/icon3.png") 32px 50% no-repeat; padding-left: 77px;}
            #quick a.icon3:hover{background: url("../img/icon3w.png") 32px 50% no-repeat;}
        #quick a.icon4{background: url("../img/icon4.png") 59px 50% no-repeat; padding-left: 85px;}
            #quick a.icon4:hover{background: url("../img/icon4w.png") 59px 50% no-repeat;}
        #quick a.icon5{background: url("../img/icon5.png") 46px 50% no-repeat; padding-left: 96px;}
            #quick a.icon5:hover{background: url("../img/icon5w.png") 46px 50% no-repeat;}
        #quick a.icon6{background: url("../img/icon6.png") 34px 50% no-repeat;}
            #quick a.icon6:hover{background: url("../img/icon6w.png") 34px 50% no-repeat;}
        #quick a.icon7{background: url("../img/icon7.png") 47px 50% no-repeat; padding-left: 95px;}
            #quick a.icon7:hover{background: url("../img/icon7w.png") 47px 50% no-repeat;}
        #quick a.icon8{background: url("../img/icon8.png") 32px 50% no-repeat; padding-left: 71px;}
            #quick a.icon8:hover{background: url("../img/icon8w.png") 32px 50% no-repeat;}*/





#about {
	padding: 75px 0;
	background: #f2f2f2
}

#about .info {
	margin: 0 auto 35px;
	text-align: center;
	max-width: 800px;
	font-weight: 300;
}

#about .item {
	width: 32%;
	background: #fff;
}

#about .item .data {
	padding: 20px 30px 30px;
}

#about .item .data .title {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 15px;
}

#about .item .data li {
	margin: 2px 0;
	position: relative;
	padding-left: 10px
}

#about .item .data li:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '•';
}

#about .item .data li a {
	display: inline-block;
	font-size: 16px;
	font-weight: 300;
	color: #000;
	border-bottom: 2px solid transparent;
}

#about .item .data li a:hover {
	font-weight: 500;
	border-color: #663333
}





#gallery {
	padding: 0 0 50px;
	background: #f2f2f2
}

#gallery.section__block {
	background: transparent;
	padding: 50px 0
}

#gallery .item {
	width: 23%;
}

#gallery .item a {
	display: block;
	position: relative;
}

#gallery .item a:after {
	position: absolute;
	top: 0;
	transition: all 0.25s ease-out;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	content: '+';
	color: #fff;
	font-size: 50px;
	font-weight: 100;
	opacity: 0;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: space-around
}

#gallery .item a:hover:after {
	opacity: 1
}

#gallery .item img {
	margin-bottom: 26px;
}





#boss {
	padding: 75px 0 50px
}

#boss .flex {
	align-items: center;
}

#boss .data {
	max-width: 525px;
}

#boss .title {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 77px;
	line-height: 0.9;
}

#boss .title span {
	display: block;
	font-size: 58px;
	font-weight: 300;
}

#boss.section__block h2 {
	font-size: 38px;
	line-height: 1.1
}

#boss.section__block h2 span {
	font-weight: 300;
	display: block;
	font-size: 20px;
	margin: 10px 0 20px
}

#boss.section__block img {
	border-radius: 10px;
}

#boss.section__block .image:after {
	display: none;
}

#boss .subtitle {
	font-weight: 300;
	font-size: 44px;
	margin: 30px 0 10px;
	text-transform: uppercase;
}

#boss p {
	font-weight: 300;
	line-height: 1.2;
	margin-bottom: 25px;
}

#boss .image {
	width: calc(100% - 570px);
	position: relative;
}

#boss .image:after {
	position: absolute;
	width: 501px;
	height: 135px;
	background: url("../img/logo.png") 50% 50% no-repeat;
	top: 186px;
	right: -360px;
	content: '';
	transform: rotate(-90deg);
}

#boss .btn {
	width: 290px;
	margin-bottom: 70px;
}

#boss .reserv {
	text-transform: uppercase;
	font-weight: 300;
}

#boss .reserv a {
	color: #000;
	font-weight: 700;
	font-size: 28px;
	display: block;
	padding-left: 25px;
	background: url("../img/phone.svg") 0 50% no-repeat;
	background-size: 18px;
}





#welcome {
	padding: 50px 0;
}

#welcome .info {
	text-align: center;
	margin-bottom: 25px;
	position: relative;
	font-weight: 300;
	top: -10px;
}

#welcome .data {
	max-width: 570px
}

#welcome .image {
	width: calc(100% - 600px)
}

#welcome .data .title {
	font-size: 42px;
	font-weight: 700;
}

#welcome .data .subtitle {
	font-size: 18px;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 25px
}

#welcome .data p {
	margin-bottom: 25px;
	font-weight: 300;
}

#welcome .data .flex a {
	width: 30%;
}

#welcome .data .flex a img {
	width: 100%;
}




#menu__category {
	padding: 50px 0;
	background: #fbfbfb
}

#menu__category .info {
	text-align: center;
	margin-bottom: 25px;
	font-weight: 300;
	position: relative;
	top: -10px;
}

#menu__category .item {
	width: 32%;
	background: #fff;
	margin-bottom: 2%;
}

#menu__category .item .data {
	padding: 20px 30px 30px;
	font-size: 16px;
}

#menu__category .item .data .title {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 15px;
}

#menu__category .item .data p,
#menu__category .item .data ul {
	font-weight: 300;
}


#gallery-masonry {
	column-count: 4;
	display: block;
	column-gap: 20px;
	margin: -15px;
	margin-top: 20px;
}

#gallery-masonry .g-item {
	margin-top: 20px;
	position: relative;
	cursor: pointer;
}

#gallery-boss {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 10px;
}

#gallery-boss .g-item {
	position: relative;
	cursor: pointer;
}

#gallery-masonry .g-item:first-child {
	margin-top: 0px;
}

#gallery-masonry .g-item img,
#gallery-boss .g-item img {
	width: 100%;
	height: auto;
}

#gallery-masonry .g-item::before,
#gallery-boss .g-item::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: transparent;
	background-image: url(../img/plus.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 0px;
	z-index: 1;
	transition: .2s;
}

#gallery-masonry .g-item:hover::before,
#gallery-boss .g-item:hover::before {
	background-color: rgba(0, 0, 0, .32);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 35px;
}

@media (max-width : 768px) {
	#gallery-masonry {
		column-count: 2;
	}
}


#photo__gallery {
	padding: 50px 0 90px;
	position: relative;
	z-index: 20
}

#photo__gallery .item-g {
	display: block;
	width: 100%;
	box-sizing: border-box;
	height: 200px;
	position: relative;
	cursor: pointer;
}


#photo__gallery .item-g img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}


#photo__gallery .item-g::before {
	content: "";
	display: block;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
	position: absolute;
	background-color: transparent;
	background-image: url(../img/plus.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 0px;
	z-index: 1;
	transition: .2s;
}

#photo__gallery .item-g:hover::before {
	background-color: rgba(0, 0, 0, .32);
	background-image: url(../img/plus.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 35px;
}

#photo__gallery .slick-dots {
	bottom: -40px
}

#photo__gallery .slick-dots li button {
	background: #848c5a
}

#photo__gallery .slick-dots li.slick-active button {
	background: #996633;
}





#delivery {
	padding: 75px 0;
	background: #f2f2f2;
}

#delivery .flex {
	align-items: center;
}

#delivery .data {
	max-width: 440px;
}

#delivery .data img {
	max-width: 160px;
	margin-bottom: 35px
}

#delivery .title {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 77px;
	line-height: 1;
}

#delivery .title span {
	display: block;
	font-size: 58px;
	font-weight: 300;
}

#delivery p {
	font-weight: 300;
	line-height: 1.2;
	margin: 30px 0 45px
}

#delivery p strong {
	font-weight: bold;
}

#delivery .image {
	width: calc(100% - 570px);
	position: relative;
}

#delivery .btn {
	width: 340px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 70px;
}

#delivery .btn svg {
	fill: #fff;
	margin-right: 10px;
	margin-left: 10px;
	height: 30px;
	width: 30px;
}

#delivery .btn:hover svg {
	fill: #8c6642;
}

#delivery .reserv {
	font-weight: 300;
	padding: 7px 0 7px 10px;
	border-left: 12px solid #663333;
}





#content {
	padding: 75px 0 50px
}

#content h2,
#content h1,
#content h3,
#content h4,
#content h5,
#content h6 {
	margin-bottom: 25px;
	font-weight: 700;
	font-size: 40px;
	color: #323233
}

#content p {
	margin-bottom: 35px;
	font-weight: 300;
}

#content .right {
	padding-left: 200px
}

#content blockquote {
	display: block;
	margin-bottom: 35px;
	box-sizing: border-box;
	color: #fff;
	padding: 30px;
	border-radius: 10px;
	background: #848c5a;
	max-width: 770px
}


#content blockquote p {
	margin-bottom: 0;
	font-weight: normal;
}




#breadcrumbs {
	padding: 0 0 10px;
	font-weight: 300;
	font-size: 14px;
}



#breadcrumbs a {
	color: #000;
	position: relative;
	font-weight: 300;
	margin-right: 25px
}

#breadcrumbs a:hover {
	border-color: #848c5a;
}

#breadcrumbs a:after {
	position: absolute;
	top: 5px;
	right: 0;
	margin-right: -18px;
	width: 10px;
	height: 10px;
	content: '';
	background: url("../img/arr_dgr.svg") 50% 50% no-repeat;
	background-size: 100%;
	transform: rotate(-90deg);
}





#bankets {
	padding: 0 0 50px
}

#bankets .info {
	text-align: center;
	font-weight: 300;
	margin-bottom: 20px;
	position: relative;
	top: -10px;
}

#bankets .item {
	width: 32%;
	background: #fff;
	position: relative;
	margin-bottom: 20px;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
}

#bankets .item:nth-child(4),
#bankets .item:nth-child(5),
#bankets .item:nth-child(6),
#bankets .item:nth-child(7) {
	width: 23%;
}

#bankets .item .data {
	padding: 20px;
}

#bankets .item .title {
	text-transform: uppercase;
	font-weight: 700;
	color: #333;
	font-size: 24px;
}

#bankets .item a {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;

}

#bankets .item:hover {
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
}





#contacts {
	padding: 0 0 50px
}

#contacts #map {
	width: 50%;
}

#contacts iframe {
	display: block;
	width: 100%;
	height: 450px
}

#contacts .data {
	width: 50%;
	box-sizing: border-box;
	padding-left: 100px
}

#contacts h1 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 60px;
	line-height: 0.9;
	margin-bottom: 35px;
}

#contacts .data h1 span {
	display: block;
	font-size: 40px;
	font-weight: 300;
	margin-bottom: 0;
}

#contacts .data span {
	text-transform: uppercase;
	font-weight: 300;
	font-size: 14px;
	display: block;
	margin-bottom: 5px;
}

#contacts .ct {
	margin-top: 20px;
	max-width: 370px;
	font-size: 22px;
	color: #333;
	padding-left: 53px;
}

#contacts .ct a {
	color: #333;
	font-weight: 700;
}

#contacts .ct.reserv {
	padding: 0;
}

#contacts .reserv a {
	color: #000;
	font-weight: 700;
	font-size: 28px;
	display: block;
	padding-left: 25px;
	background: url("../img/phone.svg") 0 50% no-repeat;
	background-size: 18px;
}

#contacts .ct.address {
	background: url("../img/ct_address.png") 0 100% no-repeat;
}

#contacts .ct.timework {
	background: url("../img/ct_timework.png") 0 80% no-repeat;
}

#contacts .ct.email {
	background: url("../img/ct_email.png") 0 100% no-repeat;
}





#social {
	text-align: center;
	padding-bottom: 70px
}

#social a {
	display: inline-block;
	margin: 0 10px
}

#social span {
	display: block;
	margin-bottom: 15px;
	font-weight: 700;
	font-size: 22px;
}





.section__block {
	padding: 20px 0;
}

.section__block .info {
	text-align: center;
	font-weight: 300;
	margin-bottom: 20px;
	position: relative;
	top: -10px;
}




.list__blog .item {
	margin-bottom: 50px;
}

.list__blog .item:last-child {
	margin-bottom: 0;
}

.list__blog .item:nth-child(2n) .text {
	order: 1;
}

.list__blog .item:nth-child(2n) .image {
	order: 0;
}

.list__blog .text {
	width: 48%;
}


.block-left-image .text {
	order: 2
}

.block-left-image .image {
	order: 1
}

.list__blog h2,
.title-block {
	font-size: 36px;
	text-align: left;
	text-transform: uppercase;
}

.list__blog h3,
.subtitle-block {
	text-transform: uppercase;
	font-weight: 300;
	font-size: 20px;
	margin: 5px 0 20px
}

.list__blog p {
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 25px
}

.list__blog .image {
	width: 48%;
}

.list__blog .image img {
	width: 100%;
	border-radius: 10px;
}


.content__block p {
	font-weight: 300;
	margin-bottom: 25px;
}

.content__block p strong {
	font-weight: bold;
}

.content__block h2,
.content__block h3 {
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 10px;
	margin-top: 20px;
	font-size: 38px;
}


article h2,
article h3 {
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 10px;
	font-size: 38px;
}

article a,
.content__block a {
	font-weight: bold;
	display: inline-block;
	border-bottom: 1px solid #663333;
	color: #663333;
}

article a:hover,
.content__block a:hover {
	border-bottom: 1px solid transparent;
}


article ul,
article ol {
	margin-bottom: 25px;
	font-weight: 300;
	padding-left: 20px
}

article ul {
	margin-top: 25px;
}

article ul li {
	list-style: disc;
}

.content__block ul,
.content__block ol {
	margin-bottom: 25px;
	font-weight: 300;
	padding-left: 20px
}

.content__block ul {
	margin-top: 25px;
}

.content__block ul li {
	list-style: disc;
}

.content__block .gallery {
	margin-bottom: 25px !important;
}

.content__block .gallery img {
	width: 100%;
}

.content__block .gallery.gallery-2 a {
	width: 48%;
}

.content__block .gallery.gallery-4 a {
	display: block;
	position: relative;
	width: 23%;
}

.content__block .gallery.gallery-4 a:after {
	position: absolute;
	top: 0;
	transition: all 0.25s ease-out;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	content: '+';
	color: #fff;
	font-size: 50px;
	font-weight: 100;
	opacity: 0;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: space-around
}

.content__block .gallery.gallery-4 a:hover:after {
	opacity: 1
}





.post__block .item {
	width: 23%;
	background: #fff;
	margin-bottom: 20px;
}

.post__block.post__block-3 .item {
	width: 31%
}

.post__block .data {
	padding: 20px;
	text-align: center;
}

.post__block h3 {
	text-transform: uppercase;
	font-size: 24px;
	margin-bottom: 15px;
	color: #333;
	font-weight: 700;
	transition: .25s
}



.post__block p {
	font-size: 16px;
	font-weight: 300;
}

.post__block img {
	width: 100%;
}





#phone__block {
	text-align: center;
}

#phone__block p {
	max-width: 800px;
	font-weight: 300;
	margin: 25px auto 0;
}

#phone__block span {
	text-transform: uppercase;
	font-weight: 300;
	display: block;
}

#phone__block a {
	color: #000;
	font-weight: 700;
	font-size: 28px;
	display: block;
	padding-left: 25px;
	background: url("../img/phone.svg") 0 50% no-repeat;
	background-size: 18px;
	display: inline-block;
}





#mobile__reserv,
.mobile__img {
	display: none;
}




















footer {
	background: #f2f2f2;
	background: #f2f2f2;
	padding: 115px 0 30px
}

footer img {
	max-width: 220px;
	margin-bottom: 15px;
}

footer .col:first-child {
	max-width: 250px;
	color: #666;
	font-size: 12px;
}

footer .col:first-child p {
	padding: 0;
	font-weight: 300;
}

footer .title {
	color: #333;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 30px;
}

footer li {
	margin-bottom: 15px;
}

footer li a {
	font-size: 14px;
	color: #666666;
	border-bottom: 1px solid transparent;
	display: inline-block;
	font-weight: 300;
	margin-left: 15px;
	position: relative;
}

footer li a:after {
	position: absolute;
	top: 0;
	left: -15px;
	width: 10px;
	height: 100%;
	content: '';
	background: url("../img/arr_dgreen.svg") 0 50% no-repeat;
	background-size: 10px;
	transform: rotate(-90deg);
}

footer li a:hover {
	border-color: #000;
	color: #000;
}

footer p {
	color: #666666;
	padding-bottom: 20px;
	font-size: 14px;
}

footer p a {
	color: #666666;
}

footer .col p {
	padding-left: 20px;
}

footer .col p.address {
	background: url("../img/address.svg") 0 1px no-repeat;
	font-weight: 300;
	background-size: 11px
}

footer .col p.phone {
	background: url("../img/phone.svg") 0 1px no-repeat;
	font-weight: 300;
	background-size: 14px
}

footer .col p.email {
	background: url("../img/email.svg") -1px 2px no-repeat;
	font-weight: 300;
	background-size: 16px
}

footer .col p.timework {
	background: url("../img/timework.svg") 0 1px no-repeat;
	font-weight: 300;
	background-size: 14px
}

footer .social span {
	margin-bottom: 20px;
	display: block;
	font-weight: 700;
	font-size: 22px;
}

footer .social a {
	display: inline-block;
	margin-right: 6px
}

footer .copyright {
	border-top: 1px solid #dde0e5;
	text-align: center;
	padding: 30px 0 0;
	font-size: 14px;
}

footer .copyright p {
	max-width: 750px;
	font-weight: 300;
	margin: 0 auto
}














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



.bt {
	font-weight: 700;
	font-size: 45px;
	text-transform: uppercase;
	margin-bottom: 20px;
	text-align: center;
}


.compensate-for-scrollbar {
	margin-right: 0 !important
}



.form input[type="text"],
.form input[type="date"],
.form input[type="number"],
.form input[type="time"],
.form input[type="email"],
.form input[type="tel"],
.form textarea,
.form select {
	border: none;
	margin-bottom: 15px;
	width: 100%;
	text-align: center;
	font-size: 14px;
	height: 30px;
	border-bottom: 1px solid #e5e5e5
}

.form textarea {
	resize: none;
	height: 140px;
	padding: 20px;
}

.form select {
	background: transparent;
	width: 100%;
	text-align: center;
	color: #333;
	text-align: center;
	text-align-last: center;
	-moz-text-align-last: center;
}

.form select:focus,
.form input:focus {
	background: #E6E6E6
}

.form select:focus {
	background: #E6E6E6 url("../img/arr_n.svg") calc(100% - 20px) 50% no-repeat;
}


.form input[type="number"] {
	-webkit-appearance: textfield;
	appearance: textfield;
	-moz-appearance: textfield;
}

.form .flex .item {
	width: 48%;
}

.inn .logo {
	max-width: 200px;
	margin: 0 auto 20px
}

.inn .title {
	text-transform: uppercase;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 4px;
}

.inn p {
	font-size: 14px;
	font-weight: 300;
	color: #666;
	margin-bottom: 10px;
}

.inn label {
	font-size: 18px;
	font-weight: 500;
	display: block;
	margin-bottom: 5px;
}

select.select {
	padding: 14px 30px 14px 16px;
	min-width: 230px;
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	color: #201D1E;
	background: #fff url("../img/arr_s.svg") calc(100% - 16px) 50% no-repeat;
	border: 1px solid #E9E9E9;
	border-radius: 100px;
}





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

input[type="checkbox"]+label {
	cursor: pointer;
	display: inline-block;
	padding-left: 30px;
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 18px;
}

input[type="checkbox"]+label a {
	color: #201D1E;
	border-bottom: 1px solid #201D1E;
}

input[type="checkbox"]+label a:hover {
	border-color: transparent;
}

input[type="checkbox"]+label::before {
	content: "";
	display: inline-block;
	position: absolute;
	background: transparent;
	top: calc(50% - 9px);
	left: 0;
	height: 18px;
	width: 18px;
	border: 1px solid #201D1E;
	border-radius: 4px;
	box-sizing: border-box;
}

input[type="checkbox"]+label::before {
	background-position: 0px 0px;
}

input[type="checkbox"]:checked+label::before {
	background: #3A8EEC;
	border-color: #3A8EEC;
}




label {
	transition: all 0.25s ease-out;
}




button {
	background: transparent;
}



.clearfix {
	clear: both;
}

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


a {
	text-decoration: none;
	transition: all 0.25s ease-out;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover {
	transition: all 0.25s ease-out;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:focus {
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

div {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

.btn:hover {
	transition: all 0.25s ease-out;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}







.btn-green {
	width: 216px;
	height: 54px;
	line-height: 50px;
	background: #663333;
	border: 2px solid #663333;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	font-size: 22px;
}

.btn-green:hover {
	background-color: transparent;
	color: #663333
}


.btn-brown {
	width: 216px;
	height: 54px;
	line-height: 50px;
	background: #000000;
	border: 2px solid #000000;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	font-size: 22px;
	margin: 5px;
}

.btn-brown:hover {
	background-color: transparent;
	color: #000000
}



input,
textarea,
select,
button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-sizing: border-box;
	font-family: 'Montserrat', sans-serif;
}



.gallery br {
	display: none;
}

.gallery-columns-6 {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	column-gap: 15px;
	row-gap: 15px;
}


.gallery-columns-8 {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	column-gap: 15px;
	row-gap: 15px;
}


.gallery-columns-5 {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	column-gap: 15px;
	row-gap: 15px;
}

.gallery-columns-4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 15px;
	row-gap: 15px;
}

.gallery-columns-3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 15px;
	row-gap: 15px;
}

.gallery-columns-2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 15px;
	row-gap: 15px;
}

.gallery-columns-6 .gallery-item {
	width: 100% !important;
	height: 150px;
	margin-top: 0 !important;
}


.gallery-columns-8 .gallery-item {
	width: 100% !important;
	height: 150px;
	margin-top: 0 !important;
}


.gallery-columns-5 .gallery-item {
	width: 100% !important;
	height: 150px;
	margin-top: 0 !important;
}

.gallery-columns-4 .gallery-item {
	width: 100% !important;
	height: 200px;
	margin-top: 0 !important;
}

.gallery-columns-3 .gallery-item {
	width: 100% !important;
	height: 250px;
	margin-top: 0 !important;
}

.gallery-columns-2 .gallery-item {
	width: 100% !important;
	height: 400px;
	margin-top: 0 !important;
}

.gallery-columns-6 .gallery-item img {
	width: 100%;
	height: 150px;
	object-fit: cover;
}

.gallery-columns-5 .gallery-item img {
	width: 100%;
	height: 150px;
	object-fit: cover;
}

.gallery-columns-4 .gallery-item img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}

.gallery-columns-3 .gallery-item img {
	width: 100%;
	height: 250px;
	object-fit: cover;
}

.gallery-columns-2 .gallery-item img {
	width: 100%;
	height: 400px;
	object-fit: cover;
	object-position: top;
}

.gallery .gallery-item img {
	display: block;
	border: none !important;
}

.gallery .gallery-item a {
	position: relative;
	width: 100%;
}

.gallery .gallery-item a {
	border: none;
}

.gallery .gallery-item a:hover {
	background-color: #fff;
	transition: background-color .25s;
	cursor: pointer;
}

.gallery .gallery-item a:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: transparent;
	background-image: url(../img/plus.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 0px;
	z-index: 1;
	transition: .2s;
}

.gallery .gallery-item a:hover:before {
	background-color: rgba(0, 0, 0, 0.5);
	background-image: url(../img/plus.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50px;
}

.gallery-columns-4 .gallery-item a:hover:before {
	background-size: 35px;
}

.gallery-columns-6 .gallery-item a:hover:before {
	background-size: 30px;
}

.wpcf7-spinner {
	display: none;
}

.wpcf7-not-valid-tip {
	display: none;
}

.wpcf7-not-valid {
	background-color: #ff9e9e;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	font-size: 14px;
}

.btn-submit {
	height: 42px;
	line-height: 38px;
	font-size: 16px;
	font-weight: normal;
	width: 216px;
	background: #663333;
	border: 2px solid #663333;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	display: block;
	position: relative;
	cursor: pointer;
	transition: all 0.25s ease-out;
	appearance: none;
	font-family: 'Montserrat', sans-serif;
	margin: 0 auto;
}

.btn-submit:hover,
.btn-submit:focus,
.btn-submit:active {
	background-color: transparent;
	color: #663333;
}

.lity-close {
	display: none;
}

.close-popup {
	width: 50px;
	height: 50px;
	position: absolute;
	right: -20px;
	top: -20px;
	background-color: #fff;
	border-radius: 50%;
	background-image: url(../img/circle-xmark-regular.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 45px;
	cursor: pointer;
	transition: .25s;
}

.flex-center-buttons .flex,
.post__block-4,
.post__block-3 {
	justify-content: center;
	grid-gap: 15px;
}

.item-link-shadow {
	background: #fff;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
	transition: .25s;
}

.item-link-shadow:hover {
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	;
}

.item-link-shadow p {
	color: #04090c;
}


.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #663333;
	border: none;
	box-sizing: border-box;
	border-radius: 50%;
	opacity: 1;
}

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {
	width: 34px;
	background: #996633;
	border-radius: 10px;
}

.swiper-pagination {
	margin-bottom: 20px;
}

.swiper-prev {
	background: url("../img/left-slider.svg") 50% 50% no-repeat;
	width: 42px;
	height: 42px;
	left: calc(50% - 500px);
	z-index: 10;
	top: 37%;
	position: absolute;
	cursor: pointer;
}

.swiper-next {
	background: url("../img/right-slider.svg") 50% 50% no-repeat;
	width: 42px;
	height: 42px;
	right: calc(50% - 500px);
	position: absolute;
	z-index: 10;
	top: 37%;
	cursor: pointer;
}

.swiper-button-disabled {
	opacity: .5;
}

.page-template-page-constructor .swiper-prev, .page-template-page-constructor .swiper-next {
	top: 50%;
}


.promo__slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	background-color: #fff;
}
.promo__slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {
background-color: #f8ba77;
}
.promo__slider .swiper-pagination {
	margin-bottom: 0;
}

 form .wpcf7-acceptance label {
	display: flex;
	font-size: 12px;
	text-align: left;
	gap: 5px;
	 margin-bottom: 10px
}
 form .wpcf7-acceptance label a {
	color: #663333;
	text-decoration: none;
		border-bottom: 1px solid #663333;
}
 form .wpcf7-acceptance label a:hover{
	border-bottom: 1px solid transparent
}
 form .wpcf7-acceptance .wpcf7-list-item {
	margin-left: 0px
}
 form .wpcf7-acceptance input{
	width: 20px;
	 min-width: 20px;
	 border: 1px solid #848c5a;
	height: 20px;
	 display: block
}
form .wpcf7-acceptance input:checked {
	background: #848c5a
}

/* кнопка в тексті */
.seo-text-container {
  position: relative;
  max-width: 100%;
  margin-bottom: 20px;
}

.seo-text-collapsible {
  max-height: 200px;
  overflow: hidden;
  transition: max-height 0.5s ease;
}

.seo-text-collapsible.expanded {
  max-height: 2000px;
}

.seo-button-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}

.seo-toggle-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 18px;
  font-size: 14px;
  font-weight: 600;
  color: #663333;
  background-color: #fff;
  border: 1px solid #ececec;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.seo-toggle-button:hover {
  background-color: #f8f8f8;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}

.seo-button-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}

.seo-toggle-button:hover {
  background-color: #f8f8f8;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}

.seo-text-collapsible {
  max-height: 200px;
  overflow: hidden;
  position: relative;
  transition: max-height 0.5s ease;
}

/* Плавний градієнт-перекриття знизу */
.seo-text-collapsible::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px; /* висота перекриття */
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  pointer-events: none;
  transition: opacity 0.3s ease;
  opacity: 1;
}

/* Коли текст розгорнутий — прибираємо градієнт */
.seo-text-collapsible.expanded::after {
  opacity: 0;
}
/* кнопка в тексті */