@charset "UTF-8";
/*Обнуление*/
/*Шрифты*/
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,700&display=swap');
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap");

.order {
  display: block;
  max-width: 770px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 57px;
  padding: 16px 34px;
  text-align: center;
  font-size: 20px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

  color: #fff;
  background-color: #f4763b;
  border: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  cursor: pointer; }
  .order:hover {
    color: #fff;
    background-color: #e0792c;
    transform: scale(1.05); }
  .order:focus {
    color: #fff;
    outline: none; }
.fixed_order {
  position: fixed;
  top: 40%;
  opacity: 0;
  right: -200px;
  margin: 0;
  padding: 10px;
  z-index: 1100;
  transition: all 1.4s ease-in-out;
  animation: fixed_order 1.4s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 2s;
  }
  .fixed_order:hover{
    transform: scale(1.05);
  }
  .fixed_order:before {
    content: "";
    position: absolute;
    top: -60px;
    right: 0;
    left: 0;
    display: block;
    margin: auto;
    width: 70px;
    height: 50px;
    background-image: url(../img/fix_arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    animation: fix_arrow 2s infinite ease-in-out;
  }
@keyframes fixed_order{
  0%{opacity: 0; right: -200px;}
  100%{opacity: 1; right: 10px;}
}
@keyframes fix_arrow {
  0% {
    top: -60px; }
  50% {
    top: -50px; }
  100% {
    top: -60px; } }
.arrow_down {
  display: block;
  width: 36px;
  margin: 0 auto 10px;
  padding: 5px 0 10px; }
  .arrow_down:hover {
    padding: 10px 0 5px; }
.fixed_order a{
  padding: 10px 30px 10px 10px;
}
.fixed_order a:hover{
  transform: none;
}   
.fixed_order .fa{
  position: absolute;
  top: 21px;
  right: 16px;
  font-size: 22px;
  color: #fff;
  cursor: pointer;
}
* {
  padding: 0;
  margin: 0;
  border: 0;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:focus, :active {
  outline: none;
}

a:focus, a:active {
  outline: none;
}

nav, footer, header, aside {
  display: block;
}

html, body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input, button, textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: 400;
}

/*--------------------*/
.ibg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.ibg img {
  display: none;
}

/* Слайдер */
/* Слайдер запущен */
/* Слайдер с точками */
/* Ограничивающая оболочка */
/* Лента слайдов */
/* Слайд */
/* Слайд активный (показывается) */
/* Слайд основной */
/* Слайд по центру */
/* Клонированный слайд */
/* Стрелка */
/* Стрелка влево */
/* Стрелка вправо */
/* Стрелка не активная */
/* Точки (булиты) */
/* Активная точка */
/* Элемент точки */
body.lock{
  overflow: hidden;
}

.page{
  max-width: 1030px;
  margin: 0px auto;
  padding: 0 15px;
}
.page__title{
   
  font-weight: 700;
  font-size: 46px;
  text-align: center;
 
  margin: 0px 0px 50px 0px;
  font-family: 'Oswald', sans-serif;
  text-transform: capitalize;
  line-height: 1;
  padding-top: 110px;
}
.page__video{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 -15px;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.thumb-wrap {
  position: relative; 
  height: 0;
  overflow: hidden;
  max-width: 860px;  
  flex: 0 1 46%;
  padding: 0 15px 28.25% 15px;
  margin: 0 15px 40px;
 

}
.thumb-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}
.page__btn{
  display: block;
 
  margin: 15px auto;
  font-size: 24px;
  text-align: center;
  font-family: 'Roboto';
  padding: 25px;
  color: #fff;
  background-color: #ff9900;
  box-shadow: 0 2px 5px rgba(212,241,26,0.7);
  transition: 0.8s;
  animation: shadow_box 2s infinite ease-in-out; 
  max-width: 700px;
}
  .page__btn:hover {
    color: #fff;
    transform: scale(1.1); 
  }
.review__block{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 50px -15px;
}
.review__column{
  flex: 0 1 50%;
  padding: 0 15px;
}
.review__column:first-child .review__item:nth-child(1) img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: contain;
}

.review__column:first-child .review__item:nth-child(2){
  position: relative;
  padding: 0px 0px 120% 0px;
}

.review__column:first-child .review__item:nth-child(2) img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: contain;
}

.review__column:nth-child(2) .review__item:nth-child(1){
  position: relative;
  padding: 0px 0px 80% 0px;
}
.review__column:nth-child(2) .review__item:nth-child(1) img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: contain;
}
.review__column:nth-child(2) .review__item:nth-child(2){
  position: relative;
  padding: 0px 0px 85% 0px;
}
.review__column:nth-child(2) .review__item:nth-child(2) img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: contain;
}

