/*!
Theme Name: oaclub
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: oaclub
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
  }
  
  /* Sections
       ========================================================================== */
  
  /**
   * Remove the margin in all browsers.
   */
  body {
    margin: 0;
  }
  
  /**
   * Render the `main` element consistently in IE.
   */
  main {
    display: block;
  }
  
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  
  /* Grouping content
       ========================================================================== */
  
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  pre {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  
  /* Text-level semantics
       ========================================================================== */
  
  /**
   * Remove the gray background on active links in IE 10.
   */
  a {
    background-color: transparent;
  }
  
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
  }
  
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  b,
  strong {
    font-weight: bolder;
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  code,
  kbd,
  samp {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  
  /**
   * Add the correct font size in all browsers.
   */
  small {
    font-size: 80%;
  }
  
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  sup {
    top: -0.5em;
  }
  
  /* Embedded content
       ========================================================================== */
  
  /**
   * Remove the border on images inside links in IE 10.
   */
  img {
    border-style: none;
  }
  
  /* Forms
       ========================================================================== */
  
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
  }
  
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  button,
  input {
    overflow: visible;
  }
  
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  button,
  select {
    text-transform: none;
  }
  
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button;
  }
  
  /**
   * Remove the inner border and padding in Firefox.
   */
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  
  /**
   * Restore the focus styles unset by the previous rule.
   */
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  
  /**
   * Correct the padding in Firefox.
   */
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *		`fieldset` elements in all browsers.
   */
  legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
  }
  
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  progress {
    vertical-align: baseline;
  }
  
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  textarea {
    overflow: auto;
  }
  
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  [type="checkbox"],
  [type="radio"] {
    box-sizing: border-box;
    padding: 0;
  }
  
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  [type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }
  
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }
  
  /* Interactive
       ========================================================================== */
  
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  details {
    display: block;
  }
  
  /*
   * Add the correct display in all browsers.
   */
  summary {
    display: list-item;
  }
  
  /* Misc
       ========================================================================== */
  
  /**
   * Add the correct display in IE 10+.
   */
  template {
    display: none;
  }
  
  /**
   * Add the correct display in IE 10.
   */
  [hidden] {
    display: none;
  }
  
  /* Box sizing
  --------------------------------------------- */
  
  /* Inherit box-sizing to more easily change it's value on a component level.
  @link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  *,
  *::before,
  *::after {
    box-sizing: inherit;
  }
  
  html {
    box-sizing: border-box;
  }
  
  /*--------------------------------------------------------------
  # Base
  --------------------------------------------------------------*/
  
  /* Typography
  --------------------------------------------- */
  body,
  button,
  input,
  select,
  optgroup,
  textarea {
    color: #333;
    font-family: "Montserrat", sans-serif;
    font-size: 23px;
    line-height: 1.2;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    clear: both;
  }
  
  p {
    margin-bottom: 1.5em;
  }
  
  dfn,
  cite,
  em,
  i {
    font-style: italic;
  }
  
  blockquote {
    margin: 0 1.5em;
  }
  
  address {
    margin: 0 0 1.5em;
  }
  
  pre {
    background: #eee;
    font-family: "Courier 10 Pitch", courier, monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
  }
  
  code,
  kbd,
  tt,
  var {
    font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  }
  
  abbr,
  acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
  }
  
  mark,
  ins {
    background: #fff9c0;
    text-decoration: none;
  }
  
  big {
    font-size: 125%;
  }
  
  /* Elements
  --------------------------------------------- */
  body {
    background: #fff;
  }
  
  hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
  }
  
  ul,
  ol {
    margin: 0 0 1.5em 3em;
  }
  
  ul {
    list-style: disc;
  }
  
  ol {
    list-style: decimal;
  }
  
  li > ul,
  li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
  }
  
  dt {
    font-weight: 700;
  }
  
  dd {
    margin: 0 1.5em 1.5em;
  }
  
  /* Make sure embeds and iframes fit their containers. */
  embed,
  iframe,
  object {
    max-width: 100%;
  }
  
  img {
    height: auto;
    max-width: 100%;
  }
  
  figure {
    margin: 1em 0;
  }
  
  table {
    margin: 0 0 1.5em;
    width: 100%;
  }
  

  /*** Custom style ***/
