* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  text-transform: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  border-radius: 0;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  font-weight: 400;
}

@font-face {
  font-family: 'PFDinDisplayPro-Thin';
  src: url("../fonts/PFDinDisplayPro-Thin.ttf");
}

body {
  overflow-x: hidden;
}
header{
  width: 100%;
  height: 90px;
  background: url(../img/шапка.png) center;

}
footer {
  width: 100%;
  height: 90px;
  background: #333333 url(../img/footer_1.png) center;
  z-index: 2;
  position: relative;
}
.section {
  width: 100%;
  height: auto;
  height: 130vh;
  background: url(../img/bg.jpg) center;
  position: relative;
  background-size: cover;
  padding-bottom: 0vh;
  padding-top: 6vh;
  padding-right: 8vh;
}

.krivetki_fon:before {
  content: '';
  width: 100vh;
  max-width: 27vh;
  height: 100%;
  max-height: 100%;
  position: absolute;
  top: 5vh;
  left: 0px;
  background: url(../img/krivetki_fon_left.png) center 0px;
  background-size: contain;
  opacity: 0.2;
}

.krivetki_fon:after {
  content: '';
  width: 100vh;
  max-width: 27vh;
  height: 100%;
  max-height: 100%;
  position: absolute;
  top: 5vh;
  right: 0px;
  background: url(../img/krivetki_fon_right.png) center 0px;
  background-size: contain;
  opacity: 0.2;
}

.karamel_fon:before {
  content: '';
  width: 100vh;
  max-width: 27vh;
  height: 100%;
  max-height: 100%;
  position: absolute;
  top: 6vh;
  left: 0px;
  background: url(../img/karamel_fon_left.png);
  background-size: contain;
  background-repeat-x: no-repeat;
  opacity: 0.2;
}
.karamel_fon:after {
  content: '';
  width: 100vh;
  max-width: 27vh;
  height: 100%;
  max-height: 100%;
  position: absolute;
  top: 5vh;
  right: 0px;
  background: url(../img/karamel_fon_right.png);
  background-size: contain;
  background-repeat-x: no-repeat;
  opacity: 0.2;
}



.bekon_fon:before {
  content: '';
  width: 100vh;
  max-width: 27vh;
  height: 100%;
  max-height: 100%;
  position: absolute;
  top: 3vh;
  left: 0px;
  background: url(../img/bekon_fon_left.png);
  background-repeat-x: no-repeat;
  background-size: contain;
  opacity: 0.2;
}
.bekon_fon:after {
  content: '';
  width: 100vh;
  max-width: 27vh;
  height: 100%;
  max-height: 100%;
  position: absolute;
  top: 5vh;
  right: 0px;
  background: url(../img/bekon_fon_right.png);
  background-size: contain;
  opacity: 0.2;
}

.original_fon:before {
  content: '';
  width: 100vh;
  max-width: 27vh;
  height: 100%;
  max-height: 100%;
  position: absolute;
  top: 5vh;
  left: 0px;
  background: url(../img/original_fon_left.png);
  background-size: contain;
  opacity: 0.2;
}
.original_fon:after {
  content: '';
  width: 100vh;
  max-width: 27vh;
  height: 100%;
  max-height: 100%;
  position: absolute;
  top: 5vh;
  right: 0px;
  background: url(../img/original_fon_right.png);
  background-repeat-x: no-repeat;
  background-size: contain;
  opacity: 0.2;
}


.shalot_fon:before {
  content: '';
  width: 100vh;
  max-width: 27vh;
  height: 100%;
  max-height: 100%;
  position: absolute;
  top: 5vh;
  left: 0px;
  background: url(../img/shalot_fon_left.png);
  background-repeat-x: no-repeat;
  background-size: contain;
  opacity: 0.2;
}
.shalot_fon:after {
  content: '';
  width: 100vh;
  max-width: 27vh;
  height: 100%;
  max-height: 100%;
  position: absolute;
  top: 5vh;
  right: 0px;
  background: url(../img/shalot_fon_rght.png);
  background-repeat-x: no-repeat;
  background-size: contain;
  opacity: 0.2;
}




.section .center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100vh;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  position: relative;
  top: 5vh;
  left: 0vh;
  margin: 0 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}


