/*@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: #0679ae;


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

}

/* формы */


/* формы */

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



/* ссылки */

a {
  text-decoration: none;
  outline:none !important;

  &:link {
    border-bottom: 1px solid #0679ae;
	text-decoration: none;
    color: #0679ae;
  }

  &:visited {
    color: #3d6b81;
    border-bottom: 1px solid #3d6b81;
  }

  &:hover {
    color: #c10d0d;
    text-decoration: none;
    border-bottom: 1px solid #c10d0d;
  }

}

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

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: 500;
}

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

h1, p.h1 {
  color: #000000;
  font-size: 36px;
  margin-top: 15px;
  margin-bottom: 15px;
}

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

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

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

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

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

h6, p.h6 {
  color: #222222;
  font-size: 15px;
  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;
}

.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: 70%;*/
    margin: 0 0 0 345px;
  }
}

.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;*/
    background-color: #daeff8;

    &: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: 35px;

      a {
        border: none;
      }
    }

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

      #block-block-1 {
        float: left;
        width: 234px;
        margin-left: 105px;
        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 -2px;

            li {
              list-style: none;

              span {
                font-size: 28px;

              }
            }
          }
          div {
            margin-top: 10px;
            background-image: url(../images/mail-icon.png);
            background-repeat: no-repeat;
            background-position: 42px 3px;

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

              &:hover {
                border: none;
              }
            }
          }
        }
      }
      #block-user-login {
        width: 507px;
        height: 262px;
        background-image: url(../images/vhod-shadow-1.png);
        background-repeat: no-repeat;
        position: absolute;
        left: 682px;
        top: 1px;
        z-index: 210;

        .content {
          width: 290px;
          padding: 60px 30px;

          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;
              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: 18px;
                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;

                &:hover {
                  background-position: 0 0;

                }

              }
            }
          }
        }

      }
      #block-custom-user-block {
        width: 507px;
        height: 262px;
        background-image: url(../images/vhod-shadow-2.png);
        background-repeat: no-repeat;
        position: absolute;
        left: 682px;
        top: 1px;
        z-index: 210;

        .content {
          padding: 20px 30px;

          .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.last {

      > a {
      }

      > a:after {
        display: none;
      }
    }
  }
}

/* ============================================================================
     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: 130px; /* see #page-wrapper */
  /*max-width: 1600px;*/
  min-width: 980px;
  margin: 0 auto;
  background-color: #d1c9a8;

  .container {
    padding-top: 35px;

    .in {
      float: left;

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


        .copy {
          float: left;

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

    #raduga {
      display: block;
      float: right;
      position: relative;
      /*background: url(../images/raduga1.png);*/
      background-image: url(/sites/all/themes/base/images/directions/raduga1.png);
	  background-repeat: no-repeat;
	  width: 101px;
      height: 32px;
      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 {

  .content-body {

    #block-block-4 {
      font-family: 'Fira Sans';

      .block-title {
        margin-bottom: 30px;
        font-size: 36px;
        font-weight: 500;
        color: #000000;
      }
      .slogan {
        margin-top: 60px;
        margin-bottom: 90px;
        padding: 30px 0;
        border-top: 2px solid #ede9d7;
        border-bottom: 2px solid #ede9d7;
        font-size: 14px;
        font-weight: 300;
        font-style: italic;
      }
    }
    #block-block-5 {
      position: relative;
      margin: 0px 0 50px 0;
      padding: 0 20px;
      
      .onlay-1, .onlay-2 {
        position: absolute;
        color: #ffffff;
        font-size: 25px;
        font-weight: bold;
      }
      .onlay-1 {
        bottom: 50px;
        left: 0px;
        width: 483px;
        height: 177px;
        padding: 35px 21px;
        background-image: url(../images/onlay-1.png);
        font-style: italic;

      }
      .onlay-2 {
        top: 100px;
        right: -4px;
        width: 317px;
        height: 114px;
        padding: 21px;
        background-image: url(../images/onlay-2.png);
      }
    }
    #block-views-serv-block {
      /*min-height: 670px;*/
      margin-bottom: 60px;
      font-family: 'Fira Sans';
	  display: inline-block;

      .view-serv {

        .views-row {
          float: left;
          width: 300px;
          /*height: 670px;*/
          margin-right: 40px;
          background-image: url(../images/bg-1c-1-new2.png);
          position: relative;

          &:hover .decor {
            width: 175px;
            height: 271px;
          }

          .decor {
            width: 0px;
            height: 0px;
            background-image: url(../images/area1.png);
            position: absolute;
            top: 0;
            right: 0;
            transition: width .3s, height .3s;
          }
          .ugolok {
            width: 15px;
            height: 15px;
            background-image: url(../images/ugolok.png);
            position: absolute;
            top: 0;
            right: 0;
            z-index: 1;
          }
          .logo {
            height: 114px;
            /*background-image: url(../images/icon-services.png);*/
            background-repeat: no-repeat;
            background-position: 118px 30px;
            position: relative;
            z-index: 2;
          }
          .views-field {
            position: relative;
            z-index: 2;

          }
          .views-field-name {
            font-size: 24px;
            text-align: center;
            width: 285px;
            margin: 0 auto;

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

              &:hover {
                border: none;
              }
            }
          }
          .views-field-description {
            padding: 0 25px;
            margin-top: 30px;
            font-size: 17px;
            color: #656049;
            min-height: 250px;

            ul {

              li {
                margin-bottom: 5px;
                line-height: 1.2;
              }
            }
          }
		  .views-field-nothing-1 {
			display: none;
			  .link {
				width: 155px;
				height: 53px;
				margin-left: 70px;
				padding-top: 16px;
				text-align: center;
				background-color: #ffffff;
				overflow: hidden;
				position: relative;

				&:hover img {
				  left: -10px;
				}

				a {
				  font-size: 18px;
				  color: #000000;
				  border: none;

				  img {
					position: absolute;
					left: -20px;
					bottom: 0;
					transition: left .3s;
				  }
				}
			  }
		  }
        }
        .views-row-1 .logo {
          background-image: url(../images/icon-services.png);
        }
        .views-row-2 .logo {
          background-image: url(../images/icon-virt.png);
        }
        .views-row-3 .logo {
          background-image: url(../images/icon-security.png);
        }
        .views-row-last {
          margin-right: 0;
        }
      }
    }
  }
}

