@bg-color : hsl(0, 0%, 7%);
@gold : #FFD700;
@silver : #C0C0C0;
@light-color-1 : #C0C0C0; //#40E0D0 , #48D1CC
@logo-font : 'Tangerine', cursive ;
@main-font : 'Montserrat', sans-serif;
@_sm : 767px;
@_md : 991px;
@_lg : 1199px;
@grid-float-breakpoint : 998px;

@gr1: linear-gradient( 118.2deg,  rgba(243,156,18,1) 20.7%, rgba(255,0,97,1) 96.9% );
@gr2: linear-gradient(90deg, rgba(255,252,0,1) 0%, rgba(255,0,0,1) 100%);

.bucket-not-empty {
  @duration : 6s;
  color : #00ff00 !important;
  .glyphicon-shopping-cart, .badge {
    //-webkit-animation: not-empty @duration ease-out infinite;
    //-o-animation: not-empty @duration ease-out infinite;
    //-moz-animation: not-empty @duration ease-out infinite;
    //-ms-animation: not-empty @duration ease-out infinite;
    //animation: not-empty @duration ease-out infinite;
    color : #00ff00 !important;
  }
}

.flat {
  border-radius: 0 !important;
}

@-webkit-keyframes enlarge {
  0% {transform: scale( 1, 1) translateY(20px);}
  15% {transform: scale( 20, 20);}
  100% {transform: scale( 1, 1) translateY(0);}
}
@-o-keyframes enlarge {
   0% {transform: scale( 1, 1) translateY(20px);}
   15% {transform: scale( 20, 20);}
   100% {transform: scale( 1, 1);}
}
@-moz-keyframes enlarge {
  0% {transform: scale( 1, 1) translateY(20px);}
  15% {transform: scale( 20, 20);}
  100% {transform: scale( 1, 1) translateY(0);}
}
@-ms-keyframes enlarge {
  0% {transform: scale( 1, 1) translateY(20px);}
  15% {transform: scale( 20, 20);}
  100% {transform: scale( 1, 1) translateY(0);}
}
@keyframes enlarge {
  0% {transform: scale( 1, 1) translateY(20px);}
  15% {transform: scale( 20, 20);}
  100% {transform: scale( 1, 1) translateY(0);}
}
.enlarge-icon {
  @duration : 1s;
  .glyphicon-shopping-cart {
    -webkit-animation: enlarge @duration ease-out;
    -o-animation: enlarge @duration ease-out;
    -moz-animation: enlarge @duration ease-out;
    -ms-animation: enlarge @duration ease-out;
    animation: enlarge @duration ease-out;
  }
  .badge {
    -webkit-animation: enlarge @duration ease-out;
    -o-animation: enlarge @duration ease-out;
    -moz-animation: enlarge @duration ease-out;
    -ms-animation: enlarge @duration ease-out;
    animation: enlarge @duration ease-out;
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -o-animation-delay: 0.1s;
    animation-delay: 0.1s;
  }
}
// <GENERAL STYLES & MIXINS>
html, body {
  margin: 0;
  height: 100%;
  background: black;
}
li {list-style: none;}
h1, h2, h3 {
  margin: 0 auto;
  text-align: center;
}
.user-select-none {
  cursor: default;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
h1, h2, h3, h4, img {
  .user-select-none;
}
a {
  text-decoration: none !important;
  cursor: pointer;

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

  &:visited {
    text-decoration: none !important;
  }

  &:active {
    text-decoration: none !important;
  }
}
body {
  position: relative;
  font-family: @main-font;
}
main {
  background: @bg-color;
  padding-top: 101px;

  &[data-page="training-costumes"] {
    @media screen and (min-width: 1500px) {
      padding: 101px 5% 0;
    }
  }
  @media screen and (max-width: @_sm){
    padding: 65px 0 0;
  }
}

.transition (@parameter) {
    transition: @parameter 300ms ease-out;
}

.text (@font, @size, @weight : normal, @color, @lineHeight : @size + 4) {
  font: @weight @size/@lineHeight @font, sans-serif;
  color: @color;
}

.logo-font {
  //font-family: @logo-font;
  .text(@logo-font, 35px, bold, @light-color-1);
  //letter-spacing: 1px;
}

.vertical-middle {
  vertical-align: middle !important;
}

.transparent-button {
  text-decoration: none !important;
  &:hover {
    background: @light-color-1;
    color: black !important;
    transition: all 300ms ease-out;
  }
  &:visited{
    text-decoration: none !important;
    color: @light-color-1;
  }
  &:active{
    text-decoration: none !important;
    color: @light-color-1;
  }
  display: block;
  width: 80%;
  max-width: 250px;
  margin: 0 auto;
  background: transparent;
  border: 3px solid @light-color-1;
  border-radius: 3px;
  color: @light-color-1;
  font-family: @main-font;
  font-weight: 500;
  transition: color, background 300ms ease-out;
  letter-spacing: 1px;
  text-align: center;
  padding: 10px 20px;
}
// </GENERAL STYLES & MIXINS>

// <BUCKET-MODAL>
#Bucket-modal {
  .modal-body{
    max-height: 50vh;
    overflow-y: scroll;
  }

  .item-wrapper {

    text-align: justify;
    .item-main-info {
      display: inline-block;
      //float: left;
    }

    .item-summary {
      @media screen and (max-width: @_sm) {
        vertical-align: top;
        padding-top: 40px;
      }
      display: inline-block;
      button{
        margin-left: 15px;
      }
    }

    &:after {
      content: "";
      display: inline-block;
      width: 100%;
    }
  }

  b {
    padding-right: 15px;
    font-size: 16px;
  }
}
// </BUCKET-MODAL>

