/*! buttons */
.button {
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
  padding: 15px 44px;
  border-radius: 4px;
  color: #ffffff;
  text-align: center;
  font-weight: 800;
  font-size: 28px;
  line-height: 34px;
  -webkit-transition: .2s linear;
  -o-transition: .2s linear;
  transition: .2s linear;
}

.button::after, .button::before {
  content: '';
  position: absolute;
  top: 0;
  z-index: -1;
  display: block;
  width: 110%;
  height: 110%;
  -webkit-transition: .2s linear;
  -o-transition: .2s linear;
  transition: .2s linear;
}

/*.button:hover {*/
/*    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .25);*/
/*    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)*/
/*}*/

.button:hover::after, .button:hover::before {
  -webkit-transform: translateX(100%) skewX(25deg);
  -ms-transform: translateX(100%) skewX(25deg);
  transform: translateX(100%) skewX(25deg);
}

.button:focus {
  outline: 0;
}

.button--black {
  max-width: 400px;
  border: 2px solid #000000;
  background: #000000;
}

.button--black::before {
  left: 0;
  background: #000000;
}

.button--black::after {
  left: -115%;
  background: #ffffff;
  -webkit-transform: skewX(25deg);
  -ms-transform: skewX(25deg);
  transform: skewX(25deg);
}

.button--black:hover {
  color: #000000;
}

.button--yellow {
  max-width: 400px;
  border: 2px solid transparent;
  background: #fff500;
  color: #000000;
}

.button--yellow::before {
  left: 0;
  background: #fff500;
}

.button--yellow::after {
  left: -115%;
  background: #ffffff;
  -webkit-transform: skewX(25deg);
  -ms-transform: skewX(25deg);
  transform: skewX(25deg);
}

.button--yellow:hover {
  border: 2px solid #f12f2f;
  color: #f12f2f;
}

