a.btn_buy_ticket {
    color: #ffffff;
    background: #7f8c4d;
    padding: 5px;
}
#scroll-bar {
position: fixed;
  display: none;
  width: 100%;
}
#jcemediabox-popup-content {
    padding: 3%;
}
ul.breadcrumb {
    margin: 0;
  font-size: 14px;
}
hr {
    height: 5px;
    background: #7f8c4d;
    border: none;
}
td.monthnavigation, td.monthname {
    padding-top: 20px;
}
#camera_wrap_244 {
    margin-bottom: 40px !important;
}
#camera_wrap_244 .camera_pag .camera_pag_ul {
    text-align: center;
  margin-top: -10px;
}
div#news a:hover {
    background: #b3b989;
}
div#news a {
    background: #8c9350;
    text-align: center;
    padding: 8px 75px;
    margin: 0px 0px 0px -15px;
    color: #FFF;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 300;
}
.footerbtn:hover {
    background: #b3ba7f;
}
.footerbtn {
    background: #74794c;
    text-align: center;
    padding: 5px;
    margin: 5px;
    border: 2px solid #74794c;
}

#gruemenu {
    border-bottom: 5px solid #8c9350;
}

.url-img {
    padding: 0 10px;
}
div#attention p {
    padding: 0;
    line-height: 1.2em;
}
#fast-icons {
    text-align: center;
}
#fast-icons .itemContainer {
    width: 25%;
}
.camera_caption > div {
    font-family: franklingothicbookcregular !important;
}
.slidersb {
	width: 41%;
    height: auto;
    margin: 0 auto;
}

blockquote:before {
font: normal normal normal 40px/1 FontAwesome;
    color: #c78bbe;
    content: "\f10d";
    float: left;
    padding-bottom: 5px;
    padding-right: 20px;
}
blockquote:after {
font: normal normal normal 40px/1 FontAwesome;
    color: #c78bbe;
    content: "\f10e";
    float: right;
    padding-left: 40px;
    margin-top: -25px;
    padding-right: 20px;
}

#sbox-window.shadow {
    z-index: 999999!important;
}

#sbox-overlay {
    z-index: 999999 !important;
}

@media screen and (min-width: 1024px){
img {
    max-width: 100% !important;
    height: auto !important;
}

}
@media screen and (max-width: 1020px) 
{
#bannerlogo > div.inner {
    margin-top: 1%;
    margin-left: 5%;
	}
#depcul > div.inner {
    margin-top: 2%;
    margin-right: 0;
    margin-left: 3%;
}
#biblio > div.inner {
    margin-left: 3%;
}
#icons > div.inner {
    margin-right: 1%;
}
#search > div.inner {
    margin-right: 0%;
    margin-left: 30%;
    float: left;
}
  
#fast-icons > div.inner, #show > div.inner, #maincontent > div.inner {
     margin-right: 0; 
     margin-left: 0;
}
  .itemListView {
    margin: 0 -10px;
}
}
@media screen and (max-width: 770px) 
{
  #maincontent > div.inner, #breadcrumbs > div.inner { 
margin-right: 0px;
    margin-left: 0px;
}
#search > div.inner {
    margin-left: 0%;
}
#icons > div.inner {
    margin-right: 0;
    margin-top: 2.5%;
    padding-bottom: 0px;
}
}
@media screen and (max-width: 666px) 
{
#icons > div.inner {
    margin-right: 22%;
}
#search > div.inner {
    margin-left: 25%;
}
#bannerlogo > div.inner {
    margin-left: 1%;
}
}
@media screen and (max-width: 590px) 
{
div#depcul {
    display: none;
}
#icons > div.inner {
    margin-right: 0%;
    float: left;
}
#search > div.inner {
    margin-left: 0%;
}
}
@media screen and (max-width: 390px)
{
#bannerlogo > div.inner {
    width: 80%;
}
#biblio > div.inner {
    width: 11%;
}
}
  
  
@media screen and (max-width: 600px) and (min-width: 100px){
table.month {
    }
.eventcontentinner span {
  line-height: initial;
  font-size: xx-small !important;
}
  .slidersb {
width:100%;
}
  h1, div.componentheading {
     font-size: 2em;
}
}
@media screen and (max-width: 700px) and (min-width: 100px){
#bannerlogo > div.inner  {
padding-right: 0; !important; }
}
div#gruemenu {
    z-index: initial;
}
div#gruemenu.cl-effect-21.grue_199 {
    z-index: 99999;
}
div#player {
     width: 100% !important;
    height: 100% !important;
}
   
