/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html{
    line-height:1.15;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
article,aside,footer,header,nav,section{
    display:block
}
h1{
    font-size:2em;
    margin:0.67em 0
}
figcaption,figure,main{
    display:block
}
figure{
    margin:1em 40px
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre{
    font-family:monospace, monospace;
    font-size:1em
}
a{
    background-color:transparent;
    -webkit-text-decoration-skip:objects
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted
}
b,strong{
    font-weight:inherit
}
b,strong{
    font-weight:bolder
}
code,kbd,samp{
    font-family:monospace, monospace;
    font-size:1em
}
dfn{
    font-style:italic
}
mark{
    background-color:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-0.25em
}
sup{
    top:-0.5em
}
audio,video{
    display:inline-block
}
audio:not([controls]){
    display:none;
    height:0
}
img{
    border-style:none
}
svg:not(:root){
    overflow:hidden
}
button,input,optgroup,select,textarea{
    font-family:sans-serif;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html [type="button"],[type="reset"],[type="submit"]{
    -webkit-appearance:button
}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{
    border-style:none;
    padding:0
}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    padding:0.35em 0.75em 0.625em
}
legend{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress{
    display:inline-block;
    vertical-align:baseline
}
textarea{
    overflow:auto
}
[type="checkbox"],[type="radio"]{
    box-sizing:border-box;
    padding:0
}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{
    height:auto
}
[type="search"]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
details,menu{
    display:block
}
summary{
    display:list-item
}
canvas{
    display:inline-block
}
template{
    display:none
}
[hidden]{
    display:none
}
html{
    box-sizing:border-box
}
*,*::after,*::before{
    box-sizing:inherit
}
.ovh{
    overflow:hidden;
    position:fixed
}
.disable-hover,.loader,.disable-hover *,.loader *{
    pointer-events:none !important
}
button,input[type="button"],input[type="reset"],input[type="submit"],button{
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
    -webkit-font-smoothing:antialiased;
    background-color:#ff000f;
    border-radius:3px;
    border:none;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-family:"Proxima Nova", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size:1em;
    font-weight:600;
    line-height:1;
    padding:0.75em 1em;
    text-decoration:none;
    user-select:none;
    vertical-align:middle;
    white-space:nowrap
}
button:hover,button:focus,input[type="button"]:hover,input[type="button"]:focus,input[type="reset"]:hover,input[type="reset"]:focus,input[type="submit"]:hover,input[type="submit"]:focus,button:hover,button:focus{
    background-color:#d51107;
    color:#fff
}
button:disabled,input[type="button"]:disabled,input[type="reset"]:disabled,input[type="submit"]:disabled,button:disabled{
    cursor:not-allowed;
    opacity:0.5
}
.button{
    white-space:nowrap;
    display:inline-block;
    font-size:12px;
    font-weight:700;
    line-height:1;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:white !important;
    background-color:#ff000f;
    border:1px solid #ff000f;
    padding:10px 25px;
    -webkit-transition:all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition:all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition:all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transform:scale(1)
}
.button:hover{
    background-color:#ee1208;
    color:white !important
}
.button:focus{
    background-color:#d51107
}
.button.m{
    display:inline-block;
    height:50px;
    line-height:50px;
    padding:0 25px
}
fieldset{
    background-color:#f7f7f7;
    border:1px solid #ddd;
    margin:0 0 0.75em;
    padding:1.5em
}
input,label,select{
    display:block;
    font-family:"Proxima Nova", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size:1em
}
label{
    font-weight:600;
    margin-bottom:0.375em
}
label.required::after{
    content:"*"
}
label abbr{
    display:none
}
input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"],input:not([type]),textarea,select[multiple=multiple],textarea{
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:3px;
    box-shadow:inset 0 1px 3px rgba(0,0,0,0.06);
    box-sizing:border-box;
    font-family:"Proxima Nova", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size:1em;
    margin-bottom:0.75em;
    padding:0.5em;
    transition:border-color;
    width:100%
}
input[type="color"]:hover,input[type="date"]:hover,input[type="datetime"]:hover,input[type="datetime-local"]:hover,input[type="email"]:hover,input[type="month"]:hover,input[type="number"]:hover,input[type="password"]:hover,input[type="search"]:hover,input[type="tel"]:hover,input[type="text"]:hover,input[type="time"]:hover,input[type="url"]:hover,input[type="week"]:hover,input:not([type]):hover,textarea:hover,select[multiple=multiple]:hover,textarea:hover{
    border-color:#c4c4c4
}
input[type="color"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="email"]:focus,input[type="month"]:focus,input[type="number"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="text"]:focus,input[type="time"]:focus,input[type="url"]:focus,input[type="week"]:focus,input:not([type]):focus,textarea:focus,select[multiple=multiple]:focus,textarea:focus{
    border-color:#ff000f;
    box-shadow:inset 0 1px 3px rgba(0,0,0,0.06),0 0 5px rgba(247,34,24,0.7);
    outline:none
}
textarea{
    resize:vertical
}
input[type="search"]{
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none
}
input[type="checkbox"],input[type="radio"]{
    display:inline;
    margin-right:0.375em
}
input[type="file"]{
    padding-bottom:0.75em;
    width:100%
}
select{
    margin-bottom:1.5em;
    max-width:100%;
    width:auto
}
ul,ol{
    list-style-type:none;
    margin:0;
    padding:0
}
dl{
    margin-bottom:0.75em
}
dl dt{
    font-weight:bold;
    margin-top:0.75em
}
dl dd{
    margin:0
}
table{
    -webkit-font-feature-settings:"kern", "liga", "tnum";
    -moz-font-feature-settings:"kern", "liga", "tnum";
    -ms-font-feature-settings:"kern", "liga", "tnum";
    font-feature-settings:"kern", "liga", "tnum";
    border-collapse:collapse;
    margin:0.75em 0;
    table-layout:fixed;
    width:100%
}
th{
    border-bottom:1px solid #b7b7b7;
    font-weight:600;
    padding:0.75em 0;
    text-align:left
}
td{
    border-bottom:1px solid #ddd;
    padding:0.75em 0
}
tr,td,th{
    vertical-align:middle
}
body{
    -webkit-font-feature-settings:"kern", "liga", "pnum";
    -moz-font-feature-settings:"kern", "liga", "pnum";
    -ms-font-feature-settings:"kern", "liga", "pnum";
    font-feature-settings:"kern", "liga", "pnum";
    -webkit-font-smoothing:antialiased;
    color:#333;
    font-family:"Proxima Nova", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size:1em;
    line-height:1.5
}
h1,h2,h3,h4,h5,h6{
    font-family:"Proxima Nova", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size:1em;
    line-height:1.2;
    margin:0 0 0.75em
}
p{
    margin:0 0 0.75em
}
a{
    color:#ff000f;
    text-decoration:none;
    transition:all .1s linear
}
a:active,a:focus,a:hover{
    color:#ff000f
}
a:active,a:focus{
    outline:none
}
hr{
    border-bottom:1px solid #ddd;
    border-left:none;
    border-right:none;
    border-top:none;
    margin:1.5em 0
}
img,picture{
    margin:0;
    max-width:100%
}
html,body{
    background-color:#0c1013;
    background-repeat:repeat;
    background-position:center;
    background-size:200px;
    background-image:url(bg.png);
    display:block;
    position:relative;
    margin:0;
    padding:0;
    overflow:auto;
    color:white
}
.main-content{
    display:block;
    margin:0;
    padding:0;
    z-index:1
}
.main-content .v{
    z-index:1;
    pointer-events:none;
    display:block;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
    max-width:87.5em;
    display:none
}
@media screen and (min-width: 1025px){
    .main-content .v{
        display:block
    }
}
.main-content .v:after{
    display:block;
    content:"";
    position:fixed;
    width:1px;
    height:100%;
    left:56px;
    top:0;
    bottom:0;
    background-color:rgba(255,255,255,0.1);
    z-index:1
}
section,.section{
    position:relative;
    padding-left:1.25rem;
    padding-right:1.25rem
}
section:before,.section:before{
    display:none !important
}
@media screen and (min-width: 770px){
    section:before,.section:before{
        display:block !important
    }
}
@media (max-width: 770px){
    section,.section{
        overflow:hidden
    }
}
.h2{
    color:#ff000f;
    font-size:28px;
    font-weight:700;
    line-height:24px;
    text-transform:uppercase;
    letter-spacing:0.05em
}
.h2:before{
    position:absolute;
    left:36px;
    top:-8px;
    font-size:20px;
    font-weight:700;
    line-height:1;
    height:45px;
    background-repeat:repeat;
    background-position:center;
    background-size:200px;
    background-image:url(bg.png);
    display:block;
    z-index:1000;
    line-height:45px;
    border-radius:100%;
    z-index:1;
    width:1px;
    text-indent:-12px
}
.container{
    position:relative;
    height:100%;
    max-width:87.5em;
    margin-left:auto;
    margin-right:auto
}
.container::after{
    clear:both;
    content:"";
    display:table
}
figure{
    display:block;
    margin:0;
    padding:0;
    pointer-events:none
}
img{
    display:block;
    margin:0;
    padding:0
}
@font-face{
    font-family:'Proxima Nova';
    src:url(ProximaNova-Regular.eot);
    src:url(ProximaNova-Regular.eot?) format("embedded-opentype"),url(ProximaNova-Regular.woff2) format("woff2"),url(ProximaNova-Regular.woff) format("woff"),url(ProximaNova-Regular.ttf) format("truetype"),url(ProximaNova-Regular.svg) format("svg");
    font-weight:normal;
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'Proxima Nova';
    src:url(ProximaNova-Bold.eot);
    src:url(ProximaNova-Bold.eot?) format("embedded-opentype"),url(ProximaNova-Bold.woff2) format("woff2"),url(ProximaNova-Bold.woff) format("woff"),url(ProximaNova-Bold.ttf) format("truetype"),url(ProximaNova-Bold.svg) format("svg");
    font-weight:bold;
    font-weight:700;
    font-style:normal
}
.loader{
    position:fixed;
    overflow:hidden;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:#0c1013;
    background-repeat:repeat;
    background-position:center;
    background-size:200px;
    background-image:url(bg.png);
    z-index:100501;
    -webkit-animation-duration:.6s !important;
    animation-duration:.6s !important
}
.loader-logo{
    display:block;
    opacity:0;
    width:100%;
    -webkit-animation-duration:2s !important;
    animation-duration:2s !important;
    position:absolute;
    top:80%;
    left:50%;
    margin-left:-237px;
    margin-top:-27px;
    max-width:470px
}
@media screen and (min-width: 770px){
    .loader-logo{
        max-width:470px
    }
}
@media (max-width: 760px){
    .loader-logo{
        top:0;
        left:0;
        right:0;
        bottom:0;
        margin:auto
    }
}
.site-header{
    position:fixed;
    top:0;
    right:0;
    left:0;
    z-index:100500;
    background:linear-gradient(to bottom, rgba(0,0,0,0.75) 20%, transparent 100%)
}
@media screen and (min-width: 770px){
    .site-header{
        padding-right:40px;
        padding-left:20px
    }
}
.site-header .container{
    max-width:100%
}
.zzz{
    margin-left: -5px;
    margin-top: -6px;
    width:24px;
    height:21px;
    background-size:24px 21px;
    background-repeat:no-repeat;
    background-position:center;
    background-image:url(icons/ufo.png);
    display:block;
    z-index:10;
    display:none
}
@media screen and (min-width: 770px){
    .zzz{
        display:block;
        position:absolute;
        left:50px;
        top:76px
    }
}
.site-nav{
    text-align:left;
    border-bottom:1px solid rgba(255,255,255,0.1);
    padding-left:20px;
    padding-right:20px
}
@media screen and (min-width: 770px){
    .site-nav{
        height:86px;
        line-height:86px;
        padding-right:30px;
        padding-left:95px
    }
}
@media screen and (min-width: 1025px){
    .site-nav{
        padding-right:0
    }
}
.site-nav__list{
    display:block;
    margin:0
}
.site-nav__list-item{
    display:inline-block;
    margin:0;
    padding:0;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    color:white;
    height:80px;
    line-height:80px;
    letter-spacing:.1rem;
    margin-right:20px
}
@media screen and (min-width: 770px){
    .site-nav__list-item{
        margin-right:60px
    }
}
.site-nav__link{
    display:inline-block;
    color:inherit;
    padding-left:.1rem
}
@media screen and (min-width: 770px){
    .site-nav__link{
        height:86px;
        line-height:86px
    }
}
.site-nav__link:hover,.site-nav__link.selected{
    color:#ff000f;
    border-bottom:3px solid #ff000f
}
.site-nav__list-item--hashtag{
    float:right;
    margin-right:0;
    display:none
}
@media screen and (min-width: 770px){
    .site-nav__list-item--hashtag{
        display:block
    }
}
.site-nav__list-item--hashtag a{
    color:#fff
}
.site-nav__list-item--hashtag a:hover{
    color:#ff000f
}
.live{
    background-color:#ff000f;
    color:#fff;
    padding:4px 6px;
    margin-left:10px;
    font-size:10px;
    font-weight:700;
    position:relative;
    top:-1px
}
.indicator{
    width:6px;
    height:6px;
    background-color:#ffffff;
    border-radius:50%;
    display:inline-block;
    margin-right:6px
}
.site-footer{
    position:absolute;
    bottom:0;
    left:20px;
    right:20px;
    z-index:2
}
.site-footer .zzz{
    position:absolute;
    left:30px;
    bottom:100%;
    margin-bottom:-9px;
    top:auto
}
.site-footer .container{
    max-width:100%;
    padding:90px 7.65% 75px;
    display:table;
    width:100%;
    border-top:1px solid rgba(255,255,255,0.1)
}
.site-footer .footerlogo{
    display:block;
    background-size:184px 16px;
    width:184px;
    height:16px;
    background-image:url(acidgambit_white.2x.png);
    text-indent:-9999px;
    overflow:hidden;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto
}
@media screen and (min-width: 770px){
    .site-footer .footerlogo{
        margin-left:0
    }
}
.scrolltop{
    display:none;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
    width:23px;
    height:14px;
    background-size:23px 14px;
    background-repeat:no-repeat;
    background-position:center;
    background-image:url(up-w.png);
    opacity:.8;
    -webkit-transition:opacity 0.2s linear;
    -moz-transition:opacity 0.2s linear;
    transition:opacity 0.2s linear
}
.scrolltop:hover{
    opacity:1
}
@media screen and (min-width: 770px){
    .scrolltop{
        display:block
    }
}
.copyright{
    text-align:center;
    display:block;
    width:100%
}
@media screen and (min-width: 770px){
    .copyright{
        display:inline-block;
        display:table-cell;
        vertical-align:bottom;
        text-align:left
    }
}
.copyright small{
    padding:0;
    margin:0;
    display:block;
    color:rgba(255,255,255,0.2);
    font-size:12px;
    font-weight:400;
    line-height:16px
}
.madeby{
    text-align:center;
    color:white;
    font-size:14px;
    font-weight:400;
    line-height:16px;
    white-space:nowrap
}
@media screen and (min-width: 770px){
    .madeby{
        display:table-cell;
        vertical-align:bottom;
        text-align:right
    }
}
.coprolalia{
    display:inline-block;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(coprolalia_white.png);
    background-size:contain;
    text-indent:-9111992px;
    transition:all .1s linear;
    width:99px;
    height:75px;
    margin-left:12px;
    position:relative;
    top:10px
}
#welcome{
    background-image:url(welcome2.jpg);
    background-size:cover !important;
    background-repeat:no-repeat;
    background-position:center top;
    min-height:100%;
    height:100vh;
    max-height:600px;
    text-align:center;
    position:relative
}
#welcome .zzz{
    position:absolute;
    left:50px;
    top:95px;
    margin-top:-9px
}
#welcome .scrolldown{
    position:absolute;
    bottom:20px;
    left:0;
    right:0;
    margin:auto
}
#welcome .socials{
    position:absolute;
    left:0;
    right:0;
    bottom:80px
}
@media screen and (min-width: 770px){
    #welcome .socials{
        bottom:20px;
        right:50px;
        left:auto
    }
}
@media screen and (min-width: 770px){
    #welcome{
        min-height:750px;
        max-height:100%
    }
}
@media (min-width: 761px){
    #welcome .container{
        height:100vh
    }
}
.welcome-logo{
    display:block;
    width:470px;
    position:absolute;
    top:80%;
    left:50%;
    margin-left:-237px;
    margin-top:-27px
}
@media (max-width: 760px){
    .welcome-logo{
        top:0;
        left:0;
        right:0;
        bottom:0;
        margin:auto
    }
}
.scrolldown{
    display:block;
    width:23px;
    height:14px;
    background-size:23px 14px;
    background-repeat:no-repeat;
    background-position:center;
    background-image:url(icons/down--red@2x-b5199f038d52449018d9b16ea8feaf6ccbfaca406889726d4d9d5d9b10528d80.png);
    background-size:23px 14px
}
.social__links_list{
    display:flex;
    flex-direction:row;
    justify-content:space-around;
    vertical-align:top
}
@media screen and (min-width: 770px){
    .social__links_list{
        display:block
    }
}
.social__links_list li{
    text-align:center;
    width:28px;
    display:inline-block
}
@media screen and (min-width: 770px){
    .social__links_list li{
        display:block
    }
    .social__links_list li+li{
        margin-top:25px
    }
}
.social__links_list a{
    opacity:.9;
    -webkit-transition:opacity 0.2s linear;
    -moz-transition:opacity 0.2s linear;
    transition:opacity 0.2s linear
}
.social__links_list a:hover{
    opacity:1
}
.social__links_list .icon{
    margin:0 auto
}
.icon{
    display:block;
    position:relative;
    background-repeat:no-repeat
}
.icon:before{
    display:none !important
}
.icon.facebook{
    width:17px;
    height:17px;
    background-image:url(icons/facebook@2x-5af1d8d12b7babfc78cf88829f4f9e5ab65b5e62a1874990ff6940ad314b35f1.png);
    background-size:17px
}
.icon.instagram{
    width:17px;
    height:17px;
    background-image:url(icons/instagram@2x-381d2d89729e92a0e966f5e45ebf05f84ce50652cbdf81394ad177ce14f3e064.png);
    background-size:17px
}
.icon.instagram--b{
    width:17px;
    height:17px;
    background-image:url(icons/instagram--b@2x-9c73bbdd834e8db506e6fbc67f345323fa28305da1f0ddaf354c03bb38787b2a.png);
    background-size:17px
}
.icon.youtube{
    width:24px;
    height:17px;
    background-image:url(icons/youtube@2x-7084c975c0e6b2b8e163ef914684983c63f562db6625e6dd1c6b26caee0368f7.png);
    background-size:24px 17px
}
.icon.soundcloud{
    position:relative;
    width:28px;
    height:12px;
    background-image:url(icons/soundcloud@2x-3428f6e06cb2015dba8da4a72df2f1a1b71857e98ca6aeaca2de1630fe68ab67.png);
    background-size:28px 12px
}
.icon.twitter{
    width:20px;
    height:17px;
    background-image:url(icons/twitter@2x-53950c59e68ddf63640e838955e0b74065b85e70d89a8ac0efa3e49adbd5a0d3.png);
    background-size:20px 17px
}
.icon.vk{
    width:25px;
    height:14px;
    background-image:url(icons/vk@2x-0fb84245ba90b121db97894628166e1fca3f308fb311e160e2b3c5c3e97df6ec.png);
    background-size:25px 14px
}
.icon.time{
    width:17px;
    height:17px;
    background-image:url(icons/time-73a21aad9517462e4b053027008d3310ab66c87e5b3eb7700c759d176527bf71.png);
    background-size:17px
}
.icon.location{
    width:17px;
    height:17px;
    background-image:url(icons/location-4257d0abe86476d8805c3b97bb071fe4674d1640185b6dd27c66202c3c1ea2fb.png);
    background-size:13px 17px;
    background-position:center
}
.icon.calendar{
    width:17px;
    height:17px;
    background-image:url(icons/calendar@2x-8073c7bf7da46d1f6c653e02db48b57390b3a4e0a1a674f96d9106e8926d202f.png);
    background-size:17px 17px;
    background-position:center
}
#intro{
    padding-top:60px;
    padding-bottom:60px;
}
@media screen and (min-width: 770px){
    #intro{
        padding-top:125px;
        padding-bottom:80px
    }
}
#intro article{
    display:block
}
#intro article::after{
    clear:both;
    content:"";
    display:table
}
#intro .h2{
    text-align:center;
    margin-bottom:90px
}
#intro h3{
    margin: 0 0 0 0
}
#intro h4{
    font-weight: lighter;
    font-style: italic;
    margin: 0 0 0 0
}
@media screen and (min-width: 770px){
    #intro article{
        float:left;
        display:block;
        margin-right:1.40845%;
        width:49.29577%;
        margin-left:25.35211%
    }
    #intro article:last-child{
        margin-right:0
    }
}
#intro article p{
    color:rgba(255,255,255,0.75);
    font-size:1rem;
    line-height:1.5em
}
@media screen and (min-width: 770px){
    #intro article .col{
        display:inline-block;
        vertical-align:top;
        width:46%;
        max-width:318px;
        float:left
    }
    #intro article .col:last-child{
        float:right
    }
}
#intro:before{
    content:"N";
    left:56px;
    top:110px;
    position:absolute;
    font-size:20px;
    font-weight:700;
    line-height:1;
    height:45px;
    background-repeat:repeat;
    background-position:center;
    background-size:200px;
    background-image:url(bg.png);
    display:block;
    z-index:1000;
    line-height:45px;
    border-radius:100%;
    z-index:1;
    width:1px;
    text-indent:-9px;
    color:#ff000f
}
#intro:after{
    background-image:url(intro/intro_bg.png);
    content:" ";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    max-width:100%;
    pointer-events:none;
    z-index:1;
    background-size:100% auto;
    background-position:top;
    background-repeat:no-repeat
}