.button--blue {
  background-image: radial-gradient(68.25% 100% at 52.27% 0%, #3171EE 0%, #9ABCFF 0.01%, #3171EE 100%);
  box-shadow: 0px 4px 16px rgba(49, 113, 238, 0.3);
  border-radius: 8px;
  margin-top: 50px;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.01em;
  max-width: 220px;
  /*background-size: 103% auto;*/
}

.button--blue::before {
  left: 0;
  background: transparent;
}

.button--blue::after {
  left: -115%;
  background: #3171EE;
  -webkit-transform: skewX(25deg);
  -ms-transform: skewX(25deg);
  transform: skewX(25deg);
}

.button--blue:hover {
  background-position: 50% 50%;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  /*background: #3171EE;*/
  /*color:white;*/
}


.button-comments {
  margin: 0 auto;
  margin-top: 30px;
  max-width: 400px;
  border: 3px solid transparent;
  background: #fb5d5d;
  color: white;
}

.button-comments::before {
  left: 0;
  background: #fb5d5d;
}

.button-comments::after {
  left: -115%;
  background: transparent;
  -webkit-transform: skewX(25deg);
  -ms-transform: skewX(25deg);
  transform: skewX(25deg);
}

.button-comments:hover {
  border: 3px solid #fb5d5d;
  background: transparent;
  color: #fb5d5d;
}

@media screen and (max-width:992px) {
  .button {
    max-width: 365px;
  }
}

@media screen and (max-width:768px) {
  .button {
    margin: 0 auto;
    max-width: 260px;
  }
}



/*! buttons end*/



.banner{
  background: url("../img/banner/banner-bg.jpg") no-repeat center;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 260px;
  position: relative;

}

.banner h1{
  font-weight: normal;
  font-size: 60px;
  line-height: 73px;
  color: #FF9900;
  padding-bottom: 30px;
}

.banner h1 span{
  font-weight: bold;
  font-size: 64px;
  line-height: 78px;
  letter-spacing: 0.06em;
}

 .banner_features{
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #4A5D83;
  margin-bottom: 25px;
  padding-left: 18px;
  border-left:4px solid  #3171EE ;
}

 .banner_ellipse{
   position: absolute;
   left: -100%;
 }

 .mobile_img{
   display: none;
 }

.banner__price-title{
  font-weight: normal;
  font-size: 15.045px;
  line-height: 17px;
   color: #4A5D83;
}

.banner__price {
  position: relative;
  display: flex;
  max-width: 180px;
  margin-top: 50px;
}

.price--new {
  color: #ff0000;
  font-weight: bold;
  font-size: 34px;
  line-height: 41px;
}

.price {
  display: flex;
  justify-content: flex-start;

}

.price--old {
  position: absolute;
  top: -39%;
  right: -14%;
   text-decoration: line-through;
  font-weight: normal;
  font-size: 18.1967px;
  line-height: 22px;
   color: #9A9A9A;
}


.advantages{
  padding-top: 50px;
  padding-bottom: 130px;
}

.advantages_wrapper{
  box-shadow: 0px 4px 26px rgba(113, 82, 6, 0.15);
  border-radius: 12px;
  padding: 48px 15px;
}

.advantages_wrapper h2{
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  color: #FF9900;
  text-align: center;
  padding-bottom: 40px;
}

.advantages_block{
  display: flex;
  flex-wrap: wrap;
}

.example-image-link{
  position: relative;
  height: 100%;
  display: block;
}

.example-image-link svg{
  position: absolute;
  bottom: 8px;
  left: 8px;
}




.advantages_section{
  width: 33%;
  text-align: center;
  min-height: 105px;
  margin-bottom: 47px;


}

.advantages_section p{
  font-weight: normal;
  font-size: 16px;
  line-height: 140%;
   text-align: center;
  color: #4A5D83;
  max-width: 160px;
  margin: 0 auto;
  padding-top: 7px;

}

.advantages_wrapper .button--blue{
  margin: 0 auto;
}


.advantages_img_wrapper{
  display: flex;
  flex-wrap: wrap;
  border-radius: 12px;
  overflow: hidden;
}

.advantages_img{
  width: 50%;
}

.advantages_img img{
  width: 100%;
}


.seven_in_one{
  background: #FFFBEF;
  padding-top: 80px;
  padding-bottom: 40px;
}


.seven_in_one h2{
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  color: #FF9900;
  padding-bottom: 20px;
}

.seven_in_one p{
  font-weight: normal;
  font-size: 18px;
  line-height: 140%;
  text-align: center;
  color: #4A5D83;
  padding: 0 10px;
}



.seven_in_one-wrapper .block{
  background: #FFFFFF;
  box-shadow: 0px 4px 26px rgba(113, 82, 6, 0.15);
  border-radius: 12px;
  margin-bottom: 40px;
  max-width: 426px;
  display: flex;
  padding: 30px;
}

.seven_in_one-wrapper.left {
   padding-top: 40px;
}

.seven_in_one-wrapper.right .block{
  min-height: 165px;
}

.seven_in_one-wrapper.right {
  padding-left: 20px;
  padding-top: 93px;
}


.seven_in_one .block_img{
  width: 80px;
  display: flex;
  align-items: center;
}



.seven_in_one-wrapper .block_text{
  text-align: left;
  padding-left: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.block_text p{
  padding: 0;
}

.seven_in_one-wrapper .block_text h5{
  font-size: 24px;
  line-height: 140%;
    letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4A5D83;
}

.seven_in_one-wrapper .block_text p{
  font-weight: normal;
  font-size: 16px;
  line-height: 140%;
  color: #4A5D83;
  text-align: left;
}

.dishes{
  padding-top: 130px;
}
.mobile_dishes{
  display: none;
  position: relative;
}

.dishes_img-wrapper{
  display: flex;
  flex-wrap: wrap;
}

.dishes_block{
  width: 25%;
  margin-bottom: 45px;
}

.dishes_img{
  margin-bottom: 16px;
  overflow: hidden;
}

.dishes h2{
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  color: #FF9900;
  padding: 0 10px;
  padding-bottom: 20px;
}

.dishes p{
  font-weight: normal;
  font-size: 18px;
  line-height: 140%;
  text-align: center;
  color: #4A5D83;
  padding: 0 10px;
}

.dishes_img-wrapper{
  margin-top: 39px;
}

.dishes_block p{

  font-size: 18px;
  line-height: 22px;
  color: #4A5D83;
  padding: 0;
}

.dishes_img img{
  display: block;
  width: 100%;
  transition: 1s;
}


.dishes_img img:hover{
  transform: scale(1.2);
}

.dishes_slide{
  display: flex;
}

.dishes_slide .dishes_block{
  width: 50%;
}

.characteristics{
  padding-top: 80px;
}

.mobile{
  display: none;
}

.characteristics h2{
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  color: #FF9900;
  padding-bottom: 40px;
}

.characteristics ul{
  padding-left: 85px;
}

.characteristics li{
  font-weight: normal;
  font-size: 18px;
  line-height: 140%;
  color: #4A5D83;
  margin-bottom: 30px;
  position: relative;
}

.characteristics li span{
  display: block;
  width: 10px;
  height: 10px;
  background: #3171EE;
  border-radius: 2px;
  position: relative;
  bottom: -18px;
  left: -30px;
}



.equipment{
  padding-bottom: 70px;
}

.equipment h3{
  font-weight: bold;
  font-size: 20px;
  line-height: 140%;
  color: #4A5D83;
  padding-bottom: 17px;
}

.equipment_container{
  display: flex;
  justify-content: space-between;
}

.equipment_block p{
  font-weight: normal;
  font-size: 18px;
  line-height: 140%;
   color: #4A5D83;
  text-align: center;
  padding-top: 11px;
}

.equipment_img{
  border: 2px solid #3171EE;

  border-radius: 12px;
  overflow: hidden;
}

.equipment_img img{
  width: 100%;
}

.equipment_block {
  width: 29%;
}

.form__title-text{
  font-weight: bold;
  font-size: 20px;
  line-height: 140%;
  text-align: center;
  color: #4A5D83;
  max-width: 490px;
  margin: 0 auto;
  padding-top: 40px;
}

.form__title-text span{
    color: #FF9900;
}


.call_btn{
  background: radial-gradient(68.25% 100% at 52.27% 0%, #3171EE 0%, #9ABCFF 0.01%, #3171EE 100%)!important;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.17);

}



#form .call_btn:active {

  background:  #3171EE !important;
}


@media (max-width: 1200px) {
  .advantages_section p{
    font-size: 14px;
  }
  .banner_ellipse{
    display: none;
  }

  .seven_in_one-wrapper.right{
    padding-left: 0;
  }
  .seven_in_one-wrapper .block_text h5{
    font-size: 20px;
  }
  .dishes_block p{
    font-size: 16px;
  }

}

@media (max-width: 992px) {

  .advantages_wrapper{
    box-shadow: none;
    padding-top: 0;
  }

  .advantages_section p{
    font-size: 16px;
  }

  .seven_in_one-wrapper .block{
    max-width: none;
  }

  .seven_in_one-wrapper.right{
    padding-top: 0;
  }

  .characteristics_img img{
    width: 100%;
  }

  .equipment{
    padding-top: 40px;
  }

  .mobile{
    display: block;
  }

  .desktop{
    display: none;
  }

  .characteristics ul {
     padding-left:30px;
  }
}


@media (max-width: 768px) {
  .banner{
    background: none;
    padding: 20px 0 50px;
  }
  .banner h1{
    text-align: center;
  }
  .mobile_img{
    display: block;
    margin-bottom: 20px;
  }

  .mobile_img img{
    width: 100%;
  }
  .banner__price{
    margin: 50px auto;
  }
  .banner_features{
    margin-left: 15px;
  }
  .seven_in_one{
    padding-top: 50px;
  }
  .advantages{
    padding-bottom: 50px;
  }
  .advantages_section{
    width: 50%;
  }
  .equipment_container{
    flex-wrap: wrap;
  }
  .equipment_block{
    width: 48%;
  }
  .equipment_block:nth-child(3){
    margin: 0 auto;
    margin-top: 20px;
  }
  .dishes_img-wrapper{
    display: none;
  }
  .dishes{
    padding-bottom: 40px;
    padding-top: 50px;
  }

  .mobile_dishes{
    display: block;
    margin-top: 30px;
  }
}

@media (max-width: 576px) {
  .banner h1{
    font-size: 36px;
    line-height: 44px;
  }

  .banner h1 span{
    font-size: 48px;
    line-height: 54px;
  }

  .seven_in_one-wrapper .block{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-right: 12px;
    margin-bottom: 12px;
  }


  .seven_in_one .block_img{
    width: 65px;
  }

  .equipment{
    padding-bottom: 30px;
  }


  .characteristics li{
    margin-bottom: 15px;
  }

  .form__title-text{
    padding-top: 0;
  }

}







.slick-arrow{
  position: absolute;
  bottom: -15px;
  z-index: 2;
}



.slick-next{
  right: 25px;
}

.slick-prev{
  left: 25px;
}

.slick-dots {
  position: absolute;
  bottom: -8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px;
  padding: 0;
  width: 18px;
  height: 18px;
  cursor: pointer;
  transition: all .2s linear;
}

.slick-dots li button {
  display: block;
  padding: 5px;
  width: 10px;
  height: 10px;
  outline: none;
  border: 0;
  border-radius: 2px;
  background: #4A5D83;
  color: transparent;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
  transition: all .2s linear;
}

.slick-dots li.slick-active button {
  width: 18px;
  height: 18px;
  background: #3171EE;
}


#lightboxOverlay{
  width: 100% !important;
}

@media (max-width: 576px) {
  .lb-outerContainer{
    width: 98% !important;
    height: auto!important;
  }
  .lightbox .lb-image{
    width: 100% !important;
    height: auto!important;
  }

}



.popOverlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  opacity: 0;
  transition: all .2s linear;

  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}

