@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=latin-ext');

@font-face {
    font-family: "Harabarahand";
    src: url(../fonts/HARABARAHAND.TTF) format("truetype");
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
	color: #a0a0a0;
	opacity: 1;
}
textarea::-moz-placeholder,
input::-moz-placeholder {
	color: #a0a0a0;
	opacity: 1;
}
textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
	color: #a0a0a0;
	opacity: 1;
}
textarea:-moz-placeholder,
input:-moz-placeholder {
	color: #a0a0a0;
	opacity: 1;
}

html,
body {
	height: 100%;
}
.container-page {
	position: relative;
	min-height: 100%;
}
footer {
	position: absolute;
	width: 100%;
	bottom: 0;
}
body {
    margin: 0 auto;
    padding: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    color: #4b4b4b;
	line-height: 1.5;
}

* {
	box-sizing: border-box;
}

img {
	max-width: 100%;
}

a {
	text-decoration: none;
	color: #4b4b4b;
}
.flex-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
.flex-nowrap {
    flex-wrap: nowrap;
}
.text-uppercase {
	text-transform: uppercase;
}
.text-bold,
strong,
b {
	font-weight: 700;
}
.font-written {
	font-family: Harabarahand;
}
.text-color-yellow {
	color: #e3b505;
}
.text-color-green {
	color: #00634e;
}
.container-main {
	width: 1200px;
	margin: 0 auto;
}
.container-large {
	max-width: 1920px;
	margin: 0 auto;
}


/*********************************** LOADER ***********************************/
.preloader {
	width: 100%;
	height: 600px;
	text-align: center;
	align-items: center;
}
.preloader.hidden {
	display: none;
}
.loader {
	padding: 6px;
	background-image: linear-gradient(to right, #e3b505 0%, #fff 100%);/*
	border-left: 6px solid #09a9dc;
    border-right: 6px solid #09a9dc;
    border-top: 6px solid #c8c8c8;
    border-bottom: 6px solid #c8c8c8;*/
    border-radius: 50%;
    box-sizing: border-box;
    display: block;
    width: 44px;
    height: 44px;
  	-webkit-animation: spin 1.5s linear infinite;
  	animation: spin 1.5s linear infinite;
    margin: 0 auto;
}
.loader span {
	height: 100%;
	width: 100%;
    background-color: #fff;
    display: block;
    border-radius: 50%;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*********************************** LOADER ***********************************/



/********************** CHECKBOX/RADIO ************************/
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
	position: relative;
	padding: 2px 0 2px 35px;
	cursor: pointer;
	margin: 15px 0 0 0;
	display: table;
	min-height: 24px;
}
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 24px;
	height: 24px;
	border: 1px solid transparent;
}
[type="checkbox"]:checked + label:before {
	border-color: #00634e!important;
	background-color: #00634e;
}
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
	transition: all .2s;
}
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
	position: absolute;
	line-height: 0;
}
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 16px;
    top: 13px;
    left: 6px;
	color: #fff;
}
[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	transform: scale(0);
}
[type="checkbox"]:checked + label:after {
	opacity: 1;
	transform: scale(1);
}
/********************** CHECKBOX/RADIO ************************/



/********************** FORM UNIVERSAL ************************/
.cms-form-container form {
	width: 100%;
}
.grecaptcha-badge {
	display: none;
}
.g-recaptcha > div {
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    transform-origin: left top;
	float: left;
}
/********************** FORM UNIVERSAL ************************/



