//@import (reference) "../../../../vendor/bower/bootstrap/less/bootstrap.less";
@import "../common/variables";
// @import "../common/mixins";
@import (reference) "./../../../../../../vendor/bower/bootstrap/less/bootstrap.less";
//@import "C:\OpenServer\domains\localhost\rev\vendor\bower\bootstrap\less\bootstrap.less";


  .page-content {
    .page-header {
      font-size: 50px;
      padding-left:0;
      padding-right:0;
      margin-bottom: 24px;
    }

    .page-menu-tabs {
      margin-bottom: 30px;
      > li {
        > a {
          color: #c032b7;
          text-decoration: none;
          font-size: 18px;
          line-height: 18px;
          padding-top: 22px;
          padding-bottom: 22px;

          border-top: 1px solid #e8e7e7;
          border-bottom: 1px solid #e3e3e3;
          border-left: 1px solid #f4f4f4;
          border-right: 1px solid #f4f4f4;

          -webkit-box-shadow: 0px 2px 3px 0px rgba(35, 31, 32, 0.14);
          -moz-box-shadow:    0px 2px 3px 0px rgba(35, 31, 32, 0.14);
          box-shadow:         0px 2px 3px 0px rgba(35, 31, 32, 0.14);

          border-radius: 0;

          /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+2,f3f3f3+100 */
          background: #ffffff; /* Old browsers */
          /* IE9 SVG, needs conditional override of 'filter' to 'none' */
          background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
          background: -moz-linear-gradient(top,  #ffffff 2%, #f3f3f3 100%); /* FF3.6+ */
          background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#ffffff), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(top,  #ffffff 2%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(top,  #ffffff 2%,#f3f3f3 100%); /* Opera 11.10+ */
          background: -ms-linear-gradient(top,  #ffffff 2%,#f3f3f3 100%); /* IE10+ */
          background: linear-gradient(to bottom,  #ffffff 2%,#f3f3f3 100%); /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-8 */

          &:hover {
            text-decoration: none;
          }
        }
        &.active, &:hover {
          padding-top:0;
          padding-bottom:0;
          > a {
            color: #979797;
            text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
            background-color: transparent;

            background: #f3f3f3; /* Old browsers */
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
            background: -moz-linear-gradient(top,  #f3f3f3 0%, #ffffff 98%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(98%,#ffffff)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  #f3f3f3 0%,#ffffff 98%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  #f3f3f3 0%,#ffffff 98%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  #f3f3f3 0%,#ffffff 98%); /* IE10+ */
            background: linear-gradient(to bottom,  #f3f3f3 0%,#ffffff 98%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

            &:hover, &:focus {
              color: #979797;
              background-color: transparent;;
            }
          }
        }
        &:last-of-type {
          a {
            border-top-right-radius: 2px;
            border-bottom-right-radius: 2px;
          }
        }
        &:first-of-type {
          a {
            border-top-left-radius: 2px;
            border-bottom-left-radius: 2px;
          }
        }
      }
    }

    .big-banner-wrapper {
      margin-left: -15px;
      margin-right: -15px;
      //margin-bottom: 24px;
      .clearfix();

      .banner-item {

        width: 50%;
        float: left;
        margin-bottom: 24px;
        &:last-of-type {
          padding-left: 7px;
        }
        &:first-of-type {
          padding-right: 7px;
        }
        @media (max-width: 750px) {
          float: none;
          width: 100%;
          text-align: center;
          &:last-of-type, &:first-of-type {
            padding-left: 0;
          }
        }
      }
    }

    //&.materials-list, &.materials-detail {
    //  .clearfix();
    //  ul {
    //    margin:10px 0;
    //    padding:0 0 0 10px;
    //    list-style-position: inside;
    //    list-style-image: url(../../img/common/violet-li-point-8-8.png);
    //    li {
    //      padding:5px 0;
    //    }
    //  }
    //  p {
    //    margin: 10px 0;
    //    &:first-child {
    //      margin-top:0;
    //    }
    //  }
    //  .current-material {
    //    float:left;
    //    h1.header { /*вот как раз здесь можно оставить .header , если порядок подключения css-файлов к шаблону наладят*/
    //      margin-bottom: 10px;
    //    }
    //    &.with-right-block {
    //      max-width:700px;
    //    }
    //  }
    //  .other-materials {
    //    width:240px;
    //    float:right;
    //    .header {
    //      font-size: 28px;
    //      font-family: @myriad;
    //      color: rgb( 36, 36, 36 );
    //      text-transform: uppercase;
    //    }
    //    .body {
    //      .item {
    //        border-top:1px dotted #e3e3e3;
    //        padding:5px 0;
    //        a {
    //          font-size: 14px;
    //          color: #1a96ff;
    //          text-decoration: underline;
    //          &:hover {
    //            text-decoration: none;
    //          }
    //        }
    //        &:first-child {
    //          border-top:0 none;
    //        }
    //        &.current {
    //          * {
    //            color: green;
    //          }
    //        }
    //        &.active {
    //          *{
    //            color: red;
    //          }
    //        }
    //        &.depth-0 {
    //          margin-left:0;
    //          &.active {
    //            * {
    //              color: #1a96ff;
    //              font-weight:bold;
    //            }
    //
    //          }
    //        }
    //        &.depth-1 {
    //          margin-left:10px;
    //        }
    //        &.depth-2 {
    //          margin-left:20px;
    //        }
    //        &.depth-3 {
    //          margin-left:30px;
    //        }
    //        &.archive {
    //          * {
    //            color:#8a8a8a;
    //          }
    //        }
    //      }
    //    }
    //  }
    //}
    //&.materials-list {
    //  & h1.header { /*вот как раз здесь можно оставить .header , если порядок подключения css-файлов к шаблону наладят*/
    //    text-align:left;
    //  }
    //  .body {
    //    .content {
    //      padding-bottom:10px;
    //    }
    //
    //    .block {
    //      position: relative;
    //      padding: 0 0 10px 70px;
    //      min-height:60px;
    //      margin: 0 0 10px;
    //      border-bottom:1px dotted #e3e3e3;
    //      box-sizing: content-box;
    //      .img {
    //        position: absolute;
    //        top:0;
    //        left:0;
    //        display: block;
    //        width:60px;
    //        height:60px;
    //        img {
    //          display: block;
    //          .border-radius(3px);
    //          outline: none;
    //          border:0;
    //        }
    //      }
    //      .title {
    //        font-size: 18px;
    //        color: rgb( 26, 150, 255 );
    //        text-decoration: underline;
    //        text-align: left;
    //        display: inline;
    //        * {
    //          color: rgb( 26, 150, 255 );
    //        }
    //      }
    //      .date {
    //        font-size: 11px;
    //        color: rgb( 152, 152, 152 );
    //        text-align: left;
    //      }
    //      .announce {
    //        font-size: 14px;
    //        color: rgb( 68, 68, 68 );
    //        line-height: 1.286;
    //        text-align: left;
    //      }
    //    }
    //  }
    //}
    //&.materials-detail {
    //  .current-material {
    //    .header {
    //      text-transform: uppercase;
    //    }
    //  }
    //}
  }


@media screen and (min-width: 760px) {
  @import "./materials_tablet";
}
@media screen and (min-width: 980px) {
  @import "./materials_desktop";
}