.popOverlay-active {
  z-index: 99;
  opacity: 1;
  transition: all .2s linear;
}

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 990;
  z-index: -1;
  width: 80%;
  height: auto;
  border-radius: 2px;
  background: #f4f3f0;
  box-shadow: -7px 7px 38px rgba(0, 0, 0, .22);
  text-align: center;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: all .2s linear;
}

.modal__inner {
  display: flex;
  align-items: center;
  -ms-flex-align: center;
  flex-direction: column;
  background: rgba(0, 0, 0, .6);
}

.video_container {
  width: 100%;
  margin: 0 auto;
}

.clsBtn {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 999;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
}

.clsBtn::before,
.clsBtn::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 3px;
  height: 100%;
  background: #4d4d4d;
  transition: all .2s linear;
}

.clsBtn:hover::before,
.clsBtn:hover::after {
  background: deepskyblue;
}

.clsBtn::before {
  transform: rotate(45deg);
}

.clsBtn::after {
  transform: rotate(135deg);
}

.blur {
  -webkit-filter: blur(2px);
  filter: blur(2px);
}

.youtube-player {
  position: relative;
  padding-bottom: 56.23%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
}

.modal-active {
  z-index: 99;
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
  transition: all .2s linear;
}

.modal-content {
  padding: 0;
}

