.clear { clear:both }
p {margin: 10px 0 15px}
.page-info a, .page-info a:hover {display: inline;}
.page-info form a, .page-info form a:hover {display: inline; color: #c4996b}

h3 {font-weight: 500 }

.page.contact .page-info {width: 775px; clear: both }
.page-info.full-width {width: 1550px; clear: both; background-color: transparent; box-shadow: none}

.page.contact .page-info-2 {width: 775px; background-color: #f3ebe1; border: 1px solid #dcc2a6; box-shadow: none; margin-left: 32px;  clear: both }
.page.contact .full-width.page-info-2 {margin-left: 0;  }

.page.contact  main section:nth-of-type(2n) {margin-left: 0}
.page.contact section.footer {margin-top: 0}

.header-container-before .instagram.social { margin-left: 10px }

#map { box-shadow: 0 0 25px 0 #8b6b40;}

.article-info { width: 800px; height: auto; background-color: #ffffff; padding: 48px; border-radius: 4px; border-bottom: 8px solid #d0ad89; box-shadow: 0 19px 59px -20px #8b6b40;}

.page .form {width: 432px;  background-color: #f3ebe1; border: 1px solid #dcc2a6; box-shadow: none; padding: 48px; margin-left: 32px; border-radius: 4px;}

.form_column {width:100%}
.form_column_half_l {width: calc(50% - 10px); float: left; margin-right: 10px}
.form_column_half_r {width: calc(50% - 10px); float: left; margin-left: 10px; margin-right: 0;  clear: right}

#contact_form .label {width: 100%; display: inline-block; margin-bottom:5px; text-align: left}
.sub_label {font-size: 14px; margin-bottom:10px; text-align: left}
#contact_form .input {width:100%; background-color:#FFF; border:1px solid #bdbdbf; color:#CCC;  height: 40px; font-size: 18px; border-radius: 5px; padding:5px; margin-bottom:15px;	font-family: "Sofia Sans", sans-serif;	font-optical-sizing: auto;	font-weight: 400;	font-size: 15px;	color: #5c6688;}
#contact_form #notes {width:100%;  height: 100px; padding:2px; margin-bottom:10px; border-radius: 5px;	font-family: "Sofia Sans", sans-serif;	font-optical-sizing: auto;	font-weight: 400;	font-size: 15px; padding:5px;	color: #5c6688;}
.contact_form_btn { border:0; text-transform:uppercase; width:200px; height:40px; font-size: 20px; padding:10px 30px; margin-top: 20px; color:#FFF; cursor:pointer; background-color:#414d61; border-radius: 4px; font-family: "Sofia Sans", sans-serif; font-optical-sizing: auto; font-weight: 400; font-size: 16px;}
#msg { display:none; position:absolute; z-index:200; background:url(/images/msg_arrow.png) left center no-repeat; padding-left:7px}
#msgcontent { display:block; background:#e8e8e8; color:#4f4d4e; border:2px solid #414d61; border-left:none; padding:5px; min-width:150px; max-width:250px; font-family: "Sofia Sans", sans-serif; font-optical-sizing: auto; font-weight: 400; font-size: 16px; }

main.galleries {display: flex; gap:20px; justify-content:center; flex-direction: row; flex-wrap: wrap}
.gallery {width: 433px; height: 433px; border-bottom:0;}
.gallery img {border-radius: 4px;}
.gallery.page-info {padding:0; margin: 10px}
.gallery .page-info-title {color: #FFF; font-size: 32px; text-align: center; margin-bottom: 10px;}
.gallery .page-info-subtitle {color: #FFF; font-size: 12px; text-align: center; font-weight: 400; margin-bottom: 20px;}


.page-info-2 .page-info-subtitle, .form-content .page-info-subtitle {font-size: 32px; color:#222d52; font-family: "Times New Roman", Times, serif; margin-bottom: 20px; text-transform:none }

.gallery-info {position: absolute; bottom: 0; left: 0; width: 100%; height: 155px; padding-top: 30px; background-color: rgba(17,32,58,0.80); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.off {display: none }
.on {display: block }
.prices {font-size: 24px;}

.conference .page-info-content .flex {display: flex; gap:10px; justify-content:left; flex-direction: row; flex-wrap: nowrap; margin-bottom: 20px}
.conference_ico { padding:10px; background-color: #fff; box-shadow: 0 0 10px -3px #8b6b40;}
.conference_info {width: calc(100% - 74px); float: left; clear: right; margin-top: 15px}

.radius-right {border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.radius-left {border-top-left-radius: 4px; border-bottom-left-radius: 4px;}

.page-info-content table {border-collapse: collapse; border-spacing: 0;}
.page-info-content td { padding:8px; }
.page-info-content th { border: 1px solid #CCC; background-color:#f3ebe1; padding:8px 6px;}
.page-info-content td p {padding:0; margin:0}
.page-info-content tr:nth-child(odd) {background-color: #f3ebe1;}


.page-info-content.spa-menu table {border-collapse: collapse; border-spacing: 0;}
.page-info-content.spa-menu td { padding:10px; }
.page-info-content.spa-menu th { border: none; background-color:transparent; padding:10px 6px 20px; text-align: inherit}
.page-info-content.spa-menu td p {padding:0; margin:0}
.page-info-content.spa-menu tr:nth-child(even) {background-color: #FFF;}

.page-info-title.spa-menu-title { font-weight: 400}

.spa_col1 {width: 48.5%; float: left; margin-right: 1.5%}
.spa_col2 {width: 48.5%; float: left; margin-left: 1.5%}

#head-inside.conference { margin-bottom: 220px}

.oborudvane li {list-style: none; text-align: left; width: 100%; float: left}

.page-info-content ul.oborudvane li::before {width: 0; height: 0; margin-right: 0}

/* Mobile-friendly error message styling */
.error-message {	display: none;	color: #6a3838;	font-size: 16px;	margin: 0px 0 10px 0;	padding: 8px;	background-color: #efd3cb;	border-left: 3px solid #9f3c3c;	border-radius: 3px;	animation: slideDown 0.8s ease-out;}

.error-message.show {	display: block;}

@keyframes slideDown {
	from { opacity: 0;	transform: translateY(-10px);	}
	to { opacity: 1;	transform: translateY(0);	}
}

.input.error {	border-color: #d32f2f !important; }

@media only screen and (max-width : 1440px) {
	
	.page.contact .page-info, .page.contact .page-info-2 { width: 50%}
	.page.contact .page-info-content img {max-width: 100%}
	
	.conference .page-info-content .flex {width: 50%; float: left;	margin: 0 auto 20px auto;	}	
	.conference .page-info-content {margin-top: 20px}
	.conference_info {text-align: left}

}

@media only screen and (max-width : 1279px) {
	
	.page.contact .page-info, .page.contact .page-info-2 { width: 100%}
	.page.contact .page-info-2 {margin-left: auto; padding: 20px}
	
	.page .form { width: 800px; margin:40px auto 0}
	
	.page.contact .page-info-content img {max-width: 100%}
	
	.conference .page-info-content .flex {width: 50%; float: left;	margin: 0 auto 20px auto;	}	
	.conference .page-info-content {margin-top: 20px}
	.conference_info {text-align: left}
	
	.form_column_half_l { text-align: left}
	.form_column_half_r { text-align: left}
	
	.gallery.page-info {border-top:0}


}

@media only screen and (max-width : 990px) {
	
	.gallery {width: calc(50% - 30px); float: left; height: auto}
	.gallery img {width: 100%}
	.gallery .page-info-subtitle  img {width: 36px; }
		
	.article-info { width: 100%; background-color: transparent; border: 0; box-shadow: none}
	.page .form { width: 100%; margin:40px auto 0}


}


@media only screen and (max-width : 768px) {
	
	.form_column_half_l {width: 100%; float: none; margin-right: 0; margin-bottom: 15px; text-align: left}
	.form_column_half_r {width: 100%; float: none; margin-left: 0; margin-right: 0;  clear: both; text-align: left}
	
	.gallery {width: 100%; height: auto}
	.gallery img {width: 100%}
	.gallery .page-info-subtitle  img {width: 36px; }	
	

}

@media only screen and (max-width : 480px) {
	
	.page.contact .page-info {width: 100%; clear: both }
	.page-info.full-width {width: 100%; clear: both }
	.page.contact .page-info-2 {width: 100; margin-left: 0; }
	.page .index-text {color: #d0ad89}


	.page .form {width: 100%; margin-left: 0; padding: 20px }	
	.label {text-align: left}


	
	#head-inside {height: 580px; display: block; margin: 0 auto}
	.page #head-inside .text-container {margin: 0 auto; max-height: unset}

	.inside .page-info { background-color: transparent; margin-bottom: 10px; padding: 20px 0 }
	.inside .gallery.page-info {padding: 0; }
	.gallery .page-info-title {font-size:28px}
	main.galleries {gap:0}
	#section1 .page-info {border-top: 0}
	#section1 .page-info.full-width {border: 0; padding: 0}

	.page main #section1 {margin-top: 10px}
	.page main.inside.conference section {margin-top: 80px;}
	
	.inside .full_width .page-info { background-color: none; margin-bottom: 32px; }
	.inside .article-info.full-width {  padding: 0 }

	.spa_col1 {width: 100%; float: none; margin-right: 0}
	.spa_col2 {width: 100%; float: none; margin-left: 0}
	
	#head-inside.conference { margin-bottom: 100px}
	.page #head-inside.conference .text-container .page-button { display: block;  margin: 60px 20px  }
	
	.conference .page-info-content .flex {width: 50%; float: left;	margin: 0 auto 20px auto;	}	
	.page-info-content {margin-top: 35px}
	.conference_info {text-align: left}
	
	.oborudvane li {list-style: none; text-align: left; width: 50%; float: left}
	.oborudvane li:last-child {clear: right}
	.oborudvane li:nth-child(3) {clear: left}

	.page-info-content ul.oborudvane li::before {width: 0; height: 0; margin-right: 0}
}