.container {
    width: 100%;
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
}
.wrap {
  width: 100%;
  margin: 0 auto;
  padding: 0 70px;
}
.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -16px;
}
.col {
  width: 100%;
  padding: 0 16px;
}
.col_6 {
  width: 50%;
}
.flex-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -moz-box-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex-header {
  padding-left: 85px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.header__logo {
    width: 140px;
    min-width: 140px;    
}
.header__title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 23px;
  font-weight: normal;
  padding-top: 15px;  
  padding-right: 45px;
}
.header__phone {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  font-size: 35px;
  font-weight: bold;
  color: #0099cc;
  text-decoration: none;
  position: relative;
  margin-top: 0;
  margin-bottom: 0;

  -webkit-transition: 0.15s ease-in-out;
  -o-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}
.header__phone:hover {
  text-decoration: underline;
}
.header__phone svg {
  width: 30px;
  margin-right: 15px;
}
.header__registration {
  padding-right: 10px;
}
.btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
}
.btn_registration, .btn_financing {
  width: 358px;
  height: 70px; /*84px;*/  
  color: #333;
  border-radius: 40px 0 40px 0;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  margin: 7px 0;
  text-align: center;
}
.btn_registration {
  background-color: #71b557;
  border: 2px solid #71b557;
}
.btn_registration:hover {
    background-color: #FFFFFF;
    color: #71b557;
}
.btn_financing {
  background-color: #f4c23f;
  border: 2px solid #f4c23f;
}
.btn_financing:hover {
    background-color: #FFFFFF;
    color: #f4c23f;
}

.header__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #62a84c;
}
.mega-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    -moz-box-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;

    position: relative;
    list-style: none;
    padding: 0;
    margin: 0 -15px;
}
.mega-menu li {
  -webkit-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  position: relative;
}

.mega-menu li a {
  padding: 28px 15px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  text-decoration: none;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #FFFFFF;
  -webkit-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  position: relative;
}

.mega-menu li a:before {
  width: 1px;
  height: 20px;
  content: '';
  background-color: #FFFFFF;
  position: absolute;
  top: 28px;
  left: 0;
}

.mega-menu li:first-child a:before {
  display: none;
}

.mega-menu li:hover > a, .mega-menu li.current-menu-item > a {
  color: #000;
}

/*
.mega-menu li:hover, .mega-menu li.current-menu-item {
  background-color: #78b653;
}
.mega-menu li:hover a:before, .mega-menu li:hover ~ li a:before, .mega-menu li.current-menu-item a:before, .mega-menu li.current-menu-item ~ li a:before {
  display: none;
}*/