.section .center .left {
  position: relative;
  width: 50%;
}
.krivetki_section{
  transform: scale(0) !important;
}
.section .center .left .tubik {
  max-width: 36vh;
  width: 100vh;
  position: relative;
  left: 19vh;
  top: 3vh;
}

.section .center .left .komm img {
  position: absolute;
  top: 18vh;
  left: 9vh;
  max-width: 16vh;
}
.section .center .right p span {
  color: #b9b9b9;
  font-size: 16px;
  line-height: 17px;
  display: block;
}



.section .bekon_section .left .komm img {
  position: absolute;
  top: 11vh;
  left: 7vh;
  max-width: 18vh;
}
.section .original_section .left .komm img {
  position: absolute;
  top: 12vh;
  left: 9vh;
  max-width: 16vh;
}
.section .shalot_section .left .komm img {
  position: absolute;
  top: 13vh;
  left: 9vh;
  max-width: 16vh;
}



.section .center .left .tip img {
  position: absolute;
  top: 28vh;
  left: 9.2vh;
  max-width: 24vh;
  z-index: 3;
}
.section .shalot_section .left .tip img {
  position: absolute;
  top: 28vh;
  left: 13.2vh;
  max-width: 24vh;
  z-index: 3;
}
.section .center .left .n2 img {
  position: absolute;
  top: 47.5vh;
  left: 11.1vh;
  max-width: 12.9vh;
  width: 100vh;
  z-index: 1;
}

.section .center .left .n1 img {
  position: absolute;
  top: 7.1vh;
  right: -6vh;
  width: 100vh;
  max-width: 10vh;
}

.section .center .left .like-0 {
  position: absolute;
  top: 14vh;
  left: 21vh;
}

.section .center .left .like-1 {
  position: absolute;
  top: 29vh;
  left: 25vh;
}

.section .center .left .like-2 {
  position: absolute;
  top: 44vh;
  left: 9vh;
}

.section .center .left .like-3 {
  position: absolute;
  top: 51vh;
  left: 28vh;
}

.section .center .right {
  position: relative;
  width: 50%;
  padding-top: 6vh;

}

.section .center .right .like-4 {
  position: absolute;
  top: 33vh;
  left: -50vh;
}

.section .center .right .like-5 {
  position: absolute;
  top: 10vh;
  left: 45vh;
}

.section .center .right .n3 img {
  position: relative;
  top: 0px;
  right: 0px;
  max-width: 20vh;
  margin: 0 auto;
  display: block;
}

.section .center .right p {
  font-family: 'PFDinDisplayPro-Thin';
  color: #fff;
  text-align: center;
  position: relative;
  right: 0px;
  top: 0px;
  width: 280px;
  font-size: 18px;
  line-height: 18px;
  margin: 30px auto;
  display: block;
}

.section .center .right .kall img {
  position: relative;
  top: 0px;
  right: 0px;
  max-width: 230px !important;
  margin: 0 auto;
  display: block;
}

.section .krivetki_section .bekon_style .like-0{
  transform: scale(0) !important;
}
.section .bekon_section .bekon_style .like-0 {
  position: absolute;
  top: 44vh;
  left: 21vh;
}

.section .bekon_section .bekon_style .like-1 {
  position: absolute;
  top: 39vh;
  left: 28vh;
}

.section .bekon_section .bekon_style .like-2 {
  position: absolute;
  top: 47vh;
  left: 52vh;
}

.section .bekon_section .bekon_style .like-3 {
  position: absolute;
  top: 51vh;
  left: 28vh;
}


.section .shalot_section .shalot_style .like-2 {
  position: absolute;
  top: 52vh;
  left: 10vh;
}

.section .shalot_section .shalot_style .like-3 {
  position: absolute;
  top: 30vh;
  left: 50vh;
}

.section .shalot_section .shalot_style.like-0 {
  position: absolute;
  top: 30vh;
  left: 21vh;
}




.section .shalot_section .shalot_style.like-5 {
  position: absolute;
  top: 13vh;
  left: -14vh;
}



.section .krivetki_section .krivetki_style .like-2 {
  position: absolute;
  top: 29vh;
  left: 30vh;
}

.section .krivetki_section .krivetki_style .like-3 {
  position: absolute;
  top: 35vh;
  left: 52vh;
  transform: rotate(-29deg);
}





.section .original_section .original_style .like-2 {
  position: absolute;
  top: 44vh;
  left: 11vh;
}

