/*@light-blue: #B2C5CA;
@light-light-blue: #c9d8dc;
@main-menu-link-color: #fff;
*/

@light-blue: #000000;
@light-light-blue: #4b4b4b;

@main-menu-link-color: #fff;
@main-menu-link-color-hover: #f0f0f0;

@main-menu-height: 85px;
@main-menu-font-size: 18px;

@main-menu-dropdown-color: #707070;
@main-menu-dropdown-color-hover: #a6a19d;

@main-menu-dropdown-link-color: #fff;
@main-menu-dropdown-link-color-hover: #f0f0f0;

@link-color: #FF7D17;


/* mixin for creating gradient */

.bg-gradient(@start, @end) {
  background: @start; /* Old browsers */
  background: -moz-linear-gradient(top, @start, @end); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@start), color-stop(100%,@end)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, @start, @end); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, @start, @end); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, @start, @end); /* IE10+ */
  background: linear-gradient(top, @start, @end); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@start', endColorstr='@end',GradientType=0 ); /* IE6-9 */
}

/* mixins for setting font-family */
.font-family() {
  font-family: Arial, sans-serif;
}

.font-family(@font) {
  font-family: @font, Arial, sans-serif;    
}

@import "http://webfonts.ru/import/fira.css";


/* @url link for google fonts kit */


html,
body    {
  height: 100%;
  line-height: auto;
  font-size: 14px;
  font-family: 'Fira Sans', sans-serif;

}

#page-wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -60px; /* see #footer */

  .breadcrumb {
    padding: 8px 3px;
    margin-bottom: 20px;
    list-style: none;
    background: none;
    border-radius: 4px;
    margin-top: 20px;
  }
  #main-wrapper {
    width: 1000px;
    margin: 30px auto 0;
    padding: 0 10px;

    .content-head {
      h1 {
        text-align: center;
      }
    }
  }
}
#messages {
  width: 980px;
  margin: 0 auto;
}

/* формы */


/* формы */

input.form-text, input.form-password, .form-textarea {
  border-radius: 0;
  border: 2px solid #e1e1e1;
  line-height: 30px;
}

label {
  display: block;
  margin-bottom: 5px;
  font-weight: normal;
}

.form-item {
  .description {
    font-size: 0.85em;
    margin-top: 10px;
    color: #999;
  }
}

.form-item, .form-actions {
  margin-top: 1em;
  margin-bottom: 2em;
}

select {
  height: 40px;
  border-radius: 0;
  border: 1px solid #ccc;
}
input, select,
textarea { outline: none; }


/* ссылки */

a {
  text-decoration: none;
  border-bottom: 1px solid;

  &:link {
    color: @link-color;
    border-bottom-color: @link-color;
	text-decoration: none;

  }

  /*&:visited {
    color: #ff8282;
    border-bottom-color: #ff8282;
  }*/

  &:hover {
    color: @link-color;
    text-decoration: none;
    border-bottom-color: @link-color;
  }

}

/* Заголовки */

h1, h2, h3, h4, h5, h6,
p.h1, p.h2, p.h3, p.h4, p.h5, p.h6 {
  font-family: 'Fira sans', Helvetica, 'Arial', sans-serif;
}

p.h1, p.h2, p.h3, p.h4, p.h5, p.h6 {
  margin: 0;
}

h1, h2, h3, h4,
p.h1, p.h2, p.h3, p.h4 {
  font-weight: 400;
}

h5, h6,
p.h5, p.h6 {
  font-weight: 500;
}

h1, p.h1 {
  color: #444;
  font-size: 32px;
  margin-top: 15px;
  margin-bottom: 10px;
}

h2, p.h2 {
  color: #444;
  font-size: 28px;
  margin-top: 24px;
  margin-bottom: 18px;
}

h3, p.h3 {
  color: #333;
  font-size: 24px;
  margin-top: 0px;
  margin-bottom: 16px;
}

h3.block-title, p.h3 {
  margin-top: 0;
  font-weight: 300;
}

h4, p.h4 {
  color: #333;
  font-size: 20px;
  margin-top: 16px;
  margin-bottom: 10px;
}

h5, p.h5 {
  color: #333;
  font-size: 18px;
  margin-top: 14px;
  margin-bottom: 9px;
}

h6, p.h6 {
  color: #333;
  font-size: 14px;
  margin-top: 12px;
  margin-bottom: 7px;
}

/* нумерованные и ненумерованные списки в контенте */

.content ul {
  margin-top: 20px;
  margin-bottom: 30px;
  list-style-type: disc;
  li {
    /*margin-bottom: 10px;*/
  }
}

.content ol {
  margin-top: 20px;
  margin-bottom: 30px;
  li {
    margin-bottom: 10px;
  }
}


#page-wrapper .container,
#footer .container {
  padding: 0px 10px;
  width: 1000px;
  position: relative;
}

.no-sidebars #content {
  width: 100%;
  /*padding: 0 15px;*/
}
.not-front #content {
  padding: 0 15px;
}

.one-sidebar.sidebar-first {

  #sidebar-first {
    width: 25%;
    float: left;
  }

  #content {
    width: 75%;
    margin: 0 0 0 25%;
  }
}

.one-sidebar.sidebar-second {

  #content {
    width: 75%;
    margin: 0 25% 0 0;
  }

  #sidebar-second {
    width: 25%;
    float: right;
  }
}

