﻿html,
body {
  overflow-x: hidden;
    position: relative;
}
.text-underline {
  text-decoration: underline;
}
.popup {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999999999;
}
.popup.dark-bg {
  background: rgba(220, 220, 220, 0.95);
  padding-top: 10px;
}
.popup .close {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 16px;
  width: 16px;
  background: url("popup-close.png");
  opacity: 1;
}
.popup .close2 {
  /*position: absolute;
  top: 10px;
  right: -20%; */
  height: 30px;
  width: 30px;
  background: url("popup-close2.png") no-repeat;
  opacity: 1;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.popup .arrow {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: -26px;
  left: 150px;
  border: 13px solid;
  border-color: transparent;
  border-bottom-color: #182a36;
}
.popup .arrow:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: -7px;
  left: -10px;
  border: 10px solid;
  border-color: transparent;
  border-bottom-color: #ffffff;
}

.popup .popupBlock {
  position: absolute;
  /*top: 70px;
  left: 50%;
  margin-left: -340px;*/
 /* width: 446px;*/
  background-color: #fff;
  border: 3px solid #182a36;
  padding: 20px 20px;
  border-radius: 3px;
  width: 100%;
  left: 0;
  top: 0;
  margin-left: 0;
}
@media (min-width: 768px)
{
.popup .popupBlock {
 left: 50%;
 margin-left: -80px;
 top: 75px;
 width: 446px;
  }  
}
@media (min-width: 992px)
{
.popup .popupBlock {
  left: 50%;
  margin-left: -192px;
  top: 75px;
  width: 446px;
  }  
}
@media (min-width: 1200px)
{
.popup .popupBlock {
  left: 50%;
  margin-left: -290px;
  top: 75px;
  width: 446px;
  }  
}
.popup .popupBlock h4 {
  margin-top: 0px;
  margin-left: 0px;
  padding: 0px;
  color: #33ccff;
  font: bold 29px 'Cuprum', sans-serif;
}
.popup .popupBlock .btn-green-medium {
  margin-top: 20px;
  margin-bottom: 5px;
  padding: 7px 18px 5px 18px;
}
.popup .popupBlock form .item {
  margin: 10px 0;
  overflow: hidden;
}
.popup .popupBlock form .item .title {
  float: left;
  padding-top: 5px;
  /*width: 80px;*/
  line-height: 1.1;
}
.popup .popupBlock form .item .field {
 /* float: left;
  margin: 0 0 0 20px;*/
}
.popup .popupBlock form input {
/*  text-align: left;*/
  padding-left: 15px;
  padding-right: 15px;
 /* width: 300px;
  height: 50px;*/
  border: solid 2px #d0d0d0;
  border-radius: 30px;
}
.popup .popupBlockContact {
/*position: absolute;
  top: 50%;
  margin-top: -300px;
  left: 50%;
  margin-left: -400px;*/
/*width: 650px;*/
  background-color: transparent;
}
.popup .popupBlockContact h4 {
  margin-top: 0px;
  margin-left: 0px;
  padding: 0px;
  color: #33ccff;
  font: bold 29px 'Cuprum', sans-serif;
}
.popup .popupBlockContact .btn-green {
 /* margin-left: 46%;*/
}
.popup .popupBlockContact form .item {
  margin: 10px 0;
  overflow: hidden;
}
.popup .popupBlockContact form .item .title {
  /*float: left;
  padding-top: 12px;
  width: 170px;*/
  font-size: 24px;
  color: #404040;
  line-height: 1.1;
}
.popup .popupBlockContact form .item .field {
  /*float: left;
  margin: 0 0 0 20px;*/
}
.popup .popupBlockContact form .field input {
/*  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
  width: 438px;*/
  /*height: 60px;*/
  border: solid 1px #404040;
  background: transparent;
  border-radius: 30px;
}
.popup .popupBlockContact .text{
    font-size: 24px;
    line-height: 1.1;
    color: #000!important;
    font-family: 'Cuprum', sans-serif;
    font-weight: 300;
    padding-top: 14px;
}
.section_2 .block {
  /*display: table;*/
  margin: 0 auto;
}
.section_2 .block .item {
 /*width: 228px;*/
  margin: 20px 0 0;
  /*float: left;*/
}
.section_2 .block .item .circle {
 /* width: 200px;*/
  border-radius: 100px;
  display: table;
  margin: 0 auto;
  box-shadow: 0px 0px 100px 14px rgba(51, 204, 255, 0.4);
  -moz-box-shadow: 0px 0px 100px 14px rgba(51, 204, 255, 0.4);
  -o-box-shadow: 0px 0px 100px 14px rgba(51, 204, 255, 0.4);
  -ms-box-shadow: 0px 0px 100px 14px rgba(51, 204, 255, 0.4);
  -webkit-box-shadow: 0px 0px 100px 14px rgba(51, 204, 255, 0.4);
}
.section_2 .block .item p {
  padding: 15px 0;
  text-align: center;
  color: #FFF;
  font: bold 24px 'Cuprum';
}
.section_14 .block .element {
  margin: 30px 0;
}
.section_14 .block .element .item {
  display: inline-block;
  vertical-align: top;
  width: 290px;
  margin: 0 5px;
  overflow: hidden;
  color: #ffffff;
}
.section_14 .block .element .item .right {
  position: relative;
  width: 78%;
}
.section_14 .block .element .item .right h4 {
  margin: 0 0 20px;
  font: bold 24px 'Cuprum';
}
.section_14 .block .element .item .right h4 img {
  float: right;
}
.section_14 .block .element .item .right h4 img[src="images/section_14_arrows_right_mini.png"] {
  margin: 3px 0 0;
}
.section_14 .block .element .item .right p {
  margin: 20px 0;
  font: 18px 'Cuprum';
}
.section_14 .block .element .item .right .arrow-bottom {
  position: absolute;
  left: -50px;
  bottom: 0;
}
.section_14 .block .element .item .left {
  width: 19%;
}
.section_14 .btn-green {
  border-color: #fff;
}
.section_17 * {
  padding: 0;
}
.section_17 .block {
  margin: 0 auto;
  padding: 155px 0 0 0;
  overflow: hidden;
}
.section_17 .block2 {
  margin: 0 auto;
  padding:0;
  overflow: hidden;
}

