html {
    overflow-y: scroll;
}
h1 {
    font-size: 35px;
    line-height: 40px;
}
:root {
  --font-family: 'Mulish', sans-serif;
  --second-family: 'Mulish', sans-serif;
  }
div#page {
  background: #11584d;
  text-transform: uppercase;
}
div#page header#header .header-block .region-header-right #block-vesta-theme-shapkapravo #superfish-shapka-pravo {
  display: flex;
  gap: 20px;
}
/*-----------------new header-----------------------------*/
.header-new{
  background: url("/sites/all/themes/vesta_theme/image/new/background.jpg") 50% 50% no-repeat;
  background-size: cover;
  padding-bottom: 93px;
  position: relative;
  overflow: hidden;
}
.cloud {
  position: absolute;
  will-change: transform;
  animation: moveClouds 400s linear infinite;
}

/* Разные размеры и скорость для облаков */
.c1 { top: 0; animation-delay: -106s;}
.c2 { top: 0;animation-delay: -270s;}
.c3 { top: 160px; animation-delay: -206s;}

@keyframes moveClouds {
  from { transform: translateX(-668px); }
  to { transform: translateX(100vw); }
}
.header-new .header-info{
  width: 953px;
  margin: 493px auto 0 auto;
  z-index: 2;
  position: relative;
}
.header-new .header-logo{
  position: absolute;
  bottom: 100%;
}
.header-menu{
  z-index: 3;
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-top: 94px;
}
.header-menu > div ul{
  margin: 0;
  padding: 0;
  display: block;
}
.header-menu > div ul li{
  float: left;
  padding: 0;
  margin: 0 40px 0 0;
}
.header-menu div.header-menu-l ul li:last-child, .header-menu div.header-menu-r ul li:first-child{
  margin: 0;
}
.header-new .header-menu > div ul li a{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 39px;
  text-transform: uppercase;
  color: #464D25;
  padding: 10px;
}
.header-new .header-menu > div ul li a:hover{
  color: #EA5A1C;
}
.header-menu-r{
  float: right;
}
.header-menu  div.header-menu-r ul li{
  margin: 0 0 0 40px;
}
.header-info-timer{
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  font-family: 'Inter';
  font-style: normal;
}
.header-info-timer-title{
  font-weight: 700;
  font-size: 62px;
  line-height: 60px;
}
.header-info-timer-block{
  position: relative;
  z-index: 4;
  display: flex;
  justify-content: center;
  gap: 93px;
  margin: 13px 0 12px 0;
}
.header-info-timer-block p{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.header-info-timer-block p strong{
  font-weight: 700;
  font-size: 109px;
  line-height: 93px;
  font-variant-numeric: tabular-nums;
  margin-bottom: 24px;
}
.header-info-timer-block p span{
  font-weight: 400;
  font-size: 26px;
  line-height: 31px;
}
.header-action{
  display: flex;
  gap: 17px;
  justify-content: center;
}
.btn-new{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 413px;
  height: 100px;
  border-radius: 10px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 45px;
  text-transform: uppercase;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none!important;
}
.btn-orange{
  background: #EA5A1C;
}
.btn-yellow{
  background: #FAAE0E;
}
.btn-new:hover{
  background: #FFFFFF;
  color: #000000;
}
.btn-new:hover{
  color: #FFFFFF;
}
.btn-orange:hover{
  color: #EA5A1C;
}
.btn-yellow:hover{
  color: #FAAE0E;
}
.open-mobile-menu{
  display: none;
}
@media (max-width: 1199px) {
  .header-menu {
    margin-top: 54px;
  }
  .header-new .header-info{
    width: auto;
  }
  .header-new .header-logo{
    width: 70%;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .header-new .header-logo img{
    width: 100%;
    height: auto;
  }
  .header-new .header-info{
    margin-top: 350px;
  }
  .cloud {
    height: auto;
  }

  /* Разные размеры и скорость для облаков */
  .c1 {animation-delay: -106s;width: 300px;}
  .c2 {animation-delay: -260s;width: 320px;}
  .c3 {animation-delay: -200s;width: 250px;}

  @keyframes moveClouds {
    from { transform: translateX(-320px); }
    to { transform: translateX(100vw); }
  }
}
@media (max-width: 991px) {
  .header-menu {
    margin-top: 34px;
  }
  .header-menu > div ul li{
    margin: 0 20px 0 0;
  }
  .header-menu div.header-menu-r ul li {
    margin: 0 0 0 20px;
  }
  .header-new .header-info {
    margin-top: 300px;
  }
  .header-info-timer-title {
    font-size: 53px;
  }
  .header-info-timer-block{
    gap: 45px;
  }
  .c3 {top: 135px;}
}
@media (max-width: 767px) {
  .header-new{
    padding-bottom: 33px;
  }
  .open-mobile-menu{
    display: block;
  }
  .header-menu > div{
    display: none;
  }
  .header-menu{
    justify-content: end;
  }
  .header-new .header-logo{
    width: 70%;
  }
  .header-new .header-info {
    margin-top: 180px;
  }
  .header-info-timer-block {
    gap: 30px;
  }
  .header-info-timer-block p strong{
    font-size: 55px;
    line-height: 30px;
    margin-bottom: 14px;
  }
  .header-info-timer-block p span{
    font-size: 20px;
  }
  .btn-new{
    font-size: 35px;
    height: 80px;
  }
}
@media (max-width: 455px) {
  .header-new {
    padding-bottom: 20px;
  }
  .header-new .header-info {
    margin-top: 120px;
  }
  .header-info-timer-title {
    font-size: 33px;
    line-height: 110%;
  }
  .header-info-timer-block {
    gap: 28px;
  }
  .header-info-timer-block p strong {
    font-size: 45px;
    line-height: 25px;
    margin-bottom: 13px;
  }
  .header-info-timer-block p span {
    font-size: 16px;
    line-height: 16px;
  }
  .btn-new {
    font-size: 27px;
    height: 60px;
  }
}
/*-----------------------------------end new header----------------------------------*/