#top_footer {
  background-color: #005b9b;
  margin-top: 125px;

  #block-custom-directions {
    margin: 0 auto;
    width: 1000px;
    padding: 30px 10px 80px 10px;
    font-family: 'Fira Sans';

    .content {

      .block-title {
        color: #ffffff;
        font-size: 21px;
        margin-bottom: 45px;

        span {
          font-size: 26px;
        }
      }
      ul {
        padding: 0;
        min-height: 150px;

        li {
          width: 294px;
          height: 80px;
          list-style: none;
          float: left;
          margin-right: 30px;
          margin-bottom: 20px;
          padding: 13px 20px;
          /*background-image: url(../images/bg-sector-business.png);*/
          position: relative;

          &:hover .decor {
            width: 185px;
            height: 80px;
          }

          /*img {
            float: left;
            margin-right: 5px;
          }*/
          .ugolok {
            width: 14px;
            height: 15px;
            background-image: url(/sites/all/themes/base/images/directions/ugolok-blue.png);
            background-repeat: no-repeat;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 1;
          }
          .decor {
            /*width: 185px;
            height: 80px;*/
            width: 0;
            height: 0;
            /*background-image: url(/sites/all/themes/base/images/directions/decor-sector-1.png);*/
            position: absolute;
            right: 0;
            bottom: 0;
            transition: width .3s, height .3s;
          }
          a {
            font-size: 19px;
            color: #000000;
            font-weight: 300;
            padding-left: 90px;
            line-height: 19px;
            border: none;
            text-decoration: underline;
            background-repeat: no-repeat;
            display: block;
            position: relative;
            z-index: 1;

            &:hover {
              text-decoration: none;
            }
          }

          a.renta {
            background-image: url(/sites/all/themes/base/images/directions/logo-1c.png);
            padding-top: 15px;
            padding-bottom: 15px;
          }
          a.renta-1 {
            background-image: url(/sites/all/themes/base/images/directions/logo-1c-1.png);
            padding-top: 15px;
            padding-bottom: 15px;
          }
          a.services {
            background-image: url(/sites/all/themes/base/images/directions/logo-it.png);
            padding-top: 15px;
            padding-bottom: 20px;
          }
          a.video {
            background-image: url(/sites/all/themes/base/images/directions/logo-video.png);
            padding-top: 6px;
            padding-bottom: 15px;
          }
          a.oborud {
            background-image: url(/sites/all/themes/base/images/directions/logo-oborud.png);
            padding-top: 6px;
            padding-bottom: 15px;
          }
          a.PO {
            background-image: url(/sites/all/themes/base/images/directions/logo-po.png);
            padding-top: 15px;
            padding-bottom: 20px;
          }
        }
        li.arenda {
          background-image: url(/sites/all/themes/base/images/directions/po/bg-sector-business-arenda.png);

          .decor {
            background-image: url(/sites/all/themes/base/images/directions/decor-sector-arenda.png);
          }
        }
        li.prod {
          background-image: url(/sites/all/themes/base/images/directions/po/bg-sector-business-prod.png);

          .decor {
            background-image: url(/sites/all/themes/base/images/directions/decor-sector-prod.png);
          }
        }
        li.it {
          background-image: url(/sites/all/themes/base/images/directions/po/bg-sector-business.png);

          .decor {
            background-image: url(/sites/all/themes/base/images/directions/decor-sector-1.png);
          }
        }
        li.video {
          background-image: url(/sites/all/themes/base/images/directions/po/bg-sector-business-video.png);

          .decor {
            background-image: url(/sites/all/themes/base/images/directions/decor-sector-video.png);
          }
        }
        li.oborud {
          background-image: url(/sites/all/themes/base/images/directions/po/bg-sector-business-oborud.png);

          .decor {
            background-image: url(/sites/all/themes/base/images/directions/decor-sector-oborud.png);
          }
        }
        li.po {
          background-image: url(/sites/all/themes/base/images/directions/po/bg-sector-business-po.png);

          .decor {
            background-image: url(/sites/all/themes/base/images/directions/decor-sector-po.png);
          }
        }
        li:nth-child(3n) {
          margin-right: 0;
        }
      }
    }
  }
}
.page-taxonomy-term,
.page-node {
  font-family: 'Fira sans';

  #main-wrapper {
    width: 1000px;
    margin: 30px auto;

    #sidebar-first {
      width: 30%;
      margin-right: 60px;
      margin-left: 10px;

      ul.menu {
        padding: 0;

        li {
          list-style: none;
          font-size: 19px;
          font-weight: 500;
          line-height: 1;
          margin: 0;
          padding: 20px 40px;
          border-bottom: 1px solid #ffffff;
          background-color: #005b9b;

          a {
            color: #ffffff;
            border: none;
          }

          span.parent {
            display: none!important;
          }

          ul {
            padding: 0;
            width: 300px;
            margin: 20px 0 -21px -40px;

            li {
              font-size: 15px;
              font-weight: 400;
              background-color: #daeff8;
              padding: 15px 40px;

            }
            li.open {
              background-color: #ffffff;
            }
            li.last {
              border-bottom: none;
            }
          }
        }
        li.open {
          background-color: #80cbe9;
          padding: 20px 40px;

          a {
            color: #000000;
          }
        }
        li.last {
          border-bottom: none;
        }
      }
    }
    .view-serv-page {

      ol {
        padding: 0;
        counter-reset:  item;

         li {
           padding: 2px 0;
           margin-bottom: 20px;
           background-image: url(/sites/all/themes/base/images/directions/bg-marker-ol.png);
           background-repeat: no-repeat;
           background-position: 0 2px;
           list-style: none;
           position: relative;

           &:before {
             content: counter(item)". ";
             counter-increment: item;
             position: absolute;
             left: 20px;
             top: 6px;
             font-size: 26px;
             color: #000000;
             transition: color .3s;
           }

           .views-field {
             margin-left: 70px;
           }
           .views-field-title {
             margin-bottom: 25px;

              a {
                font-size: 25px;
                color: #000000;
                border-bottom: 1px solid #000000;

                &:hover {
                  border-bottom: none;
                }
              }
           }
         }
         li:hover:before {
           color: #ffffff;
         }
      }
    }
  }
}