.section_17 .block .item {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 0 20px;
  line-height: 1;
}
.section_17 .block .item p {
  margin: 15px 0;
}
.section_17 .block .item h3 {
  color: #33ccff;
  font: bold 18px 'cuprum';
  margin: 0;
}
.section_17 .block .item span {
  color: #000;
}
.section_17 .block2 .item2{
    color: #000;
}
.section_17 .block2 .item2 h3 {
  color: #33ccff;
  font: bold 18px 'cuprum';
  margin: 0;
}
.section_17 .block .left {
  margin: 100px 0 0 21%;
  float: left;
}
.section_17 .block .right {
  margin: 0 10% 0 0;
  float: right;
}

footer .info {
  width: 100%;
  overflow: hidden;
}
footer .info div {
 /* display: inline-block;*/
}
footer .info .right {
  /*margin: 0 20px 0 0;*/
}
footer .info .right:last-child {
  /*margin: 0 70px 0 0;*/
}
footer .info .col {
  color: #808080;
  font: 14px 'Cuprum';
}
footer .info .col p {
  margin: 20px 0;
  line-height: 1.4;
}
footer .info .col p a {
  margin: 0 20px 0 0;
  color: #808080;
  text-decoration: underline;
}
footer .info .col p a:hover {
  text-decoration: none;
}
.img-hover {
  cursor: pointer;
}
.img-hover:hover {
  box-shadow: 0px 2px 0px #33ccff, 0px -2px 0px #33ccff, 2px 0px 0px #33ccff, -2px 0px 0px #33ccff;
  border-radius: 55px;
}
#video_block {
  position: fixed;
/*  top: -120%;*/
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.95);
  z-index: 2000000;
  display: none;

}
#video_block .video_menu {
 /* height: 10%*/;
  width: 100%;
  background: rgba(0, 0, 0, 0.95);
  padding-top: 10px;
}
#video_block .video_menu .main {
  /*padding-top: 2px;
  margin: 0 auto;
  display: table;*/
}
#video_block .video_menu .main button {
    display: inline-block;
    max-width: 189px;
    width: 47%;
    height: 50px;
    padding: 0 35px!important;
}

