/* Start:/local/templates/main/css/twentytwenty.css?16421133356491*/
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px; }

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px; }

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px; }

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px; }

.twentytwenty-container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none; }
  .twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block; }
  .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0); }
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
      opacity: 0; }
  .twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }

.twentytwenty-before-label {
  opacity: 0; }
  .twentytwenty-before-label:before {
    content: "Before"; }

.twentytwenty-after-label {
  opacity: 0; }
  .twentytwenty-after-label:before {
    content: "After"; }

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px; }

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px; }

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px; }

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px; }

.twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25; }
  .twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5); }
    .twentytwenty-overlay:hover .twentytwenty-after-label {
      opacity: 1; }
    .twentytwenty-overlay:hover .twentytwenty-before-label {
      opacity: 1; }

.twentytwenty-before {
  z-index: 20; }

.twentytwenty-after {
  z-index: 10; }

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer; }

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-left-arrow {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px; }

.twentytwenty-right-arrow {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px; }

.twentytwenty-up-arrow {
  border-bottom: 6px solid white;
  top: 50%;
  margin-top: -17px; }

.twentytwenty-down-arrow {
  border-top: 6px solid white;
  bottom: 50%;
  margin-bottom: -17px; }

/* End */


/* Start:/local/templates/main/css/custom.css?165588258713302*/
h1, .wiki-h2, .h2 {
  text-align: center;
}

.side-btn:hover {
	border-color: #ffd003 !important;
	color: #ffd003 !important;
}

.materials-cart:hover .materials-info{
	color: #fff !important;
}

.materials-cart:hover div {
	color: #fff;
	white-space: normal;
}

.materials-cart div {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.public-tag {
	letter-spacing: 0px !important;
}

.public-tag:hover {
	color: #fff;
	background-color: #323232;
}

.use-route {
	margin-top: -63px;
	padding-top: 73px !important;
}

.rout-center p {
	text-shadow: none !important;
}

@media only screen and (max-width: 1460px) {
	.events-item {
		width: 25% !important;
	}

	.events-item:nth-child(4){
        border-right: 0;
        margin-right: 0;
        padding-right: 0;
    }

	 .events-item:last-child{
        display: none;
    }

    .side-btn {
		font-size: 16px !important;
	}
}

.materials--mod .materials-item {
	min-width: 280px !important;
}

.afisha-item {
	margin-bottom: 0px !important;
}

#today {
	margin-bottom: 58px;
}

#today h2 {
	margin-bottom: 36px;
}

.slideshow-body, .slideshow-slide {
	height: 100vh !important;
}

.slideshow-slide img {
	max-height: 100vh !important;
}
/* slideshow nav dimmer */
.slideshow-prev,
.slideshow-next {
    box-shadow: 0 -100px 0 0 rgba(0, 0, 0, 0.6) inset;
}
/* v align img hotfix */
.slideshow-slide {
    line-height: 100vh;
}

.main-anons-head {
	font-size: 18px;
}

.main-anons-item:hover img {
	opacity: 0.8;
}

.side-btn--yl:hover {
	border-color: #fff !important;
	color: #fff !important;
}

.side-nav-link {
	font-size: 18px !important;
}

.side-nav-item {
	margin-bottom: 15px !important;
}

.like-count {
	cursor: pointer;
}

.jq-selectbox__dropdown {
	width: auto !important;
	min-width: 100% !important;
}

.like-count-wrapper {
	margin: 80px 0;
}

.slideshow-slide {
	background: url('/local/templates/main/css/../img/preloader.gif') no-repeat center center;
}

.main-slider-text {
	text-shadow: 0 0 20px rgba(0, 0, 0, 0.7) !important;
}

.return {
	text-decoration: underline;
	text-transform: uppercase;
}

.return a {
	color: #ffd003;
}

.return:hover a {
	color: #000;
}

.return i {
	margin-left: 0px;
	margin-right: 19px;
}

.arrow-back {
	width: 18px;
	height: 14px;
	background: url(/local/templates/main/css/../img/arrow-back.png) no-repeat center top;
	float: left;
	margin-top: 23px;
	margin-right: 20px;
}

.back:hover .arrow-back {
	background-position: center bottom;
}
.return:hover .arrow-back {
	background-position: center bottom;
}

h1, .h1 {
	margin: 29px 0 39px !important;
}

.rout-center {
	text-shadow: none !important;
}

.main-link-item {
	float: left;
    overflow: hidden;
    position: relative;
    background-color: #000;
    border-top: 2px solid #fff;
}

.main-link-item:first-of-type {
	border-right: 1px solid #fff;
}

.main-link-item:last-of-type {
	border-left: 1px solid #fff;
}

.main-link-item.enc {
	background: url(/local/templates/main/css/../img/enc.jpg) no-repeat 100% 100%;
}

.main-link-item.art {
	background: url(/local/templates/main/css/../img/articles.jpg) no-repeat 100% 100%;
}

.main-link-item.oldhouses {
	background: url(/local/templates/main/css/../img/oldhouses_bg.jpg) no-repeat 100% 100%;
	border-left: 0px !important;
	border-right: 0px !important;
}

.full-table {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
}

.full-td {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	margin: 0;
	height: inherit;
	position: relative;
	left: 0;
	top: 0;
	right: 0;
	border: 0;
}

.main-anons {
	background-color: #fff;
}

.full-td span {
	color: #fff;
    display: inline-block;
    font-family: Roboto,sans-serif;
    font-size: 46px;
    font-weight: 300;
    line-height: 1;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.99);
    vertical-align: middle;
    letter-spacing: 1px;
}

.main-link-item:hover .full-table {
	background: rgba(0,0,0,0.1);
}

.main-slider-start {
	background-image: none !important;
	margin-left: -118px !important;
}

.main-slider-start-text:after {
	background-image: none !important;
}

.main-slider-start-text {
	border-left: 2px solid #ffd003;
	border-right: 2px solid #ffd003;
	padding-right: 28px !important;
}

.main-slider-start-text:hover {
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

.footer-center {
	padding: 66px 33px 33px !important;
}

/* навигационная строка */

.header-static {
	display: none;
	position: fixed;
	width: 100%;
	height: 60px;
	top: 0px;
	background: #323232 none repeat scroll 0 0;
	left: 0px;
	right: 0px;
	z-index: 200;
}

.workarea {
	position: absolute;
	width: auto;
	height: 60px;
	left: 18.4%;
	right: 18.4%;
}

.top {
	float: right;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	color: #fff;
	font-family: "Roboto",sans-serif;
	cursor: pointer;
}

.back {
	float: left;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	color: #fff;
	font-family: "Roboto",sans-serif;
}

.back-text {
	float: left;
	cursor: pointer;
	text-decoration: none;
	color: #fff;
}

.back:hover .back-text {
	color: #ffd003;
}

.main-slider-text {
	font-size: 56px !important;
}


.arrow-top {
	width: 14px;
	height: 18px;
	background: url(/local/templates/main/css/../img/arrow-top.png) no-repeat right center;
	float: right;
	margin-top: 20px;
	margin-left: 15px;
}

.top:hover .arrow-top {
	background-position: left center;
}

.top:hover .back-text {
	color: #ffd003;
}

.header-static-menu {
	position: fixed;
	width: 40px;
	height: 40px;
	left: 30px;
	top: 10px;
	cursor: pointer;
	background: url(/local/templates/main/css/../img/menu_nav.png) no-repeat left center;
}

.header-static-menu:hover {
	background-position: right center;
}


.header-static-search {
	position: fixed;
	width: 40px;
	height: 40px;
	right: 30px;
	top: 10px;
	cursor: pointer;
	background: url(/local/templates/main/css/../img/search_nav.png) no-repeat left center;
}

.header-static-search:hover {
	background-position: right center;
}

.vrezka {
	background: #dcdcdc !important;
}

.vrezka-center {
	padding: 0px !important;
	max-width: 1200px !important;
}

.vrezka-text {
	padding: 30px 0;
}

.vrezka-pic {
	max-width: 280px;
	border-radius: 0px !important;
	margin-left: 0px !important;
}

.vrezka-pic img {
	border-radius: 0 !important;
}

.vrezka-pic + .vrezka-text {
	margin-left: 345px !important;
}

.vrezka-link:hover {
	color: #000 !important;
}

.vrezka-text p {
	font-style: italic !important;
	font-size: 17px !important;
}

.tag-btn {
	margin-left: 30px;
}

.infoblock {
	width: 330px;
	height: auto;
	box-sizing: border-box;
	padding: 24px 30px;
	background: #dcdcdc;
}

.infoblock.f-right {
	margin: 4px 0 40px 60px;
}

.infoblock .h3 {
	font-size: 22px !important;
	line-height: 29px !important;
}

.slideshow-text {
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
}

.side-btn-hover-black {
	background-color: transparent !important;
	color: #000 !important;
	border-color: #000 !important;
}

.side-btn-hover-black:hover {
	border-color: #ffd055 !important;
	color: #ffd055 !important;
}

.footer-copy a {
	color: rgb(255, 208, 3);
}

.cred a, .cred a:hover {
	color: rgb(255, 208, 3);
}

#cut-open {
	cursor:pointer;
}

.hidden {
	display: none;
}

#filter2 {
	float: left;
}

.sort-head {
	float: left;
}

.sort {
	float: none;
}

