/* Font */

@font-face {
    font-family: 'Futura';
    src: url('fonts/Futura-book.eot');
    src: local('☺'), url('fonts/Futura-book.woff') format('woff'), url('fonts/Futura-book.ttf') format('truetype'), url('fonts/Futura-book.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Intercom */

@media (max-width: 768px) {
    #intercom-container {
        display: none;
}
    }

/* General */

body, html {
    font-family: "Muli";
    font-weight: 200;
    font-size: 22px;
    color: #818181;
    transition: opacity 400ms;
    height: 100%;
}
#home_page {
    overflow: hidden;
}
h1 {
    font-family: "Futura";
    font-size: 114px;
    font-weight: 300;
    color: #FFF;
    margin: 0px;
}
h1.alternative {
    font-family: "Muli";
    font-size: 91px;
    font-weight: 200;
}
h1.small {
    font-family: "Muli";
    font-size: 77px;
    font-weight: 200;
}
h2 {
    font-family: "Muli";
    font-size: 32px;
    font-weight: 200;
    color: #000;
    margin-top: 27px;
    margin-bottom: 8px;
}
input[type="text"], input[type="email"], input[type="url"] {
    border: 2px solid #FFF;
    font-family: "Muli";
    font-size: 23px;
    color: #000;
    background: #FFF;
    padding: 15px 20px;
    box-sizing: border-box;
    width: 48%;
    margin-left: 2%;
}
textarea {
    border: 2px solid #FFF;
    font-family: "Muli";
    font-size: 23px;
    color: #000;
    background: #FFF;
    padding: 15px 20px;
    box-sizing: border-box;
    width: 100%;
    height: 210px;
}
select {
    border: 2px solid #FFF;
    font-family: "Muli";
    font-size: 23px;
    color: #000;
    background: #FFF;
    padding: 10px 20px;
    box-sizing: border-box;
    width: 48%;
}
input[type="submit"] {
    border: 2px solid #FFF;
    font-family: "Muli";
    font-size: 28px;
    color: #FFF;
    background: transparent;
    padding: 12px 105px;
    box-sizing: border-box;
    cursor: pointer;
}
input[type="submit"]:hover, input[type="submit"]:active {
    background-color: #FFF;
    color: #000;
}
input[type="submit"]:disabled {
    background-color: #CCC !important;
}
.h1_subtitle {
    display: block;
    font-size: 76px;
    opacity: 0.6;
}
.clear {
    clear: both;
}
.text {
    font-size: 23px;
    font-weight: 300;
    color: #FFF;
}
.page_left {
    position: absolute;
    top: 34%;
    left: 7%;
    width: 29%;
    text-align: justify;
}
input.contact_left {
    margin: 0;
}
.page_left.reduced {
    width: 24%;
    left: 7%;
}
.page_left.half {
    top: 0%;
    left: 0%;
    width: 56.20%;
    height: 100%;
}
.page_right {
    position: relative;
}
.page_right.half {
    float: left;
    top: 0%;
    left: 56.20%;
    width: 43.80%;
    height: 100%;
}
.page_right .wrapper_right {
    padding-left: 2.5%;
    display: table-cell;
    vertical-align: middle;
}
.hidden {
    display: none;
}
.blue {
    color: #199cb6;
}
.orange {
    color: #ee7444;
}
.green {
    color: #51baa2;
}
.black {
    color: #000;
}
.gificon {
    width: 60px;
    height: auto;
    position: relative;
}
.download_button {
    font-size: 17px;
    line-height: 17px;
    font-weight: 400;
    color: #000;
    border: 1px solid #000;
    border-radius: 2px;
    padding: 6px 19px;
    text-decoration: none;
    transition: background 1s, color 1s;
}
.download_button:hover, .download_button:active {
    background: #000;
    color: #FFF;
}
@keyframes download {
    0%, 100% {
        background: #FFF;
        color: #000;
    }
    33%, 66% {
        background: #000;
        color: #FFF;
    }
}
.animation.wrapper .download_button {
    animation: download 2s;
    animation-delay: 1s;
    animation-iteration-count: 1;
}
.block_icons {
    margin-top: 50px;
    padding: 0px;
    height: 120px;
}
.block_icons li {
    float: left;
    position: relative;
    list-style: none;
    width: 100px;
    height: 110px;
    font-size: 17px;
    color: #000;
    text-align: center;
    margin-left: 80px;
}
.block_icons li.first {
    margin-left: 0px !important;
}
.block_icons .icon-legend {
    display: block;
    margin-bottom: 20px;
}
.logo_margin {
    width: 100%;
    max-width: 738px;
    height: auto;
    box-sizing: border-box;
    padding-right: 20px;
    margin-top: 30px;
}
.wrapper {
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #FFF;
}
#home_page .wrapper {
    height: 100%;
    overflow: hidden;
}
.logo_margin.desktop {
    display: block;
}
.logo_margin.mobile {
    display: none;
}
.mobile_only {
    display: none;
}
@media (max-width: 768px) {
    .mobile_only {
        display: block !important;
    }
    .logo_margin.desktop {
        display: none;
    }
    .logo_margin.mobile {
        display: block;
    }
    .logo_margin {
        padding-left: 15px;
        padding-right: 15px;
        margin: 30px auto 0px auto;
    }
}
@media (max-width: 425px) {
    .logo_margin {
        padding-left: 65px;
        margin-top: 20px;
    }
}

/* Icons */

.icon {
    display: inline-block;
    background: url(../img/icons.png) no-repeat;
}
.icon-adserver {
    background-position: -35px -30px;
    width: 80px;
    height: 90px;
}
.icon-ssp {
    background-position: -17px -2578px;
    width: 115px;
    height: 100px;
}
.icon-saas {
    background-position: -27px -2728px;
    width: 96px;
    height: 94px;
}
.icon-user-friendly {
    background-position: -18px -1655px;
    width: 114px;
    height: 141px;
}
.icon-performance-based {
    background-position: -18px -2268px;
    width: 114px;
    height: 114px;
}
.icon-prestigious-publisher {
    background-position: -15px -1070px;
    width: 120px;
    height: 110px;
}
.icon-coin {
    background-position: -19px -1968px;
    width: 112px;
    height: 115px;
}
.icon-technology {
    background-position: -17px -3470px;
    width: 117px;
    height: 112px;
}
.icon-programmatic {
    background-position: -21px -3021px;
    width: 109px;
    height: 109px;
}
.icon-dashboard {
    background-position: -34px -1818px;
    width: 132px;
    height: 112px;
}
.icon-inventory {
    background-position: -35px -2418px;
    width: 80px;
    height: 114px;
}
.icon-semantic {
    background-position: -19px -3169px;
    width: 111px;
    height: 111px;
}
.icon-quote-begin {
    background-position: -170px -4077px;
    width: 30px;
    height: 28px;
}
.icon-quote-end {
    background-position: -170px -4112px;
    width: 30px;
    height: 28px;
}
.icon-social-events {
    background-position: -20px -171px;
    width: 110px;
    height: 108px;
}
.icon-fresh-coffee {
    background-position: -36px -470px;
    width: 78px;
    height: 110px;
}
.icon-stimulating-packages {
    background-position: -15px -1215px;
    width: 121px;
    height: 120px;
}
.icon-loving-employee {
    background-position: -29px -1369px;
    width: 93px;
    height: 111px;
}
.icon-world-countries {
    background-position: -20px -3620px;
    width: 111px;
    height: 110px;
}
.icon-success-story {
    background-position: -5px -3320px;
    width: 140px;
    height: 111px;
}
.icon-context-targeting {
    background-position: -16px -617px;
    width: 118px;
    height: 116px;
}
.icon-pages-scanned {
    background-position: -15px -2865px;
    width: 118px;
    height: 118px;
}
.icon-dsp {
    background-position: 0px -763px;
    width: 200px;
    height: 123px;
}
.icon-fill-rate {
    background-position: -3px -2117px;
    width: 192px;
    height: 117px;
}
.icon-click-rate {
    background-position: -18px -319px;
    width: 113px;
    height: 113px;
}
.icon-singular-design {
    background-position: -14px -918px;
    width: 122px;
    height: 115px;
}
.icon-fast-deployment {
    background-position: -7px -1529px;
    width: 138px;
    height: 95px;
}


/* Rotation */
#rotate_notice {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #000 url(../img/rotate_notice.png) no-repeat center center;
    background-size: cover;
}

/* Logo */

#header_top_left {
    position: fixed;
    z-index: 2;
    top: 0px;
    left: -15px;
    height: 23.05555%;
    width: 12.96875%;
}
#header_top_left svg {
    width: auto;
    height: 100%;
    fill: #FFF;
    transition: width 0.5s, background 0.5s;
}
#header_top_left.center {
    text-align: center;
}
#header_top_left.center svg {
    transition-delay: 0.25s;
}
@media (max-width: 1000px) {
    #header_top_left {
        left: 0px;
    }
}
@media (max-width: 768px) {
    #header_top_left {
        top: 0px;
        left: 0px;
        width: 100%;
        height: 25%;
    }
    #header_top_left svg {
        width: 125px;
        height: 125px;
    }
    #header_top_left.black {
        top: 10px;
        left: 10px;
    }
    #header_top_left.black svg {
        background: #000;
        width: 100px;
        height: 100px;
    }
}


/* Brochure download */

#brochure_download .g-recaptcha {
    margin-right: 15px;
    display: inline-block;
}
#brochure_download_popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: rgba(0, 0, 0, 0.75);
}
#brochure_download {
    width: 100%;
    height: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    background: #000;
    color: #FFF;
    border: 1px solid #bfbfbf;
    margin: auto;
    padding: 80px 110px;
    width: 620px;
    height: 400px;
}
#brochure_download #brochure_close {
    background: url(../img/icons.png) -7px -3772px no-repeat;
    width: 76px;
    height: 76px;
    position: absolute;
    top: 5px;
    right: 5px;
}
#brochure_download .brochure_title {
    font-size: 48px;
    margin-bottom: 40px;
}
#brochure_download .form_line {
    margin-bottom: 15px;
}
#brochure_download .form_line select,
#brochure_download .form_line input {
    width: 48%;
    padding: 0px 15px;
    height: 60px;
    margin: 0px;
    line-height: 60px;
    display: inline-block;
    box-sizing: border-box;
}
#brochure_download .form_line #first_name {
    margin-right: 15px;
}
#brochure_download .form_line select {
    margin-right: 15px;
}
#brochure_download .form_submit {
    margin-top: 45px;
}
@media (max-width: 850px) {
    #brochure_download .brochure_title {
        font-size: 40px;
    }
    #brochure_download {
        width: 90%;
        height: auto;
        box-sizing: border-box;
    }
    #brochure_download .form_line select,
    #brochure_download .form_line input {
        width: 45%;
        height: 40px;
        line-height: 40px;
    }
}
@media (max-width: 700px) {
    #brochure_download .brochure_title {
        font-size: 32px;
    }
    #brochure_submit {
        width: 100%;
    }
    #brochure_download {
        padding: 40px 55px;
    }
}
@media (max-width: 550px) {
    #brochure_download .brochure_title {
        font-size: 24px;
    }
    #brochure_download {
        padding: 20px 27px;
        width: 95%;
    }
}

/* Menu top right */

#header_top_right {
    position: absolute;
    z-index: 2;
    top: 0px;
    right: 0px;
    font-size: 18px;
    line-height: 18px;
    font-weight: 300;
}
#header_top_right ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#header_top_right li {
    float: left;
}
#header_top_right li > a {
    display: block;
    text-decoration: none;
    color: #000;
    padding: 4px 18px 10px 18px;
    transition: background-color 0.5s, color 0.5s;
}
#header_top_right .white li > a {
    color: #FFF;
}
#header_top_right .white li > a.active {
    background: #FFF;
    color: #000;
}
#header_top_right .black li > a.active {
    background: #000;
    color: #FFF;
}
#header_top_right .green li > a.active {
    background: #51baa2;
    color: #FFF;
}
#header_top_right .orange li > a.active {
    background: #ee7444;
    color: #FFF;
}
#header_top_right .blue li > a.active {
    background: #199cb6;
    color: #FFF;
}
#header_top_right li > a:hover {
    background: #000 !important;
    color: #FFF !important;
}
@media (max-width: 768px) {
    #header_top_right {
        display: none;
    }
}

/* Menu left */

#menu_left {
    position: fixed;
    top: 23.05555%;
    left: 43px;
    height: 100%;
    width: 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.65);
    z-index: 2;
}
#home_page #menu_left {
    height: 76.94445%;
}
#menu_left #navigation_cursor {
    position: absolute;
    z-index: 5;
    top: 9.62%;
    left: -6px;
    width: 11px;
    height: 12%;
    background: #FFF;
}
#menu_left #navigation_cursor.disabled {
    top: 100%;
}
#menu_left #current_menu_text {
    position: absolute;
    top: 27px;
    left: -107px;
    width: 165px;
    z-index: 4;
    font-family: Futura;
    font-size: 18px;
    line-height: 18px;
    color: #FFF;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#menu_left #current_menu_text.page_1 {
    top: 5px;
}
#menu_left #current_menu_text.page_2 {
    top: 75px;
    left: -106px;
}
#menu_left #current_menu_text.page_3 {
    top: 75px;
    left: -114px;
    width: 180px;
}
#menu_left #current_menu_text.page_4 {
    top: 54px;
    left: -105px;
}
#menu_left #current_menu_text.page_5 {
    top: 5px;
    left: -106px;
}
#menu_left #current_menu_text.page_6 {
    top: -6px;
    left: -105px;
}
#menu_left #current_menu_text.page_7 {
    top: 51px;
    left: -105px;
}
#menu_left #current_menu_text.page_8,
#menu_left #current_menu_text.page_9 {
    top: 26px;
    left: -107px;
}
#menu_left #current_menu_text.page_10 {
    top: 86px;
    left: -135px;
    width: 220px;
}
#menu_left #current_menu_text.page_10B {
    top: 47px;
    left: -105px;
}
#menu_left #current_menu_text.page_11 {
    top: 56px;
}
#menu_left #current_menu_text.page_11_FR {
    top: 75px;
    width: 170px;
}
#menu_left #current_menu_text.page_12 {

}
#menu_left #current_menu_text.page_13 {
    top: 43px;
}
#menu_left #current_menu_text.page_13_FR {
    top: 105px;
    left: -179px;
    width: 310px;
}
#menu_left #current_menu_text.page_14 {
    top: -22px;
}
#menu_left #current_menu_text.page_15 {
    top: -18px;
}
#menu_left #current_menu_text.page_16 {
    top: -45px;
}
#menu_left #current_menu_text.page_17 {
    top: -4px;
}
#menu_left #current_menu_text.page_18 {
    top: 12px;
}
#menu_left #current_menu_text.page_19 {
    top: -61px;
}
#menu_left #current_menu_text.page_20 {
    top: 42px;
}
#menu_left #current_menu_text.page_21 {
    top: 22px;
}
#menu_left #current_menu_text.page_22 {
    top: 17px;
}
#menu_left #current_menu_text.page_23 {
    top: 77px;
    left: -113px;
    width: 180px;
}
#menu_left #current_menu_text.page_24 {
    top: -60px;
}
#menu_left:hover ul {
    width: 185px;
    padding: 0px 10px 0px 15px;
}
#menu_left ul {
    background-color: rgba(0, 0, 0, 0.65);
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 0px;
    width: 0px;
    overflow: hidden;
    transition: width 0.5s, padding 0.5s;
}
#menu_left li {
    list-style: none;
    text-transform: uppercase;
    margin-bottom: 9px;
    font-family: Futura;
    position: relative;
    overflow: hidden;
}
#menu_left li.title {
    margin-top: 8px;
    margin-bottom: 20px;
    color: #FFF;
}
#menu_left li.separator {
    margin-bottom: 13px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.65);
}
#menu_left li a {
    display: block;
    font-size: 16px;
    line-height: 16px;
    height: 16px;
    overflow: hidden;
    text-decoration: none;
    color: #cbcdce;
    transition: color 0.5s, padding-left 0.5s, background-position 0.5s ease-in;
    background: url(../img/icons.png) -66px -3946px no-repeat;
}
#menu_left li a.active,
#menu_left li a:hover {
    color: #FFF;
    padding-left: 10px;
    background-position: -46px -3946px;
}
@media (max-height: 895px) {
    #menu_left:hover ul {
        width: 155px;
    }
    #menu_left li a {
        font-size: 15px;
        line-height: 15px;
        height: 15px;
    }
    #menu_left li.title {
        font-size: 15px;
        margin-top: 5px;
        margin-bottom: 12px;
    }
    #menu_left li,
    #menu_left li.hidden_border {
        margin-bottom: 4px;
    }
    #menu_left li.hidden_menu {
        display: none;
    }
    #menu_left li.hidden_border {
        padding-bottom: 0px;
        border-bottom: none;
    }
}
@media (max-height: 700px) {
    #menu_left li a {
        font-size: 14px;
        height: 14px;
        line-height: 14px;
    }
    #menu_left li a:hover {
        background-position: -46px -3949px !important;
    }
}
@media (max-width: 768px) {
    #menu_left {
        display: none;
    }
}

