#header .container {
  padding: 0;
}
#header .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px 0px;
  height: 40px;
}
#header .header .logoselect {
  position: relative;
  width: 350px;
}
#header .header .logoselect .logo {
  height: 40px;
  position: relative;
  display: block;
}
#header .header .logoselect .logo svg {
  height: 40px;
  width: 202px;
  padding: 7px 0px;
}
#header .header .logoselect .logo .sl {
  color: #999999;
  font-size: 12px;
  line-height: 11px;
  top: 24px;
  left: 62px;
  position: absolute;
  width: 280px;
}
#header .header .logoselect .selectcity {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 135px;
  position: absolute;
  top: 0px;
  left: 206px;
}
#header .header .logoselect .selectcity .icon-map {
  color: #006fbe;
  font-size: 25px;
  line-height: 25px;
  width: 14.3px;
  height: 26px;
  margin-right: 6px;
}
#header .header .logoselect .selectcity .city {
  color: #243141;
  font-size: 11px;
}
#header .header .logoselect .selectcity .cityList {
  padding: 0px 0px;
  overflow: hidden;
  box-shadow: 0 0 2rem rgba(0,0,0,0.2), 0 0.3rem 2rem rgba(0,0,0,0.2);
}
#header .header .logoselect .selectcity .cityList li a {
  display: block;
  padding: 4px 8px;
  font-size: 13px;
}
#header .header .logoselect .selectcity .cityList li a:hover {
  background: #f1f2f3;
}
#header .header .delivery {
  display: flex;
  align-items: center;
  height: 40px;
}
#header .header .delivery .icon-truck {
  display: table;
  height: 22px;
  width: 23px;
  color: #006fbe;
  font-size: 25px;
  margin-right: 7px;
}
#header .header .delivery .icon-truck i {
  transform: scale(-1,1);
}
#header .header .delivery .textdost {
  font-size: 12px;
  color: #243141;
  line-height: 15px;
}
#header .header .social a {
  font-size: 26px;
  text-decoration: none;
  width: 28px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  margin: 0;
  padding: 0;
}
#header .header .social a:hover {
  text-decoration: none;
}
#header .header .social a i {
  width: 26px;
  height: 26px;
}
#header .header .social a img {
  width: 20px;
}
#header .header .social .tg i {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 40C31.0457 40 40 31.0457 40 20C40 8.9543 31.0457 0 20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40Z' fill='url(%23paint0_linear_2_12)'/%3E%3Cpath d='M29.7343 11.5082L26.164 29.516C26.164 29.516 25.664 30.766 24.289 30.1644L16.0468 23.8441L13.0468 22.3988L7.99995 20.7035C7.99995 20.7035 7.22651 20.43 7.14838 19.8285C7.07026 19.2269 8.02338 18.9066 8.02338 18.9066L28.0859 11.0394C28.0859 11.0316 29.7343 10.305 29.7343 11.5082Z' fill='white'/%3E%3Cpath d='M15.4062 29.3127C15.4062 29.3127 15.164 29.2893 14.8671 28.344C14.5703 27.3987 13.0468 22.3987 13.0468 22.3987L25.164 14.7033C25.164 14.7033 25.8671 14.2815 25.8359 14.7033C25.8359 14.7033 25.9609 14.7815 25.5859 15.1252C25.2109 15.4768 16.0703 23.6955 16.0703 23.6955' fill='%23D2E4F0'/%3E%3Cpath d='M19.2031 26.2658L15.9453 29.2424C15.9453 29.2424 15.6874 29.4377 15.414 29.3127L16.039 23.7893' fill='%23B5CFE4'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2_12' x1='20' y1='0' x2='20' y2='39.8541' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2341BCE7'/%3E%3Cstop offset='1' stop-color='%2322A6DC'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  display: block;
  background-size: cover;
  margin: 12px 0px;
}
#header .header .social .wa i {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.714286 39.2857L9.28571 36.9286C12.3571 38.8571 16.0714 40 20 40C31.0714 40 40 31.0714 40 20C40 8.92857 31.0714 0 20 0C8.92857 0 0 8.92857 0 20C0 23.9286 1.14286 27.6429 3.07143 30.7143L0.714286 39.2857Z' fill='%2325D366'/%3E%3Cpath d='M29.9286 25.4291C28.5714 28.2862 26.0714 28.6434 26.0714 28.6434C23.9286 29.0719 21.2143 28.1434 19.0714 27.1434C16 25.7148 13.3571 23.4291 11.5714 20.5005C10.7857 19.1434 10.0714 17.5719 9.99999 16.0719C9.99999 16.0719 9.71428 13.5719 12.1428 11.5719C12.3571 11.4291 12.5714 11.3576 12.8571 11.3576H13.9286C14.3571 11.3576 14.7857 11.6434 14.9286 12.0719L16.5714 16.0719C16.7143 16.5005 16.6428 16.9291 16.3571 17.2862L15.2857 18.4291C14.9286 18.7862 14.9286 19.2862 15.1428 19.7148C15.2143 19.8576 15.3571 20.0719 15.5714 20.2862C16.8571 22.0005 18.5714 23.2862 20.5 24.1434C20.7857 24.2862 21 24.3576 21.2143 24.4291C21.7143 24.5719 22.1428 24.3576 22.4286 24.0005L23.2857 22.7148C23.5 22.3576 23.9286 22.1434 24.3571 22.2148L28.6428 22.8576C29.0714 22.9291 29.4286 23.2862 29.5714 23.7148L29.8571 24.7862C30 24.9291 30 25.2148 29.9286 25.4291Z' fill='white'/%3E%3C/svg%3E%0A");
  display: block;
  background-size: cover;
  margin: 12px 0px;
}
#header .header .social .max i {
  background-image: url('https://maxicons.ru/icons/MAX.svg');
  display: block;
  background-size: cover;
  margin: 12px 0px;
}
#header .header .phone {
  font-size: 23px;
  line-height: 40px;
  color: #243141;
}
#header .header .howmany {
  padding: 0px 20px;
  line-height: 40px;
  font-size: 12px;
}
#header .header .howmany:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #bfc5cd;
  left: 0;
  top: 14px;
  display: none;
}
#header .header .howmany:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #bfc5cd;
  left: 0;
  top: 55px;
  display: none;
}
@media (max-width: 995px) {
  #header .header .delivery {
    display: none;
  }
  #header .header .phone {
    font-size: 21px;
  }
}
@media (max-width: 930px) {
  #header .header .delivery {
    display: none;
  }
  #header .header .phone {
    font-size: 21px;
  }
}
@media (max-width: 830px) {
  #header .container {
    width: 100%;
    padding: 0 15px;
  }
  #header .header .delivery {
    display: none;
  }
  #header .header .phone {
    font-size: 22px;
  }
}
@media (min-width: 771px) {
  #header .header .logoselect .logo .full {
    display: block;
  }
  #header .header .logoselect .logo .mini {
    display: none;
  }
  #header .header .social a {
    width: 24px;
  }
  #header .header .social a i {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 770px) {
  #header .container {
    width: 100%;
    padding: 0 10px;
  }
  #header .header .logoselect .logo .full {
    display: block;
  }
  #header .header .logoselect .logo .mini {
    display: none;
  }
  #header .header .delivery {
    display: none;
  }
  #header .header .social a {
    width: 24px;
  }
  #header .header .social a i {
    width: 24px;
    height: 24px;
  }
  #header .header .phone {
    font-size: 18px;
  }
}
@media (max-width: 735px) {
  #header .container {
    width: 100%;
    padding: 0 10px;
  }
  #header .header .logoselect .logo .full {
    display: block;
  }
  #header .header .logoselect .logo .mini {
    display: none;
  }
  #header .header .delivery {
    display: none;
  }
  #header .header .social a {
    width: 24px;
  }
  #header .header .social a i {
    width: 24px;
    height: 24px;
  }
  #header .header .phone {
    font-size: 17px;
  }
}
@media (max-width: 650px) {
  #header .container {
    width: 100%;
    padding: 0 0px;
  }
  #header .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0px;
    height: 95px;
    flex-wrap: wrap;
  }
  #header .header .logoselect {
    width: 100%;
    margin-bottom: 15px;
  }
  #header .header .logoselect .logo .full {
    display: block;
    margin-left: 102px;
    padding: 15px 0px;
    height: 58px;
    zoom: 70%;
  }
  #header .header .logoselect .logo .mini {
    display: none;
  }
  #header .header .logoselect .logo .sl {
    display: none;
  }
  #header .header .logoselect .selectcity {
    right: 15px;
    top: 7px;
    left: inherit;
    width: 150px;
  }
  #header .header .logoselect .selectcity .city {
    font-size: 14px;
  }
  #header .header .logoselect .selectcity .cityList li a {
    display: block;
    padding: 15px 10px;
    font-size: 16px;
  }
  #header .header .delivery {
    display: none;
  }
  #header .header .social a {
    margin: 0 0px 0 10px;
  }
  #header .header .social a i {
    margin: 6px 0px;
  }
  #header .header .social .max i,
  #header .header .social .wa i,
  #header .header .social .tg i {
    margin: 8px 0px;
  }
  #header .header .phone {
    font-size: 20px;
  }
}
@media (max-width: 385px) {
  #header .container {
    width: 100%;
    padding: 0 0px;
  }
  #header .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0px;
    height: 95px;
    flex-wrap: wrap;
  }
  #header .header .logoselect {
    width: 100%;
    margin-bottom: 15px;
  }
  #header .header .logoselect .logo .full {
    display: block;
    margin-left: 107px;
    padding: 19px 0px 16px;
    height: 62px;
    zoom: 66%;
  }
  #header .header .logoselect .logo .mini {
    display: none;
  }
  #header .header .logoselect .logo .sl {
    display: none;
  }
  #header .header .logoselect .selectcity {
    right: 15px;
    top: 7px;
    left: inherit;
    width: 150px;
  }
  #header .header .logoselect .selectcity .city {
    font-size: 14px;
  }
  #header .header .logoselect .selectcity .cityList li a {
    display: block;
    padding: 15px 10px;
    font-size: 16px;
  }
  #header .header .delivery {
    display: none;
  }
  #header .header .social a {
    margin: 0 0px 0 10px;
  }
  #header .header .phone {
    font-size: 17px;
  }
  #header .header .howmany {
    padding: 0px 17px;
    line-height: 34px;
    font-size: 12px;
  }
}
@media (max-width: 350px) {
  #header .container {
    width: 100%;
    padding: 0 0px;
  }
  #header .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0px;
    height: 130px;
    flex-wrap: wrap;
  }
  #header .header .logoselect {
    width: 100%;
    margin-bottom: 10px;
  }
  #header .header .logoselect .logo .full {
    display: none;
  }
  #header .header .logoselect .logo .mini {
    display: block;
  }
  #header .header .logoselect .logo .sl {
    display: none;
  }
  #header .header .logoselect .selectcity {
    right: 15px;
    top: 7px;
    left: inherit;
    width: 150px;
  }
  #header .header .logoselect .selectcity .city {
    font-size: 14px;
  }
  #header .header .logoselect .selectcity .cityList li a {
    display: block;
    padding: 15px 10px;
    font-size: 16px;
  }
  #header .header .delivery {
    display: none;
  }
  #header .header .social a {
    margin: 0 0px 0 15px;
  }
  #header .header .phone {
    font-size: 17px;
  }
  #header .header .howmany {
    padding: 0px 17px;
    line-height: 34px;
    font-size: 12px;
    width: 92%;
    margin: 0 2%;
    display: block;
  }
  #header .header .callbtn {
    width: 100%;
    margin-top: 10px;
  }
}
section#navigation {
  min-height: 50px;
  background-color: #fff;
}
section#navigation .container {
  padding: 0;
}
section#navigation .container ul.nav.menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
section#navigation .container ul.nav.menu li a {
  font-size: 15px;
  padding: 12px 15px;
}
section#navigation .container ul.nav.menu li.parent a {
  padding: 12px 20px 12px 10px;
}
section#navigation .container ul.nav.menu li.parent:after {
  content: '❯';
  border: none;
  margin: 0;
  position: inherit;
  display: block;
  position: absolute;
  top: 24px;
  right: 0px;
  color: #fff;
  font-size: 11px;
  transform: rotate(90deg);
}
section#navigation .container ul.nav.menu li ul.nav-child {
  border-radius: 0px 0px 6px 6px;
  box-shadow: 0 0 2rem rgba(0,0,0,0.2), 0 0.3rem 2rem rgba(0,0,0,0.2);
  overflow: hidden;
}
section#navigation .container ul.nav.menu li ul.nav-child li {
  padding: 0;
}
section#navigation .container ul.nav.menu li ul.nav-child li a {
  padding: 10px 10px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