.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 50;
  padding: 0 25px;
  box-shadow: 0 0 10px 0.5px #999;


}
.header:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 2;
}

.header__body {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
  padding: 15px 0;
  
}
.header__logo{
  position: relative;
  z-index: 3;
} 
.header__logo img{
  max-width: 100%;
}
.header__burger {
  display: none;
}
.header__menu {}
.header__link {
 padding:  0 15px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  position: relative;
  z-index: 3;
  color: #999;
}
.review__item{
  margin: 0px 0px 40px 0px;
  
}
.review__item-of{
  position: relative;
  padding: 0px 0px 115% 0px;
  margin: 0px 0px 60px 0px;
}
 .review__item-of img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: contain;
}
.review__item img{
  max-width: 100%;
  width: 100%;
}

.review__block_top {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 -15px;
  margin: 50px 0px 0px 0px;
}
.column__top-review {
  flex: 0 1 50%;
  padding: 0 15px;
}
.column__top-review:second-child .column__top-item:second-child{
  padding: 0px 0px 80% 0px;
}
.column__top-item{
  position: relative;
  padding: 0px 0px 120% 0px;
  margin: 0px 0px 40px 0px;
}
.column__top-item img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: contain;
}


@media (max-width:768px){
  .header__burger {
    display: block;
    width: 30px;
    height: 20px;
    position: relative;
    z-index: 3;
  }
  .header__burger:after, 
  .header__burger:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #999;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;

  }
  .header__burger:after{
    bottom: 0;
  }
  .header__burger.active:after{
    bottom: 9px;
    transform: rotate(-320deg);
  }
  .header__burger:before{
    top: 0;
  }
  .header__burger.active:before{
    top: 9px;
    transform: rotate(320deg);
  }
  .header__burger span{
    top: 50%;
    transform: translate3d(0,-50%,0);
     position: absolute;
    width: 100%;
    height: 2px;
    background-color: #999;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .header__burger.active span{
    transform: scale(0);
  }
  .header__menu{
     position: fixed;
     top: -100%;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #fff;
     z-index: 2;
     padding: 80px 0;
     overflow: auto;
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
  }
  .header__menu.active{
    top: 0;
  }
  .header__link{
    display: block;
    padding: 10px 25px;
    font-size: 25px;
  }
   .thumb-wrap {
      flex: 0 1 100%;
      margin: 0px 0px 40px 0px;
      padding-bottom: 56.25%;
    }

}

@media (max-width:570px){
    .thumb-wrap {
      flex: 0 1 100%;
      margin: 0px 0px 40px 0px;
      padding-bottom: 56.25%;
    }
    .page__video{
      margin: 0;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    .page__title{
      font-size: 35px;
    }
    .page__btn{
      padding: 15px;
    }
    .header__logo {
      flex: 0 0 220px;

     }

 .review__block{
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 50px 0px;
}
.review__column{
  flex: 0 1 100%;
  padding: 0;
}
.review__block_top {
  margin: 50px 0 0;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.column__top-review {
  flex: 0 1 100%;
  padding: 0;
}
.column__top-item{
  padding: 0px 0px 150% 0px;
}
.review__item-of{
  padding: 0px 0px 150% 0px;
}
.review__column:first-child .review__item:nth-child(2){
  position: relative;
  padding: 0px 0px 175% 0px;
}
.review__column:first-child .review__item:nth-child(1){
  position: relative;
  padding: 0px 0px 200% 0px;
}
.review__column:nth-child(2) .review__item:nth-child(1){
  position: relative;
  padding: 0px 0px 120% 0px;
}
.review__column:nth-child(2) .review__item:nth-child(2){
  position: relative;
  padding: 0px 0px 120% 0px;
}
.column__top-review:first-child .column__top-item:first-child{
  padding: 0px 0px 100% 0px;
}
.mgn-l {
	margin-left: 0!important;
	left: auto!important;
}

.review__item {
	padding: 0!important;
}

.fixed_order {
  position: fixed;
  bottom: 10px;
  top: auto;
  margin-bottom: 0;
  opacity: 0;
  right: -200px;
  margin: 0;
  padding: 10px;
  z-index: 1100;
  transition: all 1.4s ease-in-out;
  animation: fixed_order 1.4s ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 2s;
  
  }
  .fixed_order:hover{
    transform: scale(1.05);
  }
  .fixed_order:before {
    display: none;
  }
  .order {
margin-bottom: 0;
  font-size: 16px;
  }
  .fixed_order a {
    padding: 10px;
}
}