// <HEADER&MENU>
.header-contacts-xs {
  text-align: center;
  padding: 10px 0;

  .header-contact {
    padding: 0 5px;
  }
}
.header-mail-link, .header-tel-link{
  color: @light-color-1;
  &:hover, &:active, &:focus {
    color: darken(@light-color-1, 20%);
  }
  &:visited {
    color: @light-color-1;
  }
}
.header-contacts-lg {
  text-align: left;
  padding: 0;

  .header-contact {
    padding: 0 10px;
  }
}
.header-contacts {

  color: @light-color-1;

  font-size: 11px;
  font-weight: normal;
  margin: 0;

    .header-contact {
      display: inline-block;

      .Instagram-link svg {
        width: 16px;
        height: 16px;
      }

      .Facebook-link {
        vertical-align: text-top;

        svg {
          width: 14px;
          height: 14px;
        }
      } // .Facebook-link

    }
}

.navbar {
  z-index: 100;
  background: black;
  border-color: @light-color-1;
  font-size: 14px;
  //border-width: px;
  .menu-nav-item{
    //padding-top: 19px !important;
    //padding-bottom: 19px !important;
    padding: 19px 7px;
    @media screen and (max-width: @_sm){
      padding: 10px 7px;
    }
  }

  .navbar-toggle {
    background: @light-color-1 !important;
    border-color: @bg-color;
    .icon-bar {
      .transition (background-color);
      background-color: @bg-color;
    }
    &.collapsed{
      background: @bg-color !important;
      .icon-bar {
        .transition (background-color);
        background-color: @light-color-1;
      }
    }
  }

  .navbar-brand{
    padding: 0;
    img {
      cursor: pointer !important;
      @media screen and (max-width: 340px) {
          width: 220px;
        }
    }
    //padding: 10px 15px 20px;
    //
    //font-size: 45px;
    //color: @light-color-1;
    //font-weight: bold;
    //&:hover, &:focus {
    //  color: @light-color-1;
    //}
  }

  .bucket-icon-xs {
    margin: 0 25px 0 0;
    @media screen and (max-width: 359px) {
      margin: 0 8px 0 0;
      .badge {
        display: none !important;
      }
    }
    padding: 15px 0 0 0;
    .bucket-icon-wrapper {
      transform: scale(1,1);
      cursor: pointer;
      position: relative;
      .glyphicon-shopping-cart {
        font-size: 18px;
        color: @light-color-1;
      }

      .badge {
        position: absolute;
        top: 50%;
        left: 40%;
      }
      display: block;

    }
  }

  .bucket-icon-sm {

    font-size: 16px;
    .badge {
      margin-left: -7px;
    }
  }

  .navbar-collapse {
    border-color: @light-color-1;
    li {
      border-color: @light-color-1;
      text-align: center;
      a.menu-nav-item {
        .transition(all);
        background: black !important;
        color: @light-color-1 !important;
      }
      &.active{
        a.menu-nav-item {
          .transition(all);
          background: @light-color-1 !important;
          color: black !important;
        }
      }
      &:hover {
        a.menu-nav-item {
          .transition(all);
          background: @light-color-1 !important;
          color: black !important;
        }
      }
    }
  }
}
// </HEADER&MENU>

