* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

ul {
    padding-left: 0;
    list-style: none;
}

p {
    margin: 0;
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Roboto', Segoe UI, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
}

h1,
h2 {
    margin-top: 0;
}

.navMenuMobile-active,
.navMenuMobile-active body{
    overflow-y: hidden;
}

section {
    margin: 0;
}

.template-rr form.form,
.template-ff form.form,
.template-op2go form.form,
.template-custom form.form {
    font-family: -apple-system, BlinkMacSystemFont, 'Roboto', Segoe UI, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
}

.section-h2 {
    color: #003399;
    font-size: calc(32rem / 16);
    font-weight: lighter;
    margin-bottom: calc(35rem / 16);
    margin-top: calc(14rem / 16);
    position: relative;
}

@media screen and (min-width: 640px) {
    .section-h2 {
        font-size: calc(40rem / 16);
        margin-bottom: calc(50rem / 16);
    }
}

.template-op2go .section-h2 {
    font-size: calc(32rem / 16);
}

@media screen and (min-width: 640px) {
    .template-op2go .section-h2 {
        font-size: calc(48rem / 16);
    }
}

.section-h2::before,
.custom.header .header-logo::before {
    content: '';
    width: calc(65rem / 16);
    height: calc(6rem / 16);
    position: absolute;
    top: calc(-25rem / 16);
    background-color: #00CCCC;
}

.section-txt {
    font-size: calc(16rem / 16);
    line-height: calc(28rem / 16);
    color: #535353;
    margin-bottom: calc(10rem / 16);
}

.section-h2 strong {
    font-weight: 600;
}

.section-h2--white {
    color: white;
}

.section-txt--white {
    color: white;
}

.header {
    position: relative;
    min-height: calc(550rem / 16);
    width: 100%;
    background-size: cover;
    background-position: center center;
}

.header::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 51, 153, 0.50);
    width: 100%;
    height: 100%;
    z-index: 2;
}

.navigationMobile {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    z-index: 5;
    width: 100vw;
}

@media screen and (min-width: 640px) {
    .navigationMobile {
        display: none;
    }
}

html.navMenuMobile-active .navigationMobile .navigationMobile-list {
    max-height: 10000px;
    visibility: visible;
    height: 100vh;
}

.navigationMobile-list {
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    background-color: rgba(0, 51, 153, 0.95);
}

.navigation-items--mobile {
    margin-top: calc(50rem / 16);
    font-size: calc(20rem / 16);
}

html.navMenuMobile-active .navigationMobile {
    height: 100vh;
}

.navigationMobile-container {
    background-color: #003399;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(18rem / 16) calc(20rem / 16);
}

.header-brand.header-brand--navigationMobile {
    height: calc(24rem / 16);
}

.navigationMobile-menu {
    width: calc(24rem / 16);
    height: calc(24rem / 16);
    display: block;
    background-image: url('https://business.ingenico.com/l/130471/2020-04-02/283q2q/130471/106825/burger_menu.svg');
    background-repeat: no-repeat;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.navigationMobile-list {
    flex: 1;
}

.navigation {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    background-color: transparent;
    transition: all 0.3s;
    z-index: 4;
    background-color: #003399;
    position: sticky;
    top: 0;
    display: none;
}

@media screen and (min-width: 640px) {
    .navigation {
        display: flex;
    }
}

.pardot_bkg {
    width: 100%;
}

.pardot_bkg p {
    height: 100%;
}

.pardot_bkg img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.pardot_bkg-header img {
    position: absolute;
}

.header.header--withForm::after,
.header.header--noForm::after {
    background-color: rgba(0, 51, 153, 0.7);
}

.header--withForm .header-logo,
.header--noForm .header-logo {
    font-size: calc(41rem / 16);
    color: white;
    font-weight: 300;
}

@media screen and (min-width: 640px) {
    .header--withForm .header-logo,
    .header--noForm .header-logo {
        font-size: calc(60rem / 16);
    }
}

.header--withForm .header-logo strong,
.header--noForm .header-logo strong {
    font-weight: 500;
}



.header--withForm .header-logo {
    text-align: center;
    margin-top: calc(50rem / 16);
}

@media screen and (min-width: 640px) {
    .header--withForm .header-logo {
        text-align: left;
        margin-top: 0;
    }
}

.header--withForm .header-title {
    text-align: center;
}

@media screen and (min-width: 640px) {
    .header--withForm .header-title {
        text-align: left;
    }
}

.header--withForm .header-logo::before {
    display: none;
}

@media screen and (min-width: 640px) {
    .header--withForm .header-logo::before {
        display: block;
    }
}

.header--noForm .header-logo {
    margin-bottom: calc(18rem / 16);
}

@media screen and (min-width: 640px) {
    .header--noForm .header-logo {
        margin-bottom: calc(30rem / 16);
    }
}

@media screen and (min-width: 640px) {
    .header--noForm .header-title {
        margin-bottom: calc(36rem / 16);
    }
}

.header--noForm .header-logo::before {
    left: 50%;
    transform: translateX(-50%);
}


.pardot_bkg.pardot_bkg--cover img {
    object-fit: cover;
}

.pardot_bkg-section-8 {
    display: inline-block;
}

@media screen and (min-width: 640px) {
    .pardot_bkg-section-8--imgMobile {
        height: 0;
        width: 0;
        visibility: hidden;
        overflow: hidden;
    }
}

.pardot_bkg-section-8--imgDesktop {
    height: 0;
    width: 0;
    visibility: hidden;
    overflow: hidden;
}

@media screen and (min-width: 640px) {
    .pardot_bkg-section-8--imgDesktop {
        height: auto;
        width: auto;
        visibility: visible;
        overflow: auto;
    }
}

.header-content {
    position: relative;
    z-index: 4;
    display: flex;
    flex-direction: column;
    min-height: calc(550rem / 16);
}

.header-brand {
    width: calc(190rem / 16);
    height: calc(37rem / 16);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    background-image: url('https://business.ingenico.com/l/130471/2020-04-02/283q5n/130471/106855/logo_ingenico_extend.svg');
    background-repeat: no-repeat;
}

@media screen and (min-width: 640px) {
    .header-brand {
        display: inline-block;
    }
}

.header-brand--header {
    margin-top: calc(43rem / 16);
    display: none;
}

@media screen and (min-width: 640px) {
    .header-brand--header {
        display: block;
    }
}

.header-logo {
    position: relative;
    font-weight: 600;
    font-size: calc(33rem / 16);
    margin-bottom: calc(30rem / 16);
    letter-spacing: calc(0.37rem / 16);
}

@media screen and (min-width: 640px) {
    .header-logo {
        margin-bottom: calc(58rem / 16);
        font-size: calc(41rem / 16);
    }
}

.header-logo .header-logo-txt::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-size: contain;
    margin-top: 5px;
    background-repeat: no-repeat;
}