/* Responsive menu */
#menu_left_responsive {
    position: fixed;
    z-index: 5;
    border: none;
    width: 100%;
    height: 100%;
    top: 100%;
    left: 0px;
    font-family: "Futura";
    color: #FFF;
    background: #302f2d;
    background: -moz-linear-gradient(top, #302f2d 0%, #000000 100%);
    background: -webkit-linear-gradient(top, #302f2d 0%,#000000 100%);
    background: linear-gradient(to bottom, #302f2d 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#302f2d', endColorstr='#000000',GradientType=0 );
    transition: top 0.5s;
}
#menu_left_responsive.visible {
    top: 0px;
}
#menu_left_responsive #close_menu {
    background: url(../img/icons.png) -7px -3772px no-repeat;
    width: 76px;
    height: 76px;
    position: absolute;
    top: 5px;
    right: 5px;
}
#menu_left_responsive #logo_menu {
    background: #2c2724;
    text-align: center;
    padding: 25px 0px;
}
#menu_left_responsive #logo_menu img {
    width: 75%;
    height: auto;
    box-sizing: border-box;
}
#menu_left_responsive ul {
    padding: 0px;
    margin: 0px;
    position: relative;
    overflow: auto;
}
#menu_left_responsive li {
    display: block;
    line-height: 43px;
    font-size: 32px;
    overflow: hidden;
    text-indent: 25px;
}
#menu_left_responsive li.active {
    background: url(../img/icons.png) -154px -3766px no-repeat #453b3a;
    text-indent: 50px;
}
#menu_left_responsive #request_demo {
    background: #1898b3;
}
#menu_left_responsive li a {
    color: #FFF;
    text-decoration: none;
}
#menu_left_responsive #footer_menu {
    font-size: 19px;
    position: absolute;
    bottom: 10px;
    left: 25px;
}
@media (max-width: 600px) {
    #menu_left_responsive #close_menu {
        transform: scale(0.75);
        top: 0px;
        right: 0px;
    }
}
@media (max-width: 560px) and (orientation: portrait), (max-height: 768px) and (orientation: landscape) {
    #menu_left_responsive li {
        line-height: 42px;
        font-size: 30px;
    }
    #menu_left_responsive li.active {
        background-position-y: -3762px;
    }
}
@media (max-width: 435px) {
    #menu_left_responsive #close_menu {
        transform: scale(0.5);
        top: -5px;
        right: -5px;
    }
}
@media (max-width: 435px) and (orientation: portrait), (max-height: 600px) and (orientation: landscape) {
    #menu_left_responsive li {
        line-height: 32px;
        font-size: 22px;
    }
    #menu_left_responsive li.active {
        background-position-y: -3770px;
    }
}
@media (max-width: 370px) and (orientation: portrait), (max-height: 500px) and (orientation: landscape) {
    #menu_left_responsive li {
        line-height: 28px;
        font-size: 18px;
    }
    #menu_left_responsive #footer_menu {
        display: none;
    }
}
@media (max-height: 600px) {
    #menu_left_responsive #logo_menu img {
        width: 75%;
    }
}
@media (max-height: 450px) {
    #menu_left_responsive #logo_menu img {
        width: 60%;
    }
}
@media (max-height: 400px) and (orientation: landscape) {
    #menu_left_responsive li {
        line-height: 20px;
        font-size: 16px;
    }
    #menu_left_responsive li.active {
        background-image: none;
    }
}


/* Contact button */

#contact_link {
    position: fixed;
    bottom: 45px;
    left: 69px;
    z-index: 2;
    font-family: 'Futura';
    font-size: 14px;
    color: #FFF;
    transition: color 1s;
    transition-delay: 1s;
}
#contact_link ul {
    margin: 0px;
    padding: 0px;
}
#contact_link li {
    list-style: none;
}
#contact_link a {
    text-decoration: none;
}
#contact_link:hover {
    color: #CCC;
}
#contact_link .icon {
    background: #FFF url(../img/icons.png) -69px -1910px no-repeat;
    display: inline-block;
    position: absolute;
    left: -45px;
    top: -10px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    transition: background-color 0.5s;
    transition-delay: 1s;
    background-size: 100px auto;
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.33);
}
#contact_link:hover .icon {
    background-color: #CCC;
}
#contact_link .text {
    position: relative;
    top: -2px;
    left: 4px;
    font-size: 20px;
}
#contact_link .twitter, #contact_link .facebook, #contact_link .linkedin, #contact_link .instagram {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../img/socials.png) no-repeat 0px -14px;
    background-size: auto auto;
    background-size: auto 28px;
    position: absolute;
    top: 28px;
    left: 5px;
}
#contact_link .facebook {
    width: 7px;
    left: 47px;
    background-position: -16px -14px;
}
#contact_link .linkedin {
    width: 15px;
    left: 79px;
    background-position: -24px -14px;
}
@media (max-width: 768px) {
    #contact_link.blue .icon {
        background-color: #199cb6;
        background-position: -69px -1939px;
    }
    #contact_link.green .icon {
        background-color: #51baa2;
        background-position: -69px -1939px;
    }
    #contact_link.orange .icon {
        background-color: #ee7444;
        background-position: -69px -1939px;
    }
    #contact_link {
        left: 60px;
    }
    #contact_link .text {
        display: none;
    }
    #contact_link .twitter, #contact_link .facebook, #contact_link .linkedin, #contact_link .instagram {
        display: none;
    }
}

/* Responsive button */
#responsive_menu {
    display: none;
}
@media (max-width: 768px) {
    #responsive_menu {
        background: url(../img/icons.png) 0px -3855px no-repeat;
        width: 93px;
        height: 93px;
        position: absolute;
        z-index: 2;
        top: -5px;
        right: 0px;
        display: block;
    }
}
@media (max-width: 600px) {
    #responsive_menu {
        transform: scale(0.75);
        top: -10px;
        right: -10px;
    }
}
@media (max-width: 435px) {
    #responsive_menu {
        transform: scale(0.5);
        top: -10px;
        right: -10px;
    }
}


/* Scroll down icons */

@-webkit-keyframes arrow_2 {
    0% {
        top: 0px;
        opacity: 0.75;
    }
    25%, 75% {
        top: -17px;
        opacity: 1;
    }
    100% {
        top: 0px;
        opacity: 0.75;
    }
}
@keyframes arrow_2 {
    0% {
        top: 0px;
        opacity: 0.75;
    }
    25%, 75% {
        top: -17px;
        opacity: 1;
    }
    100% {
        top: 0px;
        opacity: 0.75;
    }
}
@-webkit-keyframes arrow_3 {
    0% {
        top: 0px;
        opacity: 0.75;
    }
    25%, 75% {
        top: -34px;
        opacity: 1;
    }
    100% {
        top: 0px;
        opacity: 0.75;
    }
}
@keyframes arrow_3 {
    0% {
        top: 0px;
        opacity: 0.75;
    }
    25%, 75% {
        top: -34px;
        opacity: 1;
    }
    100% {
        top: 0px;
        opacity: 0.75;
    }
}
#scroll_down_icons {
    position: fixed;
    z-index: 1;
    bottom: 15px;
    width: auto;
    left: 50%;
    left: calc(50% - 16px);
    text-align: center;
}
#scroll_down_icons .arrow {
    background: url(../img/icons.png) -100px -4000px no-repeat;
    width: 32px;
    height: 17px;
    display: block;
    margin: auto;
    position: relative;
    top: 0px;
    display: none;
}
#scroll_down_icons.visible .arrow {
    display: block;
}
#scroll_down_icons.visible .arrow.arrow_2 {
    animation: arrow_2 2s;
    animation-iteration-count: 3;
}
#scroll_down_icons.visible .arrow.arrow_3 {
    animation: arrow_3 2s;
    animation-iteration-count: 3;
}
@media (max-width: 768px) {
    #scroll_down_icons.black .arrow {
        background-position: -100px -3971px;
    }
    #scroll_down_icons .arrow {
        transform: scale(0.75);
    }
}
@media (max-width: 450px) {
    #scroll_down_icons .arrow {
        transform: scale(0.5);
    }
    #scroll_down_icons {
        bottom: 5px;
    }
}


/* Popup responsive */
#popup_responsive {
    width: 300px;
    height: 220px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 7;
    bottom: -240px;
    right: 30px;
    transition: bottom 0.5s;
    font-family: "Muli";
    font-size: 17px;
    font-weight: 400;
}
#popup_responsive.visible {
    bottom: 0px;
}
#popup_responsive_link {
    text-decoration: none;
    color: #000;
    display: block;
}
#popup_responsive img {
    width: 100%;
    height: auto;
}
#popup_responsive strong {
    line-height: 20px;
}
#popup_responsive span,
#popup_responsive strong {
    padding: 0px 10px 3px 10px;
    display: block;
}
#popup_responsive span {
    font-size: 14px;
    font-weight: 300;
}
#popup_responsive_close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 28px;
    height: 28px;
    background: url(../img/icons.png) -173px -3968px no-repeat;
}
@media (max-width: 768px) {
    #popup_responsive {
        display: none;
    }
}


/* Page 2 : HOME */

.background_1 {
    background-image: none;
    background-color: transparent;
}
.background_video {
    background: #000;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 0;
}
@media (max-aspect-ratio: 16/9) {
    .background_video {
        width: auto;
        height: 100%;
    }
}
@media (min-aspect-ratio: 16/9) {
    .background_video {
        width: 100%;
        height: auto;
    }
}
@media (max-width: 768px) {
    .background_1 {
        background-image: url(../img/bg/1.jpg);
    }
    .background_video {
        display: none;
    }
}
#page_2 {
    color: #FFF;
}
#page_2 .background_2 {
    position: relative;
    width: 29.17%;
    margin: auto;
    background: rgba(255, 255, 255, 0.1);
    opacity: 0;
    transition: opacity 1s;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
#page_2 .background_2:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
#page_2.animation .background_2 {
    opacity: 1;
}
#home_deep {
    position: absolute;
    font-family: "Futura";
    font-size: 121px;
    top: 33.5%;
    left: 2%;
    opacity: 0;
}
.active #home_deep {
    transition: left 0.5s, opacity 0.5s;
}
.animation.wrapper #home_deep {
    left: 22%;
    opacity: 1;
}
#home_native {
    position: absolute;
    font-family: "Futura";
    font-size: 121px;
    top: 43.5%;
    left: 78.5%;
    opacity: 0;
}
.active #home_native {
    transition: left 0.5s, opacity 0.5s;
    transition-delay: 1s;
}
.animation.wrapper #home_native {
    left: 58.5%;
    opacity: 1;
}
#home_advertising {
    font-family: "Futura";
    font-size: 58px;
    position: absolute;
    top: 60.5%;
    left: 6%;
    opacity: 0;
}
.active #home_advertising {
    transition: left 0.5s, opacity 0.5s;
    transition-delay: 1.5s;
}
.animation.wrapper #home_advertising {
    left: 26%;
    opacity: 1;
}
#home_revolution {
    font-size: 38px;
    font-weight: 200;
    color: #FFF;
    width: 100%;
    text-align: center;
    text-decoration: none;
    position: absolute;
    top: 100%;
    opacity: 0;
}
.active #home_revolution {
    transition: top 0.5s, opacity 0.5s;
    transition-delay: 2s;
}
.animation.wrapper #home_revolution {
    top: 82%;
    opacity: 1;
}
@media (max-width: 1600px) {
    #page_2 .background_2 {
        width: 40%;
    }
}
@media (max-width: 1000px) {
    #home_deep, #home_native {
        font-size: 91px;
    }
    #home_advertising {
        font-size: 44px;
    }
    #home_revolution {
        font-size: 29px;
    }
}
@media (max-width: 768px) {
    #page_2 .background_2 {
        width: 80%;
    }
    .animation.wrapper #home_deep {
        left: 10%;
    }
    .animation.wrapper #home_native {
        left: 50%;
    }
    .animation.wrapper #home_advertising {
        left: 12%;
    }
    .animation.wrapper #home_revolution {
        top: 82%;
    }
}
@media (max-width: 630px) {
    #home_deep, #home_native {
        font-size: 68px;
    }
    #home_advertising {
        font-size: 33px;
    }
    #home_revolution {
        font-size: 22px;
    }
}

@media (max-width: 450px) {
    #home_deep, #home_native {
        font-size: 51px;
    }
    #home_advertising {
        font-size: 25px;
    }
    #home_revolution {
        font-size: 20px;
    }
    .animation.wrapper #home_deep {
        left: 2%;
    }
    .animation.wrapper #home_native {
        left: 45%;
    }
    .animation.wrapper #home_advertising {
        left: 2%;
    }
}


/* Page 3 : DNA TECHNOLOGY */

