.first-block {
    width: 100%;
    background-size: cover;
    background-position: right;
    overflow: hidden;
    color: #fff;
}
.first-block .first-block-wrap {
    display: flex;
    padding-top: 150px;
}
.first-block .text-block {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 40px;
}

.first-block .row {
    width: 100%;
    align-items: center;
}

.first-block .content-block {
    display: flex;
}
.first-block .text-block {
    flex: 1;
    z-index: 2;
}
.first-block .image-block {
    flex: 1;
    align-self: flex-end;
    z-index: 1;
}
.first-block .title {
    margin-bottom: 70px;
    font-family: 'Raleway', sans-serif;
    font-size: 60px;
    line-height: 90px;
}

.first-block .button-wrap {
    display: flex;
    align-items: center;
}
.first-block .btn {
    font-size: 18px;
}
.first-block .btn-watch {
    display: flex;
    align-items: center;
    margin-left: 70px;
    font-size: 18px;
    color: #ffffff;
    text-transform: uppercase;
}
.first-block .btn-watch .icon {
    margin-right: 15px;
    font-size: 48px;
    color: #ffffff;
    font-weight: 300;
}

/*** Description blocks ***/

.description-block-image {
    position: relative;
    background-size: cover;
    background-position: center;
}
.description-block-image-text {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 100px 0;
}
.description-block-image-text.right {
    justify-content: flex-end;
}
.description-block-image-text.left {
    justify-content: flex-start;
}
.description-block-image-text.left .wrap {
    padding-right: 15px;
}
.description-block-image-text.right .wrap {
    padding-left: 15px;
}
.description-block-image-text .wrap {
    max-width: 50%;
}
.description-block-image-text.blue-bg .wrap .bg-wrap {
    background: #1a2f49;
}
.description-block-image-text .bg-wrap {
    background: #633151;
    color: #fff;
    padding: 60px 70px;
}
.description-block-image-text .wrap .title {
    margin-bottom: 35px;
    font-family: 'Raleway', sans-serif;
    color: #ffffff;
}
.description-block-image-text .wrap p {
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
}
.description-block-image .mobile-image {
    display: none;
    margin: 0 -20px -35%;
    overflow: hidden;
}

.description-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
    background-size: cover;
    padding: 70px 80px;
    color: #ffffff;
}
.description-block .title {
    color: #633151;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.description-block p {
    margin-bottom: 40px;
}


/*** Dashboard ***/

.dashboard {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.dashboard-item {
    position: relative;
    width: 33.333%;
    padding: 0 10px 30px;
}
.dashboard-item .wrap {
    overflow: hidden;
}
.dashboard-item img {
    width: 100%;
    transform: scale(1);
    transition: 0.3s;
}
.dashboard-item:hover img {
    transform: scale(1.3);
}
.dashboard-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff;
}
.dashboard-item a:hover {
    color: #ffffff;
}
.dashboard-item a span {
    padding: 10px;
    font-size: 36px;
    font-weight: 300;
    text-transform: uppercase;
}

.dashboard-item a span i {
    font-size: 48px;
    font-weight: 300;
}


/*** About block ***/

.about-block {
    background-size: cover;
}
.about-block-text {
    align-self: center;
    padding-top: 40px;
    padding-bottom: 40px;
}
.about-block-image {
    align-self: flex-end;
    padding-top: 40px;
}
.about-block.align-start .about-block-image,
.about-block.align-start .about-block-text {
    align-self: flex-start;
}
.about-block p {
    margin-bottom: 30px;
}
.about-block p sup {
    top: -8px;
    font-size: 10px;
}

.about-block-image .product-images img {
    margin-bottom: 20px;
}

.about-block-text .title,
.about-block-text .title-small,
.about-block-text p {
    width: 100%;
    display: inline-block;
    color: #ffffff;
    font-weight: 300;
    margin-bottom: 60px;
}

