@font-face {
	font-family: HelveticaNeueCyr;

	src: 	url('../fonts/HelveticaNeueCyr-Roman.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeueCyr-Roman.woff') format('woff'),
		url('../fonts/HelveticaNeueCyr-Roman.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: HelveticaNeueCyr-Medium;
	
	src: 	url('../fonts/HelveticaNeueCyr-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeueCyr-Medium.woff') format('woff'),
		url('../fonts/HelveticaNeueCyr-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: HelveticaNeueCyr-Light;
	
	src: url('../fonts/HelveticaNeueCyr-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeueCyr-Light.woff') format('woff'),
		url('../fonts/HelveticaNeueCyr-Light.ttf') format('truetype');
    font-weight: 700;
	font-style: normal;
}







body,main{
  font-family: HelveticaNeueCyr;
  padding: 0px;
  margin: 0px;
}
.container{
  margin: 0px auto;
  width: 90%;
  max-width: 1360px;
}
.container2 {
  margin: 0px auto;
  width: 90%;
  max-width: 1700px;
}
.container-bg  {
  background:rgba(0,0,0,.3);
}
.h1{

  font-family: HelveticaNeueCyr-Medium;
}
.h11{
  font-size: 52px;
}
.h2{
  display: flex;
  justify-content: center;
  font-size: 35px;
  color: #FFF;
  text-align: center;
  font-family: HelveticaNeueCyr-Light;
  letter-spacing: 2px;
}

.h2>span{
  
  display: block;
  width: fit-content;
}
.h2__line{
  margin: 0px auto;
  margin-top: 26px;
  display: block;
  width: 70%;
  height: 1px;
  background: #FFF;
  letter-spacing: 1px;
}
.header2{
  height:1000px !important;
}
.header{
 height:auto;
  width: 100%;
  background: url(../img/back_1.webp) top center no-repeat;
  background-size: cover;
}
.header2 {background: url(../img/back_2.jpg) top center no-repeat;
  background-size: cover;}

.header__logo{
  letter-spacing: 1px;
  padding:177px 0 73px 0;
  font-size: 32px;
color:#FFF;
text-align:center;
}
.header2 .header__logo {padding-top:100px;}
.header__logo img{
max-width: 100%;
}
.logo_2{
  position: absolute;
  right: 0px;
  top:120px;
  width: 192px;
  height: 152px;
  background: url(../img/logo_2.png) center no-repeat;
  background-size: contain;
}

.header__logo h1{
margin: 30px 0 0 0;
}
.header__text{
  line-height: 1.6em;
  padding-top: 20px;
  font-size: 24px;
  max-width: 900px;
  margin: 0px auto;
}
.header__alert{
  padding:117px 0 100px 0;
  background: url(../img/op.png) ;
 text-align: center;
  }
  .header__alert img{
max-width: 40%;
  }
  .header__alert__text{
   color:#FFF;
   font-size: 29px;
   margin: 0px auto;
   margin-top: 60px;
   max-width: 70%;
   
    }
  .items{
  
    box-sizing: border-box;
    padding:20px 0 220px 0;
    background: url(../img/back_2.webp) bottom center no-repeat;
    background-size: cover;
  }

  .items__wrapper{
    display: flex;
  padding:100px 0 135px 0;
  justify-content: space-between;
  gap:3%;
  }
  .items__wrapper .item{
    width: fit-content;
max-width: 33%;
background: url(../img/op.png) ;
  }
  .items__wrapper .item>div{
  min-height:200px;
  display: flex;
  align-items: center;
  }

  .items__wrapper .item img{
    max-width: 100%;
      }
      .items__wrapper .item ul{
        padding:20px 0px 15px 0px;
        width: 100%;
        gap: 15px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      }
      .items__wrapper .item ul li{
        width: fit-content;
       list-style-type: none;
       color: #FFF;
       font-size:22px;
       letter-spacing: 1px;
       background: url(../img/arrow.png) right center no-repeat;
       padding-right:20px;
        }
        .items__wrapper .item a{
          color: #FFF;
          text-decoration: none;
        }
      .button_a{
        text-decoration: none;
        color:#FFF;
        font-size:22px;
        gap:15px;
        align-items: center;
        width: fit-content;
        display: flex;
background:#cf145a;
margin: 0px auto;
padding: 13px 20px;
letter-spacing: 1px;
cursor: pointer;
      }
      .button_a:hover{
opacity: 0.7;
      }


      .solution{
       
        padding-top: 1px;
        min-height: 834px;
        background: url(../img/sol.webp) top center no-repeat #2b266b;
      }
      .solution__text{
        line-height: 1.6em;
max-width: 350px;
margin: 0px auto;
color: #FFF;
font-size: 20px;
text-align: center;
margin-top: 430px;
      }
      .solution__text p:nth-child(2){
font-size: 32px;
padding-top: 10px;
      }

      .teaser{
        padding: 1px 0 100px 0;
        min-height: 1600px;
        background: url(../img/teaser.jpg) bottom center no-repeat #322975;
      }
      .teaser2{
        background:url(../img/teaser2.jpg) top center no-repeat  #33256d;
      }

.teaser__banner{
max-width: 1100px;
width: 100%;
height: 600px;
background: #000;
margin: 0px auto;
margin-bottom:120px;
}

.teaser__games{
  max-width: 760px;
  margin: 0px auto;
  margin-top: 70px;
display: flex;
gap:90px;
row-gap: 60px;
flex-wrap: wrap;
justify-content: center;
  }
  .teaser__game{
    justify-content: center;
    max-width: calc(50% - 25px);
    height:260px;
    width:330px;
    max-width:calc(50% - 45px);
    color: #FFF;
    font-size: 26px;
    
    text-align: center;
   display: flex;
padding: 0 50px;
box-sizing: border-box;
align-items: center;
line-height: 1.4em;
      }
      
      .teaser__game:nth-child(2),.teaser__game:nth-child(3){
        background: url(../img/games_bck2.png) center no-repeat;
       background-size:contain;
        }
       
      .teaser__game:nth-child(3n+1){
      background: url(../img/games_bck.png) center no-repeat;
     background-size:contain;
      }
     
      
      .teaser__items{
        justify-content: left;
        padding:60px 0 60px 0;
        display: flex;
        flex-wrap: wrap; 
        gap:10%;
        row-gap: 120px;
      }
      .teaser__item{
        max-width: 583px;
      }
      .teaser__item__text{
        color: #FFF;
        padding-top: 20px;
        line-height: 1.5em;
        font-size: 20px;
      }
      .teaser__item img{
        max-width: 100%;
       
      }
      .dist{
        background: url(../img/dist.jpg) top center no-repeat #371855;
       padding: 50px 0 180px 0;

      }
      .dist__wrapper{
       display: flex; 
      
       justify-content: center;
    flex-wrap: wrap;
    row-gap: 60px;
    padding-top: 60px;
    gap:10px;
      }
      .dist__wrapper .dist_item{
        width:calc(15% - 5px);
        text-align: center;
		margin-bottom:20px;
      }
      .dist__wrapper .dist_item img{
       max-width: 100%;
      }
      .dist_item_last{
        min-width: calc(30% - 10px);
      }
	  .dist_item_last .bg-in {text-align: left !important;padding:20px; max-width:390px;background:url(../img/op.png);
	   position: relative;
        color: #FFF;
        font-size: 19px;height:calc(100% - 40px);
		margin:0 auto;
}
      .dist_item_last p{
        margin: 0px;
      }
      .dist_item_last .it_bottom{
position: absolute;
bottom: 10px;
line-height: 1.5em;
      }
      .dist_item_last .it_bottom span a{
color:#f2dc81;
text-decoration:none;
      }
.footer{
  color: #FFF;
  background: #000000;
  padding: 40px 0 20px 0;
}
.footer__row{
  font-size: 18px;
  letter-spacing: 1px;
display: flex;
align-items: center;
justify-content: center;
gap:35px;
margin-bottom:30px;
}
.footer__row .rect{
width:20px;
height: 20px;
border-radius:3px;
background: #ff0000;
}
.footer__soc a:nth-child(2){
  margin:0 35px;
}
.footer_copyright{
  font-size: 12px;
text-align: center;
}
.carousel .item{

}
.carousel a{
  text-decoration: none;
}
.carousel h2{
  font-family:HelveticaNeueCyr-Light;
  padding: 0px !important;
color: #FFF;
font-size:17px;
width: 100%;
text-align: center;
line-height: 1em;
transform: skew(0deg) !important;
text-decoration: none;
}
.carousel h2 span{
  transform: skew(-14deg) !important;
  display: block;
}
.home-demo:before {content:'';display:block;width:100%;position:absolute;height:290px;background:#19143b;top:72px;}

.n1 h2,.n3 h2,.n5 h2{
   position: absolute;
    top: 8%;
  }
.n2 h2,.n4 h2{
position: absolute;
    bottom:20px;
}
.owl-carousel .owl-stage-outer {} 
.owl-carousel .owl-stage-outer {
    max-height: 550px;
}

@media (min-width:700px) {
	.header2 {
    height: 1100px !important;
}
.n1 h2,.n3 h2,.n5 h2{top: 9%;}
.n2 h2,.n4 h2{bottom:40px;}
.home-demo:before {height:353px;top:75px;}
}

@media (min-width:1000px) {
	.home-demo:before {height:393px;top:80px;}
}

@media (min-width:1300px) {

	.carousel h2 {font-size:23px;}
	.header2 {
    height: 1200px !important;
}

.owl-carousel .owl-stage-outer {
    max-height: 850px;
}
}
@media (min-width:1600px) {
	.home-demo:before {height:526px;top:93px;}
}
@media (min-width:1790px) {
	.home-demo:before {height:573px;top:98px;}
}

@media (min-width:1920px) {
	
	.carousel h2 {font-size:30px;}
	
.header2 {
    height: 1300px !important;
}
}

@media (min-width:2000px) {
.n1 h2,.n3 h2,.n5 h2{top: 10%;}
.n2 h2,.n4 h2{bottom:60px;}
.header2 {
    height: 1400px !important;
}
.owl-carousel .owl-stage-outer {
    max-height: 900px;
}
.home-demo:before {height:692px;top:112px;}
}

@media (min-width:2400px) {
	.home-demo:before {height:776px;top:118px;}
	
.n2 h2,.n4 h2{bottom:70px;}
.header2 {
    height: 1500px !important;
}
.owl-carousel .owl-stage-outer {
    max-height: 950px;
}
}





.slider__mob{
  padding:20px 0;
  background-color: #191235;
  display: none;
      }
      .slider__mob .sl{
        padding-bottom:10px;
		position:relative;
      }  
	  .slider__mob .sl a {display:block;}
	  .slider__mob .sl:last-child {padding-bottom:0;}
      .slider__mob img{
      width: 100%;
            }
            a h2{
              text-decoration: none !important;
            }
			
.h100 {height:100px;}			
.solution__text a,.footer a {
    text-decoration:none;
	color:#fff;
}
.header__alert__text br {display:none;}
.footer.black {background:#000;}
.home-demo {position:relative;}