body {
    overflow-x: hidden;
}

.under-navbar {
    margin-top: -88px;
}

.section {
    padding-top: 3rem;
    position:relative;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(1158px);
    padding-bottom: 3rem;
}
.section.first {
    padding-top: 18rem;
}

.section.wide {
    width:100%;
    max-width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}

.wide-content {
    margin: auto;
    max-width: calc(1158px);
}

/**
 * first section
 */
.right-bg-bar {
    position:absolute;
    width: calc(80vw);
    height: 100%;
    top:0px;
    right: -40%;
    background: rgba(38, 60, 132, 0.06);
    /*** border-radius: 0px ***/
    border-top-left-radius: 0px;
}



.mcfw-row {
    display: flex;
    flex-flow: row;
}

.mcfw-column {
    display: flex;
    flex-flow: column;
}

.md-5 {
    width: 40%;
}

.width-50p {
    width: 50%;
}

/**
 * CONTENT
 */

.header-block-section {
    /*margin-left: -100px;
    margin-right: -100px;*/
}

.header-block-section .block-content {
    font-family: Montserrat;
    font-size: 20px;
    color: black;
    padding:48px;
    line-height: 32px;
}

.header-block-section .block-content {
    padding:7rem;
}

.header-block-section .block-column-spacer {
    width:2rem;
}


.header-block-section .block-subtitle {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #252525;
    padding-bottom: 8px;
}


.header-block-section .block-text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #252525;
}

.header-block-section .block-size-row {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    opacity: 0.5;
}

.header-block-section .block-button-magenta {
    color: white;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;

    width:100%;
    height: 88px;
    border: 0px;

    /* Salmon */
    background: #DE3564;
    border-radius: 12px;
}


/**
 * left - right text
 */

.block-leftbigtext {
    padding-bottom: 6rem;
}

.block-lefttext {
    position: relative;
    padding-top: 2rem;
    padding-bottom: 8rem;
}

.block-lefttext .block-background {
    position:absolute;
    width:70%;
    height: 50%;
    left: 30%;
    top:50%;
    background: #DE3564;
    opacity: 0.08;
    /*** border-radius: 0px ***/
}

.block-lefttext .block-title {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 900;
    font-size: 92px;
    line-height: 100px;
    color: #252525;
}

.block-lefttext .block-message {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    padding-top:380px;
    color: #252525;
    padding-right: 5rem;
}


/**
 * 4image section
 */

.section-4images {
    padding-bottom: 7rem;
}

.section-4images .block-leftbg-4images {
    position:relative;
}

.section-4images .block-background {
    position:absolute;
    width:75%;
    height: 50%;
    left: 0%;
    top:28rem;
    background: rgba(222, 53, 100, 0.09);
    /*** border-radius: 0px ***/
}


.section-4images .block-leftbg-4images .row.second {
    margin-top: 10rem;
}

.section-4images .block-leftbg-4images .row .small {
    width:30%;
}

.section-4images .block-leftbg-4images .row .big {
    width: calc(70% - 0.5rem);
}

.section-4images .block-img {
    width: 100%;
    /*** border-radius: 0px ***/
}

.section-4images .block-leftbg-4images .row.first .big {
    margin-top:4rem;
}

.section-4images .block-leftbg-4images .row.first .small {
    margin-top:3rem;
    margin-right: 0.5rem;
}

.small .action-container {
    width: 100%;
    padding-top: 150%;
    position: relative;
    overflow: hidden;
    /*** border-radius: 0px ***/
}

.big .action-container {
    width: 100%;
    padding-top: 60%;
    position: relative;
    overflow: hidden;
    /*** border-radius: 0px ***/
}

.margin-top-15rem {
    margin-top:15rem !important;
}


.section-4images .block-img {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.section-4images .block-img {
    transition: all 0.4s ease-in-out;
}


.section-4images .block-leftbg-4images .row.second .small {
    margin-left: 0.5rem;
}

.margin-top-8remneg {
    margin-top: -8rem;
}


.aq-parameter-col-1 {
    width: 240px;
    flex-flow: column;
}

.pname {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 28px;
    color: #252525;
    padding-right: 16px;
}

.pval {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 28px;
    /* identical to box height, or 200% */

    /* Dark Gray */
    color: #252525;
}

.aq-parameter-col-2 {
    display: flex;
    flex-flow:row;
    flex-grow: 1;
}

.aq-parameter-col-2 > div {
    margin-left: 16px;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
}

/**
 * Button row
 */
.aq-attr-buttonrow {
    width: 100%;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
}

.aq-attr-button-white {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
    border-radius: 12px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #252525;
    padding: 32px;
    margin-left:16px;
    margin-right:16px;
    flex-grow: 1;
}


/**
 * Action View
 */

.action-area {
    position:relative;
}

.action-area .action-sens {
    position: absolute;
    width: 100%;
    /*height: 100%;*/
    max-height: 100%;
    background: rgba(0,255,0, 0.02);
    z-index: 10;
}

.section-4images .block-img.hovered {
    transform: scale(1.03);
}