h1, .as-h1 {
	margin: 0;
	font: normal 30px PFAgoraSansProBold;
	color: #535353;
    text-align: center;
    padding-bottom:  20px;
}
.cboxElement{cursor:pointer}
.as-h1 a{
    color: #535353;
    text-decoration: none;
}
.as-h1 a:hover{
    text-decoration: underline;
}

	.as-h1 .travel{
		color: #178bac;
		text-decoration: underline!important;
		font: 600 18px PFAgoraSansPro;
	}

a {
	color: #178bac;
	text-decoration: underline;
}
	a:hover {
		text-decoration: none;
	}

.float-left {float: left;}
.float-right {float: right;}

.hidden {display: none !important}

.button {
	display: inline-block;
	padding: 0 10px;
	height: 37px;
	line-height: 37px;
	vertical-align: top;
	font-size: 18px;
	text-decoration: none;
	color: #fff;
}

	.button-blue {
		background: #178bac;
	}

	.button-purpe {
		background: #cb5aff;
	}

.carousel_list {
	position: relative;
	padding-left: 40px;
}
.carousel_list img {
			margin: 0 5px 0 0;
		}
.carousel {
	position: relative;
	padding: 0 45px;
}
	.carousel .arrow {
		position: absolute;
		top: 50%;
		margin: -4px 0 0;
		width: 9px;
		height: 19px;
		/* background: url(../images/carousel-arrow.png) no-repeat;*/
		cursor: pointer;
	}

		.carousel .arrow.prev {
			left: 10px;
			background-position: 0 0;
		}

		.carousel .arrow.next {
			right: 10px;
			background-position: -9px 0;
		}

		.carousel img {
			margin: 0 5px 0 0;
		}


.museum-card {}
	.museum-card .carousel {
		padding-top: 20px;
		clear: both;
	}

	.museum-card .description {
		padding: 0 0 20px;
	}

	.museum-card .extra-books {
		text-align: center;
		margin: 5px 0 0;
	}

		.museum-card .extra-books img {
			margin: 5px;
		}

		.museum-card .map {
			text-align: center;
			margin: 10px 0;
		}


.museums {}

	.museums .item {
		display: block;
	}

		.museums .item .inner {
			display: table;
			width: 100%;
		}

	.museums .item > .title {
		display: block;
		width: auto;
		font-size: 18px;
		margin: 0 0 5px;
		color: #000;
	}

		.museums .item .title {
			width: 104px;
		}
		.museums .item .title img {
			border-radius: 50%;
			width: 104px;
			height: 104px;
		}

		.museums .item .more {
			width: 139px;
		}

#wrapper {
	min-width: 980px;
	min-height: 100%;
	margin: 0 auto;
	/*padding: 0 20px;*/
	padding: 0 2em;
}

#header {
	position: relative;
	padding: 90px 0 0;
}
	#header .logo {
		/*position: absolute;*/
		left: 0;
		top: 10px;
	}

    #header .tbl{
      position: absolute;
      top: 10px;
      left: 0px;
    }

	#header .search {
		/*position: absolute;*/
		/*left: 0;*/
		/*right: 0;*/
		top: 10px;
		width: 535px;
		/*margin: 0 auto;*/
	}
		#header .search input {
			width: 100%;
			border: 1px solid #828180;
			padding: 8px 15px;
			box-sizing: border-box;
		}

		#header .search a {
			display: block;
			padding: 0 0 0 17px;
			text-decoration: none;
			font-size: 12px;
			color: #585858;
		}

	#header .auth {
		/*position: absolute;*/
		top: 10px;
		right: 0;
		width: 220px;
		text-align: center;
		margin: 0 10px 0 0;
        color: #222;
	}

		#header .auth a {
			/*display: block;*/
			text-decoration: none;
            font-size: 18px;
            color: #222;
            font-weight: bold;
		}

        #header .auth a:hover {
			/*display: block;*/
			text-decoration: underline;
		}

		#header .auth .login {
			/*width: 55px;*/
			padding: 0 0 0px 20px;
			/*background: url(../images/auth.png) 0 0 no-repeat;*/
			/*font-size: 18px;*/
			/*color: #222;*/
		}

		#header .auth .signup {
			/*font-size: 18px;*/
			/*color: #222;*/
		}

	#header .alphabet {
		text-align: center;
	}

		#header .alphabet a {
			display: inline-block;
			font-size: 12px;
			text-decoration: none;
			color: #222222;
		}

	#header .time-scale {
		position: relative;
		margin: 10px 100px 35px 100px;
		padding: 2px 0;
		background: #d1d1d1;
	}

		#header .time-scale:before {
			position: absolute;
			left: -27px;
			top: -15px;
			display: block;
			width: 54px;
			height: 54px;
			background: url(../images/clock.png) 0 0 no-repeat;
			content: '';
		}

		#header .time-scale .inner {
			margin: 0 60px 0 90px;
            overflow: hidden;
		}

			#header .time-scale ul {
				display: table;
				margin: 0;
				padding: 0;
				/*width: 100%;*/
				list-style: none;
				text-align: center;
                left: 0px;
                position: relative;
			}

				#header .time-scale ul li {
					display: table-cell;
					/*width: 5%;*/
					text-align: center;
                    padding-left: 15px;
                    padding-right: 15px;
                    width: 20px;
				}

					#header .time-scale ul li a {
						font-size: 14px;
						color: #fff;
						text-decoration: none;
					}

		#header .time-scale .arrow {
			position: absolute;
			top: 0px;
			display: block;
			width: 26px;
			height: 25px;
			background: url(../images/time-scale-arrow.png) no-repeat;
		}

			#header .time-scale .arrow.prev {
				left: 50px;
				background-position: 0 0;
			}

			#header .time-scale .arrow.next {
				right: 20px;
				background-position: -26px 0;
			}

	#header .banner {
		width: 728px;
		height: 90px;
		margin: 0 auto 35px;

	}

	#header .breadcrumb {
		margin: 0 60px 0 73px;
		padding: 0 10px;
		height: 32px;
		line-height: 32px;
		background: url('../images/breadcrumb_bg.gif') 0 0 repeat-x;
		overflow: hidden;
		list-style: none;
	}

	#header .breadcrumb.green {
		background-image: url(../images/breadcrumb_green_bg.gif);
	}

		#header .breadcrumb li {
			display: inline-block;
			margin: 0 5px 0 0;
			vertical-align: top;
		}

		#header .breadcrumb li, #header .breadcrumb li a {
			text-decoration: none;
			font-size: 14px;
			color: #fff;
		}

			#header .breadcrumb li:after {
				content: '>';
				display: inline-block;
				margin: 0 0 0 5px;
			}

			#header .breadcrumb li:last-child:after {
				content: '';
			}