.header-logo--rr .header-logo-txt::before {
    background-image: url('https://business.ingenico.com/l/130471/2020-04-02/283q5s/130471/106859/rr_circle.svg');
    width: calc(90rem / 16);
    height: calc(97rem / 16);
    left: calc(-25rem / 16);
}

.header-logo--ff .header-logo-txt::before {
    background-image: url('https://business.ingenico.com/l/130471/2020-04-02/283qk8/130471/106879/ff_circle.svg');
    width: calc(90rem / 16);
    height: calc(97rem / 16);
    left: calc(-25rem / 16);
}

.header-logo--op2go {
    text-indent: -10000px;
    height: calc(123rem / 16);
    width: calc(123rem / 16);
    display: block;
    background-image: url('https://business.ingenico.com/l/130471/2020-04-07/284mps/130471/107243/op2go_logo.png');
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    margin: 0 auto calc(10rem / 16);
}

@media screen and (min-width: 640px) {
    .header-logo--op2go {
        height: calc(248rem / 16);
        width: calc(248rem / 16);
        margin: 0 auto calc(20rem / 16);
    }
}

.header-logo-txt {
    position: relative;
}

.header-title {
    font-size: calc(22rem / 16);
    font-weight: 400;
    color: white;
}

@media screen and (min-width: 640px) {
    .header-title {
        font-size: calc(28rem / 16);
        font-weight: 400;
    }
    
    .template-op2go .header-title {
        font-size: calc(40rem / 16);
        font-weight: 300;
    }
}

.header-catch {
    flex: 1;
}

.header-catch-content {
    position: absolute;
    left: 50%;
    top: calc(50% + 20px);
    transform: translate(-50%,-50%);
    text-align: center;
    color: white;
    width: calc(100% - 40px);
}

@media screen and (min-width: 640px) {
    .header-catch-content {
        top: 50%;
    }
}

.header--withForm .section-left {
    display: flex;
    align-items: center;
}

