/*
Theme Name:  Eurythmics
Theme URI:   http://www.eurythmics.com/
Description: Dedicated theme for Eurythmics designed by Only Studio / developed by Owls Department.
Author:      Owls Department
Author URI:  http://www.owlsdepartment.com/
Version:     1.0
Text Domain: owd
*/


* { outline: none; -webkit-tap-highlight-color: transparent; }
html { overflow-x: hidden; }
body { color: #000; font-size: 14px; line-height: 20px; font-family: 'AtlasGrotesk', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: -0.03em; overflow-x: hidden; -webkit-text-size-adjust: 100%; }

input, textarea, button { -webkit-appearance: none; border-radius: 0; }

a { color: #000; text-decoration: none; transition: all 250ms ease-out; }
a:hover { color: #000; }
a:link { -webkit-tap-highlight-color: transparent; }

::-moz-selection { background: #757575; color: #fff; text-shadow: none; }
::selection { background: #757575; color: #fff; text-shadow: none; }



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

.overall { padding-top: 70px; overflow: hidden; }
.wrapper { margin: 0 auto; width: 100%; max-width: 1490px; padding: 0 60px; }
.wrapper-l { margin: 0 auto; width: 100%; max-width: 1780px; padding: 0 60px; }
.show-l { display: none; }
.show-m { display: none; }
.show-s { display: none; }

.preloader { position: fixed; max-width: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; background: #fff; overflow: hidden; }
.preloader-screen { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; font-size: 210px; line-height: 1; font-weight: bold; text-transform: uppercase; letter-spacing: -0.03em; overflow: hidden; }
.preloader-screen.is-active { display: block; }
.preloader-screen-content { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }
.preloader-screen-content-inner { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.preloader-screen-content--1 { height: 50%; }
.preloader-screen-content--2 { height: 50%; top: 50%; }
.preloader-screen-content--1 .preloader-screen-content-inner,
.preloader-screen-content--2 .preloader-screen-content-inner { height: 200%; }
.preloader-screen-content--2 .preloader-screen-content-inner { top: -100%; }
.preloader-screen-content--home .preloader-screen-content-inner { padding: 0 50px; }
.preloader-screen-content--home .logo-sign { display: none; }
.preloader-screen-content--home .logo-full { display: block; width: 100%; }
.preloader-screen-content--home svg { display: block; width: 100%; max-width: 1490px; height: auto; flex-shrink: 0; margin: 0 auto; }

.modal-wrapper { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background: #fff; z-index: 8000; overflow: hidden; }
.modal-wrapper.is-scrollable { overflow-y: scroll; -webkit-overflow-scrolling: touch; }
.modal-wrapper .modal { background: none; }


/* HEADER
-------------------------------------------------------------------------------*/

header { border-bottom: 1px solid #e3e3e3; padding: 22px 0; position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 150; line-height: 14px; opacity: 0; }
header .header-wrapper { display: flex; justify-content: space-between; }
header .logo { display: block; width: 225px; }
header .logo svg { width: 100%; }
.ie header .logo svg { width: 225px; height: 25px; }
header .burger { display: none; line-height: 14px; align-self: flex-end; }
header nav { text-transform: uppercase; font-weight: bold; align-self: flex-end; }
header nav ul { display: flex; }
header nav li { padding-left: 30px; }
header nav ul li:first-child { display: none; }
header nav ul li:last-child { padding-right: 16px; background: url(_/img/icon-store.svg) no-repeat center right; background-size: 11px; }
header .menu-newsletter { display: none; }

.loaded header { animation: header-in 700ms forwards cubic-bezier(0, 0, 0.2, 1); opacity: 1; }
.loaded .has-overlay-visible header { animation: header-out 400ms forwards ease-out; }
.loaded .single-video header { display: none; animation: none; opacity: 0; }

@keyframes header-in {
    from { transform: translateY(-100%); opacity: 0; }
    to { transform: none; opacity: 1; }
}

@keyframes header-out {
    to { transform: translateY(-100%); opacity: 0; }
}

.sub-nav { line-height: 50px; border-bottom: 1px solid #e3e3e3; text-transform: uppercase; }
.sub-nav a { color: #666666; }
.sub-nav a.parent { background: url(_/img/arrow-left.png) no-repeat left center; padding-left: 15px; }


/* PAGE: HOME
-------------------------------------------------------------------------------*/

.home-slider { text-transform: uppercase; position: relative; overflow: hidden; }
.home-slider .slide { height: 100vh; position: relative; box-sizing: border-box; background: #EB0000; color: #fff; }
.home-slider .slide a { color: #fff; }
.home-slider .slide .wrapper,
.home-slider .slide .wrapper .row { height: 100%; }
.home-slider figure { width: 100%; height: 100%; position: relative; overflow: hidden; }
.home-slider figure img { width: 100%; height: 100%; object-fit: cover; }
.home-slider figure:after { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.2); }
.home-slider figure .h-mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: red; z-index: 10; transform-origin: 0 50%; }
.home-slider .slide-desc { position: relative; z-index: 15; }
.home-slider .slide-desc-container { display: flex; justify-content: space-between; flex-direction: column; height: 100%; padding-top: 70px; }
.home-slider .slide-desc span { height: 31%; }
.home-slider .desc-container { margin: 0 0 70px calc(33% + 20px); }
.home-slider .pagination { top: 135px; position: absolute; }
.home-slider .pagination .swiper-pagination-bullet-active { color: #000; }
.home-slider .pagination span { color: #fff; opacity: 1; }
.home-slider .m-pagination { display: none; }
.swiper-pagination-bullet { width: auto; height: auto; background: transparent; margin-right: 20px; }
.home-slider .slide-nav { display: block; position: absolute; top: 0; bottom: 0; width: 50%; background-repeat: no-repeat; }
.home-slider .slide-nav.slide-prev { left: 0; background-image: url(_/img/gallery-prev-white.png); background-position: left 50px bottom 50px; }
.home-slider .slide-nav.slide-next { right: 0; background-image: url(_/img/gallery-next-white.png); background-position: right 50px bottom 50px; }
.home-slider h2 { width: 1050px; }
.home-slider .dot { width: 10px; height: 10px; background: #fff; border-radius: 50%; position: absolute; bottom: 70px; left: 50%; margin-left: -5px; z-index: 1000; opacity: 0; }
.home-slider .dot.is-visible { animation: dot 1600ms ease infinite; }

.page-template-front-page .overall { padding-top: 0; }

@keyframes dot {
    0% { opacity: 0; transform: translateY(30px); }
    50% { opacity: 1; transform: translateY(0); animation-timing-function: ease-out; }
    60% { opacity: 0; animation-timing-function: ease-out; }
}

.home-about { padding-top: 200px; padding-bottom: 200px; }
.home-about h3 { margin-bottom: 15px; margin-top: -5px; }
.home-about .person-desc { position: relative; padding-bottom: 40px; }
.home-about .person-desc .socials { position: absolute; bottom: 0; }
.home-about figure img { height: 100%; width: 100%; object-fit: cover; }

.home-gallery { padding-bottom: 195px; }
.home-gallery .slider-container { height: 370px; }
.home-gallery .slider { position: absolute; user-select: none; }
.home-gallery .swiper-slide { width: auto; position: relative; }
.home-gallery .swiper-slide:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #000; transition: all 250ms ease-out; opacity: 0; }
.home-gallery .swiper-slide.is-overflown:before { opacity: 0.3; }

.home-news { padding-bottom: 195px; }
.home-news .row { justify-content: space-between; }
.home-news h4 { margin: 25px 0 0 0; height: 50px; font-size: 15px; line-height: 15px; }
.home-news .text { margin-bottom: 30px; max-width: 280px; }

.home-soundboard { height: 600px; position: relative; padding-top: 135px; font-size: 15px; }
.home-soundboard:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: #e3e3e3; transform-origin: 0 0; transform: scaleX(0); }
.home-soundboard .blocks { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 10; height: 270px; display: flex; justify-content: center; align-items: flex-end; width: 1680px; }
.home-soundboard .blocks .block { height: 0%; background-position: bottom center; background-repeat: no-repeat; width: 420px; will-change: height; }
.home-soundboard .blocks .b-01 { background-image: url(_/img/soundboard01.jpg); }
.home-soundboard .blocks .b-02 { background-image: url(_/img/soundboard02.jpg); }
.home-soundboard .blocks .b-03 { background-image: url(_/img/soundboard03.jpg); }
.home-soundboard .blocks .b-04 { background-image: url(_/img/soundboard04.jpg); }
.home-soundboard .blocks .block.b-01.inview-visible { animation: block-height-50 600ms forwards cubic-bezier(0.165, 0.840, 0.440, 1.000); }
.home-soundboard .blocks .block.b-02.inview-visible { animation: block-height-100 600ms forwards cubic-bezier(0.165, 0.840, 0.440, 1.000); }
.home-soundboard .blocks .block.b-03.inview-visible { animation: block-height-50 600ms forwards cubic-bezier(0.165, 0.840, 0.440, 1.000); }
.home-soundboard .blocks .block.b-04.inview-visible { animation: block-height-70 600ms forwards cubic-bezier(0.165, 0.840, 0.440, 1.000); }

@keyframes block-height-100 {
    from { height: 0%; }
    to   { height: 100%; }
}

@keyframes block-height-50 {
    from { height: 0%; }
    to   { height: 50%; }
}

@keyframes block-height-70 {
    from { height: 0%; }
    to   { height: 70%; }
}

.home-soundboard .wrapper { position: relative; z-index: 5; }
.home-soundboard h2 span { color: #fff; }
.home-soundboard h2 br { display: none; }
.home-soundboard .text { margin: 55px 0 35px; }

.home-soundboard.inview-visible:before { animation: pan-in 800ms forwards cubic-bezier(0.230, 1.000, 0.320, 1.000); }


.home-videos { /* padding-top: 195px; */ padding-bottom: 85px; line-height: 24px; }
.home-videos .date { text-transform: uppercase; color: #757575; margin-top: 25px; font-weight: bold; line-height: 18px; margin-bottom: 5px; }

.home-music { padding-bottom: 195px; }
.home-music h4 { margin-top: 25px; margin-bottom: 10px; }

.home-history { margin-bottom: 195px; }
.home-history .history-content { display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 20; }
.home-history .history-content:after { content: ''; display: block; width: 60px; background: #fff; height: 100%; position: absolute; left: -30px; top: 0; bottom: 0; }
.home-history .history-content h2 { margin-left: calc(-33.3333% - 200px); position: relative; z-index: 1; }
.home-history .history-content .text { margin: 60px 0 25px; }
.home-history figure { height: 650px; }
.home-history .image-container { height: 650px; position: absolute; left: 0; width: calc(50% + 113px); background-position: center top; background-size: cover; overflow: hidden; }
.home-history .image-container:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: #EB0000; transform-origin: 0 0; transform: scaleX(0); }
.home-history .image-container-image { width: 100%; height: 100%; position: relative; z-index: 2; background-position: center top; background-size: cover; opacity: 0; }

.home-history .image-container.inview-visible:before { animation: pan-in 800ms forwards cubic-bezier(0.230, 1.000, 0.320, 1.000); }
.home-history .image-container.inview-visible .image-container-image { animation: zoom-in 500ms 500ms forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }

.album-links { display: flex; font-size: 14px; line-height: 11px; }
.album-links li { font-weight: bold; padding: 0 4px; }
.album-links li:first-child { padding-left: 0; }
.album-links li:last-child { padding-right: 0; }
.album-links li a { color: #757575; }
.album-links li a:hover,
.album-links li a.active { color: #000; }

.slider-buttons { position: absolute; top: 50%; right: 50px; top: 50%; margin-top: -46px; z-index: 50; }
.slider-buttons .button--next { width: 47px; height: 92px; background: url(_/img/icon-arrow-right.png) no-repeat center; cursor: pointer; }


/* PAGE: MUSIC
-------------------------------------------------------------------------------*/

.music { padding-top: 190px; }
.music .h3, .music h3 { margin-bottom: 40px; }

.music .vinyl { display: flex; align-items: center; margin-bottom: 200px; }
.music .vinyl .h3,.music .vinyl h3 { font-size: 49px; line-height: 45px; }
.music .vinyl .text { margin-top: 35px; margin-bottom: 30px; }
.music .vinyl .order { text-transform: uppercase; line-height: 15px; }
.music .vinyl .order a { color: #EB0000; }

.music .vinyl .image-container { position: relative; overflow: hidden; }
.music .vinyl .image-container:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: #EB0000; transform-origin: 0 0; transform: scaleX(0); }
.music .vinyl .image-container img { width: 100%; position: relative; z-index: 2; opacity: 0; }

.music .vinyl.inview-visible .image-container:before { animation: pan-in 800ms forwards cubic-bezier(0.230, 1.000, 0.320, 1.000); }
.music .vinyl.inview-visible .image-container img { animation: zoom-in 500ms 500ms forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }

.music .playlists { margin-bottom: 100px; }
.music .playlists .iframe-container { display: none;  }
.music .playlists .iframe-container:before { padding-top: 250px; }
.music .playlists .album-links { margin-top: 30px; text-transform: uppercase; }
.music .playlists .accordion .content { padding: 0 0 35px 0; }

.music .discography-row { justify-content: space-between; flex-wrap: wrap; margin-bottom: 80px; }
.music .discography-row h4 { margin: 25px 0 10px; }
.music .discography-row .item { margin-bottom: 100px; }


/* PAGE: MUSIC SINGLE
-------------------------------------------------------------------------------*/

.album { padding: 95px 0 155px; }
.album figure img { width: 100%; max-width: none; }
.album h2 { font-size: 60px; line-height: 60px; }
.album h3 { margin: 190px 0 80px 0; font-size: 45px; line-height: 45px; }
.album .date { text-transform: uppercase; padding-top: 50px; color: #757575; }
.album .inline-links { margin-top: 70px; }
.album-details { align-items: center; }

.album .image-container { position: relative; overflow: hidden; }
.album .image-container:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: #EB0000; transform-origin: 0 0; transform: scaleX(0); }
.album .image-container img { width: 100%; position: relative; z-index: 2; opacity: 0; }

.album .inview-visible .image-container:before { animation: pan-in 800ms forwards cubic-bezier(0.230, 1.000, 0.320, 1.000); }
.album .inview-visible .image-container img { animation: zoom-in 500ms 500ms forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }



/* PAGE: VIDEOS
-------------------------------------------------------------------------------*/

.videos .filters { margin: 105px 0 120px; text-transform: uppercase; display: flex; justify-content: center; cursor: pointer; }
.videos .filters a { color: #757575; padding: 0 15px; }
.videos .filters a.active { color: #EB0000; }
.videos .date { text-transform: uppercase; color: #757575; margin-top: 15px; line-height: 16px; }
.videos .row { flex-wrap: wrap; }
.videos .item { margin-bottom: 145px; }

.video { padding: 210px 0; }
.video .close { display: block; width: 52px; height: 52px; background: url(_/img/gallery-close.png) no-repeat center; top: 70px; right: 70px; position: absolute; }
.video h3 { margin-top: -5px; }
.video .text { margin: 50px 0 55px 0; font-size: 16px; line-height: 25px; }
.video .text p:not(:last-child) { margin-bottom: 25px; }
.video .video-desc { max-width: 385px; }
.video .iframe-container { width: 100%; max-width: 1080px; float: right; }

.overall .video .iframe-container iframe { opacity: 0; }
.modal-wrapper .video .iframe-container iframe { animation: video-in 500ms forwards ease-out; }

@keyframes video-in {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* PAGE: GALLERY
-------------------------------------------------------------------------------*/

.gallery { padding-top: 70px; }

.photos { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; margin: 0 -35px; }
.photos figure { width: 25%; margin-bottom: 100px; max-height: 270px; padding: 0 70px; display: flex; align-items: center; justify-content: center; }
.photos figure img { max-height: 270px; max-width: 100%; width: auto; height: auto; }
.photos figure a { display: block; position: relative; overflow: hidden; }
.photos figure a:before,
.photos figure a:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: all 250ms ease-out; }
.photos figure a:before { background: #000; transform: scale(0.95); transition: all 150ms ease-out; }
.photos figure a:after { background: url(_/img/icon-plus.png) no-repeat center; transform: rotate(5deg); }
.photos figure a:hover:before,
.photos figure a:hover:after { transform: none; opacity: 1; will-change: transform; }

.gallery-slider { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #fff; z-index: 100; padding: 0 70px; }
.gallery-slider .slider,
.gallery-slider .swiper-container { height: 100%; }
.gallery-slider .gallery-close { display: block; width: 54px; height: 55px; background: url(_/img/gallery-close.png) no-repeat center; position: absolute; top: 70px; right: 70px; z-index: 10; }
.gallery-slider .gallery-close:hover { transform: rotate(90deg); }
.gallery-slider .swiper-slide { display: flex; flex-direction: column; justify-content: center;  background: #fff; height: initial; padding: 175px 0 175px; align-items: flex-start; }
.gallery-slider .swiper-slide img { max-height: 100%; max-width: 100%; height: auto; width: auto; flex: none; }
.gallery-slider .swiper-slide .img-desc { position: absolute; bottom: 45px; left: 0; right: 0; text-transform: uppercase; }
.gallery-slider .slide-nav { position: absolute; top: 175px; bottom: 175px; left: 0; right: 0; display: flex; z-index: 10; }
.gallery-slider .slide-nav a { display: block; height: 100%; }
.gallery-slider .slide-nav a.swiper-button-disabled { pointer-events: none; }
.gallery-slider .slide-nav .gallery-prev { width: 25%; cursor: url(_/img/gallery-prev.png), auto; }
.gallery-slider .slide-nav .gallery-next { width: 75%; cursor: url(_/img/gallery-next.png), auto; }


/* PAGE: NEWS
-------------------------------------------------------------------------------*/

.news { padding-top: 190px; padding-bottom: 100px; }
.news figcaption { text-transform: uppercase; margin-top: 10px; height: 20px; }
.news figcaption .album-links { line-height: 20px; }
.news .news-cover { margin-bottom: 70px; }
.news h3 { margin-bottom: 30px; margin-top: -5px; }
.news .text { font-size: 16px; line-height: 25px; }
.news .text p:not(:last-child) { margin-bottom: 25px; }
.news .iframe-container[data-iframe] { display: none;  }


/* PAGE: HISTORY
-------------------------------------------------------------------------------*/

.history { padding-top: 240px; padding-bottom: 115px; }
.history h3.headline { line-height: 35px; margin-bottom: 85px; }
.history .wysiwyg-content { font-size: 16px; line-height: 25px; }
.history .wysiwyg-content h2,
.history .wysiwyg-content h3 { color: #EB0000; font-family: 'AtlasGrotesk', sans-serif; margin: 90px 0 35px; }
.history .wysiwyg-content h2 { font-size: 105px; line-height: 1; }
.history .wysiwyg-content strong { font-weight: 400; color: #000; }
.history .wysiwyg-content p:not(:last-child),
.history .wysiwyg-content ul:not(:last-child) { margin-bottom: 25px; }
.history .wysiwyg-content p + ul { margin-top: -20px; }
.history .wysiwyg-content ul li { padding-left: 20px; position: relative; }
.history .wysiwyg-content ul li:before { content: ''; display: block; width: 5px; height: 5px; background: #000; position: absolute; top: 8px; left: 0; border-radius: 50%; }
.history .wysiwyg-content ul li:not(:last-child) { margin-bottom: 10px; }
.history figure { margin-top: 90px; }
.history figure:not(:last-child) { margin-bottom: 90px; }
.history figcaption { margin-top: 5px; font-size: 12px; }
.history-link { color: #EB0000; font-size: 15px; line-height: 17px; text-transform: uppercase; }
.history-link:hover { color: #000; }


/* NEWSLETTER
-------------------------------------------------------------------------------*/

.newsletter { min-height: calc(100vh - 80px); background: #fff; display: flex; align-items: center; justify-content: center; position: relative; z-index: 100; margin-top: -70px; }
.newsletter h2 { font-size: 70px; line-height: 65px; text-align: center; margin-bottom: 80px; }
.newsletter .close { position: absolute; top: 0; left: 50%; display: block; width: 54px; height: 55px; margin-top: 40px; background: url(_/img/gallery-close.png) no-repeat center; margin-left: -27px; }
.newsletter .close:hover { transform: rotate(90deg); }

.modal-wrapper .newsletter { margin-top: 0; }


/* FOOTER
-------------------------------------------------------------------------------*/

footer { padding: 29px 0; font-size: 11px; text-transform: uppercase; font-weight: bold; border-top: 1px solid #e3e3e3; letter-spacing: 0; opacity: 0; }
footer .footer-wrapper { display: flex; justify-content: space-between; }
footer .socials li:first-child { margin-right: 30px; }

.loaded footer { animation: footer-in 700ms forwards cubic-bezier(0, 0, 0.2, 1); opacity: 1; }
.loaded .modal-wrapper footer { display: none; }
/* .loaded .modal-wrapper footer { animation: none; opacity: 1; } */
.loaded .single-video footer { display: none; animation: none; opacity: 0; }

@keyframes footer-in {
    from { transform: translateY(100%); opacity: 0; }
    to { transform: none; opacity: 1; }
}


/* PLUGIN: NPROGRESS
-------------------------------------------------------------------------------*/

#nprogress { pointer-events: none; }
#nprogress .bar { background: #EB0000; position: fixed; z-index: 151; top: 0; left: 0; width: 100%; height: 4px; transition-property: transform, opacity !important; }
.has-nprogress-shifted:not(.single-video) #nprogress .bar { top: 0; }
.nprogress-custom-parent { overflow: hidden; position: relative; }
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar { position: absolute; }

@-webkit-keyframes nprogress-spinner {
    0%   { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/* ELEMENT: SOCIALS
-------------------------------------------------------------------------------*/

.socials { display: flex; }
.socials li:not(:last-child) { margin-right: 16px; }
.socials li a { display: block; height: 20px; color: #010101; }
.socials li a svg { height: 100%; }
.socials li a svg path,
.socials li a svg circle { fill: #010101 !important; transition: all 250ms ease-out; }
.socials li a:hover svg path,
.socials li a:hover svg circle { fill: #EB0000 !important; }
.socials li.apple a { margin-top: -1px; }
.socials li.amazon a { margin-top: 1px; }
.socials li.twitter a { margin-top: 1px; height: 18px; }
.socials li.youtube a { margin-top: 1px; height: 18px; }

.ie .socials li a svg { width: 20px; height: 20px; }
.ie .socials li.facebook a svg { width: 11px; height: 20px; }
.ie .socials li.twitter a svg { width: 22px; height: 18px; }
.ie .socials li.instagram a svg { width: 20px; height: 20px; }
.ie .socials li.spotify a svg { width: 20px; height: 20px; }
.ie .socials li.apple a svg { width: 16px; height: 20px; }
.ie .socials li.amazon a svg { width: 22px; height: 20px; }

.inline-links { border-top: 1px solid #e3e3e3; text-transform: uppercase; list-style: none; width: 100%; max-width: 370px; }
.inline-links > li { border-bottom: 1px solid #e3e3e3; line-height: 40px; display: flex; }
.inline-links a { color: #757575; }
.inline-links a:hover { color: #000; }
.inline-links span { width: 80px; }
.inline-links ul { display: flex; }
.inline-links ul li { margin-right: 15px; }

.links-block { border-top: 1px solid #e3e3e3; text-transform: uppercase; list-style: none; width: 100%; }
.links-block > li { border-bottom: 1px solid #e3e3e3; padding: 15px 0; }
.links-block span { color: #000; }
.links-block a { display: block; color: #757575; }
.links-block a:hover { color: #000; }

.accordion { border-top: 1px solid #ccc; }
.accordion > li { border-bottom: 1px solid #cccccc; }
.accordion > li span { transition: all 250ms ease-out; }
.accordion > li .item { display: block; line-height: 69px; text-transform: uppercase; color: #757575; position: relative; }
.accordion > li .item:before,
.accordion > li .item:after { content: ''; display: block; width: 15px; height: 1px; background: #EB0000; position: absolute; right: 0; top: 50%; margin-top: -1px; }
.accordion > li .item:after { transform: rotate(-90deg); transition: all 250ms ease-out; }
.accordion > li.active .item:after { transform: rotate(0deg); }
.accordion .item:hover span,
.accordion > li.active .item span { color: #000; }
.accordion .content { display: none; line-height: 25px; padding: 20px 0 40px 0; color: #666666; }
.accordion .content p { font-family: 'Publico', serif; }
.accordion .content p:not(:last-child) { margin-bottom: 25px; }

.iframe-container { position: relative; }
.iframe-container:before { content: ''; display: block; padding-top: 56.25%; }
.iframe-container iframe { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100% !important; height: 100% !important; }

.text { font-family: 'Publico', serif; color: #666; }
.text p:not(:last-child) { margin-bottom: 20px; }

.link { font-weight: bold; }
.link-red { font-weight: bold; color: #EB0000; text-transform: uppercase; }

.headline { display: flex; justify-content: space-between; align-items: center; margin-bottom: 45px; }
.headline a { align-self: flex-end; color: #EB0000; font-size: 15px; line-height: 17px; }
.headline a:hover { color: #000; }

h2 { font-size: 130px; font-size: 100px; line-height: 0.85; font-weight: bold; text-transform: uppercase; letter-spacing: -0.03em; }
h3, .h2-3 { font-size: 30px; line-height: 30px; font-weight: bold; text-transform: uppercase; letter-spacing: -0.03em; }
h4 { font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; }

svg, img { display: block; }

form { max-width: 510px; margin: 0 auto; }
form input { width: 100%; margin-top: 15px; line-height: 63px; border: 1px solid #757575; text-transform: uppercase; font-family: 'AtlasGrotesk', sans-serif; padding: 0 25px; }
form input[type=submit] { line-height: 65px; background: #000000; color: #fff; border: 0; transition: all 250ms ease-out; }
form input[type=submit]:hover { background: #757575; }

/* ANIMATIONS
-------------------------------------------------------------------------------*/

[data-inview="fade"] { opacity: 0; }
[data-inview="fade"].inview-visible { animation: appear 1000ms ease-out forwards; }
.ie [data-inview="fade"] { opacity: 1; }
.ie [data-inview="fade"].inview-visible { animation: none; }

[data-inview="bottom"] { opacity: 0; }
[data-inview="bottom"].inview-visible { animation: appear-up 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000) forwards; }
.ie [data-inview="bottom"] { opacity: 1; }
.ie [data-inview="bottom"].inview-visible { animation: none; }

[data-inview="left"] { opacity: 0; }
[data-inview="left"].inview-visible { animation: appear-left 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000) forwards; }
.ie [data-inview="left"] { opacity: 1; }
.ie [data-inview="left"].inview-visible { animation: none; }

[data-inview="right"] { opacity: 0; }
[data-inview="right"].inview-visible { animation: appear-right 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000) forwards; }
.ie [data-inview="right"] { opacity: 1; }
.ie [data-inview="right"].inview-visible { animation: none; }

@keyframes appear {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes appear-up {
    0%   { opacity: 0; transform: translate(0, 100px); }
    100% { opacity: 1; transform: translate(0, 0); }
}

@keyframes appear-left {
    0%   { opacity: 0; transform: translate(-20px, 0); }
    100% { opacity: 1; transform: translate(0, 0); }
}

@keyframes appear-right {
    0%   { opacity: 0; transform: translate(150px, 0); }
    100% { opacity: 1; transform: translate(0, 0); }
}

@keyframes pan-in {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

@keyframes zoom-in {
    from { transform: scale(1.1); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}


@media screen and (max-width: 1590px) {
    .preloader-screen { font-size: 12.5vw; }
}

@media screen and (max-width: 1530px) {
    h2 { font-size: 6.5vw; }
}

@media screen and (max-width: 1439px) {

    .home-slider h2 { width: 900px; }

    .photos { margin: 0 -60px; }
    .photos figure { width: 33.3333%; padding: 0 60px; }

}

@media screen and (max-width: 1260px) {

    .show-l { display: block; }
    .hide-l { display: none; }

    .home-about .row { flex-wrap: wrap; }
    .home-about .person-desc { order: 2; margin-top: 30px; padding-bottom: 55px; }
    .home-about h3 { margin-bottom: 35px; }
    .home-about h3 br { display: none; }
    .home-about figure:before { content: ''; display: block; padding-top: 56.25%; }
    .home-about figure img { position: absolute; top: 0; bottom: 0; left: 30px; right: 30px; width: calc(100% - 60px); }

    .home-history .history-content h2 { margin-left: calc(-33.3333% - 20px); }

    .home-gallery h2 { margin-top: 40px; }

    .home-soundboard { height: 490px; }
    .home-soundboard:after { background-position: left center; }
    .home-soundboard .text { margin-top: 10px; }
    .home-soundboard h2 br { display: block; }
    .home-soundboard .blocks { left: -10px; transform: none; width: 1300px;}
    .home-soundboard .blocks .block { width: 325px; background-size: 305px auto; }

    .home-music .album-item:last-child { display: none; }

    .album { padding: 65px 0 100px; }
    .album .date { padding-top: 0; margin-bottom: 15px; }
    .album h2 { margin-bottom: 55px; }
    .album .inline-links { margin-top: 0; }
    .album-details { align-items: flex-start; }
    .album h3 { margin: 80px 0 60px 0; }

    h2 { font-size: 45px; line-height: 45px; }

}

@media screen and (max-width: 1023px) {

    .show-m { display: block; }
    .hide-m { display: none; }

    .wrapper { padding: 0 40px; }
    .wrapper-l { padding: 0 40px; }

    .preloader-screen { font-size: 150px; }
    .preloader-screen-content--home { background: #EB0000; }
    .preloader-screen-content--home .logo-sign { display: block; width: 410px; }
    .preloader-screen-content--home .logo-full { display: none; }
    [data-active-preloader-screen="home"] #nprogress .bar { background: #000;  }

    header { padding: 24px 0; }
    header nav { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; line-height: 60px; font-size: 60px; padding: 160px 40px 0 40px; opacity: 0; z-index: -1; pointer-events: none; }
    header svg path,
    header svg polygon:not(:last-child) { transition: all 250ms ease-out; }
    header nav ul { display: block; }
    header nav ul li { padding: 0; }
    header nav ul li:first-child { display: block; }
    header nav ul li a { color: #757575; }
    header nav a:hover,
    header nav ul li.current-menu-item a { color: #fff; }
    header nav .menu-newsletter { display: block; font-size: 14px; color: #fff; position: absolute; bottom: 35px; line-height: 20px; }
    header .logo { width: 190px; }
    header .burger { display: block; }
    header .burger .burger-close { display: none; }
    .menu-visible header nav { opacity: 1; pointer-events: auto; transition: opacity 250ms ease-out; }
    .menu-visible header svg path,
    .menu-visible header svg polygon:not(:last-child) { fill: #fff; }
    .menu-visible header .burger { color: #fff; }
    .menu-visible header .burger .burger-menu { display: none; }
    .menu-visible header .burger .burger-close { display: block; }
    .menu-hide-anim header nav { transition: opacity 250ms ease-out; }

    .loaded header { animation: none; }
    .loaded header .header-inner { width: 100%; display: flex; justify-content: space-between; animation: header-in 700ms forwards cubic-bezier(0, 0, 0.2, 1); opacity: 1; }

    .home-slider .dot { display: none; }
    .home-slider .row { flex-direction: column; }
    .home-slider .slide-desc { order: 2; display: flex; align-items: flex-end; height: 260px; flex: 0 0 auto; margin: 0 -20px; width: auto; }
    .home-slider .slide-desc-container { display: flex; flex-direction: row; height: auto; padding-bottom: 45px; padding-top: 0; }
    .home-slider .slide-desc h2 { width: 66.6666%; padding: 0 20px; }
    .home-slider .slide-desc > span { display: none; }
    .home-slider figure { margin-left: -40px; height: calc(100vh - 260px); padding-top: 60px; }
    .home-slider .desc-container { width: 33.333%; padding: 0 20px; margin: 0; }
    .home-slider .pagination { position: relative; top: auto; margin-top: 70px; }
    .home-slider .slide-nav { display: none; }

    .home-history .history-content h2 { font-size: 40px; line-height: 35px; }

    .home-about { padding-top: 120px; padding-bottom: 125px; }
    .home-about .person-desc { margin-top: 35px; }
    .home-about figure img { left: 20px; right: 20px; width: calc(100% - 40px); }

    .home-gallery { padding-bottom: 120px; }
    .home-gallery .row { flex-wrap: wrap; }
    .home-gallery .text { display: none; }
    .home-gallery .content { display: flex; justify-content: space-between; margin-bottom: 55px; }
    .home-gallery .content h2 { margin: 0; line-height: 45px; font-size: 50px; }
    .home-gallery .content .link { position: relative; align-self: flex-end; padding-right: 85px; }
    .home-gallery .slider-container,
    .home-gallery .slider img { height: 300px; }
    .home-gallery .slider-nav { position: absolute; right: 20px; }

    .home-soundboard { padding-top: 55px; }
    .home-soundboard .blocks { left: 50%; width: 780px; transform: translateX(-50%); }
    .home-soundboard .blocks .block { width: 195px; background-size: 185px auto; }
    .home-soundboard .blocks .b-01 { background-image: url(_/img/soundboard01-t.jpg); }
    .home-soundboard .blocks .b-02 { background-image: url(_/img/soundboard02-t.png); }
    .home-soundboard .blocks .b-03 { background-image: url(_/img/soundboard03-t.png); }
    .home-soundboard .blocks .b-04 { background-image: url(_/img/soundboard04-t.png); }

    .home-news { padding-bottom: 115px; }
    .home-news h4 { margin-top: 25px; }
    .home-news .text { max-width: 240px; margin-bottom: 35px; }

    .home-videos { /* padding-top: 120px; */ padding-bottom: 60px; }
    .home-videos .date { margin-top: 15px; }

    .home-history { margin-bottom: 115px; }
    .home-history figure { height: auto; }
    .home-history .image-container { position: relative; left: auto; width: calc(100% + 120px); height: 580px; }
    .home-history .history-content { margin-left: 0; background: #fff; margin-top: 345px; padding: 75px 0 0 80px; margin-left: -50px;       width: calc(50% + 25px); }
    .home-history .history-content:after { display: none; }
    .home-history .history-content h2 { margin-left: 0; }
    .home-history .history-content .text { margin-top: 35px; margin-bottom: 15px; }

    .home-music { padding-bottom: 120px; }
    .home-music .album-item:nth-last-child(2) { display: none; }
    .home-music h5 { margin-top: 25px; }

    .headline { margin-bottom: 55px; }
    .headline a { font-size: 14px; line-height: 16px; }

    .music { padding-top: 90px; }
    .music .vinyl { flex-wrap: wrap; margin-bottom: 120px; }
    .music .vinyl .h3, .music .vinyl h3 { margin-top: 40px; margin-bottom: 35px; max-width: 450px; }
    .music .vinyl .text { max-width: 450px; margin-bottom: 15px; }
    .music h4 { margin: 8px 0 25px; }
    .music .playlists { margin-bottom: 100px; }
    .music .discography-row .item { margin-bottom: 80px; }

    .album { padding: 90px 0 100px 0; }
    .album .date { margin-bottom: 10px; }
    .album h3 { font-size: 30px; line-height: 30px; }
    .album .inline-links > li { display: block; line-height: 20px; padding: 10px 0; }
    .album .inline-links ul { display: block; }

    .videos { padding-top: 90px; }
    .videos .filters { position: fixed; bottom: 0; left: 0; right: 0; z-index: 99; background: none; margin: 0; display: block; user-select: none;}
    .videos .filters li:first-child { padding: 18px 40px 18px 40px; border-top: 1px solid #e3e3e3;  }
    .videos .filters li { padding: 0 40px 18px; display: none; background: #fff; }
    .videos .filters li a { padding: 0; color: #000; }
    .videos .filters:after { display: block; content: attr(data-current); position: relative; z-index: 10; line-height: 70px; padding: 0 40px; border-top: 1px solid #e3e3e3; background: url(_/img/minus.jpg) no-repeat center right 40px #fff; cursor: pointer; }
    .videos .filters:before { display: block; content: ''; width: 21px; height: 2px; position: absolute; bottom: 34px; right: 40px; z-index: 11; background: url(_/img/minus.jpg) no-repeat center; transform: rotate(90deg); transition: all 250ms ease-out; }
    .videos .filters.is-open li { display: block; animation: filters-li 250ms forwards ease-out;  }
    .videos .filters.just-closed li { display: block; animation: filters-reverse-li 250ms forwards ease-out;  }
    .videos .filters.is-open:before { transform: rotate(0); }
    .videos .item { margin-bottom: 75px; }

    @keyframes filters-li {
        from { transform: translateY(10px); opacity: 0; }
        to   { transform: translateY(0); opacity: 1; }
    }

    @keyframes filters-reverse-li {
        from { transform: translateY(0); opacity: 1; }
        to   { transform: translateY(10px); opacity: 0; }
    }

    .video { padding: 160px 0 70px 0; }
    .video .close { width: 26px; height: 26px; background-size: 26px; right: 40px; top: 40px; }
    .video .row { flex-wrap: wrap; }
    .video .row .col-m-6:nth-child(1) { order: 2; }
    .video .video-desc { max-width: none; margin-top: 15px; }
    .video .text { max-width: 440px; margin: 60px 0 65px 0; line-height: 20px; }

    .gallery { padding-top: 50px; }
    .gallery-slider .gallery-close { width: 26px; height: 26px; background-size: 26px; top: 40px; right: auto; left: 50%; margin-left: -13px; }
    .photos { margin: 0 -40px; }
    .photos figure { width: 50%; padding: 0 40px; }
    .gallery-slider { padding: 0 120px; }
    .gallery-slider .slide-nav { position: static; left: auto; right: auto; }
    .gallery-slider .slide-nav .gallery-prev,
    .gallery-slider .slide-nav .gallery-next { cursor: pointer; width: 17px; height: 31px; position: absolute; top: 50%; margin-top: -15px; }
    .gallery-slider .slide-nav .gallery-prev { left: 40px; background: url(_/img/gallery-prev-mobile.png) no-repeat center }
    .gallery-slider .slide-nav .gallery-next { right: 40px; background: url(_/img/gallery-next-mobile.png) no-repeat center; }
    .gallery-slider .gallery-close { width: 26px; height: 26px; background-size: 26px; top: 40px; right: auto; left: 50%; margin-left: -13px; }
    .gallery-slider .swiper-slide { padding: 235px 0 275px 0; }
    .gallery-slider .swiper-slide .img-desc { bottom: 35px; text-align: center; }
    .gallery-slider .swiper-slide img { margin: 0 auto; }
    .photos figure a:before,
    .photos figure a:after { display: none; }

    .news { padding-top: 100px; }
    .news .news-cover { margin-bottom: 55px; }
    .news .news-cover figure,
    .news .news-cover .iframe-container { margin: 0 -40px; }
    .news figcaption { margin-top: 15px; }
    .news .links-block { max-width: 150px; }

    .history { padding-top: 95px; }
    .history h3.headline { font-size: 14px; line-height: 20px; margin-bottom: 30px; }
    .history .wysiwyg-content { font-size: 14px; line-height: 20px; }
    .history .wysiwyg-content h2,
    .history .wysiwyg-content h3 { margin: 30px 0 25px; }
    .history .wysiwyg-content h2 { font-size: 50px; line-height: 1; margin-bottom: 30px; }
    .history .wysiwyg-content h3 { font-size: 14px; line-height: 1; }
    .history .wysiwyg-content p:not(:last-child),
    .history .wysiwyg-content ul:not(:last-child) { margin-bottom: 20px; }
    .history .wysiwyg-content ul li:not(:last-child) { margin-bottom: 10px; }
    .history .wysiwyg-content ul li { padding-left: 15px; }
    .history .wysiwyg-content p + ul { margin-top: -10px; }
    .history figure { margin-top: 55px; }
    .history figure:not(:last-child) { margin-bottom: 45px; }
    .history-link { font-size: 14px; line-height: 16px; }

    .newsletter { min-height: calc(100vh - 70px); }
    .newsletter h2 { font-size: 60px; line-height: 55px; margin-bottom: 60px; }
    form { max-width: 445px; }

    .links-block > li { padding: 9px 0; }

    footer { padding: 24px 0; }
    footer .socials li:first-child { margin-right: 50px; }

    h2 { font-size: 60px; line-height: 55px; }
    h3, .h3 { font-size: 30px; line-height: 30px; }

}

@media screen and (max-width: 767px) {

    .show-s { display: block; }
    .hide-s { display: none; }

    .overall { padding-top: 60px; }

    .wrapper { padding: 0 20px; }
    .wrapper-l { padding: 0 20px; }

    .preloader-screen { font-size: 60px; }
    .preloader-screen-content--home .logo-sign { display: block; width: 200px; }

    header { padding: 21px 0; }
    header .logo { width: 150px; height: 17px; }
    header nav { font-size: 30px; line-height: 30px; padding: 105px 20px 0; }
    header nav .menu-newsletter { bottom: 30px; font-size: 12px; }
    #nprogress .bar { height: 5px; }

    .sub-nav { line-height: 40px; }

    .home-slider figure { height: calc(100vh - 245px); }
    /* .home-slider .slide { height: calc(100vh - 60px); } */
    .home-slider .slide-desc { height: auto; margin: 0; }
    .home-slider .slide-desc-container { flex-direction: column; padding: 0; }
    .home-slider .slide-desc h2,
    .home-slider .desc-container { width: 100%; font-size: 14px; padding: 0; position: static; padding-right: 20px; transform: none !important; }
    .home-slider .slide-desc h2 { font-size: 30px; line-height: 30px; padding-top: 25px; min-height: 120px; }
    .home-slider .desc-container { padding-bottom: 25px; }
    .home-slider .pagination { display: none; }
    .home-slider .m-pagination { display: block; color: #fff; position: absolute; right: 0; bottom: 25px; }

    .home-about { padding-top: 100px; padding-bottom: 100px; }
    .home-about .person-desc { margin-top: 30px; padding-bottom: 40px; }
    .home-about div:nth-child(4) { order: 4; }
    .home-about figure:nth-child(3) { order: 3; margin-top: 55px;  }
    .home-about h3 { margin-bottom: 25px; }
    .home-about figure img { left: 0; right: 0; width: 100%; }

    .home-gallery { padding-top: 25px; padding-bottom: 140px; position: relative; }
    .home-gallery h3 { display: none; }
    .home-gallery .content { position: static; margin-bottom: 45px; }
    .home-gallery .headline .link { position: absolute; bottom: 100px; }
    .home-gallery .slider-container,
    .home-gallery .slider img { height: 205px; }
    .home-gallery .slider-nav { bottom: 55px; }
    .home-gallery .swiper-slide.is-overflown:before { opacity: 0.3; }
    /* .home-gallery .swiper-slide-next:before,
    .home-gallery .swiper-slide-next + .swiper-slide:before { opacity: 0.3; } */

    .home-news { padding-bottom: 100px; }
    .home-news h4 { margin-top: 15px; height: auto; }
    .home-news .text,
    .home-news .link-red { display: none; }

    .home-soundboard { height: auto; font-size: 14px; padding-bottom: 40px; }
    .home-soundboard h2 { max-width: 280px; }
    .home-soundboard .row { flex-wrap: wrap; }
    .home-soundboard .text { margin: 130px 0 30px 0; font-size: 15px; }
    .home-soundboard .blocks { left: -2px; width: calc(100% + 5px); height: 250px; transform: none; bottom: auto; top: 90px; }
    .home-soundboard .blocks .block { width: 25%; background-size: calc(100% - 4px) auto; }
    .home-soundboard .blocks .b-01 { background-image: url(_/img/soundboard01-m.png); }
    .home-soundboard .blocks .b-02 { background-image: url(_/img/soundboard02-m.png); }
    .home-soundboard .blocks .b-03 { background-image: url(_/img/soundboard03-m.png); }
    .home-soundboard .blocks .b-04 { background-image: url(_/img/soundboard04-m.png); }

    .home-videos { position: relative; /* padding-top: 100px; */ padding-bottom: 60px; margin-bottom: 50px;  }
    .home-videos .date { margin-top: 10px; }
    .home-videos .headline a { bottom: 0; }

    .home-music { padding-top: 95px; padding-bottom: 85px; position: relative; }
    .home-music .headline a { bottom: 50px; }
    .home-music h4 { margin-top: 15px; }
    .home-music .swiper-container { margin: 0 -20px; }
    .home-music .album-item { width: 220px; }
    .home-music .album-item:last-child,
    .home-music .album-item:nth-last-child(2) { display: block; }

    .home-history { position: relative; margin-bottom: 0; }
    .home-history .row { flex-wrap: wrap; }
    .home-history .image-container { width: auto; margin: 80px -20px 0 -20px; height: 215px; }
    .home-history .history-content { width: 100%; margin: 0; background: transparent; padding: 0; position: static; }
    .home-history .history-content h2 { position: absolute; top: 0; }
    .home-history .history-content .text { margin-bottom: 30px; }

    .headline { margin-bottom: 25px; }
    .headline a { position: absolute; bottom: 65px; }

    .news { padding-top: 70px; padding-bottom: 50px; }
    .news h3 { font-size: 30px; line-height: 30px; margin-bottom: 60px; }
    .news .news-cover figure,
    .news .news-cover .iframe-container { margin: 0 -20px; }
    .news figcaption { margin-top: 5px; }
    .news .news-links { order: 2; }
    .news .news-content { flex-wrap: wrap; }
    .news .links-block { margin-top: 55px; }

    .history { padding-top: 40px; padding-bottom: 55px; }
    .history h3.headline { font-size: 20px; line-height: 25px; margin-bottom: 40px; }
    .history .wysiwyg-content h2,
    .history .wysiwyg-content h3 { margin: 35px 0 20px; }
    .history .wysiwyg-content h2 { font-size: 45px; }
    .history .wysiwyg-content h3 { font-size: 20px; line-height: 25px; }

    .music { padding-top: 65px; }
    .music .h3, .music h3 { margin-bottom: 25px; }
    .music .vinyl { margin-bottom: 100px; }
    .music .vinyl h3 { font-size: 30px; line-height: 30px; margin: 30px 0 0 0; }
    .music .vinyl .text { margin: 20px 0; }
    .music .playlists { margin-bottom: 60px; }
    .music .playlists .iframe-container:before { padding-top: 305px; }
    .music .playlists .accordion .content { padding: 0 0 25px 0; }
    .music .playlists .album-links { margin-top: 20px; }
    .music .discography-row { margin-bottom: 35px; }
    .music .discography-row h4 { margin: 23px 0 7px; }
    .music .discography-row .item { margin-bottom: 60px; }

    .videos { padding-top: 40px; padding-bottom: 0; }
    .videos .date { margin-bottom: 5px; }
    .videos .row { flex-wrap: wrap; }
    .videos .item { margin-bottom: 55px; }
    .videos .filters:after { padding: 0 20px; background-position: center right 20px; line-height: 50px; background-size: 15px 1px; }
    .videos .filters:before { right: 20px; bottom: 24px; width: 15px; height: 1px; background-size: 15px 1px; }
    .videos .filters li:first-child { padding: 18px 20px 18px; }
    .videos .filters li { padding: 0 20px 18px; }

    .video { padding-top: 90px; }
    .video .close { width: 20px; height: 20px; background: url(_/img/gallery-close-mobile.png); top: 35px; right: 20px; }
    .video .iframe-container { margin: 0 -20px; float: none; width: auto; }
    .video h3 { margin-top: 0; }
    .video .text { margin-bottom: 60px; }

    .accordion > li .item { line-height: 15px; padding: 20px 40px 20px 0;  }
    .accordion > li .item:before,
    .accordion > li .item:after { width: 11px; }

    .album { padding: 35px 0 65px 0; }
    .album .inline-links { margin-bottom: 50px; }
    .album-details { flex-direction: column-reverse; }
    .album-details .links { margin-bottom: 40px; }
    .album-details figure { margin: 0 -20px; }
    .album .date { margin-bottom: 0; }
    .album h2 { margin-bottom: 30px; font-size: 30px; line-height: 30px; }
    .album h3 { margin: 60px 0 25px 0; font-size: 21px; line-height: 21px; }
    .album .track-no { width: 50px; flex: 0 0 auto; }
    .album .track-title { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-right: 30px; }

    .inline-links { max-width: 150px; }
    .inline-links > li { display: block; line-height: 20px; padding: 10px 0; }
    .inline-links ul { display: block; }

    .gallery { padding-top: 60px; }
    .photos { margin: 0; }
    .photos figure { width: 100%; padding: 0 20px; margin-bottom: 60px; max-height: 220px; }
    .photos figure img { max-height: 220px; }
    .gallery-slider { padding: 0 40px; }
    .gallery-slider .gallery-close { top: 25px; right: 20px; width: 20px; height: 20px; margin-left: -10px; background: url(_/img/gallery-close-mobile.png); }
    .gallery-slider .slide-nav .gallery-prev,
    .gallery-slider .slide-nav .gallery-next { width: 10px; background-size: 10px auto; }
    .gallery-slider .slide-nav .gallery-prev { left: 15px; }
    .gallery-slider .slide-nav .gallery-next { right: 15px; }
    .gallery-slider .swiper-slide { padding: 70px 0 70px 0; }
    .gallery-slider .swiper-slide figcaption { bottom: 25px; }
    .gallery-slider .swiper-slide .img-desc { bottom: 25px; }

    .newsletter { min-height: calc(100vh - 137px); padding: 65px 0 45px; }
    .newsletter h2 { font-size: 30px; line-height: 30px; margin-bottom: 60px; margin-bottom: 45px; }
    .newsletter .close { margin-top: 25px; width: 16px; height: 15px; margin-left: -8px; background: url(_/img/gallery-close-mobile.png); }

    form input { line-height: 53px; margin-top: 10px; padding: 0 20px; }
    form input[type=submit] { line-height: 55px; }

    footer { padding: 45px 0 30px 0; line-height: 11px; }
    footer .footer-wrapper { flex-direction: column-reverse; flex-wrap: wrap; }
    footer .copyrights { text-align: center; color: #757575; margin-top: 30px; }
    footer .socials { justify-content: center; }
    footer .socials li:first-child { display: none; }
    footer .socials li { margin: 0 10px !important; }

    h2 { font-size: 50px; line-height: 45px; }
    h3, .h3 { font-size: 21px; line-height: 21px; }



    .socials li a { height: 15px; }
    .socials li:not(:last-child) { margin-right: 32px; }
    .socials li.twitter a,
    .socials li.youtube a { height: 15px; }

}

@media screen and (max-height: 400px) {
    .home-slider figure { height: calc(100vh - 130px); }
    .home-slider figure img { height: 200%; position: relative; top: -20%; }
    .home-slider .slide-desc h2 { min-height: 0; margin-bottom: 15px; white-space: nowrap; }
    .home-slider .slide-desc .desc { line-height: 1.2; }
}

.sr-only, .screen-reader-text {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

body {
    background: #fff;
}

.home-slider .slide {
    background: #EB0000;
}

.headline a {
    color: #EB0000;
}

.home-videos .date,
.album-links li a {
    color: #757575;
}