html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	font: 15px Arial;
	color: #4c4b4b;
}
body {

background: url(../images/background_news.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.body2 {

background: url(../images/background_news.jpg) repeat!important;
-webkit-background-size: auto!important;
-moz-background-size: auto!important;
-o-background-size: auto!important;
background-size: auto!important;
}
.wrapper{
	position:relative;
}
.logo_m{
	text-align:right;
	position:relative;
	width:900px;
	z-index: 999;
	margin:0 auto;
}
.logo_m img{
 position: absolute;
right: -70px;
top: 3px;
}
.clr{
	clear:both;
}
ul, ol, p, h1, h2, h3, h4, h5, h6, form {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
img {
	vertical-align: top;
	border: none;
}
a {
	color: #ffffff;
	text-decoration:underline;
}
a:hover {
	color: #9f6d1f;
	text-decoration: none;
}
.menu {
	width:1000px;
	height:45px;
	text-align:center;
	margin:0 auto;
}
.menu ul li{
   display:inline-block; 
}
.menu ul li a{
	color: #4c4b4b;
	padding: 15px 26px;
	display:inline-block;    
	text-decoration:none;
}
.menu ul li a:hover {
	color: #9f6d1f;
 }
 .menu2 li a:hover{
   color: #9f6d1f; 
 }
 .menu ul li a.act {
	color: #9f6d1f;
 }
.line{
	background: url(../images/bg-lines.jpg) center 750px fixed;
	width:100%;
	height:271px;
}
.line2{
	background: url(../images/bg-lines.jpg) center 750px fixed;
	width:100%;
	height:288px;
}
.slid_3 img.slid{

	background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
max-width: 100%;
height: auto;
width: 100%;
}
.menu2{
	text-align: center;
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: -378px;
}
.menu2 li p{
	width: 85px;
	padding-top:10px;
	margin: 0 auto;
}
.menu2 li a:hover .photo img{
  
}
.menu2 li{
	text-align: center;
	display: inline-block;
	padding: 10px 5px;
	vertical-align: top;
}
.menu2 li .photo{
	background:url(../images/bg_1.png) repeat;
	padding:6px;
	border-radius:5px;
}
.menu2 a{
	color:#222222;
	text-decoration:none;
	display:inline-block;
	text-transform:uppercase;
	
}
h2{
	color:#d6dfe6;
	padding-bottom:25px;
	font-size:44px;
	
}
.block_2{
width: 1000px;
position: absolute;
margin: 0 auto;
bottom: 40px;
left: 50%;
margin-left: -500px;

}
.menu3 li{
	background: url(../images/bg_li.png) no-repeat 0px 4px;
	padding-left: 26px;
	width: 380px;
	margin-right:90px;
	line-height: 29px;
	display: inline-block;
	
}
.menu3 a{
	text-decoration:none;
	font-size:18px;
	line-height: 19px;
	display:inline-block;
	
}
.menu3 a:hover{
	color:#ffffff;
	text-decoration:underline;
}
.menu4 li{
	display:inline-block;
	padding-bottom:10px;
	padding-right:10px;
}
.menu4 li .photo{
	background:url(../images/bg_1.png) repeat;
	padding:6px;
	border-radius:5px;
}
.menu4 li:hover{
	opacity:0.7;
}
.block_3{
margin: 0 auto;
width: 1000px;
position: absolute;
top: 20px;
left: 50%;
margin-left: -500px;
}
.menu4{
	width: 500px;
}
.cont{
	clear:both;  
	  font-size:19px;
	  color:#d6dfe6;
  
}

.cont {
width: 1000px;
padding-top: 120px;
margin: 0 auto;
position: absolute;
bottom: 50px;
left: 50%;
margin-left: -500px;
}

.cont .text{
   padding-top:40px; 
}
.cont h1{
	padding-top:25px;
}
h1{
	color:#d6dfe6;
	padding-bottom:25px;
	font-size:44px;  
}
.wrapper_block{
	width: 1000px;
	margin:0 auto;
	overflow: hidden;
}
.left_block{
	width:700px;
	float:left;
	margin-right:50px;

}
.right_block{
	 width:250px;
	 float: right;
}
#breadcrumbs h1{
	color:#3b3b3b;
	font-size:21px;
	text-align:center;
	padding:40px 0px 20px;
}
.block_r{
	position: fixed;
	right: 10px;
	top: 60px; 
	z-index: 999;
}
.block_order{
	background: url(../images/bg_order.png) repeat-y;
   width:208px;
   text-align: center;
	padding-top: 30px;
   height:300px;
	
}
.news{
	background: url(../images/bg_order.png) repeat-y;
   width:208px;
   margin-top:20px;
   text-align: center;
	padding-top: 30px;
	min-height:200px;
	margin-bottom: 55px;
}
.logo{
   background: url(../images/logo_skyjazz.png);
   width:208px;
   height:134px;  
}
.slid_1 img.slid{
  
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
max-width: 100%;
height: auto;
width: 100%;

}
.slid_2 img.slid{
	background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
max-width: 100%;
height: auto;
width: 100%;
}
.slid_3{


}
.menu2 li a .photo img{
	 filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);   
}
.menu2 li a:hover .photo img{
	-webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);    
}
input[type="text"]{
	font-size:13px;
	color:#868686;
	padding:10px;
	width:165px;
	border:1px solid #D9DAD9;
}
textarea{
	font-size:13px;
	color:#868686;
	padding:10px;
	height:200px;
	font-family:Arial;
	width:265px;
	border:1px solid #D9DAD9;  
}
.contt input[type="text"]{
	width:265px;
}
input[type="submit"]{
	color: #3b3b3b;
	font-size: 14px;
	background: url(../images/but_bg.png) repeat-x;
	padding: 9px 48px;
	margin-top:20px;
	border: none;
	height: 45px;
	border-radius: 3px;
	
}
input[type="submit"]:hover{
	cursor:pointer;
}
.ui-datepicker-calendar td{
	font-size:12px;
}
.block_order p{
	margin-bottom:15px;
	font-size:17px;
}
.left_block{
	color:#222222;
}
.left_block a{
  color:#222222;  
}
.right_block .block_r{
	position:relative;
	top:0px;
	right:0px;
}
.news h3{
	padding-bottom: 25px;
}
.news p{
	font-size:12px;
	padding-top:0px;
	margin:0px;
}
.news a{
	color:#222222;
}
.right_block .news_1{
   padding:10px;
   clear: both;
   float:left;
  text-align:left;
}
.right_block .news_1 span{
	font-style:italic;
	font-size: 13px;
}
.right_block .news_1 a{
	  font-style:italic;
	font-size: 13px;  
	padding-bottom: 10px;
}
.news1 p{
	padding-left:25px;
}
#news .news1{
	padding: 10px 0px;
	border-bottom:none;
	clear: both;
}
#news .news1 span {
font-size: 12px;
padding-left: 25px;
margin-bottom: 10px;
display: inline-block;
background: url(../images/news1.png) no-repeat;
color: #222222;
}
#news .news1 a {
color: #222222;