/********************** INPUTS UNIVERSAL ************************/
select,
input,
textarea {
	background-color: transparent;
}
.error [type="checkbox"]:not(:checked) + label:before, 
.error [type="checkbox"]:checked + label:before,
.error select,
.error input,
.error textarea {
	border-color: red!important;
}
.input select,
.select2-container--default .select2-selection .select2-selection__arrow,
.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.input-file-group .input-file-trigger,
.cs-select span,
div.cs-select,
.cms-form-container .input.file .input-file-trigger,
.cms-form-container .submit input,
.cms-form-container .submit button,
.button-standart,
.cms-form-container .input input {
	height: 46px;
	line-height: 44px;
}
.select2-dropdown .select2-results__option--highlighted[aria-selected],
.select2-dropdown ul .select2-results__option,
.input-file-group .input-file-trigger,
.select2-container--default .select2-selection .select2-selection__arrow i,
.select2-container--default .select2-selection .select2-selection__rendered,
.input.multiselect select, 
.cms-form-container .input.select select, 
.cms-form-container textarea, 
.cms-form-container .input input {
	color: #4b4b4b;
}
.input select,
[type="radio"]:not(:checked) + label:before,
[type="checkbox"]:not(:checked) + label:before,
.select2-dropdown,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container .select2-selection,
.input-file-group .input-file-trigger,
.input.multiselect select,
.cms-form-container .input.select  select,
.cms-form-container textarea,
.cms-form-container .input input {
	border: 1px solid #4b4b4b;
}
.input select:focus,
.search-result ul li:hover,
.input-file-group .input-file:hover + .input-file-trigger,
.select2-container--default.select2-container--open.select2-container--above .select2-selection,
.select2-container--default.select2-container--open.select2-container--below .select2-selection,
.select2-container--open .select2-dropdown,
.input input:focus,
textarea:focus {
	border-color: #e3b505!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #add6c1 transparent transparent transparent;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #add6c1 transparent;
}

.input select,
.input.multiselect select,
.cms-form-container .input.select  select,
.cms-form-container textarea,
.cms-form-container .input input {
	box-sizing: border-box;
	border-radius: 0;
	outline: 0;
}
.cms-form-container .input {
	margin: 0 0 20px 0;
	width: 100%;
}
.input select,
.select2-container--default .select2-selection--multiple,
.cms-form-container .input input {
	padding: 0 30px 0 15px;
}
.cms-form-container .input .input-radio label,
.cms-form-container .input .checkbox label,
.cms-form-container .input.checkbox label {
	font-weight: 400;
}
.cms-form-container .input label {
	font-weight: 700;
}
.cms-form-container .input label a {
	text-decoration: underline;
	font-weight: 700;
}
.cms-form-container .input label a:hover {
	text-decoration: none;
}
textarea {
	resize: vertical;
}
.cms-form-container textarea {
	padding: 15px;
	height: 180px;
	width: 100%;
}
.cms-form-container label {
	display: table;
	margin: 0 0 8px 0;
	color: #4b4b4b;
	font-weight: 700;
}
.input select {
	cursor: pointer;
   	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	background-image: url(../img/icon-select-arrow-down-grey.png);
	background-repeat: no-repeat;
	background-position: center right 10px;
}
.input select::-ms-expand {
    display: none;
}
.input.date input {
	background-image: url(../img/icon-calendar-grey.svg);
	background-repeat: no-repeat;
	background-position: center right 10px;
	background-size: 15px 15px;
	padding: 0 30px 0 15px;
}
.input.number input::-webkit-outer-spin-button,
.input.number input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.input.number input[type=number] {
    -moz-appearance: textfield; 
}
.row-group-2,
.row-group-4 {
	justify-content: space-between;
	width: 100%;
}
.row-group-2 .input {
	width: 49%;
}
.row-group-4 .input {
	width: 24%;
}

.cms-form-container .button-group {
	width: 100%;
}
/********************** INPUTS UNIVERSAL ************************/


/********************** FLASH MESSAGES ************************/
.public-flash {
    padding: 10px;
    margin-bottom: 10px;
	margin: 0 0 20px 0;
	border: 1px solid transparent;
	width: 100%;
}
.public-flash-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.public-flash-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.error-message {
	color: red;
	margin: 3px 0 0 0;
}

.flash-messages {
	margin: 0;
	padding: 0;
}
.flash-messages li {
	padding: 10px 20px;
    background-color: #d1ecf1;
    border: 1px solid #bee5eb;
	margin: 0 auto;
	position: relative;
}
.flash-messages li .content {
	position: relative
}
.flash-messages li *, 
.flash-messages li {
    color: #0c5460;
	list-style: none;
}
.flash-messages li p {
	padding: 0 30px 0 0;
	margin: 0;
}
.flash-messages li .close {
	cursor: pointer;
	font-size: 18px;
	position: absolute;
	top: 0;
	right: 0;
	opacity: .7;
	color: #fff;
	transition: .1s;
}
.flash-messages .close:hover {
	opacity: 1;
}
/********************** FLASH MESSAGES ************************/


