@CHARSET "UTF-8";
html {
  background-color: #e8f5e9; /* светло‑зелёный фон */
  height: 100%;
}


body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  font-family: 'Merriweather', serif;
}

body {
    font-family: 'Arial', sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #e8f5e9;
}
@media only screen and (min-width: 320px) {
	.menu-item-block {
		border-bottom-style: solid;
		border-bottom-color: #666666;
		border-bottom-width: 1px;
		text-align: center;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.post-title-block {
		margin-left: 35px;
		margin-right: 20px;
		margin-bottom: 20px;
		margin-top: 60px;
		text-align: center;
	}
	
	.post-text-block {
		font-family: 'PT Sans', sans;
		font-size: 14pt;
		color: #000000;
		text-align: left;
		letter-spacing: 0.5pt;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 20px;
	}
	
	.send-button-block {
		display: block;
		margin-top: 30px;
		text-align: center;
	}
	
	.event-line {
		margin-right: 20px;
		margin-left: 20px;
		margin-bottom: 10px;
	}
	
}

@media only screen and (min-width: 576px) {
	.post-text-block {
		font-size: 16pt;
	}
	
}

/* Small devices (tablets, 768px and up - sm) */
@media only screen and (min-width: 768px) {

}
/* Medium devices (desktops, 992px and up - md) */
@media only screen and (min-width: 992px) {
	.menu-item-block {
		border-bottom-style: none;
		margin-bottom: -35px;
	}
	
	.menu-item-block-current {
		width: 236px;
		height: 90px; 
		/*background-color: #ffffff;*/
		background-image: url(../images/rooms-marker.png);
		background-position: top center;
	    background-repeat: no-repeat;
	 	-moz-background-size: 263px 81px;
	     -webkit-background-size: 263px 81px;
	     -o-background-size: 263px 81px;
	}
	
	.post-title-block {
		text-align: left;
	}

	.post-text-block {
		padding-bottom: 0px;
	}
	
	.send-button-block {
		float: left;
		margin-left: 60px;
	}
	
	.event-line {
		margin-right: 20px;
		margin-left: 0px;
		margin-bottom: 10px;
	}
}
/* Large devices (large desktops, 1200px and up - lg) */
@media only screen and (min-width: 1200px) {

	
}



/* ------- Основное меню ------ */

.main-menu-block {
	width: 100%;
	background-color: #000000;
}

.menu-item-link {
	font-family: 'PT Sans', sans;
	font-size: 14pt;
	color: #ffffff;
	width: 100%;
	letter-spacing: 0.5pt;
}

.menu-item-link:HOVER {
	color: #fd8b0e;
	text-decoration: none;
}

.menu-item-link-current {
	font-family: 'PT Sans', sans;
	font-size: 14pt;
	color: #000000;
	width: 100%;
	letter-spacing: 0.5pt;
}

/* ------ Шапка ------ */
.head-banner-block {
	text-align: center;
}

.head-banner {
	width: 100%;
	background-image: url(../images/contacts-banner.jpg);
	background-position: center center;
    background-repeat: no-repeat;
 	-moz-background-size: cover;
     -webkit-background-size: cover;
     -o-background-size: cover;
    min-height: 40vh;
}



/* ------ Блок содержимого страницы ------ */

.post-block {
	width: 100%;
	background-color: #e8f5e9f;
	margin-right: 0px;
	margin-left: 0px;
}

.post-title-text {
	font-family: 'Merriweather', serif;
	font-size: 17pt;
	color: #fd8b0e;
	text-align: left;
	letter-spacing: 0.6pt;
}



.marker {
	color: #fd8b0e;
}

#makeMeScrollable div.scrollableArea *
{
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    height: 436px;
    /* If you don't want the images in the scroller to be selectable, try the following
        block of code. It's just a nice feature that prevent the images from
        accidentally becoming selected/inverted when the user interacts with the scroller. */
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.send-button {
	font-family: 'PT Sans', sans;
	font-size: 18pt;
	color: #ffffff;
	text-align: center;
	letter-spacing: 0.5pt;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #999999;
}

.send-button:HOVER {
	background-color: #333333;
	cursor: pointer;
}

/* ----------------------------------------- */