.section .original_section .original_style .like-3 {
  position: absolute;
  top: 32vh;
  left: 50vh;
}



.section .tubiks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100vh;
  max-width: 61vh;
  position: absolute;
  bottom: 12vh;
  -webkit-transform: scale(1.5) translateX(-35%);
  transform: scale(1.5) translateX(-35%);
  left: 50%;
}

.section .tubiks img {
  max-width: 13vh;
  opacity: 0.6;
  transition: 0.3s;
  cursor: pointer;
}
.section .tubiks img:hover {

  opacity: 0.8;

}

.section .tubiks .active img {
  opacity: 1;
}









.section .krivetki_section .left .komm img {
  position: absolute;
  top: 9vh;
  left: 14vh;
  max-width: 13vh;
}
.section .krivetki_section .left .n2 img {
  position: absolute;
  top: 35vh;
  left: 16.1vh;
  max-width: 6.9vh;
  width: 100vh;
  z-index: 1;
}
.section .krivetki_section .left .n1 img {
  position: absolute;
  top: 7.3vh;
  right: -4.3vh;
  width: 100vh;
  max-width: 8.4vh;
}
.section .krivetki_section .left .tubik {
  max-width: 30vh;
  width: 100vh;
  position: relative;
  left: 25vh;
  top: 4vh;
}
.section .krivetki_section .right .n3 img {
  position: relative;
  top: -1px;
  right: unset;
  max-width: 17vh;
  margin: 15px auto 0px;
  display: block;
}
.section .krivetki_section .right .kall img {
  position: relative;
  top: 7px;
  right: unset;
  max-width: 272px;
  margin: 0 auto;
  display: block;
}
.section .krivetki_section .left .tip img {
  position: absolute;
  top: 20vh;
  left: 12.2vh;
  max-width: 27vh;
  z-index: 3;
}
.section .krivetki_section .right p {
  font-family: 'PFDinDisplayPro-Thin';
  color: #fff;
  text-align: center;
  position: relative;
  right: unset;
  top: -8px;
  width: 245px;
  font-size: 16px;
  line-height: 18px;
  margin: 30px auto 4px;
  display: block;
}








.section .karamel_section .left .komm img {
 position: absolute;
 top: 11vh;
 left: 17vh;
 max-width: 14vh;
}
.section .karamel_section .left .n2 img {
  position: absolute;
  top: 37.1vh;
  left: 18.1vh;
  max-width: 11.9vh;
  width: 100vh;
  z-index: 1;
}
.section .karamel_section .left .n1 img {
 position: absolute;
 top: 7.3vh;
 right: -7vh;
 width: 100vh;
 max-width: 8vh;
}
.section .karamel_section .left .tubik {
  max-width: 30vh;
  width: 100vh;
  position: relative;
  left: 28vh;
  top: 2.3vh;
}
.section .karamel_section .right .n3 img {
  position: relative;
  top: 0px;
  right: unset;
  max-width: 17vh;
  margin: 10px auto 0px;
  display: block;
}
.section .karamel_section .right .kall img {
  position: relative;
  top: 5px;
  right: unset;
  max-width: 272px;
  margin: 0 auto;
  display: block;
}
.section .karamel_section .left .tip img {
  position: absolute;
  top: 20.5vh;
  left: 18.2vh;
  max-width: 20vh;
  z-index: 3;
}
.section .karamel_section .right p {
  font-family: 'PFDinDisplayPro-Thin';
  color: #fff;
  text-align: center;
  position: relative;
  right: unset;
  top: -8px;
  width: 245px;
  font-size: 16px;
  line-height: 18px;
  margin: 30px auto 5px;
  display: block;
}
.section .karamel_section .right .like-5  {
 position: absolute;
 top: 6vh;
 left: 36vh;
 max-width: 20px;
}
.section .karamel_section .right .like-4 {
  position: absolute;
  top: 24vh;
  left: 2vh;
  transform: scale(0.5);
}
.section .karamel_section .left .like-3 {
  position: absolute;
  top: 40vh;
  left: 35vh;
  transform: scale(0.6);
}
.section .karamel_section .left .like-1 {
  position: absolute;
  top: 20vh;
  left: 31vh;
  max-width: 10px;
  display: block;
  width: 100%;
}
.section .karamel_section .left .like-2 {
  position: absolute;
  top: 34vh;
  left: 17vh;
}