section#navigation .container ul.nav.menu li ul.nav-child li a:hover {
  background: #016fbe !important;
  color: #fff !important;
}
section#navigation .container ul.nav.menu li ul.nav-child li.fontsize1 a:before {
  display: none;
}
@media (max-width: 1100px) {
  section#navigation .container ul.nav.menu li a {
    font-size: 14px;
    padding: 13px 14px;
    height: 50px;
  }
}
@media (max-width: 930px) {
  section#navigation .container ul.nav.menu li a {
    font-size: 13px;
    padding: 13px 11px;
    height: 50px;
  }
}
@media (max-width: 830px) {
  section#navigation .container {
    width: 100%;
    padding: 0 15px;
  }
  section#navigation .container ul.nav.menu li a {
    font-size: 14px;
    padding: 13px 12px;
    height: 50px;
  }
}
@media (max-width: 770px) {
  section#navigation .container {
    width: 100%;
    padding: 0 0px;
  }
  section#navigation .container ul.nav.menu li a {
    font-size: 14px;
    padding: 13px 10px;
    height: 50px;
  }
}
@media (max-width: 650px) {
  section#navigation .container {
    width: 100%;
    padding: 0 0px;
  }
  section#navigation .container ul.nav.menu {
    display: none;
  }
  section#navigation .container nav.navbar {
    padding: 0;
    margin: 15px;
  }
  section#navigation .container nav.navbar .navbar-toggler {
    padding: 0px 0px;
    margin: 0px 0px;
    width: 40px;
    height: 40px;
    border-radius: 0;
  }
  section#navigation .container nav.navbar .navbar-collapse {
    position: absolute;
    top: 55px;
    left: -15px;
    z-index: 99999;
    width: 100vw;
    height: calc(100vh - 90px);
    background: #fff;
    overflow: auto;
    box-shadow: 0 0 2rem rgba(0,0,0,0.2), 0 0.3rem 2rem rgba(0,0,0,0.2);
  }
  section#navigation .container nav.navbar .navbar-collapse .navbar-nav a {
    font-size: 14px;
    padding: 13px 10px;
    height: auto;
    line-height: 24px;
    color: #243141;
    padding: 6px 15px;
    display: block;
    font-weight: 600;
    position: relative;
    text-decoration: none;
  }
}
@media (max-width: 385px) {
  section#navigation .container {
    width: 100%;
    padding: 0 0px;
  }
  section#navigation .container ul.nav.menu {
    display: none;
  }
  section#navigation .container nav.navbar {
    padding: 0;
    margin: 15px;
  }
  section#navigation .container nav.navbar .navbar-toggler {
    padding: 0px 0px;
    margin: 0px 0px;
    width: 40px;
    height: 40px;
    border-radius: 0;
  }
  section#navigation .container nav.navbar .navbar-collapse {
    position: absolute;
    top: 55px;
    left: -15px;
    z-index: 99999;
    width: 100vw;
    height: calc(100vh - 70px);
    background: #fff;
    overflow: auto;
    box-shadow: 0 0 2rem rgba(0,0,0,0.2), 0 0.3rem 2rem rgba(0,0,0,0.2);
  }
  section#navigation .container nav.navbar .navbar-collapse .navbar-nav a {
    font-size: 14px;
    padding: 13px 10px;
    height: auto;
    line-height: 24px;
    color: #243141;
    padding: 6px 15px;
    display: block;
    font-weight: 600;
    position: relative;
    text-decoration: none;
  }
}