#press{
    padding-top:60px;
    padding-bottom:400px;
}
@media screen and (min-width: 770px){
    #press{
        padding-top:125px;
        padding-bottom:420px
    }
}
#press article{
    display:block
}
#press article::after{
    clear:both;
    content:"";
    display:table
}
#press .h2{
    text-align:center;
    margin-bottom:90px
}
#press h3{
    margin: 0 0 0 0
}
@media screen and (min-width: 770px){
    #press article{
        float:left;
        display:block;
        margin-right:1.40845%;
        width:49.29577%;
        margin-left:25.35211%
    }
    #press article:last-child{
        margin-right:0
    }
}
#press article p{
    color:rgba(255,255,255,0.75);
    font-size:1rem;
    line-height:1.5em
}
@media screen and (min-width: 770px){
    #press article .col{
        display:inline-block;
        vertical-align:top;
        width:46%;
        max-width:318px;
        float:left
    }
    #press article .col:last-child{
        float:right
    }
}
#press:before{
    content:"P";
    left:56px;
    top:110px;
    position:absolute;
    font-size:20px;
    font-weight:700;
    line-height:1;
    height:45px;
    background-repeat:repeat;
    background-position:center;
    background-size:200px;
    background-image:url(bg.png);
    display:block;
    z-index:1000;
    line-height:45px;
    border-radius:100%;
    z-index:1;
    width:1px;
    text-indent:-9px;
    color:#ff000f
}
#press:after{
    background-image:url(press/press_bg.png);
    content:" ";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    max-width:100%;
    pointer-events:none;
    z-index:1;
    background-size:100% auto;
    background-position:top;
    background-repeat:no-repeat
}
#video{
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(video/video_bg.png);
    z-index:1;
    display:none
}
@media screen and (min-width: 770px){
    #video{
        display:block;
        padding:130px 0 20px
    }
}
#video:before{
    content:"V";
    left:56px;
    top:120px;
    position:absolute;
    font-size:20px;
    font-weight:700;
    line-height:1;
    height:45px;
    background-repeat:repeat;
    background-position:center;
    background-size:200px;
    background-image:url(bg.png);
    display:block;
    z-index:1000;
    line-height:45px;
    border-radius:100%;
    z-index:1;
    width:1px;
    text-indent:-9px;
    color:#ff000f
}
#video .h2+.video__container{
    margin-top:50px
}
.video__container{
    display:block;
    position:relative;
    width:65.5%;
    max-width:940px;
    height:0;
    padding-bottom:36.75%;
    background-color:black;
    box-shadow:-14px 8px 50px rgba(0,0,0,0.35)
}
.video__container iframe{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    max-width:940px;
    max-height:529px !important
}
.slider__gallery{
    width:100%;
    height:auto;
    margin:0;
    z-index:1
}
.slide,.tour-video-live{
    display:block;
    width:100%;
    max-height:605px;
    height:605px;
    bottom:0;
    top:0
}
.slide .h2,.slide .video__container,.tour-video-live .h2,.tour-video-live .video__container{
    display:block;
    max-width:940px;
    width:65.5%;
    margin:0 auto
}
.slide h2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#music{
    padding-top:125px;
    background-size:45px 856px;
    background-position:bottom;
    background-repeat:repeat-x;
    background-image:url(listen/music_bg.png)
}
#music:before{
    content:"M";
    left:56px;
    top:110px;
    position:absolute;
    font-size:20px;
    font-weight:700;
    line-height:1;
    height:45px;
    background-repeat:repeat;
    background-position:center;
    background-size:200px;
    background-image:url(bg.png);
    display:block;
    z-index:1000;
    line-height:45px;
    border-radius:100%;
    z-index:1;
    width:1px;
    text-indent:-9px;
    color:#ff000f
}
#music .album__article{
    color:rgba(255,255,255,0.75);
    font-size:1rem;
    font-weight:400;
    line-height:1.5em;
    margin-top:70px;
    margin-bottom:80px
}
@media screen and (min-width: 770px){
    #music .album__article{
        max-width:340px;
        margin-left:58%;
        margin-top:0;
        margin-bottom:0
    }
}
#music h3{
    font-size:14px;
    line-height:1;
    font-weight:bold;
    letter-spacing:.1em;
    text-transform:uppercase;
    margin-bottom:25px
}
@media screen and (min-width: 770px){
    .albums__list{
        margin-top:85px;
        margin-left:58%
    }
}
.albums__list figure{
    pointer-events:auto
}
.listen-also{
    width:100%;
    display:inline-block;
    padding-top:65px;
    padding-bottom:25px;
    border-top:1px solid rgba(255,255,255,0.1);
    text-align:center
}
@media screen and (min-width: 770px){
    .listen-also{
        width:auto;
        padding-left:50.15%;
        text-align:left
    }
}
.sources__list{
    display:block;
    margin:0;
    padding:0
}
.sources__list li{
    display:block;
    vertical-align:middle;
    margin:0 auto 30px;
    padding:0
}
@media screen and (min-width: 770px){
    .sources__list li{
        margin-right:45px;
        display:inline-block
    }
    .sources__list li:last-child{
        margin-right:0
    }
}
.sources__list a img{
    margin:0 auto;
    opacity:.8;
    -webkit-transition:opacity 0.2s linear;
    -moz-transition:opacity 0.2s linear;
    transition:opacity 0.2s linear
}
@media screen and (min-width: 770px){
    .sources__list a img{
        margin:0
    }
}
.sources__list a:hover img{
    opacity:1
}
.albums__list{
    margin-bottom:115px
}
@media screen and (min-width: 770px){
    .albums__list{
        margin-top:0;
        margin-bottom:100px
    }
}
.album{
    display:inline-block;
    margin:0;
    padding:0 0 20px 0;
    text-align:center;
    cursor:pointer;
    margin-right:20px;
}
.album:last-child{
    margin-right:0
}
@media screen and (min-width: 770px){
    .album{
        margin-right:60px
    }
}
.album figure{
    position:relative;
    display:block;
    margin:0
}
.album figure img{
    display:block;
    width:100%;
    max-width:130px;
    height:auto;
    position:relative;
    top:0;
    opacity:.5;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    transition:all 0.2s linear
}
@media screen and (min-width: 770px){
    .album figure img{
        max-width:140px
    }
}
.album figure.active img{
    top:-10px;
    opacity:1
}
.album:hover figure img{
    top:-10px;
    opacity:1
}
.album h4{
    font-weight:bold;
    font-size:16px;
    line-height:1;
    margin:20px 0 5px
}
.album h5{
    margin:0;
    font-size:10px;
    opacity:.1;
    text-transform:uppercase;
    letter-spacing:.1em
}
.album__about-text{
    min-height:160px
}
.album__player{
    z-index:1
}
@media screen and (min-width: 770px){
    .album__player{
        width:50%;
        min-height:703px;
        position:absolute;
        top:0;
        left:0;
        right:50%
    }
}
.b-soundcloud{
    background-color:white
}
@media screen and (min-width: 770px){
    .b-soundcloud{
        position:absolute;
        top:0;
        right:0;
        margin-right:70px;
        width:340px;
        height:440px
    }
}
.b-soundcloud:before{
    position:absolute;
    top:0;
    left:0;
    width:739px;
    height:703px;
    display:block;
    content:" ";
    background-image:url(listen/decorations.jpg);
    background-repeat:no-repeat;
    background-size:739px 703px;
    margin-left:-222px;
    margin-top:-140px;
    z-index:-1
}