// <PHOTO GALLERY>
//@gr-test: linear-gradient( 89.8deg,  rgba(195,67,129,1) 11%, rgba(90,43,186,1) 83.4% );
@gr-test:  linear-gradient(90deg, rgba(73,73,73,1) 0%, rgba(210,210,210,1) 25%, rgba(255,255,255,1) 50%, rgba(210,210,210,1) 75%, rgba(73,73,73,1) 100%);
@gr-test : linear-gradient(270deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
@gr-test :@light-color-1;

.item-bg {
  background: black;
  margin-bottom: 30px;
  box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.65);
  padding: 4px;

  .item-wrapper{
    background: black !important;
    border-radius: 3px;
    padding: 0 !important;
    margin-bottom: 0;
    border: none;
    transform: scale(1,1);
    .transition(all);

    .image-wrapper {
      display: block;
      cursor: pointer;
      img {
        cursor: pointer;
      }
    }

    p {
      color: @light-color-1;
    }

    .costume-name {// text 24px
      font-weight: bold;
      font-family: @main-font;
      font-size: 20px;
      max-height: 60px;
      overflow: hidden;
      background: @light-color-1;
      color: black;
      text-align: center;
      padding: 5px 20px;
      margin: 15px -11px 20px;
      @media screen and (max-width: @_sm){
        margin: 0 -11px 20px;
      }
    }

    .costume-info{// text 14px
      height: 85px;
      max-height: 85px;
      overflow: hidden;
      text-align: justify;
      margin: 0 0 20px;
      text-indent: 10px;
    }

    .buy-costume-info {
      //height: 85px;
      max-height: 85px;
      .text(@main-font, 14px, 500, @light-color-1);
      overflow: hidden;
      text-align: justify;
      margin: 0 0 20px;
      text-indent: 10px;
      padding: 0 15px;
    }

    .costume-price {
      margin-bottom: 15px;
      text-align: center;
      .text(@main-font, 25px, bold, @light-color-1);
      .grn{
        font-size: 12px;
        vertical-align: super;
      }
    }

    ul.buy-costume-info {
      padding-left: 10px;
      margin-bottom: 20px;

      li {
        text-decoration: none;
        list-style: none;
        padding: 1px 0;
        .text(@main-font, 15px, normal, @light-color-1);
      }
    }

  }

  &:hover{
    box-shadow: 7px 11px 25px 0 rgba(0, 0, 0, 0.65), -7px 11px 25px 0 rgba(0, 0, 0, 0.65);
    .transition(all);
    .item-wrapper {
      transform: scale(1.03,1.03);
      .transition(all);
    }
  }
}
// </PHOTO GALLERY>