#page_3 h1 .smaller {
    font-size: 91.46%;
}
#page_3 h1 {
    font-size: 82px;
}
#page_3 h1 .h1_subtitle {
    font-size: 50%;
}
#page_3 #videos_container {
    width: 85%;
    position: absolute;
    padding-bottom: 43.86%; /* 56.25 * width */
    top: 9.5%;
    left: 11.1%;
    background: #FFF;
}
#page_3 #laptop_container {
    background: url(../img/pc.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
}
#page_3 #videos_container video {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    display: none;
}
#page_3 #videos_container video.active {
    display: block;
}
#laptop {
    position: absolute;
    top: 19.81%;
    left: 33.23%;
    width: 64.06%;
    padding-bottom: 35.40%; /* 55.26 * width */
}
#laptop ul {
    margin: 0px;
    padding: 0px;
    position: absolute;
    left: 91.6%;
    top: 20%;
    z-index: 1;
}
#laptop li {
    position: relative;
    display: block;
    text-align: center;
    background: #000;
    width: 115px;
    height: 100px;
    font-size: 20px;
    font-family: "Futura";
    margin-bottom: 30px;
    cursor: pointer;
}
#laptop li a {
    display: block;
    color: #fff;
    text-decoration: none;
    height: 100px;
    cursor: pointer;
}
#laptop .icon {
    position: absolute;
    top: -10px;
    left: 0px;
    right: 0px;
    display: block;
    transform: scale(0.5);
    margin: auto;
}
#laptop .title {
    position: absolute;
    left: 0px;
    bottom: 10px;
    width: 100%;
    text-align: center;
}
#laptop li.disabled {
    opacity: 0.5;
}
#laptop li:hover, #laptop li.active {
    opacity: 1;
}
#page_3 .page_left {
    left: -50%;
    opacity: 0;
}
#page_3.active .page_left {
    transition: left 0.5s, opacity 0.5s;
}
#page_3.animation.wrapper .page_left {
    left: 7%;
    opacity: 1;
    top: 22%;
}
#page_3 #laptop {
    left: 150%;
    opacity: 0;
}
#page_3.active #laptop {
    transition: left 0.5s, opacity 0.5s;
}
#page_3.animation.wrapper #laptop {
    left: 33.23%;
    opacity: 1;
}
@media (max-width: 1880px) {
    #page_3 h1 {
        font-size: 72px;
    }
    #page_3 .text {
        font-size: 20px;
        line-height: 24px;
    }
}
@media (max-width: 1650px) {
    #page_3 h1 {
        font-size: 60px;
    }
    #laptop ul {
        top: -19.9%;
        left: 0%;
        width: 50%;
        height: 21.6%;
        padding: 0% 25%;
    }
    #laptop li {
        display: inline-block;
        margin: 0px;
        width: 27.4%;
        height: 100%;
        margin-left: 4.2%;
    }
    #laptop .icon {
        top: 0px;
    }
}
@media (max-width: 1350px) {
    #page_3 h1 {
        font-size: 50px;
    }
    #page_3 .text {
        font-size: 17px;
        line-height: 20px;
    }
    #laptop .icon {
        transform: scale(0.45);
        top: -15px;
    }
    #page_3.animation.wrapper #laptop {
        left: 35.9%;
    }
}
@media (max-width: 1150px) {
    #page_3 h1 {
        font-size: 40px;
    }
    #laptop li {
        font-size: 16px;
    }
    #laptop .icon {
        transform: scale(0.4);
        top: -20px;
    }
    #laptop .icon-ssp {
        left: -5px;
    }
}
@media (max-width: 1150px) {
    #laptop .icon {
        transform: scale(0.35);
        top: -20px;
    }
    #laptop .icon-ssp {
        left: -10px;
    }
    #laptop li {
        font-size: 14px;
    }
    #laptop .title {
        bottom: 5px;
    }
}
@media (max-width: 900px) {
    #laptop .icon {
        top: -25px;
        left: -8px;
    }
    #laptop .icon-ssp {
        left: -17px;
    }
    #laptop li {
        margin-left: 4%;
    }
}
@media (max-width: 768px) {
    #page_3 .text {
        display: none;
    }
    #laptop .icon {
        transform: scale(0.4);
        top: -20px;
        left: 0px;
    }
    #laptop .icon-ssp {
        left: -10px;
    }
    #page_3.animation.wrapper #laptop {
        left: 10%;
        top: 25%;
        width: 80%;
        padding-bottom: 45%;
    }
    #page_3 .page_left {
        top: 100%;
        width: 100%;
        text-align: center;
    }
    #page_3.animation.wrapper .page_left {
        top: 75%;
        left: 0%;
    }
}
@media (max-width: 700px) {
    #laptop ul {
        top: -23.9%;
        width: 60%;
        height: 25.6%;
        padding: 0% 20%;
    }
}
@media (max-width: 600px) {
    #page_3.animation.wrapper #laptop {
        left: 2.5%;
        width: 95%;
        padding-bottom: 56.25%;
    }
}
@media (max-width: 500px) {
    #laptop ul {
        top: -26.9%;
        width: 80%;
        height: 28.6%;
        padding: 0% 10%;
    }
    #laptop .icon {
        transform: scale(0.35);
        top: -25px;
        left: 0px;
    }
    #laptop .icon-ssp {
        left: -10px;
    }
}
@media (max-width: 390px) {
    #laptop ul {
        top: -30.9%;
        height: 32.6%;
    }
    #laptop .icon-adserver {
        top: -18px;
        left: -3px;
    }
    #laptop .icon-saas {
        top: -20px;
        left: -9px;
    }
    #laptop .icon-ssp {
        left: -18px;
        top: -22px;
    }
    #page_3 h1 {
        font-size: 34px;
    }
}
@media (max-width: 350px) {
    #laptop .icon-adserver {
        top: -23px;
        left: -8px;
    }
    #laptop .icon-saas {
        top: -25px;
        left: -14px;
    }
    #laptop .icon-ssp {
        top: -27px;
        left: -23px;
    }
}

/* Page 4 : DNA PERFORMANCE */

#page_4 h1 .smaller {
    font-size: 119.05%;
}
#page_4 h1 {
    font-size: 63px;
}
#page_4 h1 .h1_subtitle {
    font-size: 66.66%;
}
#independant {
    background: url(../img/independant.jpg) no-repeat;
    background-size: auto 100%;
    position: absolute;
    top: 9.07%;
    left: 33.23%;
    width: 66.77%;
    height: 90.93%;
}
#independant a {
    position: absolute;
    top: 25.46%;
    left: 32.25%;
    width: 41.34%;
}
#independant a img {
    width: 100%;
    height: auto;
}
#page_4 .page_left {
    top: 100%;
    opacity: 0;
}
#page_4.active .page_left {
    transition: top 0.5s, opacity 0.5s;
}
#page_4.animation.wrapper .page_left {
    top: 30%;
    opacity: 1;
}
#page_4 #independant {
    top: 100%;
    opacity: 0;
}
#page_4.active #independant {
    transition: top 0.5s, opacity 0.5s;
    transition-delay: 0.5s;
}
#page_4.animation.wrapper #independant {
    top: 9.07%;
    opacity: 1;
}
#page_4 #independant a {
    left: 150%;
    opacity: 0;
}
#page_4.active #independant a {
    transition: left 0.5s, opacity 0.5s;
    transition-delay: 1s;
}
#page_4.animation.wrapper #independant a {
    left: 32.25%;
    opacity: 1;
}
@media (max-width: 1850px) {
    #page_4 .text {
        font-size: 20px;
        line-height: 24px;
    }
    #page_4 #independant {
        left: 40%;
        width: 60%;
    }
    #page_4 .page_left.reduced {
        width: 30%;
    }
}
@media (max-width: 1500px) {
    #page_4 h1 {
        font-size: 47px;
    }
}
@media (max-width: 1325px) {
    #page_4 #independant a {
        width: 60%;
    }
}
@media (max-width: 1100px) {
    #page_4 h1 {
        font-size: 35px;
    }
    #page_4 .text {
        font-size: 16px;
        line-height: 20px;
    }
}
@media (max-width: 768px) {
    #page_4 .text {
        display: none;
    }
    #page_4.animation.wrapper #independant {
        top: 20%;
        left: 0%;
        width: 100%;
        background: none;
    }
    #page_4 #independant a {
        top: 0%;
        width: 80%;
        left: 100%;
        text-align: center;
    }
    #independant a img {
        max-width: 520px;
    }
    #page_4.animation.wrapper #independant a {
        left: 10%;
    }
    #page_4.animation.wrapper .page_left {
        top: 80%;
        width: 100%;
        left: 0%;
        text-align: center;
    }
}
@media (max-width: 500px) {
    #page_4.animation.wrapper .page_left {
        top: 75%;
    }
    #page_4.animation.wrapper #independant {
        top: 25%;
    }
}
@media (max-width: 400px) {
    #page_4.animation.wrapper .page_left {
        top: 75%;
    }
}
@media (max-width: 350px) {
    #page_4.animation.wrapper .page_left {
        top: 75%;
    }
    #page_4 h1 {
        font-size: 30px;
    }
    #page_4 h1 .h1_subtitle {
        display: none;
    }
}


/* Page 5 : DNA EXPERIENCE */

#page_5 h1 .smaller {
    font-size: 93.75%;
}
#page_5 h1 {
    font-size: 80px;
}
#page_5 h1 .h1_subtitle {
    font-size: 40%;
}
#renault {
    background: url(../img/vanity_fair.jpg) no-repeat;
    background-size: auto 100%;
    position: absolute;
    top: 9.07%;
    left: 32.66%;
    width: 67.34%;
    height: 90.93%;
}
#renault a {
    position: absolute;
    top: 25.46%;
    left: 34.41%;
    width: 43.18%;
}
#renault a img {
    width: 100%;
    height: auto;
}
#page_5 .page_left {
    top: 100%;
}
#page_5.active .page_left {
    transition: top 0.5s, opacity 0.5s;
}
#page_5.animation.wrapper .page_left {
    top: 34%;
    opacity: 1;
}
#page_5 #renault {
    top: 100%;
    opacity: 0;
}
#page_5.active #renault {
    transition: top 0.5s, opacity 0.5s;
    transition-delay: 0.5s;
}
#page_5.animation.wrapper #renault {
    top: 9.07%;
    opacity: 1;
}
#page_5 #renault a {
    left: 150%;
    opacity: 0;
}
#page_5.active #renault a {
    transition: left 0.5s, opacity 0.5s;
    transition-delay: 1s;
}
#page_5.animation.wrapper #renault a {
    left: 34.41%;
    opacity: 1;
}
@media (max-width: 1850px) {
    #page_5 .text {
        font-size: 20px;
        line-height: 24px;
    }
    #page_5 #renault {
        left: 40%;
        width: 60%;
    }
    #page_5 .page_left.reduced {
        width: 30%;
    }
}
@media (max-width: 1450px) {
    #page_5 h1 {
        font-size: 60px;
    }
}
@media (max-width: 1380px) {
    #page_5 h1 {
        font-size: 47px;
    }
}
@media (max-width: 1325px) {
    #page_5 #renault a {
        width: 60%;
    }
}
@media (max-width: 1100px) {
    #page_5 .text {
        font-size: 16px;
        line-height: 20px;
    }
}
@media (max-width: 820px) {
    #page_5 h1 {
        font-size: 35px;
    }
}
@media (max-width: 768px) {
    #page_5 .text {
        display: none;
    }
    #page_5.animation.wrapper #renault {
        top: 25%;
        left: 0%;
        width: 100%;
        height: 50%;
        overflow: hidden;
        background: none;
    }
    #page_5 #renault a {
        top: 0%;
        width: 80%;
        left: 100%;
    }
    #page_5.animation.wrapper #renault a {
        left: 10%;
    }
    #page_5.animation.wrapper .page_left {
        top: 80%;
        width: 100%;
        left: 0%;
        text-align: center;
    }
    #page_5 h1 {
        font-size: 50px;
    }
}
@media (max-width: 500px) {
    #page_5.animation.wrapper .page_left {
        top: 77%;
    }
}
@media (max-width: 400px) {
    #page_5 h1 {
        font-size: 40px;
    }
}
@media (max-width: 350px) {
    #page_5 h1 {
        font-size: 30px;
    }
    #page_5 h1 .h1_subtitle {
        display: none;
    }
}


/* Page 6 : ADVERTISER */

.background_3 {
    background-image: url(../img/bg/3.jpg);
    background-position: 100% 0;
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFF;
}
#icons_advertiser .gificon-user-friendly {
    top: -14px;
    width: 57px;
}
#icons_advertiser .gificon-performance-based {
    width: 57px;
}
#page_6 .page_right {
    top: -50%;
    opacity: 0;
    display: none;
}
#page_6.active .page_right {
    transition: top 0.5s;
    display: table;
}
#page_6.animation.wrapper .page_right {
    top: 0%;
    opacity: 1;
}
#page_6 p {
    width: 95%;
}
#page_6 .block_icons {
    margin-left: -18px;
}
@media (max-width: 1450px) {
    #page_6 .page_left {
        width: 50%;
    }
    #page_6 .page_right {
        width: 50%;
        left: 50%;
    }
    #page_6 h1 {
        font-size: 70px;
    }
    #page_6 h2 {
        font-size: 28px;
        margin-top: 15px;
    }
    #page_6 p {
        font-size: 18px;
    }
}
@media (max-width: 1200px) {
    #page_6 h2 {
        font-size: 24px;
    }
    #page_6 p {
        font-size: 16px;
    }
}
@media (max-width: 1000px) {
    #page_6 .block_icons li {
        margin-left: 36px;
    }
}
@media (max-width: 768px) {
    #page_6 .text, #page_6 .download_button {
        display: none;
    }
    #page_6 h2 {
        margin-bottom: 20px;
    }
    #page_6 .block_icons {
        width: 375px;
        margin: 30px auto 0px auto;
    }
    #page_6 .page_left {
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        text-align: center;
        background: #FFF url(../img/bg_mobile/3.jpg) no-repeat;
        background-size: 100% auto;
        background-position: center -190px;
    }
    #page_6 .page_right {
        top: 100%;
    }
    #page_6.animation.wrapper .page_right {
        width: 100%;
        height: 50%;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0%;
    }
    #page_6 .page_right .wrapper_right {
        width: 100%;
        padding: 0px;
    }
    #page_6 p {
        display: none;
    }
}
@media (max-width: 600px) {
    #page_6.animation.wrapper .page_right {
        top: 50%;
    }
    #page_6 .page_left {
        background-position: center 0px;
    }
}
@media (max-width: 500px) {
    #page_6 h1 {
        font-size: 60px;
    }
    #page_6 h2 {
        font-size: 20px;
    }
}
@media (max-width: 425px) {
    #page_6 .block_icons .icon-legend {
        font-size: 15px;
    }
    #page_6 h1 {
        font-size: 50px;
    }
    #page_6 h2 {
        font-size: 17px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    #page_6 .block_icons {
        margin: 15px auto 0px auto;
        width: 320px;
    }
    #page_6 .block_icons li {
        margin-left: 10px;
    }
    #icons_advertiser .gificon {
        width: 40px;
    }
    #icons_advertiser .gificon-user-friendly {
        top: -10px;
    }
}
@media (max-width: 350px) {
    #page_6.animation.wrapper .page_right {
        top: 50%;
    }
    #page_6 .block_icons {
        margin: 0px auto;
        height: 95px;
        overflow: hidden;
    }
    #page_6 h1 {
        font-size: 50px;
    }
    #page_6 h2 {
        font-size: 14px;
        margin-bottom: 10px;
    }
    #page_6 .block_icons li {
        margin-left: 20px;
        width: 90px;
    }
    #icons_advertiser .gificon.gificon-user-friendly {
        top: -9px;
    }
}


/* Page 7 : PUBLISHER */

.background_4 {
    background-image: url(../img/bg/4.jpg);
    background-position: 100% 0;
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFF;
}
#icons_publisher .gificon-optimised_monetization {
    top: -2px;
    width: 56px;
}
#icons_publisher .gificon-number_1_technology {
    width: 58px;
}
#icons_publisher .gificon-direct_programmatic_sells {
    width: 55px;
}
#icons_publisher .last {
    width: 160px;
    margin-left: 40px;
}
#page_7 .page_right {
    top: -50%;
    opacity: 0;
    display: none;
}
#page_7.active .page_right {
    transition: top 0.5s;
    display: table;
}
#page_7.animation.wrapper .page_right {
    top: 0%;
    opacity: 1;
}
#page_7 p {
    width: 95%;
}
@media (max-width: 1450px) {
    #page_7 .page_left {
        width: 50%;
    }
    #page_7 .page_right {
        width: 50%;
        left: 50%;
    }
    #page_7 h1 {
        font-size: 70px;
    }
    #page_7 h2 {
        font-size: 28px;
        margin-top: 15px;
    }
    #page_7 p {
        font-size: 18px;
    }
}
@media (max-width: 1200px) {
    #page_7 h2 {
        font-size: 24px;
    }
    #page_7 p {
        font-size: 16px;
    }
    #page_7 .page_left {
        width: 45%;
    }
    #page_7 .page_right {
        width: 55%;
        left: 45%;
    }
}
@media (max-width: 1000px) {
    #page_7 .block_icons li {
        margin-left: 26px;
    }
    #page_7 h2 {
        font-size: 20px;
    }
}
@media (max-width: 768px) {
    #page_7 .text, #page_7 .download_button {
        display: none;
    }
    #page_7 h2 {
        margin-bottom: 20px;
    }
    #page_7 .block_icons {
        width: 415px;
        margin: 30px auto 0px auto;
        height: 120px;
    }
    #page_7 .page_left {
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        text-align: center;
        background: #FFF url(../img/bg_mobile/4.jpg) no-repeat;
        background-size: 100% auto;
        background-position: center -190px;
    }
    #page_7 .page_right {
        top: 100%;
    }
    #page_7.animation.wrapper .page_right {
        width: 100%;
        height: 50%;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0%;
    }
    #page_7 .page_right .wrapper_right {
        width: 100%;
        padding: 0px;
    }
    #page_7 p {
        display: none;
    }
}
@media (max-width: 600px) {
    #page_7.animation.wrapper .page_right {
        top: 50%;
    }
    #page_7 .page_left {
        background-position: center 0px;
    }
}
@media (max-width: 500px) {
    #page_7 h1 {
        font-size: 60px;
    }
    #page_7 h2 {
        font-size: 20px;
    }
}
@media (max-width: 425px) {
    #page_7 .block_icons .icon-legend {
        font-size: 15px;
    }
    #icons_publisher .gificon {
        width: 40px;
    }
    #page_7.animation.wrapper .page_right {
        top: 50%;
    }
    #page_7 h1 {
        font-size: 50px;
    }
    #page_7 h2 {
        font-size: 17px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    #page_7 .block_icons {
        width: 320px;
        margin: 15px auto 0px auto;
    }
    #page_7 .block_icons li {
        margin-left: 0px;
    }
    #icons_publisher .last {
        width: 120px;
    }
    #icons_publisher .gificon-direct_programmatic_sells {
        top: -19px;
    }
}
@media (max-width: 350px) {
    #page_7.animation.wrapper .page_right {
        top: 50%;
    }
    #page_7 .block_icons {
        margin-top: 0px;
        height: 95px;
        overflow: hidden;
    }
    #page_7 h1 {
        font-size: 50px;
    }
    #page_7 h2 {
        font-size: 14px;
        margin-bottom: 10px;
    }
    #page_7 .block_icons li {
        margin-left: 0px;
    }
    #icons_publisher .last {
        width: 110px;
    }
}


