@font-face {
	font-family: 'russo_oneregular';
	src: url('../fonts/russo_one-webfont.eot');
	src: url('../fonts/russo_one-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/russo_one-webfont.woff') format('woff'),
         url('../fonts/russo_one-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

* {
	border-radius: 0 !important;
	transition: all 0.3s;
}

body {
	margin-top: 71px;
	/*margin-top: 400px;*/
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	background: #8db1d3 url('../images/bg.jpg') 50% 50px;
	background-attachment: fixed;
}

.label {
	width: 41px;
	height: 41px;
	position: absolute;
	right: 8px;
	top: 6px;
	padding: 14px 1px 0px 0px;
	font-size: 15px;
	font-family: 'russo_oneregular', sans-serif;
}

.greenlabel {
	background: url('../images/rating-green.png');
}

.yellowlabel {
	background: url('../images/rating-yellow.png');
}

.redlabel {
	background: url('../images/rating-red.png');
}

.greylabel {
	background: url('../images/rating-grey.png');
}

small {
	font-family: 'Roboto', sans-serif;
}

.item {
	background: #333;
}

.carousel-indicators {
	bottom: 0;
	opacity: 0.3;
}

.carousel-control {
	opacity: 0.2;
}

.carousel-control:hover {
	opacity: 0.6;
}

.expand-block {
	transition: all 1.5s !important;
	height: 0;
	overflow: hidden;
}

/********** ПЕРЕЗАПИСЬ ЗАГОЛОВКОВ **********/
h1, h2, h3, h4, h5, h6 {
	font-family: 'russo_oneregular', sans-serif;
	text-transform: uppercase;
}

h1 {
	margin-bottom: 20px;
	margin-top: 0;
}

h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
}

h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover {
	text-shadow: 1px 1px 0px #f30;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #222;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: none;
	color: #222;
}

h1 small a, h2 small a, h3 small a, h4 small a, h5 small a, h6 small a {
	color: #428bca;
}

h1 small a:hover, h2 small a:hover, h3 small a:hover, h4 small a:hover, h5 small a:hover, h6 small a:hover {
	color: #428bca;
	text-decoration: underline;
}

.semi-transparent-bg h1, .semi-transparent-bg h2, .semi-transparent-bg h3, .semi-transparent-bg h4, .semi-transparent-bg h5, .semi-transparent-bg h6 {
	text-shadow: 0px 1px 0px #fff;
}


.inverse h1 a, .inverse h2 a, .inverse h3 a, .inverse h4 a, .inverse h5 a, .inverse h6 a {
	color: #fff;
}

.inverse h1 a:hover, .inverse h2 a:hover, .inverse h3 a:hover, .inverse h4 a:hover, .inverse h5 a:hover, .inverse h6 a:hover {
	text-decoration: none;
	color: #fff;
}

.inverse h4, .inverse h5 {
	padding-top: 8px;
	text-shadow: 1px 1px 0px #000;
}

.inverse h4:hover, .inverse h5:hover {
	text-shadow: 1px 1px 0px #f60;
}

.media-heading {
	margin-top: 0px;
	margin-bottom: 8px;
}

/********** /ПЕРЕЗАПИСЬ ЗАГОЛОВКОВ **********/


/*********** ВЫПАДАЮЩЕЕ МЕНЮ ***************/

.dropdown-menu li a {
	padding-left: 12px !important;
}

.dropdown:hover .firstdrop {
	display: block;
}


.dropdown-submenu{
    position:relative;
}

.dropdown-submenu > .dropdown-menu
{
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
	display: none;
}

.dropdown-submenu:hover > .dropdown-menu{
    display:block;
}

.dropdown-submenu > a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}

.dropdown-submenu:hover > a:after{
    border-left-color:#ffffff;
}

.dropdown-submenu .pull-left{
    float:none;
}

.dropdown-submenu.pull-left > .dropdown-menu{
    left:-100%;
    margin-left:10px;
}
/*********** /ВЫПАДАЮЩЕЕ МЕНЮ ***************/





.container {
	width: 90%;
	/*min-width: 1150px;*/
	/*min-width: 800px;*/
	/*max-width: 1600px;*/
	background: #fff;
	padding: 30px;
}

