:root {
--font-body-m: 16px;
--font-body-l: 20px;
--font-title-m: 24px;
--font-title-l: 32px;
--font-headline-m: 40px;
--font-headline-l: 48px;
--font-display-s: 72px;
--font-display-m: 80px;
--font-display-l: 96px;
}
*{
box-sizing: border-box;
padding: 0;
margin: 0;
}
*::-webkit-scrollbar{
width: 0px;
background: transparent;
display: none;
}
html,body{
-webkit-font-smoothing: antialiased;
color: #000000;
}
#_page {
overflow: hidden;
z-index: 1;
position: relative;
transition: .2s;
transition-timing-function: cubic-bezier(0.42, 0, 0, 0.99);
-webkit-transition: .2s;
-webkit-transition-timing-function: cubic-bezier(0.42, 0, 0, 0.99);
}
.page--loaded #_page {
opacity: 1;
}
h1,h2,h3,h4,h5 {
font-weight: 400;
margin: 0;
}
.container {
max-width: 1920px;
padding:0 40px;
margin: 0 auto;
width: 100%;
}
body.home {
background: #F0ECEC; }
.scroll-content {
width: calc(100% - 17px);
}
.col-6{
width: 47.2%;
}
.col-3{
width: 30%;
}
.flex-wrap{
flex-wrap:wrap;
}
.s-home--start .s-wrap {
border: 1px solid #000000;
border-radius: 0px 0px 40px 40px;
position: relative;
min-height: calc(84vh - 20px);
display: flex;
flex-direction: column;
justify-content: center;
}
.s-home--start .s-wrap > .title {
padding: 16px 56px;
text-shadow: 0px 0px 7px #f0eceb;
max-width: 650px;
}
.s-home--start .s-wrap .footer {
display: flex;
justify-content: space-between;
margin-top: auto;
padding: 32px;
}
.s-home--start .s-wrap .phrase {
margin-top: auto;
padding-top: 16vh;
}
.s-home--start .s-wrap .footer .shape {
line-height: 0;
}
.s-home--start .m, .s-home--start .s {
display: none;
}
.s-home--to_learn {
background: #FFFFFF;
border-radius: 1000px;
text-align: center;
margin-top: 40px;
margin-bottom: 72px;
}
.s-home--to_learn .items {
display: flex;
flex-wrap: wrap;
text-align: left;
align-items: center;
justify-content: center;
}
.s-home--to_learn > .s-wrap {
padding: 48px 56px 64px;
}
.s-home--to_learn .s-header {
margin-bottom: 24px;
}
.s-home--to_learn .items > .item {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 24px;
gap: 12px;
border: 1px solid #000000;
border-radius: 71px;
margin: -.5px;
}
.s-home--to_learn .items > .item p {
margin: 0;
font-size: 20px;
line-height: 24px;
}
.s-home--to_learn .items > .item .icon {
line-height: 0;
}
.layout-a {
background: #FFFFFF;
border-radius: 80px;
max-width: 1900px;
margin: 0 auto;
overflow: hidden;
}
.s-home--residents {
padding: 192px 0px;
}
.s-home--residents .s-header {
text-align: center;
margin-bottom: 48px;
} .resident--card {
display: block;
}
.resident--card > .wrap {
position: relative;
border-radius: 64px;
display: flex;
flex-direction: row;
align-self: stretch;
min-height: 600px;
background: #F3E9E3;
overflow: hidden;
height: 100%;
}
.resident--card > .wrap .col-content {display: grid;height: auto;width: 100%;}
.resident--card > .wrap .col-content .wrapper .title {
margin-bottom: 8px;
}
.resident--card > .wrap > .col-cover {
min-width: 50%;
min-height: 600px;
display: flex;
width: 100%;
}
.resident--card > .wrap > .col-cover .anim-image-parallax-wrap {
width: 100%;
height: 100%;
}
.resident--card > .wrap > .col-cover .anim-image-parallax-wrap > .anim-image-parallax-inner {
height: 100%;
}
.ui-card-item > .wrap .anim-image-parallax-wrap > .anim-image-parallax-inner {
height: 100%;
}
.resident--card > .wrap > .col-cover .anim-image-parallax-wrap .ttgr-height {height: 90%;}
.resident--card > .wrap .col-content .wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 104px 72px 72px 104px;
gap: 24px;
height: 100%;
}
.resident--card > .wrap .col-content .wrapper .head {
max-width: 648px;
}
.resident--card > .wrap .col-content .wrapper .subtitle-items{
display: flex;
margin-top: 16px;
align-items: center;
gap: 32px;
margin-bottom: 16px;
}
.resident--card > .wrap .col-content .wrapper .subtitle-items .subtitle{
background: #ffffff;
border-radius: 20px;
width: max-content;
padding: 4px 12px;
font-size: 20px;
line-height: 24px;
}
.resident--card > .wrap .col-content .wrapper .foot {
display: flex;
margin-top: auto;
align-items: center;
justify-content: space-between;
}
.resident--card > .wrap .col-content .wrapper .foot .item.action {
margin-left: auto;
}
.resident--card.flip > .wrap {
flex-direction: row-reverse;
}
.s-home--residents .s-content > .items {
display: grid;
gap: 2px;
}
.resident--card > .wrap .col-content .wrapper .head p {
margin-bottom: 15px;
}
.s-home--courses {
padding: 96px 0;
}
.s-home--courses .s-header {
text-align: center;
margin-bottom: 32px;
}
.s-home--courses .s-content > .items {
display: grid;
gap: 2px;
} .course--card {
display: block;
}
.course--card > .wrap {
position: relative;
border-radius: 64px;
display: flex;
flex-direction: row;
align-self: stretch;
min-height: 600px;
background: #F3E9E3;
overflow: hidden;
height: 100%;
}
.course--card > .wrap .col-content {
display: grid;
height: auto;
width: 100%;
}
.course--card > .wrap .col-content .wrapper .title {
margin-bottom: 8px;
}
.course--card > .wrap > .col-cover {
min-width: 50%;
min-height: 600px;
display: flex;
width: 100%;
}
.course--card > .wrap > .col-cover .anim-image-parallax-wrap {
width: 100%;
height: 100%;
}
.course--card > .wrap > .col-cover .anim-image-parallax-wrap > .anim-image-parallax-inner {
height: 100%;
}
.ui-card-item > .wrap .anim-image-parallax-wrap > .anim-image-parallax-inner {
height: 100%;
}
.course--card > .wrap > .col-cover .anim-image-parallax-wrap .ttgr-height {
height: 90%;
}
.course--card > .wrap .col-content .wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 104px 72px 72px 104px;
gap: 24px;
height: 100%;
}
.course--card > .wrap .col-content .wrapper .head {
max-width: 648px;
}
.course--card > .wrap .col-content .wrapper .subtitle-items{
display: flex;
margin-top: 16px;
align-items: center;
gap: 32px;
margin-bottom: 16px;
}
.course--card > .wrap .col-content .wrapper .subtitle-items .subtitle{
background: #ffffff;
border-radius: 20px;
width: max-content;
padding: 4px 12px;
font-size: 20px;
line-height: 24px;
}
.course--card > .wrap .col-content .wrapper .foot {
display: flex;
margin-top: auto;
align-items: center;
justify-content: space-between;
}
.course--card > .wrap .col-content .wrapper .head p {
margin-bottom: 15px;
}
.ui-course-card {width: 380px;position: relative;border: 1px solid rgba(0, 0, 0, 0.24);border-radius: 64px;overflow: hidden;background: #F3E9E3;}
.s-home--courses .s-content > .items .item {
margin-right: -1px;
display: flex;
}
.ui-course-card .head .ttgr-height {
height: 212px;
}
.ui-course-card .details {
padding: 40px 40px 56px;
display: flex;
height: 100%;
}
.ui-course-card .details .subtitle {
background: #E9F0F4;
border-radius: 20px;
width: max-content;
padding: 4px 12px;
font-size: 20px;
line-height: 24px;
}
.ui-course-card .details .wrap {
display: grid;
gap: 8px;
align-items: flex-start;
}
.ui-course-card .details .wrap .foot {
margin-top: auto;
padding-top: 56px;
}
.ui-course-card > .wrap {
height: 100%;
display: flex;
flex-direction: column;
border-radius: 63px;
overflow: hidden;
}
.s-home--workshops {padding: 96px 0;}
.s-home--workshops .s-header {
text-align: center;
margin-bottom: 48px;
}
.s-home--workshops .s-content > .items {
display: flex;
flex-wrap: wrap;
gap: 2px;
}
.s-home--workshops .s-content > .items .item {
width: 33%;
}
a.magnetic-item {cursor: pointer !important;}
.ui-workshop-card {
padding: 48px 80px 64px;
background: #F3E9E3;
border-radius: 64px;
height: 100%;
display: block;
}
.ui-workshop-card > .wrap {
display: flex;
flex-wrap: wrap;
gap: 24px;
width: 100%;
height: 100%;
}
.ui-workshop-card > .wrap .icon {
width: 133.02px;
}
.ui-workshop-card > .wrap > .details {
display: flex;
align-items: flex-end;
gap: 24px;
width: 100%;
}
.ui-workshop-card > .wrap > .details .col-left {
display: grid;
gap: 8px;
}
.ui-workshop-card > .wrap > .details .col-left p {
margin: 0;
}
.ui-workshop-card > .wrap > .details .col-right {
min-width: 48px;
margin-left: auto;
}
.s-home--slider {padding: 96px 0;}
.s-home--slider .s-wrap {
padding: 96px 80px;
background: #E9F0F4;
border-radius: 64px;
overflow: hidden;
}
.s-home--slider .s-wrap > .s-header {
display: flex;
margin-bottom: 48px;
align-items: flex-end;
justify-content: space-between;
}
.swiper-nav {
display: flex;
gap: 24px;
justify-content: flex-end;
}
.swiper-nav .prev {
transform: rotate(-180deg);
}
.s-home--slider .s-wrap > .s-header > .label {
max-width: 640px;
}
.homeSliderOne {
overflow: unset;
}
.homeSliderOne .swiper-slide {
max-width: 824px;
height: auto;
display: flex;
}
.ui-slide-card {
border: 1px solid rgba(0, 0, 0, 0.24);
border-radius: 48px;
overflow: hidden;
width: 100%;
}
.ui-slide-card .ttgr-height {
height: 549px;
}
.ui-slide-card .wrap {
display: flex;
flex-direction: column;
border-radius: 45px;
overflow: hidden;
}
.ui-slide-card .wrap .content {
padding: 40px;
}
.ui-slide-card .wrap .content p {
margin-bottom: 10px;
font-size: 20px;
line-height: 24px;
}
.ui-slide-card .wrap .content p:last-child {
margin-bottom: 0;
}
.tt-ol-menu-active #tt-header {
margin-left: 0;
width: 99%;
}
header .menu {
display: flex;
pointer-events: auto;
gap: 32px;
align-items: center;
}
header .col-middle {
margin: auto;
}
header .menu .tt-btn > * {
color: black;
}
header .menu a {
padding: 0;
margin: 0;
text-transform: uppercase;
border-radius: 0;
}
header .menu a img {
width: 22px;
}
header .menu a.icon {
line-height: 0;
}
.bg-noise {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 12;
pointer-events: none;
overflow: hidden;
}
.bg-noise:before {
position: absolute;
content: '';
top: -10rem;
left: -10rem;
width: calc(100% + 20rem);
height: calc(100% + 20rem);
z-index: -1;
pointer-events: none;
background-image: url(//getartfit.com/assets/themes/common/assets/images/bg-noise.png);
background-position: 50%;
animation: BgNoise 1s steps(2) infinite;
}
@keyframes BgNoise {
0% { transform: translate3d(0, 9rem, 0) }
10% { transform: translate3d(-1rem, -4rem, 0) }
20% { transform: translate3d(-8rem, 2rem, 0) }
30% { transform: translate3d(9rem, -9rem, 0) }
40% { transform: translate3d(-2rem, 7rem, 0) }
50% { transform: translate3d(-9rem, -4rem, 0) }
60% { transform: translate3d(2rem, 6rem, 0) }
70% { transform: translate3d(7rem, -8rem, 0) }
80% { transform: translate3d(-9rem, 1rem, 0) }
90% { transform: translate3d(6rem, -5rem, 0) }
to { transform: translate3d(-7rem, 0, 0) }
}
.s-home--reviews {
padding: 96px 0px;
}
.s-home--reviews .s-header {
text-align: center;
margin-bottom: 48px;
}
.sliderReviews .swiper-slide {
max-width: 400px;
}
.sliderReviews .swiper-slide .ttgr-height {
height: 400px;
}
.sliderReviews .swiper-slide .ttgr-height-rotate0 {
height: 500px;
}
.ui-review-card .content {
display: none;
}
.sliderReviews {
overflow: unset;
}
.ui-review-card .wrap > .image {
transition: .3s;
position: relative;
transform: rotate(5deg);
}
.ui-review-card .wrap > .image-rotate0 {
transition: .3s;
position: relative;
transform: rotate(0deg);
width: 360px;
margin: auto;
}
.swiper-slide-active .ui-review-card .wrap > .image {
transform: rotate(0deg) !important;
}
.swiper-slide:nth-child(2n) .ui-review-card .wrap > .image {
transform: rotate(-5deg);
}
.reviews--content {
padding-top: 48px;
max-width: 608px;
margin: auto;
width: 100%;
display: grid;
grid-template-columns: 72px auto 72px;
align-items: flex-start;
gap: 32px;
}
.ui-review-card .wrap {
width: 100%;
}
.reviews--content > .prev {
transform: rotate(-180deg);
}
.reviews--content .content {
display: grid;
gap: 24px;
transition: .2s;
opacity: 0;
}
.reviews--content .content.show {
opacity: 1;
}
.reviews--content .content .blockquote {
display: flex;
gap: 37px;
}
.reviews--content .content .blockquote p {
margin-bottom: 10px;
}
.reviews-bg {
background: #F3E9E3;
padding: 20px;
border-radius: 20px;
}
.s-home--about {
padding: 40px 0;
border-radius: 64px;
}
.s-home--about .s-wrap {
background: #F3E9E3;
border-radius: 64px;
padding: 96px 160px;
display: grid;
gap: 48px;
}
.s-home--about .s-wrap .s-content {
display: flex;
gap: 80px;
}
.s-home--about .s-wrap .s-content > .col {
display: grid;
gap: 24px;
}
.s-home--about .s-wrap .s-content > .col p {
margin-bottom: 10px;
}
.s-home--about .s-wrap .s-content > .col p:last-child {
margin-bottom: 0;
}
.s-home--about .s-wrap .s-footer {
display: flex;
justify-content: flex-end;
}
footer {
background: #201D1D;
color: white;
font-size: var(--font-body-m);
}
footer > .wrap {
max-width: 1920px;
margin: 0 auto;
padding: 80px;
gap: 56px;
display: flex;
justify-content: space-between;
}
footer > .wrap > .col-left {
display: flex;
gap: 56px;
align-items: flex-start;
}
footer > .wrap > .col-left .menus {
display: grid;
gap: 24px;
}
footer > .wrap > .col-left .menus > .col {
display: flex;
flex-wrap: wrap;
gap: 12px 48px;
}
footer > .wrap > .col-left .logo {
min-width: 111px;
}
footer > .wrap > .col-left .menus > .col ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
gap: 16px;
flex-wrap: wrap;
text-transform: uppercase;
font-size: var(--font-body-m);
}
footer > .wrap .col-right {
text-align: right;
display: flex;
align-items: flex-end;
flex-direction: column;
gap: 21px;
}
footer > .wrap .col-right .icon {
line-height: 0;
}
footer > .wrap .col-right > div {
width: max-content;
}
.ui-header-2#tt-header {
margin-top: 10px;
}
.ui-header-2#tt-header > .tt-header-inner {
border: 1px solid rgba(0, 0, 0, 0.32);
border-radius: 200px;
}
.s-ceramic--start .s-wrap {
display: flex;
gap: 40px;
align-items: center;
max-width: 1120px;
margin: auto;
}
.s-ceramic--start {
padding: 72px 80px 64px;
width: 100%;
}
.s-ceramic--start .s-wrap .col-right, .s-page--start  .s-wrap .col-right {
position: relative;
max-width: 506px;
min-width: 506px;
}
.s-ceramic--start .s-wrap .col-right .figure, .s-page--start .s-wrap .col-right .figure {
min-height: 506px;
}
.s-ceramic--start .s-wrap .col-right .ph-image, .s-page--start .s-wrap .col-right .ph-image {
clip-path: url(#mask-1);
}
.s-ceramic--start .s-wrap .col-left > .title {
display: grid;
gap: 20px;
margin-bottom: 48px;
}
.tt-btn-medium {
font-size: var(--font-body-l);
}
.tt-btn-large {
padding: 0 25px;
font-size: var(--font-title-m);
height: 60px;
}
.layout-b {
max-width: 1920px;
background: #E9F0F4;
border-radius: 64px;
margin: 24px;
}
.s-ceramic--description {
padding: 56px;
}
.s-ceramic--description .s-wrap {
display: grid;
grid-template-columns: auto 640px;
gap: 40px;
align-items: center;
}
.s-ceramic--description .s-wrap.no-right {
display: block !important;
}
.layout-b.with-border {
border: 1px solid #DDE3EA;
border-radius: 64px;
background: none;
}
.s-ceramic--description .s-wrap .images {
display: grid;
grid-template-columns: 50% 50%;
}
.s-ceramic--description .s-wrap p {
font-size: var(--font-body-l);
}
.s-ceramic--description .s-wrap .images .ttgr-height {
height: 320px;
}
.s-ceramic--description .s-wrap .images .anim-image-parallax-wrap {
border-radius: 56px;
}
.s-ceramic--description .s-wrap img {
margin: auto;
display: block;
margin-bottom: 48px;
}
p:last-child, p:empty {
margin-bottom: 0;
}
.font-m p {
margin-bottom: 10px;
}
.layout-d {
border: 1px solid #EFDCD1;
border-radius: 64px;
max-width: 1920px;
margin: 0 24px;
margin-bottom: 80px;
}
.s-course--features {
padding: 80px 56px;
}
.s-course--features > .s-wrap {
display: flex;
flex-wrap: wrap;
gap: 56px;
align-items: flex-start;
}
.s-course--features > .s-wrap > .item {
width: calc(33% - 34px);
display: grid;
gap: 12px;
}
.s-course--features > .s-wrap > .item .count {
line-height: 96px; font-feature-settings: 'ordn' on, 'ss01' on;
font-size: var(--font-display-l);
}
.s-course--features > .s-wrap > .item .details {
display: grid;
gap: 8px;
font-size: var(--font-body-l);
line-height: 24px;
}
.s-course--features > .s-wrap > .item .details .title {
font-size: var(--font-title-l);
line-height: 36px;
}
.s-course--pricing {
padding: 96px 32px;
}
.s-course--pricing > .s-wrap {
display: grid;
gap: 56px;
}
.s-course--pricing > .s-wrap .s-header {
text-align: center;
}
.pricing-items {
display: flex;
flex-wrap: wrap;
gap: 24px;
justify-content: center;
}
.pricing-items > .item {
width: calc(33% - 13px);
}
.ui-pricing-block {
border: 1px solid #000000;
border-radius: 64px;
display: flex;
height: 100%;
align-items: flex-start;
width: 100%;
}
.ui-pricing-block > .wrap {
position: relative;
padding: 56px 0px 40px;
display: grid;
gap: 24px;
height: auto;
align-items: flex-start;
width: 100%;
}
.ui-pricing-block > .wrap > .pricing {
padding: 0px 32px;
gap: 12px;
display: grid;
justify-content: center;
text-align: center;
line-height: 36px;
font-size: var(--font-title-l);
}
.ui-pricing-block > .wrap > .label {
position: absolute;
width: max-content;
left: 0;
right: 0;
top: -21px;
margin: auto;
padding: 8px 24px;
background: #8CCA8B; border: 1px solid #000000;
border-radius: 200px;
line-height: 24px;
font-size: var(--font-body-l);
}
.ui-pricing-block > .wrap .divider {
width: 100%;
height: 1px;
background: rgba(0, 0, 0, 0.24);
}
.ui-pricing-block > .wrap .tt-btn {
width: max-content;
margin: auto;
}
.ui-pricing-block > .wrap .details {
padding: 0px 32px;
line-height: 20px;
font-size: var(--font-body-m);
}
.ui-pricing-block > .wrap .details ul {
padding: 0;
list-style: none;
margin: 0;
display: grid;
gap: 12px;
}
.ui-pricing-block > .wrap .details ul > li {
display: grid;
grid-template-columns: 20px auto;
gap: 8px;
}
.ui-pricing-block > .wrap .details ul > li > .icon {
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.31234 14.646C8.20101 14.646 8.09334 14.625 7.98934 14.583C7.88534 14.5417 7.78468 14.4723 7.68734 14.375L4.16634 10.854C3.99968 10.6873 3.92001 10.4757 3.92734 10.219C3.93401 9.96167 4.02068 9.74967 4.18734 9.583C4.35401 9.41634 4.56234 9.333 4.81234 9.333C5.06234 9.333 5.27068 9.41634 5.43734 9.583L8.35434 12.5L15.2503 5.604C15.417 5.43734 15.6217 5.354 15.8643 5.354C16.1077 5.354 16.3127 5.43734 16.4793 5.604C16.646 5.77067 16.7293 5.97567 16.7293 6.219C16.7293 6.46167 16.646 6.66634 16.4793 6.833L8.93734 14.375C8.84001 14.4723 8.73934 14.5417 8.63534 14.583C8.53134 14.625 8.42368 14.646 8.31234 14.646Z' fill='black'/%3E%3C/svg%3E");
}
.ui-pricing-block > .wrap  .footer {
margin-top: auto;
display: flex;
justify-content: center;
}
.ui-pricing-block > .wrap > .label.gray {
background: #C6C5D2;
}
.s-course--lectors {
padding: 96px 80px;
}
.s-course--lectors .s-wrap{
display: grid;
gap: 40px;
}
.s-course--lectors .s-header {
text-align: center;
}
.s-course--lectors .s-header .s-content {
display: flex;
}
.s-ceramic--start .s-wrap .magnetic-wrap {
justify-content: flex-start;
width: max-content;
}
.s-course--lectors .s-content {
display: flex;
gap: 40px;
align-items: flex-start;
flex-wrap: wrap;
justify-content: center;
}
.s-course--lectors .s-content .figure {
position: relative;
width: 100%;
margin: auto;
}
.s-course--lectors .s-content .figure .anim-image-parallax-wrap {
background: #dfdfdf;
height: 100%;
width: 100%;
border-radius: 100%;
}
.s-course--lectors .s-content .figure .anim-image-parallax-wrap .ttgr-height {
height: 0;
width: 100%;
padding-bottom: 100%;
}
.s-course--lectors .s-content .figure .mask {
margin: auto;
}
.s-course--lectors .s-content .lector {
display: grid;
gap: 28px;
width: 30%;
}
.s-course--lectors .s-content .lector .details {
display: grid;
gap: 8px;
text-align: center;
}
.s-banner {
padding: 56px 16px;
}
.s-banner > .s-wrap {
display: grid;
grid-template-columns: 202px auto auto;
gap: 80px;
align-items: center;
}
.s-banner > .s-wrap > .action {
margin-left: auto;
}
.s-banner > .s-wrap .ttgr-height {
height: 202px;
}
.s-banner > .s-wrap svg {
position: absolute;
width: 200px;
height: 200px;
margin: auto;
}
.s-banner > .s-wrap .anim-image-parallax-wrap {
clip-path: url(#bannerClip);
}
.s-banner > .s-wrap .details {
max-width: 594px;
display: grid;
gap: 16px;
}
.s--residents {
padding-top: 20px;
padding-bottom: 32px;
}
.s--residents .items {
display: flex;
gap: 2px;
flex-direction: column;
}
.mask-1{
clip-path: url(#mask-1) !important;
}
.mask-2{
clip-path: url(#mask-3) !important;
}
.mask-5{
clip-path: url(#mask-5) !important;
}
.mask-6{
clip-path: url(#mask-7) !important;
}
.mask-7 {
clip-path: url(#mask-10) !important;
}
.s-short-details > .s-wrap {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 32px 48px;
}
.s-short-details > .s-wrap > .divider {
width: 1px;
background: black;
height: auto;
}
.s-short-details > .s-wrap > .divider:last-child {
display: none;
}
.s-short-details {
border: 1px solid rgba(0, 0, 0, 0.87);
border-radius: 1000px;
max-width: 1120px;
margin: auto;
margin-bottom: 112px;
}
.s-short-details > .s-wrap > .item {
padding: 16px;
gap: 8px;
text-align: center;
display: flex;
font-size: var(--font-body-m);
max-width: 203px;
align-items: center;
flex-direction: column;
line-height: 19px;
width: 100%;
}
.s-ceramic--to_learn {
padding: 112px 80px;
}
.s-ceramic--to_learn > .s-wrap {
display: grid;
gap: 64px;
}
.s-ceramic--to_learn > .s-wrap .to_learn--items {
display: grid;
grid-template-columns: 33% 33% 33%;
gap: 48px 32px;
width: calc(100% - 96px);
font-size: var(--font-body-l);
line-height: 24px;
}
.s-ceramic--to_learn > .s-wrap .to_learn--items .item {
display: grid;
gap: 24px;
}
.layout-c {
background: #F3E9E3;
border-radius: 64px;
max-width: 1920px;
margin: 0 24px;
}
.s-ceramic--for_who {
padding: 112px 56px;
}
.s-ceramic--for_who .s-header {
text-align: center;
margin-bottom: 48px;
}
.s-ceramic--for_who .items {
display: flex;
width: 100%;
text-align: center;
}
.s-ceramic--for_who .items .item {
display: grid;
text-align: center;
background: #EFDCD1;
border-radius: 2000px;
padding: 48px 56px;
gap: 24px;
width: 33%;
align-items: flex-start;
}
.s-ceramic--for_who .items .item img {
display: block;
margin: auto;
width: 72px;
}
.s-course--schedule {
padding: 96px 24px;
}
.s-course--schedule > .s-wrap {
display: grid;
gap: 24px;
}
.s-course--schedule > .s-wrap .s-header {
text-align: center;
}
.s-page--start {
padding: 100px 0px;
min-height: 400px;
display: flex;
width: 100%;
align-items: center;
}
.s-page--start .s-wrap {
display: flex;
gap: 40px;
max-width: 1280px;
margin: auto;
align-items: center;
justify-content: space-between;
width: 100%;
}
.s-page--start .title h1 {
margin-bottom: 20px;
}
.s-page--start .s-wrap > .col-left {
max-width: 736px;
}
.s-cards-list {
display: grid;
gap: 8px;
}
.ui-card-item {
position: relative;
background: #F3E9E3;
border-radius: 64px;
overflow: hidden;
}
.ui-card-item > .wrap {
display: grid;
grid-template-columns: 33% auto;
align-items: center;
}
.ui-card-item > .wrap .details {
display: flex;
padding: 72px 96px;
gap: 72px;
height: 100%;
}
.ui-card-item > .wrap > .image {
height: 100%;
}
.ui-card-item > .wrap .anim-image-parallax-wrap {
height: 100%;
}
.ui-card-item > .wrap .ttgr-height {
height: 100%;
}
.ui-card-item > .wrap .details .col-right {
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: right;
}
.ui-card-item > .wrap .details .price {
font-size: var(--font-headline-m);
white-space: nowrap;
line-height: 1.1;
}
.ui-card-item > .wrap .title {
font-size: var(--font-headline-m);
line-height: 1.1;
}
.ui-card-item > .wrap .details > .col-left {
display: grid;
gap: 8px;
font-size: var(--font-body-m);
}
.s-how-it-works {
padding-top: 208px;
padding-bottom: 112px;
}
.s-how-it-works .s-header {
text-align: center;
margin-bottom: 64px;
}
.s-how-it-works .s-wrap .blocks {
display: grid;
grid-template-columns: 25% 25% 25% 25%;
gap: 32px;
width: calc(100% - 96px);
}
.s-how-it-works .s-wrap .blocks .item {
text-align: center;
background: #FFD6DD;
border-radius: 64px;
position: relative;
overflow: hidden;
}
.s-how-it-works .s-wrap .blocks .item > .wrap {
padding: 64px 61px;
font-size: var(--font-body-l);
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
padding-top: 224px;
}
.s-how-it-works .s-wrap .blocks .item > .wrap .anim-image-parallax-wrap {
overflow: unset !important;
position: absolute;
width: 224px;
height: 224px;
left: -20%;
top: -5%;
z-index: 0;
}
.s-how-it-works .s-wrap .blocks .item > .wrap .anim-image-parallax-wrap .ttgr-height {
height: 224px;
}
.s-how-it-works .s-wrap .blocks .item > .wrap .count {
position: relative;
font-size: var(--font-display-l);
line-height: 1.2;
}
.s-how-it-works .s-wrap .blocks .item > .wrap .text {
position: relative;
}
.s-about--start .s-wrap {
padding: 80px 0px;
text-align: center;
}
.s-about--start .s-wrap h1 {
font-size: var(--font-display-m);
text-transform: lowercase;
}
.s-about-members .s-wrap {
padding: 0px 0 56px;
gap: 56px;
display: flex;
justify-content: space-between;
}
.ui-member > .photo {
width: 344px;
margin: auto;
}
.ui-member  .anim-image-parallax-wrap {
border-radius: 100%;
max-width: 344px;
width: 344px;
margin: auto;
}
.ui-member  .anim-image-parallax-wrap .ttgr-height {
height: 344px;
}
.ui-member {
display: grid;
gap: 24px;
}
.ui-member .content {
display: grid;
gap: 16px;
font-size: var(--font-body-m);
line-height: 20px;
}
.ui-member .content .title {
font-size: var(--font-body-l);
}
.ui-member .content p {
margin-bottom: 10px;
}
.mask-figures {
position: absolute;
bottom: 0;
pointer-events: none;
width: 0;
height: 0;
overflow: hidden;
}
.ui-schedule-item {
border: 1px solid #000000;
border-radius: 24px;
}
.ui-schedule-item > .wrap .details .step:last-child {
border-bottom: 0;
}
.s-schedule--list .s-wrap > .item {
margin-bottom: -1px;
}
.ui-schedule-item > .wrap {
padding: 40px 80px 32px;
display: flex;
gap: 64px;
}
.ui-schedule-item > .wrap .icon {
line-height: 0;
}
.ui-schedule-item > .wrap .icon img {
width: 88px;
height: 88px;
min-width: 88px;
}
.ui-schedule-item > .wrap .details {
display: grid;
width: 100%;
gap: 8px;
}
.ui-schedule-item > .wrap .details > .name {
font-size: var(--font-title-l);
line-height: 1.2;
}
.ui-schedule-item > .wrap .details .step {
display: flex;
font-size: var(--font-body-l);
padding: 16px 0px;
gap: 24px;
justify-content: space-between;
border-bottom: 1px solid rgba(0, 0, 0, 0.24);
}
.ui-schedule-item > .wrap .details .lector .name {
font-size: var(--font-body-m);
}
.ui-schedule-item > .wrap .details .step .datetime {
font-size: var(--font-body-m);
color: rgba(0, 0, 0, 0.56);
}
.s-schedule--list {
padding-bottom: 40px;
}
.ui-schedule-item > .wrap .details .step .lectors {min-width: 15%;}
.s-single--start, .s-single {
max-width: 1120px;
margin: auto;
}
.s-single--start {
padding: 64px 0px;
}
.s-single--start h1 {
font-size: var(--font-headline-m);
}
.s-single--start .s-header {
max-width: 800px;
}
.s-single {
font-size: var(--font-body-m);
line-height: 1.5;
padding-bottom: 80px;
}
.s-single h2 {
font-size: var(--font-title-l);
}
.s-single h3 {
font-size: var(--font-title-m);
}
.s-single ol, .s-single ul {
margin-bottom: 32px;
padding-left: 20px;
}
.tt-accordion.tt-ac-borders .tt-accordion-heading .col-left {
width: 100%;
}
.tt-accordion-item.style-1 {
padding: 20px 48px;
}
.tt-accordion.tt-ac-borders .style-1 .tt-ac-head {
padding: 0;
}
.style-1 .tt-ac-head-title {
font-size: var(--font-title-m);
}
.tt-accordion-item.style-1 .tt-accordion-content {
margin-top: 16px;
}
.s-home--about .tt-btn.tt-btn-link {
color: black;
}
.swal2-popup h2 {
font-size: 28px;
line-height: 1.5;
margin-bottom: 20px;
}
.w-90 {
max-width: 90%;
}
.ui_form__fieldsets.l-grid.grid-2 {
display: grid;
grid-template-columns: auto auto;
gap: 5px 20px;
}
.ui-form.modal__form {
display: grid;
gap: 20px;
}
.form__send > button {
width: 100%;
}
.s-ceramic--to_learn > .s-wrap .to_learn--items .item img {
height: 44px;
}
.s-course--lectors .s-content.count-1 {
justify-content: center;
}
.pricing-items.count-1 {
justify-content: center;
}
.with-preview .tt-accordion-content ul {
padding-left: 15px;
display: grid;
gap: 3px;
}
.s-page--start ul {
padding-left: 17px;
display: grid;
gap: 5px;
}
.swiper.cardSwiper {
width: 100%;
}
.swiper-button-next:after, .swiper-button-prev:after {
content: '';
background: url(http://getartfit.egodev1.info/assets/themes/common/assets/icons/arrow.svg) no-repeat;
width: 48px;
height: 38px;
min-width: 48px;
position: relative;
background-position: center;
background-size: contain;
}
.swiper-button-prev:after {transform: rotate(180deg);}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
right: 30px;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
left: 30px;
}
.ui-short-product {}
.ui-short-product .details {
display: flex;
justify-content: space-between;
padding: 16px 0px;
font-size: 16px;
align-items: center;
border-bottom: 1px solid var(--On-Surface-60, rgba(0, 0, 0, 0.24));
}
.ui-short-product .details .col-right {
display: flex;
align-items: center;
gap: 16px;
}
.ui-short-product .details .col-right .price {
font-size: 24px;
}
.ui-short-product .details .title {
font-size: 24px;
}
.ui-short-product .details p {
margin-top: 4px;
}
.s-product--start {
padding: 64px 0;
padding-bottom: 104px;
}
footer > .wrap > .col-left .menus > .col ul a {
display: block;
}
.swiper-slide-duplicate .ui-review-card.anim-fadeinup, .swiper-slide-duplicate .ui-review-card.anim-fadeinup *, .swiper-slide-duplicate .ui-slide-card.anim-fadeinup, .swiper-slide-duplicate .ui-slide-card.anim-fadeinup * {
opacity: 1 !important;
visibility: visible !IMPORTANT;
}
.swiper-slide-duplicate .ui-review-card.anim-fadeinup, .swiper-slide-duplicate .ui-slide-card.anim-fadeinup {
transform: none !important;
}
.swiper.cardSwiper .--nav {
position: absolute;
top: 64px;
left: 0;
width: 100px;
height: 100px;
bottom: 0;
margin: auto;
}
.swiper.cardSwiper .--nav.--next {
left: inherit;
right: 0;
}
.resident--card > .wrap > .col-cover .cardSwiper .anim-image-parallax-wrap > .anim-image-parallax-inner {
visibility: visible !important;
opacity: 1 !important;
} .font-m
.font-m-banner
{
font-size: 16px;
line-height: 20px;
}
.font-l {
font-size: 20px;
line-height: 24px;
}
.title-m {
font-size: 24px;
line-height: 28px;
}
.works-title-m {
font-size: 24px;
line-height: 28px;
margin: auto;
}
.title-l {
font-size: 32px;
line-height: 36px;
}
.headline-m {
font-size: 40px;
line-height: 40px;
letter-spacing: -0.02em;
}
.headline-l {
font-size: 48px;
line-height: 48px;
}
.display-s {
font-size: 72px;
line-height: 72px;
font-feature-settings: 'ordn' on, 'ss01' on;
}
.display-m {
font-size: 80px;
line-height: 80px;
font-feature-settings: 'ordn' on, 'ss01' on;
}
.display-l {
font-size: 96px;
line-height: 96px;
font-feature-settings: 'ordn' on, 'ss01' on;
}
.ui_form__fieldset > .field textarea {
padding-top: 25px;
}
.has-text-align-center {
text-align: center;
}
.wp-block-buttons {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.wp-element-button {
background: black;
color: white;
border-radius: 100px;
padding: 10px 20px;
display: inline-flex;
cursor: pointer;
transition: .2s;
}
.wp-element-button:hover {
color: white;
background: #3b3b3b;
}
.l-mt-10{
margin-top: 10px;
}
.l-mt-15{
margin-top: 15px;
}
.l-mt-20{
margin-top: 20px;
}
.l-mt-25{
margin-top: 25px;
}
.l-mt-30{
margin-top: 30px;
}
.l-mt-35{
margin-top: 35px;
}
.l-mt-40{
margin-top: 40px;
}
.l-mt-60{
margin-top: 60px;
}
.l-mb-10 {
margin-bottom: 10px;
}
.l-mb-15 {
margin-bottom: 15px;
}
.l-mb-20 {
margin-bottom: 20px;
}
.l-mb-25 {
margin-bottom: 25px;
}
.l-mb-30 {
margin-bottom: 30px;
}
.l-mb-35 {
margin-bottom: 35px;
}
.l-mb-40 {
margin-bottom: 40px;
}
.l-mb-55 {
margin-bottom: 55px;
}
.l-mb-60 {
margin-bottom: 60px;
}
.l-pb-0 {
padding-bottom: 0;
}
.l-pb-10 {
padding-bottom: 10px;
}
.l-pb-15 {
padding-bottom: 15px;
}
.l-pb-20 {
padding-bottom: 20px;
}
.l-pb-250 {
padding-bottom: 250px;
}
@keyframes move_wave {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-1440px, 0, 0);
}
} .s-course--faq .s-wrap {
display: grid;
width: 100%;
max-width: 1920px;
gap: 2em;
}
.layout-c.with-border {
background: none !important;
border: 1px solid #EFDCD1;
border-radius: 64px;
padding: 80px 56px;
} .tt-accordion .tt-accordion-heading.no-preview .col-left {
display: block;
width: 100%;
max-width: none;
padding-right: 0;
}
.tt-accordion .tt-accordion-heading.no-preview .content {
max-width: none;
}
.tt-accordion .tt-accordion-heading.no-preview .preview {
display: none;
}
.pb-button-only {
padding: 80px 0;
background-color: transparent; }
.pb-button-only__wrap {
display: flex;
justify-content: center;
}
.pb-button-wrap {
margin-top: 40px;
display: flex;
}
.pb-button-wrap.pb-centered {
display: flex;
justify-content: center;
}