html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,  dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-size: 100%;
}

// Display in IE6-9 and FF3
// -------------------------

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

// Display block in IE6-9 and FF3
// -------------------------

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

// Prevents modern browsers from displaying 'audio' without controls
// -------------------------

audio:not([controls]) {
  display: none;
}

// Base settings
// -------------------------

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
// Focus states
a:focus {
  .tab-focus();
  outline: 0;
  *outline: none;
}
// Hover & Active
a,
a:hover,
a:active {
  outline: 0;
  *outline: none;
}

// Prevents sub and sup affecting line-height in all browsers
// -------------------------

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}

// Img border in a's and image quality
// -------------------------

img {
  /* Responsive images (ensure images don't scale beyond their parents) */
  max-width: 100%; /* Part 1: Set a maxium relative to the parent */
  width: auto\9; /* IE7-8 need help adjusting responsive images */
  height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */

  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

// Prevent max-width from affecting Google Maps
#map_canvas img,
.google-maps img {
  max-width: none;
}

// Forms
// -------------------------

// Font size in all browsers, margin changes, misc consistency
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
button,
input {
  *overflow: visible; // Inner spacing ie IE6/7
  line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
}
button::-moz-focus-inner,
input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
  padding: 0;
  border: 0;
}
button,
html input[type="button"], // Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS.
  cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
}
input[type="search"] { // Appearance in Safari/Chrome
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
}
textarea {
  overflow: auto; // Remove vertical scrollbar in IE6-9
  vertical-align: top; // Readability and alignment cross-browser
}
a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td, td img {
  vertical-align: top;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
nav ul {
  list-style:none;
}

html, body {
  height: 100%;
}

//
// Mixins
// --------------------------------------------------


// UTILITY MIXINS
// --------------------------------------------------

// Clearfix
// --------
// For clearing floats like a boss h5bp.com/q
.clearfix {
  *zoom: 1;
  &:before,
  &:after {
    display: table;
    content: "";
    // Fixes Opera/contenteditable bug:
    // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952
    line-height: 0;
  }
  &:after {
    clear: both;
  }
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

// Webkit-style focus
// ------------------
.tab-focus() {
  // Default
  outline: thin dotted #333;
  // Webkit
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

// Center-align a block level element
// ----------------------------------
.center-block() {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

// IE7 inline-block
// ----------------
.ie7-inline-block() {
  *display: inline; /* IE7 inline-block hack */
  *zoom: 1;
}

// IE7 likes to collapse whitespace on either side of the inline-block elements.
// Ems because we're attempting to match the width of a space character. Left
// version is for form buttons, which typically come after other elements, and
// right version is for icons, which come before. Applying both is ok, but it will
// mean that space between those elements will be .6em (~2 space characters) in IE7,
// instead of the 1 space in other browsers.
.ie7-restore-left-whitespace() {
  *margin-left: .3em;

  &:first-child {
    *margin-left: 0;
  }
}

.ie7-restore-right-whitespace() {
  *margin-right: .3em;
}
@inputHeight : 20px;
// Sizing shortcuts
// -------------------------
.size(@height, @width) {
  width: @width;
  height: @height;
}
.square(@size) {
  .size(@size, @size);
}

// Placeholder text
// -------------------------
.placeholder(@color: @placeholderText) {
  &:-moz-placeholder {
    color: @color;
  }
  &:-ms-input-placeholder {
    color: @color;
  }
  &::-webkit-input-placeholder {
    color: @color;
  }
}

// Text overflow
// -------------------------
// Requires inline-block or block for proper styling
.text-overflow() {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

// CSS image replacement
// -------------------------
// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

// FORMS
// --------------------------------------------------

// Block level inputs
.input-block-level {
  display: block;
  width: 100%;
  min-height: @inputHeight; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
  .box-sizing(border-box); // Makes inputs behave like true block-level elements
}

// Mixin for form field states
.formFieldState(@textColor: #555, @borderColor: #ccc, @backgroundColor: #f5f5f5) {
  // Set the text color
  > label,
  .help-block,
  .help-inline {
    color: @textColor;
  }
  // Style inputs accordingly
  .checkbox,
  .radio,
  input,
  select,
  textarea {
    color: @textColor;
  }
  input,
  select,
  textarea {
    border-color: @borderColor;
    .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
    &:focus {
      border-color: darken(@borderColor, 10%);
      @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@borderColor, 20%);
      .box-shadow(@shadow);
    }
  }
  // Give a small background color for input-prepend/-append
  .input-prepend .add-on,
  .input-append .add-on {
    color: @textColor;
    background-color: @backgroundColor;
    border-color: @textColor;
  }
}



// CSS3 PROPERTIES
// --------------------------------------------------

// Border Radius
.border-radius(@radius) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  border-radius: @radius;
}

// Single Corner Border Radius
.border-top-left-radius(@radius) {
  -webkit-border-top-left-radius: @radius;
  -moz-border-radius-topleft: @radius;
  border-top-left-radius: @radius;
}
.border-top-right-radius(@radius) {
  -webkit-border-top-right-radius: @radius;
  -moz-border-radius-topright: @radius;
  border-top-right-radius: @radius;
}
.border-bottom-right-radius(@radius) {
  -webkit-border-bottom-right-radius: @radius;
  -moz-border-radius-bottomright: @radius;
  border-bottom-right-radius: @radius;
}
.border-bottom-left-radius(@radius) {
  -webkit-border-bottom-left-radius: @radius;
  -moz-border-radius-bottomleft: @radius;
  border-bottom-left-radius: @radius;
}

// Single Side Border Radius
.border-top-radius(@radius) {
  .border-top-right-radius(@radius);
  .border-top-left-radius(@radius);
}
.border-right-radius(@radius) {
  .border-top-right-radius(@radius);
  .border-bottom-right-radius(@radius);
}
.border-bottom-radius(@radius) {
  .border-bottom-right-radius(@radius);
  .border-bottom-left-radius(@radius);
}
.border-left-radius(@radius) {
  .border-top-left-radius(@radius);
  .border-bottom-left-radius(@radius);
}

// Drop shadows
.box-shadow(@shadow) {
  -webkit-box-shadow: @shadow;
  -moz-box-shadow: @shadow;
  box-shadow: @shadow;
}

// Transitions
.transition(@transition) {
  -webkit-transition: @transition;
  -moz-transition: @transition;
  -o-transition: @transition;
  transition: @transition;
}
.transition-delay(@transition-delay) {
  -webkit-transition-delay: @transition-delay;
  -moz-transition-delay: @transition-delay;
  -o-transition-delay: @transition-delay;
  transition-delay: @transition-delay;
}

// Transformations
.rotate(@degrees) {
  -webkit-transform: rotate(@degrees);
  -moz-transform: rotate(@degrees);
  -ms-transform: rotate(@degrees);
  -o-transform: rotate(@degrees);
  transform: rotate(@degrees);
}
.scale(@ratio) {
  -webkit-transform: scale(@ratio);
  -moz-transform: scale(@ratio);
  -ms-transform: scale(@ratio);
  -o-transform: scale(@ratio);
  transform: scale(@ratio);
}
.translate(@x, @y) {
  -webkit-transform: translate(@x, @y);
  -moz-transform: translate(@x, @y);
  -ms-transform: translate(@x, @y);
  -o-transform: translate(@x, @y);
  transform: translate(@x, @y);
}
.skew(@x, @y) {
  -webkit-transform: skew(@x, @y);
  -moz-transform: skew(@x, @y);
  -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twitter/bootstrap/issues/4885
  -o-transform: skew(@x, @y);
  transform: skew(@x, @y);
  -webkit-backface-visibility: hidden; // See https://github.com/twitter/bootstrap/issues/5319
}
.translate3d(@x, @y, @z) {
  -webkit-transform: translate3d(@x, @y, @z);
  -moz-transform: translate3d(@x, @y, @z);
  -o-transform: translate3d(@x, @y, @z);
  transform: translate3d(@x, @y, @z);
}

// Backface visibility
// Prevent browsers from flickering when using CSS 3D transforms.
// Default value is `visible`, but can be changed to `hidden
// See git pull https://github.com/dannykeane/bootstrap.git backface-visibility for examples
.backface-visibility(@visibility){
  -webkit-backface-visibility: @visibility;
  -moz-backface-visibility: @visibility;
  backface-visibility: @visibility;
}

// Background clipping
// Heads up: FF 3.6 and under need "padding" instead of "padding-box"
.background-clip(@clip) {
  -webkit-background-clip: @clip;
  -moz-background-clip: @clip;
  background-clip: @clip;
}

// Background sizing
.background-size(@size) {
  -webkit-background-size: @size;
  -moz-background-size: @size;
  -o-background-size: @size;
  background-size: @size;
}


// Box sizing
.box-sizing(@boxmodel) {
  -webkit-box-sizing: @boxmodel;
  -moz-box-sizing: @boxmodel;
  box-sizing: @boxmodel;
}

// User select
// For selecting text on the page
.user-select(@select) {
  -webkit-user-select: @select;
  -moz-user-select: @select;
  -ms-user-select: @select;
  -o-user-select: @select;
  user-select: @select;
}

// Resize anything
.resizable(@direction) {
  resize: @direction; // Options: horizontal, vertical, both
  overflow: auto; // Safari fix
}

// CSS3 Content Columns
.content-columns(@columnCount, @columnGap: @gridGutterWidth) {
  -webkit-column-count: @columnCount;
  -moz-column-count: @columnCount;
  column-count: @columnCount;
  -webkit-column-gap: @columnGap;
  -moz-column-gap: @columnGap;
  column-gap: @columnGap;
}

// Optional hyphenation
.hyphens(@mode: auto) {
  word-wrap: break-word;
  -webkit-hyphens: @mode;
  -moz-hyphens: @mode;
  -ms-hyphens: @mode;
  -o-hyphens: @mode;
  hyphens: @mode;
}

// Opacity
.opacity(@opacity) {
  opacity: @opacity;
  -ms-filter: ~`"progid:DXImageTransform.Microsoft.Alpha(opacity=(" + "@{opacity}" * 100 + "))"`;
  filter: ~`"alpha(opacity = (" + "@{opacity}" * 100 + "))"`;
}

.opacity-inherit(){
  opacity: inherit;
  -ms-filter: inherit;
  filter: inherit;
}



// BACKGROUNDS
// --------------------------------------------------

// Add an alphatransparency value to any background or border color (via Elyse Holladay)
#translucent {
  .background(@color: @white, @alpha: 1) {
    background-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
  }
  .border(@color: @white, @alpha: 1) {
    border-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
    .background-clip(padding-box);
  }
}

// Gradient Bar Colors for buttons and alerts
.gradientBar(@primaryColor, @secondaryColor, @textColor: #fff, @textShadow: 0 -1px 0 rgba(0,0,0,.25)) {
  color: @textColor;
  text-shadow: @textShadow;
  #gradient > .vertical(@primaryColor, @secondaryColor);
  border-color: @secondaryColor @secondaryColor darken(@secondaryColor, 15%);
  border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);
}

// Gradients
#gradient {
  .horizontal(@startColor: #555, @endColor: #333) {
    background-color: @endColor;
    background-image: -moz-linear-gradient(left, @startColor, @endColor); // FF 3.6+
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
    background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+
    background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10
    background-image: linear-gradient(to right, @startColor, @endColor); // Standard, IE10
    background-repeat: repeat-x;
    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@startColor),argb(@endColor))); // IE9 and down
  }
  .vertical(@startColor: #555, @endColor: #333) {
    background-color: mix(@startColor, @endColor, 60%);
    background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
    background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
    background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
    background-image: linear-gradient(to bottom, @startColor, @endColor); // Standard, IE10
    background-repeat: repeat-x;
    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@startColor),argb(@endColor))); // IE9 and down
  }
  .directional(@startColor: #555, @endColor: #333, @deg: 45deg) {
    background-color: @endColor;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(@deg, @startColor, @endColor); // FF 3.6+
    background-image: -webkit-linear-gradient(@deg, @startColor, @endColor); // Safari 5.1+, Chrome 10+
    background-image: -o-linear-gradient(@deg, @startColor, @endColor); // Opera 11.10
    background-image: linear-gradient(@deg, @startColor, @endColor); // Standard, IE10
  }
  .vertical-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) {
    background-color: mix(@midColor, @endColor, 80%);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));
    background-image: -webkit-linear-gradient(@startColor, @midColor @colorStop, @endColor);
    background-image: -moz-linear-gradient(top, @startColor, @midColor @colorStop, @endColor);
    background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor);
    background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor);
    background-repeat: no-repeat;
    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@startColor),argb(@endColor))); // IE9 and down, gets no color-stop at all for proper fallback
  }
  .radial(@innerColor: #555, @outerColor: #333) {
    background-color: @outerColor;
    background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(@innerColor), to(@outerColor));
    background-image: -webkit-radial-gradient(circle, @innerColor, @outerColor);
    background-image: -moz-radial-gradient(circle, @innerColor, @outerColor);
    background-image: -o-radial-gradient(circle, @innerColor, @outerColor);
    background-repeat: no-repeat;
  }
  .striped(@color: #555, @angle: 45deg) {
    background-color: @color;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
  }
}
// Reset filters for IE
.reset-filter() {
  filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
}



// COMPONENT MIXINS
// --------------------------------------------------

// Button backgrounds
// ------------------
.buttonBackground(@startColor, @endColor, @textColor: #fff, @textShadow: 0 -1px 0 rgba(0,0,0,.25)) {
  // gradientBar will set the background to a pleasing blend of these, to support IE<=9
  .gradientBar(@startColor, @endColor, @textColor, @textShadow);
  *background-color: @endColor; /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  .reset-filter();

  // in these cases the gradient won't cover the background, so we override
  &:hover, &:active, &.active, &.disabled, &[disabled] {
    color: @textColor;
    background-color: @endColor;
    *background-color: darken(@endColor, 5%);
  }

  // IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves
  &:active,
  &.active {
    background-color: darken(@endColor, 10%) e("\9");
  }
}

// retina.less
// A helper mixin for applying high-resolution background images (http://www.retinajs.com)

.at2x(@path, @w: auto, @h: auto) {
  background-image: url(@path);
  @at2x_path: ~`"@{path}".split('.').slice(0, "@{path}".split('.').length - 1).join(".") + "@2x" + "." + "@{path}".split('.')["@{path}".split('.').length - 1]`;

  @media all and (-webkit-min-device-pixel-ratio : 1.5) {
    background-image: url(@at2x_path);
    background-size: @w @h;
  }
}

@inputHeight : 20px;

@font-face {
  font-family: 'TornadoCyrThin';
  src: url('../fonts/TrnCT__W.eot');
  src:
    url('../fonts/TrnCT__W.eot?#iefix') format('embedded-opentype'),
    url('../fonts/TrnCT__W.woff') format('woff'),
    url('../fonts/TrnCT__W.ttf') format('truetype'),
    url('../fonts/TrnCT__W.svg#TornadoCyrWeb-Thin') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TornadoCyr-Regular';
  src: url('../fonts/TrnCR__W.eot');
  src: local('TornadoCyr Web'), local('TornadoCyrWeb'),
  url('../fonts/TrnCR__W.eot?#iefix') format('embedded-opentype'),
  url('../fonts/TrnCR__W.woff') format('woff'),
  url('../fonts/TrnCR__W.ttf') format('truetype'),
  url('../fonts/TrnCR__W.svg#TornadoCyrWeb') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TornadoCyr-Bold';
  src: url('../fonts/TrnCB__W.eot');
  src: local('TornadoCyr Web Bold'), local('TornadoCyrWebBold'),
  url('../fonts/TrnCB__W.eot?#iefix') format('embedded-opentype'),
  url('../fonts/TrnCB__W.woff') format('woff'),
  url('../fonts/TrnCB__W.ttf') format('truetype'),
  url('../fonts/TrnCB__W.svg#TornadoCyrWeb-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'TornadoCyr-Regular';
    src: url('../fonts/torncrg_.svg#tornadocyrregular') format('svg');
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'TornadoCyr-Bold';
    src: url('../fonts/torncb__.svg#tornadocyrbold') format('svg');
  }

  .mobile.android{
    @font-face {
      font-family: 'TornadoCyr-Regular';
      src: url('../fonts/TrnCR__W.eot');
      src: local('TornadoCyr Web'), local('TornadoCyrWeb'),
      url('../fonts/TrnCR__W.eot?#iefix') format('embedded-opentype'),
      url('../fonts/TrnCR__W.woff') format('woff'),
      url('../fonts/TrnCR__W.ttf') format('truetype'),
      url('../fonts/TrnCR__W.svg#TornadoCyrWeb') format('svg');
      font-weight: normal;
      font-style: normal;
    }
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'TornadoCyrThin';
    src: url('../fonts/tornct__.svg#tornadocyrthin') format('svg');
  }
}

.tornado_light ()
{
  font-family: "TornadoCyrThin", sans-serif;
}
.tornado_thin ()
{
  font-family: "TornadoCyr-Thin","TornadoCyrThin", sans-serif;
}
.tornado_bold ()
{
  font-family: "TornadoCyr-Bold", sans-serif;


}
.tornado_regular ()
{
  font-family: "TornadoCyr-Regular", sans-serif;
}

.sepia {
  filter: url("/h/js/grayfilter.svg#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
  &:hover {
    filter: none;
    -webkit-filter: grayscale(0);
  }
}
.sepia-trigger:hover .sepia {
  filter: none;
  -webkit-filter: grayscale(0);
}


body {
  background: #fff;
  font: 12px/18px 'TornadoCyr-Regular';

  -webkit-font-smoothing: subpixel-antialiased !important;
  //    -webkit-backface-visibility: hidden;
  //    -moz-backface-visibility:    hidden;
  //    -ms-backface-visibility:     hidden;
}
textarea, input {
  font: 12px/18px 'TornadoCyr-Regular';
}
input::-ms-clear {
  display: none;
}
.l-wrap {
  min-height: 100%;
  min-width: 960px;
}
.l-main {
  padding-bottom: 307px;
  padding-top: 107px;

  &.no-bottom-padding {
    padding-bottom: 0px;
  }
}
.l-main-padding {
  padding-bottom: 31px;
}
.l-main-standart {
  width: 960px;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 3px;
  .center-block();
}

// header
.l-header {
  height: 37px;
  position: absolute;
  width: 100%;
  z-index: 1000;
  bottom: -37px;
  &.fixed {
    height: 113px;
  }
}

.wc-lite {
  .b-nav {
    .item_1 {
      img {
        width: 104px;
      }
    }
  }
}

//navbar
.b-navbar {
  height: 37px;
  background: url("/h/img/bg_navbar.png") 0 0 repeat-x #232323;

  &.b-navbar-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 11000;
  }
}
.b-navbar-inner {
  height: 100%;
  width: 960px;
  .center-block();
  color: #fff;
  line-height: 37px;
  position: relative;
  a {
    text-decoration: none;
    color: #fff;
    &:hover {
      text-decoration: none;
      span {
        text-decoration: underline;
      }
    }
  }
  #old-site-ref {
    color: #838383;
    float: left;
  }
  .selectboxes {
    float: left;
    height: 100%;
    width: 430px;

    .shelude_back {
      width: 160px;

      &.red:not(.selected) {
        background: url('/h/img/bg_navbar_red.png') 0 1px repeat;

        &:hover {
          span {
            color: #ffced0 !important;
          }
        }
      }
    }

    a{
      span{
        display: block;
        padding: 0 10px;
      }
    }
    .selected{
      span{
        background: #353535;
      }
    }
    .ui-select {
      float: left;
      height: 37px;
      margin-right: 9px;
      span {
        text-decoration: none;
      }
      &:hover span {
        color: #cbcbcb;
      }
      i {
        margin-right: 6px;
      }

    }
  }
  .matter {
    float: right;
    width: 515px;
    height: 100%;
    .social {
      float: left;
      width: 129px;
      height: 100%;
      li {
        float: left;
        margin-right: 8px;
      }
      .icon {
        display: block;
        background-position: 0 0;
        background-repeat: no-repeat;
        position: relative;
        &:hover {
          background-position: 0 100%;
        }
      }
      .icon-vk {
        background-image: url("/h/img/bg_navbar_soc_vk.png");
        width: 20px;
        height: 20px;
        top: 9px;
      }
      .icon-twi {
        background-image: url("/h/img/bg_navbar_soc_twi.png");
        width: 19px;
        height: 16px;
        top: 11px;
      }
      .icon-fb {
        background-image: url("/h/img/bg_navbar_soc_fb.png");
        width: 11px;
        height: 19px;
        top: 10px;
      }
      .icon-ytb {
        background-image: url("/h/img/bg_navbar_soc_ytb.png");
        width: 18px;
        height: 17px;
        top: 11px;
      }
      .icon-insta {
        background-image: url("/h/img/bg_navbar_soc_insta.png");
        width: 20px;
        height: 20px;
        top: 9px;
      }
    }
    .links {
      text-align: right;
      a {
        margin-left: 18px;
      }
      i {
        margin-right: 2px;
      }
    }
  }
  .wc_radio{
    cursor:pointer;
    margin-left: 10px;
    width: 109px;
    height: 100%;
    float:left;
    text-align: right;
    background-image: url("/h/img/radio/play.png");
    background-repeat: no-repeat;
    background-position:  11px 10px;
  }
  .wc_radio_active{
      background-image: url("/h/img/radio/stop.png");
    }
}

.ie7 .navbar .caret {
  .ie7-inline-block();
}

.navbar-collapse {
    background: #353535;
}

.navbar-collapse {
  color: #fff;
  display: none;
  overflow: hidden;

  &.navbar-collapse-fixed {
    position: fixed;
    z-index: 11000;
    width: 100%;
  }

  header {
    color: #595959;
    text-transform: uppercase;
    font-size: 24px;
    font-family: 'TornadoCyr-Bold';
    width: 960px;
    .center-block();
    margin-bottom: 20px;
    padding-top: 20px;
    .close{
      padding-right: 27px;
      cursor: pointer;
    }
  }
  .header_schedule {
  margin-left:auto;
  margin-right:auto;
  }
  &>div{
    width: 960px;
    .center-block();
  }
  ul:first-child{
    float: left;
    width: 222px;
    padding: 0;
    li{
      float: none;
      height: 44px;
      line-height: 41px;
      margin-bottom: 0;
      font-size: 16px;
      a{
        color: #dfdfdf;
      }
    }
  }
  .title_block_1{
  display: block;
  font-size: 18px;
  font-family: 'TornadoCyr-Bold';
  margin: 17px 0px 5px 0px;
  color: #595959;
  }
  .clubs{
    width: 960px;
    .center-block();
    li{
      width: 192px;
    }


    
    .title_block_0{
      display: inline;
      font-size: 18px;
      font-family: 'TornadoCyr-Bold';
    }
  }
  ul {
    display: block;
    overflow: hidden;
    padding: 11px 0 0px;
    width: 736px;
    li {
      list-style: none;
      font-size: 13px;
      width: 184px;
      margin-bottom: 12px;
      float: left;
      a {
        text-decoration: none;
        color: #fff;
        position: relative;
    padding: 6px;
    margin-left: -6px;
        span{
          position: absolute;
          right: -38px;
          top: -5px;
          background: #595959;
          display: block;
          width: 44px;
          height: 11px;
          text-align: center;
          line-height: 11px;
          font-size: 9px;
          color: #8c8c8c;
          text-transform: lowercase;
          .border-radius(2px);
          font-family: 'TornadoCyr-Regular';
          letter-spacing: 2px;
          text-indent: 2px;
        }
        &:hover {
          text-decoration: underline;
        }
      }
    }
  }
}

@b-nav-bg: url("/h/img/bg_main_menu.png") 0 0 repeat-x;
// main menu
.nav-wrap {
  position: relative;
  z-index: 10000;

  &.nav-wrap-fixed {
    position: fixed;
    top: 0px;
    width: 100%;
  }
}

.b-nav {
  height: 50px;
  width: 100%;
  margin-bottom: 26px;
  font-family: 'TornadoCyr-Bold';
  font-size: 10.5px;
  background: @b-nav-bg;
  position: absolute;
  z-index: 1000;
  bottom: -87px;
  margin-bottom: 0;

  .nav-link-wrap{
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    position:relative;
    .old-site-link{
      position: absolute;
      display:block;
      background: url("/h/img/go-to-old-site_sprite.png") no-repeat center 0px;
      width: 182px;
      height: 25px;
      top: 0px;
      display: block;
      left: -1px;
      &:hover{
        background-position: center -25px;
      }
    }
  }
  &.fixed{
    position: fixed;
    top: 0;
    z-index: 800;
  }

  &.top-menu-fixed {
    top: 37px;
  }

  //    &.menu-open {
  //        top: 209px;
  //    }

  ul {
    width: 958px;
    height: 50px;
    .center-block();
    border-left:  1px solid #d9d9d9;
    display: table;
    //border-right: 1px solid #f9f9f9;
    li.selected{
      a{
        span{
          background: url("/h/img/bg_main_menu_span.png") repeat-x;
        }
      }
    }
    li {
      //float: left;
      display: table-cell;
      border-right: 1px solid #f9f9f9;
      &:first-child{
        border-left: 1px solid #f9f9f9;
      }
      a {
        text-decoration: none;
        color: #3b3b3b;
        span {
          cursor: pointer;
          img{
            //margin-top: 8px;
          }
        }
      }
      span {
        display: block;
        cursor: default;
        color: #3b3b3b;
        height: 50px;
        line-height: 50px;
        text-transform: uppercase;
        text-align: center;
//        border-left: 1px solid #f9f9f9;
        border-right:  1px solid #d9d9d9;
        position: relative;
        -moz-text-shadow: 0 1px #fff;
        -webkit-text-shadow: 0 1px #fff;
        text-shadow: 0 1px #fff;
        letter-spacing: 0.05em;
        &:hover,
        &.active {
          background: url("/h/img/bg_main_menu_span.png") repeat-x;
        }
       &.item_1 {
          width: 204px;
          background: @b-nav-bg;
        }
        &.item_2 {
          width: 169px ;
        }
        &.item_3 {
          width: 116px;
        }
        &.item_4 {
          width: 136px;
        }
        &.item_5 {
          width: 143px;
        }
        &.item_6 {
          width: 178px;
        }
        &.item_7 {
          width: 171px;
          background: @b-nav-bg;
        }
      }
    }
  }
}
.ie7 .b-nav .item_1 img {
  position: relative;
}

.ie7 .schedule-fltr {
  .top-filter-buttons {
    display: inline !important;
  }

  li {
    display: inline;
    width: auto;
  }
}

.ie7 .selectboxes > *{
  float: none;
  display: inline;
  vertical-align: middle;
}

.ie78 .b-nav .item_7,
.ie78 .b-nav .item_1 {
  behavior: url("/h/js/PIE.htc");
}

.ie78 .bubble {
  padding-left: 0;
}

// aside
.b-aside {
  width: 290px;
  float: left;
}

// map
#map img {
  max-width: none;
}

.l-bottom-container{
  margin-top: -307px;
  height: 307px;
  margin-bottom:-20px;
}

// banners
.b-banners {
  height: 476px;
  margin-bottom: 40px;
}
.b-banners-partners {
  height: 150px;
  //  overflow: hidden;
  background: #f5f5f5;
  width: 100%;
}
.agima_logo{
  display: block;
  width: 100%;
  margin-top: 10px;
  height:40px; 
  color: #939393 !important;
  text-align: left;
  text-decoration: none;
  background-image: url('/upload/footer/agima.png');
  background-repeat: no-repeat;
  background-position: left bottom;
}
.agima_logo:hover{
  background-image: url('/upload/footer/agima_hover.png');
}
.footer {
  height: 210px;
  //margin-top: -157px;
  background: #000;
  min-width: 960px;
  color: #fff;
  .footer-inner {
    width: 960px;
    border-bottom: 1px solid #656565;
    .center-block();

    .search {
      input {
        outline: none;
      }
    }
  }
.footer-bot {
    display: table;
    width: 960px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    .copyright {
    width: 400px;
    padding: 15px 0 0 10px;
    color: #939393;
    font-family: 'TornadoCyr-Regular';
    font-size: 11px;
    display: table-cell;
    }
    a{
      color: #474747;
      font-size: 12px;
    }
    div.count {
  display: table-cell;
  height: 100%;
  margin-left: 25px;
  vertical-align: middle;
   img {
    max-width: 103px;
    }
    }

  }
  nav.b-footer-nav {
    ul {
      height: 62px;
      margin: 0 0px 0 0px;
      font-family: 'TornadoCyr-Bold';
  float: left;
      li {
        float: left;
        font-size: 11px;
        padding-top: 21px;
        margin-right: 25px;
        &:first-child {
          margin-left: 10px;
        }
        &.last-child {
          margin-right: 0;
        }
        a {
          color: #fff;
          text-decoration: none;
          &:hover {
            span {
              text-decoration: underline;
            }
          }
          span {
            cursor: pointer;
          }
        }
        span {
          cursor: default;
          color: #fff;
          display: block;
          height: 20px;
          line-height: 20px;
          padding: 0 2px;
          text-transform: uppercase;
        }
      }
    }
  }
  .logos {
    float: right;
    padding: 25px 46px 0 0;
    img {
      float: left;
      margin-left: 40px;
    }
  }
  .search {
    width: 160px;
  float: right;
    height: 22px;
    background: #424242;
    marign-right: 15px;
    .border-radius(3px);
    margin-top: 22px;
    input.text {
      float: left;
      height: 20px;
      line-height: 22px;
      width: 122px;
      padding: 0 4px;
      background: transparent;
      border: none;
      color: #fff;
    }
    input.submit {
      display: block;
      float: left;
      width: 28px;
      height: 20px;
      padding: 0;
      border: none;
      background: url("/h/img/bg_navbar_loop.png") center center no-repeat;
    }
  }
}
.ie8 {
  .logos {
    min-width: 150px;
  }
  .b-fintness-item__span{
    background-color: black;
  }
  .b-banners-slides-caption{
    background-color: black;
  }
}

.pagenation{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 100%;
  padding: 24px 0;
  border-top: 1px solid #cccccc;
  list-style: none;
  text-align: center;
  li{
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    a{
      display: block;
      width: 25px;
      height: 22px;
      color: #cccccc;
      text-decoration: none;
      font-size: 11px;
      font-family: arial;
      text-align: center;
      line-height: 22px;
      &:hover{
        color: #000;
      }
    }
    .active{
      background: #ed1c24;
      color: #fff !important;
    }
    .pre{
      background: url('/h/img/pre.png') no-repeat center;
    }
    .nxt{
      background: url('/h/img/nxt.png') no-repeat center;
    }
    .pre_all{
      background: url('/h/img/pre_all.png') no-repeat center;
    }
    .nxt_all{
      background: url('/h/img/nxt_all.png') no-repeat center;
    }
  }
}

#popup{
  margin: -2px -1px 0 -1px;
  max-width: 640px;
  .popup-header{
    position: relative;
    background: #353535;
    .border-radius(6px 6px 0 0);
    min-height: 40px;
    padding: 0 40px;
    h2{
      display: block;
      height: 70px;
      color: #595959;
      text-transform: uppercase;
      height: 70px;
      line-height: 79px;
      font-size: 36px;
      .tornado_regular();
    }
    .avgrund-close{
      display: block;
      position: absolute;
      width: 17px;
      height: 17px;
      right: 40px;
      top: 50%;
      margin-top: -9px;
      background: url('/h/img/close_header.png') no-repeat center;
      cursor: pointer;
    }
  }
  .popup-content{
    &>img{
      .border-radius(0 0 6px 6px);
    }
    .item{
      overflow: hidden;
      padding: 30px 40px;
      &>p{
        .tornado_regular();
        font-size: 12px;
        line-height: 20px;
        padding: 17px 0 0;
        color: #000;
      }
      .panel{
        background: #ed1c24;
        min-height: 40px;
        padding: 0 19px;
        .border-radius(0 0 3px 3px);
        &+p{
          font-family: 'TornadoCyr-Bold';
        }
        >div{
          float: left;
          background: url('/h/img/time-icon2.png') no-repeat left 13px;
          padding-left: 19px;
        }
        p{
          color: #FFF;
          line-height: 40px;
          font-size: 12px;
          display: inline-block;
          font-family: 'TornadoCyr-Bold';
        }
        .icon{
          color: #FFFFFF;
          font-size: 12px;
          float: right;
          height: 40px;
          line-height: 40px;
          padding-left: 19px;
          text-decoration: none;
          font-family: 'TornadoCyr-Bold';
          margin-left: 7px;
        }
        #preorder{
          background: url('/h/img/time-icon2.png') no-repeat left 13px;
        }
        #prepay{
          background: url('/h/img/many_icon.png') no-repeat left 13px;
        }
      }
      p{
        &.bold{
          font-family: 'TornadoCyr-Bold';
        }
      }
    }
  }
}
.avgrund-popin{
  .box-shadow(0px 0px 50px 10px rgba(0,0,0,0.5));
}
.flash{
  height: 400px;
  z-index: 100;
  ul{
    li{
      position: relative;
      a{
        display: block;
        width: 240px;
        height: 400px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
      }

      #flash {
        position: relative;
        z-index: 0;

        object{
          position: absolute;
          top: 0;
          left: 0;
          z-index: 0;
        }
      }
    }
  }
}

.fancybox-overlay.fancy-fullscreen {
  top: -17px;
}

.fancybox-wrap{
  .border-radius(6px);
  .box-shadow(0px 0px 50px 10px rgba(0,0,0,0.5));

  &.fullscreen {
    box-shadow: none;

    .fancy-popup-footer {
      left: 50%;
      margin-left: -160px;
    }
  }
}

.fancybox-skin, .fancybox-wrap {
    min-width: 950px;
    background-color: #444;
}

.fancybox-skin{
    top: 40px;

    .close{
        display: block;
        position: absolute;
        width: 17px;
        height: 17px;
        right: 40px;
        top: -30px;
        background: url('/h/img/close_header.png') no-repeat center;
        cursor: pointer;
        z-index: 9100;
    }

    .fancybox-inner{
        width: 100% !important;
        top: -40px;

        .fancy-popup-header{
            position: relative;
            background: #353535;
            min-height: 40px;
            padding: 0 40px;
            z-index: 9000;
            .border-radius(6px 6px 0 0);
        }

        .fancy-popup-footer{
            .border-radius(0 0 6px 6px);
            background-color: #353535;
            width: 100%;
            height: 20px;
            z-index: 1000;
            position: absolute;
            bottom: -100px;
            padding: 20px 0;
        }

        .fancy-popup-footer * {
            display: inline-block;
            z-index: 11000;
        }

        .fancy-popup-footer > *:last-child  {
            margin-left: 10px;
        }

        .twitter-share-button {
            width: 93px !important;
            margin-left: 30px;
        }

        .fancybox-image {
            width: auto;
            height: auto;
            margin: 0 auto;
        }
    }
    .fancybox-fullscreen-custom-button {
        position: absolute;
        top: -30px;
        right: 70px;
        width: 18px;
        height: 18px;
        background: url('/h/img/fancybox_fullscreen_toggle.png') 0 0 no-repeat;
        cursor: pointer;
        z-index: 9103;
    }

}

.opera-bg-fix{
  background-color: rgb(219, 42, 48);
  color: rgb(255, 255 ,255) !important;
  padding: 1px 1px 2px 1px !important;
}

.opera .fancybox-nav span {
  visibility: visible !important;
}

.l-aside {
  float: left;
  width: 240px;
  .g-adbanner {
    display: block;
    margin-bottom: 20px;
  }
  .l-aside__wrap {
    margin-bottom: 20px;
    background: url("/h/img/l-aside__wrap.png") 0 0 repeat-y #f1222c;
    .border-radius(6px);
  }
  //  .l-aside__wrap__type-lighting {
  //    background: url("/h/img/l-aside__wrap__type-lighting.png") 0 100% no-repeat;
  //  }
}
.b-aside-menu {
  //  margin: 0 20px;
}
.b-aside-menu__ul {
  padding: 17px 20px 11px;
}
.b-aside-menu__li {
  font-size: 14px;
  color: #fff;
  margin-bottom: 7px;
  margin-top: 3px;
  span {
    display: block;
    padding: 4px 8px;
  }
  a {
    text-decoration: none;
    color: #fff;
  }
  &:hover {
    text-decoration: underline;
  }
}
.b-aside-menu__li__type-active {
  span {
    background: url("/h/img/b-aside-menu__li__span.png") left bottom repeat-x #fff;
    color: #000;
    .border-radius(4px);
  }
  &:hover {
    text-decoration: none;
  }
}
.b-aside__border-top {
  border-top: 1px solid #fb555f;
}
.b-aside__border-bottom {
  border-bottom: 1px solid #ca1f22;
}
.b-aside-info {
  font-size: 18px;
  color: #fff;
  padding: 0 20px 20px;
  line-height: 24px;
}
.b-aside-info__span {
  display: block;
  padding: 14px 10px 0;
  .tornado_regular();
}
.b-insert {
  height: 16px;
  font-family: 'TornadoCyr-Bold';
  display: block;
  text-align: center;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  padding: 16px 0;
  .border-radius(0 0 6px 6px);
  font-size: 18px;
  position: relative;
  background-color: #090909;
  color: transparent;
  .transition(background-image 0.2s);
  background: #090909 url('/h/img/b-insert-jtcl.png') 0 0 no-repeat;
  &:hover {
    background: #090909 url('/h/img/b-insert-jtcl-hover.png') 0 0 no-repeat;
  }
}

.b-insert-zhukovka {
  height: 16px;
  font-family: 'TornadoCyr-Bold';
  display: block;
  text-align: center;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  padding: 16px 0;
  .border-radius(0 0 6px 6px);
  font-size: 18px;
  position: relative;
  background-color: #090909;
  color: transparent;
  .transition(background-image 0.2s);
  background: #090909 url('/h/img/b-insert-zhukovka.jpg') 0 0 no-repeat;
}

.b-insert-romanov {
  height: 16px;
  font-family: 'TornadoCyr-Bold';
  display: block;
  text-align: center;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  padding: 16px 0;
  .border-radius(0 0 6px 6px);
  font-size: 18px;
  position: relative;
  background-color: #090909;
  color: transparent;
  .transition(background-image 0.2s);
  background: #090909 url('/h/img/b-insert-romanov.png') 0 0 no-repeat;
  &:hover {
    background: #090909 url('/h/img/b-insert-hover-romanov.png') 0 0 no-repeat;
  }
}

.b-insert:after {
  background: #090909 url('/h/img/b-insert-hover.png') 0 0 no-repeat;
  content: "";
  width: 0;
  height: 0;
}

.b-insert-romanov:after {
  background: #090909 url('/h/img/b-insert-hover-romanov.png') 0 0 no-repeat;
  content: "";
  width: 0;
  height: 0;
}


//.b-insert:before{
//    content: "";
//    width: 240px;
//    height: 50px;
//    //background: url("/h/img/button-glow.png") no-repeat;
//
//    //background-position: -20px -7px;
//    position: absolute;
//    //opacity: 0.1;
//    //top: -15px;
//    left: 0px;
//}
//
//.b-insert:hover:before{
//  content: "";
//  width: 240px;
//  height: 65px;
//    background: #090909 url('/h/img/b-insert-sprite.png') 0 -50px no-repeat;
//  //background-position: -20px -13px;
//  position: absolute;
//  //opacity: 0.25;
//  //top: -15px;
//  left: 0px;
//}

.content{
  margin-left: 260px;
  min-height: 400px;
  &.content-sub {
    margin-left: 270px;
    .b-filter__type-events{
      //      margin-top: -15px;
      -webkit-border-radius: 6px 6px 0 0;
      border-radius: 6px 6px 0 0;
      border-bottom: 0px;
      padding-bottom: 15px;
      border-top: 1px solid #dcdcdc;
      margin-bottom: 0px;
    }
    p{
      a{
        color: #000;
        text-decoration: none;
        border-bottom: 1px solid #dbdbdb;
        &:hover{
          border-bottom: 1px solid #000;
        }
      }
    }
  }
  h1 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 100;
    font-family: 'TornadoCyrThin';
    padding: 22px 0 40px;
  }
  h2 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 20px;
    text-transform: uppercase;
  }
  .b-breadcrumbs {
    margin: 8px 0;
    font-size: 10px;
    color: #999999;
    a {
      color: #999999;
      text-decoration: none;
    }
    span {
      display: inline-block;
      vertical-align: middle;
      width: 4px;
      height: 3px;
      padding: 0 5px;
      background: url(/h/img/marker-bread.png) center no-repeat;
    }
  }
  .block_shema4{
  background: url(/h/img/pilates_bg_1.png) no-repeat;
  width:690px;
  height:193px;
  margin:20px 0px;
  position:relative;
  .shema_title{
    color: #fff;
    position: absolute;
    font-size: 17px;
    top: 12px;
    left: 15px;
  }
  .shema_content{
    .shema_row {
      width:200px;
      position: absolute;
      top: 98px;
      font-size:11px;
    }
    .shema_1{
      left: 19px;
    }
    .shema_2{
      left: 193px;
    }
    .shema_3{
      left: 366px;
    }
    .shema_4{
      left: 582px;
    }
  }
  }
  .block_shema5{
    background: url(/h/img/pilates_bg_2.png) no-repeat;
    width:690px;
    height:193px;
    margin:20px 0px;
    position:relative;
    .shema_title{
      color: #fff;
      position: absolute;
      font-size: 17px;
      top: 12px;
      left: 15px;
    }
    .shema_content{
            .shema_row {
        width:200px;
        position: absolute;
        top: 98px;
        font-size:11px;
      }
      .shema_1{
        left: 18px;
      }
      .shema_2{
        left: 172px;
      }
      .shema_3{
        left: 318px;
      }
      .shema_4{
        left: 476px;
      }
      .shema_5{
        left: 603px;
      }
    }
  }

    .pilates-inner-links {
        text-align: center;

        .pilates-inner-link {
            background: rgb(64,63,63); /* Old browsers */
            background: -moz-linear-gradient(top,  rgba(64,63,63,1) 0%, rgba(47,47,47,1) 50%, rgba(35,35,35,1) 51%, rgba(15,15,15,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,63,63,1)), color-stop(50%,rgba(47,47,47,1)), color-stop(51%,rgba(35,35,35,1)), color-stop(100%,rgba(15,15,15,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  rgba(64,63,63,1) 0%,rgba(47,47,47,1) 50%,rgba(35,35,35,1) 51%,rgba(15,15,15,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  rgba(64,63,63,1) 0%,rgba(47,47,47,1) 50%,rgba(35,35,35,1) 51%,rgba(15,15,15,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  rgba(64,63,63,1) 0%,rgba(47,47,47,1) 50%,rgba(35,35,35,1) 51%,rgba(15,15,15,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom,  rgba(64,63,63,1) 0%,rgba(47,47,47,1) 50%,rgba(35,35,35,1) 51%,rgba(15,15,15,1) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#403f3f', endColorstr='#0f0f0f',GradientType=0 ); /* IE6-9 */
            color: #fff;
            font-family: 'TornadoCyr-regular';
            text-decoration: none;
            font-size: 14px;
            padding: 0.7rem 20px;
            border-radius: 3px;
            margin: 0 10px;
            display: inline-block;
        }
    }

  .plan_seminars{
        overflow: hidden;

    .head_plan{
      color: #4c4c4c;
      border-bottom: 1px solid #dcdcdc;
      height: 40px;
      >div{
        float: left;
        text-transform: uppercase;
        font-size: 16px;
        width: 120px;
        margin: 0px 38px 0px 11px;
      }
    }

    .plan_col_1{
    }
    .plan_col_2{
    }
    .plan_col_3{
    }
    .plan_blocks{
      clear:both;
      .plan_one{
        margin: 20px 0px 20px 0px;
        border-bottom: 1px solid #dcdcdc;
        padding: 0px 0px 15px 0px;

        >div{
          float: left;
          font-size: 15px;
          width: 120px;
          margin: 0px 38px 0px 11px;
          line-height: 23px;
        }
        .plan_col_1{
          font-family: 'TornadoCyr-Bold';
          font-size:14px;
        }
        .plan_col_2{
          font-family: 'TornadoCyrThin';
        }
        .plan_col_3{
          font-size:13px;
          strong{
            font-family: 'TornadoCyr-Bold';
          }
          span{
            font-size:12px;
            color:#787878;
          }
        }
      }
      .plan_month{
        color:#787878;
        font-size: 18px;
        display: inline;
        padding: 6px 20px 0px 0px;
      }
      .plan_time{
        color:#b7b7b7;
        font-size: 18px;
        background: url("/h/img/time-icon.png") no-repeat right 2px transparent;
        display: inline;
        padding: 0px 23px 0px 0px;
      }
    }
  }
}

.h-transparent{
  opacity: 0.5;
}

.f-transparent{
  opacity: 0.9 !important;
}

.b-banners {
  @captionHeight: 108px;
  position: relative;
  li {
    list-style: none;
  }
  .b-banners-paginate {
    position: absolute;
    right: 30px;
    bottom: 15px;
    &.b-banner-with-caption {
      bottom: 12px + @captionHeight;
    }
    z-index: 200;
    ul {
      position: relative;
    }
    li {
      width: 14px;
      height: 14px;
      float: left;
      margin-left: 6px;
      background: url(/h/img/bg_banners_point.png) 0 0 no-repeat;
      list-style: none;
      cursor: pointer;
      position: relative;
      .border-radius(0);
      font-size: 0px;
      &.selected {
        cursor: default;
        background: url(/h/img/bg_banners_point_active.png) 0 0 no-repeat;
      }
    }
  }
  .arrow {
    position: absolute;
    z-index: 200;
    width: 45px;
    //    height: 475px;
    height: 100%;
    top: 27px;
    margin-top: -26px;
    cursor: pointer;
    text-indent: 9999px;
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;

  }
  &:hover {
    .arrow {
      .h-transparent;
      &:hover {
        .f-transparent;
      }
    }
  }
  .prev {
    left: 0px;
    background: url(/h/img/bg-arrow-left.png) 0 0 no-repeat;
    background-position: center;
  }
  .next {
    right: 0px;
    background: url(/h/img/bg-arrow-right.png) 0 0 no-repeat;
    background-position: center;
  }
  .b-banners-slides-caption {
    height: @captionHeight;
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom-left-radius: 8px;
    @redWidth: 240px;
    .b-banners-slides-caption-red {
      background-color: #f1222c;
      float: left;
      padding: 28px 0 28px 34px;
      width: 206px;
      height: 48%;
      color: white;
      border-bottom-left-radius: 7px;
      font-family: 'TornadoCyrThin', Tahoma, sans-serif;
      font-size: 20px;
      line-height: 30px;

      text-transform: uppercase;

      strong {
        display: block;
        font-family: 'TornadoCyr-Bold', Tahoma, sans-serif;
        font-size: 18px;
        line-height: 18px;
      }
    }
    div {
      font-size: 12px;
      line-height: 20px;
      color: white;
      padding: 36px 20px 36px (20px + @redWidth);
      width: 680px;
      vertical-align: middle;
      h2 {
        font-family: 'TornadoCyr-Bold', Tahoma, sans-serif;
        font-size: 18px;
        font-weight: normal;
        line-height: 20px;
        text-transform: uppercase;
        margin-top: -10px;
      }
    }
  }
}



.g-mini-button {
  font-family: Arial;
  text-decoration: none;
  color: #fff;
  font-size: 11px;
  height: 20px;
  line-height: 20px;
  padding: 0 6px;
  display: inline-block;
  background: url('../img/more-clubs-arrow.png') 64px 8px no-repeat #db2a30;
  width:auto;
  padding-right: 15px;
  .border-radius(2px);
  cursor:pointer;
}

.filials + .g-mini-button {
  // background-image: none;
}
.g-mini-button-black {
  background: #2f2f2f;
}
.g-mini-button-gray {
  background: url('/h/img/g-mini-button-gray.png') 0 0 repeat-x #4f4f4f;
}
.ie7 .g-mini-button {
  .ie7-inline-block();
}
.ie78 .g-mini-button {
  behavior: url("/h/js/PIE.htc");
}

.map {
  .border-radius(6px);
  background: #ccc;
  overflow: hidden;
  .box-shadow(0 2px 4px -1px #CCCCCC);

  &.flash {
    background: transparent;
  }
}

.b-banners-index {
  height: 475px;
  overflow: hidden;
  .border-radius(6px);
  .box-shadow(0 2px 4px -1px #CCCCCC);
  li {
    float: left;
    width: 960px;
    position: relative;
  }
  img {
    display: block;
  }
  .caroufredsel_wrapper {
    .border-radius(6px);
  }
}

.b-banners-inner {
  .box-shadow(none);
}

// News block
.b-index-news {
  margin-bottom: 40px;
  /*overflow: hidden;*/
}
h4 {
  margin-bottom: 30px;
  text-transform: uppercase;
  font-size: 18px;
  font-family: 'TornadoCyr-Bold';
  font-weight: 100;
  background: url("/h/img/bg_h4.png") 0 8px repeat-x;
  span {
    background: #fff;
    padding-right: 10px;
  }
}

// Banners in news block
.b-banners-index-news {
  width: 410px;
  height: 260px;
  margin-bottom: 0;
  overflow: hidden;
  float: left;
  .border-radius(6px);
  .caroufredsel_wrapper {
    .border-radius(6px);
  }
  li {
    float: left;
    width: 410px;
    height: 260px;
    .border-radius(6px);
    overflow: hidden;
  }
  img {
    display: block;
  }
}

// News list
.b-news-list {
  position: relative;
  z-index: 1;
  li {
    overflow: hidden;
    margin-bottom: 15px;
    &.last-child {
      margin-bottom: 0;
    }
    &:hover{
      a{
        color: #000;
      }
    }
    a {
      color: #dbdbdb;
      display: block;
      min-height: 60px;
      span{
        color: #000;
        display: block;
        overflow: hidden;
      }
      img{
        width: 110px;
        float: left;
        margin-right: 16px;
        .border-radius(4px);
      }
    }
  }
}
.b-news-list-index {
  margin-left: 450px;
  padding-top: 10px;
  a{
    text-decoration: none;
    span{
      display: inline !important;
      padding: 3px 1px 2px 1px;
    }
  }
}

.all-news-link:hover{
  color: black;
}

.all-news-link{
  text-decoration: none;
  color: #c4c4c4;
  float: right;
  font-style: italic;
  font-size: 13px;
  position: relative;
  z-index: 1;
}

// Events
.b-events-schedule {
  width: 960px;
  height: 249px;
  margin-bottom: 40px;
  background: url("/h/img/bg_events.png") 0 0 no-repeat;
}

// Clubs location
.b-index-location {
  height: 302px;
  margin-bottom: 40px;
  border: 1px solid #e2e2e2;
  background: #fff;
  .border-radius(6px);
  .box-shadow(0 2px 4px -1px #CCCCCC);

  .g-mini-button:last-child {
    float: left;
  }
  .info {
    padding-left: 30px;
    padding-top: 25px;
    float: left;
    width: 320px ;
    position: relative;

    .index-route-form {
      height: auto;
      border-radius: 0;
      position: absolute;
      left: 360px;
      top: 95px;
      opacity: 1;
      transition: opacity 0.2s linear;

      &.hidden {
        height: 0;
        opacity: 0;
        display: block;
        left: -9999px;
      }


      &:after {
        border: none;
      }

      .wrap {
        input {
          margin-bottom: 0;
          background-image: none;
        }

        .a-point {
          padding-left: 20px;
          padding-right: 47px;
        }
      }
    }
  }
  h3 {
    font-size: 18px;
    font-weight: 100;
    font-family: 'TornadoCyrThin';
    text-transform: uppercase;
    position: relative;
    margin-bottom: 20px;
    span {
      font-family: 'TornadoCyr-Bold';
    }
    a {
      text-transform: none;
      position: absolute;
      right: 12px;
      top: -2px;
    }
  }
  .filials {
    border: 1px solid #dbdbdb;
    border-width: 1px 0;
    padding: 1px 0;
    margin-bottom: 14px;
    .item {
      position: relative;
      cursor: pointer;
      border: 1px solid #dbdbdb;
      border-width: 1px 0;
      padding: 16px 0 0 7px;

      .filials-item__i {
        display: none;
        position: absolute;
        width: 5px;
        height: 10px;
        right: -5px;
        top: 50%;
        margin-top: -5px;
        background: url("/h/img/b-clubs-nav__li__type-active__i.png") 0 0 no-repeat;
      }

      &.filials-item__active {
        //                border-bottom: none;
        background: #e7252c;
        .border-radius(4px);
        header, p {
          color: #fff;
        }
        header {
          font-family: 'TornadoCyr-Bold';
        }
        .filials-item__i {
          display: block;
        }

      }
      &:first-child {
        //border-width: 1px 0 0;
      }
      header {
        font-size: 12px;
        color: #ed1c24;
        text-transform: uppercase;
        padding-left: 12px;
        margin-bottom: 4px;
        //background: url("/h/img/bg_header_li.png") 0 6px no-repeat;
      }
      p {
        color: #bbb;
        font-size: 11px;
        line-height: 20px;
        margin-bottom: 12px;
        margin-left: 12px;
      }
    }
  }
  .map-map {
    width: 584px;
    height: 290px;
    background: url("/h/img/index_map.png") 0 0 no-repeat;
    margin-left: 368px;
    margin-top: 5px;
  }
}
.ie78 .b-index-location {
  behavior: url("/h/js/PIE.htc");
}

.ie78 {
  .b-banners-timeline {
    position: relative;
    overflow: hidden;
    li.selected {
      .bubble {
        &> div {
          margin-left: -25px;
        }
      }
    }
  }
}

// Bottom about info
.b-index-about {
  height: 372px;
  margin-bottom: 40px;
  padding-left: 28px;
  .border-radius(6px);
  .box-shadow(0 2px 4px -1px #CCCCCC);
  background: url("/h/img/bg_about.png") 0 0 no-repeat;
  color: #fff;
  h6 {
    font-weight: 100;
    font-size: 18px;
    font-family: 'TornadoCyrThin';
    text-transform: uppercase;
    padding: 48px 0 18px 0;
    span {
      font-family: 'TornadoCyr-Bold';
    }
  }
  p {
    width: 410px;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 18px;
    text-align: justify;
  }
}
.ie78 .b-index-about,
.ie78 .b-banners-index {
  behavior: url("/h/js/PIE.htc");
}

// Bottom about info
.b-banners-about {
  list-style: none;
  height: 372px;
  width: 100%;
  margin:0 0 40px;
  padding:0;
  overflow: hidden;
  color: #ffffff;

  a {
    text-decoration: none;
    color: #ffffff;
  }

  .caroufredsel_wrapper{
    .border-radius(7px);
    background-color:#000;
    .box-shadow(0 2px 4px -1px #CCCCCC);
    overflow:hidden;
  }
  li{
    position: relative;
    width: 960px;
    height: 372px;
  }
  h6 {
    font-weight: 100;
    font-size: 18px;
    font-family: 'TornadoCyrThin';
    text-transform: uppercase;
    padding: 48px 0 18px 0;
    span {
      font-family: 'TornadoCyr-Bold';
    }
  }
  p {
    width: 410px;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 18px;
    text-align: justify;
  }
  img{
    .border-radius(6px);
  }
  .b-banners-bottom__descr{
    position: absolute;
    left:460px;
    bottom: 0;
    padding: 30px 45px;
    //background-color: rgba(0,0,0,.85);

    a.g-mini-button{
      background-image: none;
      background-color: #ed1c24 !important;
    }
  }
}

.b-banners-mainpage {
  .arrow {
    opacity: 0.5;
  }
}

// Logos line
.b-banners-index-logos, .b-adv {
  margin-bottom: 0px;
  width: 960px;
  height: 52px;
  overflow: hidden;
  .arrow{
    opacity: 0.9 !important;
  }
  .center-block();
  li {
    float: left;
    width: 148px;
    height: 52px;
    a{
      display: block;
      width: 148px;
      height: 52px;
      background-position: center;
      background-repeat: no-repeat;
    }
  }
  .prev {
    left: 0;
  }
  .next {
    right: 0;
  }
}
.b-inner-rotate {
  width: 888px;
  margin: 0 auto;
}
p {
  font-family: 'TornadoCyr-Regular', Arial;
}
.banner_a{
  li{
    a{
      display: block;
      width: 100%;
      height: 100%;
    }
  }
}

.b-adv{
  width: 240px;
  height: 645px;
  float: left;
  margin-top: 10px;
  border-radius: 5px;
  border: 2px solid #dcdcdc;
  background-color: #fff;
  p{
    font-family: 'TornadoCyr-Regular';
    font-size: 16px;
    font-weight: 400;
    margin: 20px 0 0 36px;
  }
  .b-banners{
    width: 100%;
    background-color: #fff;
    padding-top: 55px;
    .b-inner-rotate{
      // margin-left: 20px;
      width: 100%;
      ul{
        width: 100% !important;
      }
    }
    .arrow{
      width: 100%;
      height: 12px;
    }
    .prev{
      background: url("/h/img/b-adv-arrow-up.png") 109px 0 no-repeat;
      top: 42px;
    }
    .next{
      background: url("/h/img/b-adv-arrow-down.png") 109px 0 no-repeat;
      top: 600px;
    }
    .b-banners-slides{
      padding-top: 20px;

      li{
        float: none;
        margin: 0 auto;
        height: 102px;
      }
    }
  }
}

//SEO-style edit
.index-page {
  .wc_family_main {
        a{
          color: #000;
          text-decoration: none;
        }
        a:hover{
             -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
              filter: alpha(opacity=40);
              opacity: .4;
            }
        height: 180px;
        div{
            float:left;
            width: 220px;
            margin: 0px 0px 0px 10px;
            text-align: center;

            p{
              display: block;
              span{
              }
            }
        }

      .wc_zhukovka{
        img{
          margin: 0px 0px 7px 0px;
        }
      }
      .wc_romanov{
        img{
          margin: 0px 0px 7px 0px;
        }
      }
      .wc_wc{
        img{
          margin: 14px 0px 13px 0px;
        }
      }
      .wc_wc_lite{
        img{
          margin: 11px 0px 18px 45px;
        }
      }
    }
  h2.h2-seo-style, h1.h2-seo-style {
    margin-bottom: 20px !important;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'TornadoCyr-Bold';
    font-weight: 100;
    background: url("/h/img/bg_h4.png") 0 8px repeat-x;
    span{
      background: white;
      padding-right: 10px;
      a{
        text-decoration: none !important;
        color: black !important;
        cursor: pointer !important;
        font-size: 18px;
      }
    }
  }
  .h2-seo-style2{
    font-size: 18px;
    font-weight: 100;
    font-family: 'TornadoCyrThin';
    text-transform: uppercase;
    position: relative;
    margin-bottom: 20px;
  }
  span.city-seo-style{
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
    a{
      color: #000000;
      text-decoration: none;
      border-bottom: 1px solid #dbdbdb;
      span{

      }
    }
  }
  h3.h3-seo-style{
    font-weight: 100;
    font-size: 18px;
    font-family: 'TornadoCyrThin';
    text-transform: uppercase;
    padding: 48px 0 18px 0;

    span{
      font-family: 'TornadoCyr-Bold';
    }
  }
}

.footer {
  .search {
    .ya-site-form__search-input {
      display: none;
      position: absolute;
      left: -99999;
    }
  }
}

.map-contacts {
  height: 476px;
  .border-radius(6px);
  background: #ccc;
  overflow: hidden;
  width: 956px;
  margin: 2px auto 34px;
}

.b-club-list {
  border: 1px solid #dcdcdc;
  border-bottom: none;
  border-width: 1px 0;
  margin-bottom: 1px;
  padding: 39px 0 0 0;
}
.b-club-list__type-head {
  padding-top: 11px;
  border-top: none;
}
.b-club-list__last-child {
  border-bottom: none;
  padding-bottom: 44px;
}
.b-club-list__logo {
  display: block;
  margin-bottom: 32px;
}
.b-club-list__line {
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 9px;
  padding-top: 11px;
  overflow: hidden;
}
.b-club-list__line__last-child {
  margin-bottom: 0;
  border: none;
}
.b-club-list-item {
  float: left;
  width: 170px;
  margin-right: 22px;
  padding-bottom: 20px;
}
.b-club-list-item__type-image {
  width: 362px;
  margin-right: 22px;
  padding-bottom: 44px;
}
.b-club-list-item__h6 {
  color: #000;
  font-size: 14px;
  margin-bottom: 8px;
  font-weight: 100;
  a {
    color: black;
    text-decoration: none;
    &:hover, &:focus, &active {
      text-decoration: underline;
    }
  }
}
.b-club-list-item__p {
  color: #bbb !important;
}
.b-club-list-item__logo {
  float: left;
  width: 170px;
}
.b-club-list-item__content {
  margin-left: 192px;
}
.b-club-list-item__span {
  position: relative;
}
.b-club-list-item__i {
  position: absolute;
  display: block;
  top: -11px;
  right: -44px;
  width: 44px;
  height: 11px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url('/h/img/club-list-new.png');
}

.contacts-infobox {
  background: transparent url('/h/img/contacts-infobox-bg.png') 0 0 no-repeat;
  width: 326px;
  height: 196px;
  padding: 22px;
  color: white;
  text-shadow: 0 1px 1px rgba(0,0,0,0.2);
  h1{
    font-weight: normal;
  }
  .tornado_regular();
  font-size: 14px;
  line-height: 20px;

  aside {
    width: 60%;
    float: left;
    margin-right: 4%;
  }
  aside + aside {
    margin-right: 0;
    width: 36%;
  }
  h1 {
    font-size: 18px;
    line-height: 24px;

    text-transform: uppercase;
  }
  h1 + p {
    margin-bottom: 30px;
  }
  a {
    color: white;
    text-decoration: none;
    span {
      color: #fb979a;
    }
  }
  a.mailto {
    border-bottom: 1px solid white;
  }
}

.ie8 .form-contacts input {
  line-height: 34px;
  &.placeholder {
    color: #434343;
  }
}

.form-contacts {
  width: 100%;
  height: 80px;
  margin: 20px 0;

  &.success {
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    background: url('/h/img/franchising-submit-success-icon.png') 280px 25px no-repeat;
  }

  p {
    position: relative;
    margin-top: 17px;
    margin-left: 320px;
    font-family: 'TornadoCyr-regular';
    font-size: 18px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 18px;
  }
}

@map_height: 476px;
@map_bottom_margin: 34px;

.map-contacts {
  position: relative;
  height: @map_height;
  margin-bottom: @map_bottom_margin;
  z-index: 1;
}

#map.full-screen {
  top: 50px;
  left: 0;
}

.selector-hover {
  &:hover {
    color: #FFFFFF;
  }
}

.map-overlay {
  position: relative;

  min-height: @map_height;
  width: 0px;
  margin-top: -@map_height - @map_bottom_margin;
  margin-bottom: @map_bottom_margin;
  z-index: 100;
  .semi-transparent {
    background-color: #000;
    background-color: rgba(0,0,0,0.7);
  }

  .city-selector__panel {
    position: absolute;
    width: 960px;
    height: 100%;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);

    .border-radius(10px);
    .box-shadow(inset 0 1px 150px 0 rgba(0,0,0,0.5));
    z-index: 150;

    &.hidden {
      display: none;
    }

    .city-selector__city-list {
      position: absolute;
      top: 130px;
      left: 110px;
      width: 763px;

      .city-selector__city-list__ul {

        color: #D0D0D0;
  overflow: hidden;
        font-size: 18px;
        .tornado_regular;

        &.city-list__ul-important {
          width: 100%;
          margin-bottom: 20px;

          border-bottom: 2px solid #484848;
          white-space: nowrap;

          li {
            padding-bottom: 25px;
      display: block;
            width: 25%;
            padding: 8px 0 14px;
            text-align: left;
      float: left;
          }
        }

        li {
          display: block;
          width: 25%;
          padding: 8px 0 14px;
          text-align: left;
    float: left;

          cursor: pointer;

          .selector-hover;

          a {
            color: #D0D0D0;
            text-decoration: none;
            .selector-hover;
          }

          .city-selector__city-new-club {
            display: inline-block;
            .size(23px, 44px);
            background: transparent url('/h/img/map-city-selector_new.png') 0 0 no-repeat;
          }
          &:first-child{
            text-align: left;
      float: left;
            width: 25%;
          }
          &:last-child{
            text-align: left;
      float: left;
            width: 25%;
          }
        }
      }
    }

    .city-selector__close {
      position: absolute;
      left: 33px;
      top: 20px;

      width: 70px;
      padding: 6px 10px 6px 24px;

      cursor: pointer;

      color: #DCDCDC;
      font-family: Arial, sans-serif;
      font-size: 12px;
      text-shadow: 0 0 20px rgba(0, 0, 0, 1);

      background: transparent url('/h/img/map-city-selector__close.png') 0 0 no-repeat;

      .selector-hover;
    }
  }

  .all-cities-map {
    position: absolute;
    top: -2px;
    left: -3px;
    width: 966px;
    height: 481px;
    background: transparent url('/h/img/all-cities-map.png') 0 0 no-repeat;
    .transition(all .5s ease-in);
    opacity:1;
    overflow: hidden;
    &.hidden {
      height: 0;
      opacity:0;
    }
  }
  .all-cities-list{
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .all-cities-list__item{
    position: absolute;
    width: 1px;
    height: 1px;
  }
  .all-cities-list__city-name{
    display: none;
  }
  .all-cities-list__city-marker{
    background:   url(/h/img/map-marker-red.png) 0 0 no-repeat;
    width: 38px;
    height: 35px;
    display: block;
    cursor: pointer;
    margin-left: -13px;
    margin-top: -35px;
  }
  .all-cities-list__city-marker_pink{
    background:   url(/h/img/map-marker-pink.png) 0 0 no-repeat;
    width: 38px;
    height: 35px;
    display: block;
    cursor: pointer;
    margin-left: -13px;
    margin-top: -35px;
  }

  .subway-scheme {
    position: absolute;
    top: -2px;
    left: -3px;
    width: 966px;
    height: 791px;
    background: transparent url('/h/img/subway-moscow-scheme.png') 0 0 no-repeat;
    &.hidden {
      display: none;
    }
  }

  .map-overlay__input-block {
    background-color: black;
    .semi-transparent;
    position: absolute;
    top: 20px;
    left: 35px;
    .size(25px, auto);
    width: 420px;
    padding: 2px;

    .border-radius(4px);

    //overflow: hidden;

    white-space: nowrap;

    &.hidden {
      display: none;
    }

    .planks {

      display: inline-block;
      vertical-align: top;
      padding: 4px 8px;
      cursor: pointer;
    }
    .all-clubs {
      .size(22px, 54px);
      .planks;
      float: left;
      background: transparent url('../img/map-all-clubs.png') 0 0 no-repeat;
      color: #fff;

      &.hidden {
        display: none;
      }

    }
    .current-city {
      .planks;
      height: 22px;
      background: transparent url('../img/map-current-city.png') right -1px no-repeat;
      margin-left: -3px;
      padding-left: 4px;
      padding-right: 12px;

      //border-radius: 3px;
      overflow: hidden;
      margin-left: 0px;

      span {
        background: transparent url('../img/map-current-city-marker.png') -4px -9px no-repeat;
        .size(22px, 16px);
        padding-right: 13px;
      }
    }
    input {
      width: 252px;
      background: none;
      border: none;
      font-family: Arial, sans-serif;
      font-size: 12px;
      font-style: italic;
      color: white !important;
      vertical-align: top;
      padding-left: 4px;
      padding-top: 4px;
      &:focus {
        outline: none;
      }
    }

    .map-overlay__club-select {
      position: absolute;

      right: 0;
      top: 30px;

      width: 262px;

      .map-overlay__club-select__wrapper {
        &.hidden {
          display: none;
        }

        .border-radius(4px);
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.9);

        list-style-type: none;

        overflow: hidden;
        li {
          white-space: normal;

          cursor: pointer;
          color: #999999;

          font-family: Arial, sans-serif;

          &.active {
            background-color: #ed1c24;
            color: #ea8e92;
          }

          &:first-child{
            .border-top-radius(4px);
          }

          &:last-child{
            .border-bottom-radius(4px);
          }

          a, div {
            text-decoration: none;
            display: block;
            padding: 10px 20px;

            color: #999999;

            span {
              color: #FFFFFF;
            }

            h6 {
              font-size: 16px;
              line-height: 22px;
              color: #FFFFFF;
              font-weight: normal;
              span {
                font-weight: bold;
              }
            }

            address {
              font-weight: normal;
            }
          }
        }
      }
    }
  }

  .map-overlay__view-controls {
    &.hidden {
      display: none;
    }

    position: absolute;
    top: 20px;
    //left: 488px + 136px;
    right: 80px - 960px;

    .map-overlay__view-controls__wrapper {
      //.size(29px, 386px - 136px);
      //.size(29px, auto);
      height: 29px;
      background: #FFFFFF url('../img/map-controls-general.png') 0 0 repeat-x;
      .box-shadow(0 10px 15px rgba(0,0,0,.3));

      .border-radius(4px);

      white-space: nowrap;
      font-size: 0;

      overflow: hidden;
      cursor: pointer;

      div {
        font-family: 'TornadoCyr-Regular', Tahoma, sans-serif;
        font-size: 12px;
        line-height: 12px;
        color: #000000;

        display: inline-block;

        height: 19px;
        padding: 10px 0;
        text-align: center;

        .box-shadow(inset -1px 0 1px 0 rgba(0,0,0,.1));
        &:hover {
          background: #FFFFFF url('../img/map-controls-hover.png') 0 0 repeat-x;
          -moz-text-shadow: 1px 1px #fff;
          -webkit-text-shadow: 1px 1px #fff;
          text-shadow: 1px 1px #fff;
        }
        &.active {
          color: #FFFFFF;
          background: #EF3D44 url('../img/map-controls-active.png') 0 0 repeat-x;
          &:hover {
            background: #EF3D44 url('../img/map-controls-active.png') 0 0 repeat-x;
            -moz-text-shadow: none;
            -webkit-text-shadow: none;
            text-shadow: none;
          }
        }
        &:last-child {
          .box-shadow(none);
        }
      }
      .map-mode-button {
        width: 56px;
      }
      .scheme-mode-button {
        width: 90px;
        &.hidden{
          display: none;
        }
      }
      .route-mode-button {
        width: 136px;
        //                display: none;
      }
      .clubs-list-button {
        width: 104px;
        a {
          color: #000000;
          text-decoration: none;
        }
      }
    }
  }

  .map-overlay__full-screen-button {
    &.hidden {
      display: none;
    }
    .semi-transparent;
    position: absolute;
    top: 20px;
    left: 892px;
    .square(30px);

    padding: 2px;

    .border-radius(4px);
    background-color: black;
    background-image: url('../img/enlarge-map2.png');
    background-repeat: no-repeat;
    background-position: 50% 2px;

    cursor: pointer;

    &:hover,
    &:focus {
      background-color: #000000;
    }
  }
}

.fullscreen .map-overlay__full-screen-button {
    background-position: 50% -28px;
}

.map-overlay__route-mode-form {
  background-color: #fff;
  .border-radius(5px);
  box-shadow: 0 10px 15px #aaa;
  box-shadow: 0 10px 15px rgba(0, 0, 0, .3);
  width: 260px;
  height: 160px;
  padding: 20px;
  position: absolute;
  left: 50%;
  margin-left: -150px;
  top: 32px;
  z-index: 100;

  &:after {
    content: '';
    position: absolute;
    border: 6px solid transparent;
    border-bottom: 6px solid #fff;
    top: -12px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    font-size: 0;
  }
  &.hidden {
    display: none;
  }

  .wrap{
    input,
    select,
    textarea {
      display: block;
      width: 240px;
      padding: 10px;
      height: 32px;
      border: none;
      background-color: #e5e5e5;
      .border-radius(4px);
      margin-bottom: 12px;
      color: #434343;
      outline: 0;
      box-shadow: none;
    }

    .a-point,
    .b-point{
      background-image: url(/h/img/a-b-point.png);
      background-repeat: no-repeat;
      padding-left: 36px;
      padding-right: 30px;
      width: 194px;
    }

    .a-point{
      background-position: 7px 10px;
    }
    .b-point{
      background-position: 7px -49px;
    }
    .ic-target{
      display: block;
      overflow: visible;
      border: 0;
      padding: 0;
      margin: 0;

      position: absolute;
      right: 25px;
      top: 35px;

      width: 20px;
      height: 20px;
      background:  url(/h/img/ic-target.png) 50% 50% no-repeat;
    }
  }
}

.map-overlay__address-select {
  position: absolute;

  right: 20px;
  top: 60px;

  width: 262px;

  .map-overlay__address-select__wrapper {
    &.hidden {
      display: none;
    }

    .border-radius(4px);
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);

    list-style-type: none;

    overflow: hidden;
    li {
      white-space: normal;

      cursor: pointer;
      color: #999999;

      font-family: Arial, sans-serif;
      padding: 10px 20px;

      &.active {
        background-color: #ed1c24;
        color: #ea8e92;
      }

      &:first-child {
        .border-top-radius(4px);
      }

      &:last-child {
        .border-bottom-radius(4px);
      }

      a {
        text-decoration: none;
        display: block;

        color: #999999;

        span {
          color: #FFFFFF;
        }

        h6 {
          font-size: 16px;
          line-height: 22px;
          color: #FFFFFF;
          font-weight: normal;
          span {
            font-weight: bold;
          }
        }

        address {
          font-weight: normal;
        }
      }
    }
  }
}

.b-index-location,
.b-nearest-clubs{
  position: relative;
  .map-overlay__route-mode-form{
    left: 50%;
    margin-left: -325px;
    margin-top: 15px;
  }
  .map-overlay__availClubs-select {
    .map-overlay__availClubs-select__wrapper{
      top: 60px;
    }
  }
  .g-mini-button{
    float: right;
    cursor: pointer;
    position: relative;
    z-index: 1;
  }
}
.b-nearest-clubs{
  .g-mini-button-route-button{
    float: none;
    position: absolute;
    left: 140px;
    top: 0;
  }
  .map-overlay__route-mode-form{
    margin-top: 0;
    top:22px;
    margin-left: -305px;
  }
}
.map-overlay__availClubs-select {
  position: absolute;
  width: 960px;
  height: 100%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);

  .border-radius(10px);
  .box-shadow(inset 0 1px 150px 0 rgba(0,0,0,.5));
  z-index: 110;

  &.hidden {
    display: none;
  }

  .map-overlay__availClubs-select__wrapper{
    position: absolute;
    top: 130px;
    left: 110px;
    width: 80%;

    .map-overlay__availClubs-list__ul {

      color: #D0D0D0;
      font-size: 16px;
      .tornado_regular;

      &.map-overlay__availClubs-list__ul-important {
        width: 100%;
        margin-bottom: 20px;

        border-bottom: 2px solid #484848;
        white-space: nowrap;

        li {
          padding-bottom: 25px;
        }
      }

      li {
        display: inline-block;
        width: 164px;
        padding: 8px 10px 14px;

        cursor: pointer;

        .selector-hover;

        a {
          color: #D0D0D0;
          text-decoration: none;
          .selector-hover;
        }

        .city-selector__city-new-club {
          display: inline-block;
          .size(23px, 44px);
          background: transparent url('/h/img/map-city-selector_new.png') 0 0 no-repeat;
        }
      }
    }
  }

  .map-overlay__availClubs__close {
    position: absolute;
    left: 33px;
    top: 20px;

    width: 70px;
    padding: 6px 10px 6px 24px;

    cursor: pointer;

    color: #DCDCDC;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-shadow: 0 0 20px rgba(0, 0, 0, 1);

    background: transparent url('/h/img/map-city-selector__close.png') 0 0 no-repeat;

    .selector-hover;
  }

  .city-selector__close {
    position: absolute;
    left: 33px;
    top: 20px;

    width: 70px;
    padding: 6px 10px 6px 24px;

    cursor: pointer;

    color: #DCDCDC;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-shadow: 0 0 20px rgba(0, 0, 0, 1);

    background: transparent url('/h/img/map-city-selector__close.png') 0 0 no-repeat;

    .selector-hover;
  }
}

.form-contacts {
  padding-top: 10px;
  /*overflow: hidden;*/
  .column {
    width: 290px;
    float: left;
    margin-right: 45px;
    &.last-child {
      margin-right: 0;
    }
    input,
    select,
    textarea {
      display: block;
      width: 270px;
      padding: 0 10px;
      height: 32px;
      border: none;
      background: #e5e5e5;
      .border-radius(4px);
      margin-bottom: 22px;
      color: #434343;
      outline:0;
      box-shadow:none;
    }
    .error{
      background-color: #ffdcdc;
      color: #fe0000 !important;
    }
    .error::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #fe0000 !important;
    }
    .error:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #fe0000 !important;
    }
    .error::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #fe0000 !important;
    }
    .error:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #fe0000 !important;
    }
    select {
      padding: 0 0 0 10px;
      width: 290px;
    }
    textarea {
      width: 280px;
      min-width: 280px;
      max-width: 280px;
      min-height: 78px;
      padding: 8px 0 0 10px;
      height: 78px;
    }
  }
}
.b-form-submit {
  height: 29px;
  text-align: center;
  background: url("/h/img/bg_h4.png") repeat-x scroll 0 14px transparent;
  padding-bottom: 73px;
}
.b-form-submit__input-wrap {
  margin: 0 auto;
  background: #fff;
  padding: 0 20px;
  height: 100%;
  display: inline-block;
  input {
    height: 100%;
  }
}

.contacts-submit {
  position: relative;
  .contacts-submit-popup {
    display: none;
    top: 37px;
    left: 0px;
    width: 250px;
    position: absolute;
    color: #000;
    background-color: #f7f7f7;
    padding: 5px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    &:after {
      content: '';
      top: -5px;
      left: 120px;
      position: absolute;
      width: 8px;
      height: 5px;
      background: url('/h/img/contacts-popup-top.png') 0 0 no-repeat;
    }
  }
  &:hover {
    .contacts-submit-popup {
      display: block;
    }
  }
}

.mobile .contacts-submit .contacts-submit-popup {
  display: none !important;
}

.mobile .contacts-submit .g-button {
  background-position: 0 100% !important;
  text-shadow: 1px 1px 1px #a82328 !important;
}

.g-button {
  height: 29px;
  padding: 0 24px;
  line-height: 29px;
  font-size: 14px;
  font-family: 'TornadoCyr-Regular';
  border: none;
}
.g-button__light {
  color: #fff;
  text-shadow: 1px 1px 1px #c3c3c3;
  .border-radius(4px);
  background: url('/h/img/g-button-sprite.png') 0 0 repeat-x;
  &.enabled{
    background-position: 0 100%;
    text-shadow: 1px 1px 1px #a82328;
  }
}

.b-banners-index-logos__type-contacts {
  background: #f5f5f5;
  padding: 49px 0;
}

.b-club-list-luxury {
  .b-club-list-item__i {
    background-image: url('/h/img/club-list-new-brown.png');
  }
}

.b-club-list-elite {
  .b-club-list-item__i {
    background-image: url('/h/img/club-list-new-red.png');
  }
}

.b-club-list-middle {
  .b-club-list-item__i {
    background-image: url('/h/img/club-list-new-green.png');
  }
}


.subway-marker {
  &.green {
    .map-popup__container {
      background-color: #089542;
    }
  }
}

.map-popup {
  /*
  width: auto;
*/
  &.hidden {
    display: none;
  }

  .map-popup__bottom-tail {
    display: block;
    width: 22px;
    height: 10px;
    background: transparent url('/h/img/map-popup-i.png') 0 0 no-repeat;
    position: absolute;
    bottom: -9px;
    left: 50%;
    margin-left: -11px;
  }

  &.popup-green {
    .map-popup__container {
      background-color: #089542;
    }
  }
  &.popup-red {
    .map-popup__container {
      background-color: #ed1c24;
    }
  }
  &.popup-pink {
    .map-popup__container {
      background-color: #f1556a;
    }
  }
  &.popup-black {
    .map-popup__container {
      background-color: #571f1f;
    }
  }

  .map-popup__container {
    .border-radius(10px);
    .box-shadow(0 10px 20px 0 rgba(0,0,0,0.25));
    padding-top: 10px;

    background-color: #ed1c24;
    overflow: hidden;
    position: relative;

    .map-popup__content {
      background-color: #ffffff;
      padding: 30px;
      h6{
        font-weight: normal;
      }
      .map-popup__ul {
        white-space: nowrap;

        .city-seo-style a{
          color: black;
        }

        li {
          vertical-align: top;
          display: inline-block;
          width: 150px;
          margin-right: 50px;
          &:last-child {
            margin-right: 0;
          }

          white-space: normal;

          h6 {
            font-size: 14px;
            line-height: 22px;
            a {
              color: #000000;
              text-decoration: none;

              border-bottom: 1px solid #dbdbdb;
              &:hover {
                border-color: #000000;
              }
            }
          }
          p {
            color: #bbbbbb;
            font-size: 12px;
            line-height: 18px;
          }
        }
      }
    }

    .popup_close {
      position: absolute;
      top: 16px;
      right: 8px;

      width: 16px;
      height: 16px;
      background: transparent url('/h/img/map-bubble_close.png') 0 0 no-repeat;
      .opacity(0.5);
      cursor: pointer;
      &:hover {
        .opacity(1);
      }
    }
  }
}

.b-club-list {
  &.b-club-list-elite {
    border-top: none;
    padding-top: 0;
  }
  &.b-club-list-luxury {
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 40px;
  }
}

.b-fitness {
  margin-bottom: 234px;
}

.b-fintness-item {
  width: 340px;
  height: 276px;
  float: left;
  margin-right: 10px;
  margin-bottom: 53px;

  //    overflow: hidden;
  //    .border-radius(6px 6px 0 0);
  //    div {
  //        position: relative;
  //        overflow: hidden;
  &:hover {
    /*background-position: 0 -15px;*/
    .b-fintness-item__span {
      top: auto;
      bottom: 0;
    }
    //        }
  }
  &:hover{
    .box-shadow(0 2px 40px -1px #CCCCCC);
    //        overflow: hidden;
    //        .border-radius(6px 6px 0 0);
    a {
      /* overflow: hidden;
       .border-radius(6px 6px 0 0);*/
    }
  }

}
.b-fintness-item__position-odd {
  margin-right: 0;
}
.b-fintness-item__span {
  position: absolute;
  width: 300px;
  left: 0;
  top: 134px;
  background-color: #000;
  background: rgba(0,0,0,0.85);
  color: #fff;
  font-size: 18px;
  padding: 12px 20px 8px;
  text-decoration: underline;
  line-height: 34px;

  /*-webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;*/
}
.b-fintness-item__image {
  display: block;
  width: 100%;
  height: 188px;
  position: relative;
  overflow: hidden;
  .border-radius(6px 6px 0 0);
  background: url("/h/img/fitness_item.png") 0 0 no-repeat;
  /*-webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;*/

}
.b-fintness-item__p {
  //border: 1px solid #eee;
  .box-shadow(0 0 0 1px #EEE);
  border-width: 0 1px 1px;
  .border-radius(0 0 6px 6px);
  height: 76px;
  color: #4c4c4c;
  line-height: 20px;
  padding: 12px 20px 0;
}

.b-fitness__type-spa {
  margin-bottom: 100px;
  .b-fintness-item {
    &:hover{
      .box-shadow(0 2px 40px -1px #CCCCCC);
      .border-radius(6px);
      overflow: hidden;
    }
  }
}

.b-banners-aside {
  &.map{
    height: 400px;
  }
  .b-banners-slides {
    li {
      float: left;
      object {border-radius: 6px;}
    }
  }
}
.news-detail{
  p{
    text-align: justify;
  }
  ul{
    list-style: outside;
    li{
      font-size: 13px;
      line-height: 20px;
      margin-bottom: 22px;
      color: #4c4c4c;
      font-family: Arial;
      margin-left: 50px;
      text-align: justify;
    }
  }
}

// banners
.wc-lite {
  .b-banners {
    .b-banners-slides-caption {
      .b-banners-slides-caption-red {
        background-color: #089542;
      }
    }
  }

  .l-aside {
    .l-aside__wrap {
      background-color: #089542;
      background-image: none;

      .b-aside-menu {
        border-bottom: 1px solid #078039;
      }

      .b-aside-info {
        .b-aside-info__span {
          border-top: 1px solid #20ae5a;
        }
      }
    }
  }

  .b-nearest-clubs__info {
    .b-clubs-nav__li {
       h6.color-41 {
		color: #ed1c24;
	  }
	  h6.color-40 {
		color: #089542;
	  }
    }
    .g-mini-button {
      background-color: #078039;
    }
  }
}


.b-banners-wclife {
  height: 480px;
  overflow: hidden;
  .b-inner-rotate {
    width: 690px;
    position: relative;
    left: 20px;
  }
  .award {
	width: 170px;
	margin-bottom: 60px;
	color: #4c4c4c;
	text-align: center;
	display: inline-block;
  }
  li {
    height: 210px;
    width: 190px;
    margin-right: 40px;
    float: left;
  }
  .image {
    display: block;
    width: 190px;
    height: 120px;
    margin-bottom: 12px;
    .border-radius(6px);
  }
  a {
    color: #000;
    font-size: 14px;
    text-decoration: none;
    cursor: default;
  }
  .arrow {
    width: 11px;
    height: 21px;
    margin-top: 0;
    top: 50px;
  }
  .prev {
    background: url("/h/img/wclife-arrow-left.png") 0 0 no-repeat;
    left: 0;
  }
  .next {
    background: url("/h/img/wclife-arrow-right.png") 0 0 no-repeat;
    right: 0;
  }
}


// membership
.b-membership {
  margin-bottom: 60px;
  overflow: hidden;
  width: 100%;
  min-height: 360px;
  position: relative;
}
.b-membership__nav {
  width: 251px;
  float: left;
}
.b-membership__ul {

}
.b-membership__li {
  border-bottom: 1px solid #dcdcdc;
  cursor: pointer;
  a {
    text-decoration: none;
    color: #000;
  }
  span {
    text-transform: uppercase;
    padding: 18px;
    display: block;
  }
}
.b-membership__li__last-child,
.b-membership__li__type-before-active {
  border-bottom: none;
}
.b-membership__li__type-active {
  font-family: 'TornadoCyr-Bold';
  border-bottom: none;
  background: #121212;
  .border-radius(4px);
  span {
    color: #fff;
  }
  &.b-membership__li__first-child {
    span {
      padding-bottom: 17px;
    }
  }
}
.b-membership__info {
  height: 352px;
  width: 410px;
  position: absolute;
  overflow: hidden;
  .border-radius(6px);
  right: 0;
}
.b-membership__summary {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #000;
  color: #fff;
  padding: 20px;
  opacity: 0.85;
  h6 {
    color: #bfbfbf;
    font-size: 16px;
    line-height: 24px;
    font-weight: 100;
    margin-bottom: 12px;
  }
  p {
    line-height: 24px;
    margin-bottom: 14px;
  }
}

// club-news
.b-club-news {
  margin-bottom: 68px;
  overflow: hidden;
}
.b-club-news__item {
  width: 220px;
  float: left;
  margin-right: 15px;
  a {
    color: #dbdbdb;
    display: block;
    img {
      display: block;
      margin-bottom: 12px;
      width: 110px;
      height: 60px;
      .border-radius(4px);
    }
    span {
      color: #000;
    }
    &:hover {
      color: #000;
    }
  }
  &:hover {
    span + span {
      background-color: #e72b32;
      color: #FFFFFF;
    }
  }
}
.b-club-news__item__last-child {
  margin-right: 0;
}

// nearest clubs

.b-nearest-clubs {
  margin-bottom: 20px;
  padding-bottom: 10px;
  overflow: hidden;
  .map-overlay__availClubs-select{
    width: 690px;
    height: 390px;
  }
}
.b-nearest-clubs__info {
  width: 291px;
  float: left;
}
.b-nearest-clubs__map {
  width: 367px;
  height: 384px;
  margin-left: 320px;
  margin-top: 3px;
  #map {
    width: 100%;
    height: 100%;
  }
}

.b-clubs-nav {
  margin-bottom: 16px;
}
.b-clubs-nav__ul {
  padding-bottom: 1px;
  border-bottom: 1px solid #dbdbdb;
}
.b-clubs-nav__li {
  padding: 16px 20px;
  border-bottom: 1px solid #dbdbdb;
  cursor: pointer;
  position: relative;
  h6.color-41 {
    color: #ed1c24;
    font-weight: 100;
    font-size: 14px;
    margin-bottom: 8px;
  }
   h6.color-42 {
    color: #121212;
	font-weight: 100;
	font-size: 14px;
	margin-bottom: 8px;
  }
  h6.color-40 {
    color: #089542;
    font-weight: 100;
    font-size: 14px;
    margin-bottom: 8px;
  }
  p {
    color: #bbb;
  }
  a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
}

.premium {
  .b-clubs-nav__li {
    padding: 16px 20px;
    border-bottom: 1px solid #dbdbdb;
    cursor: pointer;
    position: relative;
    h6 {
      color: #121212;
      font-weight: 100;
      font-size: 14px;
      margin-bottom: 8px;
    }
	h6.color-41 {
		color: #e7252c;
	}
	h6.color-40 {
		color: #089542;
	}
    p {
      color: #bbb;
    }
    a {
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
    }
  }
  
  .b-clubs-nav__li__type-active__i {
    display: none;
    position: absolute;
    width: 5px;
    height: 10px;
    right: -5px;
    top: 50%;
    margin-top: -5px;
    background: url("/h/img/b-clubs-nav__li__type-active__i.jpg") 0 0 no-repeat;
  }
}

.b-clubs-nav__li__type-active__i {
  display: none;
  position: absolute;
  width: 5px;
  height: 10px;
  right: -5px;
  top: 50%;
  margin-top: -5px;
  background: url("/h/img/b-clubs-nav__li__type-active__i.png") 0 0 no-repeat;
}

.b-clubs-nav__li__type-before-active {
  border-bottom: 1px solid #fff;
}

.b-clubs-nav__li__type-active-41 {
  border-bottom: none;
  background: #e7252c!important;
  .border-radius(4px);
  h6, p {
    color: #fff!important;
  }
  h6 {
    font-family: 'TornadoCyr-Bold';
  }
  .b-clubs-nav__li__type-active__i {
	background: url('/h/img/b-clubs-nav__li__type-active__i.png') 0 0 no-repeat!important;
	display:block;
  }
}
.b-clubs-nav__li__type-active-42 {
  border-bottom: none;
  background: #3C231C!important;
  .border-radius(4px);
  h6, p {
    color: #fff!important;
  }
  h6 {
    font-family: 'TornadoCyr-Bold';
  }
  .b-clubs-nav__li__type-active__i {
	background: url('/h/img/b-clubs-nav__li__type-active__i.jpg') 0 0 no-repeat!important;
	display:block;
  }
}
.b-clubs-nav__li__type-active-40 {
  border-bottom: none;
  background: #089542!important;
  .border-radius(4px);
  h6, p {
    color: #fff!important;
  }
  h6 {
    font-family: 'TornadoCyr-Bold';
  }
  .b-clubs-nav__li__type-active__i {
	background: url('/h/img/b-clubs-nav__li__type-active__i_green.png') 0 0 no-repeat;
	display:block;
  }
}
.animated_map_marker {
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 64px;
  cursor: pointer;
  background: transparent url('../img/bubble_sprite.png') 0 0 no-repeat;
  &.animated {
    background: transparent url('../img/bubble_sprite.png') 0 -64px no-repeat;
  }
  &.hidden{
    display: none;
  }
}
.animated_map_marker-42 {
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 64px;
  cursor: pointer;
  background: transparent url('../img/bubble_sprite_brown.png') 0 0 no-repeat;
  &.animated {
    background: transparent url('../img/bubble_sprite_brown.png') 0 -64px no-repeat;
  }
  &.hidden{
    display: none;
  }
}
.animated_map_marker-41 {
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 64px;
  cursor: pointer;
  background: transparent url('../img/bubble_sprite.png') 0 0 no-repeat;
  &.animated {
    background: transparent url('../img/bubble_sprite.png') 0 -64px no-repeat;
  }
  &.hidden{
    display: none;
  }
}
.animated_map_marker-40 {
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 64px;
  cursor: pointer;
  background: transparent url('../img/bubble_sprite_green.png') 0 0 no-repeat;
  &.animated {
    background: transparent url('../img/bubble_sprite_green.png') 0 -64px no-repeat;
  }
  &.hidden{
    display: none;
  }
}
.green_marker{
  background: transparent url('../img/bubble_sprite_green.png') 0 0 no-repeat;
  &.animated {
    background: transparent url('../img/bubble_sprite_green.png') 0 -64px no-repeat;
  }
  &.hidden{
    display: none;
  }
}

.red_map_marker {
  position: absolute;
  top: 0;
  left: 0;
  width: 38px;
  height: 35px;
  cursor: pointer;
  background: transparent url('/h/img/map-marker-red.png') 0 0 no-repeat;
  &.hidden{
    display: none;
  }
}

.pink_map_marker {
  position: absolute;
  top: 0;
  left: 0;
  width: 38px;
  height: 35px;
  cursor: pointer;
  background: transparent url('/h/img/map-marker-pink.png') 0 0 no-repeat;
  &.hidden{
    display: none;
  }
}

.green_map_marker {
  position: absolute;
  top: 0;
  left: 0;
  width: 38px;
  height: 35px;
  cursor: pointer;
  background: transparent url('/h/img/map-marker-green.png') 0 0 no-repeat;
  &.hidden{
    display: none;
  }
}

.black_map_marker {
  position: absolute;
  top: 0;
  left: 0;
  width: 38px;
  height: 35px;
  cursor: pointer;
  background: transparent url('/h/img/map-marker-black.png') 0 0 no-repeat;
  &.hidden{
    display: none;
  }
}
.content{
  &>p{
    font-size: 20px;
    line-height: 30px;
    font-weight: 100;
    font-family: 'TornadoCyrThin';
    padding: 22px 0 40px;
  }
}

.b-filter {
  margin-bottom: 20px;
  border: 1px solid #dcdcdc;
  .border-radius(6px);
  padding: 24px 19px 14px 19px;
  h6 {
    font-size: 12px;
    margin-bottom: 10px;
    margin-left: 5px;
  }
  li {
    display: inline-block;
    padding: 2px 5px;
    font-size: 12px;
    margin-bottom: 4px;
    .border-radius(2px);
    &.active{
      background: #dcdcdc;
    }
    a {
      color: #000;
      text-decoration: none;
    }
  }
}
.b-filter__type-content {
  padding: 8px 0 8px 10px;
  margin-bottom: 24px;
  height: 23px !important;
  li {
    padding: 2px 7px;
    margin-bottom: 0;
    &:last-child {
      margin-right: 0;
    }
  }
}
.b-filter__type-events {
  margin-bottom: 36px;
  width: 670px;
  margin-left: auto;
  margin-right: auto;
  border-top: none;
  .border-radius(0 0 6px 6px);
}

.b-news-list {
  #infscr-loading {
    text-align: center !important;
    margin-bottom: 30px !important;
  }
  .item {
    margin-bottom: 56px;
    .image {
      width: 110px;
      float: left;
      .preview {
        height: 60px;
        background-position: 0 0;
        background-repeat: no-repeat;
        margin-bottom: 10px;
        .border-radius(6px);
      }
      .date {
        display: block;
        font-style: italic;
        text-align: center;
        font-size: 11px;
        color: #c4c4c4;
      }
    }

    .summary {
      .header {
        color: #000;
        font-size: 18px;
        line-height: 30px;
        color: #dbdbdb;
        position: relative;
        span {
          display: block;
          overflow: hidden;
          color: #000;
        }
        .date{
          position: absolute;
          left: 32px;
          top: 60px;
          font-style: italic;
          text-align: left;
          text-decoration: none !important;
          font-size: 11px;
          color: #c4c4c4;
        }
        &:hover {
          color: #000;
          span {
            color: #000;
          }
        }
      }
      p {
        color: #4c4c4c;
        line-height: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 12px;
        border-bottom: 1px dashed #c4c4c4;
        margin-left: 130px;
      }
      a{
        display: block;
        &:hover{
          .sepia{
            filter: none;
            -webkit-filter: grayscale(0);
          }
        }
        img{
          width: 110px;
          float: left;
          margin-right: 20px;
          .border-radius(4px);
        }
      }
      .socnet {
        margin-left: 130px;
        .opacity(0.5);
      }
    }
    &:hover {
      .socnet {
        .opacity(1);
      }
    }
  }
}

#next{
  display: none;
}

.b-events-list {
  .border-radius(6px);
  margin-bottom: 130px;
}

.b-events-column {
  float: left;
  width: 50%;
  background: #f0f0f0;
  padding-top: 24px;
}

.b-events-column__type-prev {
  .border-radius(6px 0 0 6px);
}

.b-events-column__type-prev.next{
  background: #FFF;
  .box-shadow(0px 0px 30px #cccccc);
  .border-radius(6px);
  .sepia{
    filter: none;
    -webkit-filter: grayscale(0);
  }
}

.b-events-column__type-next {
  .border-radius(0 6px 6px 0);
  background: #fff;
  .box-shadow(0 2px 40px -1px #CCCCCC);
}

.b-events-column {
  h4 {
    margin-left: 20px;
    background: none;
  }
  .item {
    margin-bottom: 40px;
    margin-left: 20px;
    width: 300px;
    .image {
      height: 176px;
      background-position: 0 0;
      background-repeat: no-repeat;
      display: block;
      position: relative;
      .border-radius(6px 6px 0 0);
      span {
        position: absolute;
        bottom: 0;
        left: 0;
        color: #fff;
        background-color: #000;
        background-color: rgba(0,0,0,0.85);
        display: block;
        width: 268px;
        padding: 16px;
        font-size: 14px;
      }
    }
    .info {
      background: #f0212a;
      color: #fff;
      padding: 8px 16px;
      overflow: hidden;
      .date {
        float: left;
        text-transform: uppercase;
      }
      .group {
        float: right;
      }
    }
    .socnet {
      background: #fff;
      text-align: center;
      padding: 12px 0;
      border: 1px solid #d9d9d9;
      border-width: 0 1px 1px;
      .border-radius(0 0 6px 6px);
      .opacity(0.5);
    }
    &:hover {
      .socnet {
        .opacity(1);
      }
    }
  }
}

.b-timeline-overflow-container{
  overflow: hidden;
  height: 359px;
  width: 100%;
}

.b-container-timeline{
  position: relative;
  //overflow: hidden;
  clear: both;
  padding-top: 14px;
}

.b-banners-timeline {
  height: 281px;
  .caroufredsel_wrapper{
    overflow: visible !important;
  }
  .arrow{
    top: 82%;
    height: 15% !important;
  }
  ul {
    .border-radius(6px);
    &.b-banners-slides{
      margin-top: -10px !important;
    }
    li {
      height: 137px;
      width: 690px;
      float: left;
      .border-radius(6px);
      &:hover{

        cursor: pointer;
      }
    }
  }
  .b-banners-slides .date,
  .b-banners-slides .summary {
    display: none;
  }
  .b-banners-paginate {
    bottom: 181px;
    left: 0;
    width: 100%;
    height: 36px;
    padding-top: 26px;
    +div{
      margin-top: 154px !important;
    }
    li {
      margin-right: 160px;
      margin-left: 0;
      width: 14px;
      height: 14px;
      background: url("/h/img/timeline_li.png") 0 0 no-repeat;
      position: relative;
      .date {
        text-indent: 0;
        font-size: 9px;
        text-transform: uppercase;
        position: absolute;
        width: 80px;
        top: 14px;
        left: -33px;
        text-align: center;
        color: #666;
        white-space: nowrap;
      }
      .bubble {
        font-size: 10px;
        text-transform: uppercase;
        color: #434343;
        position: absolute;
        left: -89px;
        bottom: 25px;
        top: auto;
        text-align: center;
        width: 192px;
        background: url('/h/img/bubble_bottom.png') no-repeat bottom;
        padding-bottom: 12px;
        >div{
          background:#fafafa url('/h/img/bubble_middle.png') repeat-x bottom;
          width: 180px;
          border: 1px solid #cccccc;
          border-bottom: 0;
          .border-radius(3px);
          padding: 5px;
          a{
            text-decoration: none;
            color: #434343;
          }
        }
      }
      &.selected {
        width: 26px;
        height: 26px;
        background: url("/h/img/timeline_li_active.png") 0 0 no-repeat;
        position: relative;
        top: -6px;
        .date {
          color: #000;
          top: -14px;
        }
        .bubble {
          bottom: auto;
          top: 40px;
          width: 335px;
          left: -142px;
          color: #ffffff;
          background: url("/h/img/bubble_top_red.png") no-repeat left top ;
          padding-top: 9px;
          padding-bottom: 21px;
          font-size: 13px;
          >div{
            //                        background: url("/h/img/bubble_middle_red.png") left center no-repeat;
            background-color: #f43f46; /* Old browsers */
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0M2Y0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2Y0M2Y0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iI2VkMWMyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZDFjMjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top,  #f43f46 0%, #f43f46 49%, #ed1c24 53%, #ed1c24 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f43f46), color-stop(49%,#f43f46), color-stop(53%,#ed1c24), color-stop(100%,#ed1c24)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  #f43f46 0%,#f43f46 49%,#ed1c24 53%,#ed1c24 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  #f43f46 0%,#f43f46 49%,#ed1c24 53%,#ed1c24 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  #f43f46 0%,#f43f46 49%,#ed1c24 53%,#ed1c24 100%); /* IE10+ */
            background: linear-gradient(to bottom,  #f43f46 0%,#f43f46 49%,#ed1c24 53%,#ed1c24 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f43f46', endColorstr='#ed1c24',GradientType=0 ); /* IE6-8 */
            padding: 10px;
            width: 290px;
            border: none;
            .border-radius(3px);
            .box-shadow(3px 3px 10px rgba(0,0,0,0.4));
            a{
              color: #ffffff;
            }
          }
        }
      }
    }
    .bar {
      width: 100%;
      position: absolute;
      height: 4px;
      background: #d7d7d7 url(/h/img/nav_timline.png) no-repeat center;
      left: 0;
      top: 33px;
    }
  }
}

.index-page {

  h4{
    margin-bottom: 20px !important;
    span{
      background: white;
      a{
        text-decoration: none !important;
        color: black !important;
        cursor: pointer !important;
      }
    }
  }
  .b-banners-timeline{
    margin-bottom: 40px;
    ul{
      li{
        width: 960px;
      }
    }
    .b-banners-paginate{
      li{
        width: 14px;
      }
      li.selected{
        width: 26px;
      }
    }
  }
}
.b-container-timeline{
  +div.content-sub{
    .b-filter__type-events{
      margin-top: -40px;
    }
  }
}
.content-sub{
  .bar{
    background: #d7d7d7 url(/h/img/nav_timline_690.png) no-repeat center !important;
  }
  .arrow{
    top: 82%;
  }
  .b-banners-timeline{
    margin-bottom: 0;
    height: 283px;
  }
  .b-container-timeline{
    clear: none !important;
  }
}
.b-trains {


    .item {
    width: 220px;
    margin: 0 15px 50px 0;
	max-height: 379px;

        &.wc-lite-special .info {
            background-color: #089542 !important;
        }
    &:hover{
      .box-shadow(0 2px 40px -1px #CCCCCC);
      .border-radius(6px);
      overflow: hidden;
    }
    .border-radius(6px);
    float: left;
    overflow: hidden;
    img {
      border-top-left-radius: 6px !important;
      border-top-right-radius: 6px !important;
      margin-bottom: -65px;
      filter: url("/h/js/grayfilter.svg#grayscale"); /* Firefox 3.5+ */
      filter: gray; /* IE6-9 */
      -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
    }
    &:hover{
      img{
        filter: none;
        -webkit-filter: grayscale(0);
      }
    }
    &.last {
      margin-right: 0;
    }
    &.item-expanded {
      .summary {
        //                border-top-left-radius: 6px !important;
        //                border-top-right-radius: 6px !important;
      }
    }
    &.beauty-spa_item {
      .content_wrap {
        height: 291px;
        .content-short {
          height: 284px;
        }
      }
    }
    .image {
      position:relative; display:block;
      height: 234px;
      background-position: center;
      background-color: #f6f6f6;
      background-repeat: no-repeat;
      .border-radius(6px 6px 0 0);
      overflow: hidden;
    }
    .summary {
      position: relative;
      background-color: #000;
      background-color: rgba(0,0,0,0.8);
      color: #fff;
      padding: 15px 0px;
      font-size: 14px;
      line-height: 18px;
      display: table;
      width: 100%;
      min-height: 19px;
      .summary-in {
        display: table-cell;
        vertical-align: middle;
		padding-right: 15px;
		font-size: 12px;
      }
    }
    .info {
      position: relative;
      background-color: #ec1c24;
      padding: 7px 0 7px 12px;
      color: #fff;
      span {
        display: inline-block;
        height: 12px;
        line-height: 14px;
      }
      .time {
        padding-left: 17px;
        margin-right: 20px;
		margin-left: 10px;
        background: url(/h/img/trains_clock.png) 0 0 no-repeat;
      }
      .ccal {
        padding-left: 12px;
        margin-right: 18px;
        background: url(/h/img/trains_bolt.png) 0 0 no-repeat;
      }
      .star {
        width: 11px;
        height: 12px;
        margin-right: -2px;
        position: relative;
        top: 2px;
        background: url('/h/img/trains_star.png') 0 0 no-repeat;
      }
    }
    .content_wrap {
      height: 104px;
      position: relative;
      .hidden,
      .bottom-link {
        display: none;
      }
      .more {
        color: #ed1c24;
      }
      .content-short {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 500;
        padding: 6px 12px 0 12px;
        width: 194px;
        border: 1px solid #eee;
        border-width: 0 1px 1px;
        .border-radius(0 0 6px 6px);
        line-height: 17px;
        background-color: #fff;
        min-height: 97px;
        p {
          margin-bottom: 12px;
          color: #4c4c4c;

        }
      }
      .bottom-link {
        //                    position: absolute;
        //                    bottom: 0;
        border-top: 1px solid #dbdbdb;
        padding: 12px 0;
        a {
          color: #ccc;
          text-decoration: underline;
          background: url(/h/img/trains_target.png) 0 2px no-repeat;
          padding-left: 20px;
          line-height: 20px;
          display: inline-block;
          height: 18px;
          span {
            color: #ed1c24;
            text-decoration: none;
          }
        }
      }
      /*&.clicked {
        .content-short {
          .box-shadow(0 2px 40px -1px #CCCCCC);
        }
        .hidden,
        .bottom-link {
          display: block;
        }
        .more {
          display: none;
        }
      }*/
    }

    &.b-shadow{
      .box-shadow(0 2px 40px -1px #CCCCCC);
      .content-short {
        .box-shadow(0 2px 40px -1px #CCCCCC);
      }
    }
    &.hover {
      cursor: pointer;
      .box-shadow(0 2px 40px -1px #CCCCCC);
      .content_wrap {
        .content-short {
          .box-shadow(0 2px 40px -1px #CCCCCC);
        }
        .hidden,
        .bottom-link {
          display: block;
        }
        .more {
          display: none;
        }
      }
    }
    /*&:hover {
      cursor: pointer;
      .box-shadow(0 2px 40px -1px #CCCCCC);

    }*/
  }
  .b-trains-overflow{
    .size(352px,100%);
    overflow:hidden;
    padding:40px 40px 0;
    margin:-40px -40px 0;
  }
}

.item-expanded p{
  display: block;
  overflow: hidden;
}
.button-show-all{
  .border-radius(3px);
  #gradient > .vertical(#ef333a,#d61a22);
  color:#fff;
  text-shadow:1px 0 1px #b20910;
  padding:0 6px;
  text-transform:uppercase;
  font-size:10px;
  display:inline-block;
  cursor:pointer;
}
.button-show-all:hover{
  #gradient > .vertical(#d61a22,#ef333a);
}
.vertical-gap{
  .size(0,100%);
  overflow:hidden;
  clear:both;
  margin:17px 0;
}
.news-detail {
  color: #4c4c4c;
  font: 13px/20px 'TornadoCyr-Regular';
  p {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 22px;
    color: #4c4c4c;
    font: 13px/20px 'TornadoCyr-Regular';
  }
  .news-info {
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #dbdbdb;
    color: #c4c4c4;
    font-style: italic;
    font-size: 13px;
    a {
      color: #c4c4c4;
      text-decoration: none;
      &:hover{
        color: #000;
      }
    }
    .all{
      float: right;
    }
    span {
      font-style: normal;
      padding: 0 4px 0 6px;
    }
  }
  img {
    display: block;
    max-width: 690px;
    margin-bottom: 20px;
    .border-radius(6px);
  }
  blockquote {
    margin-bottom: 20px;
    padding-top: 60px;
    padding-bottom: 38px;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    font-style: italic;
    font-family: Arial;
    position: relative;
    &:before {
      content: "“";
      position: absolute;
      left: 50%;
      top: 20px;
      color: #c4c4c4;
      font-size: 50px;
      font-family: "Trebuchet MS";
    }
    &:after {
      content: "“";
      position: absolute;
      left: 50%;
      bottom: 0;
      color: #c4c4c4;
      font-size: 50px;
      font-family: "Trebuchet MS";
    }
  }
  .twice {
    overflow: hidden;
    img.left {
      float: left;
    }
    img.right {
      float: right;
    }
  }
  .social {
    border-top: 1px solid #dbdbdb;
    padding-top: 20px;
    margin-bottom: 40px;
    img {
      .border-radius(0);
    }
  }
  table.past-mesta {
    width:100%;
    margin-top:0px;
    margin-bottom:45px;
    td {
      color:#000;
      font-family: 'TornadoCyr-regular';
      font-size:12px;
      line-height:20px;
      width:50%;
      padding:10px 10px 10px 0px;
      border-bottom:1px solid #dcdcdc;
      font-weight:100;
      vertical-align:middle;
      width:130px;
    }
    th {
      font-size:14px;
      text-transform:uppercase;
      padding-right:10px;
      text-align:left;
      font-family: 'TornadoCyr-Bold';
      font-weight:100;
      vertical-align:bottom;

      div {
        text-transform:none;
        border-bottom:2px solid #000;
        padding-bottom:5px;
      }
    }
    td.col1 {
      font-size: 14px;
      width: 100px;
      padding-left:20px;
    }
    th.col1 {
      padding-left:20px;
      vertical-align:top;
    }
    tr.str1 {
      td {
        color:#000;
      }
    }
    tr.str2 {
      td {
        color:#666;
      }
    }
    tr.str3 {
      td {
        color:#999;
      }
    }
  }
}
.b-enter {
  background: url(/h/img/enter_bg.png) center 268px no-repeat;
}
.b-enter-content {
  width: 960px;
  margin: 0 auto;

  h6 {
    font-size: 72px;
    line-height: 42px;
    text-align: center;
    font-weight: 100;
    text-transform: uppercase;
    padding-top: 24px;
    margin-bottom: 35px;
  }

  p {
    color: #999;
    margin-bottom: 36px;
    text-align: center;
    line-height: 20px;
  }

  .form {
    width: 580px;
    margin: 0 auto;
  }

  .control {
    position: relative;
    margin-bottom: 30px;
    &.control-active {
      input[type="text"] {
        border-color: #5b5b5b;
      }
    }
    &.control-error {
      label {
        color: #822b2b;
      }
      input[type="text"] {
        border-color: #ff6464;
        color: #ff6464;
        background-color: #ffdcdc;
      }
    }
    label {
      position: absolute;
      left: 25px;
      top: 10px;
      font-size: 9px;
      color: #999;
      text-transform: uppercase;
      line-height: 9px;
      font-family: Arial;
    }
    input[type="text"] {
      height: 50px;
      border: 2px solid #dbdbdb;
      .border-radius(6px);
      display: block;
      width: 530px;
      padding: 16px 25px 0;
      font-size: 36px;
      font-family: 'TornadoCyrThin';
      color: #000;
    }
  }

  .action {
    height: 55px;
  }
}


div.b-banners-slides-caption {
  border-bottom-right-radius: 7px;
  h2 span {
    background: none repeat scroll 0 0 #ED1C24;
    border-radius: 6px 6px 6px 6px;
    font-size: 9px;
    line-height: 0;
    padding: 3px 8px;
    position: relative;
    top: -3px;
  }
}

.b-banners-index{
  img{
    border-radius: 8px;
  }
}

// banners
.membership_wrapper {
  width: 650px !important;
}

.b-banners-wclife {
  height: 500px;
  overflow: hidden;
  text-align: center;
  .b-inner-rotate {
    width: 690px;
    position: relative;
    left: 20px;
  }
  li {
    height: 210px;
    width: 190px;
    margin-right: 40px;
    float: left;
  }
  .img {
    display: block;
    height: 120px;
    margin-bottom: 12px;
    .border-radius(6px);
    background-position: center;
    background-repeat: no-repeat;
  }
  a {
    color: #000;
    font-size: 14px;
    text-decoration: none;
  }
  .arrow {
    width: 11px;
    height: 21px;
    margin-top: 0;
    top: 50px;
    opacity: 0.9 !important;
  }
  .prev {
    background: url("/h/img/wclife-arrow-left.png") 0 0 no-repeat;
    left: 1px;
  }
  .next {
    background: url("/h/img/wclife-arrow-right.png") 0 0 no-repeat;
    right: 1px;
  }
  .chl-name {
	
	color: #000000;
	display: block;
	font-size: 16px;
	height: 60px;
	line-height: 20px;
	text-align: center;

  }
}


//chlenstvo

div.chlenstvo {

  h1 {
    font-family: 'TornadoCyr-bold';
    text-transform: uppercase;
    padding-bottom:20px;
  }
  h2 {
    font-family: 'TornadoCyr-bold';
    font-size:19px;
    font-weight: 100;
    margin-bottom:10px;
  }
  div.chl-main-block {
    overflow:hidden;
    margin-bottom:20px;

    span.image {
      border: 1px solid #EEEEEE;
      border-radius: 6px 6px 6px 6px;
      display: block;
      float: left;
      height: 228px;
      margin-bottom: 20px;
      margin-right: 20px;
      width: 318px;
    }

    p {
      color:#4c4c4c;
      font-size:12px;
      line-height:20px;
      margin-bottom:10px;
    }
  }
  div.b-banners {
    li {
      color:#4c4c4c;
      text-align:center;
      display:block;

      span.chl-name {
        color: #000000;
        display: block;
        font-size: 16px;
        height: 40px;
        line-height: 20px;
        text-align: center;
      }
      span.image {
        background-position: center center;
        display: block;
        height: 120px;
        margin-bottom: 12px;
        width: 190px;
      }
    }
    .eActive {
  span.image {
        background-position: center center;
        display: block;
        height: 120px;
        margin-bottom: 7px;
        width: 190px;
      }
    }
  }

  div.chl-benefits {
    div.chl-benefits-block {
      margin:50px 0px 70px;
      padding:50px 0px 0px;
      border-top:1px solid #dcdcdc;

      span.image {
        width:320px;
        height:230px;
        border-radius: 6px 6px 6px 6px;
        margin-bottom:10px;
      }
      h5 {
        font-family: 'TornadoCyr-bold';
        font-size: 19px;
        font-weight: 100;
        margin-bottom: 20px;
        line-height: 24px;
        text-transform: uppercase;
        padding-top:10px;
      }
      p {
        color:#4c4c4c;
        font-size:12px;
        line-height:20px;
        margin-bottom:20px;
      }
      a {
        color: #000000;
        text-decoration: none;

        &:hover {
          border-bottom: 1px solid #000;
        }
      }
    }
    div.chl-benefits-block-left {
      span.image {
        float:left;
        margin-right:20px;
      }
    }
    div.chl-benefits-block-right {
      span.image {
        float:right;
        margin-left:20px;
      }
    }
  }

  div.chl-quote {
    margin-bottom:80px;
    margin-top:40px;

    .b-banners.b-banners-index {
      .arrow {
        .opacity(0.5);
        &:hover {
          .opacity(1);
        }
      }
    }

    .b-banners-index {
      height:295px;
      border-radius:0px;

      .arrow {
        cursor: pointer;
        position: absolute;
        text-indent: 9999px;
        z-index: 200;

        height: 21px;
        margin-top: 0;
        top: 120px;
        width: 11px;
      }
      .prev {
        background: url("/h/img/wclife-arrow-left.png") no-repeat scroll 0 0 transparent;
        left: 13px;
      }
      .next {
        background: url("/h/img/wclife-arrow-right.png") no-repeat scroll 0 0 transparent;
        right: 13px;
      }
      li {
        width: 690px;
        height:295px;

        div.chl-quote-border {
          background: url("/h/img/quote.jpg") no-repeat scroll 40px 13px transparent;
          border: 1px solid #DCDCDC;
          border-radius: 6px 6px 0 0;
          bottom: 0;
          height: 270px;
          position: absolute;
          left: 1px;
          width: 687px;

          p {
            font-family: 'Georgia';
            font-size: 14px;
            line-height: 20px;
            color:#4d4d4d;
            font-style:italic;
            margin:40px 240px 0px 40px;
            text-align: left;
          }
          .b-banners-slides-caption {
            background-color: #272727;
            height: 50px;
            left: -2px;
            padding: 0 40px;
            width: 610px;
            text-align: left;

            span.chl-quote-name {
              font-family: 'TornadoCyr-bold';
              font-size: 14px;
              font-weight: 100;
              line-height: 50px;
              text-transform: uppercase;
              color:#fff;
              margin-right:10px;
            }
            span.chl-quote-add {
              line-height: 50px;
              color:#a9a9a9;
            }
          }
        }
        img {
          bottom: 1px;
          display: block;
          position: absolute;
          right: 43px;
        }
      }
    }
  }

  div.b-banners-ben {
    li {

      width:165px;
      margin-right:2px;

      span.image {
        width:165px;
      }
    }
    .arrow {
      top: 95px;
    }
  }
}
div.b-banners-slides-future {

  .b-banners-slides-caption .b-banners-slides-caption-red {
    padding: 28px 0 28px 22px;
    width: 230px;
  }
  .b-banners-slides-caption div {
    padding: 36px 20px 36px 275px;
  }
}

div.future {
  color: #4C4C4C;
  font-size: 13px;
  .activity-partners{
    list-style: none;
    li{
      float: left;
      height: 100px;
      margin-right: 29px;
      margin-top: auto;
    }
  }
  a {
    color: #000;
    text-decoration: none;

    span {
      border-bottom: 1px solid #CCCCCC;
    }
  }
  h1 {
    font-family: 'TornadoCyr-bold';
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 15px;
    padding-bottom: 0;
    text-transform: uppercase;
  }
  h2 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 20px;
    text-transform: uppercase;
  }
  div.fut-up {
    border-bottom: 1px solid #CCCCCC;
    color: #C4C4C4;
    font-family: Arial;
    font-size: 11px;
    font-style: italic;
    margin-bottom: 30px;
    padding-bottom: 10px;

    span {
      a {
        float: none;
      }
    }

    a {
      float:right;
      margin-left:10px;
      font-family:Arial;
      font-style:italic;
      font-size:11px;
      color:#c4c4c4;
      text-decoration:none;
    }
    a:hover {
      color:#000;
    }
    a.fut-cal {
      background: url("/h/img/ac-in-cal.jpg") no-repeat scroll 5px 3px transparent;
      border: 1px solid #C4C4C4;
      border-radius: 3px;
      padding: 2px 10px 1px 26px;
      position: relative;
      top: -3px;
    }
    a.fut-cal:hover {
      background: url("/h/img/ac-in-cal-sel.jpg") no-repeat scroll 5px 3px transparent;
      border: 1px solid #000;
    }
  }

  p.fut-preview {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 35px;
    .tornado_regular();
  }

  a.fut-reg {
    display: block;
    margin-right: 30px;
    width: 168px;
    margin-bottom: 30px;
    margin-left: 145px;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: center;
    padding-top: 9px;
    cursor: pointer;

    &.active {
      background: url("/h/img/ac-in-but-reg.jpg") no-repeat scroll 0 0 transparent;
      border: none;
      color: transparent;
      height: 32px;

    }
  }

  a.fut-fb {
    background: url("/h/img/ac-in-f.jpg") no-repeat scroll 0 0 transparent;
    color: #4C4C4C;
    margin-left: 360px;
    padding-left: 18px;
    position: relative;
    text-decoration: none;
    top: -55px;

    span {
      border-bottom: 1px solid #CCCCCC;
    }
  }
  table.fut-dop {
    width:100%;
    margin-top:-20px;
    margin-bottom:80px;
    td {
      color:#4c4c4c;
      font-family: 'TornadoCyr-regular';
      font-size:12px;
      line-height:20px;
      width:50%;
      padding-right:20px;
    }
    tr.header {
      td {
        font-family: 'TornadoCyr-bold';
        font-size:14px;
        line-height:20px;
        color:#000;
        padding-top:20px;
      }
    }
  }
  div.socnet {
    margin-bottom:60px;
  }
  table.fut-program {
    width:100%;
    margin-bottom:30px;
    th {
      text-align:left;
      padding:10px 0px;
      font-family: 'TornadoCyr-regular';
      font-size:18px;
      line-height:24px;
      font-weight:100;

      span.date {
        background:#000;
        border-radius:6px;
        color:#fff;
        font-family: 'TornadoCyr-regular';
        font-size:12px;
        line-height:24px;
        text-transform:uppercase;
        font-weight:100;
        padding:5px 10px;
      }
    }
    td {
      color: #000000;
      font-family: 'TornadoCyr-regular';
      font-size: 12px;
      line-height: 20px;
      vertical-align: middle;
      width: 300px;
    }
    td.time {
      width:50px;
      padding:10px 0px;
      span {
        background:#dcdcdc;
        border-radius:6px;
        padding:5px;
      }
    }
  }
  p.fut-adress {
    text-align:center;
    font-family:Arial;
    font-style:italic;
    color:#808080;
    margin-bottom:20px;
    font-size:12px;
    line-height:20px;
  }
  table.fut-adress {
    width:100%;
    margin-bottom:60px;
    td {
      color:#4c4c4c;
      font-family: 'TornadoCyr-regular';
      font-size:12px;
      line-height:20px;
      width:50%;
      padding-right:20px;
    }
    tr.header {
      td {
        font-family: 'TornadoCyr-bold';
        font-size:14px;
        line-height:20px;
        color:#000;
        padding-top:20px;
      }
    }
  }
  p.fut-docs {
    margin:15px 0px;

    a {
      font-size: 14px;
      margin-right: 4px;
      padding-bottom: 1px;
      padding-right: 39px;

      &.pdf {
        background: url("/h/img/ac-in-pdf.png") no-repeat scroll right top transparent;
      }

      &.xls {
        background: url("/h/img/ac-in-xls.png") no-repeat scroll right top transparent;
      }

      &.xlxs {
        background: url("/h/img/ac-in-xlxs.png") no-repeat scroll right top transparent;
      }

      &.ppt {
        background: url("/h/img/ac-in-ppt.png") no-repeat scroll right top transparent;
      }

      &.doc {
        background: url("/h/img/ac-in-doc.png") no-repeat scroll right top transparent;
      }
    }


    span.mb {
      color:#c4c4c4;
      font-size:11px;
      font-family:Arial;
    }
  }
  div.fut-all-events-bot {
    border-top:1px solid #dcdcdc;
    text-align:right;
    padding:15px 0px 20px;
    margin-top:30px;
    a {
      color:#808080;
      font-size:11px;
      font-family:Arial;
      font-style:italic;
      &:hover{
        color: #000;
      }
    }
  }
  .b-social-likes {
    margin-top: 20px;
  }
  strong {
    font-family: "TornadoCyr-Bold", sans-serif;
  }

  p.past-news {
    color:#4c4c4c;
    font-size:12px;
    margin-bottom:40px;

    a {
      font-size:14px;

      span {
        border-bottom: 1px solid #CCCCCC;
      }

      &:hover {
        span {
          border-bottom: 1px solid #4c4c4c;
        }
      }
    }
  }

  ol, ul {
    margin-left: 15px;
    margin-bottom: 10px;
  }

  .common-info {
    margin-bottom: 30px;

    p {
      font-family: "TornadoCyr-Regular";
      margin-bottom: 10px;
    }
  }

  .programm-header{
    margin-bottom: 20px;

    .date {
      background: #000;
      border-radius: 4px;
      color: #fff;
      font-family: 'TornadoCyr-bold';
      font-size: 13px;
      line-height: 24px;
      text-transform: uppercase;
      font-weight: 100;
      padding: 8px 10px 5px 10px;
    }
  }

  p {
    font-family: 'TornadoCyr-regular';
  }
  .title {
    font-weight: bold;
    font-family: 'TornadoCyr-Bold'
  }
  table.past-mesta {
    width:100%;
    margin-top:0px;
    margin-bottom:45px;
    td {
      color:#000;
      font-family: 'TornadoCyr-regular';
      font-size:12px;
      line-height:20px;
      width:50%;
      padding:10px 10px 10px 0px;
      border-bottom:1px solid #dcdcdc;
      font-weight:100;
      vertical-align:middle;
      width:130px;
    }
    th {
      font-size:14px;
      text-transform:uppercase;
      padding-right:10px;
      text-align:left;
      font-family: 'TornadoCyr-Bold';
      font-weight:100;
      vertical-align:bottom;

      div {
        text-transform:none;
        border-bottom:2px solid #000;
        padding-bottom:5px;
      }
    }
    td.col1 {
      font-size: 14px;
      width: 100px;
      padding-left:20px;
    }
    th.col1 {
      padding-left:20px;
      vertical-align:top;
    }
    tr.str1 {
      td {
        color:#000;
      }
    }
    tr.str2 {
      td {
        color:#666;
      }
    }
    tr.str3 {
      td {
        color:#999;
      }
    }
  }
}
.past_program {
  margin-bottom: 20px;
  .date {
    background: #000;
    border-radius: 4px;
    color: #fff;
    font-family: 'TornadoCyr-bold';
    font-size: 13px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 100;
    padding: 8px 10px 5px 10px;
  }
  .time {
    font-size: 13px;
    span {
      background: #ddddde;
      border-radius: 4px;
      color: #4c4c4c;
      font-family: 'TornadoCyr-Regular';
      line-height: 24px;
      text-transform: uppercase;
      font-weight: 100;
      padding: 7px 7px 5px 7px;
      margin-right: 10px;
    }
  }
}

.b_row_span {
  min-height: 40px;

  .b_left_span {
    float: left;
    max-width: 100px;
  }


  span.b_right_span {
    float: left;
    width: 530px;
    background: none;
    text-transform: none;
  }
}
div.club_map {
  .active{

  }
  h4 {
    line-height:20px;
  }

  div.club_map-adr {
    height: 410px;

    .map-contacts {
     height: 310px;
	 width: 690px;
      margin-left:0px;
    }
    p.street {
      font-family: 'TornadoCyrThin';
      font-size: 22px;
      line-height: 30px;
      color:#000;
    }
    p.metro {
      font-family: 'TornadoCyrThin';
      font-size: 22px;
      line-height: 30px;
      color:#bfbfbf;
      margin-bottom:15px;
      width:300px;
    }
    a.big-map {
      background: url("/h/img/but-big-map.png") no-repeat scroll left top transparent;
      color: #E8E8E8;
      display: block;
      font-family: Arial;
      font-size: 10px;
      height: 22px;
      line-height: 20px;
      text-align: center;
      text-decoration: none;
      text-shadow: 0 1px 1px #000000;
      width: 136px;
    }
    div.borders {
      border-top:1px solid #dcdcdc;
      border-bottom:1px solid #dcdcdc;
      height:1px;
      width:300px;
      margin:20px 0px;
    }
    div.inputs {
      width:300px;
      position:relative;

      div.input {
        background: url("/h/img/a-b-point.png") no-repeat scroll 8px 11px #E5E5E5;
        border-radius: 6px 6px 6px 6px;
        height: 53px;
        margin-bottom: 10px;
        width: 300px;
        position: relative;

        input.input {
          background: none repeat scroll 0 0 #E5E5E5;
          border: medium none;
          font-family: 'TornadoCyr-regular';
          font-size: 14px;
          height: 18px;
          margin-left: 35px;
          margin-top: 15px;
          width:230px;
        }
        input.input-min {
          font-size: 12px;
          color:#8d8d8d;
        }
        a.close-input {
          background: url("/h/img/close-input.png") no-repeat scroll 0 0 #E5E5E5;
          display: block;
          height: 19px;
          position: absolute;
          right: 10px;
          top: 16px;
          width: 19px;
        }
      }
      span.club_map-str {
        background: url("/h/img/club-str.png") no-repeat scroll 0 0 transparent;
        display: block;
        height: 21px;
        position: absolute;
        right: -12px;
        top: 47px;
        width: 11px;
      }
      div.input-b {
        background: url("/h/img/a-b-point.png") no-repeat scroll 8px -48px #E5E5E5;
      }
      h4 {
        margin-top:20px;
      }
      a.button-go {
        background: url("/h/img/button-go.jpg") no-repeat scroll center center #FFFFFF;
        color: #E8E8E8;
        display: block;
        font-family: 'TornadoCyr-regular';
        font-size: 14px;
        height: 29px;
        line-height: 25px;
        margin-left: 55px;
        position: relative;
        text-align: center;
        text-decoration: none;
        text-shadow: 0 1px 1px #000000;
        text-transform: capitalize;
        top: -5px;
        width: 190px;
      }
    }
  }
  table.club-map-hours {
    max-width: 690px;
    margin-bottom:30px;
    th {
      padding-right:20px;
      font-family: 'TornadoCyr-regular';
      font-size:16px;
      text-align:left;
      font-weight:100;

      h4 {
        text-align:left;
      }
    }
    td {
      color:#000;
      font-family: 'TornadoCyrThin';
      font-size:25px;
      line-height:40px;
      width:350px;
      padding-right:20px;

      span {
        /*color:#bfbfbf;*/
      }
    }
    td.st-width, th.st-width {
      width:300px;
    }
    tr.header {
      td {
        color: #B2B2B2;
        font-family: 'TornadoCyr-bold';
        font-size: 10px;
        font-weight: 100;
        height: 30px;
        line-height: normal;
        text-transform: uppercase;
        vertical-align: bottom;
      }
    }
	tr {
		width: 300px;
	}
  }
  span.image-map-adress {
    display:block;
    width:690px;
    height:auto;
    border-radius:6px;
  }
  table.fut-adress {
    width:100%;
    margin-bottom:60px;
    td {
      color:#4c4c4c;
      font-family: 'TornadoCyr-regular';
      font-size:12px;
      line-height:20px;
      width:50%;
      padding-right:20px;
    }
    tr.header {
      td {
        font-family: 'TornadoCyr-bold';
        font-size:14px;
        line-height:20px;
        color:#000;
        padding-top:20px;
      }
    }
  }
}


div.past-banners .b-banners-slides-caption .b-banners-slides-caption-red {
  font-size:27px;
}
div.past-banners .b-banners-slides-caption a {
  color:#fff;
}

div.past {
  div.past-new-block {
    .activity-partners{
      list-style: none;
      li{
        float: left;
        margin: 10px 10px 0 10px;
        line-height: 80px;
        a{
          img{
            display: inline-block;
            vertical-align: middle;
            line-height: 1.2;
          }
        }
      }
    }
    padding-bottom:65px;
    /*border-bottom:3px solid #000;*/
    /*margin-bottom:20px;*/
    margin-bottom: 0px;
    .transition_v2(~'opacity', 1s, 'linear');

    .past-new-block-body {
      margin-top: 30px;
      overflow: hidden;
      .transition_v2(~'max-height', 1s, 'ease-out');
    }
    &.past-new-block-inactive {
      opacity: 0.2;
      cursor: pointer;
      &:hover {
        opacity: 0.4;
      }
      .past-new-block-body {
        max-height: 0;
      }
    }
  }
  div.past-new-block-next  {
    border:none;
    padding:none;
    .opacity(1);
  }
  a {
    color: #000;
    text-decoration: none;

    span {
      border-bottom: 1px solid #CCCCCC;
    }
  }
  h1 {
    font-family: 'TornadoCyr-bold';
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 15px;
    padding-bottom: 0;
    text-transform: uppercase;
    padding-top: 0px;
  }
  h2 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 20px;
    text-transform: uppercase;
  }
  div.fut-up {
    border-bottom: 1px solid #CCCCCC;
    color: #C4C4C4;
    font-family: Arial;
    font-size: 11px;
    font-style: italic;
    margin-bottom: 30px;
    padding-bottom: 10px;

    a {
      float:right;
      margin-left:10px;
      font-family:Arial;
      font-style:italic;
      font-size:11px;
      color:#c4c4c4;
      text-decoration:none;
    }
    a:hover {
      color:#000;
    }
  }
  p.fut-preview {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 35px;
    .tornado_regular();
  }
  p.past-news {
    color:#4c4c4c;
    font-size:12px;
    margin-bottom:40px;

    a {
      font-size:14px;

      span {
        border-bottom: 1px solid #CCCCCC;
      }

      &:hover {
        span {
          border-bottom: 1px solid #4c4c4c;
        }
      }
    }
  }
  .b-filter__type-events {
    border-radius:6px;
    border:1px solid #DCDCDC;
    margin-bottom:20px;
  }
  table.past-mesta {
    width:100%;
    margin-top:0px;
    margin-bottom:45px;
    td {
      color:#000;
      font-family: 'TornadoCyr-regular';
      font-size:12px;
      line-height:20px;
      width:50%;
      padding:10px 10px 10px 0px;
      border-bottom:1px solid #dcdcdc;
      font-weight:100;
      vertical-align:middle;
      width:130px;
    }
    th {
      font-size:14px;
      text-transform:uppercase;
      padding-right:10px;
      text-align:left;
      font-family: 'TornadoCyr-Bold';
      font-weight:100;
      vertical-align:bottom;

      div {
        text-transform:none;
        border-bottom:2px solid #000;
        padding-bottom:5px;
      }
    }
    td.col1 {
      font-size: 14px;
      width: 100px;
      padding-left:20px;
    }
    th.col1 {
      padding-left:20px;
      vertical-align:top;
    }
    tr.str1 {
      td {
        color:#000;
      }
    }
    tr.str2 {
      td {
        color:#666;
      }
    }
    tr.str3 {
      td {
        color:#999;
      }
    }
  }
  div.socnet {
    margin-bottom:60px;
  }
  p.fut-docs {
    margin:15px 0px;

    a {
      font-size: 14px;
      margin-right: 4px;
      padding-bottom: 1px;
      padding-right: 49px;

      &.pdf {
        background: url("/h/img/ac-in-pdf.png") no-repeat scroll right top transparent;
      }

      &.xls {
        background: url("/h/img/ac-in-xls.png") no-repeat scroll right top transparent;
      }

      &.xlxs {
        background: url("/h/img/ac-in-xlxs.png") no-repeat scroll right top transparent;
      }

      &.ppt {
        background: url("/h/img/ac-in-ppt.png") no-repeat scroll right top transparent;
      }

      &.doc {
        background: url("/h/img/ac-in-doc.png") no-repeat scroll right top transparent;
      }
    }

    span.mb {
      color:#c4c4c4;
      font-size:11px;
      font-family:Arial;
    }
  }

  div.past-photoresults {
    margin-top:40px;
    background:#1f1f1f;
    border-radius:6px;
    padding:30px;

    h4 {
      background:url("/h/img/bg_h4_2.jpg") repeat-x scroll 0 8px transparent;

      span {
        background:#1f1f1f;
        color:#fff;
      }
    }
    a {
      border-radius: 6px 6px 6px 6px;
      display: block;
      float: left;
      height: 120px;
      margin: 10px;
      width: 190px;
      overflow: hidden;
      cursor: pointer;
    }

    .past-photoresults-box{
      overflow: hidden;
      display: none;

      img{
        opacity:0;
        .transition(all .5 ease);
      }
      &.visible{
        img{
          opacity : 1;
        }
      }
    }
  }
  div.b_line {
    height: 3px;
    background: #000;
    margin-bottom: 20px;
  }
}

#photoresults-next{
  margin: 10px 0 0;
}
div.chlenstvo, .fitness-test {
  p.chl-main-text {
    font-size: 16px;
    font-weight: 100;
    line-height: 30px;
    margin-bottom:40px;
    padding-top:15px;
  }
  div.chl-vid-ban {
    height: 160px;
    margin-bottom:0px;

    li span.image {
      height:120px;
    }
    .eActive{
      a{
        cursor: default;
    span {
      border: solid 5px #DCDCDC;
      margin-top: -5px;
    }
      }
    }
    li a {
      font-size:18px;
      color:#000;
    }
    ul, li {height:160px;}
  }
  div.chl-vid-descr {
    padding-top:8px;
    position:relative;
    margin-bottom:80px;

    span.str-vid {
      background: url("/h/img/str-chl-v.png") no-repeat scroll 0 0 transparent;
      height: 13px;
      position: absolute;
      top: -2px;
      width: 27px;
    }
    span.str-vid1 {
      left:100px;
    }
    span.str-vid2 {
      left:334px;
    }
    span.str-vid3 {
      left:330px;
    }
    div.descr-block {
      background: none repeat scroll 0 0 #DCDCDC;
      border: 1px solid #CECECE;
      border-radius: 6px 6px 6px 6px;
      box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.07) inset;
      font-size: 14px;
      line-height: 24px;
      margin-left: 20px;
      padding: 40px 0 40px 40px;
      width: 610px;
	  overflow: hidden;

      p {margin-right:40px;}

      table {
        width:100%;

        td {
          width:33%;
          padding-right:40px;
          vertical-align:top;
          color:#4c4c4c;
          line-height:20px;
          font-size:12px;

          a {
            color: #000;
          }

          img {
            margin-top:40px;
          }
        }
        tr.header {
          td {
            font-size:16px;
            color:#000;
            padding-bottom:5px;
            padding-top:10px;
          }
        }
      }
    }
  }
}

.fitness-test {
  .fitness-test-description {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 40px;
  }

  .fitness-test-slides {
    a {
      font-size: 17px;
    }
  }

  .fitness-test-ban {
    margin-bottom: 10px;
    height: 175px;

    li {
      text-align: center;
    }
  }

  .descr-text {
    margin-bottom: 40px;
    font-family: 'tornadocyr-bold'
  }

  .ft-list-wrap {
    display: inline-block;

    .list-title {
      font-family: 'tornadocyr-bold';
    }

    ul {
      list-style: none;
      font-size: 12px;
      width: 255px;

      &:nth-child(even) {
        margin-right: 40px;
      }

      li {
        margin-left: 15px;
        position: relative;

        &:before {
          content: '';
          position: absolute;
          left: -13px;
          top: 7px;
          height: 8px;
          width: 10px;
          background: url('/h/img/fitness-test-list-mark.png') 0 0 no-repeat;
        }
      }
    }
  }

  div.chl-vid-descr {
    span.str-vid {
      left: 330px;
    }
  }
}
div.b-login {
  margin-bottom:150px;
  h6 {
    margin-bottom:55px;
  }

  div.checkboxes {
    color: #999999;
    font-size: 9px;
    margin-left: 150px;
    margin-top: -37px;
    text-transform: uppercase;

    input {
      margin-right:5px;
    }
  }

  div.dops {
    margin-top:50px;
    a {
      color: #000000;
      text-decoration: none;

      span {
        border-bottom: 1px solid #CCCCCC;
      }
    }
    p.dop1 {
      text-align:left;
      float:left;
      width:320px;
    }
    p.dop2 {
      text-align:left;
      float:right;
      width:235px;
    }
  }
}
.b-tel__contrast
{
  position: relative;
  background: #000;
  border-radius: 6px;
  height: 83px;
  margin-bottom: 30px;

  .b-phone-block {
    float: left;
    margin: 15px 0 0 95px;

    .item {
      font-family: "TornadoCyrThin", sans-serif;
      color: #fff;
      text-decoration: none;
      display: block;
      font-size: 24px;
      line-height: 30px;
    }
  }

  .b-text {
    font-size: 12px;
    line-height: 18px;
    color: #999;
    display: block;
    width: 250px;
    float: left;
    padding: 15px 10px 14px 30px;
    a {
      color: #dcdcdc;
      &:hover,
      &:focus {
        color: #ccc;
      }
    }
  }

  .b-text.big {
    width: 295px;
  }

  .b-tel__link
  {
    &:hover
    {
      text-decoration: none;
    }
    background: transparent url("../img/1/images/b-icon_mid__phone.png") no-repeat 25px 29px;
    .tornado_light;
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 27px 10px 26px 40px;
    font-size: 30px;
    float: left;
    line-height: 30px;
    width: 300px;
    margin-left: 30px;
    background-position: 7px 29px;
  }
}


.b-special
{
  margin-bottom: 40px;

  .socnet
  {
    margin-bottom: 40px;
  }

  .b-icon-wrap
  {
    position: relative;
    margin: 10px auto 30px;
    .b-icon_item
    {
      text-align: center;
      float: left;
      width: 180px;
      font-size: 12px;
      line-height: 20px;
      color: #4c4c4c;
      margin: 0 26px;

      .item {
        margin-top: 20px;

        .span2 {
          float: left;
          width: 48%;
        }
      }
    }

    .b-icon_item.mini {
      margin: 0px;
    }

    .b-icon_item.left {
      padding-right: 20px;
    }
    .b-icon_item.right {
      width: 475px;
      background: url(/h/img/line.png) top left repeat-y;
    }
  }


  .content.content-sub {
    float: left;
    width: 700px;
    margin-left: 20px;
  }
  .b-trains {
    .item {
      width: 220px;
      margin: 0 15px 20px 0;
      .border-radius(6px);
      float: left;
      z-index: 2;
      &.last {
        margin-right: 0;
      }
      .image {
        overflow: hidden;
        height: auto;
        background-position: center;
        background-color: #f6f6f6;
        background-repeat: no-repeat;
        .border-radius(6px 6px 0 0);
      }
      .info {
        .date {
          text-transform: uppercase;
        }
      }

    }
  }

  .g-mini-button
  {
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    line-height: 16px;
    position: absolute;
    padding-right: 15px;
    left: 0;
    top: 0;
    height: 16px;
    padding: 0 6px;
    border-radius: 3px;
  }

  .b-button-wrap
  {
    position: relative;
    height: 20px;
    margin: -20px 0 35px;
  }
}

.f30
{
  font-size: 30px;
}

.b-content-sub_inner
{
  >div{
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 16px;
    .more{
      font-size: 8px;
      text-transform: uppercase;
      letter-spacing: 0.025em;
      line-height: 16px;
      position: absolute;
      right: 0 !important;
      bottom: 0 !important;
      height: 16px;
      padding: 0 6px;
      border-radius: 3px;
      background: url(/h/img/g-mini-button-gray.png) 0 0 repeat-x #4f4f4f;
      font-family: Arial;
      text-decoration: none;
      color: #fff;
    }
    > p
    {
      font-size: 16px;
      line-height: 30px;
      margin-bottom: 20px;
    }
  }
  .img_container{
    background: url(/h/img/guest-visit/bg_image_container.png) no-repeat;
    width: 697px;
    height: 520px;

    >div{
      font-size: 18px;
      height: 67px;
      margin-bottom: 15px;
      /*padding: -2px 0px 0px 0px !important;*/
      >div{
        font-size: 18px;

      }
      p{
        font-size: 14px;
        color: #4c4c4c;
      }
    }
    .img_title{
      text-transform: uppercase;
      position: relative;
      top: 40px;
      left: 51px
    }
    .img_cont_1{
      background: url(/h/img/guest-visit/img_1.png) 50px 10px no-repeat;
    }
    .img_cont_2{
      background: url(/h/img/guest-visit/img_2.png) 50px 20px no-repeat;
    }
    .img_cont_3{
      background: url(/h/img/guest-visit/img_3.png) 50px 10px no-repeat;
    }
    .img_cont_4{
      background: url(/h/img/guest-visit/img_4.png) 50px 4px no-repeat;
    }

  }
  .snoska{
      border-top: 1px solid #c4c4c4;
      padding-top: 30px;
      p{
        line-height: 18px;
        color: #4c4c4c;
        font-size: 11px;
      }
    }
}

.b-rules
{
  .pdf
  {
    display: inline-block;
  }
  .b-hr
  {
    margin: 40px 0 30px;
    border-style: none none solid none;
    border-color: #ccc;
    border-width: 1px;
  }
  .b-rules_text {
    font: 11px/18px 'TornadoCyr-Regular', arial, sans-serif;
    color: #4c4c4c;
    margin-bottom: 40px;

    ul {
      margin-left: 30px;
    }
  }

  .b-rules_text.line{
    border-top: 1px solid #dcdcdc;
    padding-top: 25px;
  }
  margin-bottom: 40px;
}

.b-special_offers {
  .b-button-wrap {
    z-index: 1;
    margin: 0 0 35px;
  }
  .item {
    &.wc-lite-special {
      .info {
        background-color: #089542;
      }
    }

    a {
      text-decoration: none;
    }
    .content_wrap {
      height: 70px;
      position: relative;
      .content-short {
        overflow: hidden;
        min-height: 63px;
        height: 63px;
      }
    }
  }
}
.transition_v2 ( @property, @duration, @style: ease-in-out ) {
  -webkit-transition-property: @property;
  -webkit-transition-duration: @duration;
  -webkit-transition-timing-function: @style;

  -moz-transition-property: @property;
  -moz-transition-duration: @duration;
  -moz-transition-timing-function: @style;

  -ms-transition-property: @property;
  -ms-transition-duration: @duration;
  -ms-transition-timing-function: @style;

  -o-transition-property: @property;
  -o-transition-duration: @duration;
  -o-transition-timing-function: @style;

  transition-property: @property;
  transition-duration: @duration;
  transition-timing-function: @style;
}


.l-membership-form{

  h1{
    position:relative;
    height:72px;
    line-height:72px;
    margin:52px 0 32px;
    font-size:72px;
    font-family:'TornadoCyr-Regular';
    font-weight:500;
    text-align:center;
    text-transform:uppercase;
  }

  h1 span{
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:36px;
    background-color: #fff;
    background:rgba(255,255,255,.2);
  }

  p{
    color:#999;
    font-size:12px;
    font-family:'TornadoCyr-Regular';
    text-align:center;
  }

  .b-membership-form{
    width:600px;
    margin:42px 180px 75px;
  }

  .b-membership-form__switch-btn{
    height:70px;
  }

  .b-membership-form__switch-btn button{
    float:left;
    position:relative;
    width:280px;
    height:70px;
    margin:0 10px;
    padding:0;
    background:#dbdbdb url("/h/task_img/btn_bg_grey.png") repeat-x;
    border:0;

    .border-radius(3px);
    b{
      position:absolute;
      left:135px;
      bottom:-5px;
      display:none;
      width:10px;
      height:5px;
      background:url("/h/task_img/black_down_arrow.png") no-repeat;
    }
  }

  .b-membership-form__switch-btn span{
    display:block;
    color:#424242;
    font-size:11px;
    font-family:Arial;
    text-align:center;
    text-transform:uppercase;
  }

  .b-membership-form__switch-btn .top{
    color:#000;
    font-size:24px;
    font-family:'TornadoCyrThin';
  }

  .b-membership-form__switch-btn .current{
    background:#000 url("/h/task_img/btn_bg_black.png") repeat-x;

    .top{
      color:#fff;
    }
    b{
      display:inline-block;
    }
  }

  .input-wrap{
    width:576px;
    height:66px;
    margin:15px 10px;
    border:2px solid #dbdbdb;

    .transition_v2(~"border-color", .3s, "linear");

    .border-radius(5px);
    &.short{
      width:336px;

      input{
        width:314px;
        line-height: 28px;
      }
    }
    &.e-mail-short-field {
      float: left;
      margin: 0;
      width: 280px;

      input{
        width: 258px;
        font-size: 28px;
        line-height: 28px;
      }
    }
    &.e-mail-short-field:first-child {
      margin-left: 10px;
      margin-right: 10px;
    }
    &.active{
      border-color:#5b5b5b;
    }
   
    span{
      display:block;
      margin-left:18px;
      color:#999;
      font-size:9px;
    }
	span.join-us{
		text-transform: initial;
		font-size:12px;
	}
    input{
      outline:none;
      display:block;
      width:554px;
      margin-left:13px;
      background:transparent;
      line-height: 28px;
      border:none;
      font-size:36px;
      font-family:'TornadoCyrThin';
      .transition_v2(~"color", .3s, "linear");
      &:required {
        box-shadow:none;
      }
      &:focus{
        color:#000;
      }

    }

    &.error{
      background: #ffdcdc;
      border-color: #ff6464;

      span{
        color: #822b2b;
      }

      input{
        color: #fe0000;
      }
    }

  }

  .drop-down-club{
    position:relative;
    width:580px;
    height:50px;
    margin:13px 10px 0;
    //border-bottom:2px solid #dbdbdb;

    .transition_v2(~"border-color", .3s, "linear");

    &.active{
      border-bottom-color:#5b5b5b;
    }

    &.error{

      background: #ffdcdc;
      border-color: #ff6464;

      .ttl{background-position:0 -27px }
    }


    .club-selected{
      display:block;
      width:380px;
      height:50px;
      line-height:50px;
      margin:0 10px 2px 35px;
      padding:0;
      background:transparent;
      border:0;
      color: #9a9a9a;
      font-size: 18px;
      font-family:'TornadoCyrThin';
      cursor:pointer;
    }
	.ttl-join_us{
      position:absolute;
      top:11px;
      left:0px;
      width:22px;
      height:28px;
      margin:0px;
      background:url("/h/task_img/drop_club_ttl.png") no-repeat;

      span{
        display:block;
        height:25px;
        margin-left:33px;
        color:#999;
        font-size:9px;
        font-family:Arial;
        text-transform:uppercase;
      }
    }
    .ttl{
      position:absolute;
      top:11px;
      left:0px;
      width:150px;
      height:28px;
      margin:0px;
      background:url("/h/task_img/drop_club_ttl.png") no-repeat;

      span{
        display:block;
        height:25px;
        margin-left:33px;
        color:#999;
        font-size:9px;
        font-family:Arial;
        text-transform:uppercase;
      }
    }

    .club-list-wrap{
      position:relative;
      display:none;
      width:580px;
      background:#fff;
      z-index: 999;

      .box-shadow(0 0 40px rgba(0,0,0,.45));
      .border-radius(0 0 3px 3px);
    }

    .row{
      overflow:hidden;
      margin:0 20px;
      border-bottom:1px solid #dcdcdc;

      .title_block_1{
          display: block;
          font-size: 18px;
          font-family: 'TornadoCyr-Bold';
          margin: 17px 0px 0px 0px;
        }

      .new_title{
        width: 211px;
        margin: 10px 0px 3px 0px;

        .title_block_0{
          display: inline;
          font-size: 18px;
          font-family: 'TornadoCyr-Bold';
        }

      }

      &.last-child{
        border:0;
      }
      //времменно
      ul:first-child{
        display: visible;
      }
      ul{
        list-style:none;
        float:left;
        width:25%;
      }

      li{
        padding:8px 0;

      }

      span{
        padding:5px 8px;
        cursor:pointer;

        &.current, &:hover{
          background:#dcdcdc;

          .border-radius(2px);
        }
      }

    }

  }

  .b-captcha{
    width:580px;
    margin:29px 10px 25px;
    padding:20px 0;
    background:#f1f1f1 url("/h/task_img/bg_b_chaptcha.png") repeat-x;

    .border-radius(3px);

    span{
      display:inline-block;
      width:100px;
      height:37px;
      margin:0 50px;
      line-height:20px;
      color:#999;
      font-size:9px;
      font-family:Arial;
      text-align:left;
      text-transform:uppercase;
      vertical-align: middle;
    }

    img{
      border:1px solid #161616;
    }

    input{
      outline:none;
      width:146px;
      height:33px;
      margin-left:10px;
      padding:0 5px;
      border:2px solid #dbdbdb;

      .border-radius(5px);
    }

    &.error{

      input{
        background: #ffdcdc;
        border-color: #ff6464;
        color: #fe0000;
      }
    }

  }

  .b-submit{
    height:56px;
    margin:0 10px;

    button{
      float:left;
      background:transparent;
      border:0 none;
      cursor:pointer;
      padding-left: 0;

      span{
        display:inline-block;
        width:201px;
        height:54px;
        line-height:54px;
        background:#a82328 url('/h/img/g-button-sprite.png') left -29px repeat-x;
        border:1px solid #f5f5f5;
        color:#fff;
        font-size:30px;
        font-family:'TornadoCyrThin';
        text-shadow:0 1px 1px rgba(0, 0, 0, .25);

        .border-radius(3px);
      }

      &.disabled{
		cursor: default;
        span{
          background:#f5f5f5 url("/h/task_img/b_submit_bg.png") repeat-x;
		  cursor: default;
        }
      }

    }

    ul{
      float:left;
      list-style:none;
      height:56px;
      margin-left:18px;
    }

    li{
      height:28px;
      line-height:28px;
      color:#999;
      font-size:9px;
      font-family:Arial;
    }

  }

  .boxError{
    display: none;
    width: 600px;
    padding: 20px 10px;
    color: #c70000;
    font: 11px Arial;
    text-align:left;

    span{
      display: none;
      color: #822b2b;
      font: 9px Arial;

    }
  }

  .membership-form-header{
    float: left;
    margin-right: 20px;
    width: 340px;

    p{
      text-align: left;
    }
  }

  #b-membership-form{
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
  }
  #agreement-text{
    h2{color: #999;margin: 2em 10px 0;text-align: center;text-transform: uppercase}
    p{margin: 1em 10px 0;text-align: justify;text-indent: 3em;}
  }
}
.membership-form-header-h1{
	h1{
      font-size: 60px;
      line-height: 60px;
      margin-top: 0;
      text-align: left;
	  margin-bottom: 10px;
      span{
        height: 22px;
      }
      span:last-child{
        top: 60px;
      }
    }
}
// custom checkbox buttons
.fl_checkbox{
  display:inline-block;
  line-height:25px;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;

  input{
    overflow:hidden
  }

  .custom{
    float:left;
    clear:left;
    overflow:hidden;
    display:inline-block;
    width:20px;
    height:21px;
    margin-right:3px;
    background:url("/h/task_img/sprite_checkbox.png") no-repeat;

    &.checked{
      background-position:0 -21px
    }
  }
  #agreement {border-bottom: 1px dashed #999}

}


.b-aside-menu__ul__second{
  display:none;
  margin-left:15px;
}

.b-aside-menu__ul__second {

  display:block;

  li {
    margin-left: -15px;
    padding-left: 15px;
  }

  span {
    background-image:none;
    background-color:transparent;
    color: #fff;

    &:hover {
      text-decoration: underline;
    }
  }
  .b-aside-menu__li__type-active, li:not(.b-aside-menu__li__type-active):hover {
    background:url("/h/task_img/aside_menu_arrow.png") no-repeat 15px 9px;
  }

  .b-aside-menu__li__type-active {
    background: url("/h/img/b-aside-menu__li__span.png") left bottom repeat-x #ffffff;
    .border-radius(4px);
    span {
      background: url("/h/img/aside_menu_arrow_active.png") no-repeat 0 9px;
      color: #000000;

      text-decoration: none !important;
      cursor: default;
    }
  }

}


.b-aside-menu__li__has-sublist {
  &:hover {
    &:not(.b-aside-menu__ul__second){
      span:hover {
        text-decoration: underline;
      }
    }
    //            .b-aside-menu__ul__second {
    //                &:not(:hover) {
    //                    span {
    //                        text-decoration: none;
    //                    }
    //                }
    //            }
  }
  span {
    background: none;
    color: #FFFFFF;
  }
}



.l-personal-styles {
  h1 {
    font-size:24px;
    font-family:'tornadocyr-bold';
    text-transform:uppercase;
  }

  h3 {
    margin-bottom: 40px;
    color: #000;
    font-size: 24px;
    font-family: 'tornadocyr-bold';
    font-weight: 700;
    text-transform: uppercase;
  }

  .username{
    font-size: 24px;
    font-family:'TornadoCyrThin';
    line-height: 36px;
    padding: 22px 0 0;
  }

  .content {
    p {
      font-size: 12px;
      line-height: 18px;
      font-weight: normal;
      font-family: 'TornadoCyr-Regular', Arial, sans-serif;
      padding: 0;

      &.b-freeze-info {
        height: auto;
        max-width: 894px;
        margin: 0 auto 40px;

        padding: 6px 30px;
        border:3px solid #ED1C24;
        color:#ed1c24;

        font-size: 14px;
        line-height: 24px;

        .border-radius(5px);
      }

      &.b-error-message {
        height: 31px;
        line-height: 31px;
        margin-bottom: 20px;
        padding: 0 30px;
        border: 3px solid #ED1C24;
        color: #ed1c24;
        .border-radius(5px);
        display: block;
        float: right;
        width: 454px;
      }

      &.info-message {
        .border-radius(5px);
        overflow: hidden;
        margin: 0 0 40px;
        padding: 14px 20px 14px 58px;
        font-size: 16px;
        line-height: 24px;
        background: #e8e8e8 url('/h/img/personal-info-message.png') 0 center no-repeat;
      }
    }
  }
}

.b-table-personal-info{
  width:100%;
  margin:30px 0 60px;

  td{
    padding:19px 0 8px;
    color:#222;
    font-size:12px;
    font-family:Arial;
    border-bottom:2px solid #dbdbdb;
  }

  tr.hover{
    th,td{
      border-bottom-color:#000;
    }
  }

  tr.last-child td,tr.hover.last-child td{
    border-bottom:none;
  }

  .td-left{
    width:220px;
  }

  .grey-bg{
    display:inline-block;
    width:160px;
    padding:6px 10px 4px;
    background:#e6e6e6;

    .border-radius(3px);
  }

  .red{
    color:#ed1c24;
  }

  button{
    margin-left:5px;
    border:0 none;
    background:transparent;
    color:#a0a0a0;
    font-size:11px;
    font-family:Arial;

    &.btn-pen{
      //    width:15px;
      height:15px;
      font-style: italic;
      font-size: 11px;
      text-transform: lowercase;

      //    background: url("/h/task_img/pencil_sprite.png") no-repeat 50% 0;

      &:hover{
        background-position:50% -19px;
      }
    }
  }

}



.b-club-events{
  overflow:hidden;
  margin-bottom:70px;

  li{
    list-style:none;
    float:left;
    width:200px;
    margin-right:30px;
    color:#c4c4c4;
    font-size:11px;
    font-family:Arial;
  }

  a{
    display:block;
    color:#dbcfd2;
    text-decoration:underline;

    span{
      color:#000;
    }
  }

}


.b-table-service{
  width:100%;
  margin-bottom:70px;
  color:#222;
  font-size:12px;
  font-family:Arial;


  th,td{
    padding:14px 0 9px;
    text-align:left;
    border-bottom:2px solid #dbdbdb;
  }

  tr.last-child td{
    border-bottom:none;
  }

  th{
    color:#000;
    font-weight:700;

    &.article-name{
      width:210px;
    }

    &.name{
      width:100px;
    }

    &.no-use-service{
      width:170px;
    }

    &.date-start{
      width:125px;
    }

    &.date-end{
      width:125px;
    }
  }
}


.b-freeze-rules{
  list-style-position:inside;
  margin:15px 0;

  li{
    margin:5px 0 10px;
    color:#999;
    font-size:12px;
    font-family:Arial;

    span{
      color:#000;
    }
  }

}

.b-freeze-info {
  height:54px;
  max-width: 894px;
  margin: 0 auto 40px;

  padding:0 30px;
  border:3px solid #ed1c24;
  color:#ed1c24;

  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height:54px;

  .border-radius(5px);
}

.b-error-message {
  height:31px;
  line-height:31px;
  margin-bottom:20px;
  padding:0 30px;
  border:3px solid #ed1c24;
  color:#ed1c24;
  font-family:Arial;

  .border-radius(5px);

  display: block;
  float: right;
  width: 454px;
}


.b-ul-red-dot{
  overflow:hidden;

  li{
    background:url("/h/task_img/list_style_red_dot.png") no-repeat 0 12px;
    line-height:30px!important;
    padding:0 10px;
    color:#000;
  }
}

.b-call-consult{
  margin-bottom:30px;
  color:#000;
  font-size:12px;
  font-family:Arial;

  p{
    margin:30px 0 15px;
    font-weight:700;
  }

  .b-select-wrap{
    height:35px;

    .b-custom-select{
      float:left;
      margin-right:50px;
    }
  }

  textarea{
    outline:none;
    resize:vertical;
    display:block;
    width:676px;
    height:133px;
    margin:27px 0 20px;
    padding:5px;
    background:#fcfcfc;
    border:2px solid #dbdbdb;

    .border-radius(5px);
  }

}

.b-red-btn{
  background:transparent;
  padding:0;
  border:0 none;

  span{
    display:inline-block;
    height:29px;
    line-height:29px;
    padding:0 17px;
    background:#c5292f url("/h/task_img/b-submit-red-bg.png") repeat-x;
    color:#fff;
    font-size:14px;
    font-family:'tornadocyr-regular';
    text-shadow:0 1px 1px rgba(0,0,0,.25);

    .border-radius(5px);
  }
}
.b-min-prepaid.pas {
  overflow: hidden;
  .clearfix;
  input {
    clear: both;
    display: block;
    margin-bottom: 20px;
    &.error {
      float: left;
      clear: none;
    }
  }
  &.one-row {
    input {
      clear: none;
      float: left;
    }
    input[type="submit"] {
      clear: both;
      display: block;
    }
  }
}

.b-min-prepaid{
  line-height:37px;
  margin:20px 0;

  input{
    width:156px;
    height:33px;
    line-height:33px;
    padding:0 5px;
    margin-right:10px;
    background:#fcfcfc;
    border:2px solid #dbdbdb;

    .border-radius(5px);
  }
}


.b-custom-select{
  position:relative;
  width:220px;
  border-bottom:2px solid #dbdbdb;
  color:#000;
  font-size:14px;
  font-family:Arial;

  .item-selected{
    display:block;
    width:167px;
    height:33px;
    line-height:33px;
    padding:0 43px 0 10px;
    background:url("/h/task_img/b-black-down-arrow.png") no-repeat 100% 0;
    cursor:pointer;
  }

  .custom-select__item-list{
    position:absolute;
    top:0;
    left:0;
    width:239px;
    height:190px;
    padding:10px;
    background:#fff;

    .box-shadow(0 0 40px rgba(0,0,0,.35));

    .custom-select__scroll-holder__p{
      position:relative;
    }

    .custom-select__scroll-holder{
      position:absolute;
      width:229px;
      height:180px;
      top:10px;
      left:10px;
    }

    .main-item-list-selected{
      display:block;
      line-height:30px;
      background:url("/h/task_img/b-black-down-arrow.png") no-repeat 100% 0;
      border-bottom:2px solid #5b5b5b;
      font-weight:700;
      cursor:pointer;
    }

    .scroll-list{
      list-style:none;

      li{
        line-height:30px;
        border-bottom:2px solid #dbdbdb;
        cursor:pointer;

        &.item-list-selected{
          font-weight:700;
        }
      }
    }

  }
}

.b-date-picker{
  margin-top: 22px;
  margin-bottom:175px;

  .ttl{
    display:block;
    margin-bottom:40px;
    color:#000;
    font-size:24px;
    font-family:'tornadocyr-bold';
    font-weight:700;
    text-transform:uppercase;
  }

  .b-date-picker-wrap{
    position:relative;
    width:290px;
    height:30px;
    border-bottom:2px solid #5b5b5b;

    .date-picker-input{
      position:absolute;
      top:0;
      left:0;
      outline:none;
      width:105px;
      height:30px;
      line-height:30px !important;
      margin-left:10px;
      background:url("/h/task_img/b-black-down-arrow.png") no-repeat 100% 0;
      border:none;
      font:14px Arial;
      font-weight:700;
      cursor:pointer;
    }
  }

  p.desc{
    margin-top:40px;
    color:#999;
    font:12px 'tornadocyr-regular';

    a{
      color:#000;
      text-decoration:none;
      font-weight:700;
    }
  }

}

h1.glow {
  font-size: 60px;
  line-height: 60px;
  position: relative;
  &:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url('/h/img/h1-glow.png') 0 22px repeat;
  }
}

.datepick {
  width:290px;
  margin-top:2px;
  background:#fff;
  font:10px Tahoma;

  .box-shadow(0 0 40px rgba(0,0,0,.45));

}

.datepick-nav{
  width:270px;
  height:47px;
  margin:0 10px;
  border-bottom:2px solid #dcdcdc;
}

.datepick-cmd{
  z-index: 1001;
  position:absolute;
  top:16px;
  display:block;
  width:0;
  height:21px;
  padding-left:11px;
  overflow:hidden;
  background:url("/h/task_img/datepicker-arrow.png") no-repeat;
}

.datepick-cmd-prev{
  left:35px;
}

.datepick-cmd-next{
  right:35px;
  background-position:0 -29px;
}

.datepick-popup {
  z-index: 1000;
}


.datepick-month-row{
  width:290px;
}


.ttl-mounth-year{
  position:absolute;
  top: 19px;
  width:290px;
  color:#000;
  font:14px Arial;
  text-align:center;

}

.datepick-month{
  width:290px;
  height:152px;
}

.datepick-month table{
  width:238px;
  margin:auto 21px;
  padding-bottom:20px;
}

.datepick-month th{
  padding-top:10px;
}

.datepick-month th,.datepick-month td{
  width:34px;
  text-align:center;

}

.datepick-month a{
  display:block;
  width:34px;
  padding:5px 0;
  color:#000;
  text-decoration:none;
  vertical-align:middle;
}

.datepick-month .datepick-weekend,.datepick-month .datepick-dow-6,.datepick-month .datepick-dow-0{
  color:#f00;
}

.datepick-month .datepick-selected{
  background:#f00;
  color:#fff;
}

.datepick-month a:hover{
  background:#dcdcdc;
  color:#000;
}

















/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
  overflow: hidden;
  position: relative;
}

.jspPane
{
  position: absolute;
}

.jspVerticalBar
{
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 100%;
  background: red;
}

.jspHorizontalBar
{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
  margin: 0;
  padding: 0;
}

.jspCap
{
  display: none;
}

.jspHorizontalBar .jspCap
{
  float: left;
}

.jspTrack
{
  background: #eee;
  position: relative;
}

.jspDrag
{
  background: #000;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;

  .border-radius(3px);
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
  float: left;
  height: 100%;
}

.jspArrow
{
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}

.jspArrow.jspDisabled
{
  cursor: default;
  background: #80808d;
}

.jspVerticalBar .jspArrow
{
  height: 16px;
}

.jspHorizontalBar .jspArrow
{
  width: 16px;
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
  outline: none;
}

.jspCorner
{
  background: #eeeef4;
  float: left;
  height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
  margin: 0 -3px 0 0;
}
div.spa-face2 {
  .item {
    margin: 0 15px 30px 0;

    a.image{
      display:block;
      width:221px;
      height:215px;
      background-color:#f6f6f6;
      background-position: center center;
      border-radius: 6px 6px 0px 0px;
    }
    .content_wrap .content-short {
      padding: 12px 6px 12px 10px;
      width: 202px;
      p {
        color: #4C4C4C;
        margin-bottom:0px;
        a {
          color:#c8c8c8;
          span {
            color:#ed1c24;
          }
        }
      }
    }
  }
}
div.schedule-fltr {
  margin-bottom:35px;

  .schedule-filter-top {
    .border-radius(6px 6px 0 0);
    background-color: #000000;
    padding: 12px 14px;
    position: relative;

    .b-filter {
      margin-bottom: 0px;
      border: 0px solid #dcdcdc;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
      padding: 0px;
    }

    .b-filter li.active a{
      color: #000000;
    }

    .time-age-club-filter {
      display: inline-block;
      height: 22px;
      margin-right: 32px;
      &:last-child {
        margin-right: 0;
      }
    }
    .time-filter {
      .time-age-club-filter;
    }
    .age-filter {
      .time-age-club-filter;
      margin-right: 0px;
    }
    .club-filter{
      position: absolute;
      right: 5px;
      .time-age-club-filter;
      float: right;
      height: 12px;
      padding: 7px 16px 7px 16px;
      line-height: 12px;
      color: white;
      cursor: pointer;
      &:hover {
        color: #E4E4E4;
      }
    }
    .top-filter-buttons {
      letter-spacing: 4px;
      a {
        letter-spacing: normal;
        display: inline-block;
        color: #FFFFFF;
        text-decoration: none;
        .border-radius(3px);
        padding: 5px 12px 5px 28px;
        line-height: 12px;
        background: transparent url('/h/img/schedule-filter-icons.png') 4px 0 no-repeat;
        &.empty{
          cursor: default;
        }
        &.selected {
          color: #000000;
          background-color: #E4E4E4;

        }

        &.filter-time-morning {
          background-position: 4px 0;
        }
        &.filter-time-day {
          background-position: 4px -22px;
        }
        &.filter-time-evening {
          background-position: 4px -44px;
        }
        &.filter-age-adult {
          background-position: 4px -66px;
        }
        &.filter-age-children {
          background-position: 4px -88px;
        }
      }
      li{
        &:hover,
        &:focus {
          a{color: #000000;}
          background-color: #F6F6F6;
        }
      }
    }
  }

  div.buttons-line {
    width: 627px;
    margin: 0 auto;
    .box-shadow(0 0 0 1px #d7d7d7);
    background-color: transparent;
    border-radius: 0px 0px 6px 6px;
    height: 22px;
    padding: 8px 9px;
    &.fitnes-v-parkakh{
      .box-shadow(0 0 0 0px);
      margin-top: 35px;
    }
    a {
      display:block;
    }
    a.save-fltr {
      background: url(/h/img/but-schedule-save-fltr.png) no-repeat;
      float:left;
      width:123px;
      height:22px;
    }
    a.add2cal {
      background: url(/h/img/but-schedule-add2cal.png) no-repeat;
      float:right;
      margin-left:10px;
      width:147px;
      height:22px;
      &.active {
        background-position: 0 -22px;
      }
    }
    a.print {
      background: url(/h/img/but-schedule-print.png) no-repeat;
      float:right;
      margin-left:10px;
      width:70px;
      height:22px;
    }
  }

  div.items {
    background-color: #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 6px 6px 6px 6px;
    margin-top: -4px;
    padding: 10px;
    line-height: 20px;
    .box-shadow(0 0 2px 0 #B6B6B6);

    position: relative;
    z-index: 1;

    a {
      text-decoration:none;
      font-size:12px;
      color:#000;
      margin-right:3px;
      padding: 6px;
      white-space: no-wrap;
      .border-radius(3px);
    }
    li{
      &:hover,
      &:focus {
        color: #000000;
        background-color: #F6F6F6;
      }
    }
    a.item-sel {
      color:#000;
      background:#dcdcdc;
    }
    a.item-black {
      color:#000;
    }
    a.item-grey {
      color: #dcdcdc;
      cursor: default;
      &:hover,
      &:focus {
        color: #dcdcdc;
        background-color: transparent;
      }
    }

  }
  .items-detail-list {
    background-color: #DCDCDC;
    z-index: 0;
    position: relative;
    margin-top: -24px;
    .border-radius(0 0 6px 6px);
    line-height: 12px;
    h6 {
      line-height: 30px;
      .tornado_bold;
      color: black;
      padding-top: 12px;
    }
    a {
      display: inline-block;
      text-decoration:none;
      font-size:12px;
      color:#000;
      margin-right:3px;
      padding: 6px;
      white-space: no-wrap;
      .border-radius(3px);
    }
    li{
      &:hover,
      &:focus {
        color: #000000;
        background-color: #F6F6F6;
      }
    }
    a.item-sel {
      color:#000;
      background:#FFFFFF;
    }
    a.item-black {
      color:#000;
    }
    a.item-grey {
      color:#C2C2C2;
      cursor: default;
      &:hover,
      &:focus {
        color: #C2C2C2;
        background-color: transparent;
      }
    }
    &>div {
      margin-bottom: 0px;
      border: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
      padding: 16px 10px 16px;
      li{
        display: inline-block;
        padding: 2px 5px;
        font-size: 12px;
        margin-bottom: 4px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
      }
      h6{
        font-size: 12px;
        margin-bottom: 10px;
        margin-left: 5px;
      }
    }
  }
}

div.sch-subfilter{
  li.active {
    color:#000;
    background:white;
  }
}

div.schedule-instruction {
  display: none;
  width: 100%;
  height: 60px;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  margin: 20px 0;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  .step {
    width: 220px;
    height: 70%;
    margin-top: 10px;
    margin-left: 30px;
    float: left;
    padding-top: 3px;
    font-style: italic;
    font-family: tornadocyr-bold;
    color: black;
    span {
      margin-top: 1px;
      display: block;
      float: left;
      border: 2px solid black;
      font-size: 16px;
      font-style: normal;
      padding: 6px 11px;
      border-radius: 17px;
      margin-right: 5px;
    }
    a {
      display: inline-block;
      margin: 5px 0 0 15px;
      width: 81px;
      height: 24px;
      background-image: url('/h/img/schedule-export-button.png');
      background-position: 0 0;
    }
    &.inactive {
      color: #dcdcdc;
      span {
        border: 2px solid #dcdcdc;
      }
      a {
        background-position: 0 -24px;
      }
    }
  }
}

.ie8 {
  .schedule-instruction {
    .step {
      span {
        border: none;
        background: url('/h/img/schedule-ie8-circle-bg.png') 0px -31px no-repeat;
      }
      &.inactive {
        span {
          border: none;
          background-position: 0 0;
        }
      }
    }
  }
}


div.schedule-tables {
  &.active {
    .programm {
      &.selected-el {
        background-color: #404040;
        position: relative;
        .close {
          position: absolute;
          top: 0px;
          right: 0px;
          height: 12px;
          width: 12px;
          background: url('/h/img/schedule-selected-close.png') 5px 5px no-repeat;
          padding: 5px;
        }
        .studio {
          color: white;
        }
      }
      &:hover {
        outline: 1px solid #404040;
      }
    }
  }
  margin-bottom:55px;
  .table-open {
    margin-bottom:0px;
    height:auto;
    h4{
      span{
        a{
          background: url("/h/img/close-str.png") no-repeat scroll right 6px transparent;
        }
      }
    }
  }
  .table-close {
    margin-bottom:0px;
    display: none;
    /*table {
        display: none;
    }*/
  }
  h4 span a {
    background: url("/h/img/open-str.png") no-repeat scroll right 6px transparent;
    color: #000000;
    font-size: 18px;
    padding-right: 10px;
    text-decoration: none;
  }
  table {
    width:100%;

    th {
      font-weight:normal;
      text-align:left;
      color:#999;
      border-bottom:2px solid #c5c4c4;
      width: 14%;
      min-width: 102px;
    }
//    th.first {
//      padding-left:0px;
//    }
    td {
      width:14%;
      min-width:101px;
      border-right:1px solid #c5c4c4;
      border-top:1px solid #c5c4c4;

      .programm {
        padding-top: 15px;
        height: 100%;
        display: inline-block;
        width: 100%;
        width: 101px;
      }
      p {
        font-family:Arial;
        margin-left: 7px;
        margin-right: 4px;
      }
      p.time {
        color: #B7B7B7;
        //color: #F1222C;
        font-family: 'TornadoCyrThin';
        font-size: 18px;
        margin-bottom: 7px;
        //        margin-top: 15px;
      }
      p.time-icon {
        background: url("/h/img/time-icon.png") no-repeat scroll 46px 1px transparent;
      }
      p.time-bd {
        background: url("/h/img/bd-icon.png") no-repeat scroll 46px 0px transparent;
      }
      p.sum-icon {
        background: url("/h/img/sum_icon.png") no-repeat scroll 46px 0px transparent;
      }
      p.name {
        color: #F1222C;
        font-size:11px;
        margin-bottom:7px;
        font-weight:bold;
        line-height:15px;
        text-transform: lowercase;
      }
      p.studio {
        font-size:10px;
        color:#444;
        margin-bottom:7px;
        line-height:15px;
      }
      p.person {
        background: url("/h/img/person-icon.png") no-repeat scroll 0 2px transparent;
        color: #999999;
        font-size: 10px;
        margin-bottom: 15px;
        padding-left: 15px;
        line-height:15px;
      }
      div.invisible {
        display: none;
      }
      div.stream {
        font-family:Arial;
        font-size:11px;
        min-height: 14px;
        padding:6px 10px;
        color: #F1222C;
        background:#efefef;
        border-top:1px solid #c5c4c4;
        box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05) inset;
        text-transform: lowercase;
        cursor: pointer;
        p{
          margin: 0;
        }
        p.time-icon {
        background: url("/h/img/time-icon-gray.png") no-repeat scroll 32px 4px transparent;
        }
        p.time-bd {
          background: url("/h/img/bd-icon-gray.png") no-repeat scroll 32px 4px transparent;
        }
        p.sum-icon {
          background: url("/h/img/sum_icon-gray.png") no-repeat scroll 32px 4px transparent;
        }
        .times {
          color: #B7B7B7;
          display: block;
        }
      }
      div.stream2 {
        font-family:Arial;
        font-size:11px;
        padding:6px 10px;
        color: #F1222C;
        background:#efefef;
        border-bottom:1px solid #c5c4c4;
        box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05) inset;
        .time {
          margin: 0;
          color: #B7B7B7;
          font-size: 14px;
        }
      }
    }
    td.first p {
      margin-left: 7px;
    }
    td.last {
      border-right:none;
    }
    td.hovered {
      // background-color: #F1F1F1;
      cursor: pointer;
    }
  }
}

div.advert-club {
  margin-bottom:120px;
  margin-top:25px;

  table {
    width:100%;

    td {
      width:33%;
      padding-right:35px;

      a {
        color:#dbcfd2;

        span {
          color:#000;
        }
      }
    }
    td.last {
      padding:0px;
    }
  }
}

.test-warning {
  a {
    color: #000000;
    text-decoration: none;
    border-bottom: 1px solid #dbdbdb;
    &:hover {
      border-color: #000000;
    }
  }
}

/* Print page */
div.schedule-tables-print{
  font-family:Arial,Tahoma,sans-serif;

  table{
    th{
      color:#000;
      border-bottom-width: 3px;
      border-bottom-color: #000;
    }
    td{
      border-top-width: 3px;
      border-top-color: #000;

      p.time{
        font-family:Arial,Tahoma,sans-serif;
      }
      p.name{
        color:#000;
        font-size:14px;
      }
      div.stream,
      div.stream2
      {
        color:#000;
        box-shadow: none;
        border-top-width:2px;
        border-bottom-width:2px;
      }
      div.programm{
        display: block;
      }
    }
  }
}
.header-print{
  margin-bottom:50px;
  font-family:Arial,Tahoma,sans-serif;
}
.header-logo-print{
  float:left;
  margin-right:55px;
}
.header-aside-print{
  overflow:hidden;
}
.shedule-title-print{
  font-size:30px;
  color:#000;
  font-weight:normal;
  line-height:.8;
  margin-bottom:10px;
}
.shedule-period-print{
  color:#474747;
  font-size:18px;
}
@media screen{
  div.schedule-tables-print,
  div.header-print{
    margin-left: 5%;
    margin-right:5%;
  }
  div.header-print{
    margin-top:40px;
  }
}
@media print{
  div.schedule-tables-print,
  div.header-print{
    margin-left:0;
    margin-right:0;
  }
  .navbar-collapse, .l-header, .b-nav, .footer{
    display:none;
  }
}

.schedule-fltr {
  .club-list-wrap {
    position:absolute;
    display:none;
    width:580px;
    background:#fff;
    z-index: 100;
    right: 0;
    border-top: 2px solid #5b5b5b;

    .box-shadow(0 0 40px rgba(0,0,0,.45));
    .border-radius(0 0 3px 3px);
    white-space: nowrap;
    padding: 10px 0;

    }


  .row{
    overflow:hidden;
    margin:0 20px;
    /*border-bottom:1px solid #dcdcdc;*/


    &.last-child{
      border:0;
    }
    ul:first-child{
      display: visible;
    }
    ul{
      list-style:none;
      float:left;
      width: 579px;
    }

    li{
      padding:8px 0;
       float: left;
      width: 192px;
    }

    a {
      padding:5px 9px;
      color: black;
      text-decoration: none;
      cursor:pointer;

      &:hover,
      &:focus {
        background:#dcdcdc;

        .border-radius(2px);
      }
    }

    .title_block_1{
          display: block;
          font-size: 18px;
          font-family: 'TornadoCyr-Bold';
          margin: 17px 0px 0px 0px;
        }

      .new_title{
        width: 211px;
        margin: 10px 0px 3px 0px;

      }
      .title_block_0{
          display: inline;
          font-size: 18px;
          font-family: 'TornadoCyr-Bold';
        }

  }

  .active-filter {
    &:after {
      content: " ";
      display: block;
      width: 10px;
      height: 8px;
      position: absolute;
      bottom: -5px;
      left: 50%;
      margin-left: -5px;
      background-image: url('/h/img/schedule-filter-tail.png');
    }
  }
}

.add_schelude {
  text-decoration: none;
}

.ie8 div.schedule-fltr .schedule-filter-top .club-filter {
  right: -15px;
}

.not-ready-yet_container {
  min-height: 222px;
  background: transparent url('/h/img/not_ready_yet_bg.png') center no-repeat;

  text-align: center;

  strong {
    margin: 64px 0 24px;

    display: block;
    color: #969696;

    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
  }
  h1 {


    color: #000000;
    font-size: 60px;
    line-height: 1.25em;
    font-weight: normal;
    text-transform: uppercase;
    .tornado_light;
  }

  p {
    .tornado_regular;

    margin-bottom: 64px;

    color: #4c4c4c;
    font-size: 12px;
    line-height: 20px;

    font-weight: normal;
  }

  a {
    text-decoration: none;
    color: #4c4c4c;
    border-bottom: 1px solid #dbdbdb;
    &:hover {
      border-bottom: 1px solid #4c4c4c;
    }
  }
}
.b-news-list {
  .b-social-likes {
    margin-left: 130px;
  }
}

.b-events-column {
  .item {
    .b-social-likes.no-border {
      .opacity(0.7);
      .border-radius(0 0 6px 6px);
      background-color: white;
      .box-shadow(0 0 1px 1px #eeeeee);
      padding: 12px 19px 4px;
      white-space: nowrap;
      letter-spacing: -4px;
      position: relative;
      iframe{
        .opacity(0.7);
        &:hover {
          .opacity(1);
        }
      }
    }
    &:hover {
      .b-social-likes.no-border {
        .opacity(1);
        iframe{
          .opacity(1);
        }
      }
    }
  }
}

.b-social-likes {
  border-top: 1px solid #dcdcdc;
  padding: 26px 0;
  &.no-border {
    border-top: none;
    padding: 0 0 26px;
  }
  a,
  .vk_like,
  [id*="vk_like"],
  .fb_iframe_widget {
    display: inline-block !important;
    vertical-align: top;
  }
  .fb_iframe_widget {
    margin-right: 10px;
  }
}
.b-fitness_child {
  margin-bottom: 56px;
  margin-left:10px;
  .summary{
    a{

		font-size: 12px;
		color: white !important;
		text-decoration: none;

    }
  }
  .b-trains {
    padding-bottom: 7px;
    border-bottom:1px solid #dcdcdc;

    .item {
      width: 220px;
      margin: 0 11px 55px 0;
      // .item-image-link{
      //  display: block;
      //  width: 80px;
      //  height: 100px;
      // }
      .border-radius(6px);
      float: none;
      display: inline-block;
      overflow: hidden;
      img {
        border-top-left-radius: 6px !important;
        border-top-right-radius: 6px !important;
        margin-bottom: -63px;
        filter: url("/h/js/grayfilter.svg#grayscale"); /* Firefox 3.5+ */
        filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
      }
      &:hover{
        img{
          filter: none;
          -webkit-filter: grayscale(0);
        }
      }
      &.last {
        margin-right: 0;
      }
      &.item-expanded {
        .summary {
          //                border-top-left-radius: 6px !important;
          //                border-top-right-radius: 6px !important;
        }
      }
      &.beauty-spa_item {
        .content_wrap {
          height: 291px;
          .content-short {
            height: 284px;
          }
        }
      }
      .image {
        position:relative; display:block;
        height: 234px;
        background-position: center;
        background-color: #f6f6f6;
        background-repeat: no-repeat;
        .border-radius(6px 6px 0 0);
        overflow: hidden;
      }
      .summary {
        position: relative;
        background-color: #000;
        background-color: rgba(0,0,0,0.8);
        color: #fff;
        padding: 14px 12px;
        font-size: 14px;
        line-height: 18px;
      }
      .info {
        position: relative;
        background-color: #ec1c24;
        padding: 4px 0 6px 2px;
        color: #fff;
        span {
          display: inline-block;
          height: 12px;
          line-height: 14px;
        }
        .age {
          padding-left: 10px;
          margin-right: 20px;
        }
      }
      .content_wrap {
        height: 100px;
        position: relative;
        .hidden,
        .bottom-link {
          display: none;
        }
        .more {
          color: #ed1c24;
        }
        .content-short {
          position: absolute;
          left: 0;
          top: 0;
          z-index: 500;
          padding: 6px 3px 0 5px;
          width: 210px;
          border: 1px solid #eee;
          border-width: 0 1px 1px;
          .border-radius(0 0 6px 6px);
          line-height: 20px;
          background-color: #fff;
          min-height: 93px;
          p {
            margin-bottom: 12px;
            color: #4c4c4c;
          }
        }
        .bottom-link {
          //                    position: absolute;
          //                    bottom: 0;
          border-top: 1px solid #dbdbdb;
          padding: 12px 0;
          a {
            color: #ccc;
            text-decoration: underline;
            background: url(/h/img/trains_target.png) 0 2px no-repeat;
            padding-left: 20px;
            line-height: 20px;
            display: inline-block;
            height: 18px;
            span {
              color: #ed1c24;
              text-decoration: none;
            }
          }
        }
      }

      &.b-shadow{
        .box-shadow(0 2px 40px -1px #CCCCCC);
        .content-short {
          .box-shadow(0 2px 40px -1px #CCCCCC);
        }
      }
      &.hover {
        cursor: pointer;
        .box-shadow(0 2px 40px -1px #CCCCCC);
        .content_wrap {
          .content-short {
            .box-shadow(0 2px 40px -1px #CCCCCC);
          }
          .hidden,
          .bottom-link {
            display: block;
          }
          .more {
            display: none;
          }
        }
      }
    }


    .item1 {
      width: 220px;
      margin: 0 15px 55px 0;
      .border-radius(6px);
      float: left;
      overflow: hidden;
      img {
        border-top-left-radius: 6px !important;
        border-top-right-radius: 6px !important;
        margin-bottom: -48px;
      }
      &:hover{
        img{
          filter: none;
          -webkit-filter: grayscale(0);
        }
      }
      &.last {
        margin-right: 0;
      }
      &.item-expanded {
        .summary {
          //                border-top-left-radius: 6px !important;
          //                border-top-right-radius: 6px !important;
        }
      }
      &.beauty-spa_item {
        .content_wrap {
          height: 291px;
          .content-short {
            height: 284px;
          }
        }
      }
      .image {
        position:relative; display:block;
        height: 211px;
        background-position: center;
        background-color: #f6f6f6;
        background-repeat: no-repeat;
        .border-radius(6px 6px 0 0);
        overflow: hidden;
      }
      .summary {
        position: relative;
        background-color: #000;
        background-color: rgba(0,0,0,0.8);
        color: #fff;
        padding: 14px 12px;
        font-size: 14px;
        line-height: 18px;
      }
      .info {
        position: relative;
        background-color: #ec1c24;
        padding: 4px 0 6px 2px;
        color: #fff;
        span {
          display: inline-block;
          height: 12px;
          line-height: 14px;
        }
        .age {
          padding-left: 10px;
          margin-right: 20px;
        }
      }
      .content_wrap {
        height: 100px;
        position: relative;
        .hidden,
        .bottom-link {
          display: none;
        }
        .more {
          color: #ed1c24;
        }
        .content-short {
          position: absolute;
          left: 0;
          top: 0;
          z-index: 500;
          padding: 6px 3px 0 5px;
          width: 210px;
          border: 1px solid #eee;
          border-width: 0 1px 1px;
          .border-radius(0 0 6px 6px);
          line-height: 20px;
          background-color: #fff;
          min-height: 93px;
          p {
            margin-bottom: 12px;
            color: #4c4c4c;

          }
        }
        .bottom-link {
          //                    position: absolute;
          //                    bottom: 0;
          border-top: 1px solid #dbdbdb;
          padding: 12px 0;
          a {
            color: #ccc;
            text-decoration: underline;
            background: url(/h/img/trains_target.png) 0 2px no-repeat;
            padding-left: 20px;
            line-height: 20px;
            display: inline-block;
            height: 18px;
            span {
              color: #ed1c24;
              text-decoration: none;
            }
          }
        }
      }

      &.b-shadow{
        .box-shadow(0 2px 40px -1px #CCCCCC);
        .content-short {
          .box-shadow(0 2px 40px -1px #CCCCCC);
        }
      }
      &.hover {
        cursor: pointer;
        .box-shadow(0 2px 40px -1px #CCCCCC);
        .content_wrap {
          .content-short {
            .box-shadow(0 2px 40px -1px #CCCCCC);
          }
          .hidden,
          .bottom-link {
            display: block;
          }
          .more {
            display: none;
          }
        }
      }
    }

  }
  .item-expanded p{
    display: block;
    overflow: hidden;
    height: 320px;
  }

  .b-fitness_child-text {
    margin-bottom: 65px;

    p {
      font-size: 18px;
      font-family: 'TornadoCyr-regular';
      line-height: 30px;
    }

    h2 {
      margin-top: 40px;
      margin-bottom: 13px;
    }
  }

  div.chl-child{

    div.chl-child-block {

      span.image {
        width:320px;
        height:210px;
        border-radius: 6px 6px 6px 6px;
        margin-bottom:10px;
      }
      h5 {
        font-family: 'TornadoCyr-bold';
        font-size: 18px;
        font-weight: 100;
        margin-bottom: 14px;
        line-height: 24px;
        text-transform: uppercase;
        padding-top:10px;
      }
      p {
        color:#4c4c4c;
        font-size:12px;
        line-height:20px;
        margin-bottom:20px;
        font-family: 'TornadoCyr-regular';
      }

      a {
        color: #000000;
        text-decoration: none;

        span {
          border-bottom: 1px solid #CCCCCC;
        }
      }
      a:hover {
        span {
          background-color: #e72b32;
          color: #FFFFFF;
        }
      }
    }
    div.chl-child-block-left {
      margin:0px 0px 67px;
      padding:0px 0px 0px;
      overflow: hidden;

      span.image {
        float:left;
        margin-right:20px;
      }

      &:last-child {
        margin-bottom: 41px;
      }

    }
    div.chl-child-block-right {
      margin:0px 0px 67px;
      padding:0px 0px 0px;
      overflow: hidden;

      span.image {
        float:right;
        margin-left:20px;
      }

    }
  }

  .chl-text-col {
    border-top:1px solid #dcdcdc;
    margin-top: -15px;
    padding-top: 40px;

    h3 {
      font-family: 'TornadoCyr-bold';
      font-size: 24px;
      font-weight: 100;
      line-height:36px;
      text-transform: uppercase;
      margin-bottom: 13px;
    }

    p {
      color:#000000;
      font-size:12px;
      line-height:20px;
      margin-bottom:20px;
      font-family: 'Arial';
    }

    .chl-text-col-left {
      width: 310px;
      float:left;
    }

    .chl-text-col-right {
      margin-left: 363px;
      width: 310px;
    }
  }

  .chl-text-block {
    margin-top: 46px;
    margin-bottom: 128px;

    h3 {
      font-family: 'TornadoCyr-bold';
      font-size: 24px;
      font-weight: 100;
      line-height:36px;
      text-transform: uppercase;
      margin-bottom: 13px;
    }

    p {
      color:#000000;
      font-size:12px;
      line-height:20px;
      margin-bottom:20px;
      font-family: 'Arial';
    }
  }

}
.b-fitness_vparkah{
	margin: 15px 0px;
	p {
	  font-size: 18px;
	  font-family: 'TornadoCyr-regular';
	  line-height: 30px;
	}	
}	
.b-fitness_personal {
  margin-bottom: 56px;

  .b-fitness_personal-text {
    padding-left: 10px;
    padding-top: 6px;
    padding-right: 12px;
    padding-bottom: 29px;

    p {
      font-size: 18px;
      font-family: 'TornadoCyr-regular';
      line-height: 30px;
    }

    h2 {
      margin-top: 45px;
    }
  }

  div.chl-personal {
    padding-left: 10px;

    div.chl-personal-block {


      span.image {
        width:320px;
        height:210px;
        border-radius: 6px 6px 6px 6px;
        margin-bottom:10px;
      }
      h5 {
        font-family: 'TornadoCyr-bold';
        font-size: 18px;
        font-weight: 100;
        margin-bottom: 14px;
        line-height: 24px;
        text-transform: uppercase;
        padding-top:10px;
      }
      p {
        color:#4c4c4c;
        font-size:12px;
        line-height:20px;
        margin-bottom:20px;
        font-family: 'TornadoCyr-regular';
      }

      a {
        color: #000000;
        text-decoration: none;

        span {
          border-bottom: 1px solid #CCCCCC;
        }
      }
      a:hover {
        span {
          background-color: #e72b32;
          color: #FFFFFF;
        }
      }
    }
    div.chl-personal-block-left {
      margin:0px 0px 39px;
      padding:0px 0px 0px;
      overflow: hidden;

      span.image {
        float:left;
        margin-right:20px;
      }

      &:last-child {
        margin-bottom: 41px;
      }

    }
    div.chl-personal-block-right {
      margin:0px 0px 67px;
      padding:0px 0px 0px;
      overflow: hidden;

      span.image {
        float:right;
        margin-left:20px;
      }

    }
  }

  div.personal-quote {
    margin-bottom:56px;
    margin-top:40px;
    //    margin-left: 10px;
    .b-banners-index {
      border-radius: 0 0 20px 6px;
      height: 371px;
      .caroufredsel_wrapper{
        left: 0 !important;
      }

      .arrow {
        cursor: pointer;
        position: absolute;
        text-indent: 9999px;
        z-index: 200;
        opacity: 1;
        height: 21px;
        margin-top: 0;
        top: 165px;
        width: 11px;
      }
      .prev {
        background: url("/h/img/wclife-arrow-left.png") no-repeat scroll 0 0 transparent;
        left: 13px;
      }
      .next {
        background: url("/h/img/wclife-arrow-right.png") no-repeat scroll 0 0 transparent;
        right: 13px;
      }

      ul {
        left: 10px;

        li {
          width: 690px;
          height: 332px;

          div.chl-quote-border {

            border: 1px solid #DCDCDC;
            border-radius: 7px;
            bottom: 0;
            height: 299px;
            position: absolute;
            left: 1px;
            width: 687px;

            p.title {
              font-family: 'TornadoCyr-bold';
              font-size: 12px;
              line-height: 20px;
              color:#4d4d4d;
              text-align: right;
              margin: 31px 56px 3px 246px;
              text-align: left;
            }
            h3 {
              font-size: 18px;
              font-family: 'TornadoCyr-bold';
              line-height: 24px;
              margin: 26px 57px 3px 247px;
              border: none;
              text-transform: uppercase;

            }
            p {
              font-family: 'TornadoCyr-regular';
              font-size: 12px;
              line-height: 20px;
              color:#4d4d4d;
              text-align: left;
              margin: 11px 57px 3px 247px;
            }

            .b-banners-slides-caption {
              background-color: #272727;
              height: 44px;
              left: -2px;
              padding: 0 40px;
              width: 610px;
            }
          }
          img {
            bottom: 1px;
            display: block;
            position: absolute;
            left: 55px;
          }
        }
      }
    }
  }
}
.membership{
  .fr{
    float: right;
  }
  .fl{
    float: left;
  }
  h2{
    line-height: 26px;
    i{
      background-color: #e5e5e5;
      width: 89px;
      margin-top: 10px;
      height: 1px;
      float: right;
    }
  }
  img{
    .border-radius(5px);
    &.fl{
      margin-right: 20px;
    }
    &.fr{
      margin-left: 20px;
    }
    &+h2{
      overflow: hidden;
      margin-top: 10px;
      &+p{
        overflow: hidden;
      }
    }
  }
  p{
    &+p{
      margin-top: 20px;
    }
  }
  div{
    display: inline-block;
    *display: inline;
    *zoom:1;
    vertical-align: top;
    &+div{
      margin-top: 35px;
    }
    &.dopinfo{
      background-color: #dcdcdc;
      .border-radius(5px);
      padding: 40px;
      border-top: 1px solid #b3b3b3;
      h2{
        &+h3{
          margin-top: 20px;
        }
      }
      h3{
        font-size: 14px;
        font-family: 'TornadoCyr-bold';
        &+p{
          margin-top: 10px;
          &+div{
            margin-top: 35px;
            &+div{
              margin-top: 35px;
            }
          }
        }
      }
      &>div{
        div{
          width: 48%;
          margin-top: 0;
          &+div{
            padding-left: 20px;
          }
        }
      }
      &~div{
        width: 49%;
        &>h2{
          margin-top: 20px;
        }
        &+div{
          width: 48%;
          float: right;
        }
      }
    }
  }
}

// core mixins
//@import "/h/less/mixins.less";
.content-tours{
  margin-left: 270px;
  min-height: 400px;

  .content-sub {
    margin-bottom: 52px;
    padding-bottom: 1px solid #CCCCCC;
  }

  .tours-text-block {
    h2 {
      font-size: 24px;
      line-height: 36px;
      text-transform: uppercase;
      font-family: 'TornadoCyr-bold';
      font-weight: 100;
      margin-bottom: 12px;
      margin-top: 40px;
    }

    p {
      color: #4c4c4c;
      font-size: 18px;
      line-height: 30px;
      margin-bottom: 30px;
      font-family: 'TornadoCyr-regular';
    }
  }


  div.tour-chess {

    div.tour-chess-block {

      span.image {
        width:230px;
        height:330px;
        border-radius: 6px 6px 6px 6px;
        margin-bottom:10px;
      }
      h5 {
        font-family: 'TornadoCyr-bold';
        font-size: 18px;
        font-weight: 100;
        margin-bottom: 14px;
        line-height: 24px;
        text-transform: uppercase;
        padding-top:10px;
      }
      p {
        color:#4c4c4c;
        font-size:12px;
        line-height:20px;
        margin-bottom:20px;
        font-family: 'TornadoCyr-regular';
      }

      a {
        color: #000000;
        text-decoration: none;

        span {
          border-bottom: 1px solid #CCCCCC;
        }
      }
      a:hover {
        span {
          background-color: #e72b32;
          color: #FFFFFF;
        }
      }
    }
    div.tour-chess-block-left {
      margin:0px 0px  48px;
      padding:0px 0px 0px;
      overflow: hidden;

      span.image {
        float:left;
        margin-right:20px;
      }

    }
    div.tour-chess-block-right {
      margin:0px 0px 48px;
      padding:0px 0px 0px;
      overflow: hidden;

      &:last-child {
        margin-bottom: 106px;
      }

      span.image {
        float:right;
        margin-left:20px;
      }
    }
  }


}


.btn_to_rasp{
  width: width: 658px;
  span.club-selected{
    float: left;
    display: block;
    background: #000;
    border-radius: 4px;
    color: #fff;
    font-family: 'TornadoCyr-bold';
    font-size: 13px;
    line-height: 24px;
    font-weight: 100;
    padding: 2px 9px 0px 5px;
    margin: 0px 39px 0px 38px;
    position: relative;
    bottom: 32px;
    cursor: pointer;
  }
}


.slider-desc-pilates{
  padding-top: 8px;
  position: relative;
  margin-bottom: 25px;
  margin-top: 5px;
  display: none;

  .descr-block-pilates{
    background: none repeat scroll 0 0 #DCDCDC;
    border: 1px solid #CECECE;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.07) inset;
    font-size: 14px;
    line-height: 24px;
    margin-left: 0px;
    padding: 19px 10px 10px 10px;
    width: 660px;

    p{
      /*text-indent: 1.5em;*/
    }

    .descr-wrap{
      width: 310px;
      margin-right: 20px;
      float: left;
      margin-bottom: 20px;

      img{
        border-radius: 6px;
      }
      p{
        font-size: 13px;
        margin-left:170px;
        line-height: 18px;
        margin-bottom: 10px;
        color: #4c4c4c;
        font-family: 'TornadoCyr-regular';
        span{
          font-size: 16px;
          color: #000000;
        }
      }

    }
    .descr-block-plmark{
      background: url("/h/img/str-chl-v.png") no-repeat scroll 0 0 transparent;
      height: 13px;
      position: absolute;
      top: -2px;
      width: 27px;
    }

    .plmark-left{
      left:80px;
    }
    .plmark-right{
      left:427px;
    }
  }
}
.slider-desc-pilates.active{
  display: block;
}

#slider_coach{
  .club_name{
    cursor: pointer;
    font-family: 'TornadoCyr-regular';
    font-size: 18px;
    margin: 10px 0px 10px 0px;
    display: block;
    float: left;
  }
}
.pilates_page{
  height: 519px;
}


.pilates-top-block{
  .slide-image {
      display: inline-block;
  }

  img{
    margin: 1px 35px 8px 0px;
    cursor: pointer;
  }
}

.btn_to_rasp{
  position:relative;
  height:50px;
  margin:13px 10px 0;
  /*border-bottom:2px solid #dbdbdb;*/


  &.active{
    /*border-bottom-color:#5b5b5b;*/
  }

  &.error{

    background: #ffdcdc;
    border-color: #ff6464;

    .ttl{background-position:0 -27px }
  }


  .club-selected{
    cursor:pointer;
  }

  .ttl{
    position:absolute;
    top:11px;
    left:10px;
    width:150px;
    height:28px;
    margin:0 10px;
    background:url("/h/task_img/drop_club_ttl.png") no-repeat;

    span{
      display:block;
      height:25px;
      margin-left:33px;
      color:#999;
      font-size:9px;
      font-family:Arial;
      text-transform:uppercase;
    }
  }

  .club-list-wrap{
    z-index: 99;
    top: 455px;
    left: 37px;
    position: absolute;
    /*position:relative;*/
    display:none;
    width:580px;
    background:#fff;

    .box-shadow(0 0 40px rgba(0,0,0,.45));
    .border-radius(0 0 3px 3px);
  }

  .row{
    overflow:hidden;
    margin:0 20px;
    border-bottom:1px solid #dcdcdc;

    &.last-child{
      border:0;
    }
    //времменно
    ul:first-child{
      display: visible;
    }
    ul{
      list-style:none;
      float:left;
      width:25%;
    }

    li{
      padding:8px 0;
    }

    span{
      padding:5px 9px;
      cursor:pointer;

      &.current, &:hover{
        background:#dcdcdc;

        .border-radius(2px);
      }
      a{
        color: #4c4c4c;
        text-decoration: none;
      }
    }

  }

}
.slider_coach{
  clear: both;
}
.chl-vid-ban_new{
  height: 170px !important;
}

div.recl {
  .advleft {
    margin-right: 25px;
  }
  .advright, .advleft {
    display: inline-block;
    width: 330px;
    margin-bottom: 40px;
    position: relative;
    img {
      border-radius: 10px;
    }
    &:hover {
      .arrow {
        opacity: 1;
      }
    }
    .arrow {
      position: absolute;
      top: 85px;
      height: 21px;
      width: 11px;
      z-index: 1000;
      cursor: pointer;
      opacity: 0;
      transition: all 100ms linear;
      &.prev {
        left: 20px;
        background: url(../img/pre.png) no-repeat;
      }
      &.next {
        right: 20px;
        background: url(../img/nxt.png) no-repeat;
      }
    }

    .b-adv-paginate-left, .b-adv-paginate-right {
      position: absolute;
      right: 30px;
      bottom: 15px;
      z-index: 200;
      ul {
        position: relative;
      }
      li {
        width: 14px;
        height: 14px;
        float: left;
        margin-left: 6px;
        background: url(/h/img/bg_banners_point.png) 0 0 no-repeat;
        list-style: none;
        cursor: pointer;
        position: relative;
        .border-radius(0);
        font-size: 0px;
        &.selected {
          cursor: default;
          background: url(/h/img/bg_banners_point_active.png) 0 0 no-repeat;
        }
      }
    }
  }



  h1 {
    font-family: 'TornadoCyr-bold';
    font-size: 24px;
    line-height: 36px;
    text-transform: uppercase;
    padding-top: 6px;
    padding-bottom: 13px;
  }

  p {
    font-family: 'TornadoCyr-regular';
    font-size: 18px;
    line-height: 30px;
  }

  div.recl-vid-descr {
    padding-top:8px;
    position:relative;
    margin-bottom:44px;
    margin-top: 29px;

    div.descr-block {
      background: none repeat scroll 0 0 #DCDCDC;
      border: 1px solid #CECECE;
      border-radius: 6px 6px 6px 6px;
      box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.07) inset;
      font-size: 14px;
      line-height: 24px;
      padding: 36px 0 28px 40px;
      width: 649px;

      h2 {
        font-family: 'TornadoCyr-bold';
        font-size: 18px;
        line-height: 24px;
        text-transform: uppercase;
      }
    }

    table {
      width:100%;

      td {
        width: 50%;
        padding-right: 40px;
        vertical-align: top;
        color: #4c4c4c;
        line-height: 20px;
        font-size: 12px;
        font-family: 'TornadoCyr-regular';

        img {
          margin-top: 16px;
        }

        img.tmp {
          margin-top: 32px;
        }
      }

      td.text {
        padding-top: 7px;

        span {
          font-family: 'TornadoCyr-bold';
          color: #000;
        }
      }

      tr.header {
        td {
          font-size:16px;
          color:#000;
          padding-bottom:5px;
          padding-top:10px;
        }
      }
    }
  }


  .b-banners-index {
    height: 190px;
    width: 330px;
    float: left;

    .arrow {
      top: 108px;

      &.prev {
        background: url(../img/pre.png) no-repeat;
        margin-left: 10px;
      }

      &.next {
        background: url(../img/nxt.png) no-repeat;
        margin-right: -25px;
      }
    }

    .b-banner-with-caption {
      bottom: 14px;
      left: 134px;
    }

  }

  .b-banners{
    margin-right: 15px;
    margin-top: -6px;
    margin-bottom: 36px;
  }

  .list {
    width: 100%;
    float: left;
    margin-top: -31px;
    margin-bottom: 21px;

    .list-left {
      width: 330px;
      float: left;
    }

    .list-right {
      margin-left: 360px;
    }

    h3 {
      font-family: 'TornadoCyr-bold';
      font-size:18px;
      line-height:24px;
      color:#000;
      padding-top:20px;
      padding-bottom: 15px;
      text-transform: uppercase;
    }

    ul {
      list-style-image: url(../img/list.png);
      padding-left: 30px;

      li {
        font-family: 'TornadoCyr-regular';
        font-size:12px;
        line-height:20px;
        padding-bottom: 20px;
      }
    }
  }

  .text {
    margin-bottom: 42px;

    p {
      font-size: 12px;
      font-family: 'TornadoCyr-regular';
      line-height: 20px;
      margin-bottom: 20px;
    }
  }

  table.fut-dop {
    width: 100%;
    margin-top: -20px;
    margin-bottom: 32px;

    td {
      color:#4c4c4c;
      font-family: 'TornadoCyr-regular';
      font-size: 12px;
      line-height: 20px;
      width: 50%;
      padding-right: 20px;
      padding-bottom: 20px;
    }

    td.header-m {
      padding-bottom: 0px;
    }

    tr.adv-mail {
      td {
        a {
          color: black;
          text-decoration: none;
          border-bottom: 1px solid #CCCCCC;

          &:hover {
            border-bottom: 1px solid black;
          }
        }
      }
    }


    tr.header {
      td {
        font-family: 'TornadoCyr-regular';
        font-size: 16px;
        line-height: 30px;
        color: #000;
        padding-top: 5px;
        padding-bottom: 0px;
      }
    }

    tr.body1 {
      td {
        color: #000;
        padding-bottom: 20px;
      }
    }
  }
}
.l-main-standart {

    .banner_landing_page {
      background: url(/h/img/banner.png);
      width: 960px;
      height: 505px;
    }

  .banner-about_history {
    margin-top: 8px;
    width: 960px;
    height: 518px;
    margin-bottom: 30px;

    span.img {
      border-radius: 6px;
      width: 960px;
      height: 470px;
      display: block;
    }

    .banner-about_history-menu {
      height: 43px;
      background: #ed1c24;
      border-radius: 6px;
      margin-top: 25px;

      ul.b-aside-menu__ul {
        padding: 6px 18px 11px;

        li.b-aside-menu__li {
          float: left;
          margin-right: 21px;
        }
      }
    }
  }

  .banner-about_history-content {
    margin-bottom: 39px;

    h2 {
      font-size: 24px;
      line-height: 36px;
      color: #000000;
      font-family: 'TornadoCyr-bold';
      text-transform: uppercase;
      margin-bottom: 26px;
    }

    .bottom {
      margin-bottom: 36px;
    }

    .text-block {
      width: 100%;
      float: left;
      margin-bottom: 28px;
      position: relative;

      .text-block-left {
        width: 500px;
        float: left;
        margin-left: 50px;

        p.b-text {
          font-size: 18px;
          line-height: 30px;
          font-family: 'TornadoCyr-regular';
          margin-bottom: 15px;
        }

        p {
          font-size: 12px;
          line-height: 20px;
          font-family: 'TornadoCyr-regular';
          color: #4c4c4c;
          margin-bottom: 20px;

          .bold {
            font-family: 'TornadoCyr-bold';
          }
        }

        .img1 {
          display: block;
          width: 540px;
          height: 300px;
          border-radius: 6px 6px 6px 6px;
        }

        .text2 {
          color: #000000;
          border-bottom: 1px solid #bfbfbf;
          text-decoration: none;
        }
      }

      .text-block-left2 {
        width: 471px;
        float: left;
        margin-top: 15px;

        .left-text {
          font-size: 12px;
          line-height: 20px;
          font-family: 'TornadoCyr-regular';
          color: #4c4c4c;
          margin-bottom: 20px;
          padding-left: 51px;
        }
      }

      .text-block-right2 {
        margin-left: 490px;
        width: 473px;
        margin-top: 15px;

        .left-text {
          font-size: 12px;
          line-height: 20px;
          font-family: 'TornadoCyr-regular';
          color: #4c4c4c;
          margin-bottom: 20px;
          padding-left: 52px;
        }
      }

      .text-block-right {
        margin-left: 612px;
        padding-top: 84px;
        width: 280px;

        .block1-img6 {
          display: block;
          width: 47px;
          height: 53px;
          position: absolute;
          top: 4px;
          left: 612px;
          float: left;
        }

        .anketa {
          color: #808080;
          display: block;
          float: left;
          font-family: 'Arial';
          font-size: 11px;
          font-style: italic;
          line-height: 18px;
          margin-left: 58px;
          margin-top: -67px;
          width: 183px;

          .anketa-a {
            color: #000000;
            text-decoration: none;
            border-bottom: 1px solid #e2e2e2;
          }
        }


        .block {
          border-bottom: 1px solid #d9d9d9;
          padding-bottom: 38px;
          padding-left: 8px;

        }

        .block-child {
          border-bottom: none;
          padding-bottom: 38px;
          padding-left: 8px;
        }

        .red-text {
          font-size: 60px;
          line-height: 20px;
          font-family: 'TornadoCyrThin';
          color: #ed1c24;
          float: left;
          padding-top: 9px;
        }

        .grey-text {
          font-size: 11px;
          line-height: 14px;
          font-family: 'Arial';
          color: #808080;
          font-style: italic;
          display: block;
          width: 129px;
        }

        .text-block-right-left {
          float: left;
          width: 128px;
        }

        .text-block-right-right {
          width: 128px;
          margin-left: 140px;
        }

        .img {
          display: block;
          width: 195px;
          height: 53px;
          margin-left: 33px;
          margin-top: 26px;
        }

        .text {
          color: #000000;
          display: block;
          margin-bottom: -15px;
          padding-left: 77px;
          padding-top: 14px;
          text-align: center;
          text-decoration: none;
          width: 104px;

          span {
            border-bottom: 1px solid #bfbfbf;
          }
        }

        .button {
          background: none repeat scroll 0 0 #0E0E0E;
          border-radius: 6px 6px 6px 6px;
          color: #FFFFFF;
          display: block;
          font-family: 'TornadoCyr-bold';
          font-size: 18px;
          height: 31px;
          line-height: 24px;
          margin-bottom: -2px;
          margin-left: 31px;
          margin-top: 25px;
          padding-top: 12px;
          text-align: center;
          text-decoration: none;
          text-transform: uppercase;
          width: 200px;
        }

        .text1 {
          color: #000000;
          display: block;
          margin-bottom: -15px;
          padding-left: 64px;
          padding-top: 14px;
          text-align: center;
          text-decoration: none;
          width: 135px;

          span {
            border-bottom: 1px solid #bfbfbf;
          }
        }

        .people {
          position: absolute;
          bottom: 16px;
          left: 612px;

          .people-title {
            font-size: 12px;
            line-height: 20px;
            font-family: 'TornadoCyr-bold';
            color: #00000;
          }

          .people-post {
            font-size: 11px;
            line-height: 20px;
            font-family: 'Arial';
            font-style: italic;
            color: #808080;
            width: 211px;
          }
        }

        .adress {
          position: absolute;
          bottom: 15px;
          left: 612px;

          .adress-text {
            font-size: 11px;
            line-height: 20px;
            font-family: 'Arial';
            font-style: italic;
            color: #808080;
            width: 98px;

            .text2 {
              color: #000000;
              border-bottom: 1px solid #bfbfbf;
              text-decoration: none;
            }
          }
        }

      }

      .text-block-right1 {
        margin-left: 612px;
        width: 280px;
        padding-top: 26px;

        .block1 {
          margin-bottom: 27px;

          .block1-img1 {
            display: block;
            width: 146px;
            height: 44px;
          }

          .block1-img2 {
            display: block;
            float: left;
            margin-right: 20px;
            width: 84px;
            height: 41px;
          }

          .block1-img3 {
            display: block;
            width: 130px;
            height: 37px;
            margin-left: 100px;
          }

          .block1-img4 {
            display: block;
            width: 204px;
            height: 53px;
          }

          .block1-img5 {
            display: block;
            width: 153px;
            height: 59px;
          }



          .comments {
            font-size: 11px;
            line-height: 20px;
            font-family: 'Arial';
            font-style: italic;
            color: #808080;
            margin-top: -16px;
            width: 232px;
          }
        }
      }
    }

    .prize {
      width: 960px;
      border: 1px solid #d9d9d9;
      border-radius: 6px 6px 6px 6px;
      float: left;
      height: 228px;
      margin-bottom: 43px;

      .prize-left {
        width: 170px;
        float: left;
        background: #d9d9d9;
        padding: 18px 30px;

        p {
          font-size: 18px;
          line-height: 24px;
          font-family: 'Times New Roman';
          color: #000000;
          font-style: italic;
        }
      }

      .prize-right {
        margin-left: 239px;
        width: 730px;

        ul {
          list-style: none;

          li {
            height: 210px;
            width: 151px;
            margin-right: 22px;
            float: left;
            padding-top: 24px;

            a {
              font-family: 'Arial';
              color: #4c4c4c;
              font-size: 12px;
              text-decoration: none;
              text-align: center;
              display: block;

              span.chl-name {
                color: #000000;
                display: block;
                font-size: 16px;
                height: 40px;
                line-height: 20px;
                text-align: center;
                font-family: 'TornadoCyr-regular';
              }

              span.image {
                width: 165px;
                display: block;
                height: 120px;
              }
            }
          }

          .img {
            display: block;
            width: 165px;
            height: 120px;
            margin-bottom: 12px;
            .border-radius(6px);
            background-position: center;
            background-repeat: no-repeat;
          }

          a {
            color: #000;
            font-size: 14px;
            text-decoration: none;
          }
        }
      }
    }

    h4 {
      background: url("/h/img/bg_h4.png") repeat-x scroll 0 8px transparent;
      font-family: 'TornadoCyr-Bold';
      font-size: 18px;
      font-weight: 100;
      margin-bottom: 22px;
      text-transform: uppercase;
      margin-top: 5px;

      span {
        background: none repeat scroll 0 0 #FFFFFF;
        padding-right: 10px;
      }
    }



  }
}

.map-overlay{
  #subway-map-moscow,
  #subway-map-spb,
  #subway-map-ekt{
    display: none;
    position: relative;
    width: 961px;
    height: 783px;
    .border-radius(6px);
    border:1px solid #ccc;
    background: url('../img/metro2.png') no-repeat center 41px #FFF;
    &>div{
      position: absolute;
      display: inline-block;
      *display: inline;
      *zoom:1;
      text-transform: uppercase;
      font-family: 'TornadoCyr-Bold';
      font-size: 7px;
      text-shadow: 0 1px 1px #FFF;
      background-color: #FFF;
      cursor: pointer;
      height: 11px;
      line-height: 13px;
      &>i{
        width: 18px;
        height: 18px;
        display: block;
        position: relative;
        background-position: center;
        background-repeat: no-repeat;
        text-transform: none;
        &>div{
          position: absolute;
          z-index: 99;
          bottom: 29px;
          text-align: left;
          h6{
            span{
              text-transform: none;
            }
          }
        }
      }
      &.red{
        &>i{
          background-image: url('../img/red-marker.png');
        }
      }
      &.green{
        &>i{
          background-image: url('../img/green-marker.png');
        }
      }
      &.vinous{
        &>i{
          background-image: url('../img/vinous-marker.png');
        }
      }
      &.vinous-red{
        &>i{
          background-image: url('../img/vinous-red-marker.png');
        }
      }
      &.vinous-green{
        &>i{
          background-image: url('../img/vinous-green-marker.png');
        }
      }
      &.green-red{
        &>i{
          background-image: url('../img/green-red-marker.png');
        }
      }
    }
  }

  #subway-map-spb,
  #subway-map-ekt{
    width: 960px;
    height: 940px;
    background: url('/h/img/spb_subway.png') no-repeat center 40px #FFF;
    &>div{
      font-size: 9px;
      text-transform: none;
      text-align: right;
      line-height: 1;
      &>i{
        margin-top: 3px;
      }
    }
  }
  #subway-map-ekt{
    height: 900px;
    background: url('/h/img/ekt_subway.png') no-repeat center 0 #FFF;
  }
  #subway-map-moscow {
    height: 900px;
    background-position: center 61px;
  }
}

.l-aside {
  .l-aside__wrap-franchising {
    background: #ececec;
    width: 172px;
    height: 134px;
    padding-left: 34px;
    padding-right: 34px;
    padding-top: 9px;
    border-radius: 6px 6px 0px 0px;

    p.aside-title {
      color: #000000;
      font-size: 14px;
      line-height: 36px;
      font-family: 'TornadoCyr-regular';
    }

    input.login {
      margin-top: 18px;
      width: 159px;
      margin-top: 6px;
      margin-bottom: 4px;
      height: 8px;
      padding: 9px 0 9px 9px;
      line-height: 18px;
      border-radius:  6px 6px 6px 6px;
      border: 2px solid #cccccc;
      background: #f4f4f4;
      color: #999999;
      text-transform: uppercase;
      font-size: 9px;
      font-family: arial;
      z-index: 1;
    }
  }

  .button {
    display: block;
    height: 35px;
    width: 240px;
    background: #0e0e0e;
    border-radius:  0px 0px 6px 6px;
    color: #ffffff;
    font-size: 18px;
    line-height: 24px;
    font-family: 'TornadoCyr-bold';
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    margin-bottom: 20px;
    padding-top: 12px;
  }
}

.franchising {
  h3 {
    font-family: 'TornadoCyr-bold';
    font-size: 24px;
    font-weight: 100;
    line-height: 24px;
    margin-bottom: 19px;
    padding-top: 12px;
    text-transform: uppercase;
  }

  p.text-b {
    font-family: 'TornadoCyr-regular';
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 25px;
  }

  p {
    font-family: 'TornadoCyr-regular';
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 20px;
  }

  p.last {
    margin-bottom: 40px;
  }

  h4 {
    margin-bottom: 24px;
  }

  div.b-banners-ben {
    height: 296px;
    margin-bottom:0px;
    border-bottom: 1px solid #dcdcdc;

    li {
      margin-right: 28px;
      width: 200px;
      height: 296px;

      span.image {
        height: 120px;
        margin-bottom: 15px;
      }

      p {
        font-size: 16px;
        margin-bottom: 4px;
      }

      p.text-s {
        font-size: 12px;
        margin: 0;
      }

      span.image {
        width: 190px;
      }

      .eActive{
        a{
          cursor: default;
        }
      }
    }
  }

  p.first {
    margin-top: 40px;
  }

  .descr-block {
    background: repeat #DCDCDC;
    border: 1px solid #CECECE;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.07) inset;
    font-size: 14px;
    line-height: 24px;
    padding: 23px 0 1px 40px;
    width: 649px;
    margin-top: 34px;
    margin-bottom: 44px;

    span.img {
      background: url(../img/franchising-2.png) 4px 0px no-repeat;
      display: block;
      width: 93px;
      height: 103px;
      float: left;
      margin-left: -29px;
      margin-top: -25px;
    }

    &:hover span {
      background-position: right top;
    }

    p.title {
      color: #000;
      line-height: 30px;
      font-size: 18px;
      font-family: 'TornadoCyr-regular';
      margin-top: 3px;
      margin-bottom: 0px;
    }

    p.text {
      color: #4c4c4c;
      line-height: 30px;
      font-size: 14px;
      font-family: 'TornadoCyr-regular';
      margin-top: -8px;

      a {
        color: #000;
        border-bottom: 1px solid #bfbfbf;
        text-decoration: none;
      }
    }
  }

  .list {
    width: 100%;
    float: left;
    margin-top: 7px;
    margin-bottom: 141px;

    .list-left {
      width: 330px;
      float: left;
    }

    .list-right {
      margin-left: 360px;
    }

    span.image {
      border-radius: 6px 6px 6px 6px;
      height: 210px;
      margin-bottom: 10px;
      width: 160px;
      display: block;
      float: left;
      margin-right: 21px;
    }

    p {
      color: #4d4d4d;
    }

    p.name {
      font-family: 'TornadoCyr-regular';
      color: #000000;
      font-size: 16px;
      line-height: 30px;
      margin-bottom: 0;
    }

    p.email {
      margin-top: -9px;

      a {
        color: #000;
        border-bottom: 1px solid #bfbfbf;
        text-decoration: none;
      }
    }

    p.phone1 {
      margin-top: -10px;
    }

    p.phone2 {
      color: #000;
      margin-top: -20px;
    }

    h3 {
      font-family: 'TornadoCyr-bold';
      font-size:18px;
      line-height:24px;
      color:#000;
      padding-top:20px;
      padding-bottom: 15px;
      text-transform: uppercase;
    }

    ul {
      list-style-image: url(../img/list.png);
      padding-left: 30px;

      li {
        font-family: 'TornadoCyr-regular';
        font-size:12px;
        line-height:20px;
        padding-bottom: 20px;
      }
    }
  }
}

.fitness_water-aerobics {
  margin-bottom: 56px;
  margin-left: 10px;

  .summary{
    a {
      color: white !important;
      text-decoration: none;
    }
  }

  .fitness_water-aerobics-list {
    padding-bottom: 7px;
    border-bottom:1px solid #dcdcdc;
    overflow: hidden;

    .item {
      width: 220px;
      margin: 0 15px 55px 0;
      .border-radius(6px);
      float: left;
      overflow: hidden;

      img {
        border-top-left-radius: 6px !important;
        border-top-right-radius: 6px !important;
        margin-bottom: -48px;
        filter: url("/h/js/grayfilter.svg#grayscale"); /* Firefox 3.5+ */
        filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
      }

      &:hover{

        img{
          filter: none;
          -webkit-filter: grayscale(0);
        }
      }

      &.last {
        margin-right: 0;
      }

      &.item-expanded {
        .summary {
          //                border-top-left-radius: 6px !important;
          //                border-top-right-radius: 6px !important;
        }
      }

      &.beauty-spa_item {
        .content_wrap {
          height: 291px;
          .content-short {
            height: 284px;
          }
        }
      }

      .image {
        position:relative; display:block;
        height: 232px;
        background-position: center;
        background-color: #f6f6f6;
        background-repeat: no-repeat;
        .border-radius(6px 6px 0 0);
        overflow: hidden;
      }

      .summary {
        position: relative;
        background-color: #000;
        background-color: rgba(0,0,0,0.8);
        color: #fff;
        padding: 14px 12px;
        font-size: 14px;
        line-height: 18px;
        text-transform: uppercase;
      }

      .info {
        position: relative;
        background-color: #ec1c24;
        padding: 7px 0 7px 13px;
        color: #fff;

        span {
          display: inline-block;
          height: 12px;
          line-height: 14px;
        }

        .time {
          background: url("../img/trains_clock.png") no-repeat scroll 0 0 transparent;
          margin-right: 20px;
          padding-left: 17px;
        }
      }

      .content_wrap {
        height: 106px;
        position: relative;

        .hidden,
        .bottom-link {
          display: none;
        }

        .more {
          color: #ed1c24;
        }

        .content-short {
          position: absolute;
          left: 0;
          top: 0;
          z-index: 500;
          padding: 6px 16px 0px 13px;
          width: 189px;
          border: 1px solid #eee;
          border-width: 1px 1px 1px;
          .border-radius(0 0 6px 6px);
          line-height: 20px;
          background-color: #fff;
          min-height: 97px;

          p {
            margin-bottom: 12px;
            line-height: 17px;
          }
        }

        .bottom-link {
          //              position: absolute;
          //              bottom: 0;
          border-top: 1px solid #dbdbdb;
          padding: 12px 0;

          a {
            color: #ccc;
            text-decoration: underline;
            background: url(/h/img/trains_target.png) 0 2px no-repeat;
            padding-left: 20px;
            line-height: 20px;
            display: inline-block;
            height: 18px;

            span {
              color: #ed1c24;
              text-decoration: none;
            }
          }
        }
      }

      &.b-shadow{
        .box-shadow(0 2px 40px -1px #CCCCCC);
        .content-short {
          .box-shadow(0 2px 40px -1px #CCCCCC);
        }
      }

      &.hover {
        cursor: pointer;
        .box-shadow(0 2px 40px -1px #CCCCCC);
        .content_wrap {
          .content-short {
            .box-shadow(0 2px 40px -1px #CCCCCC);
          }
          .hidden,
          .bottom-link {
            display: block;
          }
          .more {
            display: none;
          }
        }
      }
    }
  }
  .item-expanded p {
    display: block;
    overflow: hidden;
    height: 320px;
  }

  .fitness_water-aerobics-text {
    margin-bottom: 37px;

    p {
      font-size: 18px;
      font-family: 'TornadoCyr-regular';
      line-height: 30px;
    }

    h2 {
      margin-top: 40px;
      margin-bottom: 13px;
    }
  }

  .fitness_water-aerobics-descr {
    padding-top: 8px;
    position: relative;
    margin-bottom: 44px;

    div.descr-block {
      background: none repeat scroll 0 0 #DCDCDC;
      border: 1px solid #CECECE;
      border-radius: 6px 6px 6px 6px;
      box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.07) inset;
      font-size: 14px;
      line-height: 24px;
      padding: 36px 40px 20px;
      width: 609px;

      h2 {
        font-family: 'TornadoCyr-bold';
        font-size: 18px;
        line-height: 24px;
        text-transform: uppercase;
        margin-bottom: 15px;
      }

      p {
        font-family: 'TornadoCyr-regular';
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 30px;
      }
    }

    table {
      width:100%;

      td {
        width: 50%;
        padding-right: 40px;
        vertical-align: top;
        color: #4c4c4c;
        line-height: 20px;
        font-size: 12px;
        font-family: 'TornadoCyr-regular';

        .image1 {
          margin-top: 12px;
          display: block;
          width: 68px;
          height: 49px;
          background-position: center;
          background-repeat: no-repeat;
        }

        .image2 {
          margin-top: 35px;
          display: block;
          width: 68px;
          height: 64px;
          background-position: center;
          background-repeat: no-repeat;
        }

        .image3 {
          margin-top: 35px;
          display: block;
          width: 68px;
          height: 57px;
          background-position: center;
          background-repeat: no-repeat;
        }
      }

      td.text {
        padding-top: 11px;

        span {
          font-family: 'TornadoCyr-bold';
          color: #000;
        }
      }
    }
  }


  .fitness_water-aerobics-chess {
    margin-bottom: 54px;

    .fitness_water-aerobics-chess-block {

      span.image {
        width:230px;
        height:330px;
        border-radius: 6px 6px 6px 6px;
        margin-bottom:10px;
      }

      h5, .h5 {
        font-family: 'TornadoCyr-bold';
        font-size: 18px;
        font-weight: 100;
        margin-bottom: 14px;
        line-height: 24px;
        text-transform: uppercase;
        padding-top:10px;
      }

      p {
        color:#4c4c4c;
        font-size:12px;
        line-height:20px;
        margin-bottom:20px;
        font-family: 'TornadoCyr-regular';
      }

      a {
        color: #000000;
        text-decoration: none;

        span {
          border-bottom: 1px solid #CCCCCC;
        }
      }

      a:hover {
        span {
          background-color: #e72b32;
          color: #FFFFFF;
        }
      }
    }

    div.fitness_water-aerobics-chess-block-left {
      margin:0px 0px  48px;
      padding:0px 0px 0px;
      overflow: hidden;

      span.image {
        float:left;
        margin-right:20px;
      }

    }

    div.fitness_water-aerobics-chess-block-right {
      margin:0px 0px 48px;
      padding:0px 0px 0px;
      overflow: hidden;

      &:last-child {
        margin-bottom: 106px;
      }

      span.image {
        float:right;
        margin-left:20px;
      }
    }
  }

  .fitness_water-aerobics-image {
    width: 100%;
    float: left;
    margin-bottom: 7px;

    .fitness_water-aerobics-image-left {
      width: 330px;
      float: left;
    }

    .fitness_water-aerobics-image-right {
      margin-left: 360px;
    }

    .img {
      display: block;
      width: 330px;
      height: 190px;
      .border-radius(6px);
      background-position: center;
      background-repeat: no-repeat;
    }
  }

  .fitness_water-aerobics-list1{
    width: 100%;
    float: left;
    margin-bottom: 81px;

    .fitness_water-aerobics-list1-left {
      width: 330px;
      float: left;
    }

    .fitness_water-aerobics-list1-right {
      margin-left: 360px;
    }

    h3 {
      font-family: 'TornadoCyr-bold';
      font-size:18px;
      line-height:24px;
      color:#000;
      padding-top:20px;
      padding-bottom: 15px;
      text-transform: uppercase;
    }

    ul {
      list-style-image: url(../img/list.png);
      padding-left: 30px;

      li {
        font-family: 'TornadoCyr-regular';
        font-size: 12px;
        line-height: 20px;
        padding-bottom: 20px;
      }
    }

    p {
      font-family: 'TornadoCyr-regular';
      font-size: 12px;
      line-height: 20px;
      margin-bottom: 19px;
    }
  }
}
.kids-sport-section {
  margin-bottom: 56px;
  
  p {
    color: #4c4c4c;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 20px;
    font-family: 'TornadoCyr-regular';
  }

    .kids-sport-section-list ul {
      list-style-image: url(http://www.worldclass.ru/h/less/../img/list.png);
      padding-left: 30px;
    }
  
      .kids-sport-section-list ul li {
        font-family: 'TornadoCyr-regular';
        font-size: 12px;
        line-height: 20px;
        padding-bottom: 20px;
      } 
}
.l-main-standart {
  .banner-about_mission {
    margin-top: 8px;
    width: 960px;
    height: 518px;
    margin-bottom: 29px;

    span.img {
      border-radius: 6px 6px 0px 0px;
      width: 960px;
      height: 470px;
      display: block;
    }

    .banner-about_mission-menu {
      height: 43px;
      background: #ed1c24;
      //      border-top: 5px solid #000000;
      border-radius: 0px 0px 6px 6px;

      ul.b-aside-menu__ul {
        padding: 6px 18px 11px;

        li.b-aside-menu__li {
          float: left;
          margin-right: 21px;
        }
      }
    }
  }

  .about_mission-content {

    h2 {
      font-size: 24px;
      line-height: 36px;
      color: #000000;
      font-family: 'TornadoCyr-bold';
      text-transform: uppercase;
      margin-bottom: 26px;
    }

    .text-block {
      width: 100%;
      float: left;
      margin-bottom: 57px;
      position: relative;
      border-bottom: 1px solid #dcdcdc;
      padding-bottom: 21px;

      .text-block-left {
        width: 471px;
        float: left;
      }

      .text-block-right {
        margin-left: 491px;
        width: 471px;
      }

      h4 {
        background: url("../img/bg_h4.png") repeat-x scroll 0 8px transparent;
        font-family: 'TornadoCyr-regular';
        font-size: 18px;
        font-weight: 100;
        margin-bottom: 22px;
        text-transform: none;
        margin-top: 5px;

        span {
          background: none repeat scroll 0 0 #FFFFFF;
          padding-right: 10px;
        }
      }

      p {
        font-family: 'TornadoCyr-regular';
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 23px;
        margin-left: 51px;
      }

      .last{
        margin-bottom: 43px;
      }
    }

    .slogan {
      text-align: center;
      border-bottom: 1px solid #dcdcdc;
      margin-bottom: 58px;
      padding-bottom: 34px;
      width: 100%;
      height: 170px;
      float: left;

      .slogan1 {
        color: #000000;
        font-size: 60px;
        line-height: 60px;
        font-family: 'TornadoCyrThin';
        text-transform: uppercase;
        margin-bottom: 55px;
      }

      .slogan2 {
        color: #4c4c4c;
        font-size: 12px;
        line-height: 20px;
        font-family: 'TornadoCyr-regular';
      }
    }

    .chess {

      .chess-left {
        width: 100%;
        float: left;
        margin-bottom: 58px;


        .chess-left1 {
          width: 494px;
          float: left;

          .chess-wrap {
            float: left;
            width: 49%;
          }
        }

        .chess-right1 {
          margin-left: 510px;
          width: 453px;
          height: 250px;

          .chess-wrap {
            float: left;
            width: 43%;
          }
        }

        .image1 {
          border-radius: 6px 6px 6px 6px;
          display: block;
          float: left;
          height: 250px;
          margin-right: 20px;
          width: 230px;
        }

        h5 {
          font-family: 'TornadoCyr-bold';
          font-size: 18px;
          font-weight: 100;
          margin-bottom: 14px;
          line-height: 24px;
          text-transform: uppercase;
          padding-top: 5px;
          width: 100%;
        }

        p {
          color: #4c4c4c;
          font-size: 12px;
          line-height: 20px;
          margin-bottom: 20px;
          font-family: 'TornadoCyr-regular';
          width: 100%;
        }
      }

      .chess-right {
        width: 100%;
        float: left;
        margin-bottom: 70px;

        .chess-left1 {
          width: 470px;
          float: left;
        }

        .chess-right1 {
          margin-left: 489px;
          width: 471px;
        }

        .image2 {
          border-radius: 6px 6px 6px 6px;
          display: block;
          float: right;
          height: 200px;
          margin-left: 20px;
          width: 230px;
        }

        h5 {
          font-family: 'TornadoCyr-bold';
          font-size: 18px;
          font-weight: 100;
          margin-bottom: 14px;
          line-height: 24px;
          text-transform: uppercase;
          padding-top: 5px;
        }

        p {
          color: #4c4c4c;
          font-size: 12px;
          line-height: 20px;
          margin-bottom: 20px;
          font-family: 'TornadoCyr-regular';
        }
      }

      .chess-center {
        width: 100%;
        float: left;
        margin-bottom: 72px;

        .chess-left1 {
          width: 470px;
          float: left;

          .chess-wrap {
            float: left;
            width: 43%;
          }
        }

        .chess-right1 {
          margin-left: 489px;
          width: 471px;

          .chess-wrap {
            float: left;
            width: 43%;
          }
        }

        .image3 {
          border-radius: 6px 6px 6px 6px;
          display: block;
          float: left;
          height: 220px;
          margin-right: 20px;
          width: 230px;
        }

        h5 {
          font-family: 'TornadoCyr-bold';
          font-size: 18px;
          font-weight: 100;
          margin-bottom: 14px;
          line-height: 24px;
          text-transform: uppercase;
          padding-top: 5px;
        }

        p {
          color: #4c4c4c;
          font-size: 12px;
          line-height: 20px;
          margin-bottom: 20px;
          font-family: 'TornadoCyr-regular';
        }
      }
    }
  }
}
.stuff{
  padding-bottom: 24px;
  .chlenstvo{
    .chl-quote{
      margin: 0;
    }
    .b-banners-slides-caption{
      span{
        display: block;
        background: url(../img/stuff-mail.png) no-repeat left center;
        padding-left: 20px;
        margin-left: 260px;
        margin-top: 15px;
        color: #f2f2f2;
        padding-top: 2px;
        font-family: 'TornadoCyr-Regular';
        a{
          color: #FFF;
          text-decoration: none;
          border-bottom: 1px solid #ccc;
        }
      }
    }
    .b-banners-slides-quotes{
      li{
        height: 362px !important;
        .chl-quote-border{
          height: 339px !important;

        }
        .club-guide {
          background: none !important;
        }
        img{
          left: 0;
        }
      }
    }
    .b-banners-index{
      height: 362px !important;
      .arrow{
        top: 164px !important;
      }
    }



    .chl-quote-border{
      div:first-child {
        margin-left: 240px;

        p.name, p.jobs, p.dop {
          text-align: left;
          margin: 10px 0;

          span {
            font-family: 'TornadoCyr-Regular';
            margin: 10px 0;
            font-style: normal;
          }
        }
        p.jobs {
          span {
            padding: 5px;
            border-radius: 15px;
            background-color: #ed1c24;
            color: white;
            font-size: 12px;
          }
        }

        p.name {
          margin-top: 24px;

          span {
            font-size: 18px;
            margin-top: 24px;
            font-family: 'tornadocyr-bold';
          }
        }

        p.dop {
          span {
            font-size: 13px;
          }
        }
      }
    }
  }
  .display-inline{
    display: inline-block;
    *display: inline;
    *zoom:1;
    vertical-align: top;
  }
  .trainers{
    list-style: none;
    margin: 0;
    padding: 0;
    display: table-row;
    .display-inline;
    li{
      &:not(:first-child) {
        padding-left: 13px;
      }
    .trainer_name {
      display: block;
      width: 160px;
      color: #000;
      margin: 9px 0 5px 0;
      font-family: 'TornadoCyr-Regular';
      font-size: 14px;
    }
    .trainer_description {
      color: #808080;
      margin: 0;
      width: 160px;
      font-size: 12px;
      display: block;
      font-family:'TornadoCyr-Regular';
    }
      .display-inline;
      cursor: pointer;
      height: 100%;
      position: relative;
      display: table-cell;

      a{
        .display-inline;
    height: 200px;
    overflow: hidden;
    border-radius: 6px;
        width: 160px;
        position: relative;
        text-decoration: none;
        img{
          display: block;
          .border-radius(6px);
        }
        &>div{
          position: absolute;
          top: 166px;
          left: 10px;
          background-color: #999;
          background: rgba(0,0,0,0.4);
          padding: 6px 8px;
          .border-radius(12px);
          i{
            display: block;
            width: 11px;
            height: 11px;
            float: left;
            background: url('../img/star.png') no-repeat center;
            margin-left: 2px;
            &:first-child{
              margin-left: 0;
            }
          }
        }
        span{
          display: block;
          color: #000;
          margin: 9px 0 5px 0;
          font-family: 'TornadoCyr-Regular';
          font-size: 14px;
          &+span{
            color: #808080;
            margin: 0;
            font-size: 12px;
          }
        }
        .str{
          display: none;
          width: 29px;
          height: 13px;
          position: absolute;
          bottom: -20px;
          left: 50%;
          margin-left: -14.5px;
          background: url('../img/stuff-icon.png') no-repeat center;
        }
      }
      &.active{
        cursor: default;
        a{
          &>div{
            background: #ed1c24;
          }
        }
        &:after {
          width: 29px;
          height: 13px;
          position: absolute;
          bottom: -20px;
          left: 70px;
          background: url('http://www.worldclass.ru/h/less/../img/stuff-icon.png') no-repeat center;
          content: '';
        }
      }
    }
  }
  .dopinfo-container{
    &+.trainers{
      display: table-row;

      li {
        padding-top: 24px;
      }
    }
    .dopinfo{
      display: none;
      background-color: #dcdcdc;
      .border-radius(6px);
      padding: 31px 20px;
      border-top: 1px solid #b3b3b3;
      margin-top: 19px;
      span{
        .display-inline;
        padding: 3px 10px;
        background: #f2f2f2;
        .border-radius(12px);
        margin: 10px 0;
        font-size: 12px;
        font-family: 'TornadoCyr-Bold';
        &:first-child{
          margin-top: 0;
        }
      }
      p{
        margin-left: 30px;
        font-size: 12px;
      }
      ul{
        list-style: none;
        margin: 0;
        padding: 0;
        margin-left: 14px;
        li{
          background: url('../img/stuff-li.png') no-repeat left center;
          padding-left: 16px;
          margin-top: 5px;
          &:first-child{
            margin-top: 0;
          }
        }
      }
    }
  }
}
.specification{
  h1{
    font-family: 'TornadoCyr-bold';
    text-transform: uppercase;
    font-size: 24px;
    line-height: 36px;
    padding: 22px 0 20px;
  }
  p{
    font-family: 'TornadoCyr-regular';
    font-size: 12px;
    color: #4c4c4d;
    &+p{
      margin-top: 20px;
    }
  }
  .end{
    font-size: 26px;
    line-height: 36px;
    font-weight: 100;
    font-family: 'TornadoCyrThin';
    padding: 33px 0;
    margin-top: 50px;
    border-top: 1px solid #ccc;
  }
  &>div{
    &>div{
      margin-top: 30px;
      h4{
        text-transform: none;
        margin-bottom: 25px;
        font-family: 'TornadoCyr-regular';
      }
      p{
        overflow: hidden;
      }
      &>div{
        display: inline-block;
        *display: inline;
        *zoom:1;
        vertical-align: top;
        &+div{
          margin-top: 50px;
        }
        img{
          &+p{
            padding-top: 7px;
          }
        }
        &:nth-child(even){
          img{
            float: left;
            margin-right: 20px;
          }
        }
        &:nth-child(odd){
          img{
            float: right;
            margin-left: 20px;
          }
        }
      }
    }
  }
}
.l-aside {
  .button {
    display: block;
    height: 35px;
    width: 240px;
    background: #0e0e0e;
    border-radius:  0px 0px 6px 6px;
    color: #ffffff;
    font-size: 18px;
    line-height: 24px;
    font-family: 'TornadoCyr-bold';
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    margin-bottom: 20px;
    padding-top: 12px;
  }

  .l-aside__wrap-career_vacancy_inner {
    background: #ececec;
    width: 172px;
    height: auto;
    padding-left: 34px;
    padding-right: 34px;
    padding-top: 19px;
    padding-bottom: 8px;
    border-radius: 6px 6px 6px 6px;
    overflow: hidden;
    margin-bottom: 20px;

    .aside-title {
      color: #000000;
      font-size: 14px;
      line-height: 20px;
      font-family: 'TornadoCyr-regular';
      margin-bottom: 9px;
    }

    .aside-comment {
      color: #999999;
      font-size: 11px;
      line-height: 18px;
      font-family: arial;
      font-style: italic;
      margin-bottom: 9px;
    }

    .email {
      margin-top: 18px;
      width: 159px;
      margin-top: 6px;
      margin-bottom: 13px;
      height: 8px;
      padding: 9px 0 9px 9px;
      line-height: 18px;
      border-radius:  6px 6px 6px 6px;
      border: 2px solid #cccccc;
      background: #f4f4f4;
      color: #999999;
      text-transform: uppercase;
      font-size: 9px;
      font-family: arial;
      z-index: 1;
    }

    .button1 {
      display: block;
      float: left;
      width: 98px;
      height: 29px;
      background: url(../img/button.png) no-repeat;
      color: #ffffff;
      font-size: 13px;
      line-height: 30px;
      font-family: 'TornadoCyr-regular';
      text-transform: none;
      text-align: center;
      text-decoration: none;
      margin-bottom: 20px;

    }

    .refuse {
      float: right;
      font-family: arial;
      font-size: 11px;
      line-height: 18px;
      color: #999999;
      padding-top: 7px;
    }
  }
}

/*career_vacancy_inner*/

div.career_vacancy_inner {

  h1 {
    font-family: 'TornadoCyr-bold';
    text-transform: uppercase;
    padding: 0px;
    margin-bottom: 10px;
  }

  .info {
    font-family: arial;
    font-size: 11px;
    line-height: 20px;
    font-style: italic;
    color: #000000;
    border-bottom: 1px solid #DCDCDC;
    overflow: hidden;
    padding-bottom: 14px;
    margin-bottom: 24px;

    .left {
      float: left;
      display: block;
    }

    .right {
      float: right;
      display: block;
    }

    .grey {
      color: #c4c4c4;
    }

    .grey1{
      padding-left: 3px;
      padding-right: 3px;
    }

    a {
      color: #c4c4c4;
      text-decoration: none;
    }
  }



  .list {
    border-bottom: 1px solid #DCDCDC;
    padding-bottom: 14px;
    margin-bottom: 24px;

    h5 {
      font-family: 'TornadoCyr-regular';
      font-size: 14px;
      line-height: 20px;
      color: #000000;
      margin-bottom: 17px;
    }

    a {
      text-decoration: none;
      border-bottom: 1px solid #bcbcbc;
      color: #000000;
    }

    ul {
      list-style-image: url(../img/list.png);
      padding-left: 30px;

      li {
        font-family: 'TornadoCyr-regular';
        font-size: 12px;
        line-height: 20px;
        padding-bottom: 10px;
      }
    }

    .no-image{
      list-style-type: none;
      list-style-image: none;
      padding-left: 0px;

      li {
        font-family: 'TornadoCyr-regular';
        font-size: 12px;
        line-height: 20px;
        padding-bottom: 10px;
      }
    }
  }

  .no-border {
    border-bottom: none;
    margin-bottom: 13px;
  }

  .button2 {
    display: block;
    width: 140px;
    height: 29px;
    background: url(../img/button-send.png) no-repeat;
    color: #ffffff;
    font-size: 13px;
    line-height: 30px;
    font-family: 'TornadoCyr-regular';
    text-transform: none;
    text-align: center;
    text-decoration: none;
    margin-bottom: 20px;
    margin: 0px auto;
    margin-bottom: 109px;
  }

}
.l-aside {
  .button {
    display: block;
    height: 35px;
    width: 240px;
    background: #0e0e0e;
    border-radius:  0px 0px 6px 6px;
    color: #ffffff;
    font-size: 18px;
    line-height: 24px;
    font-family: 'TornadoCyr-bold';
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    margin-bottom: 20px;
    padding-top: 12px;
  }

  .l-aside__wrap-career_vacancy {
    background: #ececec;
    width: 172px;
    height: auto;
    padding-left: 34px;
    padding-right: 34px;
    padding-top: 19px;
    padding-bottom: 8px;
    border-radius: 6px 6px 6px 6px;
    overflow: hidden;
    margin-bottom: 20px;

    .aside-title {
      color: #000000;
      font-size: 14px;
      line-height: 20px;
      font-family: 'TornadoCyr-regular';
      margin-bottom: 9px;
    }

    .aside-comment {
      color: #999999;
      font-size: 11px;
      line-height: 18px;
      font-family: arial;
      font-style: italic;
      margin-bottom: 9px;
    }

    .success-message {
      padding: 10px;
      background-color: #c2e7bb;
      border-radius: 5px;
      margin-bottom: 10px;
      display: none;
    }

    .email {
      margin-top: 18px;
      width: 159px;
      margin-top: 6px;
      margin-bottom: 13px;
      height: 8px;
      padding: 9px 0 9px 9px;
      line-height: 18px;
      border-radius:  6px 6px 6px 6px;
      border: 2px solid #cccccc;
      background: #f4f4f4;
      color: #999999;
      text-transform: uppercase;
      font-size: 9px;
      font-family: arial;
      z-index: 1;
      outline: none;

      &.error {
        background-color: #ffdcdc;
        color: #fe0000;
      }
    }

    input.button1{
      border: none;
    }

    .button1 {
      display: block;
      float: left;
      width: 98px;
      height: 29px;
      background: url(../img/button.png) no-repeat;
      color: #ffffff;
      font-size: 13px;
      line-height: 30px;
      font-family: 'TornadoCyr-regular';
      text-transform: none;
      text-align: center;
      text-decoration: none;
      margin-bottom: 20px;
    }

    .refuse {
      float: right;
      font-family: arial;
      font-size: 11px;
      line-height: 18px;
      color: #999999;
      padding-top: 7px;
    }
  }
}

/*career_vacancy*/

div.career_vacancy {

  .career_vacancy-menu {
    background: #000000;
    border-radius: 6px 6px 0 0;
    height: 36px;


    &.city {
      ul {
        li {
          margin: 0 7px;
          &.active {
            margin: 0 3px;
            margin-top: -1px;
            padding: 1px 4px;
            a {
              color: black;
            }
          }
        }
      }
    }
    ul {
      padding: 9px 12px 11px;
      list-style: none;

      li {
        float: left;
        margin-right: 11px;
        color: #ffffff;
        font-size: 12px;
        margin-bottom: 0px;
        margin-top: 0px;
        font-family: 'TornadoCyr-regular';
      }

      a {
        color: #ffffff;
        text-decoration: none;
      }

      .active {
        background: #dcdcdc;
        display: block;
        border-radius: 4px 4px 4px 4px;
        color: #000000;
        text-align: center;
        padding: 0px 8px;
        margin-right: 15px;
        margin-top: -1px;
        margin-left: -8px;
      }
    }

  }



  .white {
    background: #ffffff;
    border: 1px solid #DCDCDC;
    margin-top: -4px;
    margin-bottom: 14px;
  height: 65px;

    ul {
      li {
        color: #000000;
        margin-right: 23px;
    line-height: 25px;
      }

      a {
        color: #000000;
      }
    }
  }

  h1 {
    font-family: 'TornadoCyr-bold';
    text-transform: uppercase;
    padding: 0px;
    margin-bottom: 10px;
  }

  .vacancy {
    background: #f0f0f0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 22px;
    padding-bottom: 7px;
    overflow: hidden;
    &:not(:last-child) {
      border-bottom: 3px solid #4c4c4c;
    }

    .vacancy-left {
      float: left;
      max-width: 540px;
    }
    .vacancy-right {
      float: right;
      font-style: italic;
      font-family: arial;
      font-size: 11px;
      line-height: 20px;
      color: #000000;
      text-align: left;
      width: 100px;
      padding-top: 5px;

      p {
        color: #666666;
        line-height: 16px;
      }

      .name {
        line-height: 16px;
        margin-bottom: 3px;
        color: #000000;
      }
    }

    .title {
      font-family: 'TornadoCyr-regular';
      font-size: 18px;
      line-height: 30px;
      color: #000000;
      margin-bottom: 6px;
      text-decoration: none;
      display: block;
      float: left;

      span{
        border-bottom: 1px solid #DCDCDC;

        &:hover {
          border-bottom: 1px solid #000000;
        }
      }

      .hot {
        background: url(../img/hot.png) no-repeat right center;
        border-bottom: none;
        display: block;
        width: 10px;
        height: 14px;
        float: right;
        padding-left: 7px;
        padding-top: 13px;
      }
    }

    .list {
      padding-bottom: 14px;

      h5 {
        font-family: 'TornadoCyr-bold';
        font-size: 14px;
        line-height: 20px;
        color: #000000;
        margin-bottom: 4px;
      }

      a {
        text-decoration: none;
        border-bottom: 1px solid #bcbcbc;
        color: #000000;
      }

      ul {
        list-style-image: url(../img/list.png);
        padding-left: 29px;

        li {
          font-family: 'TornadoCyr-regular';
          font-size: 12px;
          line-height: 20px;
          padding-bottom: 10px;
        }
      }
    }
  }

  .no-hot {
    background: none;
    .vacancy-left {
      .title {

        .hot {
          background: none;

          &:hover {
            border-bottom: 1px solid #000000;
          }
        }
      }
    }
  }

  .last {
    border-bottom: none;
    margin-bottom: -5px;
  }

  .load {
    margin: 0px auto;
    display: block;
    margin-bottom: 50px;
  }

}
.l-aside-franchising_partners {
  float: left;
  width: 240px;

  .l-aside__wrap {
    background: url("../img/l-aside__wrap.png") repeat-y scroll 0 0 #F1222C;
    border-radius: 6px 6px 6px 6px;
    margin-bottom: 20px;

    nav {
      padding: 17px 0px 11px;
      border-bottom: 1px solid #CA1F22;
      margin-left: 20px;
      margin-right: 20px;

      ul {
        padding: 0px;
      }

      .b-aside-menu b-aside__border-bottom {

      }

      &:last-child  {
        border-bottom: none;
        border-top: 1px solid #FB555F;
      }
    }
  }
}

/*franchising_partners*/

div.franchising_partners {

  .search {
    background: #ededed;
    border-radius: 6px 6px 6px 6px;
    padding: 10px 19px 0;
    overflow: hidden;
    margin-bottom: 21px;

    input {
      background: none repeat scroll 0 0 #F4F4F4;
      border: 2px solid #CCCCCC;
      border-radius: 6px 6px 6px 6px;
      color: #999999;
      font-family: arial;
      font-size: 9px;
      height: 8px;
      line-height: 18px;
      margin-bottom: 13px;
      margin-top: 6px;
      padding: 9px 0 9px 9px;
      text-transform: uppercase;
      width: 149px;
      z-index: 1;
      float: left;
    }

    .name {
      margin-right: 10px;
    }

    .type {
      margin-right: 22px;
    }

    span {
      color: #999999;
      font-family: arial;
      font-size: 11px;
      font-style: italic;
      float: left;
      margin-top: 12px;
      margin-right: 17px;
    }

    .button-select {
      background: url("../img/button-select.png") no-repeat;
      color: #FFFFFF;
      display: block;
      font-family: 'TornadoCyr-regular';
      font-size: 13px;
      width: 106px;
      height: 29px;
      line-height: 30px;
      text-align: center;
      text-decoration: none;
      text-transform: none;
      float: left;
      margin-top: 6px;
      margin-right: 10px;
    }

    .button-load{
      background: url("../img/button-load.png") no-repeat;
      color: #ffffff;
      display: block;
      font-family: 'TornadoCyr-regular';
      font-size: 13px;
      width: 79px;
      height: 29px;
      line-height: 30px;
      text-align: center;
      text-decoration: none;
      text-transform: none;
      float: left;
      margin-top: 6px;
    }
  }

  h4 {
    margin-bottom: 14px;

    span {
      padding-right: 3px;
    }

    a {
      text-decoration: none;
      color: #000000;
      background: url("../img/cut.png") no-repeat right center;
      padding-right: 13px;
    }
  }

  .table1 {
    width: 100%;
    margin-bottom: 24px;

    thead {

      th {
        float: left;
      }

      span {
        color: #000000;
        font-family: 'TornadoCyr-regular';
        font-size: 14px;
        line-height: 24px;
        text-align: left;
        font-weight: normal;
      }

      .name {
        width: 320px;
        border-bottom: 2px solid #dcdcdc;
        display: block;
        margin-right: 10px;
        padding-left: 10px;
      }

      .type {
        width: 125px;
        border-bottom: 2px solid #dcdcdc;
        display: block;
        margin-right: 10px;
        padding-left: 10px;
      }

      .date {
        width: 125px;
        border-bottom: 2px solid #000000;
        display: block;
        padding-left: 10px;
        margin-right: 10px;

        a {
          text-decoration: none;
          color: #000000;
          background: url("../img/cut.png") no-repeat right center;
          padding-right: 13px;
        }
      }

      .download {
        width: 60px;
        border-bottom: 2px solid #dcdcdc;
        display: block;
        height: 24px;
      }
    }

    tbody {
      tr {
        border-bottom: 1px solid #dcdcdc;
        float: left;
        padding-bottom: 15px;
        padding-left: 28px;
        padding-top: 17px;

        td {

          color: #000000;
          font-family: arial;
          font-size: 12px;

        }
      }
    }

    .img1 {
      width: 42px;
    }

    .name1 {
      width: 260px;
      padding-right: 20px;

    }

    .type1 {
      width: 125px;
      padding-right: 20px;
    }

    .date1 {
      width: 125px;
      padding-right: 10px;
    }

    .download1 {
      width: 60px;
      margin-right: 10px;

      img {
        padding-top: 7px;
      }

      .load {
        padding-left: 12px;
        padding-right: 17px;

      }
    }
  }

  .last {
    margin-bottom: 33px;
  }

  .year {
    border: 1px solid #DCDCDC;
    border-radius: 6px 6px 6px 6px;
    margin-bottom: 23px;
    padding: 8px 9px 2px;
    margin-top: 21px;

    ul {
      list-style: none;

      li {
        border-radius: 2px 2px 2px 2px;
        display: inline-block;
        font-size: 12px;
        margin-bottom: 4px;
        padding: 2px 9px;
      }

      .active {
        background: #dcdcdc;
      }
    }
  }
}.l-aside-franchising_partners {
   float: left;
   width: 240px;

   .l-aside__wrap {
     background: url("../img/l-aside__wrap.png") repeat-y scroll 0 0 #F1222C;
     border-radius: 6px 6px 6px 6px;
     margin-bottom: 20px;

     nav {
       padding: 17px 0px 11px;
       border-bottom: 1px solid #CA1F22;
       margin-left: 20px;
       margin-right: 20px;

       ul {
         padding: 0px;
       }

       .b-aside-menu b-aside__border-bottom {

       }

       &:last-child  {
         border-bottom: none;
         border-top: 1px solid #FB555F;
       }
     }
   }
 }

/*franchising_partners*/

div.franchising_partners {

  .search {
    background: #ededed;
    border-radius: 6px 6px 6px 6px;
    padding: 10px 19px 0;
    overflow: hidden;
    margin-bottom: 21px;

    input {
      background: none repeat scroll 0 0 #F4F4F4;
      border: 2px solid #CCCCCC;
      border-radius: 6px 6px 6px 6px;
      color: #999999;
      font-family: arial;
      font-size: 9px;
      height: 8px;
      line-height: 18px;
      margin-bottom: 13px;
      margin-top: 6px;
      padding: 9px 0 9px 9px;
      text-transform: uppercase;
      width: 149px;
      z-index: 1;
      float: left;
    }

    .name {
      margin-right: 10px;
    }

    .type {
      margin-right: 22px;
    }

    span {
      color: #999999;
      font-family: arial;
      font-size: 11px;
      font-style: italic;
      float: left;
      margin-top: 12px;
      margin-right: 17px;
    }

    .button-select {
      background: url("../img/button-select.png") no-repeat;
      color: #FFFFFF;
      display: block;
      font-family: 'TornadoCyr-regular';
      font-size: 13px;
      width: 106px;
      height: 29px;
      line-height: 30px;
      text-align: center;
      text-decoration: none;
      text-transform: none;
      float: left;
      margin-top: 6px;
      margin-right: 10px;
    }

    .button-load{
      background: url("../img/button-load.png") no-repeat;
      color: #ffffff;
      display: block;
      font-family: 'TornadoCyr-regular';
      font-size: 13px;
      width: 79px;
      height: 29px;
      line-height: 30px;
      text-align: center;
      text-decoration: none;
      text-transform: none;
      float: left;
      margin-top: 6px;
    }
  }

  h4 {
    margin-bottom: 14px;

    span {
      padding-right: 3px;
    }

    a {
      text-decoration: none;
      color: #000000;
      background: url("../img/cut.png") no-repeat right center;
      padding-right: 13px;
    }
  }

  .table1 {
    width: 100%;
    margin-bottom: 24px;

    thead {

      th {
        float: left;
      }

      span {
        color: #000000;
        font-family: 'TornadoCyr-regular';
        font-size: 14px;
        line-height: 24px;
        text-align: left;
        font-weight: normal;
      }

      .name {
        width: 320px;
        border-bottom: 2px solid #dcdcdc;
        display: block;
        margin-right: 10px;
        padding-left: 10px;
      }

      .type {
        width: 125px;
        border-bottom: 2px solid #dcdcdc;
        display: block;
        margin-right: 10px;
        padding-left: 10px;
      }

      .date {
        width: 125px;
        border-bottom: 2px solid #000000;
        display: block;
        padding-left: 10px;
        margin-right: 10px;

        a {
          text-decoration: none;
          color: #000000;
          background: url("../img/cut.png") no-repeat right center;
          padding-right: 13px;
        }
      }

      .download {
        width: 60px;
        border-bottom: 2px solid #dcdcdc;
        display: block;
        height: 24px;
      }
    }

    tbody {
      tr {
        border-bottom: 1px solid #dcdcdc;
        float: left;
        padding-bottom: 15px;
        padding-left: 28px;
        padding-top: 17px;

        td {

          color: #000000;
          font-family: arial;
          font-size: 12px;

        }
      }
    }

    .img1 {
      width: 42px;
    }

    .name1 {
      width: 260px;
      padding-right: 20px;

    }

    .type1 {
      width: 125px;
      padding-right: 20px;
    }

    .date1 {
      width: 125px;
      padding-right: 10px;
    }

    .download1 {
      width: 60px;
      margin-right: 10px;

      img {
        padding-top: 7px;
      }

      .load {
        padding-left: 12px;
        padding-right: 17px;

      }
    }
  }

  .last {
    margin-bottom: 33px;
  }

  .year {
    border: 1px solid #DCDCDC;
    border-radius: 6px 6px 6px 6px;
    margin-bottom: 23px;
    padding: 8px 9px 2px;
    margin-top: 21px;

    ul {
      list-style: none;

      li {
        border-radius: 2px 2px 2px 2px;
        display: inline-block;
        font-size: 12px;
        margin-bottom: 4px;
        padding: 2px 9px;
      }

      .active {
        background: #dcdcdc;
      }
    }
  }
}
.l-aside-franchising_apply {
  float: left;
  width: 240px;

  .l-aside__wrap {
    background: url("../img/l-aside__wrap.png") repeat-y scroll 0 0 #F1222C;
    border-radius: 6px 6px 6px 6px;
    margin-bottom: 20px;

    nav {
      padding: 17px 0px 11px;
      margin-left: 20px;
      margin-right: 20px;

      ul {
        padding: 0px;
      }
    }
  }

  .l-aside__wrap-franchising_apply{
    background: none repeat scroll 0 0 #ECECEC;
    border-radius: 6px 6px 6px 6px;
    height: 173px;
    padding-left: 34px;
    padding-right: 34px;
    padding-top: 11px;
    width: 172px;

    p.aside-title {
      color: #000000;
      font-family: 'TornadoCyr-regular';
      font-size: 14px;
      line-height: 36px;
      margin-bottom: 6px;
    }

    input.login {
      background: none repeat scroll 0 0 #F4F4F4;
      border: 2px solid #CCCCCC;
      border-radius: 6px 6px 6px 6px;
      color: #999999;
      font-family: arial;
      font-size: 9px;
      height: 8px;
      line-height: 18px;
      padding: 9px 0 9px 9px;
      text-transform: uppercase;
      width: 159px;
      z-index: 1;
      margin-bottom: 10px;
    }

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      input.login {
        padding: 3px 0 9px 9px;
        width: 159px;
        height: 14px;
      }
    }

    .last {
      margin-bottom: 15px;
    }

    .button-enter-apply {
      background: url("../img/button-enter-apply.png") no-repeat;
      color: #FFFFFF;
      display: block;
      float: left;
      font-family: 'TornadoCyr-regular';
      font-size: 13px;
      height: 29px;
      line-height: 30px;
      text-align: center;
      text-decoration: none;
      text-transform: none;
      width: 58px;
    }
  }
}

/*franchising_apply*/

div.franchising_apply{

  h3 {
    font-family: 'TornadoCyr-bold';
    font-size: 24px;
    font-weight: 100;
    line-height: 24px;
    margin-bottom: 30px;
    padding-top: 7px;
    text-transform: uppercase;
  }

  .sent {
    border-radius: 6px 6px 6px 6px;
    border: 1px solid #e8e8e8;

    background: url("../img/apply.png") no-repeat 18px center;
    padding-top: 16px;
    padding-bottom: 14px;
    padding-left: 62px;
    padding-right: 62px;
    font-family: 'TornadoCyr-regular';
    font-size: 18px;
    line-height: 29px;
  }
}
.l-aside-franchising_apply {
  float: left;
  width: 240px;

  .l-aside__wrap {
    background: url("../img/l-aside__wrap.png") repeat-y scroll 0 0 #F1222C;
    border-radius: 6px 6px 6px 6px;
    margin-bottom: 20px;

    nav {
      padding: 17px 0px 11px;
      margin-left: 20px;
      margin-right: 20px;

      ul {
        padding: 0px;
      }
    }
  }

  .l-aside__wrap-franchising_apply{
    background: none repeat scroll 0 0 #ECECEC;
    border-radius: 6px 6px 6px 6px;
    height: 173px;
    padding-left: 34px;
    padding-right: 34px;
    padding-top: 11px;
    width: 172px;

    p.aside-title {
      color: #000000;
      font-family: 'TornadoCyr-regular';
      font-size: 14px;
      line-height: 36px;
      margin-bottom: 6px;
    }

    input.login {
      background: none repeat scroll 0 0 #F4F4F4;
      border: 2px solid #CCCCCC;
      border-radius: 6px 6px 6px 6px;
      color: #999999;
      font-family: arial;
      font-size: 9px;
      height: 8px;
      line-height: 18px;
      padding: 9px 0 9px 9px;
      text-transform: uppercase;
      width: 159px;
      z-index: 1;
      margin-bottom: 10px;
    }

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      input.login {
        padding: 3px 0 9px 9px;
        width: 159px;
        height: 14px;
      }
    }

    .last {
      margin-bottom: 15px;
    }

    .button-enter-apply {
      background: url("../img/button-enter-apply.png") no-repeat;
      color: #FFFFFF;
      display: block;
      float: left;
      font-family: 'TornadoCyr-regular';
      font-size: 13px;
      height: 29px;
      line-height: 30px;
      text-align: center;
      text-decoration: none;
      text-transform: none;
      width: 58px;
    }
  }
}

/*franchising_contacts*/

div.franchising_contacts{

  h3 {
    font-family: 'TornadoCyr-bold';
    font-size: 24px;
    font-weight: 100;
    line-height: 24px;
    margin-bottom: 16px;
    padding-top: 7px;
    text-transform: uppercase;
  }

  .text {
    font-family: 'TornadoCyr-regular';
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 16px;
  }

  .list {
    width: 100%;
    float: left;
    margin-top: 7px;
    margin-bottom: 40px;


    p {
      font-family: 'TornadoCyr-regular';
      font-size: 12px;
      line-height: 20px;
      margin-bottom: 20px;
    }

    .list-left {
      width: 330px;
      float: left;
    }

    .list-right {
      margin-left: 360px;
    }

    span.image {
      border-radius: 6px 6px 6px 6px;
      height: 210px;
      margin-bottom: 10px;
      width: 160px;
      display: block;
      float: left;
      margin-right: 21px;
    }

    p {
      color: #4d4d4d;
    }

    p.name {
      font-family: 'TornadoCyr-regular';
      color: #000000;
      font-size: 16px;
      line-height: 30px;
      margin-bottom: 0;
    }

    p.email {
      margin-top: -9px;

      a {
        color: #000;
        border-bottom: 1px solid #bfbfbf;
        text-decoration: none;
      }
    }

    p.phone1 {
      margin-top: -10px;
    }

    p.phone2 {
      color: #000;
      margin-top: -20px;
    }

    h3 {
      font-family: 'TornadoCyr-bold';
      font-size:18px;
      line-height:24px;
      color:#000;
      padding-top:20px;
      padding-bottom: 15px;
      text-transform: uppercase;
    }

    ul {
      list-style-image: url(../img/list.png);
      padding-left: 30px;

      li {
        font-family: 'TornadoCyr-regular';
        font-size:12px;
        line-height:20px;
        padding-bottom: 20px;
      }
    }
  }

  .last {
    margin-bottom: 153px;
  }

}
.b-nav.fixed {
  z-index: 10000;
}

.l-aside {
  .button {
    display: block;
    height: 35px;
    width: 240px;
    background: #0e0e0e;
    border-radius:  0px 0px 6px 6px;
    color: #ffffff;
    font-size: 18px;
    line-height: 24px;
    font-family: 'TornadoCyr-bold';
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    margin-bottom: 20px;
    padding-top: 12px;
  }

  .l-aside__wrap-career_vacancy {
    background: #ececec;
    width: 172px;
    height: auto;
    padding-left: 34px;
    padding-right: 34px;
    padding-top: 19px;
    padding-bottom: 8px;
    border-radius: 6px 6px 6px 6px;
    overflow: hidden;
    margin-bottom: 20px;

    .aside-title {
      color: #000000;
      font-size: 14px;
      line-height: 20px;
      font-family: 'TornadoCyr-regular';
      margin-bottom: 9px;
    }

    .aside-comment {
      color: #999999;
      font-size: 11px;
      line-height: 18px;
      font-family: arial;
      font-style: italic;
      margin-bottom: 9px;
    }

    .email {
      margin-top: 18px;
      width: 159px;
      margin-top: 6px;
      margin-bottom: 13px;
      height: 20px;
      padding: 3px 0 3px 9px;
      line-height: 18px;
      border-radius:  6px 6px 6px 6px;
      border: 2px solid #cccccc;
      background: #f4f4f4;
      color: #999999;
      text-transform: uppercase;
      font-size: 9px;
      font-family: arial;
      z-index: 1;
    }

    .button1 {
      display: block;
      float: left;
      width: 98px;
      height: 29px;
      background: url(../img/button.png) no-repeat;
      color: #ffffff;
      font-size: 13px;
      line-height: 30px;
      font-family: 'TornadoCyr-regular';
      text-transform: none;
      text-align: center;
      text-decoration: none;
      margin-bottom: 20px;
    }

    .refuse {
      float: right;
      font-family: arial;
      font-size: 11px;
      line-height: 18px;
      color: #999999;
      padding-top: 7px;
    }
  }
}

/*career_zapolnit-zajavku_final*/

.ipad .career_zapolnit-zajavku_final {
  .jScrollPaneTrack  {
    display: none;
  }

  .jScrollArrowUp {
    padding: 0 10px;
    padding-bottom: 15px;
    top: 0;
    right: 0;
    background: url('/h/img/cusel-up-arrow.png') 9px 6px no-repeat !important;
  }

  .jScrollArrowDown {
    padding: 0 10px;
    padding-top: 15px;
    bottom: 0;
    right: 0;
    background: url('/h/img/cusel-down-arrow.png') 9px 11px no-repeat !important;
  }
}

.career_zapolnit-zajavku_final {
  .cuselText {
    overflow: hidden;
    height: 22px;
  }

  .cusel.error {
    background-color: #ffdcdc !important;

    &.cuselFocus {
      background-color: #ffdcdc;
    }

    .cuselText {
      color: #fe0000;
    }

    .cusel-scroll-wrap {
      color: black;
    }
  }

  .hidden {
    display: none;
  }

  .success-form {
    width: 100%;
    height: 80px;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    margin: 20px 0;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    background: url('/h/img/franchising-submit-success-icon.png') 25px 25px no-repeat;

    p {
      margin: 26px 0 0 70px;
    }
  }

  .file-send-form {
    //        display: none;
    height: 60px;
    width: 100%;
    background-color: #ededed;
    margin-bottom: 40px;
    border-radius: 5px;
    .file-input {
      height: 29px;
      width: 70%;
      padding: 0;
      margin: 0;
      //            display: none;
      position: absolute;
      top: 0;
      left: -999999px;
    }

    .file-input-fake {
      height: 21px;
      width: 80%;
      margin: -3px 10px 0 11px;
      padding: 3px;
    }

    .file-select {
      background: url('../img/file-select-button.png') no-repeat;
      border: none;
      width: 79px;
      height: 29px;
      margin-top: 16px;
    }
  }

  h1 {
    font-family: 'TornadoCyr-bold';
    text-transform: uppercase;
    padding: 0px;
    margin-bottom: 5px;
  }

  p {
    font-family: 'TornadoCyr-regular';
    font-size: 18px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 18px;
  }

  form {

    .block {
      border-bottom: 1px solid #dcdcdc;
      padding-bottom: 26px;
      margin-bottom: 7px;
      overflow: hidden;

      p {
        font-family: 'TornadoCyr-bold';
        font-size: 14px;
        line-height: 36px;
        color: #000000;
        margin-bottom: 6px;
      }
    }

    .last1 {
      padding-bottom: 14px;
    }

    .last2{
      border-bottom: none;
      margin-top: 30px;
      //      margin-bottom: -18px;
    }
  }

  .line {
    position: relative;
  }



  input {
    box-shadow: none;
    border-radius:  6px 6px 6px 6px;
    border: 2px solid #cccccc;
    background: #fcfcfc;
    font-family: 'TornadoCyr-regular';
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    margin-bottom: 20px;
    padding: 9px;
    position: relative;
    outline: none;
    -webkit-appearance: none;

    &::-ms-clear {
      display: none;
    }
    &:focus {
      color: #000000;
    }

    &:required {
      box-shadow: none;
    }
  }

  textarea {
    outline: none;
    border-radius:  6px 6px 6px 6px;
    border: 2px solid #cccccc;
    background: #fcfcfc;
    font-family: 'TornadoCyr-regular';
    font-size: 14px;
    line-height: 20px;
    color: #dedddd;
    margin-bottom: 20px;
    padding: 9px;
    position: relative;
    resize:none;
    width: 651px;
    height: 79px;
    padding: 17px 18px 0;

    &:focus {
      color: #000000;
    }
  }

  select {
    border-radius:  6px 6px 6px 6px;
    border: 2px solid #cccccc;
    background: #fcfcfc;
    /*
    font-family: 'TornadoCyr-regular';
    font-size: 14px;
    line-height: 42px;
    color: #dedddd;
    */
    margin-bottom: 20px;
    padding: 9px;
    position: relative;


    font-family: 'TornadoCyr-regular';
    font-size: 14px;
    line-height: 42px;
    color: #000000;
  }


  .radio {
    margin-top: 32px;
    margin-bottom: 16px;
  }

  label.radio-label{
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 15px;
    margin-right: 15px;
    font-size: 13px;


    font-family: 'TornadoCyr-regular';
    font-size: 14px;
    color: #000000;
    text-transform: none;

    margin-right: 66px;
  }

  input[type=radio],
  input[type=checkbox] {
    position: absolute;
    top: 0;
    left: -999999px;
  }


  label.radio-label:before {
    content: "";
    display: inline-block;

    width: 13px;
    height: 13px;

    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #ffffff;
    box-shadow: none;
    border: 1px solid #cccccc;

    margin-left: -16px;
    text-align: center;
  }

  .radio label.radio-label:before {
    border-radius: 8px;
  }
  .checkbox label.radio-label {
    margin-bottom: 10px;
  }
  .checkbox label.radio-label:before {
    border-radius: 3px;
  }

  input[type=radio]:checked + label.radio-label:before {
    content: "\2022";
    color: #ff0000;
    font-size: 15px;
    text-align: center;
    line-height: 14px;
  }

  input[type=checkbox]:checked + label.radio-label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    color: #f3f3f3;
    text-align: center;
    line-height: 15px;
  }


  .radio-b {
    margin-top: 39px;
    padding-left: 7px;
    overflow: hidden;

    input {
      background: none;
      border-radius: 20px;

      border-left-color: #ffffff;
      border-right-color: #ffffff;
      border-bottom-color: #ffffff;
      border-top-color: #ffffff;
      color: #ffffff;
    }
  }

  .radio {
    position: relative;
  }

  .radio-text {
    font-family: 'TornadoCyr-regular';
    font-size: 14px;
    line-height: normal;
    color: #000000;
    text-transform: none;
    position: absolute;
    margin-left: 27px;
    margin-top: 0px;
  }

  noindex:-o-prefocus, .radio-text {
    margin-top: 5px;
  }

  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .radio-text {
      margin-top: 10px;
      margin-left: 35px;
    }
  }


  span {
    display: block;
    float: left;
    margin-right: 210px;
  }

  .vacancy-label {
    position: absolute;
    left: 0px;
    top: 0px;
  }
  .language-label {
    position: absolute;
    left: 0px;
    top: 0px;
  }
  .level-label {
    position: absolute;
    left: 355px;
    top: 0px;
  }

  .textarea-label {
    position: absolute;
    left: 0px;
    top: 0px;
  }
  .income-label {
    position: absolute;
    left:360px;
    top:0px;
  }

  .cusel {
    border-radius:  6px 6px 6px 6px;
    border: 2px solid #cccccc;
    background: #fcfcfc;
    font-family: 'TornadoCyr-regular';
    font-size: 14px;
    line-height: 42px;
    color: #dedddd;
    margin-bottom: 20px;
    padding: 9px;
    position: relative;
    height: 30px;
    padding: 22px 15px 0;


    font-family: 'TornadoCyr-regular';
    font-size: 14px;
    line-height: 42px;
    color: #000000;

    &:hover, &:visited, &:focus, &:active {
      background: #fcfcfc;
    }

    &.department {
      width: 340px;
    }

    &.vacancy {
      width: 340px;
      margin-right: 17px;
      float: left;
    }

    &.registration {
      width: 340px;
    }

    &.education {
      width: 340px;
    }

    &.language {
      width: 340px;
      margin-right: 16px;
      float: left;
    }

    &.level {
      width: 330px;
      float: left;
    }

    .cuselFrameRight {

      background: url(../img/select.png) center center no-repeat;

      &:hover, &:active, &:focus, &:visited {
        background: url(../img/select.png) center center no-repeat;
      }

    }


    .cusel:hover, .cusel:hover .cuselFrameRight, .cusel:focus, .cusel:focus .cuselFrameRight, .cuselFocus, .cuselFocus .cuselFrameRight {
      background: url(../img/select.png) center center no-repeat;
    }
  }

  .error{
    background-color: #ffdcdc;
    color: #fe0000 !important;
  }

  label {
    position: absolute;
    font-family: arial;
    font-size: 9px;
    color: #999999;
    margin-left: 21px;
    margin-top: 6px;
    text-transform: uppercase;
    z-index: 1000;
  }

  .salary {
    width: 158px;
    height: 30px;
    padding: 17px 18px 0;
  }

  .name {
    width: 650px;
    height: 30px;
    padding: 17px 18px 0;
  }

  .date {
    width: 115px;
    height: 30px;
    padding: 17px 18px 0;
    margin-right: 17px;
  }

  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .date {
      padding: 12px 18px 0;
      height: 35px;
    }
  }

  .phone {
    width: 180px;
    height: 28px;
    padding: 17px 18px 0;
    margin-right: 17px;
  }

  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .phone {
      height: 33px;
      padding: 12px 18px 0;
    }
  }

  .email {
    width: 170px;
    height: 28px;
    padding: 17px 18px 0;
  }

  .city {
    width: 300px;
    height: 28px;
    padding: 17px 18px 0;
    margin-right: 17px;
  }

  .metro {
    width: 289px;
    height: 28px;
    padding: 17px 18px 0;
  }

  .skill {
    width: 301px;
    height: 28px;
    padding: 17px 18px 0;
  }

  .period {
    width: 171px;
    height: 28px;
    padding: 17px 18px 0;
    margin-right: 17px;
  }

  .organization {
    width: 180px;
    height: 28px;
    padding: 17px 18px 0;
    margin-right: 20px;
  }

  .post {
    width: 175px;
    height: 28px;
    padding: 17px 18px 0;
  }

  .button2 {
    display: block;
    float: left;
    width: 111px;
    height: 29px;
    background: url(../img/button-add.png) no-repeat;
    color: #ffffff;
    font-size: 13px;
    line-height: 30px;
    font-family: 'TornadoCyr-regular';
    text-transform: none;
    text-align: center;
    text-decoration: none;
  }

  .g-button__light.enabled {
    background-position: 0 100%;
    text-shadow: 1px 1px 1px #A82328;
  }

  .b-form-submit__input-wrap input {
    height: 100%;
  }

  button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
  }

  .g-button__light {
    background: url("/h/img/g-button-sprite.png") repeat-x scroll 0 0 transparent;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #C3C3C3;
  }

  .error-text {
    background-color: #ffdcdc;
    color: #fe0000;
    border: 1px solid #fe0000;
    padding: 20px;
    border-radius: 7px;
    display: inline-block;
    margin-bottom: 20px;
    display: none;
  }


  .g-button {
    border: medium none;
    font-family: 'TornadoCyr-Regular';
    font-size: 14px;
    height: 29px;
    line-height: 29px;
    padding: 0 24px;
  }

  .b-form-submit {
    text-align: center;
  }
}

.ie8 .form-order-blank .radio label.radio-label:before {
  width: 22px;
  height: 22px;
  top: 0;
  left: 5px;
  border: none;
  background: url('/h/img/radio-bg.png') -5px -32px no-repeat;
}

.ie8 .form-order-blank .radio label.radio-label.checked:before {
  background-position: -5px -2px;
}

.content{
  margin-left: 270px;
  min-height: 400px;

  .b-trains {
    .item {
      //      margin-bottom: px;

      .summary {
        text-transform: uppercase;
		padding-left: 12px;
		font-size: 12px;
		p {
			font-size: 12px;
		}
      }
    }
  }

  .special-programms {
    border-bottom: 1px solid #dcdcdc;
    overflow: hidden;
    padding-bottom: 64px;
    margin-bottom: 40px;
  }

  h2 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 13px;
    text-transform: uppercase;
  }

  .ad {
    font-family: 'TornadoCyr-regular';
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 22px;
  }

  .special-programms-block {
    margin-bottom: 30px;
    overflow: hidden;

    .image {
      float: left;
      margin-right: 20px;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      width: 330px;
      height: 320px;
      margin-bottom: 10px;
    }

    p {
      color: #4C4C4C;
      font-family: 'TornadoCyr-regular';
      font-size: 12px;
      line-height: 20px;
      margin-bottom: 12px;
      padding-top: 7px;
    }
  }

  .special-programms-column {
    float: left;
    margin-bottom: 27px;
    width: 100%;

    .special-programms-column-left{
      float: left;
      width: 330px;
    }

    .special-programms-column-right {
      margin-left: 360px;
    }

    .image {
      float: left;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      width: 330px;
      height: 190px;
      margin-bottom: 28px;
    }

    .image1 {
      float: left;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      width: 330px;
      height: 213px;
      margin-bottom: 28px;
    }

    .image2 {
      float: left;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      width: 330px;
      height: 290px;
      margin-bottom: 28px;
    }

    h5 {
      font-family: 'TornadoCyr-bold';
      font-size: 18px;
      font-weight: 100;
      line-height: 24px;
      margin-bottom: 14px;
      text-transform: uppercase;
    }

    p {
      color: #4C4C4C;
      font-family: 'TornadoCyr-regular';
      font-size: 12px;
      line-height: 20px;
      margin-bottom: 20px;
    }

    a {
      color: #000000;
      text-decoration: none;
      border-bottom: 1px solid #d9d9d9;

      &:hover {
        border-bottom: 1px solid #000000;
      }
    }
  }

  .title {
    margin-bottom: 5px;
  }

  .chess {
    padding-top: 5px;
  }
}

.wclife-partners {
  .block-partner {
    border-bottom: 1px solid #D7D7D7;
    margin-bottom: 20px;
    padding-bottom: 24px;

    .img {
      float: left;
      margin-right: 20px;
      padding-top: 10px;
      text-align: center;
      width: 260px;
    }
    .info {
      ul {
        list-style: none;
        padding-left: 25px;
        li {
          margin: 10px 0;
        }
      }
      color: #4C4C4C;
      font-family: 'TornadoCyr-regular';
      margin-left: 280px;
      p{
        margin-top: 10px;
        line-height: 20px;
        font-family: 'TornadoCyr-regular';
      }
      p.heading {
        color: #000000;
        font-size: 18px;
        margin:0px;
        padding: 7px 0 14px;
      }
      .href-partner{
        background: none repeat scroll 0 0 #ED1C24;
        color: #FFFFFF;
        font-size: 12px;
        padding: 5px 9px;
        .border-radius (14px);
        text-decoration: none;
      }

      .loyality-label {
        padding: 5px 9px;
        background-color: black;
        color: #ffffff;
        font-size: 12px;
        display: inline;
        .border-radius (14px);
        margin-left: 15px;
        a{
          color: #fff;
          text-decoration: none;
          border-bottom: 0;
        }
      }
    }
  }
}
.l-main-standart {

  .banner-about_mission {
    margin-top: 8px;
    width: 960px;
    height: 518px;
    margin-bottom: 30px;

    span.img {
      border-radius: 6px;
      width: 960px;
      height: 470px;
      display: block;

    }

    .banner-about_mission-menu {
      height: 43px;
      background: #ed1c24;
      border-radius: 6px;
      margin-top: 25px;

      ul.b-aside-menu__ul {
        padding: 6px 18px 11px;

        li.b-aside-menu__li {
          float: left;
          margin-right: 21px;
        }
      }
    }
  }

  .about_press-content {

    h2 {
      font-size: 24px;
      line-height: 36px;
      color: #000000;
      font-family: 'TornadoCyr-bold';
      text-transform: uppercase;
      margin-bottom: 4px;
    }

    .preview {
      font-size: 12px;
      line-height: 20px;
      color: #000000;
      font-family: 'TornadoCyr-regular';
      margin-bottom: 26px;

      a{
        color: #000000;
        text-decoration: none;
        border-bottom: 1px solid #e6e6e6;

        &:hover {
          border-bottom: 1px solid #000000;
        }
      }
    }

    .press {
      background: #f0f0f0;
      border-radius: 6px 6px 6px 6px;
      margin-bottom: 30px;
      position: relative;

      .l-aside-about_press {
        width: 310px;
        height: 100%;
        float: left;

        ul {
          list-style-type: none;
          font-size: 12px;
          line-height: 20px;
          color: #666666;
          font-family: 'TornadoCyr-regular';
          border-bottom: 1px solid #ffffff;

          li {
            border-bottom: 1px solid #dfdfdf;
            border-top: 1px solid #ffffff;

            .about_press-list {
              color: #666666;
              text-decoration: none;
              padding: 16px 20px 14px;
              display: block;
            }

            &:first-child {
              border-top: none;
            }
          }

          .active {
            background: #ffffff;
            border-bottom: none;
            z-index: 10;

            .about_press-list {
              color: #000000;
            }
          }
        }
      }

      .press-content {
        margin-left: 310px;
        padding-left: 40px;
        padding-top: 23px;
        padding-right: 30px;
        box-shadow: 0 8px 32px 0px #CACACA;
        background: #ffffff;
        border-radius: 0px 6px 6px 0px;
        padding-bottom: 55px;

        h3 {
          font-size: 18px;
          line-height: 30px;
          color: #000000;
          font-family: 'TornadoCyr-regular';
          margin-bottom: 7px;
          font-weight: normal;
        }

        .news-info {
          border-bottom: 1px solid #dcdcdc;
          color: #c4c4c4;
          font-size: 11px;
          font-style: italic;
          margin-bottom: 24px;
          padding-bottom: 14px;
          font-family: 'arial';

          span {
            padding-left: 6px;
            padding-right: 6px;
          }

          a {
            color: #000000;
            text-decoration: none;
          }
        }

        p {
          font-size: 12px;
          line-height: 20px;
          color: #000000;
          font-family: 'TornadoCyr-regular';
          margin-bottom: 29px;
        }

        .image {
          width: 570px;
          height: 857px;
          display: block;
        }
      }

      .load {
        background: red;
        background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(60%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
        position: absolute;
        width: 1100px;
        bottom: -29px;
        height: 270px;
        left: 0px;
      }
    }
  }
}
.franchising-form, .activities-form {
  .error-text, .email-confirm {
    background-color: #ffdcdc;
    color: #fe0000;
    border: 1px solid #fe0000;
    padding: 20px;
    border-radius: 7px;
    display: inline-block;
    margin-bottom: 20px;
  }

  .line {
    label {
      width: 200px;
    }
  }

  .error-text {
    display: none;
  }

  .required-warning {
    font-size: 12px;
    color: black;
  }

  .success-form {
    width: 100%;
    height: 80px;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    margin: 20px 0;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    background: url('/h/img/franchising-submit-success-icon.png') 25px 25px no-repeat;

    p {
      position: relative;
      margin-top: 25px;
      margin-left: 60px;
    }
  }

  .address, .company {
    width: 285px;
  }

  .phone, .email, .site-address {
    width: 170px;
  }

  .error{
    background-color: #ffdcdc !important;
    color: #fe0000 !important;
  }

  .name {
    width: 630px;
  }

  .city, .object-address, .club-location {
    width: 340px;
  }

  .population, .square, .pool {
    width: 210px;
  }

  .general-info {
    margin-bottom: 10px;
  }

  .object-info {
    .title {
      font-family: tornadocyr-bold;
      font-size: 18px;
      margin-bottom: 10px;
      display: block;
    }
    h4 {
      height: 20px;
      margin-bottom: 20px;
    }
  }

  .hidden {
    display: none;
  }

  h1 {
    font-family: 'TornadoCyr-bold';
    text-transform: uppercase;
    padding: 0px;
    margin-bottom: 5px;
  }

  p {
    font-family: 'TornadoCyr-regular';
    font-size: 18px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 18px;
  }

  input[type="text"] {
    border-radius:  6px 6px 6px 6px;
    border: 2px solid #cccccc;
    background: #fcfcfc;
    font-family: 'TornadoCyr-regular';
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    margin-bottom: 20px;
    padding: 9px;
    position: raletive;
    outline: none;
    height: 28px;
    padding: 17px 18px 0;
    margin-right: 17px;
    &:focus {
      color: #000000;
    }

    &:required {
      box-shadow: none;
    }
  }



  textarea {
    outline: none;
    border-radius:  6px 6px 6px 6px;
    border: 2px solid #cccccc;
    background: #fcfcfc;
    font-family: 'TornadoCyr-regular';
    font-size: 14px;
    line-height: 20px;
    color: #dedddd;
    margin-bottom: 20px;
    padding: 9px;
//    position: relative;
    resize:none;
    width: 651px;
    height: 79px;
    padding: 22px 18px 0;

    &:focus {
      color: #000000;
    }
  }

  select {
    border-radius:  6px 6px 6px 6px;
    border: 2px solid #cccccc;
    background: #fcfcfc;
    /*
    font-family: 'TornadoCyr-regular';
    font-size: 14px;
    line-height: 42px;
    color: #dedddd;
    */
    margin-bottom: 20px;
    padding: 9px;
    position: relative;


    font-family: 'TornadoCyr-regular';
    font-size: 14px;
    line-height: 42px;
    color: #000000;
  }


  .radio {
    margin-top: 32px;
    margin-bottom: 16px;
  }

  label.radio-label{
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 15px;
    margin-right: 15px;
    font-size: 13px;
    font-family: 'TornadoCyr-regular';
    font-size: 14px;
    color: #000000;
    text-transform: none;

    margin-right: 66px;
  }

  input[type=radio],
  input[type=checkbox] {
    display: none;
  }


  label.radio-label:before {
    content: "";
    display: inline-block;

    width: 13px;
    height: 13px;

    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #ffffff;
    box-shadow: none;
    border: 1px solid #cccccc;

    margin-left: -16px;
    text-align: center;
  }

  .radio label.radio-label:before {
    border-radius: 8px;
  }
  .checkbox label.radio-label {
    margin-bottom: 10px;
  }
  .checkbox label.radio-label:before {
    border-radius: 3px;
  }

  input[type=radio]:checked + label.radio-label:before {
    content: "\2022";
    color: #ff0000;
    font-size: 15px;
    text-align: center;
    line-height: 17px;
  }

  input[type=checkbox]:checked + label.radio-label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    color: #f3f3f3;
    text-align: center;
    line-height: 15px;
  }


  .radio-b {
    margin-top: 39px;
    padding-left: 7px;
    overflow: hidden;

    input {
      background: none;
      border-radius: 20px;

      border-left-color: #ffffff;
      border-right-color: #ffffff;
      border-bottom-color: #ffffff;
      border-top-color: #ffffff;
      color: #ffffff;
    }
  }

  .radio {
    position: relative;
  }

  .radio-text {
    font-family: 'TornadoCyr-regular';
    font-size: 14px;
    line-height: normal;
    color: #000000;
    text-transform: none;
    position: absolute;
    margin-left: 27px;
    margin-top: 0px;
  }

  noindex:-o-prefocus, .radio-text {
    margin-top: 5px;
  }

  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .radio-text {
      margin-top: 10px;
      margin-left: 35px;
    }
  }


  span {
    display: block;
    float: left;
    margin-right: 210px;
  }

  .cusel {
    border-radius:  6px 6px 6px 6px;
    border: 2px solid #cccccc;
    background: #fcfcfc;
    font-family: 'TornadoCyr-regular';
    font-size: 14px;
    line-height: 42px;
    color: #dedddd;
    margin-bottom: 20px;
    padding: 9px;
    position: relative;
    height: 24px;
    padding: 22px 15px 0;


    font-family: 'TornadoCyr-regular';
    font-size: 14px;
    line-height: 42px;
    color: #000000;

    &:hover, &:visited, &:focus, &:active {
      background: #fcfcfc;
    }

    &.club-location {
      width: 345px;
      margin-right: 18px;
      display: inline-block;
    }

    &.pool {
      width: 210px;
      display: inline-block;
    }

    .cuselFrameRight {

      background: url(../img/select.png) center center no-repeat;

      &:hover, &:active, &:focus, &:visited {
        background: url(../img/select.png) center center no-repeat;
      }

    }


    .cusel:hover, .cusel:hover .cuselFrameRight, .cusel:focus, .cusel:focus .cuselFrameRight, .cuselFocus, .cuselFocus .cuselFrameRight {
      background: url(../img/select.png) center center no-repeat;
    }
  }


  label {
    color: #999999;
    text-transform: uppercase;
    font-size: 9px;
    font-family: arial;
    position: absolute;
    margin-left: 21px;
    margin-top: 6px;
    z-index: 1;
  }



  .button2 {
    display: block;
    float: left;
    width: 111px;
    height: 29px;
    background: url(../img/button-add.png) no-repeat;
    color: #ffffff;
    font-size: 13px;
    line-height: 30px;
    font-family: 'TornadoCyr-regular';
    text-transform: none;
    text-align: center;
    text-decoration: none;
  }

  .g-button__light.enabled {
    background-position: 0 100%;
    text-shadow: 1px 1px 1px #A82328;
  }

  .b-form-submit__input-wrap input {
    height: 100%;
  }

  button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
  }

  .g-button__light {
    background: url("/h/img/g-button-sprite.png") repeat-x scroll 0 0 transparent;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #C3C3C3;
  }

  .g-button {
    border: medium none;
    font-family: 'TornadoCyr-Regular';
    font-size: 14px;
    height: 29px;
    line-height: 29px;
    padding: 0 24px;
    margin-bottom: 40px;
  }

  .b-form-submit {
    text-align: center;
  }
}

.activities-form {
  .club-select-label {
    z-index: 3;
  }

  .g-button {
    margin-bottom: 40px;
  }

  .general-info {
    .club-select-wrap {
      z-index: 2;
      padding: 22px 18px 0;
      border-radius: 6px 6px 6px 6px;
      border: 2px solid #cccccc;
      height: 23px;
      margin-right: 17px;
      width: 237px;
      display: inline-block;
      position: relative;
      cursor: pointer;
      background: #fcfcfc;

      &.error {
        background-color: #ffdcdc;
        color: #fe0000;
      }

      span {
        width: 100%;
        font-size: 14px;
      }

      .other-club-input {
        position: absolute;
        top: 57px;
        left: 0;
        background-color: white;
        -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.45);
        -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.45);
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.45);
        -webkit-border-radius: 0 0 3px 3px;
        -moz-border-radius: 0 0 3px 3px;
        border-radius: 3px;
        overflow: hidden;
        width: 273px;
        display: none;

        .other-club-submit {
          padding: 14px 0;
          width: 70px;
          background-color: #f1222c;
          color: white;
          border-radius: 3px;
        }

        input {
          border: none;
          margin: 0 auto;
          float: left;
        }

        &.active {
          display: block;
        }
      }

      .list-wrap {
        position: absolute;
        top: 47px;
        width: 480px;
        left: -23px;
        background-color: white;
        -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.45);
        -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.45);
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.45);
        -webkit-border-radius: 0 0 3px 3px;
        -moz-border-radius: 0 0 3px 3px;
        border-top: 2px solid black;
        display: none;

        .list-column {
          float: left;
        }

        &> .list-item {
          font-weight: bold;
          float: left;
        }

        .list-item {
          padding: 3px 0 3px 10px;
          width: 150px;

          &:hover {
            background: #dcdcdc;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
          }
        }
      }
    }

    label.radio-label {
      margin-right: 5px;

      &:nth-child(odd) {
        margin-left: 30px;
      }

      &:before {
        border-radius: 8px;

      }
    }

    h4 {
      height: 20px;
      margin-bottom: 20px;
    }

  }

  .club {
    display: inline-block;
    margin-right: 20px;
  }

  .club, .card-number {
    vertical-align: top;
  }

  .disciplines-wrap {
    width: 667px;
    border-radius:  6px 6px 6px 6px;
    background: #fcfcfc;
    font-family: 'TornadoCyr-regular';
    font-size: 14px;
    color: black;
    position: relative;
    margin-bottom: 20px;
    display: none;

    &.active {
      display: block;
    }

    .discipline-item {
      margin: 6px;
      padding: 5px;
      border: 1px solid #ccc;
      color: #ccc;
      border-radius: 5px;
      display: inline-block;
      cursor: pointer;

      &.active {
        background-color: #f1222c;
        border-color: #f1222c;
        color: #fff;
      }
    }
  }
  .disciplines-note {
    font-size: 13px;
  }

  .club, .card-number {
    width: 286px;
  }
  .line label.radio-label{
    width: 150px;
  }
}

body.moz {
  .activities-form {
    label.radio-label {
      &:before {
        line-height: 14px !important;
      }
    }
  }
}
.loyality-programs {
  h1 {
    font-family: 'TornadoCyr-bold';
    text-transform: uppercase;
    padding: 0px;
    margin-bottom: 5px;
  }

  p.sub-title, .brand-name {
    font-size: 16px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 18px;
    display: block;
  }

  span.brand-name {
    margin-bottom: 5px;
	 font-size: 18px!important;
  }

  .partners-list {
    .partner-block {
      margin: 15px 0;
      padding: 10px 0;
      &:not(:last-child) {
        border-bottom: 1px solid #ccc;
      }

      a {
        color: black;
      }

      a.logo-link {
        display: block;
        height: 120px;
        width: 200px;
        display: inline-block;
        vertical-align: top;
        margin-top: 10px;
        margin-left: 10px;
        img {
          margin: 0 auto;
          display: block;
        }
      }

      .text {
        width: 450px;
        display: inline-block;
        margin-left: 20px;

        p {
          margin-bottom: 25px;
		  font-size: 14px;
        }
      }

      .discount {
        display: inline-block;
        padding: 2px 5px;
        background-color: #F1222C;
        border-radius: 16px;
        color: white;
        margin-bottom: 10px;
      }
    }
  }
}

.content-bonus {
  h1 {
    font-family: 'TornadoCyr-bold';
    text-transform: uppercase;
    padding: 0px;
    margin-bottom: 5px;
  }

  p {
    font-family: 'TornadoCyr-regular';
    font-size: 16px;
    line-height: 30px;
    margin: 18px 0;
    display: block;
    & > p {
      margin-top: 30px;
    }
  }

  .bonus-list-title {
    background: url("/h/img/bg_h4.png") 0 14px repeat-x;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'TornadoCyr-bold';
    span {
      background-color: white;
      padding-right: 5px;
    }
  }
  .list-block {
    .row {
      padding: 8px 0;
      p {
        display: block;
        margin: 0;
        font-size: 12px;
        line-height: 22px;

        span {
          float: right;
        }

        i {
          color: #999999;
        }
      }
      &:not(:last-child) {
        border-bottom: 1px solid #dcdcdc;
      }
    }
    &:last-child {
      .row {
        margin-bottom: 100px;
      }
    }
  }

  .calc-block {
    border-radius: 7px 4px 4px 7px;
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.15);
    position: relative;
    padding-left: 60px;
    padding-top: 40px;

    .right-col {
      position: absolute;
      top: 0;
      right:  0;
      width: 276px;
      height: 100%;
      background-color: #F1222C;
      color: white;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;

      p {
        text-align: center;
        text-transform: uppercase;
      }
      .result-block {
        padding: 40px;
        background-color: black;
        border-top-right-radius: 4px;
        span {
          font-size: 60px;
        }
      }
      .discount {
        text-align: center;
        font-size: 38px;
        margin-top: 50px;
        span {
          font-size: 84px;
          margin-bottom: 25px;
          display: inline-block;
        }
      }

      .bottom-ad {
        border-top: 1px solid #ff555a;
        margin: 0 30px;
        border-bottom-right-radius: 4px;
        p {
          font-size: 12px;
          text-transform: uppercase;
          text-align: left;
          line-height: 16px;
          padding-left: 40px;
          margin-top: 30px;
        }

        .gift {
          color: #8b080c;

          .points-left {
            color: #8b080c;
            text-transform: none;
          }

          &.active {
            color: white;
            margin-bottom: 46px;
          }

          &.guest-visit {
            color: white;
          }
        }

        .gift-certificate {
          background: url('/h/img/gift-friend.png') 5px -34px no-repeat;

          &.active {
            background-position: 5px 2px;
          }
        }

        .gift-extension {
          background: url('/h/img/gift-extension.png') 2px -34px no-repeat;

          &.active {
            background-position: 2px 2px;
          }
        }
      }
    }

    .slider-container {
      width: 325px;
      .slider {
        width: 100%;
        background-color: #bfbfbf;
        background-image: none;
        height: 5px;
        .ui-slider-handle {
          background: url('/h/img/slider-button.png') 0 0 no-repeat;
          outline: none;
          border: none;
        }
      }

      .bubble {
        position: relative;
        width: 203px;
        padding: 6px 0;
        background-color: #fff;
        border: 1px solid #e8e8e8;
        margin-top: 20px;
        border-radius: 4px;
        left: -103px;
        z-index: 100;
        &:after {
          content: '';
          background: url('/h/img/bonus-calc-bubble-bg.png') 0 0 no-repeat;
          position: absolute;
          top: -11px;
          left: -1px;
          height: 13px;
          width: 205px;
        }

        p {
          font-size: 12px;
          color: #434343;
          margin: 6px 0;
          text-align: center;
          display: inline-block;
          line-height: 14px;
        }

        .slider-value {
          text-transform: uppercase;
          border-right: 1px solid #e3e3e3;
          width: 105px;
          padding: 0 12px;
          margin-right: 12px;
        }

        .bonus-value {
          width: 45px;
          vertical-align: middle;
        }
      }
    }

    .controls-block {
      border: 1px solid #dcdcdc;
      border-radius: 5px;
      padding: 5px 5px 1px 5px;
      width: 181px;
      margin: 20px 0 0 10px;
      position: relative;

      .winner-menu {
        position: absolute;
        top: -170px;
        right: -35px;
        width: 105px;
        background-color: #fff;
        border: 1px solid #e8e8e8;
        padding: 10px;
        border-radius: 4px;
        display: none;
        z-index: 1000;
        padding-left: 5px;

        .winner-item {
          width: 100%;
          padding: 14px 5px 4px 0;
          background: url('/h/img/bonus-medal.png') 4px 4px no-repeat;
          text-align: right;
          height: 27px;
          border-radius: 4px;


          &:hover {
            background-color: #e8e8e8;
          }

          &.active {
            box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.4);
          }
        }
      }


      .bonus-button {
        width: 37px;
        height: 37px;
        display: inline-block;
        margin: 0 3px;
        transition: all 0.01s linear;
        border-radius: 4px;
        position: relative;



        .bonus-popup {
          position: absolute;
          width: 203px;
          padding: 6px 0;
          background-color: #fff;
          border: 1px solid #e8e8e8;
          margin-top: 20px;
          border-radius: 4px;
          left: -103px;
          z-index: 100;
          top: 24px;
          left: -84px;
          opacity: 0;
          transition: opacity 0.15s linear;

          &:after {
            content: '';
            background: url('/h/img/bonus-calc-bubble-bg.png') 0 0 no-repeat;
            position: absolute;
            top: -11px;
            left: -1px;
            height: 13px;
            width: 205px;
          }
          p {
            font-size: 12px;
            color: #434343;
            margin: 6px 0;
            text-align: center;
            display: inline-block;
            line-height: 14px;
            vertical-align: middle;
          }

          .bonus-title {
            border-right: 1px solid #e3e3e3;
            width: 105px;
            padding: 0 12px;
            margin-right: 12px;
          }

          .bonus-button-value {
            width: 45px;
            vertical-align: middle;
          }
        }

        &:hover {
          .bonus-popup {
            opacity: 1;
          }
        }

        &.bonus-instruction {
          background: url('/h/img/bonus-body.png') 0 0 no-repeat;
        }

        &.bonus-test {
          background: url('/h/img/bonus-heart.png') 0 0 no-repeat;
        }

        &.bonus-resume {
          background: url('/h/img/bonus-check.png') 0 0 no-repeat;
        }

        &.bonus-year1 {
          background: url('/h/img/bonus-note.png') 0 0 no-repeat;
        }

        &.bonus-year2 {
          background: url('/h/img/bonus-note.png') 0 0 no-repeat;
        }

        &.bonus-winner {
          background: url('/h/img/bonus-medal.png') 0 0 no-repeat;
        }

        &:hover {
          box-shadow: inset 0 -8px 15px rgba(0, 0, 0, 0.05);
        }

        &.active {
          box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.4);
        }
      }
    }
    .discription {
      font-size: 11px;
      padding-left: 10px;
      display: inline-block;
      text-align: left;
      line-height: 13px;
      color: #434343;
      margin: 40px 0;
    }
  }
}
.vacancy-departments {
  .departments-item {
    width: 340px;
    height: 276px;
    float: left;
    margin-right: 10px;
    margin-bottom: 53px;
    &:hover {
      .departments-item_span {
        top: auto;
        bottom: 0;
      }
    }
    &:hover{
      .box-shadow(0 2px 40px -1px #CCCCCC);
    }
    .departments-item_image {
      display: block;
      width: 100%;
      height: 188px;
      position: relative;
      overflow: hidden;
      .border-radius(6px 6px 0 0);

      .departments-item_image_span {
        position: absolute;
        width: 300px;
        left: 0;
        top: 134px;
        background-color: #000;
        background: rgba(0,0,0,0.85);
        color: #fff;
        font-size: 18px;
        padding: 12px 20px 8px;
        line-height: 34px;
        text-transform: uppercase;
      }

      &.d-fitness {
        background-image: url('/h/img/departments-fitnes.png');
      }

      &.d-beauty-spa {
        background-image: url('/h/img/departments-beauty-spa.png');
      }

      &.d-reception {
        background-image: url('/h/img/departments-reception.png');
      }

      &.d-marketing {
        background-image: url('/h/img/departments-marketing.png');
      }

      &.d-management {
        background-image: url('/h/img/departments-management.png');
      }
    }
    .departments-item_p {
      .box-shadow(0 0 0 1px #EEE);
      border-width: 0 1px 1px;
      .border-radius(0 0 6px 6px);
      height: 76px;
      color: #4c4c4c;
      line-height: 20px;
      padding: 12px 20px 0;
    }
    &.departments-item_position-odd {
      margin-right: 0;
    }
  }

}

.career-departments-inner {
  h1 {
    font-family: 'TornadoCyr-bold';
    text-transform: uppercase;
    padding: 0px;
    margin-bottom: 5px;
  }

  h4 {
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'TornadoCyr-Bold';
    font-weight: 100;
    background: url("/h/img/bg_h4.png") 0 8px repeat-x;
    span {
      background-color: white;
      paddig-right: 5px;
    }
  }

  .vacancy-list {
    width: 100%;
    position: relative;

    .departments-list {
      list-style: none;
      padding-left: none;
      float: left;
      margin-bottom: 150px;


      li {
        font-size: 12px;
        font-family: 'tornadocyr-regular';
        text-transform: uppercase;
        padding: 15px 60px 15px 10px;

        &.selected-group {
          font-weight: bold;
          background-color: #111111;
          color: white;
          border-radius: 3px;
        }

        &:not(:last-child) {
          border-bottom: 1px solid #ccc;
        }
      }
    }
    .vacancy-menu-wrap {
      position: absolute;
      right: 0;

      .vacancy-menu {
        float: left;
        width: 410px;
        margin-left: 40px;
        border-radius: 5px;
        overflow: hidden;
        display: none;

        &.visible {
          display: block;
        }

        .vacancy-block {
          position: relative;
          height: 48px;

          &:not(:last-child) {
            .vacancy-title {
              border-bottom: 1px solid rgb(30, 30, 30);
            }
          }

          //                &:last-child {
          //                    height: 47px;
          //                }

          .vacancy-title {
            padding: 15px;
            background-color: black;
            width: 100%;
            position: absolute;
            bottom: 0;

            span {
              color: white;
              font-size: 14px;
              border-bottom: 1px solid rgb(70, 70, 70);
              position: relative;

              &:hover {
                border-bottom: 1px solid white;
              }

              &.hot {
                &:after {
                  content: '';
                  background: url('/h/img/vacancy-hot.png') 0 0 no-repeat;
                  height: 14px;
                  width: 10px;
                  position: absolute;
                  right: -20px;
                  top: 2px;
                }
              }
            }
          }

          &.selected {
            .vacancy-title {
              position: static;
              bottom: auto;
            }
          }

        }
      }
    }
  }

  p {
    font-family: 'TornadoCyr-regular';
    font-size: 18px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 18px;
  }

  .chl-quote {
    margin-bottom:80px;
    margin-top:40px;

    .b-banners.b-banners-index {
      .arrow {
        .opacity(0.5);
        &:hover {
          .opacity(1);
        }
      }
    }

    .b-banners-index {
      height:295px;
      border-radius:0px;

      .arrow {
        cursor: pointer;
        position: absolute;
        text-indent: 9999px;
        z-index: 200;

        height: 21px;
        margin-top: 0;
        top: 120px;
        width: 11px;
      }
      .prev {
        background: url("/h/img/wclife-arrow-left.png") no-repeat scroll 0 0 transparent;
        left: 13px;
      }
      .next {
        background: url("/h/img/wclife-arrow-right.png") no-repeat scroll 0 0 transparent;
        right: 13px;
      }
      li {
        width: 690px;
        height:295px;

        div.chl-quote-border {
          background: url("/h/img/quote.jpg") no-repeat scroll 40px 13px transparent;
          border: 1px solid #DCDCDC;
          border-radius: 6px 6px 0 0;
          bottom: 0;
          height: 270px;
          position: absolute;
          left: 1px;
          width: 687px;

          p {
            font-family: 'Georgia';
            font-size: 14px;
            line-height: 20px;
            color:#4d4d4d;
            font-style:italic;
            margin:40px 240px 0px 40px;
            text-align: left;
          }
          .b-banners-slides-caption {
            background-color: #272727;
            height: 50px;
            left: -2px;
            padding: 0 40px;
            width: 610px;
            text-align: left;

            span.chl-quote-name {
              font-family: 'TornadoCyr-bold';
              font-size: 14px;
              font-weight: 100;
              line-height: 50px;
              text-transform: uppercase;
              color:#fff;
              margin-right:10px;
            }
            span.chl-quote-add {
              line-height: 50px;
              color:#a9a9a9;
            }
          }
        }
        img {
          bottom: 1px;
          display: block;
          position: absolute;
          right: 43px;
        }
      }
    }
  }
}
.about-press_content {
  h1 {
    font-family: 'TornadoCyr-bold';
    text-transform: uppercase;
    padding: 0px;
    margin-bottom: 5px;
    font-size: 24px;
    line-height: 36px;
    font-weight: 100;
  }

  p {
    font-size: 12px;
    color: #4c4c4c;
    font-family: "tornadocyr-regular";

    a {
      color: black;
      text-decoration: none;
      border-bottom: 1px solid #CCCCCC;

        &:hover {
          border-bottom: 1px solid black;
        }
      }

    span {
      color: black;
    }
  }

  & > p {
    margin-bottom: 20px;
  }

  .press-wrap {
    border-radius: 5px;
    //        overflow: hidden;
    position: relative;

    & > div{
      float: left;
    }

    .left-col {
      width: 310px;
      overflow: hidden;

      .filter, .subfilter {
        width: 100%;
        padding: 15px;
        span {
          cursor: pointer;
        }
      }

      .filter {
        background-color: black;
        border-top-left-radius: 7px;

        span {
          color: white;
          padding: 5px;
          margin-right: 5px;
          border-radius: 4px;

          &.active {
            background-color: white;
            color: black;
          }
        }
      }

      .subfilter {
        background-color: white;

        div {
          margin-left: 55px;
          width: 220px;
        }

        span {
          color: black;
          padding: 5px;
          margin: 0 7px 5px 0;
          float: left;

          &.active {
            border-radius: 4px;
            background-color: #dcdcdc;
          }
        }
      }

      .press-list {
        list-style: none;
        padding: none;
        background-color: #f0f0f0;

        li {
          background-color: #f0f0f0;
          border-top: 1px solid white;
          border-bottom: 1px solid #dfdfdf;
          padding: 15px;
          position: relative;
          color: #4c4c4c;
          display: none;
          cursor: pointer;

          &:hover {
            background-color: #f7f7f7;
            color: black;
          }

          &.visible {
            display: block;
          }

          &.active {
            background-color: white;
            box-shadow:  -2px 3px 2px rgba(0, 0, 0, 0.1);
            z-index: 2000;
            color: black;
          }
        }

        .active + li {
          border-top: 1px solid #f0f0f0;
        }
      }
    }

    .right-col {
      position: relative;
      background-color: white;
      z-index: 1000;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
      margin-bottom: 50px;
      border-top-right-radius: 7px;
      min-height: 600px;

      .publication {
        padding: 25px;
        width: 600px;
        display: none;

        &.visible {
          display: block;
        }

        .publication-title {
          border-bottom: 1px solid #dcdcdc;
          padding-bottom: 15px;

          p {
            font-family: 'TornadoCyr-regular';
            font-size: 18px;
            line-height: 30px;
            color: #000000;
            margin-bottom: 18px;
          }

          .date {
            font-style: italic;
            color: #c4c4c4;
            padding-right: 10px;
            border-right: 1px solid #c4c4c4;
          }

          .link {
            padding: 10px;
            font-style: italic;

            a {
              color: black;
              text-decoration: none;
              &:hover {
                text-decoration: underline;
              }
            }
          }

        }

        .publication-text {
          padding: 20px 0;
        }

        .img-wrap {
          text-align: center;
        }
      }
    }
  }
}
.ihrsa-content {

  p.discription {
    font-family: 'TornadoCyr-regular';
    font-size: 16px;
    line-height: 30px;
    margin: 18px 0;
    display: block;
    margin-bottom: 50px;
  }

  p.title {
    background: url("/h/img/bg_h4.png") 0 8px repeat-x;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'TornadoCyr-bold';

    &:last-child {
      margin-top: 30px;
    }

    span {
      background-color: white;
      padding-right: 5px;
    }
  }

  .ihrsa-info {
    background-color: #ededed;
    padding: 40px 20px 20px 40px;
    border-radius: 6px;
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.15);
    margin-bottom: 30px;

    p.title {
      background: none;
      margin-bottom: 50px;
    }

    .row {
      margin: 35px 0;
      height: 70px;

      p {
        color: #4c4c4c;
        font-family: 'tornadocyr-regular';
        font-size: 14px;
        float: left;
        width: 500px;

        span {
          color: black;
          font-family: 'tornadocyr-regular';
          font-size: 18px;
        }
      }

      .img-wrap {
        width: 90px;
        float: left;
        margin-right: 20px;
        text-align: center;
      }

    }
  }
}
.about-management-content {
  h2 {
    font-size: 24px;
    line-height: 36px;
    color: #000000;
    font-family: 'TornadoCyr-bold';
    text-transform: uppercase;
    margin-bottom: 26px;
  }

  .primary-block {
    width: 100%;
    border: 1px solid #eee;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 50px;
    position: relative;

    .right-side {
      padding: 30px;
      position: absolute;
      right: 40px;
      top: 0;
      width: 390px;

      p {
        font-family: 'tornadocyr-regular';
        font-size: 14px;
        line-height: 22px;
      }

      a {
        color: black;
        display: inline-block;
        padding: 8px 25px;
        text-decoration: none;
        margin: 10px 0;

        &.biography {
          background: url('/h/img/management-biography.png') 2px 6px no-repeat;
        }

        &.interview {
          background: url('/h/img/management-interview.png') 0 6px no-repeat;
        }
      }

      .pb-title {
        padding-bottom: 20px;
        border-bottom: 1px solid #c4c4c4;
        margin-bottom: 30px;

        .person-name {
          font-size: 32px;
          font-family: 'tornadocyr-regular';
          margin-bottom: 20px;
        }

        .person-discription {
          font-size: 14px;
        }
      }
    }
  }
  .sub-blocks-container {
    .row {
      height: auto;
      position: relative;
      margin-bottom: 40px;

      .sub-block {
        height: 100%;
        width: 228px;
        float: left;
        border-radius: 5px;
        overflow: hidden;
        border: 1px solid #eee;
        margin-right: 13px;

        &.last {
          margin-right: 0;
        }

        div {
          padding: 15px;
        }

        .discription-black {
          background-color: black;
          color: #999;
		  height: 55px;

          .name {
            color: white;
          }
        }

        .discription-white {
          background-color: white;
        }
      }
    }
  }
}
.partners-franchise {
  .row {
    display: table;
  }
  .list-wrap {
    float: left;
    position: relative;

    .img-wrap {
      top: 0;
      display: table-cell;
      vertical-align: middle;
      height: 70px;
    }

    ul.franchise-worldclass, ul.franchise-fizkult {
      list-style: none;
      border-top: 1px solid #ccc;
      padding: 0 20px 20px;
      width: 280px;
      margin-top: 10px;

      &:nth-child(even) {
        margin-right: 20px;
      }

      &:first-child {
        margin-right: 50px;
      }

      li {
        margin: 35px 0;
        font-family: 'tornadocyr-regular';
        font-size: 18px;
        position: relative;
        margin-left: 20px;

        &:before {
          content: '';
          position: absolute;
          width: 10px;
          height: 10px;
          left: -18px;
          top: 5px;
          background: url('/h/img/list-mark.png') 0 0 no-repeat;
        }

        span.new {
          position: relative;
          &:after {
            content: '';
            position: absolute;
            width: 60px;
            height: 12px;
            right: -70px;
            top: -3px;
            background: url('/h/img/club-list-new-red.png') 0 0 no-repeat;
          }
        }
      }
    }
  }
}
.success-history-content {
  padding-top: 30px;

  h1 {
    font-family: 'TornadoCyr-bold';
    text-transform: uppercase;
    padding: 0px;
    margin-bottom: 5px;
    font-size: 24px;
    line-height: 36px;
    font-weight: 100;
  }

  h2 {
    font-family: 'TornadoCyr-regular';
    font-size: 18px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 18px;

    &.line-through {
      background: url("/h/img/bg_h4.png") 0 12px repeat-x;
      text-transform: uppercase;

      span {
        background-color: white;
        padding-right: 10px;
      }
    }
  }

  span.bold {
    font-weight: bold;
  }

  p {
    font-size: 12px;
    color: #4c4c4c;
    font-family: "tornadocyr-regular";
  }

  .sub-block {
    margin-bottom: 30px;

    &:last-child {
      margin-bottom: 100px;
    }

    .content-left {
      width: 500px;
    }

    .content-right {
      width: 300px;

      .cbi-image {
        display: block;
        margin: 0 auto;
        margin-top: 50px;
      }
    }

    .content-left, .content-right {
      margin-left: 50px;
      float: left;

      a {
        display: block;
        margin: 0 auto;
        text-align: center;
        margin-top: 26px;
        font-size: 14px;
        color: black;
        text-decoration: none;

        span {
          border-bottom: 1px solid #dbdbdb;

          &:hover {
            border-bottom: 1px solid black;
          }
        }
      }
    }

    p {
      margin-bottom: 20px;
    }

    .mosaic-block {
      height: 195px;
      float: left;

      p {
        margin: 0 0 0 10px;
      }

      &:nth-child(odd) {
        margin: 0 50px 0 50px;
      }

      &:nth-child(1), &:nth-child(4), &:nth-child(5) {
        width: 460px;

        p {
          width: 290px;
        }
      }

      &:nth-child(2), &:nth-child(3), &:nth-child(6) {
        width: 400px;

        p {
          width: 230px;
        }
      }

      img, p {
        float: left;
      }

      &.right-img {
        img, p {
          float: right;
        }

        p {
          margin: 0 10px 0 0;
        }
      }
    }
  }

  .prim-image {
    position: relative;
    top: -30px;
  }

  .quote {
    font-size: 16px;
    font-family: 'georgia';
    font-style: italic;
    font-weight: normal;
    line-height: 25px;
    position: relative;
    color: #4c4c4c;

    &:before {
      content: '';
      background: url('/h/img/success-history-quotes.png') 0 0 no-repeat;
      width: 20px;
      height: 15px;
      position: absolute;
      left: -35px;
      top: 2px;
    }

    & + span {
      float: right;
      font-size: 14px;
    }
  }

}

// ie8

.ie78 {
  .mosaic-block {
    // &:nth-child(1), &:nth-child(4), &:nth-child(5)
    &:first-child, &:first-child + .mosaic-block + .mosaic-block + .mosaic-block, &:first-child + .mosaic-block + .mosaic-block + .mosaic-block + .mosaic-block {
      width: 460px;

      p {
        width: 290px;
      }
    }
    // &:nth-child(2), &:nth-child(3), &:nth-child(6)
    &:first-child + .mosaic-block, &:first-child + .mosaic-block + .mosaic-block, &:first-child + .mosaic-block + .mosaic-block + .mosaic-block + .mosaic-block + .mosaic-block {
      width: 400px;

      p {
        width: 230px;
      }
    }
    //  &:nth-child(odd)
    &:first-child, &:first-child + .mosaic-block + .mosaic-block, &:first-child + .mosaic-block + .mosaic-block + .mosaic-block + .mosaic-block {
      margin: 0 50px 0 50px;
    }
  }
}

.cusel.error {
    background: url('../img/cusel-error.png') no-repeat !important;

    .cuselText {
        color: #fe0000 !important;
    }

    .cuselFrameRight {
        background-image: url('../img/cusel-error.png') !important;
    }
}

.ad-img {
  position:absolute;
  width:1px;
  height:1px;
  visibility: hidden;
}

body>img[height="1"] {
  position: absolute;
  visibility: hidden;
  height:1px;
  width:1px;
}



.l-landing-page{
  position: relative;
  .input-wrap{
    background: #fcfcfc;
  }

  h2{
    font-size: 24px;
    line-height: 36px;
    color: #000000;
    font-family: 'TornadoCyr-bold';
    text-transform: uppercase;
    margin: 10px 0px 20px 0px;
  }
  p{

    span{
        font-size: 18px;
        color: #000000;
    }
    span.ya-phone{
        font-size: 18px;
        color: #ffffff;
    }

    text-align: left;
    font-size: 12px;
    line-height: 20px;
    font-family: 'TornadoCyr-regular';
    color: #4c4c4c;
    margin-bottom: 20px;
  }
  .select-value{
    font-family: 'TornadoCyrThin';
    text-align: left;
    font-size: 20px;
    margin: 5px 0px 0px 17px;
  }

  .select-list{
    .select-list__item{
      font-family: 'TornadoCyrThin';
      text-align: left;
      font-size: 18px;
      padding: 5px 0px 0px 0px;
    }

    display: none;
    background-color: white;
    position: absolute;
    top: 42px;
    width: 90%;
    z-index: 400;
    padding: 10px 15px;
    border: 1px solid #e8e8e8;
    left: 5px;
  }
  .select-list.active{
    display: block;
  }
  .select-wrapper{
    cursor: pointer;
  }
  .select-wrapper:after {
    content: '';
    position: absolute;
    top: 20px;
    right: 14px;
    height: 8px;
    width: 15px;
    background: url(/h/img/selectitem.png) right no-repeat;
  }
}

.wclife_ideas {
    .ideas-row__wrapper {
        overflow: hidden;
        margin-bottom: 40px;
    }

    .ideas-item__wrapper {
        width: 170px;
        margin-left: 90px;
        float: left;

        &:first-child {
            margin-left: 0;
        }
    }

    .ideas-item__image__wrapper {
        width: 170px;
        height: 265px;
        position: relative;

        .ideas-item__image-layer1, .ideas-item__image-layer2 {
            width: 100%;
            height: 100%;
            position: absolute;

            img {
                position: absolute;
            }
        }

        .magazine-bg, .magazine-default {
            top: 50%;
            margin-top: -115px;
        }

        &:hover {
             .magazine-default {
                 visibility: hidden;
             }

            .magazine-open {
                visibility: visible;
            }
        }
    }

    .ideas-item__image-layer1 {

    }

    .ideas-item__image-layer2 {
        .magazine-open {
            visibility: hidden;
            margin-top: -130px;
            top: 50%;
            left: 4px;
        }
    }

    .ideas__title-link {
        color: black;
        text-decoration: none;
        display: inline;
        border-bottom: 1px solid white;

        &:hover {
            border-color: black;
        }
    }

    .ideas-item-date {
        font-size: 12px;
        color: #bbbbbb;
    }

    .ideas-item__title__wrapper {
        border-bottom: 1px solid #ececec;
        width: 100%;
        padding-bottom: 5px;
    }

    .ideas-item__article-title__wrapper {
        border-top: 1px solid #f8f8f8;
        width: 100%;
        padding-top: 5px;
    }
}

.l-membership-form{
  .header-succes{
    width: 100%;

    h1 {
      font-family: 'TornadoCyr-Regular';
      font-weight: 500;
      text-align: center;
    }
    p{
      color: #999;
      font-size: 12px;
      font-family: 'TornadoCyr-Regular'
    }
  }

  .main-block-app{
    position: relative;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    margin: 30px 0px 60px 0px;

    .block-app-left{
      width: 300px;
      float: left;
      padding: 26px 0px 0px 30px;
      h2{
        color: #4c4c4c;
        font: 17px/20px 'TornadoCyr-Bold';
        text-transform: uppercase;
      }
      .app-social{
        margin: 10px 0px 10px 0px;
        a{
          img{
            margin: 0px 3px 0px 3px;
          }
        }
      }
      p{
        color: #4c4c4c;
        text-align: left;
        margin: 10px 0px 10px 0px;
        font-size: 13px;
        font-family: Arial;
      }
    }

    .block-app-right{

      background: url(/join-the-club/success/img/left_bg.jpg) left repeat-y;
      width: 582px;
      float: left;
      padding: 25px 0px 0px 45px;
      .app-wc-logo{
        margin: 10px 20px 30px 75px;
      }
      h2{
        color: #4c4c4c;
        font: 17px/20px 'TornadoCyr-Bold';
        float: left;
        text-transform: uppercase;
      }
      h3{
        color: #4c4c4c;
        font: 17px/18px 'TornadoCyr-Regular';
        clear: both;
        margin: 125px 0px 9px 0px;
      }
      ul{
        margin: 0px 0px 0px 33px;
        li{
          font-family: Arial;
          font-size: 13px;
          margin: 10px  0px;
        }
      }
      p{
        font-family: Arial;
        font-size: 13px;
        color: #4c4c4c;
        margin: 10px 0px 10px 0px;
    width: 250px;
      }
      .img-appstore{
       margin: 10px 0px 10px 35px;
      }
    }

    .img-app-bottom{
       position: absolute;
        bottom: 0px;
        right: 25px;
    }
  }

}

.b-text.big {
   float: none;
   display: table-cell;
   vertical-align: middle;
}
.b-tel__contrast .b-phone-block {
   float: none;
   display: table-cell;
   margin: 0;

   position: relative;
   height: 100%;
}
.b-tel__contrast.clearfix {
   display: table;
   width: 100%;
}
.b-phone-block .item {
   display: block;
   width: 60%;
   margin: 0 auto;
   height: 100%;
   padding-top: 1em;
   padding-bottom: 1em;
}
.upper_style{
  position: absolute;
  right: -45px;
  top: -11px;
  background: #595959;
  display: block;
  width: 44px;
  height: 11px;
  text-align: center;
  line-height: 11px;
  font-size: 9px;
  color: #8c8c8c;
  text-transform: lowercase;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-family: 'TornadoCyr-Regular';
  letter-spacing: 2px;
  text-indent: 2px;
}

.content.content-sub .mem-desc-img:hover{
  border-bottom: none;
}
.content.content-sub .mem-desc-title{
  font-size: 16px;
  margin: 10px 0px;
}
.content.content-sub .mem-desc-title a:hover{
  border-bottom: none;
}
.content.content-sub .mem-desc-title a:-webkit-any-link{
  text-decoration: underline;
  cursor: auto;
}



.buy__card__step {
  text-align: center;
  padding-bottom: 65px;
  .bc__logo {
    display: inline-block;
  }
  .bc__step {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 2px solid #d7d7d7;
    box-shadow: 0px 0px 0px 3px #fff;
    border-radius: 50%;
    background: #fff;
    font-size: 18px;
    font-family: 'TornadoCyr-Bold';
    color: #848484;
    text-decoration: none;
  }
  a.bc_step {
    cursor: pointer;
  }

  .bc__caption {
    position: absolute;
    color: #000;
    width: 150px;
    top: 100%;
    left: 50%;
    margin-left: -75px;
    margin-top: 15px;
    line-height: 100%;
    .bc__bold {
      color: #888;
      text-transform: uppercase;
      font-size: 18px;
      font-family: 'TornadoCyr-Bold';
    }
    .bc__small {
      color: #bbbbbb;
      font-family: 'TornadoCyr-Regular';
      text-transform: lowercase;
      font-size: 12px;
    }
  }
  .active {
    border: 2px solid #ff0000;
    background: #ff0000;
    color: #fff;
    .bc__bold {
      color: #000; }
  }
  .bc__step__middle {
    margin: 0px 290px;
  }
  .bc__step__middle_year {
    margin: 0px 0px 0px 290px;
  }
  .step__block {
    position: relative;
    margin-top: 55px;
    margin-bottom: 30px;
    &:before {
      content: '';
      position: absolute;
      top: 50%; left: 2%;
      width: 96%; height: 3px;
      margin-top: -2px;
      background: #d7d7d7;
    }
  }
}

.row__fixed {
  min-height: 95px;
}

.bc__header {
  position: relative;
  color: #000;
  font-family: 'TornadoCyr-Bold';
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 30px;
  margin-bottom: 30px;
  span { padding-left: 2%; background: #fff; padding-right: 10px; }
  &:before {
    content: '';
    position: absolute;
    top: 50%; left: 2%;
    width: 96%; height: 1px;
    margin-top: -1px;
    background: #dcdcdc;
    z-index: -1;
  }
}


.bc__step-1 {
  .b-club-list-item {
    float: none;
    width: 100%;
    display: block;
  }
}

.bc__step-2 {

  overflow: hidden;
  margin-bottom: 30px;

  .bc__column__left {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    float: left;
    width: 590px;
    padding: 30px 0px;
//    background: yellow;

    input[type="checkbox"] + label {
      height: auto;
    }


    .bc__subcolumn__left {

      float: left;
      width: 280px;
      .bc__text-1 {
        text-transform: none;
      }

    }

    .bc__subcolumn__right {

      float: right;
      width: 280px;

      .bc__text-1 {
        text-transform: none;
      }

    }
  }

  .bc__column__right {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    float: right;
    width: 300px;
    padding-top: 30px;

    overflow: hidden;

  }

  .bc__text-1 {
    color: #000;
    text-align: left;
    font-family: 'TornadoCyr-Bold';
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 15px;
  }

  .bc__text-2 {
    color: #ed1c24;
    font-family: 'TornadoCyr-Regular';
    font-size: 12px;
    text-transform: uppercase;
    line-height: 20px;
    margin-bottom: 13px;
  }

  .bc__text-3 {
    color: #aaa;
    font-family: 'TornadoCyr-Regular';
    font-size: 12px;
    margin-bottom: 30px;
  }

  .bc__text-4 {
    display: inline-block;
    color: #666;
    font-family: 'TornadoCyr-Regular';
    font-size: 13px;
    text-decoration: none;
    &:hover {
      text-decoration: underline;
    }
  }

  .bc__text-5 {
    color: #000;
    font-family: 'TornadoCyr-Regular';
    font-size: 12px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
  }

  .bc__text-6 {
    color: #000;
    font-family: 'tornadocyr-regular';
    font-size: 11px;
    text-transform: uppercase;
  }

  .bc__text-7 {
    color: #ed1c24;
    font-family: 'tornadocyr-bold';
    font-size: 18px;
  }

  .bc__text-8 {
    color: #666;
    font-family: 'tornadocyr-regular';
    font-size: 10px;
  }

  .bc__text-9 {
    color: #000;
    font-family: 'tornadocyr-bold';
    font-size: 16px;
  }

  .bc__text-10 {
    display: inline-block;
    color: #666;
    font-family: 'TornadoCyr-Regular';
    font-size: 9px;
    text-decoration: none;
    text-transform: uppercase;
    &:hover {
      text-decoration: underline;
    }
  }

  .bc__text-11 {
    padding-bottom: 0px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
  }

  .bc__text-12 {
    color: #666;
    font-family: 'tornadocyr-regular';
    font-size: 11px;
    text-transform: uppercase;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 10px;
  }

  .bc__text-14 {
    display: inline-block;
    color: #666;
    font-family: 'TornadoCyr-Regular';
    font-size: 11px;
    text-decoration: none;
  }


  .bc__item__lr {
    overflow: hidden;
    .left__item {
      float: left;
    }
    .right__item {
      float: right;
    }
  }

  .fix-left-10 {
    margin-left: 10px;
  }

  .fix-margin-10 {
    margin-bottom: 10px;
  }

  .fix-margin-20 {
    margin-bottom: 20px;
  }

  .fix-margin-30 {
    margin-bottom: 30px;
  }


  .fix-margin-40 {
    margin-bottom: 40px;
  }

  .fix-margin-2 {
    margin-top: 40px;
  }

  .fix-padding-10 {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
  }

  .fix-padding-2 {
    padding-top: 35px;
  }
  .fix-padding-3 {
    padding-top: 3px;
  }
  .fix-padding-4 {
    padding-top: 10px;
  }

  .bc__mapplace-1 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;


    border: 1px solid #bbb;
    border-radius: 4px;
    height: 350px;
    padding: 3px;
  }

  .bc__mapplace-2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;


    border: 1px solid #bbb;
    border-radius: 4px;
    height: 225px;
    padding: 3px;
    margin-bottom: 30px;
  }

  .input-wrap {
    background: #fff;
    width: auto;
    margin: 0px 0px 15px 0px;
    input {
      font-size: 30px;
      width: 90%;
    }
  }

  .bc__small__frm {
    .input-wrap {
      width: 118px;
      input {
        font-size: 30px;
        width: 70%;
      }
    }
  }




}

.btn__bc__red, .btn__bc__black {
  display: inline-block;
  min-width: 80px;
  padding: 3px 15px 3px 15px;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  border: 0;
  cursor: pointer;
  font-family: 'TornadoCyr-Regular';
  font-size: 12px;
  text-decoration: none;
  transition: all 0.2s 0s;
  &:hover {
    box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,.7);
  }
  &:active {
    box-shadow: inset 0px 0px 5px 3px rgba(0,0,0,.5);
  }
}

.btn__bc__red {
  background: #cb1920; /* Old browsers */
  background: -moz-linear-gradient(top, #f03e45 0%, #cb1920 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f03e45), color-stop(100%,#cb1920)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f03e45 0%,#cb1920 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f03e45 0%,#cb1920 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f03e45 0%,#cb1920 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f03e45 0%,#cb1920 100%); /* W3C */
}

.btn__bc__black {
  background: #020202; /* Old browsers */
  background: -moz-linear-gradient(top, #595959 0%, #020202 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#595959), color-stop(100%,#020202)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #595959 0%,#020202 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #595959 0%,#020202 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #595959 0%,#020202 100%); /* IE10+ */
  background: linear-gradient(to bottom, #595959 0%,#020202 100%); /* W3C */
}

.btn__big {
  display: block;
  padding: 18px 0px 18px 0px;
  font-family: 'tornadocyrThin';
  font-size: 26px;
  border: 0;
}

.btn__block {
  background: url("/h/img/bg_dis.png") repeat-x 0px 50%;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
  &:hover { box-shadow: none; }
  &:active { box-shadow: none; }
}

.bc__hline {
  display: block;
  height: 1px;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 15px;
  clear: both;
}

.buy__card__accept {
  text-align: center;

  .bc__ok__style1 {
    font-family: 'tornadocyr-regular';
    font-size: 14px;
    line-height: 100%;
    margin-bottom: 10px;
    color: #bbb;
  }
  .bc__ok__style2 {
    text-transform: uppercase;
    font-family: 'tornadocyrThin';
    font-size: 60px;
    line-height: 100%;
    margin-bottom: 10px;
    color: #777;
  }
  .bc__ok__style3 {
    text-transform: uppercase;
    font-family: Arial, serif;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 12px;
    line-height: 100%;
    margin-bottom: 10px;
    color: #424242;
  }
  .bc__ok__style4 {
    display: inline-block;
    text-transform: uppercase;
    font-family: 'tornadocyr-bold';
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px;
    color: #000;
    text-decoration: none;
    background: url("/h/img/img_ok_map.png") no-repeat 0px 0px;
    padding-left: 20px;
    span {
      color: #ed1c24;
    }
  }
  .bc__ok__style5 {
    font-family: 'tornadocyr-regular';
    font-size: 12px;
    line-height: 100%;
    margin-bottom: 10px;
    color: #bbb;
  }
  .bc__ok__style6 {
    font-family: 'tornadocyr-regular';
    font-size: 12px;
    line-height: 100%;
    margin-bottom: 30px;
    color: #000;
  }


  .bc__text-1 {
    color: #000;
    text-align: left;
    font-family: 'TornadoCyr-Bold';
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 15px;
  }

  .bc__ok__soc {

    text-align: left;
    font-size: 0px;

    a {
      display: inline-block;
      margin-right: 10px;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background-image: url("/h/img/sp_social.png");
      background-repeat: no-repeat;
      box-shadow: inset 0px 0px 3px rgba(0,0,0,.3);
      transition: all 0.3s 0s;
      &:hover { box-shadow: inset 0px 0px 10px rgba(0,0,0,.3); }
      &:active { box-shadow: inset 0px 0px 15px rgba(0,0,0,.5); }
    }
    .vk { background-position: 0px 0px; }
    .fb { background-position: -61px 0px; }
    .tw { background-position: -122px 0px; }
    .yt { background-position: -183px 0px; }

  }


  .bc__oklogo {
    margin-bottom: 30px;
  }
  .bc__ok__main {
    border: 1px solid #ccc;
    border-radius: 8px;
    height: 430px;
    margin-bottom: 65px;
    overflow: hidden;
    .bc__ok__left {
      position: relative;
      width: 300px;
      .bc__ok__caption {
        position: absolute;
        top: 80px;
        left: 35px;
        width: 260px;
        z-index: 9;
      }
      .fix-margin-10 {
        margin-bottom: 10px;
      }


      .par__1 {
        color: #000;
        text-align: left;
        font-family: 'TornadoCyr-Regular';
        font-size: 13px;
        margin-bottom: 20px;
      }

    }

    .bc__ok__right {
      position: relative;
      width: 630px;
      height: 100%;
      float: right;
      background: url("/h/img/bg_clubcart.png") repeat-y 0% 0%;

      .bc__ok__img {
        position: absolute;
        right: 30px; bottom: 0px;
      }

      .bc__ok__caption {
        position: absolute;
        top: 80px;
        left: 35px;
        width: 260px;
        z-index: 9;
      }

      .bc__ok__store {
        display: inline-block;
        transition: opacity 0.3s 0s;
        margin-bottom: 20px;
        &:hover { opacity: 0.8; }
        img { display: block; }
      }

      .par__1 {
        color: #000;
        font-family: 'TornadoCyr-Regular';
        font-size: 13px;
        margin-bottom: 20px;
      }
    }
  }
}

.xxxcontent {
  background: yellow;
  width: 100px;
  text-align: center;
  height: 100px;
}


.rules_error {
  background: #ffdcdc;
  color: #ff6464;
}


// form style
.l-main-standart {

  label {
    display: inline-block;
    vertical-align: middle;
    color: #999;
    font-family: tornadocyr-regular;
    font-size: 10px;
  }

  input[type="checkbox"] { display: none; }
  input[type="checkbox"] + label {

    display: block;
    vertical-align: middle;

    padding-left: 26px;
    text-align: left;
    height: 20px;
    line-height: 20px;
    color: #000;
    position: relative;
    cursor: pointer;

  }

  input[type="checkbox"] + label:before {
    content: " ";
    background: url('/h/img/sp_forms.png') no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
  }

  input[type="checkbox"] + label:before { background-position: 0px 0px; }
  input[type="checkbox"]:checked + label:before { background-position: -25px 0px; }


  input[type="radio"] { display: none; }
  input[type="radio"] + label {

    display: inline-block;
    vertical-align: middle;

    padding-left: 26px;
    text-align: left;
    height: 20px;
    line-height: 20px;
    color: #000;
    position: relative;
    cursor: pointer;

  }

  input[type="radio"] + label:before {
    content: " ";
    background: url('/h/img/sp_radio.png') no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
  }

  input[type="radio"] + label:before { background-position: 0px 0px; }
  input[type="radio"]:checked + label:before { background-position: -26px 0px; }

}

.bc__dob__block {

  position: relative;

  .dob__item {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    color: #000;
    font-family: 'tornadocyrThin';
    font-size: 25px;
    padding: 3px 0px 5px 0px;
    margin: 0px 5px 10px 0px;
    border-bottom: 1px dotted #333;
    background: url("/h/img/img_dob.png") no-repeat 100% 50%;
  }

  .show__dob {
    visibility: visible !important;
    opacity: 1 !important;
  }

  .dob__month {
    width: 130px;
    text-align: center;
  }

  .dob__day {
    width: 45px;
    text-align: center;
  }


  .dob__year {
    width: 80px;
    text-align: center;
  }


  .dob__month__open {
    position: absolute;
    display: block;
    visibility: hidden;
    top: 100%; left: 0px;
    width: 450px;
    opacity: 0;
    background: rgba(0,0,0,.9);
    border-radius: 10px;
    color: #fff;
    z-index: 999;

    transition: opacity 0.3s 0s;

    .dob__col {
      width: 150px;
      float: left;

      ul {
        list-style: none;
        display: block;
        padding: 20px 0px;
        li {
          padding: 10px 5px 10px 40px;
        }
        a {
          color: #ddd;
          text-decoration: none;
          font-family: 'tornadocyr-regular';
          font-size: 16px;
          &:hover {
            color: #fff;
          }
        }
      }
    }
  }

  .dob__day__open {

    position: absolute;
    display: block;
    visibility: hidden;
    opacity: 0;
    top: 100%; left: 0px;
    padding: 10px 25px;
    background: rgba(0,0,0,.9);
    border-radius: 10px;
    color: #fff;
    z-index: 999;
    transition: opacity 0.3s 0s;

    .dob__col {
      ul {
        list-style: none;
        display: block;
        li {
          padding: 10px 0;
          width: 38px;
          display: inline-block;
            text-align: center;
        }
        a {
          color: #ddd;
          text-decoration: none;
          font-family: 'tornadocyr-regular';
          font-size: 16px;
          &:hover {
            color: #fff;
          }
        }
      }
    }
  }

  .dob__year__prepend {
    position: relative;
  }

  .dob__year__open {
    position: absolute;
    display: block;
    visibility: hidden;
    opacity: 0;
    height: 250px;
    padding: 10px 0px 10px 25px;
    top: 100%; left: 127px;
    width: 75px;
    background: rgba(0,0,0,.9);
    border-radius: 10px;
    color: #fff;
    z-index: 999;
    transition: opacity 0.3s 0s;
    .dob__col {
      text-align: center;

      ul {
        list-style: none;
        display: block;
        li {
          padding: 10px 0px 10px 0px;
        }
        a {
          color: #ddd;
          text-decoration: none;
          font-family: 'tornadocyr-regular';
          font-size: 16px;
          &:hover {
            color: #fff;
          }
        }
      }
    }
  }
}



.bc__table {
  margin-bottom: 40px;

  .b-club-list-item__i {
    display: inline-block;
    position: static;
    margin: 0px 0px 3px 6px;
  }

  td, th {
    text-align: center;
    font-weight: normal;
  }

  .bc__thead {

    .bc__table__logo {
      width: 195px;
      text-align: left;
      img {
        margin-bottom: 20px;
      }

    }

    .bc__table__addr {
      width: 265px;
    }

    .bc__table__cost {
      width: 200px;
      color: #999;
      font-family: 'TornadoCyr-Regular';
      text-transform: uppercase;
      font-size: 12px;
      font-weight: normal;
    }
    .bc__table__ycost {
      width: 200px;
      color: #999;
      font-family: 'TornadoCyr-Regular';
      text-transform: uppercase;
      font-size: 12px;
      font-weight: normal;
    }

    .bc__table__buy {
      width: 200px;
    }

  }


  .bc__tbody {

    td {
      padding: 15px 0px;
      border-bottom: 1px solid #ccc;
      position: relative;
    }


    .bc__table__logo {
      width: 195px;
      text-align: left;
      font-family: 'tornadocyr-bold';
      font-size: 15px;
      a{
        text-decoration: none;
        color: #000;
        &:hover {
          text-decoration: underline;
        }
      }
    }

    .bc__table__addr {
      width: 265px;
      text-align: left;
      color: #999;
    }

    .bc__table__cost {
      width: 200px;
      text-align: center;
      font-family: 'tornadocyr-bold';
      font-size: 15px;
      color: #ed1c24;
    }
    .bc__table__ycost {
      width: 200px;
      text-align: center;
      font-family: 'tornadocyr-bold';
      font-size: 15px;
      color: #ed1c24;
    }

    .bc__table__buy {
      width: 200px;
    }

  }


}

.bc__howto {
  .transition(all .3s ease);

  font-family: 'TornadoCyr-Regular';
  font-size: 12px;
  color: #000;
  margin-top: 15px;
  display: inline-block;
  text-decoration: none;
  border-bottom: 1px solid #dbcfd3;

  &:hover {
    border-bottom-color: transparent;
  }
}




#small_map { display: block; width: 100%; height: 100%;}


.bc__overlay {

  display: none;

  z-index: 10001;
  position: fixed;
  top: 0px; left: 0px;
  width: 100%; height: 100%;
  background: #999;
  background: rgba(0,0,0,.6);

}

.bc__popup__rule{

  display: none;

  z-index: 10010;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  position: fixed;
  top: 50%; left: 50%;
  margin: -73px 0px 0px -282px;

  width: 564px;
  height: 135px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 1px 1px 4px 0px rgba(0,0,0,.5);

  .bc__pop__title {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    background: #353535;
    color: #fff;
    font-family: 'tornadocyr-bold';
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;

    .cls__link {
      display: inline-block;
      position: absolute;
      right: 10px;
      top: 9px;
      img { display: block; }
    }
  }
  .bc__pop__body {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-size: 11px;
    font-family: 'Arial', serif;

    overflow: hidden;
    height: 545px;
    padding: 20px;
    width: 100%;

    p {
      text-indent: 15px;
    }
  }
  .bc__pop__body__romanov {
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-size: 11px;
    font-family: 'Arial', serif;

    overflow: hidden;
    height: 545px;
    padding: 20px;
    width: 100%;

    p {
      text-indent: 15px;
    }
  }

  .bc__pop__body__zhukovka {
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-size: 11px;
    font-family: 'Arial', serif;

    overflow: hidden;
    height: 545px;
    padding: 20px;
    width: 100%;

    p {
      text-indent: 15px;
    }
  }

}

.bc__popup__terms {

  display: none;

  z-index: 10010;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  position: fixed;
  top: 50%; left: 50%;
  margin: -300px 0px 0px -282px;

  width: 564px;
  height: 600px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 1px 1px 4px 0px rgba(0,0,0,.5);

  .bc__pop__title {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    background: #353535;
    color: #fff;
    font-family: 'tornadocyr-bold';
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;

    .cls__link-3 {
      display: inline-block;
      position: absolute;
      right: 10px;
      top: 9px;
      img { display: block; }
    }
  }
  .bc__pop__body-3 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-size: 11px;
    font-family: 'Arial', serif;

    overflow: hidden;
    height: 665px;
    padding: 15px;
    width: 100%;

    p {
      text-indent: 15px;
    }
  }
}

.bc__popup__offerts {

  display: none;

  z-index: 10010;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  position: fixed;
  top: 50%; left: 50%;
  margin: -300px 0px 0px -282px;

  width: 564px;
  height: 600px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 1px 1px 4px 0px rgba(0,0,0,.5);

  .bc__pop__title {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    background: #353535;
    color: #fff;
    font-family: 'tornadocyr-bold';
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;

    .cls__link-4 {
      display: inline-block;
      position: absolute;
      right: 10px;
      top: 9px;
      img { display: block; }
    }
  }
  .bc__pop__body-4 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-size: 11px;
    font-family: 'Arial', serif;

    height: 555px;
    width: 100%;

    p {
      text-indent: 15px;
    }
  }
}

.bc__popup__interview {

  display: none;

  z-index: 10010;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  position: fixed;
  top: 50%; left: 50%;
  margin: -300px 0px 0px -282px;

  width: 564px;
  height: 600px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 1px 1px 4px 0px rgba(0,0,0,.5);
  .bc__pop__title {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    background: #353535;
    color: #fff;
    font-family: 'tornadocyr-bold';
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;

    .cls__link-5 {
      display: inline-block;
      position: absolute;
      right: 10px;
      top: 9px;
      img { display: block; }
    }
  }
  .bc__pop__body-5 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-size: 11px;
    font-family: 'Arial', serif;

    height: 555px;
    width: 100%;
	.b-freeze-rules li {
		color: #000;
	}
	h4 {
		margin: 15px 0px!important;
		background: none!important;
	}
	
    p {
	  margin-bottom: 15px!important;
    }
  }
}

.bc__popup__buycard {

  display: none;

  z-index: 10010;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  position: fixed;
  top: 50%; left: 50%;
  margin: -300px 0px 0px -282px;

  width: 670px;
  height: 280px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 1px 1px 100px 20px rgba(0,0,0,.5);

  .bc__pop__title {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    background: #353535;
    color: #fff;
    font-family: 'tornadocyr-bold';
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;

    .cls__link {
      display: inline-block;
      position: absolute;
      right: 10px;
      top: 9px;
      img { display: block; }
    }
  }
  .bc__pop__body-buycard {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-size: 14px;
    color: #4c4c4c;

    height: 555px;
    width: 100%;

    .bc__pop__text-title {
      font-size: 20px;
      font-family: tornadocyr-bold;
      color: #000;
      text-align: center;
      text-transform: uppercase;
      padding: 35px 20px 20px 20px;

    }

    p {
      font-family: 'TornadoCyr-Regular';
      text-align: center;
      padding: 0px 20px 20px 20px;
    }
  }
}

.buy__buttons {
  display: table;
}

.btn__red__main {
  width: 279px;
  display: table-cell;
  height: 50px;
  vertical-align: middle;
  font-family: 'tornadocyr-bold';
  color: #fff;
  float: none;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  border: 0;
  background: url("/h/img/btn_red_bg.png") no-repeat 0px 50%;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.empty__btn {
  width: 35px;
  display: table-cell;
}

.bc__popup__pravila {

  display: none;

  z-index: 10010;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  position: fixed;
  top: 50%; left: 50%;
  margin: -300px 0px 0px -282px;

  width: 564px;
  height: 600px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 1px 1px 4px 0px rgba(0,0,0,.5);

  .bc__pop__title {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    background: #353535;
    color: #fff;
    font-family: 'tornadocyr-bold';
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;

    .cls__link-2 {
      display: inline-block;
      position: absolute;
      right: 10px;
      top: 9px;
      img { display: block; }
    }
  }
  .bc__pop__body-2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-size: 11px;
    font-family: 'Arial', serif;

    overflow: hidden;
    height: 545px;
    padding: 20px;
    width: 100%;

      p {
        text-indent: 13px;
      }
  }

}

.no-margin-bot {
  margin-bottom: 0px !important;
}



.service-unavailable {
  display: block;
  margin-top: 40px;
  padding: 20px 0px;
  border-top: 1px solid #aaa;
  font-size: 13px;
  font-family: 'tornadocyr-bold', 'arial', sans-serif;
  margin-bottom: 20px;
  color: #aaa;
  .title {
    margin-bottom: 10px;
    font-family: 'tornadocyr-bold', 'arial', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    color: #000;
  }
  .plain-text {
    font-family: 'tornadocyr-regular', 'arial', sans-serif;
    span {
      color: #333;
    }
  }
}



.bc__ok__description {
  font-size: 13px;
  font-family: 'tornadocyr-regular', 'arial', sans-serif;
  margin-bottom: 20px;
  color: #aaa;
  a {
    color: #ed1c24;
    text-decoration: underline;
  }
  .dummy {
    display: inline-block;
    margin: 15px 0px 15px 0px;
  }
  #r-counter {
    color: #666;
  }
}

.bc__ok__eff {
  text-transform: uppercase;
  font-size: 12px;
  font-family: 'tornadocyr-bold', 'arial', sans-serif;
  margin-bottom: 20px;
  color: #4c4c4c;
}

.buy-card__map {
  .map-popup__content {
    .map-popup__ul {
      width: 180px;
      li {
        width: 100% !important;
      }

    }
    .price-row {
      position: relative;
      font-family: tornadocyr-regular;
      font-size: 11px;
      line-height: 11px;
      color:#bdbdbd;
      font-style: normal;
      margin-top: 10px;
    }

    .btn__bc__black {
      margin-top: 20px;
    }

    .price-value {
      position: absolute;
      right: 0;
      top: 0;
      color: #232323;
    }

    .button-row {
      text-align: center;
    }
  }
  .map-overlay__input-block {
    div.all-clubs {
      display: none;
    }

    input {
      width: 340px;
    }
  }

  .map-popup {
    position: relative;
  }

  .city-selector__city-list__ul {
    #city_153,
    #city_163 {
      display: none;
    }
  }
}

.bc__main-wrapper {
  position: relative;
}

.bc__step-2 .bc__back-link {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #666;
  font-family: 'TornadoCyr-Regular';
  font-size: 13px;
  text-decoration: underline;

  &:hover {
    text-decoration: none;
  }
}

.bc__pop__body p {
  &:first-line {
    padding-left: 20px;
  }
}

.bc__step__3 .bc__column__left {
    position: relative;
}

.bc__step__3 .l-membership-form {
    .bc__back-link {
        bottom: 0;
    }

    .field-description {
        font-size: 12px;
        color: #999;
        margin-bottom: 10px;
        display: block;
        line-height: 14px;

    }
}

#buy_card {
    margin-top: 33px;
}

.bc__step-2 {
position: relative;
}

.map-popup__content {
        .price-row {
            position: relative;
            font-family: tornadocyr-regular;
            font-size: 11px;
            line-height: 11px;
            color:#bdbdbd;
            font-style: normal;
            margin-top: 10px;
        }

        .btn__bc__black {
            margin-top: 20px;
            height: 18px;
            line-height: 18px;
        }

        .price-value {
            position: absolute;
            right: 0;
            top: 0;
            color: #232323;
        }

        .button-row {
            text-align: center;
        }
    }
  
.frm-chkd {
  &:before {
    background-position: -26px 0px !important;
  }
}

.clubs_title {
  font-size: 14px;
  font-family: TornadoCyr-Regular;
  color: #000;
  }

.clubs_adress {
  font-family: tornadocyr-regular;
  font-size:12px;
  letter-spacing: 0px;
  color: #bbb;
}
.fitness-karty {
  .class_h5 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 13px;
    text-transform: uppercase;
  }
  p {
    color: #4c4c4c;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
    font-family: 'TornadoCyr-regular';
  }
}
.beauty-spa-salon {
  width: 320px;
  float: left;
  padding: 0px 25px 0px 0px;
  margin: 0px 0px 45px 0px;
  min-height: 91px;
}

.no-classes {
  display: none;
  margin: 10px 0px 30px 0px;
}

.exception-p {
  padding: 0 0 40px !important;
}

.top-sch-filter-teens {
  display: none;
}

.b-club-list-item-new {
  width: 420px;
  margin: 0px 55px 40px 0px;
  float: left;
}

.b-club-list-item-new-left {
  width: 170px;
  float: left;
  
}

.b-club-list-item-new-right {
  width: 220px;
  padding: 10px 0px 0px 30px;
  float: left;
}

.b-club-list-item-new-right .bold {
  font-weight: bold;
}

.b-club-list-item-new-right .desc {
  margin: 5px 0px 10px 0px;
  height: 100px;
}

.b-club-list-item-new-right .red {
  color: #ed1c24;
  margin: 0px 0px 10px 0px;
}

.b-club-list-item-new-right .contacts {
  color: #b6b5b5;
  margin: 10px 0px 0px 0px;
  font-size: 11px;
}

.b-club-list-item-new-left .opening-soon {
  font-family: Verdana;
  font-size: 10px;
  background: #ed1c24;
  border-radius: 3px 3px 0px 0px;
  color: #fff;
  width: 100px;
  height: 11px;
  padding: 0px 0px 0px 15px;
  margin: 0px 0px 0px 3px;
  line-height: 9px;
}

.b-club-list-item-new-left img {
  display: block;
  border-radius: 4px;
}

.b-club-list-item-new-left a {
  display: block;
  text-align: center;
  font-family: Verdana;
  font-size: 11px;
  color: #535353;
  text-decoration: underline;
  margin-top: 10px;
}

.partners-logo-block {
  border-top: 1px solid #c8c8c8; 
  padding-top: 10px;
  margin-top: 5px;
  display: block;
}

.partners-text {
  font-family: 'TornadoCyr-Regular';
  font-size: 11px;
  width: 100px;
  line-height: 15px;
  display: block;
  float: left;
}

.partners-text-big {
  font-family: 'TornadoCyr-Regular';
  font-size: 12px;
  width: 195px;
  padding-top: 10px;
  margin-top: 20px;
  display: block;
  float: left;
}

.partners-logo {
  float: left;
  margin: 17px 0px 0px 10px;
}
.programm-title {
  font-size: 16px;
  font-weight: bold;
  margin: 20px 0px 0px 0px;
  padding: 0;
}

.freeze-card p {
  margin: 0px 0px 20px 0px;
  color:#4c4c4c;
  font-size: 12px;
}

.freeze-card hr {
  border-top: 1px solid #dcdcdc;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  margin: 40px 0px 40px 0px;
  display: block;
}

.freeze-card h3 {
  font-family: 'TornadoCyr-Bold';
  font-size: 19px;
  text-transform: uppercase;
  margin: 0px 0px 40px 0px;
}

.instruction {
  display: table;
  position: relative;
}

.instruction .step-col {
  width: 30px;
  display: block;
  float: left;
}

.instruction .step-col .step-line {
  display: block;
  border-left: 3px solid #d7d7d7;
  height: 100%;
  position: absolute;
  margin: 0px 0px 0px 15px;
  z-index: 10;
}

.instruction .step-col .step {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border: 2px solid #d7d7d7;
  box-shadow: 0px 0px 0px 3px #fff;
  border-radius: 50%;
  background: #fff;
  font-size: 18px;
  font-family: 'TornadoCyr-Bold';
  color: #848484;
  text-align: center;
  text-decoration: none;
  position: absolute;
  z-index:20;
}

.instruction .step-name {
  height: 30px;
  line-height: 33px;
  color: #888888;
  font-size: 18px;
  font-family: 'TornadoCyr-Bold';
  text-transform: uppercase;
  float: left;
  margin: 0px 22px 0px 46px;
}

.instruction .instruction-text {
  float: right;
  width: 470px;
  margin: 10px 0px 0px 0px;
}

.instruction .instruction-text hr {
  margin: 30px 0px 20px 0px;
}

.freeze-card .condition-title {
  color: #4c4c4c;
  font-size: 11px;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 0;
}

.freeze-card .condition {
  padding: 0;
  margin: 0px 0px 40px 30px;
}

.freeze-card .condition li {
  color: #4c4c4c;
  font-size: 11px;
  font-weight: bold;
}

.content .freeze-card h1 {
  font-family: 'TornadoCyr-Bold';
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 13px;
  text-transform: uppercase;
  margin: 0px 0px 20px 0px;
  padding: 0;
}

.description_logo{
	margin-bottom: 25px;
	p{
		color: #4c4c4c;
		margin-bottom: 15px;
		font: 13px/18px 'TornadoCyr-Regular';
		text-align:left;
	}
}
.club-submit {
	span {
		cursor: pointer;
	}
}
.g-mini-button-membership {
	font-family: Arial;
	margin-top: 12px;
	text-decoration: none;
	color: #fff;
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	padding: 0 6px;
	display: inline-block;
	width: auto;
	padding-right: 15px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;

}
.club_red {
	background: #FF0000;
}
.club_premium {
	background: rgb(50, 27, 21);
}
.club_green {
	background: #089542;
}
#lite {
	position: relative;
	bottom: 100px;
}
#card-form-submit.disabled {
	cursor:default;
}
.b-banners-wclife-club {
	height: 230px;
	overflow: hidden;
	text-align: center;
	margin-bottom: 0px;
}
.sp-offer-list {
	margin-bottom: 20px;
}
.sp-offer-list ul li {
	font-family: 'TornadoCyr-Regular', Arial;
	font-size: 16px;
	line-height: 30px;
	margin-left: 55px;
}

.contract {
	p {
		font-size: 14px;
		line-height: 20px;
		font-weight: 100;
		font-family: inherit;
	}
	h4 {
		margin-bottom: 4px;
	}
	a {
		font-size: 12px!important;
		padding: 0px 6px;
	}
}
.main-clubs-table-td {
	width: 50%!important;
	h4 {
		margin-top: 20px!important;
		margin-bottom: 20px!important;
	}
}
.non-margin {
	margin-bottom:20px!important;
}
.join_us_radio:last-child{
	margin-bottom: 15px!important;
	margin-top: 2px!important;
}
.join_us_radio {
	margin-bottom: 26px!important;
	text-transform: initial!important;
	font-size: 14px!important;
}

.interview_block-img img{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.interview_block-img {
	float: left;
}

.interview_block {
	display: inline-block;
	margin-bottom: 40px;
}
.interview_block-name a{
	color: black;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}
.interview_block-name {
	float: left;
	margin-left: 15px;
	font-size: 16px;
}
.interviews {
	h2 {
		font-size: 20px;
	}
	p.friends {
		font-size: 14px;
	}
	.circle_question {
		display: inline-block;
		height: 16px;
		border-bottom: 3px solid #d7d7d7;
		.question_block-more_nine {
			padding: 6px 5px!important;
		}
		.question_block {
			color: #848484;
			border: 2px solid #d7d7d7;
			box-shadow: 0px 0px 0px 3px #fff;
			border-radius: 50%;
			font-size: 20px;
			float: left;
			padding: 6px 10px;
			margin-right: 24px;
			background: #fff;
			&.active {
				background: red;
				color: white;
				border: 2px solid red;
			}
			&:last-child{
				margin-right: 0px!important;
			}
		}
	}
	.questions_block {
		margin-top: 35px;
		padding-top: 20px;
		border-top: 1px solid #d7d7d7;
		margin-bottom: 40px;
		.question_block-wrapper {
			textarea {
				outline: none;
				border-radius:  6px 6px 6px 6px;
				border: 2px solid #cccccc;
				background: #fcfcfc;
				font-family: 'TornadoCyr-regular';
				font-size: 14px;
				line-height: 20px;
				color: #000;
				margin-bottom: 20px;
				padding: 9px;
				position: relative;
				resize:none;
				width: 350px;
				height: 100px;
				padding: 10px 10px 0;
			}
			.question_block-name{
				font-size: 14.5px;
				margin-bottom: 20px;
				line-height: 24px;
			}
			.block_vars {
				.var {
					margin-bottom: 20px;
					&.other {
						width: 250px;
					}
					&.error-other {
						background: #ffdcdc!important;
						border-color: #ff6464!important;
					}
				}
				.input-wrap {
					border: 2px solid #dbdbdb;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
					input {
						outline: none;
						display: block;
						width: 90%;
						margin-left: 13px;
						background: transparent;
						line-height: 28px;
						border: none;
						font-size: 14px;
						-webkit-transition-property: color;
						-webkit-transition-duration: 0.3s;
						-webkit-transition-timing-function: "linear";
						-moz-transition-property: color;
						-moz-transition-duration: 0.3s;
						-moz-transition-timing-function: "linear";
						-ms-transition-property: color;
						-ms-transition-duration: 0.3s;
						-ms-transition-timing-function: "linear";
						-o-transition-property: color;
						-o-transition-duration: 0.3s;
						-o-transition-timing-function: "linear";
						transition-property: color;
						transition-duration: 0.3s;
						transition-timing-function: "linear";
					}
				}
			}
			.well-bad {
				font-size: 14px;
				position: relative;
				bottom: 20px;
			}
			.group-vars {
				
				.group{
					.question_block-name {
						float: left;
						width: 250px;
					}
					.block_vars {
						display: inline-block;
						.var {
							margin-bottom: 10px;
							float: left;
							margin-right: 20px;
						}
					}
				}
			}
			input[type="radio"] + label {
				display: table;
				font-size: 14px!important;
			}
			.ttl {
				position: absolute;
				top: 11px;
				left: 0px;
				width: 22px;
				height: 28px;
				margin: 0px;
				background: url("/h/task_img/drop_club_ttl.png") no-repeat;
				span {
					display: block;
					height: 25px;
					margin-left: 33px;
					color: #999;
					font-size: 9px;
					font-family: Arial;
					text-transform: uppercase;
				}
			}
			.drop-down-club {
				margin: 13px 10px 20px;
				position: relative;
				width: 383px;
				height: 50px;
				-webkit-transition-property: border-color;
				-webkit-transition-duration: 0.3s;
				-webkit-transition-timing-function: "linear";
				-moz-transition-property: border-color;
				-moz-transition-duration: 0.3s;
				-moz-transition-timing-function: "linear";
				-ms-transition-property: border-color;
				-ms-transition-duration: 0.3s;
				-ms-transition-timing-function: "linear";
				-o-transition-property: border-color;
				-o-transition-duration: 0.3s;
				-o-transition-timing-function: "linear";
				transition-property: border-color;
				transition-duration: 0.3s;
				transition-timing-function: "linear";
				
				.club-selected {
					width: 390px;
					height: 50px;
					line-height: 50px;
					margin: 0 10px 2px 35px;
					padding: 0;
					background: transparent;
					border-bottom: 1px solid #dbdbdb;
					color: #000;
					font-size: 36px;
					font-family: 'TornadoCyrThin';
					cursor: pointer;
				}
				.club-list-wrap {
					position: relative;
					display: none;
					width: 580px;
					background: #fff;
					z-index: 999;
					-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.45);
					-moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.45);
					box-shadow: 0 0 40px rgba(0, 0, 0, 0.45);
					-webkit-border-radius: 0 0 3px 3px;
					-moz-border-radius: 0 0 3px 3px;
					border-radius: 0 0 3px 3px;
					.row {
						overflow: hidden;
						margin: 0 20px;
						border-bottom: 1px solid #dcdcdc;
						ul {
							list-style: none;
							float: left;
							width: 25%;
							&:first-child {
								display: visible;
							}
							li {
								padding: 8px 0;
								
								span {
									padding: 5px 8px;
									cursor: pointer;
								}
							}
						}
					}
				}
			}
		}
	}
	.buttons {
		.button {
			display: block;
			float: left;
			background: linear-gradient(to top, #bfbfbf, #e2e2e2);
			color: #414141;
			padding: 2px 10px;
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
			border-radius:3px;
			cursor: pointer;
			span {
				font-size: 15px;
			}
		}
		.prev-quest {
			margin-right: 25px;
			span {
				margin-right: 5px;
			}
		}
		.next-quest{
			margin-right: 25px;
			span {
				margin-left: 5px;
			}
			&.disabled {
				cursor: default;
			}
		}
		.enter{
			margin-right: 25px;
			margin-top: 25px;
			&.disabled {
				cursor: default;
			}
			span {
				margin-left: 5px;
			}
		}
		.submit {
			height: 19px;
			display: none;
		}
	}
}
.wcl-left {
	margin-left: 0px!important;
}
.wrap-enter {
	.input-wrap{
		border: 2px solid #dbdbdb;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		width: 250px;
		&.error{
			background-color: #ffdcdc;
			border: 2px solid #ff6464;
			input{
				color: #ff0000;
			}
		}
		input{
			outline: none;
			display: block;
			width: 90%;
			margin-left: 13px;
			background: transparent;
			line-height: 28px;
			border: none;
			font-size: 14px;
			-webkit-transition-property: color;
			-webkit-transition-duration: 0.3s;
			-webkit-transition-timing-function: "linear";
			-moz-transition-property: color;
			-moz-transition-duration: 0.3s;
			-moz-transition-timing-function: "linear";
			-ms-transition-property: color;
			-ms-transition-duration: 0.3s;
			-ms-transition-timing-function: "linear";
			-o-transition-property: color;
			-o-transition-duration: 0.3s;
			-o-transition-timing-function: "linear";
			transition-property: color;
			transition-duration: 0.3s;
			transition-timing-function: "linear";
			
		}
	}
}
.future{
	.past-mesta{
		td {
			padding: 0 !important;
			overflow: hidden;
			.d-grey {
				background: #e5e5e5;
				margin-right: 10px;
				padding-bottom: 20000px;
				margin-bottom: -20000px;
				overflow: hidden;
				padding-top: 20000px;
				margin-top: -20000px;
			}
			.l-grey {
				background: #f7f7f7;
				margin-right: 10px;
				padding-bottom: 20000px;
				margin-bottom: -20000px;
				overflow: hidden;
				padding-top: 20000px;
				margin-top: -20000px;		
			}
			div {
				padding: 10px;
			}
			p {
				padding: 10px 0;
			}	
		}
	}
}

.err-msg {
	position: relative;
	width: 310px;
	float: left;
	left: 110px;
	font-size: 14px;
	color: #ff0000;
	font-family: 'TornadoCyr-Regular';
	line-height: 12px;
	bottom: 30px;
	display: none;
}
.loading {
	display:none;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,0.4);
	position: fixed;
	top: 0px;
	left: 0;
	z-index: 9999999;
}
span.one_date_element.aln-cntr.disabled_calendar_day {
        background: none!important;
        cursor: text;
        color: rgba(0,0,0,.5);
}
.ruki-nozhnicy {
	position: relative;
	display: inline-block;
	bottom: 10px;
}
a.child_filter{
  background-position: 4px -88px;
}
a.teen_filter{
  background-position: 4px -108px;
}
div.weekcontrole{
  margin-top: -5px;
  margin-bottom: 80px;
}
a.pastweek{
  background: url(/h/img/pastweek.png) no-repeat;
  width: 167px;
  height: 22px;
  display:block;
  float:left;
  border-radius: 2px;
}
a.nextweek{
  background: url(/h/img/nextweek.png) no-repeat;
  width: 167px;
  height: 22px;
  display:block;
  float:right;
  border-radius: 2px;
}
.close_games-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #53565D;
  margin-top: 50px;
}
.close_games-counter-wrapper {
  margin-top: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #eee;
  .close_games-counter {
    margin-left:auto;
    margin-right:auto;
    margin-bottom: 40px;
  }
}



.jtcl_btn{
              background: url('/h/img/b-insert-jtcl.png') 0 0 no-repeat!important;
	&:hover{
              	background: url('/h/img/b-insert-jtcl-hover.png') 0 0 no-repeat!important;
		}

}
.activities-programm_title {
	text-align: center;
	font-size: 21px;
}
.activities-programm_name__colorit {
	font-weight:bold;
	font-size: 1.4em;
}