*{
    outline:none
}
html{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    scroll-behavior:smooth
}
body{
    background-color:#303030;
    font-family:'Roboto', sans-serif;
    font-weight:400;
    font-size:14px;
    color:#000;
    line-height:1.5
}
img{
    max-width:100%
}
a{
    color:red;
    text-decoration:underline
}
a:hover{
    text-decoration:none
}
a.bright{
    color:red !important;
    text-decoration:none
}
a.bright:hover{
    text-decoration:underline
}
a.default{
    color:#000
}
a.default:hover{
    color:red
}
h1,.h1,h2,.h2,h3,.h3{
    margin:20px 0 10px 0;
    font-size:24px;
    line-height:30px
}
h1 .label,.h1 .label,h2 .label,.h2 .label,h3 .label,.h3 .label{
    min-width:42px;
    height:30px;
    margin:0 10px 0 0;
    padding:0 7px;
    display:inline-block;
    box-sizing:border-box;
    background-color:#303030;
    border-radius:3px;
    vertical-align:top;
    font-size:18px;
    font-weight:700;
    font-style:italic;
    text-transform:uppercase;
    text-align:center;
    color:#fff;
    line-height:30px
}
h1 .label i,.h1 .label i,h2 .label i,.h2 .label i,h3 .label i,.h3 .label i{
    margin:-2px 0 0 0;
    display:inline-block;
    vertical-align:middle
}
h1 a,.h1 a,h2 a,.h2 a,h3 a,.h3 a{
    text-decoration:underline;
    color:red
}
h1 a:hover,.h1 a:hover,h2 a:hover,.h2 a:hover,h3 a:hover,.h3 a:hover{
    color:red;
    text-decoration:none
}
h1 em,.h1 em,h2 em,.h2 em,h3 em,.h3 em{
    font-style:normal
}
h1:first-child,.h1:first-child,h2:first-child,.h2:first-child,h3:first-child,.h3:first-child{
    margin-top:0
}
.uppercase{
    text-transform:uppercase
}
.alert{
    margin:20px 0;
    padding:10px 15px;
    border:3px solid #686868;
    font-weight:700
}
.alert.success{
    border-color:#007D0D
}
.alert.error{
    border-color:red
}
.heading{
    display:flex;
    flex-wrap:wrap
}
.heading h1,.heading .h1,.heading h2,.heading .h2,.heading h3,.heading .h3{
    margin-right:auto;
    padding-right:20px
}
.heading h1>div,.heading .h1>div,.heading h2>div,.heading .h2>div,.heading h3>div,.heading .h3>div{
    display:inline-block
}
.heading .order{
    height:30px;
    margin-top:0;
    margin-right:10px;
    line-height:30px
}
.heading .order:last-child{
    margin-right:0
}
p{
    margin:10px 0
}
p:first-child{
    margin-top:0
}
p:last-child{
    margin-bottom:0
}
.hidden{
    display:none
}
.wrapper{
    width:100%;
    max-width:1376px;
    min-height:100vh;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    background-color:#f5f5f5
}
.container{
    width:100%;
    max-width:1310px;
    margin:0 auto;
    padding-right:15px;
    padding-left:15px;
    box-sizing:border-box
}
.header{
    position:relative
}
.header .container{
    padding-top:11px;
    padding-bottom:11px;
    display:flex;
    align-items:center
}
.header .logo{
    width:200px;
    height:42px;
    margin-right:auto;
    display:block;
    background:url(../images/logo_header.svg) no-repeat left top;
    background-size:100% auto;
    flex-shrink:0
}
.nav-toggle{
    position:absolute;
    top:0;
    left:0;
    order:1;
    width:58px;
    height:58px;
    margin:0;
    display:none;
    background:#f5f5f5 url(../images/icon-nav.svg) no-repeat 19px;
    cursor:pointer
}
.nav-visible .nav-toggle{
    background-color:#303030;
    background-image:url(../images/icon-nav-active.svg);
    background-position:15px
}
.no-wrap{
    white-space:nowrap
}
.search{
    position:relative;
    min-width:570px;
    margin-left:10px
}
.search input.search-input{
    width:100%;
    height:32px;
    padding-right:108px;
    border-color:#b5b5b5;
    font-size:12px
}
.search input.search-input:focus{
    border-color:#828282
}
.search-button{
    position:absolute;
    top:0;
    right:0;
    width:64px;
    height:32px;
    background-color:#303030;
    border:0;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:18px;
    color:#fff;
    line-height:32px;
    cursor:pointer
}
.search-button:hover{
    background-color:red
}
.search-button .icon-search{
    margin:0;
    display:inline-block
}
.search-type{
    position:absolute !important;
    top:0;
    right:64px;
    height:32px;
    padding:0 10px;
    box-sizing:border-box;
    background-color:transparent;
    line-height:35px
}
.search-type a{
    color:#000;
    text-decoration:none
}
.search-type a:hover,.search-type a.active{
    color:red
}
.search .dropdown-container{
    background-color:#f5f5f5;
    z-index:15;
    margin-top:-2px;
    line-height:normal;
    box-shadow:0 0 3px 0 rgba(0,0,0,0.15)
}
.search .dropdown-container li{
    margin:0 0 10px 0
}
.dropdown-container a{
    cursor:pointer
}
.nav-main .dropdown-container{
    z-index:9999
}
.switcher{
    position:relative;
    width:64px;
    height:32px;
    margin:0 0 0 10px;
    background:#303030 url(../images/icon-theme-light.svg) no-repeat 6px;
    border-radius:5px;
    cursor:pointer
}
.switcher>span{
    position:absolute;
    top:6px;
    right:6px;
    width:20px;
    height:20px;
    display:block;
    background-color:#f5f5f5;
    border-radius:5px
}
.user{
    margin:0 0 0 48px;
    display:flex
}
.user-upload,.user-account{
    position:relative;
    width:32px;
    height:32px;
    margin:0 10px 0 0;
    background:#303030;
    display:block;
    border-radius:5px;
    color:#fff;
    text-align:center;
    line-height:32px
}
.user-upload>i,.user-account>i{
    margin:-2px 0 0 0;
    display:inline-block;
    vertical-align:middle;
    font-size:20px
}
.user-upload>img,.user-account>img{
    position:absolute;
    width:100%;
    height:100%;
    display:block;
    border-radius:5px
}
.user-account{
    margin-right:0 !important;
    line-height:34px !important;
    cursor:pointer
}
.user .dropdown-toggle:hover,.user .dropdown-toggle.active,.user>a:hover,.user>a.active{
    background-color:red;
    color:#fff
}
.user .dropdown-container{
    right:0;
    left:auto;
    padding-left:15px;
    padding-right:15px;
    background-color:#f5f5f5;
    box-shadow:0 0 5px 0 rgba(0,0,0,0.25);
    color:#000
}
.user .dropdown-container a{
    color:#000
}
.user .dropdown-container a:hover{
    color:red
}
.user .upload-types{
    margin:0 -5px;
    display:flex
}
.user .upload-types a{
    min-width:130px;
    margin:0 10px 0 0;
    padding:10px;
    display:block;
    box-sizing:border-box;
    background-color:#303030;
    border-radius:5px;
    text-align:center;
    color:#fff;
    white-space:nowrap
}
.user .upload-types a i{
    margin:0 0 5px 0;
    display:block;
    font-size:24px;
    color:red
}
.user .upload-types a:hover{
    background-color:red;
    color:#fff
}
.user .upload-types a:hover i{
    color:#fff
}
.user .upload-types a:last-child{
    margin-right:0
}
.nav{
    position:relative;
    background-color:#303030;
    color:#fff
}
.nav a{
    color:#fff;
    text-decoration:none
}
.nav a:hover,.nav a.active{
    color:red
}
.nav .container{
    min-height:48px;
    display:flex;
    align-items:center
}
.nav-main{
    width:100%;
    margin:0;
    padding:0;
    display:flex;
    justify-content:space-between
}
.nav-main>li{
    margin:0;
    padding:0;
    list-style:none
}
.nav-main>li>a{
    cursor:pointer;
    font-size:18px;
    font-weight:700;
    text-transform:uppercase
}
.nav-main>li .icon{
    margin:0 7px 0 0;
    font-size:14px
}
.nav .dropdown-container{
    border-radius:0
}
.content{
    padding-top:20px;
    box-sizing:border-box;
    flex-grow:1
}