/*
Theme Name: tgmu
Theme URI: https://wordpress.org/themes/twentytwentytwo/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Full Site Editing features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether you’re building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours.
Requires at least: 5.9
Tested up to: 5.9
Requires PHP: 5.6
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentytwo
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments

Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org
Twenty Twenty-Two is distributed under the terms of the GNU GPL.
*/

@charset "UTF-8";
@font-face {
  font-family: "CG400";
  font-weight: normal;
  font-style: normal;
  src: url("fonts/Cygre-Regular/Cygre-Regular.eot");
  src: url("fonts/Cygre-Regular/Cygre-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Cygre-Regular/Cygre-Regular.woff") format("woff"), url("fonts/Cygre-Regular/Cygre-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "CG700";
  font-weight: normal;
  font-style: normal;
  src: url("fonts/Cygre-SemiBold/Cygre-SemiBold.eot");
  src: url("fonts/Cygre-SemiBold/Cygre-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/Cygre-SemiBold/Cygre-SemiBold.woff") format("woff"), url("fonts/Cygre-SemiBold/Cygre-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "TS400";
  font-weight: normal;
  font-style: normal;
  src: url("fonts/TenorSans/TenorSans.eot");
  src: url("fonts/TenorSans/TenorSans.eot?#iefix") format("embedded-opentype"), url("fonts/TenorSans/TenorSans.woff") format("woff"), url("fonts/TenorSans/TenorSans.ttf") format("truetype");
}
@font-face {
  font-family: "ON400";
  font-weight: normal;
  font-style: normal;
  src: url("fonts/Onest-Regular/Onest-Regular.eot");
  src: url("fonts/Onest-Regular/Onest-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Onest-Regular/Onest-Regular.woff") format("woff"), url("fonts/Onest-Regular/Onest-Regular.ttf") format("truetype");
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("image/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;
  src: url("fonts/slick.eot");
  src: url("fonts/slick.eot?#iefix") format("embedded-opentype"), url("fonts/slick.woff") format("woff"), url("fonts/slick.ttf") format("truetype"), url("fonts/slick.svg#slick") format("svg");
}
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img, abbr {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ul li {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

legend {
  color: #000;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block;
}

img {
  max-width: 100%;
  height: auto;
}

html {
  height: 100vh;
}

/* Выделение текста */
::-moz-selection {
  background: #128FC8 !important; /* Safari */
  color: #fff !important;
}
::selection {
  background: #128FC8 !important; /* Safari */
  color: #fff !important;
}

::-moz-selection {
  background: #128FC8 !important; /* Firefox */
  color: #fff !important;
}

/* Стилизация скроллбара */
* {
  scrollbar-width: thin;
  scrollbar-color: #128FC8 rgb(243, 248, 248);
}

/* для Chrome/Edge/Safari */
*::-webkit-scrollbar {
  height: 12px;
  width: 8px;
}

*::-webkit-scrollbar-track {
  background: rgb(243, 248, 248);
}

*::-webkit-scrollbar-thumb {
  background-color: #128FC8;
  border-radius: 5px;
  border: 3px solid #128FC8;
}

/* End Стилизация скроллбара */
a:active, a:focus {
  outline: none;
}

input, textarea {
  outline: none;
}

input:active, textarea:active {
  outline: none;
}

:focus {
  outline: none;
}

textarea {
  resize: none;
}

textarea {
  resize: vertical;
}

textarea {
  resize: horizontal;
}

body {
  background: #F4F4F6;
  color: #232427;
  font-size: 24px;
  font-family: "CG400", sans-serif;
  line-height: 33px;
  position: relative;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  padding-bottom: 150px;
}
@media screen and (max-width: 1400px) {
  body {
    font-size: 22px;
    line-height: 30px;
  }
}
@media screen and (max-width: 992px) {
  body {
    font-size: 18px;
    line-height: 1.5;
    padding-bottom: 55px;
  }
}

.container {
  max-width: 1600px;
  margin: 0 auto;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
}
@media screen and (max-width: 1630px) {
  .container {
    max-width: 1290px;
  }
}
@media screen and (max-width: 1400px) {
  .container {
    max-width: 1110px;
  }
}
@media screen and (max-width: 1200px) {
  .container {
    max-width: 930px;
  }
}
@media screen and (max-width: 992px) {
  .container {
    max-width: 690px;
  }
}
@media screen and (max-width: 768px) {
  .container {
    max-width: 510px;
  }
}
@media screen and (max-width: 576px) {
  .container {
    max-width: 100%;
  }
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -12.5px;
  margin-right: -12.5px;
}

.col {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 12.5px;
  margin-right: 12.5px;
}

.section {
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.section .section__title {
  margin-bottom: 47px;
}
@media screen and (max-width: 768px) {
  .section .section__title {
    margin-bottom: 30px;
    text-align: center;
  }
}
.section__descript {
  font-size: 23px;
  line-height: 32.89px;
}

.wr-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 47px;
}
@media screen and (max-width: 768px) {
  .wr-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.wr-title .section__title {
  margin: 0 auto 0 0;
}
@media screen and (max-width: 768px) {
  .wr-title .section__title {
    margin: 0 0 30px 0;
  }
}

.flex-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* Начальное состояние */
[data-animate] {
  opacity: 0;
  -webkit-transform: translateX(-50px);
      -ms-transform: translateX(-50px);
          transform: translateX(-50px);
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
@media screen and (max-width: 768px) {
  [data-animate] {
    opacity: 1;
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
  }
}

/* Конечное состояние */
[data-animate].active {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
@media screen and (max-width: 768px) {
  [data-animate].active {
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
  }
}

a {
  color: #128FC8;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  text-decoration: unset;
}
a:hover {
  color: #128FC8;
}
a.link-border span {
  border-bottom: 1px solid;
  line-height: 1;
}

h1, .h1 {
  font-size: 78px;
  line-height: 92px;
}

h2, .h2 {
  font-size: 62px;
  line-height: 72px;
}
@media screen and (max-width: 1630px) {
  h2, .h2 {
    font-size: clamp(1.8rem, 3.5vw, 4.2rem);
  }
}
@media screen and (max-width: 992px) {
  h2, .h2 {
    line-height: 1.2;
  }
}

h3, .h3 {
  font-size: 40px;
}

h4, .h4 {
  font-size: 30px;
}

strong {
  font-family: "CG700", sans-serif;
}

ul, ol {
  padding: unset;
}
ul li, ol li {
  list-style: none;
  position: relative;
}

.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  color: #232427;
  border-radius: 100px;
  font-size: 30px;
  line-height: 51px;
  padding: 22px 62px 18px 62px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 1200px) {
  .btn {
    font-size: 26px;
  }
}
@media screen and (max-width: 768px) {
  .btn {
    font-size: 20px;
    padding: 20px 40px 16px 40px;
    line-height: 1.5;
  }
}
.btn:hover {
  color: #fff;
  background: #128FC8;
}

.btn path {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn #plus {
  margin-left: 13px;
}
@media screen and (max-width: 1200px) {
  .btn #plus {
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@media screen and (max-width: 768px) {
  .btn #plus {
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
  }
}
.btn #arr-top {
  margin-left: 13px;
}
@media screen and (max-width: 1200px) {
  .btn #arr-top {
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@media screen and (max-width: 768px) {
  .btn #arr-top {
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
  }
}
.btn:hover #plus path {
  fill: #fff;
}
.btn:hover #arr-top path {
  stroke: #fff;
}

.header {
  position: absolute;
  left: 0;
  top: 20px;
  width: 100%;
  z-index: 2;
}
.header .container {
  height: 100%;
}
.header__wr {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 25px 50px;
}
@media screen and (max-width: 1630px) {
  .header__wr {
    padding: 25px 35px;
  }
}
@media screen and (max-width: 1200px) {
  .header__wr {
    padding: 15px 20px;
  }
}
@media screen and (max-width: 992px) {
  .header__wr {
    padding: 18px 35px;
  }
}
@media screen and (max-width: 576px) {
  .header__wr {
    padding: 18px 20px;
  }
}
.header__icons {
  min-width: 145px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-width: 26px;
}
@media screen and (max-width: 992px) {
  .header__icons {
    margin-left: auto;
  }
}

.logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 202px;
}
@media screen and (max-width: 1630px) {
  .logo {
    min-width: unset;
    width: 190px;
  }
}
@media screen and (max-width: 1400px) {
  .logo {
    width: 150px;
  }
}
@media screen and (max-width: 1200px) {
  .logo {
    width: 130px;
  }
}
@media screen and (max-width: 768px) {
  .logo {
    margin-right: 15px;
  }
}
.logo img {
  width: 100%;
}

.link-ico,
.bvi-open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1400px) {
  .link-ico svg,
.bvi-open svg {
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
  }
}
.link-ico svg path,
.bvi-open svg path {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.link-ico svg:hover path,
.bvi-open svg:hover path {
  stroke: #128FC8;
}

.lang {
  position: relative;
  top: 1px;
}
@media screen and (max-width: 1400px) {
  .lang {
    top: -1px;
  }
}
.lang a {
  color: #232427;
  font-size: 18px;
}
@media screen and (max-width: 1400px) {
  .lang a {
    font-size: 16px;
  }
}
.lang a:hover {
  color: #128FC8;
}

.nav-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 992px) {
  .nav-menu {
    position: fixed;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    opacity: 0;
    display: none;
    top: 0;
    height: 100vh;
    background: #2F9DCF;
    width: 320px;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    padding: 70px 30px 30px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 10;
  }
}
.nav-menu.hidden {
  right: -400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.nav-menu.animate {
  right: 0 !important;
  opacity: 1 !important;
}
.nav-menu .close {
  display: none;
  position: absolute;
  right: 28px;
  top: 30px;
  z-index: 1;
}
@media screen and (max-width: 992px) {
  .nav-menu .close {
    display: block;
  }
}

.main-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  max-width: 1030px;
  margin: 0 auto;
}
@media screen and (max-width: 1630px) {
  .main-menu {
    max-width: 850px;
  }
}
@media screen and (max-width: 1400px) {
  .main-menu {
    max-width: 750px;
  }
}
@media screen and (max-width: 1200px) {
  .main-menu {
    max-width: 630px;
  }
}
@media screen and (max-width: 992px) {
  .main-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.main-menu__item {
  font-size: 20px;
}
@media screen and (max-width: 1630px) {
  .main-menu__item {
    font-size: 18px;
  }
}
@media screen and (max-width: 1400px) {
  .main-menu__item {
    font-size: 16px;
  }
}
@media screen and (max-width: 1200px) {
  .main-menu__item {
    font-size: 14px;
  }
}
@media screen and (max-width: 992px) {
  .main-menu__item {
    margin-bottom: 25px;
    font-size: 22px;
    text-align: left;
    line-height: 1;
  }
}
.main-menu__item a {
  color: #5E5E5E;
}
@media screen and (max-width: 992px) {
  .main-menu__item a {
    color: #fff;
  }
}
.main-menu__item a:hover {
  color: #128FC8;
}
@media screen and (max-width: 992px) {
  .main-menu__item a:hover {
    color: #fff;
  }
}

.burger {
  display: none;
  width: 32px;
  min-width: 32px;
  height: 22px;
  background: url(/wp-content/themes/tgmu/image/burger.svg) no-repeat center;
  background-size: contain;
  margin: 0 0 0 20px;
}
@media screen and (max-width: 992px) {
  .burger {
    display: block;
  }
}
.burger:hover {
  cursor: pointer;
}

.close {
  width: 25px;
  height: 25px;
  background: url(/wp-content/themes/tgmu/image/close.svg) no-repeat center;
  background-size: 100%;
}

.section-main {
  max-width: 1920px;
  height: 100vh;
  background-color: #158cc4;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  border-radius: 0 0 60px 60px;
  color: #fff;
  padding-top: 244px;
  z-index: 1;
}
@media screen and (max-width: 1200px) {
  .section-main {
    padding-top: 195px;
  }
}
@media screen and (max-width: 992px) {
  .section-main {
    border-radius: 0 0 30px 30px;
  }
}
@media screen and (max-width: 576px) {
  .section-main {
    background-position: top right 28%;
    border-radius: 0 0 20px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 0;
  }
}
.section-main:before {
  display: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 30, 42, 0.8);
}
@media screen and (max-width: 992px) {
  .section-main:before {
    display: block;
  }
}
.section-main__title {
  text-transform: uppercase;
  font-size: 85px;
  line-height: 92px;
  font-family: "TS400", sans-serif;
  max-width: 1156px;
  color: #BDEEFF;
}
@media screen and (max-width: 1630px) {
  .section-main__title {
    font-size: 75px;
    line-height: 82px;
    max-width: 1000px;
  }
}
@media screen and (max-width: 1400px) {
  .section-main__title {
    font-size: 65px;
    line-height: 72px;
    max-width: 800px;
  }
}
@media screen and (max-width: 1200px) {
  .section-main__title {
    font-size: 54px;
    line-height: 62px;
    max-width: 700px;
  }
}
@media screen and (max-width: 992px) {
  .section-main__title {
    font-size: 46px;
    line-height: 50px;
    max-width: 500px;
  }
}
@media screen and (max-width: 768px) {
  .section-main__title {
    text-align: center;
    font-size: clamp(1.8rem, 3.2vw, 3.8rem);
  }
}
.section-main__title span {
  color: #fff;
  font-size: 78px;
  line-height: 92px;
  font-family: "ON400", sans-serif;
}
@media screen and (max-width: 1630px) {
  .section-main__title span {
    font-size: 68px;
    line-height: 82px;
  }
}
@media screen and (max-width: 1400px) {
  .section-main__title span {
    font-size: 58px;
    line-height: 72px;
  }
}
@media screen and (max-width: 1200px) {
  .section-main__title span {
    font-size: 48px;
    line-height: 62px;
  }
}
@media screen and (max-width: 992px) {
  .section-main__title span {
    font-size: 38px;
    line-height: 52px;
  }
}
@media screen and (max-width: 768px) {
  .section-main__title span {
    font-size: clamp(1.8rem, 3.2vw, 3.8rem);
    line-height: 1;
  }
}
.section-main__descript {
  font-size: 40px;
  line-height: 62px;
  margin-top: 40px;
  font-family: "ON400", sans-serif;
}
@media screen and (max-width: 1630px) {
  .section-main__descript {
    font-size: 30px;
    line-height: 52px;
  }
}
@media screen and (max-width: 1400px) {
  .section-main__descript {
    font-size: 24px;
    line-height: 42px;
  }
}
@media screen and (max-width: 1200px) {
  .section-main__descript {
    font-size: 20px;
    line-height: 38px;
  }
}
@media screen and (max-width: 768px) {
  .section-main__descript {
    text-align: center;
  }
}

.section-text {
  background: #F4F4F6;
  padding: 80px 0 74px 0;
}
@media screen and (max-width: 992px) {
  .section-text {
    padding: 40px 0 35px 0;
  }
}
.section-text__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -32px;
}
.section-text__col {
  width: calc(50% - 64px);
  margin: 0 32px 32px 32px;
}
@media screen and (max-width: 1200px) {
  .section-text__col {
    width: calc(100% - 64px);
    margin: 0 32px 64px 32px;
  }
}
@media screen and (max-width: 1200px) {
  .section-text__col:last-child {
    margin: 0 32px 0 32px;
  }
}

.text {
  background: #fff;
  border-radius: 60px;
  padding: 67px 50px 100px 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 992px) {
  .text {
    border-radius: 30px;
    padding: 47px 25px 80px 25px;
  }
}
@media screen and (max-width: 768px) {
  .text {
    padding: 35px 25px 35px 25px;
  }
}
.text__title {
  margin-bottom: 37px;
  font-size: 48px;
  line-height: 62px;
}
@media screen and (max-width: 1400px) {
  .text__title {
    font-size: 42px;
    line-height: 56px;
  }
}
@media screen and (max-width: 768px) {
  .text__title {
    font-size: clamp(1.8rem, 3.2vw, 3.8rem);
    line-height: 1.5;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1200px) {
  .text__title br {
    display: none;
  }
}
.text p {
  margin-bottom: 52px;
}
@media screen and (max-width: 992px) {
  .text p {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 768px) {
  .text p {
    margin-bottom: 20px;
  }
}
.text p:last-child {
  margin-bottom: 0;
}
.text__big {
  font-size: 32px;
  line-height: 42px;
}
@media screen and (max-width: 1400px) {
  .text__big {
    font-size: 28px;
    line-height: 38px;
  }
}
@media screen and (max-width: 768px) {
  .text__big {
    font-size: 22px;
    line-height: 1.2;
  }
}
.text__big span {
  color: #2F9DCF;
}

.section-num {
  padding: 78px 0 130px 0;
  border-radius: 0 0 60px 60px;
  background-color: #F4F4F6;
  background-image: url(/wp-content/themes/tgmu/image/rounds.svg);
  background-position: bottom center;
  background-repeat: no-repeat;
  z-index: 2;
}
@media screen and (max-width: 992px) {
  .section-num {
    border-radius: 0 0 30px 30px;
    padding: 35px 0 65px 0;
  }
}
.section-num__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -12.5px;
  margin-right: -12.5px;
}
.section-num__col {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 12.5px;
  margin-right: 12.5px;
  width: calc(33.3333333333% - 25px);
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .section-num__col {
    width: calc(100% - 25px);
  }
}
@media screen and (max-width: 768px) {
  .section-num__col:last-child {
    margin-bottom: 0;
  }
}

.num-text {
  border-radius: 300px;
  padding: 40px 75px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 1400px) {
  .num-text {
    border-radius: 80px;
    padding: 40px 65px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media screen and (max-width: 1200px) {
  .num-text {
    padding: 30px;
    border-radius: 50px;
  }
}
@media screen and (max-width: 992px) {
  .num-text {
    border-radius: 30px;
    padding: 25px;
  }
}
@media screen and (max-width: 768px) {
  .num-text {
    text-align: center;
  }
}
.num-text__title {
  color: #2F9DCF;
  font-size: 62px;
  line-height: 78px;
  margin-bottom: 7px;
}
@media screen and (max-width: 1400px) {
  .num-text__title {
    font-size: 52px;
    line-height: 68px;
  }
}
@media screen and (max-width: 1200px) {
  .num-text__title {
    font-size: 48px;
    line-height: 64px;
  }
}
@media screen and (max-width: 992px) {
  .num-text__title {
    font-size: 42px;
    line-height: 60px;
  }
}
.num-text__desc {
  font-size: 32px;
  line-height: 42px;
}
@media screen and (max-width: 1630px) {
  .num-text__desc {
    font-size: 28px;
    line-height: 38px;
  }
}
@media screen and (max-width: 1400px) {
  .num-text__desc {
    font-size: 24px;
    line-height: 34px;
  }
}
@media screen and (max-width: 992px) {
  .num-text__desc {
    font-size: 20px;
    line-height: 1.2;
  }
}

.wr-slider {
  position: relative;
}

.slider-arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 122px;
}
.slider-arrows .arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 50px;
  background: #fff;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.slider-arrows .arrow svg {
  position: relative;
  z-index: 1;
}
.slider-arrows .arrow svg path {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.slider-arrows .arrow:hover {
  cursor: pointer;
  background: #2F9DCF;
}
.slider-arrows .arrow:hover svg path {
  fill: #fff;
}

.section-carousel {
  padding: 156px 0 78px 0;
  margin-top: -78px;
  border-radius: 0 0 60px 60px;
  background: #fff;
  z-index: 1;
}
@media screen and (max-width: 992px) {
  .section-carousel {
    border-radius: 0 0 30px 30px;
    padding: 140px 0 40px 0;
  }
}

.carousel:hover {
  cursor: pointer;
}
.carousel .slick-track {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.carousel__item {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 30px;
}
@media screen and (max-width: 768px) {
  .carousel__item {
    margin: 0 10px;
    max-width: 280px;
  }
}
.carousel__item img {
  -o-object-fit: contain;
     object-fit: contain;
}

.section-sllider-1 {
  padding: 160px 0 130px 0;
  background-color: #F4F4F6;
}
@media screen and (max-width: 992px) {
  .section-sllider-1 {
    padding: 80px 0 70px 0;
  }
}
.section-sllider-1--2 {
  padding: 43px 0 150px 0;
}
@media screen and (max-width: 992px) {
  .section-sllider-1--2 {
    padding: 30px 0 70px 0;
  }
}
.section-sllider-1--2 .flex-group {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 23px;
}
@media screen and (max-width: 992px) {
  .section-sllider-1--2 .flex-group {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 992px) {
  .section-sllider-1 .section__title {
    margin-right: 30px;
  }
}
@media screen and (max-width: 768px) {
  .section-sllider-1 .section__title {
    margin-right: 0;
  }
}

.img-top-text {
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 48px;
  padding: 28px 28px 68px 28px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 992px) {
  .img-top-text {
    border-radius: 30px;
    padding: 25px;
  }
}
@media screen and (max-width: 768px) {
  .img-top-text {
    border-radius: 15px;
  }
}
.img-top-text__img {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 28px;
  margin-bottom: 30px;
}
@media screen and (max-width: 992px) {
  .img-top-text__img {
    border-radius: 20px;
  }
}
@media screen and (max-width: 768px) {
  .img-top-text__img {
    border-radius: 12px;
  }
}
.img-top-text__title {
  font-size: 40px;
  line-height: 55px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1630px) {
  .img-top-text__title {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 1200px) {
  .img-top-text__title {
    font-size: 28px;
    line-height: 36px;
  }
}
@media screen and (max-width: 768px) {
  .img-top-text__title {
    font-size: 24px;
    line-height: 32px;
  }
}

.slider-1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 2272px;
}
@media screen and (max-width: 1630px) {
  .slider-1 {
    width: 1800px;
  }
}
@media screen and (max-width: 1400px) {
  .slider-1 {
    width: 1500px;
  }
}
@media screen and (max-width: 768px) {
  .slider-1 {
    width: 850px;
  }
}
@media screen and (max-width: 576px) {
  .slider-1 {
    width: 600px;
  }
}
.slider-1--w100 {
  width: 100%;
}
.slider-1 .slick-list {
  margin: 0 -11px;
}
.slider-1 .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.slider-1 .img-top-text {
  margin: 0 11px;
  height: unset;
}

.row .img-top-text {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 12.5px;
  margin-right: 12.5px;
  width: calc(33.3333333333% - 25px);
  margin-bottom: 25px;
}
@media screen and (max-width: 1200px) {
  .row .img-top-text {
    width: calc(50% - 25px);
  }
}
@media screen and (max-width: 768px) {
  .row .img-top-text {
    width: calc(100% - 25px);
  }
}
.row .last-text {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 12.5px;
  margin-right: 12.5px;
  width: calc(33.3333333333% - 25px);
  -ms-flex-item-align: start;
      align-self: flex-start;
}
@media screen and (max-width: 1200px) {
  .row .last-text {
    width: calc(50% - 25px);
  }
}
@media screen and (max-width: 768px) {
  .row .last-text {
    width: calc(100% - 25px);
  }
}

.last-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px;
  border-radius: 48px;
  background: #fff;
  height: 520px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  .last-text {
    border-radius: 30px;
  }
}
.last-text:before, .last-text:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 133px;
  background-repeat: no-repeat;
  display: block;
}
.last-text:before {
  right: 0;
  top: 0;
  background-image: url(/wp-content/themes/tgmu/image/last-text1.svg);
}
.last-text:after {
  left: 0;
  bottom: 0;
  background-image: url(/wp-content/themes/tgmu/image/last-text2.svg);
  background-position: bottom left -23px;
}
.last-text__title {
  font-size: 40px;
  line-height: 55px;
  margin-bottom: 15px;
}

.section-his {
  background: #fff;
  padding: 88px 0 140px 0;
  border-radius: 60px;
}
@media screen and (max-width: 992px) {
  .section-his {
    border-radius: 30px;
    padding: 54px 0;
  }
}
.section-his .section__title + .text-image {
  margin-top: 198px;
}
@media screen and (max-width: 1400px) {
  .section-his .section__title + .text-image {
    margin-top: 100px;
  }
}
@media screen and (max-width: 992px) {
  .section-his .section__title + .text-image {
    margin-top: 50px;
  }
}
.section-his .text-image {
  margin-bottom: 86px;
}
@media screen and (max-width: 992px) {
  .section-his .text-image {
    margin-bottom: 60px;
  }
}
.section-his .text-image:last-child {
  margin-bottom: 0;
}

.text-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 992px) {
  .text-image {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.text-image__left, .text-image__right {
  width: 50%;
}
@media screen and (max-width: 992px) {
  .text-image__left, .text-image__right {
    width: 100%;
  }
}
.text-image__left {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 90px;
}
@media screen and (max-width: 1400px) {
  .text-image__left {
    padding-right: 45px;
  }
}
@media screen and (max-width: 992px) {
  .text-image__left {
    padding-right: 0;
  }
}
@media screen and (max-width: 992px) {
  .text-image__left {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 50px;
  }
}
.text-image__right {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 48px;
}
@media screen and (max-width: 992px) {
  .text-image__right {
    border-radius: 30px;
  }
}
.text-image__right img {
  width: 100%;
}
.text-image__title {
  font-size: 62px;
  line-height: 78px;
  margin-bottom: 15px;
  color: #2F9DCF;
}
@media screen and (max-width: 1400px) {
  .text-image__title {
    font-size: 52px;
    line-height: 68px;
  }
}
@media screen and (max-width: 1200px) {
  .text-image__title {
    font-size: 42px;
    line-height: 58px;
  }
}
.text-image__subt {
  font-size: 48px;
  line-height: 62px;
  margin-bottom: 48px;
}
@media screen and (max-width: 1400px) {
  .text-image__subt {
    font-size: 38px;
    line-height: 52px;
    margin-bottom: 38px;
  }
}
@media screen and (max-width: 1200px) {
  .text-image__subt {
    font-size: 28px;
    line-height: 42px;
    margin-bottom: 28px;
  }
}
.text-image__text p {
  margin-bottom: 28px;
}
@media screen and (max-width: 1400px) {
  .text-image__text p {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 768px) {
  .text-image__text p {
    font-size: 18px;
  }
}
.text-image__text p:last-child {
  margin-bottom: 0;
}

.text-image--right .text-image__left {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding-right: 0;
  padding-left: 90px;
}
@media screen and (max-width: 1400px) {
  .text-image--right .text-image__left {
    padding-left: 45px;
  }
}
@media screen and (max-width: 992px) {
  .text-image--right .text-image__left {
    padding-left: 0;
  }
}
.text-image--right .text-image__right {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.section-people {
  padding: 150px 0;
}
@media screen and (max-width: 992px) {
  .section-people {
    padding: 75px 0 30px 0;
  }
}
.section-people .image-left-text {
  margin-bottom: 30px;
}
@media screen and (max-width: 992px) {
  .section-people .image-left-text {
    margin-bottom: 60px;
  }
  .section-people .image-left-text:last-child {
    margin-bottom: 0;
  }
}

.image-left-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .image-left-text {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.image-left-text__left {
  overflow: hidden;
  border-radius: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 450px;
  position: absolute;
  left: 0;
}
@media screen and (max-width: 1630px) {
  .image-left-text__left {
    max-width: 400px;
  }
}
@media screen and (max-width: 1200px) {
  .image-left-text__left {
    position: unset;
    max-width: unset;
    width: 35%;
  }
}
@media screen and (max-width: 992px) {
  .image-left-text__left {
    width: auto;
    border-radius: 30px;
    margin: 0 auto 30px auto;
  }
}
@media screen and (max-width: 768px) {
  .image-left-text__left {
    width: 100%;
  }
  .image-left-text__left img {
    width: 100%;
  }
}
.image-left-text__right {
  border-radius: 48px;
  background: #fff;
  padding: 80px 120px 120px 180px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 1240px;
  margin-left: auto;
}
@media screen and (max-width: 1630px) {
  .image-left-text__right {
    padding: 80px 120px 120px 420px;
  }
}
@media screen and (max-width: 1400px) {
  .image-left-text__right {
    padding: 40px 40px 40px 280px;
    max-width: 950px;
  }
}
@media screen and (max-width: 1200px) {
  .image-left-text__right {
    max-width: unset;
    width: 62%;
    padding: 40px;
  }
}
@media screen and (max-width: 992px) {
  .image-left-text__right {
    width: 100%;
    border-radius: 30px;
    padding: 40px 25px;
  }
}
@media screen and (max-width: 768px) {
  .image-left-text__right {
    padding: 35px 25px;
  }
}
.image-left-text__title {
  font-size: 48px;
  line-height: 62px;
  margin-bottom: 38px;
}
@media screen and (max-width: 1400px) {
  .image-left-text__title {
    font-size: 38px;
    line-height: 52px;
    margin-bottom: 28px;
  }
}
@media screen and (max-width: 1200px) {
  .image-left-text__title {
    font-size: 28px;
    line-height: 42px;
    margin-bottom: 18px;
  }
}
.image-left-text__desc {
  font-family: "CG700", sans-serif;
  margin-bottom: 38px;
}
@media screen and (max-width: 1400px) {
  .image-left-text__desc {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .image-left-text__desc {
    font-size: 18px;
  }
}
.image-left-text p {
  margin-bottom: 24px;
}
@media screen and (max-width: 1400px) {
  .image-left-text p {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .image-left-text p {
    font-size: 18px;
  }
}
.image-left-text p:last-child {
  margin-bottom: 0;
}

.section-soc {
  border-radius: 60px;
  padding: 90px 0 150px 0;
  background: #fff;
}
@media screen and (max-width: 992px) {
  .section-soc {
    border-radius: 30px;
  }
}
@media screen and (max-width: 1400px) {
  .section-soc {
    padding: 90px 0 120px 0;
  }
}
@media screen and (max-width: 1200px) {
  .section-soc {
    padding: 70px 0 100px 0;
  }
}
@media screen and (max-width: 768px) {
  .section-soc {
    padding: 50px 0;
  }
}
.section-soc .wr-soc {
  margin-top: 125px;
}
@media screen and (max-width: 1400px) {
  .section-soc .wr-soc {
    margin-top: 80px;
  }
}
@media screen and (max-width: 1200px) {
  .section-soc .wr-soc {
    margin-top: 40px;
  }
}

.soc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  will-change: transform;
}
.soc:hover {
  -webkit-transform: scale(0.95);
      -ms-transform: scale(0.95);
          transform: scale(0.95);
}

.wr-soc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -12.5px;
  margin-right: -12.5px;
}
.wr-soc .soc {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 12.5px;
  margin-right: 12.5px;
  width: calc(25% - 25px);
}
@media screen and (max-width: 768px) {
  .wr-soc .soc {
    width: calc(50% - 25px);
  }
}
@media screen and (max-width: 768px) {
  .wr-soc .soc {
    margin-bottom: 20px;
  }
}

.fade {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 992px) {
  .fade {
    display: block;
  }
}
.fade.fade.animate {
  opacity: 1;
  visibility: visible;
}

.bvi-widget,
.bvi-shortcode {
  padding: 0 !important;
}
.bvi-widget a,
.bvi-shortcode a {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 25px !important;
}

.bvi-widget .bvi-svg-eye,
.bvi-shortcode .bvi-svg-eye {
  width: 25px !important;
  height: 25px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow: unset !important;
  position: relative;
  left: 6px;
}

body .bvi-body[data-bvi-fontsize="12"] .header,
body .bvi-body[data-bvi-fontsize="14"] .header,
body .bvi-body[data-bvi-fontsize="16"] .header,
body .bvi-body[data-bvi-fontsize="18"] .header {
  position: unset !important;
}
body .bvi-body[data-bvi-fontsize="12"] .header .header__icons,
body .bvi-body[data-bvi-fontsize="14"] .header .header__icons,
body .bvi-body[data-bvi-fontsize="16"] .header .header__icons,
body .bvi-body[data-bvi-fontsize="18"] .header .header__icons {
  display: none;
}
body .bvi-body[data-bvi-fontsize="12"] .section-main__title,
body .bvi-body[data-bvi-fontsize="14"] .section-main__title,
body .bvi-body[data-bvi-fontsize="16"] .section-main__title,
body .bvi-body[data-bvi-fontsize="18"] .section-main__title {
  font-size: 36px !important;
}
body .bvi-body[data-bvi-fontsize="12"] .section-main__title span,
body .bvi-body[data-bvi-fontsize="14"] .section-main__title span,
body .bvi-body[data-bvi-fontsize="16"] .section-main__title span,
body .bvi-body[data-bvi-fontsize="18"] .section-main__title span {
  font-size: 36px !important;
}
body .bvi-body[data-bvi-fontsize="12"] .section-main__descript,
body .bvi-body[data-bvi-fontsize="14"] .section-main__descript,
body .bvi-body[data-bvi-fontsize="16"] .section-main__descript,
body .bvi-body[data-bvi-fontsize="18"] .section-main__descript {
  margin: 0 !important;
  font-size: 22px !important;
}
body .bvi-body[data-bvi-fontsize="12"] .text__title,
body .bvi-body[data-bvi-fontsize="14"] .text__title,
body .bvi-body[data-bvi-fontsize="16"] .text__title,
body .bvi-body[data-bvi-fontsize="18"] .text__title {
  font-size: 28px !important;
}
body .bvi-body[data-bvi-fontsize="12"] .num-text__title,
body .bvi-body[data-bvi-fontsize="14"] .num-text__title,
body .bvi-body[data-bvi-fontsize="16"] .num-text__title,
body .bvi-body[data-bvi-fontsize="18"] .num-text__title {
  font-size: 36px !important;
}
body .bvi-body[data-bvi-fontsize="12"] .section__title,
body .bvi-body[data-bvi-fontsize="14"] .section__title,
body .bvi-body[data-bvi-fontsize="16"] .section__title,
body .bvi-body[data-bvi-fontsize="18"] .section__title {
  font-size: 32px !important;
}
body .bvi-body[data-bvi-fontsize="12"] .text-image__title,
body .bvi-body[data-bvi-fontsize="14"] .text-image__title,
body .bvi-body[data-bvi-fontsize="16"] .text-image__title,
body .bvi-body[data-bvi-fontsize="18"] .text-image__title {
  font-size: 34px !important;
}
body .bvi-body[data-bvi-fontsize="12"] .text-image__subt,
body .bvi-body[data-bvi-fontsize="14"] .text-image__subt,
body .bvi-body[data-bvi-fontsize="16"] .text-image__subt,
body .bvi-body[data-bvi-fontsize="18"] .text-image__subt {
  font-size: 28px !important;
}
body .bvi-body[data-bvi-fontsize="12"] .image-left-text__title,
body .bvi-body[data-bvi-fontsize="14"] .image-left-text__title,
body .bvi-body[data-bvi-fontsize="16"] .image-left-text__title,
body .bvi-body[data-bvi-fontsize="18"] .image-left-text__title {
  font-size: 28px !important;
}
body .bvi-body[data-bvi-fontsize="12"] .img-top-text__title,
body .bvi-body[data-bvi-fontsize="14"] .img-top-text__title,
body .bvi-body[data-bvi-fontsize="16"] .img-top-text__title,
body .bvi-body[data-bvi-fontsize="18"] .img-top-text__title {
  font-size: 28px !important;
}