@font-face {
    font-family: 'Roboto Condensed';
    src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url('fonts/roboto/Robotocondensedlight.woff2') format('woff2'), url('fonts/roboto/Robotocondensedlight.woff') format('woff'), url('fonts/roboto/Robotocondensedlight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'), url('fonts/roboto/Robotocondensedlightitalic.woff2') format('woff2'), url('fonts/roboto/Robotocondensedlightitalic.woff') format('woff'), url('fonts/roboto/Robotocondensedlightitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url('fonts/roboto/Robotocondensed.woff2') format('woff2'), url('fonts/roboto/Robotocondensed.woff') format('woff'), url('fonts/roboto/Robotocondensed.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url('fonts/roboto/Robotocondenseditalic.woff2') format('woff2'), url('fonts/roboto/Robotocondenseditalic.woff') format('woff'), url('fonts/roboto/Robotocondenseditalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url('fonts/roboto/Robotocondensedbold.woff2') format('woff2'), url('fonts/roboto/Robotocondensedbold.woff') format('woff'), url('fonts/roboto/Robotocondensedbold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto Condensed';
    src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url('fonts/roboto/Robotocondensedbolditalic.woff2') format('woff2'), url('fonts/roboto/Robotocondensedbolditalic.woff') format('woff'), url('fonts/roboto/Robotocondensedbolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Oswald';
    src: local('Oswald Light'), local('Oswald-Light'), url('fonts/oswald/Oswaldlight.woff2') format('woff2'), url('fonts/oswald/Oswaldlight.woff') format('woff'), url('fonts/oswald/Oswaldlight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: local('Oswald Regular'), local('Oswald-Regular'), url('fonts/oswald/Oswaldregular.woff2') format('woff2'), url('fonts/oswald/Oswaldregular.woff') format('woff'), url('fonts/oswald/Oswaldregular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: local('Oswald DemiBold'), local('Oswald-DemiBold'), url('fonts/oswald/Oswalddemibold.woff2') format('woff2'), url('fonts/oswald/Oswalddemibold.woff') format('woff'), url('fonts/oswald/Oswalddemibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: local('Oswald RegularItalic'), local('Oswald-RegularItalic'), url('fonts/oswald/Oswaldregularitalic.woff2') format('woff2'), url('fonts/oswald/Oswaldregularitalic.woff') format('woff'), url('fonts/oswald/Oswaldregularitalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Oswald';
    src: local('Oswald MediumItalic'), local('Oswald-MediumItalic'), url('fonts/oswald/Oswaldmediumitalic.woff2') format('woff2'), url('fonts/oswald/Oswaldmediumitalic.woff') format('woff'), url('fonts/oswald/Oswaldmediumitalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Oswald';
    src: local('Oswald ExtraLightItalic'), local('Oswald-ExtraLightItalic'), url('fonts/oswald/Oswaldextralightitalic.woff2') format('woff2'), url('fonts/oswald/Oswaldextralightitalic.woff') format('woff'), url('fonts/oswald/Oswaldextralightitalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'Oswald';
    src: local('Oswald HeavyItalic'), local('Oswald-HeavyItalic'), url('fonts/oswald/Oswaldheavyitalic.woff2') format('woff2'), url('fonts/oswald/Oswaldheavyitalic.woff') format('woff'), url('fonts/oswald/Oswaldheavyitalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: 'Oswald';
    src: local('Oswald Heavy'), local('Oswald-Heavy'), url('fonts/oswald/Oswaldheavy.woff2') format('woff2'), url('fonts/oswald/Oswaldheavy.woff') format('woff'), url('fonts/oswald/Oswaldheavy.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: local('Oswald LightItalic'), local('Oswald-LightItalic'), url('fonts/oswald/Oswaldlightitalic.woff2') format('woff2'), url('fonts/oswald/Oswaldlightitalic.woff') format('woff'), url('fonts/oswald/Oswaldlightitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Oswald';
    src: local('Oswald Medium'), local('Oswald-Medium'), url('fonts/oswald/Oswaldmedium.woff2') format('woff2'), url('fonts/oswald/Oswaldmedium.woff') format('woff'), url('fonts/oswald/Oswaldmedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: local('Oswald ExtraLight'), local('Oswald-ExtraLight'), url('fonts/oswald/Oswaldextralight.woff2') format('woff2'), url('fonts/oswald/Oswaldextralight.woff') format('woff'), url('fonts/oswald/Oswaldextralight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: local('Oswald BoldItalic'), local('Oswald-BoldItalic'), url('fonts/oswald/Oswaldbolditalic.woff2') format('woff2'), url('fonts/oswald/Oswaldbolditalic.woff') format('woff'), url('fonts/oswald/Oswaldbolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Oswald';
    src: local('Oswald DemiBoldItalic'), local('Oswald-DemiBoldItalic'), url('fonts/oswald/Oswalddemibolditalic.woff2') format('woff2'), url('fonts/oswald/Oswalddemibolditalic.woff') format('woff'), url('fonts/oswald/Oswalddemibolditalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Oswald';
    src: local('Oswald Bold'), local('Oswald-Bold'), url('fonts/oswald/Oswaldbold.woff2') format('woff2'), url('fonts/oswald/Oswaldbold.woff') format('woff'), url('fonts/oswald/Oswaldbold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
html, body {
    margin: 0;
    padding: 0
}

body {
    background: #fb8300
}

body[class*=category-], body.events-page {
    background: #1b1928
}

p {
    font-size: 21px;
    line-height: 32px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    margin: 0 0 10px
}

.white-bg p, .single-album p {
    max-width: 72%;
    margin: 28px 0 31px 2.8%
}

a {
    text-decoration: underline;
    transition: all 0.3s ease
}

a:hover {
    text-decoration: none
}

.img-responsive, .img-responsive img {
    max-width: 100%;
    width: 100%;
    height: auto
}

.clearfix {
    display: table;
    clear: both;
    height: 0
}

.wrapper {
    max-width: 1366px;
    margin: 0 auto;
    background: #fb8300
}

.home {
    background: url('images/bg_main_1@2x.jpg') no-repeat 50% 0;
    background-size: 100% auto
}

.home .wrapper {
    background: none
}

.dark-bg .wrapper, .category .wrapper, .category-diskografiya .wrapper, .events-page .wrapper, 
body[class*=category-afisha] .wrapper, .page, .page .wrapper {
    background: #1b1928
}

.white-bg, .white-bg .wrapper, .single-album, .single-album .wrapper {
    background: #ffffff
}

.header {
    position: relative;
    background: #ffffff;
    height: 70px;
    padding: 0;
    margin: 0 0 44px;
    z-index: 100
}

.events-page .header, body[class*=category-afisha] .header {
    z-index: 110
}

.white-bg .header, .single-album .header {
    padding: 0
}

.header:before {
    content: '';
    position: absolute;
    bottom: -24px;
    left: 0;
    width: 100%;
    height: 52px;
    background: #ffffff;
    transform: skewY(-1.7deg)
}

.dark-bg .header:before, .category .header:before, .category-diskografiya .header:before,
.events-page .header:before, body[class*=category-afisha] .header:before,
.page .header:before {
    background: #ffffff
}

.white-bg .header:before, .single-album .header:before {
    background: #fff
}

.shop .header, .category-magazin .header {
    padding: 0 0 18px
}

.logo {
    position: relative;
    float: left;
    margin: 24px 0 0 32px
}

.white-bg .logo, .single-album .logo {
    margin: 24px 0 -8px 32px
}

.menu {
    position: relative;
    float: left;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
    margin: 46px 0 0 73px;
    letter-spacing: 2.3px
}

.menu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.menu li {
    margin: 0 41px 0 0;
    padding: 0;
    float: left
}

.menu a {
    color: #000000;
    text-decoration: none;
    opacity: 0.4;
    transition: all 0.3s ease
}

.menu a:hover, .menu .active a, .menu .current-menu-item a, .home .menu a, .white-bg .menu a, .single-album .menu a {
    opacity: 1
}

.home .menu a:hover, .white-bg .menu a:hover, .single-album .menu a:hover {
    opacity: 0.4
}

.main {
    margin: 53px 0 0;
    padding: 0 0 70px
}

.home .main {
    padding: 31px 0 0
}

.events-page .main, body[class*=category-afisha] .main {
    margin: -30px 0 0
}

.diskography .main, .category-diskografiya .main {
    margin-top: 29px;
    padding-bottom: 0
}

.shop .main, .category-magazin .main {
    margin: 0;
    padding: 0
}

body[class*=category-afisha] .main {
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 100
}

.white-bg .main, .single-album .main {
    margin: 0;
    padding: 134px 0 0;
    background: url('../images/coda_bg@2x.jpg') no-repeat 0 -84px;
    background-size: 100% auto
}

.single-album .main {
    margin-top: -104px;
    padding: 238px 0 0
}

.content_bg {
    position: relative;
    width: 88.6%;
    margin: 0 0 0 11.4%;
    min-height: 420px;
    background: #1b1928;
    padding: 50px 0 0
}

.home .content_bg {
    margin-left: 5.4%;
    min-height: 420px
}

.dark-bg .content_bg, .category .content_bg, .category-diskografiya .content_bg,
.page .content_bg {
    padding-top: 20px;
    width: 96.43%;
    padding-left: 3.6%;
    margin: 0;
    border-bottom: 1px solid #4a4a4a
}

.events-page .content_bg, body[class*=category-afisha] .content_bg {
    border-bottom: 1px solid #4a4a4a;
    min-height: 654px;
    height: 1px;
    padding-top: 0;
    padding-left: 0;
    margin: 0;
    width: 100%
}

.dark-bg.diskography .content_bg, .category-diskografiya .content_bg {
    width: 95.53%;
    padding-left: 4.47%
}

.shop .content_bg, .category-magazin .content_bg {
    width: 93%;
    padding-left: 7%;
    padding-top: 10px
}

.white-bg .content_bg, .single-album .content_bg {
    background: #ffffff;
    width: 63.2%;
    margin: 0 0 0 4.8%;
    padding-bottom: 100px
}

.content_bg:before {
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: 40px;
    background: #1b1928;
    transform: skewY(-1.9deg)
}

.content_bg:after {
    content: '';
    position: absolute;
    bottom: -33px;
    left: -1px;
    width: 100%;
    height: 60px;
    background: #1b1928;
    transform: skewY(2.55deg)
}

.dark-bg .content_bg:before, .dark-bg .content_bg:after, 
.category .content_bg:before, .category .content_bg:after,
.category-diskografiya .content_bg:before, .category-diskografiya .content_bg:after,
.white-bg .content_bg:before, .white-bg .content_bg:after,
.single-album .content_bg:before, .single-album .content_bg:after,
.events-page .content_bg:before, .events-page .content_bg:after,
body[class*=category-afisha] .content_bg:before, body[class*=category-afisha] .content_bg:after,
.page .content_bg:before, .page .content_bg:after {
    display: none
}

.proximate-concert {
    position: relative;
    width: 28.2%;
    float: left;
    padding: 38px 0 0 60px
}

.proximate-concert-title {
    font-family: 'Oswald', sans-serif;
    font-size: 42px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0 0 204px
}

.proximate-concert-button {
    margin: 0 0 123px 2px;
    opacity: 0;
    min-height: 33px
}

.proximate-concert-button a {
    display:  block;
    width: 17px;
    height: 33px;
    opacity: 0.56;
    transition: all 0.3s ease
}

.proximate-concert-button.hidden a {
    display: none;
    opacity: 0
}

.proximate-concert-button a:hover {
    opacity: 1
}

.proximate-concert-days {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 21px;
    font-weight: 300;
    color: #9f9f9f;
    margin: 0 0 0 4px
}

.concert {
    position: relative;
    float: left;
    width: 45%;
    padding: 13px 0 0 5.1%;
    min-height: 87.7%
}

.concert:before {
    content: '';
    position: absolute;
    top: 20px;
    left: 0;
    width: 1px;
    height: 100%;
    background: #3c3c3c
}

.concert:after {
    content: '';
    position: absolute;
    top: 20px;
    right: 0;
    width: 1px;
    height: 104.3%;
    background: #3c3c3c
}

.concert-date {
    font-family: 'Oswald', sans-serif;
    font-size: 100px;
    color: #ffffff;
    margin: 0 0 2px
}

.concert-address {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 36px;
    color: #ffffff;
    margin: 0 0 12px
}

.concert-description {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 21px;
    font-weight: 300;
    color: #575563;
    width: 85%;
    line-height: 1.15;
    margin: 0 0 60px
}

.concert-description p {
    line-height: 1.15
}

.concert-buy-button {
    float: left;
    margin: 0 0 0 -2px;
}

.concert-buy-button a {
    position: relative;
    display: block;
    width: 252px;
    height: 78px;
    font-family: 'Oswald', sans-serif;
    font-size: 21px;
    font-weight: 500;
    color: #1b1928;
    text-transform: uppercase;
    text-decoration: none;
    background: #fb8300;
    padding: 0 0 0 1px;
    line-height: 78px;
    text-align: center;
    background: url('images/concert_buy_button@2x.png') no-repeat 0 0;
    background-size: contain
}

.concert-buy-button a:hover {
    background: url('images/button_with_border_reverse@2x.png') no-repeat 0 0;
    background-size: contain;
    color: #fb8300
}

.concert-buy-button a:hover:before, .concert-buy-button a:hover:after {
    opacity: 0
}

.concert-buy-button a span {
    position: relative
}

.concert-info {
    float: left;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #9f9f9f;
    line-height: 1.43;
    margin: 9px 0 0 25px;
    width: 110px
}

.concert-info p {
    font-size: 14px;
    line-height: 1.43
}

.concert-info a {
    color: #9f9f9f
}

.concert-info a:hover {
    text-decoration: none
}

.next-concert {
    float: right;
    width: 7.6%;
    margin: 295px 6.5% 0 0;
    text-align: right;
    line-height: 1.2
}

.next-concert.none {
    font-size: 12px;
    line-height: 1.4;
    text-align: left
}

.next-concert.hidden {
    display: none
}

.next-concert-text, .next-concert-info {
    font-family: 'Roboto Condensed';
    font-size: 16px;
    font-weight: 300;
    color: #9f9f9f
}

.next-concert-button {
    margin: 18px -1px 12px 0
}

.next-concert-button a {
    opacity: 0.56
}

.next-concert-button a:hover {
    opacity: 1
}

.closest-concert {
    position: absolute;
    top: 0;
    right: 0;
    width: 287px;
    height: 135px;
    background: url('images/closest_concert_bg@2x.png') no-repeat 0 0;
    background-size: contain
}

.closest-concert-date {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 2.3px;
    margin: 8.2% 0 0 12.8%
}

.closest-concert-text {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    color: #ffffff;
    line-height: 1.2;
    margin: 4.1% 0 0 13.2%
}

.closest-concert-text p {
    font-size: 16px;
    line-height: 1.2;
    margin: 0 0 10px
}

.closest-concert-button {
    position: absolute;
    top: 25px;
    right: 20px;
    width: 20px;
    height: 20px
}

.content-slider-wrapper {
    position: relative;
    z-index: 10;
    overflow: hidden;
    height: 100%;
    width: 100%
}

.content-slider {
    display: table
}

.content-slider-row {
    display: table-row
}

.content-slide {
    position: relative;
    display: table-cell;
    width: 920px;
    min-width: 920px;
    max-width: 920px
}

.content-slide:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 2px;
    width: 1px;
    height: 38px;
    background: #979797;
    opacity: 0.4
}

.shop .content-slide:after, .category-magazin .content-slide:after {
    height: 67px
}

.content-slide.hide-info:after, .content-slide.hide-info .content-slide-info {
    display: none
}

.diskography .content-slide:after, .category-diskografiya .content-slide:after {
    left: 0;
    height: 67px
}

.content-slide-title {
    font-family: 'Oswald', sans-serif;
    font-size: 76px;
    line-height: 1.05;
    color: #ffffff;
    margin: 0 0 26px
}

.diskography .content-slide-title, .category-diskografiya .content-slide-title {
    font-size: 80px;
    letter-spacing: 0.07em;
    margin: 0 0 50px;
}

.shop .content-slide-title, .category-magazin .content-slide-title {
    font-size: 52px;
    margin: 0 0 10px
}

.content-slide-title a {
    color: #ffffff;
    text-decoration: none
}

.content-slide-title a span {
    display: inline-block;
    border-bottom: 3px solid #ffffff;
    line-height: 1.08;
    transition: all 0.3s ease
}

.content-slide-title a:hover span {
    border-bottom-color: transparent
}

.content-slide-text {
    font-family: 'Roboto Condensed';
    font-size: 21px;
    font-weight: 300;
    line-height: 1.55;
    width: 91%;
    color: #afafaf;
    letter-spacing: 0.005em;
    margin: 0 0 -16px
}

.content-slide-text p {
    margin: 0 0 32px
}

.content-slide-left, .content-slide .slide-img {
    float: left
}

.content-slide-left, .content-slide .slide-img {
    margin: 8px 26px 0 2px
}

.diskography .content-slide-left, .category-diskografiya .content-slide-left {
    max-width: 378px;
    margin: 3px 38px 82px 1px
}

.shop .content-slide-left, .category-magazin .content-slide-left {
    padding: 0 0 93px
}

.content-slide-left .buy-button, .event-purchase-link .buy-button {
    position: relative;
    display: block;
    width: 299px;
    height: 74px;
    line-height: 74px;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-size: 21px;
    font-weight: 500;
    text-decoration: none;
    color: #fb8300;
    background: url('images/button_with_border@2x.png') no-repeat 0 0;
    background-size: contain;
    text-transform: uppercase;
    margin: -50px 0 -80px 41px;
    letter-spacing: 2.3px
}

.content-slide-left .buy-button:hover, .event-purchase-link .buy-button:hover {
    background-image: url('images/button_with_border_hover@2x.png');
    color: #1b1928
}

.content-slide-left .event-purchase-link .buy-button:hover {
    background: none
}

.diskography .content-slide-right, .category-diskografiya .content-slide-right {
    margin: 0 0 0 400px
}

.shop .content-slide-right, .category-magazin .content-slide-right {
    margin: 0 6% 0 419px;
    padding: 5px 0 0;
    overflow: hidden;
    max-height: 200px
}

.shop .content-slide-right p, .category-magazin .content-slide-right p {
    font-size: 16px;
    line-height: 1.55;
}

.shop .content-slide-right p + p, .category-magazin .content-slide-right p + p {
    margin: 29px 0 0
}

.content-slide-info {
    font-family: 'Roboto Condensed';
    font-size: 23px;
    color: #9f9f9f;
    padding: 0 0 8px 23px
}

.diskography .content-slide-info, .category-diskografiya .content-slide-info {
    clear: both;
    padding: 13px 0 11px 15px;
    margin: 0 0 -40px
}

.shop .content-slide-info, .category-magazin .content-slide-info {
    clear: both;
    padding: 1px 0 5px 33px
}

.content-slider-next {
    position: absolute;
    bottom: 5px;
    right: 38px;
    width: 17px;
    height: 35px;
    background: url('images/arrow_right@2x.png') no-repeat 0 0;
    background-size: contain;
    display: none
}

.songs-list {
    margin: 27px 0 0;
    padding: 0;
    font-family: 'Roboto Condensed';
    font-size: 16px;
    font-weight: 300;
    color: #dcdcdc;
    line-height: 1.6
}

.songs-list li {
    margin: 0;
    padding: 0;
    list-style: none
}

.album-type {
    font-family: 'Oswald';
    font-size: 18px;
    font-weight: 500;
    color: #fb8300;
    letter-spacing: 2.3px;
    text-transform: uppercase;
    line-height: 1.5;
    padding: 2px 0 0
}

.album-type + .songs-list {
    margin:  12px 0 0
}

.poster {
    position: relative;
    float: left;
    width: 25%;
    background: #fb8300;
    z-index: 102
}

.poster:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: -21px;
    width: 100%;
    height: 100%;
    background: #fb8300;
    transform: skewX(3deg)
}

.poster-content {
    position: relative
}

.poster + .container {
    float: left;
    width: 75%
}

.poster-proximate-text {
    font-family: 'Oswald', sans-serif;
    font-size: 21px;
    letter-spacing: 2.3px;
    color: #1b1928;
    text-transform: uppercase;
    margin: 28px 10% 0 6.2%
}

.poster-day {
    font-family: 'Oswald', sans-serif;
    font-size: 190px;
    color: #1b1928;
    line-height: 1;
    margin: 13px 0 0 6.6%
}

.poster-month {
    font-family: 'Oswald', sans-serif;
    font-size: 68px;
    color: #1b1928;
    font-weight: 500;
    line-height: 1;
    margin: -4px 0 0 6.6%
}

.poster-address {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
    color: #ffffff;
    line-height: 1.18;
    margin: 17px 0 0 6.4%
}

.poster-text {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #ffffff;
    margin: 7px 20% 0 6.6%;
    min-height: 75px
}

.poster-buy-button a {
    position: relative;
    display: block;
    width: 299px;
    height: 74px;
    line-height: 74px;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-size: 21px;
    font-weight: 500;
    text-decoration: none;
    color: #fb8300;
    background: url('images/button_with_border@2x.png') no-repeat 0 0;
    background-size: contain;
    text-transform: uppercase;
    margin: 6px 0 0 6%;
    letter-spacing: 2.3px
}

.poster-buy-button a:hover {
    background-image: url('images/orange_button_with_border@2x.png');
    color: #1b1928
}

.poster-info {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  color: #1b1928;
  margin: 3.2% 0 0 6.4%
}

.poster-info a {
    color: #1b1928
}

.shop .content-slide-text, .category-magazin .content-slide-text {
    font-size: 16px
}

.shop .content-slide, .category-magazin .content-slide {
    width: 665px;
    min-width: 665px;
    max-width: 665px;
    cursor: pointer
}

.category-magazin .content-slide.info-hidden:after {
    display: none
}

.album-info {
    position: relative;
    background: #0e100f;
    display: inline-block;
    min-width: 13.9%;
    padding: 0 10% 34px 6.5%;
    font-family: 'Oswald', sans-serif;
    z-index: 1
}

.album-info:before, .album-info:after {
    content: '';
    position: absolute;
    right: 0;
    width: 100%;
    height: 128px;
    background: #0e100f
}

.album-info:before {
    top: -24px;
    transform: skewY(5deg)
}

.album-info:after {
    bottom: -23px;
    transform: skewY(-4.6deg)
}

.album-name, .album-name h1 {
    position: relative;
    z-index: 2;
    font-size: 120px;
    color: #ffffff;
    font-weight: 400;
    line-height: 1;
    margin: 41px 0 16px
}

.album-name.small, .album-name.small h1 {
    font-size: 80px;
    margin: 71px 0 0
}

.album-data {
    font-size: 18px;
    font-weight: 500;
    color: #787878;
    text-transform: uppercase;
    letter-spacing: 2.3px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.album-data span {
    float: left;
    margin: 0 24px 0 2px
}

.album-data span:last-child {
    margin: 0 24px 0 -4px
}

.white-bg .buy-button, .single-album .buy-button {
    position: absolute;
    top: 82px;
    left: 87.8%
}

.white-bg .buy-button a, .single-album .buy-button a {
    display:  block;
    width: 252px;
    height: 78px;
    line-height: 78px;
    background: url('images/buy_button@2x.png') no-repeat 0 0;
    background-size: contain;
    color: #1b1928;
    font-size: 21px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    z-index: 2
}

.white-bg .buy-button a:hover, .single-album .buy-button a:hover {
    background-image: url('images/buy_button_hover@2x.png');
    color: #fb8300
}

.songs {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 36px;
    color: #000000;
    width: 94.6%;
    margin: 3px 0 54px 5.4%;
    border: 0;
    border-collapse: collapse;
    padding: 0
}

.songs td {
    vertical-align: top;
    border: 0;
    padding: 0
}

.song-num, .song-length {
    color: #7f7f7f
}

.songs td.song-num {
    width: 6.3%
}

.songs td.song-name {
    width: 83.3%;
    padding: 0 30% 0 0
}

.category-magazin .content-slide.info-hidden:after {
    display: none
}

.category-magazin .content-slide-title > span {
    border-bottom: 3px solid #ffffff;
    display: inline-block
}

.content-slider.owl-loaded, .content-slider.owl-loaded .content-slide {
    display: block;
    height: 100%;
    min-height: 420px
}

.owl-stage-outer {
    height: 100%
}

.owl-stage {
    display: table;
    box-sizing: border-box;
    height: 100%;
    min-width: 100%
}

.owl-item {
    display: table-cell;
    height: 100%;
    vertical-align: top
}

.events-slider {
    overflow: hidden;
    height: 100%;
    width: 100%
}

.events {
    /*display: table;*/
    height: 100%
}

.event {
    position: relative;
    /*display: table-cell;*/
    min-width: 513px;
    width: 513px;
    max-width: 513px;
    height: 100%;
    vertical-align: top
}

.event:hover {
    cursor: pointer
}

.event:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 76px;
    background: #979797;
    opacity: 0.4
}

.event.past:before {
    bottom: -4px
}

.event.past {
    min-width: 483px;
    width: 483px;
    max-width: 483px
}

.event.proximate {
    min-width: 472px;
    width: 472px;
    max-width: 472px
}

.event.proximate:before {
    content: '';
    opacity: 1;
    background: url('images/proximate_concert_bg@2x.png') no-repeat 0 100%;
    background-size: 100% auto;
    height: 136.546%;
    width: 360px;
    z-index: 0
}

.event.current-day {
    min-width: 325px;
    width: 325px;
    max-width: 325px
}

.event.current-day:before {
    height: 228px
}

.event.past .event-date, .event.past .event-address, .event.past .event-description {
    opacity: 0.3
}

.event.proximate .event-date {
    padding-top: 7px;
    margin-left: 13.3%
}

.event-date {
    font-family: 'Oswald', sans-serif;
    font-size: 76px;
    line-height: 1.05;
    color: #ffffff;
    margin: 0 0 31px -2px;
    position: relative;
    padding-top: 104px
}

.event.past .event-date {
    margin-top: -4px;
    margin-bottom: 34px
}

.event.proximate .event-day {
    font-size: 160px;
    color: #1b1928;
    margin-bottom: -17px;
    margin-top: 30px
}

.event.current-day .event-date {
    margin: 0 0 0 -4px
}

.event.proximate .event-month {
    font-size: 68px;
    color: #1b1928;
    letter-spacing: 2.3px
}

.event-address {
    min-height: 82px
}

.event-address, .day-to-concert {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 32px;
    color: #ffffff;
    line-height: 1.15;
    margin: 0 30% 11px -2px;
    position: relative
}

.event.proximate .event-address {
    margin: -9px 28% 0 13%
}

.event-description {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 21px;
    font-weight: 300;
    color: #9f9f9f;
    margin: 0 21% 0 -2px;
    line-height: 1.15;
    min-height: 72px;
    position: relative
}

.event.past .event-description {
    margin-left: -4px
}

.event.proximate .event-description {
    font-size: 16px;
    color: #ffffff;
    margin: 9px 40% 0 13.2%
}

.event-description p {
    line-height: 1.15;
    font-size: 21px
}

.event.proximate .event-description p {
    font-size: 16px;
    line-height: 1.2
}

.event-purchase-link {
    float: left
}

.event.proximate .event-purchase-link {
    margin: 34px 0 0 7.8%;
    float: none
}

.event-purchase-link .buy-button {
    margin: 30px 0 0 -2px
}

.event.proximate .event-purchase-link .buy-button {
    width: 293px
}

.event.proximate .event-purchase-link .buy-button:hover {
    background-image: url('images/orange_button_with_border@2x.png')
}

.event.current-day .today {
    width: 216px;
    height: 36px;
    line-height: 36px;
    transform: rotate(-2deg);
    background-color: #fb8300;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 2.3px;
    color: #000000;
    margin: 2px 0 20px -5.6%;
    padding: 0 0 0 8px;
    text-transform: uppercase
}

.concert-passed {
    width: 258px;
    height: 76px;
    line-height: 76px;
    background: url('images/concert_passed@2x.jpg') no-repeat 0 0;
    background-size: contain;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-size: 21px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2.3px;
    color: #717171;
    margin: 32px 0 0 0
}

.event-more {
    float: left;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #ffffff;
    opacity: 0.4;
    max-width: 23%;
    line-height: 1.2;
    margin: 22px 0 0 19px
}

.event.past .event-more {
    margin: 46px 0 0 19px
}

.event-more a {
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease
}

.event.proximate .event-more {
    margin: 55px 0 0 15.5%;
    opacity: 1;
    float: none;
    max-width: 50%;
    position: relative
}

.event.proximate .event-more a {
    color: #1b1928;
    border-bottom-color: rgba(27, 25, 40, 0.3)
}

.event-more a:hover {
    border-bottom-color: transparent !important
}

.owl-prev, .owl-next {
    position: absolute;
    bottom: 50%;
    border: 0;
    cursor: pointer;
    outline: 0;
    width: 66px;
    height: 72px;
    line-height: 72px;
    transition: all 0.3s ease
}

.owl-prev.disabled, .owl-next.disabled {
    display: none
}

.owl-prev span, .owl-next span {
    display: block;
    width: 45px;
    height: 31px;
    margin: 0 auto;
    text-indent: -100px;
    overflow: hidden
}

.owl-prev {
    left: 5.65%;
    background: url('images/rect-left.svg') no-repeat 0 0;
    background-size: contain
}

.category-magazin .owl-prev {
    left: 0
}

.owl-prev:hover {
    background-image: url('images/rect-left-hover.svg')
}

.owl-prev span {
    background: url('images/arrow-left.svg') no-repeat 50% 50%
}

.owl-prev:hover span {
    background-image: url('images/arrow-left-hover.svg');
    background-size: 30px 21px
}

.category-diskografiya .owl-prev {
    left: 2.65%
}

.owl-next {
    right: 38px;
    background: url('images/rect-right.svg') no-repeat 0 0;
    background-size: contain
}

.owl-next:hover {
    background-image: url('images/rect-right-hover.svg')
}

.owl-next span {
    background: url('images/arrow-right.svg') no-repeat 50% 50%
}

.owl-next:hover span {
    background-image: url('images/arrow-right-hover.svg');
    background-size: 30px 21px
}

.content-slider.owl-grab {
	cursor: pointer
}

.events .owl-stage-outer, .events .owl-stage, .events .owl-item {
    height: 100%
}

.page .content_bg a {
    color: #fb8300;
    text-decoration: none;
    border-bottom: 1px solid #fb8300
}

.page .content_bg a:hover {
    border-bottom-color: transparent
}

.page .content-slide:after, .home .content-slide:after {
    display: none
}

.album-slider-wrapper {
    position: relative;
    background: #1b1928;
    height: 340px;
    padding: 34px 0 0
}

.album-slider-wrapper:before {
    content: '';
    position: absolute;
    top: -57px;
    left: 0;
    width: 100%;
    height: 30%;
    background: #1b1928;
    transform: skewY(-2.2deg)
}

.album-slider {
    border-bottom: 1px solid #4a4a4a
}

.album-slide {
    position: relative;
    float: left;
    padding: 0;
    min-width: 290px;
    height: 311px;
    box-sizing: border-box
}

.album-slide.big {
    min-width: 436px
}

.album-slide:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1px;
    height: 67.5px;
    opacity: 0.4;
    background: #979797;
}

.album-slide-bg {
    position: absolute;
    width: 374px;
    height: 299px;
    left: -71px;
    top: -21px;
    opacity: 0.3
}

.album-slide-title {
    position: relative;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 21px;
    font-weight: 300;
    line-height: 1.52;
    color: #ffffff;
    margin: 0 0 16px
}

.album-slide-title a {
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid #fff
}

.album-slide-title a:hover {
    border-bottom-color: transparent
}

.album-slide-thumbnail {
    position: relative;
    max-width: 190px;
    overflow: hidden
}

.album-slide-year {
    position: relative;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 23px;
    color: #9f9f9f;
    margin: 31px 0 0 23px
}

.album-slider .owl-stage-outer {
    overflow: hidden
}

.contact-block {
    float: left;
    width: 33%
}

.next-concert-text {
    margin-bottom: 0
}

.home .owl-prev {
    top: 45.1%;
    left: 60px
}

.home .owl-next {
    top: 47.1%;
    right: 6.5%
}

body[class*=category-afisha] .owl-item {
    vertical-align: bottom
}

body[class*=category-afisha] .owl-item .event {
    height: auto;
    padding-bottom: 86px;
    vertical-align: bottom
}

body[class*=category-afisha] .owl-item .event.current-day {
    padding-bottom: 250px
}

body[class*=category-afisha] .owl-item .event.proximate {
    padding-bottom: 40px
}

body[class*=category-afisha] .event-date {
    padding-top: 0
}

.album-slide-thumbnail img {
    transition: all 0.3s ease
}

.timeline-hover-image {
    position: absolute;
    top: 0;
    opacity: 0;
    left: -105px;
    margin-bottom: -30px
}

.timeline-hover:hover .album-slide-thumbnail {
    overflow: visible
}

.timeline-hover:hover .album-slide-thumbnail img {
    opacity: 0;
    position: absolute
}

.timeline-hover:hover .album-slide-thumbnail img.timeline-hover-image {
    opacity: 1;
    position: relative;
    opacity: 1
}

.category-diskografiya .content-slide:hover .content-slide-title a span {
    border-bottom-color: transparent
}

.developer-copyright {
    margin: 10px 0 0
}

.developer-copyright a {
    position: relative;
    display: block;
    font-size: 15px;
    line-height: 18px;
    color: #afafaf;
    border-bottom: 0;
    font-family: 'Roboto Condensed', sans-serif;
    margin: 0 0 0 3.6%;
    max-width: 210px;
    display: inline-block;
    box-sizing: border-box;
    padding: 15px 115px 0 0;
    height: 58px
}

.developer-copyright a:after, .developer-copyright a:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 104px;
    height: 58px;
    background: url("images/form_logo.png") no-repeat 0 0;
    background-size: 208px 58px;
    transition: all 0.3s ease;
    opacity: 1;
}

.developer-copyright a:before {
  background-position: -104px 0;
  opacity: 0;
}

.developer-copyright a:hover:after {
  opacity: 0;
}

.developer-copyright a:hover:before {
  opacity: 1;
}

.page-id-116 .main {
    padding-bottom: 30px
}

.shop .content-slide, .category-magazin .content-slide {
    width: 50%;
    max-width: 50%;
    float: left;
    display: block;
    height: 620px
 }

.shop .owl-loaded .content-slide, .category-magazin .owl-loaded .content-slide {
    max-width: 100%;
    width: 100%
}

.category-o-gruppe .content_bg {
    border-bottom: 0 !important
}

.page-id-232 .main {
    padding: 0
}

.wpcf7-form-control {
    height: 43px;
    padding: 5px 10px;
    border-radius: 10px;
    border: 1px solid #ccc;
    background: #fff;
    box-sizing: border-box;
    outline: 0
}

.wpcf7-submit {
    background: #fb8300;
    color: #fff;
    text-align: center;
    border: 0
}

div.wpcf7-mail-sent-ok {
    border: 0 !important;
    color: #398f14
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 0 !important;
    color: #f00
}

div.wpcf7-response-output {
    margin: 10px 0 !important;
    padding: 0 !important
}

#form_preorder {
    min-height: 150px
}

.preorder {
    position: absolute;
    top: 0;
    right: 0;
    background: url('images/closest_concert_bg@2x.png') no-repeat 0 0;
    background-size: contain;
    z-index: 1000;
    font-family: 'Roboto Condensed', sans-serif;
    width: 289px;
    height: 135px;
    font-size: 18px;
    line-height: 24px;
    padding: 10px 30px;
    box-sizing: border-box
}

.preorder a {
    color: #fff;
    display: block
}

.preorder a.concert-link {
    color: #000;
    display: block;
    text-decoration: none;
    font-family: 'Oswald', sans-serif;
    line-height: 14px;
    font-weight: 500;
    margin: 30px 0 0 30px
}

.preorder a.preorder-button {
    color: #fb8300;
    display: block;
    float: right;
    background: url('images/buy_button_hover@2x.png') no-repeat 0 0;
    background-size: contain;
    padding: 15px 30px;
    margin: 10px -15px 0 0;
    border-bottom: 0;
    text-decoration: none;
    font-family: 'Oswald', sans-serif;
    line-height: 14px;
    font-weight: 500
}

.preorder a.preorder-button:hover {
    transform: scale(1.1)
}

span.wpcf7-not-valid-tip {
    font-size: 15px !important
}


.home-data {
	max-width: 60%;
	width: 100%;
	margin: 0 20%;
	display: inline-block;
	vertical-align: middle;
}

h2.home-data-title {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 28px;
	text-align: center;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	max-width: 30%;
	margin-left: 14%;
	margin-right: 5%
}

.home-data-text {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 28px;
	color: #fff;
	margin: 10px 0 20px
}

.home-data .cover-image {
	max-width: 100%;
	height: auto;
	margin: 0 auto
}

.home-socials {
	display: none
}

.category-diskografiya .content-slide,
.category-magazin .content-slide {
    width: 100%;
    max-width: none;
    max-height: none;
    height: auto;
    float: none;
    display: block;
    padding: 0 0 0 3.25%;
    margin: 0 0 250px;
}

.category-magazin .content-slide {
    margin-bottom: 60px;
}

.category-diskografiya .content-slide-text,
.category-magazin .content-slide-text {
    display: flex;
    width: 100%;
}

.category-magazin .content-slide-text {
    margin: 0;
}

.category-diskografiya .content-slide-left,
.category-magazin .content-slide-left {
    float: none;
    width: 50.3%;
    max-width: none;
    margin: 0;
    box-sizing: border-box;
}

.category-diskografiya .content-slide-right,
.category-magazin .content-slide-right {
    margin: 0;
    width: 49.7%;
    padding: 0 0 0 4.3%;
    box-sizing: border-box;
}

.category-magazin .content-slide-right p {
    font-size: 38px;
    line-height: 1.15;
    font-family: 'Oswald';
    font-weight: 200;
}

.category-magazin .content-slide-right {
    padding: 0 0 0 2.75%;
    max-height: none
}

.category-diskografiya .album-type {
    text-transform: none;
    letter-spacing: 0.075em;
    font-size: 60px;
    font-weight: 300;
    margin: -27px 0 27px;
}

 .category-diskografiya .songs-list {
    font-family: 'Oswald';
    font-size: 50px;
    letter-spacing: 0.075em;
    line-height: 1.3;
}

.category-diskografiya .content-slide:after,
.category-magazin .content-slide:after {
    display: none;
}

.category-diskografiya .content-slide-left .buy-button,
.category-magazin .content-slide-left .buy-button {
    margin: -113px 15% 0 11.5%;
    height: 190px;
    line-height: 190px;
    font-family: 'Oswald';
    font-weight: 400;
    font-size: 52px;
    letter-spacing: 0.16em;
    width: auto;
}

.category-diskografiya .content-slide-info,
.category-magazin .content-slide-info {
    display: inline-block;
    padding: 0;
    margin: 28px 0 0 -20px;
    vertical-align: top;
    font-family: 'Oswald';
    font-weight: 300;
    font-size: 30px;
    letter-spacing: 0.075em;
    color: #fb8300;
}

.category-magazin .content_bg {
    padding-left: 0.65%;
    width: 95.3%;
}

.category-magazin .content-slide-title {
    font-size: 78px;
    margin: -15px 0 39px;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: 0.105em;
}

.category.category-magazin .main {
    margin-top: 95px;
}

.category-magazin .content-slide.hidden {
    display: none;
}

.category-magazin .content-slide-title > span {
    border: 0;
}

.store-categories {
    margin: 0 0 75px 3.5%;
}

.store-categories a {
    color: #a8a8ac;
    background: #4c4a5d;
    text-decoration: none;
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
    display: inline-block;
    vertical-align: top;
    padding: 7px 15px;
    margin: 0 60px 0 0;
    font-size: 26px;
    font-family: 'Oswald';
    text-transform: uppercase;
}

.store-categories a span {
    display: inline-block;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
}

.store-categories a:hover, .store-categories a.active, .store-categories a.active:hover {
    background: #fb8300;
    color: #fff;
}

@media (min-width: 320px) and (max-width: 767px) {
	h2.home-data-title, .home-data {
		max-width: 80%;
		margin: 20px auto;
		display: block
	}
	
	.home .content_bg {
		padding-left: 20px !important
	}
	
	.home-data {
		max-width: 100%;
		margin: 0 0 40px
	}
	
	.content_bg .home-data iframe {
		height: 800px !important
	}
	
	.home-data-text {
		font-size: 20px
	}
	
	.home-data-text span {
		display: block;
	}
	
	.home-data-text span:first-letter {
		text-transform: uppercase
	}
	
	.home-socials {
		display: block;
		background: #fb8300;
		padding: 15px 22px;
		text-align: center
	}
	
	.home-socials a {
		color: #000;
		font-size: 18px;
		display: inline-block;
		vertical-align: middle;
		margin: 5px 10px;
		font-family: 'Roboto Condensed'
	}
}