/********************** BUTTONS ************************/
.button {
	display: inline-block;
	font-family: "Open Sans", sans-serif;
	outline: none;
	border: 2px solid transparent;
	transition: .1s;
	text-transform: uppercase;
	font-weight: 700;
	background-color: transparent;
	cursor: pointer;
	border-radius: 0;
	text-align: center;
}
.button.standart {
	height: 46px;
	line-height: 44px;
	padding: 0 25px;
}
.button.large {
	height: 56px;
	line-height: 54px;
	padding:  0 40px;
}
.button.yellow {
	border-color: #e3b505;
	background-color: #e3b505;
	color: #4b4b4b;
}
.button.yellow:hover {
	background-color: #4b4b4b;
	color: #e3b505;
}
.button.transparent-green {
	border-color: #9dccb4;
	color: #fff;
}
.button.white-green {
	border-color: #00634e;
	color: #00634e;
	background-color: #fff;
}
.button.transparent-white {
	border-color: #fff;
	color: #fff;
}
.button.green,
.button.transparent-white:hover,
.button.white-green:hover,
.button.transparent-green:hover {
	background-color: #00634e;
	border-color: #00634e;
	color: #fff;
}
.button.green:hover {
	background-color: #fff;
	color: #00634e;
}

.button-see-more {
	font-weight: 900;
}
.button-see-more:hover {
	text-decoration: underline;
}
.button-see-more i {
	margin: 0 0 0 8px;
}
/********************** BUTTONS ************************/



/********************** BOX RESERVATION ************************/
.box-reservation {
	position: absolute;
	width: 100%;
	z-index: 2;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.3);
	padding: 0 20px;
}
.box-reservation form {
	flex-flow: row nowrap;
	align-items: flex-end;
}
.box-reservation .form-group {
    align-items: flex-end;
    justify-content: space-between;   
}
.box-reservation .input {
	margin: 0;
    width: auto;
}
.box-reservation .cms-form-container {
	height: 166px;
	align-items: center;
}
.box-reservation .cms-form-container label {
	color: #fff;
    font-size: 14px;
}
.box-reservation .cms-form-container .input select,
.box-reservation .cms-form-container .input input {
	border: 1px solid #add6c1;
}
.box-reservation input,
.box-reservation select {
	background-color: #fff;
}
.cms-form-container .input input {
    width: 100%;
}
/********************** BOX RESERVATION ************************/


/********************** COLS LARGE ************************/
.cols-large .text {
	text-align: center;	
} 
.cols-large .col {
	width: 50%;
	background-repeat: no-repeat;
	justify-content: center;
	align-items: center;
}
.cols-large .col.text {
    padding-top: 40px;
    padding-bottom: 40px;
}
.cols-large.about-us .col.text {
	min-height: 635px;
}
.cols-large .img {
	background-position: center;
}
.about-us .img {
	background-image: url(../img/bg-about-us.jpg);
    background-size: cover;
}
.about-us .text .logo {
	height: 60px;
	margin: 0 0 60px 0;
}
.about-us .text {
	padding: 0 5%;
	background-image: url(../img/bg-stars.png);
	background-repeat: no-repeat;
	background-position: bottom 50px left -60px;
}
.about-us .text .font-written {
	font-size: 17px;
	line-height: 1.8;
	margin: 0 0 40px 0;
}
.about-us .text .font-written * {
	margin: 0;
}
.about-us .text .description {
	text-align: left;
	font-size: 13px;
	margin:  0 0 40px 0;
}
.about-us .text .description p {
	margin: 0 0 20px 0;
}

.services .img {
	background-image: url(../img/bg-gallery.jpg);
}
.services .content {
	width: 72%;
}
.services .boxes {
	justify-content: center;
	align-items: center;
}
.services .box {
	height: 180px;
	width: 25%;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding:  30px 0 0 0;
	transition: .3s;
}
.services .box:nth-of-type(-n + 4) {
	border-bottom: 1px solid #f9f0cf;
}
.services .box:nth-of-type(-n + 3),
.services .box:nth-of-type(n + 5):not(:last-of-type) {
	border-right: 1px solid #f9f0cf;
}
.services .box img {
	height: 46px;
	margin: 0 0 20px 0;
	transition: .3s;	
	transform-origin: center;
}
.services .box:hover {
	background-color: #f9f0cf;
}
.services .box:hover img {
	transform: scale(1.15);
}
.services .box span {
	font-size: 14px;
	width: 100%;
	display: block;
}
.services .icon-bicycles {
	padding: 5px 0;
}
.services .icon-restaurant {
	padding: 3px 0;
}

