/* ==========================================================================
   Snippets
   ========================================================================== */

// Border Radius Simple
.border-radius (@radius: 5px) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  border-radius: @radius;
}
// Border Radius Custom
.border-radius-custom (@topleft: 5px, @topright: 5px, @bottomleft: 5px, @bottomright: 5px) {
  -webkit-border-radius: @topleft @topright @bottomright @bottomleft;
  -moz-border-radius: @topleft @topright @bottomright @bottomleft;
  border-radius: @topleft @topright @bottomright @bottomleft;
}
// Box Shadow
.box-shadow (@x: 0px, @y: 3px, @blur: 5px, @alpha: 0.5) {
  -webkit-box-shadow: @x @y @blur rgba(0, 0, 0, @alpha);
  -moz-box-shadow: @x @y @blur rgba(0, 0, 0, @alpha);
  box-shadow: @x @y @blur rgba(0, 0, 0, @alpha);
}
.box-shadow-inset (@x: 0px, @y: 3px, @blur: 5px, @alpha: 0.5) {
  -webkit-box-shadow: inset @x @y @blur rgba(0, 0, 0, @alpha);
  -moz-box-shadow: inset @x @y @blur rgba(0, 0, 0, @alpha);
  box-shadow: inset @x @y @blur rgba(0, 0, 0, @alpha);
}
// Transition
.transition (@prop: all, @time: 1s, @ease: linear) {
  -webkit-transition: @prop @time @ease;
  -moz-transition: @prop @time @ease;
  -o-transition: @prop @time @ease;
  -ms-transition: @prop @time @ease;
  transition: @prop @time @ease;
}
// Transform
.transform (@rotate: 90deg, @scale: 1, @skew: 1deg, @translate: 10px) {
  -webkit-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
  -moz-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
  -o-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
  -ms-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
  transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
}
// Linear Gradient
.gradient (@origin: left, @start: #ffffff, @stop: #000000) {
  background-color: @start;
  background-image: -webkit-linear-gradient(@origin, @start, @stop);
  background-image: -moz-linear-gradient(@origin, @start, @stop);
  background-image: -o-linear-gradient(@origin, @start, @stop);
  background-image: -ms-linear-gradient(@origin, @start, @stop);
  background-image: linear-gradient(@origin, @start, @stop);
}
// Quick Gradient
.quick-gradient (@origin: left, @alpha: 0.2) {
  background-image: -webkit-linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));
  background-image: -moz-linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));
  background-image: -o-linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));
  background-image: -ms-linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));
  background-image: linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));
}
// Webkit Reflection
.reflect (@length: 50%, @opacity: 0.2){
  -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(@length, transparent), to(rgba(255,255,255,@opacity)));
}
// Opacity
.opacity(@opacity: 100) {
  -webkit-opacity: @opacity / 100;
  -moz-opacity: @opacity / 100;
  -o-opacity: @opacity / 100;
  filter: e(%("alpha(opacity=%d)", @opacity));
  opacity: @opacity / 100;
}

.group {
  &:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
}

.hide {
  display: none !important;
}

.overflow {
  overflow: hidden;
}

.inline-links {
  .group;
  padding: 0;
  margin: 0;
  li {
    float: left;
    list-style: none;
    a {
      display: block;
    }
  }
}

.links-c {
  color: #000;
  font-weight: bold;
  &:hover {
    text-decoration: none;
  }
}
.link-c2 {
  color: #32CD32;
  font-weight: normal;
  &:hover {
    color: #ff4000;
  }
}
.link-c3 {
  color: #000;
  font-weight: bold;
  &:hover {
    color: #ff4000;
  }
}


/* ==========================================================================
   Fonts
   ========================================================================== */

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

span.ruble {
  font-family: 'ALSRublRegular' !important;
}

// main font
.font-main {
  font-family: Helvetica, Arial, sans-serif;
}
.font-style-main {
  font-size: 13px;
  line-height: 18px;
}
h1 {
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 26px 0;
  padding: 0;
}
h2 {
  font-size: 18px;
  line-height: 20px;
  margin: 0 0 10px 0;
  padding: 0;
}
h3 {
  .font-style-main;
  margin: 0 0 10px 0;
  padding: 0;
}
p {
  .font-style-main;
  margin: 0;
  padding: 0 0 10px 0;
}
ol {
  padding: 0 15px 10px 0;
  margin: 0;
  li {
    list-style-position: inside;
  }
}


/* ==========================================================================
   Basic styles
   ========================================================================== */

html, body {
  width: 100%;
  height: 100%;
}
body {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  background: #f2f2f2;
  position: relative;
  min-width: 1000px;
  color: #000;
  margin:0;
  .font-main;
  .font-style-main;
}
.wrap {
  width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  z-index: 100;
}
.wrap-out {
  width: 100%;
  position: relative;
  z-index: 100;
}

/* ==========================================================================
   Form elements
   ========================================================================== */

.button-graph {
  border: none;
  color: #fff;
  .font-main;
  font-weight: bold;
  text-shadow: 0 -1px 0px rgba(0,0,0,0.23);
  outline: none;
}

/* ==========================================================================
   Header
   ========================================================================== */

header {
  .wrap-out;
  height: 101px;
  padding: 0;
  color: #fff;
  z-index: 107;
  overflow:hidden;
  .panel-1 {
    .wrap-out;
    height: 53px;
    background: url(../img/header/header_back.png) repeat-x 0 0;
    .box-shadow (0,1px,4px,0.5);
    z-index: 200;
  }
  .logo {
    font-size: 25px;
    line-height: 46px;
    color: #fff;
    .font-main;
    font-weight: bold;
    text-shadow: 0 -1px 0px #000;
    text-decoration: none;
    background: url(../img/header/logo.png) no-repeat 0 3px;
    padding-left: 80px;
  }
  .login {
    display: block;
    background: url(../img/header/header-b.png) no-repeat 0 -22px*6;
    height: 42px;
    width: 196px;
    position: absolute;
    right: 4px;
    top: 4px;
    outline: none;
    &:hover {
      background-position: 0 -22px*6-42px;
    }
    &:active {
      margin-top: 1px;
      background-position: 0 -22px*6-42px*2;
    }
    &.login-on {
      background: url(../img/header/login-email.png) 0 0 no-repeat !important;
      text-decoration: none;
      text-align: center;
      font-weight: bold;
      color: #fff;
      text-shadow: 0 -1px 0px #000;
      line-height: 38px;
    }
  }
  .cargo-location {
    background: url(../img/header/header-b.png) no-repeat 0 0;
    height: 22px;
    width: 192px;
    position: absolute;
    left: 252px;
    top: 14px;
    display: block;
    outline: none;
    &:hover {
      background-position: 0 -22px;
    }
    &:active {
      background-position: 0 -22px*2;
    }
  }

  .cargo-location-hover {
    background: url(../img/header/header-b.png) no-repeat 0 -44px;
    height: 22px;
    width: 192px;
    position: absolute;
    left: 252px;
    top: 14px;
    display: block;
    outline: none;
  }

  .calc-cost-hover {
    background: url(../img/header/header-b.png) no-repeat 0 -110px;
    height: 22px;
    width: 154px;
    position: absolute;
    left: 452px;
    top: 14px;
    display: block;
    outline: none;
  }
  
  .calc-cost {
    display: block;
    background: url(../img/header/header-b.png) no-repeat 0 -22px*3;
    height: 22px;
    width: 154px;
    position: absolute;
    left: 452px;
    top: 14px;
    outline: none;
    &:hover {
      background-position: 0 -22px*4;
    }
    &:active {
      background-position: 0 -22px*5;
    }
  }
  .lang {
    .inline-links;
    float: right;
    margin: 17px 22px 0px 0px;
    width: 40px;
    background: url(../img/header/lang_arrow.png) no-repeat center right;
    li {
      &.current a {
        border-color: #a3a3a3;
      }
    }
    a {
      background: url(../img/header/flags.png) no-repeat 0 0;
      width: 18px;
      height: 13px;
      padding: 1px 2px 2px;
      border: 1px solid transparent;
      outline:none;
      &:hover {
        border-color: #a3a3a3;
      }
      &.ru {
        background-position: 2px 1px;
      }
      &.gb {
        background-position: -22px 1px;
      }
      &.ch {
        width: 20px;
        background-position: -46px 1px;
      }
      &.it {
        background-position: -72px 1px;
      }
      &.ge {
        background-position: -96px 1px;
      }
      &.fr {
        background-position: -120px 1px;
      }
    }
  }
  .panel-2 {
    .wrap-out;
    height: 35px;
    background: #f2f2f2;
    border-bottom: 1px solid #fff; 
    padding-top: 18px;
    z-index: 300;
  }
  .title {
    position: absolute;
    left: 19px;
    top: 0px;
    text-shadow: 0 0 10px rgba(0,0,0,0.5);
  }
  .region {
    float: left;
    a {
      font-weight: bold;
      color: #0f0f0f;
      padding: 0 12px 0 0;
      background: url(../img/header/link-arrow2.png) right 6px no-repeat;
      text-decoration: none;
      line-height: 16px;
      font-weight: bold;
      &:hover {
        color: #94d0ff;
        background-image: url(../img/header/link-arrow-h.png);
        span {
          background-image: url(../img/header/link-bg-h.png);
        }
      }
      span {
        background: url(../img/header/link-bg2.png) repeat-x 0 16px;
        display: inline-block;
        height: 18px;
      }
    }
  }
  .region_amount
  {
    float: left;
    margin-left: 15px;
    height: 17px;
    color: #0c0c0c;
    border-bottom: 1px solid #0c0c0c;
  }
  .all_news
  {
    color: #32CD32;
    border-bottom: 1px solid #32CD32;
    height: 18px;
    line-height: 20px;
    float: right;
    text-decoration: none;
    font-weight: bold;
     &:hover {
        color: #64a9ff;
        border-bottom: 1px solid #64a9ff;
      }
  }
  .login_pop {
    display: none;
    position: absolute;
    top: 40px;
    right: -8px;
    padding: 15px;
    min-width: 158px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 2px rgba(100, 95, 95, 0.5);
    -moz-box-shadow: 0 0 10px 2px rgba(100, 95, 95, 0.5);
    box-shadow: 0 0 10px 2px rgba(100, 95, 95, 0.5);
    &:before {
      content: '';
      position: absolute;
      width: 90%;
      height: 21px;
      top: -21px;
      right: 20px;
      background: url(../img/login_arrow.png) no-repeat top right;
    }
    .mail {
      color: #686868;
      font-size: 13px;
      font-weight: bold;
      margin-bottom: 10px;
    }
    .logout_link {
      font-size: 14px;
      color: #32CD32;
      text-decoration: none;
      border-bottom: 1px solid #32CD32;
      font-weight: bold;
      &:hover {
        color: #64a9ff;
        border-bottom: 1px solid #64a9ff;
      }
    }
    .form_wrapper {
      background: none;
      padding: 0;
      margin: 7px 0 ;
      border-bottom: none;
      input {
        width: 156px;
        height: 28px;
        font-size: 14px;
        padding: 0 10px;
        margin: 0 5px 10px;
      }
      .forgot_pass {
        font-size: 12px;
        color: #4c4c4c;
        font-weight: 300;
        margin-left: 5px;
        border-bottom: 1px solid #4c4c4c;
        float: left;
        text-decoration: none;
        &:hover {
          color: #64a9ff;
          border-bottom: 1px solid #64a9ff;
        }
      }
      .login_link {
        font-size: 14px;
        color: #32CD32;
        text-decoration: none;
        border-bottom: 1px solid #32CD32;
        font-weight: bold;
        float: right;
        margin-right: 5px;
        &:hover {
          color: #64a9ff;
          border-bottom: 1px solid #64a9ff;
        }
      }
      .reg_link {
        float: left;
        text-decoration: none;
        font-size: 14px;
        font-weight: normal;
        border-bottom: 1px solid #32CD32;
        margin: 13px 5px 0;
        &:hover {
          color: #64a9ff;
          border-bottom: 1px solid #64a9ff;
        }
      }
    }
  }

  .header_login
  {
    padding-left: 20px;
    border-left: 1px solid #818181;
    float: right;
    height: 23px;
    margin-left: 20px;
    position: relative;
    z-index: 10000;
    &:hover {
      .login_pop {
        //display: block;
      }
    }
    a {
      color: #32CD32;
      text-decoration: none;
      border-bottom: 1px dashed #32CD32;
      height: 18px;
      line-height: 20px;
      font-weight: bold;
      &:hover {
        color: #64a9ff;
        border-bottom: 1px dashed #64a9ff;
      }
    }
    #loginform_submit {
      display: none;
    }
  }
  .phone {
    float: right;
    font-size: 23px;
    line-height: 52px;
    text-shadow: 0 0 10px rgba(0,0,0,0.5);
    letter-spacing: -1px;
    font-weight: bold;
  }
  .header_menu {
    line-height: 34px;
    float: right;
    margin: 0 22px 0 0;
    ul {
      .inline-links;
      li {
        margin: 0 1px 0 0;
        padding: 8px 8px 0;
        &.current {
          font-weight: bold;
          a {
            text-decoration: none;
            cursor: default;
            color: #e91f1f;
          }
        }
      }
      a {
        color: #f2f2f2;
        font-weight: bold;
        text-decoration: none;
        outline: none;
        &:hover {
          color: #e91f1f;
        }
      }
    }
  }
  .border {
    .wrap-out;
    z-index: 300;
   // background: transparent url(../img/header/figure-bg.png) 50% bottom no-repeat;
   // height: 2px;
  }
  .panel-3 {
    .wrap-out;
    background: transparent url(../img/header/figure-bg-2.png) 50% 0px no-repeat;
    height: 116px;
    margin: -15px 0 0 0;
    z-index: 200;
    .title {
      font-size: 24px;
      line-height: 45px;
      color: #fff;
      .font-main;
      font-weight: bold;
      text-shadow: 0 -1px 0px #000;
      position: absolute;
      left: 199px;
      top: 3px;
    }
  }
  &.custom {
    height: 182px;
  }
}

