html {
  height: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box; }

body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%; }

table {
  border-collapse: collapse; }

*, *:before, *:after {
  box-sizing: inherit;
  -moz-box-sizing: inherit;
  -ms-box-sizing: inherit; }

* {
  margin: 0;
  padding: 0;
  outline: none; }

td {
  vertical-align: top; }

textarea {
  overflow: auto; }

img {
  border: none;
  display: block; }

map {
  display: none; }

object, embed {
  display: block; }

.wf {
  width: 100%; }

.hf {
  height: 100%; }

.whf {
  width: 100%;
  height: 100%; }

.wh1 {
  width: 1px;
  height: 1px; }

.posrel {
  position: relative; }

.tar {
  text-align: right; }

.tal {
  text-align: left; }

.tac {
  text-align: center; }

.taj {
  text-align: justify; }

.ma {
  margin: auto; }

.m0a {
  margin: 0 auto; }

.curp {
  cursor: pointer; }

.nowrap {
  white-space: nowrap; }

.di {
  display: inline; }

.dib {
  display: inline-block; }

.dn {
  display: none; }

.fl {
  float: left; }

.fr {
  float: right; }

.vat {
  vertical-align: top !important; }

.vam {
  vertical-align: middle !important; }

.vab {
  vertical-align: bottom !important; }

.clr, .clear {
  clear: both; }

.clrf {
  display: block !important;
  float: none !important;
  width: 1px !important;
  height: 1px !important;
  clear: both !important;
  padding: 0 !important;
  margin: 0 !important; }

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

table.debug, .debug table {
  border: 1px dotted #CC3333;
  border-collapse: collapse; }