// <VIEW COSTUME>
.carousel-container{
  margin-top: -19px;

  .costume-wrapper {

    display: flex;
    flex-wrap: wrap;
    .carousel-wrapper {
      padding: 0;
      #carousel-view-costume{
        .carousel-inner {

          height: 92vh;
        }
        .carousel-inner{
          img {
            display: block;
            margin: 0 auto;
            max-height: 92vh;
          }
        }
      }
    }
  }

  .costume-info-wrapper {
    padding: 0;
    background: @light-color-1;
    color: black;
    @media (min-width: 992px) {
      max-height: 94vh;
    }
    overflow-y: scroll;
    //@media screen and  (max-width: @_md){
    //  overflow-y: scroll !important;
    //}

    .costume-name {
      @media (max-width: 991px) {
        text-align: center;
        padding: 25px 15px;
      }
      margin: 0 0 0px 0;
      padding: 15px 20px;
      background: @bg-color;
      color: @light-color-1;
      font-weight: bold;
      letter-spacing: 1px;
      font-size: 30px;
    }

    .costume-info-holder {
      //overflow: hidden;
      padding: 0 20px 0 25px;

      .costume-info-content{

        padding: 20px 0px 0 0px;

        dl {
          margin-bottom: 10px;
          font-size: 16px;
        }

        .costume-info{
          width: 95%;
          margin: 0 auto;
          text-indent: 15px;
         //padding: 15px 25px;
          text-align: justify;
          font-size: 18px;
        }

        .complect-description
        {
          margin: 0;
          padding: 0;
          li {

            padding-bottom: 10px;


            &:last-child {
              padding-bottom: 5px;
            }

          }
        }
      }

      .purchase-form-wrapper {

        font-family: @main-font;

        .order-description-wrapper {

          .form-title {
            padding-top: 5px;
            font-size: 20px;
            border-bottom: solid 3px @bg-color;
            margin: 0;
          }
          .order-description {
            font-size: 12px;
            text-indent: 10px;
            margin: 0 0 5px 0;
          }
        }


        form {
          padding-top: 15px;
          margin-bottom: 20px;

          .order-parameter {
            margin-bottom: 10px;

            .missing-value {
              display: none;
              margin: 0;
            }

            .order-parameter-name {
              margin-bottom: 0;
            }

            .radio {
              margin: 5px 0;
            }

            &.has-error {
              .radio {
                margin-bottom: 3px;
              }
              .missing-value {
                display: block;
                color: #a94442;
                font-size: 11px;
              }
            }
          }

          label input[type="radio"] {
            cursor: pointer;
          }

          .has-error {
            .order-parameter-name {
              //color: #a94442 !important;
            }
          }

          #Order-pick-color, #Order-pick-main-color {
            label {
              margin: 0 !important;
              .order-color-sample {
                @size: 25px;
                display:block;
                width:@size; height:@size;
                background: url("../img/sprite_colors.png") no-repeat;
                background-position-y: 0;
              }

              &.smp-black .order-color-sample {
                background-position-x: 0;
              }

              &.smp-red .order-color-sample {
                background-position: -25px;
              }

              &.smp-lemon .order-color-sample {
                background-position: -50px;
              }

              &.smp-malina .order-color-sample {
                background-position: -75px;
              }

              &.smp-zebra-white .order-color-sample {
                background-position: -125px;
              }

              &.smp-zebra-green .order-color-sample {
                background-position: -150px;
              }

              &.smp-leopard-yellow .order-color-sample {
                background-position: -175px;
              }

              &.smp-leopard-blue .order-color-sample {
                background-position: -200px;
              }

              &.smp-leopard-pink .order-color-sample {
                background-position: -225px;
              }

              &.smp-cappuccino .order-color-sample {
                background-position: -250px;
              }

              &.smp-fantasy-cappuccino .order-color-sample {
                background-position: -250px;
              }

              &.smp-fantasy-green .order-color-sample {
                background-position: -275px;
              }

              &.smp-fantasy-pink .order-color-sample {
                background-position: -300px;
              }

              &.smp-fantasy-lemon .order-color-sample {
                background-position: -325px;
              }

              &.smp-fantasy-electro .order-color-sample {
                background-position: -350px;
              }

              &.smp-blue .order-color-sample {
                background: #b456ec;
              }

              &.smp-dark-blue .order-color-sample {
                background: #15233e;
              }

              &.smp-white .order-color-sample {
                background: white;
              }
              &.smp-grey .order-color-sample {
                background: #7b7987;
              }
              &.smp-yellow .order-color-sample {
                background: #fdf79a;
              }
            }
          }

          .order-size-controls {
            padding-top: 5px;
            a {
              padding: 7px 0 0 10px;
            }
          }

          #Order-individual-label {
            .individual-label-info {
              font-size: 11px;
            }
          }

          input[type="number"] {
            width: 100px;
          }

          #Order-sum {
            font-size: 20px;
          }

          #Add-to-Bucket-Button, #Go-to-Bucket-Button {
            font-size: 16px;
            padding-top: 8px;
            padding-bottom: 8px;
          }
        }
      }
    }
  }

  .costume-accessories-wrapper{

    .accessories-header{
      padding: 10px 0 0;
      font-size: 16px;
      font-weight: bold;
      letter-spacing: 1px;
      border-bottom: 3px solid @bg-color;
      text-align: center;
    }

    .accessories-image-wrapper{
      display: flex;
      flex-flow: row wrap;
      align-items: center;
      justify-content: safe center;

      .costume-accessories{
        display: block;
        border: 3px solid @bg-color;
        margin: 8px;
        width: 100%;
        max-width: 300px;
        @media (min-width: 992px) {
          width: 100px;
          cursor: pointer;
        }
      }//costume-accessories
    }//accessories-image-wrapper
  }//costume-accessories-wrapper
}//carousel-container