/* Page 8 : PROGRAMMATIC */

.background_5 {
    background-image: url(../img/bg/5.jpg);
    background-position: 100% 0;
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFF;
}
#page_8 .page_right {
    top: -50%;
    opacity: 0;
    display: none;
}
#icons_programmatic .gificon-intuitive_dashboard {
    width: 66px;
}
#icons_programmatic .gificon-premium_inventory {
    width: 40px;
}
#icons_programmatic .gificon-semantic_targeting {
    width: 55px;
}
#page_8 .block_icons {
    height: 130px;
}
#page_8.active .page_right {
    transition: top 0.5s;
    display: table;
}
#page_8.animation.wrapper .page_right {
    top: 0%;
    opacity: 1;
}
#page_8 p {
    width: 95%;
}
@media (max-width: 1450px) {
    #page_8 .page_left {
        width: 50%;
    }
    #page_8 .page_right {
        width: 50%;
        left: 50%;
    }
    #page_8 h1 {
        font-size: 70px;
    }
    #page_8 h2 {
        font-size: 28px;
        margin-top: 15px;
    }
    #page_8 p {
        font-size: 18px;
    }
}
@media (max-width: 1200px) {
    #page_8 h2 {
        font-size: 24px;
    }
    #page_8 p {
        font-size: 16px;
    }
    #page_8 .page_left {
        width: 45%;
    }
    #page_8 .page_right {
        width: 60%;
        left: 40%;
    }
}
@media (max-width: 1000px) {
    #page_8 .block_icons li {
        margin-left: 26px;
    }
    #page_8 h2 {
        font-size: 20px;
    }
}
@media (max-width: 768px) {
    #page_8 .text, #page_8 .download_button {
        display: none;
    }
    #page_8 h2 {
        margin-bottom: 20px;
    }
    #page_8 .block_icons {
        width: 355px;
        margin: 30px auto 0px auto;
        height: 130px;
    }
    #page_8 .page_left {
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        text-align: center;
        background: #FFF url(../img/bg_mobile/5.jpg) no-repeat;
        background-size: 100% auto;
        background-position: center -190px;
    }
    #page_8 .page_right {
        top: 100%;
    }
    #page_8.animation.wrapper .page_right {
        width: 100%;
        height: 50%;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0%;
    }
    #page_8 .page_right .wrapper_right {
        width: 100%;
    }
    #page_8 p {
        display: none;
    }
}
@media (max-width: 600px) {
    #page_8.animation.wrapper .page_right {
        top: 50%;
    }
    #page_8 .page_left {
        background-position: center 0px;
    }
}
@media (max-width: 500px) {
    #page_8 h1 {
        font-size: 50px;
    }
    #page_8 h2 {
        font-size: 20px;
    }
}
@media (max-width: 425px) {
    #page_8 .block_icons .icon-legend {
        font-size: 15px;
    }
    #page_8.animation.wrapper .page_right {
        top: 45%;
    }
    #page_8 h2 {
        font-size: 17px;
        margin-bottom: 0px;
    }
    #page_8 .block_icons {
        margin: 15px auto 0px auto;
        width: 350px;
    }
    #page_8 .block_icons li {
        margin-left: 25px;
    }
    #page_8.animation.wrapper .page_right {
        top: 50%;
    }
    #icons_programmatic .gificon-intuitive_dashboard {
        width: 44px;
    }
    #icons_programmatic .gificon-premium_inventory {
        width: 27px;
    }
    #icons_programmatic .gificon-semantic_targeting {
        width: 37px;
    }
}
@media (max-width: 350px) {
    #page_8 .block_icons {
        width: 310px;
        height: 100px;
    }
    #page_8 .block_icons {
        margin-top: 0px;
    }
    #page_8 h1 {
        font-size: 40px;
    }
    #page_8 h2 {
        font-size: 14px;
        margin-bottom: 10px;
    }
    #page_8 .block_icons li {
        margin-left: 0px;
    }
    #icons_programmatic .last {
        width: 110px;
    }
}


/* Page 9 : CASE STUDIES */

.background_6 {
    background-image: url(../img/bg/6.jpg);
    background-position: 100% 0;
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFF;
}
.brand_block {
    background: #FFF;
    color: #000;
    position: absolute;
    top: 21.74%;
    left: 20.50%;
    width: 70.44%;
    padding: 25px;
    box-shadow: 8px 0px 20px 0 rgba(50, 50, 50, 0.15);
}
.brand_block > img {
    width: 100%;
    height: auto;
}
.brand_block_left {
    float: left;
    margin-right: 25px;
    margin-top: 20px;
    width: 91px;
    height: 94px;
}
.brand_block_right {
    float: left;
    position: relative;
    margin-top: 20px;
    height: 94px;
    width: calc(100% - 116px);
}
.brand_block_right h2 {
    margin-top: 0px;
    margin-bottom: 0px !important;
    font-weight: 400;
    position: absolute;
    top: 10px;
}
.brand_block_right h2.size2,
.brand_block_right h2.size3 {
    margin-top: -25px;
}
.brand_block_right a {
    color: #000;
    text-decoration: none;
    font-weight: 200;
    position: absolute;
    bottom: 5px;
}
.brand_block_right a:hover, .brand_block_right a:active {
    text-decoration: underline;
}
.block_stats {
    margin-top: 40px;
}
#page_9 .block_stats {
    margin-left: -25px;
}
.block_stats_counter {
    float: left;
    margin-right: 15px;
    width: 20%;
}
.block_stats_counter .stats_legend {
    display: block;
    width: 90px;
    height: 39px;
    margin: auto;
    text-align: center;
    font-size: 17px;
    font-weight: 200;
    color: #000;
}
.block_stats_counter .stats_number {
    font-size: 66px;
    display: block;
    text-align: center;
}
.block_stats_counter .stats_number .minor {
    font-size: 30px;
}
.block_quote {
    float: left;
    margin-left: 10px;
    max-width: 195px;
    font-size: 17px;
    font-weight: 200;
    color: #959595;
    margin-top: -10px;
    position: relative;
}
.block_quote_top,
.block_quote_bottom {
    height: 1px;
    border-top: 1px solid #d9d9d9;
    width: calc(100% - 50px);
}
.block_quote_top {
    margin-bottom: 25px;
    margin-left: 50px;
}
.block_quote_bottom {
    margin-top: 25px;
}
.block_quote_top .icon,
.block_quote_bottom .icon {
    position: absolute;
    background-color: #FFF;
}
.block_quote_top .icon {
    top: -10px;
    left: 0px;
}
.block_quote_bottom .icon {
    bottom: -10px;
    right: 0px;
}
#page_9 .page_right {
    top: -50%;
    opacity: 0;
    display: none;
}
#page_9.active .page_right {
    transition: top 0.5s;
    display: table;
}
#page_9.animation.wrapper .page_right {
    top: 0%;
    opacity: 1;
}
#page_9 h2 {
    margin-bottom: 30px;
}
#case_studies_navigation {
    padding: 0px;
    margin-bottom: 30px;
    height: 40px;
}
#case_studies_navigation li {
    display: inline-block;
    list-style: none;
    opacity: 0.25;
    margin-left: 40px;
}
#case_studies_navigation li.first {
    margin-left: 0px;
}
#case_studies_navigation li.active {
    opacity: 1;
}
@media (max-width: 1850px) {
    #page_9 .brand_block_right h2 {
        font-size: 26px;
    }
}
@media (max-width: 1439px) {
    #page_9 .block_stats_counter {
        width: 33.33%;
        margin-right: 0px;
        height: 140px;
    }
    #page_9 .block_quote {
        float: none;
        clear: both;
        width: 80%;
        max-width: none;
        margin: 20px auto 0px auto;
    }
    #page_9 .block_stats {
        margin-left: -50px;
    }
}
@media (max-width: 1400px) {
    #page_9 h1 {
        font-size: 70px;
    }
    #page_9 #case_studies_subtitle {
        font-size: 28px;
    }
    .brand_block_right a {
        font-size: 18px;
    }
    #page_9 .brand_block_right h2 {
        font-size: 20px;
        margin-top: 0px !important;
    }
    #page_9 .brand_block {
        left: 17%;
    }
}
@media (max-width: 1150px) {
    #page_9 .brand_block_right h2 {
        font-size: 16px;
    }
    #page_9 h1 {
        font-size: 60px;
    }
    #page_9 #case_studies_subtitle {
        font-size: 26px;
    }
    #page_9 .page_left.half {
        width: 50%;
    }
    #page_9 .page_right {
        width: 50%;
        left: 50%;
    }
    #page_9 .block_stats {
        margin-left: -30px;
    }
}
@media (max-width: 900px) {
    #case_studies_navigation li {
        margin-left: 15px;
    }
}
@media (max-width: 768px) {
    #page_9 .text, #page_9 .download_button {
        display: none;
    }
    #page_9 .block_stats {
        margin-left: 0px;
    }
    #page_9 h2 {
        margin-bottom: 20px;
    }
    #page_9 .block_icons {
        width: 355px;
        margin: 30px auto 0px auto;
        height: 130px;
    }
    #page_9 .page_left {
        top: 0%;
        left: 0%;
        width: 100% !important;
        height: 100%;
        background: #FFF url(../img/bg_mobile/6.jpg) no-repeat;
        background-size: 100% auto;
        background-position: center -140px;
    }
    #page_9 .page_right {
        top: 100%;
    }
    #page_9 .brand_block {
        top: 10%;
        left: 20%;
        width: 60%;
        box-sizing: border-box;
    }
    #page_9.animation.wrapper .page_right {
        width: 100%;
        height: 42%;
        text-align: center;
        position: absolute;
        top: 58%;
        left: 0%;
    }
    #page_9 .page_right .wrapper_right {
        width: 100%;
    }
    #page_9 p {
        display: none;
    }
    #page_9 .block_quote {
        display: none;
    }
    #page_9 .brand_block_right h2 {
        font-size: 20px;
    }
}
@media (max-width: 680px) {
    #page_9 .brand_block_right h2 {
        font-size: 22px;
    }
    #case_studies_navigation {
        margin-bottom: 10px;
    }
    #page_9 .block_stats {
        margin-top: 20px;
    }
    #page_9 h1 {
        font-size: 50px;
    }
    #page_9 #case_studies_subtitle {
        font-size: 22px;
    }
    #page_9 .brand_block {
        top: 5%;
        left: 10%;
        width: 80%;
    }
}
@media (max-width: 550px) {
    #page_9.animation.wrapper .page_right {
        top: 53%;
    }
    #page_9 .brand_block_right h2 {
        font-size: 16px;
    }
}
@media (max-width: 470px) {
    #page_9 h1 {
        font-size: 40px;
    }
    #page_9 .brand_block_right h2 {
        margin-top: -10px !important;
    }
    #page_9 #case_studies_subtitle {
        font-size: 20px;
        margin-top: 5px;
        margin-bottom: 0px;
    }
    #page_9 .block_stats_counter .stats_number {
        font-size: 40px;
    }
    #page_9 .brand_block_left {
        width: 60px;
        height: 60px;
    }
    #page_9 .brand_block_right {
        width: calc(100% - 85px);
        height: 60px;
    }
    #page_9 #logo_case_studies {
        width: 100%;
        height: auto;
    }
    #page_9.animation.wrapper .page_right {
        top: 49%;
    }
    #case_studies_navigation {
        margin-top: 20px;
    }
    #case_studies_navigation li {
        margin-left: 0px !important;
        width: 31%;
    }
    #case_studies_navigation img {
        width: auto;
        height: 30px;
    }
    #page_9 .brand_block {
        padding: 10px;
    }
    #page_9 .brand_block_left, #page_9 .brand_block_right {
        margin-top: 10px;
    }
}
@media (max-width: 350px) {
    #case_studies_subtitle {
        display: none;
    }
    #page_9.animation.wrapper .page_right {
        top: 52%;
    }
}


/* Page 9B : CONTACT FORM (CASE STUDIES) */

.body_layer_black {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.5);
}
.block_footer_contact {
    position: fixed;
    bottom: -100%;
    z-index: 1;
    width: 100%;
    height: 100%;
    color: #FFF;
    transition: bottom 0.3s;
}
#block_footer_contact_layer {
    height: 50%;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
}
.block_footer_contact.visible #block_footer_contact_layer {
    opacity: 1;
    transition: opacity 0.25s;
    transition-delay: 0.25s;
}
#block_footer_contact_form {
    position: relative;
    height: 50%;
    background: #000;
}
.block_footer_contact.visible {
    bottom: 0px;
}
.block_footer_contact .contact_title {
    font-size: 48px;
    margin: 40px 0px;
}
.block_footer_contact #close_button {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 48px;
    height: 48px;
}
.block_footer_contact #close_button svg {
    width: 100%;
    height: 100%;
    fill: #FFF;
}
#block_offices {
    float: left;
    width: 23.44%;
    text-align: center;
}
#block_offices .offices {
    text-align: left;
    display: inline-block;
    margin: 0px auto;
    padding: 0px;
}
#block_offices .offices li {
    list-style: none;
    font-size: 15px;
    color: #989898;
    margin-bottom: 30px;
}
#block_offices .offices li strong {
    font-size: 23px;
    color: #FFF;
}
#block_offices .offices li a {
    color: #989898;
    text-decoration: none;
}
#block_offices .offices li a:hover {
    color: #FFF;
}
#block_form {
    float: left;
    width: 76.56%;
}
#block_form .form_line {
    margin-bottom: 15px;
}
#block_form_left {
    float: left;
    width: 39.80%;
    margin-right: 2.34%;
}
#block_form_right {
    float: left;
    width: 55.51%;
    margin-right: 2.35%;
}
#block_form_submit {
    margin-top: 45px;
    margin-right: 2.35%;
    clear: both;
    text-align: right;
    position: relative;
}
#block_form_submit .g-recaptcha {
    position: absolute;
    right: 300px;
    top: 0px;
}
#block_form_submit #contact_submit {
    padding: 20px 105px;
}
#copyright {
    clear: both;
    text-align: center;
    font-size: 14px;
    color: #999999;
    margin-bottom: 20px;
}
#copyright a {
    color: #999999;
    text-decoration: none;
}
#copyright a:hover {
    color: #fff;
}
#block_contact {
    position: relative;
}
#block_contact_overlay {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 27px;
    font-weight: 400;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.95);
    opacity: 1;
    transition: opacity 1s;
}
#block_contact_overlay.hidden {
    opacity: 0;
}
@media (max-width: 1500px) {
    .block_footer_contact .contact_title {
        margin: 35px 0px;
    }
    #block_offices .offices li {
        margin-bottom: 15px;
    }
    select {
        padding: 4px 10px;
    }
    input[type="text"], input[type="email"], input[type="url"] {
        padding: 9px 10px;
    }
    textarea {
        padding: 10px;
        height: 111px;
    }
    #block_form_left {
        width: 49.80%;
    }
    #block_form_right {
        width: 45.51%;
    }
}
@media (max-width: 1280px) {
    #block_offices .offices {
        margin-top: -10px;
    }
    .block_footer_contact .contact_title {
        margin: 10px 0px 20px 0px;
    }
}
@media (max-width: 1050px) {
    #block_offices {
        width: 30%;
    }
    #block_form {
        width: 70%;
    }
}
@media (max-width: 930px) {
    #block_form_left {
        width: 59.80%;
    }
    #block_form_right {
        width: 35.51%;
    }
}
@media (max-width: 768px) {
    #block_offices {
        width: 100%;
    }
    #block_offices .offices {
        width: 90%;
        margin-left: 10%;
    }
    .block_footer_contact .contact_title {
        margin-bottom: 30px;
        text-align: left;
    }
    #block_offices .contact_title {
        padding-left: 2.35%;
    }
    #block_offices .offices li {
        display: inline-block;
        width: 30%;
    }
    #block_form {
        width: 95.30%;
        margin: 0px 2.35%;
    }
    #block_form_left {
        float: none;
        width: 100%;
        margin: 0px;
    }
    #block_form_right {
        float: none;
        width: 100%;
        margin: 0px;
    }
    #block_form_right textarea {
        width: 98.9%;
    }
    .block_footer_contact.visible #block_footer_contact_layer {
        height: 30%;
    }
    #block_footer_contact_form {
        height: 70%;
    }
    #block_form_submit {
        margin: 15px 0px;
        text-align: left;
        height: 70px;
    }
    #block_form_submit #contact_submit {
        float: right;
        width: calc(100% - 320px);
        padding: 20px 0px;
    }
    #block_form_submit .g-recaptcha {
        right: auto;
        left: 0px;
    }
    #block_form_submit input {
        width: 99%;
    }
}
@media (max-width: 550px) {
    #block_offices .offices li {
        font-size: 13px;
        vertical-align: top;
    }
    .block_footer_contact .contact_title {
        font-size: 36px;
    }
    #block_form .contact_title {
        margin-bottom: 15px;
    }
    #block_form select, #block_form input, #block_form textarea {
        font-size: 19px;
    }
    #block_form_submit #contact_submit {
        padding: 25px 0px;
    }
    #block_form_right textarea {
        height: 60px;
    }
    #copyright {
        display: none;
    }
}
@media (max-width: 470px) {
    .block_footer_contact.visible #block_footer_contact_layer {
        height: 23%;
    }
    #block_footer_contact_form {
        height: 77%;
    }
    #block_offices .offices {
        box-sizing: border-box;
        width: 100%;
        padding-left: 15px;
        margin: 0;
    }
    #block_offices .offices li strong {
        font-size: 20px;
    }
    .block_footer_contact .contact_title {
        margin-bottom: 10px;
    }
    #block_offices .offices .middle_office {
        width: 35%;
    }
    #block_form {
        margin: -15px 2.35% 0px 2.35%;
    }
}
@media (max-width: 425px) {
    #block_form_submit #contact_submit {
        width: calc(100% - 235px);
        padding: 16px 0px;
        margin-top: -5px;
    }
    #block_form_submit .g-recaptcha {
        transform: scale(0.75);
        top: -15px;
        left: -38px;
    }
}
@media (max-width: 350px) {
    #block_offices {
        display: none;
    }
    #block_form select {
        width: 47%;
    }
    #block_form {
        margin: 0px 2.35% 0px 2.35%;
    }
}


