.svg-arrow-down-dims {
  width: 31px;
  height: 18px; }

.svg-athletic-dims {
  width: 110px;
  height: 108px; }

.svg-barbell-dims {
  width: 155px;
  height: 155px; }

.svg-basketball-dims {
  width: 230px;
  height: 230.6px; }

.svg-bow-dims {
  width: 152px;
  height: 152px; }

.svg-bycycle-dims {
  width: 152px;
  height: 152px; }

.svg-crest-dims {
  width: 20.9px;
  height: 33.4px; }

.svg-cross-dims {
  width: 33.5px;
  height: 33.5px; }

.svg-department-dims {
  width: 30.3px;
  height: 30.3px; }

.svg-driving-dims {
  width: 230px;
  height: 230px; }

.svg-fb-dims, .icon-fb {
  width: 27px;
  height: 27px; }

.svg-filter-dims {
  width: 770.5px;
  height: 777.6px; }

.svg-golf-dims {
  width: 230px;
  height: 230px; }

.svg-highway-dims {
  width: 111px;
  height: 111px; }

.svg-ig-dims, .icon-ig {
  width: 27px;
  height: 27px; }

.svg-logo-dims {
  width: 708px;
  height: 358.1px; }

.svg-logo-ukr-dims {
  width: 2000px;
  height: 449.58px; }

.svg-medal-dims, .icon-medal {
  width: 71px;
  height: 71px; }

.svg-ministry-dims {
  width: 130.9px;
  height: 130.3px; }

.svg-pdf-dims {
  width: 107.7px;
  height: 107.7px; }

.svg-pepelatz-dims {
  width: 402.9px;
  height: 89.9px; }

.svg-powerlifting-dims {
  width: 111px;
  height: 111px; }

.svg-ragby-dims {
  width: 230px;
  height: 230px; }

.svg-scheme-dims, .icon-scheme {
  width: 72px;
  height: 72px; }

.svg-spatcom-dims {
  width: 77.4px;
  height: 43px; }

.svg-sponsor-dims, .icon-sponsor {
  width: 71px;
  height: 71px; }

.svg-tennis-dims {
  width: 230px;
  height: 230px; }

.svg-tw-dims, .icon-tw {
  width: 27px;
  height: 27px; }

.svg-vk-dims, .icon-vk {
  width: 27px;
  height: 27px; }

.svg-volleyball-dims {
  width: 230px;
  height: 230.3px; }

.svg-water-dims {
  width: 107.7px;
  height: 107.7px; }