.costume-tabs {
  margin-bottom: 30px;
  position: relative;
  &:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 2.5%;
    width: 95%;
    height: 4px;
    background: #555;
    z-index: 1;
  }
  @media screen and (max-width: @_sm){
    &:after {
      display: none;
    }
  }

  li {
    border-radius: 0;
    position: relative;

    a {
      border: none !important;
      background: @light-color-1 !important;
      .text(@main-font, 20px, bold, #555);
      border-radius: 0 !important;
      .transition(all);
      padding: 20px 15px;
      @media screen and (max-width: @_sm){
        padding: 12px 15px;
      }
    }

    .underline-left, .underline-right {
      z-index: 2;
      position: absolute;
      top: 100%;
      height: 4px;
      background: black;
      width: 0;
      .transition(width);
    }

    .underline-left {
      right: 50%;
    }
    .underline-right {
      left: 50%;
    }

    &.active {
      a {
        background: @light-color-1 !important;
        color: black !important;
        //font-weight: bold;
        .transition(all);
      }

      .underline-left, .underline-right {
        width: 45%;
        .transition(width);
      }

      &:hover, &:focus {
        a {
          color: black;
          //font-weight: bold;
          .transition(all);
          background: @light-color-1 !important;
        }
      }
    }

    &:hover, &:focus {
      .underline-left, .underline-right {
        width: 45%;
        .transition(width);
      }
      a {
        background: @light-color-1 !important;
        color: black;
        //font-weight: bold;
        .transition(all);
      }
    }
  //li.active, li.active:hover
  }
}

#accessories-zoom{
  pointer-events: none;
  z-index: 1001;
  position: absolute;
  display: none;
  width: 100px;
  img {
    width: 100%;
    border: 3px solid @bg-color;
  }
}

#magnifier {
  display: none;
  position: absolute;
  width: 200px;
  height: 200px;
  z-index: 1001;
  box-shadow: #0f0f0f 6px 6px 10px;
  top:0;
  right:0;
  pointer-events: none;
}

.panel-heading {
  .panel-title {
    padding: 4px 0;
  }
}

#Bucket-form, #Certificate-form {

  .form-general-info {
    border-bottom: solid 2px #999999;
    padding-bottom: 20px;
    margin-bottom: 25px;
  }

  .form-title {
    padding-top: 5px;
    font-size: 16px;
    margin-bottom: 20px;
    text-align: center !important;
  }

  .order-parameter-name {
    margin-bottom: 5px;
  }

  .order-parameter {
    margin-bottom: 10px;
  }

  .pick-type-wrapper {
    margin-top: 0;
  }

  .form-optional-info {
    .form-pick-country, .form-pick-type {
      margin-bottom: 15px;
    }

    .form-ukraine, .form-pick-type {
      .ukraine-post-option, .type-option {
        margin-bottom: 15px;
      }
    }

    .form-abroad, .form-pick-type {
      .abroad-post-option, .type-option {
        margin-bottom: 15px;
      }
    }
  }
}