.sec-registration-notice {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #ddb749;
}
.registration-notice {
  font-size: 14px;
  font-weight: normal;  
  color: #333;
}
.registration-notice_link {
  font-weight: bold;
  text-decoration: none;
  color: #333;
  margin-left: 10px;
  white-space: nowrap;
}
.registration-notice_link:hover {
  text-decoration: underline;  
}
.registration-notice_icon {
  width: 18px;
  height: auto;
  margin-right: 10px;
}
.sec-main-bnr {
  background-position: center bottom;
  background-size: cover;
  min-height: 660px;
}
.main-bnr__top {
  max-width: 600px;  
}
.main-bnr__title {
  color: #fff;
  font-size: 52px;
  font-weight: bold;
  padding-top: 40px;
  padding-bottom: 15px;
  margin: 0;
}
.main-bnr__descriprtion {
  color: #fff;
  font-size: 23px;
  font-weight: normal;
  padding-bottom: 40px;
}
.main-bnr__bottom {
  width: 92%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-box-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;        
}
.main-bnr__bnf-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;        
}
.main-bnr__bnf-item:nth-child(2):before {
  width: 1px;
  height: 65px;
  content: '';
  border-color: #FFF;
  border: 1px solid #FFFFFF;
  position: absolute;
  top: -5px;
  left: -60px;
}
.main-bnr__bnf-item:nth-child(2):after {
  width: 1px;
  height: 65px;
  content: '';
  border-color: #FFF;
  border: 1px solid #FFFFFF;
  position: absolute;
  top: -5px;
  right: -60px;
}
.main-bnr__bnf-item-icon {
  width: 45px;
  height: auto;
}
.main-bnr__bnf-item-text {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding-left: 20px;
}
.sec-about {
  padding-top: 70px;
  padding-bottom: 95px;
}
.page-subtitle {
  font-size: 30px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 30px;
}
.about__description {
  font-size: 23px;
  font-weight: normal;
}
.about__description p, .about__block-links p {
  margin-top: 0;
  margin-bottom: 25px;
}
.about__link {
  color: #333;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 8px;
}
.about__link:hover {
  text-decoration: underline;
}
.about__bottom {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.about__block-links {
  padding-top: 8px;
  width: 55%;
}
.btn_contacts, .btn_404 {
  width: 358px;
  height: 84px;
  background-color: #0887ba;
  color: #fff;
  border-radius: 40px 0 40px 0;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  border: 2px solid #0887ba;
}
.btn_contacts:hover, .btn_404:hover {
    background-color: #fff;
    color: #0887ba;
}
.about__block-btn {
  width: 45%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;

  padding-right: 7%;
}

.sec-prp-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 928px;
}
.prp {
  background-color: #71b557;
  opacity: 0.92;
  padding: 80px 80px 40px;
  margin-top: -895px;
  border-radius: 0 40px 0 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.prp__col-left {
  width: 50%;
  padding-left: 65px;
  padding-right: 45px;
}
.prp__col-right {
  width: 50%;
  padding-left: 13%;
  padding-right: 15px;
}
.prp__item {
  position: relative;
  color: #fff;
  padding-bottom: 30px;
}
.prp__item:before {
  width: 40px;
  height: 40px;
  content: '';
  background-image: url(images/Ok.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: -65px;
}
.prp__title {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 30px;
  font-weight: bold;
}
.prp__subtitle {
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 10px;
}
.prp_list {
  margin-left: 0;
  margin-bottom: 10px; 
  padding-left: 30px; 
  list-style: none;
}
.prp__list-item {
  margin-bottom: 13px;
  position: relative;]
}
.prp__list-item:before {
  width: 10px;
  height: 10px;
  content: '';;
  position: absolute;
  background-color: #fff;
  border-radius: 50%;
  top: 5px;
  left: -30px;
}
.sec-customers {
  padding-top: 50px;
}
.page-subtitle_customers {
  text-align: center;
  margin-bottom: 15px;
}
.customers {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  -moz-box-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;

  margin: 0 -10px;
}
.customers__item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  -moz-box-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;

  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;

  width: calc(33.333% - 20px);
  height: 296px;
  margin: 0 10px 20px;
  padding: 50px 30px 0;
  text-align: center;
  border-radius: 0 40px 0 40px;
  font-size: 23px;
}
.customers__item:nth-child(1) {
  background-color: #f4c23f;
}
.customers__item:nth-child(2) {
  background-color: #71b557;
}
.customers__item:nth-child(3) {
  background-color: #0887ba;
}
.customers__item p {
  margin: 0;
}