.show-sort-toggler{
/*     margin-bottom: 65px; */
	display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    font-family:'Roboto Condensed',sans-serif;
    color: #000;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: -0.2px;
    cursor: pointer;
}
.show-sort-ch{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    border-radius: 50px 50px 50px 50px;
    background: #969696;
    height: 30px;
    border: 3px solid #969696;
    width:60px;
    margin-left: 17px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.active .show-sort-ch{
    background: #ffb900;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    border-color: #ffb900;
}
.show-sort-ch-circle{
    position: relative;
    -webkit-border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    border-radius: 50px 50px 50px 50px;
    background: #fff;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    cursor: pointer;
}
.active .show-sort-ch-circle{
    margin-left: 30px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
[data-text-minify="true"] {
	display: none;
}
.sort .sort-input {
	width: 100%;
	top: 55px;
}
.materials.materials--mod .materials-item {
	min-width: initial !important;
}
@media only screen and (max-width: 1000px) {
	.center .sort {
	    margin-bottom: 10px;
	    margin-top: 20px;
	}
	.public .public-item {
		max-width: initial !important;
		width: 25% !important;
		padding: 0 7px;
	}
	.public .public-body {
		margin: 0 -7px;
	}
}

/*
.iphone p {
	font-size: 2.2em !important;
}
*/
/* add mobile filter */
.show-sort-toggler-wrap {
	display: none;

}
html, body {
	min-width: 320px;
}
@media only screen and (max-width: 920px) {
	.materials.materials--mod .materials-item {
	    width: 33.333%;
	}
}
@media only screen and (max-width: 800px) {
	.public .public-item {
		width: 33.333% !important;
	}
	.materials .materials-item {
		width: 33.333%;
	}
	.materials.materials--mod .materials-item {
	    width: 50%;
	}
}
@media only screen and (max-width: 600px) {
	.wiki-h2 {
		margin-top: -25px;
		margin-bottom: 10px;
	}
	.show-sort-toggler-wrap {
		display: block;
	}
	.materials.materials--mod .materials-body .materials-item {
	    width: 50%;
	}
	.sort.mob-filter-visible {
		display: block;
	}
	.sort .sort-item {
		margin-right: 0;
	}
	.sort .sort-item.sort-block2 {
		margin-right: 0;
	}
	.sort {
		float: none;
	}
	.sort #filter {
		font-size: 0;
		margin-left: -3%;
	}
	.sort #filter .sort-item {
	    padding-left: 3%;
	    width: 50%;
	}
	.sort #filter .sort-item.mainselect {
	    padding-left: 70px;
	}
	.sort #filter .sort-item.sort-search {
	    position: absolute;
	    z-index: 1;
	    left: 0;
	    padding-left: 0;
	}
	.sort #filter .jq-selectbox {
		width: 100%;
	}
	#filter2 .sort-item {
	    width: 100%;
	}
	.sort .sort-item {
	    margin-bottom: 5px;
	}
	.public .public-item {
		width: 50% !important;
	}
	.materials .materials-item {
		width: 50%;
	}
	.page-nav .btn.f-left {
	    float: none;
	    padding: 1em 5%;
	    width: 46%;
	}
}
@media only screen and (max-width: 540px) {
	.sort .sort-item.sort-block2 {
		margin-right: 0;
	}

	.sort #filter .sort-item.sort-search {
	    position: absolute;
	    z-index: 1;
	}
	.sort #filter .sort-item.mainselect {
	    width: 100%;
	}
	.sort #filter .sort-item.second {
		width: 100%;
	}
	#filter2 .sort-item {
	    width: 100%;
	}
	.sort .sort-item {
	    margin-bottom: 5px;
	}
	.public .public-item {
		padding: 0 7px;
	}
	.public .public-body {
		margin: 0 -7px;
	}
	.page-nav {
		margin-bottom: 0;
	}
	.page-nav .btn.tag-btn {
		margin-left: 5%;
	}
}
@media only screen and (max-width: 480px) {
	.materials.materials--mod .materials-body .materials-item {
	    width: 100%;
	}
	.sort .sort-body {
		margin-bottom: 0;
	}
	.page-nav .btn.f-left {
	    padding: 1em 5%;
	    width: 100%;
	    margin: 0 auto;
	}
	.page-nav .btn.tag-btn {
		margin: 1em auto 0;
	}
	.materials .materials-item {
		width: 100%;
	}
}
@media only screen and (max-width: 380px) {
	.show-sort-toggler {
		display: block;
		line-height: 2;
	}
	.show-sort-toggler .show-sort-ch {
		float: right;
	}
	.center .sort {
		margin: 10px 0;
	}
	.sort > [clear="all"] {
		display: none;
	}
	.sort .sort-head {
		line-height: 2;
		float: none;
		margin-bottom: 15px;
	}
	.sort .sort-head .sort-ch {
		float: right;
	}
	[data-text-minify="true"] {
		display: inline;
	}
	[data-text-minify="false"] {
		display: none;
	}
	.sort .sort-input {
		top: 47px;
	}
	.like-count-wrapper .like-count {
		margin-right: 21px;
	}
}
@media only screen  and (max-width: 330px) {
	.public .public-item {
		padding: 0 17px;
		width: 100% !important;
	}
	.public .public-body {
		margin: 0 -17px;
	}
}
/* fix mobile height */
@media only screen  and (max-width: 1280px) {
	.pic img {
	    height: auto;
	}
}
/* fix mobile width */
@media only screen  and (max-width: 800px) {
	.pic {
		margin: 53px 0 47px -25px !important;
		width: 100vw !important;
	}
}
/* navigation responsive fix;
   see news.list bitrix component template for markup fixes;
*/
nav.news > a:not(:last-child) {
    margin-right: 25px;
    position: relative;
}
nav.news > a:not(:last-child)::before {
    background: #686868;
    content: "";
    display: block;
    float: left;
    height: 15px;
    position: absolute;
    right: -13px;
    top: 6px;
    width: 2px;
}


.tg-icon svg path {
	fill: #fff;
}

.tg-icon:hover svg path {
	fill: #ffd004;
}
/* End */


/* Start:/local/templates/main/css/media.css?16421133355781*/
@media only screen and (min-width: 1000px), only screen and (min-device-width: 1000px){
	.mob-show {
		display: none;
	}
}

@media only screen and (max-width: 1000px), only screen and (max-device-width: 1000px){
	.header-nav {
		display: none !important;
	}

	.header-btn-menu {
		-ms-transform: scale(0.7,0.7); /* IE 9 */
	    -webkit-transform: scale(0.7,0.7); /* Safari */
	    transform: scale(0.7,0.7);
	}

	.header-logo {
		-ms-transform: scale(0.7,0.7); /* IE 9 */
	    -webkit-transform: scale(0.7,0.7); /* Safari */
	    transform: scale(0.7,0.7);
	}

	.header-right {
		-ms-transform: scale(0.7,0.7); /* IE 9 */
	    -webkit-transform: scale(0.7,0.7); /* Safari */
	    transform: scale(0.7,0.7);
	}

	.main-slider-pic {
		background-position: center top !important;
	}

	#footer .cred {
		display: none !important;
	}

	.main-slider-td {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.side {
		width: 300px !important;
	}

	.side-nav {
		margin-bottom: 20% !important;
	}

	.main-slider-text {
		font-size: 30px !important;
	}

	.full-td span {
		font-size: 30px !important;
	}

	.main-slider-prev, .main-slider-next, .main-slider-prev:hover, .main-slider-next:hover {
		-ms-transform: scale(0.7,0.7); /* IE 9 */
	    -webkit-transform: scale(0.7,0.7); /* Safari */
	    transform: scale(0.7,0.7);
	}

	.main-slider {
		min-height: 350px !important;
	}

	.main-slider-start {
		margin-top: -20% !important;

		-ms-transform: scale(0.7,0.7); /* IE 9 */
	    -webkit-transform: scale(0.7,0.7); /* Safari */
	    transform: scale(0.7,0.7);
	}

	.main-slider-start {
		margin-left: -92px !important;
	}

	.events-item {
		width: 50% !important;
	}

	/* publications main */
	.public-item {
		width: 50% !important;
		max-width: 280px;
	}

	.mob-show {
		display: block;
	}

	.mob-hide {
		display: none;
	}
}

@media only screen and (max-width: 600px), only screen and (max-device-width: 600px){
	.header-left {
		left: 0px !important;
		top: 0px !important;
	}

	.header-right {
		right: 0px !important;
		top: 0px !important;
	}

	.header-logo {
		top: 0px !important;

		-ms-transform: scale(0.5,0.5); /* IE 9 */
	    -webkit-transform: scale(0.5,0.5); /* Safari */
	    transform: scale(0.5,0.5);
	}

	.main-slider-pic {
		background-position: center top;
	}
	#footer .cred {
		display: none !important;
	}

	.side {
		width: 300px !important;
	}

	#footer {
		display: none !important;
	}

	.white-bg {
/* 		display: none; */
		padding: 30px 0 !important;
		margin-bottom: 30px !important;
	}

	.title {
		font-size: 20px !important;
		margin-bottom: 21px !important;
	}
	.white-bg .title-ico {
		-ms-transform: scale(0.5,0.5); /* IE 9 */
	    -webkit-transform: scale(0.5,0.5); /* Safari */
	    transform: scale(0.5,0.5);
	    margin-left: 5px !important;
	}

	.events-item {
		width: 100% !important;
		padding-right: 0px;
		padding-left: 0px !important;
		display: block !important;
		border-bottom: 2px solid #ffb900 !important;
		border-right: 0px !important;
		padding-bottom: 15px !important;
		margin-bottom: 15px !important;
	}

	.events-date {
		margin-bottom: 5px !important;
	}

	.events-head {
		margin-bottom: 10px !important;
		font-size: 16px !important;
	}

	.main-slider-text {
		font-size: 20px !important;
	}

	.full-td span {
		font-size: 20px !important;
	}

	.main-slider-prev, .main-slider-next, .main-slider-prev:hover, .main-slider-next:hover {
		-ms-transform: scale(0.3,0.3); /* IE 9 */
	    -webkit-transform: scale(0.3,0.3); /* Safari */
	    transform: scale(0.3,0.3);
	}

	.main-slider-prev {
		margin-right: -25px !important;
 		margin-left: -25px !important;
	}

	.main-slider-next {
		margin-left: -25px !important;
		margin-right: -25px !important;
	}

	.main-slider-td {
		padding-top: 47px !important;
	}

	.main-slider-start {
		display: none !important;
		margin-top: -35% !important;
		-ms-transform: scale(0.5,0.5); /* IE 9 */
	    -webkit-transform: scale(0.5,0.5); /* Safari */
	    transform: scale(0.5,0.5);
	    margin-left: -20% !important;
	}

	.main-slider {
		min-height: 250px !important;
	}

	/* publications main */
	.public-item {
		width: 100% !important;
		max-width: 280px;
	}
	.mob-show {
		display: block;
	}

	.mob-hide {
		display: none;
	}

	.header-center--mod {
		min-height: 60px !important;
	}

/*
	.sort {
		display: none;
	}
*/

	.back {
		display: none;
	}

	.top {
		margin-right: 50px;
	}

	.routes-item {
		width: 100% !important;
	}

	.routes-info {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

	.routes-total {
		font-size: 26px !important;
	}

	.routes-line {
	}

	.rout {
		padding-top: 80px !important;
	}

	.use-route-wrap {
		-ms-transform: scale(0.7,0.7); /* IE 9 */
	    -webkit-transform: scale(0.7,0.7); /* Safari */
	    transform: scale(0.7,0.7);
	}
}

