#cookie-notice{position:fixed;min-width:100%;height:auto;z-index:100000;font-size:13px;letter-spacing:0;line-height:20px;left:0;text-align:center;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif}#cookie-notice,#cookie-notice *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cookie-notice.cn-animated{-webkit-animation-duration:.5s!important;animation-duration:.5s!important;-webkit-animation-fill-mode:both;animation-fill-mode:both}#cookie-notice.cn-animated.cn-effect-none{-webkit-animation-duration:1ms!important;animation-duration:1ms!important}#cookie-notice .cookie-notice-container{display:block}#cookie-notice.cookie-notice-hidden .cookie-notice-container{display:none}#cookie-notice .cookie-revoke-container{display:block}#cookie-notice.cookie-revoke-hidden .cookie-revoke-container{display:none}.cn-position-top{top:0}.cn-position-bottom{bottom:0}.cookie-notice-container{padding:15px 30px;text-align:center;width:100%;z-index:2}.cookie-revoke-container{padding:15px 30px;width:100%;z-index:1}.cn-close-icon{position:absolute;right:15px;top:50%;margin:-10px 0 0 0;width:15px;height:15px;opacity:.5;padding:10px;border:none;outline:0;background:0 0;box-shadow:none;cursor:pointer}.cn-close-icon:focus,.cn-close-icon:focus-visible{outline:2px solid currentColor;outline-offset:3px}.cn-close-icon:hover{opacity:1}.cn-close-icon:after,.cn-close-icon:before{position:absolute;content:' ';height:15px;width:2px;top:3px;background-color:grey}.cn-close-icon:before{transform:rotate(45deg)}.cn-close-icon:after{transform:rotate(-45deg)}#cookie-notice .cn-revoke-cookie{margin:0}#cookie-notice .cn-button{margin:0 0 0 10px;display:inline-block}#cookie-notice .cn-button:not(.cn-button-custom){font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;font-weight:400;font-size:13px;letter-spacing:.25px;line-height:20px;margin:0 0 0 10px;text-align:center;text-transform:none;display:inline-block;cursor:pointer;touch-action:manipulation;white-space:nowrap;outline:0;box-shadow:none;text-shadow:none;border:none;-webkit-border-radius:2rem;-moz-border-radius:2rem;border-radius:2rem;text-decoration:none;padding:8.5px 10px;line-height:1;color:inherit}.cn-text-container{margin:0 0 6px 0}.cn-buttons-container,.cn-text-container{display:inline-block}.cn-compliance-warning{display:block;color:#f5a623!important;font-size:12px;line-height:18px;margin:4px 0 8px 0}.cn-compliance-warning .cn-warning-icon{color:#f5a623!important;margin-right:4px}.cn-compliance-warning strong{color:#f5a623!important}.cn-compliance-warning a{color:#f5a623!important;text-decoration:underline}.cn-compliance-warning a:hover{color:#ffb84d!important}#cookie-notice.cookie-notice-visible.cn-effect-none,#cookie-notice.cookie-revoke-visible.cn-effect-none{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-none{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-fade,#cookie-notice.cookie-revoke-visible.cn-effect-fade{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-fade{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-effect-slide{-webkit-animation-name:slideInUp;animation-name:slideInUp}#cookie-notice.cn-effect-slide{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide{-webkit-animation-name:slideInDown;animation-name:slideInDown}#cookie-notice.cn-position-top.cn-effect-slide{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@media all and (max-width:900px){.cookie-notice-container #cn-notice-text{display:block}.cookie-notice-container #cn-notice-buttons{display:block}#cookie-notice .cn-button{margin:0 5px 5px 5px}}@media all and (max-width:480px){.cookie-notice-container,.cookie-revoke-container{padding:15px 25px}}@layer reset, base, components, utilities;
@layer reset { :where(*, *::before, *::after) {
box-sizing: border-box;
border-width: 0;
border-style: solid;
min-width: 0;
} :where(html) {
block-size: 100%;
text-size-adjust: none;
interpolate-size: allow-keywords;
}
:where(body) {
min-block-size: 100vh;
line-height: 1.5;
margin: 0;
-webkit-font-smoothing: antialiased;
} :where(h1, h2, h3, h4, h5, h6) {
text-wrap: balance;
font-weight: bold;
margin-block: 0;
}
:where(p) {
text-wrap: pretty;
margin-block-end: 1em;
} :where(img, svg, video, canvas) {
display: block;
max-inline-size: 100%;
block-size: auto;
} :where(input, textarea, select, button) {
font: inherit;
letter-spacing: inherit;
word-spacing: inherit;
color: currentColor;
}
:where(textarea, select, input) {
field-sizing: content;
}
:where(select) {
appearance: base-select;
} :where(:focus-visible) {
outline: 2px solid canvasText;
outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
}
}
}@font-face {
font-family: 'Inter';
src: url(//vasilisazhukova.com/wp-content/themes/M.THEME/assets/fonts/Inter-Black.woff2) format('woff2'),
url(//vasilisazhukova.com/wp-content/themes/M.THEME/assets/fonts/Inter-Black.woff) format('woff'),
url(//vasilisazhukova.com/wp-content/themes/M.THEME/assets/fonts/Inter-Black.ttf) format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url(//vasilisazhukova.com/wp-content/themes/M.THEME/assets/fonts/Inter-Bold.woff2) format('woff2'),
url(//vasilisazhukova.com/wp-content/themes/M.THEME/assets/fonts/Inter-Bold.woff) format('woff'),
url(//vasilisazhukova.com/wp-content/themes/M.THEME/assets/fonts/Inter-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url(//vasilisazhukova.com/wp-content/themes/M.THEME/assets/fonts/Inter-SemiBold.woff2) format('woff2'),
url(//vasilisazhukova.com/wp-content/themes/M.THEME/assets/fonts/Inter-SemiBold.woff) format('woff'),
url(//vasilisazhukova.com/wp-content/themes/M.THEME/assets/fonts/Inter-SemiBold.ttf) format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url(//vasilisazhukova.com/wp-content/themes/M.THEME/assets/fonts/Inter-Medium.woff2) format('woff2'),
url(//vasilisazhukova.com/wp-content/themes/M.THEME/assets/fonts/Inter-Medium.woff) format('woff'),
url(//vasilisazhukova.com/wp-content/themes/M.THEME/assets/fonts/Inter-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url(//vasilisazhukova.com/wp-content/themes/M.THEME/assets/fonts/Inter-Regular.woff2) format('woff2'),
url(//vasilisazhukova.com/wp-content/themes/M.THEME/assets/fonts/Inter-Regular.woff) format('woff'),
url(//vasilisazhukova.com/wp-content/themes/M.THEME/assets/fonts/Inter-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url(//vasilisazhukova.com/wp-content/themes/M.THEME/assets/fonts/Inter-LightBETA.woff2) format('woff2'),
url(//vasilisazhukova.com/wp-content/themes/M.THEME/assets/fonts/Inter-LightBETA.woff) format('woff'),
url(//vasilisazhukova.com/wp-content/themes/M.THEME/assets/fonts/Inter-LightBETA.ttf) format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}:root { --color-white: #FFF;
--color-black: #0D1116;
--color-orange: #FF7614; --font-family: 'Inter', sans-serif;
--font-size: 16; --section--paddingTopBottom: 120;
--section-header--marginBottom: 112;
--section-header_col--gap: 10px;
--section-title--fontSize: 92;
--section-subtitle--fontSize: 18px;
--rem-function: var(--font-size) * 1rem;
--container--maxWidth: 1920px;
}
@media screen and (max-width:1660px) {
:root {
--font-size: (1920 / 1440 * 16 + 0.5);
--container--maxWidth: 1440px;
}
}
@media screen and (max-width:1440px) {
:root {
--font-size: (1920 / 1140 * 16 + 0.5);
--container--maxWidth: 1020px;
}
}
@media screen and (max-width:1020px) {
:root {
--container--maxWidth: 768px;
}
}
@media screen and (max-width:768px) {
:root {
--container--maxWidth: 480px;
}
}* {
line-height: 100%;
}
html {
font-family: var(--font-family);
font-weight: 300;
scroll-behavior: smooth;
}
body {
background-color: var(--color-black);
min-width: 320px;
overflow-x: hidden;
}
a {
text-decoration: none;
}
button {
background-color: transparent;
outline: none;
font-family: var(--font-family);
cursor: pointer;
padding: 0;
}
.container {
max-width: var(--container--maxWidth);
width: 100%;
margin: 0 auto;
padding: 0 30px;
}
.section {
padding: calc(var(--section--paddingTopBottom) / var(--rem-function)) 0;
}
.section_xl {
padding: calc(var(--section--paddingTopBottom) * 2 / var(--rem-function)) 0;
}
.section_white {
background-color: var(--color-white);
}
.section__header {
display: flex;
margin-bottom: calc(var(--section-header--marginBottom) / var(--rem-function));
}
.section__header.section__header_col {
flex-direction: column;
gap: var(--section-header_col--gap);
}
.section__title {
font-size: calc(var(--section-title--fontSize) / var(--rem-function));
}
.section__subtitle {
font-size: var(--section-subtitle--fontSize);
}
.link-arrow {
position: relative;
display: inline-flex;
align-items: center;
gap: calc(30 / var(--rem-function));
}
.link-arrow svg {
transition: all .33s ease-in-out;
}
.link-arrow:hover svg {
transform: translateX(10px);
}
.link-arrow form {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.link-arrow form input {
width: 100%;
height: 100%;
}
::-webkit-scrollbar {
width: 12px;
height: 12px;
}
::-webkit-scrollbar-track {
background: #ECEEEF;
border-radius: 10px;
} ::-webkit-scrollbar-thumb {
background: #DCE349;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background: #c2d12e;
}
* {
scrollbar-width: thin;
scrollbar-color: #DCE349 #ECEEEF;
}
.text-content {
padding: 20px 0 60px 0;
max-width: 1000px;
margin: 0 auto;
}
.text-content h2 {
font-size: 24px;
font-weight: 600;
margin: 30px 0 10px 0;
}
.text-content h3 {
font-size: 20px;
font-weight: 600;
margin: 30px 0 10px 0;
}
.text-content p {
margin-bottom: 10px;
line-height: 1.35;
}
.text-content a {
color: var(--color-orange);
text-decoration: underline;
font-weight: 500;
}
.text-content ul, 
.text-content ol {
margin: 10px 0 10px;
}
.text-content li {
margin-bottom: 5px;
line-height: 1.35;
}
.text-content strong {
font-weight: 600;
}
.text-content hr {
margin: 20px 0 10px;
border: none;
height: 1px;
background: var(--color-black);
}
.text-content small {
font-size: 14px;
}
.text-content br {
display: block;
margin: 5px 0;
}
.text-content blockquote {
margin: 0;
padding: 10px;
background-color: #eaeaea;
}
.text-content table thead {
border: none;
}
.text-content table {
border-collapse: collapse;
}
.text-content .wp-block-table {
margin: 10px 0;
}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//vasilisazhukova.com/wp-content/themes/M.THEME/assets/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.hero__row {
display: grid;
grid-template-columns: 1.375fr 1fr;
gap: 30px;
margin-bottom: calc(30 / var(--rem-function));
}
.hero__block {
padding: calc(75 / var(--rem-function)) 0 calc(105 / var(--rem-function)) calc(80 / var(--rem-function));
min-height: calc(1060 / var(--rem-function));
border-bottom-left-radius: calc(100 / var(--rem-function));
border-bottom-right-radius: calc(100 / var(--rem-function));
display: flex;
flex-direction: column;
}
.hero__block_xl {
background: radial-gradient(48.89% 32.26% at 79.41% 70.9%, #FFA164 0%, rgba(255, 161, 100, 0) 100%), linear-gradient(151.04deg, #FF7614 3.69%, #FF5314 105.07%);
position: relative;
}
.hero__block-owner {
position: absolute;
right: -30px;
bottom: 0;
}
.hero__block_md {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
overflow: hidden;
}
.hero__block.hero__block_md .hero__block-nav {
display: none;
}
.nav {
display: flex;
gap: 24px;
}
.nav__link {
color: var(--color-white);
font-size: calc(30 / var(--rem-function));
font-weight: 500;
padding: calc(15/ var(--rem-function)) calc(24 / var(--rem-function));
;
border: 2px solid var(--color-white);
border-radius: calc(150 / var(--rem-function));
}
.sheet-music__nav {
padding-bottom: calc(120 / var(--rem-function));
}
.sheet-music__nav-link {
color: #a9a9a9;
border-color: #a9a9a9;
}
.hero__block-title {
color: var(--color-white);
font-weight: 700;
font-size: calc(92 / var(--rem-function));
}
.hero__block-heading {
margin-top: auto;
margin-bottom: calc(65 / var(--rem-function));
}
.hero__block-text {
font-size: calc(27 / var(--rem-function));
line-height: 120%;
color: var(--color-white);
margin-bottom: calc(80 / var(--rem-function));
}
.hero__block-links {
display: flex;
flex-direction: column;
gap: calc(45 / var(--rem-function));
position: relative;
z-index: 100;
align-items: flex-start;
}
.hero__block-links a  {
padding: 15px 20px;
border-radius: 10px;
border: 1px solid var(--color-white);
}
.hero__block-link-text {
font-size: calc(28 / var(--rem-function));
color: var(--color-white);
}
.hero__block_xl .hero__block-title {
max-width: calc(475 / var(--rem-function));
}
.hero__block_xl .hero__block-text {
max-width: calc(415 / var(--rem-function));
}
.hero__line {
font-size: calc(80 / var(--rem-function));
font-weight: 700;
text-transform: uppercase;
padding: calc(75 / var(--rem-function)) calc(150 / var(--rem-function));
background-color: #1C1F24;
color: var(--color-white);
border-radius: calc(100 / var(--rem-function));
}
.events__wrapper {
padding: calc(100 / var(--rem-function)) calc(90 / var(--rem-function));
border-radius: calc(100 / var(--rem-function));
background-color: var(--color-white);
}
.event__row {
display: grid;
grid-template-columns: 2fr 2fr 2fr 1fr;
align-items: center;
gap: 5px;
}
.event__row.event__heading {
padding-top: 0;
border-bottom: 0;
}
.event__row {
padding-bottom: calc(45 / var(--rem-function));
padding-top: calc(45 / var(--rem-function));
font-size: calc(28 / var(--rem-function));
border-bottom: 1px solid #d9d9d9;
}
.event:last-child .event__row {
padding-bottom: 0;
border-bottom: 0;
}
.event__row.event__heading .event__col {
font-size: calc(26 / var(--rem-function));
color: #a9a9a9;
}
.event__col {
font-size: calc(28 / var(--rem-function));
}
.event__tickets {
font-size: calc(28 / var(--rem-function));
font-weight: 600;
display: flex;
align-items: center;
justify-content: flex-end;
}
.event__tickets button,
.event__tickets a {
color: var(--color-orange);
}
.owl-carousel {
display: block;
position: relative;
margin-left: calc(-1 * (100vw - 100%) / 2 - 10px);
width: 100vw;
padding-left: calc((100vw - 100%) / 2);
}
.owl-stage-outer .owl-stage {
padding-left: 0 !important;
}
.biography__slider .owl-stage-outer {
border-top: 2px solid #D9D9D9;
padding-top: calc(70 / var(--rem-function));
}
.biography__year {
font-size: calc(34 / var(--rem-function));
font-weight: 700;
margin-bottom: calc(40 / var(--rem-function));
}
.biography__desc {
font-size: calc(26 / var(--rem-function));
margin-bottom: calc(40 / var(--rem-function));
}
.biography__image img {
width: 100%;
}
.owl-dots {
max-width: calc(1155 / var(--rem-function));
height: 8px;
border-radius: 5px;
overflow: hidden;
background-color: #ECEEEF;
width: 100%;
display: flex;
margin: 0 auto;
margin-top: calc(100 / var(--rem-function));
}
.owl-dots .owl-dot {
flex: 1;
}
.owl-dots .owl-dot.active {
background-color: #DCE349;
border-radius: 5px;
}
.book {
padding-bottom: calc(120 / var(--rem-function));
}
.book__row {
display: grid;
grid-template-columns: 1fr 1.2fr;
gap: calc(115 / var(--rem-function));
align-items: flex-end;
margin-bottom: calc(120 / var(--rem-function));
}
.book__image {
border-bottom-left-radius: calc(100 / var(--rem-function));
border-bottom-right-radius: calc(100 / var(--rem-function));
display: flex;
justify-content: center;
align-items: flex-end;
background: linear-gradient(180deg, #F24822 10.55%, #FF7614 110.71%);
min-height: calc(1050 / var(--rem-function));
}
.book__image img {
max-width: calc(740 / var(--rem-function));
max-height: calc(950 / var(--rem-function));
width: 100%;
}
.book__label {
font-size: calc(34 / var(--rem-function));
font-weight: 700;
color: #DCE349;
margin-bottom: calc(80 / var(--rem-function));
}
.book__title {
margin-bottom: calc(80 / var(--rem-function));
font-size: calc(60 / var(--rem-function));
margin-bottom: calc(80 / var(--rem-function));
max-width: calc(460 / var(--rem-function));
color: var(--color-white);
}
.book__description {
font-size: calc(26 / var(--rem-function));
color: var(--color-white);
margin-bottom: calc(80 / var(--rem-function));
}
.book__description p {
margin-bottom: calc(35 / var(--rem-function));
}
.book__description p b {
font-weight: 600;
}
.book__markets {
display: grid;
grid-template-columns: 1fr 1fr;
justify-content: space-between;
}
.book__markets-heading {
font-weight: 600;
font-size: calc(26 / var(--rem-function));
color: var(--color-white);
margin-bottom: calc(60 / var(--rem-function));
}
.book__market {
margin-bottom: calc(30 / var(--rem-function));
}
.book__market-link span {
color: var(--color-white);
font-size: calc(26 / var(--rem-function));
transition: all .33s ease-in-out;
}
.book__market-link path {
transition: all .33s ease-in-out;
}
.book__market-link:hover path {
fill: var(--color-orange);
}
.book__market-link:hover span {
color: var(--color-orange);
}
.book__reviews .owl-stage {
display: flex;
}
.book__review {
background-color: var(--color-white);
padding: calc(30 / var(--rem-function));
border-radius: calc(15 / var(--rem-function));
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.book__review-text {
font-size: calc(23 / var(--rem-function));
margin-bottom: calc(40 / var(--rem-function));
line-height: 120%;
}
.book__review-name {
font-size: calc(26 / var(--rem-function));
font-weight: 700;
color: var(--color-orange);
}
.course {
position: relative;
}
.course__description {
max-width: calc(685 / var(--rem-function));
margin-bottom: calc(115 / var(--rem-function));
}
.course__description p {
font-size: calc(26 / var(--rem-function));
}
.course__description p:not(:last-child) {
margin-bottom: calc(40 / var(--rem-function));
}
.course__description p b {
font-weight: 600;
}
.course__buy-link span {
font-size: calc(28 / var(--rem-function));
font-weight: 600;
color: var(--color-orange);
}
.course-brain__img {
position: absolute;
right: 0;
bottom: -300px;
}
.course-brain__img_sm {
display: none;
}
.course__buy {
display: flex;
align-items: center;
gap: 20px;
}
.course__buy-prices {
display: flex;
align-items: center;
gap: 10px;
}
.single__row {
display: grid;
grid-template-columns: 1.75fr 1fr;
gap: 10px
}
.single__song-title {
font-size: calc(60 / var(--rem-function));
font-weight: 700;
margin-bottom: calc(60 / var(--rem-function));
color: var(--color-white);
}
.single__song-button span {
color: var(--color-white);
font-size: calc(26 / var(--rem-function));
}
.single__links.single__links_sm {
display: none;
}
.single__links-heading {
font-size: calc(34 / var(--rem-function));
font-weight: 700;
margin-bottom: calc(80 / var(--rem-function));
color: var(--color-white);
}
.single__links-list {
color: var(--color-white);
font-size: calc(22 / var(--rem-function));
}
.single__links-list a {
text-decoration: underline;
color: var(--color-white);
}
.single__controls {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: calc(60 / var(--rem-function));
}
.single__play {
width: calc(340 / var(--rem-function));
height: calc(340 / var(--rem-function));
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
border: 2px solid #303B49;
cursor: pointer;
}
.single__progress {
margin-top: calc(90 / var(--rem-function));
display: flex;
flex-direction: column;
align-items: center;
max-width: 860px;
width: 100%;
}
.single__progress-bar {
height: 8px;
width: 100%;
background-color: #303B49;
position: relative;
border-radius: 150px;
}
.single__progress-bar-fill {
width: 0;
height: 100%;
background-color: #DCE349;
border-radius: 150px;
position: relative;
}
.single__progress-bar-circle {
position: absolute;
right: -12px;
top: 50%;
transform: translateY(-50%);
width: 24px;
height: 24px;
border: 6px solid #DCE349;
background-color: #303B49;
border-radius: 100%;
}
.single__progress-time {
display: flex;
justify-content: space-between;
margin-top: 15px;
width: 100%;
}
.single__progress-time-value {
font-size: calc(22 / var(--rem-function));
color: #828F9D;
}
.footer {
padding-top: calc(100 / var(--rem-function));
}
.footer__row {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.footer__col {
display: flex;
flex-direction: column;
gap: calc(90 / var(--rem-function));
}
.footer__item-svg {
display: flex;
align-items: center;
gap: 10px;
}
.footer__item-heading {
font-size: 24px;
margin-bottom: calc(30 / var(--rem-function));
color: #828F9D;
}
.footer__item-links {
display: flex;
flex-direction: column;
gap: calc(30 / var(--rem-function))
}
.footer__item-link {
font-size: 24px;
color: var(--color-white);
transform: color .33s ease-in-out;
}
.footer__item-link:hover {
color: var(--color-orange);
}
.footer__bottom {
display: grid;
grid-template-columns: repeat(4, 1fr);
margin-top: calc(290 / var(--rem-function));
align-items: flex-end;
}
.footer__docs {
display: flex;
flex-direction: column;
gap: calc(30 / var(--rem-function))
}
.footer__bottom-link {
font-size: 24px;
color: #828F9D;
}
.footer__bottom-link:hover {
color: var(--color-orange)
}
.footer__dev {
grid-column: 4;
}
.footer__dev {
display: flex;
flex-direction: column;
gap: 10px;
}
.footer__dev .footer__bottom-link {
font-size: 24px;
}
.footer__name {
margin-top: calc(75 / var(--rem-function));
display: flex;
justify-content: center;
}
.footer__name  img {
width: 50%;
}
.modal {
opacity: 0;
visibility: hidden;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(13, 17, 22, 0.8);
backdrop-filter: blur(18.9878px);
transition: all .33s ease-in-out;
z-index: 9999;
}
.modal.active {
opacity: 1;
visibility: visible;
}
.modal__container {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
position: relative;
}
.js-close-modal {
display: flex;
position: absolute;
top: 50px;
right: 50px;
}
.modal__content {
background-color: var(--color-white);
border-radius: 15px;
overflow: hidden;
max-width: calc(1150 / var(--rem-function));
}
.modal__content.modal__content_pd {
padding: calc(60 / var(--rem-function));
}
[data-modal="ticket"] .modal__content {
max-width: calc(570 / var(--rem-function));
}
.modal-sheet {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
}
.modal-sheet__content {
padding: calc(60 / var(--rem-function));
}
.modal-sheet__image img {
display: block;
width: 100%;
}
.modal__title {
font-size: calc(60 / var(--rem-function));
font-weight: 700;
margin-bottom: calc(60 / var(--rem-function));
}
.modal__text {
font-size: calc(26 / var(--rem-function));
line-height: 120%;
}
.modal-single__text {
max-height: 400px;
overflow-y: auto;
}
.modal__link {
margin-top: calc(180 / var(--rem-function));
}
.modal__link span {
font-size: calc(30 / var(--rem-function));
font-weight: 600;
color: var(--color-orange);
}
.sheet-music, .thanks {
padding: calc(75 / var(--rem-function)) 0;
background-color: var(--color-white);
}
.sheet-music__cards {
display: grid;
gap: 20px;
grid-template-columns: 1fr 1fr 1fr;
}
.sheet-music__card {
padding: calc(40 / var(--rem-function)) calc(45 / var(--rem-function));
border: 1px solid #a9a9a9;
border-radius: 15px;
display: flex;
flex-direction: column;
min-height: calc(540 / var(--rem-function));
}
.sheet-music__card-title {
font-size: calc(34 / var(--rem-function));
font-weight: 700;
margin-bottom: calc(40 / var(--rem-function));
}
.sheet-music__card-desc {
font-size: calc(26 / var(--rem-function));
margin-bottom: calc(24 / var(--rem-function));
line-height: 1.2;
}
.sheet-music__card-bottom {
margin-top: auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.sheet-music__card-buy-link span {
font-weight: 600;
font-size: calc(30 / var(--rem-function));
color: var(--color-orange);
}
.price {
padding: calc(15 / var(--rem-function));
border-radius: calc(15 / var(--rem-function));
font-weight: 700;
}
.price_new {
background-color: var(--color-orange);
color: var(--color-white);
}
.price_old {
text-decoration: line-through;
background-color: #eaeaea;
}
.thanks__content p {
font-weight: 600;
font-size: 20px;
line-height: 1.275;
}
.thanks__content a {
text-decoration: underline;
color: var(--color-orange);
}
.accept-block {
max-width: 420px;
margin-top: 10px;
}
.accept-block__label {
font-size: 13px;
}
.accept-block__label a {
color: var(--color-orange);
text-decoration: underline;
}@media screen and (max-width:1660px) {
.hero__block-owner {
max-width: 440px;
}
.course-brain__img {
bottom: -200px;
max-width: 900px;
}
.footer__item-heading,
.footer__item-link,
.footer__bottom-link,
.footer__dev .footer__bottom-link
{
font-size: 20px;
}
}
@media screen and (max-width:1440px) {
.hero__block {
padding-left: calc(50 / var(--rem-function));
}
.hero__block-owner {
max-width: 340px;
}
.hero__line {
font-size: calc(70 / var(--rem-function));
padding-left: calc(100 / var(--rem-function));
padding-right: calc(100 / var(--rem-function));
}
.course-brain__img {
bottom: -150px;
max-width: 650px;
}
.footer__item-heading,
.footer__item-link,
.footer__bottom-link,
.footer__dev .footer__bottom-link
{
font-size: 18px;
}
}
@media screen and (max-width:1020px) {
.section_xl {
padding: 80px 0;
}
.section__title {
font-size: 36px;
}
.section__header {
margin-bottom: 50px;
}
.link-arrow {
gap: 20px;
}
.hero {
padding-top: 24px;
}
.hero__row {
grid-template-columns: 1fr;
margin-bottom: 80px;
}
.hero__block {
border-radius: 50px;
padding: 24px;
}
.hero__block_md {
order: 1;
}
.hero__block_xl {
order: 2;
}
.hero__block_xl .hero__block-nav {
display: none;
}
.hero__block_xl .hero__block-heading {
margin-top: 0;
}
.hero__block.hero__block_md .hero__block-nav {
display: flex;
}
.nav {
justify-content: space-between;
}
.nav__link {
font-size: 14px;
}
.hero__block-title {
font-size: 36px;
}
.hero__block-text {
font-size: 22px;
}
.hero__block-link-text {
font-size: 18px;
}
.hero__block-owner {
right: 0;
bottom: 0px;
max-width: 370px;
}
.hero__line {
text-align: center;
overflow: hidden;
position: relative;
z-index: 100;
border-radius: 25px;
}
.events__wrapper {
padding: 30px;
border-radius: 25px;
}
.event .event__row {
padding: 30px 0;
}
.biography__year {
font-size: 24px;
}
.biography__desc {
font-size: 22px;
}
.book__row {
gap: 40px;
grid-template-columns: 1fr;
}
.book__label,
.book__title,
.book__description {
margin-bottom: 40px;
}
.book__review-text,
.book__review-name {
font-size: 16px;
}
.book__description p,
.book__markets-heading {
font-size: 22px;
}
.book__market-link span {
font-size: 18px
}
.section_xl.course {
padding-bottom: 220px;
}
.course-brain__img {
display: none;
}
.course-brain__img_sm {
display: block;
position: absolute;
right: 0;
bottom: -220px;
}
.course__description {
max-width: 100%;
margin-bottom: 40px;
}
.course__description p {
font-size: 22px;
}
.single.section_xl {
padding-top: 330px;
}
.single__song-title {
font-size: 36px;
}
.single__song-button span {
font-size: 18px;
}
.single__links {
display: none;
}
.single__links.single__links_sm {
display: block;
margin-top: 120px;
}
.single__links-heading {
font-size: 22px;
}
.single__links-list {
font-size: 16px;
}
.single__controls {
margin-top: 120px;
}
.footer__row {
grid-template-columns: 1fr 1fr;
gap: 80px;
}
.footer__bottom {
grid-template-columns: 1fr 1fr;
gap: 80px;
}
.footer__dev {
grid-column: 2;
}
.footer__name {
margin-top: 80px;
}
.sheet-music__cards {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width:768px) {
.container {
padding-left: 24px;
padding-right: 24px;
}
.hero__block {
min-height: auto;
}
.hero__block.hero__block_md .hero__block-heading {
margin-top: 80px;
}
.hero__block.hero__block_xl {
padding-bottom: 310px;
}
.hero__block-heading {
margin-bottom: 32px;
}
.hero__block-text {
max-width: 260px !important;
margin-bottom: 32px;
}
.hero__block-owner {
right: 0;
bottom: 0;
max-width: 275px;
}
.hero__line {
font-size: 30px;
padding: 30px 12px;
}
.event__row.event__heading {
display: none;
}
.event:nth-child(2) .event__row {
padding-top: 0;
}
.event__row {
display: flex;
flex-wrap: wrap;
}
.event__date,
.event__location {
width: 49%;
font-size: 14px;
}
.event__location {
order: 2;
}
.event__name {
width: 100%;
order: 3;
margin: 28px 0;
font-size: 22px;
}
.event__tickets {
width: 100%;
order: 4;
justify-content: flex-start;
}
.event__tickets button span {
font-size: 18px;
}
.book__markets {
grid-template-columns: 1fr;
gap: 80px;
}
.footer__row,
.footer__bottom {
grid-template-columns: 1fr;
}
.footer__dev {
grid-column: auto;
}
.js-close-modal {
top: 15px;
right: 15px;
}
.modal__content {
margin: 0 10px;
max-width: 350px;
}
.modal-sheet {
grid-template-columns: 1fr;
}
.modal-sheet__image {
order: 1;
height: 340px;
}
.modal-sheet__image img {
height: 100%;
object-fit: cover;
}
.modal-sheet__content {
order: 2;
padding: 42px 24px;
}
.modal__title {
font-size: 36px;
margin-bottom: 32px;
}
.modal__text {
font-size: 22px;
}
.modal__link {
margin-top: 32px;
}
.modal__link span {
font-size: 18px;
}
.sheet-music__nav {
justify-content: flex-start;
}
.sheet-music__cards {
grid-template-columns: 1fr;
}
.sheet-music__card {
padding: 40px 35px;
min-height: auto;
}
.sheet-music__card-title {
font-size: 24px;
}
.sheet-music__card-desc {
font-size: 22px;
margin-bottom: 25px;
}
.sheet-music__card-buy-link span {
font-size: 18px;
}
.price {
font-size: 18px;
padding: 15px;
}
.footer__name  img {
width: 100%;
}
}
@media screen and (max-width: 480px) {
.hero__row {
margin-bottom: 120px;
}
.hero__block-owner {
right: -24px;
bottom: -180px;
max-width: 350px;
}
.course-brain__img_sm {
bottom: -250px;
}
.book__image {
min-height: auto;
padding-top: 60px;
}
}
@media screen and (max-width: 360px) {
.biography__desc {
font-size: 18px;
}
.modal__title {
font-size: 30px;
margin-bottom: 18px;
}
.modal__text {
font-size: 18px;
}
.modal__link {
margin-top: 18px;
}
.modal__link span {
font-size: 18px;
}
}