td.debug, .debug td {
  border: 1px dotted #FF7769; }

div.debug, .debug div {
  border: 1px dotted #3333CC; }

span.debug, .debug span {
  border: 1px dotted #33CC33; }

@media screen, handheld, projection, speech, tty, tv {
  .forPrint {
    display: none; }
 }

@media print {
  .forScreen {
    display: none; }
 }

.inv {
  display: fixed;
  left: -9999px;
  top: -9999px;
  visibility: hidden;
  z-index: -1; }

ul.uns {
  list-style: none; }

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * 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; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover {
  outline: 0; }

/* 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 variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * 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 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-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"] {
  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 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * 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: none;
  margin: 0;
  padding: 0; }

/**
 * 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; }

@font-face {
  font-family: 'Conv_RobotoCondensed-Light';
  src: url('../media/fonts/RobotoCondensed-Light.eot');
  src: local('☺'), url('../media/fonts/RobotoCondensed-Light.woff') format('woff'), url('../media/fonts/RobotoCondensed-Light.ttf') format('truetype'), url('../media/fonts/RobotoCondensed-Light.svg') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Conv_RobotoCondensed-Bold';
  src: url('../media/fonts/RobotoCondensed-Bold.eot');
  src: local('☺'), url('../media/fonts/RobotoCondensed-Bold.woff') format('woff'), url('../media/fonts/RobotoCondensed-Bold.ttf') format('truetype'), url('../media/fonts/RobotoCondensed-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Roboto Condensed';
  src: url('../media/fonts/RobotoCondensed-Regular.eot');
  src: local('☺'), url('../media/fonts/RobotoCondensed-Regular.woff') format('woff'), url('../media/fonts/RobotoCondensed-Regular.ttf') format('truetype'), url('../media/fonts/RobotoCondensed-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal; }

.form_item > label {
  display: inline-block;
  margin-bottom: 10px;
  font: 16px 'Conv_RobotoCondensed-Bold', serif;
  color: #333; }
  .form_item > label a {
    font: inherit;
    color: inherit;
    text-decoration: underline; }
    .form_item > label a:hover {
      color: #3ab3cf; }
.form_item.checkbox input[type="checkbox"] {
  display: none; }
.form_item.checkbox input[type="checkbox"] + label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  color: #333;
  font-family: "Roboto Condensed";
  font-size: 16px; }
.form_item.checkbox input[type="checkbox"] + label span {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: -3px 5px 0 0;
  vertical-align: middle;
  background: url('../media/images/ico/checkbox.png') 0 0 no-repeat;
  cursor: pointer; }
.form_item.checkbox input[type="checkbox"] + label:hover {
  color: #ed484d; }
.form_item.checkbox input[type="checkbox"] + label:hover span {
  background-position: 0 -13px; }
.form_item.checkbox input[type="checkbox"]:checked + label span {
  background-position: 0 -26px; }
.form_item.radio input[type="radio"] {
  display: none; }
.form_item.radio input[type="radio"] + label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  color: #333;
  font-family: "Roboto Condensed";
  font-size: 16px; }
.form_item.radio input[type="radio"] + label span {
  display: inline-block;
  width: 21px;
  height: 19px;
  margin: -3px 5px 0 0;
  vertical-align: middle;
  background: url('../media/images/ico/radio.png') 0 0 no-repeat;
  cursor: pointer; }
.form_item.radio input[type="radio"] + label:hover span {
  background-position: 0 -38px; }
.form_item.radio input[type="radio"]:checked + label span {
  background-position: 0 -19px; }
.form_item.radio input[type="radio"]:checked + label:hover span {
  background-position: 0 -57px; }
.form_item.radio.error input[type="radio"] + label span {
  background-position: 0 -76px; }
.form_item.radio.error input[type="radio"]:checked + label span {
  background-position: 0 -19px; }
.form_item.radio.error input[type="radio"]:checked + label:hover span {
  background-position: 0 -57px; }
.form_item.text input, .form_item.text textarea, .form_item.textarea input, .form_item.textarea textarea {
  width: 100%;
  height: 40px;
  border: 1px solid #d6d6d6;
  font: 16px 'Roboto Condensed', serif;
  color: #6d6d6d; }
  .form_item.text input:focus, .form_item.text textarea:focus, .form_item.textarea input:focus, .form_item.textarea textarea:focus {
    outline-offset: 0;
    border: 1px solid #858585; }
.form_item.text input {
  padding: 0 16px;
  line-height: 40px\9; }
.form_item.textarea textarea {
  resize: none;
  padding: 4px 22px 4px 6px;
  min-height: 105px; }
.form_item.checkbox_radio input {
  display: none; }
  .form_item.checkbox_radio input:checked + label i:after {
    display: block; }
.form_item.checkbox_radio label:last-child {
  font: 13px 'Roboto Condensed', serif;
  color: #6d6d6d;
  cursor: pointer; }
  .form_item.checkbox_radio label:last-child span {
    display: inline-block;
    vertical-align: middle;
    padding-left: 8px; }
    .form_item.checkbox_radio label:last-child span a {
      font: inherit;
      color: inherit;
      text-decoration: underline; }
      .form_item.checkbox_radio label:last-child span a:hover {
        color: #3ab3cf; }
  .form_item.checkbox_radio label:last-child i {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 21px;
    height: 21px;
    background-color: #fff;
    border: 1px solid #c2c2c2; }
    .form_item.checkbox_radio label:last-child i:after {
      display: none;
      content: '';
      position: absolute; }
.form_item.checkbox_radio input[type='checkbox'] + label i:after {
  top: 5px;
  left: 4px;
  width: 13px;
  height: 9px; }
.form_item.checkbox_radio input[type='radio'] + label i {
  border-radius: 100%; }
.form_item.checkbox_radio input[type='radio'] + label i:after {
  top: 6px;
  left: 6px;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background-color: #39b54a; }
.form_item.checkbox_blue input {
  visibility: hidden;
  position: absolute;
  left: -999px; }
  .form_item.checkbox_blue input:checked + label:before {
    content: 'j';
    background-image: url(../media/images/ico/checked_blue.png ); }
.form_item.checkbox_blue label {
  font: 12px 'Roboto';
  cursor: pointer; }
  .form_item.checkbox_blue label:before {
    content: 'y';
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border: 1px solid #d6d6d6;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    top: -1px;
    margin-right: 12px; }
.form_item.checkbox_blue a {
  font-size: 12px; }
.form_item.error label {
  color: #ec3137; }
.form_item.error.text input, .form_item.error.textarea textarea, .form_item.error.select .dk-selected {
  border-color: transparent;
  outline: #ec3137 solid 1px; }
.form_item.error.select .dk-selected:after {
  background-position: -90px 0; }
.form_item.error.checkbox_radio label i {
  border-color: #fa4b4b; }
  .form_item.error.checkbox_radio label i:before {
    content: '';
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    border: 1px solid #fa4b4b; }
.form_item.error.checkbox_radio input[type='radio'] + label i:before {
  border-radius: 100%; }
.form_item.error.checkbox_blue label:before {
  border-color: #ec3137; }

.dk-select, .dk-select-multi {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  cursor: pointer;
  background: #fff; }

.dk-selected {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 40px;
  padding: 0 38px 0 16px;
  border: 1px solid #c2c2c2;
  font: 16px 'Roboto Condensed', serif;
  color: #6d6d6d;
  line-height: 40px;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .dk-selected:after {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #333 transparent transparent transparent;
    top: 17px;
    right: 16px; }
  .dk-selected:hover:after {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #0071b8 transparent transparent transparent; }
  .dk-select-open-down .dk-selected:after, .dk-select-open-up .dk-selected:after {
    background-position: -70px 0; }

.dk-option {
  padding: 8px;
  font: 16px 'Roboto Condensed', serif;
  color: #6d6d6d;
  border-top: 1px solid #c2c2c2; }
  .dk-option:first-child {
    border-top: none; }
  .dk-option.dk-option-selected, .dk-option.dk-option-highlight {
    background-color: #f1f1f1; }

.dk-select-options {
  display: none;
  list-style: none;
  position: absolute;
  z-index: 100;
  left: 0;
  width: 100%;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
  border: 1px solid #c2c2c2; }

.dk-select-open-up .dk-select-options {
  margin-bottom: -1px;
  bottom: 100%; }

.dk-select-open-down .dk-select-options {
  margin-top: -1px;
  top: 100%; }

.dk-select-multi .dk-select-options {
  max-height: 300px; }

.dk-optgroup-label {
  font-weight: bold;
  width: 100%; }

.dk-optgroup-options {
  list-style: none; }

.dk-select-open-up .dk-select-options, .dk-select-open-down .dk-select-options, .dk-select-multi:focus .dk-select-options {
  display: block; }

.dk-select-disabled {
  opacity: 0.6;
  cursor: default; }
  .dk-select-disabled .dk-selected {
    opacity: 0.8; }
    .dk-select-disabled .dk-selected:hover {
      background-color: inherit; }
      .dk-select-disabled .dk-selected:hover:after {
        background-position: -50px 0; }

.dk-option-disabled {
  cursor: default;
  opacity: 0.5; }
  .dk-option-disabled:hover {
    background-color: inherit; }

select[data-dkcacheid] {
  display: none; }

.btn {
  display: inline-block;
  cursor: pointer;
  color: #fff;
  border: none;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn.blue {
    height: 30px;
    background-color: transparent;
    border: 1px solid #0071b8;
    padding: 0 12px;
    position: relative;
    color: #0071b8;
    font-family: 'Roboto Condensed', Arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 27px; }
    .btn.blue:after {
      content: "";
      background-image: url('../media/images/ico/sprite.png');
      background-position: 0 0;
      width: 10px;
      height: 10px;
      display: inline-block;
      margin-left: 10px;
      vertical-align: middle;
      margin-top: -3px; }
    .btn.blue:hover:after {
      content: " "; }
  .btn.green {
    height: 40px;
    background-color: #00a757;
    padding: 0 25px;
    font-family: 'Roboto Condensed', Arial, sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 38px;
    text-transform: uppercase; }
    .btn.green:hover {
      background-color: #00934d; }
    .btn.green.big {
      height: 50px;
      font-size: 21px;
      line-height: 50px;
      font-family: 'Roboto Condensed', Arial, sans-serif;
      font-weight: 400; }
  .btn.red {
    height: 30px;
    background-color: #eb2f37;
    padding: 0 11px;
    font-family: 'Roboto Condensed', Arial, sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px; }
    .btn.red:after {
      content: "";
      background-image: url('../media/images/ico/sprite.png');
      background-position: -10px 0;
      width: 10px;
      height: 10px;
      display: inline-block;
      margin-left: 10px;
      vertical-align: middle;
      margin-top: -3px; }
    .btn.red:hover {
      text-decoration: underline; }
      .btn.red:hover:after {
        content: " "; }
  .btn.round {
    min-width: 150px;
    height: 30px;
    border-radius: 15px;
    background-color: #fff;
    padding: 0 16px;
    text-align: center;
    color: #0071b7;
    font-size: 14px;
    line-height: 30px;
    text-transform: uppercase; }
  .btn.grey {
    background-color: #d5d6d6;
    padding: 13px 40px;
    font-family: 'Roboto Condensed', Arial, sans-serif;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase; }
    .btn.grey:hover {
      background-color: #959799; }
  .btn.blue_big {
    background-color: #0071b8;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase; }
    .btn.blue_big:after {
      content: "";
      background-image: url("../media/images/ico/sprite.png");
      background-position: -10px 0;
      width: 10px;
      height: 10px;
      display: inline-block;
      margin-left: 10px;
      vertical-align: middle;
      margin-top: -3px; }
    .btn.blue_big:hover {
      background-color: #0b84d0; }

body {
  height: 100%;
  font: normal normal 14px/1.4 'Roboto Condensed', Arial, Tahoma, Verdana, sans-serif;
  color: #000000;
  background-color: #eeeeee; }

input, textarea, option, select, label {
  font: normal normal 14px/1.4 'Roboto Condensed', Arial, Tahoma, Verdana, sans-serif;
  color: #000000; }

a {
  text-decoration: none;
  font-family: 'Roboto Condensed', Arial, Tahoma, Verdana, sans-serif;
  color: #0071b8; }
  a:hover {
    color: #a8c3df;
    text-decoration: underline; }

@font-face {
  font-family: 'Conv_RobotoCondensed-Light';
  src: url('../media/fonts/RobotoCondensed-Light.eot');
  src: local('☺'), url('../media/fonts/RobotoCondensed-Light.woff') format('woff'), url('../media/fonts/RobotoCondensed-Light.ttf') format('truetype'), url('../media/fonts/RobotoCondensed-Light.svg') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Roboto Condensed';
  src: url('../media/fonts/RobotoCondensed-Light.eot');
  src: local('☺'), url('../media/fonts/RobotoCondensed-Light.woff') format('woff'), url('../media/fonts/RobotoCondensed-Light.ttf') format('truetype'), url('../media/fonts/RobotoCondensed-Light.svg') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Conv_RobotoCondensed-Regular';
  src: url('../media/fonts/RobotoCondensed-Regular.eot');
  src: local('☺'), url('../media/fonts/RobotoCondensed-Regular.woff') format('woff'), url('../media/fonts/RobotoCondensed-Regular.ttf') format('truetype'), url('../media/fonts/RobotoCondensed-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url('../media/fonts/Roboto-Black-webfont.eot');
  src: url('../media/fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'), url('../media/fonts/Roboto-Black-webfont.woff') format('woff'), url('../media/fonts/Roboto-Black-webfont.ttf') format('truetype'), url('../media/fonts/Roboto-Black-webfont.svg#robotoblack') format('svg');
  font-weight: 900;
  font-style: normal; }

input[type=text]:-webkit-autofill, input[type=password]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset; }

.forprint, .preload {
  display: none; }

.forscreen {
  display: block; }

.wrapper {
  width: 980px;
  margin: 0 auto; }

.has_right_block {
  width: 700px;
  float: left; }

.plr {
  padding-left: 40px;
  padding-right: 40px; }

.right_side_layout {
  width: 280px;
  float: left; }

.page_fan_zone_image_gallery, .page_fan_zone_image_list {
  background: url('../media/images/photo/fan_zone.jpg') center 0px no-repeat;
  margin-top: -35px;
  padding-top: 35px; }
  .page_fan_zone_image_gallery .path, .page_fan_zone_image_list .path {
    border-bottom: 0; }
    .page_fan_zone_image_gallery .path a, .page_fan_zone_image_list .path a {
      color: #fff; }

.page_priorities_news_list {
  margin-top: -45px;
  padding-top: 35px;
  background: url('../media/images/bg/education_bg.jpg') center 0px no-repeat; }
  .page_priorities_news_list .path {
    border-bottom: 0; }
    .page_priorities_news_list .path a {
      color: #fff; }

.page_videos_blank .full_width, .page_videos_list .full_width {
  width: 100%;
  background: url('../media/images/bg/video_list.jpg') center 0px no-repeat; }

.page_requests_form {
  margin-top: -45px;
  padding-top: 35px;
  background: url('../media/images/bg/national_team.jpg') center 0px no-repeat; }
  .page_requests_form .path {
    border-bottom: 0; }
    .page_requests_form .path a {
      color: #fff; }

.page_cat_volunteer_form {
  margin-top: -45px;
  padding-top: 35px;
  background: url('../media/images/bg/become_volunteers.jpg') center 0px no-repeat; }
  .page_cat_volunteer_form .path {
    border-bottom: 0; }
    .page_cat_volunteer_form .path a {
      color: #fff; }

.page_volunteers_list {
  margin-top: -35px;
  padding-top: 35px;
  background: url('../media/images/bg/video_list.jpg') center 0px no-repeat; }
  .page_volunteers_list .path {
    border-bottom: 0; }
    .page_volunteers_list .path a {
      color: #fff; }

.page_become_coach_form {
  margin-top: -45px;
  padding-top: 35px;
  background: url('../media/images/bg/become_coach.jpg') center 0px no-repeat; }
  .page_become_coach_form .path {
    border-bottom: 0; }
    .page_become_coach_form .path a {
      color: #fff; }

.page_tab_text .texts {
  padding: 0 20px; }
  .page_tab_text .texts ul, .page_tab_text .texts ol {
    margin-left: 18px; }

.texts {
  font-size: 16px;
  line-height: 28px;
  color: #333;
  font-family: 'Roboto Condensed'; }
  .texts * {
    font-size: 16px !important;
    line-height: 28px !important;
    color: #333;
    font-family: 'Roboto Condensed' !important;
    white-space: normal; }
  .texts a {
    color: #0071b8;
    text-decoration: underline; }
    .texts a:hover {
      text-decoration: none; }
  .texts:after {
    content: '';
    display: block;
    clear: both; }
  .texts .rte_image.left {
    margin: 20px 40px 20px 0;
    float: left; }
  .texts .rte_image.right {
    margin: 20px 0 20px 40px;
    float: right; }
  .texts table.no_styles {
    width: 100% !important;
    table-layout: auto;
    clear: left; }
    .texts table.no_styles tr:first-child th, .texts table.no_styles tr:first-child td {
      background-color: transparent; }
    .texts table.no_styles td {
      border-bottom: none;
      padding: 0 !important; }
      .texts table.no_styles td .rte_image {
        width: 100%;
        float: none; }
        .texts table.no_styles td .rte_image img {
          margin: 0 auto; }

table.rte_table_style {
  width: 100%;
  margin: 10px 0;
  border: 0 !important;
  float: none !important; }
  table.rte_table_style tr:first-child th, table.rte_table_style tr:first-child td {
    background-color: #333;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: bold;
    text-transform: uppercase;
    padding: 7px 9px 8px;
    border-color: #333; }
    table.rte_table_style tr:first-child th *, table.rte_table_style tr:first-child td * {
      color: #fff !important;
      font-size: 12px !important; }
  table.rte_table_style td {
    border-bottom: 1px solid #d6d6d6;
    color: #333;
    font-size: 16px;
    padding: 12px 9px 9px;
    border-color: #d6d6d6; }
    table.rte_table_style td span {
      font-weight: bold; }
  table.rte_table_style .is_inner td {
    color: #0071b8;
    cursor: pointer; }
  table.rte_table_style .is_inner:hover td {
    background-color: #eee; }

h1, .h1 {
  color: #333;
  font-size: 30px;
  font-weight: 600;
  padding-right: 20px;
  position: relative;
  padding-top: 12px;
  padding-bottom: 6px;
  line-height: 30px;
  letter-spacing: -1px; }
  h1 small, .h1 small {
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -1px; }
  h1.white, .h1.white {
    color: #ffffff;
    border-color: #fff; }

h3, .h3 {
  color: #333;
  font-size: 24px;
  font-weight: 900;
  text-transform: uppercase;
  border-top: 4px solid #333333;
  padding-right: 20px;
  position: relative;
  padding-top: 7px;
  padding-bottom: 11px;
  line-height: 24px;
  font-family: 'Conv_RobotoCondensed-Regular', Arial, sans-serif; }
  h3 small, .h3 small {
    font-size: 24px;
    font-weight: 300;
    letter-spacing: -1px;
    padding-left: 3px; }
  h3:after, .h3:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 20px;
    background-image: url('../media/images/ico/sprite.png');
    background-position: -8px -10px;
    position: absolute;
    right: 0;
    line-height: 24px;
    top: 11px; }
  h3.white, .h3.white {
    color: #ffffff;
    border-color: #fff; }
    h3.white:after, .h3.white:after {
      background-position: 0 -30px; }
  h3.bottom, .h3.bottom {
    border-top: none;
    border-bottom: 4px solid #d6d6d6;
    padding-bottom: 7px; }
    h3.bottom:after, .h3.bottom:after {
      display: none; }
  h3.simple, .h3.simple {
    border-top: none;
    padding-bottom: 7px; }
    h3.simple:after, .h3.simple:after {
      display: none; }
  h3.small, .h3.small {
    font-size: 16px;
    letter-spacing: 0; }
    h3.small small, .h3.small small {
      font-size: 16px; }
  h3.big, .h3.big {
    font-size: 40px;
    line-height: 41px;
    padding-bottom: 27px;
    border-bottom: 1px solid #75797d; }
    h3.big small, .h3.big small {
      font-size: 40px; }
  h3.narrow, .h3.narrow {
    padding-right: 0;
    letter-spacing: -1px; }
    h3.narrow small, .h3.narrow small {
      letter-spacing: -2px; }

.button_tabs .txt {
  font-size: 16px;
  line-height: 28px;
  color: #333;
  font-family: 'Roboto Condensed';
  white-space: normal;
  padding: 20px 0; }
.button_tabs .link {
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  margin-right: 14px;
  font-size: 18px;
  text-decoration: none !important;
  text-transform: uppercase;
  border-bottom: 4px solid transparent;
  margin-bottom: 2px; }
  .button_tabs .link span {
    text-decoration: none;
    color: #0071b8;
    font-weight: bold;
    border: 0; }
  .button_tabs .link:hover {
    text-decoration: none;
    color: #ec3137;
    border-color: #ec313e; }
    .button_tabs .link:hover span {
      color: #ec3137; }
  .button_tabs .link.act {
    color: #ec3137;
    border-color: #ec313e;
    text-decoration: none;
    font-weight: normal; }

.title {
  color: #000;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 24px;
  font-family: 'Roboto Condensed', Arial, sans-serif; }
  .title.simple {
    color: #333;
    text-transform: none; }
  .title.big {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    text-transform: none; }
  .title.link {
    color: #0071b7;
    font-size: 18px; }
    .title.link:hover {
      text-decoration: underline; }
  .title.group {
    color: #fff; }
    .title.group:before {
      content: "";
      display: inline-block;
      background-image: url('../media/images/ico/sprite.png');
      background-position: 0 -10px;
      background-repeat: no-repeat;
      width: 8px;
      height: 15px;
      margin-right: 10px;
      vertical-align: middle;
      margin-top: -4px; }
    .title.group:hover {
      color: #fff;
      text-decoration: underline; }
  .title.small {
    font-size: 14px;
    line-height: 1.4; }

a.title:hover {
  color: #0071b8;
  text-decoration: none; }

.tags {
  color: #adadad;
  font-family: 'Roboto Condensed';
  font-size: 13px; }
  .tags a {
    color: #adadad;
    font-family: 'Roboto Condensed'; }

.image.over {
  background-color: #333333;
  position: relative;
  display: inline-block; }
.image:hover img {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
.image .over {
  background-color: #333333;
  position: relative;
  display: inline-block; }

.blue_white {
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
  font-size: 18px;
  color: #0071b8;
  text-decoration: none;
  border: 1px solid #0071b8;
  padding: 0 20px;
  font-size: 18px;
  font-weight: bold; }
  .blue_white:hover {
    background-color: #0071b8;
    color: #fff;
    text-decoration: none; }

.mt30 {
  margin-top: 30px; }

.mb20 {
  margin-bottom: 20px; }

.mb10 {
  margin-bottom: 10px; }

.mt10 {
  margin-top: 10px; }

.mb30 {
  margin-bottom: 30px; }

.mb40 {
  margin-bottom: 40px; }

.mb50 {
  margin-bottom: 50px; }

.mt20 {
  margin-top: 20px; }

.mt47 {
  margin-top: 47px; }

.vamid_helper {
  display: inline-block;
  width: 0;
  height: 100%; }

.citate {
  background-color: #f6f6f6;
  color: #ec3137;
  font-size: 24px !important;
  line-height: 28px !important;
  padding: 18px 30px 28px;
  width: 300px;
  display: inline-block;
  text-align: left; }
  .citate:before {
    content: '';
    background: url('../media/images/ico/qoutes.png') 0 100% no-repeat;
    width: 35px;
    height: 30px;
    color: #dadee1;
    font-size: 64px;
    display: inline-block;
    margin-right: 13px;
    margin-bottom: -2px; }
  .citate.fl {
    float: left;
    margin: 10px 10px 10px 0; }
  .citate.fr {
    float: right;
    margin: 10px 0 10px 10px; }

.small_title {
  display: block;
  font-weight: bold;
  font-size: 18px !important;
  line-height: 28px !important;
  margin-bottom: 13px; }

.bgc {
  background-color: #fff;
  padding: 28px 20px; }

#priorities_video_list {
  display: none; }

.video_list_holder {
  width: 950px;
  height: 710px;
  overflow: hidden;
  background-color: #1f1f1f;
  position: relative; }
  .video_list_holder .big_video {
    width: 950px;
    height: 550px;
    overflow: hidden; }
    .video_list_holder .big_video object, .video_list_holder .big_video iframe {
      border: 0 !important; }
  .video_list_holder .navi {
    width: 75px;
    height: 160px;
    position: absolute;
    bottom: 0; }
    .video_list_holder .navi span {
      width: 14px;
      height: 36px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -18px;
      margin-left: -7px;
      display: block; }
    .video_list_holder .navi.nav_prev {
      left: 0; }
      .video_list_holder .navi.nav_prev span {
        background-image: url('../media/images/dec/navi_prev.png'); }
      .video_list_holder .navi.nav_prev:hover span {
        background-image: url('../media/images/dec/navi_prev_ov.png'); }
    .video_list_holder .navi.nav_next {
      right: 0; }
      .video_list_holder .navi.nav_next span {
        background-image: url('../media/images/dec/navi_next.png'); }
      .video_list_holder .navi.nav_next:hover span {
        background-image: url('../media/images/dec/navi_next_ov.png'); }
  .video_list_holder .small_videos {
    height: 160px;
    border-right: 1px solid #4c4c4c;
    text-align: center;
    margin: 0 auto; }
    .video_list_holder .small_videos.is_navi {
      width: 747px !important; }
    .video_list_holder .small_videos .cycle-carousel-wrap {
      font-size: 0; }
      .video_list_holder .small_videos .cycle-carousel-wrap.centered {
        width: 100%;
        text-align: center; }
    .video_list_holder .small_videos .priorities_video_list {
      width: 150px;
      height: 160px;
      position: relative !important;
      padding: 18px 15px 0;
      border-left: 1px solid #4c4c4c;
      border-right: 1px solid #4c4c4c;
      margin-right: -1px;
      vertical-align: top;
      text-decoration: none;
      cursor: pointer; }
      .video_list_holder .small_videos .priorities_video_list:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 5px;
        display: none;
        background-color: #eb3037; }
      .video_list_holder .small_videos .priorities_video_list .image_holder {
        width: 120px;
        height: 70px;
        display: block;
        overflow: hidden;
        margin-bottom: 9px; }
      .video_list_holder .small_videos .priorities_video_list .video_name {
        font-family: 'Roboto Condensed', Arial, Tahoma, Verdana, sans-serif;
        font-size: 14px;
        color: #fff;
        text-align: left;
        white-space: normal;
        display: block; }
      .video_list_holder .small_videos .priorities_video_list.active:after {
        display: block; }
      .video_list_holder .small_videos .priorities_video_list:hover {
        background-color: #292929; }
        .video_list_holder .small_videos .priorities_video_list:hover .video_name {
          color: #8f8f8f; }
        .video_list_holder .small_videos .priorities_video_list:hover .image_holder {
          opacity: 0.5;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

.shop-page-wrap {
  min-height: 100%;
  margin-bottom: -284px; }

.shop-page-wrap:after {
  content: '';
  display: block;
  height: 284px; }

.shop-page-footer {
  padding-top: 70px; }

.footer {
  padding-bottom: 25px;
  padding-top: 40px;
  background-color: #000000;
  border-top: 1px solid #333333;
  color: #525558;
  min-width: 980px; }
  .footer a {
    color: #fff; }
  .footer .text {
    color: #999;
    font-family: 'Roboto Condensed';
    font-size: 11px;
    line-height: 16px; }
    .footer .text * {
      color: #999; }
  .footer .copyright {
    font-size: 12px; }
    .footer .copyright .text {
      width: 610px;
      float: left; }
  .footer .solution {
    margin-top: 30px; }
  .footer.partners_footer {
    padding-top: 33px; }
    .footer.partners_footer .text {
      color: #999;
      font-family: 'Roboto Condensed';
      font-size: 14px !important;
      line-height: 18px !important; }
      .footer.partners_footer .text * {
        color: #999;
        font-size: 14px !important;
        line-height: 18px !important; }
    .footer.partners_footer .copyright {
      border-top: 1px solid #333333;
      margin-top: 7px; }
      .footer.partners_footer .copyright .solution {
        margin-top: 18px; }

.foo_contacts {
  border-bottom: 1px solid #333333;
  padding-bottom: 27px;
  margin-bottom: 20px; }
  .foo_contacts h3 {
    width: 310px;
    float: left; }
  .foo_contacts .social {
    float: right;
    text-align: right;
    padding-right: 0; }
    .foo_contacts .social small {
      color: #75797d; }
  .foo_contacts .text {
    font-size: 16px;
    line-height: 20px; }

.header {
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 50px;
  min-width: 980px; }
  .header .old_web {
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid #0071b8;
    color: #0071b8;
    font-weight: bold;
    background: url("../media/images/ico/old_web.png") 100% 3px no-repeat;
    margin: 12px 20px 0 0;
    padding: 0 20px 3px 0; }
    .header .old_web:hover {
      border-bottom: 1px solid #fff; }
  .header .logo {
    display: inline-block;
    float: left; }
  .header .search {
    float: right;
    width: 370px;
    position: relative;
    z-index: 100; }
    .header .search .form_item.text {
      float: left;
      width: 245px; }
    .header .search .btn.green {
      float: left;
      margin-left: -1px; }

.partners_header {
  background-color: #fff;
  padding-top: 15px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  min-width: 980px; }
  .partners_header .logos {
    float: left; }
    .partners_header .logos .logo {
      float: left;
      margin-right: 20px; }
  .partners_header .top_menu {
    margin-top: 20px;
    margin-bottom: -10px;
    width: 70%;
    text-align: right;
    font-size: 0; }
    .partners_header .top_menu a, .partners_header .top_menu span {
      margin-bottom: 10px;
      font-size: 14px; }

.lang {
  float: right;
  text-transform: uppercase;
  line-height: 40px;
  margin-left: 10px; }
  .lang span {
    color: #a8a8a8; }
  .lang a, .lang span {
    padding: 0 7px; }
  .lang a:hover {
    text-decoration: none; }

.main_menu {
  display: table;
  background-color: #0071b8;
  height: 50px;
  width: 100%;
  margin-top: -25px;
  margin-bottom: 10px;
  position: relative;
  z-index: 201; }
  .main_menu .cell {
    display: table-cell;
    padding: 0 10px;
    text-align: center;
    vertical-align: middle;
    transition: all 0.3s ease; }
    .main_menu .cell > span, .main_menu .cell > a {
      height: 50px;
      line-height: 50px;
      display: inline-block;
      color: #fff;
      font-size: 16px;
      text-transform: uppercase;
      font-weight: bold;
      padding-bottom: 2px; }
      .main_menu .cell > span:hover, .main_menu .cell > a:hover {
        text-decoration: none; }
    .main_menu .cell span:hover {
      text-decoration: none;
      border: none; }
    .main_menu .cell.current {
      background-color: #1f1f1f;
      cursor: default; }
    .main_menu .cell:hover {
      background-color: #fff; }
      .main_menu .cell:hover > a, .main_menu .cell:hover > span {
        color: #000; }
    .main_menu .cell .smart_menu {
      visibility: hidden;
      position: absolute;
      background-color: #ffffff;
      opacity: 0;
      transition: opacity 0.3s ease;
      width: 0;
      overflow: hidden;
      left: 0;
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); }
    .main_menu .cell.active {
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
      .main_menu .cell.active .smart_menu {
        opacity: 1;
        visibility: visible; }
  .main_menu .type_cat_licensing .smart_menu {
    right: 0;
    left: auto; }
  .main_menu .type_cat_licensing.active .smart_menu, .main_menu .type_cat_about_affa.active .smart_menu {
    width: 320px; }
  .main_menu .type_cat_our_priorities .smart_menu {
    left: 80px; }
  .main_menu .type_cat_our_priorities.active .smart_menu {
    width: 730px; }
  .main_menu .type_teams_list.active .smart_menu, .main_menu .type_competitions_list.active .smart_menu, .main_menu .type_news_page.active .smart_menu {
    width: 980px; }
  .main_menu .type_cat_community .smart_menu {
    right: 0;
    left: auto; }
  .main_menu .type_cat_community.active .smart_menu {
    width: 570px;
    right: 0;
    left: auto; }
  .main_menu .cat_title {
    color: #333;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 15px;
    text-transform: uppercase; }
    .main_menu .cat_title i {
      background-image: url('../media/images/ico/sprite.png');
      background-position: -8px -10px;
      background-repeat: no-repeat;
      display: inline-block;
      width: 10px;
      height: 20px;
      vertical-align: top;
      margin-top: 6px; }
  .main_menu .sm_cat_simple {
    padding: 20px 30px;
    border-bottom: 5px solid #0071b8; }
    .main_menu .sm_cat_simple span, .main_menu .sm_cat_simple a {
      color: #333333;
      font-family: "Roboto Condensed", sans-serif;
      font-size: 16px;
      border-top: 1px solid #eaeaea;
      display: block;
      text-align: left;
      padding: 14px 0; }
      .main_menu .sm_cat_simple span:first-child, .main_menu .sm_cat_simple a:first-child {
        border-top: none; }
      .main_menu .sm_cat_simple span:hover, .main_menu .sm_cat_simple a:hover {
        color: #0071b7;
        text-decoration: none; }
    .main_menu .sm_cat_simple span:hover {
      color: #333333; }
  .main_menu .sm_team_list {
    width: 980px; }
    .main_menu .sm_team_list .column {
      width: 50%;
      float: left;
      border-left: 1px solid #eaeaea;
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 20px;
      padding-bottom: 40px; }
      .main_menu .sm_team_list .column:first-child {
        padding-left: 30px;
        padding-right: 30px;
        border-left: none;
        border-right: 1px solid #eaeaea;
        margin-right: -1px;
        padding-top: 35px;
        padding-bottom: 50px; }
      .main_menu .sm_team_list .column > .fl {
        float: none; }
    .main_menu .sm_team_list .matche {
      width: 49%;
      display: inline-block; }
      .main_menu .sm_team_list .matche + .btn {
        display: inline-block;
        float: none; }
    .main_menu .sm_team_list .categories {
      text-align: left; }
      .main_menu .sm_team_list .categories > .fl {
        float: left;
        width: 200px;
        margin-left: 30px; }
        .main_menu .sm_team_list .categories > .fl:first-child {
          margin-left: 0;
          margin-right: -1px; }
      .main_menu .sm_team_list .categories span, .main_menu .sm_team_list .categories a {
        color: #333333;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 16px;
        border-top: 1px solid #eaeaea;
        display: block;
        text-align: left;
        padding: 14px 0;
        width: 200px; }
        .main_menu .sm_team_list .categories span:first-child, .main_menu .sm_team_list .categories a:first-child {
          border-top: none; }
        .main_menu .sm_team_list .categories span:hover, .main_menu .sm_team_list .categories a:hover {
          color: #0071b7;
          text-decoration: none; }
      .main_menu .sm_team_list .categories span:hover {
        color: #333333; }
    .main_menu .sm_team_list .btn_green {
      display: block;
      letter-spacing: 1px;
      text-transform: uppercase;
      height: 50px;
      line-height: 50px;
      background-color: #00a858;
      color: #fff;
      font-family: "Roboto Condensed", sans-serif;
      font-size: 18px;
      font-weight: bold; }
      .main_menu .sm_team_list .btn_green:hover {
        background-color: #00934d;
        text-decoration: none; }
    .main_menu .sm_team_list .matche_list {
      width: 100%;
      text-align: left; }
  .main_menu .sm_cat_our_priorities {
    width: 730px;
    font-size: 0;
    padding: 10px 5px;
    border-bottom: 5px solid #0071b8; }
    .main_menu .sm_cat_our_priorities a {
      width: 230px;
      height: 250px;
      display: inline-block;
      border: 1px solid transparent;
      margin: 0 5px; }
      .main_menu .sm_cat_our_priorities a:hover {
        border: 1px solid #e6e6e6;
        background-color: #f6f6f6;
        text-decoration: none; }
      .main_menu .sm_cat_our_priorities a img {
        max-width: 100%;
        margin: 0 auto;
        display: inline-block;
        vertical-align: middle; }
      .main_menu .sm_cat_our_priorities a .image_h {
        width: 200px;
        height: 190px;
        margin: 0 auto;
        font-size: 0;
        display: block; }
        .main_menu .sm_cat_our_priorities a .image_h img + span {
          display: inline-block;
          vertical-align: middle;
          height: 100%; }
      .main_menu .sm_cat_our_priorities a .title {
        color: #333333;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase; }
      .main_menu .sm_cat_our_priorities a:hover .title {
        color: #0071b8; }
  .main_menu .sm_competitions_list {
    padding: 20px 30px;
    border-bottom: 5px solid #0071b8;
    text-align: left;
    width: 980px; }
    .main_menu .sm_competitions_list .column {
      width: 200px;
      display: inline-block;
      vertical-align: top;
      margin-left: 15px;
      margin-right: 15px; }
      .main_menu .sm_competitions_list .column a {
        color: #333333;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 16px;
        border-top: 1px solid #eaeaea;
        display: block;
        text-align: left;
        padding: 14px 0; }
        .main_menu .sm_competitions_list .column a:hover {
          color: #0071b7;
          text-decoration: none; }
  .main_menu .sm_news_page {
    width: 980px;
    left: 0; }
    .main_menu .sm_news_page .column {
      width: 377px;
      border-left: 1px solid #eaeaea;
      float: left;
      margin-left: -1px;
      text-align: left;
      padding: 35px 30px 25px; }
      .main_menu .sm_news_page .column:first-child {
        margin-left: 0;
        width: 603px;
        border-left: none;
        border-right: 1px solid #eaeaea;
        letter-spacing: 26px; }
      .main_menu .sm_news_page .column > div {
        margin-bottom: 10px; }
    .main_menu .sm_news_page h3 {
      margin-bottom: 10px;
      margin-top: 0;
      padding-top: 0; }
    .main_menu .sm_news_page .title {
      color: #0071b7;
      font-family: "Roboto Condensed", sans-serif;
      text-transform: uppercase;
      font-size: 18px;
      font-weight: bold;
      padding-bottom: 4px;
      display: inline-block; }
    .main_menu .sm_news_page .cat_link {
      color: #333333;
      font-family: "Roboto Condensed", sans-serif;
      font-size: 16px;
      border-top: 1px solid #eaeaea;
      display: inline-block;
      text-align: left;
      width: 250px;
      letter-spacing: 0px;
      padding: 14px 0; }
      .main_menu .sm_news_page .cat_link:first-child {
        border-top: none; }
        .main_menu .sm_news_page .cat_link:first-child + * {
          border-top: none; }
      .main_menu .sm_news_page .cat_link:hover {
        color: #0071b7;
        text-decoration: none; }
  .main_menu .sm_cat_community {
    font-size: 0;
    width: 570px;
    padding: 10px; }
    .main_menu .sm_cat_community .column {
      width: 50%;
      vertical-align: top;
      display: inline-block; }
    .main_menu .sm_cat_community a {
      width: 260px;
      color: #333333;
      font-family: "Roboto Condensed", sans-serif;
      font-size: 16px;
      border-top: 1px solid #eaeaea;
      display: block;
      text-align: left;
      padding: 14px 0; }
      .main_menu .sm_cat_community a:first-child {
        border-top: none;
        padding-top: 40px; }
      .main_menu .sm_cat_community a:hover {
        color: #0071b7;
        text-decoration: none; }
    .main_menu .sm_cat_community .volontior {
      width: 240px;
      overflow: hidden;
      margin-right: 30px; }
      .main_menu .sm_cat_community .volontior .image_v {
        height: 265px;
        overflow: hidden; }
    .main_menu .sm_cat_community .special_osom_text {
      width: 240px;
      height: 50px;
      background-color: #eb3137;
      color: #fff;
      font-family: "Roboto Condensed", sans-serif;
      font-size: 14px;
      font-weight: bold;
      text-transform: uppercase;
      line-height: 50px; }

.top_menu {
  float: right;
  margin-top: 25px; }
  .top_menu a, .top_menu span {
    color: #0071b7;
    text-transform: uppercase;
    border-right: 1px solid #cccccc;
    line-height: 30px;
    height: 30px;
    display: inline-block;
    padding: 0 19px;
    position: relative;
    font-weight: 600; }
    .top_menu a:first-child, .top_menu span:first-child {
      border-left: 1px solid #cccccc; }
    .top_menu a.special:after, .top_menu span.special:after {
      content: "";
      display: inline-block;
      width: 7px;
      height: 7px;
      background-image: url('../media/images/ico/sprite.png');
      background-position: -10px -30px;
      vertical-align: top;
      margin-top: 3px;
      margin-left: 3px; }
    .top_menu a:hover, .top_menu span:hover {
      color: #a8c3df;
      text-decoration: none; }
    .top_menu a.active:before, .top_menu span.active:before {
      content: "";
      display: block;
      position: absolute;
      bottom: -5px;
      width: 92%;
      left: 3px;
      border-bottom: 4px solid #0071b8; }
    .top_menu a.preload, .top_menu span.preload {
      display: none; }
  .top_menu span {
    color: #cccccc; }
    .top_menu span:hover {
      color: #cccccc; }

.carousel {
  width: 700px;
  height: 460px;
  position: relative; }
  .carousel .text_shadows {
    position: absolute;
    bottom: 90px;
    width: 100%;
    height: 200px;
    z-index: 999; }
  .carousel .slide {
    display: block;
    width: 700px;
    height: 460px;
    overflow: hidden; }
    .carousel .slide .image {
      margin: auto;
      position: absolute;
      top: -100%;
      right: -100%;
      bottom: -100%;
      left: -100%;
      min-width: 100%;
      min-height: 100%; }
    .carousel .slide .text {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      padding: 0 15px 100px;
      z-index: 1000;
      display: block; }
      .carousel .slide .text * {
        color: #fff; }
    .carousel .slide .description {
      padding-top: 11px;
      padding-bottom: 4px;
      line-height: 20px;
      color: #fff;
      font-family: 'Roboto Condensed';
      font-size: 13px;
      display: block; }
    .carousel .slide .title {
      display: block; }
  .carousel a:hover {
    text-decoration: none; }
  .carousel .navigation {
    position: absolute;
    bottom: 0;
    left: 0;
    display: table;
    width: 100%;
    height: 90px;
    background-color: #1f1f1f;
    z-index: 200; }
    .carousel .navigation .pager {
      display: table-cell;
      border-left: 1px solid #4c4c4c;
      padding-bottom: 10px; }
      .carousel .navigation .pager .tags {
        padding: 0 10px;
        display: block; }
      .carousel .navigation .pager .description {
        color: #fff;
        font-size: 14px;
        padding: 6px 10px 0;
        height: 57px;
        overflow: hidden;
        display: block; }
      .carousel .navigation .pager .deco {
        height: 5px;
        width: 100%;
        display: block; }
      .carousel .navigation .pager:first-child {
        border-left: none; }
      .carousel .navigation .pager.active .deco {
        background-color: #eb3037; }
      .carousel .navigation .pager.active .description {
        color: #a9a9a9; }
      .carousel .navigation .pager.active .tags {
        color: #646464; }

.matche_list {
  font-size: 14px;
  background-color: #fff;
  width: 280px;
  min-height: 460px;
  overflow: hidden;
  padding: 13px 20px 10px; }
  .matche_list h3 {
    padding-right: 0;
    letter-spacing: -2px; }
  .matche_list .matche {
    line-height: 15px;
    padding-bottom: 8px; }
    .matche_list .matche .title {
      padding-top: 3px;
      display: block; }
    .matche_list .matche.no_maches {
      height: 114px; }
  .matche_list .btn {
    margin-top: 4px;
    margin-bottom: 12px; }

#page .matche_list {
  background-color: transparent; }

.links_block {
  background-color: #fff;
  text-align: center; }
  .links_block .links {
    width: 770px;
    display: inline-block;
    text-align: justify;
    vertical-align: middle;
    padding: 16px 60px 0; }
    .links_block .links:after {
      content: "";
      display: inline-block;
      width: 100%;
      height: 0; }
    .links_block .links a {
      font-size: 18px;
      text-transform: none;
      color: #0071B7;
      font-weight: 600; }
      .links_block .links a.grassroots img {
        margin-top: -10px; }
    .links_block .links img {
      vertical-align: middle;
      display: inline-block;
      margin-right: 10px; }

.fact_of_month {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: relative;
  min-width: 980px; }
  .fact_of_month .image {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../media/images/photo/fact_of_month.jpg'); }
  .fact_of_month .fact {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
    padding-bottom: 45px; }
  .fact_of_month .fact_holder, .fact_of_month .slide {
    width: 100%;
    height: 100%; }
  .fact_of_month .description {
    color: #fff;
    font-family: 'Roboto Condensed';
    font-size: 15px;
    line-height: 24px; }
  .fact_of_month .wrapper {
    width: 780px;
    position: relative; }
  .fact_of_month h3 {
    text-align: center;
    padding-top: 33px;
    margin-bottom: 27px; }
  .fact_of_month .fact_name {
    color: #fff;
    font-family: 'Roboto Condensed';
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 10px; }
    .fact_of_month .fact_name small {
      font-size: 26px;
      font-weight: 300; }
  .fact_of_month .nav_prev, .fact_of_month .nav_next {
    width: 14px;
    height: 36px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: 46px;
    background-image: url('../media/images/ico/sprite.png'); }
  .fact_of_month .nav_prev {
    background-position: 0 -50px;
    left: -56px; }
  .fact_of_month .nav_next {
    background-position: -14px -50px;
    right: -56px; }

.footer_menu {
  background-color: #0071b8;
  padding: 30px 0 60px;
  min-width: 980px; }
  .footer_menu .title {
    padding-bottom: 18px;
    display: block;
    padding-left: 0;
    padding-top: 30px;
    font-family: 'Roboto Condensed'; }
    .footer_menu .title.empty {
      padding-top: 15px;
      padding-bottom: 0; }
  .footer_menu .column {
    width: 196px;
    float: left;
    padding-left: 15px; }
    .footer_menu .column.double {
      width: 392px; }
      .footer_menu .column.double .column {
        margin-left: -15px;
        padding-left: 0; }
  .footer_menu a {
    color: #a7deff;
    font-family: 'Roboto Condensed';
    float: left;
    clear: left;
    line-height: 24px;
    padding-left: 18px; }
    .footer_menu a.white {
      color: #fff;
      padding-top: 15px;
      text-transform: uppercase; }
    .footer_menu a.first {
      padding-top: 0; }
  .footer_menu .matches_link {
    line-height: 18px;
    padding-bottom: 14px; }

.partners_block {
  width: 100%;
  min-height: 290px;
  padding-top: 40px;
  background-color: #fff;
  min-width: 980px; }
  .partners_block > .wrapper {
    width: 960px;
    min-height: 210px;
    background-color: #fff;
    padding: 25px 0;
    text-align: center; }
  .partners_block a {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px; }
    .partners_block a.big {
      height: 160px;
      float: left;
      clear: left; }
  .partners_block .categories {
    border-bottom: 1px solid #ddd;
    text-align: left; }
    .partners_block .categories .herbs {
      width: 188px;
      display: inline-block;
      vertical-align: bottom;
      text-align: center;
      text-decoration: none;
      top: 0;
      border-bottom: 1px solid #ddd;
      margin-bottom: -1px;
      padding-bottom: 5px;
      padding-top: 30px; }
      .partners_block .categories .herbs .herb_holder {
        height: 160px;
        width: 245px;
        display: inline-block; }
      .partners_block .categories .herbs .herb {
        margin-bottom: 14px;
        position: relative;
        top: 0;
        transition: all 0.2s; }
      .partners_block .categories .herbs .shad {
        margin-bottom: 9px; }
      .partners_block .categories .herbs:hover .herb {
        top: -20px; }
      .partners_block .categories .herbs:hover .club_name {
        text-decoration: underline; }
    .partners_block .categories .title {
      text-transform: uppercase;
      font-size: 14px;
      color: #b8b8b8;
      width: 19%;
      padding-bottom: 9px; }
    .partners_block .categories .other_partner_holder {
      width: 80%;
      text-align: center; }
      .partners_block .categories .other_partner_holder.full_width {
        width: 100%; }
        .partners_block .categories .other_partner_holder.full_width .herbs {
          width: 237px; }

.news_grid {
  width: 700px; }
  .news_grid .news_date {
    margin: 0; }
  .news_grid.wide {
    width: auto; }
    .news_grid.wide .column {
      width: 50%; }
  .news_grid .section {
    background-color: #fff; }
    .news_grid .section.grey {
      background-color: #e3e3e3;
      text-decoration: none; }
    .news_grid .section.headline .column {
      padding-bottom: 0;
      margin-bottom: -20px; }
  .news_grid .column {
    float: left;
    width: 350px;
    padding: 20px;
    border-left: 1px solid #c1c1c1;
    height: 100%; }
    .news_grid .column:first-child {
      border-left: none;
      border-right: 1px solid #c1c1c1;
      margin-right: -1px;
      padding-right: 21px;
      width: 351px; }
    .news_grid .column.double {
      width: 700px;
      float: none;
      padding: 0;
      position: relative; }
      .news_grid .column.double .description {
        position: absolute;
        bottom: 0;
        color: #fff;
        padding: 15px 20px;
        left: 0;
        font-size: 13px;
        line-height: 20px; }
  .news_grid .description {
    color: #000;
    font-family: 'Roboto Condensed';
    line-height: 24px; }
  .news_grid .new {
    border-top: 1px solid #c1c1c1;
    padding-bottom: 8px;
    padding-top: 14px; }
    .news_grid .new:first-child {
      padding-top: 0;
      border-top: none; }
    .news_grid .new img {
      padding-top: 4px;
      padding-bottom: 10px;
      margin: 0 auto; }
    .news_grid .new.video .image {
      position: relative;
      display: block; }
      .news_grid .new.video .image:after {
        content: "";
        width: 70px;
        height: 70px;
        top: 50%;
        left: 50%;
        position: absolute;
        margin-top: -35px;
        margin-left: -35px;
        background-repeat: no-repeat;
        background-position: 0 -86px;
        background-image: url('../media/images/ico/sprite.png'); }
  .news_grid .image {
    overflow: hidden; }
    .news_grid .image .text_shadows {
      position: absolute;
      bottom: 0px;
      width: 100%; }
  .news_grid .title {
    padding-bottom: 6px;
    display: inline-block; }
  .news_grid .tags {
    padding-top: 10px; }
  .news_grid .title_headline {
    background-color: #1f1f1f;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    padding: 14px 20px;
    display: block; }

.list_grid {
  background-color: #fff;
  width: 700px;
  padding: 3px 20px 50px; }
  .list_grid.wide {
    width: 100%; }
  .list_grid .section {
    display: table;
    table-layout: fixed;
    width: 100%; }
    .list_grid .section.full .column {
      width: 100%; }
    .list_grid .section.double .column {
      width: 50%;
      padding-left: 20px; }
      .list_grid .section.double .column:first-child {
        padding-left: 0; }
    .list_grid .section.double .content {
      width: 100%; }
    .list_grid .section.triple .column {
      width: 200px; }
      .list_grid .section.triple .column:first-child .content {
        margin: 0; }
      .list_grid .section.triple .column:nth-child(2) {
        width: 260px; }
    .list_grid .section.triple .content {
      width: 200px;
      margin: 0 auto; }
    .list_grid .section.more {
      padding-top: 50px; }
  .list_grid .column {
    display: table-cell;
    margin: 0 auto;
    vertical-align: top; }
    .list_grid .column .content {
      border-bottom: 1px solid #d6d6d6; }
  .list_grid .row {
    display: table-row; }
    .list_grid .row.simple .content {
      border-bottom: none; }
  .list_grid .title {
    padding-bottom: 10px;
    display: inline-block;
    padding-top: 25px; }
    .list_grid .title.small {
      padding-top: 5px;
      padding-bottom: 5px; }
  .list_grid .image {
    margin-bottom: 6px;
    overflow: hidden;
    width: 100%; }
    .list_grid .image img {
      width: 100%; }
  .list_grid .description {
    color: #000;
    font-family: 'Roboto Condensed';
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px; }
  .list_grid .tags {
    margin-bottom: 5px; }
  .list_grid .only_links .content {
    border-top: 1px solid #d6d6d6;
    border-bottom: none; }

.full_news_with_img {
  margin-left: -20px;
  margin-top: -3px; }
  .full_news_with_img .column.double {
    border-right: 0; }
    .full_news_with_img .column.double .images {
      display: block;
      position: relative;
      overflow: hidden;
      min-height: 460px; }
      .full_news_with_img .column.double .images .text_shadows {
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 4; }
      .full_news_with_img .column.double .images .img_ffks {
        margin: auto;
        position: absolute;
        top: -100%;
        right: -100%;
        bottom: -100%;
        left: -100%;
        min-width: 100%;
        min-height: 100%;
        z-index: 3; }
      .full_news_with_img .column.double .images .ov {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        background-color: #000;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
      .full_news_with_img .column.double .images .name {
        color: #fff;
        font-size: 30px;
        line-height: 1.2;
        padding-bottom: 13px;
        display: block; }
      .full_news_with_img .column.double .images:hover {
        color: #fff; }
        .full_news_with_img .column.double .images:hover .popular_tags {
          color: #959989; }
        .full_news_with_img .column.double .images:hover .name {
          text-decoration: underline; }
        .full_news_with_img .column.double .images:hover .ov {
          opacity: 0.4;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
          z-index: 8; }
      .full_news_with_img .column.double .images .description {
        bottom: 22px;
        z-index: 9; }
      .full_news_with_img .column.double .images .popular_tags {
        z-index: 9;
        color: #959989;
        font-size: 12px;
        bottom: 22px;
        left: 20px;
        position: absolute; }

.news_date {
  display: block;
  font: 12px 'RobotSlab', Arial, sans-serif;
  color: #adadad !important; }

.videos_latest {
  width: 260px;
  padding: 0 20px 13px; }
  .videos_latest .video {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px; }
  .videos_latest .title {
    width: 95px;
    display: inline-block;
    vertical-align: top;
    padding-left: 8px;
    margin-top: -5px; }
  .videos_latest .image {
    position: relative;
    display: inline-block;
    vertical-align: top; }
    .videos_latest .image:after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -10px;
      margin-left: -15px;
      width: 30px;
      height: 20px;
      background-repeat: no-repeat;
      background-position: -20px 0;
      background-image: url('../media/images/ico/sprite.png'); }
  .videos_latest .btn {
    margin-top: 10px; }

.banner {
  width: 260px; }
  .banner img {
    width: 100%; }
  .banner .title {
    padding-left: 10px;
    padding-bottom: 4px;
    display: inline-block; }
  .banner a:hover {
    text-decoration: none; }

.path {
  padding-bottom: 18px;
  margin-bottom: 16px;
  padding-top: 5px;
  border-bottom: 1px solid #c9c9c9; }
  .path .title.grey {
    color: #9b9b9b; }

.menu_tags {
  background-color: #1f1f1f;
  padding: 0 5px;
  margin-bottom: 10px; }
  .menu_tags a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 9px 13px; }
    .menu_tags a.current {
      color: #8d8d8d; }

.photos {
  width: 260px; }
  .photos .grid {
    margin-top: 10px; }
  .photos .image {
    float: left;
    width: 86px;
    height: 76px;
    border: 1px solid #333333;
    border-right: none;
    border-bottom: none;
    overflow: hidden; }
    .photos .image:first-child {
      border-left: none; }
    .photos .image:hover {
      position: relative;
      z-index: 101;
      outline: 2px solid #fff; }
  .photos .first .image {
    border-top: none; }

.news.right_side {
  width: 260px;
  padding: 0 20px 13px; }
  .news.right_side .new {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #c9c9c9; }
    .news.right_side .new .over {
      margin-top: 8px; }
    .news.right_side .new:hover span.dib {
      text-decoration: underline; }

#related_photo_items {
  padding: 0 20px 13px; }

.team_path {
  border-bottom: 1px solid #c9c9c9;
  padding: 8px 0 18px;
  margin-bottom: 16px; }
  .team_path .title {
    display: inline-block;
    vertical-align: middle; }
    .team_path .title:hover {
      color: #000;
      text-decoration: underline; }
  .team_path .last, .team_path #tab_path {
    color: #8c8c8c; }
    .team_path .last:hover, .team_path #tab_path:hover {
      color: #8c8c8c;
      text-decoration: none; }
  .team_path .dec:hover {
    color: #000;
    text-decoration: none; }

.second_menu {
  font-size: 0;
  margin-bottom: 1px;
  position: relative;
  font-family: "Roboto Condensed", sans-serif; }
  .second_menu:after {
    content: '';
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: 10px;
    left: 0;
    background-color: #C9C9C9; }
  .second_menu :first-child {
    padding: 0 18px 14px 0; }
  .second_menu * {
    font-size: 16px;
    line-height: 100%;
    display: inline-block;
    vertical-align: bottom;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600; }
  .second_menu span {
    color: #ec3137;
    border-bottom: 4px solid;
    padding: 0 18px 14px;
    margin-bottom: 10px;
    position: relative;
    z-index: 1; }
  .second_menu a {
    text-decoration: none;
    border-bottom: 4px solid #c9c9c9;
    padding: 0 18px 14px;
    margin-bottom: 10px;
    position: relative;
    z-index: 1; }
    .second_menu a:hover {
      color: #ec3137;
      border-bottom: 4px solid; }
  .second_menu.in_partner {
    margin: 0 16px;
    padding: 16px 0 0 0;
    border-top: 1px solid #d7d7d7; }

.team_tabs .texts {
  line-height: 24px; }
.team_tabs .team_list {
  background-color: #fff;
  padding: 18px 20px 0; }
  .team_tabs .team_list h3 {
    padding-right: 140px;
    margin-bottom: 19px; }
  .team_tabs .team_list .player_items {
    width: 220px;
    margin-right: 20px;
    float: left;
    text-align: center;
    text-decoration: none;
    margin-bottom: 25px; }
    .team_tabs .team_list .player_items.last {
      margin-right: 0; }
    .team_tabs .team_list .player_items .image_holder {
      height: 333px;
      overflow: hidden;
      display: block;
      width: 100%;
      margin-bottom: 9px;
      background-position: center 0 !important;
      background-size: 100% auto !important; }
    .team_tabs .team_list .player_items .title {
      display: block;
      text-transform: none;
      color: #0071b8; }
      .team_tabs .team_list .player_items .title.club {
        font-weight: normal;
        font-size: 13px;
        margin-top: -2px; }
    .team_tabs .team_list .player_items:hover .title {
      color: #A8C3DF; }

.qualifications {
  padding: 20px 15px;
  background-color: #fff; }
  .qualifications .item {
    width: 330px;
    height: 130px;
    box-sizing: border-box;
    display: table;
    text-decoration: none;
    float: left;
    margin: 0 2px 5px;
    border: 5px solid transparent; }
    .qualifications .item .dtc {
      display: table-cell;
      vertical-align: middle;
      padding: 0 0 0 32px;
      background: url('../media/images/ico/blue_arr.png') 8px center no-repeat; }
    .qualifications .item span {
      display: block;
      line-height: 1;
      color: #0071b8; }
    .qualifications .item .name {
      font-size: 24px;
      letter-spacing: -1px;
      text-transform: uppercase; }
    .qualifications .item .years {
      font-size: 28px;
      font-weight: bold; }
    .qualifications .item.white_txt .dtc {
      background: url('../media/images/ico/white_arr.png') 8px center no-repeat; }
    .qualifications .item.white_txt span {
      color: #fff; }
    .qualifications .item:hover {
      border-color: #0071b8; }

.turs .item {
  margin-bottom: 37px;
  float: left;
  width: 460px; }
  .turs .item.even {
    margin-right: 20px; }
  .turs .item.odd {
    margin-right: 0; }
  .turs .item > .title:first-child {
    font-size: 24px;
    color: #333;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 5px;
    margin-bottom: 10px;
    text-transform: none; }
  .turs .item .items {
    margin-bottom: 27px;
    color: #333;
    font-size: 16px;
    line-height: 30px; }

.full_width .shedule, .full_width .regions {
  float: none; }
.full_width .turs .item {
  float: none;
  width: 100%; }

.maches_competitions {
  background-color: #1f1f1f;
  font-size: 0;
  margin-bottom: 10px; }
  .maches_competitions .all_matches {
    display: inline-block;
    vertical-align: middle;
    width: 280px;
    height: 150px;
    text-align: center; }
    .maches_competitions .all_matches a {
      display: inline-block;
      vertical-align: middle;
      color: #2fafff;
      text-decoration: none;
      margin-top: 39px;
      font-size: 14px; }
      .maches_competitions .all_matches a span {
        margin: 0 auto 7px;
        display: block;
        width: 59px;
        height: 47px;
        background: url('../media/images/ico/all_matches.png') 0 0 no-repeat; }
      .maches_competitions .all_matches a:hover {
        text-decoration: underline; }
        .maches_competitions .all_matches a:hover span {
          background-position: 100% 0; }
  .maches_competitions .matches {
    display: inline-block;
    vertical-align: middle;
    height: 150px;
    width: 700px; }
    .maches_competitions .matches .match_item {
      border-right: 1px solid #4c4c4c;
      width: 350px;
      height: 150px;
      display: inline-block;
      vertical-align: middle;
      padding: 12px 10px 0; }
      .maches_competitions .matches .match_item.one_match {
        width: 100%; }
        .maches_competitions .matches .match_item.one_match .match_result .teams {
          max-width: 200px;
          width: 200px; }
      .maches_competitions .matches .match_item .status.finished {
        color: #8f8f8f;
        font-size: 14px; }
      .maches_competitions .matches .match_item .status.notfinished {
        color: #fff;
        font-size: 14px;
        margin-top: -2px; }
        .maches_competitions .matches .match_item .status.notfinished span, .maches_competitions .matches .match_item .status.notfinished img {
          display: inline-block;
          vertical-align: middle;
          margin-right: 4px; }
        .maches_competitions .matches .match_item .status.notfinished img {
          margin-top: -2px; }
      .maches_competitions .matches .match_item .name {
        font-size: 14px;
        color: #fff;
        text-align: right;
        margin-top: -2px; }
      .maches_competitions .matches .match_item .match_result {
        color: #fff;
        font-size: 16px;
        text-align: center; }
        .maches_competitions .matches .match_item .match_result .teams {
          display: inline-block;
          max-width: 70px;
          vertical-align: bottom;
          line-height: 100%;
          padding-bottom: 7px; }
          .maches_competitions .matches .match_item .match_result .teams div {
            color: #8f8f8f;
            font-size: 14px;
            text-transform: uppercase;
            line-height: 100%; }
        .maches_competitions .matches .match_item .match_result .timer_holder {
          display: inline-block;
          vertical-align: middle;
          margin-top: -7px; }
          .maches_competitions .matches .match_item .match_result .timer_holder > div {
            display: inline-block;
            vertical-align: middle; }
          .maches_competitions .matches .match_item .match_result .timer_holder .score {
            color: #fff;
            font-size: 66px;
            line-height: 100%; }
          .maches_competitions .matches .match_item .match_result .timer_holder .score_pipe {
            background: url('../media/images/dec/score_pipe.jpg') 0 0 no-repeat;
            width: 15px;
            height: 48px; }
          .maches_competitions .matches .match_item .match_result .timer_holder .end_time {
            display: block;
            margin-top: -5px;
            margin-bottom: -3px; }
            .maches_competitions .matches .match_item .match_result .timer_holder .end_time span, .maches_competitions .matches .match_item .match_result .timer_holder .end_time img {
              display: inline-block;
              vertical-align: middle; }
            .maches_competitions .matches .match_item .match_result .timer_holder .end_time span {
              text-transform: uppercase;
              color: #8f8f8f;
              font-size: 14px;
              font-weight: bold; }
      .maches_competitions .matches .match_item .penalties_block {
        color: #fff;
        font-size: 14px;
        text-align: center;
        padding-bottom: 4px; }
      .maches_competitions .matches .match_item .match_link {
        text-align: center; }
        .maches_competitions .matches .match_item .match_link .finished {
          font-size: 14px;
          text-transform: uppercase;
          color: #46b5ff; }
        .maches_competitions .matches .match_item .match_link .notfinished {
          text-decoration: none;
          background-color: #fff;
          height: 30px;
          line-height: 30px;
          text-transform: uppercase;
          display: inline-block;
          font-size: 14px;
          text-transform: uppercase;
          color: #eb3037;
          padding: 0 17px;
          margin-top: -11px; }
          .maches_competitions .matches .match_item .match_link .notfinished:before {
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 4px 0 4px 6px;
            border-color: transparent transparent transparent #eb3037;
            display: inline-block;
            margin-right: 8px; }
          .maches_competitions .matches .match_item .match_link .notfinished:hover {
            color: #fff;
            background-color: #eb3037; }
            .maches_competitions .matches .match_item .match_link .notfinished:hover:before {
              border-color: transparent transparent transparent #fff; }

#popup-page-blocker {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10000;
  position: fixed;
  top: 0px;
  left: 0px;
  text-align: center;
  display: none; }

#popup-failed-subscription {
  display: none; }

#popup-page-data-holder {
  width: 900px;
  margin: 6% auto 0;
  background-color: #fff;
  position: relative;
  padding-top: 35px;
  position: absolute;
  display: none;
  top: 0px;
  left: 50%;
  text-align: center;
  margin-left: -450px;
  z-index: 10001; }
  #popup-page-data-holder #popup-close-button {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 24px;
    height: 24px;
    background: transparent url('../media/images/btn/close.png') 100% 0px;
    cursor: pointer;
    z-index: 1103;
    display: block; }
    #popup-page-data-holder #popup-close-button:hover {
      background-position: 0 0; }
  #popup-page-data-holder h3 {
    font-size: 36px;
    font-family: "Roboto Condensed", sans-serif;
    display: inline-block;
    padding-bottom: 13px; }
  #popup-page-data-holder .image_holder, #popup-page-data-holder .popup_text {
    float: left;
    width: 50%;
    margin-top: 31px;
    text-align: left; }
  #popup-page-data-holder .popup_text .blue_big {
    margin-left: 38px; }
  #popup-page-data-holder #popup-text, #popup-page-data-holder #popup-input-holder, #popup-page-data-holder #popup-failed-subscription, #popup-page-data-holder .subscribe_title, #popup-page-data-holder #popup-text {
    font-size: 16px;
    line-height: 30px;
    color: #333;
    font-family: "Roboto Condensed", sans-serif;
    text-align: left;
    padding: 0 38px; }
  #popup-page-data-holder #popup-text, #popup-page-data-holder #popup-input-holder, #popup-page-data-holder #popup-failed-subscription, #popup-page-data-holder .subscribe_title {
    text-align: center;
    padding-top: 17px;
    padding-bottom: 8px; }
  #popup-page-data-holder .image_holder img {
    max-width: 275px;
    height: auto;
    margin: 0 auto; }
  #popup-page-data-holder .subscribe {
    background-color: #eee; }
    #popup-page-data-holder .subscribe .form_item {
      margin: 0 0 30px 255px; }
      #popup-page-data-holder .subscribe .form_item.text {
        float: left;
        width: 269px; }
    #popup-page-data-holder .subscribe .green {
      float: left; }

.links_image {
  background-color: #fff;
  text-align: justify;
  font-size: 0;
  padding: 40px 46px 0; }
  .links_image:after {
    content: '';
    display: table;
    clear: both; }
  .links_image .item {
    position: relative;
    width: 180px;
    text-decoration: none;
    text-align: center;
    margin-bottom: 60px;
    margin-right: 172px;
    float: left; }
    .links_image .item.third {
      margin-right: 0; }
      .links_image .item.third + a {
        clear: both; }
    .links_image .item span {
      display: inline-block;
      vertical-align: top; }
    .links_image .item .image {
      width: 180px;
      height: 250px;
      overflow: hidden; }
    .links_image .item .shad {
      background: url('../media/images/dec/links_shad.png') center 0 no-repeat;
      height: 13px;
      width: 100%;
      margin-bottom: 7px; }
    .links_image .item .ov {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 180px;
      height: 250px;
      background: #000;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .links_image .item .btn {
      text-transform: uppercase;
      height: auto; }
    .links_image .item:hover .ov {
      opacity: 0.4;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; }
    .links_image .item:hover .btn {
      background-color: #eee; }

.form_holder {
  background-color: #fff;
  padding: 28px 20px 0; }
  .form_holder form {
    margin-bottom: 50px;
    float: right; }
    .form_holder form .form_item {
      margin-right: 110px; }
  .form_holder label {
    color: #333; }
  .form_holder .form_item {
    margin-top: 10px; }
  .form_holder .input_holder {
    width: 390px;
    display: inline-block;
    margin-left: 30px; }
  .form_holder .textarea label {
    margin-top: 9px; }
  .form_holder .textarea textarea {
    min-height: 190px; }
  .form_holder .blue_big {
    margin: 15px 0 0 363px; }
  .form_holder .mandatory {
    border-top: 1px solid #d6d6d6;
    height: 100px;
    width: 980px;
    margin-left: -20px; }
    .form_holder .mandatory .description {
      text-align: center;
      color: #333;
      font-size: 14px;
      line-height: 26px;
      font-family: "Roboto Condensed", sans-serif;
      padding: 20px 50px; }

.socials {
  margin-top: -4px; }
  .socials span {
    font-size: 16px;
    font-weight: normal;
    text-transform: none;
    padding-top: 3px;
    display: inline-block; }
  .socials a {
    display: inline-block;
    vertical-align: middle;
    width: 27px;
    height: 27px;
    margin: -3px 5px 0 10px; }
    .socials a.fb {
      background: transparent url('../media/images/ico/fb.png') center center no-repeat; }
    .socials a.twiter {
      background: transparent url('../media/images/ico/twiter.png') center center no-repeat; }
    .socials a.instagram {
      background: transparent url('../media/images/ico/instagram.png') center center no-repeat; }

.social_icons {
  font-size: 0; }
  .social_icons a {
    display: inline-block;
    vertical-align: bottom;
    background-image: url(../media/images/ico/social_icons.png );
    background-repeat: no-repeat;
    margin-left: 20px;
    opacity: 0.7;
    cursor: pointer;
    transition: opacity 0.2s; }
    .social_icons a:hover {
      opacity: 1; }
  .social_icons .fb {
    width: 12px;
    height: 23px;
    background-position: 0 0; }
  .social_icons .in {
    width: 23px;
    height: 23px;
    background-position: -12px 0; }
  .social_icons .yt {
    width: 24px;
    height: 23px;
    background-position: -36px 0; }
  .social_icons .title {
    font-weight: 300;
    color: #75797d;
    text-align: right;
    padding: 0 2px 8px 0; }
  .social_icons.black {
    margin-right: -20px; }
    .social_icons.black a {
      background-image: url(../media/images/ico/social_icons_black.png ); }

.partners_footer .title, .s_footer .title {
  padding: 0;
  display: inline-block; }

.s_footer .social_icons {
  padding-top: 22px; }

.volunteers_event {
  display: table;
  width: 100%;
  table-layout: fixed;
  text-align: left;
  padding-bottom: 50px; }
  .volunteers_event .row {
    display: table-row; }
  .volunteers_event .column {
    display: table-cell;
    vertical-align: top; }
    .volunteers_event .column .content {
      width: 220px;
      margin: 0 auto;
      border-bottom: 1px solid #D6D6D6; }
    .volunteers_event .column.simple .content {
      border-bottom: 0; }
    .volunteers_event .column .title {
      padding-bottom: 10px;
      display: inline-block;
      padding-top: 25px; }
    .volunteers_event .column .description {
      color: #000;
      font-family: "Roboto Condensed", sans-serif;
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 15px; }
    .volunteers_event .column .tags {
      padding-bottom: 6px; }

.volunteers_inner {
  background-color: #fff;
  padding: 28px 20px 20px; }
  .volunteers_inner h3 {
    margin-bottom: 18px; }

.paging {
  text-align: center;
  padding-bottom: 30px;
  padding-top: 20px;
  font-size: 0; }
  .paging span, .paging a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #0071b8;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    padding: 0 10px;
    text-decoration: none; }
    .paging span:hover, .paging span.active, .paging a:hover, .paging a.active {
      color: #fff;
      background-color: #0071b8; }
    .paging span.navi, .paging a.navi {
      background-repeat: no-repeat;
      position: relative; }
      .paging span.navi.active, .paging a.navi.active {
        color: #0071b8;
        background-color: transparent;
        cursor: default; }
        .paging span.navi.active:hover, .paging a.navi.active:hover {
          color: #0071b8;
          background-color: transparent; }
          .paging span.navi.active:hover.next:after, .paging a.navi.active:hover.next:after {
            background-image: url('../media/images/ico/page_nav_next.png'); }
          .paging span.navi.active:hover.prev:after, .paging a.navi.active:hover.prev:after {
            background-image: url('../media/images/ico/page_nav_prev.png'); }
      .paging span.navi:after, .paging a.navi:after {
        content: '';
        display: block;
        width: 6px;
        height: 9px;
        position: absolute;
        top: 11px; }
      .paging span.navi.next, .paging a.navi.next {
        margin-left: 20px;
        padding: 0 26px 0 14px; }
        .paging span.navi.next:after, .paging a.navi.next:after {
          background-image: url('../media/images/ico/page_nav_next.png');
          right: 9px; }
        .paging span.navi.next:hover:after, .paging a.navi.next:hover:after {
          background-image: url('../media/images/ico/page_nav_next_ov.png'); }
      .paging span.navi.prev, .paging a.navi.prev {
        margin-right: 20px;
        padding: 0 14px 0 26px; }
        .paging span.navi.prev:after, .paging a.navi.prev:after {
          background-image: url('../media/images/ico/page_nav_prev.png');
          left: 9px; }
        .paging span.navi.prev:hover:after, .paging a.navi.prev:hover:after {
          background-image: url('../media/images/ico/page_nav_prev_ov.png'); }
  .paging span {
    color: #fff;
    background-color: #0071b8; }

.media_list {
  font-size: 0;
  padding: 0 5px;
  text-align: center; }
  .media_list .small_img {
    width: 220px;
    height: 150px;
    overflow: hidden;
    display: inline-block;
    margin: 0 5px 10px; }
    .media_list .small_img .shad {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 65px;
      background: url("../media/images/bg/small_shad.png") 0 0 no-repeat; }
    .media_list .small_img .title {
      font-size: 14px;
      font-weight: bold;
      font-family: "Roboto Condensed", sans-serif;
      position: absolute;
      bottom: 5px;
      left: 10px;
      text-transform: none;
      color: #FFF; }
    .media_list .small_img .dec {
      width: 28px;
      height: 28px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -14px;
      margin-left: -14px;
      background: url('../media/images/ico/zoom.png') 0 0 no-repeat;
      display: none; }
    .media_list .small_img .fb_button {
      position: absolute;
      top: 95px;
      left: 40%;
      z-index: 99;
      display: none; }
    .media_list .small_img:hover .title, .media_list .small_img:hover .shad {
      display: none; }
    .media_list .small_img:hover .dec, .media_list .small_img:hover .fb_button {
      display: block; }

.popup_video {
  max-width: 918px;
  min-width: 600px;
  font-size: 0; }
  .popup_video iframe, .popup_video object {
    width: 918px;
    height: 608px; }
  .popup_video .video_holder {
    width: 918px;
    height: 608px;
    position: relative; }
    .popup_video .video_holder .vjs-default-skin {
      width: 100% !important;
      position: absolute;
      top: 0;
      left: 0; }
    .popup_video .video_holder .vjs-progress-control {
      width: 670px !important;
      z-index: 9999; }
  .popup_video .images {
    margin: 0 auto;
    max-width: 918px;
    height: auto; }

#search_results_popup {
  width: 460px;
  background-color: #fff;
  position: absolute;
  top: 40px;
  left: 499px;
  z-index: 999;
  max-height: 450px;
  overflow: auto; }
  #search_results_popup .search_items {
    border-bottom: 1px solid #ccc;
    padding: 15px 30px 12px; }
    #search_results_popup .search_items .type_name {
      font-size: 14px;
      font-weight: bold;
      color: #333;
      font-family: "Roboto Condensed", sans-serif;
      padding-bottom: 11px;
      text-transform: uppercase; }
    #search_results_popup .search_items .search_item {
      margin-bottom: 5px; }
      #search_results_popup .search_items .search_item .date {
        font-size: 12px;
        color: #999;
        font-family: "Roboto Condensed", sans-serif; }

.overlay_search {
  position: fixed;
  width: 100%;
  height: 100%;
  display: none;
  background-color: #333;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  z-index: 100; }

.partner_slider {
  max-height: 640px;
  min-height: 450px;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
  position: relative;
  min-width: 980px; }
  .partner_slider > div {
    position: absolute; }
  .partner_slider:after {
    content: '';
    padding-top: 36.5%;
    display: block; }
  .partner_slider.no_nav .nav_prev, .partner_slider.no_nav .nav_next, .partner_slider.no_nav .example-pager {
    display: none; }
  .partner_slider .image {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
  .partner_slider .fact {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
  .partner_slider .fact_holder, .partner_slider .slide {
    width: 100%;
    height: 100%; }
  .partner_slider .wrapper {
    width: 100%;
    height: 100%;
    position: relative; }
  .partner_slider .nav_prev, .partner_slider .nav_next {
    width: 17px;
    height: 28px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -14px; }
  .partner_slider .nav_prev {
    background: transparent url('../media/images/btn/nav_prev_ov.png') 0 0%;
    left: 45px; }
    .partner_slider .nav_prev:hover {
      background: transparent url('../media/images/btn/nav_prev.png') 0 0%; }
  .partner_slider .nav_next {
    background: transparent url('../media/images/btn/nav_next_ov.png') 0 0%;
    right: 45px; }
    .partner_slider .nav_next:hover {
      background: transparent url('../media/images/btn/nav_next.png') 0 0%; }
  .partner_slider .example-pager {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 999; }
    .partner_slider .example-pager span {
      font-size: 0;
      display: inline-block;
      width: 12px;
      height: 12px;
      background: url('../media/images/dec/pager.png') 0 0 no-repeat;
      margin: 0 5px;
      cursor: pointer; }
      .partner_slider .example-pager span:hover, .partner_slider .example-pager span.cycle-pager-active {
        background-position: 100% 0; }

.s_header {
  background: #fff;
  height: 124px;
  min-width: 980px; }
  .s_header .lang {
    line-height: normal;
    margin-top: 40px;
    margin-right: 32px; }
    .s_header .lang a, .s_header .lang span {
      font: 16px 'Roboto Condensed', Arial, sans-serif;
      padding: 0 8px; }

.s_logo {
  margin-top: 16px; }
  .s_logo:first-child {
    margin-left: 20px; }
  .s_logo--shop {
    font-weight: bold;
    font-size: 24px;
    font-family: 'Roboto Condensed', Arial, Tahoma, Verdana, sans-serif;
    color: #0071b8;
    height: 64px;
    line-height: 64px;
    border-left: 1px solid #4f9dce;
    padding-left: 20px; }
    .s_logo--shop:hover {
      text-decoration: none;
      color: #0071b8; }

.s_basket span, .s_basket a {
  font: 18px 'Roboto Condensed', Arial, sans-serif;
  position: relative;
  display: inline-block;
  min-width: 160px;
  height: 50px;
  line-height: 50px;
  background: #eee;
  border: 1px solid #cfcfcf;
  padding: 0 75px 0 15px;
  margin-top: 24px; }
  .s_basket span:after, .s_basket a:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 52px;
    height: 48px;
    border-left: 1px solid #c9c9c9;
    background: url(../media/images/ico/basket.png ) no-repeat -4px -4px; }
.s_basket span {
  color: #a2a2a2; }
.s_basket a:hover {
  border-color: #0071b8;
  text-decoration: none;
  color: #0071b8; }
.s_basket a i {
  display: block;
  position: absolute;
  top: -6px;
  right: -8px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #ec3137;
  font: bold 13px 'Roboto Condensed', Arial, sans-serif;
  color: #fff;
  text-align: center;
  line-height: 20px; }
.s_basket a:after {
  background-position: -50px -50px; }

.s_menu {
  list-style-type: none;
  background: #ec3137;
  margin-top: -25px;
  margin-bottom: 10px;
  display: table; }
  .s_menu li {
    display: table-cell; }
  .s_menu a, .s_menu li > span {
    display: block;
    font: bold 16px 'Roboto Condensed', Arial, sans-serif;
    color: #fff;
    height: 50px;
    text-transform: uppercase;
    text-align: center; }
    .s_menu a > span, .s_menu li > span > span {
      padding-bottom: 3px;
      line-height: 50px; }
  .s_menu a:hover {
    text-decoration: none; }
    .s_menu a:hover > span {
      border-bottom: 3px solid #fff; }
  .s_menu li > span {
    background: #eee;
    color: #333; }

.s_slider .slide > a {
  position: absolute;
  bottom: 72px;
  right: 76px;
  font: 900 24px 'Roboto', Arial, sans-serif;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  padding: 8px 22px;
  min-width: 170px; }
  .s_slider .slide > a:hover {
    opacity: 0.9;
    text-decoration: none; }
.s_slider .s_image {
  width: 982px;
  height: 452px;
  border: 6px solid #fff;
  position: relative;
  overflow: hidden; }
  .s_slider .s_image img {
    margin: auto;
    position: absolute;
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
    min-width: 100%;
    min-height: 100%; }
.s_slider .text {
  font: 18px/1.7 'Roboto Condensed', Arial, sans-serif;
  color: #333;
  position: absolute;
  top: 82px;
  left: 62px;
  width: 320px;
  height: 356px;
  overflow: hidden; }
.s_slider .name {
  font: 300 48px/1 'Roboto Condensed', Arial, sans-serif;
  color: #333;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  width: 320px;
  margin-bottom: 28px; }
  .s_slider .name span {
    display: block;
    font-weight: 600;
    letter-spacing: normal; }
.s_slider .pager {
  list-style-type: none;
  font-size: 0;
  position: absolute;
  z-index: 222;
  bottom: 20px;
  left: 200px;
  right: 200px;
  text-align: center; }
  .s_slider .pager li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 100%;
    background: #c4c4c4;
    cursor: pointer;
    transition: all 0.3s; }
    .s_slider .pager li.cycle-pager-active, .s_slider .pager li:hover {
      background: #0071b8; }

.s_filter {
  width: 230px;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  padding: 13px 0;
  display: inline-block;
  vertical-align: top;
  margin: 0 16px 0 0; }
  .s_filter .title {
    color: #adadad;
    font-family: "Roboto Condensed";
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 20px 0;
    font-weight: 400; }
  .s_filter .name {
    color: #333;
    font-family: "Roboto Condensed";
    font-size: 18px;
    padding-bottom: 9px; }
  .s_filter .group {
    border-top: 1px solid #eaeaea;
    padding: 22px 20px 14px; }
    .s_filter .group.first {
      padding-top: 10px;
      border-top: none; }
  .s_filter .submit {
    padding: 0 20px 20px; }
  .s_filter label {
    margin-bottom: 8px; }

.s_footer {
  background: #000;
  padding-bottom: 24px;
  height: 214px;
  min-width: 980px; }
  .s_footer .wrapper {
    width: 940px; }
  .s_footer .dec_line {
    width: 100%;
    border-bottom: 1px solid #333;
    margin-bottom: 18px; }
  .s_footer .menu {
    padding: 25px 0; }
    .s_footer .menu li {
      display: inline-block;
      border-left: 1px solid #333;
      padding: 0px 25px; }
      .s_footer .menu li:first-child {
        border-left: none;
        padding-left: 0; }
    .s_footer .menu a {
      font: 14px 'Roboto Condensed', Arial, sans-serif;
      color: #fff; }
      .s_footer .menu a:hover {
        color: #a3a3a3;
        text-decoration: none; }
  .s_footer .footer_text {
    width: 600px;
    font: 11px/1.5 'Roboto Condensed', Arial, sans-serif;
    color: #75797d; }
    .s_footer .footer_text a {
      color: #fff;
      font: 11px/1.5 'Roboto Condensed', Arial, sans-serif; }
  .s_footer .esol {
    font: 12px 'Roboto Condensed', Arial, sans-serif;
    color: #75797d;
    margin-top: -18px; }
    .s_footer .esol a {
      color: #fff;
      font: 12px 'Roboto Condensed', Arial, sans-serif; }

.s_custom_menu {
  list-style-type: none;
  font-size: 0;
  padding-top: 20px;
  text-align: center; }
  .s_custom_menu li {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 230px;
    height: 170px;
    margin-left: 20px;
    text-align: left;
    background: #2b3033; }
    .s_custom_menu li img {
      margin: auto;
      position: absolute;
      top: -100%;
      right: -100%;
      bottom: -100%;
      left: -100%;
      min-width: 100%;
      min-height: 100%;
      opacity: 0.5;
      filter: alpha(opacity=50);
      z-index: 2; }
    .s_custom_menu li:first-child {
      margin-left: 0; }
    .s_custom_menu li:hover img {
      opacity: 0.2;
      filter: alpha(opacity=20); }
  .s_custom_menu a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    display: block;
    width: 100%;
    height: 100%;
    font: 300 30px/1 'Roboto Condensed', Arial, sans-serif;
    color: #fff;
    text-transform: uppercase;
    background: url(../media/images/s.gif ); }
    .s_custom_menu a > span {
      display: block;
      position: absolute;
      bottom: 18px;
      left: 20px;
      right: 20px; }
    .s_custom_menu a .first_word {
      display: block;
      font-weight: 600;
      border-top: 4px solid #fff;
      padding-top: 2px; }
      .s_custom_menu a .first_word:after {
        content: '';
        width: 10px;
        height: 20px;
        position: absolute;
        right: 0;
        top: 14px;
        background: url(../media/images/ico/sprite.png ) no-repeat 0 0;
        background-position: 0 -30px; }
    .s_custom_menu a:hover {
      color: #ec3137; }
      .s_custom_menu a:hover .first_word {
        border-color: #ec3137; }
        .s_custom_menu a:hover .first_word:after {
          background-position: 0 -163px; }

.rules_fancybox {
  padding: 0 44px 72px;
  text-align: center; }
  .rules_fancybox h1 {
    font-size: 36px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.002em;
    border-bottom: 4px solid #d6d6d6;
    padding: 16px 0 10px; }
    .rules_fancybox h1 small {
      font-size: 36px; }
  .rules_fancybox .text {
    text-align: left;
    font: 14px/1.8 'Roboto Slab', Arial, sans-serif;
    color: #333; }
    .rules_fancybox .text ol, .rules_fancybox .text ul {
      list-style-type: none; }
    .rules_fancybox .text li {
      padding-bottom: 26px; }
    .rules_fancybox .text ol {
      counter-reset: item; }
      .rules_fancybox .text ol li {
        counter-increment: item;
        position: relative;
        padding-left: 24px; }
        .rules_fancybox .text ol li:before {
          content: counter(item) ".";
          font-weight: bold;
          position: absolute;
          top: 0;
          left: 4px; }

.news_item {
  width: 100%;
  background-color: #fff;
  padding-bottom: 10px; }
  .news_item .inner_info {
    border-bottom: 1px solid #d6d6d6;
    margin: 0 40px 16px;
    padding-bottom: 13px; }
    .news_item .inner_info * {
      font-size: 14px;
      line-height: 20px;
      display: inline-block;
      vertical-align: middle !important; }
    .news_item .inner_info .print {
      background: url('../media/images/ico/print.png') 0 5px no-repeat;
      text-decoration: none;
      border-bottom: 1px solid #0071b8;
      padding: 2px 0 2px 22px;
      color: #0071b8; }
      .news_item .inner_info .print:hover {
        color: #0071b8;
        border-bottom: 1px solid #fff; }
    .news_item .inner_info .title {
      color: #8c8c8c;
      font-weight: normal;
      text-transform: none; }
    .news_item .inner_info .dec {
      background: url('../media/images/ico/info_path_dec.png') 0 0 no-repeat;
      width: 7px;
      height: 20px;
      margin: 0 8px; }
    .news_item .inner_info .date {
      color: #333; }
      .news_item .inner_info .date span {
        font-weight: bold;
        vertical-align: top !important; }
  .news_item .short_description {
    padding-bottom: 37px; }
  .news_item .cover_img {
    width: 100%;
    margin-bottom: 33px; }

.club_list {
  background-color: #fff;
  padding-bottom: 19px;
  padding-top: 18px; }
  .club_list h3 {
    margin-left: 20px; }
  .club_list .league_holder {
    font-size: 0;
    line-height: 0;
    border-bottom: 1px solid #eee; }
    .club_list .league_holder .herbs {
      width: 245px;
      display: inline-block;
      vertical-align: bottom;
      text-align: center;
      text-decoration: none;
      top: 0; }
      .club_list .league_holder .herbs .herb_holder {
        height: 160px;
        width: 245px;
        display: inline-block; }
      .club_list .league_holder .herbs .herb {
        margin-bottom: 14px;
        position: relative;
        top: 0;
        transition: all 0.2s; }
      .club_list .league_holder .herbs .shad {
        margin-bottom: 9px; }
      .club_list .league_holder .herbs:hover .herb {
        top: -20px; }
      .club_list .league_holder .herbs:hover .club_name {
        text-decoration: underline; }
    .club_list .league_holder .club_name {
      color: #0071b8;
      font-size: 16px;
      line-height: 16px;
      text-decoration: none;
      display: block;
      font-family: "Roboto Condensed", sans-serif;
      font-weight: bold;
      padding: 0 20px 7px; }
    .club_list .league_holder .nation {
      color: #aaa;
      font-size: 12px;
      line-height: 12px;
      text-transform: uppercase;
      display: block;
      padding: 0 20px 7px; }

.live_match {
  background-color: #fff; }
  .live_match .teams_buttons {
    height: 70px;
    font-size: 0;
    line-height: 0; }
    .live_match .teams_buttons a {
      display: inline-block;
      height: 70px;
      line-height: 70px;
      width: 50%;
      background-color: #fff;
      font-size: 24px;
      text-align: center;
      color: #0071b8; }
      .live_match .teams_buttons a.act {
        background-color: #ec3137;
        color: #fff; }
      .live_match .teams_buttons a:hover {
        background-color: #fff;
        color: #0071b8; }
  .live_match .video_holder {
    width: 980px;
    height: 550px;
    background-color: #000;
    position: relative; }
    .live_match .video_holder > iframe {
      display: block;
      margin: auto;
      position: absolute;
      top: -100%;
      right: -100%;
      bottom: -100%;
      left: -100%; }
  .live_match .score_holder {
    background-color: #1f1f1f;
    padding: 14px 20px 20px;
    text-align: center; }
    .live_match .score_holder .team {
      display: inline-block;
      vertical-align: middle; }
      .live_match .score_holder .team span {
        vertical-align: middle;
        display: inline-block; }
        .live_match .score_holder .team span.flag {
          width: 30px;
          height: 30px;
          position: relative;
          overflow: hidden; }
          .live_match .score_holder .team span.flag img {
            position: absolute;
            top: 0;
            left: 0; }
            .live_match .score_holder .team span.flag img.ov {
              z-index: 2; }
        .live_match .score_holder .team span.name {
          color: #fff;
          display: inline-block;
          font-size: 24px;
          text-transform: uppercase;
          padding: 0 7px;
          width: 162px; }
    .live_match .score_holder .timer_holder {
      display: inline-block;
      vertical-align: middle; }
      .live_match .score_holder .timer_holder > div {
        display: inline-block;
        vertical-align: middle; }
      .live_match .score_holder .timer_holder .score {
        color: #fff;
        font-size: 60px;
        width: 80px; }
      .live_match .score_holder .timer_holder .timer {
        width: 100px;
        height: 106px;
        background: url('../media/images/bg/timer.png') 0 0 no-repeat;
        text-align: center; }
        .live_match .score_holder .timer_holder .timer span {
          color: #fff;
          display: block;
          line-height: 100%;
          text-align: center; }
          .live_match .score_holder .timer_holder .timer span.min {
            font-size: 36px;
            padding-top: 24px; }
            .live_match .score_holder .timer_holder .timer span.min:after {
              content: "'"; }
          .live_match .score_holder .timer_holder .timer span.sec {
            font-size: 24px; }
            .live_match .score_holder .timer_holder .timer span.sec:after {
              content: '"'; }
      .live_match .score_holder .timer_holder .gols {
        width: 135px; }
        .live_match .score_holder .timer_holder .gols > span {
          font-size: 14px;
          color: #fff; }
          .live_match .score_holder .timer_holder .gols > span span {
            color: #a6a6a6; }
  .live_match .protocol {
    background: #00a858 url('../media/images/dec/protocol_dec_2.png') center 0 repeat-y;
    padding-top: 56px; }
    .live_match .protocol .protocol_info {
      margin-bottom: 54px; }
      .live_match .protocol .protocol_info.left_side {
        margin-right: 458px;
        text-align: right; }
      .live_match .protocol .protocol_info.right_side {
        margin-left: 459px;
        text-align: left; }
      .live_match .protocol .protocol_info > span {
        display: inline-block;
        vertical-align: middle; }
        .live_match .protocol .protocol_info > span > span {
          display: block; }
          .live_match .protocol .protocol_info > span > span.time {
            font-size: 16px;
            color: #80d4ac; }
          .live_match .protocol .protocol_info > span > span.name {
            font-size: 18px;
            color: #fff; }
      .live_match .protocol .protocol_info .ico {
        height: 39px;
        width: 39px;
        margin: 0 12px; }
      .live_match .protocol .protocol_info.gol .ico {
        background: url('../media/images/ico/protocol_info.png') 0 0 no-repeat !important; }
      .live_match .protocol .protocol_info.red_card .ico {
        background: url('../media/images/ico/protocol_info.png') 0 -100px no-repeat !important; }
      .live_match .protocol .protocol_info.yellow_card .ico {
        background: url('../media/images/ico/protocol_info.png') 0 -200px no-repeat !important; }
  .live_match .protocol_text, .live_match .referees {
    width: 920px;
    border-bottom: 1px solid #cdcdcd;
    padding: 19px 0 27px; }
    .live_match .protocol_text .title, .live_match .referees .title {
      color: #999;
      font-size: 18px; }
    .live_match .protocol_text .referees_names, .live_match .protocol_text .title, .live_match .referees .referees_names, .live_match .referees .title {
      display: inline-block;
      vertical-align: top; }
    .live_match .protocol_text .referees_names, .live_match .referees .referees_names {
      width: 800px; }
  .live_match .referees .referee {
    border-left: 4px solid #cdcdcd;
    padding: 2px 0 2px 7px;
    display: inline-block;
    margin-left: 72px;
    margin-top: 4px;
    width: 180px; }
    .live_match .referees .referee div {
      font-size: 18px;
      color: #333;
      line-height: 100%; }
      .live_match .referees .referee div:first-child {
        font-size: 13px;
        color: #b3b3b3;
        text-transform: uppercase; }
  .live_match .protocol_text .texts {
    display: inline-block;
    width: 760px;
    margin-left: 60px;
    line-height: 24px; }
  .live_match .comment_block {
    padding-top: 30px;
    padding-bottom: 30px; }
    .live_match .comment_block #disqus_thread {
      width: 590px !important;
      margin: 0 auto 30px !important; }
  .live_match .penalties_block {
    color: #fff;
    padding-top: 10px; }

.mach_inner {
  background-color: #fff;
  padding-bottom: 40px; }
  .mach_inner .score_holder {
    background-color: #1f1f1f;
    padding: 14px 20px 20px;
    text-align: center; }
    .mach_inner .score_holder .team {
      display: inline-block;
      vertical-align: middle; }
      .mach_inner .score_holder .team span {
        vertical-align: middle;
        display: inline-block; }
        .mach_inner .score_holder .team span.flag {
          width: 30px;
          height: 30px;
          position: relative;
          overflow: hidden; }
          .mach_inner .score_holder .team span.flag img {
            position: absolute;
            top: 0;
            left: 0; }
            .mach_inner .score_holder .team span.flag img.ov {
              z-index: 2; }
        .mach_inner .score_holder .team span.name {
          color: #fff;
          display: inline-block;
          font-size: 24px;
          text-transform: uppercase;
          padding: 0 5px;
          width: 162px; }
      .mach_inner .score_holder .team.tal {
        margin-right: 130px; }
      .mach_inner .score_holder .team.tar {
        margin-left: 130px; }
      .has_right_block .mach_inner .score_holder .team.tal, .has_right_block .mach_inner .score_holder .team.tar {
        margin-left: 0 !important;
        margin-right: 0 !important; }
    .mach_inner .score_holder .timer_holder {
      display: inline-block;
      vertical-align: middle;
      width: 270px; }
      .has_right_block .mach_inner .score_holder .timer_holder {
        width: 170px; }
      .mach_inner .score_holder .timer_holder > div {
        display: inline-block;
        vertical-align: middle; }
      .mach_inner .score_holder .timer_holder .score {
        color: #fff;
        font-size: 66px; }
      .mach_inner .score_holder .timer_holder .score_pipe {
        background: url('../media/images/dec/score_pipe.jpg') 0 0 no-repeat;
        width: 15px;
        height: 48px; }
      .mach_inner .score_holder .timer_holder .end_time {
        display: block;
        margin-top: -5px;
        margin-bottom: -3px; }
        .mach_inner .score_holder .timer_holder .end_time span, .mach_inner .score_holder .timer_holder .end_time img {
          display: inline-block;
          vertical-align: middle; }
        .mach_inner .score_holder .timer_holder .end_time span {
          text-transform: uppercase;
          color: #8f8f8f;
          font-size: 14px;
          font-weight: bold; }
  .mach_inner .protocol {
    background: #00a858 url('../media/images/dec/protocol_dec_2.png') center 0 repeat-y;
    padding-top: 56px; }
    .mach_inner .protocol .protocol_info {
      margin-bottom: 54px; }
      .mach_inner .protocol .protocol_info.left_side {
        margin-right: 50%;
        text-align: right; }
      .mach_inner .protocol .protocol_info.right_side {
        margin-left: 50%;
        text-align: left; }
      .mach_inner .protocol .protocol_info > span {
        display: inline-block;
        vertical-align: middle; }
        .mach_inner .protocol .protocol_info > span > span {
          display: block; }
          .mach_inner .protocol .protocol_info > span > span.time {
            font-size: 16px;
            color: #80d4ac; }
          .mach_inner .protocol .protocol_info > span > span.name {
            font-size: 18px;
            color: #fff; }
      .mach_inner .protocol .protocol_info .ico {
        height: 39px;
        width: 39px;
        margin: 0 12px; }
      .mach_inner .protocol .protocol_info.gol .ico {
        background: url('../media/images/ico/protocol_info.png') 0 0 no-repeat; }
      .mach_inner .protocol .protocol_info.red_card .ico {
        background: url('../media/images/ico/protocol_info.png') 0 -100px no-repeat; }
      .mach_inner .protocol .protocol_info.yellow_card .ico {
        background: url('../media/images/ico/protocol_info.png') 0 -200px no-repeat; }
  .mach_inner .protocol_text, .mach_inner .referees {
    width: 920px;
    border-bottom: 1px solid #cdcdcd;
    padding: 19px 0 27px; }
    .has_right_block .mach_inner .protocol_text, .has_right_block .mach_inner .referees {
      width: 640px; }
    .mach_inner .protocol_text .title, .mach_inner .referees .title {
      color: #999;
      font-size: 18px;
      padding-bottom: 18px; }
    .mach_inner .protocol_text .referees_names, .mach_inner .protocol_text .title, .mach_inner .referees .referees_names, .mach_inner .referees .title {
      display: inline-block;
      vertical-align: top; }
  .mach_inner .referees .referee {
    border-left: 4px solid #cdcdcd;
    padding: 2px 0 2px 7px;
    display: inline-block;
    margin-left: 72px;
    margin-top: 4px;
    width: 180px; }
    .has_right_block .mach_inner .referees .referee {
      margin-left: 26px; }
    .mach_inner .referees .referee div {
      font-size: 18px;
      color: #333;
      line-height: 100%; }
      .mach_inner .referees .referee div:first-child {
        font-size: 13px;
        color: #b3b3b3;
        text-transform: uppercase; }
  .mach_inner .protocol_text {
    padding-bottom: 35px; }
    .mach_inner .protocol_text .texts {
      line-height: 24px; }
  .mach_inner .penalties_block {
    color: #fff;
    padding-top: 10px; }

.protocol_info_page .team {
  width: 310px; }
  .protocol_info_page .team.tal {
    margin-right: 0px !important; }
  .protocol_info_page .team.tar {
    margin-left: 0px !important; }
  .protocol_info_page .team .name {
    width: 270px !important; }

.match_list {
  background-color: #fff;
  padding: 28px 20px; }
  .match_list h3 {
    border-bottom: 0;
    padding-bottom: 17px; }
  .match_list select {
    width: 108px;
    height: 38px;
    border: 1px solid #d6d6d6; }
  .match_list table {
    width: 100%; }
    .match_list table th {
      background-color: #333;
      color: #fff;
      font-size: 12px;
      font-weight: bold;
      height: 44px;
      line-height: 44px;
      text-transform: uppercase; }
      .match_list table th:first-child {
        width: 135px; }
    .match_list table td, .match_list table th {
      padding: 0 29px;
      text-align: left; }
    .match_list table td {
      border-bottom: 1px solid #d6d6d6;
      color: #333;
      font-size: 16px;
      padding: 16px 29px 12px; }
      .match_list table td span {
        font-weight: bold; }
    .match_list table .is_inner td {
      color: #0071b8;
      cursor: pointer; }
    .match_list table .is_inner:hover td {
      background-color: #eee; }
  .match_list .dk-select {
    width: 110px;
    margin-bottom: 10px; }
    .match_list .dk-select .dk-selected {
      height: 40px;
      line-height: 40px; }

.player_list .tabs_list {
  font-size: 0;
  line-height: 0;
  padding: 0; }

.team_tab {
  display: inline-block;
  vertical-align: bottom;
  color: #333;
  font-size: 14px;
  height: 25px;
  line-height: 25px;
  background-color: #dbdbdb;
  text-decoration: none;
  padding: 0 9px;
  margin-right: 3px;
  margin-bottom: 19px;
  background-repeat: no-repeat; }
  .team_tab:hover, .team_tab.active {
    color: #fff;
    background-color: #ec3137;
    text-decoration: none; }

.team_tab_contents {
  display: none; }
  .team_tab_contents.active {
    display: block; }

.coach_item, .player_item {
  background-color: #fff;
  padding: 18px 30px 0px; }
  .coach_item h3, .player_item h3 {
    padding-bottom: 14px;
    padding-right: 0; }
    .coach_item h3 span, .player_item h3 span {
      font-size: 16px;
      font-weight: normal;
      text-transform: none;
      display: inline-block;
      vertical-align: middle; }
      .coach_item h3 span a, .player_item h3 span a {
        display: inline-block;
        vertical-align: middle;
        width: 27px;
        height: 27px;
        margin: 0 5px 0 10px; }
        .coach_item h3 span a.fb, .player_item h3 span a.fb {
          background: transparent url('../media/images/ico/fb.png') center center no-repeat; }
        .coach_item h3 span a.twiter, .player_item h3 span a.twiter {
          background: transparent url('../media/images/ico/twiter.png') center center no-repeat; }
        .coach_item h3 span a.instagram, .player_item h3 span a.instagram {
          background: transparent url('../media/images/ico/instagram.png') center center no-repeat; }
  .coach_item .image_holder, .player_item .image_holder {
    width: 260px;
    height: 361px;
    overflow: hidden;
    float: left;
    margin-bottom: 47px;
    margin-right: 29px; }
    .coach_item .image_holder + .texts, .player_item .image_holder + .texts {
      max-width: 590px; }
  .coach_item .player_bio, .player_item .player_bio {
    float: left;
    width: 350px;
    padding-top: 6px; }
    .coach_item .player_bio div, .player_item .player_bio div {
      padding: 0px 0px 6px 0px; }
    .coach_item .player_bio span, .player_item .player_bio span {
      font-weight: normal;
      display: inline-block;
      width: 180px; }
  .coach_item .texts, .player_item .texts {
    line-height: 24px;
    padding-bottom: 30px; }
    .coach_item .texts.fl, .player_item .texts.fl {
      width: 600px; }

.player_item .image_holder {
  background-size: 100% auto !important; }

.coach_list .texts {
  width: 60%;
  margin-bottom: 26px; }
.coach_list .btn.green {
  text-decoration: none;
  height: 50px;
  line-height: 50px;
  margin-right: 29px;
  margin-bottom: 26px;
  padding: 0 42px; }
.coach_list .button_tabs {
  border-top: 1px solid #d6d6d6;
  padding: 16px 20px 0;
  margin: 0 -20px 47px; }

.qualifications_inner {
  padding: 28px 20px;
  background-color: #fff; }
  .qualifications_inner .info_block {
    display: none; }
  .qualifications_inner .reports_block {
    padding-top: 23px;
    display: block; }
    .qualifications_inner .reports_block table {
      width: 100%; }
      .qualifications_inner .reports_block table .is_inner:hover td {
        background-color: #EEE; }
      .qualifications_inner .reports_block table th {
        background-color: #333;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        height: 44px;
        line-height: 44px;
        text-transform: uppercase; }
      .qualifications_inner .reports_block table td, .qualifications_inner .reports_block table th {
        padding: 0 29px; }
      .qualifications_inner .reports_block table td {
        border-bottom: 1px solid #d6d6d6;
        color: #333;
        font-size: 16px;
        padding: 8px 29px; }
        .qualifications_inner .reports_block table td span {
          font-weight: bold; }
      .qualifications_inner .reports_block table .is_inner td {
        color: #0071b8;
        cursor: pointer; }
      .qualifications_inner .reports_block table .teams div {
        display: inline-block;
        vertical-align: middle; }
      .qualifications_inner .reports_block table .teams .flag {
        width: 32px;
        height: 32px;
        background-size: 100% 100%; }
  .qualifications_inner .calendar_block {
    display: none;
    padding-top: 41px; }
    .qualifications_inner .calendar_block .even {
      float: left;
      width: 319px; }
    .qualifications_inner .calendar_block .odd {
      float: right;
      width: 321px; }
    .qualifications_inner .calendar_block .item {
      margin-bottom: 37px; }
      .qualifications_inner .calendar_block .item .title:first-child {
        font-size: 18px;
        color: #333;
        border-bottom: 1px solid #d6d6d6;
        padding-bottom: 3px;
        margin-bottom: 6px; }
      .qualifications_inner .calendar_block .item a {
        color: #0071b8 !important; }

.shedule {
  float: left;
  background-color: #fff;
  padding: 28px 20px; }
  .shedule .button_tabs {
    padding-bottom: 40px; }

.regions {
  background-color: #fff;
  float: left;
  padding: 28px 20px; }
  .regions .texts {
    padding-bottom: 27px; }
  .regions .form_item {
    margin-right: 20px;
    margin-bottom: 52px; }
    .regions .form_item label {
      font: normal normal 16px/1.4 "Roboto Condensed", Arial, Tahoma, Verdana, sans-serif;
      color: #333;
      margin-bottom: 5px; }
    .regions .form_item.select {
      width: 230px; }

.search_page {
  background-color: #fff;
  padding: 27px 20px; }
  .search_page h3 {
    margin-bottom: 39px; }
  .search_page .search_for {
    padding-bottom: 15px; }
    .search_page .search_for .title {
      font-weight: normal;
      font-family: 'Roboto Condensed', serif;
      text-transform: none;
      font-size: 18px;
      padding-left: 20px; }
  .search_page .search {
    margin-left: 20px; }
    .search_page .search .text {
      float: left;
      width: 272px !important; }
  .search_page .mark_text {
    font-weight: bold; }
  .search_page .search_item {
    border-bottom: 1px solid #ccc;
    margin: 0 20px 15px;
    padding-bottom: 5px; }
    .search_page .search_item.last {
      border-bottom: 0; }
    .search_page .search_item .cat, .search_page .search_item .items {
      float: left; }
    .search_page .search_item .cat {
      width: 120px; }
    .search_page .search_item .items {
      width: 770px; }
      .search_page .search_item .items .item {
        margin-bottom: 11px; }
      .search_page .search_item .items a {
        font-size: 18px; }
      .search_page .search_item .items .date {
        font-size: 14px;
        color: #999; }

.fan_zone .fan_zone_holder {
  height: 527px;
  overflow: hidden;
  margin-bottom: 70px; }
.fan_zone .path a {
  color: #fff; }
.fan_zone .fan_zone_info .hdr {
  margin: 0 auto 23px; }
.fan_zone .fan_zone_info .top_text {
  text-align: center;
  color: #fff !important;
  font-size: 18px !important;
  line-height: 30px !important;
  width: 800px;
  margin: 0 auto;
  background: url('../media/images/dec/white_line_short.png') center 100% no-repeat;
  padding-bottom: 44px; }
  .fan_zone .fan_zone_info .top_text * {
    color: #fff !important;
    font-size: 18px !important;
    line-height: 30px !important; }
.fan_zone .fan_info .mr50 {
  margin-right: 50px; }
.fan_zone .fan_info .title {
  text-align: center;
  padding: 47px 0px 31px;
  color: #78777c;
  font-size: 18px; }
.fan_zone .fan_info .img_holder {
  width: 73px;
  height: 73px;
  overflow: hidden;
  margin-right: 30px;
  border: 7px solid #646067;
  border-radius: 50%;
  margin-left: 75px; }
.fan_zone .fan_info .fan_name {
  color: #fff;
  font-size: 30px;
  font-family: "Roboto Condensed", sans-serif;
  margin-bottom: -2px;
  margin-top: 5px; }
.fan_zone .fan_info .position {
  color: #78777c;
  font-size: 14px; }
.fan_zone .fan_info .phone {
  color: #78777c;
  text-transform: uppercase;
  font-size: 12px;
  padding-top: 24px;
  padding-bottom: 2px; }
.fan_zone .fan_info .number {
  color: #fff;
  font-size: 18px; }
.fan_zone .fan_info .mail {
  color: #78777c;
  text-transform: uppercase;
  font-size: 12px;
  padding-top: 24px;
  padding-bottom: 2px; }
.fan_zone .fan_info .email a {
  font-size: 18px;
  color: #37a3e6;
  text-decoration: none; }
  .fan_zone .fan_info .email a:hover {
    text-decoration: underline; }
.fan_zone .send_us {
  margin-bottom: 3px; }
  .fan_zone .send_us div {
    text-transform: uppercase;
    color: #909090;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    padding-right: 17px;
    padding-top: 16px;
    font-weight: bold; }
  .fan_zone .send_us a {
    height: 50px;
    line-height: 42px;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'Roboto Condensed', serif;
    font-weight: bold;
    text-decoration: none;
    border: 4px solid #0071b8;
    display: block;
    float: right;
    padding: 0 14px 0 57px;
    background: url("../media/images/ico/send_us.png") 7px 10px no-repeat; }
    .fan_zone .send_us a:hover {
      color: #fff;
      background: #0071b8 url("../media/images/ico/send_us_ov.png") 7px 10px no-repeat; }
.fan_zone .gallery_holder {
  background-color: #fff;
  padding-bottom: 30px; }
  .fan_zone .gallery_holder h3 {
    padding-right: 0;
    margin: 19px 0px 20px 18px; }
  .fan_zone .gallery_holder .more_galleries, .fan_zone .gallery_holder .gallery_item {
    width: 245px;
    height: 150px;
    line-height: 150px;
    display: block;
    float: left;
    text-decoration: none;
    text-align: center;
    position: relative;
    z-index: 1;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 3px 3px; }
    .fan_zone .gallery_holder .more_galleries span, .fan_zone .gallery_holder .gallery_item span {
      width: 245px;
      height: 150px;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0.4;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
      z-index: -1;
      background-position: center;
      background-repeat: no-repeat; }
    .fan_zone .gallery_holder .more_galleries .title, .fan_zone .gallery_holder .gallery_item .title {
      display: inline-block;
      height: auto;
      font-size: 24px;
      color: #fff;
      text-transform: uppercase;
      vertical-align: middle;
      opacity: 1;
      position: static;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
    .fan_zone .gallery_holder .more_galleries:hover span, .fan_zone .gallery_holder .gallery_item:hover span {
      opacity: 1; }
  .fan_zone .gallery_holder .more_galleries {
    font-size: 48px;
    color: #0071b8;
    font-family: "Roboto Condensed", sans-serif;
    font-style: italic;
    font-weight: bold;
    background-color: #fff; }
    .fan_zone .gallery_holder .more_galleries:hover {
      color: #fff;
      background-color: #0071b8; }
  .fan_zone .gallery_holder .gallery_item {
    text-align: center;
    color: #fff;
    background-color: #2b3033;
    font-size: 24pt;
    text-transform: uppercase; }
  .fan_zone .gallery_holder .all_gallery_holder {
    clear: both;
    padding-top: 30px; }

.fan_zone_gallery .fan_zone_gallery_holder {
  background-color: #fff;
  min-height: 610px;
  padding-bottom: 40px; }
.fan_zone_gallery .fanzone_photo_item {
  width: 325px;
  border: 5px solid #fff;
  display: inline-block;
  float: left; }
  .fan_zone_gallery .fanzone_photo_item .ov {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 320px;
    height: 100%;
    background: #000;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .fan_zone_gallery .fanzone_photo_item:hover .ov {
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; }
  .fan_zone_gallery .fanzone_photo_item img {
    width: 320px;
    height: auto; }
  .fan_zone_gallery .fanzone_photo_item .name_holder {
    position: absolute;
    bottom: 19px;
    left: 20px; }
    .fan_zone_gallery .fanzone_photo_item .name_holder > span {
      display: block; }
    .fan_zone_gallery .fanzone_photo_item .name_holder .name {
      font-size: 18px;
      color: #fff; }
    .fan_zone_gallery .fanzone_photo_item .name_holder .employment {
      font-size: 13px;
      color: #9e9f92; }
.fan_zone_gallery .fan_info {
  margin-bottom: 60px; }
  .fan_zone_gallery .fan_info .mr50 {
    margin-right: 50px; }
  .fan_zone_gallery .fan_info .title {
    text-align: left;
    padding: 0px 50px 23px;
    color: #78777c;
    font-size: 18px; }
  .fan_zone_gallery .fan_info .img_holder {
    width: 73px;
    height: 73px;
    overflow: hidden;
    margin-right: 30px;
    border: 7px solid #eee;
    border-radius: 50%;
    margin-left: 45px; }
  .fan_zone_gallery .fan_info .fan_name {
    color: #333;
    font-size: 30px;
    font-family: "Roboto Condensed", sans-serif;
    margin-bottom: -2px;
    margin-top: 5px; }
  .fan_zone_gallery .fan_info .position {
    color: #78777c;
    font-size: 14px; }
  .fan_zone_gallery .fan_info .phone {
    color: #78777c;
    text-transform: uppercase;
    font-size: 12px;
    padding-top: 24px;
    padding-bottom: 2px; }
  .fan_zone_gallery .fan_info .number {
    color: #333;
    font-size: 18px; }
  .fan_zone_gallery .fan_info .mail {
    color: #78777c;
    text-transform: uppercase;
    font-size: 12px;
    padding-top: 24px;
    padding-bottom: 2px; }
  .fan_zone_gallery .fan_info .email a {
    font-size: 18px;
    color: #37a3e6;
    text-decoration: none; }
    .fan_zone_gallery .fan_info .email a:hover {
      text-decoration: underline; }

.education_infrastructure .content_wrapper h1 {
  text-transform: uppercase;
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  padding-top: 0;
  margin-bottom: 17px; }
.education_infrastructure .content_wrapper .hdr_dec {
  background: url('../media/images/dec/hdr_line.png') center center no-repeat;
  margin-bottom: 18px; }
  .education_infrastructure .content_wrapper .hdr_dec img {
    margin: 0 auto; }
.education_infrastructure .content_wrapper .description {
  width: 800px;
  margin: 0 auto 24px;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  text-align: center; }
.education_infrastructure .content_wrapper .tac .btn {
  text-decoration: none;
  height: 52px;
  line-height: 52px; }

.national_team .content_wrapper .hdr_title {
  background: url('../media/images/dec/hdr_line2.png') 0 center no-repeat;
  text-align: center;
  width: 800px;
  margin: 0 auto 24px;
  text-transform: uppercase;
  color: #fff;
  font-size: 48px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  padding: 0 180px;
  line-height: 90%; }
  .national_team .content_wrapper .hdr_title span {
    font-weight: bold;
    display: block; }
.national_team .content_wrapper .description {
  width: 800px;
  margin: 0 auto 24px;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  text-align: center; }
.national_team .player_form form {
  width: 895px; }
.national_team .player_form h3 {
  margin-bottom: 30px; }
.national_team .player_form .dec {
  display: inline-block;
  margin: 0 8px;
  font-size: 18px;
  vertical-align: middle; }
.national_team .player_form .form_item {
  text-align: right; }
  .national_team .player_form .form_item .select {
    width: 110px;
    text-align: left;
    margin-left: 0px; }
  .national_team .player_form .form_item.radio {
    text-align: left;
    display: inline-block;
    margin-right: 20px; }
.national_team .btn.blue_big {
  position: relative;
  font-size: 0;
  margin-left: 397px; }
  .national_team .btn.blue_big span {
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase; }
  .national_team .btn.blue_big input {
    background-color: transparent;
    border: 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 50px; }
  .national_team .btn.blue_big:after {
    margin-top: -12px; }
.national_team .success_holder {
  margin: 0 auto;
  padding-bottom: 50px; }
  .national_team .success_holder .texts {
    background: #fff;
    padding: 30px 40px;
    text-align: center; }

.gallery_page {
  background-color: #fff;
  padding: 20px 0;
  font-size: 0; }
  .gallery_page .item {
    width: 233px;
    height: 150px;
    line-height: 150px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    position: relative;
    text-align: center;
    text-decoration: none;
    margin: 0 3px 3px; }
    .gallery_page .item .ov {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      background: #000;
      opacity: 0.4;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; }
    .gallery_page .item .title {
      color: #fff;
      font-size: 24px;
      font-weight: bold;
      text-transform: uppercase;
      position: relative;
      z-index: 1;
      display: inline-table;
      padding: 0 30px; }
    .gallery_page .item:hover .ov {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.gallery_list {
  background-color: #fff; }
  .gallery_list .item {
    max-width: 325px;
    display: block;
    border: 5px solid #fff;
    display: inline-block;
    vertical-align: top; }
    .gallery_list .item .ov {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 320px;
      height: 100%;
      background: #000;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .gallery_list .item:hover .ov {
      opacity: 0.4;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; }
    .gallery_list .item .shad {
      background: url('../media/images/dec/img_shad.png') 0 100% repeat-x;
      width: 320px;
      height: 100%;
      position: absolute;
      bottom: 0;
      left: 0; }
    .gallery_list .item img {
      width: 320px;
      height: auto; }
    .gallery_list .item .name_holder {
      position: absolute;
      bottom: 19px;
      left: 20px; }
      .gallery_list .item .name_holder > span {
        display: block; }
      .gallery_list .item .name_holder .name {
        font-size: 18px;
        color: #fff; }
      .gallery_list .item .name_holder .employment {
        font-size: 13px;
        color: #9e9f92; }

.become_coach .content_wrapper .hdr_title {
  background: url('../media/images/dec/hdr_line2.png') 0 center no-repeat;
  text-align: center;
  width: 800px;
  margin: 0 auto 40px;
  text-transform: uppercase;
  color: #fff;
  font-size: 48px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  padding: 0 180px; }
  .become_coach .content_wrapper .hdr_title span {
    font-weight: bold; }
.become_coach .content_wrapper .description {
  width: 800px;
  margin: 0 auto 56px;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  text-align: center; }
.become_coach .coach_form h3 {
  margin-bottom: 30px; }
.become_coach .coach_form .dec {
  display: inline-block;
  margin: 0 8px;
  font-size: 18px;
  vertical-align: middle; }
.become_coach .coach_form .form_item {
  text-align: right; }
  .become_coach .coach_form .form_item label {
    width: 329px; }
  .become_coach .coach_form .form_item .select {
    width: 110px;
    text-align: left;
    margin-left: 0px; }
  .become_coach .coach_form .form_item.files .input_holder {
    position: relative;
    width: 248px; }
    .become_coach .coach_form .form_item.files .input_holder span {
      position: absolute;
      top: 6px;
      right: 15px;
      display: block;
      height: 26px;
      overflow: hidden;
      line-height: 26px; }
  .become_coach .coach_form .form_item.files .grey {
    display: inline-block;
    text-decoration: none;
    width: 128px;
    height: 40px;
    padding: 0;
    line-height: 40px;
    vertical-align: bottom;
    text-align: center;
    margin-left: 10px; }
  .become_coach .coach_form .form_item.files .upload_error {
    color: #f00;
    text-align: left;
    width: 350px;
    float: left;
    margin-left: 442px;
    padding: 5px 0 10px; }
.become_coach .coach_form .error_holder {
  width: 800px;
  text-align: center; }
  .become_coach .coach_form .error_holder .texts {
    padding: 20px 0;
    text-align: center; }
.become_coach .mandatory {
  border-top: 0;
  padding-bottom: 57px;
  height: auto; }
  .become_coach .mandatory .description {
    padding-top: 13px; }
.become_coach .success_holder {
  margin: 0 auto;
  padding-bottom: 50px; }
  .become_coach .success_holder .texts {
    background: #fff;
    padding: 30px 40px;
    text-align: center; }

.video_list {
  width: 980px;
  margin: 0 auto;
  padding-top: 18px; }
  .video_list h3 {
    color: #fff;
    min-width: 245px; }
  .video_list .lastet_video {
    padding: 0 20px; }
    .video_list .lastet_video .big_img {
      display: block;
      float: left;
      width: 700px;
      height: 490px;
      overflow: hidden; }
      .video_list .lastet_video .big_img .shad {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 150px;
        background: url('../media/images/bg/big_shad.png') 0 100% no-repeat; }
      .video_list .lastet_video .big_img .title {
        font-size: 30px;
        line-height: 100%;
        font-family: "Roboto Condensed", sans-serif;
        position: absolute;
        bottom: 25px;
        left: 10px;
        text-transform: none;
        color: #fff; }
    .video_list .lastet_video .small_images {
      float: right;
      width: 220px;
      margin: 0px 0 0 0; }
    .video_list .lastet_video .small_img {
      width: 220px;
      height: 150px;
      overflow: hidden;
      display: inline-block;
      vertical-align: middle;
      box-sizing: content-box;
      margin-bottom: 20px; }
      .video_list .lastet_video .small_img .shad {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 65px;
        background: url('../media/images/bg/small_shad.png') 0 0 no-repeat; }
      .video_list .lastet_video .small_img .title {
        font-size: 14px;
        line-height: 100%;
        font-weight: bold;
        font-family: "Roboto Condensed", sans-serif;
        position: absolute;
        bottom: 5px;
        left: 10px;
        text-transform: none;
        color: #fff; }
      .video_list .lastet_video .small_img:hover .title {
        text-decoration: underline; }
      .video_list .lastet_video .small_img:active {
        border: 5px solid #fff;
        margin: -5px 0 15px -5px; }
        .video_list .lastet_video .small_img:active .title {
          text-decoration: none; }
  .video_list .all_videos {
    background-color: #fff;
    padding: 10px;
    margin-top: 20px; }
    .video_list .all_videos h3 {
      color: #333; }
    .video_list .all_videos .left_block {
      width: 240px;
      float: left; }
    .video_list .all_videos .grey {
      text-decoration: none; }
    .video_list .all_videos .mt50 {
      margin-top: 50px; }
    .video_list .all_videos .small_img {
      width: 220px;
      height: 150px;
      overflow: hidden;
      display: inline-block;
      vertical-align: middle;
      box-sizing: content-box;
      margin-bottom: 20px;
      vertical-align: top;
      float: left;
      margin: 10px; }
      .video_list .all_videos .small_img.big {
        width: 460px;
        height: 320px;
        background: #fff; }
        .video_list .all_videos .small_img.big:hover {
          background: #333; }
        .video_list .all_videos .small_img.big .title {
          font-size: 24px;
          font-family: "Roboto Condensed", sans-serif;
          position: absolute;
          bottom: 20px;
          left: 10px;
          text-transform: none;
          color: #fff; }
        .video_list .all_videos .small_img.big .shad {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 150px;
          background: url('../media/images/bg/big_shad.png') 0 100% no-repeat; }
      .video_list .all_videos .small_img .shad {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 65px;
        background: url('../media/images/bg/small_shad.png') 0 0 no-repeat; }
      .video_list .all_videos .small_img .title {
        font-size: 14px;
        font-weight: bold;
        font-family: "Roboto Condensed", sans-serif;
        position: absolute;
        bottom: 5px;
        left: 10px;
        text-transform: none;
        color: #fff; }
      .video_list .all_videos .small_img:hover .title {
        text-decoration: underline; }

.video_item {
  background-color: #fff;
  float: left; }
  .video_item h3 {
    min-width: 290px;
    float: left;
    margin: 10px 20px 28px; }
  .video_item .texts {
    margin: 0 20px 20px; }
  .video_item .grey {
    text-decoration: none; }
  .video_item .top_video iframe, .video_item .top_video object {
    width: 100%;
    border: 0;
    height: 490px; }
  .video_item .top_video .video_holder {
    width: 100%;
    height: 490px;
    position: relative;
    margin-bottom: 20px; }
    .video_item .top_video .video_holder .vjs-default-skin {
      width: 100% !important;
      height: 100% !important;
      position: absolute;
      top: 0;
      left: 0; }
    .video_item .top_video .video_holder .vjs-progress-control {
      width: 460px !important; }
  .video_item #videos_holder {
    background-color: #fff;
    padding: 5px;
    margin-top: 20px;
    width: 700px;
    margin: 0 auto; }
    .video_item #videos_holder h3 {
      color: #333; }
    .video_item #videos_holder .left_block {
      width: 220px;
      margin-right: 10px;
      float: left; }
    .video_item #videos_holder .grey {
      text-decoration: none; }
    .video_item #videos_holder .mt50 {
      margin-top: 50px; }
    .video_item #videos_holder .small_img {
      width: 210px;
      height: 150px;
      overflow: hidden;
      display: inline-block;
      vertical-align: middle;
      box-sizing: content-box;
      margin-bottom: 20px;
      vertical-align: top;
      float: left;
      margin: 10px; }
      .video_item #videos_holder .small_img.bigest {
        width: 440px;
        height: 320px;
        background: #fff; }
        .video_item #videos_holder .small_img.bigest:hover {
          background: #333; }
        .video_item #videos_holder .small_img.bigest .title {
          font-size: 24px;
          font-family: "Roboto Condensed", sans-serif;
          position: absolute;
          bottom: 20px;
          left: 10px;
          text-transform: none;
          color: #fff; }
        .video_item #videos_holder .small_img.bigest .shad {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 150px;
          background: url('../media/images/bg/big_shad.png') 0 100% no-repeat; }
      .video_item #videos_holder .small_img .shad {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 65px;
        background: url('../media/images/bg/small_shad.png') 0 0 no-repeat; }
      .video_item #videos_holder .small_img .title {
        font-size: 14px;
        font-weight: bold;
        font-family: "Roboto Condensed", sans-serif;
        position: absolute;
        bottom: 5px;
        left: 10px;
        text-transform: none;
        color: #fff; }
      .video_item #videos_holder .small_img:hover .title {
        text-decoration: underline; }

.volunteers_list .info_holder {
  float: left;
  width: 600px;
  padding-top: 11px; }
  .volunteers_list .info_holder h1 {
    text-transform: uppercase;
    color: #FFF;
    font-size: 36px;
    font-weight: bold;
    text-align: left;
    padding-top: 0;
    padding-left: 8px;
    margin-bottom: 17px;
    float: left;
    border-bottom: 4px solid #6d726d;
    padding-bottom: 26px; }
  .volunteers_list .info_holder .description {
    margin: 0 auto 24px;
    font-size: 16px;
    padding-left: 8px;
    line-height: 30px;
    color: #FFF;
    text-align: left; }
.volunteers_list .btn.green {
  text-decoration: none; }
.volunteers_list .volunteer_month {
  position: relative;
  width: 260px;
  float: right; }
  .volunteers_list .volunteer_month .dec {
    background: url('../media/images/dec/volunteers_month.png') 0 0 no-repeat;
    position: absolute;
    top: -46px;
    left: 0px;
    width: 260px;
    height: 60px;
    z-index: 2;
    display: table;
    text-align: center; }
    .volunteers_list .volunteer_month .dec span {
      display: table-cell;
      vertical-align: middle;
      color: #fff;
      font-size: 14px;
      font-weight: bold;
      font-family: "Roboto Condensed", sans-serif;
      text-transform: uppercase;
      padding: 0 20px 8px;
      letter-spacing: 1px; }
  .volunteers_list .volunteer_month .volunteer_of_month {
    border: 6px solid #fff;
    width: 220px;
    height: 335px;
    overflow: hidden;
    z-index: 1;
    margin: -51px auto 30px;
    position: relative; }
    .volunteers_list .volunteer_month .volunteer_of_month .shad {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 65px;
      background: url("../media/images/bg/small_shad.png") 0 0 no-repeat; }
    .volunteers_list .volunteer_month .volunteer_of_month .title {
      position: absolute;
      bottom: 0;
      left: 0;
      line-height: 100%;
      color: #fff;
      text-align: center;
      padding: 0 10px 5px;
      font-size: 18px;
      text-transform: none;
      font-family: "Roboto Condensed", sans-serif;
      font-weight: normal; }
.volunteers_list .volunteer_month_container {
  min-width: 260px;
  float: right;
  text-align: center; }
.volunteers_list .volunteers_media {
  background-color: #fff;
  padding: 20px 10px;
  font-size: 0; }
  .volunteers_list .volunteers_media h3 {
    margin-left: 10px; }
  .volunteers_list .volunteers_media .small_img {
    width: 220px;
    height: 150px;
    overflow: hidden;
    display: inline-block;
    margin: 0 10px 20px; }
    .volunteers_list .volunteers_media .small_img .shad {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 65px;
      background: url("../media/images/bg/small_shad.png") 0 0 no-repeat; }
    .volunteers_list .volunteers_media .small_img .title {
      font-size: 14px;
      line-height: 100%;
      font-weight: bold;
      font-family: "Roboto Condensed", sans-serif;
      position: absolute;
      bottom: 5px;
      left: 10px;
      text-transform: none;
      color: #FFF; }
    .volunteers_list .volunteers_media .small_img .dec {
      width: 28px;
      height: 28px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -14px;
      margin-left: -14px;
      background: url('../media/images/ico/zoom.png') 0 0 no-repeat;
      display: none; }
    .volunteers_list .volunteers_media .small_img .fb_button {
      position: absolute;
      top: 95px;
      left: 40%;
      z-index: 99;
      display: none; }
    .volunteers_list .volunteers_media .small_img:hover .title, .volunteers_list .volunteers_media .small_img:hover .shad {
      display: none; }
    .volunteers_list .volunteers_media .small_img:hover .dec, .volunteers_list .volunteers_media .small_img:hover .fb_button {
      display: block; }
.volunteers_list .volunteers_events {
  padding: 8px 10px 0; }
  .volunteers_list .volunteers_events h3 {
    margin-left: 10px; }
.volunteers_list .grey {
  text-decoration: none; }
.volunteers_list .volunteers_tables {
  background-color: #fff;
  padding: 28px 20px; }
  .volunteers_list .volunteers_tables h3 {
    min-width: 240px;
    margin-bottom: 19px; }
  .volunteers_list .volunteers_tables .filter_by {
    font-size: 12px;
    font-weight: bold;
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    padding-bottom: 8px; }
  .volunteers_list .volunteers_tables .form_item {
    float: left;
    margin-right: 30px;
    margin-bottom: 20px; }
    .volunteers_list .volunteers_tables .form_item.text {
      width: 230px; }
    .volunteers_list .volunteers_tables .form_item.select {
      width: 200px; }
  .volunteers_list .volunteers_tables .blue_big {
    height: 40px;
    line-height: 40px; }
  .volunteers_list .volunteers_tables table tr:first-child th, .volunteers_list .volunteers_tables table tr:first-child td {
    padding: 7px 10px 8px; }
  .volunteers_list .volunteers_tables table td, .volunteers_list .volunteers_tables table th {
    padding: 12px 10px 9px; }
  .volunteers_list .volunteers_tables table .fb_buttom {
    top: -7px;
    position: relative; }
  .volunteers_list .volunteers_tables .empty_cell {
    background: #fff;
    border: 0; }

.volunteers_form_holder {
  padding-bottom: 1px; }
  .volunteers_form_holder .hdr_title {
    margin-top: 50px !important;
    margin-bottom: 150px !important; }
  .volunteers_form_holder .content_wrapper .hdr_title {
    background: url('../media/images/dec/hdr_line2.png') 0 center no-repeat;
    text-align: center;
    width: 800px;
    margin: 0 auto 24px;
    text-transform: uppercase;
    color: #fff;
    font-size: 48px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    padding: 0 180px;
    line-height: 90%; }
    .volunteers_form_holder .content_wrapper .hdr_title span {
      font-weight: bold;
      display: block; }
  .volunteers_form_holder .content_wrapper .description {
    width: 800px;
    margin: 0 auto 24px;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    text-align: center; }
  .volunteers_form_holder .dec {
    display: inline-block;
    margin: 0 8px;
    font-size: 18px;
    vertical-align: middle; }
  .volunteers_form_holder .form_item {
    text-align: right; }
    .volunteers_form_holder .form_item > label {
      max-width: 329px; }
      .volunteers_form_holder .form_item > label span {
        font-size: 12px;
        font-style: italic;
        display: block; }
    .volunteers_form_holder .form_item .select {
      width: 110px;
      text-align: left;
      margin-left: 0px; }
    .volunteers_form_holder .form_item.radio {
      text-align: left;
      display: inline-block;
      margin-right: 20px; }
  .volunteers_form_holder .btn.blue_big {
    position: relative;
    font-size: 0; }
    .volunteers_form_holder .btn.blue_big span {
      color: #FFF;
      font-size: 16px;
      font-weight: bold;
      text-decoration: none;
      text-transform: uppercase; }
    .volunteers_form_holder .btn.blue_big input {
      background-color: transparent;
      border: 0;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      height: 50px; }
    .volunteers_form_holder .btn.blue_big:after {
      margin-top: -12px; }
  .volunteers_form_holder .success_holder {
    margin: 0 auto; }
    .volunteers_form_holder .success_holder .texts {
      padding: 0 20px 20px 20px;
      text-align: center; }

.committee_list {
  background-color: #fff;
  padding: 28px 10px;
  font-size: 0; }
  .committee_list .committee_items {
    margin-bottom: 8px; }
  .committee_list h3 {
    margin-left: 10px;
    margin-bottom: 19px; }
  .committee_list .committe_item {
    width: 207px;
    display: inline-block;
    text-decoration: none;
    font-family: "Roboto Condensed", sans-serif;
    margin: 0 9px 27px; }
    .committee_list .committe_item span {
      display: block;
      color: #333; }
    .committee_list .committe_item .img_holder {
      width: 207px;
      height: 201px;
      border: 1px solid #ececec;
      overflow: hidden;
      margin-bottom: 7px; }
    .committee_list .committe_item .name {
      font-size: 18px;
      font-weight: bold; }
    .committee_list .committe_item .position {
      font-size: 14px; }

.has_right_block .commitee_item .texts, .has_right_block .commitee_item .player_bio {
  width: 350px; }

.commitee_item {
  background-color: #fff;
  padding: 18px 30px 0px; }
  .commitee_item h3 {
    padding-bottom: 14px;
    padding-right: 0; }
    .commitee_item h3 span {
      font-size: 16px;
      font-weight: normal;
      text-transform: none;
      display: inline-block;
      vertical-align: middle; }
      .commitee_item h3 span a {
        display: inline-block;
        vertical-align: middle;
        width: 27px;
        height: 27px;
        margin: 0 5px 0 10px; }
        .commitee_item h3 span a.fb {
          background: transparent url('../media/images/ico/fb.png') center center no-repeat; }
        .commitee_item h3 span a.twiter {
          background: transparent url('../media/images/ico/twiter.png') center center no-repeat; }
        .commitee_item h3 span a.instagram {
          background: transparent url('../media/images/ico/instagram.png') center center no-repeat; }
  .commitee_item .image_holder {
    width: 260px;
    height: 361px;
    overflow: hidden;
    float: left;
    margin-bottom: 47px;
    margin-right: 29px;
    background-size: 100% auto !important; }
  .commitee_item .player_bio {
    float: left;
    width: 362px;
    padding-top: 6px; }
    .commitee_item .player_bio div {
      padding: 0px 0px 6px 0px; }
    .commitee_item .player_bio span {
      font-weight: normal;
      display: inline-block;
      width: 180px; }
  .commitee_item .texts {
    line-height: 24px;
    padding-bottom: 30px;
    width: 630px; }

.priorities_zone {
  background-color: #fff;
  padding: 18px 20px; }
  .priorities_zone h1 {
    max-width: 650px; }
  .priorities_zone .btn {
    text-decoration: none;
    margin-top: 20px; }
  .priorities_zone .priorities_zone_image {
    width: 50%;
    margin-right: 20px;
    float: left; }
  .priorities_zone .rte_image {
    margin-bottom: 20px; }
  .priorities_zone .links_image {
    margin-left: -20px;
    margin-right: -20px; }

.members_list {
  background-color: #fff;
  padding: 18px 0; }
  .members_list h3 {
    padding-bottom: 14px;
    padding-right: 0;
    margin: 0 30px 30px; }
    .members_list h3 span {
      font-size: 16px;
      font-weight: normal;
      text-transform: none;
      display: inline-block;
      vertical-align: middle; }
      .members_list h3 span a {
        display: inline-block;
        vertical-align: middle;
        width: 27px;
        height: 27px;
        margin: 0 5px 0 10px; }
        .members_list h3 span a.fb {
          background: transparent url('../media/images/ico/fb.png') center center no-repeat; }
        .members_list h3 span a.twiter {
          background: transparent url('../media/images/ico/twiter.png') center center no-repeat; }
        .members_list h3 span a.instagram {
          background: transparent url('../media/images/ico/instagram.png') center center no-repeat; }
  .members_list .members_holder {
    font-size: 0;
    line-height: 0;
    border-bottom: 1px solid #eee;
    text-align: center; }
    .members_list .members_holder .herbs {
      width: 245px;
      margin: 0 30px 32px;
      display: inline-block;
      vertical-align: bottom;
      text-align: center;
      text-decoration: none; }
      .members_list .members_holder .herbs.no_link {
        cursor: default; }
      .members_list .members_holder .herbs .herb_holder {
        height: 220px;
        width: 220px;
        display: inline-block; }
      .members_list .members_holder .herbs .herb {
        margin-bottom: 24px;
        position: relative;
        top: 0;
        transition: all 0.2s; }
      .members_list .members_holder .herbs .shad {
        margin-bottom: 9px; }
      .members_list .members_holder .herbs:hover .herb {
        top: -20px; }
      .members_list .members_holder .herbs:hover .club_name {
        color: #0071b8; }
    .members_list .members_holder .club_name {
      color: #333;
      font-size: 16px;
      line-height: 18px;
      text-decoration: none;
      display: block;
      font-family: "Roboto Condensed", sans-serif;
      font-weight: bold;
      padding: 0 20px 7px; }

.referees_list h3 {
  min-width: 150px; }
.referees_list .team_tabs .team_list .player_items .image_holder {
  background-size: auto auto !important; }

.referee_item {
  background-color: #fff; }
  .referee_item .content {
    padding: 18px 20px; }
    .referee_item .content h3 div {
      font-weight: normal;
      font-size: 14px; }
    .referee_item .content .image_holder {
      width: 260px;
      height: 361px;
      overflow: hidden;
      float: left;
      margin-bottom: 47px;
      margin-right: 29px; }
      .referee_item .content .image_holder + .text {
        max-width: 651px; }
    .referee_item .content .texts {
      width: auto; }
  .referee_item #referee_gallery {
    padding: 0 10px;
    font-size: 0; }
    .referee_item #referee_gallery h3 {
      min-width: 150px;
      margin: 0 10px 20px;
      float: left; }
    .referee_item #referee_gallery .small_img {
      width: 220px;
      height: 150px;
      overflow: hidden;
      display: inline-block;
      margin: 0 10px 10px; }
      .referee_item #referee_gallery .small_img .shad {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 65px;
        background: url("../media/images/bg/small_shad.png") 0 0 no-repeat; }
      .referee_item #referee_gallery .small_img .title {
        font-size: 14px;
        font-weight: bold;
        font-family: "Roboto Condensed", sans-serif;
        position: absolute;
        bottom: 5px;
        left: 10px;
        text-transform: none;
        color: #FFF; }
      .referee_item #referee_gallery .small_img .dec {
        width: 28px;
        height: 28px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -14px;
        margin-left: -14px;
        background: url('../media/images/ico/zoom.png') 0 0 no-repeat;
        display: none; }
      .referee_item #referee_gallery .small_img .fb_button {
        position: absolute;
        top: 95px;
        left: 40%;
        z-index: 99;
        display: none; }
      .referee_item #referee_gallery .small_img:hover .title, .referee_item #referee_gallery .small_img:hover .shad {
        display: none; }
      .referee_item #referee_gallery .small_img:hover .dec, .referee_item #referee_gallery .small_img:hover .fb_button {
        display: block; }

.sturcture {
  background-color: #fff;
  text-align: center;
  padding-top: 17px; }
  .sturcture h3 {
    text-align: left;
    margin: 0 30px 34px;
    padding-bottom: 17px; }
  .sturcture .site_map_holder {
    position: relative;
    display: inline-block;
    margin: 0 auto 30px; }
    .sturcture .site_map_holder .link {
      position: absolute; }
      .sturcture .site_map_holder .link a {
        display: block;
        width: 100%;
        height: 100%;
        background: #333;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
        .sturcture .site_map_holder .link a:hover {
          opacity: 0.5;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

.contacts {
  background-color: #fff;
  padding-bottom: 40px; }
  .contacts .text_holder {
    padding: 18px 30px 23px; }
    .contacts .text_holder h3 {
      padding-bottom: 17px;
      margin-bottom: 21px; }
    .contacts .text_holder .texts {
      font-family: "Roboto Condensed", sans-serif !important; }
      .contacts .text_holder .texts * {
        font-family: "Roboto Condensed", sans-serif !important; }
  .contacts #map_holder {
    width: 100%;
    height: 430px; }

.rules {
  background-color: #fff;
  padding: 17px 10px 1px; }
  .rules .pdf_cat_tab {
    display: inline-block;
    font: bold 18px "Roboto Condensed", sans-serif;
    letter-spacing: -0.06em;
    text-transform: uppercase;
    color: #0071b8;
    border-bottom: 4px solid transparent;
    margin: 12px 14px 2px 6px;
    cursor: pointer;
    margin-bottom: 30px; }
    .rules .pdf_cat_tab:hover, .rules .pdf_cat_tab.active {
      color: #ec3137;
      border-color: #ec3137; }
  .rules .pdf_items {
    font-size: 0; }
    .rules .pdf_items h3 {
      display: inline-block;
      margin: 30px 7px 21px;
      min-width: 290px; }
    .rules .pdf_items .pdf_cat {
      display: none; }
    .rules .pdf_items .pdf_item {
      width: 325px;
      height: 80px;
      background: #eee;
      position: relative;
      display: inline-block;
      margin: 0 7px 20px; }
      .rules .pdf_items .pdf_item img, .rules .pdf_items .pdf_item .text_holder {
        display: inline-block;
        vertical-align: middle; }
      .rules .pdf_items .pdf_item img {
        margin: 0 20px 0 15px; }
      .rules .pdf_items .pdf_item .text_holder {
        width: 235px;
        height: 80px;
        overflow: hidden; }
        .rules .pdf_items .pdf_item .text_holder .name {
          font-size: 16px;
          color: #0071b8;
          font-family: "Roboto Condensed", sans-serif;
          font-weight: bold;
          padding: 11px 0 1px; }
        .rules .pdf_items .pdf_item .text_holder .description {
          font-size: 12px;
          max-height: 33px;
          overflow: hidden;
          color: #333;
          font-family: "Roboto Condensed", sans-serif; }
      .rules .pdf_items .pdf_item:hover .ov_holder {
        display: block; }
      .rules .pdf_items .pdf_item .ov_holder {
        display: none;
        position: absolute;
        background: url('../media/images/bg/pdf_ov.png') 0 0 repeat;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 0; }
        .rules .pdf_items .pdf_item .ov_holder .btn {
          display: inline-block;
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          height: 40px;
          line-height: 40px;
          position: relative;
          min-width: auto;
          text-transform: uppercase;
          font-size: 16px;
          font-family: "Roboto Condensed", sans-serif;
          font-weight: bold;
          margin: 20px 6px;
          border-radius: 30px;
          padding-left: 37px; }
          .rules .pdf_items .pdf_item .ov_holder .btn.download {
            background-color: #fff;
            color: #0071b8; }
            .rules .pdf_items .pdf_item .ov_holder .btn.download:after {
              content: '';
              display: block;
              width: 12px;
              height: 17px;
              position: absolute;
              top: 11px;
              left: 13px;
              background: url('../media/images/ico/download.png') 0 0 no-repeat; }
          .rules .pdf_items .pdf_item .ov_holder .btn.preview {
            background-color: #0071b8;
            color: #fff; }
            .rules .pdf_items .pdf_item .ov_holder .btn.preview:after {
              content: '';
              display: block;
              width: 23px;
              height: 23px;
              position: absolute;
              top: 9px;
              left: 9px;
              background: url('../media/images/ico/preview.png') 0 0 no-repeat; }

.accreditation .form_item {
  text-align: right; }
  .accreditation .form_item label {
    width: 329px; }
  .accreditation .form_item.files .input_holder {
    position: relative;
    width: 248px; }
    .accreditation .form_item.files .input_holder span {
      position: absolute;
      top: 6px;
      right: 15px;
      display: block;
      height: 26px;
      line-height: 26px;
      overflow: hidden; }
  .accreditation .form_item.files .grey {
    display: inline-block;
    text-decoration: none;
    width: 128px;
    height: 40px;
    padding: 0;
    line-height: 40px;
    vertical-align: bottom;
    text-align: center;
    margin-left: 10px; }
  .accreditation .form_item.files .upload_error {
    color: #f00;
    text-align: left;
    width: 350px;
    float: left;
    margin-left: 442px;
    padding: 5px 0 10px; }
.accreditation .blue_big {
  margin: 15px 0 0 441px; }
.accreditation .error_holder, .accreditation .success_holder {
  margin: 0 auto; }
  .accreditation .error_holder.texts, .accreditation .success_holder.texts {
    padding: 20px 0;
    text-align: center; }

.proj_partners_list {
  background-color: #fff;
  width: 700px;
  padding-top: 28px; }
  .proj_partners_list h3 {
    margin-left: 20px; }
  .proj_partners_list .partner_holder {
    font-size: 0;
    line-height: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px; }
    .proj_partners_list .partner_holder .herbs {
      width: 230px;
      display: inline-block;
      vertical-align: bottom;
      text-align: center;
      text-decoration: none; }
      .proj_partners_list .partner_holder .herbs .herb_holder {
        height: 160px;
        width: 230px;
        display: inline-block; }
      .proj_partners_list .partner_holder .herbs .herb {
        margin-bottom: 14px;
        position: relative;
        top: 0;
        transition: all 0.2s; }
      .proj_partners_list .partner_holder .herbs .shad {
        margin-bottom: 9px; }
      .proj_partners_list .partner_holder .herbs:hover .herb {
        top: -20px; }
      .proj_partners_list .partner_holder .herbs:hover .club_name {
        text-decoration: underline; }
    .proj_partners_list .partner_holder .partner_name {
      color: #0071b8;
      font-size: 16px;
      line-height: 16px;
      text-decoration: none;
      display: block;
      font-family: "Roboto Condensed", sans-serif;
      font-weight: bold;
      padding: 0 20px 7px; }
  .proj_partners_list .blue_big {
    margin-left: 20px; }

.proj_video_list {
  padding-bottom: 47px; }
  .proj_video_list .left_block {
    width: 220px;
    margin-right: 20px;
    float: left; }
  .proj_video_list .small_img {
    width: 220px;
    height: 150px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    box-sizing: content-box;
    margin-bottom: 20px;
    vertical-align: top;
    float: left;
    margin: 10px; }
    .proj_video_list .small_img.bigest {
      width: 440px;
      height: 320px;
      background: #fff; }
      .proj_video_list .small_img.bigest:hover {
        background: #333; }
      .proj_video_list .small_img.bigest .title {
        font-size: 24px;
        font-family: "Roboto Condensed", sans-serif;
        position: absolute;
        bottom: 20px;
        left: 10px;
        text-transform: none;
        color: #fff; }
      .proj_video_list .small_img.bigest .shad {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 150px;
        background: url('../media/images/bg/big_shad.png') 0 100% no-repeat; }
    .proj_video_list .small_img .shad {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 65px;
      background: url('../media/images/bg/small_shad.png') 0 0 no-repeat; }
    .proj_video_list .small_img .title {
      font-size: 14px;
      font-weight: bold;
      font-family: "Roboto Condensed", sans-serif;
      position: absolute;
      bottom: 5px;
      left: 10px;
      text-transform: none;
      color: #fff; }
    .proj_video_list .small_img:hover .title {
      text-decoration: underline; }

.press_release {
  background-color: #fff;
  padding: 0 30px 1px; }
  .press_release .paging {
    border-top: 1px solid #cdcdcd;
    width: 980px;
    margin-left: -30px; }
  .press_release .image_holder {
    display: block;
    overflow: hidden;
    width: 310px;
    height: 190px;
    float: left;
    margin-right: 31px; }
  .press_release .text_holder {
    float: left;
    width: 579px; }
    .press_release .text_holder.full {
      width: 100%; }
    .press_release .text_holder .title {
      font-size: 22px; }
    .press_release .text_holder .date {
      font-size: 12px;
      font-weight: bold;
      font-family: "Roboto Condensed", sans-serif;
      color: #333;
      padding-top: 5px;
      padding-bottom: 4px; }
    .press_release .text_holder .description {
      font-size: 14px;
      font-family: "Roboto Condensed", sans-serif;
      color: #333;
      line-height: 24px;
      border-bottom: 1px solid #cdcdcd;
      padding-bottom: 13px;
      margin-bottom: 16px; }
    .press_release .text_holder .pdf {
      text-decoration: none;
      background: url('../media/images/ico/small_pdf.png') 0 4px no-repeat;
      display: inline-block;
      padding: 0 0 0 35px;
      max-width: 200px;
      margin-right: 20px; }
      .press_release .text_holder .pdf span {
        display: block;
        color: #8c8c8c;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 13px; }
      .press_release .text_holder .pdf .file_name {
        font-size: 16px;
        color: #0071B8; }
      .press_release .text_holder .pdf:hover .file_name {
        text-decoration: underline; }

.press_release_item {
  background-color: #fff;
  padding: 1px 0 1px;
  width: 700px;
  float: left; }
  .press_release_item .top_img {
    width: 100%; }
  .press_release_item .texts {
    margin: 0 40px 20px; }
  .press_release_item h1 {
    margin-right: 40px;
    margin-left: 40px; }
  .press_release_item .inner_info {
    border-bottom: 1px solid #d6d6d6;
    margin: 0 40px 16px;
    padding-bottom: 13px; }
    .press_release_item .inner_info * {
      font-size: 14px;
      line-height: 20px;
      display: inline-block;
      vertical-align: middle !important; }
    .press_release_item .inner_info .print {
      background: url('../media/images/ico/print.png') 0 5px no-repeat;
      text-decoration: none;
      border-bottom: 1px solid #0071b8;
      padding: 2px 0 2px 22px;
      color: #0071b8; }
      .press_release_item .inner_info .print:hover {
        color: #0071b8;
        border-bottom: 1px solid #fff; }
    .press_release_item .inner_info .title {
      color: #8c8c8c;
      font-weight: normal;
      text-transform: none; }
    .press_release_item .inner_info .dec {
      background: url('../media/images/ico/info_path_dec.png') 0 0 no-repeat;
      width: 7px;
      height: 20px;
      margin: 0 20px; }
    .press_release_item .inner_info .date {
      color: #333; }
      .press_release_item .inner_info .date span {
        font-weight: bold; }

.press_release__right_side {
  width: 260px;
  float: left;
  margin-left: 20px; }
  .press_release__right_side h3 {
    padding-top: 0;
    margin-bottom: 6px;
    margin-top: -4px; }
  .press_release__right_side .pdf {
    text-decoration: none;
    background: url('../media/images/ico/small_pdf.png') 0 4px no-repeat;
    display: block;
    padding: 0 0 9px 35px;
    margin-bottom: 4px;
    border-bottom: 1px solid #c9c9c9; }
    .press_release__right_side .pdf span {
      display: block;
      color: #8c8c8c;
      font-family: "Roboto Condensed", sans-serif;
      font-size: 13px; }
    .press_release__right_side .pdf .file_name {
      font-size: 16px;
      color: #0071B8;
      font-weight: bold;
      margin-bottom: -4px; }
    .press_release__right_side .pdf:hover .file_name {
      text-decoration: underline; }

.project_info {
  background-color: #fff;
  padding: 18px 0px 0px;
  width: 700px;
  float: left; }
  .project_info h1 {
    margin: 0px 40px 20px 40px; }
  .project_info .top_img {
    width: 100%;
    margin-bottom: 26px; }
  .project_info .texts {
    margin: 0 40px 20px; }
  .project_info .rte_image {
    margin-bottom: 10px; }

.project_list {
  width: 280px;
  float: left;
  padding: 0 0 0 19px; }
  .project_list a {
    display: block;
    width: 100%;
    font-size: 16px;
    font-family: "Roboto Condensed", sans-serif;
    background-color: #dadbdb;
    color: #333;
    text-decoration: none;
    margin-bottom: 3px;
    padding: 12px 20px;
    line-height: 100%; }
    .project_list a:hover {
      color: #0071b8; }
    .project_list a.act {
      background-color: #ec3137;
      color: #fff; }

.partner_inner {
  background-color: #fff;
  padding: 18px 0px 20px;
  width: 700px;
  float: left; }
  .partner_inner h1 {
    margin: 0px 40px 20px 40px; }
  .partner_inner .texts {
    margin: 0 40px 20px; }

.shop_item_list {
  width: 730px;
  font-size: 0;
  display: inline-block;
  vertical-align: top;
  background-color: #ffffff;
  box-shadow: inset 0px 0px 0px 1px #dcdcdc; }
  .shop_item_list .item {
    width: 244px;
    height: 382px;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    display: inline-block;
    margin-top: -1px;
    margin-right: -1px;
    vertical-align: top;
    position: relative;
    cursor: pointer; }
    .shop_item_list .item:hover {
      border: 1px solid #c1c1c1;
      z-index: 5;
      text-decoration: none; }
      .shop_item_list .item:hover .title {
        color: #267dbd; }
  .shop_item_list .price {
    color: #eb3137;
    font-family: "Roboto", sans-serif;
    font-size: 21px;
    font-weight: 900;
    letter-spacing: -1px; }
  .shop_item_list .currency {
    color: #eb3137;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: -1px;
    padding-left: 3px; }
  .shop_item_list .old_price {
    display: block; }
    .shop_item_list .old_price span {
      font-size: 18px; }
  .shop_item_list .title {
    font-size: 18px;
    text-transform: none;
    display: block;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    padding: 0 10px;
    text-align: center; }
  .shop_item_list .sold_out {
    opacity: 0.5;
    color: #333;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    display: block;
    padding-top: 3px; }
  .shop_item_list .image_h {
    width: 100%;
    height: 295px;
    margin-bottom: 10px;
    overflow: hidden;
    display: block;
    text-align: center;
    font-size: 0; }
    .shop_item_list .image_h img {
      max-width: 100%;
      height: auto;
      margin: 0 auto;
      display: inline-block;
      vertical-align: middle; }
    .shop_item_list .image_h .vam_helper {
      width: 0;
      height: 100%;
      vertical-align: middle;
      display: inline-block; }
  .shop_item_list .text_holder {
    position: absolute;
    bottom: 21px;
    width: 100%;
    left: 0;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.7);
    display: block;
    padding-top: 10px; }
  .shop_item_list .paging {
    padding-top: 35px;
    padding-bottom: 35px; }
  .shop_item_list .header {
    color: #333;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 21px; }

.new_price.new_price.new_price.new_price {
  display: inline-block;
  vertical-align: middle;
  background: #ec3137;
  padding: 0 4px;
  line-height: 1; }
  .new_price.new_price.new_price.new_price span {
    color: #fff; }

.old_price.old_price.old_price.old_price {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: -2px; }
  .old_price.old_price.old_price.old_price span {
    font-size: 18px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    color: #b1b1b1;
    text-transform: uppercase;
    text-decoration: line-through; }

.s_item {
  width: 980px;
  min-height: 670px;
  padding-bottom: 70px;
  background-color: #fff;
  border: 1px solid #dcdcdc; }
  .s_item .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: 99; }
  .s_item .item_preview {
    width: 350px;
    margin-left: 65px;
    position: relative;
    margin-top: 45px;
    margin-right: 60px;
    display: inline-block;
    vertical-align: top; }
    .s_item .item_preview .thumbs_list {
      font-size: 0;
      white-space: nowrap;
      overflow: hidden;
      height: 100px;
      margin-top: 10px; }
    .s_item .item_preview .thumb {
      width: 80px;
      height: 100px;
      border: 1px solid #d6d6d6;
      margin-left: 10px;
      display: inline-block;
      vertical-align: top;
      transition: opacity 0.6s ease 1s, border 0.3s ease;
      opacity: 0;
      overflow: hidden;
      cursor: pointer; }
      .s_item .item_preview .thumb img {
        width: 100%;
        vertical-align: middle;
        display: inline-block; }
      .s_item .item_preview .thumb:first-child {
        margin-left: 0; }
      .s_item .item_preview .thumb.active, .s_item .item_preview .thumb:hover {
        border: 1px solid #b2b2b2; }
    .s_item .item_preview .main_photo {
      position: relative;
      height: 450px;
      width: 350px;
      overflow: hidden;
      opacity: 0;
      position: relative;
      transition: all 0.6s ease-out 0.3s; }
      .s_item .item_preview .main_photo img {
        margin: auto;
        position: absolute;
        top: -100%;
        right: -100%;
        bottom: -100%;
        left: -100%;
        max-width: 100%;
        max-height: 100%; }
    .s_item .item_preview .vam_helper {
      width: 0;
      height: 100%;
      display: inline-block;
      vertical-align: middle; }
    .s_item .item_preview.initialized .main_photo {
      opacity: 1; }
    .s_item .item_preview.initialized .thumb {
      opacity: 1; }
  .s_item .sold_out {
    color: #eb3137;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 30px;
    text-align: right;
    font-weight: 900; }
  .s_item .item_name {
    color: #333;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 41px;
    padding: 0 10px 15px; }
  .s_item .details {
    display: inline-block;
    width: 460px;
    vertical-align: top;
    margin-top: 36px; }
  .s_item .description {
    color: #333;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    padding: 0 10px;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 26px;
    line-height: 30px; }
  .s_item .dk-select {
    width: 210px; }
  .s_item .form_item.text input {
    width: 210px; }
  .s_item .form_item {
    margin-bottom: 20px;
    margin-right: 10px; }
    .s_item .form_item label {
      padding-right: 15px; }
    .s_item .form_item.blue_item {
      padding-top: 10px;
      padding-bottom: 10px;
      margin-bottom: 10px;
      padding-right: 10px;
      margin-right: 0;
      background-color: #0071b8;
      margin-top: -10px; }
      .s_item .form_item.blue_item input {
        border-color: #005f9a; }
      .s_item .form_item.blue_item label {
        color: #fff;
        padding-right: 8px; }
    .s_item .form_item .info {
      margin-right: 15px;
      vertical-align: middle;
      margin-top: -4px;
      text-align: left; }
  .s_item .basket_form {
    text-align: right;
    padding-top: 30px; }
  .s_item .s_amount {
    margin-right: 10px; }
    .s_item .s_amount .amount_input {
      width: 88px; }
  .s_item .submit_holder {
    margin-top: 30px;
    border-top: 1px solid #d6d6d6;
    padding-top: 20px;
    text-align: left; }
    .s_item .submit_holder .price {
      color: #eb3137;
      font-family: "Roboto", sans-serif;
      font-size: 30px;
      font-weight: 900;
      margin-top: 4px;
      display: inline-block; }
    .s_item .submit_holder .currency {
      color: #eb3137;
      font-family: "Roboto Condensed", sans-serif;
      font-size: 30px;
      font-weight: 300;
      padding-left: 3px;
      margin-top: 4px;
      text-transform: uppercase;
      display: inline-block; }

.preloader {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 65px;
  height: 85px;
  margin-top: -42px;
  margin-left: -32px;
  z-index: 100; }
  .preloader .holder {
    position: relative;
    width: 65px;
    height: 85px; }
  .preloader .one {
    width: 14px;
    height: 70px;
    transform: rotate(25deg);
    background-color: #0071b8;
    position: absolute;
    left: 12px;
    border-radius: 10px;
    z-index: 2;
    top: 0; }
  .preloader .two {
    width: 14px;
    height: 70px;
    transform: rotate(-25deg);
    background-color: #0063a1;
    position: absolute;
    border-radius: 10px;
    top: 0;
    left: 37px;
    z-index: 2; }
  .preloader .three {
    position: relative;
    width: 40px;
    background-color: #0368a7;
    height: 11px;
    left: 13px;
    top: 40px;
    z-index: 1;
    border-radius: 10px; }
  .preloader p {
    color: #fff;
    position: absolute;
    font-family: Arial;
    text-align: center;
    font-size: 10px;
    font-style: italic;
    position: absolute;
    bottom: 0px;
    color: #363636;
    text-transform: uppercase;
    left: 0;
    padding: 0;
    margin: 0;
    z-index: 3;
    width: 100%;
    text-align: center; }
  .preloader .double_bounce1, .preloader .double_bounce2 {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.6;
    position: absolute;
    top: -29px;
    left: -38px;
    -webkit-animation: bounce 2s infinite ease-in-out;
    animation: bounce 2s infinite ease-in-out; }
  .preloader .double_bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s; }
  .preloader.invert .one, .preloader.invert .two, .preloader.invert .three {
    background-color: #fff; }
  .preloader.invert .double_bounce1, .preloader.invert .double_bounce2 {
    background-color: #0063a1; }
  .preloader.invert p {
    color: #fff; }

@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0.3); }

  50% {
    -webkit-transform: scale(1); } }

@keyframes bounce {
  0%, 100% {
    transform: scale(0.3);
    -webkit-transform: scale(0.3); }

  50% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

.s_path {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 30px;
  padding-bottom: 20px;
  padding-top: 16px; }
  .s_path a {
    color: #333; }
    .s_path a:hover {
      text-decoration: underline; }
  .s_path span {
    color: #929292; }
    .s_path span.act {
      color: #333; }

.info {
  width: 16px;
  height: 16px;
  display: inline-block;
  border-radius: 8px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.7);
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAJCAYAAAAVb42gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDk1MURCOTUzRTIzMTFFNEFCMDc4MkM5QTBGMUYwQkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDk1MURCOTYzRTIzMTFFNEFCMDc4MkM5QTBGMUYwQkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowOTUxREI5MzNFMjMxMUU0QUIwNzgyQzlBMEYxRjBCQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowOTUxREI5NDNFMjMxMUU0QUIwNzgyQzlBMEYxRjBCQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvlCn20AAAAuSURBVHjaYmQo3MEABP8ZIICRiQENsMBkkAX+IykAa2FE1oJhBnECyIb+BwgwALfYBT9DHTIEAAAAAElFTkSuQmCC');
  background-repeat: no-repeat;
  background-position: center 3px;
  cursor: pointer;
  position: relative; }
  .info .callout {
    width: 168px;
    border: 1px solid rgba(0, 0, 0, 0.16);
    background-color: #ededed;
    color: #333;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    line-height: 18px;
    display: none;
    padding: 10px 8px; }
    .info .callout:after {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 6px 6px 0 6px;
      border-color: #eeeeee transparent transparent transparent;
      bottom: -6px;
      position: absolute;
      left: 50%;
      margin-left: -6px; }
  .info:hover .callout {
    display: block;
    bottom: 22px;
    left: -76px;
    position: absolute; }

.center {
  left: 50%;
  top: 50%;
  position: absolute; }

.s_recommended .block_name {
  color: #333;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 21px;
  margin-top: 40px;
  margin-bottom: 10px; }
.s_recommended .items_list {
  background-color: #ffffff;
  box-shadow: inset 0px 0px 0px 1px #dcdcdc;
  height: 320px;
  font-size: 0; }
  .s_recommended .items_list .item {
    width: 197px;
    height: 320px;
    border: 1px solid #dcdcdc;
    overflow: hidden;
    display: inline-block;
    margin-right: -1px;
    position: relative;
    text-align: center; }
    .s_recommended .items_list .item:first-child {
      width: 196px; }
    .s_recommended .items_list .item:hover {
      z-index: 1;
      border-color: #bcbcbc;
      text-decoration: none; }
      .s_recommended .items_list .item:hover .title {
        color: #267dbd; }
  .s_recommended .items_list .price {
    color: #eb3137;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: -1px; }
  .s_recommended .items_list .currency {
    color: #eb3137;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: -1px;
    padding-left: 3px; }
  .s_recommended .items_list .title {
    font-size: 16px;
    text-transform: none;
    display: block;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    text-align: center;
    padding: 0 10px;
    line-height: 20px; }
  .s_recommended .items_list .sold_out {
    opacity: 0.5;
    color: #333;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    display: block;
    padding-top: 3px; }
  .s_recommended .items_list .image_h {
    width: 100%;
    height: 235px;
    margin-bottom: 10px;
    overflow: hidden;
    display: block;
    text-align: center;
    font-size: 0; }
    .s_recommended .items_list .image_h img {
      max-width: 100%;
      height: auto;
      margin: 0 auto;
      display: inline-block;
      vertical-align: middle; }
    .s_recommended .items_list .image_h .vam_helper {
      width: 0;
      height: 100%;
      vertical-align: middle;
      display: inline-block; }
  .s_recommended .items_list .text_holder {
    position: absolute;
    bottom: 31px;
    width: 100%;
    left: 0;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.7);
    display: block;
    padding-top: 10px; }

.add_to_basket_success {
  width: 570px;
  background-color: #fff;
  text-align: center;
  padding-top: 50px; }
  .add_to_basket_success img {
    margin: 0 auto 25px; }
  .add_to_basket_success h1 {
    text-transform: uppercase;
    padding: 0px 80px 52px;
    line-height: 36px;
    margin: 0px auto 0px; }
  .add_to_basket_success .buttons_holder {
    background-color: #f6f6f6;
    padding: 30px 30px 40px; }
  .add_to_basket_success .btn {
    text-decoration: none; }
    .add_to_basket_success .btn.blue_white {
      padding-left: 39px;
      position: relative; }
      .add_to_basket_success .btn.blue_white:before {
        content: '';
        display: block;
        position: absolute;
        width: 10px;
        height: 10px;
        top: 19px;
        left: 16px;
        background: url('../media/images/ico/back_blue_arr.png') 0 0 no-repeat; }
      .add_to_basket_success .btn.blue_white:hover:before {
        background: url('../media/images/ico/back_white_arr.png') 0 0 no-repeat; }

.cart_heading {
  font: 30px 'Roboto Condensed', Arial, sans-serif;
  color: #333;
  padding: 18px 18px 22px 18px; }

#cart_holder {
  position: relative;
  background: #fff;
  border: 1px solid #dcdcdc;
  padding: 40px 60px 62px 60px; }
  #cart_holder .cart_overlay {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

.cart_list {
  width: 100%; }
  .cart_list th {
    font: 18px 'Roboto Condensed', Arial, sans-serif;
    text-transform: uppercase;
    padding-bottom: 14px; }
  .cart_list th, .cart_list td {
    text-align: left;
    border-bottom: 1px solid #d6d6d6;
    vertical-align: middle;
    color: #333; }
  .cart_list td {
    padding: 16px 0 10px; }
    .cart_list td.product_image {
      width: 85px;
      text-align: center; }
    .cart_list td.product_name a {
      font: 18px/1.2 'Roboto Condensed', Arial, sans-serif;
      color: #0071b8;
      display: inline-block;
      position: relative;
      padding-left: 12px;
      top: -4px; }
      .cart_list td.product_name a:hover {
        text-decoration: underline; }
    .cart_list td.product_amount {
      width: 264px;
      text-align: right; }
    .cart_list td.product_price {
      width: 160px;
      text-transform: uppercase;
      font: 600 18px 'RobotoCondensed', Arial, sans-serif;
      text-align: center; }
      .cart_list td.product_price span {
        font-weight: normal; }
    .cart_list td.product_remove {
      width: 40px;
      text-align: left; }
      .cart_list td.product_remove a {
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(../media/images/ico/remove.png ) no-repeat 0 -16px; }
        .cart_list td.product_remove a:hover {
          background-position: 0 0; }
  .cart_list .s_image {
    width: 60px;
    height: 68px;
    overflow: hidden;
    display: inline-block;
    position: relative; }
    .cart_list .s_image img {
      margin: auto;
      position: absolute;
      top: -100%;
      right: -100%;
      bottom: -100%;
      left: -100%;
      max-width: 100%;
      max-height: 100%; }

.cart_results {
  border: 1px solid #cfcfcf;
  font: 600 18px 'Roboto Condensed', Arial, sans-serif;
  color: #333;
  width: 390px;
  margin-top: 10px; }
  .cart_results td {
    height: 60px;
    vertical-align: middle;
    border-top: 1px solid #d6d6d6;
    text-align: right;
    padding-right: 18px; }
    .cart_results td:first-child {
      text-align: left;
      padding-right: 0;
      padding-left: 8px; }
    .cart_results td.total {
      font-size: 30px;
      color: #ec3137; }
  .cart_results tr:first-child td {
    border-top: none; }
  .cart_results .currency {
    text-transform: uppercase;
    font-weight: 300; }

.shipping_info {
  margin-top: 52px; }
  .shipping_info .label {
    font: 18px 'Roboto Condensed', Arial, sans-serif;
    text-transform: uppercase;
    padding-bottom: 14px;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 34px; }
  .shipping_info .column {
    width: 420px; }
  .shipping_info .form_item {
    text-align: right;
    margin-bottom: 10px; }
    .shipping_info .form_item.text label, .shipping_info .form_item.textarea label {
      width: 84px;
      margin-right: 28px; }
    .shipping_info .form_item input, .shipping_info .form_item textarea {
      width: 300px;
      text-align: left; }
    .shipping_info .form_item textarea {
      height: 100px; }
    .shipping_info .form_item.textarea label {
      vertical-align: top;
      padding-top: 10px; }
    .shipping_info .form_item.checkbox_blue {
      text-align: left;
      padding-left: 120px; }
  .shipping_info .payment_method {
    text-align: center; }
    .shipping_info .payment_method .form_item {
      display: inline-block;
      margin: 0 10px 20px; }
      .shipping_info .payment_method .form_item label {
        max-width: 160px;
        text-align: center; }
      .shipping_info .payment_method .form_item img {
        width: 100%;
        margin-bottom: 10px; }

.s_amount {
  font-size: 0; }
  .s_amount label {
    display: inline-block;
    vertical-align: middle;
    font: 16px 'Roboto Condensed', Arial, sans-serif;
    color: #333;
    margin-right: 18px; }
  .s_amount input {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 40px;
    border: 1px solid #d6d6d6;
    font: 16px 'Roboto Condensed', Arial, sans-serif;
    color: #333;
    text-align: center;
    line-height: 40px\9;
    margin: 0 11px; }
  .s_amount .minus_amount, .s_amount .plus_amount {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 40px;
    border: 1px solid #d6d6d6;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .s_amount .minus_amount:after, .s_amount .plus_amount:after {
      content: '';
      display: block;
      width: 14px;
      height: 14px;
      position: absolute;
      top: 50%;
      margin-top: -7px;
      left: 50%;
      margin-left: -7px;
      background: url(../media/images/ico/plus_minus.png ) no-repeat 0 0; }
  .s_amount .plus_amount:after {
    background-position: -14px 0; }

/**
* Stylish Select 0.4.9 - $ plugin to replace a select drop down box with a stylable unordered list
* http://github.com/scottdarby/Stylish-Select/
* 
* Copyright (c) 2009 Scott Darby
* 
* Requires: jQuery 1.3 or newer
* 
* Dual licensed under the MIT and GPL licenses.
*/
/* Set border and padding values moved inward */
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

/* Hide lists on page load */
.stylish-select .SSContainerDivWrapper {
  left: -9999px;
  margin-top: 2px;
  padding: 0;
  width: 100%;
  position: absolute;
  top: 22px;
  left: 0;
  z-index: 2; }
.stylish-select ul.newList {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #000;
  background: #fff;
  border: none;
  outline: 1px solid #ccc;
  overflow: auto; }
  .stylish-select ul.newList * {
    margin: 0;
    list-style: none; }
  .stylish-select ul.newList a {
    color: #000;
    text-decoration: none;
    display: block;
    padding: 3px 8px; }
  .stylish-select ul.newList li a:focus {
    -moz-outline-style: none; }
.stylish-select .newListSelected {
  width: 100%;
  color: #000;
  height: 24px;
  padding: 1px 0 0 8px;
  float: left;
  border: 1px solid #CCC;
  background: white url(img/select.jpg) top right no-repeat; }
.stylish-select .selectedTxt {
  width: 100%;
  overflow: hidden;
  height: 22px;
  padding: 0; }
.stylish-select .highLite {
  background: #CCC !important;
  color: #000 !important; }
.stylish-select .newListHover {
  background: #CCC !important;
  color: #000 !important;
  cursor: default; }
.stylish-select .newListDisabled {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60); }
.stylish-select .newListItemDisabled {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60); }
.stylish-select .newListOptionDisabled {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60); }
.stylish-select .newListSelHover, .stylish-select .newListSelFocus {
  background: white url(img/select.jpg) center right no-repeat;
  cursor: default; }
.stylish-select .newListSelClick {
  background: white url(img/select.jpg) bottom right no-repeat;
  cursor: default; }
.stylish-select .newListOptionTitle {
  font-weight: bold;
  text-indent: 5px; }
  .stylish-select .newListOptionTitle ul {
    margin: 0;
    padding: 0; }
  .stylish-select .newListOptionTitle li {
    font-weight: normal; }

/* Container */
/* UL */
/* Default fake select container style*/
/* Option Highlight */
/* Option Hover */
/* Disabled */
/* select Hover, Focus */
/* select onClick */
/* Optgroup */
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none; }
  #fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url('../media/images/fancybox/fancybox.png'); }

