/* USER VARIABLES SECTION */

:root {
	--accent: #336666;
	--text: #333;
	--regular-text: 16px;
	--lineheight: 1.45;
	--userfont: "PT Serif", sans-serif;
	--systemfont: -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}

/* BOOTSTRAP SETTINGS SECTION */

/* gutter 20px (10px + 10px). Comment this code for default gutter start at 1.5rem (24px) wide. */
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	--bs-gutter-x: .625rem;
}

.row, .row>* {
	--bs-gutter-x: 1.25rem;
}

/* FONTS LOAD SECTION */
 @font-face {
	src: url("../fonts/serif/PTSerif-Regular.woff2") format("woff2");
	font-family: "PT Serif";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	src: url("../fonts/serif/PTSerif-Bold.woff2") format("woff2");
	font-family: "PT Serif";
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* @font-face {
	src: url("../fonts/Merriweather/merriweather-v25-latin_cyrillic-regular.woff2") format("woff2");
	font-family: "merriweather";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	src: url("../fonts/Merriweather/merriweather-v25-latin_cyrillic-300.woff2") format("woff2");
	font-family: "merriweather";
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	src: url("../fonts/Merriweather/merriweather-v25-latin_cyrillic-700.woff2") format("woff2");
	font-family: "merriweather";
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	src: url("../fonts/Merriweather/merriweather-v25-latin_cyrillic-900.woff2") format("woff2");
	font-family: "merriweather";
	font-weight: 900;
	font-style: normal;
	font-display: swap;
} */

/* @font-face {
	src: url("../fonts/roboto-light-webfont.woff2") format("woff2");
	font-family: "roboto";
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	src: url("../fonts/roboto-regular-webfont.woff2") format("woff2");
	font-family: "roboto";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
} */

/* @font-face {
	src: url("../fonts/Merriweather/merriweather-v25-latin_cyrillic-regular.woff2") format("woff2");
	font-family: "merriweather";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
} */

/* GENERAL CSS SETTINGS */

::placeholder {
	color: #666;
}

::selection {
	background-color: var(--accent);
	color: #fff;
}

input, textarea {
	outline: none;
}

input:focus:required:invalid, textarea:focus:required:invalid {
	border-color: red;
}

input:required:valid, textarea:required:valid {
	border-color: green;
}
html {
	overflow-x: hidden;
}
body {
	font-family: var(--userfont);
	font-size: var(--regular-text);
	line-height: var(--lineheight);
	color: var(--text);
	min-width: 320px;
	position: relative;
	background-color: #f6ebe3;
	overflow-x: hidden;
}

/* USER STYLES */

.w-100 {
	max-width: 100%;
}

.p-0 {
	padding: 0;
}

a {
	transition: .15s
}

a:hover, a:focus {
	opacity: .8;
}














/* header section */
header {
	display: block;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	height: 1080px;
}
.page-header {
	height: auto;
	background-size: cover;
	background-position: top center;
}
.header-section {
	display: flex;
	position: relative;
	width: 100%;
	align-items: center;
	margin: 15px auto;
	min-height: 60px;
	justify-content: space-between;
}

.header-section .logo {
	display: block;
	width: 240px;
}
header .adress {
	width: 170px;
}
.adress p {
	font-size: 13px;
	line-height: 1.3;
	margin-bottom: 0;
	padding-left: 30px;
	background-image: url(../images/icons/map-marker-alt-solid.svg);
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: left 10px center;
}

.email a {
	font-size: 13px;
	line-height: 1.3;
	color: #333333;
	margin-bottom: 0;
	padding-left: 30px;
	background-image: url(../images/icons/envelope-solid.svg);
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: left 10px center;
	text-decoration: none;
}

.but-info {
	display: inline-block;
	width: 170px;
	height: 35px;
	font-size: 12px;
	font-weight: 300;
	box-shadow: 0 0 13px rgba(31, 103, 92, 0.85);
	border-radius: 5px;
	background-color: #1f675c;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 35px;
	margin: 0px 5px;
	letter-spacing: -0.12px;
}

.but-info:hover {
	color: #fff;
	text-decoration: none;
}

.info-header .time {
	font-size: 13px;
	text-align: right;
}

.info-header .phone-block a {
	color: #333;
	font-weight: 700;
	text-decoration: none;
	line-height: 25.07px;
	letter-spacing: -0.22px;
}

.info-header .phone-block a:hover {
	opacity: .6;
}

.phone-block {
	padding-left: 30px;
	background-image: url(../images/icons/phone-solid.svg);
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: left 10px center;
	text-decoration: none;
	position: relative;
	display: block;
}

.phone-block::after {
	content: '';
	width: 15px;
	height: 20px;
	display: inline-block;
	background-image: url(../images/icons/caret-down-solid.svg);
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: right top 4px;
	cursor: pointer;
}

.sub-phone {
	position: absolute;
	display: none;
	z-index: 1;
}

.lang-block {
	padding-left: 30px;
	background-image: url(../images/icons/globe-solid.svg);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: left 10px center;
	text-decoration: none;
	position: relative;
	display: block;
}

.sub-lang {
	position: absolute;
	display: none;
	z-index: 1;
}

.lang-block a, .lang-block span {
	color: #333;
	font-weight: 700;
	text-decoration: none;
	line-height: 25.07px;
	letter-spacing: -0.22px;
}

.lang-block::after {
	content: '';
	width: 15px;
	height: 20px;
	display: inline-block;
	background-image: url(../images/icons/caret-down-solid-black.svg);
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: right top 4px;
	cursor: pointer;
}

.menu-icon {
	width: 30px;
	height: 30px;
	display: none;
	background-image: url(../images/icons/menu-icon.svg);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	transition: .25s;
}

.menu-icon-close {
	opacity: .8;
	background-image: url(../images/icons/times-solid.svg);
}

.nav-container {
	display: block;
	position: relative;
	margin: 20px 0;
}

.menu-block nav ul {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
	display: flex;
	align-items: center;
}
.menu-block nav ul li:first-child {
	padding-left: 0;
}
.menu-block nav ul li:first-child a {
	margin-right: 20px;
	padding-left: 0;
	margin-left: 0;
	background-color: transparent;
}
.menu-block nav ul li:first-child:hover{
	background: transparent;
	color: #000;
}
.menu-block nav ul li:first-child:hover a{
	color: #000;
}
.menu-block nav ul li ul li:first-child {
	padding-left: 15px;
}
.menu-block nav ul li ul li:first-child:hover a{
	color: #fff;
}
.menu-block nav ul li ul {
	z-index: 2;
}
.menu-block nav ul li {
	background-color: transparent;
	padding: 5px 15px;
	transition: .25s;
	border-radius: 10px 10px 0 0;
}

.menu-block nav ul li.current-menu-item {
	padding-right: 0;
}

.menu-block nav ul li.menu-item-has-children {
	padding-right: 10px;
	position: relative;
}

.menu-block nav ul li a {
	display: inline-block;
	margin: 0 10px;
	border-radius: 10px 10px 0 0;
	color: #333;
	text-decoration: none;
	font-size: 15px;
	letter-spacing: -0.15px;
	border-bottom: 2px solid transparent;
}


.menu-block nav ul li a:hover {
	border-bottom: 2px solid var(--accent);
}

.menu-block nav ul li.current-menu-item a {
	font-weight: bold;
	border-bottom: 2px solid var(--accent);
}

.menu-block nav ul li.menu-item-has-children a {
	background-image: url(../images/icons/angle-down-solid.svg);
	background-repeat: no-repeat;
	background-size: 8px;
	padding-right: 15px;
	background-position: right top 6px;
}
.menu-block nav ul li.menu-item-has-children:hover {
	background-color: var(--accent);
	color: #fff;
}
.menu-block nav ul li.menu-item-has-children a:hover {
	background-image: url(../images/icons/angle-down-solid-white.svg);
}

.menu-block nav ul li.menu-item-has-children:hover a {
	background-image: url(../images/icons/angle-down-solid-white.svg);
	color: #fff;
}

.menu-block nav ul li.menu-item-has-children ul {
	position: absolute;
	left: 0;
	display: none;
	min-width: 250px;
	width: 100%;
	box-shadow: 4px 7px 13px rgba(51, 51, 51, 0.4);
	border-radius: 0 0 10px 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: var(--accent);
}

.menu-block nav ul li ul.show-sub-menu {
	display: block;
}

.menu-block nav ul li.menu-item-has-children ul li {
	display: block;
}

.menu-block nav ul li.menu-item-has-children ul li a {
	display: block;
	color: #fff;
	font-size: 15px;
	opacity: 0.88;
	padding-right: 0;
	padding-left: 10px;
	background-image: none;
	margin: 0;
	padding-right: 10px;
}

.menu-block nav ul li.menu-item-has-children ul li a:hover {
	text-decoration: underline;
}

.menu-block nav ul li.menu-item-has-children ul li {
	border-radius: 10px;
}

.menu-block nav ul li.menu-item-has-children:hover ul li a {
	background-image: none;
}

.mobile-menu-header {
	display: none;
	padding: 20px 0;
	position: relative;
	margin-bottom: 10px;
}

.mobile-menu-header .logo {
	width: 180px;
}

.mobile-menu-header .close-menu {
	width: 30px;
	height: 30px;
	display: block;
	background-image: url(../images/icons/times-solid-white.svg);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 25px;
	transition: .25s;
}

.mobile-menu-footer {
	display: none;
	display: none;
	padding: 20px 0;
	position: relative;
	margin-bottom: 10px;
	margin-top: 20px;
}

.mobile-menu-footer .name-mb {
	font-weight: bold;
	color: #fff;
	margin-bottom: 10px;
}

.mobile-menu-footer .phones a {
	display: block;
	color: #fff;
	text-decoration: none;
	font-weight: 300;
	opacity: .8;
}

.nav-container-mobile {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 2;
	margin: 0;
	background-color: rgba(0, 0, 0, .6);
}

.nav-container-mobile .menu-block {
	display: block;
	background-color: var(--accent);
	width: 320px;
	max-width: 100%;
	height: 100%;
	overflow-y: auto;
	padding: 0 20px;
	position: absolute;
	z-index: 2;
}

.nav-container-mobile .menu-block nav ul {
	display: block;
}

.nav-container-mobile .menu-block nav ul li ul {
	display: none;
}

.nav-container-mobile .menu-block nav ul li {
	padding: 0;
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.nav-container-mobile .menu-block nav ul li a {
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	display: block;
	padding: 8px 0;
	display: inline-block;

}

.nav-container-mobile .menu-block nav ul li.active-sub ul {
	position: relative;
	box-shadow: none;
	padding-top: 0;
}

.nav-container-mobile .menu-block nav ul li.active-sub ul li {
	border: none;
}

.nav-container-mobile .menu-block nav ul li.active-sub ul li a {
	font-weight: 300;
	border-bottom: none;
	padding: 5px 0;
	padding-left: 10px;
}

.nav-container-mobile nav ul li.menu-item-has-children {
	background-image: url(../images/icons/angle-down-solid-white.svg);
	background-position: top 13px right;
	background-repeat: no-repeat;
	background-size: 12px;
}

.nav-container-mobile nav ul li.menu-item-has-children a, .nav-container-mobile nav ul li.menu-item-has-children a:hover, .nav-container-mobile .menu-block nav ul li.menu-item-has-children:hover a {
	background-image: none;

}

.nav-container-mobile .menu-block nav ul li a {
	margin-right: 0;
}

.social {
	margin: 20px 0;
}

.social a {
	display: inline-block;
	margin-right: 5px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.facebook {
	background-image: url(../images/icons/facebook-brands.svg);
}

.youtube {
	background-image: url(../images/icons/youtube-brands.svg);
}

.instagram {
	background-image: url(../images/icons/instagram-brands.svg);
	background-size: 6px;
}

/* main content main page */
.main-content {
	text-align: center;
	margin: 50px 0;
}
.main-content img{
	width: 650px;
	height: auto;
	max-width: 100%;
	max-width: auto
}

.main-content p {
	opacity: 0.88;
	text-shadow: 0 0 16px rgba(51, 51, 51, 0.77);
	color: #1e1e1e;
	margin-bottom: 5px;
	text-transform: uppercase;
}















/* about section main page */
.section-about {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 30px;
	margin-top: 50px;
}

.about-gallery {
	text-align: right;
}

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

.about-text .name-block {
	color: #000;
	font-size: 33px;
	text-transform: uppercase;
	font-weight: 700;
}

.about-text img {
	width: 337px;
}

.about-text .text {
	margin-top: 30px;
}

.about-text .text p {
	color: #000;
}

.buttons {
	width: 495px;
	max-width: 100%;
	display: flex;
	margin-top: 30px;
}

.buttons a {
	text-decoration: none;
	display: block;
	height: 44px;
	box-shadow: 0 0 13px rgba(31, 103, 92, 0.85);
	border-radius: 5px;
	background: #1f675c;
	color: #fff;
	line-height: 44px;
	letter-spacing: -0.16px;
	font-weight: 300;
	padding: 0px 40px;
	padding-left: 50px;
}

.buttons .menu-link {
	background-image: url(../images/icons/file-pdf-regular.svg);
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: left 20px center;
	margin-right: 50px;
}

.buttons .reserv-link, .buttons .__reston-order {
	background-image: url(../images/icons/clock-regular.svg)!important;
	background-size: 16px!important;
	background-repeat: no-repeat!important;
	background-position: left 18px center!important;
}
.about-page-section {
	align-items: end;
	grid-template-columns: 60% 1fr;
}
.about-page-section p {
	font-size: 16px;
}
.about-page-section .line{
	margin: 20px 0;
	background-position: left;
}








/* section locations main page */
.locations {
	margin-top: 70px;
}

.locations .name-section {
	font-weight: 700;
	font-size: 40px;
	color: #000;
	text-align: center;
	margin-bottom: 15px;
}


.gallery-locations img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 10px;
	box-shadow: 0 0 29px rgba(51, 51, 51, 0.27);
}

.item-g {
	margin-bottom: 30px;
	position: relative;
	width: 100%;
	border-radius: 10px;
}

.bricklayer .item-g {
	margin-bottom: 0;
}

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

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

.item-g:hover:before {
	background-color: rgba(0, 0, 0, .32);
	background-image: url(../images/icons/plus.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
}
.block-img {
	width: 100%;
	height: 200px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	box-shadow: 0 0 29px rgba(51, 51, 51, 0.27);
border-radius: 10px;
}















/* private dinning section main page */

.private-dinning {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 30px;
	align-items: center;
	margin-top: 70px;
}

.private-dinning .private-img {
	text-align: right;
}

.private-img img {
	border-radius: 10px;
	box-shadow: 0 0 29px rgba(51, 51, 51, 0.27);
	max-width: 100%;
}

.private-text .name-block {
	font-size: 40px;
	color: #000;
	font-weight: 700;
}

.private-text .sub-name {
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 30px;
}














/* section with slider main page */
.section-about-big {
	margin-top: 70px;
}

.header-full {
	text-align: center;
	margin-bottom: 30px;
}

.header-full .name-block {
	color: #000;
	font-size: 40px;
	font-weight: 700;
	text-transform: uppercase;
}

.header-full p {
	font-size: 18px;
	font-weight: 300;
	color: #000;
	text-transform: uppercase;
}

.grid-two {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 100px;
	align-items: center;
}
.weading-grid {
	column-gap: 30px;
	margin-top: 10px;
}
.weading-grid img{
	width: 100%;
}
.weading-grid .buttons {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
}
.weading-grid .buttons a:first-child {
	margin-right: 30px;
}
.weading-grid .buttons a {
	width: 100%;
	text-transform: uppercase;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
	font-size: 18px;
}
.weading-grid .buttons a:hover{
	color: #fff;
}
.img-weading-main img{
	box-shadow: 0 0 29px rgba(51, 51, 51, 0.27);
border-radius: 10px;
}
.buttons .child-link {
	background-image: url(../images/icons/child-solid.svg);
	padding-right: 30px;
padding-left: 50px;
background-position: left 30px center;
}

#slider-home img {
	width: 100%;
	box-shadow: 0 0 13px rgba(153, 153, 153, 0.85);
	border-radius: 5px;
}

.lslide {
	border-radius: 5px;
}

.lSSlideOuter .lSPager.lSpg>li a {
	width: 13px;
	height: 13px;
	background-color: #aeaeae;
}

.lSSlideOuter .lSPager.lSpg>li.active a, .lSSlideOuter .lSPager.lSpg>li:hover a {
	box-shadow: 0 0 7px rgba(51, 102, 102, 0.83);
	background-color: #1f675c;
}







/* section location restoran main page */
.section-loc {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 30px;
	align-items: end;
	margin-top: 70px;
}
.loc-link {
background-image: url(../images/icons/map-marker-alt-solid-white.svg);
}
.loc-one {
	text-align: right;
	padding-bottom: 20px;
	position: relative;
}

.loc-one .title-loc {
	font-size: 40px;
	font-weight: 700;
	text-transform: uppercase;
	color: #000;
	display: inline-block;
	position: relative;
}
.loc-one .title-loc::before {
	content: url(../images/icons/map-marker-alt-solid-white-big.svg);
	position: absolute;
	width: 150px;
	height: 224px;
	top: -50px;
	left: -100px;
	z-index: -1;
}
.loc-one img{
	width: 393px;
	max-width: 100%;
}
.loc-one .buttons {
	display: block;
	width: 100%;
	text-align: right;
}
.loc-one .buttons a {
	display: inline-block;
	margin-right: 0;
}





/* breadcrumbs */
.breadcrumbs {
	display: flex;
	align-items: center;
	font-size: 12px;
	color: #333e48;
	font-weight: 300;
	letter-spacing: -0.12px;
	line-height: 34px;
	margin-bottom: 30px;
}
.breadcrumbs a{
	font-size: 12px;
	color: #333e48;
	font-weight: 300;
	letter-spacing: -0.12px;
	line-height: 34px;
	text-decoration: none;
	display: block;
	background-image: url(../images/icons/chevron-right-solid.svg);
	background-repeat: no-repeat;
	background-position: right 6px center;
	background-size: 7px;
	padding-right: 20px;
}
.breadcrumbs a:hover{
	color: #1f675c;
}
.header-block-page {
	text-align: center;
}
.header-block-page h1{
	letter-spacing: 6.4px;
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
	color: #000;
}
.header-block-page .sub-name {
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 3.62px;
}
.header-block-page:after{
	content: '';
	display: block;
	height: 5px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
	background-image: url(../images/icons/line-popup.svg);
	background-repeat: no-repeat;
	background-position: center;
}





/* section map */
#maps-container {
	margin-top: 70px;
}






/* section article */
article {
	overflow: hidden;
	position: relative;
	height: 300px;
	margin-bottom: 0px;
	transition: .25s;
	margin-top: 20px;
}
.text-weading-main .full-article {
	margin-top: 0;
}
.full-article {
	height: auto;
}
.full-article:after {
display: none;
}
article:after {
	content: "";
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 11.2em;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f6ebe3 100%);
	pointer-events: none;
}
article h1 {
	margin-bottom: 0;
}
article h1, article h2, article h3, article h4, article h5, article h6 {
	font-weight: 700;
	color: #000;
	font-size: 32px;
	text-align: center;
	margin-bottom: 10px;
	text-transform: uppercase;
}
article .sub {
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 300;
}
article strong {
	font-weight: 700;
}
article a {
	display: inline-block;
	color: #1f675c;
	font-weight: 700;
	text-decoration: none;
	border-bottom: 1px solid #1f675c;
}
article a:hover{
	border-bottom: 1px solid transparent;
	color: #1f675c;
}
.article-show {
	overflow: hidden;
	height: auto;
	transition: .25s;
}