#inner {
	/*padding: 40px 0px 115px;*/
	padding: 2em 0;
}

	#inner:after {
		clear: both;
		display: block;
		content: '';
	}

#sidebar {
	float: right;
	width: 240px;
	margin: -72px 0 0 15px;
}

	#sidebar .banner {
		margin: 0 0 20px;
	}

#content {
	margin-left: 60px;
	/*margin: 0 0 0 73px;
    padding-right: 60px;*/
	/*overflow: hidden;*/
}
#detail_fancy {
    background-color: #A0A0A0;
}
img.detail {
    max-width: 487px;
    max-height: 400px;
}

.main-slider {
	padding: 0;
}
	.main-slider img {
		height: 100%;
	}

	.main-slider .arrow {
		background: url(../images/main-slider-arrow.png);
		width: 80px;
		height: 80px;
		margin-top: -40px;
		z-index: 2;
	}

		.main-slider .arrow.prev {
			left: 80px;
			background-position: 0 0;
		}

		.main-slider .arrow.next {
			right: 80px;
			background-position: -80px 0;
		}


.list-button
{
    float: left;
    border: 1px solid #BABABA;
    height: 100px;
    width: 180px;
    margin-left: 20px;
    margin-top: 20px;
    padding: 10px;
    text-align: center;
    overflow: hidden;
    font-weight: bold;
    behavior: url(css/PIE.htc);
    border-radius: 10px;
    background: #F9F9F9;
    background: linear-gradient(to top, #D0D0D0, #F9F9F9);
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    cursor: hand;
    display: table-cell;
    vertical-align: middle;
}
.list-cont
{
    width: 170px;
    height: 90px;
    position: relative;
    display: table-cell;
    vertical-align: middle;
}
.title a
{
    text-decoration: none !important;
    color: black;
    font-size: 20px;
}
.title a.my {
	color: #051590; !important;
	font-size: 18px;
}
.big-fixed-menu{
  position: fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:9000;
  background-color: #299fab;
  padding: 10px 30px 10px 30px;
  /*font-family: PFAgoraSansPro;*/
  font-family: 'font';
}
.big-fixed-menu div{
  color: #FFF;
}
.big-fixed-menu .col_h{
  	text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}
.big-fixed-menu ul{
  list-style: none;
  -webkit-padding-start: 0px;
}
.big-fixed-menu ul li {
  padding: 5px 0px 5px 0px;
}
.big-fixed-menu a{
  color: #FFF;
  font-size: 18px;
  text-decoration: none;
}
.big-fixed-menu a:hover{
  text-decoration: underline;
}
.col_h a{
  text-decoration: none;
  color: #FFF;
}
.col_h a:hover{
  text-decoration: underline;
}

.fixed-menu {
	position: fixed;
	left: 0;
	/*top: 50%;*/
    top: 0;
    margin-top: 125px;
    z-index: 4000;
}

	.fixed-menu a {
		position: relative;
		display: block;
		width: auto;
		height: 62px;
		line-height: 62px;
		background: url(../images/fixed-menu-bg.png);
		margin: 0 0 5px;
		color: #fff;
		text-decoration: none;
		width: 0;
		overflow: hidden;
		padding: 0 0 0 60px;
        z-index: 4000;
	}

	.fixed-menu a:hover {
		width: auto;
		padding: 0 20px 0 70px;
	}

	.fixed-menu a.item1 {background-position: 0 0}
	.fixed-menu a.item2 {background-position: 0 -65px}
	.fixed-menu a.item3 {background-position: 0 -130px}
	.fixed-menu a.item4 {background-position: 0 -192px}
	.fixed-menu a.item5 {background-position: 0 -256px}
	.fixed-menu a.item6 {background-position: 0 -0px}
    .fixed-menu a.item7 {background-position: 0 -65px}

		.fixed-menu a:before {
			position: absolute;
			left: 0;
			top: 0;
			display: block;
			width: 62px;
			height: 62px;
			background: url(../images/fixed-menu.png) no-repeat;
			content: '';
		}

		.fixed-menu a.item1:before {background-position: 0 0;}
		.fixed-menu a.item2:before {background-position: 0 -71px;}
		.fixed-menu a.item3:before {background-position: 0 -143px;}
		.fixed-menu a.item4:before {background-position: 0 -214px;}
		.fixed-menu a.item5:before {background-position: 0 -285px;}
		.fixed-menu a.item6:before {background-position: 0 -349px;}
		.fixed-menu a.item7:before {background-position: 0 -413px;}

.authors-menu {
	overflow: hidden;
	margin: 0 0 30px;
	border: 1px solid #c6c6c6;
	padding: 10px;
}

	.authors-menu form {
		display: inline-block;
		width: 300px;
		vertical-align: top;
	}

		.authors-menu form input[type="text"] {
			width: 100%;
			height: 33px;
			font-family: PFAgoraSansPro;
			font-size: 14px;
			box-sizing: border-box;
			border: 1px solid #b9b9b9;
			padding: 5px 10px;
		}

	.authors-menu .tabs {
		margin: 0 0 0 30px;
		padding: 0;
		display: inline-block;
		list-style: none;
		vertical-align: top;
	}

		.authors-menu .tabs li {
			display: inline-block;
		}

			.authors-menu .tabs li a {
				display: inline-block;
				padding: 0 15px;
				margin: 0 10px 0 0;
				height: 37px;
				line-height: 37px;
				font-size: 18px;
				color: #717171;
				text-decoration: none;
			}

			.authors-menu .tabs li.active a,
			.authors-menu .tabs li a:hover {
				background: url(../images/breadcrumb_red_bg.gif) 0 0 repeat-x;
				color: #fff;
			}

	.authors-menu .tabs-content {
		overflow: hidden;
		margin: 30px 0 0;
	}

		.authors-menu .tabs-content .item {
			display: inline-block;
			width: 150px;
			margin: 0 20px 20px 0;
		}

			.authors-menu .tabs-content .item img {
				float: left;
				width: 46px;
				height: 46px;
				margin: 0 10px 0 0;
			}

			.authors-menu .tabs-content .item a {
				display: block;
				overflow: hidden;
				text-decoration: none;
				color: #717171;
				font-weight: bold;
			}

				.authors-menu .tabs-content .item a span {
					display: block;
					font-weight: normal;
					font-size: 12px;
				}

/*������� ������*/
                .breadcrumb-museum {
					background-color: #36aa11 !important;
					background: -webkit-gradient(linear, left top, left bottom, from(#36aa11), to(#36cd12)) !important;
					background: -webkit-linear-gradient(top, #36aa11, #36cd12) !important;
					background: -moz-linear-gradient(top, #36aa11, #36cd12) !important;
					background: -ms-linear-gradient(top, #36aa11, #36cd12) !important;
					background: -o-linear-gradient(top, #36aa11, #36cd12) !important;
				}

				.breadcrumb-author {
					background-color: #a12f2f !important;
					background: -webkit-gradient(linear, left top, left bottom, from(#a12f2f), to(#c91212)) !important;
					background: -webkit-linear-gradient(top, #a12f2f, #c91212) !important;
					background: -moz-linear-gradient(top, #a12f2f, #c91212) !important;
					background: -ms-linear-gradient(top, #a12f2f, #c91212) !important;
					background: -o-linear-gradient(top, #a12f2f, #c91212) !important;
				}

				.breadcrumb-country {
					background-color: #1a93b3;
					background: -webkit-gradient(linear, left top, left bottom, from(#1a93b3), to(#65bfe0)) !important;
					background: -webkit-linear-gradient(top, #1a93b3, #65bfe0) !important;
					background: -moz-linear-gradient(top, #1a93b3, #65bfe0) !important;
					background: -ms-linear-gradient(top, #1a93b3, #65bfe0) !important;
					background: -o-linear-gradient(top, #1a93b3, #65bfe0) !important;
				}

				.breadcrumb-genre {
					background-color: #ffcb4e !important;
					background: -webkit-gradient(linear, left top, left bottom, from(#ffcb4e), to(#ffa911)) !important;
					background: -webkit-linear-gradient(top, #ffcb4e, #ffa911) !important;
					background: -moz-linear-gradient(top, #ffcb4e, #ffa911) !important;
					background: -ms-linear-gradient(top, #ffcb4e, #ffa911) !important;
					background: -o-linear-gradient(top, #ffcb4e, #ffa911) !important;
				}

				.breadcrumb-style {
					background-color: #ff49e3 !important;
					background: -webkit-gradient(linear, left top, left bottom, from(#ff49e3), to(#fd6eff)) !important;
					background: -webkit-linear-gradient(top, #ff49e3, #fd6eff) !important;
					background: -moz-linear-gradient(top, #ff49e3, #fd6eff) !important;
					background: -ms-linear-gradient(top, #ff49e3, #fd6eff) !important;
					background: -o-linear-gradient(top, #ff49e3, #fd6eff) !important;
				}

.advanced-search {
	border: 2px solid #adadad;
	background: #f6f6f6;
}

	.advanced-search .top {
		margin: 11px;
		overflow: hidden;
	}

		.advanced-search .top .float-left,
		.advanced-search .top .float-right {
			width: 40%;
		}

			.advanced-search .top .float-left input {
				width: 99%;
			}

		.advanced-search .top .float-right {
			text-align: center;
		}

		.advanced-search .top .float-right input[type="checkbox"] {
			display: none;
		}

			.advanced-search .top .float-right input[type="checkbox"] + label {
				position: relative;
				display: inline-block;
				margin: 0 10px;
				padding: 0 0 0 25px;
				cursor: pointer;
			}

				.advanced-search .top .float-right input[type="checkbox"] + label:before {
					position: absolute;
					left: 0;
					top: 50%;
					width: 10px;
					height: 10px;
					margin-top: -6px;
					border: 1px solid #adadad;
					background: #fff;
					content: '';
				}

				.advanced-search .top .float-right input[type="checkbox"] + label:after {
					position: absolute;
					left: 4px;
					top: 50%;
					display: none;
					width: 4px;
					height: 4px;
					margin-top: -2px;
					background: #000;
					content: '';
				}

		.advanced-search .top .float-right input[type="checkbox"]:checked + label {
			color: #000;
		}

			.advanced-search .top .float-right input[type="checkbox"]:checked + label:before {
				border-color: #000;
			}

			.advanced-search .top .float-right input[type="checkbox"]:checked + label:after {
				display: block;
			}

	.advanced-search .result {
		overflow: hidden;
		margin: 11px;
	}

		.advanced-search .result .menu {
			width: 185px;
			background: #fff;
			margin: 0;
			padding: 0;
			list-style: none;
		}

			.advanced-search .result .menu a {
				display: block;
				padding: 5px 0;
				text-align: center;
				color: #343434;
				text-decoration: none;
			}

				.advanced-search .result .menu a.active,
				.advanced-search .result .menu a:hover {
					background: #e6e6e6;
				}

	.advanced-search .result .result-list {
		overflow-x: hidden;
        overflow-y: scroll;
		background: #fff;
		min-height: 248px;
		margin: 0 0 0 200px;
        height: 500px;
	}

	.advanced-search .result .result-list .item {
		overflow: hidden;
		margin: 11px;
	}

		.advanced-search .result .result-list img {
			width: 101px;
			height: 101px;
			float: left;
			margin: 0 10px 0 0;
		}

		.advanced-search .result .result-list a,
		.advanced-search .result .result-list span {
			display: block;
			overflow: hidden;
		}

		.advanced-search .result .result-list a {
			font-size: 24px;
			font-family: PFAgoraSansProBold;
			color: #000;
			text-decoration: none;
		}
.count-image
{
    cursor: pointer;
}

.popup {
	/*position: absolute;*/
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 470px;
	padding: 10px;
	border: 4px solid #ffd800;
}

.popup fieldset {
	margin-top: 0;
}

.popup legend {
	text-align: center;
}

.popup form .control-group label {
	width: 38%;
}

.popup form .control-group .control {
	width: 58%;
}

.popup form .submit {
	background: #ffd800;
}

.popup .social-buttons {
	margin-left: 42%;
}

.popup .social-buttons a {
	display: inline-block;
	width: 38px;
	height: 38px;
	background: url(../images/social-buttons-5.png)
}

.popup .social-buttons a.facebook {background-position: -2px 0;}
.popup .social-buttons a.google {background-position: -41px 0;}
.popup .social-buttons a.rss {background-position: -81px 0;}
.popup .social-buttons a.twitter {background-position: -120px 0;}
.popup .social-buttons a.vk {background-position: -159px 0;}

.profile-menu {
	display: table;
	width: 100%;
	margin: 0 0 40px;
	border-spacing: 5px 0;
}

	.profile-menu a {
		display: table-cell;
		color: #ffffff;
		text-decoration: none;
		padding: 20px 0px;
		background: #d1d1d1;
		text-align: center;
	}

	.profile-menu a.active {
		background: #bdbf28;
	}

.profile {
	overflow: hidden;
}

	.profile > .float-left,
	.profile > .float-right {
		width: 49%;
	}

	.profile > .float-right {
		margin: 50px 0 0;
		text-align: center;
	}

form fieldset {
	margin: 40px 0 0;
	padding: 0;
	border: 0;
}

	form legend {
		margin: 0 0 20px;
		font-size: 24px;
	}

		form .control-group {
			margin: 0 0 10px;
			position: relative;
		}

		form .control-group:after {
			display: block;
			content: '';
			clear: both;
		}

			form .control-group label {
				float: left;
				display: block;
				width: 48%;
				padding: 8px 0 0;
				text-align: right;
			}

			form .control-group .control {
				float: right;
				display: block;
				width: 48%;
				padding: 5px 20px;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				border: 1px solid #adadad;
			}

			form .control-group .control.error {
				background: #ffe5e5;
			}

			form .control-group .error-text {
				position: absolute;
				right: 0;
				top: -15px;
				font-size: 12px;
				color: red;
			}


form input[type="checkbox"] {
	display: none;
}

	form input[type="checkbox"] + label {
		position: relative;
		display: inline-block;
		margin: 0 10px;
		padding: 0 0 0 25px;
		cursor: pointer;
	}

		form input[type="checkbox"] + label:before {
			position: absolute;
			left: 0;
			top: 50%;
			width: 10px;
			height: 10px;
			margin-top: -6px;
			border: 1px solid #adadad;
			background: #fff;
			content: '';
		}

		form input[type="checkbox"] + label:after {
			position: absolute;
			left: 4px;
			top: 50%;
			display: none;
			width: 4px;
			height: 4px;
			margin-top: -2px;
			background: #000;
			content: '';
		}

form input[type="checkbox"]:checked + label {
	color: #000;
}

	form input[type="checkbox"]:checked + label:before {
		border-color: #000;
	}

	form input[type="checkbox"]:checked + label:after {
		display: block;
	}

.submit {
	font-size: 18px;
	color: #fff;
	padding: 5px 20px;
	background: #3eb0fe;
	text-transform: uppercase;
	border: 0;
	font-family: PFAgoraSansPro;
}

.error-text {
    color: red;
    font-size: 12px;
}
.auth_user {
    background: url("../images/auth.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #737373;
    font-size: 19px;
    padding: 0 0 5px 50px;
    /*width: 65px;*/
}

.profile-gallery {
	margin: 40px 0 0;
}

	.profile-gallery .item .title {
		width: 345px;
		overflow: hidden;
		background: #323232;
		color: #fff;
		font-size: 18px;
		font-family: PFAgoraSansPro;
	}
 		.profile-gallery .item .title img {
			float: left;
			vertical-align: top;
			margin: 0 10px 0 0;
		}

		.profile-gallery .item .title div {
			overflow: hidden;
			margin: 0 0 5px;
		}

		.profile-gallery .item .title a {
			font-size: 24px;
			font-family: PFAgoraSansProBold;
			color: white !important;
			text-decoration: none;
		}

	.profile-gallery .more {
		background:#ffbb29;
		width: 100px;
		text-align: center;
	}

		.profile-gallery .item .more a {
			color: #fff;
			font-family: PFAgoraSansProBold;
		}

.zoom {
	position: fixed;
	left: 20px;
	right: 20px;
	top: 20px;
	bottom: 20px;
	background: #000;
	overflow: hidden;
}

	.big-img {
		position: absolute;
		left: 0;
		right: 0;
		width: auto;
		height: 100%;
		margin: 0 auto;
		cursor: move;
	}

	.zoom .preview {
		position: absolute;
		width: 15%;
		top: 40px;
		right: 40px;
	}

			.zoom .preview img {
				position: static;
				width: 100%;
				height: auto;
				vertical-align: top;
				cursor: default;
			}

			.zoom .preview .wnd {
				position: relative;
			}

					.zoom .preview .wnd .cursor {
						position: absolute;
						left: 0;
						top: 0;
						width: 100%;
						height: 100%;
						border: 1px solid #fff;
						box-sizing: border-box;
						background: #000;
						opacity: 0.5;
						cursor: move;
					}

			.zoom .preview .controls {
				position: relative;
				padding: 0 40px;
				margin: 5px 0 0;
				height: 40px;
				background: #1a1a1a;
				cursor: default;
			}

					.zoom .preview .controls .btn {
						position: absolute;
						top: 20px;
						width: 	20px;
						height: 20px;
						margin-top: -10px;
					}

					.zoom .preview .controls .btn-minus {
						left: 10px;
						background: url(../images/zoom_minus.gif) 0 0 no-repeat;
					}

					.zoom .preview .controls .btn-plus {
						right: 10px;
						background: url(../images/zoom_plus.gif) 0 0 no-repeat;
					}

			.zoom .preview .controls .scroll {
				position: relative;
				width: 10px;
				height: 40px;
				background: #fff;
			}

	.zoom .controls {
		background: #000;
	}

		.zoom .controls .btn {
			display: inline-block;
			width: 24px;
			height: 30px;
			background: url(../images/zoom_controls.png) 0 0 no-repeat;
			color: #fff;
			font-size: 17px;
			cursor: pointer;
			line-height: 23px;
		}

			.zoom .controls .btn-prev {
				background-position: 0 0;
			}

			.zoom .controls .btn-next {
				background-position: -40px 0;
			}

			.zoom .controls .btn-minus {
				background-position: -75px 0;
			}

			.zoom .controls .btn-plus {
				background-position: -115px 0;
			}

			.zoom .controls .btn-hand {
				background-position: -150px 0;
			}
			.zoom .controls .btn-resize {
				background-position: -185px 0;
			}

			.zoom .controls  .btn-text {
				width: auto;
				padding: 0 0 0 10px;
				background: none;
			}


			/*блок стрелок*/
				.viewer-items-container {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
				}
				.viewer-item-btn {
					position: fixed;
					top: 60%;
					transform: translateY(-60%);
					font-size: 0;
					z-index: 12000;
					display: none;
				}

				.viewer-item-btn-prev {
					left: 20px;
				}

				.viewer-item-btn-next {
					right: 20px;
				}

				.viewer-item-btn-container {
					width: 30px;
					height: 120px;
					line-height: 120px;
					background: #2D2D2D;
					text-align: center;
					display: inline-block;
					vertical-align: middle;
				}

				.viewer-item-btn-icon {
					display: inline-block;
					width: 20px;
					height: 35px;
					vertical-align: middle;
					background-image: url(../images/viewer-item-scroll-sprite.png);
				}

				.viewer-item-btn-icon-prev {
					background-position: -2px -149px;
				}

				.viewer-item-btn-icon-next {
					background-position: -27px -149px;
				}

				.viewer-item-btn-image-container {
					display: inline-block;
					width: 0;
					height: 120px;
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					box-sizing: border-box;
					vertical-align: middle;
					background-color: #fff;
					border: 2px solid #2D2D2D;
					overflow: hidden;
				}

				.viewer-item-btn-image-prev {
					width: 0;
					border-width: 0;
					-moz-transition: width 1s, border-width 1.5s 1s;
					-o-transition: width 1s, border-width 1.5s 1s;
					-webkit-transition: width 1s, border-width 1.5s 1s;
					transition: width 1s, border-width 1.5s 1s;
					opacity: 0.1;
				}
				.viewer-item-btn-image-next {
					width: 0;
					border-width: 0;
					-moz-transition: width 1s, border-width 1.5s 1s;
					-o-transition: width 1s, border-width 1.5s 1s;
					-webkit-transition: width 1s, border-width 1.5s 1s;
					transition: width 1s, border-width 1.5s 1s;
					opacity: 0.1;

				}
				.viewer-item-btn-prev:hover .viewer-item-btn-image-prev {
					width: 250px;
					height: 250px;
					border: 2px solid #2D2D2D;
					-moz-transition: width 1s, height 1s, opacity 2s ease-in-out;
					-o-transition: width 1s, height 1s, opacity 2s ease-in-out;
					-webkit-transition: width 1s, height 1s, opacity 2s ease-in-out;
					transition: width 1s, height 1s, opacity 2s ease-in-out;
					opacity: 1;

				}

				.viewer-item-btn-next:hover .viewer-item-btn-image-next {
					width: 250px;
					height: 250px;
					border: 2px solid #2D2D2D;
					-moz-transition: width 1s, height 1s, opacity 2s ease-in-out;
					-o-transition: width 1s, height 1s, opacity 2s ease-in-out;
					-webkit-transition: width 1s, height 1s, opacity 2s ease-in-out;
					transition: width 1s, height 1s, opacity 2s ease-in-out;
					opacity: 1;
				}
			/*конец блок стрелок*/
            .zoom .controls  .btn-close {
                width: 30px !important;
                margin-right: 5px !important;
				background: url(../images/close.png) 0 0 no-repeat;
			}
			.zoom .controls  .btn-text:after {
				display: inline-block;
				width: 40px;
				height: 25px;
				content: '';
				background: url(../images/zoom_controls_2_custom.png) 0 -5px no-repeat;
				vertical-align: top;
				margin-left: 5px;
			}
				.zoom .controls .btn-fav:after {
					background-position: -18px 0;
				}

				.zoom .controls .btn-desc:after {
					background-position: -70px 0;
				}

				.zoom .controls .btn-share:after {
					background-position: -227px 0;
				}

				.zoom .controls .btn-save:after {
					background-position: -364px 0;
				}

				.zoom .controls .btn-other-works:after {
					background-position: -590px 0;
				}
	.zoom .controls-bottom {
		position: absolute;
		bottom: 20px;
		padding: 10px 2px;
	}

		.zoom .controls-bottom-left {
			left: 0;
			padding-left: 40px;
			padding-right: 20px;
		}

		.zoom .controls-bottom-right {
			right: 0;
			padding-right: 40px;
			padding-left: 20px;
		}

				.tooltip-btn {
				  display: inline-block;
				  position: relative;
				  text-indent: 0px;
				  cursor: pointer;
				}
				.tooltip-btn > span {
				  position: absolute;
				  bottom: 100%;
				  left: -19em;
				  right: -22em;
				  bottom: 2.05em;
				  text-align: center;
				  vertical-align: top;
				  width: -moz-max-content;
				  width: -webkit-max-content;
				  width: max-content;
				  max-width: 350px;
				  min-width: 150px;
				  overflow: visible;
				  visibility: hidden;
				  margin: 0 auto .1em;
				  padding: .3em;
				  border: solid rgb(200,200,200);
				  font-size: 90%;
				  background: #000;
				  color: #fff;
				  line-height: normal;
				  cursor: pointer;
				  word-wrap: break-all;
				}
				.tooltip-btn:after {
				  content: "";
				  position: absolute;
				  top: -2.5em;
				  left: 50%;
				  visibility: hidden;
				  border: .4em solid;
				  border-color: rgb(200,200,200) transparent transparent transparent;
				  cursor: auto;
				  margin-top: 9px;
    			  left: .9em;
				}
				.btn-text:hover .tooltip-btn > span,
				.btn-text:hover .tooltip-btn:after,
				.btn-text:hover .tooltip-btn:focus > span,
				.btn-text:hover .tooltip-btn:after {
				  visibility: visible;
				  transition: 0s .4s;
				}
				.tooltip-btn:focus {
				  outline: none;
				}
				.tooltip-btn.anim:after {
				  opacity: 0;
				  transform: translateY(2em) scale(.3);
				  transform-origin: center bottom;
				}

				.tooltip-btn.anim:after {
				  transform: translateY(.7em) scale(.3);
				}
				.btn-text:hover .tooltip-btn:hover > span,
				.btn-text:hover .tooltip-btn:after,
				.btn-text:hover .tooltip-btn.anim:focus > span,
				.btn-text:hover .tooltip-btn.anim:focus:after {
				  opacity: 1;
				  transition: .6s .4s;
				  transform: translateY(0);
				}
.search-menu {
	display: table;
	width: 100%;
	border-spacing: 5px 0;
    vertical-align: middle;
}

	.search-menu input {
		display: table-cell;
		color: black;
	}
    .search-menu a {
		display: table-cell;
		color: black;
		text-decoration: none;
		text-align: center;
        vertical-align: middle;
	}

	.search-menu a.active,  .search-menu a:hover{
		background-color: #a12f2f;
		background: -webkit-gradient(linear, left top, left bottom, from(#a12f2f), to(#c91212));
		background: -webkit-linear-gradient(top, #a12f2f, #c91212);
		background: -moz-linear-gradient(top, #a12f2f, #c91212);
		background: -ms-linear-gradient(top, #a12f2f, #c91212);
		background: -o-linear-gradient(top, #a12f2f, #c91212);
        color: #fff;
	}

.btn {
			display: inline-block;
			width: 24px;
			height: 25px;
			background: url(../images/zoom_controls.png) 0 0 no-repeat;
			color: #fff;
			font-size: 17px;
			cursor: pointer;
			line-height: 23px;
		}
.btn-close {
	width: 40px !important;
	height: 40px !important;
	position: absolute;
	right: 0px;
	top: 0px;
	background:#ffffffc7 url(../images/close.png) no-repeat 60% 40%;
	border-radius: 0 0 0 20px;
}

.search_list
{
    display: table;
    width: 100%;
    padding: 0px;
}
.search_list li {
    display: table-cell;
    text-align: center;
    padding: 5px;
}
.search_list li a {
    background-color: #a2a2a2;
    color: white;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
    width: 98%;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);


    -moz-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
    -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}

.search_list li a.head {
    background-color: #D1D1D1 !important;
    /*border: 1px solid black !important;
    border-radius:  0px !important;*/
    color: black;
    font-weight: bold;
}
.search_list li a span{
    float: right;
    padding-right: 5px;
}
.alphabet .active{
    font-weight: bold;
    font-size: large !important;
}
.time-active {
    background-color: #F6F6F6;
}
.time-active a {
    color: #D1D1D1 !important;
}

.tooltip{
     position:absolute;
	 left:-2000px;
	 padding:5px;
	 border:1px solid #fff;
	 width: 350px;
     font-size: 18px;

     background-color: rgba(0,0,0, 0.8);
     border-radius: 0px 15px 15px 15px;
     box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);


    -moz-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
    -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;

    z-index: 2000;
    display: none;

    behavior: url(./css/PIE.htc);
}

a.tooltip
{
    width: 200px !important;
}

.tooltip p{
     margin:0;
	 padding:0;
	 color:#fff;
	 padding:2px 7px;
}

.fixed_bottom_menu
{
    position:  fixed ;
    bottom: 0;
    background-color: white;
    opacity: 0.9;
    width: 100% !important;
    right: 0px;
}

.picture-card .more
{
    display: table-cell;
    vertical-align: middle;
    height: 19px;
    position: absolute;
    width: 10px;
    right: 20px;
}

.picture-card .more a {
    color: #585858;
    text-decoration: none;
    line-height: 165px;
}

.picture-card .carousel {
    padding: 0 50px;
    position: relative;
}

.picture-card .next {
    right: 35px !important;
}

.picture-card .prev {
    left: 35px !important;
}
.top-button {
    background: url("../images/top-bottom.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 150px;
    cursor: pointer;
    height: 80px;
    position: fixed;
    right: 10px;
    width: 80px;
    z-index: 3;
    display: none;
}

.types-menu a {
    background: url("../images/fixed-menu.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 62px;
    width: 62px;
    float: left;
    margin-right: 10px;
    margin-bottom:  15px;
    margin-top:  15px;
}

.types-menu a.item1 {background-position: 0 0}
.types-menu a.item2 {background-position: 0 -70px}
.types-menu a.item3 {background-position: 0 -145px}
.types-menu a.item4 {background-position: 0 -215px}
.types-menu a.item5 {background-position: 0 -285px}

.description .button-blue, .button-all {
    background: none repeat scroll 0 0 #178bac;
    display: table;
    /*height: 61px;*/
    margin-top: 15px;
    /*padding-top: 12px;*/
    vertical-align: middle;
}

.result-list .active {
    background: none repeat scroll 0 0 #e6e6e6;
    padding: 10px;
}
.form_submit
{
    height: 35px;
    margin-left: 5px;
}
.form_main_search
{
    height: 42px;
    margin-left: 5px;
}
.main_search_table
{
    width: 100%;
}
.slides img
{
    max-height: 180px;
}
.del_link
{
    color: white !important;
    font-weight: bold;
}
.del_img_slide
{
    cursor: pointer;
    display: block;
    position: absolute;
    width: 18px;
    background: white;
    font-weight: bold;
    text-align: center;
}
.copyright .nhdr{
  text-align: center;
}
.text{
  white-space: normal;
}
.shedev{
  padding-left:20%;
  padding-right:20%;
  margin-top: 50px;
}
.shedev div{
  width: 24%;
  margin-left: 1%;
  float: left;
}
.quote{
  margin-top: 40px;
  margin-bottom: 30px;
}
.quote img{
  width: 100%;
}
.quote div{
  margin-left: 20px;
  margin-right: 20px;
}

.noquote{
  margin-top: 40px;
  margin-bottom: 30px;
}
.noquote img{
  width: 100%;
}
.noquote div{
  margin-left: 20px;
  margin-right: 20px;
}

.pic{
  width: 200px;
  position: relative;
}

.pic:hover {
	cursor: pointer;
}

.pic:after {
  content: '';
  position: absolute;
  left: 20%;
  top: -10%;
  width: 90%;
  height: 95%;
  border: 2px solid #c745bc;
  z-index: -1;
}
.clear{
  clear:both;
}
.quote div:before {
    color: #c745bc;
    content: "\201C"; /* Непечатаемый символ слева */
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.2em;
    vertical-align: -.4em;
}
.quote div:after {
    color: #c745bc;
    content: "\201D"; /* Непечатаемый символ справа */
    font-size: 4em;
    line-height: 0.1em;
    vertical-align: -.45em;
    margin-left: 0.2em;
}
.quote_1 .pic:after{
  border-color: blue;
}
.quote_1 div:after, .quote_1 div:before{
  color: blue;
}
.as_facets{
  padding-right: 20px;
  padding-top: 20px;
}
.as_fblock{
  border-radius: 8px;
  border-right: #999 Solid 1px;
  border-bottom: #999 Solid 1px;
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.as_fblock .hdr{
  font-size: 20px;
  /*font-style: italic;  https://nexmedia.megaplan.ru/task/1005905/card/ */
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
}
.as_fblock a{
  color: #585858;
  text-decoration: none;
  font-size: 18px;
}
.as_fblock div{
  margin-top: 5px;
  margin-bottom: 5px;
}
.as_fblock img{
  width: 100%;
}
.text p{
  text-indent: 30px;
  text-align: justify;
  margin-bottom: 5px;
}
.text{
  margin-bottom: 10px;
}
#about_link{
  position: absolute;
  left: 50px;
  top: 1px;
}
.mark{
  position: relative !important;
  left: -10px !important;
  top: 0px !important;
}
.pntr{
  cursor: pointer;
}
.more_but{
  width: 200px;
  font-size: 20px;
  border: Solid 1px #999;
  cursor: pointer;
  text-align: center;
  padding: 10px;
}
.more_but:hover{
        background-color: #4928d8;
					background: -webkit-gradient(linear, left top, left bottom, from(#4928d8), to(#5f54f5));
					background: -webkit-linear-gradient(top, #4928d8, #5f54f5);
					background: -moz-linear-gradient(top, #4928d8, #5f54f5);
					background: -ms-linear-gradient(top, #4928d8, #5f54f5);
					background: -o-linear-gradient(top, #4928d8, #5f54f5);
        color: #FFF;
}
.grey_msg p{
  margin-bottom: 5px;
  text-indent: 10px;
  text-align: justify;
}

.scrollup{
	width: 40px;
	height:40px;
	opacity:0.4;
	position:fixed;
	bottom:200px;
	right:200px;
	display:none;
	text-indent:-9999px;
	background: url("../images/fs/icon_top.png") no-repeat;
}

.ital{
  font-style: italic;
}

.br{
  width: 100%;
  height: 1px;
  background-color: #FFF;
  margin-top: 10px;
  margin-bottom: 10px;
}
.big-fixed-menu ul.pdl{
  padding-left: 20px;
  -webkit-padding-start: 20px;
}
#search_reset{
  font-weight: bold;
  background-color: #D1D1D1;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #ababab;
	background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
	color: #444444;
}
.ui-widget-content a {
	color: #3498db;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #dddddd /*url("images/ui-bg_highlight-soft_50_dddddd_1x100.png") 50% 50% repeat-x*/;
	color: #444444;
	font-weight: bold;
}
.ui-widget-header a {
	color: #444444;
}

/*	art_video*/
.art_video{display:flex;margin-bottom:1.5em;padding-top:1.5em;}
.art_video + .art_video{border-top:2px solid #1398a7}
.art_video >div:first-child{flex:1 1 350px;}
.art_video >div:first-child + div{flex:1 1 100%;margin-left:2em}
.art_video .name{font-size:20px;color:#f01f58;margin-bottom:1.5em;font-weight:600}
.art_video .image{cursor:pointer}
.art_video .image img{display:block;max-width:100%;border:2px solid #1398a7;}


/* увеличенная картинка */
#magnify {
	display: none;
	position: fixed;
	max-width: 800px;
	height: auto;
	z-index: 9999;
}
#magnify img {
	width: 100%;
}
/* затемняющий фон */
#overlay {
	display: none;
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0.9;
	z-index: 9990;
}
/* кнопка закрытия */
#close-popup {
	width: 26px;
	height: 26px;
	background: #FFFFFF;
	border-radius: 15px;
	display: block;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 10px;
}
#close-popup::before {
	content: '';
	width: 27px;
	height: 27px;
	background-image: url(../images/close.png);
	background-size: 26px;
	display: block;
}

/*	ПУТЕШЕСТВИЯ */
.trev_content, .trev_content center {display: flex;flex-direction: column;align-items: baseline;}
.trev_content a {text-align:left;margin: .15em 0;font-weight: 600;}
.travel_block {display:flex;align-items:center;margin-top:2em;}
.travel_block.quote_1 {flex-direction:row-reverse}
.travel_block >.text{flex:1 1;}
.travel_block >.img{padding: .5em;border: 1px solid #c745bc;border-radius: .5em;}
.travel_block >.img span{display:block;margin-top:.5em;text-align:center;font-style:italic;}
.travel_block:not(.quote_1) >.img{margin-left:2em;border-color: blue;}
.travel_block.quote_1 >.img{margin-right:2em;}
.travel_block >.img img{display:block;max-width:200px;max-height: 150px;margin: 0 auto;}
.travel_block[data-type="1"] >.text, .travel_block[data-type="2"] >.text{position:relative;padding: 0 2em}
.travel_block[data-type="1"] >.text:before, .travel_block[data-type="2"] >.text:before{color: #c745bc;content: "\201c";font-size: 400%;position: absolute;top: -.25em;left: 0;line-height: 1em;height: .4em;}
.travel_block[data-type="1"] >.text:after, .travel_block[data-type="2"] >.text:after{color: #c745bc;content: "\201d";font-size: 400%;position: absolute;bottom: -.25em;right: 0;line-height: 1em;height: .4em;}
.travel_block.quote_1[data-type="1"] >.text:before, .travel_block.quote_1[data-type="2"] >.text:before, .travel_block.quote_1[data-type="1"] >.text:after, .travel_block.quote_1[data-type="2"] >.text:after{color: blue}
.travel_block[data-type="2"] >.text{text-align:center}

/*	ПЛИТКА ПУТЕШЕСТВИЙ */
.travels_tale_head{font-weight: bold;border-bottom: 1px solid #828180;text-transform:uppercase;margin:1.5em 0 0;}
.travels_tale{display:flex;flex-wrap:wrap;align-items:flex-start;margin:0.5em 0 1em}
.travels_tale .item{margin-left:1em;margin-top:1em;border-radius:.25em;overflow:hidden;position:relative;box-shadow: 0 0 5px 1px rgb(123 123 123 / 50%);background-size:cover;background-position: 50% 50%;}
.travels_tale .item:before{content:'';display:block;margin-top:120%;float:left;}
.travels_tale .item:hover{box-shadow: 0 0 8px 3px rgb(123 123 123 / 50%)}
.travels_tale .item >span{display:block;position:absolute;bottom:0;left:0;padding:.5em;text-align:center;width: 100%;background: #d3d3d3d1;color: #000;}

@media only screen and (min-width: 1661px) {
	.travels_tale .item{width:calc((100% / 10) - (1em * 9 / 10));}
	.travels_tale .item:nth-child(10n + 1){margin-left:0}
}
@media only screen and (max-width: 1660px) and (min-width: 1521px) {
	.travels_tale .item{width:calc((100% / 9) - (1em * 8 / 9));}
	.travels_tale .item:nth-child(9n + 1){margin-left:0}
}
@media only screen and (max-width: 1520px) and (min-width: 1361px) {
	.travels_tale .item{width:calc((100% / 8) - (1em * 7 / 8));}
	.travels_tale .item:nth-child(8n + 1){margin-left:0}
}
@media only screen and (max-width: 1360px) and (min-width: 1221px) {
	.travels_tale .item{width:calc((100% / 7) - (1em * 6 / 7));}
	.travels_tale .item:nth-child(7n + 1){margin-left:0}
}
@media only screen and (max-width: 1220px) and (min-width: 1071px) {
	.travels_tale .item{width:calc((100% / 6) - (1em * 5 / 6));}
	.travels_tale .item:nth-child(6n + 1){margin-left:0}
}
@media only screen and (max-width: 1070px) and (min-width: 921px) {
	.travels_tale .item{width:calc((100% / 5) - (1em * 4 / 5));}
	.travels_tale .item:nth-child(5n + 1){margin-left:0}
}
@media only screen and (max-width: 920px) and (min-width: 771px) {
	.travels_tale .item{width:calc((100% / 4) - (1em * 3 / 4));}
	.travels_tale .item:nth-child(4n + 1){margin-left:0}
}
@media only screen and (max-width: 770px) and (min-width: 621px) {
	.travels_tale .item{width:calc((100% / 3) - (1em * 2 / 3));}
	.travels_tale .item:nth-child(3n + 1){margin-left:0}
}
@media only screen and (max-width: 620px) and (min-width: 471px) {
	.travels_tale .item{width:calc((100% / 2) - (1em * 1 / 2));}
	.travels_tale .item:nth-child(2n + 1){margin-left:0}
}
@media only screen and (max-width: 470px){
	.travels_tale .item{margin-left:0;width:100%;}
}