.cta {
    background-color: #00CCCC;
    background: linear-gradient(#00CCCC, #00CCCC);
    font-size: calc(16rem / 16);
    color: white;
    line-height: 56px;
    border: none;
    border-radius: calc(6rem / 16);
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    margin-top: calc(35rem / 16);
    padding: 0 calc(30rem / 16);
    white-space: nowrap;
    text-decoration: none;
}

.cta:hover {
    background: linear-gradient(#00CCCC, #00B4B4);
}

.cta--download {
    margin: calc(35rem / 16) auto 0;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.cta--section-3 {
    position: relative;
    left: 50%;
    transform: translateX(-50%); 
}

.cta-txt {
    vertical-align: middle;
    color: white;
}

.cta-txt--op2go {
    text-transform: initial;
}

.cta-download {
    width: calc(17rem / 16);
    height: calc(21rem /16);
    background-image: url('https://business.ingenico.com/l/130471/2020-04-02/283q2s/130471/106827/download.svg');
    background-size: contain;
    display: inline-block;
    margin-left: 12px;
    vertical-align: middle;
}

.cta-arrow {
    width: calc(17rem / 16);
    height: calc(21rem /16);
    background-image: url('https://business.ingenico.com/l/130471/2020-04-07/284mpn/130471/107241/arrow_right.svg');
    background-size: contain;
    display: inline-block;
    margin-left: 12px;
    vertical-align: middle;
    background-repeat: no-repeat;   
    background-position: center center;
    margin-top: calc(3rem / 16);
}

.cta--knowledge {
    position: absolute;
    bottom: calc(65rem / 16);
    left: 50%;
    transform: translateX(-50%);
}

@media screen and (min-width: 640px) {
    .cta--knowledge {
        position: static;
        transform: initial;
    }
}

.template-custom .cta {
    width: 100%;
}

@media screen and (min-width: 640px) {
    .template-custom .cta {
        width: auto;
    }
}

.template-custom .pardot_form_container .cta {
    width: auto;
}

.navigation-list {
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    height: calc(80rem / 16);
    margin: 0;
}

.navigation-items-link {
    color: white;
    text-transform: uppercase;
    font-size: calc(14rem / 16);
    font-weight: bold;
    position: relative;
    text-decoration: none;
    margin: 0 22px;
}

.navigation-items-link--download {
    color: #00CCCC;
}

.navigation-items-link::after {
    content: '';
    position: absolute;
    width: 100%;
    height: calc(4rem / 16);
    background-color: #00CCCC;
    bottom: -8px;
    left: 0;
    opacity: 0;
    transition: opacity .3s;
}

.navigation-items-link:hover::after,
.navigation-items-link:focus::after,
.navigation-items-link.active::after {
    opacity: 1;
}

.service {
    background-image: url('https://business.ingenico.com/l/130471/2020-04-02/283q5x/130471/106863/section1_img_right.jpg');
    background-position: calc(450rem / 16) top;
    background-repeat: no-repeat;
    background-size: contain;
}

@media screen and (min-width: 640px) {
    .service {
        background-position: 120% top;
    }
}

.service .section-left {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (min-width: 640px) {
    .service .section-left {
        margin-right: calc(20rem / 16);
    }
}

.service-left {
    order: 2;
    /* min-height: calc(400rem / 16); */
}

@media screen and (min-width: 640px) {
    .service-left {
        order: 1;
    }
}

.service-right {
    order: 1;
}

@media screen and (min-width: 640px) {
    .service-right {
        order: 2;
    }
}

@media screen and (min-width: 640px) {
    .knowledge .section-right {
        background-position: top right;
        background-repeat: no-repeat;
    }
}

.section-1--op2go {
    background-image: none;
    position: relative;
}

@media screen and (min-width: 640px) {
    .section.section-1--op2go .anchor {
        top: calc(-190rem / 16);
    }
}

@media screen and (min-width: 640px) {
    .section-1--op2go {
        margin-top: calc(175rem / 16);
    }
}

.section-1--op2go::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 26px solid transparent;
    border-bottom: 26px solid transparent;
    border-left: 26px solid #00CCCC;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(50%);
    z-index: 1;
}

@media screen and (min-width: 640px) {
    .section-1--op2go::after {
        border-top: 100px solid transparent;
        border-bottom: 100px solid transparent;
        border-left: 100px solid #00CCCC;
    }
}

@media screen and (min-width: 640px) {
    .section-1--op2go .section-left {
        flex: 2;
    }
}

@media screen and (min-width: 640px) {
    .section-1--op2go .section-right {
        flex: 1;
        margin-left: calc(30rem / 16);
    }
}

.section-1--op2go .section-left {
    order: 2
}

@media screen and (min-width: 640px) {
    .section-1--op2go .section-left {
        order: 1
    }
}

.section-1--op2go .section-right {
    order: 1;
}

@media screen and (min-width: 640px) {
    .section-1--op2go .section-right {
        order: 2;
    }
}

.section-1--op2go .section-container {
    background-color: #E1E9F8;
}

.section-1--op2go .video {
    max-width: 100%;
}

@media screen and (min-width: 640px) {
    .section-1--op2go .video {
        transform: translateY(-100px);
    }
}

.section-1--op2go .section-detail-content {
    padding-bottom: 0;
}

.section-1--op2go.custom::after {
    display: none;
}

.section-1--op2go.custom .section-left {
    order: 1;
}

.section-1--op2go.custom .section-right {
    order: 2;
}

.section-1--op2go.custom .player-container--alt {
    padding-bottom: 0;
    margin-top: calc(50rem / 16);
}

@media screen and (min-width: 640px) {
    .section-1--op2go.custom .player-container--alt {
        margin-top: 0;
    }
}

.section-1--op2go.custom .section-right .section-detail-content {
    padding-top: calc(50rem / 16);
}

@media screen and (min-width: 640px) {
    .section-1--op2go.custom .section-right .section-detail-content {
        padding-top: calc(84rem / 16);
    }
}

.section-2--op2go .statistic-number {
    margin-bottom: calc(3rem / 16);
}

.section-2--op2go .statistic-txt {
    min-height: auto;
}

.interview .section-left {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* .section-left.section-3-left--rr {
    background-image: url('https://business.ingenico.com/l/130471/2020-04-02/283q4b/130471/106847/img_interview.jpg');
} */

/* .section-left.section-3-left--ff {
    background-position: right center;
    background-image: url('https://business.ingenico.com/l/130471/2020-04-02/283qd4/130471/106875/ff_man_mobile.jpg');
} */

.section-left.section-3-left--op2go {
    /* background-image: url('https://business.ingenico.com/l/130471/2020-04-08/284vf2/130471/107373/shop_now.png');
    background-position: center center; */
    flex: none;
    min-height: calc(263rem / 16);
}

@media screen and (min-width: 640px) {
    .section-left.section-3-left--op2go {
        flex: 1;
    }
}

.interview {
    position: relative;
    background-color: #003399;
}

@media screen and (min-width: 1680px) {
    .interview::after {
        content: '';
        width: 0; 
        height: 0; 
        border-top: 100px solid transparent;
        border-bottom: 100px solid transparent; 
        border-right:100px solid #00CCCC;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
}

.section-left,
.section-right {
    flex: 1;
}

.section-container {
    display: flex;
    flex-direction: column;
    position: relative;
}

@media screen and (min-width: 640px) {
    .section-container {
        flex-direction: row;
    }
}

.section-detail-content {
    padding: calc(84rem / 16) 0 calc(70rem / 16);
    max-width: calc(100% - 40px);
    margin: auto;
}

@media screen and (min-width: 640px) {
    .section-detail-content {
        max-width: calc(1220px / 2);
        padding: calc(84rem / 16) 0;
        margin: initial;
    }
}

.section-detail-content--knowledge {
    margin: 0 auto calc(95rem / 16);
    padding: calc(30rem / 16);
    background-color: #0033990B;
}

@media screen and (min-width: 640px) {
    .section-detail-content--knowledge {
        margin: calc(84rem / 16) calc(10rem / 16);
        width: calc(500rem / 16);
        background-color: transparent;
    }
}

.statistic {
    min-height: calc(293rem / 16);
    background-image: url('https://business.ingenico.com/l/130471/2020-04-02/283q5z/130471/106865/section2_bkg_shape.jpg');
    background-repeat: no-repeat;
    background-position: bottom center;
    position: relative;
    background-color: #003399;
    display: block;
}

@media screen and (min-width: 640px) {
    .statistic-list {
        background-size: cover;
    }
}

.statistic-list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

@media screen and (min-width: 640px) {
    .statistic-list {
        flex-direction: row;
    }
}

.statistic-items {
    margin: calc(25rem / 16);
    text-align: center;
}

@media screen and (min-width: 640px) {
    .statistic-items {
        margin: calc(50rem / 16);
    }
}

.anchor-btn {
    display: none;
    position: absolute;
    bottom: calc(-30rem / 16 );
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: calc(60rem / 16);
    height: calc(60rem / 16);
    background-color: white;
    border: none;
    cursor: pointer;
    z-index: 1;
}

@media screen and (min-width: 640px) {
    .anchor-btn {
        display: block;
    }
}

.anchor-btn-icon {
    width: calc(24rem / 16);
    height: calc(24rem / 16);
    display: block;
    background-image: url('https://business.ingenico.com/l/130471/2020-04-02/283q2n/130471/106823/arrow_down.svg');
    position: absolute;
    left: 30%;
    top: 30%;
    transform: rotate(-45deg);
}

.statistic-number {
    color: #00CCCC;
    font-size: calc(55rem / 16);
    margin: 0 0 calc(22rem / 16);
    font-weight: 300;
}

.statistic-number p {
    margin: 0;
}

.statistic-number--alt {
    font-size: calc(41rem / 16);
} 

.statistic-txt {
    color: white;
    font-size: calc(14rem / 16);
    line-height: calc(20rem / 16);
    min-height: calc(60rem / 16);
    max-width: calc(300rem / 16);
}

.section-2-ff .section-left {
    order: 2;
}

@media screen and (min-width: 640px) {
    .section-2-ff .section-left {
        order: 1;
    }
}

.section-2-ff .section-right {
    order: 1;
}

@media screen and (min-width: 640px) {
    .section-2-ff .section-right {
        order: 2;
    }
}

.section-2-right-image {
    height: calc(430rem / 16);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
}

.section-2-right-image--ff {
    /* background-image: url('https://business.ingenico.com/l/130471/2020-04-02/283qfs/130471/106877/ff_girls.jpg'); */
    position: relative;
    z-index: 2;
    height: calc(360rem / 16);
}

@media screen and (min-width: 640px) {
    .section-2-right-image--ff {
        width: calc(100% + 50px);
        margin-left: calc(-50rem / 16);
        height: calc(430rem / 16);
    }
}

.section-2-right-colorBloc {
    display: block;
    position: absolute;
    top: calc(-50rem / 16);
    right: calc(-40rem / 16);
    background-color: #00CCCC;
    z-index: 1;
    width: calc(300rem / 16);
    height: calc(400rem / 16);
    z-index: 1;
}

.section-2-section-detail-content--ff {
    margin: calc(96rem / 16) auto 0;
}

.section-2-section-detail-content--ff,
.section-2-section-detail-content--op2go {
    padding: 0;
    background-color: transparent;
    position: relative;
}

.section-detail-content--knowledge.section-2-section-detail-content--ff,
.section-detail-content--knowledge.section-2-section-detail-content--op2go {
    background-color: transparent;
}

@media screen and (min-width: 640px) {
    .section-2-container {
        padding: calc(40rem / 16);
    }
}

@media screen and (min-width: 640px) {
    .section-2--op2go {
        margin-bottom: calc(84rem / 16);
    }
}

.section-2--op2go .statistic-list {
    max-width: 55%;
    margin: auto;
}

@media screen and (min-width: 640px) {
    .section-2--op2go .statistic-list {
        margin: 0;
    }
}

.section-2--op2go.custom .statistic-list {
    margin: 0;
}

.section-2--op2go .section-right .section-detail-content {
    background-color: #003399;
    color: white;
    margin: 0;
    position: relative;
    max-width: 100%;
    padding: calc(45rem / 16);
}

@media screen and (min-width: 640px) {
    .section-2--op2go .section-right .section-detail-content {
        margin-top: calc(84rem / 16);
        width: calc(440rem / 16);
        padding: calc(45rem / 16) 0 calc(45rem / 16) calc(64rem / 16);
    }
}

.custom.section-2--op2go .section-right .section-detail-content {
    margin-left: calc(20rem / 16);
    width: calc(100% - 100px);
    padding: calc(25rem / 16) 0 calc(25rem / 16) calc(35rem / 16);
}

@media screen and (min-width: 640px) {
    .custom.section-2--op2go .section-right .section-detail-content {
        margin-top: calc(35rem / 16);
        margin-left: 0;
        padding: calc(45rem / 16) 0 calc(45rem / 16) calc(64rem / 16);
    }
}

.custom.section-2--op2go .statistic-items {
    text-align: left;
    margin-bottom: calc(10rem / 16);
}

@media screen and (min-width: 640px) {
    .custom.section-2--op2go .statistic-items {
        margin-bottom: calc(20rem / 16);
    }
}

.custom.section-2--op2go .statistic-list {
    align-items: flex-start;
}

.section-2--op2go .section-right {
    position: relative;
}

.section-2--op2go .section-2-detail-img {
    display: none;
}

.custom.section-2--op2go .section-2-detail-img {
    display: block;
    width: auto;
    right: calc(-10rem / 16);
    top: calc(45rem / 16);
    position: absolute;
    max-width: calc(100% - 40% - 40px);
}

@media screen and (min-width: 640px) {
    .section-2--op2go .section-2-detail-img {
        display: block;
        width: auto;
        right: calc(-10rem / 16);
        top: calc(150rem / 16);
        position: absolute;
        max-width: calc(100% - 270px);
    }
}

@media screen and (min-width: 640px) {
    .section-2--op2go .section-detail-content {
        margin-right: calc(100rem / 16);
    }
}

.section-3--op2go {
    margin-bottom: calc(30rem / 16);
}

@media screen and (min-width: 640px) {
    .section-3--op2go {
        margin-bottom: calc(130rem / 16);
    }
}

.section-3--op2go .section-detail-content {
    position: relative;
}



.section-3--op2go .section-3-detail-img {
    display: block;
    width: 90%;
    position: relative;
    float: right;
    top: calc(-30rem / 16);
}

@media screen and (min-width: 640px) {
    .section-3--op2go .section-3-detail-img {
        height: calc(446rem / 16);
        margin-top: calc(100rem / 16);
        width: auto;
        float: none;
        top: inherit;
    }
}

.section-3--op2go .section-3-detail-bloc {
    width: 50%;
    height: calc(300rem / 16);
    display: block;
    background-color: #003399;
    position: absolute;
    top: 0;
    left: calc(-80rem / 16);
}

@media screen and (min-width: 640px) {
    .section-3--op2go .section-3-detail-bloc {
        top: calc(100rem / 16);
        height: calc(460rem / 16);
    }
}


@media screen and (min-width: 640px) {
    .section-3--op2go .section-right .section-detail-content {
        margin-left: calc(95rem / 16);
    }
}

@media screen and (min-width: 640px) {
    .section-3--op2go.custom--alt .section-left .section-detail-content {
        margin-right: calc(95rem / 16);
    }
}

.section-3--op2go .section-left {
    order: 2;
}

@media screen and (min-width: 640px) {
    .section-3--op2go .section-left {
        order: 1;
    }
}

.section-3--op2go .section-right {
    order: 1;
}

@media screen and (min-width: 640px) {
    .section-3--op2go .section-right {
        order: 2;
    }
}

.section-2--op2go .statistic-list {
    flex-direction: column;
}

@media screen and (min-width: 640px) {
    .section-2--op2go .statistic-list {
        align-items: start;
    }
}

.section-2--op2go .statistic-items {
    margin: 0 0 calc(50rem / 16);
}

@media screen and (min-width: 640px) {
    .section-2--op2go .statistic-items {
        text-align: left;
        margin: 0 0 calc(10rem / 16);
    }
}

.knowledge-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.knowledge-items {
    margin-bottom: calc(42rem / 16);
    display: flex;
}

@media screen and (min-width: 640px) {
    .knowledge-items {
        width: calc(50% - 43px);
        display: block;
        margin-bottom: calc(84rem / 16);
    }
}

.knowledge-items-txt {
    color: #003399;
    font-weight: bold;
    line-height: 25px;
    flex: 1;
}

.knowledge-icon {
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: calc(25rem / 16);
    width: calc(60rem / 16);
    height: calc(60rem / 16);
    margin-right: calc(20rem / 16);
}

.knowledge-icon--smartphone {
    background-image: url('https://business.ingenico.com/l/130471/2020-04-02/283q3d/130471/106839/ico_phone.svg');
}

.knowledge-icon--target {
    background-image: url('https://business.ingenico.com/l/130471/2020-04-02/283q3g/130471/106841/ico_target.svg');
}

.knowledge-icon--insights {
    background-image: url('https://business.ingenico.com/l/130471/2020-04-02/283q36/130471/106833/ico_insights.svg');
}

.knowledge-icon--loyalty {
    background-image: url('https://business.ingenico.com/l/130471/2020-04-02/283q3b/130471/106837/ico_loyalty.svg');
}

@media screen and (min-width: 640px) {
    .knowledge-icon--smartphone {
        width: calc(43rem / 16);
        height: calc(50rem / 16);
    }

    .knowledge-icon--target {
        width: calc(50rem / 16);
        height: calc(50rem / 16);
    }

    .knowledge-icon--insights {
        width: calc(65rem / 16);
        height: calc(65rem / 16);
    }


    .knowledge-icon--loyalty {
        width: calc(30rem / 16);
        height: calc(64rem / 16);
    }
}

.interview {
    position: relative;
}

/* .interview-title::after {
    content: 'interview';
    color: #00CCCC;
    text-transform: uppercase;
    font-size: calc(14rem / 16);
    position: absolute;
    top: calc(-32rem / 16);
    left: calc(95rem / 16);
    font-weight: bold;
} */

.section-detail-content--section-3 {
    margin: auto;
    width: 100%;
    position: relative;
}

@media screen and (min-width: 640px) {
    .section-detail-content--section-3 {
        margin: 0 0 0 calc(110rem / 16);
        width: calc(1220px / 2 - 50px);
    }
}

.sub-section-h2 {
    color: #00CCCC;
    text-transform: uppercase;
    font-size: calc(14rem / 16);
    position: absolute;
    top: calc(65rem / 16);
    left: calc(95rem / 16);
    font-weight: bold;
}

.interview .section-txt a {
    color: #00CCCC;
}

.section-txt li {
    margin-bottom: calc(5rem / 16);
    font-weight: 600;
    display: flex;
    align-items: baseline;
}

.section-txt li::before{
    content: "\2022";
    color: #00CCCC;
    display: inline-block;
    margin-left: calc(10rem / 16);
    margin-right: calc(15rem / 16);
    font-weight: bold;
    font-size: 30px;
    height: 20px;
    transform: translateY(3px);
}

.looking-left {
    flex: 1;
}

.looking-right {
    flex: 2;
}

@media screen and (min-width: 640px) {
    .looking-txt {
        margin-top: calc(70rem / 16);
    }
}

.looking-detail-content {
    width: auto;
    padding: calc(40rem / 16) 0;
    max-width: calc(100% - 40px);
}

@media screen and (min-width: 640px) {
    .looking-detail-content {
        max-width: 100%;
    }
}

@media screen and (min-width: 640px) {
    .looking {
        background-image: url('https://business.ingenico.com/l/130471/2020-04-02/283q5q/130471/106857/looking.jpg');
        background-position: -600px 0px;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

.section-h2--looking {
    margin-bottom: 0;
}

@media screen and (min-width: 640px) {
    .wrapper {
        width: calc(1220rem / 16);
        margin: auto;
        max-width: calc(100% - 40px);
    }
}

.section-container .wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
}

@media screen and (min-width: 640px) {
    .section-container .wrapper {
        flex-direction: row;
        justify-content: space-between;
    }
}

.section-detail-content.looking-detail-left {
    width: auto;
    padding-bottom: 0;
}

@media screen and (min-width: 640px) {
    .section-detail-content.looking-detail-left {
        padding: calc(84rem / 16) 0;
    }
}

.looking iframe {
    width: 100%;
}

.player-container {
    position: relative;
    padding-bottom: calc(95rem / 16);
    max-width: calc(100% - 40px);
    margin: auto;
}

@media screen and (min-width: 640px) {
    .player-container {
        max-width: initial;
        padding-bottom: calc(130rem / 16);
    }
}

@media screen and (min-width: 640px) {
    .player-container.player-container--alt {
        padding-bottom: 0;
    }
}
    
.player-container div {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}

.player-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.intro #intro .player-container iframe,
.exit .quizz .player-container iframe,
.alreadyplayed #intro .player-container iframe,
.identityset #intro .player-container iframe,
#notabene .player-container iframe,
#message_intro .player-container iframe,
.fancybox_body .player-container iframe,
#comments .player-container iframe,
#description .player-container iframe,
.alreadyplayed .player-container iframe,
#adserver .player-container iframe {
    max-width: none !important;
}

.download {
    background: url("https://business.ingenico.com/l/130471/2020-04-02/283q4d/130471/106849/img_people_footer_blue.jpg") #003399;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position: relative;
}

@media screen and (min-width: 640px) {
    .download .section-left,
    .header .section-left {
        margin-right: calc(100rem / 16);
    }
}

.download .download-detail-content {
    width: calc(510rem / 16);
    padding-top: calc(28rem / 16);
}

@media screen and (min-width: 640px) {
    .download .download-detail-content {
        padding-top: calc(84rem / 16);
    }
}

@media screen and (min-width: 640px) {
    .anchor-download {
        position: absolute;
        top: calc(-150rem / 16);
    }
}

.footer {
    background-color: #003399;
    color: white;
}

.footer-container {
    padding: calc(40rem / 16) 0 calc(40rem / 16) calc(20rem / 16);
    width: 100%;
}

@media screen and (min-width: 640px) {
    .footer-container {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: calc(72rem / 16) 0;
        flex-direction: row;
    }
}

.footer-col.footer-col--1 {
    width: 100%;
    margin-bottom: calc(50rem / 16);
    text-indent: -1000px;
}

@media screen and (min-width: 640px) {
    .footer-col.footer-col--1 {
        width: auto;
    }
}

.footer-brand {
    background-image: url('https://business.ingenico.com/l/130471/2020-04-02/283q4g/130471/106851/logo_footer_behind.svg');
    background-repeat: no-repeat;
    width: calc(180rem / 16);
    height: calc(55rem / 16);
    display: block;
    background-size: contain;
}

.footer-title {
    color: #00CCCC;
    text-transform: uppercase;
    margin: 0 0 calc(27rem / 16);
    font-weight: 700;
    font-size: calc(14rem / 16);
}

.footer-list {
    line-height: calc(30rem / 16);
}

.footer-list--social ul {
    line-height: inherit;
}

.footer-links {
    color: white;
    text-decoration: none;
    font-size: calc(14rem / 16);
}

.footer-links:hover {
    text-decoration: underline;
}

.footer-col {
    width: calc(50% - 5px);
    display: inline-block;
    vertical-align: top;
    margin-bottom: calc(10rem / 16);
}

@media screen and (min-width: 640px) {
    .footer-col {
        flex: 1;
    }
}

.footer-list--social ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.footer-items--social {
    margin-right: calc(7rem / 16);
}

.footer-bottom {
    background-color: #01256E;
    font-size: calc(14rem / 16);
}

.footer-bottom-container {
}

@media screen and (min-width: 640px) {
    .footer-bottom-container {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        flex-direction: row;
    }
}

.footer-bottom-list ul {
}

@media screen and (min-width: 640px) {
    .footer-bottom-list ul {
        display: flex;
        justify-content: space-between;
        padding: 0;
        list-style: none;

    }
}

.footer-bottom-list--left ul {
    width: calc(500rem / 16);
    max-width: calc(100% - 40px);
    padding: calc(20rem / 16) 0;
    margin: 0 auto 0;
}

@media screen and (min-width: 640px) {
    .footer-bottom-list--left ul {
        margin: 0;
    }
}

.footer-bottom-items {
    display: inline-block;
    vertical-align: middle;
    margin: 0 calc(20rem / 16) calc(10rem / 16) 0;
}

.footer-bottom-cp {
    color: white;
    padding: calc(20rem / 16) calc(20rem / 16) calc(30rem / 16);
    background-color: #003399;
}

@media screen and (min-width: 640px) {
    .footer-bottom-cp {
        margin: calc(10rem / 16) 0;
        background-color: transparent;
    }
}

.modal.active {
    opacity: 1;
    top: calc(150rem / 16);
}

@media screen and (min-width: 640px) {
    .header .pardot_form_container {
        transform: none;
    }
}

.pardot_form_container {
    background-color: white;
    padding: calc(20rem / 16);
    box-shadow: 0 3px 46px #002C865A;
    border-bottom: calc(10rem / 16) solid #00CCCC;
}

@media screen and (min-width: 640px) {
    .pardot_form_container {
        padding: calc(40rem / 16);
        transform: translateY(-150px);
    }
}

.pardot_form_container .form-container-field {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pardot_form_container .form-container-field input.text {
    width: 100%;
}

.form-content-field {
    width: 100%;
}

@media screen and (min-width: 640px) {
    .form-content-field {
        width: calc(50% - 10px);
    }
}

.form-content-field input:not([type='hidden']){
    margin: 0 0 calc(21rem / 16);
}

.pardot_form_container .form-container-field p,
.pardot_form_container .form-container-field p.error,
.pardot_form_container .form-container-field span.description {
    margin: 0;
}

.pardot_form_container .form-container-field .form-content-field:nth-last-child(-n+2) {
    width: 100%;
}


.pardot_form_container .form-container-field .form-content-field:nth-last-child(-n+2) textarea.standard,
.pardot_form_container .form-container-field .form-content-field:nth-last-child(-n+2) input:not([type='checkbox']) { 
    width: 100%;
}

.pardot_form_container .form-container-field span.value {
    margin: 0;
}

.pardot_form_container .form-container-field input:not([type='checkbox']),
.pardot_form_container .form-container-field textarea.standard {
    border: 1px solid #E0EAFF;
    background-color: #F5F8FD;
    border-radius: calc(4rem / 16);
    color: #8EA5D5;
    width: 100%;
    padding: calc(13rem / 16);
}

.pardot_form_container .form-container-field input[type='checkbox']{
    margin: 0 calc(10rem / 16) 0 0;
}

.pardot_modal_container .form-container-field textarea {
    height: 100%;
}

.pardot_form_container .form-container-field input::-webkit-input-placeholder,
.pardot_form_container .form-container-field input:-moz-placeholder,
.pardot_form_container .form-container-field input::-moz-placeholder,
.pardot_form_container .form-container-field input:-ms-input-placeholder {  
    font-style: italic; 
 }

 .pardot_form_container .form-container-field label {
     display: none;
 }

 .pardot_form_container .form-container-field .pd-checkbox p label {
    color: #003399;
    font-family: -apple-system, BlinkMacSystemFont, 'Roboto', Segoe UI, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
 }

.close {
    text-transform: uppercase;
    position: absolute;
    padding-right: calc(20rem / 16);
    top: calc(-20rem / 16);
    right: 0;
    border: none;
    background-color: transparent;
    font-size: calc(12rem / 16);
    font-weight: bold;
    color: white;
}

.close::before {
    content: '';
    width: calc(14rem / 16);
    height: calc(2rem / 16);
    position: absolute;
    right: 1px;
    background-color: white;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

.close::after {
    content: '';
    width: calc(14rem / 16);
    height: calc(2rem / 16);
    position: absolute;
    right: 0;
    background-color: white;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

.modal-form {
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 640px) {
    .modal-form {
        flex-direction: row;
    }
}

.modal-form-left {
    flex: 1;
    margin-right: calc(26rem / 16);
}

.modal-form-right {
    flex: 1;
}

.modal-title {
    text-align: center;
    margin: 0 auto calc(45rem / 16);
}

.modal-title-icon {
    background-image: url('https://business.ingenico.com/l/130471/2020-04-02/283q2x/130471/106831/ico_download_2.svg');
    background-repeat: no-repeat;
    width: calc(26rem / 16);
    height: calc(30rem / 16);
    display: inline-block;
    vertical-align: middle;
    margin-top: calc(8rem / 16);
    margin-right: calc(10rem / 16);
}

.modal-title-txt {
    font-size: calc(36rem / 16);
    font-weight: lighter;
    display: inline-block;
    color: #003399;
    vertical-align: middle;
}

.modal-container {
    background-color: rgba(1, 31, 90, 0.53);
    /* position: fixed; */
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    z-index: 6;
}

.section-4-op2go {
    background: url("https://business.ingenico.com/l/130471/2020-04-02/283q4d/130471/106849/img_people_footer_blue.jpg") #003399;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    margin-bottom: calc(70rem / 16);
}

@media screen and (min-width: 640px) {
    .section-4-op2go {
        margin-bottom: calc(130rem / 16);
    }
}

.section-4-op2go .section-4-commentary {
    font-size: calc(22rem / 16);
    line-height: 44px;
    color: white;
    font-style: italic;
    position: relative;
    text-align: center;
    margin: 0;
    font-weight: 400;
}

@media screen and (min-width: 640px) {
    .section-4-op2go .section-4-commentary {
        font-size: calc(36rem / 16);
        line-height: 62px;
        font-weight: 300;
    }
}

.section-4-op2go .section-4-op2go-quote {
    position: relative;
    width: calc(28rem / 16);
    height: calc(23rem / 16);
    display: block;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center center;
}

.section-4-op2go .section-4-op2go-quote--left {
    position: absolute;
    left: 0;
    top: calc(-20rem / 16);
    display: block;
    background-image: url('https://business.ingenico.com/l/130471/2020-04-14/28fl26/130471/107911/guillemet_open.svg');
}

.section-4-op2go .section-4-op2go-quote--right {
    position: absolute;
    right: 0;
    bottom: calc(-20rem / 16);
    display: block;
    background-image: url('https://business.ingenico.com/l/130471/2020-04-14/28fl28/130471/107913/guillemet_close.svg');
}

.section-4-op2go .section-container {
    position: relative;
    padding: calc(105rem / 16) 0 calc(75rem / 16);
}

.section-container-line {
    width: calc(65rem / 16);
    height: calc(6rem / 16);
    display: block;
    margin: 0 auto calc(50rem / 16);
    background-color: #00CCCC;
}

.section-4-op2go .section-container {
    flex-direction: column;
}

.section-commentary::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 51, 153, 0.6);
    width: 100%;
    height: 100%;
    z-index: 2;
}

.section-commentary .section-container {
    z-index: 3;
}

.section-container-txt {
    position: relative;
    max-width: calc(100% - 40px);
    margin: auto;
}

.section-5-op2go {
    background-color: #E1E9F8;
    margin-bottom: calc(70rem / 16);
}

@media screen and (min-width: 640px) {
    .section-5-op2go {
        margin-bottom: calc(130rem / 16);
    }
}

@media screen and (min-width: 640px) {
    .section-5-op2go .section-detail-content {
        max-width: inherit;
    }
}

.section-5-op2go .diagram {
    width: 100%;
    margin: calc(20rem / 16) 0;
    position: relative;
}


@media screen and (min-width: 640px) {
    .section-h2--center,
    .section-txt--center {
        text-align: center;
    }

    .section-h2--center::before {
        left: 50%;
        transform: translateX(-50%);
    }
}

.section-4-op2go .section-4-commentary:before {
    transform: translate(-50%, -15px);
    left: 50%;
}

.section {
    position: relative;
}

.section .anchor,
.anchor.formHead {
    position: absolute;
    top: calc(-60rem / 16);
}

@media screen and (min-width: 640px) {
    .section .anchor,
    .anchor.formHead {
        top: calc(-80rem / 16);
    }
}

@media screen and (min-width: 640px) {
    .section.download .anchor {
        top: calc(-80rem / 16);
    }
}

@media screen and (min-width: 640px) {
    .section.download .anchor {
        top: calc(-150rem / 16);
    }
}

.section-6-op2go {
    margin-bottom: calc(140rem / 16);
}

.section-7-op2go {
    padding: calc(50rem / 16) 0;
}

.section-7-op2go .statistic-number {
    font-weight: bold;
    font-size: calc(20rem / 16);
    margin-bottom: calc(10rem / 16);
}

.section-7-op2go .statistic-items {
    margin-top: 0;
}

@media screen and (min-width: 640px) {
    .section-7-op2go .statistic-items {
        margin-bottom: 0;
    }
}

.section-7-op2go .section-h2 {
    max-width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
}

.section-7-op2go .statistic-txt {
    font-weight: 700;
}

.terminal {
    width: 100%;
}

.section-8--op2go .section-detail-content {
    margin: auto;
}


.section-detail-content--knowledge.section-2-section-detail-content--op2go {
    width: 100%;
}


@media screen and (min-width: 640px) {
    .paddingLeft {
        padding-left: calc(110rem / 16);
    }
    
    .paddingRight {
        padding-right: calc(110rem / 16);
    }
}

.header--op2go .cta {
    margin-top: calc(74rem / 16);
}

@media screen and (min-width: 640px) {
    .header--op2go .cta {
        opacity: 0;
        height: 0;
        margin: 0;
        visibility: hidden;
    }
}

/* .header--op2go {
    background-image: url("https://business.ingenico.com/l/130471/2020-04-07/284mpv/130471/107245/bkg_banner_op2go.jpg");
    background-size: auto;
}

@media screen and (min-width: 640px) {
    .header--op2go {
        background-size: cover;
    }
} */

@media screen and (min-width: 640px) {
    .template-op2go .player-container {
        padding-bottom: 0;
    }
}

.section-8--op2go {
    background-color: #F5F7FB;
    padding: 0 0 calc(32rem / 16);
    background-image: none;
}

@media screen and (min-width: 640px) {
    .section-8--op2go {
        padding: calc(100rem / 16) 0;
    }
}

.section-8--op2go .section-left {
    flex: 1;
}

@media screen and (min-width: 640px) {
    .section-8--op2go .section-left {
        margin-right: calc(100rem / 16);
    }
}

.section-8--op2go .section-right {
    flex: 2;
}

.custom.section-2--op2go {
    margin-bottom: calc(80rem / 16);
}

@media screen and (min-width: 640px) {
    .custom.section-2--op2go {
        margin: calc(130rem / 16) 0;
    }

    .custom.section-2--op2go .section-2-detail-img {
        top: calc(-20rem / 16);
    }
}

.custom.header .section-h2 {
    font-size: calc(41rem / 16);
    margin-top: calc(84rem / 16);
    text-align: center;
}

@media screen and (min-width: 640px) {
    .custom.header .section-h2 {
        font-size: calc(60rem / 16);
        text-align: left;
        margin-top: 0;
    }
}

.custom.header .section-h2::before {
    display: none;
}

@media screen and (min-width: 640px) {
    .custom.header .section-h2::before {
        display: inline;
    }
}

.custom.header .section-detail-content {
    position: relative;
    padding-top: calc(28rem / 16);
}

@media screen and (min-width: 640px) {
    .custom.header .section-detail-content {
        padding-top: calc(100rem / 16);
    }
}

.custom.header .section-txt {
    font-size: calc(18rem / 16);
    line-height: 28px;
    text-align: center;
}

@media screen and (min-width: 640px) {
    .custom.header .section-txt {
        font-size: calc(23rem / 16);
        line-height: 38px;
        text-align: left;
    }
}

.header.custom .pardot_form_container {
    position: absolute;
    width: 100%;
}

@media screen and (min-width: 640px) {
    .header.custom .pardot_form_container {
        position: static;
    }
}

.section-commentary.custom {
    margin-bottom: calc(80rem / 16);
}

@media screen and (min-width: 640px) {
    .section-commentary.custom {
        margin: calc(130rem / 16) 0 calc(35rem / 16);
    }
}

.section-2--op2go.custom .statistic-txt {
    font-weight: 500;
}

.section-2--op2go.custom .section-2-detail-img img {
    max-height: calc(500rem / 16);
}

.section-2--op2go.custom .section-left {
    order: 2;
}

@media screen and (min-width: 640px) {
    .section-2--op2go.custom .section-left {
        order: 1;
    }
}

.section-2--op2go.custom .section-right {
    order: 1;
    margin-top: calc(64rem / 16);
}

@media screen and (min-width: 640px) {
    .section-2--op2go.custom .section-right {
        order: 2;
        margin-top: 0;
    }
}

.custom.section-3--op2go {
    margin: 0;
    overflow: hidden;
}

@media screen and (min-width: 640px) {
    .custom.section-3--op2go {
        margin: calc(35rem / 16) 0 calc(80rem / 16);
    }
}

@media screen and (min-width: 640px) {
    .section-3--op2go.custom .section-detail-content {
        padding-bottom: 0;
    }
}

.section-3--op2go.custom .section-left {
    order: 1;
}

@media screen and (min-width: 640px) {
    .section-3--op2go.custom .section-left {
        order: 2;
    }
}

.section-3--op2go.custom .section-right {
    order: 1;
}

@media screen and (min-width: 640px) {
    .section-3--op2go.custom .section-right {
        order: 2;
    }
}

.section-3--op2go.custom.custom--alt .section-3-detail-img {
    float: left;
}

.section-3--op2go.custom.custom--alt .section-3-detail-bloc {
    left: auto;
    right: calc(-80rem / 16);
}

.section-3--op2go.custom.custom--alt .section-left {
    order: 2;
}

.section-3--op2go.custom.custom--alt .section-right {
    order: 1;
}

@media screen and (min-width: 640px) {
    .section-3--op2go.custom.custom--alt .section-left {
        order: 1;
    }
    
    .section-3--op2go.custom.custom--alt .section-right {
        order: 2;
    }

    .section-3--op2go.custom.custom--alt .section-right .section-detail-content {
        margin-left: 0;
        margin-right: calc(95rem / 16);
    }
}

.section-7-op2go.custom--alt .section-subtitle {
    text-align: center;
}

.section-7-op2go.custom--alt {
    background-color: #F5F8FF;
    padding: calc(50rem / 16) 0
}

@media screen and (min-width: 640px) {
    .section-7-op2go.custom--alt {
        padding: calc(100rem / 16) 0
    }
}

.section-7-op2go.custom--alt .section-h2 {
    margin-bottom: calc(20rem / 16);
}

.custom .section-h2--center {
    text-align: center;
}

.custom .section-h2--center::before {
    left: 50%;
    transform: translateX(-50%);
}

.section-7-op2go.custom--alt .section-subtitle {
    margin: 0 auto calc(77rem / 16);
    color: #003399;
    width: calc(460rem / 16);
    max-width: calc(100% - 40px);
}

.section-7-op2go.custom--alt .statistic-items {
    display: flex;
    text-align: left;
}

@media screen and (min-width: 640px) {
    .section-7-op2go.custom--alt .statistic-items {
        display: inline;
        text-align: center;
    }
}

.section-7-op2go.custom--alt .statistic-icon {
    margin-right: calc(30rem / 16);
    margin-bottom: calc(30rem / 16);
    height: calc(57rem / 16);
    width: calc(50rem / 16);
}

@media screen and (min-width: 640px) {
    .section-7-op2go.custom--alt .statistic-icon {
        margin-right: 0;
        position: relative;
        width: auto;
    }
    
    .section-7-op2go.custom--alt .statistic-icon img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

.custom--alt.section-7-op2go .statistic-number {
    color: #003399;
}

.custom--alt.section-7-op2go .statistic-txt {
    color: #003399;
    font-weight: initial;
}

@media screen and (min-width: 640px) {
    .custom.statistic.section-7-op2go .statistic-items {
        margin: calc(50rem / 16);
    }

    .custom.statistic.section-7-op2go .statistic-number {
        font-weight: 300;
    }
}

.statistic.custom {
    margin-bottom: calc(30rem / 16);
}

.statistic.custom .statistic-txt {
    font-weight: 600;
}

.section-6-custom .section-left{
    order: 2;
}

@media screen and (min-width: 640px) {
    .section-6-custom .section-left{
        order: 1;
    }
}

.section-6-custom .section-right {
    order: 1;
}

@media screen and (min-width: 640px) {
    .section-6-custom .section-right {
        order: 2;
    }
}

.section-6-custom-detail-img,
.section-7-custom-detail-img {
    width: 100%;
}

.section-6-custom,
.section-7-custom {
    margin: calc(35rem / 16) 0;
}

.section-6-custom .section-detail-content,
.section-7-custom .section-detail-content {
    padding-bottom: 0;
}

.custom.interview {
    margin: calc(80rem / 16) 0;
}

@media screen and (min-width: 640px) {
    .custom.interview {
        margin: calc(120rem / 16) 0 calc(35rem / 16);
    }
}

@media screen and (min-width: 640px) {
    .custom-btn.download .cta {
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        right: 0;
        margin: 0;
    }
}

@media screen and (min-width: 640px) {
    .custom-btn.download .download-detail-content {
        padding: 0;
    }
}

.looking.custom {
    margin: calc(80rem / 16) 0;
}

@media screen and (min-width: 640px) {
    .looking.custom {
        margin: calc(35rem / 16) 0 calc(135rem / 16);
    }
}

.looking.custom .wrapper {
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 640px) {
    .looking.custom .wrapper {
        display: block;
    }
}

.looking.custom .wrapper .looking-container {
    order: 2;
}

.looking.custom .wrapper .player-container {
    order: 1;
    margin: inherit;
    padding: 0 0 0 calc(20rem / 16);
}

@media screen and (min-width: 640px) {
    .looking.custom .wrapper .player-container {
        padding: 0;
    }
}

.download.custom,
.download.custom-btn {
    margin-top: calc(80rem / 16);
}

@media screen and (min-width: 640px) {
    .download.custom,
    .download.custom-btn {
        margin-top: calc(125rem / 16);
    }
}