body,html{
    border:0;
    font-family:Helvetica-Neue,Helvetica,Arial,sans-serif;
    line-height:1.5;
    margin:0;
    padding:0
}
article,aside,audio,canvas,caption,details,div,figure,footer,header,hgroup,iframe,img,mark,menu,nav,object,section,span,summary,table,tbody,td,tfoot,thead,tr,video{
    border:0;
    margin:0;
    padding:0
}
a,abbr,address,b,blockquote,cit,code,dd,del,dfn,dl,dt,em,fieldset,h1,h2,h3,h4,h5,h6,hr,i,ins,label,legend,li,ol,p,pre,q,samp,small,strong,sub,sup,ul{
    border:0;
    font-size:100%;
    vertical-align:baseline;
    margin:0;
    padding:0
}
article,aside,audio,canvas,figcaption,figure,figure img,footer,header,hgroup,nav,section,video{
    display:block
}
table{
    border-collapse:separate;
    border-spacing:0
}
table caption,table td,table th{
    text-align:left;
    vertical-align:middle
}
a img{
    border:0
}
:focus{
    outline:0
}
@font-face{
    font-family:Montserrat;
    src:url(../font/montserrat-bold.woff2) format("woff2"),url(../font/montserrat-bold.woff) format("woff");
    font-weight:700;
    font-style:normal
}
@font-face{
    font-family:Montserrat;
    src:url(../font/montserrat-bolditalic.woff2) format("woff2"),url(../font/montserrat-bolditalic.woff) format("woff");
    font-weight:700;
    font-style:italic
}
@font-face{
    font-family:Montserrat;
    src:url(../font/montserrat-semibold.woff2) format("woff2"),url(../font/montserrat-semibold.woff) format("woff");
    font-weight:600;
    font-style:normal
}
@font-face{
    font-family:Montserrat;
    src:url(../font/montserrat-semibolditalic.woff2) format("woff2"),url(../font/montserrat-semibolditalic.woff) format("woff");
    font-weight:600;
    font-style:italic
}
@font-face{
    font-family:Montserrat;
    src:url(../font/montserrat-regular.woff2) format("woff2"),url(../font/montserrat-regular.woff) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:Montserrat;
    src:url(../font/montserrat-italic.woff2) format("woff2"),url(../font/montserrat-italic.woff) format("woff");
    font-weight:400;
    font-style:italic
}
@font-face{
    font-family:Montserrat;
    src:url(../font/montserrat-light.woff2) format("woff2"),url(../font/montserrat-light.woff) format("woff");
    font-weight:300;
    font-style:normal
}
@font-face{
    font-family:Montserrat;
    src:url(../font/montserrat-lightitalic.woff2) format("woff2"),url(../font/montserrat-lightitalic.woff) format("woff");
    font-weight:300;
    font-style:italic
}
body,html{
    font-family:Montserrat,sans-serif;
    font-weight:300;
    font-size:15px;
    line-height:22px;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
@media only screen and (min-width:768px){
    body,html{
        font-size:16px;
        line-height:24px
    }
}
@media only screen and (min-width:1024px){
    body,html{
        font-size:17px;
        line-height:26px
    }
}
h1{
    font-size:32px;
    font-weight:700;
    line-height:39px;
    margin-bottom:38px
}
@media only screen and (min-width:768px){
    h1{
        font-size:35px;
        line-height:60px;
        letter-spacing:-.31px;
        margin-bottom:74px
    }
}
@media only screen and (min-width:1024px){
    h1{
        font-size:42px;
        line-height:70px;
        letter-spacing:-.38px;
        margin-bottom:64px
    }
}
@media only screen and (min-width:1440px){
    h1{
        line-height:60px
    }
}
h1.with-element{
    padding-bottom:25px;
    margin-bottom:22px;
    position:relative
}
@media only screen and (min-width:768px){
    h1.with-element{
        margin-bottom:24px
    }
}
@media only screen and (min-width:1024px){
    h1.with-element{
        padding-bottom:34px;
        margin-bottom:33px
    }
}
h1.with-element:after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    height:4px;
    width:18px;
    background-color:#000
}
@media only screen and (min-width:768px){
    h1.with-element:after{
        height:5px;
        width:23px
    }
}
h1.is-bigger{
    font-size:32px;
    line-height:39px
}
@media only screen and (min-width:768px){
    h1.is-bigger{
        font-size:45px;
        line-height:70px;
        letter-spacing:-.4px
    }
}
@media only screen and (min-width:1024px){
    h1.is-bigger{
        font-size:52px;
        letter-spacing:-.47px
    }
}

h1.articleHeadline {
    padding-top: 40px;
}
h2{
    font-size:22px;
    line-height:27px;
    font-weight:700;
    padding-bottom:13px;
    position:relative;
    margin-bottom:16px
}
@media only screen and (min-width:768px){
    h2{
        font-size:25px;
        line-height:32px;
        letter-spacing:-.22px;
        padding-bottom:15px;
        margin-bottom:23px
    }
}
@media only screen and (min-width:1024px){
    h2{
        font-size:30px;
        line-height:37px
    }
}
h2:after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    height:4px;
    width:18px;
    background-color:#000
}
@media only screen and (min-width:768px){
    h2:after{
        height:5px;
        width:23px
    }
}
body,html{
    background:#fff;
    color:#000
}
body *,html *{
    box-sizing:border-box
}
img{
    display:block
}
p+p{
    margin-top:22px
}
@media only screen and (min-width:768px){
    p+p{
        margin-top:24px
    }
}
@media only screen and (min-width:1024px){
    p+p{
        margin-top:26px
    }
}
.content{
    padding-top:91px
}
@media only screen and (min-width:768px){
    .content{
        padding-top:132px
    }
}
.pos--rel{
    position:relative
}
.element--light-text{
    color:#fff
}
.wrapper{
    width:100%;
    padding-left:6.25%;
    padding-right:6.25%;
    position:relative
}
@media only screen and (min-width:768px){
    .wrapper{
        padding-left:5.20833%;
        padding-right:5.20833%
    }
}
@media only screen and (min-width:1024px){
    .wrapper{
        padding-left:9.375%;
        padding-right:9.375%
    }
}
@media only screen and (min-width:1440px){
    .wrapper{
        max-width:1440px;
        padding-left:218px;
        padding-right:218px;
        margin-left:auto;
        margin-right:auto
    }
}
@media only screen and (min-width:1600px){
    .wrapper{
        max-width:100%;
        padding-left:23.95833%;
        padding-right:23.95833%
    }
}
.wrapper--footer{
    padding-left:0;
    padding-right:0
}
@media only screen and (min-width:768px){
    .wrapper--footer{
        padding-left:0;
        padding-right:0
    }
}
@media only screen and (min-width:1024px){
    .wrapper--footer{
        padding-left:9.375%;
        padding-right:9.375%
    }
}
@media only screen and (min-width:1440px){
    .wrapper--footer{
        max-width:1440px;
        padding-left:218px;
        padding-right:218px;
        margin-left:auto;
        margin-right:auto
    }
}
@media only screen and (min-width:1600px){
    .wrapper--footer{
        max-width:100%;
        padding-left:23.95833%;
        padding-right:23.95833%
    }
}
@media only screen and (min-width:768px){
    .wrapper--header{
        padding-left:30px;
        padding-right:30px
    }
}
@media only screen and (min-width:1024px){
    .wrapper--header{
        padding-left:40px;
        padding-right:40px
    }
}
@media only screen and (min-width:1440px){
    .wrapper--header{
        max-width:100%
    }
}
.wrapper--action{
    padding-left:0;
    padding-right:0
}
.wrapper--promo{
    position:relative;
    z-index:40;
    padding-left:6.25%;
    padding-right:0
}
@media only screen and (min-width:768px){
    .wrapper--promo{
        padding-left:9.375%
    }
}
@media only screen and (min-width:1024px){
    .wrapper--promo{
        padding-left:9.375%
    }
}
@media only screen and (min-width:1440px){
    .wrapper--promo{
        max-width:1440px;
        padding-left:218px;
        padding-right:218px;
        margin-left:auto;
        margin-right:auto
    }
}
@media only screen and (min-width:1600px){
    .wrapper--promo{
        max-width:100%;
        padding-left:23.95833%;
        padding-right:23.95833%
    }
}
.wrapper--nav{
    position:static
}
@media only screen and (min-width:768px){
    .wrapper--carousel{
        padding-left:23.82812%
    }
}
@media only screen and (min-width:1024px){
    .wrapper--carousel{
        padding-left:338px
    }
}
@media only screen and (min-width:1440px){
    .wrapper--carousel{
        padding-left:31.80556%
    }
}
@media only screen and (min-width:1600px){
    .wrapper--carousel{
        padding-left:36.14583%
    }
}
a{
    text-decoration:underline
}
a:hover{
    text-decoration:none
}
.address p+p{
    margin-top:12px
}
@media only screen and (min-width:768px){
    .catalog--carousel{
        margin-top:44px
    }
}
@media only screen and (min-width:768px){
    .catalog__list{
        margin-left:-20px
    }
}
@media only screen and (min-width:1024px){
    .catalog__list{
        margin-left:-26px
    }
}
.catalog__list--ninja{
    display:none
}
.catalog__list--carousel{
    margin-bottom:37px
}
@media only screen and (min-width:768px){
    .catalog__list--carousel{
        margin-bottom:78px
    }
}
@media only screen and (min-width:1024px){
    .catalog__list--carousel{
        margin-bottom:116px
    }
}
.catalog__outside{
    margin-top:22px
}
@media only screen and (min-width:768px){
    .catalog__outside{
        margin-top:25px
    }
}
@media only screen and (min-width:1024px){
    .catalog__outside{
        margin-top:11px
    }
}
.catalog__cell{
    margin-right:17px
}
@media only screen and (min-width:768px){
    .catalog__cell{
        margin-right:18px
    }
}
@media only screen and (min-width:1024px){
    .catalog__cell{
        margin-right:24px
    }
}
.catalog__cell:first-child{
    padding-left:6.25%
}
@media only screen and (min-width:768px){
    .catalog__cell:first-child{
        padding-left:5.20833%
    }
}
@media only screen and (min-width:1024px){
    .catalog__cell:first-child{
        padding-left:9.375%
    }
}
@media only screen and (min-width:1440px){
    .catalog__cell:first-child{
        padding-left:15.13889%
    }
}
@media only screen and (min-width:1600px){
    .catalog__cell:first-child{
        padding-left:23.95833%
    }
}
.catalog__headline{
    margin-top:40px;
    margin-bottom:30px
}
@media only screen and (min-width:768px){
    .catalog__headline{
        margin-top:62px;
        margin-bottom:49px
    }
}
@media only screen and (min-width:1024px){
    .catalog__headline{
        margin-top:83px;
        margin-bottom:59px
    }
}
.catalog__headline--carousel{
    margin-top:20px;
    margin-bottom:20px
}
@media only screen and (min-width:768px){
    .catalog__headline--carousel{
        margin-bottom:49px;
        margin-top:70px
    }
}
@media only screen and (min-width:1024px){
    .catalog__headline--carousel{
        margin-bottom:59px
    }
}
.catalog__switcher{
    display:flex;
    margin-bottom:32px
}
@media only screen and (min-width:768px){
    .catalog__switcher{
        position:absolute;
        right:0;
        top:0
    }
}
.catalog__switch{
    margin-right:22px;
    opacity:.4;
    color:#000;
    font-size:15px;
    font-weight:300;
    line-height:21px;
    border-bottom:2px solid #fff;
    cursor:pointer;
    transition:all .3s ease-out
}
@media only screen and (min-width:768px){
    .catalog__switch{
        font-size:16px;
        line-height:33px
    }
}
.catalog__switch:hover{
    border-color:rgba(0,0,0,.4)
}
.catalog__switch--active{
    opacity:1;
    border-color:#000;
    font-weight:600;
    cursor:default
}
.catalog__switch--active:hover{
    border-color:#000
}
.checkbox__label{
    position:relative;
    font-family:Montserrat,sans-serif;
    cursor:pointer;
    font-size:12px;
    line-height:26px;
    display:block
}
.checkbox__label--26,.checkbox__label--60{
    color:#002cff
}
.checkbox__label--68,.checkbox__label--70{
    color:#1c1c1c
}
.checkbox__label--20,.checkbox__label--54{
    color:#c30016
}
.checkbox__label--18,.checkbox__label--52{
    color:#1ac72c
}
.checkbox__label--14,.checkbox__label--16{
    color:#149dc0
}
.checkbox__label--30,.checkbox__label--50{
    color:#6f0092
}
.checkbox__label--22,.checkbox__label--56{
    color:#fc4a08
}
.checkbox__label--24,.checkbox__label--58{
    color:#480401
}
.checkbox__label--28,.checkbox__label--62{
    color:#8a8a8a
}
.checkbox__checkbox{
    position:relative;
    margin:0 11px 0 0;
    cursor:pointer;
    top:-1px
}
.checkbox__checkbox:before{
    transition:all .3s ease-in-out;
    content:"";
    position:absolute;
    left:0;
    z-index:1;
    height:10px;
    width:10px;
    border:1px solid #b8b5b5
}
.checkbox__checkbox:checked:before{
    transform:rotate(-45deg);
    height:5px;
    border-color:#002cff;
    border-top-style:none;
    border-right-style:none
}
.checkbox__checkbox:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:12px;
    height:12px;
    background:#fff;
    cursor:pointer
}