.about-block-text h4.title {
    margin-bottom: 20px;
}
.about-block-text h3.title-small {
    line-height: 60px;
}
.about-block-text h4.title-small {
    margin-bottom: 40px;
}
.about-block-text .title sup {
    top: -20px;
    font-size: 16px;
    color: #656565;
}
.about-block-text .price {
    margin-top: -40px;
    margin-bottom: 20px;
    font-family: 'Raleway', sans-serif;
    font-size: 36px;
    color: #533948;
}
.about-block-text .text {
    margin-bottom: 30px;
}
.about-block-text ul {
    padding: 0;
    margin-bottom: 30px;
    color: #533948;
    font-weight: 300;
    list-style: none;
}
.about-block-text ul li {
    position: relative;
    padding-left: 15px;
}
.about-block-text ul li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    background: #533948;
    width: 4px;
    height: 4px;
    border-radius: 50%;
}

.about-block-text a {
    display: inline-block;
}
.about-block-text h4 {
    margin-bottom: 30px;
}

.about-block-text h4.smaller-font {
    font-size: 16px;    
}

.about-block-text .btn {
    margin-right: 10px;
}

.about-block-text .button-wrap .btn {
    height: auto;
    margin: 0;
    padding: 20px 20px;
    line-height: 23px;
    white-space: normal;
}
.about-block-text .button-wrap .btn:first-child {
    margin: 0 20px 20px 0;
    vertical-align: top;
}

.about-block-text .mobile-block {
    display: none;
    margin: 0 -5px 10px;
}
.about-block-text .mobile-block img {
    width: 50%;
    max-height: 250px;
    margin-bottom: 10px;
    padding: 0 5px;
    object-fit: cover;
}
.about-block-text .mobile-block img.big {
    width: 100%;
    height: 50%;
    max-height: none;
}


.button-select {
    max-width: 460px;
}
.button-select .button-wrap {
    display: flex;
    align-items: flex-start;
}
.button-select .button-wrap .btn {
    flex: 1;
}
.button-select .button-wrap .btn-empty {
    flex: 2;
}

.about-block.white-bg .title,
.about-block.white-bg p {
    color: #533948;
}
.about-block-text .title-small {
    color: #8197a7;
}

.about-block .align-center {
    align-items: center;
    align-self: center;
    padding-top: 40px;
    padding-bottom: 40px;
}
.about-block .align-center .about-block-image {
    align-self: start;
    padding-top: 0;
}

.video-block {
    align-items: flex-start;
}
.video-block .about-block-image {
    align-self: flex-start;
}
.video-block .about-block-image iframe {
    height: 420px;
}


/*** Quotes block ***/