.article-show:after {
	display: none;
}

.more-text {
	display: block;
	width: 160px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 15px auto;
	font-weight: 700;
	cursor: pointer;
	letter-spacing: -0.22px;
}
.more-text::after {
	content: '';
	width: 20px;
	height: 20px;
	display: inline-block;
	background-image: url(../images/icons/caret-down-solid.svg);
	background-repeat: no-repeat;
	background-position: right top 4px;
	background-size: 12px;
}
.less-text {
	display: none;
	width: 160px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 15px auto;
	font-weight: 700;
	cursor: pointer;
	letter-spacing: -0.22px;
}
.less-text::after {
	content: '';
	width: 20px;
	height: 20px;
	display: inline-block;
	background-image: url(../images/icons/caret-down-solid.svg);
	background-repeat: no-repeat;
	background-position: right 5px top -5px;
	background-size: 12px;
	transform: rotate(180deg)
}







/* Bankets */
.bankets-block {
	margin-top: 30px;
}
.grid-line-two {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 30px;
	margin-bottom: 30px;
}
.grid-line-two-one-big {
	grid-template-columns: 60% 1fr;
}
.grid-line-four {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	column-gap: 30px;
	margin-bottom: 30px;
}
.grid-line-three-one-big {
	grid-template-columns: 1fr 1fr 50%;
}
.bankets-item {
	height: 245px;
	box-shadow: 0 0 29px rgba(51, 51, 51, 0.27);
border-radius: 10px;
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
display: block;
position: relative;
}
.bankets-item:after {
	content: "";
	text-align: right;
	border-radius: 10px;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 8em;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #1f675c  100%);
	pointer-events: none;
	transition: .25s;
}
.bankets-item:hover{
	opacity: 1;
	transition: .25s;
}
.bankets-item:hover:after{
	height: 10em;
}
.bankets-text {
	position: absolute;
	bottom: 10px;
	left: 20px;
	right: 20px;
	z-index: 2;
	transition: .55s;
}
.bankets-text .name{
	text-decoration: none;
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	text-transform: uppercase;
}
.bankets-text p{
	text-decoration: none;
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 0;
}
.bankets-item:hover .bankets-text{
	bottom: 15px
}

