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

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

@main-menu-link-color: #000000;
@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: 0px 10px;
    margin-bottom: 20px;
    list-style: none;
    background: none;
    border-radius: 4px;
    font-size: 12px;
    color: #eabf87;
    font-weight: 300;

    a {
      font-size: 12px;
      color: #c4b15e;
      text-decoration: none;
      border-bottom-color: #c4b15e;

      &:hover {
        border: none;
        text-decoration: none;
      }
    }
  }
  #main-wrapper {
    width: 1000px;
    margin: 10px auto 0;
    padding: 0 10px;
  }

}
.front #main-wrapper {
	margin: 30px auto 0!important;
}

/* формы */


/* формы */

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

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

h1, p.h1 {
  color: #000000;
  font-size: 32px;
  margin-top: 15px;
  margin-bottom: 10px;
}
h1.title {
  margin-top: 0;
  margin-bottom: 60px;
  color: #000000;
  font-weight: 500;
  font-size: 36px;
}

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;
}
p.h3.block-title {
  color: #000000;
  font-size: 32px;
  font-weight: 400;
}

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

.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: 68%;
    /*margin: 0 0 0 25%;*/
    float: right;

    .content-head {
      h1 {
        margin-top: 0;
      }
    }
  }
}

.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-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: 35px;
      margin-left: 20px;

      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;
        font-family: 'Fira sans';

        .content {

          ul {
            margin: 0;
            padding: 0;
            background-image: url(../images/phone-icon.png);
            background-repeat: no-repeat;
            background-position: 8px -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: 72px 3px;

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

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

        .content {
          width: 290px;
          /*padding: 60px 30px;*/
		  padding: 35px 20px;
		  
		  .panel {
			box-shadow: none;
		  }
		  
		  h3.checker_title {
			font-size: 18px;
			margin-bottom: 35px;
		  }
		  form[name="check"] {
			p:first-child {
				//font-size: 13px;
				//line-height: 1.2;
			}
			input[type="text"] {
				height: 23px;
				width: 135px;
				padding: 0 10px;
				margin-right: 5px;
				margin-top: 10px;
				//border-radius: 5px;
				border: 1px solid #bdbdbd;
				outline: none;
			}
			button#check-btn {
				padding: 2px 10px 1px 15px;
				font-size: 13px;
				border: 1px solid #bdbdbd;
				//border-radius: 5px;
				outline: none;
				background-color: #ffffff;
				background-image: url(../images/form-bg.png);
				background-repeat: no-repeat;
				background-position: -18px -2px;
				transition: background-position .3s;
				
				&:hover {
					background-position: -12px -2px;
				}
				
			}
			#check-mess {
				background-color: #ffffff;
				position: absolute;
				padding: 15px 10px 20px;
				left: 3px;
				width: 285px;
				border: 1px solid #bdbdbd;
				border-radius: 5px;
				display: none;
				
				.close {
					position: absolute;
					top: 3px;
					right: 5px;
				}
			}
		  }
		  
		  .hintbox {
			.panel {
				background: none;
			}
		  }

          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: #928551;
                    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(/sites/all/themes/base/images/directions/1c/vhod-shadow-1c.png);
        background-repeat: no-repeat;
        position: absolute;
        left: 682px;
        top: 0px;
        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;
                  text-decoration: none;
                  border-bottom: 1px solid #005b9b;

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

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

                  &:hover {
                    border: none;
                    text-decoration: none;
                  }
                }
              }
            }
          }
        }
        #webform-order-ajax-block-content {
          background-image: url(/sites/all/themes/base/images/icon-card.png);
          background-repeat: no-repeat;
          background-position: 0 0px;
          padding-left: 50px;
          font-family: 'Fira sans';
          line-height: 35px;

          a {
            font-size: 15px;
            color: #010101;
            text-decoration: none;
            border-bottom: 1px solid #010101;

          }
        }
      }
    }
  }

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

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

}
.not-logged-in {

  #block-webform-order-order {
    position: relative;

    #webform-order-ajax-block-content {
      width: 260px;
      position: absolute;
      top: 145px;
      left: 95px;
      background-image: url(/sites/all/themes/base/images/icon-card-mini.png);
      background-repeat: no-repeat;
      background-position: 0 2px;
      padding-left: 25px;

      a {
        float: left;
        color: #0062b9;
        border-bottom: 1px solid #0062b9;
        margin-right: 5px;

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

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

#primary {
  position: relative;
  max-width: 100%;
  min-width: 980px;
  background-repeat: no-repeat;
  background-position: center 30px;
  margin: 0 auto;
  background-color: #f0e2a7;
  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: #c4b15e;
          /*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: #c4b15e;
        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 > a {
    }

    > li.last {

      > a {
      }

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

#slider {
  height: 240px;
  background-color: #ffcf00;
  

  #block-block-6 {
    width: 1000px;
    margin: 0 auto;

    .content {

      ul {
        margin-top: 0;
        margin-bottom: 0;
        position: relative;

        li {
          list-style: none;
          opacity: 0;
          transition: opacity 3s;
          position: absolute;
          left: 0;
          top: 0;

          &.active {
            opacity: 1
          }
        }
      }
    }
  }
}

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

#sidebar-first {
  width: 267px;
  margin-right: 45px;
  margin-left: 10px;
  font-family: 'Fira sans';

  .block {
    border: none;
    border-radius: 0;

    ul.menu {
      padding: 0;
      margin-top: 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: #f0e2a7;

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

        span.parent {
          display: none !important;
        }

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

          li {
            font-size: 15px;
            font-weight: 400;
            background-color: #fbe5c8;
            padding: 15px 35px;

            a {
              color: #222222;
              text-shadow: none;
              transition: text-shadow .3s;
            }

            &:hover a {
              text-shadow: 0 0 .1px;
            }

          }
          li.active-trail {
            background-color: #ffffff;

            a {
              text-shadow: 0 0 .1px;
            }
          }
          li.last {
            border-bottom: none;
          }
        }
      }
      li.open {
        background-color: #80cbe9;
        padding: 20px 40px;

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


/* ============================================================================
     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: #f4f2e8;

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

    #raduga {
      display: block;
      float: right;
      position: relative;
      background: 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;
}

/*.view-bestofday {

  .views-row {
    float: left;
    width: 140px;
    min-height: 310px;
    margin-right: 20px;
    position: relative;
  }
}*/
//#block-views-new-product-block {
//  .block-title {
//    padding-top: 50px;
//  }
//}
//#block-views-new-product-block,
//#block-views-bestofday-block,
//.view-cat,
//.view-developer-page {
//  clear: both;
//
//  .views-row {
//    float: left;
//    width: 140px;
//    min-height: 310px;
//    margin-right: 35px;
//    margin-bottom: 30px;
//    position: relative;
//
//    .views-field-field-product-img {
//      width: 140px;
//      height: 140px;
//      border: 1px solid #c7c7c7;
//      text-align: center;
//      padding-top: 5px;
//
//    }
//    .views-field-title, .views-field-field-product-developer {
//      line-height: 1.3;
//      margin-bottom: 10px;
//      min-height: 35px;
//
//      a {
//        color: #16a5de;
//        font-size: 13px;
//        text-decoration: none;
//        border-bottom: 1px solid;
//        text-shadow: 0 0 .1px;
//
//        &:hover {
//          border-bottom: none;
//          text-decoration: none;
//        }
//      }
//    }
//    .views-field-field-product-price {
//      color: #eb8d14;
//      font-size: 14px;
//      text-shadow: 0 0 .1px;
//      float: left;
//    }
//    .views-field-field-product-old-price {
//      text-decoration: line-through;
//      float: right;
//    }
//    .views-field-add-to-order {
//      width: 140px;
//      height: 36px;
//      font-size: 14px;
//      text-align: center;
//      border-bottom: 3px solid #d1c9a8;
//      overflow: hidden;
//      background-image: url(/sites/all/themes/base/images/directions/po/bg-user-login-button-po.png);
//      background-repeat: no-repeat;
//      background-position: -5px -2px;
//      position: absolute;
//      bottom: 0;
//      transition: background-position .3s linear;
//
//      &:hover {
//        background-position: 0px -2px;
//      }
//
//      .field-content {
//        line-height: 1;
//        width: 105px;
//        height: 28px;
//        margin-left: 22px;
//        text-shadow: 0 0 .1px;
//
//        a.use-ajax {
//          color: #1f270b;
//          border-bottom: none;
//          padding-top: 10px;
//          display: block;
//        }
//        a.in-cart {
//            padding-top: 4px;
//          color: #1f270b;
//          border-bottom: none;
//          display: block;
//        }
//      }
//    }
//  }
//  .views-row.bestofday {
//
//    .views-field-nothing {
//      width: 76px;
//      height: 22px;
//      background-image: url(/sites/all/themes/base/images/directions/po/bg-best.png);
//      position: absolute;
//      left: -6px;
//      top: -6px;
//    }
//  }
//  .views-row.views-row-last {
//    margin-right: 0;
//  }
//}
//.ajax-progress-throbber {display: none;}
//.view-developer-page {
//
//  .attachment {
//
//    .views-row {
//      margin-top: 0;
//      width: 100%;
//
//      .views-field-field-developer-img {
//        float: left;
//        border: 1px solid #ebc38e;
//        width: 200px;
//        height: 200px;
//        text-align: center;
//        padding: 10px 0;
//      }
//      .views-field-description {
//        margin-left: 230px;
//      }
//    }
//  }
//  .views-row {
//    float: left;
//    min-height: 255px;
//  }
//}
//.front {
//  h1.title {
//    display: none;
//  }
//}
.view-razdel {

  .views-row {
    float: left;
    width: 300px;
    height: 560px;
    margin-right: 30px;
    margin-bottom: 60px;
    background-image: url(/sites/all/themes/base/images/directions/1c/bg-1c.png);
    position: relative;

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

    .decor {
      width: 0px;
      height: 0px;
      background-image: url(/sites/all/themes/base/images/directions/1c/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(/sites/all/themes/base/images/directions/1c/logo-1c.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;
      position: relative;
      z-index: 2;

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

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

      ul {

        li {
          margin-bottom: 15px;
          line-height: 1.2;
          list-style: none;
          position: relative;

          &:before {
            content: "";
            width: 8px;
            height: 8px;
            background-image: url(/sites/all/themes/base/images/directions/1c/marker.png);
            position: absolute;
            left: -18px;
            top: 4px;

          }
        }
      }
    }
  }
  .link {
    width: 155px;
    height: 53px;
    margin-left: 70px;
    padding-top: 16px;
    text-align: center;
    background-color: #ffffff;
    overflow: hidden;
    position: absolute;
    bottom: 20px;
	display: none;

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

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

      img {
        position: absolute;
        left: -20px;
        bottom: 0;
        transition: left .3s;
      }
    }
  }
  .views-row:nth-child(3n) {
    margin-right: 0;
  }
}

.node-type-product {

  #content {

    .content-head {
      h1 {
        display: none;
      }
    }
    .content-body {
      .content-left {
        float: left;
        width: 200px;

        .field-name-field-product-img {
          width: 200px;
          height: 200px;
          border: 1px solid #ebc38e;
          margin-bottom: 15px;
          text-align: center;
          padding-top: 11px;

        }
        .phone-block {
          background-color: #f4f2e8;
          font-size: 13px;
          color: #010101;
          padding: 5px 8px;
          margin-bottom: 20px;
          font-family: 'Fira Sans';
          font-weight: 500;

          a {
            border: none;
            text-decoration: underline;
            color: #32a1da;
            font-weight: 400;

            &:hover {
              text-decoration: none;
              color: #32a1da;
            }
          }

          span {
            font-size: 16px;
          }
          .img {
            background-image: url(/sites/all/themes/base/images/directions/po/icon-skype.png);
            background-repeat: no-repeat;
            background-position: 0 3px;
            padding-left: 25px;
          }
        }
        .all_price {
          float: left;
          font-size: 16px;

          .field-name-field-product-price {
            color: #eb8d14;
            text-shadow: 0 0 .1px;
          }
          .field-name-field-product-old-price {
            text-decoration: line-through;

          }
        }
        .add-order-link {
          float: right;
          width: 120px;
          height: 35px;
          padding-top: 6px;
          text-align: center;
          border-bottom: 3px solid #d1c9a8;
          margin-bottom: 75px;
          margin-top: 3px;
          background-image: url(/sites/all/themes/base/images/directions/po/bg-user-login-button-po.png);
          background-repeat: no-repeat;
          background-position: -12px -3px;
          transition: background-position .3s linear;

          &:hover {
            background-position: -5px -3px;
          }
          a {
            color: #1f270b;
            border: none;
            text-shadow: 0 0 .1px;
            line-height: 1;
          }
          a.in-cart {
            line-height: 1;
            display: block;
            width: 105px;
            margin: -3px 0 0 10px;
          }
        }
        .view-ref {
          clear: both;

          .view-header {
            font-size: 15px;
            color: #000000;
            text-shadow: 0 0 .1px;
            /*text-align: center;*/
          }
          .views-row {
            float: left;
            width: 80px;
            margin-right: 40px;
            margin-bottom: 10px;
            opacity: .7;
            text-shadoe: none;
            transition: opacity .3s, text-shadow .3s;

            .views-field-field-product-img {
              border: 1px solid #eabf87;
              padding: 5px;
              text-align: center;
            }
            .views-field-title {
              a {
                color: #16a5de;
                text-decoration: none;
                border-bottom: 1px solid #16a5de;
              }
            }
            &:hover {
              opacity: 1;
              text-shadow: 0 0 .1px;
              text-decoration: none;
            }
          }
          .views-row-even {
            margin-right: 0;
          }
        }
      }
      .content-right {
        margin-left: 250px;

        h1 {
          margin-top: -5px;
          color: #000000;
          font-weight: 500;
        }
        .field-name-field-product-developer {
          height: 35px;
          margin: 20px 0 0px;

          a {
            color: #4daedf;
            text-decoration: none;
            border-bottom-color: #4daedf;

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

#block-block-4 {

  .block-title {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 50px;
  }

  table {
    border: 2px solid #f0e2a7;

    tr {
      border: 2px solid #f0e2a7;

      td {
        width: 50%;
        padding: 40px;
        border: 2px solid #f0e2a7;
        background-repeat: no-repeat;
        background-position: 380px 40px;

        p {
          margin-bottom: 30px;
          font-size: 15px;
          font-weight: 300;

          a {
            font-size: 18px;
            color: #000000;
            padding-bottom: 0;
            line-height: 30px;
            font-weight: 500;
            border-bottom: 1px solid;

            &:hover {
              border: none;
            }
          }
        }
      }
    }
    tr:first-child {

      td:first-child {
        background-image: url(/sites/all/themes/base/images/directions/1c/solutions-icon-1.png);
      }
      td:last-child {
        background-image: url(/sites/all/themes/base/images/directions/1c/solutions-icon-2.png);
      }
    }
    tr:last-child {

      td:first-child {
        background-image: url(/sites/all/themes/base/images/directions/1c/solutions-icon-3.png);
      }
      td:last-child {
        background-image: url(/sites/all/themes/base/images/directions/1c/solutions-icon-4.png);
      }
    }
  }
}



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

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

    .content {

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

        span {
          font-size: 26px;
          font-family: 'Poiret One', sans-serif;
          text-shadow: 0 0;
        }
      }
      ul {
        padding: 0;
        min-height: 150px;

        li {
          width: 294px;
          height: 80px;
          list-style: none;
          float: left;
          margin-right: 40px;
          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/1c/ugolok-1c.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;
        }
      }
    }
  }
}
.node-serv {
  .field-info:first-child {
    display: none;
  }
  .field-info {
    width: 655px;
    margin-left: -3px;
    background-color: #efefef;
    padding: 5px 20px;
    margin-bottom: 40px;

    .info {

      .price {
        float: left;
        margin-top: 10px;
        font-size: 22px;
        font-weight: 600;
        color: #c4b15e;
		width: 50%;
      }
      #block-block-3 {
        margin-left: 325px;
      }
    }
    .links {
      margin-top: 40px;

      a {
        font-size: 16px;
        color: #c4b15e;
        font-weight: 500;
      }

      a:first-child {
        border: none;
        background-color: #ffffff;
        padding: 12px 10px 10px 30px;
        margin-left: 70px;
        background-image: url(/sites/all/themes/base/images/directions/1c/bg-button.png);
        background-repeat: no-repeat;
        background-position: -25px 0;
        transition: background .3s;

        &:hover {
          background-position: -20px 0;
          text-decoration: underline;
        }
      }
      a:last-child {
        margin-left: 97px;
        background-color: #ffffff;
        background-image: url(/sites/all/themes/base/images/directions/bg-button-quest.png);
        background-repeat: no-repeat;
        padding: 10px 10px 12px 55px;
        border: none;
        transition: background .3s;

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

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

.view-cat {

  .view-filters {
    /*background-color: #f4f2e8;*/
    margin-bottom: 25px;

    .form-item {
      float: left;
      padding: 5px 10px 7px;
      margin-right: 45px;
      background-color: #f4f2e8;

      label {
        color: #16a5de;
        font-weight: 400;
        text-decoration: underline;

        &:hover {
          color: #000000;
        }
      }
      input[type="checkbox"][checked="checked"] + label {
        color: #000000;
      }
    }
  }
  .views-row {
    float: left;
    margin-right: 15px;
  }
}
.page-taxonomy {
  #content {
    .content-head {
      h1 {
        color: #000000;
        font-weight: 500;
      }
    }
  }
}
.profile {
  dt {
    font-size: 24px;
  }

  .view-orders {
    ul {
      li {
        list-style: none;

        a {
          color: #16a5de;
          border-bottom-color: #16a5de;

          &:hover {
            border: 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;
      }
    }
  }
}
form.webform-client-form-5 {

  .view-mycart {

    table.views-table {
      border: 1px solid #dcdcda;
      margin-bottom: 65px;

      tr {
        border: none;

        th {
          border: none;
          vertical-align: middle;
          text-align: center;
          font-size: 15px;
          white-space: nowrap;
          background-color: #dbdbd9;
        }
        td {
          border: none;
          border-top: 2px solid #d5d5d5;
          vertical-align: middle;
          text-align: center;
          background-color: #f4f2e8;
          padding: 8px 15px 8px 5px;
        }
        td.views-field-title {
          text-align: left;

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

            div {
              float: left;
              margin-right: 10px;
              width: 75px;
              height: 50px;
              text-align: center;
              padding-top: 3px;
              background-color: #ffffff;
            }
          }
        }
        .views-field-qty {
          input {
            width: 50px;
            margin-left: 15px;
            float: left;
            text-align: right;
          }
          a {
            border: none;
            display: block;
            margin-top: -6px;
            text-indent: -9999px;
            background-repeat: no-repeat;
            background-position: 70px 2px;
          }
          a.plus-order-link {
            background-image: url(/sites/all/themes/base/images/directions/po/soft-bg-plus.png);
          }
          a.minus-order-link {
            background-image: url(/sites/all/themes/base/images/directions/po/soft-bg-minus.png);
          }
        }
        .views-field-delete-from-order {

          .del-order-link-container {
            background-image: url(/sites/all/themes/base/images/directions/po/soft-bg-dell.png);
            background-repeat: no-repeat;
            background-position: 20px 0;
          }

          a.del-order-link {
            opacity: 0;

          }
        }
      }
    }
  }
  .webform-component-markup {
    h3 {
      margin-bottom: 30px;
      font-size: 22px;
      color: #000000;
    }
  }
  .webform-component {
    margin-bottom: 0;

    label {
      text-shadow: 0 0 .1px;
      margin-bottom: 3px;
    }
    input {
      width: 390px;
    }
  }
  .form-actions {
    .webform-submit {
      border: none;
      background: none;
      width: 140px;
      height: 35px;
      color: #1f270b;
      padding-left: 25px;
      font-size: 18px;
      border-bottom: 3px solid #d1c9a8;
      background-image: url(/sites/all/themes/base/images/directions/po/bg-user-login-button-po.png);
      background-position: -5px -2px;
      transition: background-position .3s linear;

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

.node-webform {

  input[type="text"],
  input[type="email"],
  select {
    width: 405px;
    height: 30px;
    border-radius: 5px;
    border: 2px solid #e1e1e1;
    outline: none;
  }
  textarea {
    height: 150px;
    border-radius: 5px;
  }
  input[type="submit"] {
    border: none;
    background-color: #f0e2a7;
    padding: 7px 10px 5px 25px;
    color: #c4b15e;
    font-weight: 500;
    text-transform: uppercase;
    background-image: url(/sites/all/themes/base/images/directions/1c/bg-button-submit-1c.png);
    background-repeat: no-repeat;
    background-position: -33px -7px;
    transition: background .3s;

    &:hover {
      background-position: -26px -7px;
      text-decoration: underline;
    }
  }
}
.content-body {
	.content {
		table.in-body {
			width: 655px;
			
			thead {
				tr {
					th {
						background-color: #f0e2a7;
						font-size: 19px;
						text-transform: uppercase;
						font-weight: 600;
						border-bottom: none;
					}
				}
			}
			tbody {
				border-top: none;
				
				tr {
					td {
						vertical-align: middle;
					}
				}
				
				tr:nth-child(2n) {
					td {
						background-color: #f9f9f9;
					}
				}
			}
		}
	}
}