/* Page 10 : COMING SOON */

.background_8 {
    background-image: url(../img/bg/8.jpg);
    background-position: 100% 0;
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFF;
}
#coming_page #main, #not_supported #main, #page_10 {
    height: 100%;
}
#page_10 .page_right {
    top: 0%;
    display: table;
}
#page_10 h1 {
    font-size: 91px;
    color: #000;
    margin-left: -5px;
}
#page_10 h2 {
    font-size: 32px;
    color: #010101;
}
#page_10 p {
    font-size: 22px;
    width: 80%;
    color: #a8a8a8;
}
#coming_page #menu_left, #coming_page #contact_link {
    display: none;
}
@media (max-width: 1500px) {
    #page_10 h1 {
        font-size: 70px;
    }
}
@media (max-width: 1100px) {
    #page_10 h1 {
        font-size: 60px;
    }
    #page_10 h2 {
        font-size: 26px;
    }
    #page_10 p {
        font-size: 18px;
    }
}
@media (max-width: 960px) {
    #page_10 h1 {
        font-size: 50px;
    }
}
@media (max-width: 768px) {
    #page_10 .page_left {
        top: 0%;
        left: 0%;
        width: 100% !important;
        height: 100%;
        background: #FFF url(../img/bg_mobile/8.jpg) no-repeat;
        background-size: 100% auto;
        background-position: center 0%;
    }
    #page_10 .page_right {
        top: 50%;
        left: 0%;
        width: 100%;
        height: 30%;
        text-align: center;
    }
    #page_10 p {
        margin: 10px auto 30px auto;
    }
    #page_10 .brand_block {
        top: 10%;
        left: 5%;
        width: 90%;
        box-sizing: border-box;
    }
    #page_10 .page_right .wrapper_right {
        width: 100%;
    }
}
@media (max-width: 400px) {
    #page_10 h1 {
        font-size: 36px;
    }
    #page_10 h2 {
        font-size: 20px;
    }
    #page_10 p {
        font-size: 14px;
    }
    #page_10.animation.wrapper .page_right {
        top: 50%;
        left: 0%;
    }
}


/* Page 11 : LEGAL MENTIONS */

.background_9 {
    background-image: url(../img/bg/9.jpg);
    background-position: 100% 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    color: #FFF;
}
.full_content {
    position: absolute;
    top: 0px;
    left: 450px;
    width: calc(100% - 450px);
    height: 100%;
}
#page_11 .full_content {
    display: table;
}
#legal_mentions #header_top_right {
    display: none;
}
#legal_mentions {
    overflow: hidden;
}
#legal_mentions #main, #page_11 {
    height: 100%;
    overflow: hidden;
}
#legal_mentions #contact_link .twitter,
#legal_mentions #contact_link .facebook,
#legal_mentions #contact_link .linkedin,
#legal_mentions #contact_link .text {
    display: none;
}
#page_11 .wrapper_right {
    max-width: 870px;
    margin: 0px auto;
    display: table-cell;
    vertical-align: middle;
}
#page_11 h1 {
    font-size: 32px;
    font-family: "Muli";
    font-weight: 300;
    color: #000;
}
#page_11 p {
    font-size: 22px;
    font-family: "Muli";
    font-weight: 200;
    color: #818181;
    padding-bottom: 20px;
    margin-right: 20px;
    border-bottom: 1px solid #1898b2;
}
@media (max-width: 1400px) {
    #page_11 .wrapper_right {
        max-width: 600px;
        margin-top: 30%;
    }
}
@media (max-width: 1000px) {
    #page_11 .small_background {
        width: 300px;
    }
    #page_11 p {
        font-size: 18px;
    }
    #page_11 .full_content {
        left: 280px;
        width: calc(100% - 280px);
    }
}
@media (max-width: 850px) {
    #page_11 .wrapper_right {
        margin-top: 25%;
        max-width: 500px;
    }
}
@media (max-width: 768px) {
    #page_11 .small_background {
        top: 0%;
        left: 0%;
        max-width: none !important;
        width: 100% !important;
        height: 100%;
        background: #FFF url(../img/bg_mobile/11.jpg) no-repeat;
        background-size: cover;
        background-position: 0px -350px;
    }
    #page_11 .full_content {
        left: 0px;
        width: 100%;
        top: 240px;
        height: calc(100% - 240px);
        padding: 0px 20px;
        box-sizing: border-box;
    }
    #page_11 .wrapper_right {
        vertical-align: top;
    }
    #page_11 p {
        margin-right: 0px;
    }
}
@media (max-width: 680px) {
    #page_11 .small_background {
        background-position: 0px -300px;
    }
    #page_11 .full_content {
        top: 200px;
        height: calc(100% - 200px);
    }
}
@media (max-width: 600px) {
    #page_11 .small_background {
        background-position: 0px -200px;
    }
    #page_11 .full_content {
        top: 170px;
        height: calc(100% - 170px);
    }
}
@media (max-width: 500px) {
    #page_11 .wrapper_right {
        margin-top: 60%;
    }
    #page_11 h1 {
        font-size: 24px;
    }
    #page_11 p {
        font-size: 16px;
    }
}
@media (max-width: 400px) {
    #page_11 .small_background {
        background-position: 0px -160px;
    }
    #page_11 .full_content {
        top: 170px;
        height: calc(100% - 170px);
    }
}
@media (max-width: 350px) {
    #page_11 .small_background {
        background-position: 0px -120px;
    }
    #page_11 .full_content {
        top: 150px;
        height: calc(100% - 150px);
    }
    #page_11 p {
        font-size: 14px;
    }
}
@media (max-width: 320px) {
    #page_11 .full_content {
        top: 140px;
        height: calc(100% - 140px);
    }
}


/* Page 12 : LANDING */

.small_background {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    max-width: 450px;
    height: 100%;
}
.landing_header {
    position: absolute;
    top: 2.43%;
    left: 30.78%;
    width: 69.22%;
}
.large_page {
    position: absolute;
    top: 20.00%;
    left: 13%;
    width: 87%;
    height: 80%;
    transition: left 0.5s;
}
#landing_page, #landing_page #main, #page_12 {
    height: 100%;
    overflow: hidden;
}
.background_7 {
    background-image: url(../img/bg/7.jpg);
    background-position: 0 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #FFF;
}
.landing_subtitle {
    font-size: 26px;
    font-weight: 300;
    color: #000;
    position: relative;
    top: 20px;
}
#video_landing {
    float: left;
    width: 51.8%;
}
#video_landing video {
    width: 100%;
    height: auto;
}
#form_landing {
    float: left;
    margin-left: 3.5%;
    width: 44.7%;
    background: #f1f1f1;
    box-shadow: 0px 0px 20px 20px #f1f1f1;
}
#form_landing_success {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #FFF;
    color: #51baa2;
    text-align: center;
    padding-top: 50px;
    font-size: 26px;
    display: none;
}
#form_landing_success.active {
    display: block;
}
#form_landing .nomargin {
    margin-left: 0%;
}
#form_landing .form_line {
    margin-bottom: 11px;
    max-width: 530px;
}
#form_landing input[type="submit"] {
    width: 100%;
    background: #55baa2;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
}
#form_landing input[type="submit"]:hover,
#form_landing input[type="submit"]:active {
    background: #FFF;
    color: #55baa2;
}
#form_landing .double {
    width: 100%;
}
#landing_content {
    clear: both;
    padding-top: 5px;
    height: 130px;
}
#landing_content .landing_block {
    float: left;
    width: 44%;
    height: 130px;
}
#landing_content .stats_legend {
    width: 90px;
}
#landing_content .stats_legend.special {
    width: 50px;
}
#landing_content .icon {
    transform: scale(0.5);
    margin-top: -10px;
}
#landing_content .block_stats_counter {
    float: left;
    margin-right: 80px;
    width: 130px;
    text-align: center;
}
#landing_content .landing_block .work_with_us {
    display: block;
    font-size: 17px;
    color: #000;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
}
#landing_content .landing_block img {
    width: 100%;
    height: auto;
}
#landing_footer {
    clear: both;
    width: 91%;
    margin-left: -3%;
    font-size: 16px;
    line-height: 14px;
    font-weight: 200;
    text-align: justify;
    color: #a3a3a3;
}
#landing_footer em {
    color: #000;
    font-style: normal;
}
@media (min-height: 920px) {
    #landing_content {
        padding-top: 30px;
        padding-bottom: 10px;
    }
}
@media (max-width: 1700px) {
    #landing_content .block_stats_counter {
        margin-right: 60px;
    }
    #landing_footer {
        width: 100%;
    }
    #landing_content .landing_block {
        width: 48%;
    }
    #form_landing {
        margin-left: 2%;
    }
}
@media (max-width: 1500px) {
    #form_landing select, #form_landing input {
        padding: 6px 10px;
        font-size: 19px;
    }
}
@media (max-width: 1450px) {
    #landing_content .block_stats_counter {
        margin-right: 40px;
    }
    #page_12 .landing_header {
        top: 0%;
    }
    #page_12 h1 {
        font-size: 67px;
    }
    #page_12 .landing_subtitle {
        font-size: 22px;
    }
}
@media (max-width: 1250px) {
    #landing_content .block_stats_counter {
        margin-right: 20px;
    }
}
@media (max-width: 1100px) {
    #page_12 h1 {
        font-size: 50px;
    }
    #page_12 .landing_subtitle {
        font-size: 18px;
    }
    #page_12 .large_page {
        top: 16%;
        height: 84%;
    }
    #landing_content .block_stats_counter {
        margin-right: 10px;
    }
}
@media (max-width: 1010px) {
    #landing_content .block_stats_counter {
        width: 100px;
    }
    #landing_content .block_stats_counter .stats_number {
        font-size: 40px;
    }
    #landing_content .icon {
        transform: scale(0.33);
        margin-top: -10px;
    }
}
@media (max-width: 850px) {
    #page_12 .landing_subtitle {
        font-size: 17px;
    }
    #form_landing select, #form_landing input {
        width: 47%;
    }
    #landing_content .stats_legend {
        font-size: 15px;
        width: 75px;
    }
    #landing_content .block_stats_counter {
        width: 75px;
    }
    #landing_content .icon {
        margin-left: -20px;
    }
    #landing_content .block_stats_counter .stats_number {
        margin-top: 15px;
    }
}
@media (max-width: 768px) {
    #landing_content .landing_block {
        width: 100%;
        float: none;
        height: auto;
        clear: both;
    }
    #landing_footer {
        display: none;
    }
    #video_landing {
        float: none;
        width: 95%;
    }
    #form_landing {
        width: 95%;
        float: none;
        margin: 0%;
        margin-top: 25px;
    }
    #page_12 .landing_subtitle {
        display: none;
    }
    #page_12 h1 {
        font-size: 42px;
    }
    #page_12 .large_page {
        top: 9%;
        height: 91%;
    }
    #page_12 .landing_header {
        top: 1.5%;
        left: 25%;
    }
    #form_landing .form_line {
        max-width: none;
    }
    #landing_content {
        display: none;
    }
    #form_landing select, #form_landing input {
        width: 48.4%;
    }
}
@media (max-width: 660px) {
    #video_landing {
        display: none;
    }
    #form_landing select, #form_landing input {
        width: 48%;
    }
    #page_12 .landing_header {
        top: 18%;
        left: 0%;
        width: 100%;
        text-align: center;
    }
    #page_12 h1 {
        font-size: 36px;
        text-shadow: 2px 2px 0px #FFF;
    }
    #page_12 .large_page {
        top: 25%;
        height: 75%;
    }
}
@media (max-width: 400px) {
    #form_landing select, #form_landing input {
        width: 47%;
    }
    #page_12 h1 {
        font-size: 28px;
    }
}
@media (max-width: 350px) {
    #page_12 .landing_header {
        top: 16%;
    }
    #page_12 h1 {
        font-size: 24px;
    }
    #form_landing {
        margin-top: 0px;
    }
}


/* Page 13 : PRIVACY POLICY */

