@charset "utf-8";
.video_main_grad {display:block; width:100%; height:425px; position:relative; background: -moz-linear-gradient(top,  rgba(0,0,0,0.95) 0%, rgba(0,0,0,0) 13%, rgba(0,0,0,0) 87%, rgba(0,0,0,0.95) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.95)), color-stop(13%,rgba(0,0,0,0)), color-stop(87%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.95))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.95) 0%,rgba(0,0,0,0) 13%,rgba(0,0,0,0) 87%,rgba(0,0,0,0.95) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.95) 0%,rgba(0,0,0,0) 13%,rgba(0,0,0,0) 87%,rgba(0,0,0,0.95) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.95) 0%,rgba(0,0,0,0) 13%,rgba(0,0,0,0) 87%,rgba(0,0,0,0.95) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.95) 0%,rgba(0,0,0,0) 13%,rgba(0,0,0,0) 87%,rgba(0,0,0,0.95) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2000000', endColorstr='#f2000000',GradientType=0 ); /* IE6-9 */

 z-index:5;}


.video_main {width:100%; height:428px; z-index:0; position:relative; top:-428px}
.popular {   
    display: block;
    font-family: 'Kelson Sans', sans-serif;
    font-weight: 300;
    font-size: 19px;
    color: #fff!important;
    padding: 0px 0px 3px 2px;
    position: relative;
    line-height: 33px;
    width: 200px;
    z-index: 999;
    top: 7px;
    left: 3px;
    text-shadow: 1px 1px 1px #000;
}
.popular-items-header {display:inline-block; float:none; width:100%; margin:0; padding:0; height:14px; position:relative; z-index:999;    top: 10px;}
.popular-items-zag {font-family: Verdana, Geneva, sans-serif; font-weight:300; font-size:11px; color:#888; padding:0 0 0 3px; display:block;}
.popular-items {display:block; margin:0; width:100%; background:#11181c; /*border-top:1px solid #2b3840; border-bottom:1px solid #2b3840;*/ height:124px;}
.popular-item-container {-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;display:block; width:120px; height:123px; margin:0; padding:0; float:left;}
.popular-item-block {-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:absolute;margin:0 0 0 0;display:block;background: transparent;/*border-top:1px solid #2b3840; border-bottom:1px solid #2b3840; */height:auto;width:120px;padding:0;min-height:136px;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.popular-item-block:hover {background:#1c262c; /*border-top:1px solid #3a505d; border-bottom:1px solid #3a505d;*/ z-index:10; height:auto; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.6);
box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.6);}
.popular-item-block:hover .popular-item-models {display:block}
.popular-item-block2 {-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:absolute; margin:0 0 0 0; display:block; background:#11181c; /*border-top:1px solid #2b3840; border-bottom:1px solid #2b3840;*/ height:135px; width:115px; padding:0; min-height:113px; -webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;}
.popular-item-block2:hover {background:#1c262c; /*border-top:1px solid #3a505d; border-bottom:1px solid #3a505d;*/ z-index:10; height:auto; min-height:123px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.6);
box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.6);}
.popular-item-block2:hover .popular-item-models {display:block}
.popular-item-block3 {-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:absolute; margin:0 0 0 0; display:block; background:#11181c; /*border-top:1px solid #2b3840; border-bottom:1px solid #2b3840;*/ height:135px; width:120px; padding:0; -webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;}
.popular-item-block3:hover {background:#1c262c;    height: auto;
    min-height: 123px; /*border-top:1px solid #3a505d; border-bottom:1px solid #3a505d;*/ z-index:10; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.6);
box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.6);}
.popular-item-block3:hover .popular-item-models {display:block}
.popular-item-href {display:block; text-decoration:none; color:#fff; }

.popular-item-img {position:relative; width:100%; text-align:center; margin:0; height:92px;}
.new {width:33px; height:33px; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; position:absolute; top:49px; left:20px; background:#c30; opacity:0.8; font-family:'Exo 2', sans-serif; font-weight:300; font-size:12px; color:#fff; text-align:center; line-height:33px;}
.popular-item-img img {animation: ahadin2 .8s 1;position:absolute; border:0; bottom:0; left:0; right:0; margin:auto;}
.popular-item-name {display:block; font-family:'Exo 2', sans-serif; font-weight:500; font-style:italic; font-size:14px; color:#fff; width:100%; text-align:center; margin:2px 0 5px 0;}
.popular-item-models {display:none; margin:0; padding:0; height:25px; text-align:justify; color:#fff; font-size:11px; font-family:Verdana, Geneva, sans-serif;}
.popular-item-model {display:inline-block; border:1px solid #999; color:#fff; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:center; width:auto; padding:0 5px 0 5px; height:18px; line-height:17px; margin:0; text-decoration:none;}

.pseudo {display:inline-block; width:100%;}
.razdel {    display: block;
    float: left;
    width: 40px;
    height: 123px;
    margin: 0;
    text-align: center;
    float: none;
    display: inline-block;
    position: relative;
    top: -15px;margin-bottom: -16px;}
.vert-line {display:inline-block; border-left:1px solid #1d262c; width:0; margin-top:21px; height:81px;}
.button-catalog {display:block; width:150px; height:37px; background: url(images/popular-items/button-catalog.png) no-repeat;}

.popular-item-href:hover{text-decoration: none;}

.itemVideo {
    height: 550px;
    position: relative;
    top: -100px;
}

body video {

    cursor: pointer;
}
.video_cont {
      position: absolute;
      z-index: 99;
      top: 230px;
      right: 10px;
      width: 300px;
      cursor: pointer;
}
.itemVideo:hover .video_cont > img{opacity: 1;animation:none!important}
.video_cont img{    width: 300px;    }
.video_cont h4
{
     position: absolute;
     top: -15px;
     font-family: 'Exo 2', sans-serif;
     text-shadow: 0px 0px 3px #333;
     text-align: center;
     width: 100%;
     padding: 10px;
     font-size: 12px;
     }
.video_cont span {
    font-family: 'ubnt'!important;
    position: absolute;
    top: 218px;
    color: rgb(255, 255, 255);
    font-size: 15px;
    right: 0;
    left: 0;
    margin: auto;
    display: inline-block;
    width: 50px;
    background: rgba(255, 255, 255, 0.37);
    width: 38px;
    padding: 12px;
    height: 38px;
    padding-top: 9px;
    border-radius: 50px;
}
ы
video#section-home-video{
		opacity: 0;
	  animation: fadeIIIn .8s 1;
	animation-delay: .5s;
	animation-fill-mode: forwards;
}
.trans{
	opacity: 0;
	  animation: fadeIIIn .3s 1;
	animation-delay: .2s;
	animation-fill-mode: forwards;
}

.is-pagination {
	position: absolute;
	left: 14px!important;
	top: 12px!important;
/*	width: 200px!important; */
	height: 30px!important;
}

@font-face {
  font-family: 'DIN Condensed';
  src: local('DIN Condensed Regular'), local('DIN-Condensed-Regular'),
      url('/fonts/DINCondensed-Regular.woff2') format('woff2'),
      url('/fonts/DINCondensed-Regular.woff') format('woff'),
      url('/fonts/DINCondensed-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

.slidebox {
  display: flex;
  height: 400px;
  width: 50%;
  flex-direction: column;
  padding-bottom: 30px;
  position: relative;
  z-index: 20;
  padding-left: 25px;
  justify-content: center;

}


.sliderlogo {

}

.slidertext {
  margin: 12px 0;
  line-height: 47px;
}

.sslogo {
  color:rgb(255, 255, 255);
}

.sstext {
  color:#fff;
  font-family: 'DIN Condensed';
  text-transform: uppercase;
  font-size: 50px;
  line-height: 0.8;
}

.sliderimg {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10; 
}


.sliderbutton {
}

.buttonsl-catalog {text-align: center;}
  .buttonsl-catalog:after {
    content: "\e82e";
    font-family: 'Linearicons-Free';
    font-size: 38px;
  }

  .buttons2-catalog {text-align: center;}
  .buttons2-catalog:after {
  }
  
  
.buttonsl-catalog {
  display: inline-block;
  width: 184px;
  height: 55px;
  background-color: #00b1e7;
  font-family: 'DIN Condensed';
  color: #fff;
  line-height: 55px;
  font-size: 45px;
  transition: .1s;
}

.buttons2-catalog {
  display: inline-block;
  width: 150px;
  height: 45px;
  background-color: #00b1e7;
  font-family: 'DIN Condensed';
  border-radius: 6px;
  color: #fff;
  line-height: 45px;
  font-size: 30px;
  transition: .1s;
}


.buttonsl-catalog:hover {
  transform: scale(1.1);
}

.buttons2-catalog:hover {
  transform: scale(1.1);
}


.this-icon {
    float: left;
}

@keyframes fadeIIIn{
			 0% {
                 opacity:0;
              }
           
			   100% {
                  opacity:1;
              }
	}
@keyframes opaopaCS{
			 0% {
                 opacity:1;
              }
              25% {
                  opacity:.3; 
              }
              50% {
                  opacity:1;
              }
			   75% {
                  opacity:.3;
              }
			   100% {
                  opacity:1;
              }
	}
.is-pagination {

	bottom: 170px!important;

}
.bofofo {
display: none;
}

.sliderContent {
    animation: none!important;
}
.row.clearfix.slider-box {
    height: 500px;
}

.harakter {
    z-index: 999999;
    position: relative;
    width: 100%;
    text-align: center;
    top: 292px;
    color: #8b8b8b;
}
.col-md-6.text-box{
	padding-left: 15px;
}

@keyframes fontbulger {
  0% {
      filter:  drop-shadow(rgb(0, 10, 0) 0px 20px 10px);
  }
  50% {
       filter: drop-shadow(rgb(0, 78, 146) 0px 20px 40px);
  }
  100% {
      filter:  drop-shadow(rgb(0, 10, 0) 0px 20px 10px);
  }
}

@keyframes GOoooou {
  0% {
      opacity: 1;
  }
  
  100% {
      opacity: 0;
  }
}

.slide.is-slide{
	animation: GOoooou .3s 1;
	animation-delay: 1s;
	animation-fill-mode: forwards;
}
.slide.is-slide.active{
	animation: none!important;
}

.nwd_shadow-point {
  width: 200px;
  height: 200px;
  background-color: #5A7DB3;
  margin: 30px 0 30px 60px;
  border-radius: 50%;
  animation: nwd_shadow 1s infinite alternate;
	display: inline;
	float: left;
}
.nwd_shadow-point img {
  border-radius: 12px;
}

@keyframes nwd_shadow {
  from {
    box-shadow: 0 0 35px 10px #5A7DB3;
  }
  to {
    box-shadow: 0 0 90px 20px #5A7DB3;
  }
}

.slidermovie span {
  width: 20vmin;
  height: 20vmin;
  border-radius: 20vmin;
  backface-visibility: hidden;
  position: absolute;
  animation-name: move;
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.slidermovie span:nth-child(1) {
  color: #00b7ff;
  top: 32%;
  left: 77%;
  animation-duration: 31.5s;
  animation-delay: -3.1s;
  transform-origin: -15vw -5vh;
  box-shadow: 40vmin 0 14.9762841141vmin currentColor;
}
.slidermovie span:nth-child(2) {
  color: #2c6180;
  top: 52%;
  left: 92%;
  animation-duration: 31.7s;
  animation-delay: -15.9s;
  transform-origin: 10vw -16vh;
  box-shadow: 40vmin 0 6.283399792vmin currentColor;
}
.slidermovie span:nth-child(3) {
  color: #3353bd;
  top: 91%;
  left: 37%;
  animation-duration: 31.8s;
  animation-delay: -3.9s;
  transform-origin: -14vw 25vh;
  box-shadow: 40vmin 0 8.851199954vmin currentColor;
}
.slidermovie span:nth-child(4) {
  color: #25ccff;
  top: 86%;
  left: 68%;
  animation-duration: 32.7s;
  animation-delay: -5s;
  transform-origin: 4vw 23vh;
  box-shadow: -40vmin 0 8.3700123041vmin currentColor;
}
.slidermovie span:nth-child(5) {
  color: #082755;
  top: 85%;
  left: 65%;
  animation-duration: 31s;
  animation-delay: -11.4s;
  transform-origin: -22vw -20vh;
  box-shadow: -40vmin 0 6.827488172vmin currentColor;
}
.slidermovie span:nth-child(6) {
  color: #0a1dc9;
  top: 18%;
  left: 5%;
  animation-duration: 32.3s;
  animation-delay: -9.2s;
  transform-origin: -16vw 22vh;
  box-shadow: -40vmin 0 14.6048202522vmin currentColor;
}
.slidermovie span:nth-child(7) {
  color: #00398f;
  top: 42%;
  left: 6%;
  animation-duration: 31.3s;
  animation-delay: -11.2s;
  transform-origin: 21vw 23vh;
  box-shadow: -40vmin 0 11.8601712378vmin currentColor;
}
.slidermovie span:nth-child(8) {
  color: #75ccff;
  top: 64%;
  left: 44%;
  animation-duration: 32.9s;
  animation-delay: -0.8s;
  transform-origin: -15vw 21vh;
  box-shadow: 40vmin 0 11.0867981506vmin currentColor;
}
.slidermovie span:nth-child(9) {
  color: #0b32b1;
  top: 60%;
  left: 62%;
  animation-duration: 31.5s;
  animation-delay: -11.1s;
  transform-origin: 4vw 20vh;
  box-shadow: -40vmin 0 12.8430697187vmin currentColor;
}
.slidermovie span:nth-child(10) {
  color: #32ffe4;
  top: 96%;
  left: 29%;
  animation-duration: 30.8s;
  animation-delay: -0.9s;
  transform-origin: 19vw -13vh;
  box-shadow: 40vmin 0 6.5188095107vmin currentColor;
}
.slidermovie span:nth-child(11) {
  color: #13a883;
  top: 84%;
  left: 71%;
  animation-duration: 33.6s;
  animation-delay: -15.7s;
  transform-origin: -8vw -9vh;
  box-shadow: -40vmin 0 12.2598143243vmin currentColor;
}
.slidermovie span:nth-child(12) {
  color: #4a89ff;
  top: 35%;
  left: 14%;
  animation-duration: 34.9s;
  animation-delay: -11.7s;
  transform-origin: 21vw 14vh;
  box-shadow: 40vmin 0 11.4974147453vmin currentColor;
}
.slidermovie span:nth-child(13) {
  color: #0044ff;
  top: 26%;
  left: 39%;
  animation-duration: 31.6s;
  animation-delay: -15.4s;
  transform-origin: 25vw 5vh;
  box-shadow: -40vmin 0 8.755574267vmin currentColor;
}
.slidermovie span:nth-child(14) {
  color: #289e8e;
  top: 29%;
  left: 69%;
  animation-duration: 30.7s;
  animation-delay: -15.6s;
  transform-origin: 18vw -16vh;
  box-shadow: -40vmin 0 6.9010791326vmin currentColor;
}
.slidermovie span:nth-child(15) {
  color: #00ccffc0;
  top: 38%;
  left: 26%;
  animation-duration: 33.6s;
  animation-delay: -8.2s;
  transform-origin: -6vw -11vh;
  box-shadow: -40vmin 0 5.7005954283vmin currentColor;
}
.slidermovie span:nth-child(16) {
  color: #0077ff;
  top: 61%;
  left: 26%;
  animation-duration: 31.2s;
  animation-delay: -1.2s;
  transform-origin: 3vw -4vh;
  box-shadow: -40vmin 0 5.297673853vmin currentColor;
}
.slidermovie span:nth-child(17) {
  color: #170097;
  top: 13%;
  left: 97%;
  animation-duration: 31.8s;
  animation-delay: -12.8s;
  transform-origin: 17vw -8vh;
  box-shadow: -40vmin 0 13.5795335322vmin currentColor;
}
.slidermovie span:nth-child(18) {
  color: #0c67dd;
  top: 71%;
  left: 13%;
  animation-duration: 33.9s;
  animation-delay: -4.6s;
  transform-origin: 4vw -20vh;
  box-shadow: 40vmin 0 8.623221939vmin currentColor;
}
.slidermovie span:nth-child(19) {
  color: #0d10accc;
  top: 26%;
  left: 5%;
  animation-duration: 34s;
  animation-delay: -15.9s;
  transform-origin: -19vw 5vh;
  box-shadow: 40vmin 0 8.3760998926vmin currentColor;
}
.slidermovie span:nth-child(20) {
  color: #5ae4c1;
  top: 32%;
  left: 42%;
  animation-duration: 33.7s;
  animation-delay: -0.8s;
  transform-origin: -9vw -7vh;
  box-shadow: 40vmin 0 13.455097473vmin currentColor;
}

@keyframes move {
  100% {
    transform: translate3d(0, 0, 1px) rotate(360deg);
  }
}
.slax {
  animation: scale 70s infinite;
  position: absolute;
  top: 0%;
  left: 0%;
  transform: translate(10%, 10%);
}
 
@keyframes scale {
  0% {
    transform: scaleX(1.2) scaleY(1.2);
    }
  50% {
    transform: scaleX(1.0) scaleY(1.0);
    }
  100% {
    transform: scaleX(1.2) scaleY(1.2);
    }
}

.imagepos1 {
  animation: scale2 55s infinite;
  position: absolute;
  top: 0%;
  left: 0%;
  transform: translate(10%, 10%);
}
 
@keyframes scale2 {
  0% {
    transform: translateX(0px) scaleX(1.0) scaleY(1.0);
    }
  25% {
    transform: translateX(2px) scaleX(1.0) scaleY(1.0);
    }
    50% {
    transform: translateX(-7px) scaleX(1.03) scaleY(1.03);
    }
    75% {
    transform: translateX(2px) scaleX(1.0) scaleY(1.0);
    }
  100% {
    transform: translateX(0px) scaleX(1.0) scaleY(1.0);
    }
}


.alert-header {
    display: none;
    width: 100% !important;
    background: linear-gradient(113deg, #00b8ff, #007eff);
}

.alert-header__content {
    position: relative;
    padding: 0.5rem;
    color: #fff;
    text-align: center;
}

.alert-header__content a {
    color: #fff;
    display: inline-block;
    padding: 0.25rem 1rem;
    margin: 0 1rem;
    background: #50afff;
    border-radius: 0.25rem;
    text-transform: uppercase;
    font-size: 10px;
    transition: color .3s Linear, background .3s Linear;
}

.alert-header__content a:hover {
    color: #2e94eb;
    background: #fff;
    transition: color .3s Linear, background .3s Linear;
}

.alert-header__close {
    position: absolute;
    top: 25%;
    right: 0;
    z-index: 1;
    line-height: 0;
}