.fl__translate {
}
.menu_block .sub-menu {
  display: none;
}
.menu_block .menu-item:hover .sub-menu {
  display: block;
  position: absolute;
  background: #fff;
  padding: 1rem;
  z-index: 6;
}

#header {
  position: relative;
  padding: 0.5rem 0 1.2rem;
  font-size: 1rem;
  line-height: 1.3;
  z-index: 555;
}
#header .mainrow {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#header .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-height: 9rem;
  flex: 0 0 23%;
}
#header .logo a {
  display: block;
  width: 17rem;
}
#header .content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-left: 2rem;
}
#header .content .row {
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: space-around;
}
.hed-pad {
  padding-top: 1rem;
}
.descriptor,
.time,
.email {
  line-height: 1.5;
}
.time,
.email {
  max-width: 16rem;
}
#header .content .descriptor .text {
  max-width: 450px;
  font-weight: var(--f1w);
}
.header__img {
  margin-right: 1rem;
}
#header .content .contacts {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16rem;
  flex: 0 0 17rem;
  text-align: left;
}
#header .contacts .phone-content {
  font-size: 26px !important;
  font-weight: var(--f1wb);
  color: var(--dark);
  border: 0;
}
.content p {
  font-size: 1rem;
  margin: 0.5rem 0;
}
#header .contacts .link {
  color: var(--color);
  border-bottom: 1px dashed var(--color);
  cursor: pointer;
  text-transform: uppercase;
  font-size: 0.9rem;
}
.mobile {
  display: none;
}
/*
==============================
	xl 2500 - ��������	(2500)
==============================
*/
@media (min-width: 2500px) {
}
/*
  ==============================
	 xl 1699 - Декстопы	(1600)
  ==============================
  */
@media (max-width: 1699px) {
  #header .logo {
    flex: 0 0 19%;
  }
  #header .logo a {
    width: 15rem;
  }
  #header .content .text {
    font-size: 14px;
  }
  #header .contacts .link {
    font-size: 12px;
  }
  .time,
  .email {
    max-width: 15rem;
  }
}
/*
  ==============================
	 xl 1599 - Декстопы	(1440)
  ==============================
  */
@media (max-width: 1440px) {
}
/*
  ==============================
	 lg 1399 - Ноутбуки	(1360)
  ==============================
  */
@media (max-width: 1399px) {
}
/*
  ==============================
	 lg 1399 - Ноутбуки	(1360)
  ==============================
  */
@media (max-width: 1366px) {
}
/*
  ==============================
	 lg 1299 - Ноутбуки	(1280)
  ==============================
  */
@media (max-width: 1299px) {
}
/*
  ==============================
	 ml 1149 - Нетбуки	(1152)
  ==============================
  */
@media (max-width: 1152px) {
  #header .content .contacts {
    flex: 0 0 33%;
  }
  .hed-pad {
    flex: 0 0 33%;
  }
  .email {
    display: none;
  }
  #header .logo a {
    width: 13rem;
  }
  #header .contacts .phone-content {
    font-size: 18px !important;
  }
  .header__img {
    display: none;
  }
  #header .contacts .link {
    font-size: 10px;
  }
  #header .content .row {
    flex-wrap: nowrap;
  }
  .content p {
    font-size: 14px;
    margin: 0.1rem 0 0.5rem;
  }
}
/*
  ==============================
	 ml 1149 - Нетбуки	(1024)
  ==============================
  */
@media (max-width: 1149px) {
}
/*
  ==============================
	 md 1023 - Планшеты	(768)
  ==============================
  */
@media (max-width: 1023px) {
}
/*
  ==============================
	 sm 767 - Фаблеты	(500)
  ==============================
  */
@media (max-width: 767px) {
  .menu_block .menu-item:hover .sub-menu {
    position: relative;
    background: #fff0;
    padding: 0;
  }
  .mob {
    display: none;
  }
  .mobile {
    display: block;
  }
  .menu_block.mobile {
    display: none;
  }
  .menu_block.mobile.active {
    position: absolute;
    top: 77px;
    right: 0;
    width: 81%;
    background: #fffffff7;
    padding: 3rem 2rem;
    height: auto;
    display: block;
    border-top: 0;
  }
  .menu_block.mobile ul {
    display: block;
    margin: 1rem -0.4rem;
  }
  .menu_block.mobile ul li {
    font-size: 16px;
    padding-bottom: 1rem;
    font-weight: 400;
  }
  span.mobile {
    width: 1.5rem;
    height: 2px;
    background: var(--hero-color);
    margin: 5px 0;
  }
  span.mobile.mobile-smal {
    width: 1.3rem;
  }
  .content.mobile {
  }
  .content.mobile .row {
    align-items: center !important;
  }
  .menu__fon {
    display: none;
  }
  .menu__fon.active {
    position: absolute;
    width: 100%;
    height: 100vh;
    display: block;
  }
  .mail-mobile,
  .phone-mobile {
    display: none;
    position: absolute;
    background: #fff;
    padding: 2rem;
    left: 0;
    width: 100%;
    text-align: center;
    top: 0;
  }
  .mail-mobile.active,
  .phone-mobile.active {
    display: block;
  }
  .phone-mobile span {
    color: var(--color);
    border-bottom: 1px dashed var(--color);
    cursor: pointer;
    text-transform: uppercase;
  }
}
/*
  ==============================
	 xs 499 - Смартфоны	(360)
  ==============================
  */
@media (max-width: 499px) {
  .menu_block.mobile.active {
    top: 87px;
  }
}
/*
  ==============================
	 xs 359 - Смартфоны	(360)
  ==============================
  */
@media (max-width: 375px) {
}
/*
  ==============================
	 xs 359 - Смартфоны	(360)
  ==============================
  */
@media (max-width: 360px) {
}
/*
  ==============================
	 xs 359 - Смартфоны	(320)
  ==============================
  */
@media (max-width: 359px) {
  .menu_block.mobile.active {
    width: 70%;
  }
}