#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none; }

#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none; }

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0px;
  z-index: 1101;
  outline: none;
  display: none; }

#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff; }

#fancybox-content {
  width: 0;
  height: 0;
  padding: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  border: 0px solid #fff !important; }

#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1101; }

#fancybox-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 24px;
  height: 24px;
  background: transparent url('../media/images/btn/close.png') 100% 0px;
  cursor: pointer;
  z-index: 1103;
  display: none; }
  #fancybox-close:hover {
    background-position: 0 0; }

#fancybox-error {
  color: #444;
  font: normal 12px/20px Arial;
  padding: 14px;
  margin: 0; }

#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top; }

#fancybox-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block; }

#fancybox-left, #fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  top: 0;
  width: 35%;
  cursor: pointer;
  outline: none;
  background: transparent url('../media/images/fancybox/blank.gif');
  z-index: 1102;
  display: none; }

#fancybox-left {
  left: 0px; }
  #fancybox-left:hover #fancybox-left-ico {
    background-position: 0 0%; }

#fancybox-right {
  right: 0px; }
  #fancybox-right:hover #fancybox-right-ico {
    background-position: 0 0%; }

#fancybox-left-ico, #fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 17px;
  height: 28px;
  margin-top: -14px;
  cursor: pointer;
  z-index: 1102;
  display: block; }