.quotes-block {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.quotes-block-item {
    position: relative;
    width: 33.333%;
    padding: 0 10px 20px;
    color: #533948;
}
.quotes-block-item .wrap {
    display: block;
    height: 100%;
    padding: 40px;
    transition: all 0.3s ease;
}
.quotes-block-item .name {
    font-weight: bold;
}
.quotes-block-item img,
.quotes-block-item p {
    margin-bottom: 40px;
}

.quotes-block-item:nth-child(odd) .wrap {
    border: 2px solid #cebfc8;
}

.quotes-block-item:hover .wrap {
    background: #633151;
    border-color: #633151;
    color: #ffffff;
}
.quotes-block-item:hover .name {
    color: #cebfc8;
}
.quotes-block-item p {
    height: 168px;
}


/*** Subscribe block ***/

.subscribe-block {
    display: flex;
    justify-content: center;
}
.subscribe-block-item {
    flex: 1;
    max-width: 346px;
    margin: 0 10px;
}
.subscribe-block input {
     width: 100%;
 }
.subscribe-block-item.email {
    max-width: 430px;
}
.subscribe-block input[type="submit"] {
    text-align: center;
}
.form.subscribe-block .btn {
    max-width: 100%;
}


.gallery-block {
    display: flex;
    flex-wrap: wrap;
}
.gallery-block-item {
    width: 25%;
}


/*** Podcast block ***/

.podcast-block-item {
    display: flex;
    background: #f6f7f8;
    margin: 0 0 35px;
    padding: 60px;
}
.podcast-block-item .image {
    flex: 1;
    padding-right: 60px;
}
.podcast-block-item .image iframe {
    max-width: 360px;
    height: 100%;
    border: 0 !important;
}
.podcast-block-item .image a {
    position: relative;
}
.podcast-block-item .image img {
    width: 100%;
}
.podcast-block-item .image a:before {
    content: "\f144";
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -30px 0 0 -30px;
    font-family: "Font Awesome 5 Pro";
    font-size: 60px;
    font-weight: 300;
    color: #fff;
    opacity: 0;
    transition: 0.3s;
}
.podcast-block-item .image a:hover:before {
    opacity: 1;
}
.podcast-block-item .text {
    flex: 2;
}
.podcast-block-item .text .title {
    margin-bottom: 40px;
}
.podcast-block-item .text p {
    font-size: 16px;
    line-height: 24px;
}


.video-list {
    display: flex;
    flex-wrap: wrap;
    margin: -20px;
}
.video-list-item {
    position: relative;
    width: 50%;
    padding: 20px;
    padding-bottom: 27%;
    text-align: right;
}
.video-list-item:nth-child(odd) {
    text-align: left;
}
.video-list-item span {
    display: inline-block;
    position: relative;
}
.video-list-item iframe {
    height: calc(100% - 40px);
    width: calc(100% - 40px);
    position: absolute;
    left: 20px;
    top: 20px;
}
/*.video-list-item span:before {*/
    /*content: "\f04b";*/
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 50%;*/
    /*margin: -12px 0 0 -12px;*/
    /*font-family: "Font Awesome 5 Pro";*/
    /*font-size: 25px;*/
    /*font-weight: 600;*/
    /*color: #fff;*/
    /*opacity: 0;*/
    /*transition: 0.3s;*/
/*}*/
/*.video-list-item:hover span:before {*/
    /*opacity: 1;*/
/*}*/


/*** Media list ***/

.media-list-item {
    display: flex;
    background: #f6f7f8;
    margin: 0 0 35px;
    padding: 60px;
}
.media-list-item .image {
    position: relative;
    padding-right: 60px;
}
.media-list-item .image img {
    max-width: 300px;
}
.media-list-item .text {
    flex: 1;
}
.media-list-item .text .title {
    margin-bottom: 40px;
}
.media-list-item .text p {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: normal;
}
.media-list-item .text .btn {
    width: 100%;
    max-width: 218px;
    margin-top: 35px;
}

.bio-block p {
    margin-bottom: 20px;
    padding: 0 15px;
}


/*** Slider ***/

.videos {
    padding: 100px 0;
    text-align: center;
}
.carousel {
    overflow: hidden;
}
.carousel .flickity-prev-next-button {
    background: #633151;
    outline: none;
    border-radius: 0;
    height: 80px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.carousel .flickity-prev-next-button .flickity-button-icon {
    fill: #fff;
    position: static;
    width: 20px;
    height: 35px;
}
.carousel .flickity-prev-next-button.previous {
    left: 22%;
}
.carousel .flickity-prev-next-button.next {
    right: 22%;
}

.carousel .carousel-cell {
    position: relative;
    transform: scale(0.9);
    overflow: hidden;
    margin: 0 20px;
    width: 880px;
    height: auto;
    pointer-events: none;
}
.carousel .carousel-cell:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.54;
}
.carousel .carousel-cell.is-selected {
    transform: scale(1);
    pointer-events: auto;
}
.carousel .carousel-cell.is-selected::before {
    display: none;
}
.carousel .carousel-cell video {
    width: 100%;
    height: auto;
}
.carousel-cell iframe {
    height: 500px;
}
.carousel .carousel-cell.is-selected:before {
    opacity: 0;
}
.carousel .carousel-cell img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}


/*** Contact page ***/