.sec-our-values {
  padding-top: 40px;
  padding-bottom: 80px;
}
.page-subtitle_our-values {
  text-align: center;
}
.our-values {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  -moz-box-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;

  margin: 0 -10px;
}
.our-values__item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;  
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;  

  width: calc(25% - 20px);
  margin: 0 10px 20px;
  text-align: center;
}
.our-values__icon-wrap {
  width: 65px;
  height: 55px;
  margin: 0 auto;
  margin-bottom: 5px;

  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;

  -moz-box-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.our-values__icon-wrap img {
  width: 55px;
}
.our-values__item:nth-child(1) .our-values__icon-wrap img {
  width: 42px;
}
.our-values__item:nth-child(2) .our-values__icon-wrap img {
  width: 65px;
}
.our-values__title {
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 5px;
}
.our-values__text {
  font-size: 16px;
  font-weight: normal;
}

/***/
.sec-partners {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #e6eaeb;
}
.page-subtitle_partners {
  text-align: center;
}
.partners {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  -moz-box-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;

  -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;

  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -10px;
}
.partners__item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;  
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;  

  width: calc(16.66% - 20px);
  margin: 0 10px 20px;
  text-align: center;
}
.partners__icon-wrap {
  margin: 0 auto;

  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;

  -moz-box-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
/***/

.sec-serv-wrap {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;

  padding-bottom: 70px;
}
.sec-services {
  background-color: rgba(255,255,255, .76);
  padding-top: 80px;
  padding-bottom: 100px;
  margin-bottom: 50px;
}
.services {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; 
}
.services__left, .services__right {
  width: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;  
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.page-subtitle_services {
  margin-bottom: 20px;
}
.services__list {
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 40px;
  list-style: none;
}
.services__list-item {
  font-size: 23px;
  position: relative;
  margin-bottom: 15px;
}
.services__list-item:before {
  width: 25px;
  height: 25px;
  content: '';
  background-image: url(images/list-ico.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: -40px;
}
.sevices__img-wrap {
  margin-top: 15px;
}

.sec-contacts__wrap {
  background-color: #669933;
  opacity: 0.9;
  border-radius: 0 40px 0 40px;
  padding: 25px 70px 65px;
}
.page-subtitle_contacts {
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}
.contacts {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px;
}
.contacts__item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;  
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;

  width: 25%;
  padding: 10px 20px;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  position: relative;
}
.contacts__item:before {
  width: 1px;
  height: 100%;
  content: '';
  background-color: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
}
.contacts__item:first-child:before {
  display: none;
}
.contacts__item p {
  margin: 0;
}
.contacts__phone {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  position: relative;
  padding-left: 30px;
  margin-top: 10px;
}
.contacts__phone:hover {
  text-decoration: underline;
}
.contacts__phone:before {
  width: 15px;
  height: 15px;
  content: '';
  background-image: url(images/phone.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}

.sec-news {
  padding-top: 67px;
}
.page-subtitle_news {
  text-align: center;
  margin-bottom: 40px;
}

.news {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -10px;
}

.news__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-calc(33.333% - 20px);
  width: calc(33.333% - 20px);
  margin: 0 10px;
  margin-bottom: 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #f1f1f2;
  border-radius: 0 40px 0 0;
  cursor: pointer;
  text-decoration: none;
  color: #333;
}

.news__item-wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.news__top-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 25px 30px 10px;
}
.news__img-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 263px;
  width: 100%;
  border-radius: 0 40px 0 40px;
  overflow: hidden;
}

.news__img-wrap img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.news__item:hover .news__img-wrap img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}

.news__title {
  font-size: 23px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
  min-height: 200px;
  color: #333;
}
.news__item:hover .news__title {
  text-decoration: underline;
}
.news_meta {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 15px;
}
.news_meta-time {
  color: #000;
  margin-right: 10px;
}
.news_meta-cat {
  font-weight: bold;
  color: #66cc66;
}
.news_meta-cat_event {
  color: #0099cc;
}

.site-footer {
  background-color: #71b557;  
  padding-top: 45px;
  padding-bottom: 80px;
}
.footer {
  color: #fff;

  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;  
}
.footer__col {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;          
  
}