#video_block iframe {
 /* position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -330px;
  margin-top: -180px;*/
}
.hidden {
  opacity: 0;
}
.visible {
  opacity: 1;
}
.franchise {
  margin: 1px 0;
}
.section_16 {
  overflow: hidden;
}
#spoiler .item {
  position: relative;
}
#spoiler .item .name {
  position: relative;
  z-index: 2;
  display: inline-block;
  width: 100%;
}
#spoiler .item .name div:first-child {
width: 90%;
float: left;
}
#spoiler .item .text {
  position: relative;
  z-index: 2;
}
#spoiler .item.active .text {
  display: block;
}
#spoiler .active:before {
  content: "";
  position: absolute;
  top: 0px;
  width: 200%;
  left: -50%;
  height: 100%;
  background: #182a36;
  z-index: 1;
}
#slider3 .slider .text {
  /*max-width: 300px;*/
}
#slider6 .slider .text {
  /*max-width: 300px;*/
}
#menu {
  position: relative;
  z-index: 20;
}
header {
  position: relative;
  z-index: 15;
  overflow: hidden;
}
header .container {
  position: relative;
  z-index: 11;
}
.video-promo {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.video-promo video {
  position: absolute;
  top: 0px;
  left: 0px;
  min-width: 100%;
  min-height: 100%;
  max-height: 4000%;
  max-width: 1000%;
  width: auto;
  height: auto;
  z-index: -1000;
  overflow: hidden;
}
#slider .title {
  /*max-width: 300px !important;*/
}
#slider .text {
 /*max-width: 300px !important;*/
}
#toTop {
  position: fixed;
  z-index: 9999;
  bottom: 10px;
  right: 10px;
  background: #F4FFBF;
  border: 1px solid #ccc;
  padding: 5px;
  cursor: pointer;
  color: #666;
  text-decoration: none;
  width: 100px;
}
#toTop {
  position: fixed;
  z-index: 9999;
  bottom: 10px;
  right: 10px;
  background: url("scrollTop.png") no-repeat;
  width: 64px;
  height: 64px;
  border: none;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  text-decoration: none;
}
.slider .slogan {
  display: table;
}
.hra{
    border: 1px solid #CCCCCC;
    padding: 0;
    margin: 0;
}



/* ---------------------------------------- Предновогодняя акция ------------------------------------- */
#stock-button {
	position:fixed;
	right:0px;
	top:50%;
	margin:-117px 0 0 0;
	display:block;
	width:77px;
	height:235px;
	background:url("new-stock-2.png") no-repeat 0 0;
	z-index:19;
}

#stock-button span { display:none; }

#stock-button i {
	width:77px;
	height:80px;
	display:block;
	background:url("stock.png") no-repeat 0 0;
	position:absolute;
	top:0px;
	left:-20px;
}

#stock-brick-none {
	display: none;
}

#stock-brick {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(220, 220, 220, 0.95);
	z-index: 1010;
	display:none;
}

#stock-brick .data {
	display:block;
	width:1024px;
	height:530px;
	background:url("stock-brick-2.jpg") no-repeat 0 0;
	position:relative;
	margin:-265px auto 0 auto;
	top:50%;
	z-index:1000;
}

#stock-brick .data a.close {
	display:block;
	width:44px;
	height:44px;
	background:url("stock-close.png") no-repeat 0 0;
	text-indent:-9999px;
	position:absolute;
	opacity:100;
	top:10px;
	right:10px;
}

#stock-brick .data .rright {
	position:absolute;
	right:45px;
	top:70px;
	width:424px;
	height:405px;
}

#stock-brick .data .rright h3,
#stock-brick .data .lleft h3 {
	color:#ffffff;
	text-transform: uppercase;
	font-size:30px;
	text-align:center;
	font-weight:bold;
}

#stock-brick .data .rright span,
#stock-brick .data .lleft span {
	text-align:center;
	font-size:20px;
	color:#ffffff;
	display:block;
	padding:0 0 10px 0;
}