/* ==========================================================================
   Main
   ========================================================================== */

section.main {
  .group;
  .wrap;
  /*padding-bottom: 65px + 187px;*//*перекрывает футер и блокирует ссылки внизу, если z-index < z-index футера, то проблемы с результатами поиска по тексту*/
  z-index: 106;
  padding-bottom: 65px; 
}
aside {
  width: 240px;
  float: left;
  margin: 20px 40px 0 0;

  .holder {
    margin: 0 0 36px 0;
  }

}
.content {
  article {
    padding: 0 0 19px 0;
    h2 {
      width: 620px;
    }
    & > p {
      padding-right: 15px;
    }
  }
}
aside + section.content, .search-holder + section.content {
  float: left;
  width: 680px - 5px - 21px;
  padding: 14px 5px 31px 21px;
  background: #fff;
  .box-shadow (0,0,4px,0.15);
}

aside + section.content {
  margin-top: 29px;
}

.menu {
  padding: 0;
  margin: 0 0 13px 0;
  .border-radius(4px);
  @menu-width: 240px;
  width: @menu-width;
  .box-shadow (0,0,4px,0.15);
  li {
    list-style: none;
    margin: 0 0 -1px 0;
    position: relative;
    z-index: 100;
    &:hover, &.current {
      z-index: 200;
      a {
	border-color: #F9B69C;
	background-color: #FCC8B0;
        /*border-color: #dbb35d;
        background-color: #ffd46e;*/
      }
    }
  }
  a {
    .links-c;
    outline: none;
    display: block;
    text-decoration: none;
    border: 1px solid #dddddd;
    background: #fff url(../img/content/menu-arrow.png) 223px 50% no-repeat;
    width: @menu-width - 2px - 20px - 38px;
    padding: 5px 38px 5px 20px;
  }
  .first-child, .first-child a {
    .border-radius-custom(4px,4px,0,0);
  }
  .last-child, .last-child a {
    .border-radius-custom(0,0,4px,4px);
    margin: 0;
  }
}
input.ask-question {
  .font-main;
  border: none;
  background: url(../img/buttons-sprite.png) no-repeat -30px 0;
  width: 242px;
  height: 35px;
  text-align: center;
  font-size: 19px;
  line-height: normal;
  color: #000;
  outline: none;
  margin-left: -1px;
  text-indent: -99999px;
  &:hover {
    background-position: -30px -50px;
  }
  &:active {
    background-position: -30px -103px;
  }
}
.banner-holder-aside {
  width: 238px;
  height: 148px;
  display: block;
  padding: 1px;
  background: #fff;
  .box-shadow (0,2px,4px,0.15);
  margin: 0 0 10px 0;
  .border-radius(3px);
  img {
    vertical-align: bottom;
    width: 238px;
    height: 148px;
    .border-radius(2px);
  }
}
.search-holder {
  width: 680px;
  float: left;
  margin: 20px 0 23px 0;
  position: relative;
  p {
    .group;
    padding: 0;
  }
  input {
    float: left;
  }
  .search-input {
    background: url(../img/content/search-2.png) 0 0 no-repeat;
    width: 602px - 40px;
    height: 45px - 15px;
    color: #cacaca;
    font-size: 19px;
    line-height: 30px;
    outline: none;
    border: none;
    padding: 7px 20px 8px;
    margin: 0 -4px 0 -8px;
    .font-main;
    &:focus {
      color: #000;
      background-position: 0 -44px;
    }
  }
  .search-submit {
    background: url(../img/content/search-2.png) -613px -49px no-repeat;
    width: 90px;
    height: 35px;
    color: #000;
    font-size: 19px;
    line-height: normal;
    outline: none;
    border: none;
    .font-main;
    text-align: center;
    margin: 5px 0 0 0;
    text-indent: -99999px;
    padding: 0;
    &:hover {
      background-position: -710px -49px;
    }
    &:active {
      background-position: -818px -49px;
    }
  }
}

#search-result {
  position: absolute;
  left: 0;
  top: 40px;
  z-index:20;
  width: 680px;
  background: #fff;
  line-height: 24px;
  border: 1px solid #797979;
  border-top-color: #e2e2e2;
  padding: 3px 0 3px;
  .box-shadow (0,2px,4px,0.5);
  a {
    display: block;
    color: #000;
    text-decoration: none;
    padding: 0 12px 0 5px;
    &.focused {
      background: #cce3ff;
    }
    span {
      font-size: 19px;
    }
  }
}

mark {
  background: #ffd46e;
}

.slider_layout .search-result {
  position: absolute;
  left: 199px;
  top: 110px;
  width: 600px;
  background: #fff;
  line-height: 24px;
  border: 1px solid #797979;
  border-top-color: #e2e2e2;
  z-index: 99999999;
  padding: 3px 0 3px;
  .box-shadow (0,2px,4px,0.5);
  a {
    display: block;
    color: #000;
    text-decoration: none;
    padding: 0 12px 0 5px;
    &.focused {
      background: #cce3ff;
    }
    span {
      font-size: 19px;
    }
  }
}

/* ==========================================================================
   Footer
   ========================================================================== */


footer {
  height: 187px;
  /*position: absolute;*/
  z-index: 105;
  left: 0;
  bottom: 0;
  width: 100%;
  font-size: 11px;
  line-height: 15px;
  -webkit-box-shadow: 0 -10px 20px rgba(255, 255, 255, 0.75);
     -moz-box-shadow: 0 -10px 20px rgba(255, 255, 255, 0.75);
          box-shadow: 0 -10px 20px rgba(255, 255, 255, 0.75);
  .wrap {
    height: 187px;
    background: url(../img/content/footer-divider.png) 50% 122px no-repeat;
  }
  p {
    font-size: 11px;
    line-height: 15px;
    &.contacts {
      position: absolute;
      left: 19px;
      top: 35px;
      width: 260px;
    }
    &.copyright {
      position: absolute;
      left: 300px;
      top: 35px;
      color: #4c4c4c;
      width: 440px;
    }
  }
  a.masters {
    position: absolute;
    right: 27px;
    top: 50px;
    width: 153px - 58px;
    padding: 0 0 0 69px;
	font-weight:bold;
    img {
      float: left;
      margin: 14px 0 0 -69px;
    }
  }
  a {
    color: #000;
    &:hover {
      text-decoration: none;
    }
  }
  nav {
    position: absolute;
    left: 300px;
    top: 141px;
    font-weight: bold;
    color: #32CD32;
    ul {
      .inline-links;
    }
    li {
      margin: 0 14px 0 0;
    }
    a {
      .link-c2;
      font-weight: bold;
      &:hover {
        text-decoration: underline;
      }
      &.current {
        text-decoration: none;
      }
    }
  }
}

/* ==========================================================================
   ask question modal
   ========================================================================== */

.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  background: url(../img/content/overlay.png) repeat 0 0;
  display: none;
}
.modal-input (@mwidth: 577px, @mheight: 120px){
  border: 1px solid #97aaa0;
  background: #dff5e0;
  .box-shadow-inset (0,1px,2px,0.3);
  .border-radius (5px);
  width: @mwidth - 2px - 10px;
  height: @mheight - 2px - 6px;
  padding: 3px 5px;
  outline: none;
  &:focus {
    -webkit-box-shadow: 0 0 6px #ddffeb, inset 0 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 6px #ddffeb, inset 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: 0 0 6px #ddffeb, inset 0 1px 2px rgba(0,0,0,0.3);
  }
}
.modal.ask-question {
  position: absolute;
  left: 50%;
  top: 167px;
  z-index: 1100;
  background: url(../img/content/ask-question-bg-1.png);
  width: 701px;
  height: 546px;
  margin-left: -350px;
  font-size: 19px;
  line-height: 24px;
  display: none;
  &.maps {
    background: url(../img/content/ask-question-bg-2.png) 0 0 no-repeat;
  }
  .close {
    width: 36px;
    height: 36px;
    position: absolute;
    right: 11px;
    top: 43px;
    background: transparent;
    text-indent: -9999px;
    border: none;
    background: url(../img/city-picker/close.png) no-repeat 0 0;
    &:hover {
      background-position: 0 -36px;
    }
    &:active {
      background-position: 0 -36px*2;
    }
  }
  .tab-1 {
    color: #1a1a1a;
    position: absolute;
    width: 219px;
    left: 43px;
    top: 12px;
    text-align: center;
  }

  .tab-2 {
    color: #1a1a1a;
    position: absolute;
    width: 150px;
    left: 300px;
    top: 12px;
    text-align: center;
  }
  strong {
    height: 24px;
  }

  form {
    padding: 76px 0 0 62px;
    &>div > label {
      position: relative;
      display: block;
      padding-left: 17px;
      margin-left: -17px;
      &.er-icon {
        background: url(../img/content/icon-error.png) no-repeat 0 34px;
      }
      .er-text {
        position: absolute;
        display: none;
        left: 30px;
        top: 0px;
        z-index: 20;
        font-size: 13px;
        color: #ff4000;
        .group;
        span {
          display: block;
          float: left;
          height: 35px - 3px;
          padding-top: 3px;
        }
        .left {
          background: url(../img/content/er-text-l.png) no-repeat 0 0;
          width: 10px;
        }
        .right {
          background: url(../img/content/er-text-r.png) no-repeat 0 0;
          width: 12px;
        }
        .text {
          background: url(../img/content/er-text-pattern.png) repeat-x 0 0;
        }
      }
      .error + .er-text {
        display: block;
      }
    }
    .error {
      color: #ff4000;
    }
  }
  div.theme {
    margin: 0 0 13px 0;
    position: relative;
    z-index: 100;
    strong {
      display: block;
      margin: 0 0 -2px 0;
    }
    a.theme {
      color: #32CD32;
      outline: none;
      text-decoration: none;
      padding-right: 13px;
      background: url(../img/content/link-arrow-sprite.png) no-repeat right 9px;
      span {
        background: url(../img/content/link-underline-1.png) repeat-x 0 19px;
      }
      &:hover {
        color: #ff4000;
        background-position: right -36px;
        span {
          background: url(../img/content/link-underline-1-h.png) repeat-x 0 19px;
        }
      }
    }
  }
  .message {
    margin: 0 0 19px 0;
    strong {
      display: block;
    }
    textarea {
      .modal-input (577px, 120px);
      resize: none;
      overflow: auto;
    }
    .er-text {
      left: 140px;
    }
  }
  .name {
    strong {
      display: block;
    }
    input {
      .modal-input(317px, 30px);
    }
    .er-text {
      left: 120px;
    }
  }
  .email {
    margin: 0 0 62px 0;
    strong {
      display: block;
      span {
        font-weight: normal;
        font-size: 13px;
        margin-left: 4px;
      }
    }
    input {
      .modal-input(517px, 30px);
    }
    .er-text {
      left: 215px;
    }
  }
  .submit-holder {
    input {
      background: url(../img/content/ask-question-submit.png) -1px 4px no-repeat;
      width: 199px;
      height: 52px;
      border: none;
      color: #00040a;
      text-align: center;
      font-size: 25px;
      line-height: normal;
      .font-main;
      outline: none;
      text-indent: -99999px;
      margin: -3px 0 0 -7px;
      &:hover {
        background-position: 0 -67px;
      }
      &:active {
        background-position: 0 -141px;
      }
    }
  }
}

.modals.ask-question {
  position: absolute;
  left: 50%;
  top: 167px;
  z-index: 1100;
  background: url(../img/content/ask-question-bg.png);
  width: 701px;
  height: 546px;
  margin-left: -350px;
  font-size: 19px;
  line-height: 24px;
  display: none;
  .close {
    width: 36px;
    height: 36px;
    position: absolute;
    right: 11px;
    top: 43px;
    background: transparent;
    text-indent: -9999px;
    border: none;
    background: url(../img/city-picker/close.png) no-repeat 0 0;
    &:hover {
      background-position: 0 -36px;
    }
    &:active {
      background-position: 0 -36px*2;
    }
  }
  .tab {
    color: #1a1a1a;
    position: absolute;
    width: 219px;
    left: 43px;
    top: 12px;
    text-align: center;
  }

  strong {
    height: 24px;
  }
  form {
    padding: 76px 0 0 62px;
    &>div > label {
      position: relative;
      display: block;
      padding-left: 17px;
      margin-left: -17px;
      &.er-icon {
        background: url(../img/content/icon-error.png) no-repeat 0 34px;
      }
      .er-text {
        position: absolute;
        display: none;
        left: 30px;
        top: 0px;
        z-index: 20;
        font-size: 13px;
        color: #ff4000;
        .group;
        span {
          display: block;
          float: left;
          height: 35px - 3px;
          padding-top: 3px;
        }
        .left {
          background: url(../img/content/er-text-l.png) no-repeat 0 0;
          width: 10px;
        }
        .right {
          background: url(../img/content/er-text-r.png) no-repeat 0 0;
          width: 12px;
        }
        .text {
          background: url(../img/content/er-text-pattern.png) repeat-x 0 0;
        }
      }
      .error + .er-text {
        display: block;
      }
    }
    .error {
      color: #ff4000;
    }
  }
  div.theme {
    margin: 0 0 13px 0;
    position: relative;
    z-index: 100;
    strong {
      display: block;
      margin: 0 0 -2px 0;
    }
    a.theme {
      color: #32CD32;
      outline: none;
      text-decoration: none;
      padding-right: 13px;
      background: url(../img/content/link-arrow-sprite.png) no-repeat right 9px;
      span {
        background: url(../img/content/link-underline-1.png) repeat-x 0 19px;
      }
      &:hover {
        color: #ff4000;
        background-position: right -36px;
        span {
          background: url(../img/content/link-underline-1-h.png) repeat-x 0 19px;
        }
      }
    }
  }
  .message {
    margin: 0 0 19px 0;
    strong {
      display: block;
    }
    textarea {
      .modal-input (577px, 120px);
      resize: none;
      overflow: auto;
    }
    .er-text {
      left: 140px;
    }
  }
  .name {
    strong {
      display: block;
    }
    input {
      .modal-input(317px, 30px);
    }
    .er-text {
      left: 120px;
    }
  }
  .email {
    margin: 0 0 62px 0;
    strong {
      display: block;
      span {
        font-weight: normal;
        font-size: 13px;
        margin-left: 4px;
      }
    }
    input {
      .modal-input(517px, 30px);
    }
    .er-text {
      left: 215px;
    }
  }
  .submit-holder {
    input {
      background: url(../img/content/ask-question-submit.png) -1px 4px no-repeat;
      width: 199px;
      height: 52px;
      border: none;
      color: #00040a;
      text-align: center;
      font-size: 25px;
      line-height: normal;
      .font-main;
      outline: none;
      text-indent: -99999px;
      margin: -3px 0 0 -7px;
      &:hover {
        background-position: 0 -67px;
      }
      &:active {
        background-position: 0 -141px;
      }
    }
  }
}