footer {
  background: black;
  border-top: solid 1px @light-color-1;
  .designer-name {
    .text(@main-font, 16px, 500, @light-color-1);
  }

  .footer-info { // <ul>
    padding: 0;
    margin: 0;  
    line-height: 0;
    text-align: justify;

    &:after {
      content: "";
      display: inline-block;
      width: 100%;
    }

    & > li {
      text-align: center;
      display: inline-block;
      padding: 25px 0;
      @media screen and (max-width: @_sm) {
        width: 100%;
        padding: 15px 0;
      }
    }
  }

  .footer-cards {
    padding-left: 0 !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    li {
      flex: 1;
      text-align: center;
      img {
        //max-width: 150px;
        padding: 0 10px;
      }
    }
  }
}

.social-links {// <li>
  a {
    .text(@main-font, 20px, 500, @light-color-1);
    .transition(color);

    svg {
      path {
        .transition(fill);
        fill: @light-color-1;
      }
    }

    &.Facebook-link {
      svg {
        width: 22px;
        height: 20px;
      }
    }

    &.Instagram-link {
      svg {
        vertical-align: bottom;
        border-radius: 5px;
        width: 22px;
        height: 22px;
      }
    }

    &:active, &:hover {
      @fb-color:  #3b5998;
      @inst-color: #CC2366;

      &.Facebook-link {
        color: @fb-color;
        .transition(color);

        path {
          .transition(fill);
          fill: @fb-color;
        }

      }

      &.Instagram-link {
        color: @inst-color;
        .transition(color);

        svg {
          .transition(all);
          background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
          background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
          background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888',GradientType=1);

          path {
            fill: black;
          }
        }

      }// </svg>
    }// </a &:active, &:hover>

  }// </a>
}

.success-submit{
  text-indent: 10px;
  font-size: 16px;
}

.delivery-list{
  margin-bottom: 20px;
  &>li {
    padding-bottom: 7px;
    //text-align: justify;
  }
}