.inverse {
	background: #222;
	background: linear-gradient(to top, #111, #333);
	border-top: 5px solid #aaa;
	border-bottom: 5px solid #aaa;
	color: #fff;
}

.inverse ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

.inverse ul li {
	line-height: 20px;
	padding: 9px 13px;
	text-shadow: 0px 1px 0px #000;
}

.inverse hr {
	border-top-color: #555;
}

.inverse ul li b {
	color: #f60;
}

.inverse ul li b:hover {
	color: #f60;
}

.inverse ul li:hover {
	background: #000;
}

.inverse ul li:hover a {
	text-decoration: none;
	color: #fff;
}

.inverse a {
	color: #eee;
	font-weight: bold;
}

.media {
	position: relative;
}

.media-body {
	line-height: 22px;
	padding-right: 45px;
}

.media-list li {
	margin: 1px 0;
}

.media-object {
	margin-right: 5px;
}

.media-body a b {
	color: #f60 !important;
	font-size: 14px;
}



/** top search **/
.navbar-form {
	width: auto !important;
}

.form-control-search {
	visibility: hidden !important;
}

.navsearch {
	width: 120px !important;
	opacity: 0.8;
	transition: all 0.5s !important;
}

.navsearch:hover {
	width: 220px !important;
	opacity: 0.95;
}

.navsearch .input-group-btn {
	border-radius: 50px !important;
	background: #777;
}

.navsearch:hover .input-group-btn {
	border-radius: 0 !important;
	
}

.navsearch .btn {
	background: none;
	border: none;
	color: #fff !important;
}

.navsearch:hover .form-control {
	visibility: visible !important;
}

/** /top search **/




.interactive {
	color: #f60 !important;
	font-size: 26px;
	opacity: 0.4;
}

.interactive:hover {
	opacity: 1;
}


.newcomments a {
	font-family: 'russo_oneregular', sans-serif;
	position: relative;
	padding-left: 48px !important;
	padding-right: 0px !important;
	color: #fff !important;
}

.newcomments a img {
	position: absolute;
	left: 10px;
	top: 7px;
	font-family: 'russo_oneregular', sans-serif;
}

.inverse .badge {
	float: right;
	width: 34px;
	text-align: center;
	background: #555;
	margin-left: 10px;
	font-size: 15px;
	width: 43px;
	height: 20px;
	font-family: 'russo_oneregular', sans-serif;
}

.inverse a:hover {
	color: #fff;
}

.navbar .container {
	background: none;
	padding-top: 0;
	padding-bottom: 0;
}

.logo img {
	width: 30%;
	margin: 10px 0;
}

.navbar-inverse {
	background: #000;
	border-color: #000;
}

.navbar-form {
	width: 250px;
}

.navbar-brand img {
	height: 38px;
	position: relative;
	top: -8px;
}

.btn-primary {
	background-color: #ff5918;
	border: 1px solid #ff5918;
	text-shadow: 0px 0px 1px #333;
}

.btn-primary:hover {
	background-color: #333;
	border: 1px solid #333;
}


.news-views {
	padding: 0 16px;
	line-height: 32px;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	position: absolute;
	right: 38px;
}

a.category {
	background: rgba(0,0,0,0.5);
	padding: 0 16px;
	line-height: 32px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	position: absolute;
	right: 38px;
}

a.category-views {
	background: rgba(0,0,0,0.5);
	padding: 0 16px;
	line-height: 32px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	position: absolute;
	right: 15px;
	z-index: 100;
}

a.forfullwidth {
	right: auto;
	left: 38px;
	display: inline-block;
	margin-top: -30px;
	font-size: 32px;
	font-weight: 300;
	padding: 0 24px;
	line-height: 58px;
}

.semi-transparent-bg {
	background: #efefef;
	background: rgba(255,255,255,0.9);
}

.semi-transparent-bg p {
	text-shadow: 0px 1px 0px #fff;
}

.custombg {
	background-size: cover !important;
	background-position: 50% 50% !important;
}

.semi-transparent-block div {
	background: rgba(255,255,255,0.9);
	padding: 10px 22px 22px 22px;
}

.dottedborder {
	border-top: 2px dotted #222;
	border-bottom: 2px dotted #222;
}

.solidborder {
	border-top: 1px solid rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
}

.footer {
	background: rgba(0,0,0,0.75);
	color: #fff;
	font-size: 12px;
	line-height: 18px;
}
.news-views {
	padding: 0 16px;
	line-height: 32px;
	text-decoration: none;
	display: inline-block;
	position: absolute;
	right: 38px;
}

.reposition {
	position: relative;
	right: -15px;
	margin: -31px 0 -31px 0 !important;
	padding-top: 30px;
	padding-bottom: 10px;
	border: none;
}

.responsive-hack {
	background-size: cover;
	background-position: 50%;
}







.weekchoice {
	margin: 0;
	margin-bottom: -35px;
}

.weekchoice > li > a {
	background: none;
	border: none;
	color: #666;
	font-weight: 500;
	text-transform: uppercase;
}

.weekchoice > li > a:hover {
	background: none;
	color: #111;
}

.weekchoice li a:hover span  {
	color: #ff663E;
}






.wrapforgrad {
	position: relative;
}

.wrapforgrad .responsive-hack {
	/* Firefox 10+, Firefox on Android */
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='contrast'><feComponentTransfer><feFuncR type='linear' slope='2.2' intercept='-(0.5 * 2.2) + 0.5'/><feFuncG type='linear' slope='2.2' intercept='-(0.5 * 2.2) + 0.5'/><feFuncB type='linear' slope='2.2' intercept='-(0.5 * 2.2) + 0.5'/></feComponentTransfer></filter></svg>#contrast");
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='saturate'><feColorMatrix type='saturate' values='1.5'/></filter></svg>#saturate");
	/*image-rendering: -moz-crisp-edges;*/

  /* IE 6-9 */
	filter: brightness(0.8);
	filter: saturate(2);
	filter: contrast(1.5);

  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
	-webkit-filter: saturate(150%);
	/*image-rendering: crisp-edges;*/

  /* Opera */
	/*image-rendering: -o-crisp-edges;*/
}

.grad-1, .grad-2, .grad-3 {
position: absolute;
	left: 0;
	top: 0;
	opacity: 0.6;
}

.grad-1 {
	background: linear-gradient(135deg, rgba(212, 9, 78, 0.5) 0px, rgba(210, 80, 32, 0.5) 50%, rgba(102, 177, 13, 0.5) 100%) repeat scroll 0% 0% transparent;
}

.grad-2 {
	background: linear-gradient(135deg, rgba(65, 169, 57, 0.5) 0px, rgba(226, 199, 63, 0.5) 50%, rgba(196, 64, 53, 0.5) 100%) repeat scroll 0% 0% transparent;
}

.grad-3 {
	background: linear-gradient(135deg, rgba(173, 43, 87, 0.5) 0px, rgba(183, 66, 167, 0.5) 36%, rgba(68, 145, 207, 0.5) 100%) repeat scroll 0% 0% transparent;
}

.grad-1:hover, .grad-2:hover, .grad-3:hover {
	opacity: 0;
}


/*КАРУСЕЛЬ*/

.reposition-slider {
	position: relative;
	right: -15px;
	margin: -31px 0 -31px 0 !important;
	padding: 0;
	border: none !important;
}


.carousel .item{
	height: 450px;
	background-size: cover !important;
	background-position: 50% 50% !important;
}

.carousel-control {
	width: 60px;
	opacity: .8;
	z-index: 40;
}


.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
    right: auto;
}

.carousel h2 {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	padding: 10px 15px;
	background: rgba(255,255,255,.9);
	color: #222;
	position: absolute;
	bottom: 20px;
	left: 25px;
	right: 25px;
	z-index: 50;
}

.carousel {
	z-index: 55;
}

.slider-header {
	position: absolute;
	z-index: 60;
	text-shadow: 0px 3px 7px #000 !important;
	top: 20px;
	left: 0;
	right: 0;
}

.albums-listened-with {
	float: left;
	padding-right: 8px;
	padding-bottom: 8px;
}