.background_10 {
    background-image: url(../img/bg/10.jpg);
    background-position: 100% 0;
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFF;
}
#page_13 .full_content {
    left: 470px;
    width: calc(100% - 490px);
}
#page_13 .small_background {
    position: fixed;
}
.privacy_policy_container h2 {
    font-size: 32px;
    font-family: "Muli";
    font-weight: 300;
    color: #000;
    margin: 50px 0px 35px 0px;
}
.privacy_policy_container h3 {
    font-size: 24px;
    font-family: "Muli";
    font-weight: 300;
    color: #000;
    text-transform: uppercase;
    border-bottom: 1px solid #1898b2;
    display: inline-block;
    margin: 30px 0px 0px 0px;
    padding-bottom: 7px;
}
#page_13 .privacy_policy_container h3 {
    border-color: #1898b2;
}
.privacy_policy_container h4 {
    font-size: 22px;
    font-family: "Muli";
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
    margin: 25px 0px 0px 0px;
}
.privacy_policy_container p {
    font-size: 22px;
    font-family: "Muli";
    font-weight: 200;
    color: #000;
    margin: 0px;
}
.privacy_policy_container p.small {
    font-size: 15px;
    margin-top: 10px;
}
.privacy_policy_container #quote_container {
    margin: 35px 0px;
    clear: both;
}
#privacy_policy #header_top_right {
    display: none;
}
#privacy_policy #navigation_cursor {
    display: none;
}
.privacy_policy_container #optout-button {
    float: left;
    border-radius: 45px;
    height: 90px;
    width: 90px;
    line-height: 90px;
    color: #FFF;
    text-align: center;
    font-size: 32px;
    font-weight: 400;
    margin-right: 35px;
    text-decoration: none;
}
.privacy_policy_container .on {
    background: #1898b2;
}
#page_13 .privacy_policy_container .on,
#page_23 .privacy_policy_container .on {
    background-color: #1898b2;
}
.privacy_policy_container .off {
    background: #B23218;
}
.privacy_policy_container .quote {
    padding: 8px 15px;
    color: #FFF;
    display: inline-block;
    width: calc(100% - 160px);
}
.privacy_policy_container .full_content {
    position: relative;
}
.privacy_policy_container .wrapper_right {
    max-width: 1030px;
    margin: 0px auto;
    padding-top: 120px;
}
.privacy_policy_container #copyright {
    margin-top: 90px;
    margin-bottom: 50px;
    font-size: 19px;
    text-align: left;
}
.privacy_policy_container #block_icons {
    width: 750px;
    margin: 40px auto 10px auto;
    height: 155px;
    padding: 0px;
}
.privacy_policy_container #block_icons li {
    float: left;
    list-style: none;
    width: 150px;
    text-align: center;
}
.privacy_policy_container #block_icons li .icon {
    display: inline-block;
    width: 95px;
    height: 95px;
    border-radius: 47.5px;
    background: #1898b2 url(../img/privacy.png) no-repeat 50% 0px;
}
#page_13 .privacy_policy_container #block_icons li .icon,
#page_23 .privacy_policy_container #block_icons li .icon {
    background-color: #1898b2;
}
.privacy_policy_container #block_icons li .icon.quality {
    background-position-y: -95px;
}
.privacy_policy_container #block_icons li .icon.privacy {
    background-position-y: -190px;
}
.privacy_policy_container #block_icons li .icon.technology {
    background-position-y: -285px;
}
.privacy_policy_container #block_icons li .icon.publisher {
    background-position-y: -380px;
}
.privacy_policy_container #block_icons li .title {
    color: #000;
    font-size: 17px;
    font-weight: 400;
    display: block;
    margin-top: 10px;
}
#privacy_policy #contact_link .twitter,
#privacy_policy #contact_link .facebook,
#privacy_policy #contact_link .linkedin,
#privacy_policy #contact_link .text {
    display: none;
}
@media (max-width: 1300px) {
    .privacy_policy_container .wrapper_right {
        padding-top: 20px;
        padding-right: 10px;
    }
}
@media (max-width: 1200px) {
    .privacy_policy_container h1 {
        font-size: 70px;
    }
    .privacy_policy_container h2 {
        font-size: 26px;
    }
    .privacy_policy_container #block_icons {
        width: 560px;
    }
    .privacy_policy_container #block_icons li {
        width: 112px;
    }
    .privacy_policy_container #block_icons li .icon {
        transform: scale(0.75);
    }
    .privacy_policy_container #block_icons li .title {
        font-size: 15px;
        margin-top: 0px;
    }
}
@media (max-width: 1100px) {
    .privacy_policy_container h3 {
        font-size: 22px;
    }
    .privacy_policy_container h4 {
        font-size: 20px;
    }
    .privacy_policy_container p {
        font-size: 18px;
    }
}
@media (max-width: 1020px) {
    #page_13 .full_content {
        left: 270px;
        width: calc(100% - 290px);
    }
    #page_13 .small_background {
        width: 265px;
    }
    .privacy_policy_container h1 {
        font-size: 50px;
    }
    .privacy_policy_container #block_icons {
        width: auto;
        height: auto;
    }
    .privacy_policy_container #block_icons li .title {
        font-size: 13px;
    }
}
@media (max-width: 768px) {
    #privacy_policy #main, #privacy_policy #page_13 {
        height: 100%;
    }
    #privacy_policy #header_top_left {
        position: absolute;
    }
    #page_13 .small_background {
        position: absolute;
        max-width: none;
        width: 100%;
        background: #FFF url(../img/bg_mobile/11.jpg) no-repeat;
        background-size: cover;
        background-position: center -390px;
    }
    #page_13 .full_content {
        left: 0px;
        width: 100%;
        padding: 0px 20px;
        box-sizing: border-box;
    }
    .privacy_policy_container .wrapper_right {
        padding-top: 170px;
        padding-right: 0px;
    }
    .privacy_policy_container .on,
    .privacy_policy_container .off {
        float: none;
        display: block;
        margin: auto;
    }
    .privacy_policy_container .quote {
        display: block;
        width: 90%;
        margin-top: 20px;
    }
    .privacy_policy_container #optout-button {
        float: none;
        margin: auto;
    }
}
@media (max-width: 720px) {
    #page_13 .small_background {
        background-position: center -340px;
    }
}
@media (max-width: 650px) {
    #page_13 .small_background {
        background-position: center -290px;
    }
}
@media (max-width: 590px) {
    #page_13 .small_background {
        background-position: center -190px;
    }
}
@media (max-width: 550px) {
    .privacy_policy_container h2 {
        margin: 25px 0px 15px 0px;
    }
}
@media (max-width: 400px) {
    #page_13 .small_background {
        background-position: center -150px;
    }
}
@media (max-width: 370px) {
    .privacy_policy_container h3 {
        font-size: 20px;
    }
    .privacy_policy_container h4 {
        font-size: 18px;
    }
    .privacy_policy_container p {
        font-size: 16px;
    }
}
@media (max-width: 350px) {
    .privacy_policy_container h1 {
        font-size: 40px;
    }
    .privacy_policy_container h2 {
        font-size: 22px;
    }
    #page_13 .small_background {
        background-position: center -100px;
    }
}

/* Page 13B : Privacy Policy FR */
#switch_languages ul {
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 3;
}
#switch_languages li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    float: left;
}
#switch_languages a {
    display: block;
    color: #000;
    font-size: 18px;
    text-decoration: none;
    padding: 5px 15px;
    transition: background 0.5s;
}
#switch_languages a.current,
#switch_languages a:hover {
    background-color: #000;
    color: #FFF;
}
#h1_fr {
    font-size: 80px;
}
@media (max-width: 1500px) {
    #h1_fr {
        font-size: 60px;
    }
}
@media (max-width: 768px) {
    #switch_languages ul {
        display: none;
    }
}
@media (max-width: 850px) {
    #h1_fr {
        font-size: 45px;
    }
}
@media (max-width: 400px) {
    #h1_fr {
        font-size: 30px;
    }
}


/* Page 14 : Sign in */

.background_11 {
    background-image: url(../img/bg/signinbg.jpg);
}
#signin #main, #signin section {
    height: 100%;
}
#page_14 h1 {
    display: block;
    text-align: center;
    color: #FFF;
    font-family: "Futura";
    font-weight: 400;
    font-size: 50px;
    text-transform: uppercase;
    padding-right: 40px;
}
#page_14 h2 {
    display: block;
    text-align: center;
    color: #FFF;
    font-family: "Muli";
    font-weight: 400;
    font-size: 40px;
    margin: 20px 0px 10px 0px;
    padding-right: 40px;
}
#page_14 .full_content {
    left: 0px;
    width: 100%;
    display: table;
}
#page_14 .wrapper_right {
    display: table-cell;
    vertical-align: middle;
}
#page_14 #market_list {
    padding: 0px;
    margin: 50px auto 0px auto;
    max-width: 950px;
    height: 250px;
}
#page_14 #market_list li {
    list-style: none;
    float: left;
    width: 50%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-family: "Futura";
    font-size: 20px;
    box-sizing: border-box;
    margin-top: 20px;
    padding-right: 40px;
}
#page_14 #market_list li.special {
    margin-left: 33.3333%;
    margin-right: 33.3333%;
}
#page_14 #market_list li a {
    border: 1px solid #FFF;
    color: #FFF;
    text-decoration: none;
    display: block;
    transition: background-color 0.3s linear, border-color 0.3s linear;
}
#page_14 #market_list li a:hover {
    background-color: #ffffff;
    border-color: #ffffff;
    color:#000000;
}
@media (max-width: 1450px) {
    #page_14 .full_content {
        left: 250px;
        width: calc(100% - 250px);
    }
}
@media (max-width: 1020px) {
    #page_14 .full_content {
        left: 150px;
        width: calc(100% - 150px);
    }
}
@media (max-width: 850px) {
    #page_14 #market_list li {
        font-size: 18px;
    }
}
@media (max-width: 768px) {
    #page_14 h2 {
        margin: 10px 0px 0px 0px;
    }
    #page_14 .full_content {
        left: 40px;
        width: calc(100% - 40px);
    }
    #page_14 #market_list {
        margin-top: 10px;
        height: 355px;
    }
    #page_14 #market_list li {
        width: 100%;
        margin-left: 0px !important;
        margin-right: 0px !important;
        line-height: 40px;
        height: 40px;
        margin-top: 10px;
    }
}
@media (max-width: 450px) {
    #page_14 h1 {
        font-size: 40px;
    }
    #page_14 h2 {
        font-size: 30px;
    }
    #signin #header_top_left {
        left: -5px;
    }
    #signin #header_top_left svg {
        width: 90px;
        height: 90px;
    }
}
@media (max-width: 360px) {
    #page_14 h2 {
        display: none;
    }
}


/* Page 15 : Careers */

.background_12 {
    background-image: url(../img/bg/12.jpg);
    background-position: 100% center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFF;
}
#careers #main, #careers section {
    height: 100%;
}
#icons_careers .icon-legend {
    width: 90px;
    display: inline-block;
}
#page_15 .page_right {
    display: table;
}
#icons_careers .gificon-social_events {
    width: 55px;
}
#icons_careers .gificon-fresh_coffee {
    width: 39px;
}
#icons_careers .gificon-stimulating_packages {
    top: -3px;
}
#page_15 p {
    width: 95%;
}
@media (max-width: 1450px) {
    #page_15 .page_left {
        width: 50%;
    }
    #page_15 .page_right {
        width: 50%;
        left: 50%;
    }
    #page_15 h1 {
        font-size: 70px;
    }
    #page_15 h2 {
        font-size: 28px;
        margin-top: 15px;
    }
    #page_15 p {
        font-size: 18px;
    }
}
@media (max-width: 1200px) {
    #page_15 h2 {
        font-size: 24px;
    }
    #page_15 p {
        font-size: 16px;
    }
}
@media (max-width: 1000px) {
    #page_15 .block_icons li {
        margin-left: 36px;
    }
}
@media (max-width: 768px) {
    #page_15 .text {
        display: none;
    }
    #page_15 h1 {
        margin-bottom: 20px;
    }
    #page_15 h2 {
        margin-bottom: 20px;
    }
    #page_15 .block_icons {
        width: 375px;
        margin: 30px auto 0px auto;
    }
    #page_15 .page_left {
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        text-align: center;
        background: #FFF url(../img/bg_mobile/12.jpg) no-repeat;
        background-size: 100% auto;
        background-position: center -130px;
    }
    #page_15 .page_right {
        width: 100%;
        height: 30%;
        text-align: center;
        position: absolute;
        top: 55%;
        left: 0%;
    }
    #page_15 .page_right .wrapper_right {
        width: 100%;
        padding: 0px;
    }
    #page_15 p {
        display: none;
    }
}
@media (max-width: 600px) {
    #page_15 .page_right {
        top: 50%;
    }
}
@media (max-width: 500px) {
    #page_15 h1 {
        font-size: 60px;
    }
    #page_15 h2 {
        font-size: 20px;
    }
    #page_15 .page_left {
        background-position: center 0px;
    }
}
@media (max-width: 425px) {
    #page_15 .block_icons .icon-legend {
        font-size: 14px;
        width: 80px;
    }
    #page_15 h1 {
        font-size: 50px;
    }
    #page_15 h2 {
        font-size: 17px;
    }
    #page_15 .block_icons {
        margin: 15px auto 0px auto;
        width: 350px;
    }
    #page_15 .block_icons li {
        margin-left: 25px;
    }
    #page_15 .block_icons {
        margin-top: 30px;
    }
}
@media (max-width: 375px) {
    #page_15 h1 {
        font-size: 50px;
        margin-bottom: 0px;
    }
    #page_15 .page_right {
        top: 45%;
    }
}
@media (max-width: 350px) {
    #page_15 .block_icons {
        margin: 20px auto 0px auto;
        overflow: hidden;
        width: 320px;
    }
    #page_15 h1 {
        font-size: 50px;
    }
    #page_15 h2 {
        font-size: 14px;
        margin-bottom: 20px;
    }
    #page_15 .block_icons li {
        margin-left: 20px;
        width: 90px;
    }
}

/* Page 16 : Press */

.background_13 {
    background-image: url(../img/bg/13.jpg);
    background-position: 100% 0;
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFF;
}
#press #main, #press section {
    height: 100%;
    color: #000;
}
#page_16 .page_right, #page_16 .page_left {
    display: table;
}
#press #they_talk_about_us {
    display: table-cell;
    vertical-align: middle;
    padding-left: 130px;
}
#press #they_talk_about_us .title {
    font-size: 32px;
    color: #FFF;
    font-family: "Muli";
    font-weight: 300;
    border-bottom: 1px solid #189cb1;
    padding-bottom: 15px;
    display: inline-block;
    margin-bottom: 60px;
}
#press h2 {
    border-bottom: 1px solid #199cb6;
    padding-bottom: 20px;
    margin: 40px 0px 30px 0px;
    display: inline-block;
    font-weight: 300;
}
#press p {
    max-width: 700px;
    padding-right: 10px;
    font-size: 20px;
}
#press #press_releases {
    margin: 0px;
    padding: 0px;
}
#press #press_releases li {
    list-style: none;
    padding: 0px;
    margin: 0px 0px 20px 0px;
    line-height: 25px;
}
#press #press_releases li a {
    color: #000;
    text-decoration: none;
}
#press #press_releases li a:hover {
    color: #199cb6;
}
#press #press_releases .date {
    background: #199cb6;
    color: #FFF;
    font-size: 18px;
    padding: 2px 10px;
    margin-top: 6px;
    display: inline-block;
}
#press #press_releases li:hover .date {
    background-color: #000;
}
@media (max-width: 1800px) {
    #press #they_talk_about_us img {
        width: 80%;
        height: auto;
    }
    #page_16 p {
        font-size: 18px;
    }
    #page_16 h1 {
        font-size: 70px;
    }
    #page_16 h2 {
        font-size: 28px;
    }
}
@media (max-width: 1450px) {
    #page_16 .page_left {
        width: 50%;
    }
    #page_16 .page_right {
        width: 50%;
        left: 50%;
    }
    #press #they_talk_about_us {
        padding-left: 70px;
    }
    #press #press_releases li {
        margin: 0px 0px 10px 0px;
        line-height: 20px;
    }
    #press #press_releases li a {
        font-size: 18px;
    }
}
@media (max-width: 1200px) {
    #page_16 h2 {
        font-size: 24px;
    }
    #page_16 p {
        font-size: 16px;
    }
    #press #press_releases .date {
        font-size: 16px;
    }
    #press #they_talk_about_us {
        display: none;
    }
    #page_16 .page_left {
        width: 35%;
    }
    #page_16 .page_right {
        left: 35%;
        width: 65%;
    }
}
@media (max-width: 1000px) {
    #press #they_talk_about_us .title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    #press #they_talk_about_us img {
        width: 70%;
    }
    #press h2 {
        margin-bottom: 10px;
    }
    #page_16 .page_left {
        width: 45%;
    }
    #page_16 .page_right {
        left: 45%;
        width: 55%;
    }
}
@media (max-width: 768px) {
    #press #they_talk_about_us {
        padding-left: 20px;
        vertical-align: top;
        padding-top: 30px;
    }
    #press #they_talk_about_us img {
        width: 60%;
    }
    #page_16 .page_left {
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        text-align: center;
        background: #FFF url(../img/bg_mobile/13.jpg) no-repeat;
        background-size: cover;
        background-position: 0px -180px;
    }
    #page_16 .page_right {
        width: 100%;
        height: 67%;
        text-align: center;
        position: absolute;
        top: 33%;
        left: 0%;
    }
    #page_16 .page_right .wrapper_right {
        width: 100%;
        padding: 0px;
    }
    #page_16 h1 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #page_16 h2 {
        margin-top: 0px;
    }
    #press #press_releases {
        padding: 0px 10px;
    }
    #page_16 .download_button,
    #page_16 .wrapper_right br,
    #page_16 p {
        display: none;
    }
    #page_16 #press_releases br {
        display: block;
    }
}
@media (max-width: 500px) {
    #page_16 .page_right {
        top: 20%;
        height: 75%;
    }
    #page_16 h1 {
        margin-bottom: 0px;
    }
    #page_16 h2 {
        border: none;
        padding: 0px;
        margin-bottom: 20px;
    }
}
@media (max-width: 375px) {
    #press #they_talk_about_us .title {
        border: none;
        font-size: 18px;
        margin-bottom: 5px;
    }
    #press #they_talk_about_us img {
        margin-left: 60px;
    }
    #press #press_releases li a, #press #press_releases .date {
        font-size: 14px;
    }
    #press #press_releases li {
        line-height: 18px;
    }
}
@media (max-width: 350px) {
    #press #they_talk_about_us {
        display: none;
    }
    #page_16 h1 {
        font-size: 50px;
    }
    #page_16 h2 {
        display: none;
    }
    #page_16 .page_left {
        background-position: 0px -130px;
    }
}