.two-sidebars {

  #sidebar-first {
    width: 25%;
    float: left;

    .in {
      padding-top: 20px;
      padding-right: 20px;
    }

  }

  #content {
    width: 50%;
    margin: 0 25%;
  }

  #sidebar-second {
    width: 25%;
    float: right;

    .in {
      padding-top: 20px;
      padding-left: 20px;
    }

  }
}

#sidebar-first, #sidebar-second {
  position: relative;

  .block {
    position: relative;
    border: 1px dashed #D8D2C1;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 30px;
    background-color: #F7F6ED;

    &:after {
      content: "";
      height: 18px;
      width: 100%;
      position: absolute;
      bottom: -18px;
      right: 0;
    }

  }
}

/* ============================================================================
     HEADER
   ========================================================================== */

#header {
  position: relative;
  height: 260px;
  /*width: 1000px;*/
  max-width: 100%;
  min-width: 980px;
  margin: 0 auto -85px;
  overflow: hidden;

  .header-head {
    height: 100%;
    width: 980px;
    margin: 0 auto;
    position: relative;

    #logo {
      float: left;
      margin-top: 28px;

      a {
        border: none;
      }
    }

    .in {
      /*float: right;
      margin-right: 20px;*/
      margin-left: 320px;

      #block-block-1 {
        float: left;
        width: 234px;
        margin-left: 80px;
        margin-top: 30px;
        font-size: 18px;
        text-align: right;

        .content {

          ul {
            margin: 0;
            padding: 0;
            background-image: url(../images/phone-icon.png);
            background-repeat: no-repeat;
            background-position: 0 -1px;

            li {
              list-style: none;

              span {
                font-size: 28px;

              }
              &:last-child {
                line-height: 10px;
              }
            }
          }
          div {
            margin-top: 10px;
            background-image: url(../images/mail-icon.png);
            background-repeat: no-repeat;
            background-position: 65px 3px;

            a {
              font-size: 18px;
              color: #222222;
              border-bottom: 1px solid #222222;

              &:hover {
                border: none;
              }
            }
          }
        }
      }
      #block-user-login {
        width: 311px;
        height: 206px;
        background-image: url(../images/bg-block-user-login.png);
        background-repeat: no-repeat;
        position: absolute;
        left: 682px;
        top: 23px;
        z-index: 210;

        .content {
          /*width: 290px;*/
          padding: 41px 64px;

          form#user-login-form {
            margin-top: 20px;

            label {
              display: none;
            }
            .form-item-pass {
              background: none;
              padding: 0;
            }
            .form-type-textfield, .form-item-pass, input[type="text"], input[type="password"] {
              /*width: 220px;*/
              width: 168px;
              height: 30px;
              font-style: italic;
            }
            .form-item {
              margin-bottom: 0;
            }
            .item-list {
              position: absolute;
              top: 0;
              left: 120px;
              height: 85px;

              ul {
                margin-top: 30px;

                li {
                  list-style: none;
                  font-family: 'fira sans';
                  font-weight: 300;
                  margin-bottom: -5px;

                  a {
                    color: #33a1d4;
                    font-size: 13px;
                    margin-left: 5px;
                    /*border-bottom: 1px solid #33a1d4;*/
                    border: none;
                    text-decoration: underline;

                    &:hover {
                      border: none;
                      text-decoration: none;
                    }
                  }
                }
              }
            }
            .form-actions {

              input[type="submit"] {
                /*width: 123px;
                height: 38px;
                float: right;*/
                font-size: 16px;
                /*color: #1f270b;
                margin-right: 10px;
                border: none;
                background-image: url(../images/bg-user-login-button-new.png);
                background-repeat: no-repeat;
                background-position: -7px 0;
                transition: background-position 0.3s;*/
                border: none;
                color: #ffffff;
                background-color: #0386e2;
                border-radius: 5px;
                padding: 7px 35px 4px;

                &:hover {
                  background-position: 0 0;

                }

              }
            }
          }
        }

      }
      #block-custom-user-block {
        width: 311px;
        /*height: 262px;*/
        background-image: url(../images/bg-block-user-login.png);
        background-repeat: no-repeat;
        position: absolute;
        left: 682px;
        top: 23px;
        z-index: 210;

        .content {
          padding: 62px 0px 62px 49px;
          width: 255px;

          .item-list {

            ul {
              list-style: none;

              li:nth-child(1) {
                margin-left: 0;

                a {
                  font-size: 18px;
                  color: #005b9b;
                  border-bottom: 1px solid #005b9b;

                  &:hover {
                    border: none;
                  }
                }
              }
              li:nth-child(2) {
                margin-left: 0;

                a {
                  font-size: 15px;
                  color: #606060;
                  border-bottom: 1px solid #606060;

                  &:hover {
                    border: none;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  /*#phones {
    font-size: 28px;
    margin-top: 40px;
    span {
      font-size: 18px;
    }
  }

  #phones-small {
    font-size: 22px;
    margin-top: 0;
    span {
      font-size: 14px;
    }
  }*/

}

/* ============================================================================
     PRIMARY
   ========================================================================== */

#primary {
  position: relative;
  max-width: 100%;
  min-width: 980px;
  background-repeat: no-repeat;
  background-position: center 30px;
  margin: 0 auto;
  background-color: #005b9b;
  font-family: 'fira sans';

  > ul {
    /*display: table;*/
    /*table-layout: fixed;*/
    width: 1000px;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    font-size:0;
    line-height:0;
    list-style: none;

    > li {
      display: table-cell;
      position: relative;
      font-size: @main-menu-font-size;
      line-height: normal;
      letter-spacing: normal;
      padding: 0 28px;

      &:hover > ul {
        display: block;
      }

      > a {
        display: block;
        height: @main-menu-height;
        line-height: @main-menu-height;
        z-index: 200;
        position: relative;
        /*background-color: @light-blue;
        background: #666;*/
        color: @main-menu-link-color;
        border: none;
        text-decoration: underline;

        &:hover {
          color: #33a1d4;
          /*background-color: @light-light-blue;
          background: #444;*/
          border: none;
          text-decoration: none;
        }

        /*&:after {
          content: "";
          height: 100%;
          width: 1px;
          background: @light-light-blue;
          position: absolute;
          top: 0;
          right: 0;
        }*/
      }
      > a.active-trail {
        color: #33a1d4;
        text-decoration: none;
      }

      &:hover > a {
        /*color: @main-menu-link-color;*/
        border: none;
      }

      > ul {
        top: @main-menu-height;
        left: 0;
        position: absolute;
        z-index: 400;
        width: 100%;
        background: @main-menu-dropdown-color;
        margin: 0;
        padding: 0;
        display: none;

        > li {
          margin: 0;
          padding: 0;
          list-style: none;
          position: relative;

          height: @main-menu-height;
          line-height: @main-menu-height;
          background-color: @light-blue;
          color: @main-menu-link-color;

          > a {

            color: @main-menu-dropdown-link-color;
            background: @main-menu-dropdown-color;
            text-decoration: none;
            padding-left: 15px;
            position: relative;
            display: block;
            border: none;

            &:hover {
              background-color: @main-menu-dropdown-color-hover;
              color: @main-menu-dropdown-link-color-hover;
            }
          }
        }
      }
    }
    > li.first {
      padding: 0 28px 0 10px;
    }

    > li.first > a {
    }

    > li.last {

      > a {
      }

      > a:after {
        display: none;
      }
    }
  }
}
/* ============================================================================
     SLIDER
   ========================================================================== */

#block-views-slider-block {
  width: 980px;
  height: 370px;
  margin: 0 auto;
  padding-left: 5px;

  .content {
    .view-slider {
      width: 100%;
      height: 295px;
      border: 1px solid #8cc2e1;
      border-radius: 4px;
      margin-top: 33px;
      position: relative;

      ul.slides {
        li {
          list-style: none;

          img {
            float: left;
            margin-left: 20px;
            margin-right: 95px;
          }
          .desc {
            float: left;
            margin-top: 20px;

            div:first-child {
              font-size: 32px;
              line-height: 1;
              font-weight: 100;
              margin-bottom: 19px;
            }
            div:nth-child(2) {
              font-size: 22px;
              font-weight: 100;
            }
            .link {
              margin: 28px 0 17px;

              a {
                font-size: 18px;
                color: #ffffff;
                padding: 5px 30px;
                background-color: #44ba56;
                border-radius: 5px;

                &:hover {
                  border: none;
                }
              }
            }
            div:last-child {
              font-size: 18px;
              font-weight: 100;
              margin-left: 65px;
            }
          }
        }
      }
      ul.flex-direction-nav {
        li.flex-nav-prev,
        li.flex-nav-next {
          list-style: none;
          width: 24px;
          height: 66px;
          background-repeat: no-repeat;
          position: absolute;
          top: 37%;
          z-index: 10;

          a {
            color: transparent;
            width: 24px;
            height: 66px;
            border: none;
            display: block;
          }
        }

        li.flex-nav-prev {
          left: 15px;
          background-image: url(../images/prev.jpg);
        }
        li.flex-nav-next {
          right: 15px;
          background-image: url(../images/next.png);
        }
      }
      ul.buttons {
        padding-left: 15px;
        margin-top: 26px;
        display: inline-block;

        li {
          float: left;
          list-style: none;
          text-align: center;
          color: #005b9b;
          margin-right: 15px;
          padding: 4px;
          border: 1px solid #8cc2e1;
          border-radius: 5px;
          width: 145px;
          height: 42px;
          line-height: 1.2;
          font-size: 13px;

          &:last-child {
            margin-right: 0;
          }

          &:hover {
            cursor: pointer;
          }
          &[data-id="0"],
          &[data-id="1"],
          &[data-id="2"],
          &[data-id="4"] {
            padding-top: 12px;
          }
          &.active {
            background-color: #dceefb;
          }
        }
      }
    }
  }
}


/* ============================================================================
     SIDEBAR FIRST
   ========================================================================== */



/* ============================================================================
     SIDEBAR SECOND
   ========================================================================== */


/* управление нодами */

.tabs {
  ul.tabs {
    li.active{
      a {
        background: #efefef;
        color: #333;
      }
    }

    li {
      a {
        background-color: @link-color;
        color: #ffffff;
      }
    }

    a:hover {
      color: #ffffff;
    }

    a:active {
      color: #ffffff;
    }

    a:focus {
      color: #ffffff;
    }

  }
}

/* ============================================================================
     FOOTER
   ========================================================================== */

#push,
#footer {
  height: 100px; /* see #page-wrapper */
  /*max-width: 1600px;*/
  min-width: 980px;
  margin: 0 auto;
  background-color: #005b9b;

  .container {
    padding-top: 15px;

    .in {
      float: left;

      #block-block-2 {
        width: 405px;
        font-size: 16px;


        .copy {
          float: left;

        }
        .fone {
          margin-left: 245px;
          font-size: 18px;
        }
      }
      #block-block-3 {
        color: #ffffff;
        .copy {
          float: left;

        }
        .fone {
          margin-left: 245px;
          font-size: 18px;
        }
      }
    }

    #raduga {
      display: block;
      float: right;
      position: relative;
      background: url(../images/footer-logo.png);
	  background-repeat: no-repeat;
      width: 142px;
      height: 39px;
      border: none;
      margin-top: -5px;
      /*margin-right: 25px;*/
    }
  }
}