.line{
	height: 10px;
	width: 100%;
	background-image: url(../images/icons/line-popup.svg);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 30px;
}
.location-banket {
	text-align: center;
	margin-top: 50px;
}
.location-banket .name-block{
	font-weight: 700;
	color: #000;
	font-size: 30px;
	text-transform: uppercase;
}










/* contacts */
.contacts{
	display: grid;
	grid-template-columns: 450px 1fr;
	column-gap: 40px;
	margin-top: 50px;
}
.contact-map iframe{
	box-shadow: 0 0 29px rgba(51, 51, 51, 0.27);
border-radius: 10px;
}
.contact-text {
	padding-left: 70px;
	margin-bottom: 30px;
}
.contact-blocks {
	display: block;
	position: relative;
	font-size: 18px;
	margin-top: 40px;
	padding-left: 30px;
}
.contact-blocks .adress {
	display: block;
	position: relative;
	margin-bottom: 10px;
	padding-left: 20px;
	background-image: url(../images/icons/map-marker-alt-solid.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 13px;
}
.contact-blocks .time {
	display: block;
	position: relative;
	margin-bottom: 10px;
	padding-left: 20px;
	background-image: url(../images/icons/clock-solid-green.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px;
}
.contact-blocks .email-link {
	display: block;
	position: relative;
	margin-bottom: 10px;
	padding-left: 20px;
	background-image: url(../images/icons/envelope-solid.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px;
	color: #000;
	text-decoration: none;
}
.contact-blocks .phone-link {
	display: block;
	position: relative;
	margin-bottom: 10px;
	padding-left: 20px;
	background-image: url(../images/icons/phone-solid.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px;
	color: #000;
	text-decoration: none;
}
.contact-text .buttons {
	padding-left: 30px;
	margin-top: 40px;
}
.contact-text .buttons .loc-link {
	width: 267px;
	background-image: url(/wp-content/themes/alfresco/images/icons/map-marker-alt-solid-white.svg);
	text-align: center;
	background-position: left 35px center;
}








.list-locations{
	display: block;
	position: relative;
	margin-top: 50px;
	background-image: url(../images/bg-llogo-dark.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.list-locations::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 330px;
	height: 400px;
	/* background-image: url(../images/bg-left.jpg); */
	background-image: url(https://alfresco.com.ua/wp-content/uploads/2023/03/bg-left23-min.png);	
	background-size: contain;
	z-index: -1;
	background-repeat: no-repeat;
	background-position: left -4px top;
}
.header-block {
	display: block;
	text-align: center;
	color: #000;
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
}
.location-list-content {
	width: 800px;
	max-width: 100%;
	margin: 30px auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 30px;
}
.location-list-content a{
	display: inline-block;
	border-radius: 5px;
	background-color: #dddddd;
	margin-bottom: 20px;
	padding: 11px;
	color: #010101;
	letter-spacing: -0.18px;
	font-size: 18px;
	font-weight: 700;
	padding-right: 30px;
	background-image: url(../images/icons/chevron-right-solid.svg);
	background-size: 10px;
	background-repeat: no-repeat;
	background-position: right 10px center;
	text-decoration: none;
	box-shadow: 0 0 13px rgba(31, 103, 92, 0);

}
.location-list-content a span {
	font-weight: 300;
}
.location-list-content a:hover{
	background-color: #1f675c;
	box-shadow: 0 0 13px rgba(31, 103, 92, 0.85);

	color: #fff;
	background-image: url(../images/icons/chevron-right-solid-white.svg);
	background-position: right 5px center;
}







.phone-block-promo {
	display: block;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 30px;
	color: #000;
}
.phone-block-promo p {
	font-size: 18px;
	font-weight: 300;
}
.phone-link-promo {
	font-size: 30px;
	height: 40px;
	line-height: 40px;
	font-weight: 700;
	letter-spacing: -0.3px;
	color: #333;
	display: inline-block;
	padding-left: 30px;
	text-decoration: none;
	background-image: url(../images/icons/phone-solid.svg);
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: left top 10px;
}
.phone-link-promo:hover{
	color: #1f675c;
}











/* popups */
.popup {
	width: 332px;
	max-width: 100%;
	background-color: #fff;
	text-align: center;
	padding: 23px 30px;
	box-shadow: 0 0 24px rgba(255, 255, 255, 0.29);
border-radius: 5px;
}
.popup p {
	font-size: 12px;
}
.popup-header {
	text-align: center;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 5.83px;
	margin: 5px auto;
	line-height: 1.2;
}
.close-popup {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	background-image: url(../images/icons/times-solid.svg);
	background-repeat: no-repeat;
	background-position: center;
	right: 10px;
	cursor: pointer;
	top: 10px;
	transition: .25s;
}
.close-popup:hover{
	opacity: .6;
}
.popup-header:after{
	content: '';
	display: block;
	height: 5px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
	background-image: url(../images/icons/line-popup.svg);
	background-repeat: no-repeat;
	background-position: center;
}
.wpcf7-spinner {
	display: none;
}
.wpcf7-not-valid-tip {
	font-size: 12px;margin-bottom: 5px;
}
.wpcf7 form .wpcf7-response-output {
	font-size: 14px;
}
.popup form input {
	width: 260px;
height: 34px;
border-radius: 5px;
border: 1px solid #e8e8e8;
background-color: #ffffff;
margin: 7.5px 0;
padding-left: 35px;
transition: .25s;
}
.banket-input {
	width: 260px!important;
	padding-left: 30px;
	border: 1px solid #e8e8e8;
	height: 34px;
	border-radius: 5px;
	margin: 7.5px auto;
	width: 100%;
	background-image: url(../images/icons/champagne.svg);
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: left 10px center;
}
.popup form select {
	width: 228px;
	border:  none;
height: 31px;
font-size: 14px;
margin-bottom: 0;
border-radius: 5px;
font-weight: 300;
	color: #999;
opacity: .6;
background-color: #ffffff;
transition: .25s;
}
.title-field {
	margin-bottom: 5px;
	font-size: 14px;
}
.popup form input:focus{
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.29);
border: 1px solid #1f675c;
}
.popup form input::placeholder {
	font-size: 14px;
	font-weight: 300;
	color: #999;
}
.popup form .submit-input input{
width: 174px;
color: #fff;
height: 38px;
border: none;
box-shadow: 0 0 13px rgba(31, 103, 92, 0.85);
border-radius: 5px;
padding-left: 0;
margin-top: 10px;
background-color: #1f675c;
}
.popup form .submit-input input:hover{
	opacity: .8;
}
.name-input input{
	background-image: url(../images/icons/user-solid.svg);
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: left 10px center;
}
.phone-input input{
	background-image: url(../images/icons/phone-solid.svg);
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: left 10px center;
}
.date-input input{
	background-image: url(../images/icons/calendar-check-solid.svg);
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: left 10px center;
}
.time-input input{
	background-image: url(../images/icons/clock-solid-green.svg);
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: left 10px center;
}
.quality-input input{
	background-image: url(../images/icons/users-solid.svg);
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: left 10px center;
}









/* footer */
footer {
	position: relative;
	display: block;
	background-color: #1f675c;
	padding-top: 60px;
	padding-bottom: 50px;
	margin-top: 50px;
}
.footer-content {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	column-gap: 30px;
}
.contact-footer .logo {
	margin-bottom: 20px;
}
.contact-footer .logo img {
	width: 205px;
}
.contact-list {
	display: block;
	position: relative;
	color: #fff;
	font-size: 14px;
}
.contact-list .adress {
	display: block;
	position: relative;
	margin-bottom: 10px;
	padding-left: 20px;
	background-image: url(../images/icons/map-marker-alt-solid-white.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 10px;
}
.contact-list .time {
	display: block;
	position: relative;
	margin-bottom: 10px;
	padding-left: 20px;
	background-image: url(../images/icons/clock-solid.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 13px;
}
.contact-list .email-link {
	display: block;
	position: relative;
	margin-bottom: 10px;
	padding-left: 20px;
	background-image: url(../images/icons/envelope-solid-white.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 13px;
	color: #fff;
	text-decoration: none;
}
.contact-list .phone-link {
	display: block;
	position: relative;
	margin-bottom: 10px;
	padding-left: 20px;
	background-image: url(../images/icons/phone-solid-white.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 13px;
	color: #fff;
	text-decoration: none;
}
.menu-footer {
	color: #fff;
}
.menu-footer .name{
	font-size: 20px;
	font-weight: 700;
	text-decoration: none;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.menu-footer ul {
	padding-left: 20px;
	list-style-type: none;
}
.menu-footer ul li {
	position: relative;
	margin-bottom: 8px;
	display: block;
}
.menu-footer ul li:before {
	  content: "● ";
		margin-right: 5px;
		position: absolute;
		left: -20px;
}
.menu-footer ul li a {
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	line-height: 1.4;
	
}
.footer-bottom {
	margin-top: 30px;
}
.footer-social {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.footer-social a {
	display: inline-block;
	margin: 0px 15px;
	width: 20px;
	height: 20px;
	opacity: 0.5;
	background-repeat: no-repeat;
	background-position: center;
}
.footer-social a:hover{
	opacity: .9;
}
.footer-social .facebook {
	background-image: url(../images/icons/facebook-square-brands-footer.svg);
	background-size: 20px;
}

.footer-social .youtube {
	background-image: url(../images/icons/youtube-brands-footer.svg);
	background-size: 25px;
	width: 25px;
	height: 25px;
}

.footer-social .insta {
	background-image: url(../images/icons/instagram-brands-footer.svg);
	background-size: 20px;
}
.copyrite {
	text-align: center;
	color: #fff;
	margin-top: 20px;
	font-size: 14px;
	letter-spacing: -0.14px;
}
.copyrite p {
	margin-bottom: 0;
}
.copyrite ul {
	list-style-type: none;
	color: #fff;
	margin-bottom: 0;
	padding-left: 0;
}
.copyrite ul li {
	display: inline-block;
	margin: 0px 8px;
}
.copyrite ul li a{
	color: #fff;
	font-size: 14px;
	letter-spacing: -0.14px;
	text-decoration: none;
}
.text-mobile-footer {
	color: #fff
}
.loc-one .buttons a.map-link {
	background-image: url(//alfresco.com.ua/wp-content/themes/alfresco/css/../images/icons/map-marker-alt-solid-white.svg);
}
.fixed-buttons {
	display: none;
}



/*Gallery*/
article .gallery {
	margin: 20px 0!important;
}
.gallery br {
  display: none;
}
.gallery-columns-6 {
  display: grid;
  grid-template-columns: repeat(6, 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-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: 300px;
  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;
}
dl {
	margin-bottom: 0;
}


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


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




.gallery .gallery-item img {
  display: block;
  border:  none!important;
  border-radius: 10px;
  box-shadow: 0 0 29px rgba(51, 51, 51, 0.27);
  width: 100%;
 object-fit: cover;
overflow: hidden;
}

.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(../images/icons/plus.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0px;
  z-index: 1;
  transition: .2s;
  border-radius: 10px;
}

.gallery .gallery-item a:hover:before {
  background-color: rgba(90, 72, 128, .4);
  background-image: url(../images/icons/plus.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px;
}
.line-keyword {
	height: 1px;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 30px;
	background-color: rgba(90, 72, 128, .4);
}
.name-block-k {
	font-weight: 700;
	color: #000;
	font-size: 26px;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.keywords-link {
	margin-bottom: 20px;
}
.keywords-link a {
	display: inline-block;
	font-size: 13px;
	text-decoration: none;
	color: #333;
	border: 1px solid #333;
	border-radius: 4px;
	padding: 8px 18px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.keywords-link a:hover, .keywords-link a:focus{
background-color: #1f675c;
border: 1px solid #1f675c;
color: #fff;
}

.keywords-link a.current-keyword-link{
	background-color: #1f675c;
	border: 1px solid #1f675c;
	color: #fff;
	}
	.info-allerts {
		position: fixed;
		right: 30px;
		bottom: 30px;
		width: 490px;
		display: block;
		z-index: 9999;
		transition: .25s;
	}

	#info-allert {
		background: #fff;
		border-radius: 15px;
		width: 520px;
		max-width: 100%;
		display: none;
		text-align: left;
		position: relative;
		margin-top: 10px;
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	}

	.allert-header {
		display: grid;
		grid-template-columns: 182px 1fr;
		align-items: center;
	}

	#info-allert .text-allert {
		margin-bottom: 0;
		padding: 14px 16px
	}

	.close-info-allert {
		top: -15px;
right: -17px;
		position: absolute;
		cursor: pointer;
		transition: .25s;
	}
	.close-info-allert img{
		width: 16px;
	}
	.close-info-allert:hover{
		opacity: .9;
	}
.heading-popup {
	font-weight: 700;
font-size: 23px;
line-height: 32px;
	margin-bottom: 10px
}
#info-allert p {
	font-weight: 400;
font-size: 14px;
line-height: 19px;
}
.allert-image{
	height: 100%;
background-size: cover;
background-position: center;
	border-radius: 15px 0 0 15px;
}
.allert-image-mob {
	display: none;
	height: 100%;
background-size: cover;
background-position: center;
	border-radius: 15px 0 0 15px;
}
.btn-bankets-new {
	min-width: 220px;
	text-align: center;
	padding: 0;
}
.popup form .wpcf7-acceptance label {
	display: flex;
	font-size: 11px;
	text-align: left;
	gap: 15px
}
.popup form .wpcf7-acceptance label a {
	color: #1f675c;
	text-decoration: none;
		border-bottom: 1px solid #1f675c;
}
.popup form .wpcf7-acceptance label a:hover{
	border-bottom: 1px solid transparent
}
.popup form .wpcf7-acceptance .wpcf7-list-item {
	margin-left: 8px
}
.popup form .wpcf7-acceptance input{
	width: 20px;
	height: 20px
}




.bricklayer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
					margin-top: 40px;
}

.bricklayer-column-sizer {
  width: 100%;
  display: none;
}

.bricklayer-column {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}



#mobile__order {
  position: fixed;
  margin-bottom: 0;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 200;
  background: #35554D;
  border-radius: 5px 5px 0px 0px;
  box-shadow: 0px 0px 10px 0px rgba(34, 19, 19, 0.25);
	color: #fff !important;
	text-decoration: none;
}
	#mobile__order .flex {
		display: flex
	}
#mobile__order a {
  width: 20%;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 10px 0 5px !important;
  text-align: center;
  text-transform: uppercase !important;
  color: #fff !important;
	text-decoration: none;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 10px !important
}

#mobile__order a span {
  display: block;
  width: 100%;
  margin-top: 4px
}

#mobile__order a:hover, #mobile__order a:active, #mobile__order a:focus {
	font-weight: 700!important;
	opacity: 1!important;
}



#mobile__order button {
  width: 20%;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 10px 0 5px !important;
  text-align: center;
  text-transform: uppercase !important;
  color: #000 !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 10px !important;
  box-shadow: none;
  border: none;
}

#mobile__order button span {
  display: block;
  width: 100%;
	color: #fff;
  margin-top: 4px
}

#mobile__order button:hover, #mobile__order button:active, #mobile__order button:focus {
	font-weight: 700!important;
	opacity: 1!important;
}

@media screen and (min-width: 320px) {
  .bricklayer-column-sizer {
    width: 50%;
  }
}

@media screen and (min-width: 980px) {
  .bricklayer-column-sizer {
    width: 33.333%;
  }
	.bricklayer-column {
		padding-left: 8px;
		padding-right: 8px;
		display: flex;
		gap: 16px;
		flex-wrap: wrap;
	}
}

@media screen and (min-width: 1200px) {
  .bricklayer-column-sizer {
    width: 25%;
  }

  .gallery__items_3 .bricklayer-column-sizer {
   width: 33.333%;
  }
}