.header {
    margin: 0; padding: 0;
  }
  .header .accordion {
      width: 100%;
      margin: 0px auto;
      position: relative;
      top: 0px;
      background: #fff;
  }
  .header .accordion h1, h2, h3, h4 {
    /*cursor: pointer;*/
  }
  .header .accordion h2, h3, h4 {
    font-family: "News Cycle";
  }
  .header .accordion h1 {
      padding: 5px 15px;
      background-color: rgba(51, 51, 51, 0);
      font-family: Lobster;
      font-size: 1rem;
      font-weight: bold !important;
      color: #00a6d3 !important;
      text-transform: uppercase;
      margin-bottom: 0px !important;
      font-family: "Metropolis";
      border-bottom: #ccc 1px solid;
      line-height: 32px;
      letter-spacing: 0px;
  }
  .header .accordion h1:hover {
    color: #00a6d3;
  }
  .header .accordion h1:first-child {
    border-radius: 10px 10px 0 0;
  }
  .header .accordion h1:last-of-type {
    border-radius: 0 0 0px 0px;
  }
  .header .accordion h1:not(:last-of-type) {
    border-bottom: 1px dotted #1abc9c;
  }
  .header .accordion h1 a {
      font-weight: bold !important;
      color: #00a6d3 !important;
  }
  .header .accordion div, .header .accordion p {
    display: none;
    border-bottom: #ccc 1px solid;
  }
  .header .accordion h2 {
      padding: 5px 20px;
      background-color: rgba(26, 188, 156, 0);
      font-size: .9rem;
      color: #333 !important;
      margin-bottom: 0px !important;
      font-weight: normal !important;
      font-family: "Metropolis";
      border-bottom: #ccc 1px solid;
      line-height: 32px;
  }
  .header .accordion h2:hover {
      background-color: rgba(9, 171, 139, 0);
  }

  .header .accordion h2 a {
      color: inherit !important;
      font-weight: normal !important;
  }
  .header .accordion h3 {
      padding: 5px 30px;
      background-color: rgba(185, 65, 82, 0);
      font-size: .9rem;
      color: #313131;
      font-family: "Metropolis";
      font-weight: normal;
      margin-bottom: 0px;
  }
  .header .accordion h3:hover {
      background-color: rgba(169, 49, 66, 0);
  }
  .header .accordion h4 {
    padding: 5px 35px;
    background-color: #ffc25a;
    font-size: .9rem;
    color: #af720a; 
  }
  .header .accordion h4:hover {
    background-color: #e0b040;
  }
  .header .accordion p {
    padding: 15px 35px;
    background-color: #ddd;
    font-family: "Georgia";
    font-size: .8rem;
    color: #333;
    line-height: 1.3rem;
  }
  .header .accordion .opened-for-codepen {
    display: block;
  }
  .fa{    float: right;    margin-top: 8px; pointer-events: none;}
  .mobile-menu{ display:none;}
  
  @media screen and (min-width:240px) and (max-width:768px){
  .mobile-menu{ display:block;}
  .desktop-menu{ display:none;}
  }

  .header .menu{
    position:fixed;
    right:-300px;
    top:85px;
    z-index:9;
    width:300px;
    background-color:#fff;
    transition:right 0.75s ease;
    overflow-y:auto;
    overflow-x:hidden;
    height:calc(100% - 85px)
}
@media (min-width: 768px){
    .header .menu{
        top:80px
    }
}
@media (min-width: 1280px){
    .header .menu{
        margin:auto;
        right:0;
        left:0;
        height:65px;
        border-bottom:1px solid #dedede;
        overflow:visible;
        display:-ms-flexbox;
        display:flex;
        width:1366px;
        max-width:100%;
        padding:0 20px;
        top:0;
        position:static
    }
}
.header .menu.active{
    right:0
}
.header .menu nav{
    z-index:2
}
.header .menu__nav{
    list-style:none;
    padding:0;
    margin:0;
    margin-top:57px;
    z-index:1
}
.header .menu__nav--logged{
    margin-top:168px
}
@media (min-width: 1280px){
    .header .menu__nav--logged{
        margin-top:0px
    }
}
@media (min-width: 1280px){
    .header .menu__nav{
        display:-ms-flexbox;
        display:flex;
        margin-top:0;
        height:65px
    }
}
@media (min-width: 1280px){
    .header .menu__nav .relative{
        position:relative
    }
    .header .menu__nav>li:hover{
        z-index:1
    }
    .header .menu__nav>li:hover .header .menu__level0{
        color:#fff;
        background-color:#00a6d3
    }
    .header .menu__nav>li:hover .header .menu__level0:after{
        color:#fff;
        right:30px
    }
    .header .menu__nav>li:hover .header .menu__level0.more:before{
        content:'';
        border-bottom:10px solid #f0f0f0;
        border-left:10px solid transparent;
        border-right:10px solid transparent;
        position:absolute;
        bottom:-1px;
        right:28px
    }
    .header .menu__nav>li:hover .header .menu__level0.about:before{
        content:'';
        border-bottom:10px solid #f0f0f0;
        border-left:10px solid transparent;
        border-right:10px solid transparent;
        position:absolute;
        bottom:-1px;
        left:50%;
        transition:translate(-50%, 0)
    }
    .header .menu__nav>li:hover .header .menu__one-level{
        visibility:visible
    }
    .header .menu__nav>li:hover .header .menu__first-level{
        visibility:visible;
        z-index:1
    }
    .header .menu__nav>li:hover .header .menu__first-level li:hover .header .menu__second-level,.header .menu__nav>li:hover .header .menu__first-level .hover .header .menu__second-level{
        visibility:visible
    }
    .header .menu__nav>li:hover .header .menu__first-level li:hover .header .menu__intro,.header .menu__nav>li:hover .header .menu__first-level .hover .header .menu__intro{
        visibility:visible
    }
    .header .menu__nav>li:hover .header .menu__first-level li:hover .header .menu__level1,.header .menu__nav>li:hover .header .menu__first-level .hover .header .menu__level1{
        color:#fff;
        background-color:#00a6d3
    }
    .header .menu__nav>li:hover .header .menu__first-level li:hover .header .menu__level1.more:after,.header .menu__nav>li:hover .header .menu__first-level .hover .header .menu__level1.more:after{
        color:#fff;
        right:10px
    }
}
.header .menu__level0{
    font-family:"Metropolis";
    font-weight:900;
    color:#333;
    font-size:16px;
    display:block;
    border-bottom:1px solid #dedede;
    padding:20px 30px;
    transition:all 0.25s ease;
    height:57px
}
@media (min-width: 1280px){
    .header .menu__level0{
        display:inline-block;
        font-size:15px;
        height:65px;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-align:center;
        align-items:center;
        -ms-flex-pack:start;
        justify-content:flex-start;
        position:relative
    }
}
.header .menu__level0:hover{
    background-color:#00a6d3;
    color:#fff
}
.header .menu__level0.more{
    position:relative
}
@media (min-width: 1280px){
    .header .menu__level0.more{
        padding-right:60px
    }
}
.header .menu__level0.more:after{
    position:absolute;
    content:'\e807';
    font-family:'fontello';
    color:#00a6d3;
    top:50%;
    right:30px;
    transform:translate(0, -50%);
    transition:color 0.5s ease, right 0.25s ease
}
@media (min-width: 1280px){
    .header .menu__level0.more:after{
        transition:color 0.5s ease;
        content:'\e805';
        right:30px
    }
}
.header .menu__level0.more:hover:after{
    right:15px;
    color:#fff
}
.header .menu__level0.about{
    position:relative
}
.header .menu__level0.about:after{
    position:absolute;
    content:'\e807';
    font-family:'fontello';
    color:#00a6d3;
    top:50%;
    right:30px;
    transform:translate(0, -50%);
    transition:all 0.5s ease
}
@media (min-width: 1280px){
    .header .menu__level0.about:after{
        content:''
    }
}
.header .menu__level0.about:hover:after{
    right:15px;
    color:#fff
}
.header .menu__first-level{
    list-style:none;
    padding:0;
    margin:0;
    position:absolute;
    top:57px;
    right:-300px;
    width:300px;
    background-color:#fff
}
@media (min-width: 1280px){
    .header .menu__first-level{
        visibility:hidden;
        left:0;
        right:auto;
        background-color:#f0f0f0;
        top:auto;
        padding:20px
    }
}
.header .menu__level1{
    padding:20px 30px;
    display:block;
    border-bottom:1px solid #dedede;
    text-transform:uppercase;
    font-family:"Metropolis";
    font-weight:700;
    color:#333;
    font-size:13px
}
@media (min-width: 1280px){
    .header .menu__level1{
        padding:15px 30px;
        border:none;
        background-color:#fff;
        border-bottom:2px solid #f0f0f0
    }
}
.header .menu__level1:hover{
    color:#fff;
    background-color:#00a6d3
}
.header .menu__level1.more{
    position:relative
}
.header .menu__level1.more:after{
    position:absolute;
    content:'\e807';
    font-family:'fontello';
    color:#333;
    top:50%;
    right:30px;
    transform:translate(0, -50%);
    transition:right 0.5s ease
}
@media (min-width: 1280px){
    .header .menu__level1.more:after{
        right:20px
    }
}
@media (min-width: 1280px){
    .header .menu__level1.more:hover{
        color:#00a6d3;
        background-color:#f0f0f0
    }
}
.header .menu__level1.more:hover:after{
    right:15px;
    color:#fff
}
@media (min-width: 1280px){
    .header .menu__level1.more:hover:after{
        color:#00a6d3;
        right:10px
    }
}
.header .menu__intro{
    position:absolute;
    top:0;
    left:540px;
    background-color:#fff;
    padding:20px;
    visibility:hidden;
    display:-ms-flexbox;
    display:flex
}
.header .menu__intro-container{
    width:380px;
    display:inline-block;
    float:left
}
.header .menu__intro-img{
    width:380px;
    height:175px;
    border-radius:5px;
    margin-bottom:20px;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}