/* Page 17 : About us */

.background_14 {
    background-image: url(../img/bg/14.jpg);
    background-position: 100% 0;
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFF;
}
#about_us #main, #about_us section {
    height: 100%;
}
#page_17 .page_right, #page_17 .page_left {
    display: table;
}
#about_us #block_profil_container {
    display: table-cell;
    vertical-align: middle;
}
#about_us #block_profil {
    max-width: 367px;
    height: 350px;
    margin: auto;
    padding-left: 250px;
    padding-right: 30px;
    position: relative;
    background: #FFF;
    box-shadow: 8px 0px 20px 0 rgba(50, 50, 50, 0.15);
}
#about_us #block_profil #profil_photo {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: auto;
}
#about_us #block_profil .title {
    font-family: "Muli";
    font-size: 24px;
    font-weight: 300;
    color: #000;
    padding: 15px 0px;
}
#about_us #block_profil .job {
    display: inline-block;
    padding: 5px 15px;
    font-family: "Muli";
    font-size: 24px;
    font-weight: 400;
    background: #51baa2;
    color: #FFF;
}
#about_us #block_profil #profil_description {
    font-family: "Muli";
    font-size: 20px;
    font-weight: 200;
    font-style: italic;
    color: #000;
}
#about_us #block_profil .previous_button,
#about_us #block_profil .next_button {
    font-family: "Muli";
    font-size: 20px;
    font-weight: 400;
    color: #000;
    text-decoration: none;
    position: absolute;
    bottom: 25px;
}
#about_us #block_profil .next_button {
    right: 30px;
}
#about_us #block_profil .previous_button:hover,
#about_us #block_profil .next_button:hover {
    color: #51baa2;
}
#about_us #block_profil #block_footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 9px;
    background: url(../img/block_profil.jpg) no-repeat #fff;
}
#about_us .download_button .twitter,
#about_us .download_button .facebook,
#about_us .download_button .linkedin {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 5px;
    background: url(../img/socials.png) no-repeat 0px 0px;
    background-size: auto 28px;
}
#about_us .download_button .facebook {
    width: 7px;
    background-position: -16px 0px;
}
#about_us .download_button .linkedin {
    width: 15px;
    background-position: -24px 0px;
}
#about_us .block_icons li {
    width: 160px;
}
#about_us .block_icons li .icon-legend {
    width: 100%;
}
#about_us .gificon-80_loving_employees {
    width: 46px;
}
#about_us .gificon-operating_in_84_countries {
    width: 55px;
}
#about_us .gificon-french_success_story {
    width: 70px;
}
#about_us .block_icons li .address {
    text-align: center;
    display: block;
    font-family: "Muli";
    font-size: 17px;
    font-weight: 200;
    margin-top: 20px;
}
#about_us .block_icons li .address .city {
    background: #51b9a1;
    color: #FFF;
    text-align: center;
    display: block;
    margin-bottom: 5px;
}
#page_17 h2 {
    font-size: 28px;
}
#page_17 p {
    max-width: 680px;
}
@media (max-width: 1550px) {
    #page_17 .page_left {
        width: 50%;
    }
    #page_17 .page_right {
        width: 50%;
        left: 50%;
    }
    #about_us p {
        padding-right: 10px;
    }
    #page_17 h1 {
        font-size: 70px;
    }
    #page_17 h2 {
        font-size: 26px;
        margin-top: 15px;
    }
    #page_17 p {
        font-size: 18px;
    }
    #icons_about_us {
        width: 560px;
    }
    #about_us .block_icons li {
        margin-left: 40px;
    }
    #about_us #block_profil {
        margin-left: 43px;
    }
    #about_us #block_profil .title {
        padding: 20px 0px 10px 0px;
    }
    #about_us #block_profil .job {
        font-size: 24px;
    }
    #about_us #block_profil p {
        font-size: 18px;
    }
}
@media (max-width: 1350px) {
    #about_us #block_profil #profil_description {
        font-size: 18px;
    }
    #about_us #block_profil .job {
        font-size: 20px;
    }
}
@media (max-width: 1250px) {
    #page_17 h2 {
        font-size: 24px;
    }
    #page_17 p {
        font-size: 16px;
    }
    #icons_about_us {
        width: 520px;
    }
    #about_us .block_icons li {
        margin-left: 20px;
    }
    #about_us #block_profil #profil_description {
        font-size: 16px;
    }
    #about_us #block_profil .job {
        font-size: 18px;
    }
}
@media (max-width: 1100px) {
    #icons_about_us {
        width: 430px;
    }
    #about_us .block_icons li {
        width: 130px;
    }
    #about_us .block_icons li .address {
        font-size: 15px;
    }
    #about_us #block_profil {
        height: 400px;
        padding-left: 265px;
        padding-right: 15px;
    }
    #about_us #block_profil .title {
        padding: 10px 0px 10px 0px;
        font-size: 20px;
    }
    #about_us #block_profil .job {
        padding: 3px 10px;
    }
    #about_us #block_profil .previous_button {
        left: 180px;
    }
    #about_us #block_profil #profil_description {
        margin: 10px 0px 0px 0px;
    }
    #about_us #block_profil p {
        font-size: 14px;
    }
    #block_profil {
        display: none;
    }
    #page_17 .page_left {
        width: 40%;
    }
    #page_17 .page_right {
        left: 40%;
        width: 60%;
    }
}
@media (max-width: 980px) {
    #about_us #block_profil #profil_photo {
        width: auto;
        height: 100%;
        left: -40px;
    }
    #about_us #block_profil {
        overflow: hidden;
        padding-left: 225px;
    }
    #about_us #block_profil .previous_button,
    #about_us #block_profil .next_button {
        font-size: 16px;
    }
    #about_us #block_profil .title {
        font-size: 18px;
    }
    #about_us #block_profil .job {
        font-size: 16px;
    }
    #about_us #block_profil #profil_description {
        font-size: 14px;
    }
}
@media (max-width: 900px) {
    #icons_about_us {
        width: 370px;
    }
    #about_us .block_icons li {
        width: 110px;
    }
    #about_us .block_icons li .icon-legend {
        font-size: 15px;
    }
    #page_17 .page_left {
        width: 45%;
    }
    #page_17 .page_right {
        left: 45%;
        width: 55%;
    }
}
@media (max-width: 768px) {
    #page_17 .text, #page_17 .download_button {
        display: none;
    }
    #page_17 h2 {
        margin-bottom: 20px;
    }
    #page_17 .block_icons {
        margin: 30px auto 0px auto;
        height: 250px;
    }
    #about_us .block_icons li {
        margin-left: 40px;
    }
    #icons_about_us {
        width: 410px;
    }
    #page_17 .page_left {
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        text-align: center;
        background: #FFF url(../img/bg_mobile/14.jpg) no-repeat;
        background-size: 100% auto;
        background-position: center -130px;
    }
    #about_us #block_profil {
        display: none;
    }
    #page_17 #video_container {
        vertical-align: top;
    }
    #page_17 .page_right {
        width: 100%;
        height: 50%;
        text-align: center;
        position: absolute;
        top: 49%;
        left: 0%;
    }
    #page_17 .page_right .wrapper_right {
        width: 100%;
        padding: 0px;
        vertical-align: top;
    }
    #page_17 p {
        display: none;
    }
}
@media (max-width: 500px) {
    #page_17 h1 {
        font-size: 60px;
    }
    #page_17 .page_right {
        top: 45%;
    }
    #page_17 .block_icons {
        height: 150px;
    }
    #about_us .block_icons li .address {
        display: none;
    }
    #page_17 .page_left {
        background-position: center 0px;
    }
}
@media (max-width: 425px) {
    #about_us .gificon-80_loving_employees {
        width: 31px;
    }
    #about_us .gificon-operating_in_84_countries {
        width: 37px;
    }
    #about_us .gificon-french_success_story {
        width: 47px;
    }
    #page_17 .block_icons {
        height: 110px;
    }
    #page_17 .block_icons li {
        width: 100px;
        margin-left: 10px;
    }
    #about_us .block_icons li .icon-legend {
        height: 52px;
    }
    #page_17 .block_icons {
        width: 320px;
    }
}
@media (max-width: 375px) {
    #page_17 h1 {
        font-size: 50px;
    }
    #page_17 h2 {
        font-size: 20px;
    }
}
@media (max-width: 340px) {
    #page_17 h2 {
        font-size: 18px;
    }
}

/* Page 18 : AI Powered */

.background_15 {
    background-image: url(../img/bg/15.jpg);
    background-position: 100% 0;
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFF;
}
#words #main, #words section {
    height: 100%;
}
#page_18 .page_right, #page_18 .page_left {
    display: table;
    color: #000;
}
#words p {
    max-width: 680px;
}
#words p.bottom {
    margin-bottom: 50px;
}
#page_18 #video_container {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
#page_18 video {
    max-width: 863px;
    box-shadow: 8px 0px 20px 0 rgba(50, 50, 50, 0.15);
    margin-top: 50px;
}
#words .block_icons li {
    width: 160px;
    margin-left: 0px;
}
#words .block_icons li .icon-legend {
    width: 100%;
    height: 59px;
}
#icons_words .gificon-semantic_technology_leader {
    width: 57px;
}
#icons_words .gificon-context_targeting {
    top: 2px;
    width: 59px;
}
#icons_words .gificon-50_million_pages {
    width: 59px;
}
#with_watson {
    position: absolute;
    right: 30px;
    bottom: 30px;
    width: 150px;
    height: auto;
}
@media (max-width: 1750px) {
    #page_18 video {
        width: 80%;
        height: auto;
    }
}
@media (max-width: 1550px) {
    #page_18 .page_left {
        width: 50%;
    }
    #page_18 .page_right {
        width: 50%;
        left: 50%;
    }
    #words p {
        padding-right: 10px;
    }
    #page_18 h1 {
        font-size: 70px;
    }
    #page_18 h2 {
        font-size: 28px;
        margin-top: 15px;
    }
    #page_18 p {
        font-size: 18px;
    }
}
@media (max-width: 1250px) {
    #page_18 h2 {
        font-size: 24px;
    }
    #page_18 p {
        font-size: 16px;
    }
    #page_18 .block_icons li {
        margin-left: 0px;
        width: 140px;
    }
    #with_watson {
        width: 100px;
    }
}
@media (max-width: 870px) {
    #page_18 .block_icons li {
        width: 110px;
    }
    #words .block_icons li .icon-legend {
        font-size: 14px;
    }
}
@media (max-width: 768px) {
    #with_watson {
        display: none;
    }
    #page_18 .text {
        display: none;
    }
    #page_18 h1 {
        margin-bottom: 20px;
    }
    #page_18 h2 {
        margin-bottom: 20px;
    }
    #page_18 .block_icons {
        width: 410px;
        margin: 30px auto 0px auto;
    }
    #page_18 .block_icons li {
        margin-left: 40px;
    }
    #words .block_icons li .icon-legend {
        height: 50px;
    }
    #page_18 .page_left {
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        text-align: center;
        background: #FFF url(../img/bg_mobile/15.jpg) no-repeat;
        background-size: 100% auto;
        background-position: center 0px;
    }
    #page_18 #video_container {
        vertical-align: top;
    }
    #page_18 video {
        margin-top: 120px;
        width: 75%;
    }
    #page_18 .page_right {
        width: 100%;
        height: 45%;
        text-align: center;
        position: absolute;
        top: 55%;
        left: 0%;
    }
    #page_18 .page_right .wrapper_right {
        width: 100%;
        padding: 0px;
        vertical-align: top;
    }
    #page_18 p {
        display: none;
        margin: 0px auto 20px auto;
        max-width: none;
        padding: 0px 10px;
    }
}
@media (width: 768px) and (height: 800px) {
    #page_18 .page_left {
        background-position: center -140px;
    }
}
@media (max-width: 500px) {
    #page_18 h1 {
        font-size: 60px;
    }
    #page_18 .page_right {
        top: 45%;
        height: 55%;
    }
    #page_18 .block_icons {
        width: 330px;
        margin: 30px auto 0px auto;
    }
    #page_18 .block_icons li {
        margin-left: 0px;
    }
}
@media (max-width: 425px) {
    #icons_words .gificon {
        width: 40px;
    }
}
@media (max-width: 420px) {
    #page_18 .download_button {
        display: none;
    }
}
@media (max-width: 375px) {
    #page_18 h1 {
        font-size: 50px;
        margin-bottom: 0px;
        margin-top: 30px;
    }
    #page_18 .mobile_only {
        font-size: 14px;
        margin-bottom: 20px;
        margin-top: 10px;
        text-align: center;
        padding: 0px;
    }
    #words .block_icons li .icon-legend {
        font-size: 15px;
    }
    #page_18 .block_icons li {
        width: 100px;
    }
    #page_18 .block_icons {
        width: 320px;
    }
    #words .block_icons li .icon-legend {
        font-size: 13px;
    }
}
@media (max-width: 350px) {
    #page_18 h1 {
        margin-bottom: 20px;
        margin-top: -35px;
    }
    #page_18 .mobile_only {
        display: none !important;
    }
}
@media (max-width: 330px) {
    #page_18 video {
        margin-top: 110px;
    }
    #page_18 .page_right {
        top: 55%;
        height: 45%;
    }
}


/* Page 19 : SSP */

.background_16 {
    background-image: url(../img/bg/16.jpg);
    background-position: 100% 0;
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFF;
}
#ssp #main, #ssp section {
    height: 100%;
}
#page_19 .page_right, #page_19 .page_left {
    display: table;
    color: #000;
}
#ssp p {
    max-width: 680px;
}
#ssp p.bottom {
    margin-bottom: 50px;
}
#page_19 #video_container {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
#page_19 video {
    max-width: 863px;
    box-shadow: 8px 0px 20px 0 rgba(50, 50, 50, 0.15);
    margin-top: 50px;
}
#ssp .block_icons li {
    width: 160px;
    margin-left: 0px;
}
#ssp .block_icons li .icon-legend {
    width: 100%;
}
#ssp .gificon-intuitive_dashboard {
    width: 66px;
    top: 2px;
}
#ssp .gificon-40_dsp_connected {
    width: 100px;
}
#ssp .gificon-optimize_your_fillrate {
    width: 96px;
}
@media (max-width: 1750px) {
    #page_19 video {
        width: 80%;
        height: auto;
    }
}
@media (max-width: 1550px) {
    #page_19 .page_left {
        width: 50%;
    }
    #page_19 .page_right {
        width: 50%;
        left: 50%;
    }
    #ssp p {
        padding-right: 10px;
    }
    #page_19 h1 {
        font-size: 70px;
    }
    #page_19 h2 {
        font-size: 28px;
        margin-top: 15px;
    }
    #page_19 p {
        font-size: 18px;
    }
}
@media (max-width: 1250px) {
    #page_19 h2 {
        font-size: 24px;
    }
    #page_19 p {
        font-size: 16px;
    }
    #page_19 .block_icons li {
        margin-left: 0px;
        width: 140px;
    }
}
@media (max-width: 870px) {
    #page_19 .block_icons li {
        width: 110px;
    }
}
@media (max-width: 768px) {
    #page_19 .text {
        display: none;
    }
    #page_19 h1 {
        margin-bottom: 20px;
    }
    #page_19 h2 {
        margin-bottom: 20px;
    }
    #page_19 .block_icons {
        width: 410px;
        margin: 30px auto 0px auto;
    }
    #page_19 .page_left {
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        text-align: center;
        background: #FFF url(../img/bg_mobile/16.jpg) no-repeat;
        background-size: 100% auto;
        background-position: center 0px;
    }
    #page_19 #video_container {
        vertical-align: top;
    }
    #page_19 video {
        margin-top: 115px;
        width: 75%;
    }
    #page_19 .page_right {
        width: 100%;
        height: 45%;
        text-align: center;
        position: absolute;
        top: 55%;
        left: 0%;
    }
    #page_19 .page_right .wrapper_right {
        width: 100%;
        padding: 0px;
        vertical-align: top;
    }
    #page_19 p {
        display: none;
        margin: 0px auto 20px auto;
        max-width: none;
        padding: 0px 10px;
    }
    #page_19 .block_icons li {
        margin-left: 40px;
    }
}
@media (width: 768px) and (height: 800px) {
    #page_19 .page_left {
        background-position: center -140px;
    }
}
@media (max-width: 500px) {
    #page_19 h1 {
        font-size: 60px;
    }
    #page_19 .page_right {
        top: 45%;
        height: 55%;
    }
}
@media (max-width: 420px) {
    #page_19 .download_button {
        display: none;
    }
    #page_19 .block_icons {
        width: 330px;
    }
    #page_19 .block_icons li {
        margin-left: 0px;
    }
}
@media (max-width: 375px) {
    #page_19 h1 {
        font-size: 50px;
        margin-bottom: 0px;
        margin-top: 30px;
    }
    #page_19 .mobile_only {
        font-size: 12px;
        margin-bottom: 20px;
        margin-top: 10px;
        text-align: center;
        padding: 0px;
    }
    #ssp .block_icons li .icon-legend {
        font-size: 14px;
    }
    #page_19 .block_icons li {
        width: 100px;
    }
    #page_19 .block_icons {
        width: 300px;
    }
}
@media (max-width: 350px) {
    #page_19 h1 {
        margin-bottom: 20px;
        margin-top: -35px;
    }
}
@media (max-width: 330px) {
    #page_19 video {
        margin-top: 110px;
    }
    #page_19 .page_right {
        top: 50%;
        height: 50%;
    }
}