/* ============================================================================
     CONTENT
   ========================================================================== */

/* ADMIN MENU */

#admin-menu-wrapper {
  font-size: 13px;
}

/* phones */

#phones {
  font-family: roboto, Helvetica, 'Arial', sans-serif;
  font-weight: 700;
  font-style: italic;
}

#phones-small {
  font-family: roboto, Helvetica, 'Arial', sans-serif;
  font-weight: 500;
  font-style: italic;
  text-align: right;
}

@keyframes spin-1 {from {transform: rotate(0deg);} to {transform: rotate(360deg);}}
@-moz-keyframes spin-1 {from {transform: rotate(0deg);} to {transform: rotate(360deg);}}
@-webkit-keyframes spin-1 {from {transform: rotate(0deg);} to {transform: rotate(360deg);}}
@-ms-keyframes spin-1 {from {transform: rotate(0deg);} to {transform: rotate(360deg);}}

@keyframes spin-2 {from {transform: rotate(360deg);} to {transform: rotate(0deg);}}
@-moz-keyframes spin-2 {from {transform: rotate(360deg);} to {transform: rotate(0deg);}}
@-webkit-keyframes spin-2 {from {transform: rotate(360deg);} to {transform: rotate(0deg);}}
@-ms-keyframes spin-2 {from {transform: rotate(360deg);} to {transform: rotate(0deg);}}