.footer__col_1 {
  width: 108px;
}
.footer__col_2 {
  width: calc(63% - 108px);
  padding-left: 54px;
  padding-right: 80px;
  padding-top: 10px;
}
.footer__col_3 {
  width: calc(37% - 70px);
  padding-left: 25px;
  padding-top: 10px;

  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.footer__col_4 {
  padding-top: 5px;
  width: 70px;
  -moz-box-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.footer__col p {
  margin: 0;
  font-size: 16px;
  font-weight: normal;
}
.footer__contacts-social {
  width: 40px;
  height: 40px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
} 
.footer__contacts-social:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.footer__contacts-icon {
  width: 28px;
}
.footer__contacts-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-box-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;

  margin-bottom: 15px;
}
.footer__contacts-text {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;

  font-size: 16px;
  padding-left: 20px;          
}
.footer__contacts-link {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
}
.footer__contacts-link:hover {
  text-decoration: underline;
}
.footer__contacts-label {
  font-size: 16px;
  font-weight: bold;
}

.registration-form.fancybox-content {
  background-color: #0887ba;
}
.registration-form .fancybox-button svg path {
	fill: #fff;
}
.registration-form .fancybox-close-small {
	right: 40px;
	top: 20px;
	transform: scale(1.5);
}
.form-title {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 35px;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 15px;
}
.form-subtitle {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.2;
  margin-bottom: 35px;
}

.form input, .form textarea {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;  
  width: 100%;
  padding: 10px;
  font-family: "Montserrat", sans-serif;
  font-size: 23px;
  font-weight: normal;
  line-height: 1.2;
  color: #333;
  border: 1px solid #fff;
  outline: none;
  box-shadow: none;
}
.form input {
  height: 60px;
  background-color: #fff;
}
.form input:focus {
  border: 1px solid #fff;
  background-color: #fff;
}
.form input::-webkit-input-placeholder {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  color: #939598;
}
.form input::-moz-placeholder {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  color: #939598;
}
.form input:-ms-input-placeholder {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  color: #939598;
}
.form input::-ms-input-placeholder {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  color: #939598;
}
.form input::placeholder {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  color: #939598;
}
.form label {
  display: block;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
  margin-left: 0px;
  color: #fff;
}
.form__elem-wrap {
  margin-bottom: 15px;
}
input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}
input[data-autocompleted] {
    background-color: transparent !important;
}

.form .wpcf7-submit {
  width: 358px;
  height: 84px;
  background-color: #f4c23f;
  color: #333;
  border-radius: 40px 0 40px 0;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  border: 2px solid #f4c23f;
  float: right;
}
.form .wpcf7-submit:hover {
    background-color: #FFFFFF;
    color: #f4c23f;
}
.row_submit {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;

	padding-top: 5px;
	padding-bottom: 20px;
}
.row_submit .col {
	position: relative;
}
.form .notice {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.2;
}

.form .wpcf7-spinner {
  margin: 8px auto 0;
  position: absolute;
  top: 100%;
  right: 167px;    
  left: auto;
}
.wpcf7 form .wpcf7-response-output {
  margin: 0.5em 0 0.5em;
  padding: 0.2em 2em;
  text-align: center; 
  color: #fff; 
  font-size: 20px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  padding: 0.2em 1em;
  color: #fff;
  font-size: 20px;
}
.form .wpcf7-not-valid-tip {
  font-size: 14px;
}

.mfp-hide {
    display: none;
}
.news-popup.fancybox-content {
  background: #fff;
}
.news-popup .fancybox-close-small {
  right: 40px;
  top: 20px;
  transform: scale(1.5);
}
.news-popup__title {
  font-size: 30px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 30px;
}
.news-popup__image {
  text-align: center;
}
.stext {
  font-size: 20px;
  line-height: 1.2;
}
.stext > * {
    margin: 0 0 10px;    
}
.stext ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.stext ul li {
    position: relative;
    margin: 0 0 10px;
    padding: 0 0 0 30px;
    background: url(images/list-ico.svg) 0 5px / 15px auto no-repeat;
}

.menu-mobile {
  font-size: 20px;
}
#header-mobile-menu:not(.mm-menu) {
  display: none;
}
.mm-menu_offcanvas.mm-menu_opened {
  z-index: 9999;
}
.mm-navbar {
  background-color: #62a84c;
}
.mm-navbar__title {
  color: #fff!important;
}
.mm-navbars_bottom .mm-navbar {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.mmenu__close {
  position: absolute;
  right: 20px;
  top: 7px;
  border: none;
  outline: 0;
  background: 0 0;
}
.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.header__burger {
  display: none;
}

.error-404__content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;  
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-box-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -moz-box-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  min-height: 50vh;
}
.error-404__title {
  font-size: 60px;
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 30px;
}


