.wpecpp-container {
width: 100%;
}
.wpecpp-container.wpecpp-align-left {
text-align: left;
}
.wpecpp-container.wpecpp-align-center {
text-align: center;
}
.wpecpp-container.wpecpp-align-right {
text-align: right;
}
.wpecpp-form {
width: 100%;
}
.wpecpp-form .wpecpp-stripe-button-container,
.wpecpp-form .wpecpp-paypal-button-container {
display: block;
width: 100%;
margin-top: 20px;
}
.wpecpp-form .wpecpp-stripe-button-container > *,
.wpecpp-form .wpecpp-paypal-button-container > * {
display: block !important;
width: 100%;
margin-bottom: 8px;
}
.wpecpp-paypal-button-container.wpecpp-horizontal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.wpecpp-align-left .wpecpp-form .wpecpp-paypal-button-container.wpecpp-horizontal {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.wpecpp-align-center .wpecpp-form .wpecpp-paypal-button-container.wpecpp-horizontal {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wpecpp-align-right .wpecpp-form .wpecpp-paypal-button-container.wpecpp-horizontal {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.wpecpp-align-left .wpecpp-form .wpecpp-paypal-button-container:not(.wpecpp-horizontal) > *,
.wpecpp-align-left .wpecpp-form .wpecpp-stripe-button-container > * {
margin-left: 0;
margin-right: auto;
}
.wpecpp-align-center .wpecpp-form .wpecpp-paypal-button-container:not(.wpecpp-horizontal) > *,
.wpecpp-align-center .wpecpp-form .wpecpp-stripe-button-container > * {
margin-left: auto;
margin-right: auto;
}
.wpecpp-align-right .wpecpp-form .wpecpp-paypal-button-container:not(.wpecpp-horizontal) > *,
.wpecpp-align-right .wpecpp-form .wpecpp-stripe-button-container > * {
margin-left: auto;
margin-right: 0;
}
.wpecpp-align-left .wpecpp-form .wpecpp-paypal-button-container.wpecpp-horizontal > * {
margin-left: 0;
margin-right: 8px;
}
.wpecpp-align-center .wpecpp-form .wpecpp-paypal-button-container.wpecpp-horizontal > * {
margin-left: 8px;
margin-right: 8px;
}
.wpecpp-align-right .wpecpp-form .wpecpp-paypal-button-container.wpecpp-horizontal > * {
margin-left: 8px;
margin-right: 0;
}
.wpecpp-stripe-button {
background-image: linear-gradient(#28A0E5, #015E94);
-webkit-font-smoothing: antialiased;
border: 0;
padding: 1px;
height: 40px;
text-decoration: none;
border-radius: 4px;
box-shadow: 0 1px 0 rgb(0 0 0 / 20%);
cursor: pointer;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
}
.wpecpp-stripe-button:hover {
-webkit-filter: brightness(1.2);
filter: brightness(1.2);
}
.wpecpp-stripe-button span {
display: block;
position: relative;
padding: 0 12px 0 12px;
height: 40px;
background: #1275ff;
background-image: linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
font-size: 14px;
line-height: 40px;
color: #fff;
font-weight: bold;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
text-shadow: 0 -1px 0 rgb(0 0 0 / 20%);
box-shadow: inset 0 1px 0 rgb(255 255 255 / 25%);
border-radius: 3px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wpecpp-stripe-button span::before {
content: "";
width: 33px;
height: 24px;
background-repeat: no-repeat;
background-size: 23px 24px;
background-image: url(data:image/png;base64,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);
}
.wpecpp-stripe-button.processing {
cursor: wait;
}
.wpecpp-payment-message {
font-size: .9rem;
}
.wpecpp-payment-message .payment-success {
color: green;
}
.wpecpp-payment-message .payment-error {
color: red;
} .wpecpp-error {
color: #d63638;
background-color: #ffebe8;
border: 1px solid #d63638;
border-radius: 2px;
padding: 8px 12px;
margin: 5px 0;
display: inline-block;
} .wpecpp-or {
display: none;
position: relative;
max-width: 300px;
margin-top: 25px;
margin-bottom: 0;
text-align: center;
}
.wpecpp-paypal-button-container:not(:empty) ~ .wpecpp-or {
display: block;
}
.wpecpp-container.wpecpp-align-left .wpecpp-or {
margin-left: 0;
margin-right: auto;
}
.wpecpp-container.wpecpp-align-center .wpecpp-or {
margin-left: auto;
margin-right: auto;
}
.wpecpp-container.wpecpp-align-right .wpecpp-or {
margin-left: auto;
margin-right: 0;
}
.wpecpp-or:before {
content: '';
position: absolute;
width: 80%;
left: 10%;
top: 50%;
margin-top: 1px;
border-top: 1px solid #ddd;
}
.wpecpp-or span {
position: relative;
background: #fff;
padding: 0 20px;
}
.wpecpp-card-form {
position: relative;
padding-bottom: 10px;
}
.wpecpp-card-form.processing {
opacity: 0.5;
}
.wpecpp-card-form.processing:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
cursor: wait;
z-index: 99;
}
.wpecpp-paypal-btn {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
cursor: pointer;
position: relative;
width: 100%;
box-sizing: border-box;
border: none;
vertical-align: top;
overflow: hidden;
border-radius: 4px;
margin-top: 15px;
}
.wpecpp-paypal-btn:hover {
filter: brightness(0.95);
}
.wpecpp-paypal-btn.color-gold {
color: #2C2E2F;
background: #ffc439;
}
.wpecpp-paypal-btn.color-blue {
color: #fff;
background: #0070ba;
}
.wpecpp-paypal-btn.color-black {
color: #fff;
background: #2C2E2F;
}
.wpecpp-paypal-btn.color-silver {
color: #2C2E2F;
background: #eee;
}
.wpecpp-paypal-btn.color-white {
color: #2C2E2F;
background: #fff;
border: 1px solid #555;
}
.wpecpp-card-form label {
display: block;
}
.wpecpp-card-form .card-field-wrapper {
min-height: 52.5px;
}
.wpecpp-card-form input.card_field {
width: 300px;
min-width: 300px;
max-width: 300px;
min-height: 36px;
padding: 6px 5px;
background: #fff;
border: 1px solid #ddd;
font-size: 13.3333px;
margin: 5px auto;
display: inline-block;
line-height: 22px;
outline: none;
transition: none;
color: #000;
font-weight: 400;
}
.wpecpp-card-form input.card_field::placeholder {
font-size: 11pt;
}
.wpecpp-card-form input.card_field.invalid {
color: red;
border-color: red;
}
.wpecpp-card-form .card_field iframe {
width: 300px !important;
min-width: 300px;
max-width: 300px;
min-height: 36px;
background: #fff;
border: 1px solid #ddd !important;
font-size: 11pt;
margin: 5px auto;
float: none !important;
height: 30px !important;
padding: 6px 5px;
display: inline-block;
}
.wpecpp-card-form .card_field.invalid iframe {
border-color: red !important;
} .wpecpp-stripe-button-container a {
text-decoration: none !important;
}@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 {
display: 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);
}
::-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;
}.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;
}
.hero__block-nav {
display: flex;
gap: 24px;
}
.hero__block-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));
}
.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;
}
.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: 1fr 1fr 1fr 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;
}
.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-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-heading {
font-size: calc(20 / var(--rem-function));
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: calc(22 / var(--rem-function));
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: calc(20 / var(--rem-function));
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: calc(16 / var(--rem-function));
}
.footer__name {
margin-top: calc(75 / var(--rem-function));
font-size: 12vw;
color: var(--color-white);
line-height: 1;
font-weight: 700;
text-align: center;
white-space: nowrap
}
.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);
}@media screen and (max-width:1660px) {
.hero__block-owner {
max-width: 440px;
}
.course-brain__img {
bottom: -200px;
max-width: 900px;
}
}
@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;
}
}
@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;
}
.hero__block-nav {
justify-content: space-between;
}
.hero__block-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__item-heading {
font-size: 14px;
}
.footer__item-link {
font-size: 18px;
}
.footer__bottom {
grid-template-columns: 1fr 1fr;
gap: 80px;
}
.footer__bottom-link,
.footer__dev .footer__bottom-link {
font-size: 18px;
}
.footer__dev {
grid-column: 2;
}
.footer__name {
margin-top: 80px;
}
}
@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;
}
}
@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;
}
}