.front-banner {
  height: 541px;
  max-width: 100%;
  min-width: 980px;
  /*background-image: url(../images/bg-banner.png);*/
  background-image: url(../images/bg-banner-new1.png);
  margin-bottom: 90px;
  margin: 0 auto;


  .in {
    height: 100%;
    background-image: url(../images/ring-logo.png);
    background-repeat: no-repeat;
    background-position: center 75px;
    position: relative;

    .content {
      height: 100%;
      width: 980px;
      position: relative;
      margin: 0 auto;

      .ring-1 {
        width: 234px;
        height: 238px;
        position: absolute;
        background-image: url(../images/ring-1.png);
        background-repeat: no-repeat;
        left: 375px;
        top: 128px;

        animation-name: spin-1;
        animation-duration: 7200ms;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        -moz-animation-name: spin-1;
        -moz-animation-duration: 7200ms;
        -moz-animation-iteration-count: infinite;
        -moz-animation-timing-function: linear;
        -webkit-animation-name: spin-1;
        -webkit-animation-duration: 7200ms;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -ms-animation-name: spin-1;
        -ms-animation-duration: 7200ms;
        -ms-animation-iteration-count: infinite;
        -ms-animation-timing-function: linear;
      }
      .ring-2 {
        width: 293px;
        height: 296px;
        background-image: url(../images/ring-2.png);
        background-repeat: no-repeat;
        position: absolute;
        left: 345px;
        top: 100px;

        animation-name: spin-2;
        animation-duration: 9600ms;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        -moz-animation-name: spin-2;
        -moz-animation-duration: 9600ms;
        -moz-animation-iteration-count: infinite;
        -moz-animation-timing-function: linear;
        -webkit-animation-name: spin-2;
        -webkit-animation-duration: 9600ms;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -ms-animation-name: spin-2;
        -ms-animation-duration: 9600ms;
        -ms-animation-iteration-count: infinite;
        -ms-animation-timing-function: linear;
      }
      .ring-3 {
        width: 334px;
        height: 338px;
        background-image: url(../images/ring-3.png);
        background-repeat: no-repeat;
        position: absolute;
        left: 324px;
        top: 79px;

        animation-name: spin-1;
        animation-duration: 12000ms;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        -moz-animation-name: spin-1;
        -moz-animation-duration: 12000ms;
        -moz-animation-iteration-count: infinite;
        -moz-animation-timing-function: linear;
        -webkit-animation-name: spin-1;
        -webkit-animation-duration: 12000ms;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -ms-animation-name: spin-1;
        -ms-animation-duration: 12000ms;
        -ms-animation-iteration-count: infinite;
        -ms-animation-timing-function: linear;

      }

      .penta {
        height: 100%;
        /*position: relative;*/
        text-align: center;

        a {
          color: #007cb6;
          border-bottom: 1px solid #007cb6;

          &:hover {
            border: none;
            color: #000000;
          }
        }

        .penta-1, .penta-4 {
          width: 150px;
          height: 132px;
          position: absolute;
          padding-top: 38px;
        }
        .penta-2, .penta-5, .penta-6 {
          width: 140px;
          height: 121px;
          position: absolute;
          background-image: url(../images/penta-2.png);
        }
        .penta-1 {
          left: 21px;
          top: 173px;
          background-image: url(../images/penta-1.png);

        }
        .penta-1-hover {
          background-image: url(../images/penta-4-hover.png);
          width: 163px;
          height: 154px;
          padding: 50px 0;
          position: absolute;
          left: 15px;
          top: 161px;
          opacity: 0;
          transition: opacity 1s;

          &:hover {
            opacity: 1;
            cursor: pointer;
          }
        }
        .penta-2 {
          top: 51px;
          left: 183px;
          padding: 46px 0 0 5px;
        }
        .penta-2-hover {
          width: 151px;
          height: 133px;
          background-image: url(../images/penta-2-hover.png);
          padding: 52px 0;
          position: absolute;
          left: 177px;
          top: 45px;
          opacity: 0;
          transition: opacity 1s;

          &:hover {
            opacity: 1;
            cursor: pointer;
          }
          a {
            margin-left: 5px;
          }
        }
        .penta-3 {
          width: 95px;
          height: 84px;
          background-image: url(../images/penta-3-1.png);
          position: absolute;
          top: 52px;
          left: 630px;
          padding: 31px 0 0 0px;
        }
        .penta-3-hover {
          width: 112px;
          height: 99px;
          padding: 40px 0;
          background-image: url(../images/penta-3-hover.png);
          position: absolute;
          top: 43px;
          left: 618px;
          opacity: 0;
          transition: opacity 1s;

          &:hover {
            opacity: 1;
            cursor: pointer;
          }
          margin-left: 3px;
        }
        .penta-4 {
          top: 173px;
          left: 760px;
          background-image: url(../images/penta-1.png);
        }
        .penta-4-hover {
          background-image: url(../images/penta-4-hover.png);
          width: 163px;
          height: 154px;
          padding: 50px 0;
          position: absolute;
          left: 753px;
          top: 161px;
          opacity: 0;
          transition: opacity 1s;

          &:hover {
            opacity: 1;
            cursor: pointer;
          }
        }
        .penta-5 {
          top: 365px;
          left: 656px;
          padding: 26px 0 0 2px;

        }
        .penta-5-hover {
          width: 151px;
          height: 133px;
          background-image: url(../images/penta-2-hover.png);
          padding: 33px 0;
          position: absolute;
          left: 651px;
          top: 358px;
          opacity: 0;
          transition: opacity 1s;

          &:hover {
            opacity: 1;
            cursor: pointer;
          }
        }
        .penta-6 {
          top: 365px;
          left: 190px;
          padding: 35px 0 0 2px;
        }
        .penta-6-hover {
          width: 151px;
          height: 133px;
          background-image: url(../images/penta-2-hover.png);
          padding: 40px 0;
          position: absolute;
          left: 185px;
          top: 360px;
          opacity: 0;
          transition: opacity 1s;

          &:hover {
            opacity: 1;
            cursor: pointer;
          }
          a {
            margin-left: 1px;
          }
        }
      }
    }
  }
}