.b-bandcamp{
    background-color:white;
    width:340px;
    height:520px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 770px){
    .b-bandcamp{
        position:absolute;
        top:0;
        right:0;
        margin-top:-40px;
        margin-right:70px;
        width:340px;
        height:520px
    }
}
.b-bandcamp:before{
    position:absolute;
    top:0;
    left:0;
    width:739px;
    height:703px;
    display:block;
    content:" ";
    background-image:url(listen/decorations.png);
    background-repeat:no-repeat;
    background-size:739px 703px;
    margin-left:-222px;
    margin-top:-140px;
    z-index:-1
}
.multiSounds.fixedPlaylist .multiSounds__sound{
    height:314px !important
}
.multiSounds.fixedPlaylist .multiSounds__container{
    top:314px !important
}
#tour{
    display:none;
    padding-top:125px
}
#tour:before{
    left:56px;
    top:110px;
    position:absolute;
    font-size:20px;
    font-weight:700;
    line-height:1;
    height:45px;
    background-repeat:repeat;
    background-position:center;
    background-size:200px;
    background-image:url(bg.png);
    display:block;
    z-index:1000;
    line-height:45px;
    border-radius:100%;
    z-index:1;
    width:1px;
    text-indent:-9px;
    color:#ff000f
}
#tour .h2{
    text-align:center
}
.affiche{
    max-width:700px;
    margin:90px auto
}
.concerts-list{
    display:table;
    width:100%
}
.concerts-list__item{
    display:block;
    vertical-align:top;
    padding-top:20px;
    padding-bottom:20px;
    border-top:1px solid rgba(255,255,255,0.08);
    margin:0
}
.concerts-list__item:last-child{
    border-bottom:1px solid rgba(255,255,255,0.08)
}
.concerts-list__item-container{
    display:block;
    margin:0;
    padding:0;
    position:relative;
    width:100%
}
.concerts-list__date{
    display:inline-block;
    vertical-align:middle;
    font-size:14px;
    font-weight:700;
    line-height:34px;
    text-transform:uppercase;
    width:17%
}
.concerts-list__place{
    display:inline-block;
    vertical-align:middle;
    font-size:16px;
    font-weight:700;
    line-height:34px;
    width:33%
}
.concerts-list__city{
    display:inline-block;
    vertical-align:middle;
    font-size:16px;
    font-weight:400;
    line-height:34px;
    width:30%
}
.concerts-list__buy{
    display:inline-block;
    vertical-align:middle;
    text-align:right;
    width:20%
}
#about{
    padding-top:125px;
    padding-bottom:90px
}
#about:before{
    content:"A";
    left:56px;
    top:110px;
    position:absolute;
    font-size:20px;
    font-weight:700;
    line-height:1;
    height:45px;
    background-repeat:repeat;
    background-position:center;
    background-size:200px;
    background-image:url(bg.png);
    display:block;
    z-index:1000;
    line-height:45px;
    border-radius:100%;
    z-index:1;
    width:1px;
    text-indent:-9px;
    color:#ff000f
}
#about:after{
    background-image:url(about/about_bg.png);
    content:" ";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    max-width:100%;
    pointer-events:none;
    z-index:1;
    background-size:100% auto;
    background-position:top;
    background-repeat:no-repeat
}
@media screen and (min-width: 770px){
    #about{
        background-size:cover;
        background-position:right center
    }
}
#about .h2{
    text-align:center;
    margin-bottom:90px
}
#about article{
    max-width:700px;
    margin:0 auto
}
#about article p{
    color:rgba(255,255,255,0.75);
    font-size:16px;
    font-weight:400;
    line-height:24px
}
#about blockquote{
    margin-top:45px;
    margin-bottom:45px;
    margin-left:0;
    margin-right:0;
    padding:0
}
#about blockquote p{
    color:white;
    font-size:20px;
    font-weight:400;
    font-style:italic;
    line-height:32px;
    margin-left:-25px
}
#about blockquote cite{
    display:block;
    color:#fd4037;
    font-size:16px;
    font-weight:700;
    line-height:24px;
    font-style:normal
}
#band{
    z-index:2
}
#band .musician{
    position:relative;
    margin-bottom:1.25rem
}
@media screen and (min-width: 770px){
    #band .musician{
        float:left;
        display:block;
        margin-right:1.40845%;
        width:49.29577%
    }
    #band .musician:last-child{
        margin-right:0
    }
    #band .musician:nth-child(2n){
        margin-right:0
    }
}
#band .musician figure{
    position:relative;
    overflow:hidden;
    pointer-events:auto
}
#band .musician figure:after{
    background-color:rgba(17,21,24,0.7);
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    content:"";
    pointer-events:none;
    z-index:0;
    opacity:0;
    -webkit-transition:all 0.35s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition:all 0.35s cubic-bezier(0.77, 0, 0.175, 1);
    transition:all 0.35s cubic-bezier(0.77, 0, 0.175, 1)
}
#band .musician figure img{
    display:block;
    z-index:0;
    width:100% !important;
    height:auto !important;
    cursor: pointer;
}
#band .musician figure figcaption{
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    z-index:1;
    padding:20px;
    text-shadow: 0 0 16px #000;
}
@media screen and (min-width: 770px){
    #band .musician figure figcaption{
        padding:2.1875rem
    }
}
#band .musician figure figcaption h3{
    font-size:1.5rem;
    font-weight:500;
    line-height:32px;
    margin:0
}
#band .musician figure figcaption h4{
    color:rgba(255,255,255,0.5);
    font-size:0.875rem;
    font-weight:700;
    line-height:26px;
    text-transform:uppercase;
    margin:0
}
#band .musician figure .info{
    position:relative;
    opacity:0;
    margin-bottom:-100px;
    -webkit-transition:all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition:all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition:all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    padding-top:20px;
    margin-top:20px;
    border-top:1px solid rgba(255,255,255,0.1)
}
#band .musician figure .info p{
    opacity:0.75;
    color:white;
    font-size:16px;
    font-weight:normal;
    line-height:24px
}
#band .musician:hover figure .info{
    position:relative;
    opacity:1;
    bottom:0;
    margin-bottom:0
}
#contact{
    background-image:url(contacts/contacts_bg@2x-a6c11e43300879d517ce958b48e3bea34b6f11c75296eb9b940582a70da32a82.png);
    z-index:1;
    padding-top:60px;
    padding-bottom:450px;
    background-size:190% auto;
    background-repeat:no-repeat;
    display:none;
}
@media screen and (min-width: 770px){
    #contact{
        background-size:cover;
        padding-top:160px;
        padding-bottom:540px
    }
}
#contact:before{
    content:"C";
    left:56px;
    top:150px;
    position:absolute;
    font-size:20px;
    font-weight:700;
    line-height:1;
    height:45px;
    background-repeat:repeat;
    background-position:center;
    background-size:200px;
    background-image:url(bg.png);
    display:block;
    z-index:1000;
    line-height:45px;
    border-radius:100%;
    z-index:1;
    width:1px;
    text-indent:-9px;
    color:#ff000f
}
#contact .h2{
    margin-bottom:35px
}
@media screen and (min-width: 770px){
    #contact .h2{
        margin-bottom:90px
    }
}
#contact .contacts__table{
    width:100%
}
#contact section{
    padding:0;
    display:inline-block;
    vertical-align:top
}
#contact section h3{
    font-size:16px;
    font-weight:bold;
    margin:0 0 30px
}
#contact section p{
    font-size:16px;
    line-height:24px
}
#contact section a{
    color:inherit
}
#contact section a:hover{
    color:#ff000f
}
@media screen and (min-width: 770px){
    #contact .booking{
        width:37.6%;
        max-width:360px;
        float:left
    }
}
@media screen and (min-width: 770px){
    #contact .pr{
        float:left
    }
}
#contact .contact__actions{
    vertical-align:middle
}
@media screen and (min-width: 770px){
    #contact .contact__actions{
        width:30%;
        text-align:right;
        float:right
    }
}
@media (max-width: 770px){
    #contact .contact__actions{
        display:block
    }
}
#contact .contact__actions .button{
    margin-top:30px
}
@media (max-width: 770px){
    #contact .contact__actions .button{
        width:48%;
        text-align:center
    }
    #contact .contact__actions .button+.button{
        margin-left:4%
    }
}
.red{
    color:#ff000f
}
#roadmap{
    background-image:url(tour/map-full-start-0d4624197d6158029c56aeb6c5817e26f791a5623602913c05488fa74530b46e.jpg),url(tour/map-bg-158a3a632cbd6f0a3ab0096fdbdc0d4187c0aac4eef2ed435a0adbb306d7f5c5.jpg);
    background-repeat:no-repeat, repeat;
    background-size:auto 100%, 50px 50px;
    background-position:bottom center, top left;
    height:1058px;
    padding-top:185px
}
#roadmap .container{
    width:940px;
    margin:0 auto
}
@media (max-width: 770px){
    #roadmap .container{
        width:96%;
        height:315px
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
    #roadmap{
        background-image:url(tour/map-full-start@2x-0f820efebd6eaf82d5b31d3e8fa2f145f0237a0064b020dc342bf314df958c78.jpg),url(tour/map-bg-158a3a632cbd6f0a3ab0096fdbdc0d4187c0aac4eef2ed435a0adbb306d7f5c5.jpg)
    }
}
@media (max-width: 770px){
    #roadmap{
        padding-top:135px;
        background-image:url(tour/map-full-clean-dabc8722d7517ba79f115e4cb1e18c4052b42151ffcf96319399f51e550cdf27.jpg),url(tour/map-bg-158a3a632cbd6f0a3ab0096fdbdc0d4187c0aac4eef2ed435a0adbb306d7f5c5.jpg);
        background-position:top center, top left;
        background-size:cover, 50px 50px
    }
}
.roadmap-title{
    color:white;
    font-size:30px;
    margin-bottom:110px;
    font-weight:700;
    line-height:1
}
@media (min-width: 770px){
    .roadmap-title{
        font-size:48px
    }
}
@media (max-width: 770px){
    .roadmap-title{
        margin-bottom:50px
    }
}
.roadmap-description{
    width:600px;
    font-size:24px;
    margin-top:34px
}
@media (max-width: 770px){
    .roadmap-description{
        width:96%
    }
}
.roadmap-cities{
    position:relative
}
@media screen and (min-width: 770px){
    .roadmap-cities{
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0
    }
}
.city-name{
    color:white;
    font-size:16px;
    font-weight:700;
    line-height:1;
    letter-spacing:0.1em
}
@media screen and (min-width: 770px){
    .city-name{
        display:none
    }
}
.roadmap-cities__city{
    display:block;
    padding-bottom:60px;
    padding-left:30px;
    position:relative
}
.roadmap-cities__city:before{
    display:block;
    width:0px;
    height:100%;
    position:absolute;
    left:5px;
    top:12px;
    right:0;
    bottom:0;
    border-right:2px dashed #4a525a;
    content:""
}
.roadmap-cities__city:last-of-type:before{
    display:none
}
.roadmap-cities__city.current .pin{
    background-color:#fff;
    box-shadow:0 0 0 10px #ff000f
}
.roadmap-cities__city.current:before{
    border-color:#4a525a
}
.roadmap-cities__city.current ~ .roadmap-cities__city .pin{
    background-color:#4a525a
}
.roadmap-cities__city.current ~ .roadmap-cities__city:before{
    border-color:#4a525a
}
.roadmap-cities__city.amsterdam .city-popup__title{
    font-size:26px;
    letter-spacing:0
}
@media screen and (min-width: 770px){
    .roadmap-cities__city{
        display:inline-block;
        padding-bottom:0;
        padding-left:0;
        position:static
    }
    .roadmap-cities__city:before{
        display:none
    }
}
@media screen and (min-width: 770px){
    .roadmap-cities__city.budapest .pin{
        top:737px;
        margin-left:70px
    }
    .roadmap-cities__city.berlin .pin{
        top:570px;
        margin-left:-114px
    }
    .roadmap-cities__city.amsterdam .pin{
        top:572px;
        margin-left:-270px
    }
    .roadmap-cities__city.paris .pin{
        top:706px;
        margin-left:-360px
    }
    .roadmap-cities__city.madrid .pin{
        bottom:89px;
        margin-left:-382px
    }
    .roadmap-cities__city.venezia .pin{
        bottom:238px;
        margin-left:-110px
    }
    .roadmap-cities__city.kyiv .pin{
        top:640px;
        margin-left:308px
    }
}
.pin{
    width:12px;
    height:12px;
    background-color:#ff000f;
    border-radius:50%;
    position:absolute;
    left:0;
    top:6px;
    cursor:pointer
}
@media screen and (min-width: 770px){
    .pin{
        left:50%;
        top:auto
    }
}
.pin:before{
    width:50px;
    height:50px;
    border-radius:50%;
    width:112px;
    height:112px;
    background-color:rgba(248,58,49,0.2);
    border:2px solid #ff000f;
    position:absolute;
    top:-50px;
    left:-50px;
    content:'';
    opacity:0;
    transition:all .2s ease
}
.pin.active{
    background-color:#ffffff;
    box-shadow:0 0 0 10px #ff000f;
    cursor:auto
}
.pin.active:before{
    opacity:1
}
.city-popup{
    display:none;
    width:100%;
    max-width:410px;
    height:430px;
    background-color:#282e33;
    box-shadow:0 5px 160px rgba(0,0,0,0.3);
    position:absolute;
    z-index:20;
    right:0;
    left:0;
    bottom:-55px;
    margin:auto
}
@media screen and (min-width: 770px){
    .city-popup{
        right:10%;
        left:auto;
        bottom:105px
    }
}
.sity-popup--temp{
    height:360px;
    overflow:hidden
}
.popup-close{
    position:absolute;
    top:0;
    right:0;
    width:50px;
    height:50px;
    background-color:transparent !important;
    border:0;
    outline:0 !important;
    background-image:url(icons/x@2x-79d409c829bde79c306b7620a4122856489cd181a504b07e87ad5e7591aa11af.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:16px;
    z-index:2;
    opacity:1;
    transition:opacity .15s ease
}
.popup-close:hover{
    opacity:.8
}
.city-popup__header-figure{
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    pointer-events:none
}
.city-popup__header-img{
    display:block;
    width:100%;
    height:auto
}
.city-popup__content{
    margin-top:170px;
    padding:0 20px 20px;
    color:#ffffff;
    position:relative;
    z-index:1
}
.city-popup__title{
    font-size:28px;
    font-weight:700;
    line-height:1;
    letter-spacing:.05em;
    text-transform:uppercase
}
.city-popup__location-list,.city__location-list{
    font-size:16px;
    font-weight:400;
    line-height:20px
}
.city-popup__location-list-item,.city__location-list-item{
    padding-left:35px;
    position:relative
}
.city-popup__location-list-item .icon,.city__location-list-item .icon{
    position:absolute;
    top:1px;
    left:0
}
.city-popup__location-list-item a,.city__location-list-item a{
    color:inherit;
    text-decoration:none;
    border:0
}
.city-popup__location-list-item{
    margin-bottom:8px
}
.city__location-list-item{
    font-size:20px;
    line-height:1;
    margin-bottom:15px;
    text-shadow:0 3px 16px rgba(11,15,18,0.96)
}
.city__location-list-item b{
    font-weight:normal
}
.more-info{
    color:#ff000f;
    font-size:14px;
    font-weight:700;
    line-height:24px;
    text-transform:uppercase;
    margin:35px 0 0 30px;
    display:block
}
.city-popup__footer{
    display:block;
    margin:0;
    padding:0;
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    right:0
}
.city-popup__button{
    color:white;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    width:50%;
    height:60px;
    line-height:60px;
    margin:0;
    padding:0;
    display:inline-block;
    text-align:center;
    vertical-align:top;
    position:relative
}
.city-popup__button.facebook{
    background-color:#3b5998
}
.city-popup__button.facebook i{
    position:absolute;
    top:21px;
    left:20px
}
.city-popup__button.buy-tickets{
    background-color:#ff000f
}
.city-popup__button:hover{
    color:inherit;
    opacity:.7
}
.city-popup__button:only-child{
    width:100%
}
.city-popup__button:only-child i{
    position:relative;
    top:auto;
    left:auto;
    display:inline-block;
    margin:-4px 10px 0 0;
    vertical-align:middle
}
#partners{
    padding-top:77px;
    padding-bottom:77px;
    text-align:center;
    position:relative;
    z-index:2
}
#partners:after{
    content:"";
    background:rgba(255,255,255,0.1);
    position:absolute;
    display:block;
    height:1px;
    left:16.5%;
    right:0;
    bottom:0
}
@media (max-width: 770px){
    #partners{
        padding-top:30px;
        padding-bottom:30px
    }
    #partners:after{
        left:0
    }
}
.partners-list{
    position:relative;
    text-align:center;
    max-width:760px;
    margin:0 auto
}
.partners-list--inner{
    max-width:700px
}
.partners-list__item{
    display:inline-block;
    vertical-align:middle;
    text-align:center;
    margin-bottom:20px;
    padding:10px 85px
}
@media screen and (min-width: 770px){
    .partners-list__item{
        width:auto;
        padding:10px 40px
    }
}
@media (max-width: 600px){
    .partners-list__item{
        padding:10px 40px
    }
}
.partners-list__link{
    display:block;
    text-align:center;
    opacity:.8;
    transition:all 0.15s ease
}
.partners-list__link:hover{
    opacity:1
}
.partners-list__img{
    margin:0 auto;
    max-width:100%;
    opacity:0.5
}
@media screen and (min-width: 770px){
    .partners-list__img{
        max-width:200px;
        max-height:75px
    }
}
#tour-about{
    padding-top:320px;
    padding-bottom:75px;
    color:white;
    margin-top:-180px;
    position:relative;
    z-index:1
}
#tour-about:before{
    content:"01";
    left:56px;
    top:313px;
    position:absolute;
    font-size:20px;
    font-weight:700;
    line-height:1;
    height:45px;
    background-repeat:repeat;
    background-position:center;
    background-size:200px;
    background-image:url(bg.png);
    display:block;
    z-index:1000;
    line-height:45px;
    border-radius:100%;
    z-index:1;
    width:1px;
    text-indent:-9px;
    color:#ff000f
}
#tour-about:after{
    background-image:url(tour-about-bg.png);
    background-repeat:no-repeat;
    content:" ";
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    max-width:100%;
    pointer-events:none;
    z-index:1;
    background-size:cover;
    background-position:80% top !important;
    top:-100px
}
@media screen and (min-width: 770px){
    #tour-about:after{
        top:0;
        background-size:auto 120%;
        background-position:right top !important
    }
}
#tour-about h2{
    margin-bottom:90px
}
#tour-about article{
    max-width:700px;
    margin:0 auto
}
#tour-about article p{
    color:rgba(255,255,255,0.75);
    font-size:16px;
    font-weight:400;
    line-height:24px
}
@media (max-width: 770px){
    #tour-about{
        padding-top:250px
    }
}
.tour-about-wrap{
    margin:0 8% 0 16%
}
@media (max-width: 1025px){
    .tour-about-wrap{
        margin-right:2%
    }
}
@media (max-width: 770px){
    .tour-about-wrap{
        margin:0
    }
}
.tour-about-col{
    display:inline-block;
    vertical-align:top;
    width:33.3%;
    margin-top:20px;
    padding-right:35px
}
.tour-about-col:last-child{
    padding-right:0
}
.tour-about-col h3{
    font-size:24px;
    color:#ff000f;
    margin:0
}
.tour-about-col p{
    margin-top:35px;
    max-width:380px
}
.tour-about-col p:after{
    content:"";
    margin-top:50px;
    clear:both;
    display:block;
    width:35px;
    height:3px;
    background-color:#ff000f
}
@media (max-width: 600px){
    .tour-about-col{
        width:100%;
        margin:0 0 30px;
        padding:0
    }
    .tour-about-col p{
        margin-top:20px
    }
    .tour-about-col p:after{
        margin-top:20px
    }
}
.tour-about__lead{
    font-size:20px;
    line-height:32px
}
@media screen and (min-width: 770px){
    .tour-about__lead{
        float:left;
        display:block;
        margin-right:2.12766%;
        width:36.17021%
    }
    .tour-about__lead:last-child{
        margin-right:0
    }
}
.tour-about__text{
    font-size:16px;
    line-height:24px
}
@media screen and (min-width: 770px){
    .tour-about__text{
        float:left;
        display:block;
        margin-right:2.12766%;
        width:48.93617%;
        margin-left:12.76596%
    }
    .tour-about__text:last-child{
        margin-right:0
    }
}
#follow-us{
    padding-top:75px;
    padding-bottom:350px;
    background-image:url(contacts/contacts_bg@2x-a6c11e43300879d517ce958b48e3bea34b6f11c75296eb9b940582a70da32a82.png);
    background-repeat:no-repeat;
    z-index:1;
    background-size:220% auto;
    background-position:-100px -40px
}
@media screen and (min-width: 770px){
    #follow-us{
        background-size:cover;
        background-position:center;
        padding-bottom:540px
    }
}
#follow-us:before{
    content:"02";
    left:56px;
    top:67px;
    position:absolute;
    font-size:20px;
    font-weight:700;
    line-height:1;
    height:45px;
    background-repeat:repeat;
    background-position:center;
    background-size:cover;
    background-image:url(bg.png);
    display:block;
    z-index:1000;
    line-height:45px;
    border-radius:100%;
    z-index:1;
    width:1px;
    text-indent:-9px;
    color:#ff000f
}
#follow-us h2{
    margin-bottom:90px
}
.follow-us__socials{
    display:block
}
.follow-us__socials::after{
    clear:both;
    content:"";
    display:table
}
@media screen and (min-width: 770px){
    .follow-us__socials{
        float:left;
        display:block;
        margin-right:2.12766%;
        width:36.17021%
    }
    .follow-us__socials:last-child{
        margin-right:0
    }
}
.follow-us__list{
    display:block;
    margin:0;
    padding:0;
    width:100%
}
.follow-us__list-item{
    display:inline-block;
    vertical-align:top;
    margin-bottom:20px;
    width:100%;
    max-width:280px;
    margin-right:auto;
    margin-left:auto;
    display:block
}
@media screen and (min-width: 770px){
    .follow-us__list-item{
        margin-right:20px;
        display:inline-block
    }
}
@media screen and (min-width: 1025px){
    .follow-us__list-item{
        margin-right:0;
        float:left;
        display:block;
        margin-right:5.88235%;
        width:29.41176%
    }
    .follow-us__list-item:last-child{
        margin-right:0
    }
}
.follow-us__link{
    width:100%;
    height:50px;
    line-height:50px;
    background-color:#fff;
    text-align:center;
    display:block;
    color:#000;
    position:relative;
    opacity:1;
    transition:opacity .2s ease
}
.follow-us__link:hover{
    opacity:.7
}
.follow-us__link .icon{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto
}
.follow-us__link.youtube{
    background-color:#cd201f
}
.follow-us__link.facebook{
    background-color:#3b5998
}
.follow-us__link.instagram{
    background-color:#fff
}
.follow-us__contacts{
    padding:0;
    vertical-align:top;
    margin-top:65px
}
@media screen and (min-width: 770px){
    .follow-us__contacts{
        width:37.6%;
        max-width:360px;
        float:left;
        margin-top:0;
        float:left;
        display:block;
        margin-right:2.12766%;
        width:36.17021%;
        margin-left:12.76596%
    }
    .follow-us__contacts:last-child{
        margin-right:0
    }
}
.follow-us__contacts h3{
    font-size:16px;
    font-weight:bold;
    margin:0 0 30px
}
.follow-us__contacts p{
    font-size:16px;
    line-height:24px
}
.follow-us__contacts a{
    color:inherit
}
.follow-us__contacts a:hover{
    color:#ff000f
}
.conteiner--medium{
    padding-left:7.65%;
    padding-right:7.65%
}
@media screen and (min-width: 770px){
    .container--smaller{
        padding-left:14.2%;
        padding-right:7.8%
    }
}
#tour-inner-header{
    background-color:#0f1417;
    padding-top:160px;
    padding-bottom:60px;
    box-shadow:0 5px 160px rgba(0,0,0,0.3)
}
@media screen and (min-width: 770px){
    #tour-inner-header{
        height:100vh;
        height:850px
    }
    #tour-inner-header .container{
        height:600px
    }
}
.tour-inner__title{
    display:block;
    font-size:48px;
    font-weight:700;
    line-height:1;
    margin-bottom:25px
}
.tour-city-inner{
    background-size:cover;
    background-position:center
}
.tour-city-inner .pin{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto
}
.page-amsterdam .tour-city-inner{
    background-image:url(tour/cities/amsterdam@2x-1dca64c4d96bac5df9128a4741916b2520dee841e596075d758f224726dd4eb2.jpg)
}
.page-amsterdam .follow--city:before{
    content:"01" !important
}
.page-barcelona .tour-city-inner{
    background-image:url(tour/cities/barcelona@2x-1e575421aa4cde388fa7fd3fb493eb4c630976aecda381bfd3799ea668ca953a.jpg)
}
.page-barcelona .follow--city:before{
    content:"01" !important
}
.page-berlin .tour-city-inner{
    background-image:url(tour/cities/berlin@2x-8c54aef232f7592618bd8e8c7c0c850d92441d4bf7713b42a13bad0db5d35740.jpg)
}
.page-berlin .follow--city:before{
    content:"01" !important
}
.page-budapest .tour-city-inner{
    background-image:url(tour/cities/budapest@2x-07f80f6548438c64862e0269f078c63ea34363db8cef0792eeb4491dfab43ab3.jpg)
}
.page-budapest .follow--city:before{
    content:"01" !important
}
.page-kyiv .tour-city-inner{
    background-image:url(tour/cities/kyiv@2x-c98ef3ccbb8956b82651fe62d0e30e6113843d31b42d646d2d2af7f6ef070bda.jpg)
}
.page-kyiv .follow--city:before{
    content:"01" !important
}
.page-paris .tour-city-inner{
    background-image:url(tour/cities/paris@2x-e956eac51ff9d862d1404aee5cb675c64d439a3f6c2fbd075738167d4adc12f9.jpg)
}
.page-paris .follow--city:before{
    content:"01" !important
}
.page-venice .tour-city-inner{
    background-image:url(tour/cities/venice@2x-220390b212c6b4eb6ab7f381ca2ccd0f4963ef6eca9e11a56fa36339efc8a2d7.jpg)
}
.page-venice .follow--city:before{
    content:"01" !important
}
#city-video{
    padding-top:20px;
    padding-bottom:40px
}
@media screen and (min-width: 770px){
    #city-video{
        padding-bottom:180px;
        padding-top:60px
    }
}
#city-video:before{
    content:"01";
    left:56px;
    top:53px;
    position:absolute;
    font-size:20px;
    font-weight:700;
    line-height:1;
    height:45px;
    background-repeat:repeat;
    background-position:center;
    background-size:200px;
    background-image:url(bg.png);
    display:block;
    z-index:1000;
    line-height:45px;
    border-radius:100%;
    z-index:1;
    width:1px;
    text-indent:-9px;
    color:#ff000f
}
#city-video .h2{
    margin-bottom:30px
}
@media screen and (min-width: 770px){
    #city-video .h2{
        margin-bottom:75px
    }
}
.video__container--tour{
    width:100%;
    max-width:100%;
    padding-bottom:56.5%;
    position:relative;
    margin:35px auto 90px
}
@media screen and (min-width: 770px){
    .video__container--tour{
        margin:0 auto
    }
}
.video__container--tour iframe{
    max-width:100%;
    max-height:100% !important
}
.video-preview{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:2
}
.video-preview img{
    display:block;
    width:100%;
    height:auto
}
.video__button{
    display:block;
    width:124px;
    height:124px;
    background-color:rgba(255,255,255,0.3);
    border-radius:50%;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
    appearance:none;
    outline:0;
    z-index:3;
    transition:all .2s ease
}
.video__button:hover{
    background-color:rgba(255,255,255,0.3);
    width:110px;
    height:110px
}
.video__button:hover .video__button-bg-1{
    width:95px;
    height:95px
}
.video__button-bg-1{
    display:block;
    width:100px;
    height:100px;
    background-color:rgba(255,255,255,0.3);
    border-radius:50%;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
    transition:all .2s ease
}
.video__button-bg-2{
    display:block;
    width:80px;
    height:80px;
    background-color:white;
    border-radius:50%;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
    transition:all .2s ease
}
.video__button-bg-2:after{
    display:block;
    content:'';
    width:0;
    height:0;
    border-style:solid;
    border-width:13.5px 0 13.5px 20px;
    border-color:transparent transparent transparent #fd3c32;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:5px;
    margin:auto
}
#city-photos .h2{
    margin-bottom:30px
}
@media screen and (min-width: 770px){
    #city-photos .h2{
        margin-bottom:75px
    }
}
#city-photos:before{
    content:"02";
    left:56px;
    top:-8px;
    position:absolute;
    font-size:20px;
    font-weight:700;
    line-height:1;
    height:45px;
    background-repeat:repeat;
    background-position:center;
    background-size:200px;
    background-image:url(bg.png);
    display:block;
    z-index:1000;
    line-height:45px;
    border-radius:100%;
    z-index:1;
    width:1px;
    text-indent:-9px;
    color:#ff000f
}
.photos-grid{
    position:relative;
    display:block;
    column-gap:1.5em
}
.photos-grid::after{
    clear:both;
    content:"";
    display:table
}
@media screen and (min-width: 770px){
    .photos-grid{
        column-count:2
    }
}
.photo-figure{
    display:block;
    margin:0;
    padding:0;
    width:100%;
    margin-bottom:1.5em;
    float:left;
    pointer-events:auto
}
.photo-figure .photo{
    display:block;
    width:100%;
    height:auto
}
.photo-figure__a{
    display:block;
    margin:0;
    padding:0;
    border:0;
    position:relative
}
.photo-figure__a:after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-repeat:no-repeat;
    background-position:15px 22px;
    background-size:32px 32px;
    background-image:url(icons/instagram-p@2x-6a7d0614dc13b54734d9f94f245ff270602f400cb48720a0237fd9957154651e.png);
    background-color:rgba(0,0,0,0.4);
    transition:background-color .2s ease
}
.photo-figure__a:hover:after{
    background-color:transparent
}
.follow--city:before{
    content:"03" !important
}
.city-actions{
    width:225px;
    margin:340px auto 130px
}
@media screen and (min-width: 770px){
    .city-actions{
        position:absolute;
        top:0;
        right:0;
        margin:0
    }
}
.city-actions a{
    display:block;
    max-width:225px;
    width:100%;
    height:55px;
    background-color:#383f44;
    padding-left:50px;
    line-height:55px;
    color:white;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:0.1em;
    position:relative;
    opacity:1;
    transition:opacity .2s ease;
    margin:0 auto 20px
}
@media screen and (min-width: 770px){
    .city-actions a{
        margin:0 0 20px
    }
}
.city-actions a:hover{
    opacity:.7
}
.city-actions a .icon{
    position:absolute;
    top:0;
    bottom:0;
    left:17px;
    margin:auto
}
.city-actions a.facebook{
    background-color:#3b5998
}
.city-actions a.buy-tickets{
    padding:0;
    text-align:center;
    background-color:#ff000f
}
.city-switcher{
    position:absolute;
    bottom:0;
    right:0
}
.city-switcher__button{
    display:inline-block;
    width:40px;
    height:40px;
    background-color:rgba(255,255,255,0.05);
    transition:all .2s ease;
    background-size:9px 14px;
    background-repeat:no-repeat;
    background-position:center
}
.city-switcher__button:hover{
    background-color:rgba(255,255,255,0.15)
}
.city-switcher__button+.city-switcher__button{
    margin-left:10px
}
.city-switcher__button--prev{
    background-image:url(icons/left--red@2x-1a82d2870a611c3fd8b6323e4cf51f9d8dd36ad5e416be7ab8a7208b08f12cad.png)
}
.city-switcher__button--next{
    background-image:url(icons/right--red@2x-93ac5c47a1bab224e710e59e24187b017cec30cd81ce430a012deb7039eba731.png)
}
.city-share{
    position:absolute;
    bottom:0;
    left:0
}
.city-share__title{
    margin-bottom:15px;
    text-shadow:0 3px 16px rgba(11,15,18,0.96);
    color:white;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:0.1em
}
.likely .likely__widget{
    display:inline-block;
    margin-bottom:0;
    margin-right:10px;
    width:40px;
    height:40px;
    text-align:center;
    line-height:46px;
    vertical-align:middle;
    border-radius:0;
    border:0;
    background-color:rgba(255,255,255,0.05);
    cursor:pointer
}
.likely .likely__widget svg{
    fill:#FFFFFF
}
.likely .likely__widget_twitter{
    background-color:#1da1f2
}
.likely .likely__widget_facebook{
    background-color:#3b5998
}
.page-tour #video:before{
    content:"03"
}
.page-tour .tour-video-live{
    overflow:hidden
}
#tour-listen:before{
    content:"02";
    left:56px;
    top:58px;
    position:absolute;
    font-size:20px;
    font-weight:700;
    line-height:1;
    height:45px;
    background-repeat:repeat;
    background-position:center;
    background-size:200px;
    background-image:url(bg.png);
    line-height:45px;
    border-radius:100%;
    z-index:1;
    width:1px;
    text-indent:-9px;
    color:#ff000f
}
#tour-listen:after{
    content:"";
    background:#fff;
    opacity:0.1;
    display:block;
    height:1px;
    left:16.5%;
    right:0;
    top:0;
    position:absolute
}
#tour-listen .container{
    margin:0 8% 0 16%;
    max-width:100%
}
@media (max-width: 770px){
    #tour-listen .container{
        margin:0
    }
}
#tour-listen .listen-also{
    padding-left:0;
    border:0;
    width:100%
}
#tour-listen .listen-also h3,#tour-listen .listen-also .sources__list{
    display:inline-block;
    vertical-align:middle;
    line-height:28px
}
@media (max-width: 770px){
    #tour-listen .listen-also h3,#tour-listen .listen-also .sources__list{
        display:block
    }
}
#tour-listen .listen-also h3{
    margin:0;
    width:33%;
    padding-right:35px;
    text-transform:uppercase
}
@media (max-width: 800px){
    #tour-listen .listen-also h3{
        width:100%;
        padding-right:0;
        padding-bottom:30px
    }
}
#tour-listen .listen-also .sources__list li{
    margin-bottom:0;
    margin-right:75px
}
#tour-listen .listen-also .sources__list li:last-child{
    margin-right:0
}
@media (max-width: 1025px){
    #tour-listen .listen-also .sources__list li{
        margin-right:40px
    }
}
@media (max-width: 770px){
    #tour-listen .listen-also .sources__list li{
        margin:0 0 36px 0
    }
}
@media (max-width: 600px){
    #tour-listen:after{
        left:0
    }
}
/*! Flickity v1.1.1 http://flickity.metafizzy.co ---------------------------------------------- */
.flickity-enabled{
    position:relative
}
.flickity-enabled:focus{
    outline:none
}
.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
}
.flickity-prev-next-button{
    position:absolute;
    top:50%;
    width:70px;
    height:70px;
    border:none;
    border-radius:0;
    background:white;
    background:rgba(255,255,255,0.05);
    cursor:pointer;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.flickity-prev-next-button:hover{
    background:rgba(255,255,255,0.2)
}
.flickity-prev-next-button:focus{
    outline:none;
    background:rgba(255,255,255,0.25)
}
.flickity-prev-next-button:active{
    filter:alpha(opacity=60);
    background:rgba(255,255,255,0.6)
}
.flickity-prev-next-button.previous{
    left:6.5%
}
.flickity-prev-next-button.next{
    right:6.5%
}
.flickity-rtl .flickity-prev-next-button.previous{
    left:auto;
    right:10px
}
.flickity-rtl .flickity-prev-next-button.next{
    right:auto;
    left:10px
}
.flickity-prev-next-button:disabled{
    filter:alpha(opacity=30);
    opacity:0.3;
    cursor:auto;
    pointer-events:none
}
.flickity-prev-next-button svg{
    display:block;
    height:23px;
    top:0;
    right:0;
    bottom:0;
    left:0;
    position:absolute;
    margin:auto
}
.flickity-prev-next-button .arrow{
    fill:#ff000f
}
.flickity-prev-next-button.no-svg{
    color:#333;
    font-size:26px
}
.flickity-page-dots{
    position:absolute;
    width:100%;
    bottom:-25px;
    padding:0;
    margin:0;
    list-style:none;
    text-align:center;
    line-height:1
}
.flickity-rtl .flickity-page-dots{
    direction:rtl
}
.flickity-page-dots .dot{
    display:inline-block;
    width:10px;
    height:10px;
    margin:0 8px;
    background:#333;
    border-radius:50%;
    filter:alpha(opacity=25);
    opacity:0.25;
    cursor:pointer
}
.flickity-page-dots .dot.is-selected{
    filter:alpha(opacity=100);
    opacity:1
}
/*! * Animate.css -http://daneden.me/animate * Version - 3.4.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2015 Daniel Eden */
.animated{
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
@-webkit-keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
.fadeIn{
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}
@-webkit-keyframes fadeInDown{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInDown{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInDown{
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}
@-webkit-keyframes fadeInDownBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, -2000px, 0);
        transform:translate3d(0, -2000px, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInUp{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInUp{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, 2000px, 0);
        transform:translate3d(0, 2000px, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeOut{
    from{
        opacity:1
    }
    to{
        opacity:0
    }
}
.fadeOut{
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut
}
@-webkit-keyframes fadeOutDown{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
}
@keyframes fadeOutDown{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
}
.fadeOutDown{
    -webkit-animation-name:fadeOutDown;
    animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutDownBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0, 2000px, 0);
        transform:translate3d(0, 2000px, 0)
    }
}
.fadeOutUp{
    -webkit-animation-name:fadeOutUp;
    animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutUpBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0, -2000px, 0);
        transform:translate3d(0, -2000px, 0)
    }
}
@keyframes fadeOutUpBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0, -2000px, 0);
        transform:translate3d(0, -2000px, 0)
    }
}

#imagepop {
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 101000;
    display: none;
 }

 #imagepop img {
    cursor: pointer;
 }

 #imagepopclose {
    margin-top: 20px;
    margin-right: 20px;
    margin-left: auto;
 }

 #imagepopdetail {
    padding: 20px;
    margin: auto;
    max-height: 90vh;
    object-fit: contain;
 }