﻿@import url(../font/font.css);
html, body{background: #252525; height: 100%; margin: 0; padding: 0; color: #2c2c2c; font: 16px/26px franklin_gothic, Geneva, sans-serif;}
body{position: relative; cursor: default;}
img{max-width: 100%;}
table img{max-width: none;}
a img {border: 0 none;}
h1, h2, h3 , h4, h5{padding: 0; margin: 1.2em 0 0.8em; font-weight: normal;}
a{text-decoration: none; color: #fff;}
a:hover{text-decoration: underline;}
a span, a font{cursor: pointer;}
hr{background: #e1e1e1; height: 1px; border: 0 none; margin: 20px 0;}
label{cursor: pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
input[type="submit"], button{cursor: pointer;}
textarea{resize: vertical;}
input, textarea, button{font-family: inherit; color: inherit; outline: 0 none;}
button::-moz-focus-inner{padding: 0; border: 0;}
::selection{color: #fff; background: #E32C22;}
::-moz-selection{color: #fff; background: #E32C22;}
/* end reset */

/* !!! */
.wr{width: 908px; padding: 0 30px; margin: 0 auto; position: relative;}
.main{min-height: 100%; position: relative;}
.logo, 
.slide-prev, .slide-next{font: 0px/0px Arial; outline: 0 none; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
.over{overflow: hidden;}
.clear{clear: both;}
.all-link{text-transform: uppercase; font-size: 20px; font-weight: 900; margin: -10px 0 0;}
.rub:after{content: "c"; font-family: "rub"; text-transform: lowercase;}
/* !!! */


/* lol */
.settings{position: absolute; left: -5000px;}

.main{display: table; width: 100%; height: 100%;}
.page-block, 
.r-side, 
.l-nav, 
.close-side{display: table-cell; vertical-align: top;}
.close-side{background: #313131; vertical-align: middle; width: 30px; position: relative;}
.close-side .arrow{background: url("../img/close-side.png") no-repeat -30px 50%; position: fixed; right: 0; top: 50%; margin: -15px 0 0; width: 30px; height: 31px; display: block;  -moz-user-select: none; -khtml-user-select: none; user-select: none;}

.page-block{background: #252525;}
.home-page .page-block{}

.r-side{position: relative; background: #464646; overflow: hidden; width: 380px; transition: width ease 0.3s; -o-transition: width ease 0.3s; -moz-transition: width ease 0.3s; -webkit-transition: width ease 0.3s;}
.home-page .r-side{-webkit-box-shadow: 4px 0 4px rgba(0, 0, 0, 0.3) inset; -moz-box-shadow: 4px 0 4px rgba(0, 0, 0, 0.3) inset; box-shadow: 4px 0 4px rgba(0, 0, 0, 0.3) inset;}
.side-padding{padding: 52px 65px;}

.l-nav{width: 96px; padding: 0 50px 0 0; position: relative;}
.l-nav:after{content: ""; position: absolute; left: 53px; top: 0; width: 3px; height: 100%; background: #464646;}

#r-side:checked + .main .r-side{width: 0;}
#r-side:checked + .main .r-side .side-padding{padding-left: 0; padding-right: 0;}
#r-side:checked + .main .r-side .side-link-block{display: none;}
#r-side:checked + .main .r-side .soc-link{display: none;}
#r-side:checked + .main .r-side .list-soc-post{display: none;}
#r-side:checked + .main .r-side .close-link{position: fixed;}
#r-side:checked + .main .r-side .all-news{display: none;}
#r-side:checked + .main .close-side{background: #464646; -webkit-box-shadow: 4px 0 4px rgba(0, 0, 0, 0.3) inset; -moz-box-shadow: 4px 0 4px rgba(0, 0, 0, 0.3) inset; box-shadow: 4px 0 4px rgba(0, 0, 0, 0.3) inset;}
#r-side:checked + .main .close-side .arrow{background-position: 0 50%;}

.calendar-block-wr{padding: 0 50px 0 0;}

/* lol */



/* top */
.top-line{position: relative; height: 808px;}
.top-line .padding{padding: 0 50px;}
.top-line .top{position: relative; z-index: 10;}

.top{text-align: justify; min-height: 265px; position: relative; z-index: 5;}
.top:after{content: ""; display: inline-block; vertical-align: top; width: 100%; height: 0;}

.logo, .top-block{display: inline-block; vertical-align: top;}
.logo{margin: 70px 0 0; width: 32.727%; max-width: 360px; cursor: pointer; /*opacity: 0.5; transition: opacity linear 0.3s; -o-transition: opacity linear 0.3s; -moz-transition: opacity linear 0.3s; -webkit-transition: opacity linear 0.3s;*/ position: relative;}
.logo:hover{opacity: 1;}
.logo img{display: none; -moz-opacity: 0; opacity: 0;}
.logo use.logo-1{fill: #fff; transition: all linear 0.15s; -o-transition: all linear 0.15s; -moz-transition: all linear 0.15s; -webkit-transition: all linear 0.15s;}
.logo:hover use.logo-1{fill: #E31F24;}

.top-block{width: 61.363%; max-width: 675px; min-width: 540px;}

.top-slide{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.top-slide .slides-over{width: 100%; height: 100%; overflow: hidden;}
.top-slide .slides-container{position: relative; height: 100%;}
.top-slide .one-slide{background-position: 50% 50%; background-size: cover; float: left; width: 100%; height: 100%; float: left; position: relative;}
.top-slide .one-slide .name-link{position: absolute; right: 50px; bottom: 30px; font-size: 90px; line-height: 100px; font-weight: 900; text-transform: uppercase; text-align: right; max-width: 80%;}
.top-slide .one-slide .date-link{position: absolute; left: 50px; bottom: 35px; width: 52px; background: #6f6f6f; text-align: left; padding: 12px 10px 4px;}
.top-slide .one-slide .date-link b{display: block; font-size: 42px; font-weight: 900; margin: 0 0 6px;}
.top-slide .one-slide .date-link font{font-size: 20px; text-transform: uppercase;}

.top-slide .slide-next, 
.top-slide .slide-prev{position: absolute; top: 0; display: block; max-width: 200px; width: 20%; height: 100%;}
.top-slide .slide-prev{left: 0;}
.top-slide .slide-next{right: 0;}
.top-slide .slide-next:after, 
.top-slide .slide-prev:after{content: ""; background: url("../img/slide-icons.png") no-repeat; width: 50px; height: 100px; position: absolute; left: 50%; top: 50%; margin: -100px 0 0 -25px;}
.top-slide .slide-next:after{background-position: -50px 0;}



.t-nav{display: block; text-align: justify; font-size: 18px; line-height: 20px; font-weight: 500; height: 123px;}
.t-nav:after{content: ""; display: inline-block; vertical-align: top; height: 0; width: 100%; font-size: 0; line-height: 0;}
.t-nav a{display: inline-block; vertical-align: top; text-align: left; padding: 73px 1.5% 30px; position: relative; text-decoration: none; letter-spacing: 0.03em;}
.t-nav a:after{content: ""; display: block; background: #e31f24; position: absolute; left: 0; top: 0; height: 0; width: 100%; z-index: -1; transition: all ease 0.3s; -o-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.t-nav a.active:after, 
.t-nav a:hover:after{height: 69%;}


.t-search{margin: 1px 0 0; position: relative;}
.t-search input{box-sizing: border-box; border: 0 none; height: 40px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
.t-search input[type="text"]{background: rgba(255,255,255,0.8); width: 100%; padding: 0 70px 0 25px; font-size: 18px; line-height: 20px; color: #252525; font-weight: 500; transition: all ease 0.3s; -o-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.t-search input[type="text"]:focus, 
.t-search input[type="text"]:valid{background: #fff;}
.t-search input[type="submit"]{background: url("../img/search-ok.png") no-repeat 50% 50%; width: 65px; position: absolute; right: 0; top: 0; opacity: 0.7;}
.t-search input[type="submit"]:hover{opacity: 1; transition: opacity ease 0.3s; -o-transition: opacity ease 0.3s; -moz-transition: opacity ease 0.3s; -webkit-transition: opacity ease 0.3s;}


.event-list{/*text-align: justify;*/ padding: 41px 0 0/*48px 4.166% 0*/; position: relative; margin: 0 0 0 -50px; z-index: 4; overflow: hidden;}
/*.event-list:after{content: ""; display: inline-block; vertical-align: top; width: 100%; height: 0;}*/
.home-page .event-list{padding-left: 50px; padding-right: 50px;}
.event-list a{color: #fff; text-decoration: none;}
.event-list .one-event{text-align: right; width: 237px; /*width: 525px;*/ display: block; float: left; vertical-align: top; height: 340px; position: relative; margin: 0 0 42px 50px;}
.event-list .one-event.x-2{width: 525px;}

.event-list .one-event .date{min-width: 52px; background: #6f6f6f; text-align: left; padding: 12px 10px 4px; position: absolute; left: -10px; top: -10px;}
.event-list .one-event .date b{display: block; font-size: 42px; font-weight: 900; margin: 0 0 6px;}
.event-list .one-event .date font{font-size: 20px; text-transform: uppercase;}

.event-list .img{display: block; width: 100%; height: 100%; background-position: 50% 50%; background-size: cover;}
.event-list .img.pos-0-0{background-position: 0 0;}
.event-list .img.pos-100-0{background-position: 100% 0;}
.event-list .img.pos-0-100{background-position: 0 100%;}
.event-list .img.pos-100-100{background-position: 100% 100%;}
.event-list .name{position: absolute; right: 15px; bottom: 12px; font-size: 30px; line-height: 30px; font-weight: 900; text-transform: uppercase; z-index: 2;}
.event-list .name font{position: relative; display: inline-block; padding: 0 0 0 8px;}
.event-list .name font:after{content: ""; background: #E32C22; padding: 5px 15px 5px 7px; position: absolute; left: -7px; top: -3px; width: 100%; height: 100%; z-index: -1; opacity: 0; margin-left: 30%; transition: all ease 0.15s; -o-transition: all ease 0.15s; -moz-transition: all ease 0.15s; -webkit-transition: all ease 0.15s;}
.event-list a:hover .name font:after{margin-left: 0%; opacity: 1;}
.event-list .name .br{display: none;}
/*.event-list .one-event.x-2 .name .br{width: 12px; display: inline-block;}*/


.one-text-event{background: rgba(52,52,52,0.9); margin-left: 50px; border-bottom: 10px solid #252525; font-size: 18px; line-height: 30px; display: table; width: 100%; text-align: left; transition: background ease 0.15s; -o-transition: background ease 0.15s; -moz-transition: background ease 0.15s; -webkit-transition: background ease 0.15s;}
.one-text-event:hover{background: rgba(67,67,67,1);}
.one-text-event > span{display: table-cell; vertical-align: middle;}
.one-text-event .date-coll{width: 52px; background: #6f6f6f; text-align: left; padding: 12px 10px 4px;}
.one-text-event .date-coll b{display: block; font-size: 42px; font-weight: 900; margin: 0 0 6px;}
.one-text-event .date-coll font{font-size: 20px; text-transform: uppercase;}
.one-text-event .price-coll{width: 175px; padding: 4px 30px 0; border-left: 4px dashed #252525;}
.one-text-event .price-coll font{display: block;}
.one-text-event .price-coll b{font-size: 32px; font-weight: 900; text-transform: uppercase;}
.one-text-event .name-coll{font-size: 30px; font-weight: 900; text-transform: uppercase; padding: 0 30px; letter-spacing: 0.025em;}

.one-text-event .canceled2{width: 175px; padding: 13px 30px 0; border-left: 4px dashed #252525;}
.one-text-event .canceled2 font{display: block;}
.one-text-event .canceled2 b{font-size: 30px; font-weight: 900; text-transform: uppercase;}

.view-link{text-align: right; font-size: 0; line-height: 0; margin: 32px 0 -72px; height: 40px; position: relative; z-index: 100; }
.view-link a{background: url("../img/view-link.png") no-repeat; display: inline-block; width: 40px; height: 40px; margin: 0 0 0 2px; opacity: 0.4;}
.view-link a.icon-list{background-position: 0 0;}
.view-link a.icon-grid{background-position: -40px 0;}
.view-link a:hover{opacity: 0.6;}
.view-link a.active{opacity: 1;}



.side-link-block{text-align: justify; margin: 0 11px 49px;}
.side-link-block:after{content: ""; display: inline-block; vertical-align: top; height: 0; width: 100%; font-size: 0; line-height: 0;}
.soc-link{margin: 0 3px;}
.soc-link a{display: inline-block;}
.soc-link a:hover{opacity: 0.9;}

i[class^="i-"]{background: url("../img/icons-25.png") no-repeat; display: inline-block; width: 25px; height: 25px; font-size: 0; line-height: 0;}
i.i-instagram{background-position: 0 0;}
i.i-youtube{background-position: -25px 0;}
i.i-vk{background-position: -50px 0;}
i.i-facebook{background-position: -75px 0;}
i.i-odnoklasniki{background-position: -100px 0;}
i.i-close{background-position: -125px 0;}

.list-soc-post{margin: 20px 0 30px; color: #fff;}
.list-soc-post .one-post{margin: 37px 0 0;}
.list-soc-post .one-post:first-child{margin-top: 0;}
.list-soc-post .one-post .img{margin: 0 0 2px;}
.list-soc-post .one-post .img img{width: 100%;}
.list-soc-post .one-post .img a{position: relative; display: block; opacity: 0.7; transition: opacity ease 0.3s; -o-transition: opacity ease 0.3s; -moz-transition: opacity ease 0.3s; -webkit-transition: opacity ease 0.3s;}
.list-soc-post .one-post .img a:hover{opacity: 1;}
.list-soc-post .one-post .img i[class^="i-"]{position: absolute; right: 15px; top: 15px;}
.list-soc-post .one-post .stext{font-size: 14px; line-height: 17px;}
.list-soc-post .one-post .stext a{color: #9999ff;}

.text .list-soc-post{color: #252525; margin: 0;}

.all-news{text-align: center; position: absolute; left: 0; bottom: 41px; width: 100%;}
.all-news a{padding: 20px 55px; display: inline-block; overflow: hidden; position: relative; font-size: 24px; line-height: 26px; font-weight: 900; border: 4px solid #fff; color: #fff; text-decoration: none; text-transform: uppercase; transition: all ease 0.3s; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
.all-news a span{position: relative; z-index: 5; display: inline-block;}
.all-news a:after{content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; width: 0; height: 0; background: #e31f24; opacity: 0; -o-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
.all-news a:hover:after{left: 0; top: 0; width: 100%; height: 100%; opacity: 1;}


.inner-wr{margin: 0 auto; width: 100%; max-width: 1100px;}
.white-page{background: #fff; color: #252525; display: table; width: 100%;}
.page-text{padding: 0 8.454% 0 13.09%;}
.l-side, 
.page-text{display: table-cell; vertical-align: top; padding-top: 80px; padding-bottom: 100px;}
.l-side{width: 21.545%; position: relative;}
.l-side:after{content: ""; position: absolute; left: 69px; top: 0; width: 3px; height: 100%; background: #d4d4d4;}

.top-img-line{display: block; font-size: 0; line-height: 0;}
.top-img-line img{width: 100%;}

.top-info-line{display: table; width: 100%; height: 82px; background: #d4d4d4; font-size: 18px; line-height: 30px; position: relative;}
.top-info-line > div{display: table-cell; vertical-align: top; vertical-align: middle;}

.top-info-line .date-coll{width: 72px; background: #6f6f6f; color: #fff; text-align: center; padding: 14px 0 8px;}
.top-info-line .date-coll.big{width: 110px;}
.top-info-line .date-coll b{font-size: 36px; font-weight: 900;}
.top-info-line .date-coll > *{display: block;}

.top-info-line .info-coll{padding: 14px 0 8px 27px; text-transform: uppercase;}
.top-info-line .info-coll .name{font-size: 30px; font-weight: 900; margin: 0 30px 0 0;}
.top-info-line .info-coll .time{color: #6f6f6f;}

.top-info-line .buy-link{width: 237px; position: relative;}
.top-info-line .buy-link a{background: #e31f24; color: #fff; text-decoration: none; font-size: 24px; line-height: 24px; font-weight: bold; text-align: center; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.top-info-line .buy-link a:hover{background: #e92d32;}
.top-info-line .buy-link span{position: absolute; display: block; left: 0; width: 100%; top: 50%; margin-top: -12px;}

.top-info-line .go-link-coll{width: 286px;}
.top-info-line .go-link-coll a{background: #e31f24; color: #fff; text-decoration: none; font-size: 24px; line-height: 82px; font-weight: bold; text-align: center; display: block;}
.top-info-line .go-link-coll a:hover{background: #e92d32;}

.top-info-line .price-coll{width: 145px; /*padding: 4px 0 8px 26px;*/ padding: 4px 0 4px 26px; border-left: 3px dashed #fff;}
.top-info-line .price-coll .price{font-size: 32px; font-weight: 900; text-transform: uppercase;}

.top-info-line .canceled{width: 145px; padding: 12px 8px 8px 20px; border-left: 3px dashed #fff;
font-size: 30px; font-weight: 900; text-transform: uppercase;
}


.top-info-line .info-contact-coll{padding: 15px 30px 0; letter-spacing: 0.02em;}
.top-info-line .info-contact-coll .name{font-size: 24px; font-weight: 900; text-transform: uppercase;}
.top-info-line .info-contact-coll .addr{line-height: 18px; margin: 2px 0 5px;}

.top-info-line .contact-coll{padding: 15px 33px 0; letter-spacing: 0.02em; width: 275px; border-left: 3px dashed #fff; text-align: right;}
.top-info-line .contact-coll b{display: block; font-size: 24px; font-weight: 900; color: #e31f24;}
.top-info-line .contact-coll a{color: #252525; text-decoration: underline;}
.top-info-line .contact-coll a:hover{text-decoration: none;}
.top-info-line .contact-coll font{font-size:16px;}

.contact-page{margin: 50px 93px;}
.contact-page h4{text-transform: uppercase;}
.contact-page p{margin: 10px 0; font-size: 14px; line-height: 20px;}


.nav-page{margin: 19px 0;}
.nav-page a,
.nav-page span{background: #fff; display: block; padding: 18px 23px 14px 34px; margin: 46px 0 0; font-size: 18px; line-height: 22px; font-weight: 900; text-transform: uppercase; color: #252525; letter-spacing: 0.03em; position: relative; z-index: 3;}
.nav-page a:first-child, 
.nav-page span:first-child{margin-top: 0;}
.nav-page a.active{background: #e31f24;}




.year-nav{margin: 409px 0 20px;}
.year-nav a{background: #252525; display: block; padding: 18px 25px 14px 34px; margin: 46px 0 0; font-size: 18px; line-height: 22px; font-weight: 900; text-transform: uppercase; color: #fff; letter-spacing: 0.03em; position: relative; z-index: 3;}
.year-nav a:first-child{margin-top: 0;}
.year-nav a.active{background: #e31f24;}


.month-block{margin: 0 0 40px;}

.big-header{font-size: 160px; line-height: 185px; font-weight: 900; text-transform: uppercase; margin: 0 0 -38px; color: #fff; position: relative; z-index: 1;/* transition: opacity ease 0.25s; -o-transition: opacity ease 0.25s; -moz-transition: opacity ease 0.25s; -webkit-transition: opacity ease 0.25s;*/}
/*.big-header.scroll{opacity: 0.6;}*/
.big-header:first-child{margin-top: 0;}


.margin-text{margin: 60px 0 0;}

.photo-report-text-block .coll-2 a{display: block; margin: 50px 0 0;}
.photo-report-text-block .coll-2 a:first-child{margin-top: 0;}
.photo-report-text-block img{width: 100%;}



.news-row{/*text-align: justify;*/ padding: 20px 0 0; position: relative; z-index: 15; margin: 0 0 0 -50px; overflow: hidden;}
.news-row:first-child{margin-top: 80px;}
/*.news-row:after{content: ""; display: inline-block; vertical-align: top; width: 100%; height: 0;}*/
.news-row a{color: #fff; text-decoration: none;}
.news-row .one-news{height: 450px; /*height: 425px;*/ width: 237px; display: block; float: left; vertical-align: top; position: relative; margin: 0 0 20px 50px; text-align: left;}
.news-row .one-news.x-2{width: 525px;}
.news-row a span{display: block;}
.news-row .img{background: #000; display: block; font-size: 0;text-align: center; line-height: 0; width: 100%; position: relative;}
.news-row .img img{max-width: 100%; max-height:400px;  opacity: 0.7; transition: opacity ease 0.3s; -o-transition: opacity ease 0.3s; -moz-transition: opacity ease 0.3s; -webkit-transition: opacity ease 0.3s;}
.news-row .img i[class^="i-"]{position: absolute; right: 10px; top: 10px;}
.news-row a:hover  img{opacity: 1;}
.news-row .date{margin: 5px 0 0; text-transform: lowercase;}
.news-row .date,
.news-row .stext{font-size: 14px; line-height: 20px; color: #ebebeb;}
.news-row .stext a{color: #9999ff;}
.news-row .name{text-transform: uppercase; font-size: 20px;}


.photo-block{margin: 42px 0; text-align: justify;}
.photo-block:after{content: ""; display: inline-block; vertical-align: top; width: 100%; height: 0;}
.photo-block .one-photo{background-color: #111; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; width: 21.545%; height: 163px;  display: inline-block; vertical-align: top; margin: 0 0 40px;}
.photo-block .one-photo.x2{width: 47.722%; height: 366px; float: left; margin-right: 4.545%;}
.photo-block .one-photo.x2:nth-child(2n){float: right; margin-right: 0; margin-left: 4.545%;}



/* fancy */
.fancybox-overlay{background: #252525;}
.fancybox-opened .fancybox-skin{box-shadow: none;}

.fancybox-close, 
.fancybox-prev span, 
.fancybox-next span{background: url("../img/slide-icons.png") no-repeat; height: 100px; visibility: visible;}
.fancybox-close{background-position: 0 -100px; width: 100px; position: fixed; top: 25px; right: 25px;}
.fancybox-prev span, 
.fancybox-next span{width: 50px;}
.fancybox-prev span{background-position: 0 0; left: 50px;}
.fancybox-next span{background-position: -50px 0; right: 50px;}
.fancybox-nav span{margin-top: -50px;}
.fancybox-close:hover, 
.fancybox-prev:hover span, 
.fancybox-next:hover span{opacity: 0.6;}
.fancybox-prev,
.fancybox-next{position: fixed; top: 0; width: 24%; height: 100%;}
.fancybox-prev{left: 0;}
.fancybox-next{right: 0;}

.fancy-info{position: fixed; left: 0; bottom: 20px; position: fixed; text-align: center; font-size: 18px; width: 100%; color: #fff; z-index: 9000;}
/* fancy */


/* page */
.page{margin: 0; padding: 39px 0; /* overflow: hidden; */}
.container{float: left; width: 100%;}
.content{margin: 0 33.831% 0 0;}
.content:after{content: "."; font-size: 0;}

.header{font-size: 30px; line-height: 36px; font-weight: 900; text-transform: uppercase; margin: 9px 0 19px; letter-spacing: 0.025em;}
.header.min{font-size: 40px; line-height: 50px;}
.title{font-size: 32px; line-height: 38px; font-weight: normal; position: relative;}

.path{font-size: 12px; line-height: 16px; margin: 20px 0 30px;}

.text{margin: 2px 0 0;}
.text a{color: #9999ff; text-decoration: underline;}
.text a:hover{text-decoration: none;}
.text p{margin: 12px 0; position: relative;}
.text h1, .text h2, .text h3, 
.text h4, .text h5, .text h6{margin: 0 0 1.05em; font-weight: bold; line-height: 1.2em;}
.text h1, .text h2, .text h3{font-weight: 900; letter-spacing: 0.015em; text-transform: uppercase;}
.text h1{font-size: 32px;}
.text h2{font-size: 30px;}
.text h3{font-size: 26px;}
.text h4{font-size: 20px;}
.text h5{font-size: 19px;}
.text h6{font-size: 18px;}

.text img{max-width: 100%; margin: 0; padding: 0; vertical-align: middle;}
.text img[align="right"]{margin-left: 30px;}
.text img[align="left"]{margin-right: 30px;}

.text q{font-size: 18px; line-height: 22px; color: #222; letter-spacing: 0.03em; font-style: italic; font-weight: normal; text-align: center; quotes: "" ""; display: block; background: transparent; border: 0 none; padding: 9px 15px 20px; margin: 19px 0 9px;}
.text q:after, .text q:before{content: "";}
.text blockquote{font-size: 14px; line-height: 20px; font-style: normal; font-weight: normal; quotes: "" ""; position: relative; top: 1px; display: block; background: #fff; border-left: 5px solid #ccc; padding: 9px 15px 7px; margin: 7px 10px 11px 0;}
.text blockquote:after, .text blockquote:before{content: "";}

.text ul{margin: 6px 0 36px; padding: 0; list-style: none; overflow: hidden;}
.text ul li{margin: 0 0 4px; padding: 0 0 0 17px; position: relative;}
.text ul li:after{content: "\2022"; font-size: 1.2em; display: inline-block; width: 15px; height: 15px; position: absolute; left: 0; top: 0;}

.text ol{margin: 26px 0 36px; padding: 0 0 0 38px; overflow: hidden;}
.text ol li{margin: 5px 0 20px;}
.text ol{counter-reset: list1;}
.text ol li{list-style-type: none; position: relative;}
.text ol li:before{background: #eee; counter-increment: list1; content: counter(list1); font-size: 18px; font-weight: bold; position: absolute; left: -38px; top: -5px; width: 32px; height: 32px; line-height: 32px; text-align: center; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}

.text table{margin: 11px 0 25px; border-collapse: collapse; border: 0 none; width: 100%; font-size: 14px; line-height: 18px;}
.text td, .text th{/*border: 0 none;*/ padding: 10px 15px; /*text-align: center;*/}
.text th{background: transparent; font-weight: normal; border-bottom: 1px solid #ccc;}

.text table.nostyle,
.text table.nostyle table{margin: 0; border: 0;}
.text table.nostyle table td{padding: 0;}
.text table.nostyle td{border: 0;}

.text table ul {margin: 6px 0;}

.text .over{overflow: hidden; margin: -6px 0 39px;}
.text .coll-2{float: left; width: 46.325%; margin: 0 0 0 7.35%;}
.text .coll-2:first-child{margin-left: 0;}
.text .coll-2 h6{margin: 0 0 8px;}
.text .coll-2 p{margin: 0 0 12px;}
.text .coll-1{float: left; width: 23%; margin: 0 0 0 7.35%;}
.text .coll-1:first-child{margin-left: 0;}
.text .coll-1 h6{margin: 0 0 8px;}
.text .coll-1 p{margin: 0 0 12px;}
.text h2 + h6{margin: -10px 0 10px;}
/* text */



/* button */
.button{background: transparent; font: 24px/28px PFHighwaySansPro-Thin; letter-spacing: 0.015em; display: inline-block; position: relative; padding: 11px 32px 12px; border: 1px solid #616161; text-align: center; outline: 0 none; color: #474747; text-decoration: none; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
.button:hover, a:hover .button{background: #fafafa; border-color: #111; color: #111; text-decoration: none;}
.button.blue{background: #99ccff; border-color: #99ccff; color: #fff;}
.button.blue:hover{background: #82befb; border-color: #3a91e8;}



/* transition */
.button{transition: all ease 0.3s; -o-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}


/* footer */
.footer{margin: 40px 0; color: #fff; position: relative; z-index: 20;}
.footer .over{position: relative;}
.home-page .footer .padding{padding: 0 4.166%;}

.info-block{margin: 0 0 20px; overflow: hidden;}
.info-block .f-tel{font: 32px/34px xeniac; letter-spacing: 0.04em; float: left; margin: 0 60px 0 0;}
.info-block .site-links a{margin: 0 55px 0 0;}

.f-nav{margin: 0 100px 0 0; padding: 0 0 5px; max-width: 950px;}
.f-nav a{margin: 0 30px 0 0; display: inline-block; text-align: left; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.f-nav a:hover{color: #e31f24; text-decoration: none;}
.copy{margin: 0 40px 0 0; display: inline-block; text-align: left;}
.dev{float: right; position: absolute; right: 0; bottom: 0;}


a[href="http://juno.ru/"]{background: #7a7a7a url("../img/juno.png") no-repeat 55% 50%; width: 82px; height: 28px; display: inline-block; font-size: 0; line-height: 0; vertical-align: middle; margin: 0 5px; position: relative; top: -2px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
a[href="http://juno.ru/"]:hover{background-color: #ed2c2f;}

/* happy end */

/*XC*/
.partners_list {
 font-size: 0px;
 width: 93%;
}

.partners_list .partner_item{
	display: inline-block; vertical-align: middle;
	text-align: center;
	width: 25%;
	margin-bottom:45px;
}

.ev_delimiter{
	height:15px;
}
.ev_delimiter2{
	height:55px;
}

.heightAuto{
    height:auto !important;
}

.all-link.showmore{

}

.slider_with_text .slider_wr > *{float: left; width: 576px;}
.slider_with_text .slider_wr{ position: absolute; width: 25000px;}
.slider_with_text{
	width: 576px;
	height: 336px;
	/*height: 576px;*/
	position: relative;
	overflow: hidden;
}

.slider_without_text .slider_wr > *{float: left; width: 576px;}
.slider_without_text .slider_wr{ position: absolute; width: 25000px;}
.slider_without_text{
	width: 576px;
	height: 345px;
	margin-bottom:35px;
	position: relative;
	overflow: hidden;
}


.sleft,.sright{
	cursor: pointer;
	width: 26px;
	height: 50px;
    background: url(/t/img/slide_arrow.png) 0 0 no-repeat;
	position: absolute;
	top: 142px;
}
.sleft{ left: 18px;}
.sright{ right: 18px; background-position: 100% 0;}

.sbig_text{
	font-size: 18px;
	color: #252525;
	line-height: 22px;
}
.snum_text span{display: inline-block;margin-right:19px;}
.snum_text{
	font-size: 18px;
	text-transform: uppercase;
	margin-top:27px;
	margin-bottom:7px;
}
.text .abtext ul {
	margin-top:40px;
	width: 546px;
}

.text .abtext ul li{	padding-left: 25px; 	margin-bottom:12px;      }
.abtext{
	line-height: 22px;
}

.mt35{
	margin-top:35px;
}


.hmove{
	font-size: 0px;
	line-height: 0;
	position: absolute;
}


.one-event-banner{
	display: block;
	clear: both;
	position: relative;
	margin: 0 -50px 42px 0px;
	height: 180px;
	background:  0 0 no-repeat / cover;
}

.sub-banner-img{
  	background:  0 0 no-repeat / cover;
	position: absolute;
}

.one-event-banner span{
	font-size: 24px;
	color: #fffefe;
	position: absolute;
	left: 7%;
	top: 67px;
}

.share_in{
	margin-top:100px;
}

.share_in b{
	color: #6f6f6f;
	display: inline-block;margin-right:10px;
}
.share_in a{
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(/t/img/share.png) 0 0 no-repeat;
	vertical-align: top;
	margin-right:12px;
}
.share_in a:hover{ background-position: 0 100%;}
.share_in a.fb:hover{ background-position: -42px 100%;}
.share_in a.fb{ background-position: -42px 0;}
.share_in a.ok{ background-position: -84px 0;}
.share_in a.ok:hover{ background-position: -84px 100%;}
/*XC*/

/* responsive */
.desktop .no-mobile{display: block;}
.desktop .no-desktop{display: none;}
.mobile .no-desktop{display: block;}
.mobile .no-mobile{display: none;}

.top-info-line .info-coll {
	width: 63%;
}


@media screen and (min-width: 5px) and (max-width: 800px){
	.t-nav{margin-top: 67px !important; /*font-size: 90%;*/}
	.top-block{width: 68%;}
}

@media screen and (min-width: 5px) and (max-width: 930px){
	.l-side{display: none;}
	.page-text{padding-left: 8.5%; padding-right: 8.5%;}
	.top-info-line .info-coll{position: absolute; left: 5%; max-width: 90%; padding: 0; bottom: 110px; color: #fff;}
	.top-info-line .info-coll .time{color: #fff;}
	/*.top-info-line .info-coll .name{font-size: 60px; line-height: 60px;}*/
	/*.top-info-line + .white-page .page-text{padding-top: 150px;}*/
	
	.logo use.logo-1{fill: #fff;}
	.logo svg{display: none;}
	.logo img{display: block; -moz-opacity: 1; opacity: 1;}
	.logo{min-width: 200px;}

	.top{min-height: auto;}
	.top-block{min-width: 0; margin-right: -45px;}
	.top-block:after{display: none;}
	.t-search{display: none;}
	.t-nav{margin: 75px 0 0 0; text-align: left;}
	.t-nav:after{display: none;}
	.t-nav a{margin: 0 10px 9px 0; padding: 5px 15px;}
	.t-nav a:after{display: none;}
	.t-nav a.active, .t-nav a:hover{background: #e31f24;}
	
	.big-header{font-size: 105px; line-height: 135px;}
	
	html, body{min-width: 625px;}
	
}
@media screen and (min-width: 5px) and (max-width: 970px){
	.l-nav{display: none;}
	.page-block{padding-left: 50px;}
	.home-page .page-block{padding-left: 0;}
}
@media screen and (min-width: 5px) and (max-width: 1100px){
	
	/*.event-list{margin-right: -50px;}*/
	/*.calendar-block-wr .event-list{margin-right: -50px;}*/
	
	.l-nav{padding: 0;}
	.page-block{position: relative; z-index: 100;}
}
@media screen and (min-width: 5px) and (max-width: 1150px){
	.inner-wr .padding{padding-left: 50px; padding-right: 50px;}
	.photo-block{padding-left: 20px; padding-right: 20px;}
	.news-list{padding-left: 20px; padding-right: 20px;}
}
@media screen and (min-width: 5px) and (max-width: 1400px){
	.r-side{display: none !important;}
	.close-side{display: none !important;}
}

.mobile .logo svg{display: none;}
.mobile .logo img{display: block; -moz-opacity: 1; opacity: 1;}
/* responsive */

/* subscription подписка */
.subscription { 
	display:none;
	width:452px;
	height:284px;
	background: url("../img/backfonsubscription.png") no-repeat;
	position: absolute;
    margin: -22px 0 0 -365px;
    z-index: 8000;
	
	transition: left ease 0.5s; 
	-o-transition: left ease 0.5s; 
	-moz-transition: left ease 0.5s; 
	-webkit-transition: left ease 0.5s;
}
.subscription  form{
	vertical-align:top;
	margin: 128px 11px 0px 11px;
    /* background: #220add; */
    height: 134px;
}
.subscription  form h4{
	vertical-align: top;
	padding: 14px 0px 0px 22px;
    color: #fff;
    width: 268px;
    line-height: 22px;
    letter-spacing: 1px;
	background:#000;
}
.subscription  input[type=text]{
	vertical-align: top;
	margin: 1px 0px 0px 23px;
    padding: 10px 30px;
    width: 234px;
    color: #000;
    border: none;
    border-radius: 20px;
    background: #e6e6e6;
    font-size: 15px;
    letter-spacing: 0.8px;
}
.subscription  input[type=submit]{
	cursor:pointer;
    vertical-align: top;
    font-weight: 900;
    color: #fff;
    border: none;
    background: #e31f24;
    font-size: 15px;
    margin: 1px 0px 0px 5px;
    padding: 10px 29px;
    border-radius: 20px;
    letter-spacing: 1px
}
.subscriptionClose {
    cursor: pointer;
    position: absolute;
    z-index: 11;
    top: 8px;
    right: 12px;
    color: #e31f24;
    font-size: 28px;
    padding: 4px;
}
.subscription_dopinfo {
	position: absolute;
    top: 240px;
    left: 36px;
}
.color_gren {
	color: green;
}
.color_red {
	color: red;
}


/*ticket*/
.ticket_block{
    width: 800px;
    position: fixed;
    z-index: 1002;
    left: 45%;
    top: 50%;
    margin-top: -253px;
    margin-left: -233px;

}
.closer {
    cursor: pointer;
    position: absolute;
    z-index: 11;
    top: -7px;
    right: 12px;
    color: #e31f24;
    font-size: 28px;
    padding: 4px;
}
.overlay {
    background: #252525;
    position: fixed;
    height: 100%;
    width: 100%;
    opacity: 0.65;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);
    top: 0;
    left: 0;
    z-index: 1001;
}

.ticket_block img {
	width:160px !important;
	height: auto !important;
	
}

.event-list img { height: auto !important;
}


/*ticket end*/



.year-header {
	color: #fff;
	font-size: 20px;
    font-weight: bold;
	margin-top: 30px;
}

.img.gray-image {
	-webkit-filter: grayscale(100%) brightness(20%);
	-moz-filter: grayscale(100%) brightness(20%);
	-ms-filter: grayscale(100%) brightness(20%);
	-o-filter: grayscale(100%) brightness(20%);
	filter: grayscale(100%) brightness(20%);
	filter: gray;
	transition: filter 2s ease-in-out;
}


.img.gray-image:hover {
	-webkit-filter: grayscale(0%) brightness(100%);
	-moz-filter: grayscale(0%) brightness(100%);
	-ms-filter: grayscale(0%) brightness(100%);
	-o-filter: grayscale(0%) brightness(100%);
	filter: grayscale(0%) brightness(100%);
	filter: gray;
	transition: filter 2s ease-in-out;
}

.is-photo-report {
	/* display: none; */
	position: absolute;
    top: 10px;
    right: 10px;
    z-index: 11111;
    color: #fff;
}

.is-photo-report span {
    position: relative;
    top: -3px;
}

.spacer-line {
	background: rgba(255,0,0,0.8);
	width: 95%;
	height: 40px;
    padding: 0 70px 0 25px;
	
	box-sizing: border-box;
    border: 0 none;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}


.sbor {
	font-size: 0.8em;
	position: relative;
	margin-left: -14px;
	cursor:pointer;
	}
.sbor_info{
display:none;
position: absolute;
padding: 16px 12px 22px 22px;
left: -78px;
bottom: 25px; 
background: #fff; 
cursor: default; 
width: 268px;
/* height: 74px; */
height: 54px;
font-size: 0.9em;
line-height: 1.5em;
z-index: 100;
border-radius: 3px;
}
.sbor_info span {
display: inline-block;
margin-top: 5px;
}
.sbor:hover .sbor_info {
display:block;	
}

.buy-link-info {
position: absolute;
padding: 16px 12px 22px 22px;
right: 0px;
bottom: 85px;
background: #fff;
cursor: default;
width: 344px;
height: 74px;
height: 16px;
font-size: 0.9em;
line-height: 1.5em;
z-index: 100;
border-radius: 3px;
line-height: 17px;
}
.buy-link-info  a{
	color:#000;
	display: inline-block;
border-bottom: 1px dashed #000;
}
.buy-link-info  a:hover{
text-decoration: none;
border-bottom: 0px none;
}

/*
.buy-link-info  input:checked {	
}*/

.top-info-line > div.buy-link-info {
	display: none;
}

.top-info-line {
	height: 95px;
}

.buy-link-info {
	bottom: 95px;
}

.top-info-line .buy-link {
    position: absolute;
    height: 95px;
    right: 0px;
}

.top-info-line .price-coll {
    position: absolute;
    right: 220px;
	padding: 3px 5px 1px 20px;
}

.top-info-line .info-coll .name {
	max-width: 600px;
}

.top-img-line{position: relative; overflow: hidden; height: 550px;}
/*.top-img-line div{position: absolute; left: 0; top: 0; right: 0; bottom: 0;}*/

/* .top-info-line .buy-link, */
.top-info-line .price-coll{position: relative; right: 65px;}


/*правки для снега*/
.snow-block {position: fixed;top: 0;left: 0;}
.side-padding {z-index: 1; position: relative;}
.close-side {z-index: 1;}
.top-slide .slide-next, .top-slide .slide-prev {z-index: 1;}

.row-item.header-text {
	/* text-align: center; */
	font-size: 25px;
    font-weight: bold;
    margin-bottom: 20px;
}



.tab-menu {
	text-align: center;
	padding-left: 50px;
}

.tab-menu .event-list {
	display: inline-block;
	width: 275px;
}

.tab-menu-item {
	
}

.tab-menu-item .name {
	position: unset;
	padding: 3px 20px 1px 5px;
}

.name#menu-photos {
	float: left;
}

.name#menu-videos {
	float: right;
}

.tab-menu-item .name.active {
	background: #E32C22;
}

.youtube-player {
	width: 1130px;
	height: 620px;
}

.youtube-player iframe {
	float: left;    
	margin: 20px 20px 0 0;
    width: 540px;
}

.photo-block .video-block {
	margin-bottom: 40px;
}

.photo-block .video-block .youtube-player iframe {
	width: 97.5%;
	height: 100%;
}



.home-page .full-width .event-list {
    padding-left: 35px;
    padding-right: 35px;
}

.full-width .event-list .one-event.x-2 {
    width: 520px;
}

.full-width .event-list .one-event {
    width: 230px;
    margin: 0 0 42px 30px;
}



/* Черная пятница. Beg max-width 870px */

.bf-banner-wrapper {
	display: none;
	text-align: center;
	position: fixed;
    top: 25%;
    left: 40%;
    z-index: 9999;
}

.bf-banner-wrapper .i-close {
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
	z-index: 99999;
}

.bf-banner-wrapper .bf-banner {
	display: inline-block;
	position: relative;
}

.bf-subscription {
	position: absolute;
	bottom: 109px;
    left: 17px;
	width: 94%;
}

.bf-subscription .email {
	display: inline-block;
	width: 345px;
    height: 23px;
	border: 0;
	padding: 0 20px;
	font-size: 15px;
	color: #9ea09f;
}

.bf-subscription .btn-subscription {
    display: inline-block;
	position: relative;
    left: 16px;
    top: -1px;
    width: 132px;
    border-radius: 50px;
    padding: 3px 0px;
    border: 0;
	color: #fff;
	font-size: 15px;
	background: linear-gradient(to bottom, #78030b, #5c0309, #2b0709, #100806);
}

.bf-banner-wrapper .bf-overlay {
	display: none;
	position: absolute;
	bottom: 10px;
    left: 0;
    width: 100%;
	height: 35px;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.8);
    text-align: center;
    padding: 60px 0;
}

.bf-banner-wrapper .response {
	color: #fff;
	font-size: 20px;
	z-index: 999999;
}

@media(max-width: 870px) {
	
}

/* Черная пятница. End */

/*подписка на рассылка на странице мероприятия*/
.subscribe-line {
          position: absolute;
          bottom: 0;
          left: 0;
          min-height: 54px;
          /* width: calc(100% - 72px); */
          background-color: rgb(255, 255, 255);
          margin-left: 72px;
        }
        .subscribe-line * {
          box-sizing: border-box;
        }
        .subscribe-line__wrap {
          position: relative;
          /* padding: 0 22px; */
          padding: 0 0 0 15px;
          text-align: left;
        }
        .subscribe-line__wrap.loadbox:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(255, 255, 255, 0.5);
        }
        .subscribe-line__item {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          font-size: 16px;
          color: #2c2c2c;
          line-height: 1;
          padding-top: 13px;
          padding-bottom: 13px;
        }
        .subscribe-line__item a {
          text-decoration: underline;
          text-decoration-style: dashed;
          font-size: 16px;
          color: #2c2c2c;
          line-height: 1;
          margin: 0;
        }
        .subscribe-line__item p {
          margin: 0;
        }
        .subscribe-line__left {
          border-right: 1px solid #c4c4c4;
          padding-right: 23px;
        }
        .subscribe-line__right {
          padding-left: 15px;
        }
        .subscribe-line__form {
          width: 100%;
          display: flex;
          justify-content: flex-start;
          align-items: center;
        }
        .subscribe-line__input {
          height: 28px;
          width: 211px;
          border: 1px solid #c4c4c4;
          margin-right: 13px;
          margin-left: 28px;
          padding: 5px 18px;
        }
        .subscribe-line__check {
          margin-right: 8px;
        }
        .subscribe-line__button {
          width: 111px;
          height: 28px;
          background-color: #e31f24;
          color: #fff;
          text-align: center;
          text-transform: uppercase;
          border: none;
          font-weight: bold;
          font-size: 12px;
        }
        .subscribe-line__message {
	  display: none;
          line-height: 1;
          width: 100%;
          height: 100%;
          font-size: 16px;
          text-align: center;
          margin: 0;
          margin-top: 18px;
        }
@media(max-width:930px) {
.subscribe-line {
            width: 100%;
            margin-left: 0;
            margin-bottom: 89px;
          }
          .subscribe-line__form {
            flex-wrap: wrap;
          }
          .subscribe-line__left {
            padding-right: 0;
            padding-bottom: 0;
            width: 100%;
            border: none;
            justify-content: center;
          }
          .subscribe-line__right {
            padding-left: 0;
            width: 100%;
            text-align: center;
            justify-content: center;
          }
        }
		
		
.subscribe-line__button.disable {
	background-color: #d4d4d4;
	cursor: not-allowed;
}