.page-node {

  .node-serv {

    .order-block {
      padding: 30px 60px;
      background-color: #f4f2e8;
      margin-bottom: 85px;
      margin-top: 45px;

      .left {
        width: 50%;
        float: left;
        margin-right: 15px;

        .price {
          font-size: 26px;

          span {
            font-weight: 500;
          }
        }
        .button {
          width: 170px;
          height: 45px;
          background-color: #e7e2cd;
          border-bottom: 3px solid #d1c9a8;
          padding: 10px 0;
          margin-top: 30px;
          background-image: url(/sites/all/themes/base/images/directions/bg-button.png);
          background-repeat: no-repeat;
          background-position: -15px 0;
          transition: background-position .3s;

          &:hover {
            background-position: -5px 0;
          }

          a {
            font-size: 18px;
            font-weight: 500;
            color: #222222;
            border: none;
            padding: 10px 50px;

            &:hover {
              text-decoration: underline;
            }
          }
        }
      }
      .right {
        font-weight: 500;
        line-height: 1.2;
        font-size: 13px;

        .tel {
          font-size: 20px;
          font-weight: 400;
          margin: 10px 0;
          display: inline-block;

          span.small {
            font-size: 14px;

          }
        }
        a {
          color: #4db4dd;
          text-transform: uppercase;
          border: none;

          &:hover {
            text-decoration: underline;
          }
        }
        .quest {
          width: 225px;
          height: 45px;
          padding: 13px 0;
          margin-top: 6px;
          margin-left: 260px;
          background-image: url(/sites/all/themes/base/images/directions/bg-button-quest.png);
          background-repeat: no-repeat;
          background-position: 0px 0;
          transition: background-image .3s;

          &:hover {
            background-image: url(/sites/all/themes/base/images/directions/bg-button-quest-hover.png);
          }

          a {
            color: #222222;
            border-bottom: none;
            text-transform: none;
            font-size: 18px;
            padding: 10px 0 10px 60px;

            &:hover {
              text-decoration: underline;
            }

          }
        }
      }
    }
  }
}
.not-front.page-node,
.not-front.page-taxonomy{

  p a {
    line-height: 0.9em;
    display: inline-block;
  }
}
.node .content {
  margin-left: 3px;
}

.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;*/
}
.page-node-8 {
  min-height: 10px!important;

  #top_footer {
    margin-top: 0;
  }
  #page-wrapper {
    margin-bottom: -200px;
    #main-wrapper {
      margin-bottom: 0;
    }
  }
}


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

.webform-client-form-6 {

  select, textarea, input:not(.webform-submit) {
    width: 451px;
    outline: none;
  }
  label {
    font-weight: 500;
  }

}