/* ==========================================================================
   branch-search
   ========================================================================== */

.link-switch {
  margin: 20px 0 10px 0;
  ul {
    .inline-links;
    margin: 0 0 4px -19px;
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
  }
  a {
    .link-c2;
    text-decoration: none;
    outline: none;
    padding: 4px 19px;
    span {
      background: url(../img/content/link-underline-1.png) repeat-x 0 24px;
    }
    &:hover span {
      background-image: url(../img/content/link-underline-1-h.png);
    }
  }
  h1 {
    padding: 3px 18px;
    background: #ffd46e;
    border: 1px solid #d5b461;
    .border-radius (17px);
    .box-shadow-inset (0,1px,2px,0.15);
  }
  p {
    width: 480px;
  }
  li {
    position: relative;
  }
}

.content .search-holder {
  width: 100%;
  float: none;
  position: relative;
  z-index: 200;
  margin: 0;
  .search-input {
    background: url(../img/content/search-1.png) 0 0 no-repeat;
    width: 527px - 32px;
    height: 42px;
    color: #000;
    font-size: 25px;
    line-height: normal;
    outline: none;
    border: none;
    padding: 6px 16px;
    margin: 0 0 0 -1px;
    .font-main;
    &:focus {
      background-position: 0 -69px;
    }
  }
  .search-submit {
    background: url(../img/content/search-1.png) right -6px no-repeat;
    width: 101px;
    height: 43px;
    color: #000;
    font-size: 25px;
    line-height: normal;
    outline: none;
    border: none;
    .font-main;
    text-align: center;
    margin: 5px 0 0 0;
    &:hover {
      background-position: right -75px;
    }
    &:active {
      background-position: right -143px;
    }
  }
  .search-result {
    position: absolute;
    left: 6px;
    top: 45px;
    background: #fff;
    line-height: 24px;
    border: 1px solid #797979;
    border-top-color: #e2e2e2;
    padding: 3px 0 3px;
    .box-shadow (0,2px,4px,0.5);
    a {
      display: block;
      color: #000;
      text-decoration: none;
      padding: 0 12px 0 5px;
      &.focused {
        background: #cce3ff;
      }
      span {
        font-size: 19px;
      }
    }
  }
}

.city-list {
  position: relative;
  z-index: 100;
  font-size: 19px;
  line-height: 22px;
  padding: 38px 0 0 0;
  background: url(../img/content/branch-search-header.png) no-repeat 50% 0;
  .group;
  ul {
    padding: 0 60px 0 0;
    margin: 0;
    width: 200px;
    float: left;
    &.last-child {
      width: 180px;
      padding: 0;
    }
  }
  li {
    list-style: none;
    position: relative;
    margin: 0 0 10px 0;
  }
  a {
    .link-c2;
    color: #2c2c2c;
  }
  span {
    font-weight: bold;
    color: #81a2ca;
    display: block;
    position: absolute;
    left: -22px;
    width: 16px;
    text-align: center;
    top: 0;
  }
}

.branch-header {
/*  height: 75px;*/
  width: 100%;
  .group;
  .return {
    display: block;
    background: url(../img/content/icon-return.png) no-repeat 0 0;
    width: 87px;
    height: 35px;
    float: left;
    color: #8a8a8a;
    text-decoration: none;
    font-size: 19px;
    line-height: 19px;
    margin: 18px 30px 0 -5px;
    &:hover {
      background-position: right 0;
    }
  }
  .city {
    float: left;
    padding: 22px 24px 0 0;
    h1 {
      font-size: 24px;
      line-height: 24px;
      margin: 0;
      padding: 0;
    }
  }
  .tape {
    float: left;
    .group;
    div {
      float: left;
      height: 75px;
      &.left {
        background: url(../img/content/tape-left.png) 0 0 no-repeat;
        width: 20px;
      }
      &.middle {
        background: url(../img/content/tape-pattern.png) 0 0 repeat-x;
        font-size: 15px;
        line-height: 15px;
        height: 75px - 27px;
        padding: 27px 0 0 0;
      }
      &.right {
        background: url(../img/content/tape-right.png) 0 0 no-repeat;
        width: 28px;
      }
    }
  }
}

.content-box {
  padding: 0 0 31px 0;
  background: url(../img/content/box-shadow.png) no-repeat 50% bottom;
}

.tabs-holder {
  width: 100%;
  .content-box;

  .tabs-header {
    z-index: 200;
    .inline-links;
    padding: 2px 0 0 4px;
    background: #d0d5d9;
    li {
      margin: 0 2px 0 0;
    }
    a {
      color: #1a1a1a;
      text-decoration: none;
      font-size: 19px;
      line-height: 19px;
      height: 36px - 8px;
      padding: 8px 14px 0;
      background: none;
      border: 1px solid #b1b5b9;
      border-bottom: none;
      .border-radius-custom (3px,3px,0,0);
      margin: 1px 0 0 0;
      position: relative;
      z-index: 99;
      outline: none;

      &.current {
        height: 37px - 9px;
        padding: 9px 15px 0;
        background: #fff;
        border-color: #fff;
        margin: 0;
        cursor: default;
        z-index: 101;
      }
    }
  }
  .tabs-body {
    position: relative;
    width: 100%;
    z-index: 100;
    .box-shadow(0,-4px,6px,0.25);
    background: #fff;
    .tabs-2 {
      h2 {
        display: none;
      }
    }
    .tabs-1 {
      h2 {
        display: block;
      }
    }
    h3 {
      font-size: 15px;
      margin: 0 0 12px 0;
    }
  }
}
.tabs-1 {
  .item {
    border-bottom: 1px solid #ddd;
    .group;
    padding: 0 0 7px 15px;
    .info {
      float: left;
      padding: 24px 0 0 0;
      width: 580px;
    }
    .map {
      float: right;
      width: 262px;
      padding: 7px 0 0 0;
      margin: 0 58px 0 0;
      .group;
      a {
        display: block;
        float: right;
        border: 1px solid #bfbfbf;
        padding: 1px;
        background: #fff;
        width: 139px;
        height: 104px;
        overflow: hidden;
        img {
          vertical-align: bottom;
          width: 139px;
          height: 104px;
        }
      }
      div {
        font-size: 15px;
        line-height: 15px;
        margin: 48px 0 0 0;
        float: left;
      }
    }
    .tip {
      font-size: 13px;
      color: #737373;
      width: 500px;
      margin: 1px 0 0 21px;
    }
  }
  .cols {
    .group;
    div {
      float: left;
    }
    .col-1 {
      width: 145px;
      margin: 0 39px 0 0;
    }
    .col-2 {
      width: 390px;
    }
    p {
      font-size: 15px;
      line-height: 18px;
      color: #000;
      padding: 0 0 0 21px;
      margin: 0 0 6px 0;
      a {
        color: #000;
      }
      &.phone {
        background: url(../img/content/branch-phone.png) 0px 1px no-repeat;
      }
      &.mail {
        background: url(../img/content/branch-email.png) 0px -23px  no-repeat;
      }
      &.address {
        background: url(../img/content/branch-address.png) -184px 1px no-repeat;
      }
      &.worktime {
        background: url(../img/content/branch-worktime.png) -184px -23px  no-repeat;
      }
      &.name {
        background: url(../img/content/branch-name.png) 2px -53px  no-repeat;
      }
    }
  }
}

.tab-2-header {
  .inline-links;
  padding: 21px 0 26px 15px;

  background: url(../img/content/tabs-2-header-bg.png) no-repeat 0 bottom;
  li {
    padding: 20px 0 0 49px;
    height: 37px;
    margin: 0 20px 0 0;
    &.doc {
      background: url(../img/content/icon-xls.png) no-repeat 0 0;
    }
    &.xls {
      background: url(../img/content/icon-xls.png) no-repeat 0 0;
    }
  }
  a {
    color: #32CD32;
    text-decoration: none;
    font-size: 15px;
    line-height: 15px;
    font-weight: bold;
    height: 33px - 8px;
    width: 361px;
    text-align: center;
    background: url(../img/content/branches-b-n.png) no-repeat 0 0;
    padding: 8px 0 0 0;
    ourline: none;
    &:hover {
      background: url(../img/content/branches-b-h.png) no-repeat 0 0;
    }
  }
}

.tabs-1 {
  padding-bottom: 50px;
  h2 {
    padding: 31px 0 17px 19px;
    font-size: 19px;
    line-height: 19px;
  }
  .filters {
    .inline-links;
    padding: 0 0 18px 19px;
    a {
      font-size: 15px;
      line-height: 15px;
      color: #32CD32;
      text-decoration: none;
      padding-bottom: 2px;
      background: url(../img/content/link-underline-1.png) repeat-x 0 15px;
      outline: none;
    }
    li {
      padding: 3px 14px 1px 13px;
      background: transparent url(../img/content/branch-icons-2.png) no-repeat 0 0;
      border: 1px solid #fff;
      &:hover {
        a {
          background-image: url(../img/content/link-underline-1-h.png);
          color: #ff4000;
        }
      }
      &.current {
        a {
          color: #000;
          cursor: default;
          background: none;
        }
        background-color: #ffd46e;
        border-color: #d5b461;
        .border-radius (11px);
        .box-shadow-inset (0,1px,2px,0.15);
      }
      &.item-1 {
        a {
          padding-left: 26px;
        }
        &.current, &.current:hover {
          background-position: 14px 5px;
        }
        background-position: 14px -35px;
        &:hover {
          background-position: 14px -75px;
        }
      }
      &.item-2 {
        margin: 0 7px 0 0;
        a {
          padding-left: 26px;
        }
        &.current, &.current:hover {
          background-position: 14px -115px;
        }
        background-position: 14px -155px;
        &:hover {
          background-position: 14px -195px;
        }
      }
      &.item-3 {
        a {
          padding-left: 18px;
        }
        &.current, &.current:hover {
          background-position: 15px -236px;
        }
        background-position: 15px -276px;
        &:hover {
          background-position: 15px -316px;
        }
      }
      &.item-4 {
        a {
          padding-left: 18px;
        }
        &.current, &.current:hover {
          background-position: 14px -355px;
        }
        background-position: 14px -395px;
        &:hover {
          background-position: 14px -435px;
        }
      }
    }
  }

}

section.content h2 a {
  font-weight: normal;
  color: #1a1a1a;
}
.news-preview {
  .content-box;
  div {
    .group;
    background: url(../img/content/news-pattern.png) repeat-y 0 0;
  }
  article {
    float: left;
    width: 240px - 21px - 5px;
    padding: 14px 5px 28px 21px;
  }
  a {
    .link-c2;
  }
}

.typical-text {
  em {
    font-style: normal;
    color: #666;
  }
  ul {
    padding: 0;
    margin: 0 0 10px 0;
  }
  li {
    list-style: none;
  }
  h2 {
    font-size: 15px;
  }
}
.cols-2-layout {
  .group;
  article {
    float: left;
    width: 460px;
    padding: 0 20px 0 0;
  }
}

table.price {
  width: 920px;
  margin: 0 0 0 19px;
  th {
    background: #f3f4f5;
    text-align: center;
    height: 59px;
    vertical-align: middle;
    font-size: 13px;
    line-height: 14px;
  }
  td {
    text-align: right;
    border-bottom: 1px solid #f2f2f2;
    padding: 2px 20px 0px 0;
    font-size: 13px;
    line-height: 18px;

  }
  .ta-left {
    text-align: left;
    padding-right: 0;
    padding-left: 10px;
  }
  .ta-center {
    text-align: center;
    padding-right: 0;
  }
  span {
    color: #ddd;
  }
  .first-child td {
    padding-top: 6px;
  }
}

/* ==========================================================================
   map
   ========================================================================== */

.map-wrap {
  width: 100%;
  padding-bottom: 252px;
}
section.map-holder {
  padding-bottom: 0;
}
.ya-map {
  width: 100%;
  height: 555px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.ymaps-b-balloon a {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}
.ymaps-b-balloon__close, .ymaps-b-balloon__tr, .ymaps-b-balloon__tl, .ymaps-b-balloon__bl, .ymaps-b-balloon__br {
  display: none !important;
}
.ymaps-b-balloon__content {
  background: none !important;
}
.ymaps-b-balloon {
  background: url(../img/content/map-tip-bg.png) repeat-x 0 0;
  top: -35px !important;
}
.ymaps-b-balloon__content:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  top: 28px;
  border: 5px solid;
  border-color: #181818 transparent transparent transparent;
  margin-left:  -5px;
}
.days {
  text-align: center;
  width: 100%;
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}
#roadMap .mapHolder {
  width: 600px;
  height: 420px;
  margin: 80px auto 0;
  
  /*img {
    width: 600px;
    height: 420px;
  }*/
}

/* ==========================================================================
   City-picker
   ========================================================================== */