.header .menu__intro-text{
    color:#333;
    font-size:14px;
    font-weight:300
}
.header .menu__second-level{
    list-style:none;
    padding:0;
    margin:0;
    position:absolute;
    top:57px;
    right:-300px;
    width:300px;
    background-color:#fff
}
@media (min-width: 1280px){
    .header .menu__second-level{
        visibility:hidden;
        background-color:#f0f0f0;
        top:0;
        min-height:100%;
        width:260px;
        right:-240px;
        padding-left:20px;
        padding-right:20px
    }
}
.header .menu__title2{
    padding:20px 30px;
    display:block;
    border-bottom:1px solid #dedede;
    color:#333;
    font-size:14px;
    font-weight:bold
}
.header .menu__title2:hover{
    color:#fff;
    background-color:#00a6d3
}
@media (min-width: 1280px){
    .header .menu__title2{
        border:none;
        padding:35px 20px 15px;
        text-transform:uppercase;
        font-family:"Metropolis";
        font-weight:700;
        color:#333;
        font-size:13px;
        cursor:default;
        font-weight:normal
    }
    .header .menu__title2:hover{
        color:#333;
        background-color:transparent
    }
}
.header .menu__level2{
    padding:20px 30px;
    display:block;
    border-bottom:1px solid #dedede;
    color:#333;
    font-size:14px
}
.header .menu__level2:hover{
    color:#fff;
    background-color:#00a6d3
}
@media (min-width: 1280px){
    .header .menu__level2{
        border:none;
        padding:8px 20px
    }
    .header .menu__level2:hover{
        border-radius:8px;
        color:#00a6d3;
        background-color:#fff
    }
}
.header .menu li.opened{
    display:block !important;
    margin-top:-57px;
    position:relative
}
.header .menu li.opened>a{
    background-color:#f5f5f5;
    padding-left:55px;
    height:57px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
.header .menu li.opened>a:hover{
    color:#00a6d3
}
.header .menu li.opened>a:hover:after{
    color:#00a6d3;
    left:30px;
    right:auto
}
.header .menu li.opened>a:after{
    transform:rotate(180deg) translate(0, 50%);
    right:auto;
    left:30px
}
.header .menu__one-level{
    list-style:none;
    padding:0;
    margin:0;
    position:absolute;
    top:57px;
    right:-300px;
    width:300px;
    background-color:#FFF
}
.header .menu__one-level li a{
    padding:20px 30px;
    display:block;
    border-bottom:1px solid #dedede;
    text-transform:uppercase;
    font-family:"Metropolis";
    font-weight:700;
    color:#333;
    font-size:13px
}
.header .menu__one-level li a:hover{
    background-color:#00a6d3;
    color:#fff
}
@media (min-width: 1280px){
    .header .menu__one-level{
        display:block;
        position:absolute;
        visibility:hidden;
        padding:20px;
        background-color:#f0f0f0;
        width:230px;
        left:50%;
        transform:translate(-50%, 0);
        z-index:1;
        top:auto;
        right:auto
    }
    .header .menu__one-level li a{
        font-size:14px;
        font-weight:400;
        padding:4px 10px;
        border:none;
        text-transform:none;
        font-family:"Catamaran"
    }
    .header .menu__one-level li a:hover{
        background-color:#fff;
        border-radius:4px;
        color:#00a6d3
    }
}
.header .menu__search{
    top:0;
    position:absolute;
    left:0;
    width:100%;
    border-top:1px solid #dedede;
    cursor:pointer
}
.header .menu__search input[type=text]{
    width:100%;
    position:absolute;
    width:100%;
    height:57px;
    border:none;
    border-bottom:1px solid #dedede;
    padding-left:20px;
    padding-right:57px;
    background-color:#f5f5f5;
    font-size:14px
}
@media (min-width: 1280px){
    .header .menu__search input[type=text]{
        display:none
    }
}
.header .menu__search input[type="submit"]{
    width:57px;
    height:57px;
    color:transparent;
    background-color:transparent;
    right:0;
    top:0;
    border:none;
    position:absolute;
    padding:0;
    z-index:2;
    cursor:pointer
}
@media (min-width: 1280px){
    .header .menu__search input[type="submit"]{
        display:none
    }
}
.header .menu__search:before{
    position:absolute;
    right:12px;
    top:10px;
    color:#00a6d3;
    position:absolute;
    font-family:'fontello';
    content:'\e809';
    z-index:1;
    font-size:30px
}
@media (min-width: 1280px){
    .header .menu__search:before{
        display:none
    }
}
@media (min-width: 1280px){
    .header .menu__search{
        border:none;
        position:relative;
        display:-ms-flexbox;
        display:flex;
        width:auto;
        -ms-flex-align:center;
        align-items:center;
        -ms-flex-pack:center;
        justify-content:center;
        padding-left:20px
    }
    .header .menu__search input{
        display:none
    }
}
.header .menu__search ::-webkit-input-placeholder{
    font-family:"Catamaran";
    color:gray;
    font-size:14px;
    font-weight:400
}
.header .menu__search ::-moz-placeholder{
    font-family:"Catamaran";
    color:gray;
    font-size:14px;
    font-weight:400
}
.header .menu__search :-ms-input-placeholder{
    font-family:"Catamaran";
    color:gray;
    font-size:14px;
    font-weight:400
}
.header .menu__search-label{
    display:none
}
@media (min-width: 1280px){
    .header .menu__search-label{
        position:relative;
        display:block;
        font-family:"Metropolis";
        font-weight:900;
        color:#00a6d3;
        font-size:16px;
        padding-left:25px;
        height:16px
    }
    .header .menu__search-label:before{
        position:absolute;
        font-family:'fontello';
        content:'\e809';
        left:0
    }
}
.header .menu__log-in{
    border-bottom:1px solid #dedede;
    padding:30px;
    text-align:center;
    position:relative
}
.header .menu__log-in input[type=text],.header .menu__log-in input[type=password]{
    border-radius:4px;
    border:1px solid #dedede;
    background-color:#f5f5f5;
    width:205px;
    height:35px;
    margin-bottom:15px;
    padding:0 10px;
    font-size:14px
}
@media (min-width: 1280px){
    .header .menu__log-in input[type=text],.header .menu__log-in input[type=password]{
        margin-right:10px
    }
}
.header .menu__log-in input[type=password]{
    margin-bottom:3px
}
.header .menu__log-in input[type=submit]{
    background-color:#fff;
    border:1px solid #dedede;
    border-radius:4px;
    font-family:"Metropolis";
    font-weight:700;
    color:#333;
    font-size:12px;
    width:120px;
    height:35px;
    cursor:pointer;
    transition:color 0.25s ease
}
.header .menu__log-in input[type=submit]:hover{
    color:#00a6d3
}
@media (min-width: 1280px){
    .header .menu__log-in{
        position:absolute;
        right:30px;
        top:15px;
        display:-ms-flexbox;
        display:flex;
        border-bottom:none;
        padding:0
    }
}
.header .menu__checkbox{
    position:relative;
    width:205px;
    margin:auto;
    text-align:left;
    margin-bottom:10px
}
@media (min-width: 1280px){
    .header .menu__checkbox{
        position:absolute;
        top:35px
    }
}
.header .menu__checkbox input[type="checkbox"]{
    display:none;
    min-width:12px;
    width:12px;
    height:12px
}
.header .menu__checkbox input[type="checkbox"]:checked+label:after{
    display:block;
    color:#fff;
    font-weight:bold
}
.header .menu__checkbox input[type="checkbox"]:checked+label:before{
    background-color:#00a6d3;
    border:1px solid #00a6d3
}
.header .menu__checkbox label{
    padding-left:20px;
    color:#333;
    font-size:11px;
    font-weight:500
}
.header .menu__checkbox label:before{
    content:'';
    box-shadow:1px 3px 3px 0px rgba(0,0,0,0.05);
    display:block;
    width:12px;
    height:12px;
    background-color:#fff;
    border:1px solid #dedede;
    position:absolute;
    top:7px;
    left:0;
    cursor:pointer;
    border-radius:4px
}
.header .menu__checkbox label:after{
    content:'✓';
    position:absolute;
    top:5px;
    left:2px;
    font-size:13px;
    display:none
}
.header .menu__log-container{
    width:205px;
    margin:auto
}
@media (min-width: 1280px){
    .header .menu__log-container{
        display:inline-block;
        margin:0;
        width:auto
    }
}
.header .menu__forgotten{
    color:gray;
    font-size:11px;
    font-weight:700;
    display:block;
    padding-bottom:10px;
    text-align:left
}
.header .menu__buttons{
    text-align:center;
    padding:30px
}
.header .menu__buttons a{
    height:34px;
    line-height:34px;
    margin-bottom:15px
}
.header .menu__buttons a:last-of-type{
    margin-bottom:0
}
@media (min-width: 1280px){
    .header .menu__buttons a:last-of-type{
        margin-left:15px
    }
}
@media (min-width: 1280px){
    .header .menu__buttons{
        display:-ms-flexbox;
        display:flex;
        padding:0;
        position:absolute;
        top:5px;
        right:30px;
        top:95px
    }
}
.header .menu__button-container{
    margin-bottom:15px
}
@media (min-width: 1280px){
    .header .menu__button-container{
        margin:0
    }
}
.header .menu__info{
    font-size:12px;
    font-weight:400;
    display:block
}
@media (min-width: 1280px){
    .header .menu__info{
        line-height:15px
    }
}
.header .menu.opened .header .menu__search,.header .menu.opened .header .menu__log-in,.header .menu.opened .header .menu__buttons,.header .menu.opened .header .menu__manager,.header .menu.opened .header .menu__mobile-user{
    display:none
}
.header .menu.opened .header .menu__nav--logged{
    margin-top:57px
}
.header .menu__welcome{
    display:none
}
@media (min-width: 1280px){
    .header .menu__welcome{
        border:1px solid #dedede;
        /*position:absolute;*/
        /*right:30px;*/
        /*top:93px;*/
        /*display:-ms-flexbox;*/
        display:flex;
        padding:0;
        border-radius:5px;
        cursor:pointer;
        color: #333;
        margin-bottom: 5px;
        margin-left: 30px;
    }
}
.header .menu__welcome:hover{
    background-color:#354954
}
.header .menu__welcome:hover .header .menu__welcome-title{
    color:#ffcb05
}
.header .menu__welcome:hover .header .menu__log-in-list{
    display:block
}
.header .menu__welcome-title{
    font-size:14px;
    font-weight:400;
    position:relative;
    padding:7px 30px;
    padding-right:55px;
    border-radius:5px;
    transition:all 0.25s ease
}
.header .menu__welcome-title:after{
    font-family:'fontello';
    content:'\e805';
    position:absolute;
    top:9px;
    right:20px;
    color:#00a6d3
}
.header .menu__panel{
    display:none
}
@media (min-width: 1280px){
    .header .menu__panel{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-align:center;
        align-items:center;
        -ms-flex-pack:end;
        justify-content:flex-end;
        margin-left:auto;
        margin-right:15px
    }
}
.header .menu__panel-list{
    list-style:none;
    margin:0;
    padding:0;
    font-size:14px;
    font-weight:700
}
.header .menu__panel-list li{
    display:inline-block
}
.header .menu__panel-item{
    padding:0 15px;
    color:#333
}
.header .menu__panel-item:hover{
    color:#00a6d3
}
.header .menu__panel-cart{
    color:#00a6d3;
    position:relative
}
.header .menu__panel-cart a{
    padding-left:35px;
    z-index:1
}
.header .menu__panel-cart a:before{
    position:absolute;
    bottom:-3px;
    left:0;
    width:20px;
    height:20px;
    font-family:'fontello';
    content:'\E82D';
    font-size:28px;
    font-weight:normal
}
.header .menu__panel-cart a:hover{
    color:#0073b2
}
.header .menu__panel-cart-items{
    position:absolute;
    top:-8px;
    left:12px
}
.header .menu__log-in-list{
    display:none;
    position:absolute;

    top:37px;
    width:100%;
    background-color:#f0f0f0;
    z-index:1;
    left:0
}

@media(max-width:1280px) {
.header .menu__log-in-list{
   /* position:relative; top:auto;*/
}
.header .menu__welcome-title{
    padding-top:20px;
    padding-bottom:20px;
}
.header .menu__welcome-title:after{
    font-size:16px;top:23px;right:30px;
}
.header .menu__log-in-list:before{
    right:25px;
}
.header .menu__first-level, .header .menu__one-level{
    z-index:1;
}
}



@media(max-width:768px){
    .header .menu__welcome-title{
                            padding:10px 15px;
                        }
                        .header .menu__welcome-title:after{
                            right:15px; top:13px;
                        }
                        .header .menu__log-in-list:before{
                            right:12px;
                        }
}





.header .menu__log-in-list:before{
    content:'';
    border-bottom:10px solid #f0f0f0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    position:absolute;
    top:-10px;
    
}
.header .menu__main-list{
    font-weight:700;
    text-transform:uppercase;
    list-style:none;
    border-bottom:2px solid #dedede;
    padding:10px;
    margin:0;
    z-index:10
}
.header .menu__main-list a{
    font-family:"Metropolis";
    font-size:12px;
    display:block;
    padding:10px 30px
}
.header .menu__main-list a:hover{
    background-color:#fff
}
.header .menu__action-list{
    font-size:14px;
    font-weight:400;
    list-style:none;
    padding:10px;
    margin:0
}
.header .menu__action-list a{
    display:block;
    font-size:14px;
    font-weight:400;
    padding:8px 30px
}
.header .menu__action-list a:hover{
    background-color:#fff
}
.header .menu__tablet-welcome{
    display:none
}
@media (min-width: 768px){
    .header .menu__tablet-welcome{
        display:block;
        font-size:14px;
        font-weight:400
    }
}
@media (min-width: 1280px){
    .header .menu__tablet-welcome{
        display:none
    }
}
.header .menu__manager{
    color:#fff;
    margin:20px;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-align:center;
    align-items:center
}
.header .menu__manager .profile-header__manager-title{
    margin-bottom:0
}
.header .menu__manager .profile-header__manager-name{
    margin-bottom:0
}
.header .menu__manager .profile-header__manager-data{
    height:20px;
    overflow:hidden
}
.header .menu__manager .profile-header__manager-data a{
    display:inline-block;
    line-height:15px
}
@media (min-width: 1280px){
    .header .menu__manager{
        display:none !important
    }
}
@media (min-width: 1280px){
    .header .menu__mobile-my-account,.header .menu__mobile-my-account.opened{
        display:none
    }
}
.header .menu__mobile-my-account>a.more,.header .menu__mobile-my-account.opened>a.more{
    background-color:#25333b;
    color:#fff
}
.header .menu__mobile-my-account>a.more:after,.header .menu__mobile-my-account.opened>a.more:after{
    color:#ffcb05
}
.header .menu__mobile-my-account>a.more:hover,.header .menu__mobile-my-account.opened>a.more:hover{
    color:#ffcb05
}
.header .menu__mobile-my-account>a.more:hover:after,.header .menu__mobile-my-account.opened>a.more:hover:after{
    color:#ffcb05
}
.header .menu__mobile-user{
    background-color:#25333b;
    position:absolute;
    top:58px;
    width:100%;
    padding:15px;
    padding-bottom:0
}
@media (min-width: 1280px){
    .header .menu__mobile-user{
        display:none
    }
}
.header .menu__mobile-user-name{
    font-family:"Metropolis";
    color:#fff;
    font-size:15px;
    font-weight:700;
    margin-bottom:5px
}
.header .menu__mobile-user-number{
    font-family:"Metropolis";
    color:#fff;
    font-size:13px;
    font-weight:400;
    margin-bottom:10px
}
.header .menu__user-links{
    margin:0 -15px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.header .menu__user-links a{
    background-color:#354954;
    width:calc(50% - 1px);
    display:block;
    height:52px;
    line-height:52px;
    font-family:"Metropolis";
    color:#fff;
    font-size:14px;
    font-weight:700;
    text-align:center;
    padding-left:15px;
    transition:color 0.25s ease
}
.header .menu__user-links a:before{
    font-family:'fontello';
    margin-right:10px;
    color:#00a6d3;
    font-weight:normal;
    font-size:20px
}
.header .menu__user-links a:hover{
    color:#ffcb05
}
.header .menu__user-links a:hover:before{
    color:#ffcb05
}
.header .menu__orders-link:before{
    content:'\E818'
}
.header .menu__quotes-link:before{
    content:'\E819'
}
/*.wrapper{
    margin-top:85px
}
@media (min-width: 768px){
    .wrapper{
        margin-top:80px
    }
}
@media (min-width: 1280px){
    .wrapper{
        margin-top:0px
    }
}*/
.blackout{
    opacity:0;
    width:100%;
    height:100%;
    position:fixed;
    overflow:hidden;
    transition:all 0.25s ease;
    cursor:pointer;
    visibility:hidden;
    background-color:rgba(0,0,0,0.85);
    z-index:8
}
.blackout.active{
    opacity:1;
    visibility:visible
}
.blackout.forSearch{
    z-index:11
}/*
.background--gray{
    background-color:#f0f0f0
}
.background--white{
    background-color:#fff;
    padding:5px 0
}
.background--padding{
    padding:20px 15px
}
@media (min-width: 768px){
    .background--padding{
        padding:20px 30px
    }
}
.background--padding1 {
    padding: 0px 15px
}

@media (min-width: 768px) {
    .background--padding1 {
        padding: 0px 30px
    }
}
.background--padding2 {
    padding-top: 0px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right:8px;
}

@media (min-width: 768px) {
    .background--padding2 {
        
        padding-top: 0px;
        padding-bottom: 20px;
        padding-left: 30px;
        padding-right: 17px;
    }
}*/
.ie .header .menu__intro{
    display:none
}