display: inline-block;
}
.contt{
	float:left;
	margin-right:20px;
}
.photo_y{
	float:left;
	padding-right:10px;
}
.news_all{
	color: #3b3b3b;
	font-size: 14px;
	background: url(../images/but_bg.png) repeat-x;
	padding: 14px 48px;
	margin-top:20px;
	border: none;
	text-decoration:none;
	text-transform:uppercase;
	height: 45px;
	border-radius: 3px;
}
#breadcrumbs h2{
	font-size:18px;
	color:#222222;
	text-align:left;
	
}
.ph_t{
	display: inline-block;
	float: left;
	margin-right: 25px;
	margin-bottom: 50px;
}
.ph_t:hover{
	opacity:0.8;
}
.menu_fix{
	height: 45px;
	position: fixed;
	width: 100%;
	background: url(../images/bg_1.png) repeat;
	top: 0px;
	z-index: 999999;
}
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
.page-wrapper {
    min-height: 100%;
    overflow: hidden;
    margin-bottom: -55px;
}
* html .page-wrapper {
    height: 100%;
}
.page-buffer {
    height: 55px;
}
.footer{
	width:1000px;
	margin:0 auto;
	color:#222222;
	font-size:13px;
	clear:both;
	padding:20px 0px;
}
.footer a{
	color:#222222;
}
.name_song{
	font-size:14px;
	font-style:italic;
	z-index:999999;
	margin-bottom:10px;
}
.pl{
	margin-bottom:10px;
}
#audioplayer288{
	height:25px!important;
}
ul.categ li{
	text-align:center;
	display:inline-block;
	margin-right:10px;
	margin-bottom:20px;
}
ul.categ li:hover img{
	opacity:0.8;
}
ul.categ li a{
	display:inline-block;
}
ul.categ li .photo {
background: url(../images/bg_2.png) repeat;
padding: 6px;
border-radius: 5px;
}
.ph_t{
  background: url(../images/bg_2.png) repeat;
  padding: 6px;
  border-radius: 5px;  
}
.soc_m li {
display: inline-block;
}
.soc_m{
	text-align:center;
}
.soc_m img {
	border-radius:5px;
	filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
padding-right: 0px;
display: inline-block;
}
.soc_m img:hover
{
	filter:none;
  -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}