#fancybox-left-ico {
  background: transparent url('../media/images/btn/nav_prev.png') 0 100%; }

#fancybox-right-ico {
  background: transparent url('../media/images/btn/nav_next.png') 0 100%; }

#fancybox-left:hover, #fancybox-right:hover {
  visibility: visible;
  /* IE6 */ }

#fancybox-left span, #fancybox-left:hover span {
  left: 22px; }

#fancybox-right span, #fancybox-right:hover span {
  left: auto;
  right: 22px; }

.fancybox-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001; }

#fancybox-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url('../media/images/fancybox/fancybox-x.png'); }

#fancybox-bg-ne {
  top: -20px;
  right: -20px;
  background-image: url('../media/images/fancybox/fancybox.png');
  background-position: -40px -162px; }

#fancybox-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url('../media/images/fancybox/fancybox-y.png');
  background-position: -20px 0px; }

#fancybox-bg-se {
  bottom: -20px;
  right: -20px;
  background-image: url('../media/images/fancybox/fancybox.png');
  background-position: -40px -182px; }

#fancybox-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url('../media/images/fancybox/fancybox-x.png');
  background-position: 0px -20px; }

#fancybox-bg-sw {
  bottom: -20px;
  left: -20px;
  background-image: url('../media/images/fancybox/fancybox.png');
  background-position: -40px -142px; }