a:focus {
    color: #7f8c4d; !important;
}

.items a  {
	color: #ad538c !important;
	font-size: large;
    font-family: 'franklingothicbookcregular', 'Times New Roman', 'sans-serif'; !important;
    font-weight: bold;
}

.monthnavigation  a  {
	font-size: xx-large !important;
    font-family: cursive,'Times New Roman', 'sans-serif'; !important;
    font-weight: bold !important;
   	color: #FFFFFF;
}




.button, button, button.btn, input.btn, :not(.btn-group) > .btn, .btn-group > .btn.active {


	border: 1px solid;
	border-color: black;
}

.button:hover, button:hover, button.btn:hover, input.btn:hover, .btn:hover {

}

buttonzp { 
	background: url(images/zpbf.png); !important;/* Путь к файлу с исходным рисунком  */
	border: none; !important;
	width: 400px; !important;
    height: 101px; !important;
} 
buttonzp:hover {
background: url(images/zps.png); !important;
}

/*Для соц.кнопок*/
.social-media li a {
    background: #74794c;
    width: 30px;
    display: block;
    height: 25px;
   /* border-radius: 100%;
   color: #fff;*/
    text-align: center;
   
    font-size: 18px;
    padding-top: 5px;
}
.social-media li {
    display: inline-block;
    margin: 1px;
    vertical-align: top;
}

.social-media {
    padding: 0;
    margin: 0;
    list-style-type: none;
    float: right;
}

div.soc {
    overflow: hidden;
    position: relative;

}
div.soc a {
    display: block;
    float: left;
    height: 30px;
    margin-bottom: 4px;
    margin-right: 5px;
    width: 30px;
  }