.section .bekon_section  .left .komm img {
 position: absolute;
 top: 7vh;
 left: 15vh;
 max-width: 17vh;
}
.section .bekon_section  .left .n2 img {
  position: absolute;
  top: 37.1vh;
  left: 18.1vh;
  max-width: 11.9vh;
  width: 100vh;
  z-index: 1;
}
.section .bekon_section  .left .n1 img {
 position: absolute;
 top: 8vh;
 right: -8vh;
 width: 100vh;
 max-width: 9vh;
}
.section .bekon_section  .left .tubik {
  max-width: 30vh;
  width: 100vh;
  position: relative;
  left: 28vh;
  top: 4.3vh;
}
.section .bekon_section  .right .n3 img {
  position: relative;
  top: 0px;
  right: unset;
  max-width: 17vh;
  margin: 10px auto 0px;
  display: block;
}
.section .bekon_section  .right .kall img {
  position: relative;
  top: 0px;
  right: unset;
  max-width: 272px;
  margin: 0 auto;
  display: block;
}
.section .bekon_section  .left .tip img {
  position: absolute;
  top: 22.5vh;
  left: 15.2vh;
  max-width: 27vh;
  z-index: 3;
}
.section .bekon_section  .right p {
  font-family: 'PFDinDisplayPro-Thin';
  color: #fff;
  text-align: center;
  position: relative;
  right: unset;
  top: -8px;
  width: 245px;
  font-size: 16px;
  line-height: 18px;
  margin: 30px auto 15px;
  display: block;
}
.section .bekon_section  .right .like-5  {
 position: absolute;
 top: 6vh;
 left: 36vh;
 max-width: 20px;
}
.section .bekon_section  .right .like-4 {
  position: absolute;
  top: 23vh;
  left: 3vh;
}
.section .bekon_section  .left .like-3 {
  position: absolute;
  top: 40vh;
  left: 34vh;
}
.section .bekon_section  .left .like-1 {
  position: absolute;
  top: 29vh;
  left: 34vh;
  max-width: 10px;
  display: block;
  width: 100%;
}
.section .bekon_section  .left .like-2 {
  position: absolute;
  top: 37vh;
  left: 54vh;
}












.section .original_section   .left .komm img {
 position: absolute;
 top: 4vh;
 left: 13vh;
 max-width: 17vh;
}
.section .original_section   .left .n2 img {
  position: absolute;
  top: 35.1vh;
  left: 14.1vh;
  max-width: 13.9vh;
  width: 100vh;
  z-index: 1;
}
.section .original_section   .left .n1 img {
 position: absolute;
 top: 5vh;
 right: -7vh;
 width: 100vh;
 max-width: 9vh;
}
.section .original_section   .left .tubik {
  max-width: 30vh;
  width: 100vh;
  position: relative;
  left: 28vh;
  top: 3.3vh;
}
.section .original_section   .right .n3 img {
  position: relative;
  top: 0px;
  right: unset;
  max-width: 17vh;
  margin: 11px auto 0px;
  display: block;
}
.section .original_section   .right .kall img {
  position: relative;
  top: 11px;
  right: unset;
  max-width: 272px;
  margin: 0 auto;
  display: block;
}
.section .original_section   .left .tip img {
  position: absolute;
  top: 16.5vh;
  left: 13.2vh;
  max-width: 28vh;
  z-index: 3;
}
.section .original_section   .right p {
  font-family: 'PFDinDisplayPro-Thin';
  color: #fff;
  text-align: center;
  position: relative;
  right: unset;
  top: 5px;
  width: 245px;
  font-size: 16px;
  line-height: 18px;
  margin: 14px auto;
  display: block;
}
.section .original_section   .right .like-5  {
 position: absolute;
 top: 6vh;
 left: 36vh;
 max-width: 20px;
}
.section .original_section   .right .like-4 {
  position: absolute;
  top: 23vh;
  left: 3vh;
}
.section .original_section   .left .like-3 {
  position: absolute;
  top: 35vh;
  left: 12vh;
}
.section .original_section   .left .like-1 {
  position: absolute;
  top: 29vh;
  left: 34vh;
  max-width: 10px;
  display: block;
  width: 100%;
}
.section .original_section   .left .like-2 {
  position: absolute;
  top: 24vh;
  left: 53vh;
}












