@charset "utf-8";
html {height:100%;}
body, html { margin:0; padding:0; font-family: Arial, Tahoma, Helvetica, sans-serif; } 

/* общая минимальная ширина всего тела  документа 960px  
ширина любого элемента состоит из width + margin + padding чтобы ничего никуда не уезжало и не скакало 
блоки rblock + logo должны в сумме быть не больше чем min-width аналогично rblock + lblock должны быть не больше чем 
min-width (960px) */

body { height:100%; margin:0;padding:0; min-height:100%;}
body a {text-decoration:none;}
body a:hover {text-decoration: underline;}

.rightmenu {float:right; text-transform: none; color:#888888; position:relative; }
	.rightmenu ul {float:right;}

#login {cursor:pointer;}
	#login table td {vertical-align:top;}

#loginform {position: absolute; top: 1.5em; background: #000; color:#888888; padding:5px 10px 10px 10px; text-align:left; width:160px;left:-120px;}
	#loginform input {font-size:0.85em; width: 4.5em;}
#loginin {cursor:pointer;}

.menu {background: #000; text-align:left; text-transform: uppercase; font-size: 0.75em; padding-top: 3px; padding-bottom:3px;}
	.menu a {color:#fff; text-decoration:none; font-size: 10px;}
	.menu ul {margin:0; padding:0;}
		.menu ul li {display:inline; margin:0px 8px; list-style-type:none;}
		.menu li.current a {color:#fff;}

.main {                         
	width: 100%;
	margin: 0px auto;
/*	font-size:0.75em; */
	min-height:100%;
	height:90%;
}
	.main dl {clear:left; margin:0; padding: 0; margin-bottom: 30px;}
		.main dl dt{
			/*цвет заголовка новостей*/
			color:#620000;
			font-weight:bolder;
		}
			/* Название раздела */
			.main dl dt.prname {color: #000; font-size: 20px; text-transform: uppercase; font-weight: normal;}
			.main dl dt.index {background:none;  display:none;}
			.main dl dt a {
				text-decoration:none;
				color: #000;
				font-size: 18px;
			}
		.main .maincontent .mainbodycontent.index {background:none;}
			.main .maincontent .mainbodycontent a {color: #252525;}
			.main .maincontent .mainbodycontent a.block {display:block; padding: 0 6px;}
			.main .maincontent .mainbodycontent a.anons {text-decoration:none;}
			.main .maincontent .mainbodycontent ul {margin:0; padding:6px 0;}
				.main .maincontent .mainbodycontent ul li {list-style-type:none; font-weight: bolder;}

		.main dl dd {margin:0; }
			.main dl dd.index {background:none;}
			.main dl dd a:not(.btn)  { color: #252525; }
			.main dl dd.maincontent a:not(.btn) {background: linear-gradient( 180deg ,transparent 56%,rgb(44 111 186 / 30%) 0); text-decoration: none;}
			.main dl dd.maincontent a:not(.btn):hover {background: linear-gradient( 180deg ,transparent 56%,rgb(44 111 186 / 38%) 0); text-decoration: none;}


			.main dl dd a.block {display:block; padding: 0 6px;}
				.main dl dd a.anons {text-decoration:none;}
			.main dl dd ul {margin:0; padding:6px 0;}
				.main dl dd ul li {list-style-type:none; font-weight: bolder;}

img {border:0;}


/* ëåâûé áëîê èíôîðìàöèè íà ñòðàíèöå */
/* левый блок информации на странице */

.rblock {
	padding-top: 80px;
	background-color: rgba(255, 255, 255, 0.3);
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.3) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.main .rblock {
	min-height: 100%;
}
/*
.rblock {
	float:left;
	width: 525px;
	padding-top: 40px;
	padding-left: 45px;
	padding-right: 30px;
	margin:0;
	text-align:left;
	min-height: 86%;
	background: url(/images/fon.png) left top repeat-y;
	
}
*/
	.rblock img {
		margin: 0px auto;
	}

	.rblock p, 
	.rblock ul li, 
	.rblock dl dt, 
	.rblock dl dd, 
	.rblock h1, 
	.rblock h2, 
	.rblock h3, 
	.rblock table {text-align:left; /* overflow: hidden; */}

	.rblock .paginator li {display:inline; padding-left:0; font-weight: normal;}
	.rblock .paginator li.current a {color: #eee; font-weight: bolder;}

/* ïðàâûé áëîê èíôîðìàöèè íà ñòðàíèöå (äîï ìåíþ â ãàëåðåÿõ) */
/* правый блок информации на странице (доп меню в галереях) */
/*
.lblock {
	float:left;
	width: 300px;
	text-align: left;
	background: url(/images/fon.png) 42% top repeat-y;
	position: absolute;
	top: 140px;
	left: 650px;	
}
*/
.lblock {
	padding-top: 85px;
}
.lblock dl {
	margin: 10px;
}
@media (max-width: 767px) {
	.index .thumbnail .caption  {min-height: 10em; display: none; font-weight: normal;}

	.logo {
		background: url(/images/logo.png) left center no-repeat;
		background-size: contain;
		display: block;
		position: fixed;
		top: 4px;
		left:10px;
		z-index: 1035;
		width: 80%;
		height: 40px;
	}

	.navbar-nav {padding: 0; }
}
@media (min-width: 768px) {
	.logo {
	height: 160px;
	background: url(/images/logo.png) right center no-repeat;
	width: 340px;
/*	float: right; */
	display: block;
	margin:0;
	position: fixed;
	right: 10px;
	z-index: 1000;
	}

	.logo a img {width: 340px; height: 60px;}
}

h1 {font-size:20px;}
h1.prname { font-size: 20px; text-transform: uppercase; font-weight: normal; margin:0;padding:0;}
h1.index {display:none;}
.prname {color: #454545;}
/* отступ от заголовка до текста */
.prname {margin-bottom: 30px;}
h1.prname {margin-bottom: 30px;}

/* ñòèëè áëîêîâ àâòîìàòè÷åñêîãî âûâîäà êàðòèíîê äëÿ îäíîé è ìíîãèõ êàðòèíîê */
/* стили блоков автоматического вывода картинок для одной и многих картинок */
@media (max-width: 991px) {

.images-one { margin:0; padding:0;}
	.images-one ul {margin:0; padding:0;}
	.images-one ul li {list-style-type:none; margin:0; padding:0; }
	.images-one ul li img {margin:0;}

	.images-one ul li .img-responsive {
		width: 100%;
		height: auto;
	}

	.images ul li .img-responsive {
		width: 100%;
		height: auto;
	}


}
@media (min-width: 992px) {

	.images-one {float:left; margin:0; padding:0; max-width: 60%;}
		.images-one ul {margin:0; padding:0;}
		.images-one ul li {list-style-type:none; margin:0; padding:0; padding-right:10px;}
		.images-one ul li img {margin:0;}

}

/* превью в альбоме */
.images ul li {float:left; height: 120px; width: 120px; margin:2px; padding:2px; text-align:center; overflow: hidden; display:table-cell; vertical-align:baseline;}
.images ul li {float:left; height: auto; min-height:120px; width: 25%; margin:0px; padding:4px; text-align:center; overflow: hidden; display:table-cell; vertical-align:baseline;}
.images ul li a {display: block; overflow: hidden;}

@media (max-width: 250px) {
	.main dl dd ul {padding:0; margin:0;}
	.images ul li {padding: 4px 0px;}

}
/*.images ul li {	background: url(/images/bl-fon.png);}*/

/* ïîäâàë */
/* подвал */
/*
.footer {
	clear: both; 
	text-align:left; 
	width: 570px;
	margin: 0px;
	font-size:1em;
	padding-left:30px;
	padding-top: 20px;
	padding-bottom: 10px;
	overflow: hidden;
	background: url(/images/fon.png) left top repeat-y;
}
*/
/* Íèæíåå ìåíþ */
/* Нижнее меню */
	.footer ul{ margin:0; padding:0; padding-left: 11px;}
		.footer ul li {display:inline-block; list-style-type:none; padding-right: 25px; margin-left: -12px; padding-top: 15px;}
			.footer ul li a {color: #494949; text-decoration:none; font-weight: normal; }

/* ñäâèã çàãîëîâêà ñòðàíèöû */
/* сдвиг спонсорских логотипов страницы */
.img-bans {padding-bottom: 20px; }
.img-bans img {margin-right: 20px;}

.videoshow {position: relative; clear:left; margin-bottom: 30px;}
.videoshow embed {position: absolute; z-index:100;}

.audio-show {background: #c7cdcd;}

.navbar-inverse li.form-group {padding: 10px; margin-bottom: 0px;}
#footer {clear: both; min-height: 10px;}
.rblock iframe {max-width: 100%;}

.lblock dl {background-color: rgba(255, 255, 255, 0.3); padding: 20px; }
.lblock dl.affix-top {position: fixed; background-color: rgba(255, 255, 255, 0.3); padding: 20px; top: 100px;}
.lblock dl.affix {position: fixed; background-color: rgba(255, 255, 255, 0.3); padding: 20px; top: 0px;}
.lblock dl.affix-bottom {position: fixed; background-color: rgba(255, 255, 255, 0.3); padding: 20px; bottom: 40px;}

.rblock dd img {max-width: 100%;}
img[align="left"] { margin-right: 10px;}
img[align="right"] { margin-left: 10px;}

@media (min-width: 768px) {
/*	.main .rblock, .main .lblock {padding-top: 130px;} */
	.navbar-fixed-top .container {width: 100%;}
	.nav > li > a {padding: 10px 9px;}
	.navbar-right {display: none;}
	.index .thumbnail .caption  {min-height: 8em; display: none; font-weight: normal;}
}
@media (min-width: 992px) {
/*	.main .rblock, .main .lblock {padding-top: 130px;} */
	.navbar-fixed-top .container {width: 970px;}
	.nav > li > a {padding: 10px 15px;}
	.navbar-right {display:block;}
	.index .thumbnail .caption  {min-height: 10em; display: none; font-weight: normal;}
}
@media (max-width: 400px) {
	.index .thumbnail .caption  {min-height: 10.5em; display: none; font-weight: normal; font-size:0.8em;}

}
@media (max-width: 240px) {
	.newsline.col-xs-6 {width: 100%;}
	.index .thumbnail .caption	{min-height: 2em; display: none;}

}
@media (max-width: 767px) {
	.navbar-inverse .navbar-nav > li > a {font-size: 1.3em;}

}

.w-for {font-size: 1.4em; padding-top: 2em;}
.w-for a {font-weight: normal;}
.newsline {padding:4px;}

.also-read {padding-top: 3em;}
.modal-content {padding: 0px 20px !important;}
.modal-header {border-bottom: 0px solid;}

.navbar-nav {float: none; margin: 0 auto;}
header .container .navbar-collapse { margin-left: auto; margin-right: auto;}
header .container {text-align: center;}
.fluid-width-video-wrapper {margin-bottom: 20px;}

.index .img-responsive {margin-bottom: 20px;}
.insta {padding-top: 20px;}

.btn-itunes, .btn-amusic, .btn-playmusic, .btn-yamusic {
	background-color: #fff;
    border-color: #ccc;
}
.btn-itunes:hover, .btn-amusic:hover, .btn-playmusic:hover, .btn-yamusic:hover {
	background-color: #e6e6e6;
    border-color: #adadad;
}

@media (max-width: 420px) and (min-width: 250px) {

.images ul li {width: 50%; height: 100%; margin-left: -2px; margin-bottom:0px; margin-top: 0px; }
.images ul li img {width: 100%; height: auto; }
/*.images ul li img:not(.landscape) {margin-bottom: -50%; position: relative;}
.images ul li img:not(.vertical) {margin-left: -25%; margin-right: -25%; position: relative;} */
}

@media (max-width: 250px) {
.images {margin-left: -15px; margin-right: -15px;}
.images ul li {width: 100%; height: auto; }
.images ul li img {width: 100%; height: auto;}

}
.rblock dd img {background-position: top center; background-size: cover;}
.rblock .maincontent .mainbodycontent img {background-position: top center; background-size: cover;}

@media (min-width: 768px) {
.rblock .images li a img {   transition: transform .3s; }
.rblock .images li a:hover img {
	position: relative;
    transform: scale(1.5);
}
}

p.max-padding {margin-bottom: 30px;}
.social-block .fa {color: #333;}


.btn-itunes {
	text-indent: 1000000000px;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    background-image: url(/images/icon/music-service_itunes.svg);
    background-size: contain;
    text-align: right;
    width: 135px;
    width: 177px;

    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-x: center;

}

.btn-google {
	text-indent: 1000000000px;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    background-image: url(/images/icon/music-service_google-play.svg);
    background-size: contain;
    text-align: right;
    width: 135px;
    width: 177px;

    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-x: center;
}

.btn-applemusic {
	text-indent: 1000000000px;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    background-image: url(/images/icon/music-service_applemusic.svg);
    background-size: 74%;
    background-size: contain;

    text-align: right;
    width: 135px;
    width: 177px;
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-x: center;

}

.btn-yandexmusic {
	text-indent: 1000000000px;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    background-image: url(/images/icon/logo_semantic_horizontal_black.svg);
    background-size: contain;
    text-align: right;
    width: 177px;
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-x: center;

}

@media (max-width: 768px) {

.center-block {text-align: center;}
.center-block > iframe {margin-left: auto; margin-right:auto;}

}

.bg-phone {position: fixed; top:0 ;left:0; right: 0; bottom:0; }
.map li .map {margin: 5px 10px !important;}
/* blockquote {display: inline-block;} */