.city-picker {
  display: none;
  position: absolute;
  left: -15px;
  top: 90px;
  z-index: 1000;
  width: 836px;
  padding: 66px 0 0 0;
  background: url(../img/city-picker/top2.png) no-repeat -12px 0;
  .cp-wrap-1 {
    padding: 0 0 16px 0;
    background: url(../img/city-picker/footer.png) no-repeat left bottom;
  }
  .cp-wrap-2 {
    padding: 0;
    background: url(../img/city-picker/pattern.png) repeat-y 0 0;
  }
  .title {
    position: absolute;
    left: 48px;
    top: 33px;
    font-size: 19px;
    line-height: 19px;
  }
  .city-picker-input {
    .modal-input (581px, 30px);
    position: absolute;
    left: 200px;
    top: 28px;
  }
  .close {
    position: absolute;
    top: 17px;
    right: 8px;
    background: url(../img/city-picker/close.png) no-repeat 0 0;
    width: 36px;
    height: 36px;
    &:hover {
      background-position: 0 -36px;
    }
    &:active {
      background-position: 0 -36px*2;
    }
  }
  .city-list {
    position: relative;
    z-index: 100;
    font-size: 13px;
    line-height: 14px;
    padding: 16px 0 8px 49px;
    background: none;
    ul {
      padding: 0 20px 0 0;
      margin: 0;
      width: 140px;
      float: left;
    }
    .last-child {
      width: 120px;
    }
    li {
      margin-bottom: 5px;
    }
  }
}

/* ==========================================================================
   Delievery page
   ========================================================================== */

.del-input {
  border: 1px solid #fff;
  height: 38px;
  width: 272px - 10px;
  background: #dbddde; /* Old browsers */
  background: -moz-linear-gradient(top,  #dbddde 0%, #fefefe 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbddde), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #dbddde 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #dbddde 0%,#fefefe 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #dbddde 0%,#fefefe 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #dbddde 0%,#fefefe 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbddde', endColorstr='#fefefe', GradientType=0 );
  .border-radius(6px);
  padding: 0 5px;
  outline: none;
  color: #000;
  font-size: 25px;
  line-height: 27px;
  .box-shadow(1px,1px,1px,0.9);
  .font-main;
  &:focus {
    -webkit-box-shadow:  0px 0px 20px 5px rgba(255, 255, 255, 0.5);
    box-shadow:  0px 0px 20px 5px rgba(255, 255, 255, 0.5);
  }
}

.from-where {
  .group;
  position: absolute;
  left: 40px;
  top: 70px;
  input {
    float: left;
  }
  input[type="text"]{
    .del-input;
    margin: 0 4px 0 0;
    &:focus
    {
      border: 1px solid #000;
    }
  }
  .refresh {
    border: none;
    width: 44px;
    height: 45px;
    background: url(../img/delievery/refresh-button.png) no-repeat 0 0;
    margin: -1px 4px 0 0;

    &:hover {
      background-position: -62px 0;
    }
    &:active {
      background-position: -130px 0;
    }
  }
}

  .refresh2 {
    border: none;
    width: 44px;
    height: 45px;
    background: url(../img/delievery/refresh-button.png) no-repeat 0 0;
    margin: -1px 4px 0 0;
    cursor: default !important;
  }

.track-holder {
  height: 171px;
  position: relative;
  z-index: 100;
  width: 920px;
  margin: 0 auto;
  .track {
    width: 920px;
    height: 5px;
    z-index: 100;
    position: absolute;
    left: 0px;
    top: 90px;
    background: url(../img/delievery/track-pattern.png) repeat-x 0 0;
    .border-radius(2px);
  }
  .point {
    position: absolute;
    z-index: 110;
    height: 30px;
    top: 64px;
    &.point-1 {
      width: 16px;
      background: url(../img/delievery/icon-point-1.png) -1px 0 no-repeat;
    }
    &.point-2 {
      width: 24px;
      background: url(../img/delievery/icon-point-2.png) 0 0 no-repeat;
      margin-right: -4px;
    }
    &.point-3 {
      width: 22px;
      background: url(../img/delievery/icon-point-3.png) 0 0 no-repeat;
    }
  }
  .text {
    position: absolute;
    font-size: 19px;
    line-height: 19px;
    top: 42px;
    z-index: 120;
    color: #32CD32;
    &.point-left {
      margin-left: -12px;
    }
    &.point-right {
      margin-right: -12px;
    }
  }
  .trans {
    position: absolute;
    z-index: 120;
    &.trans-1 {
      background: url(../img/delievery/transp-1.png) 0 0  no-repeat;
      height: 23px;
      width: 98px;
      margin-left: -49px;
      top: 67px;
    }
    &.trans-2 {
      /*background: url(../img/delievery/transp-3.png) 0 0  no-repeat;*/
      height: 30px;
      width: 189px;
      margin-left: -95px;
      top: 59px;
    }
    &.trans-3 {
      background: url(../img/delievery/transp-2.png) 0 0  no-repeat;
      height: 23px;
      width: 98px;
      margin-left: -49px;
      top: 67px;
    }
  }
  .track-time {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 48px;
    color: #9f9f9f;
    font-size: 19px;
    text-align: center;
  }
}

.del-block {
  .content-box;
  position: relative;
  z-index: 150;
  &.switched {
    background: none;
    .header {
      .box-shadow-inset(0,-4px,6px,0.25);
    }
  }
  .header {
    height: 50px - 12px;
    width: 940px;
    padding: 12px 0 0 20px;
    position: relative;
    &.header-bg-1 {
      background: url(../img/delievery/header-1.png) no-repeat 0 0;
    }
    &.header-bg-2 {
      background: url(../img/delievery/header-2.png) no-repeat 0 0;
    }
    &.header-bg-3 {
      background: url(../img/info/header-3.png) no-repeat 0 0;
    }
    &.header-bg-4 {
      background: url(../img/info/header-4.png) no-repeat 0 0;
    }
    h2 {
      font-size: 24px;
      line-height: 24px;
    }
  }
  .del-main {
    position: relative;
    width: 100%;
    z-index: 100;
    padding: 8px 0 13px 0;
    .box-shadow(0,-4px,6px,0.25);
    background: #fff;

    &.extended {
      display: none;
    }
  }
  .item {
    .group;
    border-bottom: 1px solid #ddd;
    padding: 0 0 1px 0;
    min-height: 43px;
    &.last-child {
      border: none;
    }
    div {
      float: left;
    }
    .price {
      float: right;
      font-size: 29px;
      line-height: 29px;
      padding: 7px 18px 0 0;
      text-align: right;
      width: 165px;
      &.disable {
        color: #dfdfdf;
      }
    }
  }
  .dest-holder {
    width: 430px;
    margin: 0 0 0 20px;
    .group;
    .address {
      float: none;
      clear: both;
      color: #a3a3a3;
      font-size: 13px;
      line-height: 16px;
      padding: 4px 0 0 0;
    }
    .icon-1 {
      width: 20px;
      height: 30px;
      background: #fff url(../img/delievery/dest-track.png) no-repeat 0 8px;
    }
    .icon-2 {
      width: 20px;
      height: 30px;
      background: #fff url(../img/delievery/dest-track.png) no-repeat -246px 8px;
    }
    .icon-3 {
      width: 21px;
      height: 30px;
      background: #fff url(../img/delievery/icon-driver.png) no-repeat 0px 12px;
      margin-left: -1px;
    }
    .from {
      background: url(../img/delievery/dest-track.png) no-repeat 0 8px;
      width: 245px;
    }
    &.disable .from {
      background-image: url(../img/delievery/dest-track-off.png) ;
    }
    .from.disable .icon, .to.disable .icon {
      background-image: url(../img/delievery/dest-track-off.png) ;
    }
    .from.disable .city, .to.disable .city {
      color: #e8e8e8;
    }
    .to {
      width: 185px;
    }
    &.no-way .from {
      background: none;
    }
    .city {
      color: #1a1a1a;
      font-size: 19px;
      line-height: 19px;
      padding: 12px 0 0 0;
      max-width: 165px;
      word-wrap: break-word;
      span {
        background: #fff;
        padding: 0 28px 0 6px;
        display: inline-block;
      }
    }
  }
  .options {
    width: 325px;
    ul {
      list-style: none;
      display: block;
      padding: 15px 0 0 13px;
      margin: 0;
    }
    li {
      display: block;
      height: 22px;
      margin: 0;
      padding: 0 0 7px 0;

      &.current a {
        background-color: #ffd46e;
        .box-shadow-inset (0,1px,2px,0.25);
        .text {
          background: none;
          color: #000;
        }
        .icon-1 {
          background-position: 0 -60px !important;
        }
        .icon-2 {
          background-position: -36px*1 -60px !important;
        }
        .icon-3 {
          background-position: -36px*2 -60px !important;
        }
        .icon-4 {
          background-position: -36px*3 -60px !important;
        }
        .icon-5 {
          background-position: -36px*4 -60px !important;
        }
        .icon-6 {
          background-position: -36px*5 -60px !important;
        }
      }
    }
    a {
      font-size: 13px;
      line-height: 15px;
      color: #32CD32;
      outline: none;
      text-decoration: none;
      padding: 4px 8px 3px 44px;
      .border-radius(11px);
      white-space: nowrap;

      .icon {
        float: left;
        display: block;
        width: 28px;
        height: 22px;
        margin: -3px -36px 0 8px;
        padding: 0 0 0 0;
        .border-radius-custom(11px,0,11px,0);
        background: transparent url(../img/delievery/del-icons.png) no-repeat 0 0;
        position: relative;
        z-index: 100;

        &.icon-1 {
          background-position: 0 0;
        }
        &.icon-2 {
          background-position: -36px*1 0;
        }
        &.icon-3 {
          background-position: -36px*2 0;
        }
        &.icon-4 {
          background-position: -36px*3 0;
        }
        &.icon-5 {
          background-position: -36px*4 0;
        }
        &.icon-6 {
          background-position: -36px*5 0;
        }

      }
      &:hover {

        color: #ff4000;

        .text {
          background-image: url(../img/content/link-underline-1-h.png);
        }

        .icon-1 {
          background-position: 0 -30px;
        }
        .icon-2 {
          background-position: -36px*1 -30px;
        }
        .icon-3 {
          background-position: -36px*2 -30px;
        }
        .icon-4 {
          background-position: -36px*3 -30px;
        }
        .icon-5 {
          background-position: -36px*4 -30px;
        }
        .icon-6 {
          background-position: -36px*5 -30px;
        }

      }
      .text {
        background: url(../img/content/link-underline-1.png) repeat-x 0 15px;
        padding: 0 0 2px 0;
      }
    }
  }
  .detail-cost {
    position: absolute;
    left: 324px;
    top: 18px;
    font-size: 15px;
  }
}
.del-tip {
  padding: 0 0 0 480px;
  font-size: 13px;
  line-height: 18px;
  color: #6d6d6d;
  margin: -16px 0 40px 0;
}
.input-ext {
  position: relative;
  display: inline-block;
  margin: -11px -11px 0 0;
  input {
    position: relative;
    z-index: 100;
    border: none;
    background: url(../img/input-ext.png) no-repeat right 0;
    width: 99px - 36px - 8px;
    height: 22px;
    padding: 9px 36px 11px 8px;
    font-size: 19px;
    line-height: 19px;
    outline: none;
    text-align: center;
    &:focus {
      background-position: right -44px;
    }
  }
  span {
    position: absolute;
    right: 6px;
    top: 0;
    z-index: 200;
    display: block;
    width: 29px;
    font-size: 19px;
    line-height: 24px;
    text-align: center;
    padding: 7px 0 0 0;
  }
}
.input-short {
  display: inline-block;
  border: none;
  background: url(../img/buttons-sprite.png) no-repeat -568px 0;
  width: 73px - 18px;
  height: 46px - 20px;
  font-size: 19px;
  line-height: 19px;
  padding: 10px 9px;
  outline: none;
  text-align: center;
  margin: -14px 0 0 -7px;
  &:focus {
    background-position: -568px -45px;
  }
}
.del-block .item .input-ext {
  float: none;
}
.item.dimensions {
  font-size: 19px;
  padding: 17px 0 0 0;
  
  .option {
    padding: 1px 26px 0 0;
    &.ezmark {
      font-size: 15px;
    }
  }

  &.extended .option {
    padding: 1px 5px 0 0;
  }

  sup {
    font-size: 12px;
  }

  .weight {
    padding-left: 34px !important;
    background: url(../img/input-ext.png) no-repeat 19px -10px;
  }

  .volume {
    padding-left: 20px !important;
    background: url(../img/delievery/icon-volume.png) no-repeat 1px 1px;
  }

  .save {
    display: block;
    text-indent: -9999px;
    background: url(../img/buttons-sprite.png) no-repeat -731px 0;
    width: 117px;
    height: 35px;
    text-decoration: none;
    float: left;
    margin: -6px 0 0 17px;
    &:hover {
      background-position: -731px -51px;
    }
    &:active {
      background-position: -731px -100px;
    }
  }
  .delete {
    display: block;
    text-indent: -9999px;
    background: url(../img/buttons-sprite.png) no-repeat -632px -226px;
    width: 44px;
    height: 44px;
    text-decoration: none;
    float: right;
    margin: -13px 4px 0 0;
    &:hover {
      background-position: -632px -270px;
    }
    &:active {
      background-position: -632px -314px;
    }
  }

}
article.add-item-dims {
  padding: 15px 0 0 39px;
  height: 39px;
  .button {
    text-indent: -9999px;
    background: url(../img/buttons-sprite.png) no-repeat -322px 0;
    width: 162px;
    height: 35px;
    display: block;
    text-decoration: none;
    &:hover {
      background-position: -322px -51px;
    }
    &:active {
      background-position: -322px -102px;
    }
  }
}

.del-add-options .tip, .del-block .tip {
  float: left;
  display: block;
  width: 26px;
  height: 26px;
  background: url(../img/delievery/tip.png) no-repeat 0 0;
  margin: -2px 1px 0 0;
  &:hover {
    background-position: right 0;
  }
  position: relative;
}

.option .tip {
  background-position: -36px 0;
  margin-right: 4px;
}


section.del-add-options {
  position: relative;
  z-index: 140;
  background: #d0d5d9;
  .border-radius-custom(0,0,4px,4px);
  margin: -31px 0 28px 0;
  padding: 27px 0 25px 12px;
  .group;
  .item {
    float: left;
    margin: 0 30px 0 0;
    position: relative;
  }
  .ezmark {
    float: left;
    padding: 0 0 0 40px;
    .text-holder {
      font-size: 29px;
      line-height: normal;
      display: block;
      color: #a5a9ac;
      .text {
        font-size: 19px;
        line-height: 25px;
        display: block;
        margin: 0 0 8px 0;
        color: #000;
      }
    }
    .ez-checkbox.ez-checked + .text-holder {
      color: #000;
    }
  }
  .ez-checkbox {
    float: left;
    display: block;
    margin: -8px 0 0 -40px;
  }
}

.tip-holder {
  font-size: 15px;
  line-height: 21px;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../img/delievery/tip-header.png) no-repeat 0 0;
  width: 355px;
  padding: 4px 0 0 0;
  display: none;
  z-index: 999;
}
.tip-wrapper {
  background: url(../img/delievery/tip-footer.png) no-repeat 0 bottom;
  padding: 0 0 9px 0;
}
.tip-text {
  width: 355px - 21px - 15px;
  background: url(../img/delievery/tip-pattern.png) repeat-y 0 0;
  padding: 8px 15px 11px 21px;
}