.slick-dots {
  bottom: 0;
}
.slick-dots li {
  margin: 0 3px;
}
.slick-dots li button:before {
  font-size: 12px;
  opacity: 0.75;
}
.slick-dots li.slick-active button:before {
  opacity: .75;
  color: #71b557;
}
.slick-dots button:hover:after {
  background: rgba(0,0,0,0);
}

.news .slick-prev:after,
.news .slick-next:after {
  display: none;
}
.news .slick-prev {
  left: 10px;
  top: 236px;
}
.news .slick-next {
  right: 10px;
  top: 236px;
}
.news .slick-prev,
.news .slick-next {
  width: 45px;
  height: 55px;
  z-index: 100;

  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.news .slick-arrow[aria-disabled="true"] {
  visibility: hidden;
}
.news .slick-prev:before {
  display: inline-block;
  width: 45px;
  height: 55px;
  background-image: url(/content/themes/oaclub/images/arrow-left.svg);
  background-position: center right;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  content: " ";
  vertical-align: middle;
  opacity: 1;

  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.news .slick-next:before {
  display: inline-block;
  width: 45px;
  height: 55px;
  background-image: url(/content/themes/oaclub/images/arrow-right.svg);
  background-position: center left;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  content: " ";
  vertical-align: middle;
  opacity: 1;

  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}



/*** Media ***/
@media screen and (max-width: 1280px) {
  .wrap {
    padding: 0 20px;
  }
  .flex-header {
    padding-left: 40px;
  }
  .prp {
    padding: 80px 40px 40px;
  }
  .sec-contacts__wrap {
    padding: 25px 40px 65px;
  }
  .news {
    margin: 0;
  }
}
@media screen and (max-width: 1180px) {
  .header__title {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
  }
  .btn_registration, .btn_contacts, .btn_404, .form .wpcf7-submit, .btn_financing {
    width: 280px;
    height: 74px;
  }
  .news__title {
    font-size: 20px;
  }
  .about__block-btn {
    padding-right: 0;
  }
  .mega-menu li a {
    padding: 28px 10px;
  }
  .customers__item {
    font-size: 20px;
  }
  .sec-main-bnr {
    background-position: right bottom;
  }
}
@media screen and (max-width: 1024px) {
  .mega-menu li a {
    padding: 28px 7px;
  }
  .main-bnr__bnf-item:nth-child(2):before {
    left: -30px;
  }
  .main-bnr__bnf-item:nth-child(2):after {
    right: -30px;
  }
}
@media screen and (max-width: 991px) {
  .header__burger {
    width: 50px;
    height: 40px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .burger {
    display: block;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background-image: url(/content/themes/oaclub/images/menu-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .main-navigation {
    display: none;
  }
  .wrap {
    padding: 0;
  }
  .flex-header {
    padding-left: 15px;
    padding-right: 15px;
  }
  .header__registration {
    padding-right: 0;
    margin-top: 10px;
  }
  .prp {
    -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  }
  .prp__col-left {
    width: 100%;
  }
  .prp__col-right {
    width: 100%;
    padding-left: 65px;
    padding-right: 45px;
  }
  .header__title br {
    display: none;
  }
  .main-bnr__bottom {
    width: 100%;
  }
  .contacts {
    -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  }
  .contacts__item {
    width: 50%;
    margin-bottom: 20px;
  }
  .contacts__item:first-child:before {
    display: block;
  }
}
@media screen and (max-width: 840px) {
  .flex-header {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -moz-box-pack: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;    
  }
  .header__title {
    width: calc(100% - 140px);
    padding-right: 0;
  }
  .header__phone {
  -moz-box-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  }
  .main-bnr__bottom {
    -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    padding-bottom: 20px;      
  }
  .main-bnr__bnf-item {
    margin-bottom: 15px;
    width: 100%;
  }
  .main-bnr__bnf-item:nth-child(2):before, .main-bnr__bnf-item:nth-child(2):after {
    display: none;
  }
  .main-bnr__title, .main-bnr__descriprtion, .main-bnr__bnf-item-text {
    text-shadow: 1px 1px 0px #333;
  }
  .main-bnr__title {
    font-size: 44px;
  }
  .customers, .our-values, .services, .partners, .footer, .about__bottom {
    -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  }
  .about__block-links, .about__block-btn {
    width: 100%;
  }
  .about__block-links {
    text-align: center;
  }
  .about__block-btn {
    -moz-box-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 0;
  }
  .customers__item {
    width: calc(100% - 20px);
    height: auto;
    padding: 50px 30px 50px;
  }
  .our-values__item {
    width: calc(50% - 20px);
  }
  .partners__item {
     width: calc(33.333% - 20px);
  }
  .services {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;  
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;  
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .services__left, .services__right {
    width: 100%;
    -moz-box-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .sec-services {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .page-subtitle_services {
    margin-bottom: 20px;
    margin-top: 40px;
  }
  .news__item {
    width: calc(50% - 20px);
  }
  .footer__col_2 {
    width: calc(100% - 108px);
  }
  .footer__col_3 {
    width: calc(100% - 70px);
    border-left: 0;
    padding-left: 0;
    margin-top: 20px;
  }
  .footer__col_4 {
    padding-top: 30px;
  }
  .prp__title {
    font-size: 28px;
  }
  .prp_list {
    font-size: 20px;
  }
  .prp__item:before {
    width: 35px;
    height: 35px;
  }
  .prp__col-left, .prp__col-right {
    padding-right: 0;
  }
  .news-popup__title {
    font-size: 28px;
  }
}  
@media screen and (max-width: 740px) {
  .contacts__item {
    width: 100%;
    margin-bottom: 20px;
  }
  .mega-menu {
    flex-wrap: wrap;
  }
  .mega-menu li {
    width: 100%;    
  }
  .mega-menu li a {
    padding: 7px 7px;
    justify-content: center;
  }
  .mega-menu li a:before {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .sec-main-bnr {
    background-position: center bottom;
  }
  .news__item {
    width: calc(90% - 20px);
  }
  .news__title {
    min-height: 188px;
    padding-bottom: 20px;
  }
  .col_6 {
    width: 100%;
  }
  .header__phone {
    font-size: 30px;
  }
}
@media screen and (max-width: 480px) {
  .header__logo {
    width: 80px;
    min-width: 80px;
  }
  .header__title {
    width: calc(100% - 80px);
    font-size: 16px;
  }
  .header__phone {
    font-size: 20px;
  }
  .header__phone svg {
    width: 20px;
    margin-right: 8px;
  }
  .sec-main-bnr {
    background-position: left bottom;
  }
  .registration-notice {
    text-align: center;
  }
  .main-bnr__title {
    font-size: 40px;
    line-height: 1;
  }
  .main-bnr__descriprtion {
    font-size: 20px;
  }
  .page-subtitle {
    font-size: 28px;
  }
  .sec-about {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .about__description {
    font-size: 20px;
  }
  .sec-prp-bg {
    height: 1400px;
  }
  .prp {
    padding: 40px 30px;
    margin-top: -1350px;
  }
  .prp__col-left, .prp__col-right {
    padding-left: 20px;
    padding-right: 20px;
  }
  .prp__item:before {
    left: -35px;
  }
  .prp__title {
    font-size: 23px;
  }
  .prp__subtitle {
    font-size: 18px;
  }
  .prp_list {
    font-size: 16px;
  }
  .prp__item:before {
    width: 25px;
    height: 25px;
  }  
  .services__list-item {
    font-size: 20px;
  }
  .services__list-item:before {
    width: 20px;
    height: 20px;
  }
  .our-values__item {
    width: calc(100% - 20px);
  }
  .partners__item {
    width: calc(50% - 20px);
  }
  .news__item {
    width: calc(100% - 20px);
  }
  .footer__col_1, .footer__col_2, .footer__col_3, .footer__col_4 {
    width: 100%;
    align-items: center;
  }
  .footer__col_3 {
    border-right: 0;
  }
  .footer__col_2 {
    padding-left: 0;
    padding-right: 0;
  }
  .footer__col_4 {
    flex-direction: row;
    justify-content: center;
  }
  .fancybox-content {
    padding: 60px 15px;
  }
  .news-popup__title {
    font-size: 24px;
  }
  .stext {
    font-size: 16px;
  }
}