@charset "utf-8";
/* CSS Document */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

html,body{font-family: 'Roboto Condensed', 'Roboto';	width:100%;	height:100%; font-size: 18px;background-color: #989898;background-color: #f2f2f2;}
p{margin:10px 0;}
.navigation{  position: absolute;  z-index: 1;  right: 11%;  top: 36%;  width: auto;}
.button.vv {  position: fixed;  z-index: 10000;  background-image: url(../images/arrow-up.png);  background-color: #A1A1A1!important;  height: 15px;  width: 20px;  background-position: -4px -6px;  right: 10px;  bottom: 10px;  left: auto;  display: none;}
.content{ width: 90%;  margin: 0 auto;  background-color: #fff;}
.navigation li{cursor: pointer;  font-size: 25px;	color:#fff;	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.65);  clear: both;display:block;	padding: 0 10px;	line-height:40px;	font-weight:bold;-webkit-transition: all .2s ease-in-out;text-align:left;  text-align: center;width: auto;   float: left;}
.navigation li:hover .left{  margin-left: -10px!important;  min-width: 120px;  float: left;  position: relative!important;  background: #009fe3;  padding: 0 10px;}
.navigation li.active .right{ background: #009fe3;  float: left;display: inline-block;}
.navigation li:hover .right{  position: absolute;  background: #009fe3;  float: left;display: inline-block;}
.navigation li .left{  -webkit-transition: all .2s ease-in-out; margin-left:-450px;  float: left;display: inline-block;  height: 40px;}
.navigation li .right{float: left;  margin-left: -10px;  width: 50px;  height: 40px;  height: 40px;  text-align: center;}
.navigation li.active:hover .right{  background: #009fe3;}
.navigation li:hover .left{margin-left: -10px;  float: left;  position: relative!important;  background: #009fe3;  padding: 0 10px;}
.navigation li:hover .right{ position: absolute;  background: #000;}
.navigation li:hover{	cursor:pointer;}
.navigation li.active{cursor:pointer;}
.logo{ z-index: 10000;  position: relative;  float: left;  background-color: rgba(0, 0, 0, 0.65);  padding: 10px;}
.logo img{width: 125px;}
.inner{ width: 1000px;  margin: 0 auto;height: 62px;  } 
.slide{	background-attachment: fixed;	width:100%;	height:100%; height:auto;	position: relative;	/*box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);*/}
.slideno{ position: absolute;  bottom: 0px;  left: 25px;  font-size: 100px;  font-weight: bold;  color: rgba(247, 247, 247, 0.7); margin-bottom: 52px; line-height: .9em;}
.button{ display: block;  position: absolute;  bottom: 0px;  left: 50%;  background-color: #333333;  background-image: url(../images/arrow.png);  width: 30px;  height: 26px;  padding: 10px;  color: #fff;  text-indent: -9999px;}
.button:hover{	background-color:#494949;cursor:pointer;}
.imgin { width: 100%;  margin: 20px 0;}
.left{ left: 25px !important; right: auto !important;}
.right{ left: auto; right: 25px !important;}
/******************************
 SLIDE 1 
*******************************/
#slide1{background-position: 50% 0!important;background-image:url(../images/mdn/uuu_57257588_orig_.jpeg);	-webkit-background-size: cover;	-moz-background-size: cover;	-o-background-size: cover;	background-size: cover;  }
.top {position: fixed;  top: 0; z-index: 1000000;  height: 62px;  width: 100%;  margin: 0 auto;  left: 0; }
.top .navigation{ width: 590px;  position: relative;  top: 10px;  height: 42px;margin-left:20px;  background: none;float: left;}
.top .navigation li{  font-weight: normal;  text-transform: uppercase;  color: #fff;}
.top .navigation li{border-bottom: 1px solid rgba(255, 255, 255, 0);}
.top .navigation li:hover{border-bottom: 1px solid #fff;}
.add-nav{ z-index: 1000;  color: #fff;  font-size: 16px;    position: absolute;  top: 20px;  right: 10px;}  
.add-nav li{ float: left;  margin-right: 10px;}
.add-nav li a{color: #fff;text-decoration:none;}
.hot{ font-family: 'Roboto Condensed', 'Roboto';  font-weight: 400;  font-size: 50px;  color: #FFFFFF;  position: absolute;  left: 15%;  top: 15%;  text-transform: uppercase;  padding: 5px 20px;z-index: 10000;}
.hot span{  font-size: 69px;}
.hot p{ background: rgba(0, 0, 0, 0.7);  padding: 0px 20px;  width: auto;  float: left;  clear: both;}  
.info{  padding: 60px 0;  width: 720px;   width: 45%; margin: 0 auto;}
.clear {clear:both;}  
/******************************
 SLIDE 2 
*******************************/
#slide2{	background-color:#FFFFFF;	  height: auto;}
#mute{z-index: 10000;background-image:url(../images/audio_off.png);width:21px; height:21px;  margin: 100px 0 0 20px;  position: absolute; cursor:pointer;}
.play{z-index: 10000;background-image:url(../images/play.png);width:21px; height:21px;  margin: 100px 0 0 50px;  position: absolute; cursor:pointer;}
.pause{z-index: 10000;background-image:url(../images/pause.png);width:21px; height:21px;  margin: 100px 0 0 80px;  position: absolute; cursor:pointer;}
#mute.on{background-image:url(../images/audio_on.png);}
#trailer.nov #mute{display:none;}
#trailer.nov .play{display:none;}
#trailer.nov .pause{display:none;}

#slide3 .cit span {font-size: 40px;}
.podz{ padding: 20px 0 0px 0;  text-align: center; font-size: 45px; color: #2A2A2A;  font-weight: 400;  margin: 0;  text-transform: uppercase;}
.dn{ margin-left: 108px;}
.dn img { width: 250px; opacity:0.7;}
.cit.foot { margin: 30px auto;  width: 700px;  border-left: 2px solid #009fe3;  padding-left: 30px;background: none;  color: #000;  text-shadow: none;  float: none;}
.cit { margin: 15% 0 0 35px;  width: 390px;  padding: 30px;  background: rgba(0, 0, 0, 0.5);  display: inline-block;  text-shadow: 1px 1px 0px #000;  color: #fff;  }
.cit img{  float: left; margin:0 20px 0 0}
.cit.foot span{font-size:20px}
.cit.foot p{float:none;  font-size: 18px;  line-height: 24px;}
.cit span{  float: left;  font-weight: 600;  font-size: 55px;}
.cit p{  margin: 15px 0 0 0;float: left;  font-size: 25px;  line-height: 25px;}
.fakt{  background-color: #EDEDED;
  padding: 20px;}
.fakt p{ /*font-size: 16px; font-weight: bold;*/}
.fakt span{ font-weight: bold;text-align:center;  display: block;font-size:20px;}
.faktp{ /*width: 20%;  border-bottom: 1px solid #0A0A0A;  margin: 30px auto;*/}
/******************************
 SLIDE 3 
*******************************/
#slide3{background-position: 50% 50% !important;background-image:url(../images/mdn/slide-2.jpg);	-webkit-background-size: cover;	-moz-background-size: cover;	-o-background-size: cover;background-size: cover;}
#slide3 .info {  background-color: rgba(255, 255, 255, 0.8);  width: 40%;  bottom: 0;  padding: 20px 40px;  margin-left: 10%;}
/******************************
 SLIDE 4 
*******************************/
#slide4{background-position: 50% 0!important;background-image:url(../images/mdn/slide-3.jpg);	-webkit-background-size: cover;	-moz-background-size: cover;	-o-background-size: cover;	background-size: cover;	height:auto;}
#slide5{background-position: 50% 0!important;background-image:url(../images/mdn/slide-4.jpg);	-webkit-background-size: cover;	-moz-background-size: cover;	-o-background-size: cover;	background-size: cover;	height:auto;}
#slide13{background-position: 50% 0!important;background-image:url(../images/mdn/slide-6.jpg);	-webkit-background-size: cover;	-moz-background-size: cover;	-o-background-size: cover;	background-size: cover;	height:auto;}
#slide14{background-position: 50% 0!important;background-image:url(../images/xuan.jpg);	-webkit-background-size: cover;	-moz-background-size: cover;	-o-background-size: cover;	background-size: cover;	height:auto;}
#slide15{background-position: 50% 0!important;background-image:url(../images/dudek.jpg);	-webkit-background-size: cover;	-moz-background-size: cover;	-o-background-size: cover;	background-size: cover;	height:auto;}
#slide6{background-position: 50% 0!important;background-image:url(../images/mdn/slide-5.jpg);	-webkit-background-size: cover;	-moz-background-size: cover;	-o-background-size: cover;	background-size: cover;	height:auto;}
#slide14 .slideno{ right: 25px;  left: auto;}
.is_overlay{ display: block; width: 100%; height: 100%; min-height:1080px;}
#trailer {position: fixed;top: 0; right: 0; bottom: 0; left: 0;	overflow: hidden;}
#trailer > video {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	min-width: 100%; min-height: 100%;width: auto; height: auto;}
 @media (min-aspect-ratio: 16/9) {
 #trailer > video { height: 300%; top: -100%; }
 }
 @media (max-aspect-ratio: 16/9) {
     #trailer > video { width: 300%; left: -100%; }
 }
 /* Если есть поддержка object-fit (Chrome/Chrome для Android, Safari в iOS 8 и Opera), используем его: */
 @supports (object-fit: cover) {
     #trailer > video { top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;  }
 }
#trailer {background: url("../images/mdn/uuu_57257588_orig_.jpeg");	background-attachment: fixed;	background-origin: initial;	background-clip: initial;	background-size: cover;	background-repeat:no-repeat;	background-position:100% 0; 	  position: relative;	min-height:1080px;}
#slide7{background: url("../images/mdn/slide-1.jpg");	background-attachment: fixed;	background-origin: initial;	background-clip: initial;	background-size: cover;	background-repeat:no-repeat;	background-position:50% 50%!important; }
#slide7 .slideno{bottom: 70px;}
#slide8{background-color: #FFFFFF;height: auto;}
#slide9{background-color:#FFFFFF;  height: auto;}
.cit.foot{ margin: 30px auto;  width: auto;    border-left: 5px solid #C5C5C5;  padding-left: 30px;}
.cit.foot div{ float: left;  margin: 20px 20px 10px 10px;}
.cit.foot span {  margin-top: 35px;}
.cit.foot.right div{float:right;}
.cit.foot.right { border-right: 5px solid #C5C5C5;  border-left:none;  background: #E7E7E7;  padding: 20px;}

#slide9 .info{  padding-bottom: 100px;}
#slide10{background-color:#FFFFFF;}
#slide11{background-color:#FFFFFF;height:auto;}
.block_body{padding: 20px 20px 100px 100px;  font-size: 16px;}
.odds_item { padding: 3px 10px;}
.odds_item:nth-child(2n){ background-color: #f4f4f4;}
.odds_item a {color: #0080ff;text-decoration:none;}
.odds_coeff_title {  float: left;  width: 11%;  text-align: center;  font-size: 14px;  color: gray;}
.odds_bth {  clear: both;  height: 0px;}
.odds_coeff {  float: left;  width: 11%;  text-align: center;}
.odds_big, .odds_big .odds_coeff {  line-height: 30px;}
.odds_title {  float: left;  width: 45%;}
.odds_big, .odds_big .odds_coeff {  line-height: 30px;}
.odds_logo .odds_coeff {  line-height: 20px;}
.odds_title span {  display: inline-block;  padding-left: 65px;  line-height: 20px;}
.odds_big .odds_title span {  padding-left: 100px;  line-height: 30px;}
#slide12{background: url("../images/mdn/slide-7.jpg");	background-attachment: fixed;	background-origin: initial;	background-clip: initial;	background-size: cover;	background-repeat:no-repeat;	background-position:50% 50%!important; }
#slide12 .info{  z-index: 100;background-color: rgba(255, 255, 255, 0.8);  font-size: 16px;  position: absolute;  top: 50px;  left: 100px;  width: 370px;  padding: 20px 50px;}
#slide12 .info  span{ font-style: italic;}
.soc {  position: fixed;  top: 40%; z-index:100000;}
.soc .pluso-more { display: none!important;}

@media only screen and (min-width: 1581px){
.inner { width: 100%;}
.top{  left: auto;  width: 90%;}
}
@media only screen and (max-width: 1306px) and (min-width: 1125px){
.hot{left:5%;}
}
@media only screen and (max-width: 1124px) and (min-width: 1024px){
.hot{left:1%;}
.hot p{font-size: 39px;}
}
@media only screen and (max-width: 1580px) and (min-width: 1025px){
.info{width: 70%;}
.inner { width: 100%;}
.top{  left: auto;  width: 90%;}
}
@media only screen and (max-width: 1024px) and (min-width: 986px){
.info{width: 70%;}
.inner { width: 100%;}
.top{  left: auto;  width: 90%;}
.hot{left:1%;}
.hot p{font-size: 39px;}
}
@media only screen and (max-width: 985px) and (min-width: 768px){
.inner{width:768px;  overflow: hidden;  height: 62px;}
.info{width: 70%;}
.content {  width: 768px;  margin: 0 auto;}
#slide12{  min-height: 685px;}
#slide13{  min-height: 685px!important;}
.top .navigation{}
.top .navigation li { float: left; clear: both;}
.hot{left:1%;}
.hot p{font-size: 34px;}
.hot span {font-size: 60px;}
.dn { margin-left: 100px;}
.cit.foot p { float: left;}
}

@media only screen and (max-width: 768px){

#slide12{background: url("../images/768/slide-7.jpg");background-attachment:initial;  background-origin: initial;  background-clip: initial;  background-size: cover;	}
#trailer {background: url("../images/768/uuu_57257588_orig_.jpg");background-attachment:initial;  background-origin: initial;  background-clip: initial;  background-size: cover;}
#slide7{background: url("../images/768/slide-1.jpg");background-attachment:initial;  background-origin: initial;  background-clip: initial;  background-size: cover;}
#slide3{background-image:url(../images/768/slide-2.jpg);background-attachment:initial;  background-origin: initial;  background-clip: initial;  background-size: cover;}
#slide4{background-image:url(../images/768/slide-3.jpg);background-attachment:initial;  background-origin: initial;  background-clip: initial;  background-size: cover;}
#slide5{background-image:url(../images/768/slide-4.jpg);background-attachment:initial;  background-origin: initial;  background-clip: initial;  background-size: cover;}
#slide13{background-image:url(../images/768/slide-6.jpg);background-attachment:initial;  background-origin: initial;  background-clip: initial;  background-size: cover;}
#slide14{background-image:url(../images/768/xuan.jpg);  min-height: 780px!important;background-attachment:initial;  background-origin: initial;  background-clip: initial;  background-size: cover;}
#slide15{background-image:url(../images/768/dudek.jpg);background-attachment:initial;  background-origin: initial;  background-clip: initial;  background-size: cover;}
#slide6{background-image:url(../images/768/slide-5.jpg);background-attachment:initial;  background-origin: initial;  background-clip: initial;  background-size: cover;}
#slide1{background-image:url(../images/768/uuu_57257588_orig_.jpg); background-attachment:initial;  background-origin: initial;  background-clip: initial;  background-size: cover;}

}
@media only screen and (max-width: 767px) and (min-width: 480px){
.content {  width: 480px;  margin: 0 auto; overflow:hidden;}
.inner{width:480px;  overflow: hidden;  height: 62px;}
.info{width: 85%;}
.hot{left: 40px;  position: relative;  top: 75px;}
.button{left: 45%;}
.dn {margin-left: 50px;  float: left;}
#trailer{display: none;}
.block_body{  padding: 20px 20px 100px 20px;}
#slide12{min-height: 685px;  background-attachment: initial;  position: relative;}
#slide12 .info{position: relative;  left: 0px; z-index:1000;  padding: 20px 30px;}
.hot p{font-size: 28px;}
.hot span {font-size: 50px;}
.navigation{  position: relative;  left: 94px; top: 70px;  float: left;  right: auto;}
.navigation li{  text-align: center;  width: 100%;}
#slide1 {min-height: 800px!important;}
.cit { width: 365px;}
#slide14{min-height: 925px!important;}
}

@media only screen and (max-width: 479px){

.content {width: 320px;  margin: 0 auto;  overflow: hidden;}
.dn {margin-left: 70px;}
.dn img {  width: 130px;}
.hot {left:0;  font-size: 26px; }
#trailer{display:none;}
.hot span {  font-size: 35px;}
.info {  width: 90%;}
.inner{width:320px;  overflow: hidden;  height: 62px;}
.top{width:320px;  background: #335e2e;  width: 100%;  left: 0;  background: none; }
.slide{background-attachment: initial;}
#slide12 .info{  left: 20px;  width: 260px;  padding: 20px 12px; }
#slide12 {min-height: 1030px; background-attachment: initial!important;}
.button { left: 135px;}
.slideno { font-size: 67px;}
.cit span { font-size: 35px;}
#slide3 .cit span { font-size: 30px;}
.cit p { font-size: 21px;  line-height: 20px;}
.block_body {padding:0;}
.odds_big .odds_title span{padding-left:0;  background: none!important;}
.odds_title span {padding-left:0;}
.hot{ left: 28px;  position: relative;  top: 75px;  padding: 0;}
.hot p{font-size: 20px;}
.navigation{  position: relative;  left: 40px; top: 90px;  float: left;  right: auto;}
.navigation li{  text-align: center;  width: 100%;}
#slide1 {min-height: 685px!important;}
.cit {width: 240px; padding: 15px;}
.podz { font-size: 35px;}
.block_body { font-size: 15px;}
.odds_coeff_title { font-size: 12px;}
		
}

.Copyright {
	font-size: 12px;
}

.tt {
	width: 470px;
}

.tt p{
			line-height: 1.4em;
			font-size: 36px;
	}

@media only screen and (max-width: 768px){
	.tt { width: 390px;	}


		.tt p{
			line-height: 1em;
			font-size: 18px;
	}
}