.contact-sub-headline {
    width: 100%;
    margin-top: 60px;
    padding-top: 30px;
    border-top: 1px solid #cdcdcd;
}

.contact__email{
    height:42px;
    border:0;
    width:100%;
    background:#fff;
    padding:11px 20px;
    font-size:16px;
    line-height:19px;
    color:#000;
    font-family:Montserrat,sans-serif
}
@media only screen and (min-width:1024px){
    .contact__email{
        max-width:355px
    }
}
.contact__text{
    padding:16px 20px;
    height:180px;
    border:0;
    width:100%;
    background:#fff;
    font-size:16px;
    line-height:19px;
    color:#000;
    font-family:Montserrat,sans-serif
}
@media only screen and (min-width:1024px){
    .contact__text{
        max-width:500px
    }
}
.contact__send{
    text-align:center
}
@media only screen and (min-width:768px){
    .contact__send{
        text-align:left
    }
}
.contact__wrap{
    position:relative
}
.contact__wrap:before{
    content:'';
    position:absolute;
    bottom:50%;
    right:39px;
    width:23px;
    height:1px;
    background:#fff
}
.contact__wrap:after{
    content:'';
    height:11px;
    width:10px;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
    position:absolute;
    bottom:5px;
    right:39px;
    transform:rotate(-45deg)
}
.contact__btn{
    user-select:none;
    cursor:pointer;
    outline:0;
    display:inline-block;
    color:#fff;
    background:0 0;
    font-size:15px;
    font-weight:300;
    line-height:40px;
    height:42px;
    padding:0 61px 0 42px;
    position:relative;
    text-decoration:none;
    font-family:Montserrat,sans-serif;
    border:1px solid #fff
}
.contact__fieldset{
    margin-bottom:20px
}
div.wpcf7-validation-errors{
    display:none!important
}
::-webkit-input-placeholder{
    color:rgba(0,0,0,.3);
    font-size:16px;
    line-height:19px;
    font-family:Montserrat,sans-serif
}
::-moz-placeholder{
    color:rgba(0,0,0,.3);
    font-size:16px;
    line-height:19px;
    font-family:Montserrat,sans-serif
}
:-ms-input-placeholder{
    color:rgba(0,0,0,.3);
    font-size:16px;
    line-height:19px;
    font-family:Montserrat,sans-serif
}
:-moz-placeholder{
    color:rgba(0,0,0,.3);
    font-size:16px;
    line-height:19px;
    font-family:Montserrat,sans-serif
}
::placeholder{
    color:rgba(0,0,0,.3);
    font-size:16px;
    line-height:19px;
    font-family:Montserrat,sans-serif
}
.description{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:no-repeat scroll 0 0;
    background-size:cover
}
.description__inner{
    padding-left:6.25%;
    padding-right:6.25%;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center
}
@media only screen and (min-width:768px){
    .description__inner{
        padding-left:160px;
        padding-right:120px
    }
}
@media only screen and (min-width:1024px){
    .description__inner{
        padding-left:14.87779%;
        padding-right:190px
    }
}
@media only screen and (min-width:1440px){
    .description__inner{
        padding-right:440px
    }
}
.description__icon{
    height:22px;
    width:22px;
    margin-bottom:16px;
    fill:#fff
}
@media only screen and (min-width:768px){
    .description__icon{
        height:35px;
        width:35px;
        margin-bottom:14px
    }
}
.description__copy{
    color:#fff;
    font-size:14px;
    font-weight:300;
    line-height:20px;
    margin-bottom:26px
}
@media only screen and (min-width:768px){
    .description__copy{
        font-size:16px;
        line-height:25px;
        margin-bottom:20px
    }
}
.hamburger{
    position:relative;
    height:2px;
    width:15px;
    margin-top:3px;
    margin-right:8px
}
.hamburger:hover{
    cursor:pointer
}
.header--open .hamburger{
    margin-top:2px
}
.hamburger__bar,.hamburger__bar:after,.hamburger__bar:before{
    transition:all .5s ease-out;
    position:absolute;
    left:0;
    height:2px;
    width:50%;
    background:#000
}
.hamburger__bar:after,.hamburger__bar:before{
    content:"";
    height:2px;
    width:100%
}
.hamburger__bar--left,.hamburger__bar--right{
    top:5px
}
.header--open .hamburger__bar--left,.header--open .hamburger__bar--right{
    background:0 0!important
}
.hamburger__bar--left:before,.hamburger__bar--right:before{
    top:-5px
}
.hamburger__bar--left:after,.hamburger__bar--right:after{
    top:5px
}
.header--open .hamburger__bar--left:before{
    transform:rotateZ(45deg) scaleX(1.2) translate(3px,2px)
}
.header--open .hamburger__bar--left:after{
    transform:rotateZ(-45deg) scaleX(1.2) translate(1px,0)
}
.hamburger__bar--right{
    left:50%
}
.header--open .hamburger__bar--right:before{
    transform:rotateZ(-45deg) scaleX(1.1) translate(-3px,2px)
}
.header--open .hamburger__bar--right:after{
    transform:rotateZ(45deg) scaleX(1.1) translate(-1px,0)
}
.link{
    color:#0000ae;
    text-decoration:none;
    transition:all .3s ease-out
}
.link--symbol{
    display:inline-block;
    position:relative;
    padding-bottom:9px;
    margin-bottom:5px
}
.link--symbol:before{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    right:-38px;
    height:1px;
    background:#000cbd
}
.link--symbol:after{
    content:'';
    height:11px;
    width:10px;
    border-right:1px solid #000cbd;
    border-bottom:1px solid #000cbd;
    position:absolute;
    bottom:-5px;
    right:-38px;
    transform:rotate(-45deg)
}
.link--symbol:hover:before{
    right:-58px
}
.link--symbol:hover:after{
    right:-58px
}
.link--light-text{
    color:#fff
}
.link--light-text:before{
    background:#fff
}
.link--light-text:after{
    border-right-color:#fff;
    border-bottom-color:#fff
}
.list{
    display:block;
    font-size:15px;
    line-height:19px;
    border-top:1px solid #d4d4d4;
    margin-bottom:35px
}
@media only screen and (min-width:768px){
    .list{
        font-size:16px;
        border-top:none;
        margin-bottom:71px
    }
}
.list__element{
    display:block;
    padding:20px 34px 20px 0;
    color:#000;
    text-decoration:none;
    border-bottom:1px solid #d4d4d4;
    position:relative
}
@media only screen and (min-width:768px){
    .list__element{
        padding:28px 46px 28px 0
    }
}
.list__element:after{
    content:'';
    position:absolute;
    top:50%;
    margin-top:-10px;
    right:0;
    height:20px;
    width:12px;
    background-image:url(../svg/arrow.svg);
    background-size:12px 20px;
    transform:translateY(0);
    transition:transform .3s ease-in-out
}
.list__element:hover:after{
    transform:translateY(10px)
}
.logo{
    height:46px;
    width:45px;
    position:relative;
    z-index:7778
}
@media only screen and (min-width:768px){
    .logo{
        height:65px;
        width:64px
    }
}
.logos{
    padding-top:62px;
    position:relative
}
@media only screen and (min-width:768px){
    .logos{
        padding-top:0
    }
}
.logos:after{
    content:'';
    position:absolute;
    bottom:-6px;
    left:50%;
    margin-left:-27px;
    height:12px;
    width:53px;
    background:url(../svg/arrows.svg) no-repeat scroll 0 0;
    background-size:contain
}
@media only screen and (min-width:1440px){
    .logos:after{
        content:none
    }
}
.logos__cell{
    height:68px;
    width:228px
}
@media only screen and (min-width:768px){
    .logos__cell{
        height:86px;
        width:288px
    }
}
@media only screen and (min-width:768px){
    .nav{
        position:relative
    }
}
.nav__carousel{
    margin-bottom:33px
}
@media only screen and (min-width:768px){
    .nav__carousel{
        position:absolute;
        bottom:55px;
        margin-bottom:0;
        z-index:200;
        background-color:#fff;
        display:flex;
        flex-wrap:wrap;
        min-height:290px;
        width:260px;
        padding-top:35px;
        padding-bottom:6px
    }
}
@media only screen and (min-width:1024px){
    .nav__carousel{
        min-height:330px;
        width:310px;
        padding-top:45px;
        padding-bottom:15px
    }
}
.nav__cell{
    opacity:.5;
    color:#000;
    font-size:14px;
    line-height:30px;
    font-weight:300;
    position:relative;
    margin-right:20px;
    white-space:nowrap;
    transition:.3s all ease-out
}
@media only screen and (min-width:768px){
    .nav__cell{
        white-space:normal;
        font-size:15px;
        line-height:19px;
        height:50px;
        margin-right:0;
        width:50%;
        padding-right:20px;
        cursor:pointer
    }
}
@media only screen and (min-width:1024px){
    .nav__cell{
        font-size:16px;
        height:54px;
        padding-right:40px
    }
}
@media only screen and (min-width:768px){
    .nav__cell:hover span{
        position:relative
    }
}
@media only screen and (min-width:768px){
    .nav__cell:hover span:after{
        content:'';
        position:absolute;
        height:2px;
        bottom:-5px;
        left:0;
        right:0;
        background:rgba(0,0,0,.5)
    }
}
.nav__cell.is-nav-selected{
    opacity:1;
    font-weight:600
}
.nav__cell.is-nav-selected:after{
    content:'';
    position:absolute;
    height:2px;
    bottom:0;
    left:0;
    right:0;
    background:#000
}
@media only screen and (min-width:768px){
    .nav__cell.is-selected{
        opacity:1;
        font-weight:600
    }
}
@media only screen and (min-width:768px){
    .nav__cell.is-selected span{
        position:relative
    }
}
@media only screen and (min-width:768px){
    .nav__cell.is-selected span:after{
        content:'';
        position:absolute;
        height:2px;
        bottom:-5px;
        left:0;
        right:0;
        background:#000
    }
}
.navigation{
    display:flex;
    flex-direction:column;
    margin-bottom:25px
}
@media only screen and (min-width:768px){
    .navigation{
        flex-direction:row;
        margin-bottom:0;
        margin-left:auto
    }
}
.navigation>ul{
    list-style:none;
    display:flex;
    flex-direction:column
}
@media only screen and (min-width:768px){
    .navigation>ul{
        flex-direction:row;
        margin-left:auto
    }
}
.navigation__element{
    padding:4px 0
}
@media only screen and (min-width:768px){
    .navigation__element{
        padding:0;
        margin-right:28px
    }
}
@media only screen and (min-width:768px){
    .navigation__element:last-child{
        margin-right:0
    }
}
.navigation__link{
    display:block;
    color:#000;
    font-size:20px;
    line-height:24px;
    font-weight:600;
    padding:8px 0;
    text-decoration:none;
    transition:all .3s ease-out
}
@media only screen and (min-width:768px){
    .navigation__link{
        padding:0;
        font-size:14px;
        font-weight:300;
        line-height:19px;
        position:relative
    }
}
@media only screen and (min-width:768px){
    .navigation__link:hover:after{
        content:'';
        position:absolute;
        bottom:-3px;
        left:0;
        right:0;
        height:1px;
        background-color:#fff
    }
}
.number{
    margin-top:17px;
    color:#898989;
    font-size:16px;
    line-height:19px
}
@media only screen and (min-width:768px){
    .number{
        font-size:20px;
        line-height:24px;
        margin-top:32px
    }
}
.promo{
    position:relative;
    margin-top:-86px;
    padding-top:106px;
    height:500px;
    background: url(../img/hp_bg.jpg) scroll top center no-repeat;
    display:flex;
    width:100%
}
@media only screen and (min-width:768px){
    .promo{
        margin-top:-106px;
        padding-top:131px;
        height:520px;
    }
}
@media only screen and (min-width:1024px){
    .promo{
        height:442px
    }
}
@media only screen and (min-width:1440px){
    .promo{
        height:620px;
    }
}
@media only screen and (min-width:1600px){
    .promo{
        height:830px
    }
}
.promo>.wrapper--promo{
    overflow: hidden;
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:center
}
.promo__title:after,.promo__title:before{
    background:#fff!important
}
.promo__copy{
    font-size:14px;
    line-height:20px;
    width:78.33333%;
    margin-bottom:30px
}
@media only screen and (min-width:768px){
    .promo__copy{
        font-size:15px;
        line-height:24px;
        margin-bottom:26px;
        width:63.21839%
    }
}
@media only screen and (min-width:1024px){
    .promo__copy{
        font-size:16px;
        line-height:27px;
        width:550px
    }
}
@media only screen and (min-width:1440px){
    .promo__copy{
        margin-bottom:34px
    }
}
@media only screen and (min-width:1600px){
    .promo__copy{
        margin-bottom:49px
    }
}
.promo__outside{
    padding-bottom:30px
}
@media only screen and (min-width:768px){
    .promo__video-container{
        display:block;
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        z-index:30;
        overflow:hidden
    }
}
.promo__video{
    display:none
}
@media only screen and (min-width:768px){
    .promo__video{
        display:block;
        min-width:100%;
        min-height:100%;
        width:auto;
        height:auto;
        max-width:100%;
        max-height:100%;
        object-fit:cover
    }
}
.results{
    display:block;
    font-size:15px;
    line-height:19px;
    font-weight:600;
    border-top:1px solid #d4d4d4;
    margin-top:50px
}
@media only screen and (min-width:768px){
    .results{
        font-size:16px;
        line-height:28px;
        margin-top:61px
    }
}
.results__element{
    display:block;
    padding:16px 34px 16px 0;
    color:#000;
    text-decoration:none;
    border-bottom:1px solid #d4d4d4;
    position:relative
}
@media only screen and (min-width:768px){
    .results__element{
        padding:37px 45px 37px 0
    }
}
.results__element:after{
    content:'';
    position:absolute;
    top:50%;
    margin-top:-6px;
    right:0;
    height:20px;
    width:12px;
    background-image:url(../svg/arrow.svg);
    background-size:12px 20px;
    transform:translateX(0) rotate(-90deg);
    transition:transform .3s ease-in-out
}
.results__element:hover:after{
    transform:translateX(-10px) rotate(-90deg)
}
.results__perex{
    display:none
}
@media only screen and (min-width:768px){
    .results__perex{
        display:block;
        font-weight:300;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis
    }
}
.selectr-container{
    position:relative
}
.selectr-container.disabled *{
    pointer-events:none
}
.selectr-container li{
    list-style:none
}
.selectr-container .hidden-input{
    position:absolute!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    width:1px!important;
    height:1px!important;
    margin:-1px!important;
    padding:0!important;
    border:0 none!important
}
.selectr-selected{
    position:relative;
    z-index:10001;
    box-sizing:border-box;
    width:100%;
    padding:0 36px 0 0;
    cursor:pointer;
    background-color:#fff
}
.selectr-selected::before{
    position:absolute;
    top:50%;
    right:10px;
    width:0;
    height:0;
    content:'';
    -webkit-transform:rotate(0) translate3d(0,-50%,0);
    transform:rotate(0) translate3d(0,-50%,0);
    border-width:4px 4px 0;
    border-style:solid;
    border-color:#6c7a86 transparent transparent
}
.selectr-label{
    display:none;
    overflow:hidden;
    width:100%;
    white-space:nowrap;
    text-overflow:ellipsis
}
.selectr-placeholder{
    color:#000;
    font-size:16px;
    font-weight:600;
    line-height:21px
}
.selectr-tags{
    margin:0;
    padding:0;
    white-space:normal
}
.selectr-tag{
    display:none;
    list-style:none;
    position:relative;
    float:left;
    padding:0 25px 0 4px;
    margin:0 2px 2px 0;
    cursor:default;
    color:#000;
    border:1px solid #d4d4d4;
    border-radius:10px;
    background:#fff
}
.selectr-options-container{
    position:absolute;
    z-index:10000;
    top:-42px;
    left:-41px;
    right:-55px;
    padding:83px 53px 38px 41px;
    display:none;
    box-sizing:border-box;
    box-shadow:0 2px 20px 5px rgba(0,0,0,.1);
    background-color:#fff
}
.selectr-container.open .selectr-options-container{
    display:block
}
.selectr-input-container{
    position:relative;
    display:none
}
.selectr-clear,.selectr-tag-remove{
    position:absolute;
    top:50%;
    right:22px;
    width:20px;
    height:20px;
    padding:0;
    cursor:pointer;
    -webkit-transform:translate3d(0,-50%,0);
    transform:translate3d(0,-50%,0);
    border:medium none;
    background-color:transparent
}
.selectr-clear,.selectr-selected .selectr-clear{
    display:none
}
.has-selected .selectr-selected .selectr-clear{
    display:block
}
.selectr-selected .selectr-tag-remove{
    right:2px
}
.selectr-clear::after,.selectr-clear::before,.selectr-tag-remove::after,.selectr-tag-remove::before{
    position:absolute;
    top:5px;
    left:9px;
    width:2px;
    height:10px;
    content:' ';
    background-color:#d4d4d4
}
.selectr-tag-remove::after,.selectr-tag-remove::before{
    top:4px;
    width:3px;
    height:12px;
    background-color:#d4d4d4
}
.selectr-clear:before,.selectr-tag-remove::before{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.selectr-clear:after,.selectr-tag-remove::after{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.selectr-input-container.active,.selectr-input-container.active .selectr-clear{
    display:block
}
.selectr-input{
    top:5px;
    left:5px;
    box-sizing:border-box;
    width:calc(100% - 30px);
    margin:10px 15px;
    padding:7px 30px 7px 9px;
    border:1px solid #999;
    border-radius:3px
}
.selectr-notice{
    display:none;
    box-sizing:border-box;
    width:100%;
    padding:8px 16px;
    border-top:1px solid #999;
    border-radius:0 0 3px 3px;
    background-color:#fff
}
.selectr-container.notice .selectr-notice{
    display:block
}
.selectr-container.notice .selectr-selected{
    border-radius:3px 3px 0 0
}
.selectr-options{
    position:relative;
    display:none;
    overflow:auto;
    max-height:500px;
    margin:0;
    padding:0
}
.selectr-container.notice .selectr-options-container,.selectr-container.open .selectr-input-container,.selectr-container.open .selectr-options{
    display:block
}
.selectr-options li{
    position:relative;
    display:block;
    padding:8px 0;
    list-style:outside none none;
    cursor:pointer;
    font-size:12px;
    font-weight:600;
    line-height:26px;
    text-transform:uppercase;
    letter-spacing:1.5px
}
.selectr-option.selected .checkbox__checkbox:before{
    transform:rotate(-45deg);
    height:5px;
    border-color:#002cff;
    border-top-style:none;
    border-right-style:none
}
.selectr-options>li>*{
    pointer-events:none
}
.selectr-container.open .selectr-selected{
    border-color:#999 #999 transparent;
    border-radius:3px 3px 0 0
}
.selectr-container.open .selectr-selected::after{
    transform:rotate(180deg) translate3d(0,50%,0)
}
.selectr-container{
    display:none
}
@media only screen and (min-width:768px){
    .selectr-container{
        display:block;
        position:absolute;
        top:29px;
        right:5.20833%
    }
}
.selectr-list{
    text-decoration:none
}
.sep--value1{
    margin-top:37px;
    margin-bottom:0
}
@media only screen and (min-width:768px){
    .sep--value1{
        margin-top:72px
    }
}
@media only screen and (min-width:1024px){
    .sep--value1{
        margin-top:84px
    }
}
@media only screen and (min-width:1440px){
    .sep--value1{
        margin-top:95px
    }
}
.sep--value2{
    margin-top:30px;
    margin-bottom:0
}
@media only screen and (min-width:768px){
    .sep--value2{
        margin-top:37px
    }
}
@media only screen and (min-width:1024px){
    .sep--value2{
        margin-top:62px
    }
}
@media only screen and (min-width:1440px){
    .sep--value2{
        margin-top:57px
    }
}
.sub-navigation{
    display:flex;
    flex-direction:row;
    list-style:none;
    align-items:center
}
@media only screen and (min-width:768px){
    .sub-navigation{
        margin-left:auto
    }
}
.sub-navigation__element{
    margin-right:21px
}
.action-list__type--26,.action-list__type--60{
    color:#002cff
}
.action-list__type--68,.action-list__type--70{
    color:#1c1c1c
}
.action-list__type--20,.action-list__type--54{
    color:#c30016
}
.action-list__type--18,.action-list__type--52{
    color:#1ac72c
}
.action-list__type--14,.action-list__type--16{
    color:#149dc0
}
.action-list__type--30,.action-list__type--50{
    color:#6f0092
}
.action-list__type--22,.action-list__type--56{
    color:#fc4a08
}
.action-list__type--24,.action-list__type--58{
    color:#480401
}
.action-list__type--28,.action-list__type--62{
    color:#8a8a8a
}
.article--sep{
    padding-top:141px
}
@media only screen and (min-width:721px){
    .article--sep{
        padding-top:135px
    }
}
@media only screen and (min-width:1024px){
    .article--sep{
        padding-top:234px
    }
}
.article--cl1{
    background-image:url(../image/article/kampus-bg.jpg);
    background-repeat:no-repeat;
    background-position:top center
}
@media only screen and (min-width:721px){
    .article--cl1{
        background-image:url(../image/article/kampus-bg-m.jpg)
    }
}
@media only screen and (min-width:1024px){
    .article--cl1{
        background-image:url(../image/article/kampus-bg-s.png)
    }
}
@media only screen and (min-width:1440px){
    .article--cl1{
        background-image:url(../image/article/kampus-bg-h.png)
    }
}
@media only screen and (min-width:1600px){
    .article--cl1{
        background-image:url(../image/article/kampus-bg-f.png)
    }
}
.article--cl2{
    background-image:url(../image/article/prednasky-bg.jpg);
    background-repeat:no-repeat;
    background-position:top center
}
@media only screen and (min-width:721px){
    .article--cl2{
        background-image:url(../image/article/prednasky-bg-m.jpg)
    }
}
@media only screen and (min-width:1024px){
    .article--cl2{
        background-image:url(../image/article/prednasky-bg-s.png)
    }
}
@media only screen and (min-width:1440px){
    .article--cl2{
        background-image:url(../image/article/prednasky-bg-h.png)
    }
}
@media only screen and (min-width:1600px){
    .article--cl2{
        background-image:url(../image/article/prednasky-bg-f.png)
    }
}
.article--cl3{
    background-image:url(../image/article/kampus-bg.jpg);
    background-repeat:no-repeat;
    background-position:top center
}
@media only screen and (min-width:721px){
    .article--cl3{
        background-image:url(../image/article/kampus-bg-m.jpg)
    }
}
@media only screen and (min-width:1024px){
    .article--cl3{
        background-image:url(../image/article/kampus-bg-s.png)
    }
}
@media only screen and (min-width:1440px){
    .article--cl3{
        background-image:url(../image/article/kampus-bg-h.png)
    }
}
@media only screen and (min-width:1600px){
    .article--cl3{
        background-image:url(../image/article/kampus-bg-f.png)
    }
}
.article--cl4{
    background-image:url(../image/article/kavarna-bg.jpg);
    background-repeat:no-repeat;
    background-position:top center
}
@media only screen and (min-width:721px){
    .article--cl4{
        background-image:url(../image/article/kavarna-bg-m.jpg)
    }
}
@media only screen and (min-width:1024px){
    .article--cl4{
        background-image:url(../image/article/kavarna-bg-s.png)
    }
}
@media only screen and (min-width:1440px){
    .article--cl4{
        background-image:url(../image/article/kavarna-bg-h.png)
    }
}
@media only screen and (min-width:1600px){
    .article--cl4{
        background-image:url(../image/article/kavarna-bg-f.png)
    }
}
.article--cl5{
    background-image:url(../image/article/hudba-bg.jpg);
    background-repeat:no-repeat;
    background-position:top center
}
@media only screen and (min-width:721px){
    .article--cl5{
        background-image:url(../image/article/hudba-bg-m.jpg)
    }
}
@media only screen and (min-width:1024px){
    .article--cl5{
        background-image:url(../image/article/hudba-bg-s.png)
    }
}
@media only screen and (min-width:1440px){
    .article--cl5{
        background-image:url(../image/article/hudba-bg-h.png)
    }
}
@media only screen and (min-width:1600px){
    .article--cl5{
        background-image:url(../image/article/hudba-bg-f.png)
    }
}
.article--cl6{
    background-image:url(../image/article/filmy-bg.jpg);
    background-repeat:no-repeat;
    background-position:top center
}
@media only screen and (min-width:721px){
    .article--cl6{
        background-image:url(../image/article/filmy-bg-m.jpg)
    }
}
@media only screen and (min-width:1024px){
    .article--cl6{
        background-image:url(../image/article/filmy-bg-s.png)
    }
}
@media only screen and (min-width:1440px){
    .article--cl6{
        background-image:url(../image/article/filmy-bg-h.png)
    }
}
@media only screen and (min-width:1600px){
    .article--cl6{
        background-image:url(../image/article/filmy-bg-f.png)
    }
}
.article--cl7{
    background-image:url(../image/article/kurzy-bg.jpg);
    background-repeat:no-repeat;
    background-position:top center
}
@media only screen and (min-width:721px){
    .article--cl7{
        background-image:url(../image/article/kurzy-bg-m.jpg)
    }
}
@media only screen and (min-width:1024px){
    .article--cl7{
        background-image:url(../image/article/kurzy-bg-s.png)
    }
}
@media only screen and (min-width:1440px){
    .article--cl7{
        background-image:url(../image/article/kurzy-bg-h.png)
    }
}
@media only screen and (min-width:1600px){
    .article--cl7{
        background-image:url(../image/article/kurzy-bg-f.png)
    }
}
.article--cl8{
    background-image:url(../image/article/dilny-bg.jpg);
    background-repeat:no-repeat;
    background-position:top center
}
@media only screen and (min-width:721px){
    .article--cl8{
        background-image:url(../image/article/dilny-bg-m.jpg)
    }
}
@media only screen and (min-width:1024px){
    .article--cl8{
        background-image:url(../image/article/dilny-bg-s.png)
    }
}
@media only screen and (min-width:1440px){
    .article--cl8{
        background-image:url(../image/article/dilny-bg-h.png)
    }
}
@media only screen and (min-width:1600px){
    .article--cl8{
        background-image:url(../image/article/dilny-bg-f.png)
    }
}
.article--cl9{
    background-image:url(../image/article/galerie-bg.jpg);
    background-repeat:no-repeat;
    background-position:top center
}
@media only screen and (min-width:721px){
    .article--cl9{
        background-image:url(../image/article/galerie-bg-m.jpg)
    }
}
@media only screen and (min-width:1024px){
    .article--cl9{
        background-image:url(../image/article/galerie-bg-s.png)
    }
}
@media only screen and (min-width:1440px){
    .article--cl9{
        background-image:url(../image/article/galerie-bg-h.png)
    }
}
@media only screen and (min-width:1600px){
    .article--cl9{
        background-image:url(../image/article/galerie-bg-f.png)
    }
}
.article--cl10{
    background-image:url(../image/article/studenti-bg.jpg);
    background-repeat:no-repeat;
    background-position:top center
}
@media only screen and (min-width:721px){
    .article--cl10{
        background-image:url(../image/article/studenti-bg-m.jpg)
    }
}
@media only screen and (min-width:1024px){
    .article--cl10{
        background-image:url(../image/article/studenti-bg-s.png)
    }
}
@media only screen and (min-width:1440px){
    .article--cl10{
        background-image:url(../image/article/studenti-bg-h.png)
    }
}
@media only screen and (min-width:1600px){
    .article--cl10{
        background-image:url(../image/article/studenti-bg-f.png)
    }
}
.article--cl11{
    background-image:url(../image/article/kontakt-bg-f-v2.png);
    background-repeat:no-repeat;
    background-position:top center
}
/*@media only screen and (min-width:721px){
    .article--cl11{
        background-image:url(../image/article/kontakt-bg-m.jpg)
    }
}
@media only screen and (min-width:1024px){
    .article--cl11{
        background-image:url(../image/article/kontakt-bg-s.png)
    }
}
@media only screen and (min-width:1440px){
    .article--cl11{
        background-image:url(../image/article/kontakt-bg-h.png)
    }
}
@media only screen and (min-width:1600px){
    .article--cl11{
        background-image:url(../image/article/kontakt-bg-f.png)
    }
}*/
.article--cl12{
    background-image:url(../image/article/sto-bg.jpg);
    background-repeat:no-repeat;
    background-position:top center
}
@media only screen and (min-width:721px){
    .article--cl12{
        background-image:url(../image/article/sto-bg-m.jpg)
    }
}
@media only screen and (min-width:1024px){
    .article--cl12{
        background-image:url(../image/article/sto-bg-s.png)
    }
}
@media only screen and (min-width:1440px){
    .article--cl12{
        background-image:url(../image/article/sto-bg-h.png)
    }
}
@media only screen and (min-width:1600px){
    .article--cl12{
        background-image:url(../image/article/sto-bg-f.png)
    }
}
.article__wrapper{
    background:#fff;
    padding-left:6.25%;
    padding-right:6.25%
}
@media only screen and (min-width:721px){
    .article__wrapper{
        margin-left:auto;
        margin-right:auto;
        width:82.68229%;
        padding-top:23px;
        padding-left:5.51181%;
        padding-right:5.51181%
    }
}
@media only screen and (min-width:1024px){
    .article__wrapper{
        width:877px;
        padding-top:33px;
        padding-left:64px;
        padding-right:64px
    }
}
@media only screen and (min-width:1440px){
    .article__wrapper{
        padding-top: 0px;
    }
}
.article__outside{
    margin-top:37px
}
@media only screen and (min-width:768px){
    .article__outside{
        margin-top:41px
    }
}
@media only screen and (min-width:1024px){
    .article__outside{
        margin-top:51px
    }
}
@media only screen and (min-width:1440px){
    .article__outside{
        margin-top:54px
    }
}
.article__logo{
    margin-bottom:33px
}
@media only screen and (min-width:768px){
    .article__logo{
        margin-top:41px
    }
}
@media only screen and (min-width:1024px){
    .article__logo{
        margin-top:74px
    }
}
.article__with-icon{
    display:flex;
    justify-content:flex-start;
    align-items:baseline
}
.article__icon{
    display:none
}
@media only screen and (min-width:768px){
    .article__icon{
        margin-left:auto;
        display:block;
        height:35px;
        width:35px
    }
}
.flickity-enabled{
    position:relative
}
.flickity-enabled:focus{
    outline:0
}
.flickity-viewport{
    overflow:hidden;
    position:relative;
    height:100%
}
.flickity-slider{
    position:absolute;
    width:100%;
    height:100%
}
.flickity-enabled.is-draggable{
    -webkit-tap-highlight-color:transparent;
    tap-highlight-color:transparent;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.flickity-enabled.is-draggable .flickity-viewport{
    cursor:move;
    cursor:-webkit-grab;
    cursor:grab
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{
    cursor:-webkit-grabbing;
    cursor:grabbing
}
.category__carousel{
    margin-bottom:50px
}
@media only screen and (min-width:768px){
    .category__carousel{
        margin-top:60px;
        margin-bottom:80px
    }
}
@media only screen and (min-width:1024px){
    .category__carousel{
        margin-bottom:126px;
        max-width:941px
    }
}
@media only screen and (min-width:1440px){
    .category__carousel{
        margin-bottom:131px
    }
}
.category__cell{
    position:relative;
    width:100%;
    max-height:300px
}
@media only screen and (min-width:768px){
    .category__cell{
        max-height:400px;
        max-width:941px
    }
}
@media only screen and (min-width:1024px){
    .category__cell{
        max-height:444px;
        max-width:1179px
    }
}
.category__cell:before{
    display:block;
    content:'';
    width:100%;
    padding-top:69.375%
}
@media only screen and (min-width:768px){
    .category__cell:before{
        padding-top:68.37607%
    }
}
@media only screen and (min-width:1024px){
    .category__cell:before{
        padding-top:64.72303%
    }
}
@media only screen and (min-width:1440px){
    .category__cell:before{
        padding-top:47.18385%
    }
}
.cols{
    display:flex;
    flex-wrap:nowrap;
    flex-direction:column;
    width:100%
}
@media only screen and (min-width:768px){
    .cols{
        flex-direction:row
    }
}
.cols--2{
    justify-content:flex-start;
    align-items:flex-start
}
.cols__col{
    width:100%
}
.contacts{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    flex-wrap:wrap;
    margin-top:49px
}
@media only screen and (min-width:768px){
    .contacts{
        flex-direction:row;
        margin-top:83px
    }
}
.contacts__element{
    width:100%
}
@media only screen and (min-width:768px){
    .contacts__element{
        width:50%
    }
}
@media only screen and (min-width:1024px){
    .contacts__element{
        width:33.33%
    }
}
.contacts__wrapper{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:flex-end
}
@media only screen and (min-width:768px){
    .contacts__wrapper{
        flex-direction:column;
        justify-content:flex-start;
        align-items:flex-start
    }
}
.contacts__wrapper--one-line{
    justify-content:flex-start
}
@media only screen and (min-width:768px){
    .contacts__wrapper--one-line{
        flex-direction:row
    }
}
@media only screen and (min-width:768px){
    .contacts__info{
        order:10
    }
}
@media only screen and (min-width:768px){
    .contacts__photo{
        margin-bottom:16px
    }
}
.contacts__discipline{
    margin-bottom:16px
}
@media only screen and (min-width:768px){
    .contacts__discipline{
        margin-bottom:33px
    }
}
.contacts__name{
    font-size:15px;
    line-height:19px;
    font-weight:600;
}
@media only screen and (min-width:768px){
    .contacts__name{
        font-size:16px;
    }
}
.contacts__email{
    color:#0d269c;
    font-size:15px;
    line-height:19px;
    text-decoration:none;
    display:inline-block;
}
@media only screen and (min-width:768px){
    .contacts__email{
        font-size:16px;
    }
}
.contacts__phone{
    color:#000;
    font-size:15px;
    line-height:19px;
    text-decoration:none
}
@media only screen and (min-width:768px){
    .contacts__phone{
        font-size:16px
    }
}
.contacts__link--facebook{
    margin-right:18px
}
.contacts__link--facebook .icon--facebook{
    height:25px;
    width:25px;
    fill:#000
}
.contacts__link--instagram .icon--instagram{
    height:25px;
    width:25px;
    fill:#0b0b09
}
.gallery{
    width:100%;
    padding-left:6.25%;
    padding-right:6.25%
}
@media only screen and (min-width:768px){
    .gallery{
        margin-top:42px;
        padding-left:0;
        padding-right:0
    }
}
.gallery__cell{
    margin-bottom:2px
}
@media only screen and (min-width:768px){
    .gallery__cell{
        margin-right:4px;
        margin-bottom:0
    }
}
.gallery img{
    max-width:100%
}
@media only screen and (min-width:768px){
    .gallery img{
        max-width:initial
    }
}
.logo-list{
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-start;
    align-items:flex-start;
    flex-direction:column
}
@media only screen and (min-width:768px){
    .logo-list{
        flex-direction:row;
        flex-wrap:wrap
    }
}
.logo-list--with-link{
    margin-bottom:44px
}
@media only screen and (min-width:768px){
    .logo-list--with-link{
        margin-bottom:63px
    }
}
@media only screen and (min-width:1024px){
    .logo-list--with-link{
        margin-bottom:87px
    }
}
@media only screen and (min-width:1440px){
    .logo-list--with-link{
        margin-bottom:50px
    }
}
.logo-list__element{
    margin-top:30px
}
@media only screen and (min-width:768px){
    .logo-list__element{
        margin-right:110px;
        margin-top:49px;
        margin-bottom:31px
    }
}
@media only screen and (min-width:1024px){
    .logo-list__element{
        margin-top:44px
    }
}
@media only screen and (min-width:1440px){
    .logo-list__element{
        margin-top:39px
    }
}
@media only screen and (min-width:768px){
    .logo-list__element:last-child{
        margin-right:0
    }
}
.logo-list__element--link{
    width:100%
}
.logo-list__image{
    margin-bottom:14px
}
.logo-list__name{
    font-size:15px;
    line-height:19px;
    font-weight:600;
    margin-bottom:2px
}
@media only screen and (min-width:768px){
    .logo-list__name{
        margin-bottom:5px;
        font-size:16px
    }
}
.logo-list__title{
    font-size:15px;
    line-height:19px
}
@media only screen and (min-width:768px){
    .logo-list__title{
        font-size:16px
    }
}
.record{
    display:flex;
    flex-direction:column;
    text-decoration:none;
    color:#000;
    padding:10px 34px 15px 0;
    border-bottom:1px solid #d4d4d4;
    position:relative
}
@media only screen and (min-width:768px){
    .record{
        flex-direction:row;
        align-items:center;
        padding:26px 34px 29px 0
    }
}
@media only screen and (min-width:1024px){
    .record{
        padding:14px 0 15px 0;
        justify-content:space-between
    }
    .record--archive{
        padding:26px 34px 29px 0
    }
}
.record:after{
    content:'';
    position:absolute;
    top:50%;
    margin-top:-10px;
    right:4px;
    height:20px;
    width:12px;
    background-image:url(../svg/arrow.svg);
    background-size:12px 20px;
    transform:rotate(-90deg);
    transition:transform .3s ease-in-out
}
@media only screen and (min-width:768px){
    .record:after{
        height:26px;
        width:16px;
        margin-top:-13px;
        background-size:16px 26px
    }
}
@media only screen and (min-width:1024px){
    .record:after{
        content:none
    }
}
@media only screen and (min-width:1024px){
    .record:hover{
        margin-left:-20px;
        margin-right:-20px;
        outline:1px solid #000;
        padding-left:20px;
        padding-right:20px
    }
}
@media only screen and (min-width:1024px){
    .record--archive:after{
        content:''
    }
}
@media only screen and (min-width:1024px){
    .record--archive:hover{
        padding-right:54px
    }
}
@media only screen and (min-width:1024px){
    .record--archive:hover:after{
        right:24px
    }
}
.record__time{
    font-weight:700;
    line-height:21px
}
@media only screen and (min-width:768px){
    .record__time{
        width:62px
    }
}
.record__hour{
    font-size:16px
}
.record__minute{
    font-size:10px
}
.record__title{
    font-size:15px;
    line-height:19px
}
@media only screen and (min-width:768px){
    .record__title{
        font-size:16px;
        line-height:20px;
        width:62.84404%;
        flex-basis:62.84404%;
        flex-shrink:0;
        padding-right:41px
    }
}
@media only screen and (min-width:1024px){
    .record__title{
        width:36.41827%;
        flex-basis:36.41827%;
        padding-right:13px
    }
    .record--archive .record__title{
        width:51.68269%;
        flex-basis:51.68269%;
        padding-right:47px
    }
}
@media only screen and (min-width:1440px){
    .record__title{
        width:41.3%;
        flex-basis:41.3%;
        padding-right:43px
    }
    .record--archive .record__title{
        width:51.68269%;
        flex-basis:51.68269%;
        padding-right:67px
    }
}
.record__type{
    font-size:12px;
    font-weight:600;
    line-height:16px;
    letter-spacing:1.5px;
    text-transform:uppercase
}
@media only screen and (min-width:768px){
    .record__type{
        line-height:26px
    }
}
@media only screen and (min-width:1024px){
    .record__type{
        width:19.83173%;
        flex-basis:19.83173%;
        padding-right:10px
    }
    .record--archive .record__type{
        width:44.47115%;
        flex-basis:44.47115%;
        padding-right:0
    }
}
@media only screen and (min-width:1440px){
    .record__type{
        width:20.3%;
        flex-basis:20.3%;
        padding-right:38px
    }
}
.record__type--26,.record__type--60{
    color:#002cff
}
.record__type--68,.record__type--70{
    color:#1c1c1c
}
.record__type--20,.record__type--54{
    color:#c30016
}
.record__type--18,.record__type--52{
    color:#1ac72c
}
.record__type--14,.record__type--16{
    color:#149dc0
}
.record__type--30,.record__type--50{
    color:#6f0092
}
.record__type--22,.record__type--56{
    color:#fc4a08
}
.record__type--24,.record__type--58{
    color:#480401
}
.record__type--28,.record__type--62{
    color:#8a8a8a
}
.record__place{
    display:none
}
@media only screen and (min-width:1024px){
    .record__place{
        display:block;
        width:18.62981%;
        flex-basis:18.62981%;
        text-align:right;
        color:#4a4a4a;
        font-size:16px;
        line-height:19px
    }
}
@media only screen and (min-width:1440px){
    .record__place{
        width:17%;
        flex-basis:17%
    }
}
.record__image{
    display:none
}
@media only screen and (min-width:1024px){
    .record__image{
        display:block;
        margin-left:35px
    }
}
@media only screen and (min-width:1440px){
    .record__image{
        margin-left:39px
    }
}
.search{
    position:relative;
    overflow-x:hidden
}
.search .content{
    min-height:500px
}
.search__input{
    width:100%;
    border:0;
    font-family:Montserrat,sans-serif;
    color:#000;
    font-size:22px;
    font-weight:700;
    line-height:27px;
    padding:9px 30px 9px 0
}
@media only screen and (min-width:768px){
    .search__input{
        font-size:35px;
        line-height:70px;
        letter-spacing:-.31px;
        padding:0 30px 0 0
    }
}
.search__input:focus~.search__stripe{
    transform:translate3d(-50%,0,0)
}
.search__stripe{
    position:absolute;
    width:200%;
    height:2px;
    background:-moz-linear-gradient(left,#000 0,#000 50%,#d3d3d3 50%,#d3d3d3 100%);
    background:-webkit-linear-gradient(left,#000 0,#000 50%,#d3d3d3 50%,#d3d3d3 100%);
    background:linear-gradient(to right,#000 0,#000 50%,#d3d3d3 50%,#d3d3d3 100%);
    bottom:0;
    transform:translate3d(0,0,0);
    transition:transform .3s ease-in-out;
    z-index:7
}
.search__button{
    border:none;
    background:0 0;
    padding:0;
    margin:0;
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    width:30px
}
.search__icon{
    height:45px;
    width:22px
}
@media only screen and (min-width:768px){
    .search__icon{
        height:70px;
        width:22px
    }
}
.show{
    position:relative;
    width:241px;
    text-decoration:none;
    display:block;
    padding-left:16px
}
@media only screen and (min-width:768px){
    .show{
        width:313px;
        padding-left:20px
    }
}
@media only screen and (min-width:1024px){
    .show{
        width:417px;
        padding-left:26px
    }
}
@media only screen and (min-width:768px){
    .show:hover .show__image,.show:hover .show__title,.show:hover .show__type{
        opacity:.5
    }
}
.show__type{
    color:#0000e5;
    font-size:10px;
    font-weight:600;
    line-height:16px;
    text-transform:uppercase;
    letter-spacing:1.25px;
    transform:rotate(-90deg);
    text-align:right;
    position:absolute;
    top:67px;
    left:-67px;
    height:16px;
    width:150px
}
@media only screen and (min-width:768px){
    .show__type{
        font-size:11px;
        line-height:20px;
        height:20px;
        letter-spacing:1.38px;
        top:80px;
        left:-80px;
        width:180px
    }
}
@media only screen and (min-width:1024px){
    .show__type{
        width:230px;
        font-size:12px;
        height:26px;
        line-height:26px;
        letter-spacing:1.5px;
        top:102px;
        left:-102px
    }
}
.show__type--26,.show__type--60{
    color:#002cff
}
.show__type--68,.show__type--70{
    color:#1c1c1c
}
.show__type--20,.show__type--54{
    color:#c30016
}
.show__type--18,.show__type--52{
    color:#1ac72c
}
.show__type--14,.show__type--16{
    color:#149dc0
}
.show__type--30,.show__type--50{
    color:#6f0092
}
.show__type--22,.show__type--56{
    color:#fc4a08
}
.show__type--24,.show__type--58{
    color:#480401
}
.show__type--28,.show__type--62{
    color:#8a8a8a
}
.show__wrapper{
    position:relative
}
.show__wrapper:before{
    display:block;
    content:'';
    width:100%;
    padding-top:56%
}
@media only screen and (min-width:768px){
    .show__wrapper:before{
        padding-top:56.31399%
    }
}
.show__image{
    position:absolute;
    left:0;
    right:0;
    top:0;
    max-width:100%
}
.show__time{
    position:relative;
    z-index:5;
    line-height:52px;
    height:52px;
    color:#000;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1.13px;
    margin-top:-32px
}
@media only screen and (min-width:768px){
    .show__time{
        margin-top:-37px
    }
}
@media only screen and (min-width:1024px){
    .show__time{
        font-size:17px;
        letter-spacing:1.27px
    }
}
.show__time span{
    display:inline-block;
    background:#fff;
    padding-right:21px
}
.show__title{
    position:relative;
    z-index:5;
    color:#000;
    font-size:15px;
    font-weight:300;
    line-height:21px;
    margin-top:-10px
}
@media only screen and (min-width:1024px){
    .show__title{
        margin-top:-5px;
        font-size:18px;
        line-height:25px
    }
}
.action__wrapper{
    position:relative
}
.action__image{
    position: relative;
    left:0;
    right:0;
    top:0;
    max-width:100%;
}
.action__params {
    padding-bottom: 15px;
}
.action__params>div {
    display:inline-block;
    background:#fff;
    padding-right:21px
}

.action__params>div:after {
    content: '|';
    display: inline-block;
    font-weight: 300;
}
.action__params>div:last-child:after {
    content: '';
}

.action_perex {
    margin: 40px 0;
    font-size: 20px;
}

.action__time{
    display: inline-block;
    position:relative;
    z-index:5;
    line-height:52px;
    height:52px;
    color:#000;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1.13px;
}

.action_tabs_links {
    margin: 0 0 30px 0;
}

.action_tabs_links a {
    display: inline-block;
    color: #8a8a8a;
    font-size: 12px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;
    margin-right: 40px;
    border-bottom: 2px solid transparent;
}

.action_tabs_links a:hover {
    border-bottom: 2px solid #000;
}

.action_tabs_links a.active {
    color: #000;
    border-bottom: 2px solid #000;
}

.tab_gallery {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media only screen and (min-width:1024px){
    .action__time{
        font-size:16px;
        letter-spacing:1.2px
    }
}
@media only screen and (min-width:768px){
    .action__params>div{
        padding-right:28px;
    }

    .action__params>div:after {
        padding-left: 28px;
    }
}
@media only screen and (min-width:1024px){
    .action__params>div{
        padding-right:37px;
    }
    .action__params>div:after {
        padding-left: 37px;
    }
}
.action__title{
    position:relative;
    z-index:5;
    color:#000;
    font-size:24px;
    line-height:29px;
    font-weight:700;
    margin:0 0 0px;
}
@media only screen and (min-width:768px){
    .action__title{
        font-size:35px;
        line-height:50px;
        letter-spacing:-.31px;
        padding-top:5px;
        background:#fff;
    }
}
@media only screen and (min-width:1024px){
    .action__title{
        padding-top:10px;
        font-size:42px;
        line-height:65px;
        letter-spacing:-.38px;
    }
}
.action__details{
    display:flex;
    flex-direction:column;
    margin-bottom:25px
}

.action__details.category-type {
    margin-bottom: 0px;
}

@media only screen and (min-width:768px){
    .action__details{
        flex-direction:row;
        margin-bottom:35px
    }
}
@media only screen and (min-width:1024px){
    .action__details{
        margin-bottom:44px
    }
}
.action__type{
    font-size:10px;
    font-weight:600;
    line-height:16px;
    text-transform:uppercase;
    letter-spacing:1.25px
}
@media only screen and (min-width:768px){
    .action__type{
        font-size:12px;
        line-height:26px;
        letter-spacing:1.5px;
        margin-right:22px
    }
}
.action__type--26,.action__type--60{
    color:#002cff
}
.action__type--68,.action__type--70{
    color:#1c1c1c
}
.action__type--20,.action__type--54{
    color:#c30016
}
.action__type--18,.action__type--52{
    color:#1ac72c
}
.action__type--14,.action__type--16{
    color:#149dc0
}
.action__type--30,.action__type--50{
    color:#6f0092
}
.action__type--22,.action__type--56{
    color:#fc4a08
}
.action__type--24,.action__type--58{
    color:#480401
}
.action__type--28,.action__type--62{
    color:#8a8a8a
}
.action__icon{
    height:18px;
    width:18px;
    fill:color
}
.action__place{
    font-size:12px;
    line-height:16px;
    letter-spacing:.9px
}
@media only screen and (min-width:768px){
    .action__place{
        font-size:16px;
        line-height:26px;
        letter-spacing:1.2px
    }
}
.action__share{
    display:none
}
@media only screen and (min-width:768px){
    .action__share{
        position: absolute;
        top: 0;
        right: -40px;
        display:block;
        margin-left:auto
    }
}
.action__icon--facebook{
    height:20px;
    width:20px;
    fill:#030104
}
.footer{
    background:url(../img/footer.jpg) center center scroll;
    height:260px;
    margin-top:44px
}
@media only screen and (min-width:768px){
    .footer{
        height:210px;
        background-image:url(../img/footer-t.jpg);
        margin-top:63px
    }
}
@media only screen and (min-width:1024px){
    .footer{
        background-image:url(../img/footer-s.jpg);
        margin-top:87px
    }
}
.footer--with-form{
    height:auto;
    min-height:540px;
    padding-top:40px;
    padding-bottom:40px
}
@media only screen and (min-width:768px){
    .footer--with-form{
        min-height:550px
    }
}
@media only screen and (min-width:1024px){
    .footer--with-form{
        min-height:520px
    }
}
@media only screen and (min-width:768px){
    .footer--with-form .footer__wrapper{
        flex-wrap:wrap;
        justify-content:flex-start;
        align-items:flex-end
    }
}
@media only screen and (min-width:768px){
    .footer--with-form .footer__title{
        width:100%;
        padding-left:5.20833%;
        padding-right:5.20833%
    }
}
@media only screen and (min-width:1024px){
    .footer--with-form .footer__title{
        padding-left:9.375%;
        padding-right:9.375%
    }
}
@media only screen and (min-width:1440px){
    .footer--with-form .footer__title{
        max-width:1440px;
        padding-left:218px;
        padding-right:218px;
        margin-left:auto;
        margin-right:auto
    }
}
@media only screen and (min-width:1600px){
    .footer--with-form .footer__title{
        max-width:100%;
        padding-left:23.95833%;
        padding-right:23.95833%
    }
}
@media only screen and (min-width:1024px){
    .footer--with-form .footer__icons{
        padding-right:9.375%
    }
}
@media only screen and (min-width:1440px){
    .footer--with-form .footer__icons{
        margin-top:-42px
    }
}
@media only screen and (min-width:768px){
    .footer--with-form .wrapper--footer{
        padding-left:0;
        padding-right:0
    }
}
@media only screen and (min-width:1024px){
    .footer--with-form .wrapper--footer{
        padding-left:0;
        padding-right:0
    }
}
.footer__wrapper{
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
@media only screen and (min-width:768px){
    .footer__wrapper{
        flex-direction:row
    }
}
@media only screen and (min-width:1024px){
    .footer__wrapper{
        justify-content:flex-start
    }
}
.footer__title{
    color:#fff;
    font-size:22px;
    font-weight:700;
    line-height:30px
}
@media only screen and (min-width:768px){
    .footer__title{
        font-size:26px;
        line-height:32px
    }
}
@media only screen and (min-width:1024px){
    .footer__title{
        font-size:32px;
        line-height:40px
    }
}
.footer__social{
    display:block
}
.footer__icon{
    fill:#fff
}
.footer__icon--plus{
    margin-right:9px;
    height:16px;
    width:16px
}
@media only screen and (min-width:768px){
    .footer__icon--plus{
        margin-right:13px;
        height:23px;
        width:23px
    }
}
.footer__icon--facebook{
    height:20px;
    width:20px
}
.footer__icon--instagram{
    height:20px;
    width:20px
}
.footer__link{
    margin:35px 0
}
@media only screen and (min-width:768px){
    .footer__link{
        margin:0 30px 0 20px
    }
}
@media only screen and (min-width:1024px){
    .footer__link{
        margin:0 30px
    }
}
.footer__btn{
    user-select:none;
    cursor:pointer;
    outline:0;
    display:inline-block;
    color:#fff;
    font-size:15px;
    font-weight:300;
    line-height:42px;
    height:42px;
    padding:0 35px;
    position:relative;
    text-decoration:none
}
@media only screen and (min-width:768px){
    .footer__btn{
        font-size:16px
    }
}
@media only screen and (min-width:1440px){
    .footer__btn{
        margin-left:10px
    }
}
.footer__btn:before{
    content:'';
    position:absolute;
    top:0;
    bottom:10px;
    left:0;
    right:0;
    border:1px solid #fff;
    border-bottom:0
}
.footer__btn:after{
    content:'';
    position:absolute;
    top:32px;
    bottom:0;
    left:0;
    right:0;
    border-left:1px solid #fff;
    border-bottom:1px solid #fff
}
.footer__btn span{
    display:block
}
.footer__btn span:before{
    content:'';
    position:absolute;
    bottom:0;
    right:-20px;
    width:20px;
    border-bottom:1px solid #fff
}
.footer__btn span:after{
    content:'';
    position:absolute;
    height:11px;
    width:10px;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
    position:absolute;
    bottom:-5px;
    right:-21px;
    transform:rotate(-45deg)
}
.footer__icons{
    display:flex;
    position: relative;
    z-index: 10;
    align-items:center
}
@media only screen and (min-width:1024px){
    .footer__icons{
        margin-left:auto
    }
}
.footer__logo{
    height:35px;
    width:35px;
    fill:#fff;
    margin-left:12px;
    margin-right:12px
}
.footer__social{
    margin-left:12px;
    margin-right:12px
}
.footer__form{
    width:100%;
    padding-left:6.25%;
    padding-right:6.25%;
    position:relative
}
@media only screen and (min-width:768px){
    .footer__form{
        width:78.125%;
        padding-left:5.20833%;
        padding-right:28px
    }
}
@media only screen and (min-width:1024px){
    .footer__form{
        width:auto;
        padding-left:9.375%;
        padding-right:0
    }
}
@media only screen and (min-width:1440px){
    .footer__form{
        width:100%;
        max-width:1440px;
        padding-left:218px;
        padding-right:218px;
        margin-left:auto;
        margin-right:auto
    }
}
@media only screen and (min-width:1600px){
    .footer__form{
        max-width:100%;
        padding-left:23.95833%;
        padding-right:23.95833%
    }
}
.footer .wpcf7-form{
    padding-top:25px;
    padding-bottom:40px;
    display:flex;
    flex-direction:column;
    width:100%
}
@media only screen and (min-width:768px){
    .footer .wpcf7-form{
        padding-left:43px;
        padding-top:35px;
        padding-bottom:0
    }
}
.header{
    padding-top:20px;
    padding-bottom:20px;
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:50
}
@media only screen and (min-width:768px){
    .header{
        padding-top:30px;
        padding-bottom:30px
    }
}
@media only screen and (min-width:768px){
    .header__base{
        width:100%
    }
}
.header__wrapper{
    display:flex;
    justify-content:space-between;
    align-items:center
}
.header__language{
    text-decoration:none;
    color:#000;
    font-size:16px;
    line-height:19px;
    text-transform:uppercase
}
.header__navigation{
    position:absolute;
    top:-20px;
    left:0;
    right:0;
    z-index:7777;
    background-color:#fff;
    height:auto;
    max-height:0;
    overflow:hidden;
    transition:max-height .3s ease-in-out
}
@media only screen and (min-width:768px){
    .header__navigation{
        position:relative;
        top:auto;
        max-height:30rem;
        background-color:transparent
    }
}
.header--open .header__navigation{
    max-height:30rem
}
.header__inside{
    padding-top:90px;
    padding-left:6.25%;
    padding-right:6.25%;
    padding-bottom:120px
}
@media only screen and (min-width:768px){
    .header__inside{
        padding:0;
        display:flex;
        justify-content:center;
        align-items:center
    }
}
.header__menu{
    height:100%;
    width:100%;
    display:flex;
    justify-content:flex-end;
    align-items:flex-start;
    position:relative;
    z-index:7778
}
@media only screen and (min-width:768px){
    .header__menu{
        display:none
    }
}
.header__menu-link{
    color:#000;
    font-size:15px;
    text-transform:uppercase;
    line-height:19px
}
.header__search{
    display:block;
    height:18px
}
.header__icon{
    height:18px;
    width:18px;
    fill:#000
}
.plan{
    border-top:1px solid #d4d4d4;
    margin-bottom:30px
}
@media only screen and (min-width:768px){
    .plan{
        margin-bottom:40px
    }
}
@media only screen and (min-width:1024px){
    .plan{
        margin-bottom:50px
    }
}
.plan+h1{
    margin-top:50px
}
@media only screen and (min-width:1024px){
    .plan+h1{
        margin-top:60px
    }
}
.plan__select{
    display:none
}
@media only screen and (min-width:768px){
    .plan__headline{
        margin-bottom:43px
    }
}
@media only screen and (min-width:1024px){
    .plan__headline{
        text-align:center
    }
}
.plan__headline--left{
    text-align:left
}
.plan__icon{
    fill:#0d269c;
    height:24px;
    width:24px
}
.plan__more{
    color:#0d269c;
    font-size:15px;
    text-decoration:none;
    display:flex;
    justify-content:flex-start;
    align-items:center
}
@media only screen and (min-width:768px){
    .plan__more{
        font-size:16px;
        letter-spacing:1.2px
    }
}
.plan__more span{
    margin-right:17px
}
.home .header__logo{
    fill:#fff
}
.home .header__menu-link{
    color:#fff
}
.home .hamburger__bar,.home .hamburger__bar:after,.home .hamburger__bar:before{
    background:#fff
}
@media only screen and (min-width:768px){
    .home .header__language,.home .navigation__link{
        color:#fff
    }
}
@media only screen and (min-width:768px){
    .home .header__icon{
        fill:#fff
    }
}
.home .header--open .hamburger__bar,.home .header--open .hamburger__bar:after,.home .header--open .hamburger__bar:before{
    background:#000
}
.home .header--open .header__menu-link{
    color:#000
}
.home .header--open .header__logo{
    fill:#000
}
::selection{
    background:#09c97b;
    color:#fff
}
::-moz-selection{
    background:#09c97b;
    color:#fff
}



/* REDESIGN */

h1.with-element.promo__title {
	position: static;
}

@keyframes title1 {
	from {
		transform: translate(-150%, -60px);
	}
	to {
		transform: translate(-220%, -60px);
	}
}

@keyframes title2 {
	from {
		transform: translate(10%, 50px);
	}
	to {
		transform: translate(65%, 50px);
	}
}

.promo__title1 {
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(-160px, -50%);
}

.promo__title2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(160px, -50%);
}

.promo__title:after, .promo__title:before {
	display: none;
}

.promo {
	height:  458px;
}

.wrapper--promo {
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	transform: translate(-50%, 0);
}

.wrapper--promo:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 40;
	width: 128px;
	height: 128px;
    transform: translate(-50%, -50%);
	background: url(../img/krizek.svg) no-repeat 0% 50%;
	background-size: contain;
}

@media only screen and (max-width: 767px) {
    .wrapper--promo {
        padding-left: 0;
    }

    .wrapper--promo:after {
        width: 64px;
        height: 64px;
        transform: translate(-50%, 0);
    }

    h1.with-element.promo__title {
        position: relative;
        top:  50px;
    }

	.promo__title2, .promo__title1 {
		left: 50%;
        right: auto;
	}

	.promo__title1 {
        bottom: 50%;
        top: auto;
		transform: translate(-50%, -60px);
        text-align: center;
	}

	.promo__title2 {
        transform: translate(-50%, 60px);
	}
}

@media only screen and (min-width: 768px) {

	h1.promo__title {
		font-size: 37px;
	}
}

@media only screen and (min-width: 1024px) {
	.wrapper--promo {
		max-width: 1024px;
	}

	h1.is-bigger {
		font-size: 55px;
	}
}

@media only screen and (min-width: 1440px) {
	.promo {
		height: 520px;
	}

	.wrapper--promo {
		max-width: 1440px;
	}
}

.contacts__photo {
	display: none;
}

.contacts__element {
	margin-bottom: 83px;
}

@media only screen and (min-width: 1024px) {
	.contacts__element {
		width: 50%;
	}
}


.wpcf7-form .selectr-container {
	position: relative;
	top: 0;
	left: 0;
	right: auto;
}

.wpcf7-form .selectr-selected {
	padding: 11px 20px;
}

.wpcf7-form .selectr-options-container {
	left: 0;
	top: 0;
	width: 355px;
	padding: 11px 20px;

}

.wpcf7-form .selectr-placeholder {
	font-weight: 400;
	color: #AAA;
}

.wpcf7-form .has-selected .selectr-placeholder {
	display: none;
}

.wpcf7-form .has-selected .selectr-label {
	display: block;
	line-height: 21px;
}

.js-gallery-carousel .flickity-prev-next-button {
    position: absolute;
    top: 0;
    height: 100%;
    width: 5vw;
    left: -5vw;
    padding: 0;
    border: 0;
    cursor: pointer;
}

.js-gallery-carousel .flickity-prev-next-button:disabled,
.js-gallery-carousel .flickity-prev-next-button[disabled] {
    opacity: 0.25;
}

.js-gallery-carousel .flickity-prev-next-button.next {
    left: auto;
    right: -5vw;
}

.js-gallery-carousel .flickity-prev-next-button.next:after {
    transform: rotate(-180deg);
}

.js-gallery-carousel img {
    max-width: 100%;
}

.content_project .article__wrapper {
    padding-top: 18px;
}

.content_project .article__logo {
    margin-top: 0;
}

.project_actions_headline {
    margin-top: 60px;
}

.project_actions .catalog__list{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.project_actions .catalog__cell {
    width: calc(100% - 12px);
    margin-right: 16px;
    margin-bottom: 40px;
}

.project_actions .catalog__cell:nth-child(3n) {
    margin: 0;
}

.project_actions .catalog__cell .show {
    width: 100%;
}

.project_actions .catalog__cell:first-child {
    padding-left: 0;
}

.project_list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    max-width: 1430px;
    margin: 0 auto 100px auto;
    padding: 0px 45px;
}

.project_list .record__image {
    display: block;
}

.project_list:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #fff;
}

.project_thumb {
    color: #000;
    text-decoration: none;
    text-align: center;
    width: 100%;
    line-height: 20px;
    border: 1px solid #d4d4d4;
    border-width: 0 0 1px 0;
}

.project_thumb .record__image {
    height: 100px;
    padding: 0;
    margin: 50px 0 0 0;
}

.project_thumb .record__image img {
    max-width: 100px;
    max-height: 100px;
    margin: 0 auto;
}

.project_thumb .record__title {
    width: 100%;
    padding: 30px 0 50px 0;
    font-size: 14px;
}

.promo_video {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    margin-bottom: 70px;
    padding-bottom: 56.25%;
}

.promo_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wrapper-spaces .text {
    min-height: 550px;
    margin-bottom: 70px;
    padding-right: 50%;
    background: url(../img/spaces-2.png) no-repeat top right;
}

.wrapper-spaces h1 {
    margin-bottom: 20px;
}

.wrapper-spaces ul {
    margin-top: 30px;
    font-size: 14px;
    list-style-type: none;
    text-transform: uppercase;
}

.wrapper-spaces li a {
    display: inline-block;
    margin-top: 10px;
    text-decoration: none;
    color: #004CFF;
}

.spaces-list h2 {
    margin-top: 70px;
}

.spaces-list .wrapper:first-child h2 {
    margin-top: 0;
}

.spaces-list .gallery img {
    max-height: 450px;
}

.space-description {
    padding-top: 26px;
    width: 75%;
}

.space-sharing {
    margin-top: 70px;
}

.program-navigation {
    position: sticky;
    top: 0;
    z-index: 30;
    height: 70px;
    background: #fff;
}

.program-navigation .selectr-container {
    top: 24px;
    right: 0;
}

.program-navigation .future-past {
    position: relative;
    top: 25px;
    height: 21px;
    line-height: 21px;
}

.program-navigation .future-past a {
    opacity: 0.3;
    color: #000000;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.5px;
    line-height: 21px;
    text-decoration: none;
    text-transform: uppercase;
}

.program-navigation .future-past span {
    display: inline-block;
    opacity: 0.3;
    padding: 0 10px;
}

.program-navigation .future-past a:hover, .program-navigation .future-past a.active {
    opacity: 1;
}

@media only screen and (min-width: 500px) {
    .project_thumb {
        width: 50%;
        border-width: 0 1px 1px 0;
    }

    .project_thumb:nth-child(2n) {
        border-right-color: #fff;
    }

    .project_actions .catalog__cell {
        width: calc(50% - 16px);
        margin-right: 16px;
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 768px) {
    .js-gallery-carousel img {
        max-width: initial;
    }

    .project_thumb {
        width: 33.3%;
    }

    .project_thumb:nth-child(2n) {
        border-right-color: #d4d4d4;
    }

    .project_thumb:nth-child(3n) {
        border-right-color: #fff;
    }

    .project_actions .catalog__cell {
        width: calc(50% - 16px);
        margin-right: 16px;
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 1024px) {
    .project_list {
        padding: 0px 114px;
    }

    .project_actions .catalog__cell {
        width: calc(33.3% - 12px);
        margin-right: 16px;
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 1080px) {
    .js-gallery-carousel .flickity-prev-next-button {
        width: 100px;
        left: -100px;
    }

    .js-gallery-carousel .flickity-prev-next-button.next {
        right: -100px;
    }
}

.full_viewport_width {
    width: 100vw;
}