.container {
  margin: 0px auto 50px;

  .content-body {

    #block-block-3 {
      clear: right;
      margin-bottom: 65px;
      margin-top: 90px;
      min-height: 1190px;


      .block-title {
        margin-bottom: 50px;
        font-size: 36px;
        color: #000000;

      }
       ul {
        padding: 0;

        li:not(.block-configure) {
          float: left;
          width: 300px;
          height: 485px;
          list-style: none;
          margin-right: 26px;
          margin-bottom: 50px;
          /*border-bottom: 2px solid #b1ab95;*/
          text-align: center;
          padding-top: 170px;
          position: relative;
          /*background-image: url(../images/bg-1c-1-new2.png);*/

          &:hover .area {
            width: 175px;
            height: 271px;

          }
          .bground {
            position: absolute;
            top: 0;
            left: 0;
            height: 483px;
            width: 300px;
          }
          .ugolok {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 300;
          }
          .area {
            position: absolute;
            top: 0px;
            right: 0px;
            height: 0;
            width: 0;
            transition: width 0.3s, height 0.3s;
          }
          .logo {
            position: absolute;
            top: 75px;
            right: 0;
          }
          .desc {
            position: relative;
          }
          a {
            font-size: 24px;
            color: #222222;
            border-bottom: 1px solid #222222;
            position: relative;
            z-index: 100;

            &:hover {
              border: none;
            }
          }
          p a {
            font-size: 14px;
          }
          .rent {
            background-image: url(../images/checkbox.png);
            background-repeat: no-repeat;
            background-position: 0 5px;
            width: 250px;
            padding: 0 40px;
            margin-left: 45px;
            margin-top: 20px;
            text-align: left;
          }
          .no-button {
            font-size: 18px;
          }
          .supply {
            background-image: url(../images/marker.png);
            background-repeat: no-repeat;
            background-position: 0 6px;
            width: 250px;
            padding: 0 17px;
            margin-left: 45px;
            margin-top: 20px;
            margin-bottom: -10px;
            text-align: left;
            font-size: 16px;

            a {
              font-size: 16px;
            }
          }

          div[type="button"] {
            width: 155px;
            height: 53px;
            padding: 15px 0 0 15px;
            background-color: #ffffff;
            position: absolute;
            bottom: 40px;
            left: 65px;
            overflow: hidden;

            img {
              position: absolute;
              left: -60px;
              top: -17px;
              /*width: 155px;*/
              height: 53px;
              transition: left 0.3s;

              &:hover {
                left: -47px;
              }
            }
            .it {
              left: -78px;

              &:hover {
                left: -61px;
              }
            }
            .po {
              left: -58px;

              &:hover {
                left: -46px;
              }
            }

            a {
              font-size: 18px;
              border: none;
              position: relative;
              z-index: 100;

              &:hover {
                border-bottom: 1px solid;
              }
            }
          }
          p {
            margin-top: 20px;
          }
        }
      }
    }
  }
}
.trast {
  max-width: 100%;
  min-width: 980px;
  margin: 0 auto;
  /*padding-bottom: 105px;*/
  background-color: #e3dbbc;

  #block-views-doverie-block {
    padding-bottom: 105px;

    .block-title {
      font-size: 36px;
      font-weight: 500;
      color: #222222;
      text-align: center;
      margin-bottom: 60px;
      padding-top: 55px;
    }
    .content {
      height: 180px;

      .view-doverie {

        .view-content {

          .jcarousel-skin-default {

            .jcarousel-container {
              width: 100%;
              height: 180px;
              padding: 0;
              background-color: #ffffff;

              .jcarousel-clip {
                width: 75%;
                margin: 0 auto;

                ul.jcarousel {

                  li.jcarousel-item {
                    height: 180px;
                    width: 300px;
                    margin: 0;
                    border: none;
                    border-right: 1px solid #e3dbbc;
                    border-left: 1px solid #e3dbbc;
                    width: 16.5%;
                  }
                }
              }
            }
            .jcarousel-next, .jcarousel-prev {
              width: 12.5%;
              height: 180px;
              /*background-color: #007cb5;*/
              background-repeat: no-repeat;
              top: 0px;
              border: none;

              &:hover {
                background-color: #007cb5;
              }
            }
            .jcarousel-next {
              background-image: url(../images/trast-arrow.png);
              background-position: center;
              right: 0;
              border-left: 1px solid #e3dbbc;
            }
            .jcarousel-prev {
              background-image: url(../images/trast-arrow-left.png);
              background-position: center;
              left: 0;
              border-right: 1px solid #e3dbbc;
            }
          }
        }
      }
    }
  }

}
.node .content {
  margin-left: 3px;
  /*min-height: 550px;*/
}
.front .node .content {
  min-height: 0;
}

