@global_color_1:#cf102d;
@global_color_2:#1f1f1f;

header {
  display:block;
}
.headerTopWrap {
  background:@global_color_1;
  color:#fff;
  font-weight:500;
  font-size:0.875em;
  padding-top:1em;
  padding-bottom:1em;
  
  * {
    color:#fff;
  }
  a {
    &:hover {
      color:#fff;
    }
  }
  .headerTopContent {
    .flex();
    .rows();
    
    
    .headerTopLeft {
      .flexible();
      min-width:0;
      text-transform:uppercase;
      white-space:nowrap;
      text-overflow:ellipsis;
      overflow:hidden;
    }
  }
  .contactParts {
 
    .part {
      margin-right:1em;
      .flex();
      .rows();
      float:left;
      
      .ico {
        display:block;
        margin-right:15px;
        
      }
      .name {
        display:block;
        white-space:nowrap;
      }
    }
  }
}
.headerBottomWrap {
  padding:1em 0;
  .headerContent {
    .flex();
    .rows();
    .rowsWrap();
  }
  .headerBottomRightPart {
    .flex();
    .cols();
    .vertical-middle();
  }
}
.logo {
    display:inline-block;
    
    img {
      display:block;
      max-width:11.875em;
      height:auto;
    }
}
.bannerWrap {
  img {
    display:block;
    width:100%;
    height:auto;
  }
}
.mainContainerWrap {
  margin:5em 0;
}
.mainContainerPad {
  padding-right:3.75em;
}
h1, h2, h3, h4, h5, h6 {
  color:@global_color_1;
  font-weight:500;
  margin-bottom:0.85em;
  text-transform:uppercase;
}
h1 {
  font-size:1.875em;
}
h2 {
  font-size:1.5em;
}
h3 {
  font-size:1.25em;
}
h4 {
  font-size:1.125em;
}
h5 {
  font-size:1em;
}
h6 {
  font-size:0.875em;
}
strong {
  font-weight:500;
}
.marginPart {
  margin-top:5em;
}
.icoMenu {
  display: none;
  height: 30px;
  width: 30px;
  background: @global_color_1;
  border-radius: @global_border_radius;
  position:relative;
  
  svg {
    fill:#fff;
    transition:@transition;
    width: 30px;
    height: 30px;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    
    &.on {
      opacity:1;
    }
    &.off {
      opacity:0;
    }
  }
  &.active {
    svg {
      &.on {
        opacity:0;
      }
      &.off {
        opacity:1;
      }
    }
  }
}
@media (max-width:@media_max_width_desktop) {
  
}
@media (max-width:@media_max_width_tablet) {
  body {
    font-size:14px;
  }
  .headerBottomLeftPart {
    text-align:center;
    .logo {
      img {
        max-width:8em;  
      }
    }
  }
  .sidebar {
    margin:5em 0;
  }
  .mainContainerPad {
    padding-right:15px;
  }
}
@media (max-width:@media_max_width_mobile) {
  .icoMenu {
    display:block;
  }
  body {
    padding-top:45px;
  }
  header {
    height:45px;
    
    position:fixed;
    left:0;
    top:0;
    width:100%;
    z-index:999999;
  }
  .headerTopWrap {
    display:none;
  }
  .headerBottomWrap {
    padding:0.5em 0;
    box-shadow:0 0 10px rgba(0,0,0,0.2);
    background:#fff;
  }
  .headerBottomLeftPart {
    text-align:left;
    
    .logo {
      img {
        max-width:5.2em;
        
      }
    }
  }
  .headerBottomRightPart {
    align-items:flex-end;
  }
  .bannerWrap {
    display:none;
  }
  .mainContainerWrap {
    margin:2.5em 0;
  }
  .marginPart {
    margin-top:2.5em;
  }
  .sidebar {
    margin:2.5em 0;
  }
}