.del-links {
  background: #e3e6e7;
  position: relative;
  z-index: 100;
  padding-bottom: 89px;
  .wrap {
    height: 122px;
    background: none;
  }
  ul {
    list-style: none;
    font-size: 15px;
    line-height: 22px;
    position: absolute;
    top: 28px;
    padding: 0;
    margin: 0;
    &.group-1 {
      left: 139px;
    }
    &.group-2 {
      left: 492px;
    }
  }
  li {
    margin: 0 0 15px 0;
  }
  a {
    .link-c2;
    padding: 0 0 1px 22px;
    background: url(../img/delievery/footer-icons.png) no-repeat 0 0;
    &.icon-1 {
      background-position: 1px 4px;
    }
    &.icon-2 {
      background-position: 4px -49px;
    }
    &.icon-3 {
      background-position: 2px -99px;
    }
    &.icon-4 {
      background-position: 3px -148px;
    }
  }
}

footer.custom {
  height: 89px;
  background: none;
  position: fixed;

  .box-shadow (0,0,0,0);
  .total-cost {
    background: url(../img/delievery/footer-pattern.png) repeat-x 0 0;
    position: relative;
    z-index: 110;
    .box-shadow(0,0,10px,0.9);
    .wrap {
      height: 59px;
      background: none;
    }
    .cost-holder {
      position: absolute;
      left: 328px;
      top: 20px;
      color: #fff;
      font-size: 29px;
      .cost {
        color: #00eaff;
      }
    }
    .make-order {
      display: block;
      position: absolute;
      right: 0px;
      top: 0px;
      background: url(../img/buttons-sprite.png) no-repeat -16px -235px;
      width: 275px;
      height: 59px;
      &:hover {
        background-position: -16px -301px;
      }
      &:active {
        background-position: -16px -369px;
      }
      &.send {
        background: url(../img/buttons-sprite.png) no-repeat -302px -235px;
        &:hover {
          background-position: -302px  -301px;
        }
        &:active {
          background-position: -302px  -369px;
        }
      }
    }
  }
  .menu-mini {
    position: relative;
    z-index: 100;
    background: #F2F2F2;
    .wrap {
      height: 30px;
      background: none;
    }
    nav {
      position: absolute;
      left: 20px;
      top: 7px;
      font-size: 13px;
      a {
        .link-c3;
        &:hover {
          text-decoration: underline;
        }
      }
      li {
        margin-right: 29px;
      }
    }
  }
}

/* ==========================================================================
   Info
   ========================================================================== */

.return-black {
  display: block;
  width: 145px;
  height: 65px;
  background: url(../img/info/return.png) no-repeat -28px 0;
  position: absolute;
  left: 0px;
  top: 48px;
  &:hover {
    background-position: -203px 0;
  }
  &:active {
    background-position: -379px 0;
  }
}

.gray-input (@mwidth, @mheight){
  border: 1px solid #adb1b7;
  border-top-color: #8c9097;
  border-bottom-color: #c4c7cd;
  background: #ffffff;
  .box-shadow-inset (0,1px,2px,0.3);
  .border-radius (5px);
  width: @mwidth - 2px - 12px;
  height: @mheight - 2px - 6px;
  padding: 3px 6px;
  outline: none;
  color: #5471cd;
  font-size: 20px;
  line-height: 20px;
  display: inline-block;
  &.placeholder-on {
    color: #b2b2b2;
    font-style: italic;
  }
  &:focus {
    -webkit-box-shadow:  0px 0px 6px 3px rgba(213, 239, 252, 1);
    box-shadow:  0px 0px 6px 3px rgba(213, 239, 252, 1);
  }
}


.del-info {
  &.del-block {
    margin: 66px 0 0 0;
    .del-main {
      padding-bottom: 35px;
    }
  }
  font-size: 18px;
  .from-list {
    position: absolute;
    left: 446px;
    top: 19px;
    color: #32CD32;
    outline: none;
    text-decoration: none;
    padding-right: 13px;
    font-size: 15px;
    line-height: 15px;
    background: url(../img/content/link-arrow-sprite.png) no-repeat right 7px;
    span {
      background: url(../img/content/link-underline-1.png) repeat-x 0 15px;
    }
    &:hover {
      color: #ff4000;
      background-position: right -38px;
      span {
        background: url(../img/content/link-underline-1-h.png) repeat-x 0 15px;
      }
    }
  }
  .firm-name {
    .gray-input(459px,30px);
  }
  .line {
    padding: 19px 0 2px 19px;
    .group;
    .ezmark {
      font-size: 18px;
      color: #000;
    }
    .input-switch {
      display: none;
      .firm-name {
        margin-top: -6px;
      }
    }
    .with-input + .input-swtich {
      display: inline;
    }
    &.input-switch-2 {
      display: none;
    }
  }
  .pair {
    padding: 0 1px 0 2px;
    float: left;
    label {
      display: block;
      margin: 0 0 4px 0;
    }
  }
  .name-1, .name-2, .inn, .kpp, .dob, .comment {
    input {
      .gray-input (207px,30px);
    }
    textarea {
	   .gray-input (307px,70px); 
    }
  }
  .fss {
	  select {
		  .gray-input (207px,30px);
	  }
  }
  .fssdop {
	  input {
		  .gray-input (207px,30px);
	  }
  }
  .name-3 {
    margin-right: 5px;
    input {
      .gray-input (271px,30px);
    }
  }
  .dd2 {
	  .gray-input (220px,30px);
  }
  .phone-number {
    input {
      .gray-input (220px,30px);
    }
	textarea {.gray-input (446px,200px);}
  }
  .sfield {
    input {
      .gray-input (220px,30px);
    }
  }
  .email {
    input {
      .gray-input (220px,30px);
    }
  }
  .dob {
    input {
      .gray-input (220px,30px);
    }
  }
  .cargo-name {
    input {
      .gray-input (691px,30px);
    }
  }
  &.del-add-options {
    padding: 6px 0 29px 0;
  }
  .car-address {
    margin-right: 5px;
    input {
      .gray-input (691px,30px);
    }
  }
  .work-time {
    input {
      .gray-input (220px,30px);
    }
  }

  .header-bg-3 {
    .ezmark {
      position: absolute;
      left: 580px;
      top: 19px;
      font-size: 15px;
    }
  }
  p {
    padding: 0;
    margin: 0;
    font-size: 19px;
    line-height: 28px;
    letter-spacing: -1px;
    em {
      color: #808080;
    }
    .map-link {
      font-size: 15px;
      color: #32CD32;
      padding-left: 18px;
      background: url(../img/info/map-link.png) no-repeat 0 3px;
      margin-left: 23px;
    }
  }
  .header .radio-group {
    position: absolute;
    left: 574px;
    top: 18px;
    font-size: 15px;
  }
  .radio-group {
    .group;
    .ezmark {
      float: left;
      margin-right: 15px;
    }
  }
}

.info-notifications {
  background: #fff;
  height: 237px;
  margin: 45px 0 0;
  h2 {
    font-size: 24px;
    line-height: 24px;
    padding: 27px 0 0 20px;
  }
  ul {
    padding: 19px 0 0 19px;
    margin: 0;
    list-style: none;
    width: 640px;
  }
  li {
    .group;
    margin-bottom: 14px;
    label {
      float: left;
      font-size: 19px;
      line-height: 25px;
    }
    .price {
      float: right;
      font-size: 29px;
      line-height: 25px;
      &.disable {
        color: #DFDFDF;
      }
    }
    .ez-checkbox {
      margin-top: -7px;
    }
  }
}

.footer-cap {
  width: 100%;
  height: 89px + 70px;
}

.from-list-modal {
  display: none;
  position: absolute;
  z-index: 1000;
  left: 0;
  top: 0;
  background: url(../img/info/from-list-top.png) 0 0 no-repeat;
  width: 505px;
  padding: 37px 0 0 0;
  .wrap-1 {
    background: url(../img/info/from-list-bot.png) 0 bottom no-repeat;
    padding: 0 0 19px 0;
  }
  .wrap-2 {
    background: url(../img/info/from-list-pattern.png) repeat-y 0 0;
  }
  .close {
    position: absolute;
    top: 11px;
    right: 9px;
    z-index: 100;
    width: 26px;
    height: 26px;
    display: block;
    background: url(../img/info/close.png) no-repeat 0 0;
    &:hover {
      background-position: 0 -26px;
    }
    &:active {
      background-position: 0 -52px;
    }
  }
  table {
    width: 447px;
    margin: 0px 0 0 16px;
    position: relative;
    top: -9px;
  }
  tr:hover {
    cursor: pointer;
    td {
      background: #ffd46e;
    }
  }
  td {
    border-bottom: 1px solid #fff;
    color: #2c2c2c;
    font-size: 13px;
    line-height: 14px;
    padding: 3px 8px 2px;
    background: #f2f2f2;
    &.name-3 {
      font-weight: bold;
    }
  }
}


#infoForm {
  .er-text {
    position: absolute;
    display: none;
    left: 30px;
    top: -12px;
    z-index: 20;
    font-size: 13px;
    line-height: 1.8;
    color: #ff4000;
    .group;
    span {
      display: block;
      float: left;
      height: 35px - 3px;
      padding-top: 3px;
    }
    .left {
      background: url(../img/content/er-text-l.png) no-repeat 0 0;
      width: 10px;
    }
    .right {
      background: url(../img/content/er-text-r.png) no-repeat 0 0;
      width: 12px;
    }
    .text {
      background: url(../img/content/er-text-pattern.png) repeat-x 0 0;
    }
  }
}

.valid-error {
  background: url(../img/info/submit-error.png) no-repeat 0 bottom;
  width: 384px;
  height: 124px - 17px;
  position: absolute;
  right: -25px;
  bottom: 51px;
  z-index: 200;
  padding-top: 17px;
  display: none;
  p {
    color: #fff;
    font-size: 15px;
    line-height: 21px;
    padding: 0 0 0 35px;
    margin: 0;
    a {
      color: #00d5ff;
      &:hover {
        text-decoration: none;
      }
    }
  }
}

/* ==========================================================================
   INDEX
   ========================================================================== */

.map-layout {
  width: 100%;
  margin: 0;
  position: relative;
  z-index: 200;
  background: #4d79ab;
  .map {
    width: 100%;
    height: 720px;
  }
}