.contact .cols-large .cms-form-container form {
	width: 550px;
	margin: 0 0 0 auto;
}
.contact .cols-large .col {
	height: auto;
}
.contact .cols-large .cms-form-container {
	padding: 50px 50px 50px 20px;
	background-color: #ededed;
}
/********************** COLS LARGE ************************/


/********************** FOOTER ************************/
footer {
	padding: 50px 20px 65px 20px;
}
footer .cols {
	justify-content: space-between;
}
footer .cols .col:first-of-type {
	align-self: center;
}
footer .logo {
	height: 56px;
}
.contact-info ul {
	margin: 0;
    padding: 0;
}
.contact-info ul li {
	list-style: none;
	position: relative;
	padding: 0 0 0 25px;
}
footer ul li,
footer ul li a {
	font-size: 13px;
}
footer ul li {
	margin: 5px 0;
}
.contact-info ul li a:hover {
	text-decoration: underline;
}
.contact-info ul li:before {
	content: "";
	position: absolute;
	left: 0;
    top: 4px;
	background-repeat: no-repeat;
}
.contact-info .map-mark:before {
	background-image: url(../img/icon-map-mark-green.svg);
	width: 15px;
	height: 21px;
}
.contact-info .phone:before {
	background-image: url(../img/icon-phone-green.svg);
	width: 15px;
	height: 15px;
}
.contact-info .fax:before {
	background-image: url(../img/icon-fax-green.svg);
	width: 18px;
	height: 16px;
}
.contact-info .email:before {
	background-image: url(../img/icon-envelope-green.svg);
	width: 15px;
	height: 11px;
	left: 2px;
}

.row-contact .contact-info .email:before {
	top: 5px;
    left: 2px;
    width: 17px;
    height: 13px;
}
.row-contact .contact-info .fax:before {
	width: 20px;
    height: 18px;
}
.row-contact .contact-info .phone:before {
	width: 17px;
    height: 17px;
}
.row-contact .contact-info .map-mark:before {
	width: 17px;
    height: 24px;
}
footer .links ul {
	margin: 0 0 15px 0;
}
footer .links ul li:before {
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	line-height: 13px;
    color: #00634e;
} 
/********************** FOOTER ************************/