.svg-yt-dims, .icon-yt {
  width: 27px;
  height: 27px; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
These "retina group" variables are mappings for the naming and pairing of normal and retina sprites.

The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`.
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `retina-sprite` mixin sets up rules and a media query for a sprite/retina sprite.
  It should be used with a "retina group" variable.

The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/

$icon-home-group: ('icon-home', $icon-home, $icon-home-2x, );

.icon-home {
  @include retina-sprite($icon-home-group);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/*
The `retina-sprites` mixin generates a CSS rule and media query for retina groups
  This yields the same output as CSS retina template but can be overridden in SCSS

@include retina-sprites($retina-groups);
*/
/*NORMALIZE.CSS*/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  -ms-text-size-adjust: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 1 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*NORMALIZE.CSS END*/
/*RESET*/
*,
:focus {
  outline: none; }

body {
  -webkit-fontype-smalloothing: antialiased; }

body,
html {
  height: 100%;
  width: 100%; }

a,
input[type=radio],
input[type=checkbox],
select {
  cursor: pointer; }

select[disabled] {
  cursor: default; }

/*normalization mozila*/
input:-webkit-autofill {
  background-color: transparent; }

/*normalization ie7*/
* + html input[type=checkbox],
* + html input[type=radio] {
  width: 13px;
  height: 13px; }

textarea {
  resize: none;
  vertical-align: top; }

em,
i {
  font-style: italic; }

img {
  vertical-align: top; }

input {
  vertical-align: middle; }

dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

menu,
ol,
ul {
  padding: 0 0 0 40px; }

nav ul,
nav ol {
  list-style: none outside none; }

blockquote,
q {
  quotes: none; }

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

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

:focus {
  -moz-outline: 3px solid #fff !important; }

input[type="radio"]:focus {
  -moz-outline-radius: 12px !important;
  -moz-outline-offset: 0 !important; }

input[type="checkbox"]:focus {
  -moz-outline-offset: -1px !important;
  -moz-outline: 1px solid #000 !important; }

/*fix button click opera old version*/
button:after {
  content: ""; }

del {
  text-decoration: line-through; }

table {
  width: 100%; }

form {
  margin: 0;
  padding: 0; }

input::-ms-clear {
  display: none; }

:-moz-placeholder {
  /* Firefox 18- */
  opacity: 1; }

::-webkit-input-placeholder {
  /* chrome */
  opacity: 1;
  color: inherit; }

::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1; }

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 {
  border: 0 none;
  font: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

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

body {
  line-height: 1; }

ol, ul {
  list-style: outside none none; }

blockquote, q {
  quotes: none; }

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

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

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

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

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

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

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.centered {
  display: table;
  width: 100%;
  height: 100%; }
  .centered > * {
    display: table-cell;
    text-align: center;
    vertical-align: middle; }

body {
  background: #fff;
  color: #fff;
  font-family: "DIN Next CYR", Verdana;
  font-size: 24px;
  font-weight: 400;
  line-height: 29px; }

h1, h2, h3, h4, h5, h6 {
  font-family: "DIN Round Pro", "DIN Next CYR", Verdana;
  margin: 0;
  padding: 0;
  color: #ffd600;
  text-transform: uppercase;
  padding: 0 0 .5em; }

h1 {
  font-size: 36px;
  line-height: 40px;
  font-weight: 700;
  text-transform: uppercase; }

h2 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 700; }

h3 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700; }

h4 {
  font-size: 18px;
  line-height: 25px;
  font-weight: 300; }

h5 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300; }

h6 {
  font-size: 12px;
  line-height: 1.4; }

p {
  padding: 0 0 29px;
  margin: 0; }

hr {
  overflow: hidden;
  height: 1px;
  background: #e9e9e9;
  border: 0;
  margin: 32px 0; }

q,
blockquote {
  text-align: center;
  display: block;
  font-style: italic; }

strong,
b {
  font-weight: 700; }

a {
  color: #354fc1;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  text-decoration: none; }
  a.link--yellow {
    color: #ffd600;
    text-decoration: underline; }
    a.link--yellow:hover {
      text-decoration: none; }
  a.button {
    text-decoration: none; }
    a.button:hover {
      text-decoration: none; }

a:hover {
  text-decoration: none;
  opacity: .8; }

[class*="icon-"] {
  display: inline-block;
  vertical-align: top; }

.static-content h1, .static-content h2, .static-content h3, .static-content h4, .static-content h5, .static-content h6 {
  text-align: center; }

.static-content h2 {
  padding-bottom: 28px; }

.static-content h3 {
  padding: 12px 0 21px;
  font-size: 21px; }
  @media (max-width: 1024px) {
    .static-content h3 {
      padding: 28px 30px 14px; } }
  @media (max-width: 479px) {
    .static-content h3 {
      padding-left: 0;
      padding-right: 0; } }

@media (max-width: 1024px) {
  .static-content p {
    padding-bottom: 14px;
    font-size: 18px;
    line-height: 1.3; } }

img[style*="float: left"],
img[style*="float:left"],
img[align="left"] {
  margin: 0 20px 5px 0; }

img[style*="float: right"],
img[style*="float:right"],
img[align="right"] {
  margin: 0 0 5px 20px; }

.default-list li {
  position: relative;
  padding-left: 10px; }
  .default-list li:before {
    position: absolute;
    content: '';
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    background: pink;
    border-radius: 50%; }

ol {
  list-style-type: decimal;
  list-style-position: inside;
  counter-reset: item; }
  ol li {
    display: block;
    position: relative; }
    ol li:before {
      content: counters(item, ".") ". ";
      counter-increment: item;
      display: inline;
      vertical-align: top;
      font-weight: 700; }

.upper {
  text-transform: uppercase; }

fieldset {
  display: block;
  text-align: center; }

label {
  display: block; }
  label:hover {
    cursor: pointer; }

.form-row {
  padding: 0 0 38px; }
  .form-row label {
    color: #ffd600;
    font: 700 26px/26px "DIN Round Pro";
    padding: 0 0 14px; }
  @media (max-width: 1024px) {
    .form-row {
      padding-bottom: 25px; }
      .form-row label {
        font-size: 18px;
        line-height: 1.1; }
      .form-row input[type="text"], .form-row input[type="password"], .form-row input[type="email"], .form-row input[type="tel"], .form-row input[type="search"], .form-row textarea, .form-row select, .form-row .input {
        padding: 11px 25px; }
      .form-row textarea {
        height: 204px; }
      .form-row .btn {
        padding: 26px 20px;
        font-size: 30px; } }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea,
select,
.input {
  background-color: #fff;
  border: 5px solid transparent;
  color: #000;
  font-size: 26px;
  line-height: 30px;
  padding: 20px 25px;
  width: 100%;
  display: block;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-appearance: none;
  border-radius: 0; }
  input[type="text"]::-webkit-input-placeholder,
  input[type="password"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="tel"]::-webkit-input-placeholder,
  input[type="search"]::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder,
  select::-webkit-input-placeholder,
  .input::-webkit-input-placeholder {
    color: #000; }
  input[type="text"]::-moz-placeholder,
  input[type="password"]::-moz-placeholder,
  input[type="email"]::-moz-placeholder,
  input[type="tel"]::-moz-placeholder,
  input[type="search"]::-moz-placeholder,
  textarea::-moz-placeholder,
  select::-moz-placeholder,
  .input::-moz-placeholder {
    color: #000;
    opacity: 1; }
  input[type="text"]:-ms-input-placeholder,
  input[type="password"]:-ms-input-placeholder,
  input[type="email"]:-ms-input-placeholder,
  input[type="tel"]:-ms-input-placeholder,
  input[type="search"]:-ms-input-placeholder,
  textarea:-ms-input-placeholder,
  select:-ms-input-placeholder,
  .input:-ms-input-placeholder {
    color: #000; }
  input[type="text"]:focus::-moz-placeholder,
  input[type="password"]:focus::-moz-placeholder,
  input[type="email"]:focus::-moz-placeholder,
  input[type="tel"]:focus::-moz-placeholder,
  input[type="search"]:focus::-moz-placeholder,
  textarea:focus::-moz-placeholder,
  select:focus::-moz-placeholder,
  .input:focus::-moz-placeholder {
    color: transparent;
    opacity: 1; }
  input[type="text"]:focus::-webkit-input-placeholder,
  input[type="password"]:focus::-webkit-input-placeholder,
  input[type="email"]:focus::-webkit-input-placeholder,
  input[type="tel"]:focus::-webkit-input-placeholder,
  input[type="search"]:focus::-webkit-input-placeholder,
  textarea:focus::-webkit-input-placeholder,
  select:focus::-webkit-input-placeholder,
  .input:focus::-webkit-input-placeholder {
    color: transparent; }
  input[type="text"]:focus:-ms-input-placeholder,
  input[type="password"]:focus:-ms-input-placeholder,
  input[type="email"]:focus:-ms-input-placeholder,
  input[type="tel"]:focus:-ms-input-placeholder,
  input[type="search"]:focus:-ms-input-placeholder,
  textarea:focus:-ms-input-placeholder,
  select:focus:-ms-input-placeholder,
  .input:focus:-ms-input-placeholder {
    color: transparent; }
  input[type="text"]:focus::placeholder,
  input[type="password"]:focus::placeholder,
  input[type="email"]:focus::placeholder,
  input[type="tel"]:focus::placeholder,
  input[type="search"]:focus::placeholder,
  textarea:focus::placeholder,
  select:focus::placeholder,
  .input:focus::placeholder {
    color: transparent; }
  input[type="text"]:focus:not(select),
  input[type="password"]:focus:not(select),
  input[type="email"]:focus:not(select),
  input[type="tel"]:focus:not(select),
  input[type="search"]:focus:not(select),
  textarea:focus:not(select),
  select:focus:not(select),
  .input:focus:not(select) {
    border-color: #ffd600;
    background-color: #fff; }
  input[type="text"].disabled, input[type="text"][disabled="disabled"], input[type="text"][disabled],
  input[type="password"].disabled,
  input[type="password"][disabled="disabled"],
  input[type="password"][disabled],
  input[type="email"].disabled,
  input[type="email"][disabled="disabled"],
  input[type="email"][disabled],
  input[type="tel"].disabled,
  input[type="tel"][disabled="disabled"],
  input[type="tel"][disabled],
  input[type="search"].disabled,
  input[type="search"][disabled="disabled"],
  input[type="search"][disabled],
  textarea.disabled,
  textarea[disabled="disabled"],
  textarea[disabled],
  select.disabled,
  select[disabled="disabled"],
  select[disabled],
  .input.disabled,
  .input[disabled="disabled"],
  .input[disabled] {
    background-color: #f3f3f3; }

textarea {
  height: 269px; }

input[type="file"] {
  display: none; }
  input[type="file"] + label {
    display: block;
    background: #fff;
    font-size: 14px;
    line-height: 24px;
    padding: 25px 15px;
    color: #969696;
    text-align: center;
    border: 1px dashed #c4c4c4;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out; }
    input[type="file"] + label:hover {
      border-color: #696969;
      background: #e9e9e9; }

select {
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  -webkit-transition: none;
  transition: none;
  background-position: right 25px center;
  background-repeat: no-repeat;
  background-image: url("../img/sprite/retina/2x/select-down.png");
  background-size: 29px 17px;
  background-color: #fff; }

.ui-front {
  z-index: 9999; }

.ui-selectmenu-button {
  border: 1px solid #939393;
  border-radius: 0;
  background: #f3f3f3;
  color: #282828; }
  .ui-selectmenu-button[aria-expanded="true"] {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid #8e8e8e; }
  .ui-selectmenu-button span.ui-selectmenu-text {
    padding: 10px 15px 9px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px; }
  .ui-selectmenu-button span.ui-icon-triangle-1-s {
    width: 45px;
    height: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    border-left: 1px solid #939393;
    background: url("../img/icons/slct-open.png") center center no-repeat;
    margin: 0; }

.ui-selectmenu-menu .ui-widget-content {
  border-radius: 0;
  background: #f3f3f3;
  color: #282828; }
  .ui-selectmenu-menu .ui-widget-content .ui-menu-item {
    padding: 10px 15px 9px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px; }
    .ui-selectmenu-menu .ui-widget-content .ui-menu-item.ui-state-focus {
      border: 0;
      margin: 0;
      font-weight: inherit; }

.ui-menu .ui-menu-item {
    color: #000000;
}

button,
.btn {
  text-align: center;
  vertical-align: top;
  font: 700 38px/38px "DIN Round Pro";
  padding: 21px 25px;
  text-transform: uppercase;
  background: #ffd600;
  color: #000;
  border: 0;
  border-radius: 0;
  position: relative;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  width: 100%;
  display: block; }
  button:hover, button.active,
  .btn:hover,
  .btn.active {
    opacity: .8; }
  button:focus,
  .btn:focus {
    position: relative;
    top: 1px; }
  button.disabled, button[disabled="disabled"], button[disabled],
  .btn.disabled,
  .btn[disabled="disabled"],
  .btn[disabled] {
    background: #ccc;
    color: #aaa;
    cursor: not-allowed; }
  button--big,
  .btn--big {
    padding: 40px 20px; }

input[type="checkbox"] {
  position: absolute;
  left: -9999px; }
  input[type="checkbox"] + label {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 30px;
    position: relative;
    cursor: pointer;
    font-size: 15px;
    line-height: 24px;
    width: auto !important; }
    input[type="checkbox"] + label:before, input[type="checkbox"] + label:after {
      position: absolute;
      content: ''; }
  input[type="checkbox"]:checked + label:after {
    opacity: 1; }

input[type="radio"] {
  position: absolute;
  left: -9999px; }
  input[type="radio"] + label {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 30px;
    position: relative;
    cursor: pointer;
    font-size: 15px;
    line-height: 24px;
    width: auto !important; }
    input[type="radio"] + label:before, input[type="radio"] + label:after {
      position: absolute;
      content: ''; }
  input[type="radio"]:checked + label:after {
    opacity: 1; }

.rating-stars:after {
  content: " ";
  display: block;
  clear: both; }

.rating-stars.static {
  pointer-events: none; }

.rating-stars:not(old) {
  display: inline-block;
  vertical-align: top; }
  .rating-stars:not(old) > input[type="radio"] {
    margin-right: -100%;
    opacity: 0;
    display: none; }
  .rating-stars:not(old) > label {
    display: block;
    float: right;
    position: relative;
    margin: 0 1px 0 0;
    padding: 0;
    text-indent: -9999%;
    overflow: hidden;
    top: 0; }
    .rating-stars:not(old) > label:after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      -webkit-transition: opacity 0.2s linear;
      transition: opacity 0.2s linear; }
    .rating-stars:not(old) > label:before {
      display: none; }

.rating-stars:not(old) > label:hover:after,
.rating-stars:not(old) > label:hover ~ label:after,
.rating-stars:not(:hover) > :checked ~ label:after {
  opacity: 1; }

.rating-stars.static {
  position: relative; }
  .rating-stars.static .inner {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0; }

.ui-datepicker {
  width: 242px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 2px #ccc;
          box-shadow: 0 0 2px #ccc;
  padding: 10px !important;
  display: none; }
  .ui-datepicker .ui-widget-header {
    background: #fff;
    border: 0;
    border-radius: 0;
    padding: 5px 35px 13px; }
    .ui-datepicker .ui-widget-header .ui-datepicker-prev, .ui-datepicker .ui-widget-header .ui-datepicker-next {
      position: absolute;
      font-family: 'mymobstr-pt';
      top: 14px;
      color: #9B9B9B;
      font-size: 24px;
      height: 24px;
      width: 24px; }
      .ui-datepicker .ui-widget-header .ui-datepicker-prev:hover, .ui-datepicker .ui-widget-header .ui-datepicker-next:hover {
        background: #fff;
        border: 0;
        text-decoration: none; }
    .ui-datepicker .ui-widget-header .ui-datepicker-prev {
      left: 10px; }
      .ui-datepicker .ui-widget-header .ui-datepicker-prev:before {
        content: '\e6fe'; }
    .ui-datepicker .ui-widget-header .ui-datepicker-next {
      right: 10px; }
      .ui-datepicker .ui-widget-header .ui-datepicker-next:before {
        content: '\e6ff'; }
    .ui-datepicker .ui-widget-header .ui-datepicker-title {
      color: #333;
      font-size: 14px;
      line-height: 18px;
      font-weight: 600;
      text-align: center;
      text-transform: uppercase; }
  .ui-datepicker .ui-datepicker-calendar {
    margin: 0 -10px;
    padding: 0 10px; }
  .ui-datepicker thead th {
    font-size: 12px;
    line-height: 16px;
    color: #9B9B9B;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0 0 6px; }
  .ui-datepicker tbody tr td .ui-state-default {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    padding: 5px 8px;
    color: #333;
    border: 0;
    background: #fff;
    display: block;
    text-align: center; }
    .ui-datepicker tbody tr td .ui-state-default.ui-state-hover {
      border: 0;
      background: #eee;
      text-decoration: none; }
    .ui-datepicker tbody tr td .ui-state-default.ui-state-highlight {
      color: #fff; }
    .ui-datepicker tbody tr td .ui-state-default.ui-state-active {
      background: #eee;
      text-decoration: none; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

body {
  height: 100%;
  min-width: 320px;
  background: #000; }

.container {
  padding: 0 15px;
  max-width: 1130px;
  margin: 0 auto; }
  .container:after {
    content: " ";
    display: block;
    clear: both; }
  @media (max-width: 1024px) {
    .container {
      padding: 0 30px; } }

.inspection-tablet {
  display: none; }
  @media (max-width: 1024px) {
    .inspection-tablet {
      display: block; } }

.layout {
  min-height: 100%;
  margin: 0 0 -325px;
  padding: 0 0 325px;
  overflow: hidden; }
  @media (max-width: 1024px) {
    .layout {
      margin: 0 0 -22px;
      padding: 0 0 22px; } }

.header {
  position: relative;
  z-index: 10;
  background-color: #000;
  background-image: url("../img/header-bg-pattern.png");
  background-repeat: repeat-x;
  background-position: bottom left;
  padding: 0 0 32px; }
  .header__top {
    background: #ffd600;
    padding: 8px 0 6px; }
    .header__top:after {
      content: " ";
      display: block;
      clear: both; }
  .header__bottom {
    padding: 29px 0 0; }
  .header__promo {
    font-size: 16px;
    color: #000;
    float: left; }
  .header__lng {
    float: right;
    line-height: 22px;
    padding: 5px 0 0 13px;
    margin-right: -5px; }
    .header__lng-button {
      color: #000;
      font-size: 22px;
      line-height: 22px;
      padding: 0 25px 0 0;
      position: relative;
      display: block; }
      .header__lng-button-icon {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -9px; }
    .header__lng-inner {
      position: relative;
      padding: 0 5px; }
      .header__lng-inner:hover .header__lng-list {
        visibility: visible;
        opacity: 1; }
    .header__lng-list {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      width: 100%;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
    .header__lng-link {
      display: block;
      padding: 0 2px;
      color: #000;
      background: #ffd600;
      font-size: 22px;
      line-height: 22px; }
      .header__lng-link:hover {
        color: #ffd600;
        background: #000;
        opacity: 1; }
  .header__logo {
    float: left;
    width: 262px; }
  .header__holder {
    float: left;
    width: calc(100% - 262px);
    padding-left: 72px; }
  .header__nav {
    font-size: 0; }
    .header__nav:after {
      content: " ";
      display: block;
      clear: both; }
    .header__nav-item {
      display: inline-block;
      vertical-align: top;
      padding: 0 10px 0 0;
      width: 12%; }
      .header__nav-item:last-child {
        padding-right: 0; }
      .header__nav-item--sm {
        width: 24%; }
      .header__nav-item--md {
        width: 27%; }
      .header__nav-item--lg {
        width: 37%; }
      .header__nav-item--news {
        width: auto; }
    .header__nav-title, .footer__nav-title {
      font-size: 22px;
      color: #fff;
      text-transform: uppercase;
      padding: 0 0 4px; }
      .header__nav-title--active-news {
        color: #ffd600; }
    .header__nav-list-item, .footer__nav-list-item {
      padding: 0 0 3px; }
      .header__nav-list-item:last-child, .footer__nav-list-item:last-child {
        padding-bottom: 0; }
    .header__nav-link, .footer__nav-link {
      display: inline-block;
      vertical-align: top;
      font-size: 16px;
      line-height: 20px;
      color: #7e7e80; }
      .header__nav-link:hover, .footer__nav-link:hover, .header__nav-link--active {
        color: #ffd600; }
  .header__hamburger {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    margin: 10px 29px 0 0;
    z-index: 100; }
  .header__socials {
    float: right; }
  @media (max-width: 1024px) {
    .header {
      background-image: none;
      position: relative; }
      .header__hamburger {
        display: block; }
      .header__holder--open .header__nav {
        display: block; }
      .header__holder--open .icon-hamburger__line {
        display: none; }
      .header__holder--open .icon-hamburger:after, .header__holder--open .icon-hamburger:before {
        left: 50%;
        top: 50%;
        bottom: auto; }
      .header__holder--open .icon-hamburger:after {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
            -ms-transform: translate(-50%, -50%) rotate(45deg);
                transform: translate(-50%, -50%) rotate(45deg); }
      .header__holder--open .icon-hamburger:before {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            -ms-transform: translate(-50%, -50%) rotate(-45deg);
                transform: translate(-50%, -50%) rotate(-45deg); }
      .header__top {
        padding: 15px 0 13px; }
      .header__bottom {
        padding-top: 26px; }
      .header__lng {
        padding: 5px 87px 2px 0; }
      .header__socials {
        display: inline-block;
        float: none; }
      .header__nav {
        display: none;
        position: fixed;
        padding: 133px 0 60px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #ffd600;
        z-index: 50;
        text-align: center;
        overflow: auto; }
        .header__nav-item {
          display: block;
          width: 100%;
          padding: 0 0 29px; }
        .header__nav-list {
          display: none; }
        .header__nav-title, .footer__nav-title {
          position: relative;
          display: block;
          font-size: 24px;
          font-weight: 700;
          color: #000;
          max-width: 256px;
          margin: 0 auto 31px;
          cursor: pointer; }
          .header__nav-title:after, .footer__nav-title:after {
            content: '';
            position: absolute;
            left: 0;
            top: 100%;
            width: 100%;
            height: 4px;
            background: url(../img/dot-black-pattern.png) repeat-x; }
        .header__nav-link, .footer__nav-link {
          font-size: 18px;
          color: #000; }
          .header__nav-link:hover, .footer__nav-link:hover {
            color: #fff; }
      .header__promo {
        float: none;
        padding-bottom: 54px;
        text-align: center;
        color: #fff;
        line-height: 1.3; }
        .header__promo-line {
          display: block; }
      .header__logo {
        display: block;
        width: 100%;
        float: none;
        margin: 0;
        text-align: center; }
        .header__logo .icon-logo {
          width: 100%;
          height: auto; } }

@media (max-width: 1024px) {
  .header--promo .header__bottom {
    padding-top: 59px; }
  .header--promo .header__promo {
    display: none; } }

@media (max-width: 1024px) {
  .header--hidden-logo {
    padding-bottom: 27px; }
    .header--hidden-logo .header__bottom {
      padding-top: 22px; }
    .header--hidden-logo .header__promo {
      padding-bottom: 0; }
    .header--hidden-logo .header__logo {
      display: none; } }

.icon-hamburger {
  display: block;
  width: 47px;
  height: 36px;
  padding-top: 14px;
  position: relative;
  cursor: pointer; }
  .icon-hamburger__line {
    display: block;
    height: 8px;
    background: #000; }
  .icon-hamburger:after, .icon-hamburger:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 8px;
    background: #000;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
  .icon-hamburger:before {
    top: 0; }
  .icon-hamburger:after {
    bottom: 0; }

.socials__layout {
  font-size: 0; }
  .socials__layout-item {
    display: inline-block;
    vertical-align: top;
    padding: 0 7px; }

.socials__link {
  display: block; }
  .socials__link:hover {
    -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
            transform: scale(1.15); }

.footer {
  height: 325px;
  background: url("../img/header-bg-pattern.png") top left repeat-x;
  padding: 84px 0;
  position: relative; }
  .footer:before, .footer:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    height: 11px; }
  .footer:before {
    background: #ffd600; }
  .footer:after {
    bottom: 11px;
    background: #224ca2; }
  .footer__nav:after {
    content: " ";
    display: block;
    clear: both; }
  .footer__nav-item {
    width: 11%;
    float: left; }
    .footer__nav-item--med {
      width: 28%; }
    .footer__nav-item--lg {
      width: 33%; }
  .footer__nav-title {
    color: #7e7e80;
    padding: 0 0 19px; }
  @media (max-width: 1024px) {
    .footer {
      height: 0;
      padding: 11px 0; }
      .footer__nav {
        display: none; } }

.icon-logo {
  width: 100%;
  height: auto; }

.icon-lng-arrow {
  width: 18px;
  height: 14px;
  fill: #000 !important; }

.content {
  padding: 45px 0 35px; }
  @media (max-width: 1024px) {
    .content--team {
      padding-top: 9px; } }
  .content__title {
    padding: 0 0 30px;
    color: #ffd600; }
    .content__title--sponsor {
      padding-bottom: 46px; }
  @media (max-width: 1024px) {
    .content__title--sponsor {
      padding-bottom: 43px; }
    .content__title--volunteer {
      font-size: 30px;
      line-height: 1.2; }
    .content__title--mob {
      padding-left: 10px; }
    .content__title--hid {
      display: none; }
    .content__mob-line {
      display: block; }
    .content__mob-text {
      line-height: 1.5;
      padding-left: 10px; } }
  @media (max-width: 479px) {
    .content__title--mob, .content__mob-text {
      padding-left: 0; } }

.icon-pdf {
  width: 70px;
  height: 69px; }

.icon-logo-ukr {
  width: 100%;
  height: 197px; }

.icon-department,
.icon-ministry {
  width: 79px;
  height: 81px;
  fill: #fff; }

.icon-crest {
  width: 54px;
  height: 84px;
  fill: #fff; }

.icon-committee-logo {
  background-image: url(../img/sprite.png);
  background-position: 0px -68px;
  width: 170px;
  height: 52px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon-committee-logo {
      background-image: url(../img/sprite@2x.png);
      background-size: 303px 120px; } }

.icon-nspa {
  background-image: url(../img/sprite.png);
  background-position: 0px 0px;
  width: 303px;
  height: 63px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icon-nspa {
      background-image: url(../img/sprite@2x.png);
      background-size: 303px 120px; } }

.icon-pepelatz,
.icon-stratcom {
  width: 100%;
  height: auto;
  fill: #fff; }

.icon-pepelatz,
.icon-stratcom {
  max-width: 238px; }

.icon-volleyball {
  border: 4px solid #000; }

.icon-arrow-left,
.icon-arrow-right {
  height: 14px;
  width: 23px;
  fill: #ffd600; }

.icon-arrow-left {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }

.icon-arrow-right {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg); }

.icon-cross {
  width: 34px;
  height: 35px;
  fill: inherit; }

.icon-filter {
  width: 27px;
  height: 27px;
  fill: #000; }

.icon-cross-yellow {
  width: 14px;
  height: 14px;
  fill: #ffd600; }

.feedback {
  max-width: 525px;
  margin: 0 auto;
  padding: 18px 0; }
  .feedback__req {
    font-size: 18px;
    padding: 0 0 26px; }
    .feedback__req-star {
      font-size: 50px;
      display: inline-block;
      vertical-align: top;
      color: #ffd600;
      position: relative;
      top: 10px; }
  @media (max-width: 1024px) {
    .feedback {
      padding-top: 16px;
      max-width: none;
      padding: 0 10px 92px; }
      .feedback--volunteer {
        padding-bottom: 54px; }
      .feedback--sportsman {
        padding-top: 34px;
        padding-bottom: 55px; } }
  @media (max-width: 479px) {
    .feedback {
      padding-left: 0;
      padding-right: 0; } }

.connect {
  text-align: center;
  background: url("../img/header-bg-pattern.png") top left repeat-x;
  margin: 95px 0 0;
  padding: 78px 0 22px; }
  .connect--volunteer {
    padding: 94px 0 77px; }
    .connect--volunteer .connect__title {
      padding-bottom: 45px; }
  .connect--sponsor {
    padding: 115px 0 49px; }
  .connect__list {
    font-size: 0;
    margin-left: -29px; }
    .connect__list-item {
      display: inline-block;
      vertical-align: top;
      width: 33.33%;
      padding: 0 0 15px 29px; }
  .connect__title {
    font: 700 53px/53px "DIN Round Pro";
    color: #ffd600;
    padding: 0 0 70px; }
  .connect__link {
    display: block;
    background: #ffd600;
    text-align: left;
    padding: 9px 11px;
    font: 700 21px "DIN Round Pro";
    text-transform: uppercase;
    color: #000; }
    .connect__link--limited {
      max-width: 349px;
      margin: 0 auto; }
    .connect__link-icon {
      float: left;
      margin-right: 18px; }
    .connect__link-title {
      overflow: hidden;
      height: 72px;
      display: block; }
      .connect__link-title .inner {
        text-align: left; }
  .connect--sponsor .connect__list-item--sponsor {
    display: none; }
  .connect--sportsman .connect__list-item--sportsman {
    display: none; }
  .connect--volunteer .connect__list-item--volunteer {
    display: none; }
  .connect--index {
    background: transparent;
    margin: 0;
    padding: 59px 0 133px; }
    .connect--index .connect__title {
      padding: 0 0 45px; }
  @media (max-width: 1024px) {
    .connect {
      position: relative;
      margin: 0 -30px 52px;
      padding: 65px 55px 35px; }
      .connect--sponsor {
        margin: 0 -30px 57px;
        padding: 66px 55px 24px; }
      .connect--sportsman {
        margin: 0 -30px 52px;
        padding: 66px 55px 43px; }
      .connect:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background: url("../img/header-bg-pattern.png") repeat-x; }
      .connect__title {
        padding: 0 0 41px; }
      .connect__list-item {
        width: 100%;
        padding-bottom: 43px; }
        .connect__list-item:last-child {
          padding-bottom: 29px; }
      .connect__link {
        padding: 12px 11px; }
        .connect__link-icon {
          margin-right: 13px; } }
  @media (max-width: 479px) {
    .connect {
      padding-left: 30px;
      padding-right: 30px; }
      .connect__title {
        margin: 0 -10px;
        font-size: 36px;
        line-height: 1; } }

.connect--read {
  background: none;
  margin-top: 7px;
  padding-bottom: 132px;
}
  .connect--read .connect__title {
    padding-bottom: 51px; }
  @media (max-width: 1024px) {
    .connect--read {
      margin-top: 0;
      margin-bottom: 34px;
      padding-top: 34px;
      padding-bottom: 0; }
      .connect--read:after {
        display: none; } }

.connect--news {
  padding-top: 54px; }
  @media (max-width: 1024px) {
    .connect--news {
      padding-top: 34px;
      background: url(../img/header-bg-pattern.png) bottom left repeat-x; } }

.intro {
  padding: 0 0 12px; }
  .intro__inner {
    position: relative; }
  .intro__h2 {
    padding-bottom: 31px; }
  .intro__color {
    color: #ffd600; }
  .intro__holder {
    margin-top: -20px;
    position: relative;
    padding-top: 52px;
    background-color: #000;
    background-image: url(../img/header-bg-pattern.png);
    background-position: top left;
    background-repeat: repeat-x; }
  .intro__mob-heading {
    text-align: right;
    margin: 0 0 140px 0;
    width: 66%;
    position: absolute;
    bottom: 100%;
    right: 0; }
    .intro__mob-heading-pic {
      display: block;
      padding-bottom: 42px; }
    .intro__mob-heading-title {
      display: inline-block;
      position: relative;
      padding: 21px 0;
      font: 46px "DIN Next CYR";
      letter-spacing: .025em;
      color: #f5d532; }
      .intro__mob-heading-title:after, .intro__mob-heading-title:before {
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        height: 3px;
        background: url(../img/header-bg-pattern.png) repeat-x; }
      .intro__mob-heading-title:after {
        bottom: 0; }
      .intro__mob-heading-title:before {
        top: 0; }
    .intro__mob-heading .icon-logo-ukr {
      height: 290px; }
  .intro__image {
    margin-top: -70px;
    width: 50%;
    text-align: center;
    overflow: hidden; }
    .intro__image img {
      max-width: 100%;
      max-height: 100%;
      width: 100%; }
  @media (max-width: 1700px) {
    .intro__mob-heading {
      width: 50%; }
      .intro__mob-heading .icon-logo-ukr {
        height: 180px; }
      .intro__mob-heading-title {
        font-size: 34px; } }
  @media (max-width: 1400px) {
    .intro__image img {
      width: 100%; }
    .intro__mob-heading {
      margin: 0 0 84px 0; }
      .intro__mob-heading .icon-logo-ukr {
        width: 100%;
        height: auto; } }
  @media (max-width: 1150px) {
    .intro__mob-heading {
      width: 47%; }
      .intro__mob-heading-pic {
        padding-bottom: 16px; }
      .intro__mob-heading-title {
        font-size: 30px; } }
  @media (max-width: 1024px) {
    .intro {
      font-size: 16px; }
      .intro__holder {
        padding: 0;
        margin: 0;
        background: none; }
      .intro__image {
        line-height: 0;
        display: block;
        width: 100%;
        text-align: left; }
        .intro__image img {
          width: auto; }
      .intro__mob-heading {
        position: static;
        width: 100%;
        margin: 0;
        margin: -17px -16px 0 0;
        padding-bottom: 44px;
        text-align: left; }
        .intro__mob-heading-pic {
          max-width: 480px;
          padding-bottom: 25px; }
        .intro__mob-heading-title {
          display: block;
          padding: 15px 0;
          font-size: 28px; }
          .intro__mob-heading-title:after, .intro__mob-heading-title:before {
            background: url(../img/dot-white-pattern.png) repeat-x; }
      .intro__h2 {
        display: none; } }
  @media (max-width: 479px) {
    .intro__image {
      margin-top: -50px; } }

.sports {
  background: #ffd600;
  padding: 41px 0 0; }
  .sports__list {
    margin: 0 -18px;
    text-align: center; }
    .sports__list-item {
      display: inline-block;
      vertical-align: top;
      padding: 0 16px 45px; }
  .sports__title {
    color: #000;
    padding: 0 0 49px; }
  .sports__link {
    display: block;
    font: 700 18px/22px "DIN Round Pro";
    color: #000;
    text-transform: uppercase; }
    .sports__link-icon {
      margin-bottom: 21px;
      display: block;
      width: 152px;
      height: 152px;
      overflow: hidden; }
      .sports__link-icon [class*="icon-"] {
        width: 152px;
        height: 152px; }
    .sports__link-title {
      display: block; }
  @media (max-width: 1024px) {
    .sports {
      padding-top: 45px; }
      .sports__title {
        font-size: 24px;
        line-height: 1.2;
        text-align: center; }
      .sports__list {
        font-size: 0; }
        .sports__list-item {
          width: 50%;
          padding-bottom: 41px; }
      .sports__link-title {
        font-size: 24px;
        line-height: 1.2;
        white-space: nowrap; }
      .sports__link-icon {
        max-width: 152px;
        width: 100%;
        margin: 0 auto 11px; }
        .sports__link-icon [class*="icon-"] {
          width: 100%;
          height: auto; } }
  @media (max-width: 479px) {
    .sports__link-title {
      font-size: 17px; } }

.countries {
  padding: 46px 0 25px; }
  .countries__list {
    padding-bottom: 29px; }
    .countries__list-item {
      display: inline; }
  .countries__title {
    padding: 0 0 32px;
    margin: 0 0 27px;
    background: url("../img/header-bg-pattern.png") bottom left repeat-x; }
  .countries__map {
    padding: 35px 0 0; }
    .countries__map-img {
      display: inline-block;
      max-width: 100%; }
    .countries__map--main .countries__map-holder {
      width: 100%;
      height: 594px;
      position: relative; }
      .countries__map--main .countries__map-holder:after, .countries__map--main .countries__map-holder:before {
        content: '';
        position: absolute;
        left: 0;
        background: #000; }
      .countries__map--main .countries__map-holder:after {
        top: 0;
        width: 50px;
        height: 50px; }
      .countries__map--main .countries__map-holder:before {
        bottom: 0;
        width: 130px;
        height: 40px;
        z-index: 10; }
  @media (max-width: 1024px) {
    .countries {
      text-align: center; }
      .countries__title {
        margin-bottom: 42px; }
      .countries__list {
        display: inline-block;
        padding: 0 0 8px 10px; }
        .countries__list-item {
          display: block;
          text-align: left;
          position: relative;
          padding: 0 0 3px 25px;
          font-size: 18px;
          text-transform: uppercase; }
          .countries__list-item:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #ffd600;
            margin-top: 6px; }
          .countries__list-item--mob-hid {
            display: none; }
          .countries__list-item--mob-vis {
            display: block; }
      .countries__map {
        display: none; } }

.countries--decor {
  padding: 39px 0 84px;
  background-image: url(../img/header-bg-pattern.png);
  background-repeat: repeat-x;
  background-position: left bottom; }
  .countries--decor .countries__title {
    margin: 0;
    background: none; }
  .countries--decor .countries__map {
    padding-top: 58px; }
  @media (max-width: 1024px) {
    .countries--decor {
      padding-bottom: 78px; }
      .countries--decor .countries__title {
        font-size: 36px; }
      .countries--decor .countries__map {
        display: block; }
        .countries--decor .countries__map-holder {
          height: 345px; }
      .countries--decor .countries__text {
        text-align: left; }
      .countries--decor .countries__text {
        font: 300 18px/1.7 "DINPro"; } }
  @media (max-width: 479px) {
    .countries--decor .countries__map {
      display: block; }
      .countries--decor .countries__map-holder {
        height: 250px; } }

.subscribe {
  padding: 0 0 113px; }
  .subscribe__title {
    float: left;
    padding: 25px 75px 0 0; }
  .subscribe__form {
    overflow: hidden; }
    .subscribe__form-input[type="email"] {
      width: calc(100% - 248px);
      float: left; }
    .subscribe__form-btn {
      width: 248px;
      overflow: hidden;
      font-size: 26px; }
  .subscribe__socials {
    display: none; }
  @media (max-width: 1024px) {
    .subscribe {
      margin: 0 -30px;
      padding: 0 45px 15px;
      text-align: center; }
      .subscribe__socials {
        display: block; }
        .subscribe__socials .socials__layout-item {
          padding: 0 16px; }
        .subscribe__socials [class*="icon-"] {
          width: 35px;
          height: 35px;
          fill: #ffd600; }
      .subscribe__title {
        float: none;
        padding: 0 0 33px; }
      .subscribe__form {
        padding-bottom: 48px; }
      .subscribe__form-input[type="email"], .subscribe__form-btn {
        float: none;
        width: 100%; } }
  @media (max-width: 479px) {
    .subscribe__socials .socials__layout-item {
      padding: 0 5px; }
    .subscribe__socials [class*="icon-"] {
      width: 35px;
      height: 35px;
      fill: #ffd600; } }

.subscribe--hidden {
  display: none; }
  @media (max-width: 1024px) {
    .subscribe--hidden {
      display: block; } }

.important {
  position: relative; }
  .important:after {
    content: '';
    position: absolute;
    bottom: 0;
    margin-bottom: 25px;
    left: 0;
    height: 4px;
    width: 100%;
    background-image: url(../img/header-bg-pattern.png);
    background-repeat: repeat-x; }
  .important__title {
    font-size: 30px;
    padding-bottom: 38px; }
  .important__text-block {
    position: relative;
    padding-bottom: 50px;
    z-index: 5;
    float: left;
    width: 47%; }
  .important__pic {
    float: right;
    margin: -27px -80px 0 0;
    width: 53%; }
    .important__pic img {
      width: 100%; }
  .important__text {
    margin-right: -225px; }
  @media (max-width: 1400px) {
    .important:after {
      margin-bottom: 20px; }
    .important__pic {
      margin-right: 0; }
    .important__text {
      margin-right: -100px; } }
  @media (max-width: 1024px) {
    .important {
      padding-bottom: 51px; }
      .important:after {
        display: none; }
      .important__title {
        font-size: 36px;
        text-align: center; }
      .important__pic, .important__text-block {
        width: 100%; }
      .important__text-block {
        padding-bottom: 22px; }
      .important__pic {
        margin: 0; }
      .important__text {
        font: 300 18px/1.7 "DINPro";
        margin-right: 0; } }

.description {
  padding: 30px 0 68px;
  background-image: url(../img/header-bg-pattern.png);
  background-repeat: repeat-x;
  background-position: left bottom 42px; }
  .description__holder {
    padding-bottom: 12px; }
    .description__holder:after {
      content: " ";
      display: block;
      clear: both; }
  .description__text-block, .description__logo {
    float: left; }
  .description__logo {
    width: 508px; }
  .description__text-block {
    width: calc(100% - 508px);
    padding-left: 43px; }
  .description__title {
    padding-bottom: 32px;
    font-size: 30px; }
  .description__text--color {
    color: #ffd600; }
  .description__logo .icon-logo {
    width: 100%;
    max-width: 391px;
    height: 180px;
    /*background-image: url(../img/logo-big.png);*/
    background-repeat: no-repeat;
    background-size: contain; }
  @media (max-width: 1024px) {
    .description__text-block, .description__logo {
      width: 100%; }
    .description__logo {
      text-align: center;
      padding-bottom: 66px; }
    .description__text-block {
      padding-left: 0; }
    .description__title {
      font-size: 36px;
      padding-bottom: 40px;
      text-align: center; }
    .description__text {
      padding-bottom: 27px;
      font: 300 18px/1.7 "DINPro"; } }

.committee__inner {
  background-image: url(../img/header-bg-pattern.png);
  background-repeat: repeat-x;
  background-position: left bottom 39px; }

.committee__title {
  font-size: 30px;
  padding-bottom: 43px; }

.committee__subtitle {
  color: #878787;
  padding-bottom: 47px;
  font-size: 24px;
  text-transform: uppercase; }

.committee__list {
  margin-right: -6px;
  font-size: 0; }

.committee__img, .committee__text, .committee__item {
  display: inline-block;
  vertical-align: top; }

.committee__item {
  width: 33.333%;
  padding: 0 6px 93px 0; }
  .committee__item--crest .committee__img {
    width: 54px; }
  .committee__item--crest .committee__text {
    width: calc(100% - 54px); }

.committee__img {
  width: 84px; }
  .committee__img--full {
    width: 100%;
    text-align: left; }

.committee__text {
  width: calc(100% - 84px);
  padding-left: 20px;
  color: #fff;
  font: 26px "DIN Next CYR"; }
  .committee__text--size {
    font-size: 22px;
    padding-left: 15px; }

@media (max-width: 1024px) {
  .committee {
    padding-bottom: 41px;
    background-image: url(../img/header-bg-pattern.png);
    background-repeat: repeat-x;
    background-position: left bottom 43px; }
    .committee__inner {
      background: none; }
    .committee__title {
      padding-bottom: 47px; }
    .committee__subtitle--indent {
      padding-bottom: 74px; }
    .committee__title, .committee__subtitle {
      text-align: center; }
    .committee__list {
      padding-left: 5px; }
    .committee__item {
      width: 100%;
      padding-bottom: 55px; }
      .committee__item--indent {
        padding-bottom: 94px; }
      .committee__item--indent-small {
        padding-bottom: 15px; }
    .committee__img--centered {
      text-align: center; } }

.contacts-block--mobile {
  display: none; }
  @media (max-width: 1024px) {
    .contacts-block--mobile {
      display: block; } }

.contacts-block__title {
  padding-bottom: 31px; }

.contacts-block__text {
  display: block; }

.contacts-block__link {
  color: #ffd600; }

@media (max-width: 1024px) {
  .contacts-block__title {
    text-align: center; }
  .contacts-block__text {
    padding-bottom: 28px;
    font: 300 18px/1.7 "DINPro"; } }

.introduce {
  background-image: url(../img/header-bg-pattern.png);
  background-repeat: repeat-x;
  background-position: left bottom; }
  .introduce__text-block {
    float: right;
    width: 48%;
    padding-left: 23px; }
  .introduce__holder {
    padding-bottom: 13px;
    margin-right: -81px; }
    .introduce__holder:after {
      content: " ";
      display: block;
      clear: both; }
  .introduce__pic {
    float: left;
    width: 52%;
    margin-left: -81px;
    line-height: 0; }
    .introduce__pic img {
      width: 100%; }
  .introduce__icon {
    display: block;
    padding-bottom: 44px; }
    .introduce__icon .icon-logo {
      width: 100%;
      height: 274px; }
  .introduce__title {
    padding-bottom: 34px;
    font-size: 30px; }
  @media (max-width: 1400px) {
    .introduce__holder, .introduce__pic {
      margin: 0; } }
  @media (max-width: 1024px) {
    .introduce {
      margin-top: -21px; }
      .introduce__holder {
        padding-bottom: 58px; }
      .introduce__pic, .introduce__text-block {
        width: 100%; }
      .introduce__text-block {
        padding: 0 0 27px 0; }
      .introduce__title {
        text-align: center;
        font-size: 36px; }
      .introduce__text {
        font: 300 18px/1.7 "DINPro"; } }

.competitions {
  padding: 48px 0 50px; }
  .competitions__title {
    font-size: 30px;
    padding-bottom: 50px; }
  .competitions__list {
    margin-right: -100px;
    font-size: 0; }
  .competitions__item {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding: 0 100px 61px 0; }
  .competitions__icon {
    display: block;
    padding-bottom: 22px; }
    .competitions__icon [class*="icon-"] {
      width: 151px;
      height: 152px; }
  .competitions__text {
    display: block;
    font: 700 24px "DIN Round Pro";
    color: #ffd600;
    text-transform: uppercase; }
    .competitions__text--line {
      display: block; }
  @media (max-width: 1024px) {
    .competitions {
      text-align: center;
      padding: 55px 0 24px; }
      .competitions__title {
        padding-bottom: 39px;
        line-height: 1.2; }
        .competitions__title br {
          display: none; }
      .competitions__list {
        margin-right: -60px; }
      .competitions__item {
        padding: 0 60px 19px 0;
        width: 50%; }
      .competitions__icon {
        display: inline-block;
        padding-bottom: 13px; }
        .competitions__icon [class*="icon-"] {
          width: 100%;
          max-width: 150px;
          height: 150px; }
      .competitions__text {
        font-size: 18px; }
        .competitions__text--line {
          display: inline; } }

.ukraine-participation__inner {
  padding-top: 51px;
  background: #ffd600; }

.ukraine-participation__title {
  padding-bottom: 60px;
  font-size: 30px;
  color: #000;
  text-align: center; }

.ukraine-participation__list {
  font-size: 0;
  padding: 0 8%; }

.ukraine-participation__item {
  display: inline-block;
  vertical-align: top;
  width: 33.333%;
  padding: 0 6% 60px;
  text-align: center; }

.ukraine-participation__icon {
  display: block;
  padding-bottom: 27px; }
  .ukraine-participation__icon [class*="icon-"] {
    width: 100%;
    max-width: 155px;
    height: 153px; }

.ukraine-participation__text {
  display: block;
  font: 700 24px "DIN Round Pro";
  color: #000;
  text-transform: uppercase; }
  .ukraine-participation__text--line {
    display: block; }

.ukraine-participation__section {
  padding: 45px 0 14px; }
  .ukraine-participation__section--decor {
    padding: 70px 0 45px;
    background-image: url(../img/header-bg-pattern.png);
    background-repeat: repeat-x;
    background-position: left bottom; }
  .ukraine-participation__section-title {
    padding-bottom: 33px;
    font-size: 36px; }
  .ukraine-participation__section-text {
    display: block; }

@media (max-width: 1024px) {
  .ukraine-participation__inner {
    padding-top: 45px; }
  .ukraine-participation__title {
    padding-bottom: 43px;
    font-size: 24px; }
  .ukraine-participation__list {
    padding: 0;
    margin-right: -60px; }
  .ukraine-participation__item {
    width: 50%;
    padding: 0 60px 50px 0; }
  .ukraine-participation__icon {
    padding-bottom: 10px; }
  .ukraine-participation__text {
    white-space: nowrap; }
  .ukraine-participation__section-title {
    text-align: center; }
  .ukraine-participation__section-text {
    display: inline;
    font: 300 18px/1.5 "DINPro"; } }

@media (max-width: 479px) {
  .ukraine-participation__list {
    margin: 0 -18px; }
  .ukraine-participation__item {
    padding: 0 16px 45px; }
  .ukraine-participation__text {
    font-size: 17px; } }

.news__section {
  padding-top: 68px; }
  .news__section:first-child {
    padding-top: 30px; }

.news__holder {
  padding-bottom: 28px;
  font-size: 0; }

.news__content, .news__pic {
  display: inline-block;
  vertical-align: top; }

.news__pic {
  width: 282px; }
  .news__pic img {
    width: 100%; }

.news__content {
  width: calc(100% - 282px);
  padding-left: 76px; }

.news__hidden {
  display: none; }

.news__title {
  padding: 0 50px 43px 0;
  margin-top: -4px; }

.news__text {
  padding-bottom: 19px;
  font-size: 24px; }
  .news__text--hidden {
    color: #898989; }

.news__link {
  color: #ffd600; }

.news__trigger {
  text-align: right;
  background: url(../img/header-bg-pattern.png) bottom 46px left repeat-x; }
  .news__trigger-btn {
    display: inline-block;
    width: 85px;
    height: 85px;
    border: 2px solid #504f4f;
    border-radius: 50%;
    position: relative;
    -webkit-transition: border .3s ease-in-out;
    transition: border .3s ease-in-out;
    cursor: pointer;
    background: #000; }
    .news__trigger-btn:after {
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      margin-top: 3px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 28px 16px 0 16px;
      border-color: #ffd600 transparent transparent transparent;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
    .news__trigger-btn:hover {
      border-color: #504f4f; }
    .news__trigger-btn.is-open:after {
      margin-top: -3px;
      border-width: 0 16px 28px 16px;
      border-color: transparent transparent #ffd600 transparent; }

@media (max-width: 1024px) {
  .news {
    margin-top: -21px;
    padding-bottom: 10px; }
    .news__section {
      padding-top: 26px; }
      .news__section:first-child {
        padding-top: 0; }
    .news__pic {
      width: 100%;
      padding-bottom: 10px; }
    .news__content {
      width: 100%;
      padding-left: 0; }
    .news__title {
      font-size: 28px;
      line-height: 1.3;
      padding: 0 36px 16px 0; }
    .news__text {
      display: inline;
      font-size: 18px;
      line-height: 1.1;
      padding-bottom: 0; }
    .news__trigger-btn {
      width: 72px;
      height: 72px; }
      .news__trigger-btn:after {
        border-width: 24px 15px 0 15px;
        border-color: #ffd600 transparent transparent transparent; }
      .news__trigger-btn.is-open:after {
        margin-top: -3px;
        border-width: 0 15px 24px 15px;
        border-color: transparent transparent #ffd600 transparent; } }

.table-block {
  padding: 68px 0 85px;
  margin-bottom: 27px;
  background: url(../img/header-bg-pattern.png) bottom left repeat-x; }
  .table-block__holder {
    padding: 32px 0 53px;
    background: #ffd600; }
  .table-block__title {
    padding-bottom: 31px;
    font-size: 30px;
    color: #000; }
  @media (max-width: 1024px) {
    .table-block {
      padding: 39px 0 66px;
      margin-bottom: 0;
      background: none; }
      .table-block__holder {
        padding: 26px 0 42px; }
      .table-block__title {
        text-align: center;
        padding-bottom: 24px; } }

.table {
  max-width: 946px; }
  .table table {
    table-layout: fixed;
    width: 100%;
    font-size: 24px; }
  .table thead tr {
    background: #000; }
  .table th {
    padding: 15px 15px 7px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left; }
    .table th:first-child {
      width: 33.333%;
      border-right: 2px solid #ffd600; }
  .table td {
    padding: 16px 15px 3px;
    color: #000; }
  .table tbody tr:nth-child(2n) {
    background: #daab1d; }
  .table__text {
    display: none;
    padding-top: 10px;
    font-size: 20px;
    line-height: 1.1; }
  .table__subtitle {
    display: block;
    position: relative;
    cursor: pointer; }
    .table__subtitle-icon {
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  @media (max-width: 1024px) {
    .table {
      margin: 0 -30px; }
      .table__text {
        font-size: 16px; }
      .table__subtitle-icon {
        display: none; }
      .table table {
        font-size: 18px; }
        .table table th {
          padding: 14px 11px 7px; }
          .table table th:first-child {
            padding-left: 29px;
            width: 34%;
            border-width: 3px; }
        .table table td {
          padding: 10px 19px 10px 12px;
          height: 78px; }
          .table table td:first-child {
            padding-left: 31px; } }
  @media (max-width: 479px) {
    .table table th:first-child {
      padding-left: 4px; }
    .table table td {
      padding-right: 0px; }
      .table table td:first-child {
        padding-left: 2px; } }

.team {
  padding-bottom: 69px;
  margin-bottom: 46px;
  background: url(../img/header-bg-pattern.png) bottom left repeat-x; }
  .team__holder {
    max-width: 947px;
    margin: 0 auto; }
  .team__title {
    padding: 20px 0 46px;
    text-align: center; }
  .team__list {
    padding-bottom: 7px;
    font-size: 0;
    margin-right: -100px; }
  .team__item {
    display: inline-block;
    vertical-align: top;
    width: 33.3333%;
    padding: 0 100px 61px 0; }
  @media (max-width: 1024px) {
    .team {
      padding: 0 40px 51px; }
      .team__title {
        font-size: 30px;
        padding-bottom: 27px; }
      .team__item {
        width: 100%;
        padding-bottom: 67px; }
        .team__item:last-child {
          padding-bottom: 40px; } }

.team-point {
  text-align: center; }
  .team-point__pic {
    padding-bottom: 29px; }
    .team-point__pic img {
      max-width: 100%; }
    .team-point__pic-holder {
      display: inline-block;
      position: relative;
      line-height: 0; }
      .team-point__pic-holder:after {
        opacity: 0;
        visibility: hidden;
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 214, 0, 0.8);
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
      .team-point__pic-holder:hover:after,
      .team-point__pic-holder:hover .team-point__additional {
        opacity: 1;
        visibility: visible; }
      .team-point__pic-holder:hover .team-point__additional {
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
  .team-point__additional {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -40%);
        -ms-transform: translate(-50%, -40%);
            transform: translate(-50%, -40%);
    z-index: 10;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
    .team-point__additional-icon {
      display: block;
      margin-bottom: 25px; }
      .team-point__additional-icon:hover {
        fill: #3b5998;
        opacity: 1; }
    .team-point__additional-link {
      font-size: 18px;
      color: #000;
      text-decoration: underline; }
      .team-point__additional-link:hover {
        opacity: 1;
        text-decoration: none; }
  .team-point__title {
    display: block;
    padding-bottom: 16px;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffd600; }
  .team-point__text {
    display: block;
    font-size: 18px;
    font-family: "DINPro";
    font-style: italic;
    line-height: 1.3;
    letter-spacing: -1px; }
    .team-point__text--indent {
      padding-bottom: 23px; }
  .team-point__link, a {
    font-size: 18px;
    font-family: "DINPro";
    color: #ffd600;
    text-decoration: underline; }
    .team-point__link:hover, a:hover {
      text-decoration: none; }
  @media (max-width: 1024px) {
    .team-point__pic {
      padding-bottom: 18px; }
    .team-point__title {
      padding-bottom: 10px; }
    .team-point__text {
      max-width: 252px;
      margin: 0 auto; }
      .team-point__text--indent {
        padding-bottom: 16px; } }

.filter__title, .filter__link {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase; }

.filter__title {
  display: block;
  padding-bottom: 25px; }

.filter__holder {
  position: relative; }

.filter__field {
  display: none;
  font-size: 0;
  -webkit-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
  cursor: pointer; }
  .filter__field:hover {
    opacity: .9; }
  .filter__field-holder, .filter__field-decor {
    display: inline-block;
    vertical-align: top;
    height: 46px;
    line-height: 46px; }
  .filter__field-holder {
    padding: 0 20px;
    width: 75%;
    border-right: 6px solid #000;
    background: #fff;
    color: #000;
    font-size: 18px;
    font-family: "DINPro"; }
  .filter__field-decor {
    width: 25%;
    text-align: center;
    background: #ffd600; }
    .filter__field-decor [class*="icon-"] {
      vertical-align: middle; }

.filter__list {
  padding-bottom: 30px;
  width: 100%;
  text-align: justify;
  line-height: 0; }
  .filter__list:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0px;
    visibility: hidden;
    overflow: hidden; }

.filter__item {
  display: inline-block;
  vertical-align: top;
  padding-bottom: 25px; }

.filter__link {
  display: inline-block;
  color: #ffd600;
  position: relative;
  z-index: 0;
  line-height: 1; }
  .filter__link:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: -1;
    width: 122%;
    height: 234%;
    margin-top: -1%;
    border: 2px solid transparent;
    -webkit-transition: border .3s ease-in-out;
    transition: border .3s ease-in-out; }
  .filter__link.is-active, .filter__link:hover {
    opacity: 1; }
    .filter__link.is-active:after, .filter__link:hover:after {
      border-color: #ffd600; }

.filter__choosen {
  display: none;
  padding: 0 20px; }
  .filter__choosen-item {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px 10px 0;
    line-height: 1; }
  .filter__choosen-text, .filter__choosen-icon {
    display: inline-block;
    vertical-align: middle; }
  .filter__choosen-icon {
    margin-top: -4px;
    cursor: pointer;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out; }
    .filter__choosen-icon:hover {
      opacity: .8; }
  .filter__choosen-text {
    padding-right: 8px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "DIN Next CYR";
    color: #ffd600; }

@media (max-width: 1024px) {
  .filter {
    padding-bottom: 19px; }
    .filter__title {
      color: #ffd600; }
    .filter__holder {
      margin-bottom: 18px; }
      .filter__holder.is-active .filter__list {
        display: block; }
    .filter__choosen, .filter__field {
      display: block; }
    .filter__list {
      display: none;
      position: absolute;
      padding: 20px 20px 5px;
      top: 100%;
      left: 0;
      z-index: 20;
      background: #fff; }
      .filter__list:after {
        display: none;
        text-align: left; }
    .filter__item {
      display: block;
      padding-bottom: 15px; }
    .filter__link {
      display: block;
      color: #000; }
      .filter__link.is-active, .filter__link:hover {
        color: gray; }
      .filter__link:after {
        display: none; } }

@media (max-width: 479px) {
  .filter {
    /*margin: 0 -30px;*/
  }
    .filter__field-holder {
      font-size: 16px;
      padding: 0 10px; }
    .filter__choosen {
      padding: 0 10px; } }

.pagination {
  padding-bottom: 30px;
  text-align: center;
  font-size: 0; }
  .pagination__text, .pagination__item, .pagination__list {
    display: inline-block;
    vertical-align: middle; }
  .pagination__list {
    padding-left: 13px; }
  .pagination__text {
    margin-bottom: 10px; }
  .pagination__text, .pagination__link {
    font-size: 18px;
    font-family: "DINPro";
    color: #ffd600; }
  .pagination__item {
    padding: 0 13px 10px 0; }
  .pagination__link {
    display: inline-block;
    width: 45px;
    height: 45px;
    text-align: center;
    border: 2px solid #ffd600;
    color: #ffd600;
    text-align: center;
    line-height: 41px; }
    .pagination__link:hover {
      background: #ffd600;
      color: #000;
      opacity: 1; }
  .pagination__trigger {
    display: inline-block;
    padding-top: 12px; }
  @media (max-width: 1024px) {
    .pagination__list {
      padding-left: 0; }
    .pagination__item {
      padding-right: 15px; }
    .pagination__text {
      display: none; }
    .pagination__trigger {
      padding-top: 0;
      width: 45px;
      height: 45px;
      text-align: center;
      border: 2px solid #ffd600;
      color: #ffd600;
      text-align: center;
      line-height: 41px; }
      .pagination__trigger:hover {
        background: #ffd600;
        opacity: 1; }
        .pagination__trigger:hover [class*="icon-"] {
          fill: #000; }
      .pagination__trigger [class*="icon-"] {
        margin-top: 13px;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; } }
  @media (max-width: 479px) {
    .pagination {
      margin: 0 -30px; }
      .pagination__item {
        padding-right: 5px; } }

.popup {
  display: none; }
  .popup__inner {
    position: relative;
    padding: 87px 167px 242px 102px;
    background: #ffd600;
    width: 856px;
    color: #000; }
  .popup__close {
    position: absolute;
    top: 0;
    right: 0;
    margin: 20px 25px 0 0;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
    .popup__close:hover {
      fill: #fff; }
  .popup__intro {
    font-size: 0;
    padding-bottom: 59px; }
    .popup__intro-pic, .popup__intro-content {
      display: inline-block;
      vertical-align: top; }
    .popup__intro-pic {
      width: 253px;
      line-height: 1; }
      .popup__intro-pic img {
        max-width: 100%; }
    .popup__intro-content {
      width: calc(100% - 253px);
      padding-left: 36px; }
    .popup__intro-text, .popup__intro-title {
      display: block;
      font-size: 24px; }
    .popup__intro-title {
      padding-bottom: 8px;
      font-weight: 700;
      text-transform: uppercase; }
    .popup__intro-text {
      font-style: italic; }
  @media (max-width: 1024px) {
    .popup__inner {
      width: auto;
      padding: 39px 50px 53px; }
    .popup__intro {
      text-align: center;
      padding-bottom: 38px; }
      .popup__intro-content {
        width: 100%;
        padding-left: 0; }
      .popup__intro-pic {
        width: 206px;
        padding-bottom: 26px; }
    .popup__text {
      display: block;
      padding-bottom: 32px;
      font-size: 18px;
      line-height: 1.8; }
    .popup__close {
      margin-top: 29px; } }
  @media (max-width: 479px) {
    .popup__inner {
      padding: 39px 20px 53px; }
    .popup__close {
      margin-right: 9px; } }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top; }

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020; }

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  border-radius: 4px; }

.fancybox-opened {
  z-index: 8030; }

.fancybox-opened .fancybox-skin {
  /*	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
*/ }

.fancybox-outer, .fancybox-inner {
  position: relative; }

.fancybox-inner {
  overflow: hidden; }

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch; }

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap; }

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%; }

.fancybox-image {
  max-width: 100%;
  max-height: 100%; }

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060; }

#fancybox-loading div {
  width: 44px;
  height: 44px; }

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040; }

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  /* background: transparent url('blank.gif'); /* helps IE */
  -webkit-tap-highlight-color: transparent;
  z-index: 8040; }

.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden; }

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px; }

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px; }

.fancybox-nav:hover span {
  visibility: visible; }

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important; }

/* Overlay helper */
.fancybox-lock {
  /*overflow: hidden !important;*/
  width: auto; }

.fancybox-lock body {
  overflow: hidden !important; }

.fancybox-lock-test {
  overflow-y: hidden !important; }

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010; }

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0; }

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll; }

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050; }

.fancybox-opened .fancybox-title {
  visibility: visible; }

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center; }

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap; }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff; }

.fancybox-title-inside-wrap {
  padding-top: 10px; }

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8); }

#fancybox-thumbs {
  position: fixed;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: 8050; }

#fancybox-thumbs.bottom {
  bottom: 2px; }

#fancybox-thumbs.top {
  top: 2px; }

#fancybox-thumbs ul {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0; }

#fancybox-thumbs ul li {
  float: left;
  padding: 1px;
  opacity: 0.5; }

#fancybox-thumbs ul li.active {
  opacity: 0.75;
  padding: 0;
  border: 1px solid #fff; }

#fancybox-thumbs ul li:hover {
  opacity: 1; }

#fancybox-thumbs ul li a {
  display: block;
  position: relative;
  overflow: hidden;
  border: 1px solid #222;
  background: #111;
  outline: none; }

#fancybox-thumbs ul li img {
  display: block;
  position: relative;
  border: 0;
  padding: 0;
  max-width: none; }

@media (max-width: 1024px) {
  .fancybox-lock .fancybox-overlay {
    overflow: hidden; }
  .fancybox-opened {
    width: 100vw !important;
    left: 0 !important;
    overflow: hidden !important; }
  .fancybox-inner {
    width: 100% !important; } }



/*#BecomeSport2019Form .form-group.has-error .control-label,*/
#BecomeSport2019Form .form-group.has-error input[type=checkbox]+label,
#BecomeSport2019Form .form-group.has-error input[type=radio]+label,
#BecomeSport2019Form .form-group.has-error,
#BecomeSport2019Form .form-group.has-error textarea{
  color:red;
}

#BecomeSport2019Form .form-group.has-error .control-label:before {
  background-color: red;
}

#BecomeSport2019Form .form-group.has-error input[type=text] {
  border-color: red;
}

#BecomeSport2019Form .has-error .help-block, .form-group.errors {
  display: none;
}

#BecomeSport2019Form.form-errors .form-group.errors {
  padding-top: 10px;
  display: block;
  color: red;
}


.subscribe__form > .header__socials {
  background-color: #ffd600;
  padding: 15px;
}


ul.promo {
  list-style: circle;
  padding-left: 40px;
  padding-bottom: 40px;
}


.yellow-title {
  line-height: 40px;
}

.promo-table {
  /*border: 1px solid #fff;*/
  border-collapse: collapse;
  width: 100%;
}

.promo-table td {
  /*border: 1px solid #fff;*/
  padding: 5px;
}

.hd {
  display: none;
}

@media screen and (max-width:1599px){
  .inv-header-name {
    display: none;
  }
  .header-dropdown {
    width: 250px !important;
  }
}

.subscribe-main-page {
  background-color: #ffd600;
  padding: 20px 0 !important;
}
.subscribe-main-page .subscribe__title {
  color: black;
  padding: 15px 0 0 17px;
}

@media (max-width: 1024px) {
  .subscribe-main-page {
    padding: 0 15px 15px 15px !important;
    margin: 0 25px 0 25px !important;
  }
  .subscribe__form {
    padding: 0 !important;
  }
}

@media (min-width: 1024px) {
  .connect--index {
    padding: 59px 0 28px !important;
  }
}

.footer__nav-item--lg {
  width: 32% !important;
}

/* Fix slider with one slide */
.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: none !important;
}