#fancybox-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url('../media/images/fancybox/fancybox-y.png'); }

#fancybox-bg-nw {
  top: -20px;
  left: -20px;
  background-image: url('../media/images/fancybox/fancybox.png');
  background-position: -40px -122px; }

#fancybox-title {
  font-family: Helvetica;
  font-size: 12px;
  z-index: 1102; }

.fancybox-title-inside {
  padding-bottom: 10px;
  text-align: center;
  color: #333;
  background: #fff;
  position: relative; }

.fancybox-title-outside {
  padding-top: 10px;
  color: #fff; }

.fancybox-title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
  text-align: left; }

#fancybox-title-over {
  padding: 10px;
  background-image: url('../media/images/fancybox/fancy_title_over.png');
  display: block; }

.fancybox-title-float {
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 32px; }

#fancybox-title-float-wrap {
  border: none;
  border-collapse: collapse;
  width: auto; }
  #fancybox-title-float-wrap td {
    border: none;
    white-space: nowrap; }

#fancybox-title-float-left {
  padding: 0 0 0 15px;
  background: url('../media/images/fancybox/fancybox.png') -40px -90px no-repeat; }

#fancybox-title-float-main {
  color: #FFF;
  line-height: 29px;
  font-weight: bold;
  padding: 0 0 3px 0;
  background: url('../media/images/fancybox/fancybox-x.png') 0px -40px; }