@media only screen and (max-width: 680px),
only screen and (max-device-width: 680px){
    .afisha-item {
      width: 300px;
    }
    .feedback-item-right .input-text,
    .feedback-item-right input.input-text {
        width: 100% !important;
    }
    .swiper-container {
        margin-left: -25px;
        width: calc(100% + 50px);
    }
    .sc-thumbs-wrapper {
        margin-left: -25px;
        width: calc(100% + 50px);
    }
    .public-head {
        margin-bottom: 80px;
    }

    .slideshow-text {
	    padding-left: 0px !important;
	    padding-right: 0px !important;
	    font-size: 16px !important;
	    padding-bottom: 80px !important;
    }
    .slideshow-prev, .slideshow-next {
	    -ms-transform: scale(0.5,0.5); /* IE 9 */
	    -webkit-transform: scale(0.5,0.5); /* Safari */
	    transform: scale(0.5,0.5);
    }
}
@media only screen and (max-width: 330px),
only screen and (max-device-width: 330px){
    .public-head {
        margin-bottom: 40px;
    }
}
/* End */


/* Start:/local/templates/main/components/bitrix/menu/sidebar/style.css?1642113334121*/
.mobile-social {
	margin: 50px 0 !important;
	text-align: left !important;
}

.side-nav {
	margin-bottom: 0 !important;
}
/* End */


/* Start:/local/templates/main/styles.css?172051387771201*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;-moz-box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}p{margin: 0 0 28px}  ul,ol{margin:10px 0}
/* Template styles
==============================================================================*/
section p {
  width: 900px;
  max-width: 100%;
  margin: 0 auto 28px;
}
html, body {
    font: 18px/1.555555556 'PT Serif', serif;
    height:100%;
    width:100%;
    color: #000;
    background: #f5f5f5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
/*     min-width: 1250px; */
}
*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/* H Group
-----------------------------------------------------------*/
h1,.h1 {
    font-weight: 500;
    font-size:45px;margin: 29px 0 29px;
    font-family:'Roboto',sans-serif;
    position: relative;
}
h2,.h2 {
    font-weight: 500;
    font-size:36px;margin: 29px 0 29px;
    font-family:'Roboto',sans-serif;
}
h3,.h3 {
    font-weight: 500;
    font-size:36px;margin: 29px 0 29px;
    font-family:'Roboto',sans-serif;
}
h4, h5, h6, .h4, .h5, .h6 {
    font-weight: 500;
    font-size:32px;margin: 25px 0 15px;
    font-family:'Roboto',sans-serif;
}
/* Links
-----------------------------------------------------------*/
a{
    color:#ffb900;
    text-decoration:underline;
}
a:visited{}
a:hover{
    text-decoration:none;
    color: #FFB900;
}
a:active{}
a:focus{outline: none;}
html:not(.desktop) a[href^=tel]{
    text-decoration: underline;
    color: inherit;
}
/* Form tags styles
-----------------------------------------------------------*/
input[type=text],input[type=search],input[type=tel],input[type=email],input[type=password],
textarea,
select {
    position: relative;
    font: 16px 'Roboto',sans-serif;
    outline: none;
    padding: 4px;
    border: 1px solid #ccc;
    color: black;
    vertical-align: middle;
    overflow: hidden;
    background: #fff;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
textarea{
    overflow: auto;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
    color: #000;
    font-style: italic; }
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
    color: #000;
    font-style: italic;  }
input:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
    color: #000;
    font-style: italic;opacity: 1;  }
input::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
    color: #000;
    font-style: italic;opacity: 1;  }
input.placeholder,
textarea.placeholder,
select.placeholder {
    color: #000;
    font-style: italic; }
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder,
select:focus:-moz-placeholder {
    color: transparent !important; }
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder,
select:focus::-moz-placeholder {
    color: transparent !important; }
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder {
    color: transparent !important; }
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder {
    color: transparent !important; }
input.placeholder:focus,
textarea.placeholder:focus,
select.placeholder:focus {
    color: transparent !important; }
input[type=text]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=email]:focus,input[type=password]:focus,
textarea:focus,
select:focus {
    color: black;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
select {
    padding: 0; }
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    position: relative;
    text-decoration: none;
    outline: none;
    padding: 4px 8px;
    border: 1px solid #ccc;
    font: 16px 'Roboto',sans-serif;
    display: inline-block; }
.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {}
/* Meta classes
-----------------------------------------------------------*/
.reset{
    margin: 0;
    padding: 0;
    list-style: none;
}
.hidden {
    display: none; }
.show {
    display: block !important; }
.visible {
    visibility: visible !important; }
.no-margin {
    margin: 0 !important; }
.no-padding {
    padding: 0 !important; }
.no-bg {
    background: none !important; }
.no-border {
    border: none !important; }
.bold {
    font-weight: 700; }
.italic {
    font-style: italic; }
.underline {
    text-decoration: underline; }
.uppercase {
    text-transform: uppercase; }
.lowercase {
    text-transform: lowercase; }
.disabled {
    cursor: default !important;
    opacity: .3;
    filter: alpha(opacity=30); }
.error {
    color: red !important; }
input.error {
    outline: 1px solid red !important;
    outline-offset: -1px; }
.va-top {
    vertical-align: top !important; }
.red {
    color: red; }
.blue {
    color: blue; }
.yellow {
    color: yellow; }
.green {
    color: green; }
.gray {
    color: gray; }
.orange {
    color: orange; }
.f-left, .float-left, .left {
    position: relative;
    float: left; }
.f-right, .float-right, .right {
    position: relative;
    float: right; }
.f-center, .float-center {
    position: relative;
    float: none;
    margin: 0 auto;
    padding: 0 10px;
    width: 980px; }
.t-center, .text-center {
    text-align: center; }
.t-left, .text-left {
    text-align: left; }
.t-right, .text-right {
    text-align: right; }
.t-justify, .text-justify {
    text-align: justify; }
.col {
    position: relative;
    margin: 0 0 15px;
    padding: 0;zoom: 1; }
.pic-default{
    background-repeat:no-repeat;
    background-position:center center;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAjAgMAAACbV6A9AAAADFBMVEUAAAAAAAAAAAAAAAA16TeWAAAABHRSTlMNAAUJRVLypgAAAMxJREFUGNNdz7HNwjAQBeD3x/oLCkTFCB4hDRWCBdK8JIgULpFowgYWO9wcMIKX8AgUdAxAQThfGl7jrzi9O4NkD/jp+TIAC2MEqsIWU0TZAzqMIywPjDOXiDMrpJkOP3meyqv9UaFbg7Fm+zKuOcCSOW7OhcIkHAu7pR0F6f/tVOTBXwYmbWhyCj5qbxDAb3VbkC2yVrggTWVtLwnOCEnwI5ISd79H1LpdI9fy4/rQ8g9HO75bgFPaihxqJeODMRcG93Ys7KZxI28r4Qc6l0eAD7DptgAAAABJRU5ErkJggg==');
    min-height: 35px;
    min-width: 40px;
}
.col:after, .f-row:after, .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
    zoom: 1;}
/* Grid system
-----------------------------------------------------------*/
.f-row{
    margin: 0 -15px 15px;
    padding: 0;zoom: 1;
}
.f-row-item{
    float: left;
    margin-bottom: 15px;
    padding: 0 15px;
}
.w-10 {
    width: 10%; }
.w-15 {
    width: 15%; }
.w-20 {
    width: 20%; }
.w-25 {
    width: 25%; }
.w-30 {
    width: 30%; }
.w-33 {
    width: 33.3333%; }
.w-35 {
    width: 35%; }
.w-40 {
    width: 40%; }
.w-45 {
    width: 45%; }
.w-50 {
    width: 50%; }
.w-60 {
    width: 60%; }
.w-66 {
    width: 66.6667%; }
.w-70 {
    width: 70%; }
.w-75 {
    width: 75%; }
.w-80 {
    width: 80%; }
.w-85 {
    width: 85%; }
.w-90 {
    width: 90%; }
.full-width, .w-100 {
    width: 100%; }
/* Wrapper
-----------------------------------------------------------*/
#wrapper,#header,#content,#footer,.pie{position:relative}
#wrapper{
    min-height:100%;
    height: auto !important;
    height:100%;
    margin:0 auto;
}
/* Header
-----------------------------------------------------------*/
#header{

}
.header-center{
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    margin: 0 auto;
    padding:0 30px;
    z-index: 101;
}
.header-center--mod{
    position: relative;
    min-height: 120px;
    background: #323232;
    margin-bottom: 62px;
}
.header-center--bg,#footer.header-center--bg{
    background: rgba(50, 50, 50,.9);
}