#stock-brick .data .rright span b {
	color:#33ccff;
}

#stock-brick .data .lleft span b {
	color:#33ccff;
	display:block;
}

#stock-brick .data .field {
	display:block;
	padding:5px 0;
	text-align:center;
}

#stock-brick .data .field input {
	-webkit-box-shadow: inset 0 0 16px rgba(0,0,0,.33);
	-moz-box-shadow: inset 0 0 16px rgba(0,0,0,.33);
	box-shadow: inset 0 0 16px rgba(0,0,0,.33);
	border: solid 2px #fff;
	width: 305px;
	height: 57px;
	border-radius: 20px;
	color:#3b4856;
	font-size:18px;
	line-height:26px;
	padding:0 15px;
	margin:0 auto;
}

#stock-brick .data .rright button {
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.52), inset 0 0 0 2px rgba(255,255,190,.17);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.52), inset 0 0 0 2px rgba(255,255,190,.17);
	box-shadow: 0 0 5px rgba(0,0,0,.52), inset 0 0 0 2px rgba(255,255,190,.17);
	background-image: -webkit-linear-gradient(bottom, #1091bb, #33ccff);
	background-image: -moz-linear-gradient(bottom, #1091bb, #33ccff);
	background-image: -o-linear-gradient(bottom, #1091bb, #33ccff);
	background-image: -ms-linear-gradient(bottom, #1091bb, #33ccff);
	background-image: linear-gradient(to top, #1091bb, #33ccff);
	width: 306px;
	height: 57px;
	text-align:center;
	border-radius: 20px;
	margin:10px auto 0;
	font-size:30px;
	line-height:30px;
}

#stock-brick .data .lleft {
	position:absolute;
	left:97px;
	top:70px;
	width:424px;
	height:405px;
}

#stock-brick .data .lleft i {
	display:block;
	padding:15px 0 20px 0;
	display:block;
	font-style:normal;
	font-size:20px;
	text-align:center;
	color:#ffffff;
}

#stock-brick .data .lleft .list { 
	text-align:center; 
}

#stock-brick .data .lleft .list .item {
	font-size:20px;
	text-align:center;	
	color:#ffffff;
	text-transform: uppercase;
	display:inline-block;
	width:100px;
	margin:0 10px;
	text-align:center;
	padding:15px 0 0 0;
}

#stock-brick .data .lleft .countdownHolder {
	width:394px;
	margin:0 0 0 30px;
	color:#333333;
	font-size:44px;
	vertical-align:top;
}

#stock-brick .data .lleft span.countDays,
#stock-brick .data .lleft span.countHours,
#stock-brick .data .lleft span.countMinutes {
	display:inline;
	padding:0;
	margin:0;
}

#stock-brick .data .lleft span.countSeconds { display:none; }

.position {
	display:inline-block;
	overflow: hidden;
	position: relative;
	width:53px;
	height:66px;
	float:left;
}

.digit {
	position:absolute;
	display:block;
	width:53px;
	height:66px;
	background:url("time.png") no-repeat 0 0;
	float:left;
}

#stock-brick .data .lleft .digit.static {
	color:#333333;
	font-size:46px;	
	text-shadow: 1px 1px rgba(255,255,255,.45);
	line-height:70px;
}

.countDays{ /* display:none !important;*/ }
.countDiv0{ /* display:none !important;*/ }
.countHours{}
.countDiv1{}
.countMinutes{}
.countDiv2{}
.countSeconds{}


.countDiv{
	display:inline-block;
	width:20px;
	height:66px;
	position: relative;
	float:left;
}
/* ---------------------------------------- Предновогодняя акция ------------------------------------- */
/*
     FILE ARCHIVED ON 22:54:28 Jan 27, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 17:29:40 Nov 08, 2020.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  CDXLines.iter: 47.157 (3)
  PetaboxLoader3.datanode: 804.999 (5)
  PetaboxLoader3.resolve: 206.155 (2)
  exclusion.robots: 0.318
  LoadShardBlock: 639.867 (3)
  exclusion.robots.policy: 0.299
  RedisCDXSource: 16.938
  esindex: 0.027
  load_resource: 492.222 (2)
  captures_list: 711.311
*/