header.index {
  position: relative;
  z-index: 350;
  height: 107px;
}
.bottom-bar {
  position: relative;
  z-index: 1000;
  background: #FCFCFC;
  background: rgba(254,254,254,0.8);
  height: 310px;
  width: 680px;
  margin-top: 30px;
  border-bottom: 1px solid #aeb1b3;
  border-top: 1px solid #fff;
  .error-holder {
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    background: #ff4a19;
    position: absolute;
    z-index: 300;
    .border-radius(4px);
    width: 131px - 11px - 6px;
    padding: 11px 6px 12px 11px;
    &.pos-1 {
      left: 40px;
      top: 43px;
    }
    &.pos-2 {
      right: 40px;
      top: 35px;
    }
    &.pos-3 {
      left: 40px;
      top: 106px;
    }
  }
  .error-holder:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    right: -10px;
    top: 50%;
    border: 5px solid;
    border-color:  transparent transparent transparent #ff4a19;
    margin-top: -5px;
  }
  .error-holder.left:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    top: 50%;
    border: 5px solid;
    border-color:   transparent #ff4a19 transparent transparent;
    margin-top: -5px;
  }
  .title {
    font-size: 24px;
    line-height: 45px;
    color: #1f1f1f;
    .font-main;
    font-weight: bold;
    position: absolute;
    left: 40px;
    top: 15px;
  }
  .cityFrom.error, .cityWhere.error {
    border: 1px solid #000;
    -webkit-box-shadow:  0px 0px 0px 2px #ff4000;
    box-shadow:  0px 0px 0px 2px #ff4000;
  }
  .dems {
    position: absolute;
    left: 40px;
    top: 137px;
    .group;
    .input-ext {
      margin: 0;
    }
    .results
    {
      float: left;
      margin: 10px 0 0 15px;
      font-size: 25px;
      color: #1e1e1e;
      span 
      {
        font-size: 36px;
        font-weight: bold;
        margin: 0 10px;
        position: relative;
        &.summ:after
        {
          content: "*";
          position: absolute;
          top: -5px;
          right: -5px;
          font-size: 20px;
        }
      }
    }
    .about_results
    {
      float: left;
      font-size: 11px;
      color: #1e1e1e;
      width: 278px;
      margin: 33px 0 0 25px;
      line-height: 14px;
    }
    .fast_order
    {
      float: left;
      clear: both;
      font-size: 15px;
      color: #32CD32;
      &:hover {
        color: #64a9ff;
      }
    }
    input {
      height: 40px;
      padding: 0px 40px 0px 8px;
      font-size: 25px;
      line-height: 25px;
      text-align: left;
      .border-radius(4px);
      .box-shadow(1px,1px,1px,0.9);
      &:focus {
        -webkit-box-shadow:  0px 0px 20px 5px rgba(255, 255, 255, 0.5);
        box-shadow:  0px 0px 20px 5px rgba(255, 255, 255, 0.5);
        border: 1px solid #000;
        margin: -1px -1px;
      }
      &.error {
        border: 1px solid #000;
        -webkit-box-shadow:  0px 0px 0px 2px #ff4000;
        box-shadow:  0px 0px 0px 2px #ff4000;
        /*margin: -2px 0 0 -2px;*/
      }
      &.placeholder-on {
        color: #b2b2b2;
        font-style: italic;
      }
    }
    span {
      font-size: 25px;
      line-height: 25px;
    }
    .input-w {
      float: left;
      padding-left: 21px;
     /* margin-left: -21px;*/
      background: url(../img/index/icon-weight2.png) 0 10px no-repeat;
      input {
        background: url(../img/index/input-1.png) -1px 0 no-repeat;
        width: 123px - 49px;
      }
    }
    .input-v {
      float: left;
      padding-left: 25px;
      margin-left: 42px - 25px;
      background: url(../img/index/icon-dims2.png) 0 10px no-repeat;
      input {
        background: url(../img/index/input-2.png) -1px 0 no-repeat;
        width: 138px - 49px;
      }
    }
    .cost-calc {
      display: block;
      margin: 22px 0 0 -22px;
      float: left;
      background: url(../img/index/cost-b.png) no-repeat 0 -5px;
      width: 325px;
      height: 74px;
      clear: both;
      &:hover {
        background-position: 0 -112px - 5px;
      }
      &:active {
        background-position: 0 -112px * 2 - 5px;
      }
    }
  }
  .menu-mini {
    .inline-links;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 100;
    width: 100%;
    height: 30px;
    .wrap {
      height: 30px;
      background: none;
    }
    nav {
      position: absolute;
      left: 20px;
      top: 7px;
      font-size: 13px;
      ul {
        padding: 0;
        margin: 0;
      }
      a {
        .link-c3;
        &:hover {
          text-decoration: underline;
        }
      }
      li {
        margin-right: 29px;
      }
    }
  }
  #searchResults2 {
    width: 435px;
    left: 525px;
  }
  #searchResults {
    width: 435px;
    left: 41px;
  }
}
footer.index {
  position: relative;
}
.cargo-place {
  display: block;
  background: url(../img/index/cargo.png) no-repeat 0 0;
  width: 278px;
  height: 60px;
  position: absolute;
  z-index: 350;
  left: 0;
  top: 95px;
}
.promo-place {
  position: absolute;
  z-index: 350;
  top: 63px;
}
.main.index {
  padding: 40px 0 40px 0;
  width: 100%;
  overflow: hidden;

  h1 {
    text-align: center;
    font-size: 37px;
    line-height: 46px;
    padding: 31px 0 43px 0;
    margin-bottom: 0px;
    background: #fff;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
  }
  
  .block-1 {
    background: url(../img/index/block-1-bg.png) no-repeat 0 0;
    width: 1040px;
    height: 326px;
    margin: 0 0 0 -40px;
    position: relative;
    z-index: 100;

    .img-holder {
      position: absolute;
      left: 40px;
      top: 20px;
    }

    .list {
      position: absolute;
      left: 470px;
      top: 20px;
      ul {
        padding: 6px 0 0 0;
        margin: 0;
        list-style: none;
        font-size: 19px;
        line-height: 23px;
        background: #fff;
        width: 530px;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        height: 286px;
      }
      li {
        width: 530px;
        padding: 0 0 0 4px;
        margin: 0 0 0 -4px;
        background: url(../img/index/list-style.png) no-repeat 0 14px;
        span {
          display: block;
          border-bottom: 1px solid #e1e8ee;
          padding: 6px 0 8px 27px;
        }
        &.last-child span {
          border-bottom: none;
        }
      }
    }
  }

  .block-2 {
    width: 960px;
    position: relative;
    z-index: 99;
    background: url(../img/content/box-shadow.png) no-repeat 50% bottom;
    padding: 0 0 31px 0;
    margin: 0 0 25px 0;

    h2 {
      text-align: center;
      font-size: 24px;
      line-height: 30px;
      padding: 36px 0 0 0;
      margin: 0 0 29px 0;
    }

    .block-wrap {
      .group;
      .box-shadow(0,-4px,6px,0.25);
      background: #fff;
      height: 342px;
    }
    article {
      float: left;
      background: #fff;
      text-align: center;
      width: 20%;
      img {
        display: block;
        margin: 0 auto;
        .border-radius(50%);
      }
      h3 {
        text-align: center;
        font-size: 19px;
        line-height: 22px;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: normal;
        margin: 0 0 3px 0;
      }
    }

    .inner-wrap {
      .group;
      width: 850px;
      margin: 0 auto;
    }
  }

  .block-3 {
    margin: 0 0 82px 0;
    h2 {
      text-align: center;
      font-size: 37px;
      line-height: 46px;
      margin: 0 0 17px 0;
    }
    
    .slider-holder {
      width: 1040px;
      margin: 0 0 0 -40px;
      height: 283px;
      position: relative;

      .menu {
        position: absolute;
        z-index: 200;
        left: 40px;
        top: 20px;

        li {
          font-weight: normal;
          font-size: 19px;
          line-height: 22px;
          a {
            width: 339px;
            background-position: 399px 50%;
            font-weight: normal;
            padding: 6px 38px 8px 41px;
            cursor: pointer;
            &:first-letter {
              margin: 0 5px 0 -22px
            }
          }
        }
      }

      .item {
        position: absolute;
        left: 0;
        top: 0;
        idth: 1040px;
        height: 283px;
        z-index: 100;
        
        p {
          font-weight: bold;
          font-size: 24px;
          line-height: 30px;
          color: #fff;
          width: 275px;
          position: absolute;
          left: 520px;
          top: 65px;
        }
      }
    }
  }

  .block-4 {

    margin-bottom: 48px;
    
    h2 a {
      color: #1a1a1a;
      &:hover {
        color: #ff4000;
      }
    }
    
  }

  .block-5 {

    background: url(../img/index/shadow-tide.png) no-repeat 50% 40px;
    
    h2 {
      font-size: 24px;
      line-height: 32px;
      font-weight: bold;
      float: left;
    }
    
    .filters {
      .inline-links;
      padding: 7px 0 18px 76px;
      float: left;
      a {
        font-size: 15px;
        line-height: 15px;
        color: #32CD32;
        text-decoration: none;
        padding-bottom: 2px;
        background: url(../img/content/link-underline-1.png) repeat-x 0 15px;
        outline: none;
        font-weight: bold;
      }
      li {
        padding: 3px 14px 1px 13px;
        border: 1px solid #f2f2f2;
        &:hover {
          a {
            color: #ff4000;
            background-image: url(../img/content/link-underline-1-h.png);
          }
        }
        &.current {
          a {
            color: #000;
            cursor: default;
            background: none;
          }
          background-color: #ffd46e;
          border-color: #d5b461;
          .border-radius (11px);
          .box-shadow-inset (0,1px,2px,0.15);
        }
      }
    }
    
    .text-holder {
      float: none;
      clear: both;
      width: 100%;
      padding-top: 22px;
    }
    
    article {
      float: left;
      width: 300px;
      padding: 0 20px 25px 0;

      h3 {
        line-height: 20px;
        margin-bottom: 8px;
      }

      p {
        line-height: 20px;
      }
    }
  }
}
.index-city-picker {
  z-index: 500;
}



// preloader

article.preload {
  background: url(../img/preloader/bg.jpg) no-repeat 50% 0;
  height: 386px - 112px;
  width: 100%;
  position: relative;
  padding: 112px 0 0;
  h1 {
    text-align: center;
    padding: 59px 0 0 0;
  }
}
.preload-arrow {
  height: 81px*2;
  width: 80px;
  background: url(../img/preloader/arrow.png) no-repeat 10px top;
  margin: 0 auto;
  -moz-animation:spin 9s infinite linear;
  -webkit-animation:spin 1.8s infinite linear;
}

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

// 404

header.error404 {
  background: url(../img/header-404.png) repeat-x 0 0;
  .panel-1, .panel-2, nav, .border {
    /*background: none;*/
    .box-shadow (0px, 0px, 0px, 0);
  }
}

header.error404 + .main {
  background: url(../img/404.jpg) no-repeat 50% 0;
  height: 704px;
  width: 100%;
  padding: 0;
}

// news-list

aside + section.content.news-list {
  padding: 1px 0 0 0;
  width: 680px;

}

section.news-list {
  h2 {
    width: auto;
    line-height: 24px;
    margin: 0 0 6px 0;
    a {
      .link-c2;
      font-weight: bold;
    }
  }
  article {
    border-bottom: 1px solid #e5e5e5;
    padding: 13px 140px 5px 20px;
    position: relative;
    z-index: 10;
    time {
      position: absolute;
      right: 10px;
      top: 15px;
      color: #cacaca;
    }
  }
}

section.news-list + .button-holder {
  float: right;
  width: 680px;
  position: relative;
  z-index: 10;
  padding: 12px 0 0 0;
  div {
    margin: 0 auto;
    width: 160px;
    height: 61px;
    position: relative;
    z-index: 10;
    a {
      display: block;
      width: 100%;
      height: 100%;
      background: url(../img/more-news-button.png) 0 0 no-repeat;
      text-indent: -99999px;
      position: relative;
      z-index: 10;
      &:hover {
        background-position: 0 -61px;
      }
      &:active {
        background-position: 0 -61px*2;
      }
    }
    span {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 160px;
      height: 29px;
      z-index: 20;
    }
  }
}

aside + section.content, .search-holder + section.content {
  float: left;
  width: 680px - 5px - 21px;
  padding: 14px 5px 31px 21px;
  background: #fff;
  .box-shadow (0,0,4px,0.15);
}

aside + section.content {
  margin-top: 29px;
}
.search-holder {
  .all-news-link {
    display: block;
    background: url(../img/all-news-link.png) no-repeat 0 0;
    width: 137px;
    height: 35px;
    text-indent: -99999px;
    &:hover {
      background-position: 0 -35px;
    }
    &:active {
      background-position: 0 -70px;
    }
  }
}
section.news-block {
  position: relative;
  .separator {
    width: 680px;
    height: 1px;
    margin: 0 0 13px -21px;
    background: #e5e5e5;
  }
  h2 {
    margin-bottom: 15px;
  }
  time {
    position: absolute;
    right: 10px;
    top: 15px;
    color: #cacaca;
  }
}
section.w930 {
width: 934px!important;
	.separator{width: 948px;}
	.tabl15{
	width: 934px;
		th{padding:1px;}
	}
}

table.typical {
  width: 680px - 21px*2;
  margin-bottom: 13px;
  th,td {
    padding: 10px;
    text-align: left;
    color: #222;
  }
  th {
    background: #e8e9eb;
  }
  td {
    border-bottom: 1px solid #E5E5E5;
    background: rgba(243, 243, 243, .85);
    line-height: 2;
  }
  tr:hover td {
    background: #fff;
  }
}

ul.typical {
  list-style: none;
  padding: 10px 0;
  margin: 0;
  li {
    padding-left: 16px;
    background: url(../img/ul-img.png) no-repeat 0 5px;
    margin-bottom: 10px;
  }
}

ol.typical {
  padding: 10px 0;
  margin: 0 0 0 19px;
  font-weight: bold;
  li {
    list-style-position: outside;
    margin-bottom: 10px;
  }
  span {
    font-weight: normal;
    margin-left: -4px;
  }
}

.content blockquote {
  padding: 14px 16px 15px 16px;
  margin: 0 15px 10px 0;
  background: #e8e9eb;
  &.orange {
    background: #ffd46e;
  }
}

// personal

.main section.personal {
  padding: 0 0 0 0;
  width: 780px;
  height:650px;
  .border-radius-custom(0,0,5px,5px);
  #search-result {
    top: 57px;
    left: 20px;
  }
  article {
    padding: 30px 0 8px 39px;
    border-bottom: 1px solid #e9e9e9;
    margin: 0 0 -9px 0;
    &.last-child {
      padding-bottom: 36px;
    }
  }
  ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  label {
    float: left;
    font-size: 19px;
    font-weight: bold;
    line-height: 24px;
    width: 345px;
  }
  li {
    .group;
    height: 33px;
  }
  .input-holder {
    float: left;
    a {
      font-size: 19px;
      font-weight: bold;
      line-height: 24px;
      &.info {
        .link-c2;
        text-decoration: none;
        outline: none;
        padding: 4px 26px 4px 0;
        font-weight: bold;
        background: url(../img/personal/icon-edit-normal.png) right 8px no-repeat;
        span {
          background: url(../img/content/link-underline-1.png) repeat-x 0 19px;
        }
        &:hover {
          background-image: url(../img/personal/icon-edit-hover.png);
          span {
            background-image: url(../img/content/link-underline-1-h.png);
          }
        }
      }
    }
  }
  .ok {
    background: url(../img/personal/icon-buttons.png) 0 0 no-repeat;
    width: 34px;
    height: 34px;
    padding: 0;
    margin: 0 1px 0 0;
    border: none;
    cursor: pointer;
    outline: none;
    display: block;
    float: left;
    &:hover {
      background-position: 0 -40px;
    }
    &:active {
      background-position: 0 -40px*2;
    }
  }
  .no {
    background: url(../img/personal/icon-buttons.png) -34px 0 no-repeat;
    width: 34px;
    height: 34px;
    padding: 0;
    margin: 0;
    border: none;
    cursor: pointer;
    outline: none;
    display: block;
    float: left;
    &:hover {
      background-position: -34px -40px;
    }
    &:active {
      background-position: -34px -40px*2;
    }
  }
  .input-change {
    .gray-input (317px,30px);
    margin: 2px 4px 0 0;
    float: left;
  }
  .change {
    display: block;
    .group;
    margin: -5px 0 0 0;
  }
  float: left;
  margin: 76px 0 23px 0;
  position: relative;
  p {
    .group;
    padding: 0;
  }
  input {
    float: left;
  }
  .search-input {
    background: url(../img/content/search-2.png) 0 0 no-repeat;
    width: 602px - 40px;
    height: 45px - 15px;
    color: #cacaca;
    font-size: 19px;
    line-height: 30px;
    outline: none;
    border: none;
    padding: 7px 20px 8px;
    margin: 0 -4px 0 -8px;
    .font-main;
    &:focus {
      color: #000;
      background-position: 0 -44px;
    }
  }
  .search-submit {
    background: url(../img/content/search-2.png) -613px -49px no-repeat;
    width: 90px;
    height: 35px;
    color: #000;
    font-size: 19px;
    line-height: normal;
    outline: none;
    border: none;
    .font-main;
    text-align: center;
    margin: 5px 0 0 0;
    text-indent: -99999px;
    padding: 0;
    &:hover {
      background-position: -710px -49px;
    }
    &:active {
      background-position: -818px -49px;
    }
  }
  .search-holder {
    padding: 20px 0 41px 22px;
    width: 760px;
    background: url(../img/personal/shadow.png) 0 bottom no-repeat;
    position: relative;
    z-index: 20;
    margin-bottom: -6px;
  }
}