/* Container
-----------------------------------------------------------*/
#content{
    padding:0 0 100px;
    zoom: 1;
    border-bottom: 67px solid transparent;
}
#content:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.columns{
    position: relative;
    width: 1000px;
    margin: 0 auto;
}
.center{
    position: relative;
    max-width: 1590px;
    padding: 0 25px;
    margin: 0 auto;
}
.center--mod{
    max-width: 1250px;
}
.columns-main{
    float:left;
    width:100%;
    position: relative;
}
.columns-main-content{
    margin: 0 260px;
    position: relative;
}
/* Sidebar
-----------------------------------------------------------*/
.columns-left{
    width:250px;
    margin-left:-100%;
    float:left;
    background:#808080;
    position: relative;
}
.columns-right{
    width:250px;
    margin-left: -254px;
    float:right;
    background:#808040;
    position: relative;
}
/* Footer
-----------------------------------------------------------*/
#footer{
    height:100px;
    margin:-100px auto 0;
    clear:both;
    background: none repeat scroll 0 0 #323232;
    color: #fff;
}
.footer-center{
    position: relative;
    padding: 66px 33px;
    margin: 0 auto;
    font-family:'Roboto',sans-serif;
}
/* Style guide
-----------------------------------------------------------*/
.pic.f-left{
    margin: 12px 60px 29px 0
}
.pic.f-right{
    margin: 4px 0 10px 15px
}
.table{
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    text-align: left
}
.table > thead > tr > th{
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
    text-align: left
}
.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th{
    border-top: 0
}
.fotorama, .fotorama *{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
.note{
    border-left: 5px solid #ccc;
    margin-right: 100px;
    padding: 5px 0 5px 15px
}
.link-underline-dashed{
    text-decoration: none;
    cursor: pointer;
    border-bottom: 1px dashed #000
}
.link-underline-dashed:hover{
    text-decoration: none;
    border-bottom-color: transparent
}
.hint{
    display: inline-block;
    position: relative;
    text-decoration: none;
    border-bottom: 1px dotted #a1a092;
    line-height: 13px;
    cursor: pointer
}
abbr{
    font-weight: 700;
    font-style: normal
}
.hint-body{
    background: none repeat scroll 0 0 #FFF;
    border-radius: 6px;
    bottom: 100%;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
    color: #000;
    display: block;
    font-size: 12px;
    left: 50%;
    line-height: 14px;
    margin-bottom: 16px;
    margin-left: -71px;
    padding: 11px 11px 8px;
    position: absolute;
    width: 142px;
    z-index: 1;
    font-weight: 400;
    cursor: default;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}
.hint-body:after{
    position: absolute;
    width: 0;
    height: 0;
    border-top: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    top: 100%;
    left: 50%;
    content: "";
    margin-left: -6px;
    margin-top: 0
}
.hint-body--w{
    margin-left: -142px;
    width: 284px
}
.hint:hover .hint-body{
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    margin-bottom: 6px
}
.hint-body-head{
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 7px;
    display: block
}
.hint-body-p{
    display: block
}
.blockquote{
    padding: 5px 15px;
    margin: 15px 0;
    border-left: 5px solid #eee
}
.blockquote .small, .blockquote footer, .blockquote small{
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777
}
.blockquote p{
    margin: 0 0 10px
}
.blockquote p:after{
    content: "»"
}
.blockquote p:before{
    content: "«"
}
.incut{
    background: none repeat scroll 0 0 #fefefe;
    font-size: 1.5em;
    line-height: 1.2;
    margin: 20px 0;
    padding: 15px 20px;
    border: 1px solid #ccc
}
.tabs{
    margin: 15px 0
}
.tabs-menu{
    position: relative
}
.tabs-menu-item{
    border: 1px solid #ccc;
    border-bottom: 0;
    position: relative;
    float: left;
    padding: 5px 15px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    margin-right: 5px;
    cursor: pointer;
    background: #fafafa
}
.tabs-content{
    border: 1px solid #ccc;
    padding: 15px;
    -webkit-border-radius: 0 4px 4px 4px;
    -moz-border-radius: 0 4px 4px;
    border-radius: 0 4px 4px 4px;
    background: #fff;
}
.tabs-content > div{
    display: none
}
.tabs-content > div.active{
    display: block
}
.tabs-menu-item.active{
    background: none repeat scroll 0 0 #fff;
    margin-bottom: 0;
    margin-top: -6px;
    padding: 8px 20px;
    top: 1px;
    cursor: default;
}
.guide-menu{
    position: fixed;
    left: 0;
    background: #fff
}
.guide-menu-item-link{
    color: #666;
    text-decoration: none;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    display: inline-block;
    background: none repeat scroll 0 0 #eee;
    padding: 2px 6px;
    font-size: 12px;
}
.guide-menu-item-link:hover{
    text-decoration: none;
    color: #000;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    margin-left: 5px;
    margin-right: -5px
}
.guide-menu-item{
    padding: 4px 0 4px 3px;
    width: 134px;
    line-height: 16px;
    border-bottom: 1px solid #eee
}
.guide-menu-item:last-child{
    border-bottom: 0
}
@media only screen and (max-width: 1400px), only screen and (max-device-width: 1400px){
    .guide-menu{
        position: static;
        top: 0;
        left: 0;
        margin: 15px 0
    }

    .guide-menu-item{
        padding: 0;
        display: inline-block;
        border: 0;
        margin-right: 15px;
        margin-bottom: 5px;
        width: auto
    }

    .guide-menu-item-link{
        display: inline
    }

    .guide-menu-item-link:hover{
        margin: 0
    }
}
.guide-menu-item:first-child{
    border-top: 0
}
.feedback{
    margin: 20px 0;
}
.feedback-item{
    margin-bottom: 15px;
}
.feedback-item-left{
    position: relative;
    float: left;
    width: 145px;
    display: block;
    font-weight: bold;
    padding-top: 5px;
    text-align: right;
}
.feedback-item-right{
    margin-left: 166px;
}
input.input-text,.input-text{
    padding: 9px;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    width: 100%;
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1) inset;
    background: #fff;
}
input.input-text.input-text--error,.input-text.input-text--error{
    border-color: red;
}
textarea.input-text{
    resize: none;
    height: auto;
}
/*stylized-switch*/
.switch{
    position: relative;
    display: inline-block;
    height: 15px;
    width: 15px;
    vertical-align: middle;
    cursor: pointer;
    top: -1px;
    margin-right: 3px;
}
.switch input{
    vertical-align: middle;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
}
.switch input:not(:checked),.switch input:checked{
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 1;
    cursor: pointer;
}
/*not checked radio*/
.switch input[type=radio]:not(:checked)+i,.switch input[type=radio]:checked+i{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 30px 30px 30px 30px;
    -moz-border-radius: 30px 30px 30px 30px;
    border-radius: 30px 30px 30px 30px;
}
/*not checked checkbox*/
.switch input[type=checkbox]:not(:checked)+i,.switch input[type=checkbox]:checked+i{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #ccc;
}
/*checked radio*/
.switch input[type=radio]:checked+i{
    background: #ccc;
    -webkit-box-shadow: 0 0 0 3px #fff inset;
    -moz-box-shadow:0 0 0 3px #fff inset;
    box-shadow: 0 0 0 3px #fff inset;
}
/*checked checkbox*/
.switch input[type=checkbox]:checked+i{
    background: #ccc;
    -webkit-box-shadow: 0 0 0 2px #fff inset;
    -moz-box-shadow:0 0 0 2px #fff inset;
    box-shadow: 0 0 0 2px #fff inset;
}
/*hover radio*/
.switch input[type=radio]:checked+i:hover,label:hover .switch input[type=radio]:checked+i{
    opacity: 0.85;
}
.switch  input[type=radio]+i:hover, label:hover .switch  input[type=radio]+i{
    opacity: 0.85;
}
/*hover checkbox*/
.switch input[type=checkbox]:checked+i:hover,label:hover .switch input[type=checkbox]:checked+i{
    opacity: 0.85;
}
.switch  input[type=checkbox]+i:hover, label:hover .switch  input[type=checkbox]+i{
    opacity: 0.85;
}
/*end stylized-switch*/
.up-btn{
    position: fixed;
    z-index: 1;
    right: 15px;
    bottom:15px;
    cursor: pointer;
    background: #eee;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
    width: 50px;
    height: 50px;
    line-height: 39px;
    text-align: center;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.up-btn:hover{
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.up-btn:after{
    content: "▲";
    font-size: 32px;
    display: inline-block;
    vertical-align: middle;
    color: #ccc;
}
/* Page styles
==============================================================================*/
.breadcrumbs{}
.header-logo{
    position: absolute;
    top: 30px;
    left: 50%;
    text-align: center;
    width: 364px;
    margin-left: -182px;
}
.header-logo img{
    max-width: 100%;
    vertical-align: middle;
}
.header-left{
    position: absolute;
    left: 30px;
    top: 30px;
}
.header-right{
    position: absolute;
    right: 30px;
    top: 30px;
}
.header-btn-menu{
    cursor: pointer;
    margin-right: 24px;
}
.header-btn-menu:hover{
    background-position: -2px -839px;
}
.header-btn-search{
    cursor: pointer;
    width:60px;
    height: 60px;
    margin-left: 24px;
}
.header-btn-search:hover{
    background-position: -2px -777px;
}
.header-nav{
    display: inline;
}
.header-nav-link{
    color: #fff;
    text-decoration: none;
    font-family:'Roboto',sans-serif;
    font-size: 20px;
}
.header-nav-sep{
    display: inline-block;
    width: 2px;
    height:29px;
    background: #fff;
    margin: 0 23px;
    position: relative;
    top: 7px;
}
.header-nav-link:hover{
    text-decoration: none;
    color: #FFD003;
}
.main-slider{
    position: relative;
    overflow: hidden;
    text-align: center;
    background: #4b4949;
    height: 650px;
}
.main-slider img{
    width: 100%;
    visibility: hidden;
    position: absolute;
    left:-9999px;
}
.main-slider-slide{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: auto 110%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.main-slider-pic{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0px 0;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: -25px !important;
    bottom: -25px !important;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.main-slider-table-wrap{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.main-slider-slide:first-child{
    display: block;
}
.main-slider-table{
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
}
.main-slider-td{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 77px 30px 30px;
}
.main-slider-text{
    color: #fff;
    font-weight: 300;
    font-family:Roboto,sans-serif;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.99);
    font-size: 60px;
    line-height: 1;
    display: inline-block;
    max-width: 1000px;
    vertical-align: middle;
}
.main-slider-start{
    position: absolute;
    top: 100%;
    left: 50%;
    background: url("/local/templates/main/./img/stolb.png") no-repeat 0 0;
    height: 178px;
    width: 23px;
    margin-top: -9%;
    margin-left: -132px;
}
.main-slider-start-text-body{
    display: block;
    overflow: hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
.main-slider-start-text{
    max-width: 300px;
    text-transform: uppercase;
    position: absolute;
    top: 21px;
    left: 23px;
    background: url("/local/templates/main/./img/stolb-arr-bg.png") repeat-x 0 0;
    height: 60px;
    line-height: 60px;
    padding-left: 28px;
    padding-right: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #ffd003;
    font-size: 20px;
    text-decoration: none;
}
.main-slider-start-text:hover{
    text-decoration: none;
    color: #fff;
    background-position: 0 100%;
}
.main-slider-start-text:after{
    content: '';
    background: url("/local/templates/main/./img/stolb-arr-bg-after.png") no-repeat 0 0;
    width: 30px;
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    margin-right: -30px;
}
.main-slider-start-text:hover:after{
    background-position: 0 100%;
}
.main-slider-prev{
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 41px;
}
.main-slider-next{
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 41px;
}
.swiper-container-horizontal .main-slider-wrap{
    position: relative;
    width:20000em;
    overflow: hidden;
    height: 100%;
}
.swiper-container-horizontal .main-slider-slide{
    float: left;
    position: relative;
}
.main-anons{
    position: relative;
}
.main-anons-item{
    background: #141414;
    float: left;
    overflow: hidden;
    position: relative;
}
.main-anons-pic{
    float: right;
    width: 56%;
    height: 100%;
    overflow: hidden;
    text-align: right;
}
.main-anons-pic img{
    vertical-align: middle;
    height: 100%;
}
.main-anons-body{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    padding: 4% 4.5% 12%;
    background: #141414;
    color: #fff;
    width: 45%;
    font-size: 20px;
    line-height: 1.2;
}
.main-anons-body:after{
    content: '';
    position: absolute;
    right: -28px;
    top:0;
    bottom: 0;
    background: url("/local/templates/main/./img/anons-arr.png") no-repeat scroll 100% 50%  transparent;
    background-size: 34px 100%;
    width: 30px;
}
.main-anons-text{
    overflow: hidden;
    color: #fff;
    font-family:'Roboto',sans-serif;
    height: 100%;
}
.main-anons-head{
    font-family:'Roboto',sans-serif;
    font-weight: 500;
    margin-bottom: 10%;
}
.main-anons-head a{
    text-decoration: none;
    color: #fff;
}
.main-anons-info{
    font-size: 0.8em;
    color: #969696;
}
.main-anons-head a:hover{
    text-decoration: none;
    color: #FFD003;
}
.main-anons-foot{
    border-top: 1px solid #646464;
    padding: 11% 0 0;
    -webkit-box-shadow:  0 0px 13px 19px #141414;
    -moz-box-shadow:  0 0px 13px 19px #141414;
    box-shadow: 0 0px 13px 19px #141414;
    position: relative;
}
.main-anons-link{
    text-decoration: none;
    font-family:'Roboto',sans-serif;
    color: #ffd003;
    line-height: 1;
    text-transform: uppercase;
    display: inline-block;
}
.main-anons-link-ico{
    margin-left: 19px;
    position: relative;
    top: -2px;
}
.main-anons-link:hover{
    text-decoration: none;
    color: #fff;
}
.main-anons-link:hover .ico-0014-arr-r{
    background-position: -2px -1060px;
}
.ico-more{
    display: inline-block;
    vertical-align: middle;
    background: yellow;
    width: 21px;
    height: 16px;
}
.menu-wrapper{
    position: relative;
}
.side{
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    position: fixed;
    top: 0;
    left: -1000px;
    height: 100%;
    z-index:1000;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85);
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 11px 0 16px 0 rgba(0, 0, 0, 0.5);
    width: 26%;
    padding: 44px 41px 2.35% 6.2%;
    min-height: 561px;
    /* border-right: 5px solid rgba(255, 255, 0,.3);*/
    /* -webkit-filter: blur(3px);
     filter: blur(3px);
     filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=3);*/
}
.side--open{
    left: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.side-nav{
    margin-bottom: 50%;
    color: #fff;
}
.side-nav-item{
    margin-bottom: 6%;
}
.side-nav-link{
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    font-family:'Roboto',sans-serif;
}
.side-nav-link:hover{
    text-decoration: none;
    color: #FFD003;
}
.side-nav-close{
    position: absolute;
    right: 9%;
    top: 5%;
    cursor: pointer;
}
.side-btn{
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    padding: 0.9em 1.3em;
    line-height: 1;
    font-family:'Roboto Condensed',sans-serif;
    font-size: 20px;
    border: 2px solid #ffffff;
    text-align: center;
}
.side-btn:hover{
    text-decoration: none;
    color: #ffd003;
	border-color: #ffd003;
}
.white-bg{
    padding: 73px 0 45px;
    background: #fff;
    margin-bottom: 65px;
}
.title{
    margin-bottom: 41px;
    font-family:'Roboto',sans-serif;
    font-weight: 500;
    color: #000000;
    font-size: 36px;
    line-height: 1.2;
}
.title-link{
    color: #000000;
    text-decoration: none;
}
.title-link:hover{
    text-decoration: none;
    opacity: 0.6;
    color: #000;
}
.title-link:hover .title-ico1{
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.title-ico{
    margin-left: 20px;
    background: url("/local/templates/main/./img/sprite.png") no-repeat -30px -484px;
    vertical-align: middle;
    width: 25px;
    height: 19px;
    display: inline-block;
}
.title-ico1{
    margin-left: 20px;
    background: url("/local/templates/main/./img/sprite.png") no-repeat -64px -249px;
    vertical-align: middle;
    display: inline-block;
    width: 14px;
    height: 24px;
}
.events{
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 30px;
}
.events-item{
    display: table-cell;
    position: relative;
    vertical-align: top;
    padding-right: 65px;
    border-right: 2px solid #ffb900;
    width: 20%;
    font-family:'Roboto',sans-serif;
    color: #000;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.1875;
    padding-left: 41px;
}
.events-item:last-child{
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
}
.events-item:first-child{
    padding-left: 0;
}
.events-item:nth-child(5n+1){
    clear: both;
}
.events-date{
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #ffb900;
}
.events-head{
    font-weight: bold;
    margin-bottom: 22px;
    font-size: 20px;
}
.events-head a{
    color: #000;
    text-decoration: none;
}
.events-head a:hover{
    text-decoration: none;
    opacity: 0.6;
}
.events-item p{
    margin: 0;
}
.public{
    position: relative;
    overflow: hidden;
}
.public-item{
    padding:0 17px;
    margin-bottom: 34px;
    width: 20%;
    position: relative;
    float: left;
}
.public--mod .public-item{
    width: 25%;
}
.public-body{
    margin:0 -17px;
    position: relative;
}
.public-wrap{
    /*height: 373px;*/
    max-height: 373px;
    background: #fff;
    border: 1px solid #dcdcdc;
    position: relative;
}
.public-pic{
    margin: -1px -1px 16px;
    overflow: hidden;
    text-align: center;
    position: relative;
    background: #fff;
}
.public-pic img{
    vertical-align: middle;
    max-width: 100%;
}
.public-text{
    padding: 0 7%;
    font-family:'Roboto',sans-serif;
}
.public-date{
    margin-bottom: 11px;
    font-weight: 300;
    font-family:'Roboto',sans-serif;
    font-size: 12px;
    color: #ffb900;
}
.public-head{
    overflow: hidden;
    font-family:'Roboto',sans-serif;
    font-weight: 500;
    /*font-size: 20px;*/
    line-height: 1.2;
    /*max-height: 72px;*/
    font-size: 18px;
    height: 64px;
    margin-bottom: 40px;
}
.public-head a{
    text-decoration: none;
    color: #000;
}
.public-head a:hover{
    text-decoration: none;
    opacity: 0.6;
}
.public-tag{
    text-align: center;
    position: absolute;
    bottom: -1px;
    left: -1px;
    right: -1px;
    padding: 5px;
    background: #a0a0a0;
    text-decoration: none;
    color: #fff;
    font-family:'Roboto',sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 3px;
}
.footer-copy{
    position: relative;
    float: left;
    width: 30%;
    font-size: 18px;
    line-height: 1.2;
    font-family:'Roboto',sans-serif;
    padding-top: 18px;
}
.footer-right{
    position: relative;
    float: right;
    text-align: right;
    width: 20%;
}
.footer-social{
    text-align: center;
    margin: 0 30%;
}
.footer-social-item{
    margin: 0 7px;
}
.rout{
    background: url("/local/templates/main/./img/Layer-84.jpg") no-repeat 50% 0;
    background-size: cover;
    min-height: 300px;
    position: relative;
    padding: 161px 0 100px;
}
.rout:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0,.35);
}
.rout-center{
    color: #fff;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
}
.rout-title{
    margin-bottom: 38px;
    font-weight: 500;
    font-family:'Roboto',sans-serif;
    font-size: 45px;
    line-height: 1.2;
}
.rout-title h1{
    margin: 0;
    line-height: 1.2;
}
.side-btn--yl{
    color: #ffd003;
    border-color: #ffd003;
}
.side-btn--yl:hover{
    color: #fff;
    border-color: #fff;
}
.rout-center-btns{
    margin-top: 66px;
}
.use-route{
    overflow: hidden;
    position: relative;
    padding-top: 10px;
}
.carusel-routes{
    max-width: 1060px;
    margin:0 auto;
    position: relative;
    overflow: hidden;
}
.carusel-routes-slide{
    position: relative;
    float: left;
    width:180px;
    text-align: center;
    margin-right: 40px;
    padding-top: 107px;
    cursor: pointer;
}
.carusel-routes-slide:last-child{
    margin-right: 0;
}
.carusel-routes-slide.active{
    cursor: default;
}
.carusel-routes-pic{
    width: 180px;
    margin:0 auto;
    position: relative;
    overflow: hidden;
    height:113px;
    text-align: center;
    background: #eee;
}
.carusel-routes-pic img{
    vertical-align: middle;
    max-width: 100%;
}
.carusel-routes-slide.active .carusel-routes-pic:after,.carusel-routes-slide:hover .carusel-routes-pic:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 3px solid #ffb900;
}
.carusel-routes-name{
    position: absolute;
    top: 3px;
    left: 0;
    right: 0;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    font-family:'Roboto Condensed',sans-serif;
    font-size:18px;
    line-height: 1.2;
}
.carusel-routes-slide.active .carusel-routes-name,.carusel-routes-slide:hover .carusel-routes-name{
    color: #ffb900;
}
.carusel-routes-circle{
    position: absolute;
    top: 49px;
    left: 50%;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 30px 30px 30px 30px;
    -moz-border-radius: 30px 30px 30px 30px;
    border-radius: 30px 30px 30px 30px;
    background: #fff;
    border: 7px solid #ffb900;
    margin-left: -15px;
}
.carusel-routes-slide.active .carusel-routes-circle,.carusel-routes-slide:hover .carusel-routes-circle{
    background: #ffb900;
}
.carusel-routes-prev{
    position: absolute;
    top: 132px;
    left: -70px;
    cursor: pointer;
}
.carusel-routes-next{
    position: absolute;
    top: 132px;
    right: -70px;
    cursor: pointer;
}
.carusel-routes-wrapper {
    overflow: hidden;
    width:20000em;
    position: relative;
}
.swiper-container-horizontal .carusel-routes-wrapper{
    overflow: hidden;
    width: 2000000em;
}
.swiper-container-horizontal .carusel-routes-slide{
    float: left;
}
.carusel-routes-prev.swiper-button-disabled,.carusel-routes-prev.inactive{
    background-position: -39px -419px;
    cursor: default;
}
.carusel-routes-next.swiper-button-disabled,.carusel-routes-next.inactive{
    background-position: -2px -419px;
    cursor: default;
}
.carusel-routes-line{
    position: absolute;
    top: 61px;
    left: -40px;
    right: -40px;
    height: 5px;
    background: #ffb900;
}
.carusel-routes-slide:first-child .carusel-routes-line{
    left: 50%;
}
.carusel-routes-slide:last-child .carusel-routes-line{
    right: 50%;
}
.use-route-wrap{
    position: relative;
    max-width: 1060px;
    margin:0 auto;
}
.use-route-line-left{
    position: absolute;
    top: 61px;
    right: 100%;
    left: -9999px;
    height: 5px;
    background: #ffb900;
}
.use-route-line-right{
    position: absolute;
    top: 61px;
    left: 100%;
    right: -9999px;
    height: 5px;
    background: #ffb900;
}
.use-route-line-left.start{
    background: transparent;
}
.use-route-line-left:after{
    content: '';
    position: absolute;
    right: 926px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    opacity: 0;
    top: -70px;
    background: url("/local/templates/main/./img/go.png") no-repeat 0 0;
    width: 90px;
    height: 105px;
}
.use-route-line-left.start:after{
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    right: 26px;
}
.use-route-line-right.end{
    background: transparent;
}
.use-route-line-right:after{
    content: '';
    position: absolute;
    left: 926px;
    top: -70px;
    background: url("/local/templates/main/./img/end.png") no-repeat 0 0;
    width: 90px;
    height: 105px;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.use-route-line-right.end:after{
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    left: 26px;
}
.white-bg--mod{
    padding-top: 63px;
    padding-bottom: 80px;
    margin-bottom: 69px;
}
.pic{
    text-align: center;
    margin: 53px 0 47px;
}
.pic img{
    vertical-align: middle;
    max-width: 100%;
}
.pic-note{
    font-style: italic;
    font-family:Roboto,sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.3;
    margin: 34px auto 0;
    max-width: 65%;
}
.slideshow{
    position: relative;
    text-align: center;
    padding: 0 10%;
    background: #141414;
    margin: 45px 0;
}
.slideshow img{
    vertical-align: middle;
    max-width: 100%;
}
.slideshow-body{
    position: relative;
    overflow: hidden;
}
.slideshow-slide{
    position: relative;
    float: left;
    width: 100%;
    display: none;
}
.slideshow-slide:first-child{
    display: block;
}
.slideshow-prev{
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 10%;
    height: 100%;
    background: #141414;
    text-align: center;
    z-index: 101;
}
.slideshow-prev:after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 450%;
}
.slideshow-next:after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 450%;
}
.slideshow-next{
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    width: 10%;
    height: 100%;
    background: #141414;
    z-index: 101;
}
.slideshow-ico{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -18px;
    margin-top: -31px;
}
.slideshow-prev.swiper-button-disabled .ico-0018-arr-l-hover{
    background-position: -39px -419px;
}
.slideshow-next.swiper-button-disabled .ico-0019-arr-r-hover{
    background-position: -2px -419px;
}
.swiper-container-horizontal .slideshow-wrapper{
    overflow: hidden;
    width: 2000000em;
}
.slideshow-text{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 38px 102px;
    background: rgba(0, 0, 0,.6);
    color: #fff;
    font-size: 20px;
    line-height: 1.2;
    font-family:Roboto,sans-serif;
}
.slideshow-pagination{
    color: #fff;
    font-size: 20px;
    line-height: 1.2;
    font-family:Roboto,sans-serif;
    position: absolute;
    right: 30px;
    bottom: 37px;
}
.slideshow-prev.swiper-button-disabled,.slideshow-next.swiper-button-disabled{
    cursor: default;
}
.like-count{
    position: relative;
    margin-right: 41px;
    display: inline-block;
    text-decoration: none;
}
.like-count-pic{
    position: relative;
    text-align: center;
    border: 1px solid #dedede;
    background: #fff;
    width: 60px;
    height: 60px;
    line-height: 56px;
    display: inline-block;
    vertical-align: middle;
}
.like-count:hover .like-count-pic{
    background: #3c5b9b;
    border-color: #3c5b9b;
}
.like-count:hover .like-count-pic--mod{
    background: #4c75a3;
    border-color: #4c75a3;
}
.like-count:hover .like-count-number{
    border-color: #323232;
    color: #323232;
}
.like-count:hover .like-count-number:before{
    background-position: 0 100%;
}
.like-count-pic img{
    vertical-align: middle;
    max-width: 90%;
    max-height: 90%;
}
.like-count-wrapper{
    margin: 43px 0 80px;
}
.like-count-number{
    padding: 0 13px;
    background: #fff;
    border: 1px solid #dedede;
    font-weight: 500;
    font-family:Roboto,sans-serif;
    text-align: center;
    height: 40px;
    line-height: 38px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    color: #969696;
    position: relative;
}
.like-count-number:before{
    content: '';
    width: 8px;
    height: 13px;
    background: url("/local/templates/main/./img/arr-hint.png") no-repeat 0 0;
    position: absolute;
    top: 50%;
    left: -8px;
    margin-left: 0px;
    margin-top: -7px;
}
.page-nav{
    margin: 47px 0 33px;
    text-align: center;
}
.btn{
    position: relative;
    display: inline-block;
    cursor: pointer;
    border: 0;
    text-transform: uppercase;
    color: #000;
    background: #ffb900;
    text-decoration: none;
    font-family:'Roboto Condensed',sans-serif;
    font-size: 20px;
    line-height: 1.2;
    padding: 18px 28px;
}
.btn:hover{
    background: rgba(255, 185, 0,.6);
    text-decoration: none;
    color: #000;
}
.btn:active{
    top: 1px;
}
.map{
    margin: 80px 0 60px;
}
.btn-ico{
    margin-left: 14px;
    position: relative;
    top: -3px;
}
.btn-ico--left{
    margin-left: 0;
    margin-right: 14px;
}
.routes{
    margin-bottom: 15px;
    overflow: hidden;
    margin-top: 38px;
}
.routes-body{
    margin:0 -10px;
}
.routes-item{
    padding:0 10px;
    margin-bottom: 20px;
    float: left;
    width: 25%;
}
.routes-cart{
    position: relative;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    height: 370px;
    background: #eee;
    font-family:Roboto,sans-serif;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.routes-cart:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0,.5);
}
.routes-info{
    position: relative;
    padding-top: 46px;
    padding-left: 10px;
    padding-right: 10px;
}
.routes-head{
    margin-bottom: 24px;
    text-align: center;
    font-weight: 300;
    color: #fff;
    font-size: 24px;
    line-height: 1;
    font-family:Roboto,sans-serif;
}
.routes-head-item{
    font-size: 28px;
    font-weight: 500;
    overflow: hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
    line-height: 1;
    margin-top: 7px;
}
.routes-total{
    text-align: center;
    color: #fff;
    font-family:Roboto,sans-serif;
    font-weight: 500;
    font-size:30px;
    line-height: 1;
    padding-right: 17px;
}
.routes-num{
    display: inline-block;
    color: #fff;
    text-align: center;
    font-size:60px;
    font-weight: 500;
    font-family:Roboto,sans-serif;
    width: 117px;
    height: 119px;
    line-height: 119px;
    background: url("/local/templates/main/./img/ellipse.png") no-repeat 0 0;
    margin-right: -10px;
    padding-right: 4px;
    vertical-align: middle;
}
.routes-line{
    width: 86%;
    margin: 27px auto 34px;
    overflow: hidden;
    height: 1px;
    background: #fff;
}
.routes-link{
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    color: #ffd003;
    font-size: 20px;
    line-height: 1;
    font-family:'Roboto Condensed',sans-serif;
}
.routes-link:hover{
    text-decoration: none;
    color: #fff;
}
.routes-link-ico{
    margin-left: 17px;
    position: relative;
    top: -2px;
}
.routes-link:hover .routes-link-ico{
    background-position: -2px -1060px;
}
.vrezka{
    margin: 25px 0 53px;
    background: url("/local/templates/main/./img/vezka-bg.jpg") repeat-y 0 0 #dcdcdc;
}
.vrezka-center{
    padding: 48px 0;
    letter-spacing: normal;
    font-size: 18px;
}
.vrezka-pic{
    position: relative;
    float: left;
    border-radius: 100%;
    text-align: center;
    width: 369px;
    margin-left: 24px;
}
.vrezka-pic img{
    max-width: 100%;
    border-radius: 100%;
    vertical-align: middle;
}
.vrezka-pic+.vrezka-text{
    margin-left: 475px;
}
.vrezka-link{
    color: #ffb900;
    cursor: pointer;
    display: inline-block;
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 20px;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
}
.vrezka-link:hover{
    text-decoration: none;
    color: #ffb900;
}
.vrezka-link:hover .routes-link-ico{
   background-position: -57px -520px;
}
.vrezka-text-head{
    margin-top: 2px;
    margin-bottom: 15px;
}
.slideshow--mb{
    margin-bottom: 80px;
}
.materials-head h3{
    margin: 0;
}
.materials-head {
    margin-top: 0;
    margin-bottom: 39px;
}
.materials-body{
    overflow: hidden;
}
.materials-wrapper{
    margin:0 -13px;
}
.materials-item{
    position: relative;
    float: left;
    width: 25%;
    padding:0 13px;
    margin-bottom: 26px;
    /* height: 350px;*/
    /*background-color: #eee;*/
}
.materials-cart{
    display: block;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    background-color: #eee;
    height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.materials{
    margin-bottom: 15px;
}
.materials-info{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    /* padding: 20px;*/
    background: rgba(0, 0, 0,.6);
    color: #fff;
    font-family:'Roboto',sans-serif;
    font-size: 16px;
    line-height: 1.2;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    height: 80px;
}
.materials-cart:hover .materials-info{
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    height: 100%;
    color: #FFB900;
}
.materials-info-head{
    overflow: hidden;
    white-space:nowrap;
    font-weight: 500;
    font-size:20px;
    margin-bottom: 4px;
    text-overflow: ellipsis;
}
.materials-cart:hover .materials-info-head{
    white-space:normal;
    margin-bottom: 15px;
}
.materials-info-table{
    display: table;
    width: 100%;
    table-layout: fixed;
    height: 100%;
}
.materials-info-td{
    padding: 16px 18px;
    vertical-align: middle;
    display: table-cell;
}
.materials-cart-label{
    position: absolute;
    top: 15px;
    left: 13px;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 15px;
    background: #ffb900;
    font-family:'Roboto Condensed',sans-serif;
    font-size: 20px;
    line-height: 1;
}
.materials--mod .materials-item{
    width: 20%;
    padding: 0 18px;
    margin-bottom: 36px;
}
.materials--mod .materials-wrapper{
    margin:0 -18px;
}
.sort{
    margin-bottom: 50px;
    margin-top: -37px;
    position: relative;
    z-index:1;
}
.sort-head{
    margin-bottom: 25px;
    text-transform: uppercase;
    font-weight: bold;
    font-family:'Roboto Condensed',sans-serif;
    color: #000;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: -0.2px;
}
.sort-ch{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    border-radius: 50px 50px 50px 50px;
    /*background: #ffb900;*/
    background: #969696;
    height: 30px;
    border: 3px solid #969696;
    width:60px;
    margin-left: 17px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.sort-ch.active{
    background: #ffb900;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    border-color: #ffb900;
}
.sort-ch-circle{
    position: relative;
    -webkit-border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    border-radius: 50px 50px 50px 50px;
    background: #fff;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    cursor: pointer;
}
.active .sort-ch-circle{
    margin-left: 30px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.sort-body{
    margin-bottom: 20px;
}
.sort-item{
    display: inline-block;
    vertical-align: top;
    margin-right: 16px;
    margin-bottom: 10px;
    position: relative;
}
.sort-btn{
    cursor: pointer;
    position: relative;
    background: #fff;
    border: 1px solid #dcdcdc;
    height: 50px;
    line-height: 47px;
    text-align: center;
    width: 50px;
}
.sort-input{
    background: #fff;
    border: 1px solid #dcdcdc;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 101;
    width: 1192px;   text-align: left;
    cursor: default;
}
input.sort-input-text{
    border: 0;
    color: #000;
    font-size: 16px;
    font-family:'Roboto',sans-serif;
    width: 90%;
    margin-left: 8px;
    margin-top: 10px;
}
input.sort-input-text:focus{
    box-shadow: none;
}
.sort-input-close{
    position: absolute;
    right: 17px;
    top: 14px;
    cursor: pointer;
}


.jq-selectbox {
    vertical-align: middle;
    cursor: pointer;
}
.jq-selectbox__select {
    height: 50px;
    padding: 0 55px 0 18px;
    border: 1px solid #dedede;
    background: #fff;
    font: 16px/48px 'Roboto Condensed', sans-serif;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;

}
.jq-selectbox__select:hover {
    /*background: #E6E6E6;
    background: -webkit-linear-gradient(#F6F6F6, #E6E6E6);
    background:         linear-gradient(#F6F6F6, #E6E6E6);*/
}
.jq-selectbox__select:active {
    /*background: #F5F5F5;
    box-shadow: inset 1px 1px 3px #DDD;*/
}
.jq-selectbox.focused .jq-selectbox__select {
    /*border: 1px solid #5794BF;*/
}
.jq-selectbox.disabled .jq-selectbox__select {
    border-color: #CCC;
    background: #F5F5F5;
    box-shadow: none;
    color: #888;
}
.jq-selectbox__select-text {
    display: block;
    width: 100%;
    white-space: nowrap;
}
.jq-selectbox .placeholder {
    color: #888;
}
.jq-selectbox__trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 100%;
}
.jq-selectbox__trigger-arrow {
    position: absolute;
    top: 19px;
    right: 18px;
    background: url("/local/templates/main/./img/sprite.png") no-repeat -57px -506px;
    width: 19px;
    height: 12px;
}
.opened .jq-selectbox__trigger-arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.jq-selectbox:hover .jq-selectbox__trigger-arrow {

}
.jq-selectbox.disabled .jq-selectbox__trigger-arrow {

}
.jq-selectbox__dropdown {
    box-sizing: border-box;
    width: 100%;
    margin: -1px 0 0;
    padding: 0;
    border: 1px solid #dedede;
    border-top: 0;
    background: #FFF;
    /*box-shadow: 0 2px 10px rgba(0,0,0,.2);*/
    font: 16px/18px 'Roboto Condensed', sans-serif;
    color: #000;
    font-weight: bold;
}
.jq-selectbox__search {
    margin: 5px;
}
.jq-selectbox__search input {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 5px 27px 6px 8px;
    border: 1px solid #CCC;
    outline: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
    box-shadow: inset 1px 1px #F1F1F1;
    color: #333;
    -webkit-appearance: textfield;
}
.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
    -webkit-appearance: none;
}
.jq-selectbox__not-found {
    margin: 5px;
    padding: 5px 8px 6px;
    background: #F0F0F0;
    font-size: 13px;
}
.jq-selectbox ul {
    margin: 0;
    padding: 0;
}
.jq-selectbox li {
    min-height: 18px;
    padding: 10px 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    color: #231F20;
}
.jq-selectbox li.selected {
    background-color: #A3ABB1;
    color: #FFF;
}
.jq-selectbox li:hover {
    background-color: #ffb900;
    color: #FFF;
}
.jq-selectbox li.disabled {
    color: #AAA;
}
.jq-selectbox li.disabled:hover {
    background: none;
}
.jq-selectbox li.optgroup {
    font-weight: bold;
}
.jq-selectbox li.optgroup:hover {
    background: none;
    color: #231F20;
    cursor: default;
}
.jq-selectbox li.option {
    padding-left: 25px;
}


.jq-select-multiple {
    box-sizing: border-box;
    padding: 1px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    background: #FFF;
    box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
    font: 14px/18px Arial, sans-serif;
    color: #333;
    cursor: default;
}
.jq-select-multiple.focused {
    border: 1px solid #5794BF;
}
.jq-select-multiple.disabled {
    border-color: #CCC;
    background: #F5F5F5;
    box-shadow: none;
    color: #888;
}
.jq-select-multiple ul {
    margin: 0;
    padding: 0;
}
.jq-select-multiple li {
    padding: 3px 9px 4px;
    list-style: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}
.jq-select-multiple li:first-child {
    border-radius: 3px 3px 0 0;
}
.jq-select-multiple li:last-child {
    border-radius: 0 0 3px 3px;
}
.jq-select-multiple li.selected {
    background: #08C;
    color: #FFF;
}
.jq-select-multiple li.disabled {
    color: #AAA;
}
.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled {
    background: #CCC;
    color: #FFF;
}
.jq-select-multiple li.optgroup {
    font-weight: bold;
}
.jq-select-multiple li.option {
    padding-left: 25px;
}
.page-nav--mt{
    margin-top: 44px;
}
.map--full{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: auto;
    margin: 0;
}
.date{
    margin-bottom: 50px;
    margin-top: 38px;
}
.date-year{
    position: relative;
    float: left;
    margin-right: 44px;
    margin-bottom: 20px;
    margin-top: 10px;
}
.date-year-text{
    width: 116px;
    text-align: center;
    color: #000;
    font-size: 20px;
    line-height: 1;
    font-family:'Roboto',sans-serif;
    margin: 0 10px;
}
.date-year-left{
    position: relative;
    float: left;
    cursor: pointer;
    margin-top: 1px;
}
.date-year-right{
    position: relative;
    float: right;
    cursor: pointer;
    margin-top: 1px;
}
.date-year-right.disable,.date-year-left.disable{
    cursor: default;
    opacity: 0.3;
    filter: alpha(opacity=30);
}
.date-month{
    float: left;
    margin-bottom: 20px;
}
.date-month-item{
    cursor: default;
    float: left;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    padding: 12px 5px;
    color: #969696;
    font-size: 16px;
    font-family:'Roboto Condensed',sans-serif;
    line-height: 1;
    background: #dcdcdc;
    width: 46px;
}
.date-month-item--black{
    color: #000;
    cursor: pointer;
}
.date-month-item.active{
    background: #5a5a5a;
    cursor: default;
    color: #ffd003;
}
.date-month-item:hover{
    color: #969696;
}
.date-month-item--black:hover{
    background: #5a5a5a;
    color: #FFD003;
}
.date-month-item.active:hover{
    color: #FFD003;
}
.date-day-item{
    cursor: default;
    float: left;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    padding: 8px 6px 12px;
    color: #969696;
    font-size: 20px;
    font-family:'Roboto',sans-serif;
    line-height: 1;
    background: #dcdcdc;
    width: 45px;
}
.date-day-item:hover{
    /*background: #5a5a5a;
    color: #ffd003;*/
    color: #969696;
}
.date-day-item.active{
    background: #5a5a5a;
    color: #ffd003;
    cursor: default;
}
.date-day-item:hover .date-day-text{
   /* color: #fff;*/
}
.date-day-item.active .date-day-text{
    color: #fff;
}
.date-day-text{
    font-family:'Roboto Condensed',sans-serif;
    font-size: 12px;
    margin-bottom: 11px;
}
.date-day-item--black{
    color: #000;
    cursor: pointer;
}
.date-day-item--black:hover .date-day-text{
     color: #fff;
}
.date-day-item--black:hover{
    background: #5a5a5a;
    color: #ffd003;
}
.date-day{
    clear: both;
    margin-bottom: 15px;
    position: relative;
}
.date-day-wrapper{
    position: relative;
    overflow: hidden;
}
.date-day-body{
    overflow: hidden;
    width: 20000em;
    position: relative;
}
.afisha{
    margin-bottom: 15px;
    overflow: hidden;
    margin-top: 39px;
}
.afisha-body{
    margin:0 -18px;
}
.afisha-item{
    padding:0 18px;
    margin-bottom: 36px;
    float: left;
    position: relative;
    width: 20%;
}
.afisha-cart{
    background: #fff;
    border: 1px solid #dedede;
    height: 293px;
    padding: 25px 29px 106px;
    position: relative;
    font-weight: 300;
    font-family:'Roboto',sans-serif;
    font-size:16px;
    line-height: 1.2;
    color: #000;
}
.afisha-cart p{
    margin-bottom: 15px;
}
.afisha-head{
    font-weight: 500;
    margin-bottom: 21px;
    font-size: 20px;
}
.afisha-head a{
    text-decoration: none;
    color: #000;
}
.afisha-head a:hover{
    text-decoration: none;
    opacity: 0.6;
}
.afisha-btn{
    left: 29px;
    position: absolute;
    bottom: 29px;
}
.search-bar{
    position: fixed;
    top: -200%;
    height: 100%;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0,.8);
    z-index:1000;
    padding: 7% 30px 30px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.search-bar.active{
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    top: 0;
}
.header-center--hidden{
    visibility: hidden;
}
.search-bar-item{
    margin:0 auto;
    max-width: 910px;
    border-bottom: 1px solid #fff;
    position: relative;
}
.search-bar-close{
    position: absolute;
    right: 0;
    top: 50%;
    cursor: pointer;
    margin-top: -17px;
}
input.search-bar-input{
    border: 0;
    background: transparent;
    color: #fff;
    font-size:18px;
    font-family:Roboto,sans-serif;
    width: 97%;
    left: -4px;
    position: relative;
    top: -3px;
}
input.search-bar-input:focus{
    color: #fff;
    box-shadow: none;
}
/* Chrome2+ && Safari4+ */
input.search-bar-input::-webkit-input-placeholder{color: #ffffff;}
/* IE10 */
input.search-bar-input:-ms-input-placeholder{color: #fff;}
/* Firefox4+ */
input.search-bar-input:-moz-placeholder{color: #fff;}
input.search-bar-input::-moz-placeholder{color: #fff;}
/* Waiting for Opera */
input.search-bar-input::-o-input-placeholder{color: #fff;}
input.search-bar-input:-o-input-placeholder{color: #fff;}
input.search-bar-input::-o-placeholder{color: #fff;}
input.search-bar-input:-o-placeholder{color: #fff;}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
}

@keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
}
.animated.shake {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.shake:hover {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes bg-go {
    0% {
       background-position: -70px 0;
    }

    100% {
       background-position: 0 0;
    }


/*
    100% {
        background-position: -35px 0;
    }
*/
}
@keyframes bg-go {
    0% {
       background-position: -70px 0;
    }

    100% {
       background-position: 0 0;
    }

/*
    100% {
        background-position: -35px 0;
    }
*/
}
.animated.bg-go {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.bg-go {
    -webkit-animation-name: bg-go;
    animation-name: bg-go;
     -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -o-animation-delay: 3s;
    animation-delay: 3s;
}

.carusel-routes-slide-wrap{
    position: relative;
    float: left;
}
.ico-f:hover{
    background-position: -64px -0px;
}
.ico-vk:hover{
    background-position: -2px -62px;
}
.ico-inst:hover{
       background-position: -126px -62px;
}
.ico-v:hover{
   background-position: -64px -124px;
}
.ico-yt:hover{
    background-position: -2px -186px;
}
.ico-count-f:hover,.like-count:hover .ico-count-f{
    background-position: -2px -44px;
}
.ico-count-vk:hover,.like-count:hover .ico-count-vk{
      background-position: -2px -0px;
}
.all-wrap{
    position: absolute;
    z-index:100;
    top: 14px;
    left: 0;
    padding: 81px 55px 16px;
    background: rgba(0, 0, 0,.95);
    width: 595px;
}
.all-wrap-close{
    cursor: pointer;
    position: absolute;
    right: 25px;
    top: 34px;
}
.all-wrap-item{
    margin-bottom: 19px;
    color: #969696;
    font-size: 20px;
}
.all-wrap-link{
    color: #fff;
    font-size: 20px;
    text-decoration: none;
}
.all-wrap-link:hover{
    color: #ffd003;
    text-decoration: none;
}
.all-wrap-link.active{
    cursor: default;
    color: #969696;
}
.all-wrap-link.active:hover{
    text-decoration: none;
    color: #969696;
}
.all-wrap-item:last-child{
    margin-bottom: 0;
}
.date-day-prev{
    cursor: pointer;
    position: absolute;
    top: 22px;
    left: -17px;
}
.date-day-next{
    position: absolute;
  top: 22px;
    right: -17px;
    cursor: pointer;
}
.date-day-next.inactive,.date-day-prev.inactive{
    display: none;
}













/* Icons
==============================================================================*/
.ico-0002-arr-l, .ico-0003-arr-r, .ico-0012-search, .ico-0013-menu, .ico-0018-arr-l-hover,
.ico-0019-arr-r-hover, .ico-0020-arr-r, .ico-0021-arr-l, .ico-0010-search, .ico-0011-arr-r,
.ico-0015-x, .ico-0007-x, .ico-0009-arr-b, .ico-0014-arr-r, .ico-0000-arr-r,
.ico-0016-arr-r, .ico-0017-arr-l, .ico-0001-arr-t, .ico-0004-arr-r, .ico-0005-arr-l,
.ico-0006-arr-r, .ico-0008-arr-r
{ display: inline-block; background: url('/local/templates/main/./img/sprite.png') no-repeat; vertical-align: middle; }
.ico-0002-arr-l { background-position: -2px -0px; width: 78px; height: 113px; }
.ico-0003-arr-r { background-position: -2px -115px; width: 78px; height: 113px; }
.ico-0012-search { background-position: -2px -230px; width: 60px; height: 60px; }
.ico-0013-menu { background-position: -2px -292px; width: 60px; height: 60px; }
.ico-0018-arr-l-hover { background-position: -2px -354px; width: 35px; height: 63px; }
.ico-0019-arr-r-hover { background-position: -39px -354px; width: 35px; height: 63px; }
.ico-0020-arr-r { background-position: -2px -419px; width: 35px; height: 63px; }
.ico-0021-arr-l { background-position: -39px -419px; width: 35px; height: 63px; }
.ico-0010-search { background-position: -2px -484px; width: 26px; height: 27px; }
.ico-0011-arr-r { background-position: -30px -484px; width: 25px; height: 19px; }
.ico-0015-x { background-position: -30px -505px; width: 25px; height: 25px; }
.ico-0007-x { background-position: -57px -484px; width: 20px; height: 20px; }
.ico-0009-arr-b { background-position: -57px -506px; width: 19px; height: 12px; }
.ico-0014-arr-r { background-position: -2px -513px; width: 19px; height: 14px; }
.ico-0000-arr-r { background-position: -57px -520px; width: 18px; height: 14px; }
.ico-0016-arr-r { background-position: -2px -529px; width: 18px; height: 14px; }
.ico-0017-arr-l { background-position: -22px -532px; width: 18px; height: 14px; }
.ico-0001-arr-t { background-position: -64px -230px; width: 14px; height: 17px; }
.ico-0004-arr-r { background-position: -64px -249px; width: 14px; height: 24px; }
.ico-0005-arr-l { background-position: -64px -275px; width: 11px; height: 17px; }
.ico-0006-arr-r { background-position: -64px -294px; width: 11px; height: 17px; }
.ico-0008-arr-r { background-position: -64px -313px; width: 11px; height: 18px; }
.ico-0000-f, .ico-0001-f, .ico-0002-vk, .ico-0003-vk, .ico-0004-inst,
.ico-0005-inst, .ico-0006-v, .ico-0007-v, .ico-0008-yt, .ico-0009-yt
{ display: inline-block; background: url('/local/templates/main/./img/sprite-social.png') no-repeat;vertical-align: middle; }
.ico-0000-f { background-position: -2px -0px; width: 60px; height: 60px; }
.ico-0001-f { background-position: -64px -0px; width: 60px; height: 60px; }
.ico-0002-vk { background-position: -126px -0px; width: 60px; height: 60px; }
.ico-0003-vk { background-position: -2px -62px; width: 60px; height: 60px; }
.ico-0004-inst { background-position: -64px -62px; width: 60px; height: 60px; }
.ico-0005-inst { background-position: -126px -62px; width: 60px; height: 60px; }
.ico-0006-v { background-position: -2px -124px; width: 60px; height: 60px; }
.ico-0007-v { background-position: -64px -124px; width: 60px; height: 60px; }
.ico-0008-yt { background-position: -126px -124px; width: 60px; height: 60px; }
.ico-0009-yt { background-position: -2px -186px; width: 60px; height: 60px; }
.ico-0000-count-vk, .ico-0001-count-vk, .ico-0002-count-f, .ico-0003-count-f
{ display: inline-block; background: url('/local/templates/main/./img/sprite-count-social.png') no-repeat; vertical-align: middle;}
.ico-0000-count-vk { background-position: -2px -0px; width: 35px; height: 20px; }
.ico-0001-count-vk { background-position: -2px -22px; width: 35px; height: 20px; }
.ico-0002-count-f { background-position: -2px -44px; width: 14px; height: 31px; }
.ico-0003-count-f { background-position: -18px -44px; width: 14px; height: 31px; }
/* Screens
==============================================================================*/
@media only screen  and (max-width: 1600px),
only screen and (max-device-width: 1600px){
    .main-anons-body{
        font-size: 18px;
    }
    .side-nav-link{
        font-size: 18px;
    }
    .side-btn{
        font-size: 18px;
    }
}
@media only screen  and (max-width: 1440px),
only screen and (max-device-width: 1440px){
    .date-day{
        width: 720px;
        margin-left: 13px;
    }
    .afisha-item{
        width: 25%;
    }
    .materials--mod .materials-item{
        width: 25%;
    }
    .center{
        max-width: 1250px;
    }
    .public-item{
        width: 25%;
    }
    .routes-item{
        width: 33.33%;
    }
}
@media only screen  and (max-width: 1366px),
only screen and (max-device-width: 1366px){
    .events-item:nth-child(4){
        border-right: 0;
        margin-right: 0;
        padding-right: 0;
    }
    .events-item:last-child{
        display: none;
    }
    .main-anons-body{
        font-size: 14px;
    }
    .side-nav-link{
        font-size: 14px;
    }
    .side-btn{
        font-size: 14px;
    }
}
@media only screen  and (max-width: 1280px),
only screen and (max-device-width: 1280px){
    .afisha-item {
      width: 300px;
    }
}
@media only screen and (max-width: 680px),
only screen and (max-device-width: 680px){
    .afisha-item {
      width: 300px;
    }
    .feedback-item-right .input-text,
    .feedback-item-right input.input-text {
        width: 100% !important;
    }
    .swiper-container {
        margin-left: -25px;
        width: calc(100% + 50px);
    }
    .sc-thumbs-wrapper {
        margin-left: -25px;
        width: calc(100% + 50px);
    }
    .public-head {
        margin-bottom: 80px;
    }
    
    .carusel-routes-wrapper {
      display: flex;
      width: auto;
      overflow: scroll;
    }
    
    .carusel-routes {
      overflow: visible;
    }
    
    .use-route-wrap {
      transform: scale(0.8,0.8);
    }
}
@media only screen and (max-width: 330px),
only screen and (max-device-width: 330px){
    .public-head {
        margin-bottom: 40px;
    }
}

/* Retina
==============================================================================*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {}

/* End */
/* /local/templates/main/css/twentytwenty.css?16421133356491 */
/* /local/templates/main/css/custom.css?165588258713302 */
/* /local/templates/main/css/media.css?16421133355781 */
/* /local/templates/main/components/bitrix/menu/sidebar/style.css?1642113334121 */
/* /local/templates/main/styles.css?172051387771201 */