main[data-page="main"] {
  padding-top: 87px;
  @media screen and (max-width: @_sm){
    padding-top: 50px;
  }
  .carousel-inner {

    .item  {
      max-height: 85vh;
      img {
        max-height: 85vh;
        margin: 0 auto;
      }

      .carousel-caption {
        h3 {
          padding-bottom: 10px;
          @media screen and (max-width: @_sm){
            font-size: 16px;
          }
        }
        p {
          font-size: 15px;
          padding-bottom: 10px;
        }
        .transparent-button {
          margin-bottom: 10px;
        }
      }

      &.training-slide, &.discount-slide {

        .carousel-caption {
          background: rgb(0,0,0);
          background: -moz-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.85) 50%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0) 90%, rgba(0,0,0,0) 100%);
          background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.85) 50%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0) 90%, rgba(0,0,0,0) 100%);
          background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.85) 50%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0) 90%, rgba(0,0,0,0) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);

          @media screen and (max-width: @_sm){
            background: rgb(0,0,0);
            background: -moz-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 20%, rgba(0,0,0,0.85) 50%, rgba(0,0,0,0.6) 80%, rgba(0,0,0,0) 100%);
            background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 20%, rgba(0,0,0,0.85) 50%, rgba(0,0,0,0.6) 80%, rgba(0,0,0,0) 100%);
            background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 20%, rgba(0,0,0,0.85) 50%, rgba(0,0,0,0.6) 80%, rgba(0,0,0,0) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
          }
        }

      }

      &.training-slide {
        background: #dfe1ed;
      }

      &.discount-slide {
        //background: #f1f2f7;
        background: white;
      }

      &.ukraine-slide {
        background: rgb(255,214,119);
        background: -moz-linear-gradient(90deg, rgba(255,214,119,1) 0%, rgba(255,214,119,1) 50%, rgba(54,168,210,1) 50%, rgba(54,168,210,1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(255,214,119,1) 0%, rgba(255,214,119,1) 50%, rgba(54,168,210,1) 50%, rgba(54,168,210,1) 100%);
        background: linear-gradient(90deg, rgba(255,214,119,1) 0%, rgba(255,214,119,1) 50%, rgba(54,168,210,1) 50%, rgba(54,168,210,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd677",endColorstr="#36a8d2",GradientType=1);

        .carousel-caption {
          background: rgb(0,0,0);
          background: -moz-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.85) 50%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0) 90%, rgba(0,0,0,0) 100%);
          background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.85) 50%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0) 90%, rgba(0,0,0,0) 100%);
          background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.85) 50%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0) 90%, rgba(0,0,0,0) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);

          @media screen and (max-width: @_sm){
            background: rgb(0,0,0);
            background: -moz-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 20%, rgba(0,0,0,0.85) 50%, rgba(0,0,0,0.6) 80%, rgba(0,0,0,0) 100%);
            background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 20%, rgba(0,0,0,0.85) 50%, rgba(0,0,0,0.6) 80%, rgba(0,0,0,0) 100%);
            background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 20%, rgba(0,0,0,0.85) 50%, rgba(0,0,0,0.6) 80%, rgba(0,0,0,0) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
          }
        }
      }

      &.individ-slide {
        background: black;
        .carousel-caption {
          background: rgb(0,0,0);
          background: -moz-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(0,185,250,0.6) 30%, rgba(0,123,250,0.85) 50%, rgba(0,185,250,0.6) 70%, rgba(0,0,0,0) 90%, rgba(0,0,0,0) 100%);
          background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(0,185,250,0.6) 30%, rgba(0,123,250,0.85) 50%, rgba(0,185,250,0.6) 70%, rgba(0,0,0,0) 90%, rgba(0,0,0,0) 100%);
          background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(0,185,250,0.6) 30%, rgba(0,123,250,0.85) 50%, rgba(0,185,250,0.6) 70%, rgba(0,0,0,0) 90%, rgba(0,0,0,0) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
          @media screen and (max-width: @_sm){
            background: rgb(0,0,0);
            background: -moz-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,185,250,0.6) 20%, rgba(0,123,250,0.85) 50%, rgba(0,185,250,0.6) 80%, rgba(0,0,0,0) 100%);
            background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,185,250,0.6) 20%, rgba(0,123,250,0.85) 50%, rgba(0,185,250,0.6) 80%, rgba(0,0,0,0) 100%);
            background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,185,250,0.6) 20%, rgba(0,123,250,0.85) 50%, rgba(0,185,250,0.6) 80%, rgba(0,0,0,0) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
          }
        }

      }
    }
  }

  .about-us-wrapper
  {
    background: black;
    .text(@main-font, 15px, 500, @silver);
    padding: 10px 20px;

    h1
    {
      font-size: 20px;
    }

    p
    {
      margin: 35px 0;
      text-indent: 15px;
      text-align: justify;

    }
  }
}


//  <CERTIFICATE PAGE>

.certificate-nav
{


  li
  {
    text-decoration: underline;

    &.active
    {
      text-decoration: none;
      font-weight: bold;
      a
      {
        color: #333 !important;
      }
    }
  }
}

.certificate-info //div
{
  padding: 30px 10px 10px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;

  @media screen and (max-width: @_sm)
  {
    border-left: none;
    border-right: none;
    border-bottom: none;
  }

  img
  {
    display: block;
    width: 100%;
    max-width: 500px;
    margin: 10px auto;
  }

  p
  {
    text-indent: 15px;
    text-align: justify;
  }

  li
  {
    padding-bottom: 4px;
  }

  .rules-declaration li
  {
    padding-bottom: 15px;
  }
}

.list-disc>li {
  list-style: disc !important;
}

.list-dec>li {
  list-style: decimal !important;
}
//  </CERTIFICATE PAGE>