#fancybox-title-float-right {
  padding: 0 0 0 15px;
  background: url('../media/images/fancybox/fancybox.png') -55px -90px no-repeat; }

/*!
Video.js Default Styles (http://videojs.com)
Version 4.7.3
Create your own skin at http://designer.videojs.com
*/
/* SKIN
================================================================================
The main class name for all skin-specific styles. To make your own skin,
replace all occurances of 'vjs-default-skin' with a new name. Then add your new
skin name to your video tag instead of the default skin.
e.g. <video class="video-js my-skin-name">
*/
.vjs-default-skin {
  color: #cccccc; }
  .vjs-default-skin .vjs-slider {
    /* Replace browser focus hightlight with handle highlight */
    outline: 0;
    position: relative;
    cursor: pointer;
    padding: 0;
    /* background-color-with-alpha */ }
    .vjs-default-skin .vjs-slider:focus {
      /* box-shadow */
      -webkit-box-shadow: 0 0 2em #ffffff;
      -moz-box-shadow: 0 0 2em #ffffff;
      box-shadow: 0 0 2em #ffffff; }
  .vjs-default-skin .vjs-slider-handle {
    position: absolute;
    /* Needed for IE6 */
    left: 50%;
    top: 50%; }
  .vjs-default-skin .vjs-control-bar {
    /* Start hidden */
    display: none;
    position: absolute;
    /* Place control bar at the bottom of the player box/video.
	   If you want more margin below the control bar, add more height. */
    bottom: 0;
    /* Use left/right to stretch to 100% width of player div */
    left: 0;
    right: 0;
    /* Height includes any margin you want above or below control items */
    height: 50px;
    /* background-color-with-alpha */
    background-color: #07141e;
    background-color: rgba(7, 20, 30, 0.7); }
  .vjs-default-skin.vjs-has-started .vjs-control-bar {
    display: block;
    /* Visibility needed to make sure things hide in older browsers too. */
    visibility: visible;
    opacity: 1;
    /* transition */
    -webkit-transition: visibility 0.1s, opacity 0.1s;
    -moz-transition: visibility 0.1s, opacity 0.1s;
    -o-transition: visibility 0.1s, opacity 0.1s;
    transition: visibility 0.1s, opacity 0.1s; }
  .vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    display: block;
    visibility: hidden;
    opacity: 0;
    /* transition */
    -webkit-transition: visibility 1s, opacity 1s;
    -moz-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s; }
  .vjs-default-skin.vjs-controls-disabled .vjs-control-bar, .vjs-default-skin.vjs-using-native-controls .vjs-control-bar, .vjs-default-skin.vjs-error .vjs-control-bar {
    display: none; }
  .vjs-default-skin .vjs-control {
    outline: none;
    position: relative;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 3em;
    width: 4em; }
    .vjs-default-skin .vjs-control:before {
      font-family: 'VideoJS';
      font-size: 1.5em;
      line-height: 2;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      text-align: center;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
    .vjs-default-skin .vjs-control:focus:before, .vjs-default-skin .vjs-control:hover:before {
      text-shadow: 0em 0em 1em #ffffff; }
    .vjs-default-skin .vjs-control:focus {
      /*  outline: 0; */
      /* keyboard-only users cannot see the focus on several of the UI elements when
	  this is set to 0 */ }
  .vjs-default-skin .vjs-control-text {
    /* hide-visually */
    border: 0;
    clip: rect(0 0 0 0);
    margin-left: -30px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 60px;
    height: 35px;
    background: url('../media/images/player/popup.png') 0 0 no-repeat; }
  .vjs-default-skin .vjs-play-control {
    width: 60px;
    height: 50px; }
    .vjs-default-skin .vjs-play-control:before {
      content: '';
      display: block;
      width: 18px;
      height: 20px;
      margin: 17px 0 0 22px;
      background: url('../media/images/player/play.png') 0 0 no-repeat; }
  .vjs-default-skin.vjs-playing .vjs-play-control:before {
    background: url('../media/images/player/pause.png') 0 0 no-repeat; }
  .vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
    font-size: 1.5em;
    line-height: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
  .vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
    width: 4em;
    left: -2em;
    list-style: none; }
  .vjs-default-skin .vjs-mute-control, .vjs-default-skin .vjs-volume-menu-button {
    cursor: pointer;
    float: right;
    margin: 8px -2px 0 0; }
  .vjs-default-skin .vjs-mute-control:before, .vjs-default-skin .vjs-volume-menu-button:before {
    content: '';
    width: 26px;
    height: 21px;
    margin: 5px;
    display: block;
    background: url('../media/images/player/mute.png'); }
  .vjs-default-skin .vjs-mute-control.vjs-vol-0:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
    background: url('../media/images/player/mute0.png'); }
  .vjs-default-skin .vjs-mute-control.vjs-vol-1:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
    background: url('../media/images/player/mute1.png'); }
  .vjs-default-skin .vjs-mute-control.vjs-vol-2:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
    background: url('../media/images/player/mute2.png'); }
  .vjs-default-skin .vjs-volume-control {
    width: 61px;
    float: right;
    margin-right: 10px; }
  .vjs-default-skin .vjs-volume-bar {
    width: 61px;
    height: 20px;
    margin: 15px 5px 0 5px;
    background: url('../media/images/player/volume.png') 0 100% no-repeat; }
  .vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
    height: 2.9em; }
  .vjs-default-skin .vjs-volume-level {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    /* assuming volume starts at 1.0 */
    width: 100%;
    background: url('../media/images/player/volume.png') 0 0 no-repeat; }
  .vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
    width: 0;
    height: 0.5em;
    background: red;
    /* Assumes volume starts at 1.0. If you change the size of the
	   handle relative to the volume bar, you'll need to update this value
	   too. */
    left: 4.5em; }
  .vjs-default-skin .vjs-volume-handle:before {
    font-size: 0.9em;
    top: -0.2em;
    left: -0.2em;
    width: 1em;
    height: 1em; }
  .vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
    width: 6em;
    left: -4em; }
  .vjs-default-skin .vjs-progress-control {
    position: absolute;
    left: 60px;
    right: 0;
    width: auto;
    font-size: 0.3em;
    height: 10px;
    /* Set above the rest of the controls. */
    top: 50%;
    margin-top: -5px;
    /* Shrink the bar slower than it grows. */
    /* transition */
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }
  .vjs-default-skin:hover .vjs-progress-control {
    /* Even though we're not changing the top/height, we need to include them in
		the transition so they're handled correctly. */
    /* transition */
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
    .vjs-default-skin:hover .vjs-progress-control .vjs-seek-handle {
      width: 36px;
      height: 36px;
      background: url('../media/images/player/handler1.png') center center no-repeat;
      margin-top: -17px; }
      .vjs-default-skin:hover .vjs-progress-control .vjs-seek-handle:hover .vjs-control-text {
        clip: auto;
        top: -37px;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        color: #2f2f2e;
        padding-top: 3px; }
  .vjs-default-skin .vjs-progress-holder {
    height: 100%;
    background: #1f1f1f; }
    .vjs-default-skin .vjs-progress-holder .vjs-play-progress {
      position: absolute;
      display: block;
      height: 100%;
      margin: 0;
      padding: 0;
      /* updated by javascript during playback */
      width: 0;
      /* Needed for IE6 */
      left: 0;
      top: 0; }
    .vjs-default-skin .vjs-progress-holder .vjs-load-progress {
      position: absolute;
      display: block;
      height: 100%;
      margin: 0;
      padding: 0;
      /* updated by javascript during playback */
      width: 0;
      /* Needed for IE6 */
      left: 0;
      top: 0; }
      .vjs-default-skin .vjs-progress-holder .vjs-load-progress div {
        position: absolute;
        display: block;
        height: 100%;
        margin: 0;
        padding: 0;
        /* updated by javascript during playback */
        width: 0;
        /* Needed for IE6 */
        left: 0;
        top: 0; }
  .vjs-default-skin .vjs-play-progress {
    /*
	  Using a data URI to create the white diagonal lines with a transparent
		background. Surprisingly works in IE8.
		Created using http://www.patternify.com
	  Changing the first color value will change the bar color.
	  Also using a paralax effect to make the lines move backwards.
		The -50% left position makes that happen.
	*/
    background: #fff; }
  .vjs-default-skin .vjs-load-progress {
    background: #636363;
    background: #636363; }
    .vjs-default-skin .vjs-load-progress div {
      background: #1f1f1f;
      background: #1f1f1f; }
  .vjs-default-skin .vjs-seek-handle {
    width: 36px;
    height: 36px;
    background: url('../media/images/player/handler1.png') center center no-repeat;
    margin-top: -17px; }
  .vjs-default-skin.vjs-live .vjs-time-controls, .vjs-default-skin.vjs-live .vjs-time-divider, .vjs-default-skin.vjs-live .vjs-progress-control {
    display: none; }
  .vjs-default-skin .vjs-live-display {
    display: none;
    font-size: 1em;
    line-height: 3em; }
  .vjs-default-skin .vjs-time-controls {
    font-size: 1em;
    /* Align vertically by making the line height the same as the control bar */
    line-height: 3em; }
  .vjs-default-skin .vjs-current-time, .vjs-default-skin .vjs-duration {
    float: left;
    display: none; }
  .vjs-default-skin .vjs-remaining-time {
    display: none;
    float: left; }

/* Custom Icon Font
--------------------------------------------------------------------------------
The control icons are from a custom font. Each icon corresponds to a character
(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
*/
@font-face {
  font-family: 'VideoJS';
  src: url('../media/images/font/vjs.eot');
  src: url('../media/images/font/vjs.eot?#iefix') format("embedded-opentype"), url('../media/images/font/vjs.woff') format("woff"), url('../media/images/font/vjs.ttf') format("truetype");
  font-weight: normal;
  font-style: normal; }

/* Base UI Component Classes
--------------------------------------------------------------------------------
*/
/* Slider - used for Volume bar and Seek bar */
/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/
/* Show the control bar only once the video has started playing */
/* Hide the control bar when the video is playing and the user is inactive  */
/* The control bar shouldn't show after an error */
/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
  - "\9" IE8 hack didn't work for this
  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media \0screen {
  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: ""; }
 }

/* General styles for individual controls. */
/* FontAwsome button icons */
/* Replacement for focus outline */
/* Hide control text visually, but have it available for screenreaders */
/* Play/Pause
--------------------------------------------------------------------------------
*/
/* Playback toggle
--------------------------------------------------------------------------------
*/
/* Volume/Mute
-------------------------------------------------------------------------------- */
/* Progress
--------------------------------------------------------------------------------
*/
/* On hover, make the progress bar grow to something that's more clickable.
	This simply changes the overall font for the progress bar, and this
	updates both the em-based widths and heights, as wells as the icon font */
/* Box containing play and load progresses. Also acts as seek scrubber. */
/* Progress Bars */
/* there are child elements of the load progress bar that represent the
   specific time ranges that have been buffered */
/* Live Mode
--------------------------------------------------------------------------------
*/
/* Live Display
--------------------------------------------------------------------------------
*/
/* Time Display
--------------------------------------------------------------------------------
*/
/* Remaining time is in the HTML, but not included in default design */
.vjs-time-divider {
  float: left;
  line-height: 3em;
  display: none; }

/* Fullscreen
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-fullscreen-control {
  height: 50px;
  width: 60px;
  cursor: pointer;
  float: right; }
  .vjs-default-skin .vjs-fullscreen-control:before {
    content: '';
    width: 26px;
    height: 22px;
    background: url('../media/images/player/full_size.png') 0 0 no-repeat;
    margin: 14px 15px 0 13px; }
.vjs-default-skin .vjs-big-play-button {
  left: 50%;
  top: 50%;
  font-size: 3em;
  display: block;
  z-index: 2;
  position: absolute;
  width: 4em;
  height: 2.6em;
  margin-left: -2em;
  margin-top: -1.3em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  /* Need a slightly gray bg so it can be seen on black backgrounds */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  border: 0.1em solid #3b4249;
  /* border-radius */
  -webkit-border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  border-radius: 0.8em;
  /* box-shadow */
  -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  /* Center it horizontally */
  left: 50%;
  margin-left: -2.1em;
  /* Center it vertically */
  top: 50%;
  margin-top: -1.4em; }
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button, .vjs-default-skin.vjs-has-started .vjs-big-play-button, .vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none; }
.vjs-default-skin:hover .vjs-big-play-button {
  outline: 0;
  border-color: #fff;
  /* IE8 needs a non-glow hover state */
  background-color: #505050;
  background-color: rgba(50, 50, 50, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 3em #ffffff;
  -moz-box-shadow: 0 0 3em #ffffff;
  box-shadow: 0 0 3em #ffffff;
  /* transition */
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s; }
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  /* IE8 needs a non-glow hover state */
  background-color: #505050;
  background-color: rgba(50, 50, 50, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 3em #ffffff;
  -moz-box-shadow: 0 0 3em #ffffff;
  box-shadow: 0 0 3em #ffffff;
  /* transition */
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s; }
.vjs-default-skin .vjs-big-play-button:before {
  content: "\e001";
  font-family: 'VideoJS';
  /* In order to center the play icon vertically we need to set the line height
		 to the same as the button height */
  line-height: 2.6em;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%; }

/* Switch to the exit icon when the player is in fullscreen */
/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
/* Optionally center */
/* Hide if controls are disabled */
/* Hide when video starts playing */
/* Hide on mobile devices. Remove when we stop using native controls
	by default on mobile  */
.vjs-error .vjs-big-play-button, .vjs-error-display {
  display: none; }

/* Error Display
--------------------------------------------------------------------------------
*/
.vjs-error .vjs-error-display {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }
  .vjs-error .vjs-error-display:before {
    content: 'X';
    font-family: Arial;
    font-size: 4em;
    color: #666666;
    /* In order to center the play icon vertically we need to set the line height
	   to the same as the button height */
    line-height: 1;
    text-shadow: 0.05em 0.05em 0.1em #000;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    width: 100%; }

.vjs-error-display div {
  position: absolute;
  font-size: 1.4em;
  text-align: center;
  bottom: 1em;
  right: 1em;
  left: 1em; }
.vjs-error-display a {
  color: #F4A460; }
  .vjs-error-display a:visited {
    color: #F4A460; }

/* Loading Spinner
--------------------------------------------------------------------------------
*/
.vjs-loading-spinner {
  /* Should be hidden by default */
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: 0.75; }

/* Show the spinner when waiting for data and seeking to a new time */
.vjs-waiting .vjs-loading-spinner, .vjs-seeking .vjs-loading-spinner {
  display: block;
  /* only animate when showing because it can be processor heavy */
  /* animation */
  -webkit-animation: spin 1.5s infinite linear;
  -moz-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear; }

/* Errors are unrecoverable without user interaction so hide the spinner */
.vjs-error .vjs-loading-spinner {
  display: none;
  /* ensure animation doesn't continue while hidden */
  /* animation */
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none; }

.vjs-default-skin .vjs-loading-spinner:before {
  content: "\e01e";
  font-family: 'VideoJS';
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0em 0em 0.1em #000; }
.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer; }
.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0em;
  /* (Width of vjs-menu - width of button) / 2 */
  width: 0em;
  height: 0em;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000000;
  /* Same width top as ul bottom */
  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */ }
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  /* Same bottom as vjs-menu border-top */
  max-height: 15em;
  overflow: auto;
  left: -5em;
  /* Width of menu - width of button / 2 */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  /* box-shadow */
  -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2); }
.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
  display: block; }
.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase; }
  .vjs-default-skin .vjs-menu-button ul li.vjs-selected {
    background-color: #000; }
  .vjs-default-skin .vjs-menu-button ul li:focus, .vjs-default-skin .vjs-menu-button ul li:hover {
    outline: 0;
    color: #111;
    /* background-color-with-alpha */
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.75);
    /* box-shadow */
    -webkit-box-shadow: 0 0 1em #ffffff;
    -moz-box-shadow: 0 0 1em #ffffff;
    box-shadow: 0 0 1em #ffffff; }
  .vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus, .vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
    outline: 0;
    color: #111;
    /* background-color-with-alpha */
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.75);
    /* box-shadow */
    -webkit-box-shadow: 0 0 1em #ffffff;
    -moz-box-shadow: 0 0 1em #ffffff;
    box-shadow: 0 0 1em #ffffff; }
  .vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 0.3em 0;
    font-weight: bold;
    cursor: default; }
