*{
    border:none;
    box-sizing:border-box;
    color:#0d0d0d;
    font-family:Roboto Condensed,sans-serif;
    font-size:30px;
    font-weight:300;
    letter-spacing:.08em;
    line-height:normal;
    list-style:none;
    margin:0;
    outline:none;
    padding:0;
    scrollbar-color:#0d0d0d #944700;
    scrollbar-width:thin;
    text-decoration:none
}
@media (max-width:1851px){
    *{
        font-size:23px
    }
}
@media (max-width:1372px){
    *{
        font-size:18px
    }
}
@media (max-width:1023px){
    *{
        font-size:16px
    }
}
::-webkit-scrollbar{
    width:8px
}
::-webkit-scrollbar,::-webkit-scrollbar-thumb{
    background-color:#0d0d0d
}
body{
    position:relative
}
h1,h2,h3{
    color:#0d0d0d;
    font-family:Gotham,sans-serif;
    font-size:40px;
    font-weight:700;
    text-transform:uppercase
}
@media (max-width:1851px){
    h1,h2,h3{
        font-size:35px
    }
}
@media (max-width:1372px){
    h1,h2,h3{
        font-size:25px
    }
}
@media (max-width:767px){
    h1,h2,h3{
        font-size:20px
    }
}
.container{
    height:100%;
    padding:0 200px 0 112px;
    width:100%
}
@media (max-width:1851px){
    .container{
        padding:0 176px 0 96px
    }
}
@media (max-width:1372px){
    .container{
        padding:0 136px 0 64px
    }
}
@media (max-width:1023px){
    .container{
        padding:0 40px
    }
}
@media (max-width:767px){
    .container{
        padding:0 24px
    }
}
.section{
    padding:136px 0
}
@media (max-width:1851px){
    .section{
        padding:112px 0
    }
}
@media (max-width:1372px){
    .section{
        padding:80px 0
    }
}
@media (max-width:1023px){
    .section{
        padding:64px 0
    }
}
@media (max-width:767px){
    .section{
        padding:48px 0
    }
}
.section-title{
    margin-bottom:112px;
    text-align:center
}
@media (max-width:1851px){
    .section-title{
        margin-bottom:80px
    }
}
@media (max-width:1372px){
    .section-title{
        margin-bottom:56px
    }
}
@media (max-width:1023px){
    .section-title{
        margin-bottom:48px
    }
}
@media (max-width:767px){
    .section-title{
        margin-bottom:32px
    }
}
.swiper-lazy-preloader{
    border:4px solid #944700!important;
    border-top-color:transparent!important
}
.header{
    height:100vh;
    position:fixed;
    right:0;
    top:0;
    width:88px;
    z-index:100
}
@media (max-width:1851px){
    .header{
        width:80px
    }
}
@media (max-width:1372px){
    .header{
        width:72px
    }
}
@media (max-width:1023px){
    .header{
        height:56px;
        left:0;
        width:100%
    }
    .header--fixed .header__wrapper{
        background-color:#944700
    }
    .header--fixed .header__logo{
        opacity:1;
        visibility:visible
    }
    .header--fixed .header__button{
        top:16px
    }
    .header--fixed .header__burger .header__burger-line{
        background-color:#fcfcfc
    }
}
.header__wrapper{
    align-items:center;
    background-color:#944700;
    display:flex;
    height:100%;
    justify-content:center;
    transition:background-color .3s ease-in-out;
    width:100%
}
@media (max-width:1023px){
    .header__wrapper{
        background-color:transparent;
        justify-content:space-between;
        padding:0 40px
    }
}
@media (max-width:767px){
    .header__wrapper{
        padding:0 24px
    }
}
.header__logo{
    height:64px;
    left:0;
    margin:0 auto;
    position:absolute;
    right:0;
    top:80px;
    transition:opacity .3s,visibility 0s linear .3s;
    width:64px
}
@media (max-width:1851px){
    .header__logo{
        height:56px;
        top:64px;
        width:56px
    }
}
@media (max-width:1372px){
    .header__logo{
        height:48px;
        width:48px
    }
}
@media (max-width:1023px){
    .header__logo{
        height:40px;
        margin:0;
        opacity:0;
        position:static;
        visibility:hidden;
        width:40px
    }
}
.header__logo-img{
    height:100%;
    width:100%
}
.header__button{
    align-items:center;
    cursor:pointer;
    display:flex;
    flex-flow:column nowrap;
    row-gap:16px;
    transition:top .3s ease-in-out;
    width:64px
}
@media (max-width:1851px){
    .header__button{
        width:56px
    }
}
@media (max-width:1372px){
    .header__button{
        width:48px
    }
}
@media (max-width:1023px){
    .header__button{
        position:absolute;
        right:40px;
        top:40px
    }
}
@media (max-width:767px){
    .header__button{
        right:24px;
        top:32px
    }
}
@media (min-width:1024px){
    .header__button--open .header__burger-line:first-child{
        top:8px;
        transform:rotate(45deg)
    }
    .header__button--open .header__burger-line:nth-child(2){
        bottom:20px;
        transform:rotate(-45deg)
    }
}
.header__burger{
    display:flex;
    flex-flow:column nowrap;
    height:32px;
    justify-content:space-between;
    width:100%
}
@media (max-width:1023px){
    .header__burger{
        height:24px
    }
    .header__burger--brown .header__burger-line{
        background-color:#944700
    }
}
.header__burger-line{
    background-color:#fcfcfc;
    border-radius:100px;
    height:4px;
    position:relative;
    transition:top .3s ease-in-out,transform .3s ease-in-out;
    width:100%
}
.header__text{
    color:#fcfcfc;
    font-family:Gotham,sans-serif;
    font-size:20px;
    font-weight:400
}
@media (max-width:1851px){
    .header__text{
        font-size:18px
    }
}
@media (max-width:1023px){
    .header__text{
        display:none
    }
}
.header__menu{
    background-color:#fcfcfc;
    height:100vh;
    overflow-y:auto;
    position:absolute;
    right:-832px;
    top:0;
    transition:right .3s ease-in-out;
    width:744px;
    z-index:-1
}
@media (max-width:1851px){
    .header__menu{
        right:-752px;
        width:678px
    }
}
@media (max-width:1372px){
    .header__menu{
        right:-560px;
        width:488px
    }
}
@media (max-width:1023px){
    .header__menu{
        right:-100%;
        width:100%;
        z-index:10
    }
}
.header__menu--active{
    right:88px
}
@media (max-width:1851px){
    .header__menu--active{
        right:80px
    }
}
@media (max-width:1372px){
    .header__menu--active{
        right:72px
    }
}
@media (max-width:1023px){
    .header__menu--active{
        right:0
    }
}
.header__menu-logo{
    display:none;
    height:56px;
    left:40px;
    position:absolute;
    top:40px;
    width:56px
}
.header__menu-logo-img{
    height:100%;
    width:100%
}
@media (max-width:1023px){
    .header__menu-logo{
        display:block
    }
}
@media (max-width:767px){
    .header__menu-logo{
        left:24px;
        top:32px
    }
}
.header__menu-close{
    cursor:pointer;
    display:none;
    height:32px;
    position:absolute;
    right:40px;
    top:40px;
    width:32px
}
@media (max-width:1023px){
    .header__menu-close{
        display:block
    }
}
@media (max-width:767px){
    .header__menu-close{
        right:24px;
        top:32px
    }
}
.header__menu-close:after,.header__menu-close:before{
    background-color:#0d0d0d;
    border-radius:100px;
    bottom:0;
    content:"";
    height:2px;
    left:0;
    margin:auto;
    position:absolute;
    right:0;
    top:0;
    width:100%
}
.header__menu-close:before{
    transform:rotate(45deg)
}
.header__menu-close:after{
    transform:rotate(-45deg)
}
.header__nav{
    padding:80px 112px
}
@media (max-width:1851px){
    .header__nav{
        padding:64px 96px
    }
}
@media (max-width:1372px){
    .header__nav{
        padding:64px
    }
}
@media (max-width:1023px){
    .header__nav{
        margin:0 128px 0 auto;
        max-width:360px;
        padding:40px 0
    }
}
@media (max-width:767px){
    .header__nav{
        margin:136px auto 0;
        padding:0 24px 56px
    }
}
.header__nav-list{
    display:flex;
    flex-flow:column nowrap;
    row-gap:32px
}
.header__nav-item{
    height:72px;
    position:relative
}
@media (max-width:1851px){
    .header__nav-item{
        height:64px
    }
}
@media (max-width:1372px){
    .header__nav-item{
        height:48px
    }
}
@media (max-width:767px){
    .header__nav-item{
        height:40px
    }
}
.header__nav-item:after{
    background-color:#0d0d0d;
    bottom:0;
    content:"";
    height:2px;
    left:0;
    position:absolute;
    right:0;
    width:100%
}
.header__nav-link{
    display:block;
    font-size:40px;
    height:100%;
    width:100%
}
@media (max-width:1851px){
    .header__nav-link{
        font-size:35px
    }
}
@media (max-width:1372px){
    .header__nav-link{
        font-size:25px
    }
}
@media (max-width:767px){
    .header__nav-link{
        font-size:20px
    }
}
@font-face{
    font-family:Gotham;
    font-style:normal;
    font-weight:700;
    src:url(/assets/fonts/Gotham-Bold.woff) format("woff")
}
@font-face{
    font-family:Gotham;
    font-style:normal;
    font-weight:400;
    src:url(/assets/fonts/Gotham-Book.woff) format("woff")
}
@font-face{
    font-family:Gotham;
    font-style:normal;
    font-weight:300;
    src:url(/assets/fonts/Gotham-Light.woff) format("woff")
}
@font-face{
    font-family:Roboto Condensed;
    font-style:normal;
    font-weight:300;
    src:url(/assets/fonts/RobotoCondensed-Light.woff) format("woff")
}
@font-face{
    font-family:Roboto Condensed;
    font-style:normal;
    font-weight:500;
    src:url(/assets/fonts/RobotoCondensed-Medium.woff) format("woff")
}
@font-face{
    font-family:Roboto Condensed;
    font-style:normal;
    font-weight:400;
    src:url(/assets/fonts/RobotoCondensed-Regular.woff) format("woff")
}
.footer{
    background-color:#944700
}
.footer__wrapper{
    display:flex;
    flex-flow:column nowrap;
    /* padding:136px 0 40px */
	padding:30px 0 10px
}
@media (max-width:1851px){
    .footer__wrapper{
        padding:112px 0 32px
    }
}
@media (max-width:1372px){
    .footer__wrapper{
        padding:80px 0 24px
    }
}
@media (max-width:1023px){
    .footer__wrapper{
        padding:64px 0 16px
    }
}
@media (max-width:767px){
    .footer__wrapper{
        padding:48px 0 16px
    }
}
.footer__content{
    align-items:center;
    display:flex;
    justify-content:space-between
}
@media (max-width:767px){
    .footer__content{
        flex-flow:column nowrap
    }
}
.footer__logo{
    width:432px
}
@media (max-width:1851px){
    .footer__logo{
        width:296px
    }
}
@media (max-width:1372px){
    .footer__logo{
        width:224px
    }
}
@media (max-width:1023px){
    .footer__logo{
        width:216px
    }
}
.footer__logo-img{
    width:100%
}
.footer__nav{
    margin:0 224px 0 232px
}
@media (max-width:1851px){
    .footer__nav{
        margin:0 64px 0 104px
    }
}
@media (max-width:1372px){
    .footer__nav{
        margin:0 80px
    }
}
@media (max-width:1023px){
    .footer__nav{
        margin:0 48px
    }
}
@media (max-width:767px){
    .footer__nav{
        border-bottom:1px solid #d0d0d0;
        border-top:1px solid #d0d0d0;
        margin:24px 0;
        padding:24px 0;
        width:100%
    }
}
.footer__nav-title{
    color:#fcfcfc;
    font-weight:400;
    margin-bottom:32px;
    text-transform:uppercase
}
@media (max-width:1851px){
    .footer__nav-title{
        font-size:26px;
        margin-bottom:16px
    }
}
@media (max-width:1372px){
    .footer__nav-title{
        font-size:23px
    }
}
@media (max-width:767px){
    .footer__nav-title{
        margin-bottom:16px;
        text-align:center
    }
}
.footer__nav-list{
    display:flex;
    flex-flow:column nowrap;
    /* row-gap:24px */
}
@media (max-width:1372px){
    .footer__nav-list{
        row-gap:16px
    }
}
@media (max-width:767px){
    .footer__nav-list{
        text-align:center
    }
}
.footer__nav-link{
    color:#fcfcfc;
    font-size:25px
}
@media (max-width:1851px){
    .footer__nav-link{
        font-size:23px
    }
}
@media (max-width:1372px){
    .footer__nav-link{
        font-size:18px
    }
}
@media (max-width:1023px){
    .footer__nav-link{
        font-size:16px
    }
}
.footer__contacts{
    display:flex;
    flex-flow:column nowrap;
    row-gap:24px;
    width:502px
}
@media (max-width:1851px){
    .footer__contacts{
        width:496px
    }
}
@media (max-width:1372px){
    .footer__contacts{
        width:262px
    }
}
@media (max-width:1023px){
    .footer__contacts{
        width:227px
    }
}
@media (max-width:767px){
    .footer__contacts{
        row-gap:16px;
        width:100%
    }
}
.footer__contact{
    display:flex;
    flex-flow:column nowrap;
    row-gap:16px
}
@media (max-width:1023px){
    .footer__contact{
        row-gap:8px
    }
}
.footer__text{
    color:#fcfcfc;
    font-size:25px;
    text-align:right
}
@media (max-width:1851px){
    .footer__text{
        font-size:23px
    }
}
@media (max-width:1372px){
    .footer__text{
        font-size:18px
    }
}
@media (max-width:1023px){
    .footer__text{
        font-size:16px
    }
}
@media (max-width:767px){
    .footer__text{
        text-align:center
    }
}
.footer__copyright{
    color:#fcfcfc;
    font-size:16px;
    margin-top:72px;
    text-align:right
}
@media (max-width:1851px){
    .footer__copyright{
        margin-top:56px
    }
}
@media (max-width:1372px){
    .footer__copyright{
        margin-top:32px
    }
}
@media (max-width:1023px){
    .footer__copyright{
        font-size:14px;
        margin-top:24px
    }
}
@media (max-width:767px){
    .footer__copyright{
        margin-top:40px;
        text-align:center
    }
}