aside.personal {
  width: 160px;
  margin-right: 20px;
  .menu {
    width: 160px;
    a {
      width: 160px - 20px;
      padding-right: 0;
      background-position: 141px 50%;
    }
  }
  h1 {
    white-space: nowrap;
  }
}

table.point {
  width: 740px;
  margin: 0 0 0 20px;
  position: relative;
  z-index: 10;
  th {
    background: #f0f1f2;
    font-size: 13px;
    line-height: 13px;
    height: 51px;
    vertical-align: middle;
    text-align: left;
	padding: 0 5px;
    &.item-1 {
      width: 150px;
      padding: 0 0 0 10px;
    }
    &.item-2 {
      width: 126px;
    }
    &.item-3 {
      width: 118px;
    }
    &.item-4 {
      width: 214px;
    }
    &.item-5 {
      width: 122px;
    }
  }
}

.main section.personal ul.point {
  padding: 0 0 20px 19px;
  margin: 0 25px 0 0;
  display: block;
  li {
    display: block;
    position: relative;
    height: auto;
    padding: 0 0 12px 0;
    border-bottom: 1px solid #e3e4e6;
    overflow: visible;
    &.last-child {
      border: none;
    }
  }
  a.edit {
    background: url(../img/personal/icon-edit.png) 0 0 no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    margin: 0 0 -8px 5px;
    &:hover {
      background-position: -40px 0;
    }
    &:active {
      background-position: -80px 0;
    }
  }
  .title {
    padding: 19px 0 10px 0;
    .group;
    &.opened {
      .info {
        color: #000;
        background: url(../img/personal/title-opened.png) no-repeat 0px 14px;
        span {
          background-image: url(../img/personal/underline-opened.png);
        }
        &:hover {
          background: url(../img/personal/title-opened-hover.png) no-repeat 0px 14px;
        }
      }
    }
    .info {
      background: url(../img/personal/title-normal.png) no-repeat 0px 11px;
      .link-c2;
      text-decoration: none;
      outline: none;
      padding: 4px 0 4px 10px;
      font-weight: bold;
      font-size: 18px;
      line-height: 24px;
      span {
        background: url(../img/content/link-underline-1.png) repeat-x 0 18px;
      }
      &:hover {
        background: url(../img/personal/title-normal-hover.png) no-repeat 0px 11px;
        span {
          background-image: url(../img/content/link-underline-1-h.png);
        }
      }
    }
  }
  .info {
    div {
      float: left;
      font-size: 13px;
      line-height: 15px;
      color: #000;
      &.item-1 {
        width: 130px;
        padding: 0 0 0 12px;
      }
      &.item-2 {
        width: 126px;
      }
      &.item-3 {
        width: 118px;
      }
      &.item-4 {
        width: 214px;
        span {
          width: 90px;
          display: inline-block;
        }
      }
      &.item-5 {
        width: 135px;
      }
    }
  }
  .add-deliv {
    background: url(../img/personal/add-deliv.png) 0 0 no-repeat;
    width: 83px;
    height: 43px;
    display: block;
    float: right;
    margin: -4px 37px -3px 0;
    &:hover {
      background-position: -100px 0;
    }
    &:active {
      background-position: -200px 0;
    }
  }
  .stages {
    .group;
  }
  .map-wrapper {
    width: 496px - 15px;
    float: right;
    height: 330px - 13px;
    background: url(../img/personal/map-bg.png) 0 0 no-repeat;
    margin: 14px -37px 0 0;
    position: relative;
    z-index: 20;
    padding: 13px 0 0 15px;

    .ymaps-map {
      width: 470px !important;
      height: 300px !important;
    }
  }
  .stages-text {
    float: left;
    width: 280px;
    margin: 0 -10px 0 0;
    position: relative;
    z-index: 10;
    padding: 27px 0 0 0;
    .stages-title {
      font-size: 19px;
      line-height: 24px;
      margin: 0 0 5px 0;
    }
    table {
      width: 100%;
      font-size: 13px;
      line-height: 15px;
      color: #000;
    }
    th {
      background: #f0f1f2;
      padding: 10px 0;
      &.item-1 {
        width: 137px - 8px;
        padding-left: 8px;
      }
    }
    .table-wrapper {
      height: 245px;
      overflow-x: auto;
      table {
        margin: 12px 0 0 0;
      }
    }
    tbody {
      tr {
        border-bottom: 1px solid #f0f1f2;
        &.last-child {
          border: none;
        }
      }
      td {
        vertical-align: top;
        padding: 2px 0;
        &.item-1 {
          width: 137px - 8px;
          padding-left: 8px;
        }
      }
    }
  }
  .input-change {
    width: 633px;
  }
}

section.personal .add-order-wrapper {
  background: url(../img/personal/add-order-bg.png) 0 0 no-repeat;
  height: 100px;
  width: 780px;
  .group;
  &.title {
    background: url(../img/personal/shadow.png) 0 bottom no-repeat;
    height: 111px;
  }
  div {
    float: left;
    &.text {
      font-weight: bold;
      font-size: 18px;
      line-height: 24px;
      padding: 28px 0 0 19px;
    }
    &.order-input-holder {
      background: url(../img/personal/order-input-bg-2.png) 40px 0 no-repeat;
      width: 240px;
      height: 53px;
      margin: 21px 0 0 26px;

      .tth {
        margin: 3px 10px 0 3px;
        float: none;
        .gray-input (94px,30px);
        width: 138px - 5px;
        padding: 3px 0px 3px 3px;
		height: 30px;
		box-sizing: border-box;
        &:focus {
          -webkit-box-shadow:  0px 0px 10px 5px rgba(213, 239, 252, 1);
          box-shadow:  0px 0px 10px 5px rgba(213, 239, 252, 1);
        }
      }

      .pin {
        margin: 3px 0 0 2px;
        float: none;
        .gray-input (52px,30px);
        width: 65px - 2px - 5px;
        padding: 3px 2px 3px 3px;
		height: 30px;
		box-sizing: border-box;
        &:focus {
          -webkit-box-shadow:  0px 0px 10px 5px rgba(213, 239, 252, 1);
          box-shadow:  0px 0px 10px 5px rgba(213, 239, 252, 1);
        }
      }

    }
    &.add-button-holder {
      padding: 23px 0 0 17px;
      &.search input {
        background: url(/img/personal/search-button.png) 0 0 no-repeat;
        width: 132px;
        margin-left: -1px;
        height: 35px;
        &:hover {
          background-position: 0 -70px;
        }
        &:active {
          background-position: 0 -70px*2;
        }
      }
      input {
        background: url(../img/personal/add-order-input.png) 0 0 no-repeat;
        width: 122px;
        height: 35px;
        border: none;
        margin-left: -1px;
        &:hover {
          background-position: 0 -70px;
        }
        &:active {
          background-position: 0 -70px*2;
        }
      }
    }
  }
}

.main section.search {
  h2 {
    padding: 13px 0 0 19px;
  }
  table.point {
    margin-bottom: 10px;
  }
  .add-to-orders {
    background: url(../img/personal/add-to-my-orders-bg.png) 0 0 no-repeat;
    height: 80px;
    .add-button-holder {
      input {
        background: url(../img/personal/add-to-my-orders.png) 0 0 no-repeat;
        width: 262px;
        margin-left: -1px;
        height: 35px;
        border: none;
        &:hover {
          background-position: 0 -50px;
        }
        &:active {
          background-position: 0 -50px*2;
        }
      }
    }
  }
}


/* ==========================================================================
   login modal
   ========================================================================== */

.modal.login-form {
  position: absolute;
  left: 50%;
  top: 165px;
  z-index: 1100;
  background: url(/img/login_1.png) 0 0 no-repeat;
  width: 698px;
  height: 688px;
  margin-left: -350px;
  font-size: 19px;
  line-height: 24px;
  display: none;
  &.login-tab {
    background: url(../img/login-2.png) 0 0 no-repeat;
    height: 399px;
  }
  .close {
    width: 36px;
    height: 36px;
    position: absolute;
    right: 10px;
    top: 45px;
    background: transparent;
    text-indent: -9999px;
    border: none;
    background: url(../img/city-picker/close.png) no-repeat 0 0;
    &:hover {
      background-position: 0 -36px;
    }
    &:active {
      background-position: 0 -36px*2;
    }
  }
  .tab {
    color: #1a1a1a;
    position: absolute;
    top: 7px;
    text-align: center;
    height: 38px - 6px;
    display: block;
    text-decoration: none;
    padding: 6px 0 0 0;
    &.item-1 {
      left: 42px;
      width: 149px;
    }
    &.item-2 {
      left: 193px;
      width: 82px;
    }
  }
  strong {
    height: 24px;
    font-size: 20px;
    margin: 0 0 11px 0;
    width: 570px;
    display: block;
    .group;
    span {
      float: right;
      font-size: 13px;
      font-weight: normal;
      line-height: 30px;
    }
  }
  form {
    padding: 99px 0 0 61px;
    &>div {
      margin: 0 0 10px 0;
    }
    &>div > label {
      position: relative;
      display: block;
      padding-left: 17px;
      margin-left: -17px;
      &.er-icon {
        background: url(../img/content/icon-error.png) no-repeat 0 49px;
      }
      .er-text {
        position: absolute;
        display: none;
        left: 30px;
        top: 0px;
        z-index: 20;
        font-size: 13px;
        color: #ff4000;
        .group;
        span {
          display: block;
          float: left;
          height: 35px - 3px;
          padding-top: 3px;
        }
        .left {
          background: url(../img/content/er-text-l.png) no-repeat 0 0;
          width: 10px;
        }
        .right {
          background: url(../img/content/er-text-r.png) no-repeat 0 0;
          width: 12px;
        }
        .text {
          background: url(../img/content/er-text-pattern.png) repeat-x 0 0;
        }
      }
      .error + .er-text {
        display: block;
      }
    }
    .error {
      color: #ff4000;
    }
  }

  .submit-holder {
    padding: 38px 0 0 0;
    input {
      background: url(../img/personal/login-enter.png) 0 1px no-repeat;
      margin: 0 0 0 -11px;
      width: 155px;
      height: 53px;
      border: none;
      color: #00040a;
      text-align: center;
      font-size: 25px;
      line-height: normal;
      .font-main;
      outline: none;
      text-indent: -99999px;
      &:hover {
        background-position: 0 -69px;
      }
      &:active {
        background-position: 0 -138px;
      }
    }
  }
  label {
    input {
      .modal-input(570px, 40px);
      font-size: 25px;
    }
  }
}

#regForm2 {
  &>div {
    margin: 0 0 20px 0;
  }
  .submit-holder {
    padding: 33px 0 0 0;
  }
}

.latent {
  display:none;
}



element.style {
    margin: 0 0 10px;
    padding: 0;
}

/******************* Стили для формы по Китаю **********************/

.H2 {
    color: #000000;
    display: block;
    font-size: 120%;
    font-weight: bold;
    margin: 20px 0;
    padding: 0;
}

.Form {
    border: 2px solid #F1F3F6;
    padding: 0;
    width: 100%;
}

#frm {
    margin-top:30px;
}

#frm .InputSelect b {
    display: block;
    font-weight: normal;
}

#frm input {font-family: Tahoma;font-size: 12px;-moz-box-shadow: 0px 0px 3px #555;-webkit-box-shadow: 0px 0px 3px #555;box-shadow: 0px 0px 3px #555;}
#frm select {font-family: Tahoma;font-size: 12px;-moz-box-shadow: 0px 0px 3px #555;-webkit-box-shadow: 0px 0px 3px #555;box-shadow: 0px 0px 3px #555;}
#frm textarea {font-family: Tahoma;font-size: 12px;-moz-box-shadow: 0px 0px 3px #555;-webkit-box-shadow: 0px 0px 3px #555;box-shadow: 0px 0px 3px #555;}

#frm input.disabled {background-color: #f7f7f7;}

#frm .InputCheckbox {-moz-box-shadow: 0px 0px 3px #555;-webkit-box-shadow: 0px 0px 3px #555;box-shadow: 0px 0px 3px #555;}
#frm .InputSelect {-moz-box-shadow: 0px 0px 3px #555;-webkit-box-shadow: 0px 0px 3px #555;box-shadow: 0px 0px 3px #555;}
#frm .InputButton {font-size: 14px;font-weight: bold;background: url(/img/menu-bg.png) repeat-x left bottom;color: #ffffff;text-align: center;border: 0px;padding: 3px 10px 4px 10px;cursor: pointer;}
#frm .InputText {width: 100%;color: #000000;text-align: left;border: 0px;padding: 3px 0px;}
#frm .InputTextarea {width: 100%;color: #000000;text-align: left;border: 0px;}
#frm .InputCheckbox {width: 15px;height: 15px;display: inline;padding: 1px 5px 0px 6px;margin: 0px 3px 0px 3px;background: url(/img/checkbox.gif) no-repeat center -15px;cursor: pointer;}
#frm .InputCheckbox input {display: none;}
#frm .InputRadio {width: 15px;height: 15px;display: inline;padding: 3px 7px 2px 8px;margin: 0px 3px 0px 3px;background: url(/img/radio.png) no-repeat center -19px;cursor: pointer;}
#frm .InputRadio input {display: none;}