.vjs-default-skin .vjs-subtitles-button:before {
  content: "\e00c"; }
.vjs-default-skin .vjs-captions-button:before {
  content: "\e008"; }
.vjs-default-skin .vjs-chapters-button:before {
  content: "\e00c"; }
.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 24em;
  left: -12em; }
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before, .vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }

  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }

  100% {
    -o-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(359deg); } }

/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
/* Button Pop-up Menu */
/* Subtitles Button */
/* Captions Button */
/* Chapters Button */
/* Replacement for focus outline */
/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and
	 easily calculable. */
  font-size: 10px;
  /* Allow poster to be vertially aligned. */
  vertical-align: middle;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/
  /* Provide some basic defaults for fonts */
  font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */
  font-family: Arial, sans-serif;
  /* Turn off user selection (text highlighting) by default.
	 The majority of player components will not be text blocks.
	 Text areas will need to turn user selection back on. */
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .video-js:-moz-full-screen {
    position: absolute; }

/* Playback technology elements expand to the width/height of the containing div
	<video> or <object> */
/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
   checking fullScreenEnabled. */
/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto; }

.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important; }
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important; }
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none; }

/* Poster Styles */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%; }
  .vjs-poster img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    padding: 0;
    width: 100%; }

/* Hide the poster when native controls are used otherwise it covers them */
.video-js.vjs-using-native-controls .vjs-poster {
  display: none; }