/* Page 20 : Demo Request */

.background_17 {
    background-image: url(../img/bg/17.jpg);
    background-position: 100% 0;
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFF;
}
#demo_request #main, #demo_request section {
    height: 100%;
}
#demo_request #main, #demo_request section {
    height: 100%;
}
#demo_request #menu_left {
    z-index: 7;
}
#demo_request .block_footer_contact {
    z-index: 10;
}
#page_20 .page_right, #page_20 .page_left {
    display: table;
}
#page_20 p {
    padding-right: 20px;
}
#page_20 h1 {
    margin-bottom: 30px;
}
#page_20 .full_content {
    display: table;
}
#error_message {
    cursor: pointer;
}
#page_20 #block_contact_left {
    margin: auto;
    float: none;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
#page_20 #block_contact_left .form_wrapper {
    width: 640px;
    position: relative;
    margin: auto;
}
#page_20 #block_contact_left .message_form {
    position: absolute;
    z-index: 5;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.90);
    font-family: "Muli";
    font-size: 23px;
    font-weight: 300;
    color: #000;
    text-align: center;
    vertical-align: middle;
    display: none;
}
#page_20 #block_contact_left .message_form_center {
    margin-top: 50%;
    transform: translateY(-50%);
}
#page_20 #block_contact_left input,
#page_20 #block_contact_left select {
    height: 54px;
    line-height: 54px;
    margin: 0px;
    border: none;
    width: calc(50% - 13px);
    box-shadow: 4px -3px 5px 0px rgba(50, 50, 50, 0.15);
    border: 1px solid #CCC;
}
#page_20 #block_contact_left textarea {
    box-shadow: 4px -3px 5px 0px rgba(50, 50, 50, 0.15);
    border: 1px solid #CCC;
}
#page_20 #block_contact_left input.block_left,
#page_20 #block_contact_left select.block_left {
    margin-right: 10px;
    width: calc(50% - 14px);
}
#page_20 #block_contact_left input.block_right,
#page_20 #block_contact_left select.block_right {
    margin-left: 10px;
}
#page_20 #block_contact_left input.double,
#page_20 #block_contact_left select.double {
    width: 100%;
    margin: 0px;
}
#page_20 #block_contact_left .form_line {
    margin-bottom: 20px;
    position: relative;
}
#page_20 #block_contact_left #contact_submit {
    background: #199cb6;
    color: #FFF;
    width: 50%;
    height: 78px;
    line-height: 78px;
    padding: 0px;
    margin: 0px;
    border: none;
    position: absolute;
    right: 0px;
    top: 0px;
}
#page_20 #block_contact_left #contact_submit:hover,
#page_20 #block_contact_left #contact_submit:active {
    background: #FFF;
    color: #199cb6;
}
@media (max-width: 1600px) {
    #page_20 #block_contact_left textarea,
    #page_20 #block_contact_left input,
    #page_20 #block_contact_left select {
        padding: 5px 10px;
        line-height: 40px;
        font-size: 19px;
    }
    #page_20 #block_contact_left input,
    #page_20 #block_contact_left select {
        height: 40px;
    }
    #page_20 #block_contact_left #contact_submit {
        font-size: 26px;
    }
}
@media (max-width: 1100px) {
    #page_20 .g-recaptcha {
        transform: scale(0.7);
        position: absolute;
        top: -12px;
        left: -47px;
    }
    #page_20 #block_contact_left #contact_submit {
        height: 55px;
        line-height: 55px;
        font-size: 24px;
    }
    #page_20 h1 {
        font-size: 50px;
    }
    #page_20 .background_17 {
        background-position: -420px 0px;
        width: 350px;
    }
    #page_20 .full_content {
        left: 300px;
        width: calc(100% - 300px);
    }
    #page_20 #block_contact_left .form_wrapper {
        width: 100%;
        padding: 0px 20px;
        box-sizing: border-box;
    }
}
@media (max-width: 768px) {
    #page_20 .full_content {
        width: 100%;
        height: 82%;
        text-align: center;
        position: absolute;
        top: 18%;
        left: 0%;
    }
    #page_20 .background_17 {
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background: #FFF url(../img/bg_mobile/17.jpg) no-repeat;
        background-size: 100% auto;
        background-position: center -150px;
        max-width: none;
    }
    #page_20 #block_contact_left {
        vertical-align: top;
    }
}
@media (max-width: 650px) {
    #page_20 .background_17 {
        background-position: center -110px;
    }
}
@media (max-width: 650px) {
    #page_20 .background_17 {
        background-position: center -110px;
    }
}
@media (max-width: 570px) {
    #page_20 .background_17 {
        background-position: center -70px;
    }
}
@media (max-width: 490px) {
    #page_20 .background_17 {
        background-position: center -30px;
    }
    #page_20 #block_contact_left .form_line {
        margin-bottom: 10px;
    }
    #page_20 #block_contact_left #contact_submit {
        width: auto;
        padding: 0px 20px;
    }
    #page_20 #block_contact_left textarea,
    #page_20 #block_contact_left input,
    #page_20 #block_contact_left select {
        line-height: 30px;
        font-size: 14px;
    }
    #page_20 #block_contact_left input,
    #page_20 #block_contact_left select {
        height: 30px;
    }
    #page_20 #block_contact_left #contact_submit {
        font-size: 22px;
    }
}
@media (max-width: 390px) {
    #page_20 .background_17 {
        background-position: center -20px;
    }
    #page_20 h1 {
        font-size: 40px;
        margin-bottom: 10px;
    }
}
@media (max-width: 360px) {
    #page_20 .background_17 {
        background-position: center -10px;
    }
    #page_20 textarea {
        height: 42px;
    }
}


/* Page 21 : IBM Watson */

.background_18 {
    background-image: url(../img/bg/18.jpg);
    background-position: 100% 0;
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFF;
}
#ibm_watson #main, #ibm_watson section {
    height: 100%;
}
#page_21 .small_background {
    position: fixed;
}
#ibm_watson #navigation_cursor {
    display: none;
}
#ibm_watson #contact_link .text {
    display: none;
}
.privacy_policy_container #block_icons li .icon,
.privacy_policy_container .on {
    background-color: #50baa3;
}
.privacy_policy_container h3 {
    border-bottom-color: #50baa3;
}
@media (max-width: 1020px) {
    #page_21 .full_content {
        left: 250px;
        width: calc(100% - 250px);
    }
    #page_21 .small_background {
        width: 265px;
    }
}
@media (max-width: 768px) {
    #page_21 .full_content {
        left: 150px;
        width: calc(100% - 150px);
    }
    #page_21 .small_background {
        width: 150px;
    }
}


/* Page 22 : Creative 2.0 */

.background_19 {
    background-image: url(../img/bg/19.jpg);
    background-position: 100% 0;
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFF;
}
#creative_2 #main, #creative_2 section {
    height: 100%;
}
#page_22 .page_right, #page_22 .page_left {
    display: table;
    color: #000;
}
#creative_2 p {
    max-width: 680px;
}
#creative_2 p.bottom {
    margin-bottom: 50px;
}
#page_22 #video_container {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
#page_22 video {
    max-width: 863px;
    box-shadow: 8px 0px 20px 0 rgba(50, 50, 50, 0.15);
    margin-top: 50px;
}
#creative_2 .block_icons li {
    width: 160px;
    margin-left: 0px;
}
#creative_2 .block_icons li .icon-legend {
    width: 100%;
}
#creative_2 .block_icons li .icon {
    position: absolute;
    top: 30px;
    left: 15px;
    transform: scale(0.5);
}
#creative_2 .gificon-optimized_click_rate {
    width: 57px;
}
#creative_2 .gificon-singular_design {
    top: 1px;
    width: 61px;
}
#creative_2 .gificon-fast_deployment {
    top: 4px;
    width: 69px;
}
@media (max-width: 1750px) {
    #page_22 video {
        width: 80%;
        height: auto;
    }
}
@media (max-width: 1550px) {
    #page_22 .page_left {
        width: 50%;
    }
    #page_22 .page_right {
        width: 50%;
        left: 50%;
    }
    #creative_2 p {
        padding-right: 10px;
    }
    #page_22 h1 {
        font-size: 70px;
    }
    #page_22 h2 {
        font-size: 28px;
        margin-top: 15px;
    }
    #page_22 p {
        font-size: 18px;
    }
}
@media (max-width: 1250px) {
    #page_22 h2 {
        font-size: 24px;
    }
    #page_22 p {
        font-size: 16px;
    }
    #page_22 .block_icons li {
        margin-left: 0px;
        width: 140px;
    }
}
@media (max-width: 870px) {
    #page_22 .block_icons li {
        width: 110px;
    }
}
@media (max-width: 768px) {
    #page_22 .text {
        display: none;
    }
    #page_22 h1 {
        margin-bottom: 20px;
    }
    #page_22 h2 {
        margin-bottom: 20px;
    }
    #page_22 .block_icons {
        width: 415px;
        margin: 30px auto 0px auto;
    }
    #page_22 .block_icons li {
        margin-left: 40px;
    }
    #page_22 .page_left {
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        text-align: center;
        background: #FFF url(../img/bg_mobile/19.jpg) no-repeat;
        background-size: 100% auto;
        background-position: center -140px;
    }
    #page_22 #video_container {
        vertical-align: top;
    }
    #page_22 video {
        margin-top: 120px;
        width: 75%;
    }
    #page_22 .page_right {
        width: 100%;
        height: 43%;
        text-align: center;
        position: absolute;
        top: 57%;
        left: 0%;
    }
    #page_22 .page_right .wrapper_right {
        width: 100%;
        padding: 0px;
        vertical-align: top;
    }
    #page_22 p {
        display: none;
        margin: 0px auto 20px auto;
        max-width: none;
        padding: 0px 10px;
    }
}
@media (max-width: 500px) {
    #page_22 h1 {
        font-size: 60px;
    }
    #page_22 .page_left {
        background-position: center 0px;
    }
    #page_22 .block_icons {
        width: 330px;
    }
    #page_22 .block_icons li {
        margin-left: 0px;
    }
}
@media (max-width: 420px) {
    #page_22 .download_button {
        display: none;
    }
    #page_22 .page_right {
        top: 45%;
        height: 55%;
    }
}
@media (max-width: 375px) {
    #page_22 h1 {
        font-size: 50px;
        margin-bottom: 0px;
        margin-top: 30px;
    }
    #page_22 .mobile_only {
        font-size: 14px;
        margin-bottom: 20px;
        margin-top: 10px;
        text-align: center;
        padding: 0px;
    }
    #creative_2 .block_icons li .icon-legend {
        font-size: 15px;
    }
    #page_22 .block_icons li {
        width: 100px;
    }
    #page_22 .block_icons {
        width: 300px;
    }
    #creative_2 .block_icons li .icon {
        top: 10px;
    }
}
@media (max-width: 350px) {
    #page_22 h1 {
        margin-bottom: 20px;
        margin-top: -35px;
    }
    #page_22 .mobile_only {
        display: none !important;
    }
}
@media (max-width: 330px) {
    #page_22 video {
        margin-top: 120px;
    }
    #page_22 .page_right {
        top: 52%;
        height: 48%;
    }
}


/* Page 23 : Native Advertising */

.background_20 {
    background-image: url(../img/bg/20.jpg);
    background-position: 100% 0;
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFF;
}
#native_advertising #main, #native_advertising section {
    height: 100%;
}
#page_23 .small_background {
    position: fixed;
}
#native_advertising #navigation_cursor {
    display: none;
}
#native_advertising #contact_link .text {
    display: none;
}
@media (max-width: 1020px) {
    #page_23 .full_content {
        left: 250px;
        width: calc(100% - 250px);
    }
    #page_23 .small_background {
        width: 265px;
    }
}
@media (max-width: 768px) {
    #page_23 .full_content {
        left: 150px;
        width: calc(100% - 150px);
    }
    #page_23 .small_background {
        width: 150px;
    }
}

/* Page 24 : DSP */

.background_16 {
    background-image: url(../img/bg/16.jpg);
    background-position: 100% 0;
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFF;
}
#dsp #main, #dsp section {
    height: 100%;
}
#page_24 .page_right, #page_24 .page_left {
    display: table;
    color: #000;
}
#dsp p {
    max-width: 680px;
}
#page_24 .page_right .wrapper_right {
    padding-right: 2.5%;
}
#page_24 #already_connected {
    display: table-cell;
    vertical-align: middle;
    padding-left: 75px;
}
#page_24 #already_connected .title {
    display: inline-block;
    color: #FFF;
    font-size: 32px;
    font-weight: 300;
    padding-bottom: 10px;
    margin-bottom: 40px;
    border-bottom: 1px solid #51baa2;
}
#page_24 #already_connected img {
    width: 80%;
    height: auto;
}
@media (max-width: 1300px) {
    #page_24 #already_connected .title {
        font-size: 24px;
        margin-bottom: 30px;
    }
}
@media (max-width: 1080px) {
    #page_24 #already_connected .title {
        font-size: 20px;
        margin-bottom: 20px;
    }
    #page_24 #already_connected {
        display: none;
    }
    #page_24 .page_left {
        width: 40%;
    }
    #page_24 .page_right {
        width: 60%;
        left: 40%;
    }
}
@media (max-width: 900px) {
    #page_24 .page_left {
        width: 45%;
    }
    #page_24 .page_right {
        width: 55%;
        left: 45%;
    }
}
@media (max-width: 768px) {
    #page_24 .page_left {
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        text-align: center;
        background: #FFF url(../img/bg_mobile/20.jpg) no-repeat;
        background-size: 100% auto;
        background-position: center -140px;
    }
    #page_24 .page_right {
        width: 100%;
        height: 50%;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0%;
    }
    #page_24 #already_connected {
        display: none;
    }
    #page_24 h1 {
        font-size: 70px;
    }
    #dsp p {
        max-width: none;
        font-size: 18px;
    }
    #page_24 .page_right .wrapper_right {
        vertical-align: top;
    }
}
@media (max-width: 600px) {
    #page_24 .page_left {
        background-position: center -80px;
    }
    #page_24 .page_right {
        height: 65%;
        top: 35%;
    }
}
@media (max-width: 450px) {
    #page_24 .page_left {
        background-position: center -40px;
    }
}
@media (max-width: 350px) {
    #page_24 .page_right {
        height: 70%;
        top: 30%;
    }
    #page_24 .page_left {
        background-position: center -40px;
    }
    #page_24 h1 {
        font-size: 50px;
    }
    #dsp p {
        font-size: 16px;
    }
}

@media screen and (min-device-width:1200px) and (max-device-width:1600px){
    #block_footer_contact_form{height:65%}
    #block_footer_contact_layer{height:35%}
}