#frm .InputSelect {color: #000000;text-align: left;border: 0px;padding: 3px 25px 3px 5px;margin: 0px;background: #ffffff url(/img/select.png) no-repeat right center;cursor: pointer;}
#frm .InputSelect select {display: none;}
#frm .InputSelect b {display: block;font-weight: normal;} 


.InputSelect span {background-color: #ffffff;display: none;position: absolute;margin: 3px 0px 0px -6px;padding-bottom: 5px;border: 1px solid #e0e0e0;z-index: 150;overflow-y: auto;}
.InputSelect span a {display: block;padding: 3px 10px;margin: 0px;color: #000000;}
.InputSelect span a:hover {background-color: #f2f2f2;}

.form_errors{color:red; margin:30px 10px 0 19px}

#popap_img {
  display:block; 
  margin:0 auto;
}



#gtranslate {position: absolute; right: 8px; top: 13px; width: 150px;}

.goog-te-gadget-simple {background:none !important;}
.goog-te-gadget-simple .goog-te-menu-value {color:#fff !important;}
.goog-te-gadget-simple .goog-te-menu-value span {padding:0 4px 0 0!important}
.goog-te-gadget img {display:none !important}

/*iframe.goog-te-menu-frame, iframe.skiptranslate {
    display:block!important;
    visibility: visible!important; 
    -moz-box-sizing: content-box!important; 
    width: 125px!important; 
    height: 130px!important; 
    left: 1294px!important; 
    top: 38px!important;
}

.goog-te-menu2-item, .goog-te-menu2-item-selected {text-decoration:underline!important}
a.goog-te-menu2-item div, a.goog-te-menu2-item-selected div, .goog-te-menu2 div {display:inline!important}*/



/*slider styles*/

.slider_layout
{
  width: 100%;
  overflow: hidden;
  position: relative;
}
.slider_layout .next, .slider_layout .prev
{
  width: 44px;
  height: 64px;
  background-repeat: no-repeat;
  position: absolute;
  top: 155px;
  z-index: 1000;
  cursor: pointer;
} 
.slider_layout .next
{
  right: 60px;
  background-image: url(../img/slider/next.png);
}
.slider_layout .prev
{
  left: 60px;
  background-image: url(../img/slider/prev.png);
}
.slider_content
{
  list-style: none;
}
.slider_content li 
{
  width: 100%;
  height: 390px;
}
.slider_content li img 
{
  width: 100%;
  height: 100%;
}

.slider-item1
{
  background: url(../img/slider/slider1.png);
  background-position: left;
}
.slider-item2
{
  background: url(../img/slider/slider2.png);
  background-position: center;
}
.slider-item3
{
  background: url(../img/slider/slider3.png);
  background-position: center;
}
.slider-item4
{
  background: url(../img/slider/slider4.png);
  background-position: center;
}

.slider_inside
{
  height: 100%;
}

.control_blocks
{
  width: 100%;
  background: url(../img/slider/pattern.png);
  height: 153px;
}

.control_block
{
  border: 3px solid transparent;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  color: #bababa;
  float: left;
  min-width: 176px;
  max-width: 187px; /*199*/
  height: 116px;
  position: relative;
  top: -8px;
  padding: 25px 20px 20px 23px;
  line-height: 15px;
  margin-left: 9px;
  cursor: pointer;
  &:first-child
  {
    margin-left: 0px;
  }
  &.active
  {
    border: 3px solid #262626;
    background-color: #fff;
    color: #1d1d1d;
    font-size: 13px;
    &:before
    {
      content: "";
      position: absolute;
      width: 27px;
      height: 13px;
      top: -13px;
      left: 50%;
      margin-left: -13px;
      background: url("../img/slider/arrow.png") no-repeat;
    }
    .title
    {
      color: #1d1d1d;
    }
    .link {
      color: #262626;
    }
  }
  .title 
  {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #fff;
    line-height: 18px;
  }
  .link {
    text-decoration: none;
    color: #bababa;
    font-weight: bold;
  }
}

.form_wrapper
{
  background: #FCFCFC;
  background: none repeat scroll 0 0 rgba(254, 254, 254, 0.8);
  border-bottom: 1px solid #AEB1B3;
  border-top: 1px solid #FFFFFF;
  height: 310px;
  margin-top: 30px;
  padding: 25px 38px 33px;
  width: auto;
  height: auto;
  display: inline-block;
  .title 
  {
    font-size: 26px;
    color: #1f1f1f;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .form_title
  {
    font-size: 16px;
    color: #000;
    margin-bottom: 15px;
  }
  input
  {
    width: 320px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #b1b5bb;
    height: 38px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    margin-bottom: 20px;
    padding: 0 15px;
    font-size: 18px;
  }
  .submit-holder
  {
    float: left;
    margin-bottom: 10px;
    input 
    {
      background: url(../img/personal/login-enter.png) 0 1px no-repeat;
      margin: 0 0 0 -11px;
      width: 155px;
      height: 53px;
      border: none;
      color: #00040a;
      text-align: center;
      font-size: 25px;
      line-height: normal;
      font-family: Helvetica, Arial, sans-serif;
      outline: none;
      text-indent: -99999px;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      &:hover
      {
        background-position: 0 -69px;
      }
    }
  }
  .forgot_pass, .reg_link
  {
    color: #32CD32;
    font-size: 16px;
    text-decoration: underline;
    &:hover {
        color: #64a9ff;
      }
  }
  .reg_link
  {
    float: right;
    margin-top: 23px;
  }
   .forgot_pass
  {
    display: block;
    clear: both;
  }
}

.place_check
{
  width: 452px;
  input 
  {
    float: left;
  }
  .TTH
  {
    width: 106px;
    margin-right:14px; 

  }
  .pin
  {
    width: 93px;
    margin-right:14px; 
  }
  input[type="submit"]
  {
    width: 148px;
    background: #dce0e4;
    color: #000000;
    font-size: 24px;
    -webkit-box-shadow: inset 0 1px 2px rgba(254, 254, 254, 0.9);
    -moz-box-shadow: inset 0 1px 2px rgba(254, 254, 254, 0.9);
    box-shadow: inset 0 1px 2px rgba(254, 254, 254, 0.9);
    background: -moz-linear-gradient(bottom,  #dbddde 0%, #fefefe 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0%,#dbddde), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(bottom,  #dbddde 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(bottom,  #dbddde 0%,#fefefe 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(bottom,  #dbddde 0%,#fefefe 100%); /* IE10+ */
    background: linear-gradient(to top,  #dbddde 0%,#fefefe 100%); /* W3C */
    border-bottom: 1px solid #757e88;
    border-right: 1px solid #757e88;
    height: 40px;
  }
  input[type="submit"]:hover
  {
    background: -moz-linear-gradient(top,  #dbddde 0%, #fefefe 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left top, color-stop(0%,#dbddde), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dbddde 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dbddde 0%,#fefefe 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dbddde 0%,#fefefe 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #dbddde 0%,#fefefe 100%); /* W3C */

  }
  .find_number
  {
    margin-top: 10px;
    color: #32CD32;
    font-size: 16px;
    text-decoration: none;
    border-bottom: 1px dashed #32CD32;
    &:hover {
        color: #64a9ff;
        border-bottom: 1px dashed #64a9ff;
      }
  }
}

.prev.disabled
{
  display: none;
}
.next.disabled
{
  display: none;
}

.menu-mini-wrapper
{
  .menu-mini {
    .inline-links;
    background: #D4D4D4;
    left: 0;
    bottom: 0;
    z-index: 100;
    width: 100%;
    height: 35px;
    padding-top: 10px;
    margin: -17px 0 0 0;
    .wrap {
      height: 35px;
      background: none;
    }
    nav {
      position: absolute;
      left: 20px;
      top: 7px;
      font-size: 13px;
      ul {
        padding: 0;
        margin: 0;
      }
      a {
        .link-c3;
        &:hover {
          text-decoration: underline;
        }
      }
      li {
        margin: 0 17px;
      }
    }
  }
}



.form_wrapper {
  form {
    div label {
      position: relative;
      display: block;
      padding-left: 17px;
      margin-left: -17px;
      &.er-icon {
        background: url(../img/content/icon-error.png) no-repeat 0 15px;
      }
      .er-text {
        position: absolute;
        display: none;
        left: 30px;
        top: -35px;
        z-index: 20;
        font-size: 13px;
        color: #ff4000;
        .group;
        span {
          display: block;
          float: left;
          height: 35px - 3px;
          padding-top: 3px;
        }
        .left {
          background: url(../img/content/er-text-l.png) no-repeat 0 0;
          width: 10px;
        }
        .right {
          background: url(../img/content/er-text-r.png) no-repeat 0 0;
          width: 12px;
        }
        .text {
          background: url(../img/content/er-text-pattern.png) repeat-x 0 0;
        }
      }
      .error + .er-text {
        display: block;
      }
    }
    .error {
      color: #ff4000;
    }
  }
}

.announce_slider
{
  float: right;
  margin-right: 10px;
  li
  {
    width: 460px;
    height: 30px;
    padding-top: 4px;
    background: url(../img/header/announce.png) no-repeat 0px 2px ;

  }
  .announce
  {
    font-weight: bold;
    height: 30px;
    line-height: 15px;
    color: #040404;
    padding-left: 37px;
  }
}
.form-branch {
	padding: 0;
    .bottom-bar{
     	     margin: 0 auto 20px;
	     border-bottom: 0;
    }
    .search-result {
	position: absolute;
	left: 199px;
	top: 110px;
	width: 600px;
	background: #fff;
	line-height: 24px;
	border: 1px solid #797979;
	border-top-color: #e2e2e2;
	z-index: 99999999;
	padding: 3px 0 3px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	a {
		display: block;
		color: #000;
		text-decoration: none;
		padding: 0 12px 0 5px;
	   &.focused {
		background: #cce3ff;
 	   }
	   span{
		font-size: 19px;
	   }
	}
    }
}

.nal-opl {
	font-size: 18px;
	text-align: center;
	position: relative;
	top: 257px;
	left: 10px;
	a{
		text-decoration: none;
		color: #4B4B4B;
		border-bottom:1px dashed #666;
		&:hover{border-bottom:0;}
	}
}
.banner-link {
width: 100%;
height: 100%;
display: block;
position: absolute;}

/*.w930 form#mfm{
	margin-left: -21px;
}*/
//.w930 .del-add-options{margin-right:-5px;}
.registry-on-page{
	position: static!important;
	background: #F2F2F2!important; 
	width: 400px!important; 
	height: auto!important;
	margin: auto!important;
	& .calculation-form .inotice{
		display:block;
  		color:red;
		font-size: 14px;
		margin: -10px 0 0 5px;
	}
	& #regFormF .inotice{
		display:block;
  		color:red;
		font-size: 14px;
		margin: -10px 0 0 5px;
	}
	& .calculation-form div .ierror {
		border: 1px solid red!important;
		box-shadow: inset 0 0px 10px rgba(255,0,0,.3);
	}
	& #regFormF div .ierror {
		border: 1px solid red!important;
		box-shadow: inset 0 0px 10px rgba(255,0,0,.3);
	}
	& .jurLog form, .ipLog form{padding:0; height:auto;}
	& table {width:100%}
	& table td{padding-right:20px;}
	& table .option{
		font-size:14px!important;
		position: relative;
		& input{
			opacity: 0;
			-webkit-box-shadow: none!important;
			-moz-box-shadow: none!important;
			box-shadow: none!important;
			-webkit-border-radius: 0!important;
			-moz-border-radius: 0!important;
			border-radius: 0!important;
			width:35px!important;
			height:34px!important;
		}
		& input + span{
			display: inline-block;
			width: 35px;
			height: 34px;
			vertical-align: middle;
			background-image: url(/img/check_box.png);
			background-position:0 0;
		        cursor: pointer;
			position: absolute;
			right: 0px;
			top: -10px;
		}
		& input:checked + span{
			background-position:0 -35px;
		}
		
	}
	& div .email input, div .kpp input{
		  border: 0px none!important;
		  width: 241px!important;
		  height: 33px!important;
		  border-top: 1px solid #cacaca;
		  border-left: 1px solid #cacaca;
		  margin-bottom: 10px;
		  font: 14px 'HelveticaNeueCyr-Roman';
		  color: #000;
		  padding-left: 9px!important;
		  -webkit-box-sizing: border-box;
		  -moz-box-sizing: border-box;
		  box-sizing: border-box;
		  border-radius: 0;
		  background: #fff;
	}
	& .submit-holder2{
		& input{
			  display: block;
			  width: 242px!important;
			  height: 33px!important;
			  text-align: center;
			  color: #fff!important;
			  font: 16px "HelveticaNeueCyr-Roman";
			  background: #32CD32!important;
			  border: 0px none!important;
			  box-shadow: inset 0 -2px 0 0px #32CD32;
			  margin-top: 5px!important;
			  text-indent: 0;
			&:hover{
				background: #C20505!important;
			}
		}
	}
}


.breadcrumbs{
  color: #A9A9A9;
  font-size: 12px;
  margin: 9px 0 0;
	& a{
		color: #A9A9A9;
		font-size: 12px;
		&:hover{
			text-decoration:none;
		}
	}
	& span{
		display: inline-block;
		width: 4px;
		height: 4px;
		border-top: 1px solid #A9A9A9;
		border-right: 1px solid #A9A9A9;
		transform: rotate(45deg);
		margin: 0px 3px 1px 3px;
	}
}
.ask-question#roadMap{
    position: fixed;
    top: 50%;
    margin-top: -273px;
}