.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  /* Leave padding on left and right */
  left: 1em;
  right: 1em; }
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em; }
.video-js .vjs-text-track {
  display: none;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (oldIE) */
  /* background-color-with-alpha */
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.5); }
.video-js .vjs-subtitles {
  color: white; }
.video-js .vjs-captions {
  color: #ffcc66; }

/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
/* Move captions down when controls aren't being shown */
/* Individual tracks */
.vjs-tt-cue {
  display: block; }

/* Hide disabled or unsupported controls */
.vjs-default-skin .vjs-hidden {
  display: none; }

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible; }

/*  In IE8 w/ no JavaScript (no HTML5 shim), the video tag doesn't register.
	The .video-js classname on the video tag also isn't considered.
	This optional paragraph inside the video tag can provide a message to users
	about what's required to play video. */
.vjs-no-js {
  padding: 20px;
  color: #ccc;
  background-color: #333;
  font-size: 18px;
  font-family: Arial, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto; }
  .vjs-no-js a {
    color: #F4A460; }
    .vjs-no-js a:visited {
      color: #F4A460; }

/* -----------------------------------------------------------------------------
The original source of this file lives at
https://github.com/videojs/video.js/blob/master/src/css/video-js.less */
.video_holder {
  position: relative;
  overflow: hidden;
  margin: 0 auto; }
  .video_holder .fake_img {
    position: static;
    width: 100%; }
  .video_holder video, .video_holder .vjs-default-skin {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0; }

/*
 * jQuery Booklet Plugin
 * Copyright (c) 2010 - 2014 William Grauvogel (http://builtbywill.com/)
 *
 * Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php)
 *
 * Version : 1.4.4
 *
 * Originally based on the work of:
 *	1) Charles Mangin (http://clickheredammit.com/pageflip/)
 */
#booklet_table {
  width: 900px;
  height: 620px; }
  #booklet_table #booklet {
    position: relative; }
  #booklet_table .b-overlay {
    width: 17px !important;
    height: 28px;
    cursor: pointer;
    z-index: 1102;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -14px; }
  #booklet_table .b-overlay.b-overlay-prev.b-prev {
    left: 14px;
    background: url("../media/images/btn/nav_prev.png") 0 100%; }
    #booklet_table .b-overlay.b-overlay-prev.b-prev:hover {
      background: url("../media/images/btn/nav_prev.png") 0 0; }
  #booklet_table .b-overlay.b-overlay-next.b-next {
    right: 14px;
    background: url("../media/images/btn/nav_next.png") 0 100%; }
    #booklet_table .b-overlay.b-overlay-next.b-next:hover {
      background: url("../media/images/btn/nav_next.png") 0 0; }
  #booklet_table .booklet_inner {
    height: 570px !important;
    line-height: 570px;
    margin-top: 20px !important;
    margin-bottom: 0;
    position: relative; }
  #booklet_table .controls {
    height: 30px;
    background-color: #ee4247;
    position: relative; }
    #booklet_table .controls .seperator, #booklet_table .controls .count_pages {
      color: #fff;
      font-size: 14px;
      position: absolute;
      bottom: 8px;
      z-index: 99; }
    #booklet_table .controls .seperator.left {
      left: 30px; }
    #booklet_table .controls .seperator.right {
      right: 30px; }
    #booklet_table .controls .count_pages.left {
      left: 40px; }
    #booklet_table .controls .count_pages.right {
      right: 18px; }
    #booklet_table .controls .dec {
      position: absolute;
      height: 30px;
      background-color: #ee4247;
      width: 50px;
      left: 47%;
      top: 0;
      z-index: 99; }
  #booklet_table .b-page {
    text-align: center; }
    #booklet_table .b-page img {
      display: inline-block;
      vertical-align: middle;
      max-width: 100%; }
  #booklet_table .b-selector-page {
    display: none;
    width: auto;
    margin-left: 15px;
    position: absolute;
    bottom: 41px;
    height: 0; }
    #booklet_table .b-selector-page .b-current {
      font-size: 0;
      background: none;
      height: 0;
      padding: 0; }
    #booklet_table .b-selector-page ul {
      height: 30px !important;
      left: -24px;
      float: none;
      overflow: auto;
      width: 897px;
      background: none; }
      #booklet_table .b-selector-page ul li {
        position: absolute;
        font-size: 14px;
        left: auto;
        right: 7px; }
        #booklet_table .b-selector-page ul li span {
          color: #fff; }
        #booklet_table .b-selector-page ul li:first-child {
          left: 7px;
          right: auto; }
  #booklet_table .b-menu {
    padding: 0; }

.booklet {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0 auto 10px;
  overflow: visible !important; }
  .booklet .b-page {
    left: 0;
    top: 0;
    position: absolute;
    overflow: hidden;
    padding: 0;
    outline: 1px solid rgba(0, 0, 0, 0); }
  .booklet .b-wrap {
    top: 0;
    position: absolute; }
  .booklet .b-wrap-right {
    border-left: 1px solid #d6d6d6; }
  .booklet .b-pN .b-wrap, .booklet .b-p1 .b-wrap, .booklet .b-p2 .b-wrap, .booklet .b-p3 .b-wrap, .booklet .b-p4 .b-wrap {
    left: 0; }
  .booklet .b-p0 .b-wrap {
    right: 0; }
  .booklet .b-page-blank {
    padding: 0;
    width: 100%;
    height: 100%; }
  .booklet .b-page-cover {
    padding: 0;
    width: 100%;
    height: 100%;
    background: #925C0E; }
    .booklet .b-page-cover h3 {
      color: #fff;
      text-shadow: 0 1px 3px #222; }
  .booklet .b-counter {
    bottom: 0px;
    position: absolute;
    display: block;
    width: 25px;
    color: #444;
    line-height: 15px;
    text-align: center;
    font-family: 'Roboto Condensed';
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    background-color: #EE4247;
    padding: 5px 0 0;
    z-index: 45; }
  .booklet .b-wrap-left .b-counter {
    left: 0px; }
  .booklet .b-wrap-right .b-counter {
    right: 22px; }
  .booklet .b-shadow-f {
    right: 0;
    top: 0;
    position: absolute;
    opacity: 0;
    background-repeat: repeat-y;
    background-position: 100% 0; }
  .booklet .b-shadow-b {
    left: 0;
    top: 0;
    position: absolute;
    opacity: 0;
    background-repeat: repeat-y;
    background-position: 0 0; }
  .booklet .b-p0 {
    background-repeat: repeat-y;
    background-position: 100% 10px; }
  .booklet .b-p3 {
    background-repeat: repeat-y;
    background-position: 0 10px; }
  .booklet .b-overlay {
    top: 0;
    position: absolute;
    height: 100%;
    width: 50%; }
  .booklet .b-overlay-prev {
    left: 0; }
  .booklet .b-overlay-next {
    right: 0; }
  .booklet .b-tab {
    background: #000;
    height: 40px;
    width: 100%;
    padding: 10px 0 0;
    text-align: center;
    color: #ccc;
    position: absolute;
    font-size: 11px; }
  .booklet .b-tab-prev {
    left: 0; }
  .booklet .b-tab-next {
    right: 0; }
  .booklet .b-tab:hover {
    background: #aaa;
    color: #000; }
  .booklet .b-arrow {
    display: block;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    height: 100%;
    width: 74px; }
    .booklet .b-arrow div {
      display: none;
      text-indent: -9999px;
      height: 170px;
      width: 74px;
      position: absolute;
      left: 0;
      top: 25%; }
  .booklet .b-arrow-next {
    right: -80px; }
  .booklet .b-arrow-prev {
    left: -80px; }

/* Page Wrappers */
/* Custom Page Types */
/* Page Numbers */
/* Page Shadows */
/* Overlay Controls */
/* Overlay Controls */
/* Tab Controls */
/* Arrow Controls */
/* @z-index fix (needed for older IE browsers)
----------------------------------------*/
body {
  z-index: 0; }

.b-menu, .b-selector {
  z-index: 100; }

.booklet, .b-pN {
  z-index: 10; }

.b-p0 {
  z-index: 30; }

.b-p1, .b-p2 {
  z-index: 20; }

.b-p3 {
  z-index: 30; }

.b-p4 {
  z-index: 10; }

.b-prev, .b-next, .b-counter {
  z-index: 40; }

/* @Menu Items
----------------------------------------*/
.b-menu {
  height: 40px;
  padding: 0 0 10px; }

.b-selector {
  height: 40px;
  position: relative;
  float: right;
  border: none;
  color: #cecece;
  cursor: pointer;
  font: normal 12px "Myriad Pro", "DejaVu Sans Condensed", "Liberation Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .b-selector .b-current {
    padding: 8px 15px 12px;
    line-height: 20px;
    min-width: 18px;
    height: 20px;
    display: block;
    background: #000;
    text-align: center; }

.b-selector-page {
  width: auto;
  margin-left: 15px; }

.b-selector-chapter {
  width: auto; }

.b-selector:hover {
  color: #fff;
  background-position: left 0; }
  .b-selector:hover .b-current {
    background-position: right 0; }
.b-selector ul {
  overflow: hidden;
  margin: 0;
  list-style: none !important;
  position: absolute;
  top: 40px;
  right: 0;
  padding: 0 0 10px;
  background: #000;
  width: 240px; }
.b-selector li {
  border: none; }
.b-selector a {
  color: #cecece;
  height: 14px;
  text-decoration: none;
  display: block;
  padding: 5px 10px; }
  .b-selector a .b-text {
    float: left;
    clear: none; }
  .b-selector a .b-num {
    float: right;
    clear: none; }
  .b-selector a:hover {
    color: #fff; }

.pdf_page_area {
  background: #fff;
  position: relative;
  overflow: hidden; }
  .pdf_page_area .slider {
    position: absolute;
    z-index: 18;
    top: 0;
    left: 20px;
    width: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .pdf_page_area .slider .range {
      height: 70px; }
    .pdf_page_area .slider .plus, .pdf_page_area .slider .minus {
      position: relative;
      width: 13px;
      height: 13px;
      margin-left: 1px;
      cursor: pointer; }
      .pdf_page_area .slider .plus:before, .pdf_page_area .slider .minus:before {
        content: '';
        position: absolute;
        top: 5px;
        right: 0;
        bottom: 5px;
        left: 0;
        background: #000; }
    .pdf_page_area .slider .plus {
      margin-bottom: 8px; }
      .pdf_page_area .slider .plus:after {
        content: '';
        position: absolute;
        top: 0;
        right: 5px;
        bottom: 0;
        left: 5px;
        background: #000; }
    .pdf_page_area .slider .minus {
      margin-top: 8px; }

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target {
  position: relative; }

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 3; }

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0; }

.noUi-handle {
  position: relative;
  z-index: 1; }

.noUi-stacking .noUi-handle {
  /* This class is applied to the lower origin when
   its values is > 50%. */
  z-index: 10; }

.noUi-stacking + .noUi-origin {
  /* Fix stacking order in IE7, which incorrectly
   creates a new context for the origins. */
  *z-index: -1; }

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s; }

.noUi-state-drag * {
  cursor: inherit !important; }

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* Slider size and handle placement;
 */
.noUi-vertical {
  width: 15px; }

.noUi-vertical .noUi-handle {
  width: 15px;
  height: 7px; }

/* Styling;
 */
.noUi-background {
  cursor: pointer; }
  .noUi-background:after {
    content: '';
    position: absolute;
    top: 0;
    left: 7px;
    bottom: -7px;
    right: 7px;
    background: #d6d6d6; }

.noUi-connect {
  background: #3FB8AF; }

/* Handles and cursors;
 */
.noUi-dragable {
  cursor: w-resize; }

.noUi-vertical .noUi-dragable {
  cursor: n-resize; }

.noUi-handle {
  background: #000; }

/* Disabled state;
 */
[disabled].noUi-connect, [disabled] .noUi-connect {
  background: #B8B8B8; }

[disabled] .noUi-handle {
  cursor: not-allowed; }