.section .shalot_section   .left .komm img {
 position: absolute;
 top: 9vh;
 left: 20vh;
 max-width: 12vh;
 z-index: 4;
}
.section .shalot_section   .left .n2 img {
  position: absolute;
  top: 35.1vh;
  left: 13.1vh;
  max-width: 19.9vh;
  width: 100vh;
  z-index: 1;
}
.section .shalot_section   .left .n1 img {
 position: absolute;
 top: 7vh;
 right: -7vh;
 width: 100vh;
 max-width: 8vh;
}
.section .shalot_section   .left .tubik {
  max-width: 30vh;
  width: 100vh;
  position: relative;
  left: 28vh;
  top: 4.3vh;
}
.section .shalot_section   .right .n3 img {
  position: relative;
  top: 0px;
  right: unset;
  max-width: 17vh;
  margin: 10px auto 0px;
  display: block;
}
.section .shalot_section   .right .kall img {
  position: relative;
  top: 0px;
  right: unset;
  max-width: 272px;
  margin: 0 auto;
  display: block;
}
.section .shalot_section   .left .tip img {
  position: absolute;
  top: 13.5vh;
  left: 14.2vh;
  max-width: 30vh;
  z-index: 3;
}
.section .shalot_section   .right p {
  font-family: 'PFDinDisplayPro-Thin';
  color: #fff;
  text-align: center;
  position: relative;
  right: unset;
  top: -1px;
  width: 245px;
  font-size: 16px;
  line-height: 18px;
  margin: 20px auto 20px;
  display: block;
}
.section .shalot_section   .right .like-5  {
 position: absolute;
 top: 6vh;
 left: 36vh;
 max-width: 20px;
}
.section .shalot_section   .right .like-4 {
  position: absolute;
  top: 23vh;
  left: 3vh;
}
.section .shalot_section   .left .like-3 {
  position: absolute;
  top: 40vh;
  left: 18vh;
  transform: scale(0.5) rotate(-59deg);
}
.section .shalot_section   .left .like-1 {
  position: absolute;
  top: 29vh;
  left: 34vh;
  max-width: 10px;
  display: block;
  width: 100%;
}
.section .shalot_section   .left .like-2 {
  position: absolute;
  top: 22vh;
  left: 53vh;
  transform: rotate(58deg);
}







@media (max-width: 450px) {
  .section {
    padding-top: 50px;
  }
}



@media (max-width: 1300px) {
  .right p br {
    display: none;
  }
  .section .center .right p {
    line-height: 2.7vh;
  }
  .section .center .left .like-1 {
    top: 27vh;
  }
}

@media (max-width: 1120px) {
  .section:before {
    display: none;
  }
  .section:after {
    display: none;
  }
}



.scaleOut {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 1s;
  transition: 1s;
}

.section .original_section {
  -webkit-transition: 1s;
  transition: 1s;
  height: 0vh;
  opacity: 0;
  transform: scale(1.4) !important;
  display: none;
}

.section .shalot_section {
  -webkit-transition: 1s;
  transition: 1s;
  height: 0vh;
  opacity: 0;
  transform: scale(1.4) !important;
  display: none;
}

.section .bekon_section {
  -webkit-transition: 1s;
  transition: 1s;
  height: 0vh;
  opacity: 0;
  transform: scale(1.4) !important;
  display: none;
}

.section  .karamel_section {
  -webkit-transition: 1s;
  transition: 1s;
  height: 0vh;
  opacity: 0;
  transform: scale(1.4) !important;
  display: none;
}

.section  .krivetki_section {
  -webkit-transition: 1s;
  transition: 1s;
  height: 0vh;
  opacity: 0;
  transform: scale(1.4) !important;
  display: none;
}

.section .scaleIn {
  -webkit-transform: scale(1.5) !important;
  transform: scale(1.5) !important;
  height: auto !important;
  opacity: 1;

  transition: 1s;
}
.section .fadeIn{
  display: flex;
}

@media (max-width: 1177px) {
 .section  .scaleIn {
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
}
}

@media (max-width: 920px) {
  .section {
    width: 100%;
    height: auto;
    height: unset;
    background: url(../img/bg.jpg) center;
    position: relative;
    background-size: cover;
    padding-bottom: 0vh;
    padding-top: 0vh;
  }
  .section .tubiks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100vh;
    max-width: 72vh;
    position: absolute;
    bottom: 0vh;
    -webkit-transform: scale(1.5) translateX(-35%);
    transform: scale(1) translateX(-50%);
    left: 50%;
  }
}