.view-news {
  min-height: 500px;
  margin-top: 50px;
  margin-left: 3px;

  .views-row {
    min-height: 190px;
    border-bottom: 3px solid #e6e2e2;
    margin-bottom: 20px;

    .views-field-field-news-img {
      float: left;

      a {
        border: none;
      }
    }
    .views-field-title, .views-field-created, .views-field-body {
      margin-left: 220px;
    }
    .views-field-title {

      a {
        font-size: 16px;
        color: #007cb6;
        border: none;

        &:hover {
          color: #007cb6;
          border-bottom: 1px solid #007cb6;
        }
      }
    }
    .views-field-created {
      font-size: 12px;

    }
    .views-field-body {
      margin-top: 10px;
    }
  }
}
.node-news {
  min-height: 500px;
  margin-top: 50px;

  .field-name-field-news-img {
    float: left;
  }
  .field-name-body {
    margin-left: 220px;
  }
}

.node-page:not(#node-1) {
  min-height: 500px;
}
#node-2 {
  font-size: 16px;
  min-height: 100px!important;

  p:last-child {
    margin-bottom: 0px;
    margin-left: -479px;
  }
}

#block-block-4 {
  display: inline-block;
}
.convenience,
.economy,
.security {
  float: left;
  width: 300px;
  margin-right: 40px;
  padding-top: 25px;
  padding-right: 20px;
  padding-bottom: 50px;
  background-color: #dceefb;
  background-image: url(../images/corner.png);
  background-repeat: no-repeat;
  background-position: top right;

  .img {
    height: 66px;
    background-repeat: no-repeat;
    background-position: center;
  }
  h4 {
    margin-left: 70px;
    font-size: 24px;
    font-weight: 600;
  }
  ul {
    padding-left: 20px;

    li {
      background-repeat: no-repeat;
      list-style: none;
      padding-left: 50px;
      margin-bottom: 36px;
      font-size: 13px;

      strong {
        font-size: 16px;
        line-height: 1;
      }
      &.first {
        padding-top: 4px;
      }
      &.last {
        min-height: 90px;
      }
    }
  }
  .button {
    margin-top: 67px;
    margin-left: 80px;
    display: none;

    a {
      font-size: 18px;
      color: #ffffff;
      padding: 6px 32px;
      background-color: #007cb6;
      border-radius: 5px;

      &:hover {
        border: none;
        cursor: pointer;
      }
    }
  }
}
.convenience {
  .img {
    background-image: url(../images/big-bg-1.png);
  }
  ul {
    li {

      &.middle {
        background-image: url(../images/bg-1-2.png);
      }
      &.first {
        background-image: url(../images/bg-1-1.png);
      }
      &.last {
        background-image: url(../images/bg-1-3.png);
      }
    }
  }
}
.economy {
  .img {
    background-image: url(../images/big-bg-2.png);
  }
  ul {
    li {

      &.middle {
        background-image: url(../images/bg-2-2.png);
      }
      &.first {
        background-image: url(../images/bg-2-1.png);
      }
      &.last {
        background-image: url(../images/bg-2-3.png);
      }
    }
  }
}
.security {
  margin-right: 0;
  .img {
    background-image: url(../images/big-bg-3.png);
  }
  ul {
    li {

      &.middle {
        background-image: url(../images/bg-3-2.png);
      }
      &.first {
        background-image: url(../images/bg-3-1.png);
      }
      &.last {
        background-image: url(../images/bg-3-3.png);
      }
    }
  }
}
.button-top {
  text-align: right;
  position: relative;
  top: -40px;
  right: 0;

  a {
    font-size: 21px;
    color: #ffffff;
    border-bottom: 1px solid;
    padding: 6px 34px 3px;
    border-radius: 5px;
    background-color: #44ba56;

    &:hover {
      border: none;
    }

    span {
      text-transform: uppercase;
    }
  }
}

