@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, p, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	/*font-size: 100%;*/
	/*font: inherit;*/
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face {
	font-family:'GothamPro-Regular';
	src: url('../fonts/GothamPro_latin-latin-ext-cyrillic-cyrillic-ext_gdi.eot');
	src: url('../fonts/GothamPro_latin-latin-ext-cyrillic-cyrillic-ext_gdi.eot#iefix') format('embedded-opentype'),
		url('../fonts/GothamPro_latin-latin-ext-cyrillic-cyrillic-ext_gdi.woff') format('woff'),
		url('http://onlineteatr.com/fonts/GothamPro_latin+latin-ext+cyrillic+cyrillic-ext_gdi.ttf') format('truetype'),
		url('http://onlineteatr.com/fonts/GothamPro_latin+latin-ext+cyrillic+cyrillic-ext_gdi.svg#GothamPro-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2116;
}
@font-face {
	font-family:'GothamPro-Light';
	src: url('../fonts/GothamPro-Light_latin-latin-ext-cyrillic-cyrillic-ext_gdi.eot');
	src: url('../fonts/GothamPro-Light_latin-latin-ext-cyrillic-cyrillic-ext_gdi.eot#iefix') format('embedded-opentype'),
		url('../fonts/GothamPro-Light_latin-latin-ext-cyrillic-cyrillic-ext_gdi.woff') format('woff'),
		url('../fonts/GothamPro-Light_latin-latin-ext-cyrillic-cyrillic-ext_gdi.ttf') format('truetype'),
		url('../fonts/GothamPro-Light_latin-latin-ext-cyrillic-cyrillic-ext_gdi.svg') format('svg');
	font-weight: 200;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2116;
}
@font-face {
	font-family:'GothamPro-Medium';
	src: url('../fonts/GothamPro-Medium_latin-latin-ext-cyrillic-cyrillic-ext_gdi.eot');
	src: url('../fonts/GothamPro-Medium_latin-latin-ext-cyrillic-cyrillic-ext_gdi.eot#iefix') format('embedded-opentype'),
		url('../fonts/GothamPro-Medium_latin-latin-ext-cyrillic-cyrillic-ext_gdi.woff') format('woff'),
		url('../fonts/GothamPro-Medium_latin-latin-ext-cyrillic-cyrillic-ext_gdi.ttf') format('truetype'),
		url('../fonts/GothamPro-Medium_latin-latin-ext-cyrillic-cyrillic-ext_gdi.svg') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2116;
}
@font-face {
	font-family:'GothamPro-Bold';
	src: url('../fonts/GothamPro-Bold_gdi.eot');
	src: url('../fonts/GothamPro-Bold_gdi.eot#iefix') format('embedded-opentype'),
		url('../fonts/GothamPro-Bold_gdi.woff') format('woff'),
		url('../fonts/GothamPro-Bold_gdi.ttf') format('truetype'),
		url('../fonts/GothamPro-Bold_gdi.svg') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}
@-webkit-keyframes fadeIn {
	0% { opacity: 0; }
	20% { opacity: 0; }
	40% { opacity: 0.3; }
	60% { opacity: 0.5; }
	80% { opacity: 0.9; }
	100% { opacity: 1; }
}
@keyframes fadeIn {
	0% { opacity: 0; }
	20% { opacity: 0; }
	40% { opacity: 0.3; }
	60% { opacity: 0.5; }
	80% { opacity: 0.9; }
	100% { opacity: 1; }
}
html,body{
	margin:0;
	padding:0;
	height:100%;
	
}
body {
	font:100%;
	color:#fff;
	background:#000;
	font-family:'GothamPro-Regular';	
	font-size: 16px;	
}


h1, h2, h3, h4, h5, h6  { font-weight:normal; font-style:normal; font-family:Arial, Helvetica, sans-serif; color:#ce224c; }

h1  {font-size:1.31em; margin:0; padding:15px 0 10px 0;}
h2  {font-size:1.12em;}
h3  {font-size:1em;}
h4  {font-size:0.87em;}
h5  {font-size:0.75em;}
h6  {font-size:0.62em;}

img  { border:none; }

a  { color:#fff; outline-style:none; text-decoration:underline; 
 -webkit-transition: all 500ms;
 	-moz-transition: all 500ms;
 	  -o-transition: all 500ms;
         transition: all 500ms;
}
a:hover  { color:#fff; }
a img  { border:none; }

header {
	width: 100%;
	min-width: 960px;
	height:76px;
	margin:0 auto;
	padding-top: 10px
	}
ul.yiiPager>li {display: inline;}
ul.yiiPager>li>a {padding: 4px; text-decoration: none; font-size: 20px;}
ul.yiiPager>li.selected>a {color: #A4003F; font-weight: bold;}
.wrapper{margin:0 auto -92px;	min-height: 100%; height: auto; background: #000; }
.clear::after {content: ''; display: block; clear: both; height: 0px; font-size:0; line-height:0; visibility: hidden;}
div.clears {
	clear:both;
	font-size:0;
	line-height:0;
	height:0;
}
.anti_foot{height: 92px;}
/*content*/

.main-container{width: 1140px; margin: 0 auto; position: relative;}
.container{width: 1140px; margin: 0 auto; padding: 0px 0px; background: #2f2f2f;}

.logo{display: block; width: 195px; height: 85px; float: left;}


.menu_list{ margin:0; padding:0; display: block; width: 945px; height: 85px; float: left; padding: 8px 0 0 0;}
.menu_list>li{
	float:left;
	list-style: none;
	border-left: 1px solid #595858;
	height: 40px;
	padding: 12px 5px 15px;
	width: 140px;
	position: relative;
	text-align: center;
}
.menu_list>li:first-child{border-left: 1px solid transparent;}	
.menu_list>li>a{ 
	display: table-cell;
	vertical-align: middle;
	text-decoration: none; 
	text-align: center;
	width: 140px;
	height: 40px;
	text-align: center;
	font-family:'GothamPro-Regular';
	font-size: 18px;
}
.menu_list>li:last-child{padding:12px 0px 15px 10px!important;}	
.menu_list>li>a:hover{font-family:'GothamPro-Bold'; color:#c1003f;}
.menu_list>li>a span { display:block; padding:0 17px 0 17px; margin:0 0 0 -1px}
.menu_list>li>a:hover span{}
.menu_list>li.last{background:none}

.menu_list>li>ul{
	width: 260px;
	background: rgba(255, 255, 255, 0.9);
	position: relative;
	top: 15px;
	padding: 10px 0 10px 0;
	-moz-box-shadow: -1px 17px 38px rgba(32,32,29,.46);
	-webkit-box-shadow: -1px 17px 38px rgba(32,32,29,.46);
	box-shadow: -1px 17px 38px rgba(32,32,29,.46);
	z-index: 9;
}
.menu_list>li>ul::before{
	display: block;
	content: "";
	position: absolute;
	background: none;
	border-bottom: 7px solid rgba(255, 255, 255, 0.9);
	border-left: 7px solid rgba(0, 0, 0, 0);
	border-right: 7px solid rgba(0, 0, 0, 0); 
	top: -7px;
	left: 60px;
	}
.menu_list>li>ul>li{margin: 2px 0; padding-left: 20px; line-height: 27px; text-align: left;}
.menu_list>li>ul>li>a{font-size: 0.87em; color: rgba(0, 0, 0, 0.9); text-decoration: none; line-height: 22px;}
.menu_list>li>ul>li>a:hover{text-decoration: underline; color: #c1003f;}
.menu_list>li>ul .active a{text-decoration: underline; color: #c1003f; }
.allt{ background: #c1003f; }
.allt>a{color: #fff!important; text-decoration: none;}

.menu_list>li>ul{display: none;}
.menu_list>li:hover>ul{display: block; cursor: pointer;}

.login{
	display: block;
	width: 155px;
	height: 10px;
	background: rgba(193, 0, 63, 0.41) url(../images/lock_15.png) 20px 6px no-repeat;
 	padding: 10px 0 15px 45px;
 	position: absolute;
 	top: 93px;
 	right: 0;
 	z-index: 2;
 	float: right; 
 	text-decoration: none;
}
.slider{position: relative; height: 425px;  }
#gallery{
  position:relative;
  margin: 0 auto;
  overflow:hidden;
  width: 1140px;
  height: 425px; /* +30 = space for buttons */
  text-align:center; /* to center the buttons */
}
#slider{
	width: 10000000px;
	position: relative;
	left: 0;
	top: 0;
	height:425px;  
	text-align:left; /* to reset text inside slides */
}
#slider > div {
  position:relative;
  float:left;
  width:1141px;
  height:424px;
}
/*.artists>a {color: #A4003F;}*/
.slide_mini:hover {box-shadow: 0 0 3px 2px rgba(F,F,F,0.5);}
.control{position: relative; top: -55%;}
#prev{
  width: 14px;
  height: 27px;
  display:block;
  position:relative;
  left: 15px;
  cursor:pointer;
  z-index: 4;
  float: left;
  background: url(../images/arrow_07.png) 0 0 no-repeat;

 } 
#next{
  width: 14px;
  height: 27px;
  display:block;
  position:relative;
  right: 15px;
  top: -10px;
  cursor:pointer;
  float: right;
  background: url(../images/arrow_07.png) 0 0 no-repeat;
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}
/*light-box*/
.main-light{
	margin: 0 auto;
	width: 1120px;
	padding-left: 20px;
	}
.light-box{
	width: 1100px;
	/*position: absolute;
	top: 46%;*/
	background: #2f2f2f;
	background-color: #2e2e2e;
	-moz-box-shadow: 3px 4px 29px rgba(41,41,39,.75);
	-webkit-box-shadow: 3px 4px 29px rgba(41,41,39,.75);
	box-shadow: 3px 4px 29px rgba(41,41,39,.75);
}
.light-box>.close{
	background: url(../images/x_03.jpg) 0 0 no-repeat;
	display: block;
	content: "";
	width: 35px;
	height: 35px;
	float: right;
	cursor: pointer;
}
.light-box .news_link {position: absolute; left: 20px; bottom: 10px; color: #CE224C; font-size: 24px;}
.controlz{
	position: absolute;
	top: 45%;pa
	display: block;
	width: 1067px;
}
.leftz{
	left: 0;
	width: 24px;
	height: 61px;
	display:block;
	position:relative;
	left: 0px;
	cursor:pointer;
	z-index: 4;
	float: left;
	background: url(../images/arrow_07.png) 0 50% no-repeat #000;
}
.rightz{
	width: 24px;
	height: 61px;
	display:block;
	position:relative;
	right: -33px;
	cursor:pointer;
	float: right;
	background: url(../images/arrow_07.png) 0 50% no-repeat #000;
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	transform: rotate(180deg);
}
.art-info{
	width: 1000px;
	min-height: 480px;
	margin: 0 auto;
	padding: 50px

}
.art-info>title{
	display: inline;
	font-size: 32px;
	float: left;
	width: 100%;
}
.art-info>hr{
	width: 100%;
	background-color: #4d4d4d;
	border-top:1px solid #4d4d4d;
	border-bottom:1px solid #4d4d4d;
	border-left:1px solid #4d4d4d;
	color: #4d4d4d;
	float: left;
	margin: 10px 0 35px;
}
.art-info>img{
	float: left;
}
.art-info-des{
	float: left;
	width: 630px;
	margin-left: 40px;
}
.art-info-des>title{
	display: inline;
	width: 100%;
	font-size: 18px;
	font-family:'GothamPro-Bold';
	line-height: 24px;
}
.art-info-des>p{
	text-align: left;
	font-size: 14px;
	font-family:'GothamPro-Regular';
	margin-top: 15px;
	line-height: 18px;
}

.firstt{ height: 424px;}

.afisha{width: 148px; height: 155px; padding: 10px 7px 10px; background: rgba(47, 47, 47, 0.53); position: absolute; top: 0; left: 5px; text-align: center;}
.afisha>a{margin: 10px auto 10px; display: inline-block; color: #A4003F; text-decoration: underline; font-weight: bold; }
.afisha>p{text-align: center; font-size: 18px; font-family: 'GothamPro-Bold'; color: #fff;}
.afisha>p>span{font-family:'GothamPro-Regular'; font-size: 17px; line-height: 28px; display: inline-block;}
.afisha-sec{border-top: 1px solid rgb(0, 0, 0); margin: 10px 0; padding: 5px 0;}
.afisha-sec>a{ font-size: 14px; text-align: center; display: inline-block; width: 100%; color: #fff; margin-top: 10px;}
.afisha-sec>a:hover{ color: #8e8e8e;}
.opisanie{display: inline-block; font-size: 15px; color: #fff; text-decoration: underline; position: absolute; bottom: 30px; float: left; left: 30px; }


.artists{display: none; width: 790px; height: 90px; float: right; position: absolute;bottom: 3px; right: 0; float: right; }
.artists>a{margin-right: 7px; margin-bottom: 5px; display: block; width: 70px; height: 89px; float: left; }

.artists{display: none;}
.firstt:hover>.artists{
	display: block; 
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: 1s;
	animation-name: fadeIn;
	animation-duration: 1s;}

.content{min-height: 600px; padding: 8px 15px; position: relative;}
.search{position: relative; float: right; right: 20px;  background: url(../images/search_49.png) 0 0 no-repeat; width: 285px; height: 35px;} 
.search>form {
    width:282px;
    margin:0 auto;
}
.search>form>input[type="text"]{
	background: none;
	border: none;
	height: 35px;
	line-height: 25px;
	width: 220px;
	float:right;
	text-align: right;
	padding-right: 15px;
	font-size: 16px;
	color: #8e8e8e;
}
.search>form>input[type="submit"]{
	background: url(../images/lupa.png) 8px 3px no-repeat;
	width: 40px; 
	height: 33px;
	border: none;
}	

.sidebar{width: 358px;float: left;}
.side-tit{background: #c1003f; height: 45px; width: 100%; padding-top: 23px;}
.side-tit>title{
	display: inline-block; 
	text-align: center; 
	width: 100%; 
	font-size:24px; 
	font-family: 'GothamPro-Medium';
 	padding-bottom: 9px;}
.side-blog{ margin-top: 10px; margin-bottom: 10px; position: relative; border:8px solid #404040;}
.side-blog:hover{border:8px solid #a4003f;}
.side-blog>img{padding: 0; margin: 0; height: 199px; position: relative;}
.side-desc{min-height: 62px;background: #202020; position: relative; margin-top: -36px; padding: 8px 0 0 10px;}
.side-desc>p{ text-align: left; font-weight: 300; font-size: 14px; color: #a7a6a4; margin: 4px 0 0; text-decoration:underline; line-height: 16px;}
.side-desc>a{display: block; width: 170px; font-family: 'GothamPro-Bold'; font-size: 1.12em; text-decoration: none; color: #a4003f;}

.side-desc>span{
	/*float: right;*/
    height: 50px;
    width: 40px;
    margin: -47px 0 0;
    padding: 20px 0 0 20px;
    background: url(../images/arr_03.png) 50% 50% no-repeat;
    position: absolute;
	right: 0px;
	top: 47px;
}
.side-blog:hover>.side-desc>span{background: url(../images/arr1_17.png) 50% 50% no-repeat #a4003f;}
.fm{
	background: #000;
	padding: 10px 50px;
	float: left;
	width: 242px;
	border:8px solid #404040; 
	margin: 10px 0px 10px 0px;  
}
.fm>img{float: left;}
.fm>title{padding-left: 20px; display: inline; font-size: 21px;font-family: 'GothamPro-Medium';float: left; width: 70%}
.fm>a{font-size: 13px; text-decoration: underline; float: left; margin-left: 23px; margin-top: 5px;} 
.photo{background: #000;}
.img-blog{
	min-height: 192px;
}
.desc-blog{
	min-height: 50px;
	background: #202020;
	padding: 20px 0 0 20px;
}

.desc-blog>title{
	display: inline-block;
	color: #a4003f;
	font-size: 24px;
	 font-family: 'GothamPro-Bold';
	 width: 100%;

}
.desc-blog>a{
	color: #a7a6a4;
	font-size: 14px;
	text-decoration: none;
}
.desc-blog>span{
	float: right;
    height: 50px;
    width: 40px;
    margin: -44px 0 0;
    padding: 20px 0 0 20px;
    background: url(../images/arr_03.png) 50% 50% no-repeat;
}
.desc-blog:hover>span{background: url(../images/arr1_17.png) 50% 50% no-repeat #a4003f;}
.rate{ 
	width: 110px;
	height: 26px;
	position: absolute; 
	top: 10px;
	right: 10px;
	z-index: 1; 
}
.play{display: block; position: absolute; background: url(../images/play.png) 0 0 no-repeat; height: 90px; width: 90px; cursor: pointer; top: 65px; left: 115px;}
.right-body{padding-left: 18px; float: right; width: 734px;}
.right-tit{
	width: 100%;
	height: 50px;
	background: #000;
	padding-top: 18px;
}
.right-body>title{
	display: inline-block;
	width: 100%;
	font-size: 1.3em;
	font-family: 'GothamPro-Medium';
	padding-bottom: 25px;
	margin-top: 20px;
	margin-left: 10px;
	float: left;}

#creators{
	display: none;
	float: left;
	width: 342px;
	/*border:8px solid #404040;*/
	/*margin: -17px 0px 10px 0px;*/ 
	padding: 0px 15px 10px;
	width: 312px;
}
/*.photo>.desc-blog>span:hover>.creators{display: block;}*/
.creat-blog{float: left; position: relative;}
#creators div.creat-blog{margin-top: 10px;}
.creat-blog>img{float: left;margin-right: 5px;}
.creat-blog a{display: block; width: 315px; font-size: 16px; color: #a4003f; font-family: 'GothamPro-Medium'; text-decoration: none;line-height: 25px;}
.creat-blog>p{font-size: 14px;font-family: 'GothamPro-Medium'; width: 70%;}


.ad{
	float: left;
	width: 342px;
	border:8px solid #404040; 
	margin: 10px 0px 10px 0px;  }
.ad:hover{border:8px solid #a4003f;}	

.spectacl{
	position: relative;
	background: #404040; 	
}
.one{
	width: 360px;
	float: left;
	padding-top: 8px;
}
.two{ 
	width: 360px;
	float: right;
	padding-top: 8px;
}
.rev-desc{ float: left;width: 100%; position: relative; text-align: left; padding: 4px 0 0; background: #202020;margin-top: -2px;}
.rev-desc>a{width: 90%; display: block; font-size: 14px; padding: 0 4px; text-decoration: underline; color: #a7a6a4;  margin-top: 7px;}
.rev-desc>a:hover{text-decoration: underline;}
.rev-desc>p{font-size: 18px; color: #959596; margin-top: 2px; padding: 0 4px; color: #a4003f; font-family: 'GothamPro-Bold'; width:80%;}
.rev-desc>span{
	float: right;
    height: 50px;
    width: 40px;
    margin: -45px 0 0;
    padding: 20px 0 0 20px;
    background: url(../images/arr_03.png) 50% 50% no-repeat;
}
.rev-desc>div {margin-left: 5px;}
.rev-desc>.no_img {max-height: 160px; margin: 10px 5px 10px; line-height: 20px; overflow: hidden; text-overflow: ellipsis;}
.ad:hover>.rev-desc>span{background: url(../images/arr1_17.png) 50% 50% no-repeat #a4003f;}

.afishas{
	width: 313px;
	background: #000;
	padding: 10px 15px;}
.afisha-tit{float: left;}
.afisha-tit>img{float: left; margin-right: 5px;}
.afisha-tit>p{float: left; font-size: 14px;margin-top: 4px;}
.afishas>p{float: left;}
.afishas>a{float: left;}
.rates{ 
	width: 107px;
	height: 26px;
	position: relative; 
	top: 0px; 
	z-index: 1; 
	padding: 8px 15px 0 0; 
	float: right;}
.afishas>a{color: #a7a6a4; font-size: 14px;}
.afishas>p{text-align: left; width: 85%; padding: 5px 0;}
.afishas>title{
	font-size: 24px;
	font-family: 'GothamPro-Bold';
	color: #a4003f;
	display: inline-block;
	margin-top: 20px;
	float: left;}
.in-afish{
	background: #000;
	padding: 10px 15px;
    width: 313px;
}
.in-afish>title{
	display: inline;
	font-size: 24px;
	color: #fff;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.in-afish>.rates{
}
.in-afish>p{
	margin-top: 10px;
}
.in-afish>a{
	margin-top: 15px;
	color: #a7a6a4;
}
.podcast{
	position: relative;
}
.podcas{
	position: absolute;
	top: 14px;
	right: 10px;
	
}

.article{
	background: #000;}
.article>.desc{
	width: 312px;
	margin: 10px 15px;

}
.article>.desc>title{
	display: inline;
	width: 100%;
	font-size: 24px;
}	
.article>.desc>p{text-align: left; width: 100%; padding: 20px 0;}
.article>.desc>a{color: #a7a6a4; font-size: 14px;}
.ads{
	width: 340px; 
	height: 540px;
	float: left; 
	margin-right: 10px; 
	margin-top: 10px;
}

.filter{
	background: #000;
	width: 100%;
	height: 50px;
	padding-top: 18px;
}
.filter>title{
	float: left;
	display: block;
	height: 50px;
	color: #fff;
	font-size: 30px;
	font-family:'GothamPro-Medium';
	margin:0 15px;
}
.selectr {
   width: 269px;
   height: 29px;
   margin-top: 4px;
   margin-left: 20px;
   float: left;
   border:none;
  
   }
.selectr>select{
   background: url(../images/selectr_06.png) no-repeat right #2f2f2f;
   width: 269px;
   font-size: 16px;
   font-family:'GothamPro-Light';
   line-height: 1;
   border:none;
   border-radius: 0;
   height: 29px;
   color: #fff;
   -moz-appearance: none !important;
}
.country{display: none;}
select:hover {    
    
   
}
select>option{
	line-height: 30px;
}
select>option:hover
{
    background:#a4003f;
}

.filter-all{
	background: #212121;
	width: 100%;
	height: 46px;
	margin-top: 6px;
	padding: 24px 0 0 0;
	text-align: center;

}
.letter{
	font-size: 24px;
	color: #a4003f;
	font-family: 'GothamPro-Bold';
	text-decoration: none;
	margin: 0 5px;
}
.condition{
	padding: 0 20px;
}
.alfa-blog{
	margin: 60px 0 20px;

}
.alfa-blog>title{
	display: inline;
	text-align: left;
	font-size: 36px;
	color: #fff;
	font-family:'GothamPro-Medium';
	text-transform: uppercase;
}
.alfa-blog>hr{
	background: #4d4d4d;
	border:none;
	height: 3px;
}
.colms{    
    -moz-column-count: 3; /* Для Firefox */
    -moz-column-width: 340px;
    -moz-column-gap: normal;
    -webkit-column-count: 3; /* Для Safari и Chrome */
    -webkit-column-width: 340px;
    -webkit-column-gap: normal;
    column-count: 3;
    column-width: 340px;
    column-gap: normal;
}
.colms_news>.items{    
    -webkit-column-count:3;  
    -moz-column-count:3;  
    column-count:3;  
}
.alfa{
	margin-top: 15px;
	height: 75px;
	width: 340px;
	position: relative;
	padding: 1px;
	display: inline-block;
}
.alfa>a {
	display: inline-block;
	margin-left: 70px;
	font-size: 21px;
	color: #a4003f;
	font-family: 'GothamPro-Bold';
	text-decoration: none;
}
.alfa>a:hover  { color:#fff; }

.alfa>img{
	border:2px solid #000;
	border-radius: 2px;
	position: absolute;
	cursor: pointer;
}
.alfa>span{
	display: inline;
	cursor: pointer;
	font-size: 21px;
	color: #a4003f;
	font-family: 'GothamPro-Bold';
	margin-top: 10px;
	float: left;
}
.alfa>p{
	font-size: 18px;
	line-height: 30px;
	margin-left: 70px;
	line-height: 22px;
	margin-top: 8px;
}
.order-blog{
	width: 550px;
	margin: 30px auto 0;
	font-size: 15px;
}
.order-blog>p{
	text-align: justify;
	line-height: 20px;
	font-size: 15px;
}
.order-blog>form{margin: 30px 0 20px;}

.order-blog>form>.textarea{width: 570px; height: 140px; padding: 0 5px; margin-top: 6px; background: #000; border:none;}
.order-blog>input, textarea[placeholder]{color: #848484}
.qwe{
/*	width: 570px;
	margin-top: 6px;
	border:none;
	background: #000;
	line-height: 28px;
	padding: 0 5px; 
	color: #848484;*/
	width: 452px;
	background: none repeat scroll 0% 0% #000;
	border: medium none;
	color: #FFF;
	text-align: center;
	display: inline;
	margin: 3px 0px;
	height: 24px;
	padding: 4px 0px 0px;
}
.sub{width: 148px; height: 42px; background: #c1003f; margin: 10px auto 0; border:none; display: block; text-decoration: underline; color: #fff;}

.inp{margin: 20px 0 20px;}

footer{width: 100%; min-width: 960px; height: 92px; background: #000; color: #fff; font-size: 1em;}
.left-info{float: left; padding: 10px 0 0 30px;}
.left-info>p{margin: 4px 0; font-size: 12px;}
.left-info>p>a{margin-left: 5px;}

.social{text-align: right;}
.social>label{color: #fff; font-size: 16px;  text-align: right; float: left;}
.qwer{width: 450px; line-height: 21px; border:none; background: #000; color: #848484; margin-top: 6px;}
.foo-lef{font-family: "GothamPro-regular"; font-size: 12px; line-height: 13px; width: 255px; }

.fslider{
	float: left;
	margin-left: 60px; 
	position: relative; 
	top: 11px; 
	height: 70px; 
	width: 470px;
}
.fcontrol{position: relative; top: 0%;}
#fprev{
  width: 18px;
  height: 59px;
  margin-top: 6px;
  display:block;
  position:relative;  
  cursor:pointer;
  z-index: 4;
  float: left;
  background: url(../images/fnext.png) 0 0 no-repeat;
}
#fnext{
  width: 18px;
  height: 59px;
  display:block;
  position:relative;  
  margin-top: 6px;
  cursor:pointer;
  float: right;
  background: url(../images/fnext.png) 0 0 no-repeat;
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}

#fgallery{
  position:relative;
  margin: 0 auto;
  overflow:hidden;
  text-align:center; /* to center the buttons */
  height: 70px;
}
#fslider{
	width: 1000px;
	float: left;
	position:absolute;
	left:0;
	text-align:left; /* to reset text inside slides */
	height: 70px;
}
#fslider > div {
  position:relative;
  float:left;
  width:105px;
  height:70px;
  margin: 0 20px;
}


.soon{
	width:100%;
	height: 100%;
	background: #19191b url(../images/probka.jpg) 50% 50% no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain; }

.soc{float: right;text-align: right; margin: 12px 30px 0 0; width: 230px;}
.soc p{margin:12px 2px 0; font-size: 0.9em; float: left;}
.soc-header{
	display: block;
	width: 67px;
	height: 27px;
	padding: 4px;
	position: absolute;
	top: 93px;
	right: 200px;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.41);
	text-decoration: none;
}
.soc-header a{
	width: 28px; height: 27px; float:right; display: block; margin-left: 0 2px;
}
.soc-in{float: right; margin-top: 5px; width: 65px;}
.odno{background: url(../images/odno.png) 0 0 no-repeat; width: 27px; height: 27px; float:right; display: block; margin-left: 5px;}
.odno:hover{opacity: 0.7;}
.vk{background: url(../images/vk.png) 0 0 no-repeat; width: 27px; height: 27px; float:right; display: block; margin-left: 5px;}
.vk:hover{opacity: 0.7;}
.fb{background: url(../images/fb.png) 0 0 no-repeat; width: 28px; height: 27px; float:right; display: block; margin-left: 5px;}
.fb:hover{opacity: 0.7;}
.insta{background: url(../images/insta.png) 0 0 no-repeat; width: 28px; height: 27px; float:right; display: block; margin-left: 5px;}
.insta:hover{opacity: 0.7;}
.actor_item {font-size: 21px; color: #A4003F; text-decoration: none; font-family: "GothamPro-Bold";}

/*online-table*/
.online-table{vertical-align: middle; }

.online-table>tbody>tr>th{text-transform: uppercase; border-bottom: 1px dashed #fff;padding: 17px 0;  font-size: 14px; font-family: 'GothamPro-Bold';}
.online-table>tbody>tr>td{border-top: 1px dashed #fff;vertical-align: middle; text-align: center;} 
.tab-name{width: 500px;text-align: left!important; padding: 10px 0; position: relative;}
.tab-name a.show_view{font-size: 16px; color: #c1003f; text-decoration: underline; line-height: 20px;}
.tab-name>a.traler{font-size: 14px; text-decoration: underline; cursor: pointer; line-height: 20px;}
.tab-name>p{font-size: 14px; line-height: 20px;}
.tab-spac{width: 85px; border-bottom: 2px solid transparent!important;}
.tab-date{border-top: 1px solid transparent!important; font-size: 16px; text-align: right!important; width: 100px; padding-right: 20px}
.tab-date>span{font-family: 'GothamPro-Bold';}
.tab-img{width:70px;}
.tab-day{border-top: 1px dashed #fff!important;}
.timeshift{display: none; position: absolute; top: -25px; left: 10px; width: 200px; padding: 5px; background-color: #000; border: 1px solid #FFF; text-align: center; font-size: 14px;}
.timeshift::after {
    content: ''; 
    position: absolute;
    left: 20px; bottom: -11px;
    border: 5px solid transparent;
    border-top: 5px solid #FFF;
   }
.show_name:hover .timeshift{display: block;}

/*user forms*/
.user_content {
	width: 600px;
	margin: 0 auto;
	height: 450px;
	overflow-x: auto; 
	background-color: #2f2f2f;
	color: #FFF;
}
.white_content {
	position: relative;
	display: block;
	width: 552px;
	min-height: 350px;
	margin: 0 auto;
	color: #FFF;
	background-color: #2f2f2f;
}
.white_content>.close{
	background: url(../images/x_03.jpg) 0 0 no-repeat;
	display: block;
	content: "";
	width: 35px;
	height: 35px;
	float: right;
	cursor: pointer;
}
.white_content>title{
	margin: 20px auto 0;
	display: inline-block;
	width: 100%;
	font-size: 32px;
	text-align: center;
}
.white_content .items {
	height: 330px;
	overflow-x: auto;
	margin: 15px 0;
}
.white_content .pager {margin-right: 20px !important;}
.white_content .pager li {display: inline-block; height: 16px !important;}
.comment_item {margin: 0 0 15px; line-height: 20px; margin-right: 10px;}
.comment_item span {float: right; font-size: 14px;}
.registry{
	padding: 20px 50px;
}
.registry>title{
	display: inline-block;
	width: 100%;
	font-size: 32px;
	text-align: center;
}
.registry>hr{
	border:1px solid #979797;
}
.reg-form{
	width: 452px;
	margin: 10px auto;
}
.reg-form>form{
	min-height: 220px;
}
.reg-form>form input[type="text"],
.reg-form>form input[type="password"],
.reg-form>form textarea {
	width: 452px;
	background: #000;
	border: none;
	color: #fff;
	text-align: center;
	display: inline;
	margin: 3px 0;
	/*float: left;*/
	/*height: 24px;*/
	padding: 4px 0 0;
}
.reg-form>form input[type="file"] {
	float: left;
	clear: left;
}
.reg-form>form input {height: 24px;}
.reg-form>form input::-webkit-input-placeholder {
	display: inline-block;
	text-align: center;
	width: 100%;
   
}
.reg-form>form input::-moz-placeholder { /* Firefox 19+ */
  
  display: inline;
	text-align: center;
}
.reg-form>form input:-ms-input-placeholder {
  
  display: inline;
	text-align: center;
}
.reg-form>form input:-moz-placeholder { /* Firefox 18- */
  
  display: inline;
	text-align: center;
}
.reg-form>form .capcha{
	position: relative;
	float: left;
	width: 280px;
	height: 50px;
	background: #fff;
	margin: 3px 0;
	text-align: center;
}
.reg-form>form .capcha img {
	position: absolute;
	left: 20px;
	top: 0px;
}
.reg-form>form .capcha input[type="text"] {
	width: 100px;
	background: #fff;
	border: 1px solid #888;
	float: right;
	margin: 10px 20px 0;
	color: #555;
}
.reg-form>form input[type="checkbox"]{
	width: 20px;
	height: 15px;
}
.reg-form>form input[type="submit"]{
	float: right;
	width: 165px;
	height: 50px;
	background: #c1003f;
	border:none;
	color: #fff;
	font-size: 16px;
	text-decoration: underline;
	cursor: pointer;
}
.reg-form>div{
	text-align: center;
	line-height: 30px;
}
.reg-form>div>p{
	margin-bottom: 20px;
}
.reg-form>div>a{
	font-size: 22px;
}
.user_menu {
	text-align: center;
}
.user_menu>li {
	display: inline-block;
	margin: 0 10px;
}
.row {
	margin: 5px 0;
	text-align: left !important;
}
.row>b {
	display: inline-block;
	width: 140px;
	text-align: left;
}
.errorMessage{
	color: #C1003F;
	font-size: 12px;
}

/*fancybox buttons*/
.fancybox-close {
    top: 0;
    right: 0;
    background-image: url("../images/x_03.jpg")!important;
}
.fancybox-next span {
    background: url("../images/arr_03.png") center no-repeat !important;
}
.fancybox-prev span {
    background: url("../images/arrow_07.png") center no-repeat !important;
}

/*user cabinet*/
#user_menu{
	margin-top: 20px;
}
.operations{}
.operations>li{
	display: inline-block;
	border-left: 1px solid #595858;
	padding: 0 5px;
}
.operations>li:first-child{
	border-left: 1px solid transparent;
}
.operations>li>a{
	text-decoration: none;
}

#kino {width: 700px; margin: 10px auto;}
#kino .date {margin: 10px 0 10px; font-size: 12px;}
.basic_img{float: left; margin-right: 20px; margin-bottom: 15px;}
#kino p {margin-top: 15px; line-height: 24px;}

#fancy_page {
	position: relative;
	height: 450px;
	overflow-y: auto;
	background: inherit;
	color: #FFF;
	line-height: 24px;
	padding-right: 5px;
}
#fancy_page h1 {text-align: center; font-size: 30px; padding: 10px;}
.cabinet{width: 620px; margin: 30px auto 0px;}

#metrika {width: 100px; height: 90px; float: left; margin-left: 30px; padding-top: 30px; display: none;}

.click, .ad {cursor: pointer;}

.comment {
	margin-left: 50px;
	text-decoration: none;
}

.pushca{
	width: 200px;
	float: right;
	margin-top: 12px;
}
.pushca>a{
 display: inline-block;
 font-size: 12px;
 color: #fff;
 text-decoration: none;
 font-family:'GothamRe';
 float: right;
}
.pushca>a:hover{text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff;} 
.pushca>p{
 color: #fff;
 font-family:'GothamLi';
 font-size: 11px;
 float: right;
}

/*
	##############################################

	 DESCRIPTION STYLES

	##############################################
*/
.description{
  position: relative;
  outline: none;
  white-space: normal;
  font-size: 14px;
  line-height: 1.6em;
}
.description code,
.description pre {
  font-family: Menlo, Monaco, monospace, sans-serif;
}
.description div,
.description p,
.description ul,
.description ol,
.description table,
.description dl,
.description blockquote,
.description pre {
  font-size: 14px;
  line-height: 1.6em;
}
.description a {
  color: #15c;
  text-decoration: underline;
}
.description object,
.description embed,
.description video,
.description img {
  max-width: 100%;
  width: auto;
}
.description video,
.description img {
  height: auto;
}
.description div,
.description p,
.description ul,
.description ol,
.description table,
.description dl,
.description figure,
.description blockquote,
.description pre {
  margin: 0;
  margin-bottom: 15px;
  border: none;
  background: none;
  box-shadow: none;
}
.description iframe,
.description object,
.description hr {
  margin-bottom: 15px;
}
.description iframe {
  /*width: auto;*/
}
.description blockquote {
  margin-left: 1.6em !important;
  padding-left: 0;
  color: #777;
  font-style: italic;
}
.description ul,
.description ol {
  padding-left: 2em;
}
.description ul ul,
.description ol ol,
.description ul ol,
.description ol ul {
  margin: 2px;
  padding: 0;
  padding-left: 2em;
  border: none;
}
.description dl dt {
  font-weight: bold;
}
.description dd {
  margin-left: 1em;
}
.description table {
  border-collapse: collapse;
  font-size: 1em;
  width: 100%;
}
.description table td,
.description table th {
  padding: 5px;
  border: 1px solid #ddd;
  vertical-align: top;
}
.description table thead td,
.description table th {
  font-weight: bold;
  border-bottom-color: #888;
}
.description code {
  background-color: #d8d7d7;
}
.description pre {
  overflow: auto;
  padding: 1em;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #f8f8f8;
  white-space: pre;
  font-size: 90%;
}
.description hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
}
.description h1,
.description h2,
.description h3,
.description h4,
.description h5,
.description h6 {
  font-weight: bold;
  color: #0000;
  padding: 0;
  background: none;
  text-rendering: optimizeLegibility;
  margin: 0 0 .5em 0;
}
.description h1,
.description h2,
.description h3,
.description h4 {
  line-height: 1.3;
}
.description h1 {
  font-size: 36px;
}
.description h2 {
  font-size: 24px;
  margin-bottom: .7em;
}
.description h3 {
  font-size: 21px;
}
.description h4 {
  font-size: 18px;
}
.description h5 {
  font-size: 16px;
}
.description h6 {
  font-size: 12px;
  text-transform: uppercase;
}