body {
  background: #F2F3F5;
} .breadcrumb.container {
  background: transparent;
}

.contact-banner {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  padding: 93px 0;
  margin-bottom: 15px;
} .contact-banner__content .line {
  width: 95px;
  height: 4px;
  background: #EFB400;
} .contact-banner__content > h1 {
  font-family: 'Roboto';
  font-size: 64px;
  font-weight: 600;
  line-height: 79px;
  color: #EFB400;
} .contact-banner__content > p {
  font-family: 'Roboto';
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  color: #FFFFFF;
  margin: 15px 0 30px;
} .contact-banner__advantages {
  display: flex;
  gap: 20px;
} .contact-banner__advantage {
  max-width: 100px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
} .contact-banner__advantage svg {
  width: 50px;
  height: 50px;
} .contact-banner__advantage p {
  font-family: 'Roboto';
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
  text-align: center;
  color: #FFFFFF;
} @media (max-width: 620px) {        
  .contact-banner {
    background-position: bottom right;
  }
}

.contact-tabs {
  padding: 15px 0;
} .contact-tabs__content {
  display: flex;
  justify-content: center;
  gap: 20px;
} .contact-tab {
  font-family: 'Roboto';
  font-size: 24px;
  font-weight: 600;
  line-height: 25px;
  padding: 25px 40px;
  color: #FFFFFF;
  background: #354D66;
  border-radius: 15px;
  cursor: pointer;
} .contact-tab.active {
  background: #EFB400;
} .contact-tab:hover {
  background: #EFB400;
} @media (max-width: 620px) {        
  .contact-tab {
    font-size: 15px;
    padding: 15px 16px;
  }
}

.contact-managers {
  padding: 15px 0;
} .contact-managers__content h2 {
  font-family: 'Roboto';
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase;
  color: #EFB400;
} .contact-managers__content h2::before {
  content: '';
  display: inline-block;
  width: 38px;
  height: 4px;
  background: #EFB400;
  margin: 0 8px 8px 0;
} .contact-managers__items {
  display: none;
  gap: 25px;
  margin-top: 30px;
} .contact-managers__items.active {
  display: flex;
} .contact-managers__item {
  max-width: 214px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #EEEEEE;
  background: #FFFFFF;
  border-radius: 15px;
  overflow: hidden;
} .contact-managers__item img {
  width: 100%;
  height: 205px;
  object-fit: cover;
  object-position: left;
} .contact-managers__item .contact-managers__item-text {
  padding: 15px 25px;
} .contact-managers__item h3 {
  font-family: 'Roboto';
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #1B212A;
  margin-bottom: 5px;
} .contact-managers__item p {
  font-family: 'Roboto';
  font-size: 14px;
  font-weight: 300;
  line-height: 12px;
  color: #354D66;  
} .contact-managers__info-item {
  display: flex;
  gap: 10px;
  margin-top: 15px;
} .contact-managers__item .contact-managers__info svg {
  width: 20px;
  height: 20px;
} .contact-managers__item .contact-managers__info svg use {
  color: #EFB400;
} .contact-managers__text {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
} .contact-managers__text a:first-of-type {
  font-family: 'Roboto';
  font-size: 15px;
  font-weight: 400;
  line-height: 12px;
  color: #1B212A;
  margin-top: 4px;
} .contact-managers__text a:last-of-type {
  font-family: 'Roboto';
  font-size: 14px;
  font-weight: 400;
  line-height: 12px;
  color: #354D66;
} .contact-managers__text a:hover {
  color: #EFB400;
} @media (max-width: 1200px) {
  .contact-managers__items {
    flex-wrap: wrap;
    justify-content: center;
  } .contact-managers__item {
    max-width: 270px;
  }
} @media (max-width: 620px) {        
  .contact-managers__content h2 {
    font-size: 20px;
  } .contact-managers__items {
    justify-content: flex-start;
    gap: 5px;
  } .contact-managers__items {
    justify-content: flex-start;
    gap: 5px;
  } .contact-managers__item {
    max-width: 170px;
  } .contact-managers__item img {
    height: 165px;
  } .contact-managers__item .contact-managers__item-text {
    padding: 10px 7px;
  } .contact-managers__item h3 {
    font-size: 15px;
  } .contact-managers__item p {
    font-size: 13px;
  } .contact-managers__text a:first-of-type {
    font-size: 14px;
  } .contact-managers__text a:last-of-type {
    font-size: 12px;
  }
}

.contact-info {
  padding: 15px 0;
} .contact-info h2 {
  font-family: 'Roboto';
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 1%;
  text-transform: uppercase;
  color: #EFB400;
} .contact-info h2::before {
  content: '';
  display: inline-block;
  width: 38px;
  height: 4px;
  background: #EFB400;
  margin: 0 8px 8px 0;
} .contact-info__items {
  display: none;
  gap: 20px;
  margin-top: 30px;
} .contact-info__items.active {
  display: flex;
} .contact-info__item {
  max-width: 282px;
  width: 100%;
  height: 159px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  border-radius: 30px;
} .contact-info__item svg {
  width: 50px;
  height: 50px;
  margin-bottom: 15px;
} .contact-info__item p {
  max-width: 170px;
  width: 100%;

  font-family: 'Roboto';
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  color: #354D66;
} .contact-info__item a {
  max-width: 170px;
  width: 100%;

  font-family: 'Roboto';
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  color: #354D66;
} .contact-info__item a:hover {
  color: #EFB400;
} .contact-info__item.operating p {
  max-width: 210px;
} @media (max-width: 1200px) {
  .contact-info__items {
    flex-wrap: wrap;
  }
} @media (max-width: 620px) {
  .contact-info h2 {
    font-size: 20px;
  }
}