#block-block-5 {
  margin-top: 66px;

  .block-title {
    font-size: 32px;
    color: #000000;
    text-align: center;
  }
  .content {
    text-align: center;
    margin-top: 43px;

    a {
      border: none;
      outline: none;

      &:first-child {
        margin-right: 107px;
      }
      &:hover {
        border: none;
      }
    }
  }
}
#node-3.node-page,
#node-4.node-page {
  min-height: 0;
}
#block-block-6 {
//  margin-top: 45px;
  display: inline-block;

  .block-title {
    border-bottom: 1px solid #3885d1;
    padding-bottom: 12px;
    padding-left: 50px;
    font-weight: 600;
  }

  .content {
    .button-top {
      top: -144px;
    }
    ul {
      width: 100%;
      padding-left: 0;

      li {
        list-style: none;
        width: 45%;
        float: left;
        margin-right: 75px;
        margin-bottom: 40px;
        padding-left: 50px;
        background-repeat: no-repeat;

        &:nth-child(2n) {
          margin-right: 0;
        }
        strong {
          font-size: 18px;
          margin-bottom: -13px;
        }
        &:nth-child(1) {
          background-image: url(../images/block-6-ico-1.png);
        }
        &:nth-child(2) {
          background-image: url(../images/block-6-ico-2.png);
        }
        &:nth-child(3) {
          background-image: url(../images/block-6-ico-3.png);
        }
        &:nth-child(4) {
          background-image: url(../images/block-6-ico-4.png);
        }
        &:nth-child(5) {
          background-image: url(../images/block-6-ico-5.png);
        }
        &:nth-child(6) {
          background-image: url(../images/block-6-ico-6.png);
        }
      }
    }
  }
}
#block-block-7 {
  margin-top: 50px;
  display: inline-block;


  .block-title {
    font-weight: 600;
    padding-bottom: 12px;
    padding-left: 50px;
    border-bottom: 1px solid #3885d1;
  }

  .content {

    ul {
      padding-left: 0;
      li {
        list-style: none;
        float: left;
        width: 25%;
        padding: 0 10px 0 50px;
        background-repeat: no-repeat;

        &:nth-child(1) {
          background-image: url(../images/block-7-ico-1.png);
        }
        &:nth-child(2) {
          background-image: url(../images/block-7-ico-2.png);
        }
        &:nth-child(3) {
          background-image: url(../images/block-7-ico-3.png);
        }
        &:nth-child(4) {
          background-image: url(../images/block-7-ico-4.png);
        }
      }
    }
  }
}
#node-4 {
  .content {
    padding-left: 35px;
  }
}
#block-block-9 {
  margin-top: 35px;
  background-image: url(../images/arenda-img.png);
  background-repeat: no-repeat;
  background-position: right 120px;

  .block-title {
    border-bottom: 1px solid #3885d1;
    padding-left: 50px;
    padding-bottom: 10px;
  }
  .content {
    padding-left: 50px;

    h4 {
      margin-top: 23px;
    }

    ul {
      padding-left: 2px;
      margin-bottom: 23px;
      width: 610px;
      li {
        list-style: none;
        margin-bottom: 15px;
        padding-left: 5px;
        position: relative;

        &:before {
          content: "-";
          position: absolute;
          left: -5px;
        }
      }
    }
    table {
      margin: 40px 0 33px -50px;
      width: 980px;

      tr {
        th {
          vertical-align: middle;
          height: 50px;
          background-color: #dceefb;

          &:first-child {
            padding-left: 50px;
          }
          &:last-child {
            background-image: url(../images/arenda-corner.png);
            background-repeat: no-repeat;
            background-position: top right;
          }
        }
        th:not(:first-child) {
          text-align: center;
        }
        td {
          vertical-align: middle;

          &:first-child {
            padding-left: 50px;
          }
        }
        td:not(:first-child) {
          text-align: center;
        }
      }
    }
    .order {
      display: inline-block;

      p {
        float: left;
        margin-right: 41px;
      }
      .button {
        float: right;
        margin-top: -2px;

        a {
          font-size: 18px;
          color: #ffffff;
          padding: 7px 33px;
          background-color: #0386e2;
          border: none;
          border-radius: 5px;

          &:hover {
            border: none;
          }
        }
      }
    }
  }
}
table.no-border {
  border: none;
  tbody {
    border: none;
    tr {
      border: none;
      th {
        border: none;
      }
      td {
        border: none;
      }
    }
  }
}