@media (max-width: 915px) {

  .section .center .right .like-5  {
    display: none;
  }

  .section {
    width: 100%;
    height: unset;
    min-height: 100vh;
    padding-bottom: 80px;
  }

  .section {
    width: 100%;
    height: unset;
    padding-left: 20px;
    padding-right: 20px;
  }
  .section .center .right {
   position: relative;
   width: 100%;
   max-width: 100%;
   height: unset;
   margin: 0 auto;
   top: unset;
   left: unset;
   padding-top: 0px;
 }
 .section .center .left {
  position: relative;
  -webkit-transform: scale(0.8);
  transform: scale(1);
  width: 100%;
  max-width: 286px;
  left: 50%;
  top: 0px;
  transform: translateX(-87%);
}
.section .center {
  max-width: 100%;
  top: 0vh;
}
.section .n3 img {
 position: relative !important;
 margin: 0px auto 0px !important;
 max-width: 210px !important;
 width: 100% !important;
 display: block !important;
 right: unset !important;
 top: unset !important;
}
.section .right p {
  font-family: 'PFDinDisplayPro-Thin';
  color: #fff !important;
  text-align: center !important;
  position: relative !important;
  right: unset !important;
  top: unset !important;
  width: 100% !important;
  font-size: 20px !important;
  margin: 20px  auto 0px !important;
  line-height: 21px !important;
}
.section .right .kall img {
  position: relative !important;
  top: unset !important;
  right: unset !important;
  max-width: 300px !important;
  margin: 30px auto !important;
  display: block !important;
  object-fit: contain;
  width: 100%;
}
.section .tubiks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100vh;
  max-width: 90%;
  -webkit-transform: scale(1.5) translateX(-35%);
  transform: scale(1);
  position: relative;
  left: unset;
  margin: 30px auto 0px;
  bottom: unset !important;
}
.section .tubiks img {
  max-width: 100px;
  opacity: 0.6;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  width: 100%;
}

.section .original_section .original_style .n1 img,
.section .krivetki_section .krivetki_style .n1 img,
.section .karamel_section .karamel_style .n1 img,
.section .bekon_section .bekon_style .n1 img,
.section .shalot_section .shalot_style .n1 img {right: -17vh !important;}



}

