@font-face {
    font-family: "AlumniSans-Regular";
    src: url("../fonts/AlumniSans/AlumniSans-Regular/AlumniSans-Regular.eot");
    src: url("../fonts/AlumniSans/AlumniSans-Regular/AlumniSans-Regular.woff2") format("woff2"),
    url("../fonts/AlumniSans/AlumniSans-Regular/AlumniSans-Regular.woff") format("woff"),
    url("../fonts/AlumniSans/AlumniSans-Regular/AlumniSans-Regular.ttf") format("truetype"),
    url("../fonts/AlumniSans/AlumniSans-Regular/AlumniSans-Regular.eot?#iefix")format("embedded-opentype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "AlumniSans-Bold";
    src: url("../fonts/AlumniSans/AlumniSans-Bold/AlumniSans-Bold.eot");
    src: url("../fonts/AlumniSans/AlumniSans-Bold/AlumniSans-Bold.woff2") format("woff2"),
    url("../fonts/AlumniSans/AlumniSans-Bold/AlumniSans-Bold.woff") format("woff"),
    url("../fonts/AlumniSans/AlumniSans-Bold/AlumniSans-Bold.ttf") format("truetype"),
    url("../fonts/AlumniSans/AlumniSans-Bold/AlumniSans-Bold.eot?#iefix")format("embedded-opentype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "Nunito-Regular";
    src: url("../fonts/Nunito/Nunito-Regular/Nunito-Regular.eot");
    src: url("../fonts/Nunito/Nunito-Regular/Nunito-Regular.woff2") format("woff2"),
    url("../fonts/Nunito/Nunito-Regular/Nunito-Regular.woff") format("woff"),
    url("../fonts/Nunito/Nunito-Regular/Nunito-Regular.ttf") format("truetype"),
    url("../fonts/Nunito/Nunito-Regular/Nunito-Regular.eot?#iefix")format("embedded-opentype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "Nunito-ExtraBold";
    src: url("../fonts/Nunito/Nunito-ExtraBold/Nunito-ExtraBold.eot");
    src: url("../fonts/Nunito/Nunito-ExtraBold/Nunito-ExtraBold.woff2") format("woff2"),
    url("../fonts/Nunito/Nunito-ExtraBold/Nunito-ExtraBold.woff") format("woff"),
    url("../fonts/Nunito/Nunito-ExtraBold/Nunito-ExtraBold.ttf") format("truetype"),
    url("../fonts/Nunito/Nunito-ExtraBold/Nunito-ExtraBold.eot?#iefix")format("embedded-opentype");
    font-style: normal;
    font-weight: normal;
}

html, body { height:100%; padding:0; margin:0; background:#ffffff; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; }
html { font-size:0.9vw; }
body { font-family:"Nunito-Regular", Arial, Helvetica, sans-serif; font-size:1.125rem; color:#000000; }
* { box-sizing:border-box; }
img { display:block; border:none; }
input { -webkit-appearance:none; }
.clear { clear:both; }
h1 { padding:0; margin:0; font-size:inherit; }
h1, h2, h3, h4, h5 { padding:0 !important; margin:0 !important; font-family:inherit !important; font-size:inherit !important; color:inherit !important; font-weight:inherit !important; line-height:inherit !important; }
strong { font-family:"Nunito-ExtraBold", Arial, Helvetica, sans-serif; }
.inherit-important { font-family:inherit !important; font-size:inherit !important; color:inherit !important; font-weight:inherit !important; line-height:inherit !important; }
.box-shadow-none { box-shadow:none !important; }
.main { position:relative; width:100%; min-width:320px; margin:auto; background-image:url(../images/fon.jpg); background-repeat:no-repeat; background-position:center top; background-size:contain; box-sizing:border-box; overflow:hidden; }

.shadow-red {
    box-shadow: 0 0 10px rgba(243,13,13,0.6);
}
.header-block { background-image:url(../images/fon-bubbles-1.png); background-repeat:no-repeat; background-position:right top 57%; background-size:38.75rem; }
.header { max-width:93.75rem; margin:auto; }
.header_line { display:flex; padding:1.625rem 0; justify-content:space-between; align-items:center; }
.header-line_left { position:relative; z-index:2; }
.header-line_left img { width:12.875rem; }
.header-line_right { display:flex; align-items:center; }
.header-line-contacts { display:flex; flex-direction:column; align-items:flex-end; position:relative; z-index:2; }
.header-line-contacts_phone { font-family:"AlumniSans-Bold", Arial, Helvetica, sans-serif; font-size:1.875rem; color:#000000; }
.header-line-contacts_phone a { display:flex; color:#000000; text-decoration:none; align-items:center; }
.header-line-contacts_phone img { width:auto; height:1.125rem; margin-right:0.75rem; }
.header-line-contacts_messengers { display:flex; padding-top:0.2rem; }
.header-line-contacts_messengers img { width:auto; height:1.5rem; margin-left:0.375rem; }
.header-line_but { padding-left:3.375rem; }
.header_title { padding-top:24.5rem; padding-bottom:1.625rem; font-family:"AlumniSans-Regular", Arial, Helvetica, sans-serif; font-size:7.625rem; color:#1a51a5; text-align:right; text-transform:uppercase; line-height:7.5rem; }
.header_title span { font-family:"AlumniSans-Bold", Arial, Helvetica, sans-serif; font-size:14.6rem; line-height:11.5rem; }
.header_content { padding-bottom:12.5rem; }
.header_content--other { padding-bottom:3rem; }
.header-content_line-1 { display:flex; height:25rem; }
.header-content-line-1_left { width:42%; padding-right:4.625rem; }
.header-content-line-1_left img { border-radius:1.5rem; }
.header-content-line-1_right { width:58%; padding-bottom:1.875rem; font-family:"Nunito-Regular", Arial, Helvetica, sans-serif; font-size:1.125rem; color:#000000; }
.header-content-line-1_right strong { font-family:"Nunito-ExtraBold", Arial, Helvetica, sans-serif; }
.header-content_title { padding-top:2.75rem; padding-bottom:1.375rem; font-family:"AlumniSans-Bold", Arial, Helvetica, sans-serif; font-size:5rem; color:#1a51a5; }
.header-content_line-2 { display:flex; }
.header-content-line-2_left { width:52%; padding-right:4.625rem; padding-left:6.25rem; padding-top:2.5rem; }
.header-content-line-2_left iframe { height:23rem; }
.header-content-line-2_right { width:48%; font-family:"Nunito-Regular", Arial, Helvetica, sans-serif; font-size:1.125rem; color:#000000; }
.header-content-line-2_right strong { font-family:"Nunito-ExtraBold", Arial, Helvetica, sans-serif; }
.header-content-line-2_right a { color:inherit; text-decoration:none; }

.content-block { background:#dde5ee;}
.content-fon { position:relative; padding-top:3.875rem; background-image:url(../images/fon-bubbles-2.png); background-repeat:repeat-y; background-position:center top; background-size:100%; top:-3.875rem; margin-bottom:-3.875rem; }
.content { max-width:93.75rem; padding-bottom:10rem; margin:auto; }
.content_title { padding-top:4.25rem; padding-bottom:2.125rem; font-family:"AlumniSans-Bold", Arial, Helvetica, sans-serif; font-size:5rem; color:#1a51a5; text-align:center; }

.product_items { display:flex; flex-wrap:wrap; }
.product_item { width:29.34%; padding:0 3.375rem 2.75rem 3.375rem; margin-top:7rem; margin-right:5.99%; margin-bottom:3rem; background:#ffffff; border-radius:1.25rem; border:#c4c3c7 0.0625rem solid; }
.product_items .product_item:nth-child(3n) { margin-right:0; }
.product-item_img { margin:0 -3.375rem; }
.product-item_img img { width:auto; height:14rem; margin-left:auto; margin-top:-6.5rem; margin-right:-2.125rem; }
.product-item_title { margin-top:-1.5rem; font-family:"AlumniSans-Bold", Arial, Helvetica, sans-serif; font-size:2.125rem; color:#1a51a5; text-align:center; text-transform:uppercase; }
.product-item_title a { text-decoration: none;}
.product-item_type { margin:0 -1.5rem; font-family:"AlumniSans-Bold", Arial, Helvetica, sans-serif; font-size:2.125rem; color:#1a51a5; text-align:center; text-transform:uppercase; }
.product-item_type--orange { color:#f27829; }
.product-item_type--green { color:#43ac42; }
.product-item_type--blue { color:#00a9f3; }
.product-item_type--red { color:#e93357; }
.product-item_info { font-family:"Nunito-Regular", Arial, Helvetica, sans-serif; font-size:1.125rem; color:#000000; }
.product-item_info strong { font-family:"Nunito-ExtraBold", Arial, Helvetica, sans-serif; }
.product-item_info ul { padding:0.2rem 0 0 2.125rem; margin:0; }
.product-item_info ul li {}
.product-item_info-title { padding-top:1.625rem; }
.product-item_info-text { padding-top:0.875rem; text-align:center; }

.product_full { display: flex; justify-content: center; }
.product_full .product_item { width:50%; margin-right:0; }
.product_full .product_item .product-item_img img { margin-left:auto; margin-right:auto; }

.footer-block { position:relative; background:#a2b4c7; z-index:5; }
.footer { display:flex; max-width:93.75rem; margin:auto; }
.footer_left { width:50%; padding-top:1.375rem; padding-bottom:3.75rem; padding-right:3.875rem; }
.footer_banner { display:flex; padding-bottom:2.25rem; justify-content:space-between; }
.footer_banner a { display:block; width:49%; }
.footer_banner img { border:#ffffff 2px solid; }
.footer_contacts { display:flex; flex-wrap:wrap; }
.footer-contacts_item { display:flex; width:50%; padding-bottom:2.25rem; }
.footer_contacts .footer-contacts_item:nth-child(3), .footer_contacts .footer-contacts_item:nth-child(4) { padding-bottom:0; }
.footer-contacts-item_ico { width:2.875rem; min-width:2.875rem; }
.footer-contacts-item_ico img { width:auto; height:1.125rem; }
.footer-contacts-item_info {}
.footer-contacts-item_title { padding-bottom:1.125rem; font-family:"Nunito-ExtraBold", Arial, Helvetica, sans-serif; font-size:1rem; color:#1a51a5; }
.footer-contacts-item_text {}
.footer-contacts-item_text a { color:inherit; text-decoration:none; }
.footer_right { display:flex; width:50%; padding-bottom:3.75rem; margin-top:-3.75rem; flex-direction:column; justify-content:space-between; }
.footer_feedback { padding:3.125rem 1.875rem 2.875rem 1.875rem; background:#ffffff; border-radius:1.25rem; }
.footer-feedback_title { padding-bottom:2.125rem; font-family:"AlumniSans-Bold", Arial, Helvetica, sans-serif; font-size:2.125rem; color:#1a51a5; text-align:center; text-transform:uppercase; }
.footer-feedback_line { display:flex; padding-bottom:1.25rem; justify-content:space-between; }
.footer-feedback_input { width:48%; }
.footer-feedback_input--big { width:100%; }
.footer-feedback_input input { display:block; width:100%; padding:0.75rem 0.9rem; margin:0; background:#ffffff; border:#bac8d8 0.125rem solid; border-radius:0.3125rem; outline:none; font-family:"Nunito-Regular", Arial, Helvetica, sans-serif; font-size:1rem; color:#000000; }
.footer-feedback_textarea { width:100%; }
.footer-feedback_textarea textarea { display:block; width:100%; height:8.375rem; padding:0.75rem 0.9rem; margin:0; background:#ffffff; border:#bac8d8 0.125rem solid; border-radius:0.3125rem; outline:none; resize:none; font-family:"Nunito-Regular", Arial, Helvetica, sans-serif; font-size:1rem; color:#000000; }
.footer-feedback_line-textarea { display:flex; padding-bottom:1.5rem; justify-content:center; }
.footer-feedback_checkbox { font-family:"Nunito-Regular", Arial, Helvetica, sans-serif; font-size:1rem; color:#919191; }
.footer-feedback_checkbox input { margin-right:0.875rem; -webkit-appearance:auto; cursor:pointer; }
.footer-feedback_checkbox label { display:flex; align-items:center; cursor:pointer; }
.footer-feedback_button { text-align:center; }
.footer-feedback_button input { padding:0.875rem 3.875rem 0.75rem 3.875rem; margin:0; background:#1a51a5; border:none; border-radius:0.3125rem; outline:none; font-family:"Nunito-Regular", Arial, Helvetica, sans-serif; font-size:1rem; color:#ffffff; text-align:center; text-transform:uppercase; cursor:pointer; }
.footer_bottom { display:flex; padding-top:3.5rem; justify-content:space-between; }
.footer-bottom_left { font-family:"Nunito-Regular", Arial, Helvetica, sans-serif; font-size:0.875rem; color:#000000; }
.footer-bottom_right { font-family:"Nunito-Regular", Arial, Helvetica, sans-serif; font-size:0.875rem; color:#000000; }
.footer-bottom_right a { color:#000000; text-decoration:none; }
.footer-bottom_right a span { color:#ff0000; }

.content_contacts-page { padding-bottom:7rem; }
.articles-item { padding-bottom:2rem; }
.articles-item_title { font-family:"AlumniSans-Bold", Arial, Helvetica, sans-serif; font-size:2.125rem; color:#1a51a5; }
.articles-item_title a { color:#1a51a5; }
.articles-item_title a:hover { text-decoration:none; }
.articles-item_text {}

.b-cookie {
    display: block;
    filter: drop-shadow(0 0 27px rgba(0,0,0,.12));
    left: 50%;
    padding: 12px 24px;
    position: fixed;
    transform: translate3d(-50%,-24px,0);
    width: 640px; bottom:10px; background:#fff; border:#eaeaea solid 1px;border-radius: 12px; z-index: 55;}
.main-cu { font-family: Arial, Helvetica, sans-serif; display:flex; justify-content: center; align-items:center;}
.b-cookie-text { margin:0 70px 0 0; font-size:14px}
.b-cookie-text a { color:#003051; text-decoration: underline; }
.b-cookie-but button {
    border-radius: 5px;
    padding: 12px 30px;
    margin: 0;
    background-color:#003051;
    border:none;
    color:#fff;
    cursor: pointer;
}

/* мобильная кнопка меню */
.mobile_menu_but {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 1.875rem;
  height: 2.625rem;
  top: -0.5rem;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
          transition: background 0.3s;
}

.mobile_menu_but:focus {
  outline: none;
}

.mobile_menu_but span {
  display: block;
  position: absolute;
  top: 1.3125rem;
  left: 0;
  right: 0;
  height: 0.1875rem;
  background: #1a51a5;
}

.mobile_menu_but span::before,
.mobile_menu_but span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 0.1875rem;
  background-color: #1a51a5;
  content: "";
}

.mobile_menu_but span::before {
  top: -0.5625rem;
}

.mobile_menu_but span::after {
  bottom: -0.5625rem;
}

.mobile_menu_but_x {
  background: none;
}

.mobile_menu_but_x span {
  -webkit-transition: background 0 0.3s;
          transition: background 0 0.3s;
}

.mobile_menu_but_x span::before,
.mobile_menu_but_x span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0;
          transition-delay: 0.3s, 0;
}

.mobile_menu_but_x span::before {
  -webkit-transition-property: top, -webkit-transform;
          transition-property: top, transform;
}

.mobile_menu_but_x span::after {
  -webkit-transition-property: bottom, -webkit-transform;
          transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.mobile_menu_but_x.active {
  background: none;
  position: absolute;
  right: 2.8rem;
  top: 0.7rem;
  z-index: 100000;
}

.mobile_menu_but_x.active span {
  background: none;
}

.mobile_menu_but_x.active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.mobile_menu_but_x.active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.mobile_menu_but_x.active span::before,
.mobile_menu_but_x.active span::after {
  -webkit-transition-delay: 0, 0.3s;
          transition-delay: 0, 0.3s;
}

/* Мобильное меню */
.mobile_menu { position:fixed; width:290px; height:100%; overflow:scroll; background:#ffffff; -webkit-box-shadow: 0 0 10px #222; -moz-box-shadow: 0 0 10px #222; box-shadow: 0 0 10px #222; box-sizing:border-box; right:-300px; z-index:99999; }
.mobile_menu ul { margin:0; padding:5rem 0; list-style:none; }
.mobile_menu ul li { padding:0.875rem 3rem 0.875rem 1.875rem; font-family:"Nunito-Regular", Arial, Helvetica, sans-serif; font-size:1.125rem; color:#000000; }
.mobile_menu ul li div { display:flex; justify-content:space-between; align-items:center; }
.mobile_menu ul li a { color:#000000; text-decoration:none; }
.mobile_menu ul li a:hover, .mobile_menu ul li a.top-menu-active-but { color:#1a51a5; text-decoration:underline; }
.mobile_menu ul li span { padding:0 0.625rem; }
.mobile_menu ul li img { width:1.1875rem; height:1.1875rem; object-fit:contain; }
.mobile_menu ul li img:hover { cursor:pointer; }
.mobile_menu ul li ul { padding:1rem 0 0 0; }
.mobile_menu ul li ul li { padding:0.875rem 0 0 1.375rem; color:#1a51a5; }
.mobile_menu ul li ul li a { color:#1a51a5; }

.fade { display:none; position:fixed; width:100%; height:100%; background:#000000; opacity:0.5; z-index:99998; cursor:pointer; }

@media only screen and (max-width: 1099px) {
	html { font-size:1.1vw; }
	.header, .content, .footer { padding-left:2rem; padding-right:2rem; }
}

@media only screen and (max-width: 899px) {
	html { font-size:1.4vw; }
	.header_title { padding-top:17rem; }
	.header-content_title { padding-top:2rem; }
	.header-content_line-1 { height:auto; }
	.header-content-line-1_left { padding-right:3rem; }
	.header-content-line-2_left { width:42%; padding-left:0; padding-right:3rem; }
	.header-content-line-2_right { position:relative; width:58%; top:-1rem; }
	.header_content { padding-bottom:5rem; }
	.header-block { background-position:right top 35%; background-size:25rem; }
	.product_item { width:47%; margin-right:6%; }
	.product_items .product_item:nth-child(3n) { margin-right:6%; }
	.product_items .product_item:nth-child(2n) { margin-right:0; }
	.footer_left { padding-right:3rem; }
	.footer-contacts-item_ico { width:2.3rem; min-width:2.3rem; }
  .product_full .product_item { width:90%; }
    .b-cookie {
        width: 96%;
        box-sizing: border-box;
    }
}

@media only screen and (max-width: 699px) {
	html { font-size:1.9vw; }
	.main { background-size:120%; }
	.header, .content, .footer { padding-left:1rem; padding-right:1rem; }
	.header-block { background-position:right top 20%; }
	.header_title { padding-top:12rem; padding-bottom:5rem; font-size:6rem; line-height:5.5rem; }
	.header_title span { font-size:11.5rem; line-height:9rem; }
	.header-line_but { padding-left:2rem; }
	.header-content_line-2 { flex-direction:column; }
	.header-content-line-2_left { width:100%; padding-right:0; padding-bottom:2rem; }
	.header-content-line-2_right { width:100%; top:0; }
	.header-content-line-1_left { width:50%; padding-right:2rem; }
	.header-content-line-1_left img { height:100%; object-fit:cover; }
	.header-content-line-1_right { width:50%; }
	.header-content_title { padding-top:1rem; padding-bottom:1rem; }
	.footer { flex-direction:column; }
	.footer_left { width:100%; padding-right:0; padding-bottom:2rem; }
	.footer_right { width:100%; padding-bottom:1rem; margin-top:0; }
	.footer_bottom { padding-top:2rem; }
}

@media only screen and (max-width: 499px) {
	html { font-size:2.5vw; }
	.header-content_line-1 { flex-direction:column; }
	.header-content-line-1_left { width:100%; padding-right:0; }
	.header-content-line-1_left img { height:23rem; }
	.header-content-line-1_right { width:100%; padding-bottom:0; }
	.product_item { padding-left:1.5rem; padding-right:1.5rem; padding-bottom:2rem; }
	.product-item_img { margin:0 -1.5rem; }
	.product-item_img img { height:12rem; }
	.product-item_title { margin-top:-0.7rem; margin-left:-1rem; margin-right:-1rem; }
	.product-item_type { margin:0 -1rem; }
	.content { padding-bottom:5rem; }
    .b-cookie-text {
        margin: 0;
        text-align: center;
    }
    .main-cu {
        flex-direction: column;
        gap: 20px;
    }
}