.tabs { display: none; }
/* ============================================================================
   FORMS AND FORM ITEMS
   ===========================================================================
*/

.form-item-pass {
  padding: 15px;
  background-color: #eee;
}

div.form-item {
  div.password-suggestions {
    padding: 0;
    margin: 0;
    border: 0;
    line-height: 22px;

    ul {
      line-height: 22px;
      li {
        margin-bottom: 0;
      }
    }
  }
}
#node-12 {
  .webform-client-form-12 {
    width: 450px;
    margin: 0 auto;

    .agree-wrapper {
      margin-top: 10px;

      label {
        font-size: 13px;
        padding-left: 20px;
        background-image: url(../images/checkbox-checked-1.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        a {
          font-size: 13px;
          color: #0486e4;
          border-bottom-color: #0486e4;

          &:hover {
            border: none;
          }
        }
        input[type="checkbox"] {
          display: none;
        }
        &.no-checked {
          background-image: url(../images/checkbox-1.png);
        }
      }
    }
    .form-actions {
//      text-align: center;
      margin-top: 18px;
      width: 450px;

      input {
        font-size: 22px;
        color: #ffffff;
        border: none;
        background-color: #43ba56;
        padding: 5px 23px;
        border-radius: 5px;

        &[disabled="disabled"] {
          opacity: .7;
        }
      }
    }
  }
}

#block-webform-client-block-12 {
  background-color: #ffffff;
  padding: 15px 25px;
  width: 325px;
  border: 1px solid #8cc2e1;
  border-radius: 5px;
  display: none;
  position: absolute;
  top: -50px;
  right: 5px;
  z-index: 1;

  .form-item {
    margin-bottom: 0;

    input[type="text"] {
      width: 270px;
      height: 25px;
      line-height: 22px;
    }
    input#edit-submitted-phone-number,
    input[type="email"] {
      width: 200px;
      height: 25px;
      line-height: 22px;
    }
  }
  .agree-wrapper {
    margin-top: 10px;

    label {
      font-size: 13px;
      padding-left: 20px;
      background-image: url(../images/checkbox-checked-1.png);
      background-repeat: no-repeat;
      background-position: 0 0;
      a {
        font-size: 13px;
        color: #0486e4;
        border-bottom-color: #0486e4;

        &:hover {
          border: none;
        }
      }
      input[type="checkbox"] {
        display: none;
      }
      &.no-checked {
        background-image: url(../images/checkbox-1.png);
      }
    }
  }
  .form-actions {
    text-align: center;
    margin-top: 18px;

    input {
      font-size: 22px;
      color: #ffffff;
      border: none;
      background-color: #43ba56;
      padding: 5px 23px;
      border-radius: 5px;

      &[disabled="disabled"] {
        opacity: .7;
      }
    }
  }
}
.not-front #block-webform-client-block-12 {
  top: 71px;
  right: 24px;
}
#block-webform-client-block-14 {
  p.block-title {
    display: none;
  }
  form {
    position: relative;
  }
  .block-title {
    margin-bottom: 0;
    padding: 16px;
    padding-left: 50px;
    background-color: #dceefb;
    background-image: url(../images/arenda-corner.png);
    background-repeat: no-repeat;
    background-position: top right;
  }
  .line {
    background-color: #dceefb;
    padding: 0 16px;

    span {
      width: 100%;
      border-top: 1px solid #3885d1;
      display: block;
    }
  }
  .wrapper {
    background-color: #dceefb;
    padding: 0 50px 16px;

    .row {
      padding-top: 20px;
      .form-item {
        margin-bottom: 0;
        margin-top: 0;
      }
      label {
        font-size: 18px;
        text-shadow: 0 0;
      }
      .minus, .plus {
        color: transparent;
        width: 5px;
        height: 9px;
        background-repeat: no-repeat;
        background-position: 0 center;

        &:hover {
          cursor: pointer;
        }
      }
      .minus {
        margin-right: 3px;
        background-image: url(../images/minus.png);
      }
      input {
        font-size: 18px;
        height: 35px;
        width: 45px;
        border: none;
        text-align: center;
      }
      .plus {
        margin-left: 3px;
        background-image: url(../images/plus.png);
      }
      .total {
        font-size: 18px;
        text-shadow: 0 0;

        span {
          font-size: 22px;
          color: #3885d1;
          text-shadow: none;
          padding-top: 10px;
          display: block;
        }
      }
      .col-md-2 {
        padding-top: 31px;

        .button {
          font-size: 18px;
          color: #ffffff;
          padding: 6px 26px 4px;
          background-color: #0386e2;
          border-radius: 5px;

          &:hover {
            cursor: pointer;
          }
        }
      }
    }
  }

  .window {
    position: absolute;
    right: 0;
    top: 0;
    padding: 15px 25px;
    width: 325px;
    background-color: #ffffff;
    border: 1px solid #8cc2e1;
    border-radius: 5px;
    z-index: 1;
    display: none;

    .form-item {
      margin-bottom: 0;

      label {
        margin-bottom: 0;
      }
    }

    input[type="text"], input[type="email"] {
      width: 270px;
      height: 30px;
    }
    .form-actions {
      input {
        color: #ffffff;
        border: none;
        background-color: #0386e2;
        border-radius: 5px;
        padding: 5px 15px;
      }
    }
  }
}