/********************** GOUP ************************/
.goup {
  	position: fixed;
    right: 20px;
    bottom: 20px;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.7);
    z-index: 40;
    width: 46px;
    height: 46px;
    text-align: center;
    cursor: pointer;
	justify-content: center;
	align-items: center;
	transition: .1s linear;
	transform: scale(0);
}
.goup.active {
	transform: scale(1);
}
.goup svg {
    width: 25px;
    height: 25px;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.goup path {
	fill: #fff;
}
/********************** GOUP ************************/


/********************** SUBPAGE TOP ************************/
.subpage-top {
	position: relative;
	background-image: url(../img/bg-subpage-top.jpg);
	background-size: cover;
	background-position: center;
	background-color: #efefef;
	padding: 0 20px;
}
.subpage-top:after {
	content: "";
	background-color: rgba(0,0,0,.5);
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	left: 0;
    top: 0;
}
.subpage-top .content {
	justify-content: center;
	align-items: center;
	height: 520px;
}
.subpage-top h1 {
	color: #fff;
	font-size: 57px;
	line-height: 1.1;
	font-weight: 900;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	z-index: 1;
	position: relative;
}

.reservation .subpage-top {
	padding: 200px 20px 90px 20px;
}
.reservation .subpage-top .content {
	height: auto!important;
}
/********************** SUBPAGE TOP ************************/


/********************** ARTICLE FILES ************************/
.files {
	margin: 0 0 30px 0;
}
ul.attachment-files {
    padding: 0;
	margin: 0;
}
ul.attachment-files li {
    list-style: none;
    padding: 0 0 0 35px;
    line-height: 30px;
	line-height: 1.4;
	margin: 0 0 10px 0;
}	
ul.attachment-files li a {
	text-decoration: underline;
}
ul.attachment-files li a:hover {
	text-decoration: none;
}
ul.attachment-files li span {
	font-size: 13px;
}

ul.attachment-files li.filetype-doc { background: url("/img/universal/icon-doc.png") no-repeat left center; }
ul.attachment-files li.filetype-xls { background: url("/img/universal/icon-xls.png") no-repeat left center; }
ul.attachment-files li.filetype-ppt { background: url("/img/universal/icon-ppt.png") no-repeat left center; }
ul.attachment-files li.filetype-pdf { background: url("/img/universal/icon-pdf.png") no-repeat left center; }
ul.attachment-files li.filetype-zip { background: url("/img/universal/icon-zip.png") no-repeat left center; }
ul.attachment-files li.filetype-rar { background: url("/img/universal/icon-rar.png") no-repeat left center; }
ul.attachment-files li.filetype-jpg { background: url("/img/universal/icon-jpg.png") no-repeat left center; }
ul.attachment-files li.filetype-png { background: url("/img/universal/icon-png.png") no-repeat left center; }
ul.attachment-files li.filetype-gif { background: url("/img/universal/icon-gif.png") no-repeat left center; }
ul.attachment-files li.filetype-unknown { background: url("/img/universal/icon-unknown.png") no-repeat left center; }
/********************** ARTICLE FILES ************************/


/********************** ARTICLE GALLERY ************************/
.article-gallery-bottom {
	margin: 20px 0 0 0;
}
.attachment-images {
    width: 100%;
    overflow: hidden;
	font-size: 0;
	padding: 0;
}
.attachment-images > li {
    display: inline-block;
	overflow: hidden;
    padding: 0;
    position: relative;
}
.gallery-large .attachment-images {
    margin: 0 0 30px 0;
}
.gallery-large .attachment-images > li {
    width: 24.25%;
	margin: 0 0 1% 0;	
}
.gallery-large .attachment-images > li:nth-of-type(4n + 2) {
	margin: 0 0.5% 1% 1%;
}
.gallery-large .attachment-images > li:nth-of-type(4n +3) {
	margin: 0 1% 1% 0.5%;
}
.article-panel .gallery-small .attachment-images > li {
	width: 49%;
	margin: 0 0 2% 0;
}
.article-panel .gallery-small .attachment-images > li:nth-of-type(odd) {
	margin: 0 2% 2% 0;
}
.attachment-images > li a span {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: rgba(0,0,0,0.5);
	justify-content: center;
    align-content: center;
    align-items: center;
	transform: scale(0,0);
	transition: .2s linear;
}
.attachment-images li a:hover span {
	transform: scale(1,1);
}
.gallery-large .attachment-images > li a span svg {
	width: 40px;
    height: 40px;
}
.article-panel .attachment-images > li a span svg {
	width: 30px;
    height: 30px;
}
.attachment-images > li a span path {
	fill: #fff;
}
.attachment-images li a {
	transform-origin: center center;
	align-items: center;
	height: 100%;
}
.attachment-images li a:hover img {
    transform: scale3d(1.2,1.2,1.2);
	transform-origin: center center;
}
.attachment-images li a img {
    display: block;
    margin: 0;
	width: 100%;
	transition: .2s linear;
	transform-origin: center center;
}

.blueimp-gallery > .indicator > li {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-size: cover;
}
.blueimp-gallery > .title {
    text-shadow :none;
    background-color: rgba(0,0,0,0.7);
    top: 0;
    text-align: center;
    margin: 0;
    left: 0;
    right: 0;
    padding: 10px 45px 10px 30px;
	line-height: 20px;
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	opacity: 1;
	box-sizing: border-box;
}
.blueimp-gallery > .close {
	padding: 0;
    margin: 0;
    right: 15px;
    top: 10px;
    line-height: 20px;
    opacity: 1;
}
.blueimp-gallery > .prev, 
.blueimp-gallery > .next {
	background-image: url(../img/universal/arrow-default.svg);
    background-size: cover;
    width: 40px;
    height: 40px;
    opacity: 1;
    border: none;
    background-color: transparent;
    font-size: 0;
}
.blueimp-gallery > .prev {
	transform: rotate(-180deg);
	left: 10px;
}
.blueimp-gallery > .next {
	right: 10px;
}
body:last-child .blueimp-gallery > .play-pause {
    opacity: 1;
	bottom: 25px;
}
.blueimp-gallery>.indicator > li {
    margin: 0 5px 0;
}
.blueimp-gallery,
.blueimp-gallery > .slides > .slide > .slide-content {
	-webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}
/********************** ARTICLE GALLERY ************************/


/********************** ARTICLE PANEL ************************/
.article-panel .inner,
.article .content {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    flex-flow: row wrap;
    justify-content: space-between;
}
.article-panel,
.article-panel .inner.fixed,
.article-panel .inner.bottom {
    width: 300px;
}
.article-panel .inner.fixed {
    position: fixed; 
	top: 148px;
    z-index: 1;
}
.article-panel .inner.bottom {
	position: absolute;
	bottom: 0;
}
.article-panel {
	position: relative;
}
.article-panel .gallery-small .button-see-more {
	display: table;
    margin: 10px auto 0;
}

.panel {
	width: 100%;
	margin: 0 0 20px 0;
}
.panel.content {
	background-color: #ededed;
	padding: 20px;	
}
/********************** ARTICLE PANEL ************************/


/********************** ARTICLES ************************/
.subpage {
	padding: 60px 0 90px 0;
}
.article-part {
	width: 880px;
}
.article-full {
	width: 100%;
}

.table-responsive {
	overflow-x: auto;
    width: 100%;
}
.article {
	background-color: #fff;
}
.article-submenu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.article-submenu li {
	padding: 5px 0;
}
.article-submenu li a {
	font-size: 16px;
}
.article-submenu li a:hover {
	text-decoration: underline;
}
.article h1,
.article h2,
.article h4,
.article h5,
.article h6 {
	color: #00634e;
}
.article h1,
.article h2 {
	color: #00634e;
    font-size: 30px;
	margin: 0 0 30px 0;
	line-height: 1.3;
}
.article h3 {
	color: #e3b505;
	font-size: 20px;
	margin: 40px 0 20px 0;
}
.article h4,
.article h5,
.article h6 {
	font-size: 17px;
	margin: 30px 0 20px 0;
}

.article .wysiwyg > img,
.article .wysiwyg ol,
.article .wysiwyg ul,
.article .wysiwyg p {
	margin: 20px 0;
}
.article .wysiwyg a *,
.article .wysiwyg a {
    color: #00634e;
}
.article .wysiwyg a {
	text-decoration: underline;
}
.article .wysiwyg p a {
	display: inline-block;
	margin: 0;
}
.article .wysiwyg a:hover {
	text-decoration: none;
}
.article .wysiwyg ol,
.article .wysiwyg ul {
	padding: 0;
	text-align: left;
}
.article .wysiwyg ol li,
.article .wysiwyg ul li {
	margin-left: 40px;
	padding: 0;
	margin-bottom: 0 0 10px 0;
	position: relative;
}
.article .wysiwyg ul li {
	list-style: none;
}
.article .wysiwyg ul li:before {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
    left: -20px;
    top: 3px;
	color: #00634e;
} 
.article .wysiwyg table {
	border-collapse: separate;
    border-spacing: 0;
	width: 100%!important;
	border: 0;
	border-bottom: 1px solid #f7f7f7;
	margin: 0 0 20px 0;
	height: auto!important;
}
.article .wysiwyg table p {
	margin: 0;
}
.article .wysiwyg table h1,
.article .wysiwyg table h2,
.article .wysiwyg table h3,
.article .wysiwyg table h4,
.article .wysiwyg table h5,
.article .wysiwyg table h6 {
	color: #fff;
	font-weight: 400;
	margin: 0;
}
.article .wysiwyg table tr th,
.article .wysiwyg table tr td {
	border: 0;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.article .wysiwyg table tr {
	background-color: #ededed;
}
.article .wysiwyg table thead tr {
	background-color: #e3b505;
}
.article .wysiwyg table tr td {
	padding: 12px 20px; 
}
.article .wysiwyg table thead tr th {
	color: #fff; 
	font-weight: 700;
	padding: 15px 30px;
}
.article .wysiwyg table tr:last-of-type td {
	border-bottom: none;
}
.article .wysiwyg iframe {
	margin: 0 auto 20px;
	border: none;
	max-width: 100%;
}
.article .menu-card .row-food {
	margin: 0 0 10px 0;
}
.article .menu-card .row-food h3 {
	margin: 0 10px 0 0;
	font-size: 18px!important;
	line-height: 1.3;
}
.article .menu-card .row-food .title {
	justify-content: space-between;
	flex-flow: nowrap;
}
.article .menu-card .row-food .price {
	white-space: nowrap;
	font-weight: 700;
} 
.article .menu-card .row-food .description {
	font-style: italic;
}
.article .menu-card .part h2 {
	font-size: 25px;
}
.article .menu-card h2 {
	text-transform: uppercase;
	margin: 0 0 20px 0;
}
.article .menu-card h2 span {
	display: block;
	font-size: 18px;
}
.article .menu-card .part:first-of-type h2 {
	margin: 0 0 30px 0;
}
.article .menu-card .part:last-of-type {
	margin: 0 0 30px 0;
}
.article .menu-card .row-food .title-small {
	font-weight: 700;
	margin: 0 10px 0 0;
}
.article .menu-card .row-food .price.ln-normal {
	line-height: 1.5;
}
.article .menu-card .title-big {
	color: #00634e;
    background-color: #ededed;
    padding: 8px 20px;
    text-align: center;
	margin: 0;
}
.article .menu-card .title-big {
	font-size: 30px!important;
}
.article .menu-card .title-big:not(:first-of-type) {
	margin: 60px 0 0 0;
}
/********************** ARTICLES ************************/



/********************** CONTACT ************************/
.contact .text {
	padding: 50px 20px 20px 20px;
}
.contact .text {
	text-align: center;
	margin: 0 0 20px 0;
}
.contact .text .logo {
	height: 75px;
	margin: 0 0 30px 0;
}
.contact .text .font-written {
	font-size: 30px;
}
.contact .text .font-written * {
	margin: 0;
}
.contact iframe {
	border: none;
    width: 100%; 
    height: 100%;
}
/********************** CONTACT ************************/


/********************** ROW CONTACT ************************/
.row-contact {
	padding: 50px 20px;
}
.row-contact .cols {
	justify-content: space-around;
}
/********************** ROW CONTACT ************************/

.reservation .article {
	padding: 100px 0 50px 0;
	border-bottom: 1px solid #e5e5e5;
}



.bar-reservation {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px 20px;
	background-color: rgba(0,0,0,.5);
	z-index: 2;
	text-align: center;
	display: none;
}
.bar-reservation .button {
	width: 200px;
}




.ui-datepicker {
	width: 280px;
	height: auto;
	margin: 5px auto 0;
	font-family: "Open Sans", sans-serif!important;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
	background-color: #fff;
	padding: 5px;
}
.ui-datepicker a {
	text-decoration: none;
}
.ui-datepicker table {
	width: 100%;
	margin: 0;
}
.ui-datepicker-header {
	background: #fff;
    font-weight: 900;
    text-transform: uppercase;
    color: #4b4b4b;
    line-height: 30px;
    border: none;
    padding: 10px 0!important;
    border-bottom: 1px solid #efefef;
}
.ui-datepicker-title {
	text-align: center;
}
.ui-datepicker thead {
	border: none;
	background-color: #efefef;
}
.ui-datepicker th {
	text-transform: uppercase;
	font-size: 10px;
	padding: 5px 0;
	color: #4b4b4b;
}
.ui-datepicker tbody td {
    padding: 0;
    text-align: center;
    line-height: 37px;
    height: 37px;
    border: 1px solid #efefef;
}
.ui-datepicker tbody td.ui-state-disabled {
	color: #efefef;
}
.ui-datepicker td a {
	display: inline-block;
	width: 100%;
	color: #4b4b4b;
	background-color: #fff;
	transition: .1s;
}
.ui-datepicker-calendar .ui-state-hover {
	color: #fff;
	background-color: #00634e;
}
.ui-datepicker-calendar .ui-state-active {
	color: #fff;
	background-color: #e3b505;
}
.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: 0;
    text-align: center;
    text-decoration: none;
}
.ui-datepicker-prev, .ui-datepicker-next {
	display: inline-block;
	width: 30px!important;
	height: 30px!important;
	text-align: center;
	cursor: pointer;
	line-height: 600%;
	overflow: hidden;
	top: 9px!important;
}
.ui-datepicker-prev {
	float: left;
	border-left: 3px solid #4b4b4b;
	border-bottom: 3px solid #4b4b4b;
	transform: scale(0.5) rotate(45deg);
	left: 0!important;
}
.ui-datepicker-next {
	float: right;
	border-right: 3px solid #4b4b4b;
	border-top: 3px solid #4b4b4b;
	transform: scale(0.5) rotate(45deg);
	right: 0!important;
}



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

	.cols-large .img {
		background-size: 100%;
	}

}