a.telegram:hover { background: #0088cc;}
a.facebook:hover { background: #23599b;}
a.youtube:hover { background: #cc0000;}
a.vkontakte:hover { background: #00558b;}
a.instagram:hover { background: #714b2b;}
a.tripadvisor:hover { background: #1d9637;}



div#news {
    font-weight: 600;}

a.rss { background-image: url(../images/icons/rss.png); 
    display: inline-block;
    position: absolute;
    float: left;
    height: 30px;
    margin-bottom: 4px;
    margin-right: 5px;
    width: 30px;
    margin-left: 10px;
}
	a.rss:hover { background-image: url(../images/icons/soc/rss.png); 
    display: inline-block;
    position: absolute;
    float: left;
    height: 30px;
    margin-bottom: 4px;
    margin-right: 5px;
    width: 30px;
    margin-left: 1%;}
a.style1 {
/*	background-color: #e2b5d6;*/
  	color: #ad538c !important;
    font-weight: bold;
}
a.style2 {
/*	background-color: #ccd6a6;*/
  	color: #8da03f !important;
    font-weight: bold;
/*  	text-shadow: 
		-0   -1px 0   #382E34,
		 0   -1px 0   #382E34,
		-0    1px 0   #382E34,
		 0    1px 0   #382E34,
		-1px -0   0   #382E34,
		 1px -0   0   #382E34,
		-1px  0   0   #382E34,
		 1px  0   0   #382E34,
		-1px -1px 0   #382E34,
		 1px -1px 0   #382E34,
		-1px  1px 0   #382E34,
		 1px  1px 0   #382E34,
		-1px -1px 0   #382E34,
		 1px -1px 0   #382E34,
		-1px  1px 0   #382E34,
		 1px  1px 0   #382E34;*/
}
div.style1 { position: relative;
    padding-left: 40px;
    background: url(../img/rosebuild.png) 0 center no-repeat;
    font-size: medium;
    float: left;
    margin-right: 8px;
    min-height: 33px;
}
div.style2 { position: relative;
    padding-left: 40px;
    background: url(../img/olivebuild.png) 0 center no-repeat;
    font-size: medium;
    float: left;
    margin-right: 8px;
    min-height: 33px;
}
a.color1{
  color: #c969af !important;
}
a.color2{
  color: #8da03f !important;
}



.form-search {
  /* устанавливаем необходимую ширину формы в зависимости от дизайна
  ** форма без проблем растягивается 
  width: 30%;
  float: right;
*/
  /* кнопку отправки будем позиционировать абсолютно,
  ** поэтому необходимо это свойство */
  position: relative;
}

.form-search input {
  /* отключаем бордюры у инпутов */
  border: none;
}

/* стили для поля ввода */
.form-search .input {
  /* растягиваем поле ввода на всю ширину формы */
  width: 310px;
  /* за счет верхнего (8px) и нижнего (9px) внутренних отступов
  ** регулируем высоту формы
  ** внутренний отступ справа (37px) делаем больше левого,
  ** т.к. там будет размещена кнопка отправки	*/
  padding: 8px 30px 8px 11px;
  /* чтобы ширина поля ввода (100%) включала в себя внутренние отступы */
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* закругляем углы  border-radius: 2px;*/
 
  background: #FFF;
  font: 18px franklingothicbookcregular, Tahoma, Arial, sans-serif;
  color: #555;
  outline: none;
}
/* меняем оформление поля ввода при фокусе */
.form-search .input:focus {
  color: #1f0102;
  border-color: #c78bbe;
}
/* оформляем кнопку отправки */
.form-search .submit {
  /* позиционируем кнопку абсолютно от правого края формы */
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  /* растягиваем кнопку на всю высоту формы */
  height: 100%;
  cursor: pointer;
  background: url(https://lh4.googleusercontent.com/-b-5aBxcxarY/UAfFW9lVyjI/AAAAAAAABUg/gQtEXuPuIds/s13/go.png) 50% no-repeat;
  /* добавляем прозрачность кнопке отправки */
  opacity: 0.5;
}
/* при наведении курсора меняем прозрачность кнопки отправки */
.form-search .submit:hover {
  opacity: 0.8;
}

/* данное свойство необходимо для того, чтобы в браузерах
** Chrome и Safari можно было стилизовать инпуты */
input[type="search"] {
  -webkit-appearance: none;
}
.checkbox,
.radioch {
	display: none;
}
.checkbox-custom,
.radioch-custom {
	width: 18px;
	height: 18px;
	border: 2px solid #b8b8b8;
	border-radius: 3px;
	position: relative;
  	background: #fff;
}
.checkbox-custom,
.radioch-custom
{
	display: inline-block;
	vertical-align: middle;
	text-align: center
}

.label{
	display: inline-block;
	vertical-align: middle;
	padding-left: 8px;
}
.checkbox:checked + .checkbox-custom::before,
.radioch:checked + .radioch-custom::before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
	background: #7f8c4d;
	border-radius: 1px;
}
.radioch-custom,
.radioch:checked + .radioch-custom::before {
	border-radius: 50%;
}

.moduletable {
/*float: right;*/
}
.radiobtnsearch {
text-align: left;
  min-height: 28px;
  color: #fff;
}
.item-page {
/*padding: 1% 5% !important;*/
position: inherit !important;
}


div#jem h1.componentheadingsmall {
    margin-bottom: 6px;
    margin-top: 6px;
    /* margin-left: 60px; */
    text-align: center;
    font-size: 40px;
  line-height: 50px;
  color: #527c9a;
}

.camera_caption_title a {
color:#fff;
}
.camera_caption_desc a {
color:#fff;
}
#camera_wrap_180 .camera_caption > div:hover {
    background: #b3b989;
}
dl {
	margin:0 5px;
}

dt { /* definition term */
	margin:0;
	padding:0.3em 0;
	float:left;
	font-size:1em;
	font-weight:bold;
	width:130px;
	background:transparent;
	border-bottom:1px solid #DDDDDD;
}

dd { /* definition description */
	display:block;
	margin:0 0 5px 12em;
	padding:0.3em 0;
	font-size:1em;
	background:transparent;
	margin-left: 160px;
}

* html .floattext dd /* ie6 fix against the 3px jog bug */ {
	height:1%;
}

div#jem div.description {
	margin:5px 0;
	padding:0 5px;
}

td.blackboard p {
  line-height: 1em;
  padding: 4px 0;
}

div.js-calendar {
z-index: 124566611111 !important;
}

.mfp-wrap {
z-index: 99999999999;
}