.youtube-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
  z-index: 100;
  background: transparent;
}


@media screen and (max-width: 1200px) {
  .modal {
    width: calc(100% - 30px);
  }
}

@media screen and (max-width: 768px) {
  .modal {
    min-width: calc(100% - 30px);
  }

}



.play-button {
  border-radius:50%;
  cursor:pointer;
  height:68px;
  text-align:center;
  width:68px;

  transition:.3s;
  -webkit-animation:hoverWave linear 1s infinite;
  animation:hoverWave linear 1s infinite;
  /*box-shadow: 0px 4px 8px rgba(207, 74, 0, 0.4);*/
  position: absolute;
  right: -35%;
  bottom: -47px;
}

@-webkit-keyframes hoverWave {
  0% {
    box-shadow:0 8px 10px rgba(255,255,255,0.2),0 0 0 0 rgba(255,255,255,0.1),0 0 0 0 rgba(255,255,255,0.2)
  }
  40% {
    box-shadow:0 8px 10px rgba(255,255,255,0.2),0 0 0 15px rgba(255,255,255,0.1),0 0 0 0 rgba(255,255,255,0.1)
  }
  80% {
    box-shadow:0 8px 10px rgba(255,255,255,0.2),0 0 0 30px rgba(255,255,255,0),0 0 0 26.7px rgba(255,255,255,0.1)
  }
  100% {
    box-shadow:0 8px 10px rgba(255,255,255,0.2),0 0 0 30px rgba(255,255,255,0),0 0 0 40px rgba(255,255,255,0.0)
  }
}@keyframes hoverWave {
   0% {
     box-shadow:0 8px 10px rgba(255,255,255,0.3),0 0 0 0 rgba(255,255,255,0.2),0 0 0 0 rgba(255,255,255,0.2)
   }
   40% {
     box-shadow:0 8px 10px rgba(255,255,255,0.3),0 0 0 15px rgba(255,255,255,0.2),0 0 0 0 rgba(255,255,255,0.2)
   }
   80% {
     box-shadow:0 8px 10px rgba(255,255,255,0.3),0 0 0 30px rgba(255,255,255,0),0 0 0 26.7px rgba(255,255,255,0.067)
   }
   100% {
     box-shadow:0 8px 10px rgba(255,255,255,0.3),0 0 0 30px rgba(255,255,255,0),0 0 0 40px rgba(255,255,255,0.0)
   }
 }

@media (max-width: 979px){
  .video_container {
    max-width: none;
  }
}

 @media (max-width: 768px) {
   .play-button{
     right: 35%;
     bottom: 41%;
     transform: translateY(-41%);
   }
 }