@media (max-width: 705px) {
  .right p span {
    color: #ffffff !important;
    font-size: 20px !important;
    line-height: 15px;
    display: inline-block !important;
  }
  header{
   width: 100%;
   height: 61px;
   background: url(../img/headerm.jpg) center no-repeat;
   background-size: 100% 100%;

 }
 footer{
  width: 100%;
  height: 143px;
  background: url(../img/footerm.jpg) center #fff no-repeat;

  
}
}
.section .center .right .like-5 {
  position: absolute;
  top: 12vh;
  left: 61vh;
  zoom: 0.6;
}
.section .shalot_section .left .like-3 {
 position: absolute;
 top: 80vh;
 left: 37vh;
 zoom: 0.5;
}
@media (max-height: 1000px) and (max-width:920px)  {
  .section .shalot_section .left .like-3 {
   position: absolute;
   top: 80vh;
   left: 36vh;
   zoom: 0.5;
 }
 .section .center .right .like-5 {
   position: absolute;
   top: 12vh;
   left: 61vh;
   zoom: 0.6;
 }
 .section .shalot_section  .right p {
  font-family: 'PFDinDisplayPro-Thin';
  color: #fff;
  text-align: center;
  position: relative;
  right: unset;
  top: -8px;
  width: 245px;
  font-size: 16px;
  line-height: 18px;
  margin: 30px auto 0px;
  display: block;
}
.section .shalot_section  .right .kall img {
  position: relative;
  top: -9px;
  right: unset;
  max-width: 248px;
  margin: 20px auto 0px;
  display: block;
}


.section .original_section  .right p {
  font-family: 'PFDinDisplayPro-Thin';
  color: #fff;
  text-align: center;
  position: relative;
  right: unset;
  top: -8px;
  width: 245px;
  font-size: 16px;
  line-height: 18px;
  margin: 30px auto 0px;
  display: block;
}
.section .original_section  .right .kall img {
  position: relative;
  top: -9px;
  right: unset;
  max-width: 248px;
  margin: 20px auto 0px;
  display: block;
}

.section .bekon_section  .right p {
  font-family: 'PFDinDisplayPro-Thin';
  color: #fff;
  text-align: center;
  position: relative;
  right: unset;
  top: -8px;
  width: 245px;
  font-size: 16px;
  line-height: 18px;
  margin: 30px auto 0px;
  display: block;
}
.section .bekon_section  .right .kall img {
  position: relative;
  top: 0px;
  right: unset;
  max-width: 248px;
  margin: 20px auto 0px;
  display: block;
}
.section .karamel_section .right .kall img {
  position: relative;
  top: 0px;
  right: unset;
  max-width: 248px;
  margin: 20px auto 0px;
  display: block;
}
.section .karamel_section .right p {
  font-family: 'PFDinDisplayPro-Thin';
  color: #fff;
  text-align: center;
  position: relative;
  right: unset;
  top: -8px;
  width: 245px;
  font-size: 16px;
  line-height: 18px;
  margin: 30px auto 0px;
  display: block;
}
.section {
  height: unset;
}
.section .tubiks {
  bottom: 17vh;
}

.section .krivetki_section .right .kall img {
  position: relative;
  top: unset;
  right: unset;
  max-width: 254px;
  margin: 17px auto 0px;
  display: block;
}
.section .krivetki_section .right p {
  font-family: 'PFDinDisplayPro-Thin';
  color: #b9b9b9;
  text-align: center;
  position: relative;
  right: unset;
  top: unset;
  width: 230px;
  font-size: 12px;
  line-height: 15px;
  margin: 17px auto 30px;
  display: block;
}
.section .center .right p span{
  color: #b9b9b9;
  font-size: 14px;
  line-height: 15px;
  display: block;
}
.section .krivetki_section .right .n3 img {
  position: relative;
  top: unset;
  right: unset;
  max-width: 17vh;
  margin: 15px auto 0px;
  display: block;
}
.section .krivetki_section .left .tubik {
  max-width: 30vh;
  width: 100vh;
  position: relative;
  left: 25vh;
  top: 4vh;
}
.section .krivetki_section .left .n1 img {
  position: absolute;
  top: 6.3vh;
  right: -5.3vh;
  width: 100vh;
  max-width: 8.4vh;
}
.section .krivetki_section .left .like-3 img{
  max-width: 20px;
}
}
@media (max-height: 1000px) and (max-width:1050px)  {
  .section .center .right .kall img {
    position: relative;
    top: 0px;
    right: 0px;
    max-width: 181px;
    margin: 0 auto;
    display: block;
  }
  .section .center .right p {width: 200px;font-size: 14px;line-height: 14px;top: unset;right: unset;    margin: 13px auto 17px;}
  .section .krivetki_section .right .n3 img {
    position: relative;
    top: unset;
    right: unset;
    max-width: 17vh;
    margin: 0px auto 0px;
    display: block;
  }
  
}
@media (max-height: 700px){
  .section:before {
    max-width: 39vh;
  }
  .section:after {
    max-width: 39vh;
  }
}

/*@media (min-height: 1000px){
.section .center .left {
 
    transform: translateX(-127%);
}
.section .original_section .original_style .n1 img, .section .krivetki_section .krivetki_style .n1 img, .section .karamel_section .karamel_style .n1 img, .section .bekon_section .bekon_style .n1 img, .section .shalot_section .shalot_style .n1 img {
    right: -29vh !important;
}
}*/

@media (max-height: 600px){

  .section .center .right {
    position: relative;
    width: 100%;
    padding-top: 2vh;
  }
}

@media (max-height: 600px){
  .right p span {
    color: #ffffff !important;
    font-size: 18px !important;
    line-height: 15px;
    display: inline-block !important;
  }
  .section .original_section .original_style .n1 img, .section .krivetki_section .krivetki_style .n1 img, .section .karamel_section .karamel_style .n1 img, .section .bekon_section .bekon_style .n1 img, .section .shalot_section .shalot_style .n1 img {
    right: -8vh !important;
  }
  .section .center .left {

    transform: translateX(-73%);
  }
}
@media (max-height: 650px){
  .section .center .right .kall img {

    max-width: 180px !important;

  }
}
@media (max-width: 550px){
  .section .tubiks {
    position: absolute;
    bottom: 40px !important;
  }
  .section {
    padding-bottom: 210px;
  }
}