/*
Theme Name: kvpuvt theme
Theme URI:
Author:
Author URI:
Description:
Version: 1.0

*/
@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&family=Montserrat+Alternates:wght@100;200;300;400;500;600;700;800;900&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Roboto+Condensed:wght@300;400;700&display=swap");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

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

a, input[type=submit] {
  -webkit-transition: .4s ease-out;
  transition: .4s ease-out; }

body {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-weight: 400; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

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

input[type=text], textarea, button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline-style: none; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */ }

@media (min-width: 1490px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1440px; } }

body.no-scrl {
  overflow: hidden; }

h1 {
  font-style: normal;
  font-weight: bold;
  font-size: 36px;
  line-height: 46px;
  letter-spacing: 0.03em;
  text-transform: uppercase; }

h2 {
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 43px; }

h3 {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px; }

p {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 25px; }

body {
  font: 100% Montserrat Alternates;
  color: #1B1B1B;
  background: -webkit-gradient(linear, left top, right top, color-stop(16.67%, #C3E5FA), to(rgba(249, 192, 131, 0.5)));
  background: linear-gradient(90deg, #C3E5FA 16.67%, rgba(249, 192, 131, 0.5) 100%); }

header .col-12 {
  position: relative; }

header #logo {
  position: absolute;
  top: -9px;
  z-index: 3; }

header .orange {
  background: #F29524;
  padding: 10px 0;
  position: relative;
  z-index: 3; }
  header .orange .col-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    header .orange .col-12 .map {
      margin-left: 165px; }
      header .orange .col-12 .map a svg path {
        -webkit-transition: all .4s;
        transition: all .4s; }
      header .orange .col-12 .map a svg circle {
        -webkit-transition: all .4s;
        transition: all .4s; }
      header .orange .col-12 .map a:hover svg path {
        -webkit-transition: all .4s;
        transition: all .4s;
        fill: #1B1B1B; }
      header .orange .col-12 .map a:hover svg circle {
        -webkit-transition: all .4s;
        transition: all .4s;
        fill: #1B1B1B; }
    header .orange .col-12 .tyr3d {
      margin-left: 24px;
      font-style: normal;
      font-weight: bold;
      font-size: 13px;
      line-height: 17px;
      /* or 131% */
      text-align: center;
      text-transform: uppercase;
      color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-transition: all .4s;
      transition: all .4s; }
      header .orange .col-12 .tyr3d svg {
        margin-right: 10px; }
        header .orange .col-12 .tyr3d svg path {
          -webkit-transition: all .4s;
          transition: all .4s; }
      header .orange .col-12 .tyr3d:hover {
        -webkit-transition: all .4s;
        transition: all .4s;
        color: #1B1B1B;
        cursor: pointer; }
        header .orange .col-12 .tyr3d:hover svg path {
          -webkit-transition: all .4s;
          transition: all .4s;
          fill: #1B1B1B; }
    header .orange .col-12 .social {
      margin-left: auto; }
    header .orange .col-12 .bad_eye {
      cursor: pointer; }
      header .orange .col-12 .bad_eye:hover {
        -webkit-transition: all .4s;
        transition: all .4s;
        color: #1B1B1B;
        cursor: pointer; }
        header .orange .col-12 .bad_eye:hover svg path {
          -webkit-transition: all .4s;
          transition: all .4s;
          fill: #1B1B1B; }
    header .orange .col-12 .search_icon {
      margin-right: 35px;
      cursor: pointer; }
      header .orange .col-12 .search_icon:hover {
        -webkit-transition: all .4s;
        transition: all .4s;
        color: #1B1B1B;
        cursor: pointer; }
        header .orange .col-12 .search_icon:hover svg path {
          -webkit-transition: all .4s;
          transition: all .4s;
          fill: #1B1B1B; }
    header .orange .col-12 .lang {
      position: relative;
      display: inline-block;
      margin-right: 25px;
      /*&:after {
            content: "▼";
            padding: 0 5px;
            font-size: 10px;
            position: absolute;
            right: 8px;
            top: 4px;
            z-index: 1;
            text-align: center;
            width: 10%;
            height: 100%;
            pointer-events: none;
            box-sizing: border-box;
            color: #2E2C7D;
          } */ }
      header .orange .col-12 .lang button {
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 17px;
        /* identical to box height, or 142% */
        text-align: center;
        text-transform: uppercase;
        color: #FFFFFF;
        background: none;
        border: none; }
      header .orange .col-12 .lang .dropdown-toggle.show::after {
        border: 5px solid transparent;
        border-bottom: 5px solid #2E2C7D;
        margin-top: -5px; }
      header .orange .col-12 .lang .dropdown-toggle::after {
        border: 5px solid transparent;
        border-top: 5px solid #2E2C7D;
        vertical-align: middle;
        margin-top: 3px; }
      header .orange .col-12 .lang .dropdown-menu.show {
        background: #1B1B1B;
        width: 75px;
        min-width: auto;
        border-radius: 0;
        margin-left: -15px !important;
        margin-top: 16px !important; }
        header .orange .col-12 .lang .dropdown-menu.show .dropdown-item {
          font-style: normal;
          font-weight: bold;
          font-size: 12px;
          line-height: 17px;
          /* identical to box height, or 142% */
          text-align: center;
          text-transform: uppercase;
          color: #FFFFFF; }
          header .orange .col-12 .lang .dropdown-menu.show .dropdown-item:hover {
            background: transparent;
            color: #F29524; }
    header .orange .col-12 .email {
      margin-right: 30px; }
      header .orange .col-12 .email a {
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 17px;
        /* identical to box height, or 142% */
        text-decoration: none;
        /* Black */
        color: #1B1B1B; }
        header .orange .col-12 .email a:hover {
          color: #fff;
          text-decoration: underline; }
    header .orange .col-12 .phone {
      margin-right: 30px;
      font-style: normal;
      font-weight: normal;
      font-size: 10px;
      line-height: 17px;
      text-align: center;
      text-transform: uppercase; }
      header .orange .col-12 .phone a {
        display: block;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 17px;
        /* or 106% */
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        color: #1B1B1B; }
        header .orange .col-12 .phone a:hover {
          color: #fff; }
    header .orange .col-12 .social {
      margin-right: 23px;
      margin-top: 2px; }
      header .orange .col-12 .social a {
        display: inline-block;
        margin: 0 7px; }
        header .orange .col-12 .social a:hover {
          opacity: 0.8; }

header .menu-wrap {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  padding-bottom: 5px;
  position: relative;
  z-index: 2; }

header .top_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin-right: 5px; }
  header .top_nav li {
    margin-right: 67px;
    padding: 22px 0px; }
    header .top_nav li:last-child {
      margin-right: 0; }
    header .top_nav li a {
      font-style: normal;
      font-weight: bold;
      font-size: 13px;
      line-height: 17px;
      /* identical to box height, or 131% */
      text-transform: uppercase;
      /* Black */
      color: #1B1B1B;
      text-decoration: none; }
      header .top_nav li a:hover {
        cursor: pointer !important;
        color: #F29524 !important; }

.vstyp {
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: linear-gradient(90.18deg, #F49325 3.57%, rgba(244, 147, 37, 0) 98.29%);
  border: 3px solid #F49325;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 30px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
  padding: 5px 25px;
  -webkit-transition: all 1.4s;
  transition: all 1.4s; }
  .vstyp img {
    margin-right: 20px; }
  .vstyp:hover {
    background: linear-gradient(90.18deg, rgba(244, 147, 37, 0) 3.57%, #F49325 98.29%);
    -webkit-transition: all 1.4s;
    transition: all 1.4s;
    color: #fff; }

.tur {
  max-width:80%;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: linear-gradient(90.18deg, #F49325 3.57%, rgba(244, 147, 37, 0) 98.29%);
  border: 3px solid #F49325;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 30px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
  padding: 5px 25px;
  -webkit-transition: all 1.4s;
  transition: all 1.4s; }
  .tur img {
    margin:auto;
	max-height: 200px;
	max-width:90%;
	border-radius:20px;
	border: 3px solid #F49325;}
  .tur:hover {
    background: linear-gradient(90.18deg, rgba(244, 147, 37, 0) 3.57%, #F49325 98.29%);
    -webkit-transition: all 1.4s;
    transition: all 1.4s;
    color: #fff; }

.bt {
  background: #F29524;
  border: none;
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 17px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 19px 80px;
  -webkit-transition: all .4s;
  transition: all .4s;
  text-decoration: none; }
  .bt:hover {
    color: #1B1B1B;
    -webkit-transition: all .4s;
    transition: all .4s; }

.search-wrap {
  width: 100%;
  background: #fff;
  padding-top: 55px;
  padding-bottom: 55px;
  position: absolute;
  display: none;
  z-index: 1; }
  .search-wrap .close {
    position: absolute;
    right: 2%;
    top: 36%;
    cursor: pointer;
    -webkit-transition: all .4s;
    transition: all .4s; }
    .search-wrap .close:hover {
      opacity: .8;
      -webkit-transition: all .4s;
      transition: all .4s; }
  .search-wrap form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .search-wrap form input {
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: 25px;
      /* identical to box height, or 156% */
      padding: 14px 10px 14px 50px;
      background-color: transparent;
      background-image: url(/wp-content/themes/kvp/img/search-icon.svg);
      background-repeat: no-repeat;
      background-position: left center;
      width: 100%;
      color: #1B1B1B;
      border: none;
      border-bottom: 2px solid rgba(27, 27, 27, 0.5);
      margin-right: 30px; }
/* Головна верх блок */
.s1 {
  background-image: url(/wp-content/themes/kvp/img/bg1.jpg);
  background-size: contain;
  padding-top: 45px;
  padding-bottom: 45px; }
  .s1 h1 {
    color: #fff;
    text-align: center;
    margin-top: 35px; }

/*.stur {
  background-image: url(/wp-content/themes/kvp/img/bg1.jpg);
  background-size: contain;
  margin-top:-25px;
  padding-top: 45px;
  padding-bottom: 30px; }
  .stur h1 {
    color: #fff;
    text-align: center;
    margin-top: 45px; 
}*/
.stur1 {
  margin-top: 45px;}
  .stur h1 {
    color: #fff;
    text-align: center;
    margin-top: 35px; 
}



.s2 {
  padding: 25px; }
  .s2 .owl-nav button {
    position: absolute;
    top: 44%;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #4c4c4c !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: all .4s;
    transition: all .4s; }
    .s2 .owl-nav button:hover {
      -webkit-transition: all .4s;
      transition: all .4s;
      opacity: .7; }
  .s2 .owl-nav .owl-prev {
    left: 20px; }
  .s2 .owl-nav .owl-next {
    right: 20px; }
    .s2 .owl-nav .owl-next img {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .s2 .owl-dots {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content; }
    .s2 .owl-dots .owl-dot {
      border: 3px solid #FFFFFF;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      margin: 0 5px; }
    .s2 .owl-dots .owl-dot.active {
      background: #fff; }

.s3 .grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  text-align: center;
  grid-gap: 30px;
  margin-top: 60px; }
  .s3 .grid h3 {
    color: #2E2C7D;
    margin-top: 11px; }

.s4 {
  margin-top: 75px; }
  .s4 .grid {
    display: grid;
    grid-template-columns: 1fr 1fr; }
    .s4 .grid .text {
      background: #fff;
      padding: 80px 90px 40px 220px; }
      .s4 .grid .text .t {
        font-style: normal;
        font-weight: bold;
        font-size: 36px;
        line-height: 46px;
        /* or 128% */
        letter-spacing: 0.03em;
        text-transform: uppercase;
        /* Blue */
        color: #2E2C7D;
        margin-bottom: 22px; }
      .s4 .grid .text h3 {
        color: #2E2C7D;
        margin-top: 14px;
        margin-bottom: 10px; }
    .s4 .grid .img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover; }

.bg-white {
  background: #fff; }

.base.white {
  padding: 20px;
  margin-top: 50px; }
  .base.white h2 {
    margin-top: 45px; }
  .base.white .bg-white {
    padding-bottom: 75px;
    position: relative; }
  .base.white #wheel {
    right: 0;
    top: 0;
    left: auto; }
  .base.white .item .title:after {
    background-image: url(/wp-content/themes/kvp/img/wave-b.svg); }

.base {
  position: relative;
  margin-top: 40px; }
  .base .grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 1500px;
    margin: 0 auto; }
    .base .grid .item {
      display: block;
      margin: 20px 10px;
      max-width: 330px;
      width: 100%; }
  .base .container {
    position: relative; }
  .base #wheel {
    position: absolute;
    top: -110px; }
  .base h2 {
    text-align: center;
    color: #2E2C7D;
    margin-bottom: 10px; }
  .base h3 {
    text-align: center; }
  .base .item {
    margin-top: 20px;
    -webkit-transition: all .4s;
    transition: all .4s;
    text-decoration: none;
    display: block; }
    .base .item .title {
      background: rgba(195, 229, 250, 0.4);
      -webkit-backdrop-filter: blur(20px);
              backdrop-filter: blur(20px);
      border: 2px solid #fff;
      margin-top: -30px;
      height: 140px;
      width: calc(100% - 20px);
      margin-left: 10px;
      color: #2E2C7D;
      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;
      position: relative; }
      .base .item .title:after {
        content: "";
        background-image: url(/wp-content/themes/kvp/img/wave-w.svg);
        background-repeat: no-repeat;
        background-position: center;
        width: 55px;
        height: 20px;
        position: absolute;
        bottom: -30px; }
    .base .item:hover {
      -webkit-transition: all .4s;
      transition: all .4s; }
      .base .item:hover .img {
        -webkit-transition: all .4s;
        transition: all .4s; }
        .base .item:hover .img img {
          -webkit-transition: all .4s;
          transition: all .4s;
          -webkit-transform: scale(1.1);
                  transform: scale(1.1); }
    .base .item .img {
      -webkit-transition: all .4s;
      transition: all .4s;
      overflow: hidden; }
      .base .item .img img {
        -webkit-transition: all .4s;
        transition: all .4s;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; }

.s5 {
  position: relative;
  margin-top: 60px; }
  .s5 .bt {
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content; }
  .s5 h2 {
    font-weight: bold;
    font-size: 36px;
    line-height: 46px;
    color: #2E2C7D;
    margin-top: 80px;
    letter-spacing: 0.03em; }
  .s5 .news {
    margin-top: 40px;
    margin-bottom: 40px; }
    .s5 .news h3 {
      margin-top: 20px; }
  .s5 .owl-item {
    height: 420px;
    background: #fff;
    overflow: hidden; }
  .s5 .date {
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
    text-transform: uppercase;
    color: #F29524;
    margin-top: 7px; }
  .s5 .wrap {
    padding: 0 15px 15px 15px; }
    .s5 .wrap p {
      margin-top: 10px; }
  .s5 h3 {
    -webkit-transition: all .4s;
    transition: all .4s; }
  .s5 .item {
    background: #fff;
    cursor: pointer; }
    .s5 .item:hover h3 {
      color: #F29524;
      -webkit-transition: all .4s;
      transition: all .4s; }
    .s5 .item:hover .img img {
      -webkit-transform: scale(1.1);
              transform: scale(1.1); }
  .s5 .img {
    -webkit-transition: all .4s;
    transition: all .4s;
    overflow: hidden; }
    .s5 .img img {
      -webkit-transition: all .4s;
      transition: all .4s;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover; }
  .s5 .text {
    margin-top: 0px;
    padding: 80px 0 75px 90px;
    background: #2E2C7D;
    color: #fff; }
    .s5 .text:after {
      content: "";
      position: absolute;
      top: 0;
      width: 30%;
      height: 100%;
      background: #2E2C7D;
      display: block;
      z-index: -1;
      right: 20px; }
    .s5 .text h2 {
      color: #fff;
      margin-top: 0px;
      margin-bottom: 40px; }
    .s5 .text h3 {
      margin-bottom: 10px; }
    .s5 .text .date {
      margin-bottom: 10px; }
    .s5 .text p {
      margin-bottom: 35px;
      color: #fff; }
    .s5 .text a {
      text-decoration: none;
      display: block; }
      .s5 .text a:hover {
        opacity: .8; }

h2.h2 {
  font-style: normal;
  font-weight: bold;
  font-size: 36px;
  line-height: 46px;
  text-align: center;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #2E2C7D; }

.partners {
  margin-top: 80px;
  padding-bottom: 40px; }
  .partners h2 {
    margin-bottom: 40px; }

.gallery {
  margin-top: 40px; }
  .gallery h2 {
    margin-bottom: 40px; }
  .gallery .owl-nav button {
    position: absolute;
    top: 33%; }
    .gallery .owl-nav button:hover {
      opacity: .8; }
  .gallery .owl-nav .owl-prev {
    left: -100px; }
  .gallery .owl-nav .owl-next {
    right: -100px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.fast-view {
  margin: 85px 20px 20px 20px;
  background-image: url(/wp-content/themes/kvp/img/fast-view.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 0 70px 0; }
  .fast-view .item {
    background: rgba(255, 255, 255, 0.4);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    width: 232px;
    height: 115px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 2px 10px;
    border: 2px solid #fff;
    position: relative; }
    .fast-view .item:after {
      content: "";
      background-image: url(/wp-content/themes/kvp/img/wave-w.svg);
      background-repeat: no-repeat;
      background-position: center;
      width: 55px;
      height: 20px;
      position: absolute;
      bottom: 10px; }
  .fast-view .grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

.s4.yspeh .text {
  padding: 80px 230px 80px 100px; }

footer {
  background-image: url(/wp-content/themes/kvp/img/footer.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 80px;
  padding-top: 40px; }
  footer h3 {
    color: #F29524;
    margin-top: 15px; }
  footer ul {
    margin-top: 32px; }
    footer ul li {
      margin-top: 20px; }
      footer ul li a {
        font-style: normal;
        font-weight: bold;
        font-size: 13px;
        line-height: 17px;
        /* identical to box height, or 131% */
        text-transform: uppercase;
        /* Blue */
        color: #2E2C7D;
        text-decoration: none; }
  footer .adr {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    color: #2E2C7D;
    margin-top: 35px; }
  footer #email, footer #phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    font-size: 13px;
    line-height: 17px;
    color: #2E2C7D;
    text-decoration: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 18px 0; }
    footer #email img, footer #phone img {
      margin-right: 10px; }
  footer .stats {
    display: grid;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
    /* identical to box height, or 131% */
    text-transform: uppercase;
    /* Blue */
    color: #2E2C7D;
    margin-top: 34px;
    grid-gap: 15px;
    max-width: 180px; }
    footer .stats .num {
      text-align: right;
      color: #fff; }
  footer .social {
    margin-top: 75px; }
    footer .social img {
      margin: 0 7px; }
      footer .social img:hover {
        opacity: .8; }
  footer .copy {
    margin-top: 40px;
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 17px;
    /* identical to box height, or 155% */
    text-transform: uppercase;
    /* Blue */
    color: #2E2C7D;
    background: #F29524;
    text-align: center;
    padding: 15px 15px; }

.burger {
  display: none; }
  .burger span {
    display: block;
    background: #fff;
    width: 23px;
    height: 2px;
    margin: 5px 0; }
    .burger span:nth-child(2) {
      width: 14px;
      margin-left: auto; }

.submenu {
  position: absolute;
  z-index: 5;
  width: 280px;
  background: white;
  visibility: hidden;
  opacity: 0;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
  -webkit-transform: rotateX(-90deg);
          transform: rotateX(-90deg);
  -webkit-transition: .3s linear;
  transition: .3s linear; }

.submenu {
  padding: 25px; }
  .submenu:after {
    content: "";
    height: 80%;
    width: 1px;
    border-right: 1px solid rgba(101, 101, 117, 0.2);
    display: block;
    position: absolute;
    right: 0;
    bottom: 10%;
    z-index: 5; }

header .top_nav li .submenu li a {
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 17px;
  text-transform: uppercase;
  color: #1B1B1B; }
  header .top_nav li .submenu li a:hover {
    color: #F29524; }

header .top_nav li .submenu li {
  margin-right: 0;
  padding: 10px 0; }

.submenu .submenu {
  position: absolute;
  left: calc(100% - 1px);
  top: 0px;
  -webkit-transition: .3s linear;
  transition: .3s linear;
  height: 100%; }

nav li:hover > .submenu {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
  visibility: visible;
  opacity: 1; }

.sub_title {
  background-image: url(/wp-content/themes/kvp/img/menu.svg);
  width: 100%;
  display: block;
  background-repeat: no-repeat;
  background-position: right center; }

.top_banner {
  position: relative;
  background-image: url(/wp-content/themes/kvp/img/water.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 80px 0; }
  .top_banner h1 {
    text-align: center;
    color: #fff;
    text-transform: unset; }
  .top_banner #wheel {
    position: absolute;
    left: 0;
    top: -110px; }

.breads {
  position: relative;
  z-index: 2;
  padding: 20px 0 40px; }
  .breads ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .breads ul li {
      font-style: normal;
      font-weight: 500;
      font-size: 11px;
      line-height: 17px;
      /* identical to box height, or 155% */
      text-transform: uppercase;
      padding: 5px 0;
      /* Blue */
      color: #2E2C7D; }
      .breads ul li a {
        font-style: normal;
        font-weight: 500;
        font-size: 11px;
        line-height: 17px;
        /* identical to box height, or 155% */
        text-transform: uppercase;
        color: #626262;
        text-decoration: none;
        background-image: url(/wp-content/themes/kvp/img/brads.svg);
        background-position: right center;
        padding-right: 15px;
        margin-right: 10px;
        background-repeat: no-repeat; }

.news-page {
  position: relative; }
  .news-page .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px; }
  .news-page .item {
    background: #fff;
    cursor: pointer; }
    .news-page .item:hover h3 {
      color: #F29524;
      -webkit-transition: all .4s;
      transition: all .4s; }
    .news-page .item:hover .img img {
      -webkit-transform: scale(1.1);
              transform: scale(1.1); }
  .news-page .img {
    -webkit-transition: all .4s;
    transition: all .4s;
    overflow: hidden; }
    .news-page .img img {
      -webkit-transition: all .4s;
      transition: all .4s;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover; }
  .news-page .date {
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
    text-transform: uppercase;
    color: #F29524;
    margin-top: 7px; }
  .news-page .wrap {
    padding: 20px 15px 15px 15px; }
    .news-page .wrap p {
      margin-top: 10px; }
  .news-page .news-archive {
    background: #2E2C7D;
    padding: 35px 30px 35px 60px; }
    .news-page .news-archive .title {
      font-style: normal;
      font-weight: bold;
      font-size: 36px;
      line-height: 46px;
      /* identical to box height, or 128% */
      letter-spacing: 0.03em;
      text-transform: uppercase;
      color: #FFFFFF;
      margin-left: 20px; }
    .news-page .news-archive ul {
      margin-top: 40px; }
      .news-page .news-archive ul li {
        margin-bottom: 25px; }
        .news-page .news-archive ul li a {
          font-weight: bold;
          font-size: 18px;
          line-height: 24px;
          background-image: url(/wp-content/themes/kvp/img/brads.svg);
          background-position: left center;
          padding-right: 15px;
          margin-right: 10px;
          background-repeat: no-repeat;
          color: #fff;
          text-decoration: none;
          padding-left: 20px; }
          .news-page .news-archive ul li a:hover {
            color: #F29524; }
  .news-page .bt {
    margin: 20px auto 0;
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content; }
  .news-page .width-auto {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10; }

.pagination {
  margin-top: 30px; }
  .pagination ul {
    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: 100%; }
    .pagination ul li {
      margin: 0 10px; }
      .pagination ul li a {
        text-decoration: none;
        font-style: normal;
        font-weight: bold;
        font-size: 13px;
        line-height: 17px;
        /* identical to box height, or 131% */
        text-align: center;
        text-transform: uppercase;
        color: #626262; }
      .pagination ul li a.active {
        color: #F29524; }
    .pagination ul #prev, .pagination ul #next {
      width: 40px;
      height: 40px;
      display: block;
      background-color: rgba(255, 255, 255, 0.5);
      background-image: url(/wp-content/themes/kvp/img/pag.svg);
      background-repeat: no-repeat;
      background-position: center;
      border-radius: 50%; }
      .pagination ul #prev:hover, .pagination ul #next:hover {
        background-color: #F29524;
        background-image: url(/wp-content/themes/kvp/img/pag2.svg); }
    .pagination ul #next {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }

.date {
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 17px;
  text-transform: uppercase;
  color: #F29524;
  margin-top: 7px; }

.date.mb20 {
  margin-bottom: 20px; }

article {
  background: #fff;
  padding: 55px 120px; }

a.btn-back {
  background-image: url(/wp-content/themes/kvp/img/arr.svg);
  font-style: normal;
  font-weight: bold;
  font-size: 11px;
  line-height: 16px;
  background-repeat: no-repeat;
  padding-left: 20px;
  display: block;
  text-decoration: none;
  margin-bottom: 25px;
  text-transform: uppercase;
  color: #626262; }
  a.btn-back:hover {
    color: #F29524; }

.img-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
  margin: 30px 0; }
  .img-grid img {
    max-width: 100%; }

article a.link {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 25px;
  /* or 156% */
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #004BC1; }

article h5 {
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 17px;
  text-transform: uppercase;
  color: #1B1B1B;
  margin-top: 40px; }

article ul {
  margin-top: 30px; }
  article ul li {
    padding-left: 30px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    background-image: url(/wp-content/themes/kvp/img/brads.svg);
    background-position: 0.5ch 0.5em;
    background-repeat: no-repeat;
    margin-bottom: 14px; }

strong {
  font-weight: bold;
  font-size: 13px;
  line-height: 17px;
  text-transform: uppercase; }

.about p {
  margin: 20px 0; }

.mt15 {
  margin-top: 15px; }

.base.about {
  position: relative;
  padding-top: 30px; }
  .base.about:after {
    content: "";
    width: calc(100% - 20px);
    position: absolute;
    left: 10px;
    top: 0;
    height: 480px;
    background: #F29524;
    z-index: -1; }

.finance .item {
  background: #fff;
  display: grid;
  grid-template-columns: 1fr 80px 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  text-decoration: none; }
  .finance .item .item_title.bold {
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
    /* or 131% */
    text-transform: uppercase;
    /* Main text_headings */
    color: #1D1D1B; }
  .finance .item .item_title {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    color: #004BC1;
    padding: 18px 15px; }
  .finance .item .item_size {
    color: #1B1B1B; }

article .owl-carousel {
  margin-top: 30px; }

article .owl-nav button {
  position: absolute;
  top: 44%;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #2E2C7D !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all .4s;
  transition: all .4s; }
  article .owl-nav button:hover {
    opacity: .8; }

article .owl-nav .owl-prev {
  left: -100px; }

article .owl-nav .owl-next {
  right: -100px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.btn-blue {
  background: linear-gradient(92.71deg, #2E2C7E 0%, #A68381 39.97%, #F9C083 100.07%);
  padding: 3px; }
  .btn-blue button {
    background: rgba(195, 229, 250, 0.4);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    display: block;
    width: 100%;
    border: 2px solid #fff;
    color: #2D237C;
    padding: 18px 0;
    height: 100%; }
    .btn-blue button:hover {
      opacity: .8; }
    .btn-blue button:before {
      content: "";
      background-image: url(/wp-content/themes/kvp/img/link.svg);
      background-repeat: no-repeat;
      background-position: center;
      width: 20px;
      height: 20px;
      position: absolute;
      right: 3px;
      top: 3px; }
    .btn-blue button:after {
      content: "";
      background-image: url(/wp-content/themes/kvp/img/wave-b.svg);
      background-repeat: no-repeat;
      background-position: center;
      width: 55px;
      height: 20px;
      position: absolute;
      bottom: -35px;
      left: 0;
      right: 0;
      margin: 0 auto; }

.zayavka .zayavka_wrap {
  background: #fff;
  padding: 30px 35px 40px 35px; }
  .zayavka .zayavka_wrap .zayavka_title {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    color: #000000; }
  .zayavka .zayavka_wrap .btn-blue {
    margin-top: 20px; }

.kabinet .teacher {
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr; }
  .kabinet .teacher .teacher_info {
    background: #fff;
    height: 100%;
    vertical-align: middle;
    padding: 50px 30px 50px 80px; }
  .kabinet .teacher .teacher_doljnost {
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
    text-transform: uppercase;
    color: #2E2C7D;
    margin-top: 20px; }
  .kabinet .teacher .teacher_doljnost ~ ul {
    margin-top: 5px; }
  .kabinet .teacher .teacher_nagradu {
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
    text-transform: uppercase;
    color: #1B1B1B;
    margin-top: 20px; }
  .kabinet .teacher .teacher_name {
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 43px; }
  .kabinet .teacher .teacher_email {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    margin: 15px 0 0 0; }
    .kabinet .teacher .teacher_email a {
      color: #1B1B1B;
      text-decoration: none; }

.kabinet ul {
  margin-top: 20px; }

.kabinet ul li {
  padding-left: 30px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 25px;
  background-image: url(/wp-content/themes/kvp/img/brads.svg);
  background-position: 0.5ch 0.5em;
  background-repeat: no-repeat;
  margin-bottom: 14px; }

.kabinet .grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
  margin-top: 30px;
  margin-bottom: 50px; }

.kabinet .btn-blue button:after {
  background-image: url(/wp-content/themes/kvp/img/wave-w.svg); }

.teachers {
  margin-top: 20px; }
  .teachers .item {
    margin-top: 20px;
    text-decoration: none;
    display: block; }
  .teachers img {
    max-width: 100%; }
  .teachers .teacher_info {
    background: #fff;
    height: 100%;
    vertical-align: middle;
    padding: 20px;
    margin-top: -5px; }
  .teachers .teacher_doljnost {
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
    text-transform: uppercase;
    color: #2E2C7D;
    margin-top: 20px; }
  .teachers .teacher_doljnost ~ ul {
    margin-top: 5px; }
  .teachers .teacher_nagradu {
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
    text-transform: uppercase;
    color: #1B1B1B;
    margin-top: 20px; }
  .teachers .teacher_name {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    color: black; }
  .teachers ul {
    margin-top: 20px; }
  .teachers ul li {
    padding-left: 30px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    background-image: url(/wp-content/themes/kvp/img/brads.svg);
    background-position: left center;
    background-repeat: no-repeat;
    margin-bottom: 14px; }

.tyr3d_wrap .img-responsive {
  max-width: 100%;
  display: block;
  margin: 70px auto 0; }

.tyr3d_wrap .btn-blue {
  margin-bottom: 10px; }
  .tyr3d_wrap .btn-blue button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .tyr3d_wrap .btn-blue button img {
      margin-right: 10px; }
    .tyr3d_wrap .btn-blue button:after {
      background-image: url(/wp-content/themes/kvp/img/wave-w.svg); }

.tyr3d_wrap .item {
  margin-top: 60px; }
  .tyr3d_wrap .item h3 {
    border: 2px solid #fff;
    text-align: center;
    padding: 15px 10px;
    color: #2E2C7D;
    background: rgba(195, 229, 250, 0.4);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    position: relative; }
    .tyr3d_wrap .item h3:after {
      content: "";
      background-image: url(/wp-content/themes/kvp/img/wave-w.svg);
      background-repeat: no-repeat;
      background-position: center;
      width: 55px;
      height: 20px;
      position: absolute;
      bottom: -35px;
      left: 0;
      right: 0;
      margin: 0 auto; }

.tyr3d_wrap .owl-prev, .tyr3d_wrap .owl-next {
  position: absolute;
  top: 40%;
  width: 45px;
  height: 45px;
  background-color: rgba(255, 255, 255, 0.3) !important;
  border-radius: 50%;
  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; }
  .tyr3d_wrap .owl-prev:hover, .tyr3d_wrap .owl-next:hover {
    background-color: rgba(255, 255, 255, 0.7) !important; }

.tyr3d_wrap .owl-prev {
  left: 5px; }

.tyr3d_wrap .owl-next {
  right: 5px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.projects .item {
  max-width: 340px;
  margin: 0 auto 30px;
  text-decoration: none;
  color: #1B1B1B; }
  .projects .item img {
    max-width: 100%;
    display: block;
    margin: 0 auto; }
  .projects .item .wrap {
    background: #fff;
    margin-top: -3px;
    padding: 15px; }
    .projects .item .wrap p {
      margin-top: 6px; }

.contact .contact_wrap {
  background: #fff;
  padding: 55px 120px; }
  .contact .contact_wrap iframe {
    margin-top: 30px; }

.contact .item {
  display: grid;
  grid-template-columns: 100px 1fr;
  margin-bottom: 20px; }
  .contact .item a {
    display: inline;
    color: #1B1B1B;
    text-decoration: none; }

.contact .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
  margin-top: 40px; }
  .contact .grid img {
    max-width: 100%; }
  .contact .grid .title {
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 43px;
    color: #1B1B1B;
    margin-bottom: 8px; }

.form .title {
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 43px;
  color: #1B1B1B;
  margin-top: 30px;
  margin-bottom: 10px; }

.form form label {
  display: block;
  margin-bottom: 30px; }
  .form form label input {
    width: 100%;
    max-width: 700px;
    border: 1px solid rgba(27, 27, 27, 0.3);
    padding: 10px 15px;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 25px;
    color: #333333; }
  .form form label textarea {
    width: 100%;
    max-width: 700px;
    border: 1px solid rgba(27, 27, 27, 0.3);
    padding: 10px 15px;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 25px;
    height: 100px;
    color: #333333; }

.form form .bt {
  margin-top: 30px; }

.custom-checkbox > input {
  position: absolute !important;
  z-index: -1 !important;
  opacity: 0 !important;
  width: 0 !important; }

/* для элемента label, связанного с .custom-checkbox */
.custom-checkbox > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

/* создание в label псевдоэлемента before со следующими стилями */
.custom-checkbox > span::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  border: 1px solid #adb5bd;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%; }

/* стили при наведении курсора на checkbox */
.custom-checkbox > input:not(:disabled):not(:checked) + span:hover::before {
  border-color: #b3d7ff; }

/* стили для активного чекбокса (при нажатии на него) */
.custom-checkbox > input:not(:disabled):active + span::before {
  background-color: #b3d7ff;
  border-color: #b3d7ff; }

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox > input:focus:not(:checked) + span::before {
  border-color: #80bdff; }

/* стили для чекбокса, находящегося в состоянии checked */
.custom-checkbox > input:checked + span::before {
  border-color: #0b76ef;
  background-color: #0b76ef;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox > input:disabled + span::before {
  background-color: #e9ecef; }

/* для элемента input c type="radio" */
.custom-radio > input {
  position: absolute !important;
  z-index: -1 !important;
  opacity: 0 !important;
  width: 0 !important; }

/* для элемента label связанного с .custom-radio */
.custom-radio > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

/* создание в label псевдоэлемента  before со следующими стилями */
.custom-radio > span::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 50%;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%; }

/* стили при наведении курсора на радио */
.custom-radio > input:not(:disabled):not(:checked) + span:hover::before {
  border-color: #b3d7ff; }

/* стили для активной радиокнопки (при нажатии на неё) */
.custom-radio > input:not(:disabled):active + span::before {
  background-color: #b3d7ff;
  border-color: #b3d7ff; }

/* стили для радиокнопки, находящейся в фокусе и не находящейся в состоянии checked */
.custom-radio > input:focus:not(:checked) + span::before {
  border-color: #80bdff; }

/* стили для радиокнопки, находящейся в состоянии checked */
.custom-radio > input:checked + span::before {
  border-color: #0b76ef;
  background-color: #fff; }

.custom-radio {
  position: relative; }

.custom-radio > input:checked + span::after {
  background-color: #0b76ef;
  content: "";
  display: block;
  width: 9.5px;
  height: 9.5px;
  border-radius: 50%;
  position: absolute;
  left: 3px;
  z-index: 5; }

/* стили для радиокнопки, находящейся в состоянии disabled */
.custom-radio > input:disabled + span::before {
  background-color: #e9ecef; }

.quiz {
  margin-bottom: 20px; }
  .quiz input[type=text] {
    width: 100%;
    max-width: 700px;
    border: 1px solid rgba(27, 27, 27, 0.3);
    padding: 10px 15px;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 25px;
    color: #333333;
    margin-bottom: 30px; }
  .quiz label {
    display: block; }
  .quiz h5 {
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
    /* identical to box height, or 131% */
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 30px; }
    .quiz h5 span {
      color: red; }
  .quiz .custom-radio, .quiz .custom-checkbox {
    display: block;
    margin: 15px 0; }
  .quiz .quiz_wrap {
    background: #fff;
    padding: 50px 120px; }
    .quiz .quiz_wrap h2 {
      margin-bottom: 20px; }
    .quiz .quiz_wrap ul {
      margin-top: 15px;
      margin-bottom: 10px; }
    .quiz .quiz_wrap ul li {
      padding-left: 30px;
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: 25px;
      background-image: url(/wp-content/themes/kvp/img/brads.svg);
      background-position: left center;
      background-repeat: no-repeat;
      margin-bottom: 14px; }

.custom-radio > input#others {
  position: unset !important;
  z-index: 1 !important;
  opacity: 1 !important;
  width: 100% !important;
  border: none;
  padding: 10px 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  max-width: 600px; }

.eye > *:not(.header_wrapper),
.eye .header {
  -webkit-filter: grayscale(1);
  filter: grayscale(1); }

body.eye {
  background: #fff; }

.eye h1 {
  font-size: 38px; }

.eye h2 {
  font-size: 32px; }

.eye h3 {
  font-size: 20px; }

.eye p {
  font-size: 18px; }

.eye header .top_nav li a {
  font-size: 14px; }

@media (max-width: 1660px) {
  .gallery .owl-nav .owl-prev {
    left: 10px; }
  .gallery .owl-nav .owl-next {
    right: 10px; }
  .s4 .grid .text {
    padding-left: 100px; } }

@media (max-width: 1490px) {
  header .top_nav li {
    margin-right: 40px; } }

@media (max-width: 1400px) {
  header .top_nav li {
    margin-right: 20px; } }

header .mobile {
  display: none; }

@media (max-width: 1200px) {
  .burger {
    display: block;
    cursor: pointer; }
  header .mobile {
    display: block; }
  header #logo {
    width: 80px; }
  header .search_icon, header .orange .col-12 .lang, header .email, header .phone, header .social, header .bad_eye, header .menu-wrap {
    display: none; }
  header .orange .col-12 .map {
    margin-left: auto; }
  header .orange .col-12 .tyr3d {
    margin-right: 15px;
    margin-left: 10px; }
    header .orange .col-12 .tyr3d svg {
      margin-right: 5px; }
  header .orange {
    padding: 17px 0; }
  header.active .orange .col-12 .tyr3d, header.active .orange .col-12 .map {
    display: none; }
  header.active .bad_eye, header.active .search_icon {
    display: block; }
  header.active .search_icon {
    margin-left: auto; }
  header .orange .col-12 .search_icon {
    margin-right: 10px; }
  header .orange .col-12 .bad_eye {
    margin-right: 15px; }
  .search-wrap .container {
    max-width: 100%; }
  .search-wrap {
    width: calc(100% - 100px);
    top: 0;
    background: #2E2C7D;
    padding: 0;
    z-index: 4; }
    .search-wrap form input {
      font-size: 14px;
      line-height: 20px;
      color: rgba(255, 255, 255, 0.5);
      border: none;
      padding-left: 30px;
      background: none; }
  .search-wrap .close {
    left: 5px;
    margin-right: 0;
    top: 20px;
    width: 20px; }
    .search-wrap .close img {
      width: 20px; }
  .search-wrap .bt {
    background: #2E2C7D;
    width: 30px;
    height: 60px;
    background-image: url(/wp-content/themes/kvp/img/loupe.svg);
    background-repeat: no-repeat;
    background-position: center;
    padding: 0; }
    .search-wrap .bt span {
      display: none; }
  header .orange .col-12 {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end; }
  header #logo {
    left: 0; }
  header .top_nav li {
    margin-right: 0px; }
  header.active .menu-wrap {
    display: block;
    position: absolute;
    width: 100%;
    height: 100vh;
    overflow: auto; }
  header .top_nav {
    display: block;
    margin-top: 40px; }
  header .top_nav li {
    padding: 10px 0; }
  header .mobile .email,
  header .mobile .phone,
  header .mobile .social {
    display: block; }
  header .mobile {
    background: #F29524;
    width: calc(100% + 20px);
    margin-top: 40px;
    margin-left: -10px;
    padding: 15px; }
    header .mobile .grid {
      display: grid;
      grid-template-columns: 1fr 1fr; }
      header .mobile .grid .r {
        text-align: right; }
      header .mobile .grid .lang ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        header .mobile .grid .lang ul li {
          margin-right: 10px; }
          header .mobile .grid .lang ul li a {
            font-style: normal;
            font-weight: bold;
            font-size: 12px;
            line-height: 17px;
            text-transform: uppercase;
            color: rgba(255, 255, 255, 0.5);
            text-decoration: none; }
        header .mobile .grid .lang ul li a.active {
          color: #FFFFFF;
          border-bottom: 2px solid #fff;
          padding-bottom: 5px; }
    header .mobile .phone {
      font-style: normal;
      font-weight: normal;
      font-size: 10px;
      line-height: 17px;
      text-transform: uppercase; }
      header .mobile .phone a {
        display: block;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 17px;
        text-transform: uppercase;
        text-decoration: none;
        color: #1B1B1B; }
        header .mobile .phone a:hover {
          color: #fff; }
    header .mobile .email {
      margin-top: 17px; }
      header .mobile .email a {
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 17px;
        /* identical to box height, or 142% */
        text-decoration: none;
        /* Black */
        color: #1B1B1B; }
        header .mobile .email a:hover {
          color: #fff;
          text-decoration: underline; }
    header .mobile .social {
      margin-top: 20px; }
      header .mobile .social a {
        display: inline-block;
        margin: 0 3px; }
        header .mobile .social a:hover {
          opacity: 0.8; }
  footer .stats {
    grid-gap: 10px; }
  footer .social img {
    margin: 0 4px; }
  .s4 .grid .text {
    padding: 40px; }
  .base #wheel {
    z-index: -1; }
  h3 {
    font-size: 16px;
    line-height: 22px; }
  .s5 .text {
    padding: 40px; }
  nav li:hover > .submenu {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    visibility: visible;
    opacity: 1;
    display: block;
    position: relative; }
  .submenu .submenu {
    left: 0; }
  .submenu:after {
    display: none; }
  .sub_title_main {
    background-image: url(/wp-content/themes/kvp/img/menu.svg);
    width: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: right center; }
  .submenu {
    padding: 5px 0px 5px 10px;
    width: 100%; } }

.preomyshestva {
  display: none; }

@media (max-width: 992px) {
  .search-wrap {
    width: calc(100% - 215px); }
  .preomyshestva.active:after {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  .preomyshestva {
    display: block;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
    text-transform: uppercase;
    color: #2E2C7D; }
    .preomyshestva img {
      width: 50px;
      margin-right: 20px; }
    .preomyshestva:after {
      content: "";
      width: 20px;
      height: 20px;
      background-image: url(/wp-content/themes/kvp/img/preim-arr.svg);
      background-position: center;
      background-repeat: no-repeat;
      display: block;
      position: absolute;
      right: 10px;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .s3 .container {
    padding: 10px; }
    .s3 .container .grid {
      display: none; }
    .s3 .container .grid.active {
      display: block;
      margin-top: 0px;
      background: #fff;
      padding-top: 1px;
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 10px; }
      .s3 .container .grid.active img {
        display: none; }
      .s3 .container .grid.active .item {
        text-align: left;
        position: relative;
        padding-left: 20px; }
        .s3 .container .grid.active .item:before {
          content: "";
          width: 10px;
          height: 10px;
          border: 2px solid #F29524;
          display: block;
          border-radius: 50%;
          position: absolute;
          left: 0;
          top: 5px; }
  .s4 .grid .text {
    padding: 30px; }
  .s2 {
    padding: 20px 10px 10px; }
  h2 {
    font-size: 20px;
    line-height: 28px; }
  h1 {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0.03em; }
  .s3 .grid {
    grid-gap: 5px;
    margin-top: 30px; }
    .s3 .grid h3 br {
      display: none; }
  .base #wheel {
    z-index: -1; }
  .s5 .text:after {
    display: none; }
  .s5 {
    margin-top: 0; }
  .s5 h2 {
    margin-top: 30px; }
  .vstyp {
    font-size: 14px;
    line-height: 18px;
    padding: 10px 20px; }
    .vstyp img {
      display: none; }
  .s1 {
    padding-top: 40px;
    padding-bottom: 50px; }
  .s2 .owl-nav button {
    width: 40px;
    height: 40px; }
  .s4 {
    margin-top: 20px; }
  .s4 .grid {
    display: grid;
    grid-template-columns: 1fr; }
  h3 {
    font-size: 14px;
    line-height: 20px; }
  .s5 .text {
    margin-top: 20px; }
  .s3 .container {
    max-width: calc(100% - 5px); }
  header #logo {
    width: 73px; }
  h1 {
    font-size: 18px;
    line-height: 23px; }
  .s1 h1 {
    margin-top: 23px; }
  .s4 {
    margin-top: 10px; }
  .s4 .grid .text .t {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px; }
  p {
    font-size: 14px;
    line-height: 20px; }
  .base #wheel {
    width: 150px;
    top: -50px;
    z-index: 1;
    left: -36px; }
  .base {
    margin-top: 20px; }
  .base h2 {
    margin-bottom: 0; }
  .base .item {
    margin-bottom: 30px; }
  .base .item .title {
    height: 72px; }
  .base .item .title:after {
    bottom: -25px; }
  .base.white {
    padding: 0px;
    margin-top: 25px;
    background: #fff; }
  .base.white h2 {
    margin-top: 20px; }
  .base.white .bg-white {
    padding-bottom: 15px; }
  .s5 h2 {
    font-size: 24px;
    line-height: 30px;
    margin-top: 20px; }
  .s5 .news {
    margin-top: 10px; }
  .s5 .bt {
    margin: 0 auto; }
  .s5 .text h2 {
    margin-bottom: 13px; }
  .s5 .text {
    padding: 35px 15px; }
  h2.h2 {
    font-size: 24px;
    line-height: 30px; }
  .partners {
    margin-top: 40px; }
  .partners h2 {
    margin-bottom: 20px; }
  .partners .owl-dots {
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content; }
    .partners .owl-dots .owl-dot {
      border: 3px solid #FFFFFF;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      margin: 0 5px; }
    .partners .owl-dots .owl-dot.active {
      background: #fff; }
  .gallery {
    margin-top: 27px; }
  .gallery h2 {
    margin-bottom: 20px; }
  .fast-view {
    margin: 40px 10px 10px 10px;
    padding: 30px 0 30px 0; }
  .fast-view .item {
    font-size: 16px;
    line-height: 22px;
    height: 100px;
    margin: 0 2px 2px; }
  .s4.yspeh {
    margin-top: 30px; }
  .s4 .grid .text {
    padding: 40px 15px; }
  footer {
    margin-top: 40px;
    padding-top: 30px; }
  footer ul {
    margin-top: 10px; }
  .s2 .owl-dots {
    bottom: 5px; } }

@media (max-width: 768px) {
  h2 {
    font-size: 18px;
    line-height: 26px; }
  .s5 .news {
    grid-template-columns: 1fr; } }

@media (max-width: 575px) {
  .search-wrap {
    width: calc(100% - 80px); }
  .vstyp {
    width: 300px; }
  footer .stats {
    max-width: 100%; }
  .s5 .news {
    margin-bottom: 50px; }
  .s5 .owl-dot {
    border: 3px solid #FFFFFF !important;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 5px; }
  .s5 .owl-dots {
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content; }
  .s5 .owl-dots .owl-dot.active {
    background: #fff; } }

@media (max-width: 400px) {
  .bt {
    width: 100% !important; }
  .gallery .owl-nav button img {
    width: 40px; }
  .gallery .owl-nav button {
    top: 40%; }
  .fast-view {
    background-image: url(/wp-content/themes/kvp/img/fast-view-mob.jpg); } }

@media (max-width: 1600px) {
  .news-page .news-archive {
    padding: 35px 20px 10px 30px; }
  .news-page .news-archive .title {
    margin-left: 0;
    font-size: 30px;
    line-height: 40px; }
  .news-page .news-archive ul {
    margin-top: 20px; } }

@media (max-width: 1200px) {
  .news-page .news-archive .title {
    margin-left: 0;
    font-size: 24px;
    line-height: 30px; }
  .news-page .news-archive {
    padding: 20px 10px 10px 15px; }
  .news-page .news-archive ul li a {
    font-size: 15px; }
  .news-page .news-archive ul li {
    margin-bottom: 10px; } }

@media (max-width: 992px) {
  .news-page .width-auto {
    position: unset;
    width: 100% !important;
    margin-top: 30px; }
  .top_banner #wheel {
    position: absolute;
    left: 0;
    top: -10px;
    width: 200px; } }

@media (max-width: 768px) {
  .news-page .grid {
    grid-template-columns: 1fr 1fr; } }

@media (max-width: 600px) {
  .news-page .grid {
    grid-template-columns: 1fr; }
  .top_banner #wheel {
    width: 150px;
    top: -40px; }
  .top_banner {
    padding: 40px 0; }
  .breads {
    padding-bottom: 20px; } }

@media (max-width: 1200px) {
  article, .quiz .quiz_wrap {
    padding: 25px 40px; }
  .contact .contact_wrap {
    padding: 25px 40px; }
  .contact .grid .title {
    font-size: 20px;
    line-height: 36px; }
  article .owl-nav button {
    width: 40px;
    height: 40px; }
  article .owl-nav .owl-next {
    right: 10px; }
  article .owl-nav .owl-prev {
    left: 10px; } }

@media (max-width: 992px) {
  article, .quiz .quiz_wrap {
    padding: 15px 20px; }
  .contact .grid {
    grid-template-columns: 1fr; }
  .img-grid {
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px; }
    .img-grid img {
      display: block;
      margin: 0 auto; }
  .top_banner #wheel {
    display: none; }
  .kabinet .teacher .teacher_info {
    padding-left: 20px; } }

@media (max-width: 768px) {
  .img-grid {
    grid-template-columns: 1fr; }
  .zayavka .zayavka_wrap {
    background: #fff;
    padding: 15px 15px 40px 15px; }
  .kabinet .grid {
    grid-template-columns: 1fr;
    grid-gap: 50px; }
  .kabinet .teacher {
    grid-template-columns: 1fr; }
    .kabinet .teacher img {
      display: block;
      max-width: 100%;
      margin: 0 auto 20px; }
  .teachers img {
    display: block;
    max-width: 100%;
    margin: 0 auto 20px; }
  .kabinet .teacher .teacher_name {
    font-size: 24px;
    line-height: 30px; }
  .kabinet .teacher .teacher_email {
    margin-top: 10px; }
  .kabinet ul {
    margin-top: 10px; } }

@media (max-width: 600px) {
  .contact .contact_wrap {
    padding: 15px 15px; }
  .form .title {
    font-size: 20px;
    line-height: 36px; } 
  .finance .item {
	  grid-template-columns: 1fr 0px 18px;} }


header{
	position:relative;
	z-index:10;
}
#gallery-1 img{
	max-width:100%;
	height: auto;
}

/*розклад*/
@media (max-width: 320px) {
	.finance .item {
    grid-template-columns: 1fr 0px 18px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    text-decoration: none;
	}
   }
	

/* обтікання */
.alignleft {
float:left;
margin-right:10px;
}
.alignright {
float: right;
margin-left:10px;
}

/*параграф, курсив*/
.stand {
	text-indent:0px;
}
p{ 
text-indent:36px;
}
p{
	text-align:justify;
	margin:20px 0;
}
em {
font-style: italic;
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

/* відео*/

iframe {
	margin: 20px;
}

.wp-playlist {
    border: 1px solid #ccc;
    padding: 10px;
    margin: 12px auto;
    font-size: 14px;
    line-height: 1.5;
	max-width:300px;
	position:center;
}
.wp-video-playlist {
	margin:auto;
}