.contact-map {
  padding: 15px 0 0;
} .contact-map h2 {
  font-family: 'Roboto';
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase;
  color: #EFB400;
} .contact-map h2::before {
  content: '';
  display: inline-block;
  width: 38px;
  height: 4px;
  background: #EFB400;
  margin: 0 8px 8px 0;
} .contact-map__item {
  display: none;
  border-top: 4px solid #EFB400;
  margin-top: 20px;
} .contact-map__item.active {
  display: block;
} @media (max-width: 620px) {
  .contact-map h2 {
    font-size: 20px;
  }
}

.manager-feedback {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  background: #1B212A;
  padding: 32px 60px;
  border-top: 4px solid #EFB400;
  border-bottom: 4px solid #EFB400;
} .manager-feedback_left {
  max-width: 668px;
  width: 100%;
  margin-right: 70px;
} .manager-feedback_left h2 {
  font-family: 'Roboto';
  font-size: 32px;
  font-weight: 600;
  line-height: 44px;
  text-transform: uppercase;
  color: #FFFFFF;
} .manager-feedback_left p {
  font-family: 'Roboto';
  font-size: 24px;
  font-weight: 400;
  line-height: 26px;
  color: #FFFFFF;
} .manager-feedback .line {
	width: 95px;
	height: 4px;
	background: #EFB400;
	margin: 10px 0 15px;
} .manager-feedback {
  display: flex;
  align-items: center;
} .manager-feedback__form {
  max-width: 700px;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px 55px;
} .manager-feedback__form-field {
	position: relative;
  max-width: 322px;
  width: 100%;
} .manager-feedback__form-field input[type="text"],
	.manager-feedback__form-field textarea {
	width: 100%;
	padding: 20px;
	background: #354D6680;
	border: 1px solid #3F484F;
	border-radius: 10px;
	outline: none;
	resize: none;

	font-family: 'Roboto';
	font-size: 20px;
	font-weight: 300;
	line-height: 18px;
	letter-spacing: 1%;
	color: #FFFFFF;
} .manager-feedback__form-field input[type="text"] ~ label,
	.manager-feedback__form-field textarea ~ label {
	position: absolute;
	top: 15px;
	left: 15px;
	display: flex;
	align-items: center;
	gap: 20px;

	font-family: 'Roboto';
	font-size: 24px;
	font-weight: 300;
	line-height: 18px;
	letter-spacing: 1%;
	color: #FFFFFFA1;

	background: transparent;
	border-radius: 10px;
	padding: 5px;
	user-select: none;
	pointer-events: none;
} .manager-feedback__form-field label span {
	color: #EFB400;
} .manager-feedback__form-field input[type="text"]:focus ~ label,
	.manager-feedback__form-field input[type="text"]:not(:placeholder-shown) ~ label,
	.manager-feedback__form-field textarea:focus ~ label,
	.manager-feedback__form-field textarea:not(:placeholder-shown) ~ label {
	top: -20px;
	left: 40px;
	background: #3F484F;
} .manager-feedback__form-field input[type="checkbox"] ~ label {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 27px;
	min-width: 27px;
	height: 27px;
	border: 1px solid #EFB400;
	border-radius: 6px;
	cursor: pointer;
} .manager-feedback__form-field input[type="checkbox"] ~ label .checkbox-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	width: 0;
	height: 0;
} .manager-feedback__form-field input[type="checkbox"]:checked ~ label .checkbox-icon {
	width: 14px;
	height: 14px;
} .manager-feedback__form-field.check {
	display: flex;
	align-items: center;
	gap: 8px;
} .manager-feedback__form-field.check p {
	font-family: 'Roboto';
	font-size: 15px;
	font-weight: 300;
	line-height: 18px;
	letter-spacing: 1%;
	color: #FFFFFFA1;
} .manager-feedback__form-field.check p a {
	color: #EFB400;
	text-decoration: underline;
} .manager-feedback__form-button {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 38px;
  max-width: 435px;
	width: 100%;
  height: fit-content;
	padding: 17px 0;
	background: #EFB400;
	border-radius: 10px;
	border: 1px solid #EFB400;
	outline: none;
	cursor: pointer;
} .manager-feedback__form-button:hover {
	background: #1B212A;
} .manager-feedback__form-button p {
	font-family: 'Roboto';
	font-size: 20px;
	font-weight: 300;
	line-height: 18px;
	letter-spacing: 1%;
	color: #FFFFFF;
} .manager-feedback_right {
  position: absolute;
  right: 20px;
  bottom: 0;
  max-width: 426px;
  width: 100%;
} .manager-feedback_right img {
  width: inherit;
} @media (max-width: 1700px) {
  .manager-feedback_left {
    max-width: 550px;
    margin-right: 0;
  } .manager-feedback_right {
    max-width: 300px;
  }
} @media (max-width: 1370px) {
  .manager-feedback {
    flex-direction: column;
    gap: 50px;
  } .manager-feedback_left {
    max-width: 700px;
  }
} @media (max-width: 700px) {
  .manager-feedback_right {
    display: none;
  }
} @media (max-width: 620px) {
  .manager-feedback {
    gap: 30px;
    padding: 35px 15px;
  } .manager-feedback_left h2 {
    font-size: 24px;
  } .manager-feedback_left p {
    font-size: 20px;
  } .manager-feedback__form-field,
    .manager-feedback__form-button {
    max-width: 100%;
  } 
}