.contact {
    color: #533948;
}
.contact-row {
    margin-top: 40px;
}
.contact-row:first-child {
    margin: 0;
}
.contact-title {
    margin-bottom: 20px;
}
.contact span {
    display: block;
    margin-top: 10px;
}


/*** Products list ***/

.products-list {
    display: flex;
    margin: 0 -10px;
    flex-wrap:wrap;
}
.products-list-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 33.333%;
    padding: 40px 10px;
}
.products-list-item .image {
    height: 340px;
    margin-bottom: 30px;
}
.products-list-item .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.products-list-item .title {
    margin-bottom: 10px;
    font-family: 'Raleway', sans-serif;
    font-size: 36px;
    font-weight: 300;
    line-height: 60px;
    color: #8197a7;
}
.products-list-item .prise {
    margin-bottom: 30px;
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
    font-size: 36px;
    color: #633151;
}
.products-list-item .btn {
    width: 100%;
    max-width: 200px;
}


/*** Programs ***/

.programs-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.programs-item {
    flex: 1;
    padding: 0 15px;
}

.programs-item .wrap {
    height: 100%;
    background: #F6F7F8;
    padding: 170px 40px 60px;
}
.programs-item .title {
    margin-bottom: 50px;
    font-family: 'Raleway', sans-serif;
    font-size: 36px;
    line-height: 30px;
    color: #633151;
}

.programs-wrap.steps .programs-item .wrap {
    padding: 40px 30px;
}
.programs-wrap.steps .title {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 30px;
    color: #fff;
}
.programs-item.red .wrap {
    background: #633151;
    color: #fff;
}
.programs-item.blue .wrap {
    background: #8197A7;
    color: #fff;
}
.programs-item.pink .wrap {
    background: #CEBFC8;
    color: #fff;
}
.programs-item.purple .wrap {
    background: #1A2F49;
    color: #fff;
}


/*** Stories ***/

.stories-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.stories-item {
    position: relative;
    flex: 1;
    padding: 0 15px;
}
.stories-item .wrap {
    height: 100%;
    padding: 150px 30px 60px;
    border: 2px solid #CEBFC8;
}
.stories-item .image {
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
    text-align: center;
}
.stories-item .name {
    margin-bottom: 50px;
    font-family: 'Raleway', sans-serif;
    font-size: 36px;
    line-height: 36px;
    color: #633151;
}

.session-block {
    background: #633151;
    padding: 90px 15px;
    color: #fff;
}
.session-block h3 {
    margin-bottom: 50px;
    line-height: 60px;
    color: #fff;
}


/*** Questions ***/

.questions-item {
    margin-top: 30px;
    background: #F6F7F8;
    padding: 50px 70px;
}
.questions-item:first-child {
    margin-top: 0;
}
.questions-item .ask {
    margin-bottom: 30px;
    font-family: 'Raleway', sans-serif;
    color: #633151;
    font-size: 30px;
    line-height: 30px;
}


/*** Info block ***/

.info-block {
    background: #633151;
    padding: 120px 0;
    color: #fff;
}
.info-block .title {
    margin-bottom: 30px;
    font-family: 'Raleway', sans-serif;
    font-size: 36px;
    line-height: 60px;
}
.info-block ul {
    max-width: 940px;
    padding: 0;
    list-style: none;
}
.info-block ul li {
    position: relative;
    padding-left: 40px;
    padding-bottom: 10px;
}
.info-block ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 14px;
    height: 14px;
    background: #CEBFC8;
    border-radius: 50%;
}
.info-block ul li:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 12px;
    width: 3px;
    height: 100%;
    background: #CEBFC8;
}
.info-block ul li:last-child:after {
    display: none;
}


/*** Brands ***/

.brands-wrap .title {
    font-size: 30px;
    color: #8197A7;
    text-align: center;
}
.brands-list {
    margin-top: 70px;
    text-align: center;
}
.brands-item {
    display: inline-block;
    margin: 0 10px;
}
.brands-item img {
    margin: 0 auto;
}
.product-video{
    
}