/*
 * Styles for templates/template-space-and-women.php
 * Template Name: LP space and women
 * Template Post Type: post
*/

/*
SAW POST GENERAL
*************/

.post-template-single-space-and-women {}

.saw-post {
    font-size: 18px;
    line-height: 1.7;
    color: #000;
}

.saw-post .wp-caption {
    position: relative;
    border: none;
}

.saw-post .wp-caption img {
    width: 100%;
}

.saw-post .wp-caption-text {
    margin: 0;
    position: absolute;
    bottom: 6px;
    right: 10px;
    color: #fff;
    font-size: 14px;
    line-height: 1;
}

.saw-post .wp-caption-text_alt {
    color: #808080;
}

.nowrap {
    white-space: nowrap;
}

.title {
    color: #000;
    font-size: 40px;
    line-height: 1.25;
    font-weight: bold;
    margin-bottom: 50px;
}

p, ul, ol {
    margin: 0;
    padding: 0;
}

.video-wrap {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 56.25%;
}

.video-wrap iframe, .video-wrap object, .video-wrap embed {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.lg-hidden {
    display: none;
}

.lg-visible {
    display: block;
}

@media (max-width: 1440px) {
    .saw-post .mt-container {
        width: 1060px;
    }
    .md-hidden {
        display: none;
    }
    .md-visible {
        display: block;
    }
}

@media (max-width: 1200px) {
    .saw-post .mt-container {
        width: 1060px;
        padding: 0;
    }
    body.post-template-single-space-and-women {
        /* padding-top: 66px; */
    }
}

@media (max-width: 1140px) {
    .saw-post .mt-container {
        width: 900px;
    }
}

@media (max-width: 992px) {
    .sm-visible {
        display: block;
    }
    .sm-hidden {
        display: none;
    }
    .saw-post .mt-container {
        width: 100%;
        padding: 0 15px;
    }
    .saw-post {
        font-size: 16px;
    }
    .saw-post .wp-caption-text {
        font-size: 12px;
    }
}

/*
saw-hero
*************/

.saw-hero {
    position: relative;
    background: url(../images/bg-hero.jpg) 50% 0 no-repeat #261416;
    padding: 140px 0;
    color: #fff;
}

.saw-hero .post-links {
    margin-bottom: 30px;
    text-align: center;
}

.saw-hero .post-links a {
    display: inline-block;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 7px 14px;
    margin: 0 4px;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
}

.saw-hero .title {
    color: #fff;
    font-size: 100px;
    line-height: 1;
    font-weight: bold;
    max-width: 800px;
    margin: 0 auto 40px;
    text-align: center;
}

.saw-hero .saw-date {
    text-align: center;
    font-size: 14px;
    line-height: 1;
}

@media (max-width: 1440px) {
    .saw-hero {
        padding: 70px 0;
    }
    .saw-hero .title {
        font-size: 70px;
    }
}

@media (max-width: 992px) {
    .saw-hero {
        padding: 100px 0;
        background: url(../images/bg-hero-mob.jpg) 0 0 no-repeat #261416;
        background-size: cover;
    }
    .saw-hero .title {
        font-size: 34px;
        line-height: 45px;
    }
}

/*
saw-intro
*************/

.saw-intro {
    position: relative;
    background-color: #cef65f;
    padding: 120px 0;
    font-size: 30px;
    font-weight: 500;
    color: #000;
}

.saw-intro .mt-container {
    position: relative;
}

.saw-intro .share-social-list {}

.saw-intro .share-social-list a {
    /* background-color: #cef65f; */
}

.saw-intro p {
    margin-bottom: 0;
}

@media (max-width: 1500px) {
    .saw-intro .share-social-list {
        left: -50px;
    }
}

@media (max-width: 1440px) {
    .saw-intro {
        padding: 60px 0;
        font-size: 21px;
    }
}

@media (max-width: 1200px) {
    .saw-intro .share-social-list {
        left: -40px;
    }
}

@media (max-width: 992px) {
    .saw-intro {
        padding: 40px 0;
        font-size: 18px;
        font-weight: bold;
    }
    .saw-intro .share-social-list {
        position: relative;
        flex-direction: row;
        left: 0;
        top: 0 !important;
        margin-bottom: 10px;
    }
    .saw-intro .share-social-list a+a {
        margin: 0 0 0 10px;
    }
}

/*
SAW CAROLINA 
*************/

.saw-carolina {
    position: relative;
    background: #fff;
    padding: 85px 0 160px;
}

.saw-carolina-row {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.saw-carolina-left {
    flex: 0 1 auto;
}

.saw-carolina-left .content p {
    margin-bottom: 20px;
}

.saw-carolina-left .content p:last-child {
    margin-bottom: 0;
}

.saw-carolina-left .wp-caption {
    margin: 25px 0;
}

.saw-carolina-right {
    flex: 0 0 500px;
    margin-left: 80px;
}

.saw-carolina-right .title {
    margin-bottom: 15px;
    font-size: 50px;
}

.carolina-date {
    font-size: 21px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 20px;
}

.saw-carolina-right .text-hlt {
    background-color: #000;
    padding: 65px 70px;
    font-size: 21px;
    color: #fff;
    font-weight: bold;
}

.saw-carolina-about-mob {
    display: none;
}

@media (min-width: 1141px) {
    .saw-carolina {
        background: url(../images/bg-carolina.jpg) right top no-repeat #fff;
    }
}

@media (max-width: 1440px) {
    .saw-carolina {
        padding: 70px 0 120px;
        background-position: right -240px top 0;
    }
    .saw-carolina-right {
        flex: 0 0 340px;
        margin-left: 20px;
    }
    .saw-carolina-right .text-hlt {
        padding: 25px 35px;
        font-size: 18px;
    }
}

@media (max-width: 1140px) {
    .saw-carolina {
        background: #fff;
    }
}

@media (max-width: 992px) {
    .saw-carolina {
        padding: 40px 0;
    }
    .saw-carolina-row {
        flex-direction: column;
    }
    .saw-carolina-left .wp-caption {
        margin: 30px 0 0;
    }
    .saw-carolina-about-mob {
        display: block;
        padding: 25px 30px;
        background: #000;
        color: #fff;
        margin-bottom: 30px;
    }
    .saw-carolina-about-mob .title {
        font-size: 25px;
        margin-bottom: 10px;
        color: #fff;
    }
    .saw-carolina-about-mob .carolina-date {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .saw-carolina-right {
        display: none;
    }
}

/*
SAW COMP 
*************/

.saw-comp {
    position: relative;
    background: url(../images/bg-comp.jpg) right top no-repeat #1E1424;
    background-size: cover;
    padding: 120px 0 100px;
    color: #fff;
}

.saw-comp .title {
    font-size: 50px;
    line-height: 1;
    font-weight: bold;
    color: #cef65f;
    margin-bottom: 50px;
}

.saw-comp-row {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.saw-comp-left {
    flex: 0 0 500px;
    margin-right: 80px;
    margin-top: -195px;
}

.saw-comp-right {
    flex: 0 1 auto;
}

.saw-comp-left .wp-caption {
    margin-bottom: 0;
}

.saw-comp-right .content p {
    margin-bottom: 20px;
}

.saw-comp-right .content p:last-child {
    margin-bottom: 0;
}

.saw-comp .text-hlt {
    background-color: #cef65f;
    padding: 50px 54px;
    color: #000;
    font-size: 21px;
    line-height: 1.5;
    font-weight: bold;
}

@media (max-width: 1440px) {
    .saw-comp {
        padding: 70px 0;
    }
    .saw-comp-left {
        flex: 0 0 340px;
        margin-right: 20px;
        margin-top: -125px;
    }
    .saw-comp .text-hlt {
        padding: 25px 35px;
        font-size: 18px;
    }
    .saw-comp .title {
        font-size: 40px;
    }
}

@media (max-width: 992px) {
    .saw-comp {
        padding: 40px 0 110px;
    }
    .saw-comp-row {
        flex-direction: column;
    }
    .saw-comp .title {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .saw-comp-left {
        order: 2;
        flex: 1 0 100%;
        max-width: 100%;
        margin-top: 30px;
        margin-right: 0;
    }
}

/*
SAW COMP 2
*************/

.saw-comp-2 {
    position: relative;
    padding: 150px 0 130px;
    background-color: #fff;;
}

.saw-comp-2 .mt-container {
    position: relative;
}

.saw-comp-2 .date {
    font-size: 160px;
    line-height: .75;
    color: #cef65f;
    position: absolute;
    top: 0;
    transform: translateY(-50%);
}

.saw-comp-2 .date span {
    display: block;
}

.saw-comp-2 .date span+span {
    margin-left: 222px;
}

.saw-comp-2 .title {
    font-size: 50px;
    line-height: 1;
    font-weight: bold;
    color: #cef65f;
    margin-bottom: 50px;
    max-width: 380px;
}

.saw-comp-2-row {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.saw-comp-2-left {
    flex: 0 1 calc(50% - 40px);
    max-width: calc(50% - 40px);
    margin-right: 80px;
    padding-top: 30px;
}

.saw-comp-2-left .content {
    margin-bottom: 50px;
}

.saw-comp-2-left .content p {
    margin-bottom: 20px;
}

.saw-comp-2-left .content p:last-child {
    margin-bottom: 0;
}

.saw-comp-2-right {
    flex: 0 1 calc(50% - 40px);
    max-width: calc(50% - 40px);
}

.saw-comp-2-right .wp-caption {
    margin-bottom: 0;
}

.saw-comp-2-right .text-hlt {
    background-color: #cef65f;
    padding: 50px 55px;
    color: #000;
    font-size: 21px;
    line-height: 1.5;
    font-weight: bold;
    margin: 60px 0;
}

@media (max-width: 1440px) {
    .saw-comp-2 {
        position: relative;
        padding: 110px 0 80px;
    }
    .saw-comp-2 .date {
        font-size: 140px;
        line-height: .75;
        /* top: -115px; */
    }
    .saw-comp-2-left {
        flex: 1 1 auto;
        max-width: 100%;
        margin-right: 20px;
        padding-top: 30px;
    }
    .saw-comp-2-left .content {
        margin-bottom: 0;
    }
    .saw-comp-2-right {
        flex: 0 0 340px;
        max-width: 340px;
    }
    .saw-comp-2-right .text-hlt {
        padding: 25px 34px;
        font-size: 18px;
        margin: 30px 0;
    }
}

@media (max-width: 992px) {
    .saw-comp-2 {
        padding: 110px 0 40px;
    }
    .saw-comp-2 .date {
        font-size: 100px;
        /* top: -113px; */
    }
    .saw-comp-2 .date span+span {
        margin-left: 90px;
    }
    .saw-comp-2-row {
        flex-direction: column;
    }
    .saw-comp-2-left {
        flex: 1 0 100%;
        padding-top: 0;
        margin-right: 0;
        margin-bottom: 0;
    }
    .saw-comp-2 .title {
        font-size: 25px;
        margin-bottom: 20px;
        max-width: 100%;
    }
    .saw-comp-2-right {
        flex: 1 0 100%;
        max-width: 100%;
        padding-top: 0;
        margin-right: 0;
    }
    .saw-comp-2-right .video-wrap {
        margin-top: 30px;
    }
}

@media (max-width: 375px) {
    .saw-comp-2 .date {
        width: calc(100% - 30px);
        box-sizing: border-box;
    }
    .saw-comp-2 .date span+span {
        margin-left: auto;
        margin-right: 0;
        text-align: right;
    }
}

/*
SAW MOTH
*************/

.saw-moth {
    position: relative;
    background: url(../images/bg-moth.jpg) 0 0 no-repeat #010008;
    background-size: cover;
    padding: 150px 0 176px;
    color: #fff;
}

.saw-moth .title {
    font-size: 50px;
    line-height: 1.2;
    color: #cef65f;
}

.saw-moth .content {
    display: block;
    width: 488px;
    max-width: 100%;
}

.saw-moth .content p {}

@media (max-width: 1440px) {
    .saw-moth {
        padding: 70px 0 160px;
    }
    .saw-moth .title {
        font-size: 40px;
    }
    .saw-moth .title br {
        display: none;
    }
    .saw-moth .content {
        width: 520px;
    }
}

@media (max-width: 992px) {
    .saw-moth {
        padding: 40px 0 280px;
        background-position: 50% 100%;
        background-size: contain;
    }
    .saw-moth .title {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }
}

@media (max-width: 480px) {
    .saw-moth {
        background-position: 80% 100%;
        background-size: 160%;
    }
}

/*
SAW NENSI
*************/

.saw-nensi {
    position: relative;
    padding: 0 0 110px;
    margin-top: -110px;
    background-color: #fff;
}

.saw-nensi .title {
    color: #fff;
    margin-bottom: 120px;
}

.saw-nensi-row {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.saw-nensi-left {
    flex: 0 0 485px;
    margin-right: 80px;
}

.saw-nensi-left .wp-caption {
    margin-bottom: 0;
}

.saw-nensi-right {
    flex: 0 1 auto;
}

.saw-nensi .content-wrap {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    margin: 50px 0;
}

.saw-nensi .saw-nensi-video {
    flex: 0 0 400px;
    width: 400px;
    margin: 0;
}

.saw-nensi .saw-nensi-video .video-wrap {
    height: 100%;
}

.saw-nensi .text-hlt {
    position: relative;
    background-color: #cef65f;
    padding: 50px 54px;
    padding-right: 0;
    color: #000;
    font-size: 21px;
    line-height: 1.5;
    font-weight: bold;
}

.saw-nensi .text-hlt:before {
    content: "";
    background-color: #cef65f;
    display: block;
    width: 1000px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.saw-nensi .text-hlt p {
    position: relative;
}

@media (max-width: 1440px) {
    .saw-nensi {
        margin-top: -100px;
        padding-bottom: 70px;
    }
    .saw-nensi .title {
        font-size: 30px;
        margin-bottom: 100px;
    }
    .saw-nensi-left {
        flex: 0 0 340px;
        margin-right: 20px;
    }
    .saw-nensi .content-wrap {
        margin: 30px 0;
    }
    .saw-nensi .saw-nensi-video {
        flex: 0 0 300px;
        width: 300px;
    }
    .saw-nensi .text-hlt {
        padding: 25px 35px;
        padding-right: 0;
        font-size: 18px;
    }
}

@media (max-width: 992px) {
    .saw-nensi {
        margin-top: 0;
        padding: 40px 0;
    }
    .saw-nensi-row {
        flex-direction: column;
    }
    .saw-nensi-left {
        display: none;
    }
    .saw-nensi .title {
        color: #000;
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .saw-nensi-right .wp-caption {
        margin-top: 30px;
    }
    .saw-nensi .content-wrap {}
    .saw-nensi .saw-nensi-video {
        flex: 1 0 100%;
        width: 100%;
    }
    .saw-nensi .text-hlt {
        display: none;
    }
}

/*
SAW BARBARA
*************/

.saw-barbara {
    position: relative;
    padding: 0 0 120px;
    background-color: #fff;
}

.saw-barbara .title {}

.saw-barbara-row {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.saw-barbara-left {
    flex: 0 1 auto;
}

.saw-barbara-right {
    flex: 0 0 380px;
    margin-left: 180px;
}

.saw-barbara .wp-caption {
    margin-bottom: 0;
}

.saw-barbara .content p {
    margin-bottom: 20px;
}

.saw-barbara .content p:last-child {
    margin-bottom: 0;
}

@media (max-width: 1440px) {
    .saw-barbara {
        padding-bottom: 70px;
    }
    .saw-barbara .title {
        font-size: 30px;
    }
    .saw-barbara-right {
        flex: 0 0 340px;
        margin-left: 20px;
    }
}

@media (max-width: 992px) {
    .saw-barbara {
        padding: 0 0 40px;
    }
    .saw-barbara-row {
        flex-direction: column;
    }
    .saw-barbara-right {
        display: none;
    }
    .saw-barbara-left {}
    .saw-barbara-left .wp-caption {
        margin-bottom: 30px;
    }
    .saw-barbara .title {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }
}

/*
SAW KATRIN
*************/

.saw-katrin {
    position: relative;
    background-color: #cef65f;
    background-image: url(../images/pic-katrin.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 85px 0 160px;
}

.saw-katrin .title {}

.saw-katrin .content {
    display: block;
    width: 50%;
    max-width: 100%;
    margin-left: auto;
}

.saw-katrin .content p {
    margin-bottom: 20px;
}

.saw-katrin .content p:last-child {
    margin-bottom: 0;
}

@media (max-width: 1820px) {
    .saw-katrin {
        background-image: url(../images/pic-katrin-md.jpg);
        background-size: 45%;
    }
}

@media (max-width: 1440px) {
    .saw-katrin {
        background-image: url(../images/pic-katrin-md.jpg);
        padding: 50px 0 160px;
    }
    .saw-katrin .title {
        font-size: 30px;
        margin-bottom: 30px;
    }
}

@media (max-width: 1140px) {}

@media (max-width: 992px) {
    .saw-katrin {
        background: #cef65f;
        padding: 40px 0 126px;
    }
    .saw-katrin .content {
        width: 100%;
    }
    .saw-katrin .title {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .saw-katrin .content .wp-caption {
        margin-bottom: 30px;
    }
}

/*
SAW KATRIN
*************/

.saw-women {
    position: relative;
    background: url(../images/bg-women.jpg) center top no-repeat #1E1424;
    background-size: cover;
    padding: 110px 0;
    color: #fff;
}

.saw-women .mt-container {
    position: relative;
}

.saw-women .total {
    position: absolute;
    top: -160px;
    right: 0;
    display: flex;
    align-items: center;
    background: #fff;
    color: #000;
    width: 670px;
    padding: 55px 60px;
    font-size: 21px;
    line-height: 1.5;
    font-weight: bold;
}

.saw-women .total:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #cef65f;
    position: absolute;
    left: -15px;
    top: 15px
}

.saw-women .total .num {
    flex: 0 0 auto;
    font-size: 29px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    margin-right: 30px;
    margin-bottom: 10px;
}

.saw-women .total .num span {
    display: block;
    font-size: 110px;
    line-height: 90px;
    color: #cef65f;
    margin-bottom: 10px;
}

.saw-women .total .text {
    flex: 1 1 auto;
}

.saw-women .title {
    font-size: 50px;
    color: #fff;
    margin-bottom: 70px;
}

.saw-women .slick-track {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.saw-women .slick-slide {
    float: none;
}

.women-row {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: calc((383px + 80px)*4);
    margin-left: -40px;
}

.women-item {
    flex: 0 0 383px;
    width: 383px;
    margin: 0 40px;
}

.women-item:last-child {
    margin-right: 0;
}

.women-item img {
    margin-bottom: 20px;
}

.women-item .name {
    font-size: 30px;
    line-height: 1.2;
    font-weight: bold;
    color: #fff;
    margin-bottom: 15px;
}

.women-item .description {
    line-height: 1.1;
}

.women-item .ship {
    font-size: 14px;
    color: #BFBFBF;
    margin-bottom: 15px;
}

@media (max-width: 1440px) {
    .saw-women {
        padding: 100px 0 70px;
    }
    .saw-women .total {
        width: 580px;
        padding: 40px 50px 40px;
        font-size: 18px;
        top: -120px
    }
    .saw-women .total .num {
        font-size: 25px;
        margin-right: 25px;
    }
    .saw-women .total .num span {
        font-size: 94px;
        line-height: 80px;
    }
    .saw-women .title {
        font-size: 40px;
        margin-bottom: 60px;
    }
    .women-row {
        width: calc((310px + 60px)*4);
        margin-left: -30px;
    }
    .women-item {
        flex: 0 0 310px;
        width: 310px;
        margin: 0 30px;
    }
    .women-item:last-child {
        margin-right: 0;
    }
    .women-item img {
        margin-bottom: 15px;
    }
    .women-item .name {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .women-item .description {
        line-height: 1.4;
    }
    .women-item .ship {
        margin-bottom: 10px;
    }
}

@media (max-width: 992px) {
    .saw-women {
        padding-top: 160px;
    }
    .saw-women .total {
        /* top: -250px; */
        right: 15px;
    }
    .saw-women .total:before {
        left: -12px;
        top: 12px;
    }
    .saw-women .title {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 30px;
    }
    /* .women-row-wrap {
        max-width: 100%;
        overflow: auto;
    } */
    .women-row {
        width: calc((270px + 40px)*3);
        margin-left: -20px;
    }
    .women-item {
        flex: 0 0 270px;
        width: 270px;
        margin: 0 20px;
    }
    .women-item .name {
        font-size: 18px;
        margin-bottom: 10px;
    }
}

@media (max-width: 640px) {
    .saw-women {
        padding-top: 260px;
    }
    .saw-women .total {
        /* top: -350px; */
        width: 335px;
        max-width: 100%;
        flex-direction: column;
        padding: 30px 25px;
    }
    .saw-women .total .num {
        font-size: 50px;
        margin-right: auto;
        vertical-align: bottom;
    }
    .saw-women .total .num span {
        font-size: 120px;
        line-height: 1;
        display: inline-block;
        margin-right: -55px;
        margin-bottom: 0;
    }
    .women-row {
        width: calc((270px + 40px)*2);
        margin-left: -20px;
    }
}

@media (max-width: 350px) {
    .saw-women .total {
        width: 290px;
    }
    .saw-women .total .num {
        font-size: 40px;
    }
    .saw-women .total .num span {
        font-size: 100px;
    }
}

/*
SAW KOH 
*************/

.saw-koh {
    position: relative;
    padding: 115px 0 165px;
    background-color: #fff;
}

.saw-koh .title {}

.saw-koh-row {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.saw-koh-left {
    flex: 0 1 auto;
}

.saw-koh-left p {
    margin-bottom: 20px;
}

.saw-koh-left p:last-child {
    margin-bottom: 0;
}

.saw-koh-right {
    flex: 0 0 473px;
    margin-left: 80px;
}

.saw-koh-right .wp-caption {
    margin-bottom: 0;
}

.saw-koh .text-hlt {
    background-color: #cef65f;
    padding: 50px 54px;
    color: #000;
    font-size: 21px;
    line-height: 1.5;
    font-weight: bold;
}

@media (max-width: 1440px) {
    .saw-koh {
        padding: 70px 0;
    }
    .saw-koh-right {
        flex: 0 0 340px;
        margin-left: 20px;
    }
    .saw-koh .text-hlt {
        padding: 25px 35px;
        font-size: 18px;
    }
    .saw-koh .title {
        font-size: 30px;
        margin-bottom: 20px;
    }
}

@media (max-width: 992px) {
    .saw-koh {
        padding: 40px 0;
    }
    .saw-koh-row {
        flex-direction: column;
    }
    .saw-koh-right {
        flex: 1 0 100%;
        margin-top: 30px;
        margin-left: 0;
    }
    .saw-koh .title {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 20px;
    }
}

/*
BLOCK UA
*************/

.block-ua {
    position: relative;
    background: url(../images/bg-flag-ua.jpg) center top no-repeat #1E1424;
    background-size: cover;
    padding: 0;
    color: #fff;
}

@media (max-width: 1440px) {}

@media (max-width: 992px) {}

/*
SAW BONDAR
*************/

.saw-bondar {
    position: relative;
    top: -70px;
}

.saw-bondar .title {}

.saw-bondar-row {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.saw-bondar-left {
    flex: 0 0 467px;
    margin-right: 80px;
}

.saw-bondar-left .content {
    display: none;
}

.saw-bondar-left .wp-caption {
    margin-bottom: 0;
}

.saw-bondar .text-hlt {
    background-color: #cef65f;
    padding: 70px 65px;
    color: #000;
    font-size: 21px;
    line-height: 1.5;
    font-weight: bold;
}

.saw-bondar-right {
    flex: 0 1 auto;
}

.saw-bondar-right .title {
    color: #fff;
}

.saw-bondar-right p {
    margin-bottom: 20px;
}

.saw-bondar-right p:last-child {
    margin-bottom: 0;
}

.saw-bondar-right .content {
    margin-bottom: 50px;
}

@media (max-width: 1440px) {
    .saw-bondar {
        top: 0;
        padding-top: 80px;
    }
    .saw-bondar-row {
        align-items: flex-start;
    }
    .saw-bondar-left {
        flex: 0 0 340px;
        margin-right: 20px;
    }
    .saw-bondar-left .title {
        font-size: 30px;
        margin-bottom: 20px;
        color: #fff;
    }
    .saw-bondar .text-hlt {
        font-size: 18px;
        padding: 35px 35px;
    }
    .saw-bondar-right .content {
        margin-bottom: 30px;
    }
    .saw-bondar-right .title {
        font-size: 40px;
        margin-bottom: 30px;
    }
}

@media (max-width: 992px) {
    .saw-bondar {
        padding-top: 40px;
    }
    .saw-bondar-row {
        flex-direction: column;
    }
    .saw-bondar-left {
        flex: 1 0 100%;
        margin-right: 0;
    }
    .saw-bondar-left .content {
        display: block;
        margin-bottom: 20px;
    }
    .saw-bondar-left .text-hlt {
        margin-bottom: 20px;
    }
    .saw-bondar-right .content {
        margin-bottom: 20px;
    }
}

/*
SAW PIPER
*************/

.saw-piper {
    position: relative;
    padding: 40px 0 135px;
}

.saw-piper .title {}

.saw-piper-row {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.saw-piper-right {
    flex: 0 0 467px;
    margin-left: 80px;
}

.saw-piper-right .wp-caption {
    margin-bottom: 0;
}

.saw-piper .text-hlt {
    background-color: #cef65f;
    padding: 70px 65px;
    color: #000;
    font-size: 21px;
    line-height: 1.5;
    font-weight: bold;
}

.saw-piper-left {
    flex: 0 1 auto;
}

.saw-piper-left .title {
    color: #fff;
}

.saw-piper-left p {
    margin-bottom: 20px;
}

.saw-piper-left p:last-child {
    margin-bottom: 0;
}

.saw-piper-left .content {}

.saw-piper-left .video-wrap {
    margin: 50px 0;
}

@media (max-width: 1440px) {
    .saw-piper {
        padding: 60px 0 70px;
    }
    .saw-piper-left .video-wrap {
        margin: 30px 0;
    }
    .saw-piper-right {
        flex: 0 0 340px;
        margin-left: 20px;
    }
    .saw-piper .text-hlt {
        font-size: 18px;
        padding: 25px 35px;
    }
    .saw-piper-right .title {
        font-size: 30px;
        margin-bottom: 20px;
        color: #000;
    }
}

@media (max-width: 992px) {
    .saw-piper {
        padding: 40px 0;
    }
    .saw-piper-row {
        flex-direction: column;
    }
    .saw-piper-left {
        order: 2;
    }
    .saw-piper-right {
        flex: 1 0 100%;
        margin-left: 0;
        margin: 30px 0;
    }
    .saw-piper-right .title {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 20px;
    }
}

.post-template-single-space-and-women section figure.wp-caption img {
    border-radius: 0;
}