.menu4 img{
   filter:none;
  -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);  
}
.right_block .soc_m{
	width:208px;
}
.photo_n{
	float: left;
	width: 85px;
	min-height: 100px;
}
.photo_n img {
	width: 75px;
	height: 75px;
}
.news p img{
	float:left;
	padding-right:5px;
}
.wr_line{

	width:100%;
}
.slogan{
position: absolute;
margin: 0 auto;
bottom: 100px;
left: 6px
}
.slogan img{


}
.clr{
	clear:both;
}
#responsive-nav input[type=checkbox] {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
#responsive-nav label { 
  display:block;
  cursor: pointer;
  user-select:none;
}
#responsive-nav[role="custom-dropdown"] {
  position:relative;
  width: 100%;
  display: none;
}
#responsive-nav[role="custom-dropdown"] a, #responsive-nav [role="custom-dropdown"] label {
	color:#fff;
	text-decoration:none;
	font: 1.4em sans-serif;
	display: block;
	width: 100%;
}
#responsive-nav[role="custom-dropdown"] h5 {
	position: absolute;
	color: #fff;
	right: 60px;
	z-index: 2;
	top: 16px;
	text-transform: uppercase;
	font-size: 21px;
}
a.logo-respons{
	display: inline!important;
}
#responsive-nav[role="custom-dropdown"] ul{
    padding: 0;
    margin: 0 auto;
    width:100%;
    list-style:none;
}
#responsive-nav[role="custom-dropdown"] ul > li {
    padding:.55em .55em;
    width:19%;
    background-image: url(https://raw.github.com/TimPietrusky/mantisbt-is-a-rockstar/master/rockstar/img/bg_dark_grey.png);
    text-align:center;
    box-shadow:0 .05em .25em 0 rgba(0, 0, 0, .35);
    cursor: pointer;
}
#responsive-nav[role="custom-dropdown"] ul > li:hover{
	background-color:rgba(0, 0, 0, .85);
    color:#fff;
    box-shadow: 0 .05em .25em 0 rgba(0, 0, 0, .35), inset 0 0 0 2em rgba(0, 0, 0, .3);
}
.block_order label:before {
	content:"\2261";
	font-size: 2.8em;
	display: none;
}
.logo-resp {
	width: 100px;
	height: 56px;
	position: absolute;
	z-index: 1003;
}
.logo-resp img {
	width: 100%;
	height: 100%;
}
.substrate{
	display: block;
	width: 100%;
	height: 54px;
	display: none;
}
/* MEDIA */
@media screen and (max-width: 1360px){
	.slogan{
		bottom: 300px;
	}
	.logo_m{
		width: 100%;
		text-align: left;
	}
	.logo_m img {
		left: 50%;
		margin-left: -200px;
		top:25px;
	}
}
@media screen and (max-width: 1250px){
	.block_2{
		top: 250px;
		left: 50px;
		margin: 0;
		width: inherit;
	}
	.menu4{
		width: 660px;
	}
}
@media screen and (max-width: 1150px) {
	.slogan{
		bottom: 400px;
		left: 50%;
		margin-left: -150px;
	}
	.block_r .logo{
		display: none;
		background-position: center;
		width: 132px;
	}
	.block_r .soc_m{
		display: none;
	}
	.block_order {
		height: inherit;
		padding: 0;
		width: 132px;
	}
	.block_order label:before{
		display: block;
	}
	.block_order .phone-form {
		display: none;
	}
	.block_order .entry {
		display: none;
	}
	.block_order .entry #contactForm input[type='text']{
		width: 80%;
		padding: 10px 9%;
	}
	.block_order .entry #contactForm input[type='submit']{
		width: 80%;
		padding: 10px 9%;
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.logo_m img {
		margin: 0;
		left: 0;
	}
}
@media screen and (max-width: 1045px){
	.block_2{
		top: 80px;
	}
}
@media screen and (max-width: 1040px){
	.menu4{
		width: 100%;
	}
	.wrapper{
		overflow: hidden;
	}
	.block_3{
		width: 100%;
		margin: 0;
		left: 10px;
	}
	.cont{
		width: 97%;
		margin: 0;
		left: 0;
		bottom: 0;
		padding: 10px;
	}
}
@media screen and (max-width: 1000px){
	body {
		background: url(../images/background_news.jpg) repeat center center;
	}
	.wrapper_block{
		width: 100%;
	}
	#breadcrumbs h2 {
		padding: 0 2.5% 25px 2.5%
	}
	#news .news1 {
		padding: 10px 2.5%;
		border-bottom: none;
		width: 20%;
		text-align: center;
		float: left;
		clear: none;
		overflow: hidden;
		height: 280px;
		word-wrap: break-word;
	}
	#news .news1 .photo_n{
		width: 100%;
	}
	#news .news1 .photo_n img {
		width: 100%;
		height: 100%;
	}
	.wrapper_block .right_block{
		position: absolute;
		clear: both;
		right: 0;
		top: 50px;
		margin: 0;
		padding: 0;
		width: 20%;
	}
	ul.categ li{
		float: left;
		width: 20%;
		margin: 0px 2.3%;
		padding: 0;
		height: 190px;
	}
	.news {
		display: none;
	}
	.left_block{
		width: 100%;
		padding: 0;
		margin: 0;
	}
	ul.categ li a{
		width: 100%;
	}
	ul.categ li .photo {
		width: 90%;
	}
	ul.categ li .photo img {
		width: 100%;
	}
}
@media screen and (max-width: 980px) {
	.cont .text{
		color: black;
	}
	.block_2{
		top: 50px;
	}
	.logo_m {
		display: none;
	}
	.wr_line{
		display: none;
	}
	.menu2{
		width: 100%;
		margin: 0;
		left: 0;
		bottom: 0px;
	}
	.slogan{
		bottom: 300px;
		display: none;
	}
	.slid_1, .slid_2 {
		height: 600px;
		position: relative;
	}
	.slid_3{
		height: 800px;
	}
	.slid_1 ul {
		width: 100%;
	}
	.slid_1 img.slid{
		width: 100%;
		height: auto;
		min-height: inherit;
	}
	.slid_1 ul li{
		width: 15%;
	}
	.slid_1 ul li a{
		width: 100%;
	}
	.slid_1 ul li img {
		width: 100%;
	}
	.menu_fix{
		display: none;
	}
	.substrate{
		display: block;
	}
	#responsive-nav[role="custom-dropdown"] {
		display: block;
		position: fixed;
		z-index: 1001;
	}
	.block_r{
		z-index: 1000;
		position: absolute;
	}
	#responsive-nav[role="custom-dropdown"] ul{
		display:none;
		height:100%;
	}
	#responsive-nav[role="custom-dropdown"] label{
		position:relative;
		display:block;
		width:100%;
		min-height:2.25em;
		padding:.45em;
		font-size:1.1em;
		margin:0;
		border: .15em solid rgba(60, 60, 60, .2);
		background-image: url(https://raw.github.com/TimPietrusky/mantisbt-is-a-rockstar/master/rockstar/img/bg_dark_grey.png);
	}
	#responsive-nav[role="custom-dropdown"] label:after{
		position: absolute;
		right: 5%;
		top: 50%;
		margin-top: -17px;
		content:"\2261";
		font-size:1.8em;
		color: #fff;
	}
	#responsive-nav[role="custom-dropdown"] label:after {
      color:#222;
    }
	#responsive-nav[role="custom-dropdown"] ul {
		display:none;
	}
	#responsive-nav[role="custom-dropdown"] ul > li{
		width:100%;
        opacity:.9;
        text-align:left;
	}
	#responsive-nav[role="custom-dropdown"] ul > li:after{
		position:absolute;
		right:.25em;
		content:"\203A";
		font: bold 1.4em sans-serif;
	}
}
@media screen and (max-width: 830px) {
	.slid_2 {
		height: 820px;
	}
	.slid_2 img.slid{
		min-height: inherit;
	}
	.block_2{
		bottom: 60px;
		top: inherit;
		position: absolute;
		padding: 0px 2.5%;
		overflow: hidden;
		left: 0;
	}
	.menu3 li{
		background: none;
		padding-left: 0;
		width: 50%;
		line-height: 22px;
		margin-right: 0;
		float: left;
	}
	.menu3 a{
		font-size: 15px;
		color: black;
		padding-right: 5px;
	}
	.slid_3 {
		height: 700px;
	}
	.slid_3 img.slid{
		min-height: inherit;
	}
	.menu4 li img{
		width: 100%;
		height: 100%;
	}
	.menu4 li{
		width: 22%;
		height: 16%;
	}
}
@media screen and (max-width: 750px){
	.wrapper_block .right_block{
		right: 12%;
	}
	.slid_2{
		height: 780px;
	}
}
@media screen and (max-width: 700px){
	.contt{
		float: none;
	}
	.text, .contt, .txt_c, .footer{
		padding: 0px 5%;
	}
	.left_block .text img {
		width: 100%;
		height: 100%;
	}
	#breadcrumbs h1{
		text-align: left;
		padding: 40px 20px 20px;
	}
}
@media screen and (max-width: 670px){
	.container_12{
		width: 100%;
	}
	.container_12 .grid_3{
		width: 31.33%;
	}
	.container_12 .grid_3 a {
		width: 100%;
	}
	.container_12 .grid_3 a img {
		width: 100%;
	}
}
@media screen and (max-width: 660px){
	.slid_2{
		height: 720px;
	}
	.slid_1{
		height: 520px;
	}
}
@media screen and (max-width: 600px){
	.slid_3{
		height: inherit;
	}
	.menu2{
		font-size: 10px;
		bottom: 35px;
	}
	.menu3 li{
		float: left;
		display: block;
	}
	.slid_3 .block_3 h2 {
		font-size: 25px;
		padding-bottom: 0;
	}
	.cont{
		font-size: 14px;
	}
	.menu4 li{
		width: 22%;
		height: 16%;
	}
	.slid_3{
		height: 550px;
		border-bottom: 1px solid black;
		margin-bottom: 20px;
	}
	.slid_1{
		height: 390px;
	}
	.slid_2 {
		height: 660px;
	}
	.cont{
		bottom: 35px;
		font-size: 15px;
	}
	.cont .text {
		color: black;
	}
	.block_2{
		bottom: 60px;
		top: inherit;
		position: absolute;
		padding: 0px 2.5%;
		overflow: hidden;
		left: 0;
	}
	.menu3 a:hover{
		color: #a19b9a;
	}
	.slid_2 .block_2 h2{
		padding-bottom: 5px;
		color: #494645;
	}
	.slid_2 img.slid{
		min-height: inherit;
		width: 100%;
	}
	.slid_1 img.slid{
		height: auto;
		width: 100%;
		min-height: inherit;
	}
	.slid_3 img.slid{
		min-height: inherit;
	}
	.menu3 li{
		background: none;
		padding-left: 0;
		width: 50%;
		line-height: 22px;
		margin-right: 0;
	}
	.menu3 a{
		font-size: 15px;
		color: black;
		padding-right: 5px;
	}
	.block_order p {
		font-size: 12px;
		font-weight: bold;
	}
	.block_order{
		width: 120px;
		right: 10%;
	}
}
@media screen and (max-width: 560px){
	.wrapper_block .left_block iframe{
		width: 100%;
	}
}
@media screen and (max-width: 550px){
	.slid_3{
		height: 515px;
	}
}
@media screen and (max-width: 500px) {
	.slogan{
		bottom: 190px;
	}
	.footer{
		width: 100%;
	}
	.menu2 li p{
		width: 100%;
	}
	.container_12 .grid_3{
		width: 47%;
	}
}
@media screen and (max-width: 450px){
	.block_2{
		left: 0;
	}
	#news .news1 a{
		font-size: 13px;
		display: block;
	}
	#news .news1 span{
		font-size: 11px;
	}
}
@media screen and (max-width: 430px){
	.slid_3{
		height: 460px;
	}
}
@media screen and (max-width: 400px){
	.cont{
		font-size: 17px;
	}
	.slid_3{
		height: 450px;
	}
	.menu3 ul li{
		word-wrap: break-word;
	}
	.slid_3 .cont .text {
		padding: 0;
	}
	.menu3 a{
		font-size: 17px;
		padding-bottom: 9px;
	}
	.block_3{
		top: 10px;
	}
	.block_2{
		bottom: 25px;
	}
}
/* END MEDIA */