/*
Theme Name:   Dante Child
Description:  Dante Child Theme
Author:       John Doe
Template:     dante
Version:      1.2.0

*/

@import url("../dante/style.css");
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,600;1,700&display=swap');
.nopaddingtop {
    margin-top: -146px !important;
}

.post-info.clearfix.post-display {
    display: block;
}

.text-advantage p {
    margin: 0px;
}

.wpcf-form-control-wrap input,
body {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    box-shadow: 0 0 0 30px white inset !important
}

.nopaddingbottom {
    margin-bottom: -60px !important;
}

.metrix-white {
    color: white !important;
}

.metrix-black {
    color: black !important;
}

.metrix-gray {
    color: #727272 !important;
}

.metrix-blue {
    color: #005eac !important;
}

.metrix-elecblue {
    color: #0065d3 !important;
}

.metrix-lightblue {
    color: #12bdf9;
}

.metrix-yellow {
    color: #fdcc06;
}

h3.metrix-lightblue {
    padding-left: 15px;
    padding-top: 20px;
    color: #12bdf9;
    margin-bottom: 12px;
}

h3.metrix-lightblue>img {
    margin-top: -12px;
    margin-right: 12px;
}

.square-lightblue {
    background-color: #12bdf6;
    color: #fff;
    min-height: 350px;
    border: 8px solid #ececec;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    box-align: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 30px;
    line-height: 34px;
    font-weight: 700;
}

.square-lightgray {
    background-color: #dcdcdc;
    color: #12bdf6;
    min-height: 350px;
    border: 8px solid #ececec;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    box-align: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 30px;
    line-height: 34px;
    font-weight: 700;
}

p.learning-rule {
    margin-left: 57px;
}

span.p-packaging {
    font-size: 19.2px;
    font-weight: 400;
    color: #444;
}

.image-text-column hr {
    margin-left: 72px;
    margin-right: 30px;
    border-top: 1px solid #cdcdcd;
    margin-top: 13px;
}

.digital-headings {
    background-color: #12bdfc;
    padding: 2px 32px 7px 22px;
    margin-bottom: 15px;
    margin-top: 30px;
}

.digital-practices {
    background-color: #fff;
    border: 3px solid #12bdfc;
    padding: 10px;
}

.digital-concepts {
    display: flex;
    align-items: center;
    font-size: 19px;
    line-height: 23px;
    margin-bottom: 12px;
}

.digital-concepts img {
    margin: 10px 15px 10px 0;
}

h4 a.link-to-post,
h3.spb-heading.spb-text-heading,
li.has-items a {
    color: #005eac !important;
}

h2.former-h1 {
    font-size: 30px;
    line-height: 32px;
}

.trebuchet-text {
    font-family: 'Source Sans Pro', sans-serif;
    text-align: justify;
    color: #727272;
}

.trebuchet-text-not-justified {
    font-family: 'Source Sans Pro', sans-serif;
    text-align: left;
    color: #727272;
}

.trebuchet-text h1 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    text-align: left;
    font-size: 36px;
    line-height: 34px;
}

.customer-insights-color-row h2 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    text-align: left;
    font-size: 36px;
    line-height: 38px;
}

.trebuchet-text h2 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    text-align: left;
    line-height: 40px;
    font-size: 36px;
    margin-top: 44px;
    margin-bottom: 32px;
}

.trebuchet-text h2 small {
    color: #000000;
    line-height: 30px;
    display: inline-block;
    font-size: 21px;
}

.metrix-blue-strong {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    color: #005EAC;
}

.trebuchet-text .metrix-strong,
.trebuchet-text-not-justified .metrix-strong {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
}

.trebuchet-text .metrix-blue-em {
    font-family: 'Source Sans Pro', sans-serif;
    color: #005EAC;
    font-weight: bold;
}

img.sas-image,
.customer-image img {
    max-width: 500px;
    display: block;
    margin: auto auto 26px auto;
}

div.insights-header-bg {
    background-size: cover;
}


/**** Whitepaper Product Line Optimization ***/

#main-navigation .menu-main-menu-container {
    display: none;
}

#main-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

#main-navigation .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.prod-line-list ul {
    text-indent: -27px;
    margin-left: 27px;
}


/*** END Whitepaper Product Line ***/

@media(max-width:558px) {
    #cookie-law-info-again {
        height: 30px;
        top: 0px;
    }
    #cookie-law-info-bar {
        height: 100px;
        top: 0px;
    }
}

@media screen and (min-width: 500px) {
    img.sas-image {
        display: inline;
        padding-right: 60px;
    }
    .customer-image img {
        /*display: inline;*/
        float: right;
        margin-top: 30px;
        margin-bottom: 0px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    div.lesspadding {
        padding-right: 0px;
        padding-left: 0px;
    }
    div.lessinternalpadding .spb_wrapper .box-content-wrap {
        padding: 8px;
    }
    div.normalinternalpadding .spb_wrapper {
        padding-left: 15px;
    }
}

div.whitebackground {
    background: rgba(240, 240, 240, 0.4);
}

div.darkbackground {
    background: rgba(0, 0, 0, 0.4)
}

div.whiterbackground {
    background: rgba(240, 240, 240, 0.5);
}

.vectorimage {
    text-align: center;
    max-width: 100%
}

ul {
    list-style-type: ‘circle’;
}

.newstitle {
    color: #444444;
}

.newstitle:hover {
    text-decoration: underline;
}

.nobullets li {
    list-style-type: none !important;
}

.pinterest,
.facebook,
.twitter,
.google-plus {
    display: inline-block !important;
}

.bottom-social-sharing .product_share_email {
    border-right-width: 2px;
}

.page-bottom-social-share {
    margin-top: 40px;
    margin-bottom: 40px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.page-top-social-share {
    margin-top: 20px;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    section.fw-row div.container {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .bar-styling li {
        text-indent: initial;
        padding-left: 0px;
    }
}

.mission {
    padding: 0px;
    margin-bottom: 0;
}

.vision {
    padding: 45px
}

.videomargin {
    margin-bottom: -12px !important;
}

.nopaddingsides {
    padding-left: 0px;
    padding-right: 0px
}

.horizontal-break {
    background-color: #999 !important;
}

.expertsimage {
    padding: 0px;
}

div.wpcf7 input[type="email"],
div.wpcf7 textarea {
    background-color: #f7f7f7;
}

div.wpcf7 textarea {
    height: 168px;
}

.imagelimit,
img.imagelimit {
    max-width: 350px;
    margin: auto;
}

.imagelimit-2 {
    max-width: 400px;
}

.imagelimitwhite,
img.imagelimitwhite {
    max-width: 350px;
    opacity: 0.6;
}

img.location-img {
    max-width: 320px;
}

.contact-row div.spb_content_element section.container div.row,
.v-center div.spb_content_element section.container div.row,
.v-center div.spb_wrapper section.container div.row {
    display: block;
    align-items: center;
}

div.float-right {
    float: right;
}

.image-maxwidth figure img {
    float: right;
}

.circlepadding {
    padding-bottom: 20px;
    margin: 0;
}

.circlepaddingwhite {
    padding-top: 20px;
    margin: 0;
}

.whitepaperp {
    font-size: 1.3em;
    margin: 0 0 18px;
}

.whitepaperp strong {
    color: #12bdf9;
}

.spb_text_column ul.whitepaperp {
    list-style-position: inside;
}

.spb_text_column ul.whitepaperp li {
    text-indent: 0em;
    margin-bottom: 15px;
}

.braincapacity img {
    max-width: 620px;
    float: right;
}

.braintext p {
    margin-left: auto;
}

div#livechat-compact-container {
    right: 120px !important;
    width: 140px !important;
}

div#livechat-full {
    right: 0px !important;
}

.chat {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: url(js/images/livechat2_small2x.png);
    width: 234px;
    height: 55px;
    background-repeat: no-repeat;
}

#mlcontainer img#theImg {
    bottom: 51px !important;
    right: -9px !important;
    z-index: 99 !important;
}


/* —————————————————————————————— Copied from STAGING Theme Options ————————————————————————————————— */

.related-projects.clearfix {
    float: left !important;
}

.portfolio-item figure img {
    min-height: 196px;
}

.spb_impact_text .spb_call_text {
    padding-left: 0px;
}

.portfolio-details-wrap {
    display: none;
}

h3.spb-heading {
    padding: 15px 0px;
}

#logo img,
#logo a:first-of-type,
#logo a:first-of-type img {
    height: 65px !important;
    /*fix during Xmas
    height: 58px !important;
    width: 240px;*/
    width: 232px;
}

.container {
    padding: 0px 15px!important;
}

.page-id-13 div.inner-page-wrap,
.page-id-15 div.inner-page-wrap,
.page-id-19 div.inner-page-wrap,
.page-id-21 div.inner-page-wrap,
.page-id-32 div.inner-page-wrap,
.page-id-34 div.inner-page-wrap,
.page-id-36 div.inner-page-wrap,
.page-id-54 div.inner-page-wrap,
.page-id-260 div.inner-page-wrap,
.page-id-335 div.inner-page-wrap,
.page-id-2841 div.inner-page-wrap {
    padding-top: 0px!important;
    margin-top: -0px;
    margin-bottom: -30px !important
}

#main-container {
    margin-top: -10px !important;
}

.icon-holder {
    height: 175px;
}

.icon-text1 {
    border-left: 3px solid #184290;
    padding-left: 10px;
}

.icon-text2 {
    border-left: 3px solid #b0c0c9;
    padding-left: 10px;
}

.icon-text3 {
    border-left: 3px solid #969ac5;
    padding-left: 10px;
}

#crafter {
    background-image: url(../images/icon.png);
}

.innovation-header {
    padding-top: 20px;
}

.solutions-color-row p,
.solutions-color-row h1,
.solutions-color-row h2,
.solutions-color-row h3 {
    margin-top: 5px;
    margin-bottom: 0;
    color: #ffffff;
    text-align: center;
}

h4.solutions-case {
    font-size: 1.2em;
    line-height: 1.2em;
    margin-bottom: auto;
}

.solutions-color-row img {
    margin-bottom: 18px;
}

.list-solutions {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    font-weight: 600;
    color: #535353;
    line-height: 1.4em;
}

.list-solutions li {
    margin-left: 33px;
    text-indent: -33px;
    margin-bottom: 8px;
}

.ol-solutions {
    position: relative;
    font-size: 1.6em;
    font-weight: 700;
    top: 4px;
    margin-right: 19px;
}

.company {
    padding-top: 20px;
}

.mobile_text {
    font-size: 30px;
}

#header-section.header-6 #header.sticky-header.sticky-header-resized {
    padding-top: 10px;
}

.transparent {
    background-color: rgba(25, 67, 144, 0.8);
}

.header {
    padding-top: 0px !important;
    margin-top: 10px !important
}

.remove-button-spacing a.sf-button {
    margin-bottom: 0;
}

a.sf-button {
    font-size: 15px;
}

a.sf-button.green {
    background-color: #7dbd3b;
}

a.lightblue {
    color: #12bdf9;
}

a.lightblue:hover {
    color: #005eac;
    text-decoration: underline;
}

a.sf-button.lightblue {
    background-color: #12bdf9;
}

figure.animated-overlay figcaption {
    background-color: #12bdf9 !important;
}

.wpcf7 #lightblue input.wpcf7-submit[type="submit"],
.wpcf7 #lightbluer input.wpcf7-submit[type="submit"] {
    background-color: #12bdf9 !important;
}

.wpcf7 #lightblue input.wpcf7-submit[type="submit"]:hover {
    background-color: #005eac !important;
}

.wpcf7 #lightbluer input.wpcf7-submit[type="submit"]:hover {
    background-color: #023f71 !important;
}

a.sf-button.lightblue:hover {
    background-color: #005eac;
}

#footer li>a:hover,
nav#main-navigation.mega-menu .menu li.menu-item>a:hover {
    color: #12bdf9;
}

nav#main-navigation.mega-menu .menu>li>a span.nav-line {
    background-color: #12bdf9;
}

.spb_wrapper .sf-icon-box[class*="icon-box-boxed-"] .sf-icon-cont.sf-icon-accent {
    background-color: #12bdf9;
}

.spb_wrapper .sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont.sf-icon-accent:after {
    border-top-color: #12bdf9;
    border-left-color: #12bdf9;
}

.icon-lightblue .sf-icon-box[class*="sf-icon-box-boxed-"] h3 {
    color: #005eac !important;
}

.pagination-wrap li a:hover,
ul.bar-styling li:not(.selected)>a:hover,
ul.bar-styling li>.comments-likes:hover,
ul.page-numbers li>a:hover,
ul.page-numbers li>span.current {
    color: #ffffff !important;
    background: #12bdf9 !important;
    border-color: #12bdf9 !important;
}

.mini-items .blog-item-details,
.share-links,
.single-portfolio .share-links,
.single .pagination-wrap,
ul.portfolio-filter-tabs li a {
    border-color: #dbdbdb !important;
}

ul.portfolio-filter-tabs li.selected a {
    background: #eeeeee !important;
}

.spb_text_column {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 10px;
}

.jobs {
    background-color: #FFFFFF;
}

.bar-styling li.pinterest,
.bar-styling li.facebook,
.bar-styling li.twitter,
.bar-styling li.google-plus {
    display: none;
}

#footer-promo-arrow {
    padding: 15px;
}

a.sf-button.green:hover {
    background-color: #71aa36;
}

a.sf-button.sf-icon-reveal.green {
    background-color: #7dbd3b;
}

a.sf-button.yellow {
    background-color: #fdcc06;
}

a.sf-button.yellow:hover {
    background-color: #e0a52f;
}

a.sf-button.blue {
    background-color: #0065d3;
}

a.sf-button.blue:hover {
    background-color: #134993;
}

.post-pagination-wrap {
    padding-top: -30px;
}

.height-market {
    margin-bottom: -26px;
}

#header-section.header-6 #header {
    height: 78px;
    padding: 8px 0 0;
}

#header-section.header-6 .container {
    padding: 0px 15px!important;
}

.is-sticky #logo a.mobile-menu-show,
.is-sticky #logo a.mobile-cart-link {
    padding-top: 18px;
}

#logo a.mobile-menu-show {
    padding: 18px 8px 17px 10px;
}

@media only screen and (max-width: 479px) {
    #logo img,
    #logo a:first-of-type {
        height: 62px !important;
        /*fix during Xmas
        height: 52px !important;
        width: 200px;*/
        width: 222px;
    }
    #logo a.mobile-menu-show {
        padding: 14px 8px 17px 10px;
    }
}

@media only screen and (max-width: 991px) {
    .header-6 #logo,
    .header-7 #logo {
        padding: 8px 0 8px 20px;
    }
}

nav#main-navigation .menu>li>a {
    padding-top: 20px;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 14px;
    color: #333;
}

nav#main-navigation .sub-menu li.menu-item>a {
    font-family: 'Montserrat';
    font-weight: 600;
}

.header-6 .is-sticky .sticky-header-resized nav#main-navigation .menu>li>a {
    padding-top: 18px;
    margin-bottom: 16px;
}

.hide_on_mobile_text {
    height: 75px;
}

@media screen and (max-width: 767px) {
    .hide_on_mobile {
        display: none;
    }
    .mobile_text {
        font-size: 20px;
    }
    .hide_on_mobile_text {
        display: none;
    }
}

@media screen and (min-width: 1200px) {
    .solution_product {
        height: 200px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .solution_product {
        height: 270px;
    }
}

@media screen and (min-width: 768px)and (max-width: 991px) {
    .solution_product {
        height: 330px;
    }
    a.sf-button {
        max-width: none;
    }
}

@media screen and (min-width: 768px) {
    /* .solution_product{
            height: 200px;
        }*/
    .solution_brand {
        height: 240px;
    }
    .solution_customer {
        height: 290px;
    }
}

@media screen and (max-width: 991px) {
    /* .solution_product{
            height: 270px;
        }*/
    .solution_brand {
        height: 290px;
    }
    .solution_customer {
        height: 420px;
    }
}

@media screen and (max-width: 767px) {
    .solution_product {
        height: auto;
    }
    .solution_brand {
        height: auto;
    }
    .solution_customer {
        height: auto;
    }
}

.wpcf7 textarea {
    background-color: #ffffff;
}

.wpcf7 input[type="text"] {
    background-color: #ffffff;
}

.wpcf7 input[type="email"] {
    background-color: #ffffff;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"] {
    margin-top: 14px;
    margin-bottom: 4px;
}

.wpcf7 select {
    margin-top: 14px;
    margin-bottom: 14px;
}

.wpcf7 .wpcf7-response-output {
    margin: 0 0 15px 0;
    width: 95%;
}

#footer_form .your-message input[type="text"] {
    margin-top: 14px;
}

.post-pagination-wrap.curved-bar-styling.clearfix {
    display: none;
}

.post-info.clearfix {
    display: none;
}

.share-links curved-bar-styling clearfix {
    display: none;
}

@media screen and (max-width: 1199px) {
    .solution_box {
        height: 413px;
    }
}

@media screen and (max-width: 767px) {
    .solution_box {
        height: auto;
    }
}


/* –––––––––––––––––––––––––––––––––––  END STAGING Theme Options  –––––––––––––––––––––––––––––––––– */

.sticky-wrapper {
    height: 83px !important;
}

.office h3.spb-heading {
    padding-bottom: 14px;
    margin-bottom: 0px;
    font-size: 21px;
}

.office div.spb_wrapper h3.country {
    color: #727272 !important;
    margin-top: 0px;
    font-size: 21px;
}

.office-address {
    position: relative;
    max-width: 320px;
    margin: auto;
}

.office-bkgr {
    position: relative;
    top: 0;
}

.office-text {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    position: absolute;
    top: 0%;
    background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.52) 65%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(55%, rgba(0, 0, 0, 0)), color-stop(65%, rgba(0, 0, 0, 0.52)), color-stop(100%, rgba(0, 0, 0, 1)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.52) 65%, rgba(0, 0, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.52) 65%, rgba(0, 0, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.52) 65%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.52) 65%, rgba(0, 0, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0);
    z-index: 100;
    color: #fff;
    padding-left: 14px;
    height: 100%;
    width: 100%
}

.office-text p {
    font-size: 15px;
    line-height: 1.4em;
    margin: 0 0 14px;
}

.office-text a {
    color: #fff;
}

.office-pin {
    position: absolute;
    right: 12px;
    bottom: 12px;
    z-index: 400;
    color: #fff;
    font-size: 30px;
}

.contact-row-item p a i {
    color: #999;
    font-size: 30px;
}

.contact-row-item p a i:hover {
    color: #12bdf9;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.box-rule-1 {
    height: 300px;
    padding: 0px;
}

.box-1 {
    height: 300px;
    background-color: #acacac;
    padding: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}

.double-box-1,
.double-box-f {
    height: 480px;
    background-color: #acacac;
    padding: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}

.box-1.backgr-0a {
    background: url(/wp-content/uploads/2016/12/background-0a-creative-mobile-ads.jpg);
    background-size: cover;
    background-position: center left;
}

.box-1.backgr-0b,
.double-box1.backgr-0b {
    background: url(/wp-content/uploads/2016/12/background-0b-creative-mobile-ads.jpg);
    background-size: cover;
    background-position: center left;
}

.box-1.backgr-1a {
    background: url(/wp-content/uploads/2016/12/background-1a-creative-mobile-ads.jpg);
    background-size: cover;
    background-position: bottom center;
}

.box-1.backgr-1 {
    background: url(/wp-content/uploads/2016/12/background-1-creative-mobile-ads.jpg);
    background-size: cover;
    background-position: bottom center;
}

.box-1.backgr-2 {
    background: url(/wp-content/uploads/2016/12/background-2-creative-mobile-ads.jpg);
    background-size: cover;
    background-position: bottom center;
}

.box-1.backgr-2a {
    background: url(/wp-content/uploads/2016/12/background-2a-creative-mobile-ads.jpg);
    background-size: cover;
    background-position: bottom center;
}

.box-1.backgr-3,
.double-box-1.backgr-3 {
    background: url(/wp-content/uploads/2016/12/background-3-creative-mobile-ads.jpg);
    background-size: cover;
    background-position: bottom center;
}

.box-1.backgr-4 {
    background: url(/wp-content/uploads/2016/12/background-4-creative-mobile-ads.jpg);
    background-size: cover;
    background-position: bottom center;
}

.double-box-1.backgr-4d {
    background: url(/wp-content/uploads/2016/12/background-4d-creative-mobile-ads.jpg);
    background-size: cover;
    background-position: bottom center;
}

.box-1.backgr-5 {
    background: url(/wp-content/uploads/2016/12/background-5-creative-mobile-ads.jpg);
    background-size: cover;
    background-position: bottom center;
}

.box-1.backgr-6 {
    background: url(/wp-content/uploads/2016/12/background-6-creative-mobile-ads.jpg);
    background-size: cover;
    background-position: bottom center;
}

.box-1.backgr-7,
.double-box-1.backgr-7 {
    background: url(/wp-content/uploads/2016/12/background-7-creative-mobile-ads.jpg);
    background-size: cover;
    background-position: center center;
}

.box-1.backgr-8,
.double-box-1.backgr-8 {
    background: url(/wp-content/uploads/2016/12/background-8-creative-mobile-ads.jpg);
    background-size: cover;
    background-position: top center;
}

.box-1 h2,
.box-1-backgr h2,
.double-box-1 h2 {
    display: block;
    font-size: 6em;
    color: #fff;
    padding-right: 10px;
    margin-top: -14px;
}

.box-1 h3,
.box-1-backgr h3,
.double-box-1 h3 {
    display: block;
    font-size: 2.2em;
    line-height: 1em;
    color: #fff;
}

.end {
    margin-right: 0 !important;
}

.flexrow {
    display: block;
}

p.rule {
    font-size: 1.7em;
    line-height: 1em;
    color: #fff;
}

p.prerule {
    font-size: 2em;
    line-height: 1em;
    color: #fff;
    text-align: center;
    margin: auto;
}

p.preruleback {
    font-size: 2em;
    line-height: 1em;
    color: #fff;
    text-align: center;
    margin: auto;
}

p.ruleback {
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 1.5em;
    line-height: 1em;
    color: #fff;
}

p.rule-double {
    font-size: 2em;
    line-height: 1em;
    color: #0060ae;
}

.solutions-height {
    height: 82px;
}

.icon-solutions .spb_wrapper figure img {
    width: 82px;
    height: auto;
    margin: auto;
}

.color-box-1 {
    padding: 26px;
    margin: 10px;
    background-color: #2a88bd;
    color: #fff;
    height: 200px;
}

.color-box-2 {
    padding: 26px;
    margin: 10px;
    background-color: #85b847;
    color: #fff;
    height: 200px;
}

.color-box-3 {
    padding: 26px;
    background-color: #803300;
    margin: 10px;
    color: #fff;
    height: 200px;
}

.color-box-1 a,
.color-box-2 a,
.color-box-3 a {
    text-decoration: none;
    color: #fff;
}

.color-box-1 a:hover,
.color-box-2 a:hover,
.color-box-3 a:hover {
    text-decoration: underline;
    color: #e4e4e4;
}

.imagemidlimit {
    max-width: 500px;
    margin: auto !important;
}

.imagelargelimit {
    max-width: 900px;
    margin: auto !important;
}

.green-arrow {
    background: url(https://www.metrixlab.com/new/wordpress/wp-content/uploads/2017/02/concept-green-box.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    padding: 20px 20px 90px 20px;
    min-height: 160px;
}

.green-arrow p {
    color: #fff;
    font-weight: bold;
    font-size: 1.3em;
}

.blue-col {
    background-color: #50b3e1;
}

.blue-number {
    padding: 4%;
    background-color: #50b3e1;
    width: 100%;
    margin: auto;
}

.blue-small-number {
    padding: 5%;
    background-color: #50b3e1;
    border: 8px solid #1986c4;
    min-height: 296px;
}

.blue-small-number .image-caption h4,
.blue-number .image-caption h4 {
    color: #fff;
    font-size: 1.26em;
}

.pretesting-box p,
.pretesting-box a {
    margin: 0px auto;
    padding: 2px auto;
    line-height: 0.8em;
}

.pretesting-box img {
    margin: -22px auto 3px auto;
    padding: 2px auto;
    line-height: 0.2em;
}

.flexrow .spb_content_element .container .row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}


/* NEW understanding shoppers page */

.em-blue {
    font-weight: bold;
    font-style: italic;
    color: #2a88bd;
}

.market-div {
    text-align: center;
    margin: auto;
}

[class $="-circle"] {
    margin: auto;
    background-color: #2a88bd;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    min-width: 187px;
    max-width: 220px;
    max-height: 250px;
    min-height: 187px;
}

.techno-circle {
    padding: 30px;
}

.measuring-circle {
    margin-bottom: 30px;
    padding: 30px;
    font-size: 1.12em;
}

.market-circle {
    padding: 33px;
}

@media screen and (min-width: 767px) {
    .blue-number {
        width: auto;
        max-width: 400px;
    }
    .techno-circle {
        margin-top: 35px;
    }
}


/*-=-=-=-=-=-=-=-=-=-=- */


/* Flip Panel */


/*-=-=-=-=-=-=-=-=-=-=- */

.back .box2 p img {
    max-width: 522px;
}

.panel {
    margin: 0 auto;
    height: 300px;
    position: relative;
    perspective: 600px;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
}

.panel .front,
.panel .back {
    text-align: center;
}

.panel .front {
    width: 100%;
    height: inherit;
    position: absolute;
    top: 0;
    z-index: 900;
    text-align: center;
    transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.panel .back {
    width: 100%;
    height: inherit;
    position: absolute;
    top: 0px;
    z-index: 1000;
    transform: rotateY(-180deg) scale(0.3);
    -webkit-transform: rotateY(-180deg) scale(0.3);
    -moz-transform: rotateY(-180deg) scale(0.3);
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.panel.flip .front {
    z-index: 900;
    transform: rotateY(180deg) scale(0.3);
    -webkit-transform: rotateY(180deg) scale(0.3);
    -moz-transform: rotateY(180deg) scale(0.3);
}

.panel.flip .back {
    z-index: 1000;
    transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
}

.double-panel {
    margin-top: -25px;
    height: 480px;
    position: relative;
    perspective: 600px;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
}

.double-panel .front,
.double-panel .back {
    text-align: center;
}

.double-panel .front {
    width: 100%;
    height: inherit;
    position: absolute;
    top: 0;
    z-index: 900;
    text-align: center;
    transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.double-panel .back {
    width: 100%;
    height: inherit;
    position: absolute;
    top: 0px;
    z-index: 1000;
    transform: rotateY(-180deg) scale(0.3);
    -webkit-transform: rotateY(-180deg) scale(0.3);
    -moz-transform: rotateY(-180deg) scale(0.3);
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.double-panel.flip .front {
    z-index: 900;
    transform: rotateY(180deg) scale(0.3);
    -webkit-transform: rotateY(180deg) scale(0.3);
    -moz-transform: rotateY(180deg) scale(0.3);
}

.double-panel.flip .back {
    z-index: 1000;
    transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
}

.box1 {
    background-color: #1986c4;
    width: 100%;
    height: 300px;
    margin: 0 auto;
    padding: 50px;
    display: flex;
    align-items: center;
}

.double-box1 {
    background-color: #ececec;
    width: 100%;
    height: 480px;
    margin: 0 auto;
    padding: 50px;
    display: flex;
    align-items: center;
}

.boxgreen {
    background-color: #00b909;
    width: 100%;
    height: 300px;
    margin: auto;
    text-align: center;
    padding: 50px;
    display: flex;
    align-items: center;
}

.doublegreen {
    background-color: #00b909;
    width: 100%;
    height: 480px;
    margin: 0 auto;
    padding: 50px;
    display: flex;
    align-items: center;
}

.box2 {
    background-color: #0060ae;
    width: 100%;
    height: 300px;
    margin: 0 auto;
    padding: 12px;
}

.double-box2 {
    background-color: #0060ae;
    width: 100%;
    height: 480px;
    margin: 0 auto;
    padding: 16px;
}

.flexbox {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}

div.header-right nav#main-navigation .menu>li {
    padding: 0 10px 10px;
}

.team-member figure:hover img {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    cursor: default;
}

h5.team-member-name a:hover {
    cursor: default;
    color: initial;
}


/*       .carousel-wrap a.carousel-next {
            right: -6px;
            opacity: 1;
            top: 40%;
        }
        
        .carousel-wrap a.carousel-prev {
            left: -6px;
            opacity: 1;
            top: 40%;
        }
        
        .carousel-wrap a.carousel-next:hover,
        .carousel-wrap:hover .carousel-next {
            right: -10px;
        }
        
        .carousel-wrap a.carousel-prev:hover,
        .carousel-wrap:hover .carousel-prev {
            left: -10px;
        }
*/

div.parallax-row.col-natural {
    padding-top: 80px;
    padding-bottom: 500px;
}

div.parallax-row-min.col-natural {
    padding-top: 20px;
    padding-bottom: 20px;
}

.sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-box-content-wrap {
    background: rgba(255, 255, 255, 0.8);
    height: 240px;
}

.page-heading h1 {
    word-wrap: normal;
    white-space: normal;
}

.cta-contact .cta_align_right a.sf-button {
    right: 0px
}

.mid-row {
    padding-bottom: auto;
}

@media screen and (min-width: 767px) {
    .cta-contact .cta_align_right a.sf-button {
        right: 30px
    }
    .spb_text_column ul.whitepaperp {
        padding-left: 22px;
        list-style-position: outside;
        -webkit-padding-start: 22px;
    }
    .solutions-height {
        height: 106px;
    }
    div.office.spb_text_column {
        height: 585px;
        width: 50%;
    }
    .carousel-wrap a.carousel-next {
        right: -26px;
        opacity: 1;
    }
    .carousel-wrap a.carousel-prev {
        left: -26px;
        opacity: 1;
    }
    div.parallax-row.col-natural {
        padding-top: 120px;
        padding-bottom: 480px;
    }
    div.parallax-row-min.col-natural {
        padding-top: 120px;
        padding-bottom: 120px;
    }
    .imagelimitwhite,
    img.imagelimitwhite {
        max-width: 350px;
        opacity: 1;
    }
    div.whiterbackground {
        background: rgba(240, 240, 240, 0.7);
    }
    .contact-row div.spb_content_element section.container div.row,
    .v-center div.spb_content_element section.container div.row,
    .v-center div.spb_wrapper section.container div.row {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
    }
    .imagelimit,
    img.imagelimit,
    .imagelimitwhite,
    img.imagelimitwhite {
        max-width: 254px;
    }
}

@media screen and (min-width: 992px) {
    .solutions-height {
        height: 88px;
    }
    .box-1 {
        padding: 50px;
    }
    .box-1 h2,
    .box-1-backgr h2,
    .double-box-1 h2 {
        font-size: 7em;
    }
    p.rule {
        font-size: 1.6em;
    }
    div.office.spb_text_column {
        height: 545px;
        width: 33.33%
    }
    .flexrow {
        display: flex;
    }
    .double-box-1 {
        height: 480px;
        background-color: #acacac;
        padding: 50px;
        display: block;
    }
    .double-box-1 h2 {
        padding-top: 50%;
        padding-bottom: 30px;
    }
    .mid-row {
        padding-bottom: 56px;
    }
}

@media screen and (min-width: 1200px) {
    p.rule {
        font-size: 2em;
    }
    .braintext p {
        margin-left: -70px;
        padding-right: 20px;
    }
    div.office.spb_text_column {
        height: 500px;
        width: 25%
    }
    .flexrow {
        display: flex;
    }
}


/* ———————————————————————————–––——— Ask the expert 23-may-2017 ––––————————————————————————————————— */

.expert-col {
    margin-bottom: 0px;
}

.expert-col .spb_wrapper {
    font-family: 'Source Sans Pro', sans-serif;
    color: #6d6e71;
    text-align: center;
}

.expert-col .spb_wrapper h3 {
    font-family: 'Source Sans Pro', sans-serif;
    color: #6d6e71;
    font-size: 20px;
    line-height: 18px;
    margin-bottom: 12px;
}

.expert-col .spb_wrapper p {
    font-size: 14px;
    line-height: 17px;
}

.expert-col-concept {
    display: block;
    color: #777;
    float: none;
    min-width: 160px;
}

img.align-expert {
    padding-top: 28px;
    float: none;
    margin: auto;
}

h2.featured-experts {
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    color: #005eac;
    font-size: 40px;
    line-height: 44px;
}

h3#expert-insights {
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    color: #252525;
    font-size: 21px;
    line-height: 27px;
}

h2#experts-claim {
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
}

h2#experts-cta {
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    color: #fff;
    font-size: 34px;
    line-height: 36px;
}

.ask-experts-cta-mobile figure img {
    max-width: 500px;
    margin: auto;
}

h2#experts-cta {
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    color: #fff;
    font-size: 34px;
    line-height: 36px;
}

.ask-experts-cta-mobile figure img {
    max-width: 500px;
    margin: auto;
}

p.subtitle-experts {
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    color: #252525;
    font-size: 18px;
    line-height: 25px;
}

.img-experts .spb_wrapper img {
    border: 1px solid #424242;
    width: 90%;
    margin: auto;
}

.img-experts .image-caption h4 {
    width: 90%;
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    color: #252525;
    font-size: 14px;
    line-height: 18px;
}

.img-experts h4 {
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    color: #252525;
    font-size: 16px;
    line-height: 20px;
}

.img-experts h4 span.expert-country {
    font-weight: 200;
}

.spb_text_column.img-experts {
    margin-top: 6px;
}

a.sf-button.call-button,
a.sf-button.email-button {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    line-height: 18px;
    margin-right: 20px;
    margin-left: 20px;
}

.time-to-think {
    margin-bottom: -80px !important;
}

p#time-claim {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 29px;
    line-height: 27px;
    text-align: center;
    color: #fff;
}

p#time-subtitle {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #fff;
}

h2.email-question {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    font-size: 21px;
    line-height: 25px;
    color: #4caee1;
}

h2.email-call {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    font-size: 21px;
    line-height: 25px;
    color: #96ca5d;
}

.end-arrow {
    padding-left: 16px;
    opacity: 0.7;
    float: right;
}

.end-arrow:hover {
    opacity: 1;
}

.experts-final-row {
    box-shadow: none;
    background-position: bottom center;
}

.wpcf7-form .col-md-6 .span {
    line-height: 21px;
}

.wpcf7-form .col-md-6 input[type="text"],
.wpcf7-form .col-md-6 input[type="email"],
.wpcf7 textarea {
    margin-top: 0px;
    margin-bottom: 0px;
}

.wpcf7-form .col-md-6 {
    margin-bottom: 26px;
}

span.your-question textarea {
    height: 104px;
}

.fw-row .spb-row-full-width.form-toggle {
    margin-top: -20px !important;
}

.schedule,
.email-question,
.pdf-form,
.video-form {
    display: none;
}

.hidden-xs-inline {
    display: none;
}

.last-row-still>div.spb_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

#email-success-modal,
#email-success-modal-custom {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 2000;
    display: none;
}

#email-success-modal img,
#email-success-modal-custom img {
    position: relative;
    top: 40%;
}

div.wpcf7-mail-sent-ok {
    border: none;
    color: rgb(228, 228, 228);
}

.page-id-7052 div.wpcf7-mail-sent-ok {
    display: none;
}

.page-id-7052 div.wpcf7-validation-errors {
    border: none;
}

img.ask-experts {
    margin-top: 35px;
}

img.ask-experts:hover {
    opacity: 0.8;
}

#wpcf7-f6633-p6264-o2 .wpcf7-response-output {
    color: #555;
    text-align: center;
}

#wpcf7-f6633-p6264-o2 .ebd_results {
    padding-bottom: 30px;
    text-align: center;
}

#wpcf7-f6633-p6264-o2 .ebd_link {
    color: #1986c4;
    font-weight: bold;
    padding: 15px 25px;
    background-color: #ececec;
}

#wpcf7-f6633-p6264-o2 .ebd_link:hover {
    color: #ececec;
    background-color: #1986c4;
}

@media screen and (min-width: 420px) {
    h2#experts-claim {
        font-size: 28px;
        line-height: 36px;
        max-width: 784px;
        margin: auto;
    }
    a.sf-button.call-button,
    a.sf-button.email-button {
        font-size: 24px;
        line-height: 24px;
        min-width: 301px;
    }
    p#time-claim {
        font-size: 35px;
        line-height: 30px;
        text-align: right;
    }
    p#time-subtitle {
        margin-top: -13px;
        font-size: 17.5px;
        line-height: 19px;
        text-align: right;
    }
    h2.featured-experts {
        font-size: 49px;
        line-height: 50px;
    }
}

@media screen and (min-width: 620px) {
    h2#experts-claim {
        font-size: 34px;
        line-height: 36px;
        max-width: 784px;
        margin: auto;
    }
}

@media screen and (min-width: 768px) {
    h2#experts-claim {
        font-size: 36px;
        line-height: 42px;
    }
    h2#experts-cta {
        font-size: 36px;
        line-height: 42px;
    }
    .hidden-xs-inline {
        display: inline;
    }
}

@media screen and (min-width: 992px) {
    h2#experts-claim {
        font-size: 48px;
        line-height: 56px;
        max-width: 784px;
        margin: auto;
    }
    h2#experts-cta {
        font-size: 48px;
        line-height: 56px;
        max-width: 784px;
        margin: auto;
    }
}

@media screen and (min-width: 1200px) {
    h2#experts-claim {
        font-size: 65px;
        line-height: 73px;
        max-width: 1000px;
        margin: auto;
    }
    h2#experts-cta {
        font-size: 54px;
        line-height: 73px;
        max-width: 1000px;
        margin: auto;
    }
}

@media screen and (min-width: 1319px) {
    p#time-subtitle {
        margin-top: -9px;
    }
    .expert-col .spb_wrapper {
        text-align: left;
    }
    img.align-expert {
        padding-top: 28px;
        float: left;
        margin: -7px 15px 20px 0;
    }
    .end-arrow {
        float: left;
    }
}


/* ———————————————————————————–––———   END Ask the expert   ––––————————————————————————————————— */


/* ———————————————————————————–––——— Feedback Survey 11-may-2017 ––––————————————————————————————————— */

.feedback_button_wrapper {
    z-index: 999;
    position: fixed;
    top: 46%;
}

.feedback_btn,
.submit_btn,
.no_thanks_btn,
.thanks_close_btn {
    height: 35px;
    margin: 2px;
}

.overlay_container {
    position: fixed;
    top: 50%;
    z-index: 99999;
}

.overlay_container .overlay_header {
    width: 100%;
}

.overlay_bg {
    z-index: 888;
}

@media screen and (max-width: 766px) {
    .overlay_container {
        width: 96%;
        max-width: 300px;
    }
    .overlay_wrapper {
        width: 96%;
        padding: 10px;
    }
    .feedback_button_wrapper {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
        right: -40px;
        top: 50%;
        line-height: 35px;
        font-size: 17px;
        width: 92px;
        height: 33px;
    }
    .feedback_button_wrapper:hover {
        right: -30px;
    }
    .feedback_btn {
        width: 98%;
        max-width: 270px;
    }
}


/* —————————————————————————————— END of Feedback Survey 11-may-2017 ————————————————————————————————— */


/* —————————————————————————————— Digital advantage 5-7-2017 ————————————————————————————————— */

@import url('https://fonts.googleapis.com/css?family=Roboto');
.page-id-7117 section+section.fw-row {
    max-width: 1366px;
    margin: auto;
}

a.blue-underlined,
.lesson-column>.spb_wrapper>p>a,
.key-lessons>.spb_wrapper>p>a {
    color: #005ea5;
    text-decoration: underline;
}

.lesson-column>.spb_wrapper>p>a:hover,
.key-lessons>.spb_wrapper>p>a:hover {
    color: #1986c4;
}

.page-id-7117 h1.title-dig-adv {
    text-align: center;
    font-size: 56px;
    line-height: 60px;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
}

.page-id-7117 p.title-dig-adv {
    margin-top: 36px;
    text-align: center;
    font-size: 19px;
    line-height: 23px;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
}

.row-advantage h2 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
}

.row-advantage p,
.row-advantage span {
    font-family: 'Source Sans Pro', sans-serif;
}

.row-advantage .spb_single_image img {
    height: auto;
    width: 590px;
}

.row-advantage .img-right .spb_wrapper {
    display: flex;
    justify-content: flex-end;
}

.title-advantage .spb_wrapper {
    width: 100%;
    display: flex;
    align-items: flex-start;
}

.title-advantage p {
    width: 100%;
    max-width: 250px;
}

.title-advantage h2 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 25px;
    line-height: 27px;
    margin: 0px 0px 0px 0px;
    color: #B5B5B5;
    font-weight: bold;
    padding-right: 15px;
    padding-left: 15px;
}

.text-advantage {
    display: flex;
    justify-content: center;
}

.text-advantage .spb_wrapper {
    max-width: 420px;
    width: 100%;
}

.text-advantage.t-right {
    display: flex;
    justify-content: flex-start;
}

.text-advantage p {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    line-height: 20px;
}

.title-description {
    display: flex;
    justify-content: center;
}

.title-description .spb_wrapper {
    max-width: 460px;
    width: 100%;
}

.title-description .spb_wrapper span {
    display: block;
}

.title-description p {
    font-family: 'Source Sans Pro', sans-serif;
    font-style: italic;
    font-size: 21px;
    line-height: 26px;
    font-weight: bold;
    word-break: keep-all;
    letter-spacing: 1px;
}

.title-description p span {
    font-family: 'Source Sans Pro', sans-serif;
}

.big-title-advantage.big-3-text {
    display: flex;
}

.big-title-advantage.big-5-text {
    display: flex;
}

.big-title-advantage .spb_wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.big-title-advantage .big-number {
    font-size: 140px;
    line-height: 60px;
    color: #fff;
    font-weight: 800;
    letter-spacing: 0px;
    font-family: 'Roboto', sans-serif;
}

.big-title-advantage h2 {
    font-size: 25px;
    line-height: 27px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
}

.text-advantage.t-blue {
    display: flex;
    justify-content: flex-start;
    padding-left: 18px;
}

.text-image-ian-davis .spb_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.row-text-image-ian-davis .text-image-ian-davis {
    padding-bottom: 0px;
}

.text-image-ian-davis p {
    font-size: 17px;
    line-height: 19px;
    margin-bottom: 0px;
}

.text-image-ian-davis img {
    margin: 0px;
}

img.align-number {
    max-width: 100%;
    display: block;
    margin: 5px -15px 5px -15px;
}

.page-id-7117 .inner-page-wrap {
    margin: 0px;
}

.your-country select {
    height: 39px;
    color: #777;
}

.your-country #Countrytwo {
    margin-top: 0;
    margin-bottom: 0;
}


/*** Responsive ***/

@media (min-width: 420px) {
    .page-id-7117 h1.title-dig-adv {
        font-size: 80px;
        line-height: 80px;
    }
    .title-advantage h2 {
        padding-right: auto;
        padding-left: auto;
    }
    .title-description p {
        font-size: 25px;
        line-height: 30px;
        letter-spacing: 2px;
    }
    .big-title-advantage h2 {
        font-size: 32px;
        line-height: 37px;
    }
}

@media (min-width: 768px) {
    .title-advantage h2 {
        font-size: 32px;
        line-height: 37px;
    }
    .big-title-advantage .big-number {
        font-size: 250px;
        line-height: 130px;
        letter-spacing: -45px;
    }
    .text-image-ian-davis p {
        font-size: 24px;
        line-height: 27px;
    }
    .title-advantage img.left {
        padding-left: 15px;
        height: auto;
        /*width: 395px;
    max-width: 192px;*/
        min-width: 250px;
        max-width: 250px;
    }
    .title-advantage .spb_wrapper {
        width: auto;
    }
    .title-advantage img.right {
        padding-right: 15px;
        min-width: 250px;
        max-width: 250px;
    }
    .big-title-advantage .big-number.number-12 {
        margin-right: 50px;
    }
    .title-description p {
        font-size: 30px;
        line-height: 35px;
    }
    img.align-number {
        margin: 5px 0px 5px 0px;
    }
    .text-advantage.t-blue {
        padding-left: 0px;
    }
}

@media (min-width: 992px) {
    .row-advantage .container {
        padding: 0px !important;
    }
    .image-maxwidth figure img {
        max-width: 280px;
    }
    .title-advantage h2 {
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: bold;
        font-size: 48px;
        line-height: 58px;
        letter-spacing: 2px;
    }
    .title-description p {
        font-size: 36px;
        line-height: 45px;
    }
    .big-title-advantage h2 {
        font-size: 53px;
        line-height: 48px;
    }
    #main-navigation .menu-main-menu-container {
        display: inherit;
    }
}

@media (min-width: 1200px) {
    .text-advantage.t-left .spb_wrapper {
        margin-left: 192px;
    }
    .text-advantage.t-right .spb_wrapper {
        margin-left: 77px;
    }
    .text-advantage.t-blue .spb_wrapper {
        margin-left: 77px;
    }
    .spb-row-container.spb-row-full-width .spb_content_element .text-12 .spb_wrapper {
        margin-left: 177px !important;
    }
}


/* ––––––––––LAU–––––––––*/

.mobile-browser .spb_parallax_asset.mask-blue,
.spb_parallax_asset.mask-blue {
    background-position: 95% 73% !important;
}

.mobile-browser .spb_parallax_asset.mask-blue,
.spb_parallax_asset.mask-blue.bg-12 {
    background-position: 95% 60% !important;
}

.mask-blue:before {
    position: absolute;
    content: "";
    top: 0;
    background-color: #005ea5;
    height: 800px;
    left: 0;
    right: 0;
    opacity: 0.7;
}

.big-title-advantage .number-blue {
    font-size: 250px;
    line-height: 140px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -45px;
    margin-right: 60px;
    font-family: 'Source Sans Pro', sans-serif;
}

.mask-blue .title-advantage .spb_wrapper {
    align-items: flex-end;
}

@media(max-width: 767px) {
    .slogan {
        font-size: 12px !important;
        line-height: 14px !important;
    }
    .colum .spb_wrapper {
        flex-direction: column;
    }
    .reverse .spb_wrapper {
        flex-direction: column-reverse;
    }
    .big-title-advantage .number-blue {
        font-size: 160px;
        line-height: 75px;
    }
    .big-title-advantage h2 {
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: bold;
        margin-left: 15px;
    }
    body.page-id-7117 .blank_spacer {
        max-height: 20px;
    }
    body.page-id-7117 .blank_spacer.display-none {
        display: none;
    }
}

.row-advantage.spb-row-container.spb-row-full-width .spb_content_element .absolute {
    z-index: 10;
}

.row-advantage.spb-row-container.spb-row-full-width .spb_content_element .absolute h2 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    width: 100%;
}

.absolute.title-right {
    display: flex;
    justify-content: flex-end;
    padding-right: 0px;
}

.row-advantage.spb-row-container.spb-row-full-width .spb_content_element .absolute.title-right h2 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    width: 100%;
    padding-right: 30px;
}

@media (min-width: 768px) {
    .row-advantage.spb-row-container.spb-row-full-width .spb_content_element .absolute {
        position: absolute;
    }
    .row-advantage.spb-row-container.spb-row-full-width .spb_content_element .absolute h2 {
        width: 808px;
    }
    .row-advantage.spb-row-container.spb-row-full-width .spb_content_element .absolute.title-right h2 {
        width: 560px;
        padding-right: auto;
    }
    .row-advantage.spb-row-container.spb-row-full-width .spb_content_element .absolute {
        margin-top: 45px !important;
    }
}


/* –––––––––––––––– end LAU ––––––––––––––––––– */


/* —————————————————————————————— Digital advantage 5-7-2017 ————————————————————————————————— */


/* footer form*/

.call-to-action {
    background-color: #005ea5;
    position: relative;
}

.formulario-footer {
    width: 80%;
    margin: 0px auto;
    padding: 30px 0px;
}

.contact-row {
    display: flex;
    flex-direction: column;
}

.formulario-footer h1.contact-main-title {
    color: white !important;
    font-size: 32px;
    font-weight: bold;
    padding-bottom: 16px;
    font-family: Montserrat, sans-serif;
}

.formulario-footer p.contact-main-title {
    margin-top: 20px;
    margin-bottom: 10px;
    color: white;
    font-size: 32px;
    font-weight: bold;
    padding-bottom: 16px;
    font-family: Montserrat, sans-serif;
}

.formulario-footer input[type="text"],
.formulario-footer input[type="email"],
.formulario-footer select {
    border: none;
    padding: 16px;
    color: #6a6a6a;
    font-size: 14px;
    margin-bottom: 4px;
    width: 100%;
}

.formulario-footer select {
    height: 58px;
}

.formulario-footer select {
    padding: 16px 16px 22px 16px;
}

.formulario-footer .wpcf7-submit.wpcf7-form-control {
    float: right;
    margin-right: 0px;
}

@media(min-width: 768px) {
    .contact-row {
        flex-direction: row;
        justify-content: space-between;
    }
    .contact-field-half {
        width: 49%;
    }
}

@media(min-width:980px) {
    .formulario-footer {
        width: 50%;
    }
}

div.wpcf7-mail-sent-ok {
    border: none;
    color: white;
}

#enviar {
    margin-right: 0px;
}


/* —————————————————————————————— END Digital advantage ————————————————————————————————— */


/* —————————————————————————————— Whitepaper Cat food 10-08-2017 ————————————————————————————————— */

.catfood-p {
    height: 130px;
    display: block;
}

.img_full_cf {
    width: auto;
}

@media(max-width:1199px) {
    .catfood-p {
        height: 200px;
    }
}

@media(max-width:991px) {
    .catfood-p {
        height: 280px;
    }
}

@media(max-width:767px) {
    .catfood-p {
        height: auto;
    }
    .img_full_cf {
        width: 50%;
    }
    .img_full_cf_center {
        margin: 0 auto;
    }
}


/* —————————————————————————————— END Whitepaper Cat food ————————————————————————————————— */


/* –––––––––––––––– RISING INFLUENCERS ––––––––––––––––––– */

ul.blog-list>li {
    text-indent: -22px;
    margin-left: 60px;
}

.spb_text_column.grey-number-container {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.spb_text_column.grey-number-container h2 {
    color: #4c4c4c;
    font-size: 1.6em;
    line-height: 1.1em;
}

.infographic-right {
    max-width: 350px;
    margin: auto;
    right: 0px;
}

.spb_parallax_asset.under-armour-header {
    background-position: left -170px;
}

.visible-md {
    display: none;
}

.hidden-md {
    display: block;
}

@media screen and (min-width: 767px) {
    .visible-md {
        display: block;
    }
    .hidden-md {
        display: none;
    }
    .spb_text_column.grey-number-container h2 {
        font-size: 2em;
    }
}

@media screen and (min-width: 992px) {
    .visible-md {
        display: none;
    }
    .hidden-md {
        display: block;
    }
    .spb_text_column.grey-number-container h2 {
        font-size: 2.3em;
    }
}


/* –––––––––––––––– end RISING INFLUENCERS ––––––––––––––––––– */


/* –––––––––––––––– AR Whitepaper ––––––––––––––––––– */

.object-nofit.borderframe img {
    border: 2px solid #005eac;
}

.object-fit-height.borderframe img {
    max-height: 600px;
    object-fit: contain;
    border: 2px solid #005eac;
}

.research-bg {
    margin-bottom: 0px;
    padding: 0px
}

.green-max-height {
    padding: 0;
    height: 100%;
    margin-bottom: -60px;
}

.green-max-height img {
    padding: 0;
    height: 100%;
}

.whitepaper-text p,
.whitepaper-text ul {
    font-size: 1.2em;
}

.whitepaper-text ul li {
    text-indent: -26px;
    margin-left: 45px;
}

.blue-bg {
    background-color: #318dc9;
    padding: 22px;
    height: auto;
    margin: 0px 15px 2px 15px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.blue-bg img {
    max-width: 160px;
    margin: auto;
}

.green-bg {
    background-color: #95bf37;
    padding: 14px 20px;
    margin-left: 0px;
}

.green-bg p {
    margin: 0px;
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
}

.topics-img .image-caption>h4 {
    font-weight: 200;
    color: #005eac;
}

.spb-row-container.spb-row-full-width .spb_content_element .harnessing-ar {
    background-color: #318dc9;
    padding: 25px;
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
    margin: 10px !important;
    max-width: 100%;
    min-height: auto;
}

.harnessing-ar.right {
    float: none;
}

.harnessing-box p {
    margin: 0px;
}

.author-whitepaperp {
    font-size: 1.3em;
    margin: 0 0 18px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .author-whitepaperp {
        text-align: left;
    }
    .ar-insights img {
        height: 198px;
    }
    .green-separator {
        background-color: #95bf36;
        height: 668px;
        padding: -8px;
        margin: 0px -15px;
    }
    .blue-bg {
        max-width: 209px;
        height: 494px;
    }
    .green-bg {
        padding: 14px 20px 14px 46px;
        margin-left: -30px;
    }
    .short-bg {
        height: 324px;
    }
    .spb-row-container.spb-row-full-width .spb_content_element .harnessing-ar {
        font-size: 1.2em;
        margin: 20px -15px !important;
        max-width: 180px;
        min-height: 285px;
    }
    .harnessing-ar.right {
        float: right;
    }
}

@media screen and (min-width: 992px) {
    .ar-insights img {
        height: 261px;
    }
    .green-separator {
        height: 538px;
    }
    .blue-bg {
        max-width: 284px;
        height: 415px;
    }
    .short-bg {
        height: 274px;
    }
    .spb-row-container.spb-row-full-width .spb_content_element .harnessing-ar {
        font-size: 1.4em;
        margin: 20px 4px !important;
        max-width: 214px;
        min-height: 260px;
    }
}

@media screen and (min-width: 1200px) {
    .ar-insights img {
        height: 322px;
    }
    .green-separator {
        height: 486px;
    }
    .blue-bg {
        max-width: 360px;
        height: 362px;
    }
    .short-bg {
        height: 234px;
    }
    .spb-row-container.spb-row-full-width .spb_content_element .harnessing-ar {
        max-width: 333px;
        min-height: 160px;
    }
}


/* –––––––––––––––– END AR Whitepaper ––––––––––––––––––– */


/* –––––––––––––––– AR Whitepaper ––––––––––––––––––– */

.object-nofit.borderframe img {
    border: 2px solid #005eac;
}

.object-fit-height.borderframe img {
    max-height: 600px;
    object-fit: contain;
    border: 2px solid #005eac;
}

.research-bg {
    margin-bottom: 0px;
    padding: 0px
}

.green-max-height {
    padding: 0;
    height: 100%;
    margin-bottom: -60px;
}

.green-max-height img {
    padding: 0;
    height: 100%;
}

.whitepaper-text p,
.whitepaper-text ul {
    font-size: 1.2em;
}

.whitepaper-text ul li {
    text-indent: -26px;
    margin-left: 45px;
}

.blue-bg {
    background-color: #318dc9;
    padding: 22px;
    height: auto;
    margin: 0px 15px 2px 15px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.blue-bg img {
    max-width: 160px;
    margin: auto;
}

.green-bg {
    background-color: #95bf37;
    padding: 14px 20px;
    margin-left: 0px;
}

.green-bg p {
    margin: 0px;
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
}

.topics-img .image-caption>h4 {
    font-weight: 200;
    color: #005eac;
}

.spb-row-container.spb-row-full-width .spb_content_element .harnessing-ar {
    background-color: #318dc9;
    padding: 25px;
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
    margin: 10px !important;
    max-width: 100%;
    min-height: auto;
}

.harnessing-ar.right {
    float: none;
}

.harnessing-box p {
    margin: 0px;
}

.author-whitepaperp {
    font-size: 1.3em;
    margin: 0 0 18px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .author-whitepaperp {
        text-align: left;
    }
    .ar-insights img {
        height: 198px;
    }
    .green-separator {
        background-color: #95bf36;
        height: 668px;
        padding: -8px;
        margin: 0px -15px;
    }
    .blue-bg {
        max-width: 209px;
        height: 494px;
    }
    .green-bg {
        padding: 14px 20px 14px 46px;
        margin-left: -30px;
    }
    .short-bg {
        height: 324px;
    }
    .spb-row-container.spb-row-full-width .spb_content_element .harnessing-ar {
        font-size: 1.2em;
        margin: 20px -15px !important;
        max-width: 180px;
        min-height: 285px;
    }
    .harnessing-ar.right {
        float: right;
    }
}

@media screen and (min-width: 992px) {
    .ar-insights img {
        height: 261px;
    }
    .green-separator {
        height: 538px;
    }
    .blue-bg {
        max-width: 284px;
        height: 415px;
    }
    .short-bg {
        height: 274px;
    }
    .spb-row-container.spb-row-full-width .spb_content_element .harnessing-ar {
        font-size: 1.4em;
        margin: 20px 4px !important;
        max-width: 214px;
        min-height: 260px;
    }
}

@media screen and (min-width: 1200px) {
    .ar-insights img {
        height: 322px;
    }
    .green-separator {
        height: 486px;
    }
    .blue-bg {
        max-width: 360px;
        height: 362px;
    }
    .short-bg {
        height: 234px;
    }
    .spb-row-container.spb-row-full-width .spb_content_element .harnessing-ar {
        max-width: 333px;
        min-height: 160px;
    }
}


/* –––––––––––––––– END AR Whitepaper ––––––––––––––––––– */


/* ––––––––––––––––   INFLUENCER MARKETING 7 lessons   ––––––––––––––––––– */

.row-equal-height>.spb_content_element>.container>.row,
.image-column>spb_wrapper,
.blue-column>spb_wrapper {
    display: block;
}

.blue-column {
    background-color: #318dc9;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    padding-bottom: 30px;
}

.image-column>spb_wrapper {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.spb_text_column.image-text-column {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    padding-bottom: 0px;
}

.image-column>spb_wrapper {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.spb_text_column.image-text-column {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    padding-bottom: 0px;
}

.spb_text_column.lesson-column,
.blue-column>spb_wrapper>section.container:last-child {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: flex-end;
    padding-bottom: 0px;
}

.blue-column>spb_wrapper>section.container:last-child {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    padding-bottom: 0px;
}

.image-text-column>.spb_wrapper>p,
.lesson-column>.spb_wrapper>p {
    font-size: 1.2em;
    line-height: 1.5em;
    padding-left: 15px;
    padding-right: 15px;
}

.image-text-column ul {
    font-size: 1.2em;
    line-height: 1.5em;
    text-indent: -26px;
    margin-left: 28px;
    padding-left: 15px;
}

.lesson-column>.spb_wrapper>p:last-child {
    margin-bottom: -3px;
}

.lesson-column>.spb_wrapper {
    padding: auto;
}

.blue-column h3 {
    color: #fff;
    font-size: 2em;
    line-height: 1.1em;
    font-weight: 800;
    padding-top: 20px;
    padding-bottom: 40px;
}

.lesson-number {
    color: #fff;
    font-size: 8em;
    font-weight: 800;
    padding-top: 70px;
}

.key-lessons h2 {
    color: #318dc9;
    font-size: 2.6em;
    line-height: 1.1em;
    font-weight: 800;
    padding-top: 0px;
    padding-bottom: 30px;
}

.key-lessons h3 {
    color: #318dc9;
    font-size: 1.8em;
    line-height: 1.1em;
    font-weight: 800;
    padding-top: 20px;
    padding-bottom: 0px;
}

.key-lessons>.spb_wrapper>p {
    font-size: 1.2em;
    line-height: 1.3em;
    padding-left: 34px;
}

.lupe-image {
    margin-top: auto;
}

.spb_text_column.light-blue-bg {
    color: #1f387b;
    background-color: #ddecf8;
    padding: 20px 19px 0px 24px;
}

.spb_text_column.mid-blue-bg {
    color: #1f387b;
    background-color: #bfdff8;
    padding: 20px 30px 0px 45px;
    margin: 0 -30px 0 -30px;
}

.spb_text_column.mid-blue-bg p,
.spb_text_column.light-blue-bg p {
    margin: 0 0 18px;
}

.spb_text_column.side-blue-bg {
    color: #1f387b;
    background-color: #bfdff8;
    padding: 20px 19px 3px 60px;
    margin-left: -45px;
    line-height: 1.5em;
    font-size: 1.2em;
    margin-bottom: 19px;
}

.spb_text_column.side-lightblue-bg {
    color: #fff;
    background-color: #12bdf9;
    padding: 20px 19px 3px 60px;
    margin-left: -45px;
    line-height: 1.5em;
    font-size: 1.2em;
    margin-bottom: 19px;
}

.margin-socialinfl {
    padding-left: auto;
}

@media screen and (min-width: 767px) {
    .row-equal-height>.spb_content_element>.container>.row,
    .blue-column>spb_wrapper {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }
    .lesson-column>.spb_wrapper {
        padding: 0 30px;
    }
    .lupe-image {
        margin-top: -100px;
    }
    .margin-socialinfl {
        padding-left: 30%;
    }
}


/* ––––––––––––––––   end INFLUENCER MARKETING 7 lessons   ––––––––––––––––––– */

.image-text-column h2 {
    margin-top: 0;
    margin-left: 15px;
    margin-bottom: 30px;
    color: #318dc9;
    font-size: 1.8em;
}


/* ----------------  copied from Production theme options  -------------------- */

.blurry-text {
    position: relative;
}

.blur-text {
    position: absolute;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 72%, rgba(255, 255, 255, 1) 86%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 72%, rgba(255, 255, 255, 1) 86%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 72%, rgba(255, 255, 255, 1) 86%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}

.blur-text-gray {
    position: absolute;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(236, 236, 236, 0) 0%, rgba(236, 236, 236, 1) 72%, rgba(236, 236, 236, 1) 86%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(236, 236, 236, 0) 0%, rgba(236, 236, 236, 1) 72%, rgba(236, 236, 236, 1) 86%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(236, 236, 236, 0) 0%, rgba(236, 236, 236, 1) 72%, rgba(236, 236, 236, 1) 86%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ececec', endColorstr='#ececec', GradientType=0);
    /* IE6-9 */
}

aside .sidebar {
    display: none !important;
}

.tp-bgimg {
    background-size: cover;
}

.breadcrumbs {
    display: none !important;
}

.sitemap-wrap {
    display: none !important;
}

.spb_single_image {
    margin-bottom: 0px !important;
}

.menu-item {
    zoom: 1 !important;
}

p.impact-text-large {
    font-size: 28px;
    font-family: Montserrat;
}

#email-success-modal {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 200;
    display: none;
}

#email-success-modal img {
    position: relative;
    top: 40%;
}


/* Css in PDF Pop Up Forms */

.button-dwn-pdf h3 {
    display: none;
}

.wpcf7-form .title-page {
    display: none;
}


/* --- End ---*/


/* Blog */

.blog ul.bar-styling li>form input {
    height: 44px;
}

.blog .asset-bg.alt-one {
    background-color: #222222;
}

.single-post .post-pagination-wrap.curved-bar-styling.clearfix {
    display: block;
}


/* ––––––––––––––  SOCIAL INSIGHTS LANDING  –––––––––––––––– */

.spb_content_element.insights-form-column {
    max-width: 460px;
    background-color: rgba(255, 255, 1255, 0.85);
}

.spb_content_element.insights-form-column p:first-of-type {
    line-height: 19px;
    margin-bottom: 10px;
}

.spb_content_element.insights-column .metrix-white {
    text-shadow: 2px 1px 1px #000;
}

.spb_content_element.insights-column h1 {
    font-size: 36px;
    line-height: 36px;
}

.spb_content_element.insights-column div {
    margin-bottom: 30px;
}

.spb_content_element.insights-column img {
    margin-right: 20px;
    float: left;
}

.spb_content_element.insights-column .strong {
    font-weight: 700;
    display: block;
    float: left;
}

.pricing-icon-row .alignleft,
.insights-icon-row .alignleft {
    float: none;
    margin: auto;
}

.insights-icon-row .spb_wrapper p {
    font-size: 16px;
    line-height: 18px;
    max-width: 300px;
    margin: auto;
}

.pricing-icon-row .spb_wrapper p {
    font-size: 16px;
    line-height: 18px;
    max-width: 325px;
    margin: auto;
}

.more-insights a.metrix-gray {
    font-size: 19px;
    font-weight: 600;
    line-height: 20px;
}

.more-insights img.alignleft {
    margin: 5px 20px 11px 0;
    width: 100%;
}

.more-insights.spb_text_column {
    padding: 0px;
}

.more-insights-row .spb_content_element.column_container {
    margin-bottom: 0;
}

@media screen and (min-width: 768px) {
    .spb_content_element.insights-column h1 {
        font-size: 46px;
        line-height: 46px;
    }
    p.impact-text-large {
        font-size: 36px;
    }
}

@media screen and (min-width: 992px) {
    .pricing-icon-row .alignleft,
    .insights-icon-row .alignleft {
        float: left;
        margin: 24px 20px 58px 0;
    }
    .pricing-icon-row .spb_wrapper h3,
    .pricing-icon-row .spb_wrapper p,
    .insights-icon-row .spb_wrapper h3,
    .insights-icon-row .spb_wrapper p {
        text-align: left;
    }
}


/* ––––––––––––––  END  SOCIAL INSIGHTS LANDING  –––––––––––––––– */


/* ––––––––––––––  Packaging quiz form  –––––––––––––––– */

.packaging-form {
    display: none;
}


/* ––––––––––––  END Packaging quiz form  –––––––––––––– */

.indented-list,
.indented-list-no-margin {
    text-indent: -23px;
    margin-left: 23px;
}

.indented-list li {
    margin-bottom: 12px;
}


/*MODAL- SUBSCRIPTION MODULE*/

.close {
    position: absolute;
    top: 0px;
    right: 15px;
}

.modal-title {
    text-align: center;
    font-size: 30px;
}

.btn-primary {
    background-color: #1986C4;
}

.btn-primary:hover {
    background-color: #2E2E36;
}

.button-suscribe {
    display: block;
    width: 80px;
    height: 40px;
    background: #1986c4;
    padding: 5px;
    text-align: center;
    border-radius: 0px;
    color: white;
    font-weight: bold;
    margin: 15px 0px 15px 0px;
    cursor: pointer;
}

a.button-suscribe:hover {
    color: white;
    background-color: #2E2E36;
}


/* --------------- Single Post header ----------------- */

.page-heading.asset-bg {
    border-color: white;
    border-bottom-color: white;
    background-color: white;
    padding: 55px 15px 0px 15px;
}

.pagination-wrap {
    padding: 0px;
}

.mail a,
.comments-likes {
    height: 48px !important;
}

.portfolio-options-bar {
    margin: 15px;
    ;
}

.portfolio-options-bar ul.pagination-wrap.bar-styling {
    width: 100%;
}

.portfolio-options-bar .share-links ul.bar-styling li>a {
    padding: 10px 13px;
}

.portfolio-options-bar .share-links ul.bar-styling li>div {
    padding: 8px 12px 9px;
}

ul.bar-styling li>a {
    padding: 10px 16px;
}

@media only screen and (min-width: 478px) {
    .portfolio-options-bar ul.pagination-wrap.bar-styling {
        width: 37%;
    }
    .portfolio-options-bar .share-links ul.bar-styling li>a {
        padding: 8px 9px;
    }
    .portfolio-options-bar .share-links ul.bar-styling li>div {
        padding: 8px 12px 5px;
    }
    .mail a,
    .comments-likes {
        height: 44px !important;
    }
    .share-links ul.bar-styling li>a {
        padding: 8px 16px;
    }
}

@media only screen and (min-width: 526px) {
    .portfolio-options-bar .share-links ul.bar-styling li>a {
        padding: 8px 12px;
    }
}

@media only screen and (min-width: 600px) {
    .portfolio-options-bar .share-links ul.bar-styling li>a {
        padding: 8px 16px;
    }
}


/* --------------- END  Single Post header ----------------- */


/* ------------------- GPDR COMPLIANCE --------------------- */

.gpdr-form label,
.gpdr-form p,
.gpdr-form .wpcf7-list-item-label,
.gpdr-form span.wpcf7-list-item {
    font-weight: 400;
    font-size: 13px;
    color: #999;
    line-height: 19px;
}

.gpdr-form.darkbg .wpcf7-list-item-label {
    color: #ececec;
}

.wpcf7 span.wpcf7-not-valid-tip,
.wpcf7 .gpdr-form span.wpcf7-not-valid-tip {
    font-weight: bold;
    font-size: 15px;
    line-height: 17px;
    color: #fe4b69;
}

.wpcf7 .gpdr-form.darkbg span.wpcf7-not-valid-tip,
.wpcf7 .contact-row span.wpcf7-not-valid-tip,
.wpcf7 .darkbg .your-message span.wpcf7-not-valid-tip,
.wpcf7 .your-message span.wpcf7-not-valid-tip {
    font-weight: bold;
    font-size: 15px;
    color: #fe4b69;
}

.formulario-footer .wpcf7-validation-errors,
.formulario-footer .wpcf7-response-output {
    color: #fff;
}

.gpdr-form {
    margin-bottom: 16px;
}

.gpdr-form p:last-of-type {
    margin-top: 16px;
}

.gpdr-form span.wpcf7-list-item-label::before {
    margin-left: 5px;
}

.gpdr-form span.wpcf7-form-control-wrap {
    display: inline;
}

.gpdr-communication .gated .wpcf7-list-item.last {
    margin-bottom: 6px;
}


/* ------------------- end GPDR COMPLIANCE --------------------- */


/* ––––––––––––– For Preference center ––––––––––––––– */

.wpcf7-form-control-wrap.topics .wpcf7-checkbox {
    display: flex;
    flex-direction: column;
}

.preference-form label,
.preference-form p,
.preference-form .wpcf7-list-item-label,
.preference-form span.wpcf7-list-item {
    font-weight: 200;
    font-size: 16px;
    color: #999;
    line-height: 24px;
}

.preference-form span.wpcf7-list-item-label::before {
    margin-left: 7px;
}

.acceptance-pref-center span.wpcf7-list-item {
    margin-bottom: 19px;
}

.wpcf7 p .your-pref-email {
    width: 95%;
    margin-top: 6px;
    margin-bottom: 20px;
    padding: 6px;
    border: 1px solid #e4e4e4;
    font-size: 14px!important;
    background: #f7f7f7;
}

.wpcf7-form-control.wpcf7-previous {
    font-size: 12px;
    line-height: 18px;
    height: auto;
    padding: 13px 16px;
    margin: -18px 12px 0 0;
    font-weight: bold;
    border: 1px solid #1986c4;
    background-color: #fff;
    color: #1986c4;
    vertical-align: middle;
}


/* ––––––––––––– End of Preference center ––––––––––––––– */


/* ––––––––––––– Point-of-sale page ––––––––––––––– */

.spb_nomarginbotttom .spb_text_column {
    margin-bottom: 0;
}

.bg-top-position {
    background-position: top;
}


/* ––––––––––––– End Point-of-sale page ––––––––––––––– */

.solutions-indent {
    text-indent: -24px;
    margin-left: 24px;
}

.solutions-pre-li {
    margin-bottom: 12px;
}

.contact-page-hero-bg {
    background-position: center -200px;
}

.wpcf7 .contact-page textarea {
    margin-top: 14px;
}

.wpcf7 .contact-page select {
    margin-top: 14px;
    margin-bottom: 4px;
}

.wpcf7 input[type=text],
.wpcf7 textarea {
    color: #444;
    font-weight: 400;
}

.whitebackground h3 {
    color: #2e61a5;
    font-weight: 800;
    font-size: 1.8em;
    line-height: 1.2em;
    padding-top: 20px;
}

.live-chat-max {
    max-width: 500px;
    margin: auto;
}


/* ––––––––– FIX Contries not showing in contact page –––––––––––– */

.office h3.spb-heading span:before {
    content: "";
    position: absolute;
    height: 5px;
    border-top: 1px solid #222;
    top: 0;
    width: 1200px;
    right: 100%;
    margin-right: 15px;
    border-color: #e4e4e4;
}


/* ————  NEW FLOWCHART DEVELOPMENT  –––– */

.second-yes,
.second-no,
.third-yes,
.third-no,
.fourth-yes,
.fourth-no {
    display: none;
}

.flowchart-container .row:before,
.flowchart-container .row:after,
.flowchart-container .container:before,
.flowchart-container .container:after {
    display: inline;
}

.spb_content_element.col-sm-12,
.spb_content_element.col-xs-6 {
    margin-bottom: 15px;
}


/* –––––––––––––––––––––  NEW HOME REDESIGN –––––––––––––––––––––– */

.carousel-wrap a.carousel-next,
.carousel-wrap a.carousel-prev {
    width: 38px;
    height: 38px;
    margin: -19px 0 0;
    display: block;
    background: transparent url(images/home-showcase-nav.png) no-repeat center left;
    position: absolute;
    top: 42%;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 1;
    filter: alpha(opacity=1);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    z-index: 3;
}

.carousel-wrap a.carousel-next {
    background-position: center right;
    right: -12px;
}

.carousel-wrap a.carousel-prev {
    left: -12px;
}

.carousel-wrap:hover .carousel-next {
    background: transparent url(images/hover-showcase-nav.png) no-repeat center right;
    right: -24px;
}

.carousel-wrap:hover .carousel-prev {
    background: transparent url(images/hover-showcase-nav.png) no-repeat center left;
    left: -24px;
}

.carousel-wrap a.carousel-next.disabled,
.carousel-wrap a.carousel-prev.disabled {
    opacity: 0!important;
    display: none;
}

.hero-link {
    color: #fff;
    /*font-weight: bold;*/
    font-size: 16.5px;
}

.hero-link img.alignleft {
    margin-top: 0;
    margin-bottom: 0;
    width: 38%;
}

.metrix-white-link {
    color: white;
}

.metrix-white-link:hover {
    color: white;
    text-decoration: underline;
}

.spb_content_element .header-featured {
    padding-left: 0;
    padding-right: 0;
}

.spb_content_element .header-featured .container {
    padding: 0px 19px!important;
}

.article-body-wrap ul {
    text-indent: -22px;
    margin-left: 22px;
}

.article-body-wrap ul.social-icons {
    text-indent: 0;
    margin-left: 0;
}

@media only screen and (min-width: 768px) {
    .carousel-wrap a.carousel-next,
    .carousel-wrap a.carousel-prev {
        top: 33%;
    }
    .hero-link {
        font-size: 19px;
    }
    .hero-link img.alignleft {
        width: 46.3%;
    }
    .header-video-featured .header-video {
        width: 55%;
        padding-right: 0%;
        padding-bottom: 17px;
    }
    .header-video-featured .header-featured {
        width: 45%;
    }
    .carousel-wrap a.carousel-next {
        right: -13px;
    }
    .carousel-wrap a.carousel-prev {
        left: -13px;
    }
    .carousel-wrap:hover .carousel-next {
        right: -36px;
    }
    .carousel-wrap:hover .carousel-prev {
        left: -36px;
    }
    .spb_content_element .header-featured {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 992px) {
    .carousel-wrap a.carousel-next {
        right: -33px;
    }
    .carousel-wrap a.carousel-prev {
        left: -33px;
    }
    .carousel-wrap:hover .carousel-next {
        right: -56px;
    }
    .carousel-wrap:hover .carousel-prev {
        left: -56px;
    }
}

.home-second-row h2,
.home-row h2 {
    font-size: 28px;
}

.home-row p {
    font-size: 18px;
}

.home-second-row .spb_content_element {
    margin-bottom: 3px;
}

.home-case-stories .recent-post,
.home-solutions .recent-post {
    background: none;
}

.home-latest .recent-post figure,
.home-case-stories .recent-post figure {
    background-color: #eeeeee !important;
    margin-bottom: 12px;
}

.home-solutions .recent-post figure {
    background-color: #fff !important;
    margin-bottom: 3px;
}

.home-latest figure.animated-overlay:hover figcaption,
.home-case-stories figure.animated-overlay:hover figcaption,
.home-solutions figure.animated-overlay:hover figcaption {
    opacity: 0;
}

.home-latest figure.animated-overlay figcaption,
.home-case-stories figure.animated-overlay figcaption,
.home-solutions figure.animated-overlay figcaption {
    background-color: none !important;
    background-image: none;
}

.home-solutions .recent-post h5 {
    text-align: center;
    font-weight: 600;
    font-size: 22px;
    line-height: 1.1em;
}

.portfolio-items .portfolio-item h3.portfolio-item-title,
.recent-post .details-wrap h5 {
    font-weight: 600;
}

.home-solutions .recent-post h5 a {
    color: #535353;
}

.home-latest .recent-post h5 a,
.home-case-stories .recent-post h5 a {
    color: #535353;
    line-height: 1.25em;
    font-weight: 400;
    font-size: 16px;
}

.hero-link:hover,
.home-latest .recent-post h5 a:hover,
.home-case-stories .recent-post h5 a:hover,
.home-solutions .recent-post h5 a:hover {
    color: #12bdf9
}

.maxwidth-text {
    max-width: 950px;
    margin: auto;
}

.cta-message {
    background: #12bdf9;
}

.cta-message:hover {
    background: #005ea5;
}

.cta-chat {
    background: #fdcc06;
}

.cta-chat:hover {
    background: #e0a52f
}

.cta-call {
    background: #005eac;
}

.cta-call:hover {
    background-color: #134993;
}

.cta-connect {
    background: #f49800;
}

.cta-connect:hover {
    background: #b56f00;
}

.home-cta {
    height: 66px;
}

.home-cta img.alignleft {
    width: 34px;
    height: 34px;
    margin: 0 0 -10px 0;
    padding: 16px 19px 16px 3px;
    box-sizing: content-box;
    border-right: 1px solid rgba(255, 255, 255, 0.6);
}

.home-cta p {
    margin: 0;
    text-align: center;
    line-height: 3.5em;
}

.home-cta a {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    display: block;
    font-family: Montserrat;
}

.home-cta a:hover {
    color: #fff;
}

.home-row.cta-icons .column_container {
    margin-bottom: 5px;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .home-cta {
        height: 50px;
    }
    .home-cta a {
        font-size: 18px;
    }
    .home-cta p {
        line-height: 2.7em;
    }
    .home-cta img.alignleft {
        padding: 9px 10px 9px 0px;
    }
}


/* –––––––––––––––––––––––––– Whitepaper: what makes a great ad?  -–––––––––––––––––––––––––––––– */

.row-equal-height.great-ad h2,
.home-row.great-ad h2 {
    font-size: 2.5em;
    line-height: 1.1em;
}

.key-success {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.theme-row .col-sm-6,
.theme-row .col-lg-11 .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.theme-row .col-lg-11 {
    border-bottom: 3px solid #fff;
}

.key-success p {
    margin: 0;
}

.key-success img.alignleft {
    margin: 5px 0;
    padding-right: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
}

.key-success .key-one {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66%;
    flex: 0 0 66%;
}

.key-success .key-two {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
}

.key-success .key-three {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66%;
    flex: 0 0 66%;
}

.key-success h3 {
    color: #666;
    font-size: 26px;
    line-height: 1.1em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    margin: 0;
}

.best-practices,
.best-practices-number {
    color: #fdcc06;
}

.home-row .best-practices {
    text-align: center;
}

.home-row .best-practices-number {
    font-size: 15em;
    font-weight: bold;
    line-height: 0.66em;
    text-align: center;
}

.spb_text_column.box-12-best {
    margin-bottom: 0;
    padding-bottom: 0;
}

.theme-practices {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.theme-practices:first-of-type {
    padding-right: 15px;
}

.theme-number {
    font-size: 4em;
    font-weight: bold;
    padding-right: 15px;
}

.theme-text {
    font-size: 1.25em;
    line-height: 1.1em;
    color: #666;
    word-break: break-word;
    hyphenate-character: auto;
    -webkit-hyphenate-character: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.theme-row h3 {
    font-size: 2em;
    line-height: 1em;
}

.ensure {
    font-size: 1.2em;
    line-height: 1.5em;
}

.key-number {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
}

.image-text-column strong {
    color: #005eac;
}

h2.title-align-bottom {
    position: absolute;
    bottom: -25px;
    margin-bottom: 18px;
}

.last-client-graph {
    margin-top: 40px;
}

@media(min-width:425px) {
    .theme-number {
        font-size: 5em;
    }
}

@media(min-width:768px) {
    .home-row .best-practices {
        text-align: left;
    }
    h2.title-align-bottom {
        bottom: 20px;
        margin-bottom: 18px;
    }
    .home-row .best-practices-number {
        text-align: right;
    }
    .key-success.minus-two {
        margin-left: -70px;
    }
    .key-number.one {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
    }
    .theme-row .col-sm-6,
    .theme-row .col-lg-11 .row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .last-client-graph {
        margin-top: auto;
    }
}

@media(min-width:992px) {
    .theme-number {
        font-size: 6em;
    }
}


/*----------------------  New home        ------------------------*/

.testimonial .testimonial-text {
    font-weight: 300;
}

.testimonial-wrap ul.bar-styling li>a {
    padding: 8px 16px;
}

.no-line-after h3.spb-heading span:after {
    border-top: none;
}


/* ––––––––––––––––––  Pricing Styles ––––––––––––––––––– */

.regular {
    font-weight: 400;
}

.semibold {
    font-weight: 600;
}

.big-lead {
    font-size: 30px;
}

.insights-hero h1 {
    line-height: 36px
}

.insights-hero {
    background-position-y: 24px;
}

.insights-hero .horizontal-break {
    background-color: #fff !important;
}

.pricing-blue-row .sf-button {
    font-size: 20px;
    margin-bottom: 12px;
}

.pricing-blue-row .sf-button.lightblue:hover {
    background-color: #134993;
}

.wpcf7 input.wpcf7-submit.lightblue-submit[type="submit"] {
    font-size: 18px;
    background-color: #12bdf9 !important;
}

.wpcf7 input.wpcf7-submit.lightblue-submit[type="submit"]:hover {
    background-color: #005eac !important;
}

.wpcf7 select.country-select {
    margin-bottom: 4px;
}

.pricing-blue-row p {
    margin: 0;
}

.pricing-blue-row .p-right,
.pricing-blue-row .p-left {
    text-align: center;
}

.pricing-blue-row .spb_text_column {
    margin-bottom: 0;
    padding-bottom: 0;
}

.pricing-blue-row .spb_text_column:first-of-type {
    margin-top: 18px;
    margin-bottom: 0;
}

.pricing-blue-row .spb_text_column:last-of-type {
    margin-bottom: 6px;
}

.princing-option {
    background-image: url(https://www.metrixlab.com/new/wordpress/wp-content/uploads/2019/04/price-box-bg.png);
    background-position: top center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #fff;
    text-align: center;
    border: 20px solid #eeeeee;
    padding: 0;
}

.princing-option.more .pricing-section-buttons {
    border-top: none;
    padding: 28px 28px 8px 28px;
}

.princing-option .row {
    -webkit-box-shadow: 0px 3px 4px #dedede;
    box-shadow: 0px 3px 4px #dedede;
}

.princing-option .big-lead.metrix-blue {
    margin-bottom: 10px;
}

.prices-start.metrix-blue {
    margin-bottom: 14px;
}

.spb_text_column.pricing-box {
    padding: 0;
}

.prices-start {
    font-size: 24px;
    margin-bottom: 16px;
}

.other-solutions {
    display: block;
    font-size: 24px;
    margin: 24px auto 0;
    padding-right: 0;
    max-width: 350px;
}

.prices {
    font-size: 48px;
    margin-bottom: 17px;
}

.pricing-section {
    background-color: #fafafa;
    padding: 14px 20px 1px 20px;
    border-top: 1px solid #ccc;
}

.pricing-section-buttons {
    padding: 24px 20px 12px 20px;
    border-top: 1px solid #ccc;
}

.pricing-section-buttons .sf-button.stroke-to-fill {
    font-size: 18px;
    margin: 5px;
    padding: 22px 26px;
    border-radius: 8px;
    width: 240px;
}

.pricing-box p {
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
}

.pricing-box .prices-desc {
    max-width: 430px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.3em;
    margin-bottom: 32px;
}

.pricing-box .prices-img {
    padding: 38px 0 6px 0;
    margin-bottom: 0;
}

.pricing-section .metrix-blue {
    line-height: 1.3em;
    margin-bottom: 12px;
}

a.sf-button.orange {
    background-color: #f49800;
    color: #fff;
}

a.sf-button.orange:hover {
    background-color: #de8900;
}

.fa-small {
    font-size: 70%;
    padding-left: 4px;
}

.nopaddingbottom-80 {
    margin-bottom: -80px !important;
}

.wpcf7 input.last-text[type="text"] {
    margin-bottom: 14px;
}

.wpcf7 input[type="tel"] {
    width: 100%;
    max-width: 100%;
}

@media only screen and (min-width: 320px) {
    .pricing-blue-row .sf-button {
        width: 300px;
    }
}

@media only screen and (min-width: 768px) {
    .princing-option.more .pricing-section-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .pricing-blue-row .sf-button {
        font-size: 19px;
        margin-bottom: 0;
    }
    .princing-option.more .pricing-section-buttons .sf-button.stroke-to-fill {
        width: 180px;
    }
    .princing-option.more {
        background-image: url(https://www.metrixlab.com/new/wordpress/wp-content/uploads/2019/04/price-box-lg-bg.png);
    }
    .other-solutions {
        margin-bottom: 0;
        margin-top: 0;
        padding-right: 60px;
        max-width: unset;
    }
    .pricing-blue-row p {
        margin: 16px 0 7px 0;
        padding-bottom: 10px;
    }
    .pricing-blue-row .p-right {
        text-align: right;
    }
    .pricing-blue-row .p-left {
        text-align: left;
    }
    .wpcf7 input[type="tel"] {
        width: 95%;
    }
    .pricing-blue-row .spb_text_column:first-of-type,
    .pricing-blue-row .spb_text_column:last-of-type {
        margin-top: 0;
        margin-bottom: 0;
    }
    .pricing-blue-row .sf-button {
        width: auto;
    }
}

@media only screen and (min-width: 1200px) {
    .pricing-section-buttons .sf-button.stroke-to-fill {
        font-size: 19px;
        margin: 0 4px;
    }
}


/* ––––––––––––––––––  404 Page  ––––––––––––––––––– */

ul.bulleted {
    list-style-type: disc;
    margin-left: 20px;
}

.sf-button.small.lightblue {
    font-size: 19px;
    text-transform: none;
}

.error-page-wrap {
    margin-top: 30px;
    margin-bottom: 40px;
}

.error-page-wrap h2 {
    margin-bottom: 40px;
}

.error-page-wrap h4 {
    margin-bottom: 20px;
}

.error404 .page-heading.asset-bg {
    background-image: url('images/not-found-hero-bg.jpg');
    background-position: top center;
    background-size: cover;
    padding: 150px 15px 150px 15px;
}

.error404 .page-heading.asset-bg h1 {
    font-size: 2.5em;
    color: #fff;
    line-height: 1em;
}

.error404 #breadcrumbs {
    display: none;
}

.help-text .search-form:after {
    content: "\1F50E";
    font-family: "SSGizmo";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    font-size: 18px;
    padding-right: 15px;
    position: relative;
    top: 4px;
    right: 30px;
    color: #999;
}

@media only screen and (min-width: 992px) {
    .error404 .page-heading.asset-bg h1 {
        font-size: 3.5em;
    }
}


/* –––––––––– Powerful packaging whitepaper –––––––––– */

.spb_content_element.bg-type-cover.powerful-packaging-first {
    background-position-x: left !important;
}

.fleximages-row .spb_wrapper p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-bottom: 0;
}

.fleximages-row img.aligncenter {
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.numbered-h3 h3,
.arrow-h3 h3,
.spb_content_element.col-sm-12.curly-image,
.spb_content_element.col-sm-12.curly-image p,
.spb_content_element.col-sm-12.fleximages-row,
.fleximages-row .spb_wrapper>p {
    margin-bottom: 0;
    padding-bottom: 0;
}

.numbered-p.image,
.arrow-p .image-icon,
.triangle-heading img {
    margin: 3px 8px 0 0;
    position: relative;
    z-index: -1;
}

.image-icon,
.intro-lined-image {
    margin: 30px 20px -20px -40px;
}

.out-lined-image {
    margin: 5px 20px 0 -14px;
}

.big-blue-number {
    color: #12bdf9;
    font-size: 3.4em;
    font-weight: bold;
    float: left;
    margin-top: 7px;
    clear: both;
}

.big-blue-percent {
    color: #12bdf9;
    font-size: 3.6em;
    font-weight: bold;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.big-blue-percent small {
    font-size: 0.6em;
}

.big-blue-percent-mobile small {
    font-size: 0.5em;
}

.big-blue-percent-mobile {
    color: #12bdf9;
    font-size: 3.8em;
    font-weight: bold;
    vertical-align: bottom;
    position: relative;
    top: 35px;
}

.blue-percent {
    color: #12bdf9;
    font-size: 1.8em;
    font-weight: bold;
    float: right;
    vertical-align: bottom;
}

.numbered-p p {
    margin-left: 38px;
    line-height: 22px;
    margin-bottom: 16px;
}

.key-insights-p p {
    margin-left: 23px;
    line-height: 22px;
}

.numbered-p strong {
    color: #005eac;
}

.no-margin-column {
    padding: 0;
    margin: 0;
}

.yellow-caret {
    margin: 2px 6px 2px 0;
}

.arrow-p p {
    margin-bottom: 10px;
}

.percent-p {
    margin-bottom: 10px;
    margin-right: 65px;
    text-align: right;
}

.aligncenter.last-img {
    margin-right: 15%;
}

.rotate {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.shelf-h3,
.key-insights,
.key-insights img,
.spb_content_element.col-sm-12.key-insights {
    margin-bottom: 0;
}

h3.key-insights {
    margin-bottom: 11px;
    text-indent: -22px;
    margin-left: 23px;
}

.key-insights-p.extra {
    padding-right: 15px;
    padding-left: 15px;
}

.key-insights-p .shelf-p {
    margin-left: 10px;
    margin-bottom: 8px;
}

.indicator {
    margin-left: 25px;
    text-indent: -25px
}

.indicator span {
    font-weight: bold;
    font-size: 1.5em
}

.number-margin {
    margin-top: 30px
}

.metrix-orange {
    color: #f49800;
}

.vertical-flex .spb_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 666px;
}

.pseudo-list {
    text-indent: 20px;
    margin-left: -20px;
    margin-right: 10px;
    font-size: 1.4em;
}

.yellow-star {
    margin: 8px 6px 21px 0;
}

.yellow-line {
    height: 16px;
    width: 100%;
    background-color: #fdcc06;
}

.products-1 {
    width: 99%;
}

.products-1-3,
.products-2-3,
.products-2 {
    float: left;
    width: 99%;
}

.products-4,
.products-5 {
    float: left;
    width: 49%;
}

.products-2 img {
    float: left;
}

.products-1 h6,
.products-2-3 h6,
.products-2 h6,
.products-4 h6,
.products-5 h6 {
    text-transform: unset;
    font-size: 14px;
    color: #666;
    text-align: center;
    padding: 0 8px;
}

.products-4 p,
.products-5 p {
    margin-bottom: 5px;
}

.side-stars div {
    clear: both;
}

.side-stars .yellow-star {
    margin: 8px 6px 10px 0;
}

.side-stars .yellow-line {
    margin-top: 20px;
    margin-bottom: 20px;
}

.comparative hr {
    margin-top: 30px;
    margin-bottom: 20px;
    display: block;
    border-top: 3px solid #eee;
    width: 100%;
}

.spb_content_element.curly-h2 .spb_wrapper-2 {
    display: block;
    margin-top: 0;
}

.spb_text_column.order-2,
.spb_text_column.star-box {
    margin-bottom: 5px;
    padding-bottom: 0;
}

.spb_text_column.star-box p {
    margin-bottom: 3px;
}

.triangle-heading img {
    margin: 3px 8px 0px -25px;
    float: none;
}

.arrow-p.lined,
.numbered-p.lined {
    border-left: 2px dotted #999;
    margin-left: 27px;
}

h3.triangle-heading {
    text-align: left;
    margin-left: 22px;
    font-size: 24px;
}

.mobile-percent,
.numbered-p.image.flexed p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
    padding-bottom: 0;
}

.mobile-percent .blue-percent {
    margin-right: 0;
    flex: 0 0 34%;
    float: none;
}

.mobile-percent .percent-p {
    margin-right: 12px;
    flex: 1 0 52%;
}

.powerful-buttons a.sf-button.large {
    width: 95%;
}

.spb_text_column.nopadding-lmnt,
.nopadding-lmnt,
.nopadding-lmnt p {
    margin-bottom: 0;
}

@media screen and (min-width: 692px) {
    .key-insights-p.extra {
        padding-right: 0;
        padding-left: 0;
    }
    .products-1-3 {
        width: 33%;
        height: auto;
    }
    .products-2-3 {
        width: 64%;
        height: auto;
    }
    .products-2 {
        width: 49%;
        height: auto;
    }
    .comparative .products-4,
    .products-4 {
        width: 24%;
        height: auto;
    }
    .comparative .products-5,
    .products-5 {
        width: 19.8%;
        height: auto;
    }
    .spb_content_element.curly-right-h2 .spb_wrapper-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 12px;
    }
}

@media screen and (min-width: 768px) {
    .powerful-buttons a.sf-button.large {
        width: auto;
    }
    h3.triangle-heading {
        /*text-align: center;*/
        margin-left: auto;
        font-size: 20px;
    }
    .spb_content_element.curly-h2 .spb_wrapper-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 60px;
    }
    .curly-h2-curly {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 28%;
        flex: 1 0 28%;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        margin-right: 12px;
    }
    .curly-h2-h2,
    .curly-right-h2-h2 {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 72%;
        flex: 1 1 72%;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }
    .curly-right-h2-h2 h2 {
        clear: both;
    }
    .curly-h2-h2 h2.right,
    .curly-right-h2-h2 h2.right {
        text-align: right;
        margin-right: 7px;
    }
    .curly-right-h2-curly {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 28%;
        flex: 1 0 28%;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
        position: relative;
        z-index: 99;
    }
    .numbered-p p {
        margin-bottom: 10px;
    }
    .change-order .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .key-insights-p .shelf-p {
        margin-bottom: 20px;
    }
    .laptop-row .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .laptop-img {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }
    .percent-p {
        margin-right: 106px;
    }
    .blue-percent {
        margin-right: 36px;
    }
}

@media screen and (min-width: 992px) {
    .curly-h2-curly {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 15%;
        flex: 1 0 15%;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
    .curly-right-h2-curly {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 21%;
        flex: 1 0 21%;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    }
    .curly-h2-h2 {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
    .curly-right-h2-h2 {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 79%;
        flex: 1 1 79%;
        -ms-flex-item-align: center;
        align-self: center;
    }
    h3.triangle-heading {
        font-size: 24px;
    }
}

@media screen and (min-width: 893px) and (max-width: 1079px) {
    .vertical-flex .spb_wrapper {
        height: 852px;
    }
}

@media screen and (min-width: 1080px) {
    .vertical-flex .spb_wrapper {
        height: 1124px;
    }
    .curly-h2 h2,
    .curly-right-h2 h2 {
        font-size: 29px;
        line-height: 32px;
    }
}


/* ––––––––––––––  ACT landing  –––––––––––––––––––– */

.icon-landing-list {
    padding-left: 85px;
    text-indent: -22px;
    margin-left: 22px;
}

.icon-landing-list li {
    margin-bottom: 6px;
    line-height: 23px;
}

.expert-col .spb_wrapper .analyzed-report {
    font-size: 19px;
    line-height: 22px;
    font-weight: 600;
    max-width: 460px;
    padding-left: 84px;
}

.two-col-icons-row .alignleft {
    float: left;
    margin: 24px 20px 42px 0;
}

.two-col-icons-row .note {
    padding-left: 85px;
    max-width: 460px;
}

.two-col-icons-row .expert-col .spb_wrapper {
    text-align: left;
}

.insights-icon-row.ai .spb_wrapper p {
    max-width: 334px;
}

.block-under-video {
    margin-top: 16px;
}

.block-under-video h3 {
    font-size: 1.45em;
}

.block-under-video ul {
    text-indent: -22px;
    margin-left: 22px;
}

.block-under-video li {
    line-height: 1.4em;
    margin-bottom: 9px;
}

@media screen and (min-width: 768px) {
    .spb_content_element.insights-column.smaller h1 {
        font-size: 42px;
        line-height: 42px;
    }
}

.share-links.curved-bar-styling {
    width: 98%;
}


/* ––––––––––––––  ACT portfolio  –––––––––––––––––––– */

.act-q h3.metrix-lightblue {
    padding-top: 0;
    margin-top: 0;
    padding-left: 10px;
}

.act-q p {
    padding-left: 10px;
    line-height: 1.4em;
}

.act-q>div>div,
.spb_single_image.col-sm-6.infografic {
    padding-top: 22px;
}

.act-share {
    padding-bottom: 20px;
    padding-right: 10px
}

.act-button-line .sf-button {
    margin-top: 15px;
}

.contact-creative-testing h3 {
    max-width: 446px;
    margin: 20px auto;
}

.spb_content_element.videomargin p {
    margin: 0 0 10px;
}

.spb_content_element.videomargin h4 {
    font-size: 16px;
    line-height: 1.2em;
    font-weight: 600;
}

.video-page .spb_wrapper h2 {
    font-size: 28px;
    margin: 50px auto 5px;
}

.spb_content_element.insights-column .packaging-maximize,
.spb_content_element.insights-column .packaging-maximize .spb_wrapper {
    margin-bottom: 0;
}

.spb_content_element.insights-form-column.plus-video {
    padding: 38px 22px;
}

.spb_content_element.insights-column .packaging-maximize div {
    margin-bottom: 10px;
}

@media (min-width: 1200px) {
    .spb_content_element.insights-column .packaging-maximize div {
        margin-bottom: 30px;
    }
}


/* –––––––––––––––––  CatVis  ––––––––––––––––––––– */

.shopper-marketing h2 {
    font-size: 36px;
    line-height: 40px;
    max-width: 840px;
    margin: 30px auto;
}

.shopper-marketing p {
    max-width: 990px;
    margin: 5px auto;
}

@media screen and (min-width: 768px) {
    .flex-row {
        display: flex
    }
    .flex-text-col {
        flex: 0 0 54%;
        padding-right: 30px;
    }
    .flex-image-col {
        padding: 16px 30px 16px 0;
        flex: 0 0 45%;
    }
}

@media screen and (min-width: 1200px) {
    h2.pet-food {
        padding-bottom: 50px;
    }
}


/*--------- COVID-19 Whitepaper -----------*/

.whitepaper-hero {
    text-align: center;
    font-size: 3.2em;
    line-height: 1.3em;
    color: #fff;
    text-shadow: 0px 0px 20px #000;
}

h1.whitepaper-hero small,
h2.whitepaper-hero small {
    font-size: 0.65em;
    font-weight: 600;
    color: #fff;
}

.hero-bottom-bg.spb_parallax_asset {
    background-position: center bottom;
}

.capitular {
    font-size: 3.3em;
    color: #12bdf9;
    float: left;
    font-weight: 200;
    margin: 14px 9px 5px auto;
}

.brands-crisis h3.metrix-lightblue {
    padding: 10px 0 13px 0;
}

.brands-crisis h2 {
    font-size: 2.6em;
    line-height: 1.1em;
    margin-bottom: 30px;
    margin-top: 3px;
}

.brands-crisis h2 em {
    font-size: 0.66em;
}

.quote-minus {
    margin-top: -60px;
}

.placevideo {
    opacity: 0.85;
}

.placevideo:hover {
    opacity: 1;
}

.metrix-lightblue.lead {
    font-size: 2em;
    line-height: 1.2em;
    font-style: italic;
    font-weight: 700;
}

.spb_text_column ul.yellow-list {
    list-style-image: url('/wp-content/uploads/2020/05/yellow-dot.svg');
    text-indent: -15px;
    margin-left: 15px;
}

.spb_text_column .yellow-list li {
    margin-bottom: 10px;
}

ol.orange-list,
ol.yellow-list {
    list-style: none;
    counter-reset: list-counter;
    text-indent: -18px;
    margin-left: 0;
}

ol.orange-list li,
ol.yellow-list li {
    counter-increment: list-counter;
}

ol.yellow-list li::before {
    content: counter(list-counter) ". ";
    color: #fdcc06;
    font-weight: bold;
}

ol.orange-list li::before {
    content: counter(list-counter) ". ";
    color: #f49800;
    font-weight: bold;
}

.references #ref:before {
    content: "";
    display: block;
    margin: -50px 0 0;
    height: 100px;
}

.image-column.author img {
    max-width: 250px;
}

.whitepaper-final a.sf-button.sf-icon-reveal.darkblue,
.whitepaper-final a.sf-button.sf-icon-reveal.yellow,
.whitepaper-final a.sf-button.sf-icon-reveal.blue {
    width: 100%;
    max-width: 312px;
    margin: auto;
}

@media only screen and (max-width: 600px) {
    .whitepaper-hero {
        font-size: 2.5em;
    }
}

/* ––––––––––––––––––  COVID-19 downloads page  –––––––––––––––––– */

.download-form-button a.sf-button {
    min-width: 232px;
    text-align: center;
}

.page-id-29952 .page-content {
    background-color: #eeeeee;
}

.spb_content_element.country-qualitative {
    background-color: #fff;
    padding: 10px 30px;
    box-shadow: 0 0 6px #cacaca;
    margin-bottom: 0;
}

.country-qualitative h2 {
    padding-bottom: 20px;
}

.form-toggle {
    margin-top: 0;
    background-color: #f8f8f8;
    padding: 0 30px 0 30px;
    box-shadow: 0 4px 4px #cacaca;
    background-image: none;
    background-repeat: repeat-x;
    background-size: contain;
}

.form-toggle.pdf-form {
    background-position-x: -300px
}

.form-toggle.video-form {
    background-position-x: -100px
}

.form-toggle h2 {
    padding-top: 60px;
}

.form-toggle div.wpcf7 input[type="email"],
.form-toggle div.wpcf7 input[type="text"],
.form-toggle div.wpcf7 select,
.form-toggle div.wpcf7 #Countrytwo {
    background-color: #fff;
    margin-top: 14px;
    margin-bottom: 4px;
}

.form-toggle .col-sm-3 {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}

.spb_content_element.country-qualitative img {
    width: 100%;
}

a.sf-button.sf-icon-stroke.blue {
    background-color: #00bff3;
}

.pdf-video-buttons {
    padding-top: 40px;
}

.pdf-video-buttons .sf-button.sf-icon-stroke {
    min-width: 274px;
}

.form-toggle .wpcf7-mail-sent-ok {
    color: #12bdf9;
}

.col-sm-12.global-report-button {
    padding-bottom: 0;
    margin-bottom: 0;
}

.form-toggle.pdf-form.global-report {
    background-position-x: 60px;
}

@media screen and (min-width: 532px) {
    .form-toggle.pdf-form {
        background-image: url(https://www.metrixlab.com/new/wordpress/wp-content/uploads/2020/05/form-pdf-bg.png);
        background-position-x: -54px
    }
    .form-toggle.video-form {
        background-image: url(https://www.metrixlab.com/new/wordpress/wp-content/uploads/2020/05/form-pdf-bg.png);
        background-position-x: 180px
    }
}

@media screen and (min-width: 768px) {
    .spb_content_element.country-qualitative img {
        margin-top: 54px;
        width: 45%;
    }
    .form-toggle.pdf-form {
        background-position-x: -140px
    }
    .form-toggle.video-form {
        background-position-x: 94px
    }
}

@media screen and (min-width: 992px) {
    .spb_content_element.country-qualitative img {
        margin-top: 23px;
        width: 35%;
    }
    .form-toggle.pdf-form {
        background-position-x: -220px
    }
    .form-toggle.video-form {
        background-position-x: 12px
    }
}

@media screen and (min-width: 1200px) {
    .spb_content_element.country-qualitative img {
        margin-top: 10px;
    }
    .pdf-video-buttons {
        padding-top: 78px;
    }
    .pdf-video-buttons.usa {
        padding-top: 28px;
    }
    .pdf-video-buttons.india {
        padding-top: 52px;
    }
    .form-toggle.pdf-form {
        background-position-x: -300px
    }
    .form-toggle.video-form {
        background-position-x: -65px
    }
}


/* –––––––––––––––––––– The New Normal Tracker webpage ––––––––––––––––––––––– */

.flex-element {
    display: flex;
    flex-direction: row;
}

.flex-element h2 {
    text-align: right;
    font-size: 2.4em;
    line-height: 0.9em;
    padding-right: 30px;
    margin-top: 45px;
}

#chartjs-tooltip {
    z-index: 999;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 8px;
    box-shadow: 2px 2px 6px #dadada;
}

#chartjs-tooltip table {
    border-bottom: none;
    line-height: 1.4;
}

#chartjs-tooltip table td {
    padding: 0 10px;
    border-top: none;
}

tr.country-label {
    font-weight: 600;
    color: #999;
    font-size: 18px;
}

tr.country-value {
    font-size: 30px;
    font-weight: 600;
}

tr.green {
    color: #369d02;
}

tr.gray {
    color: #999;
}

tr.red {
    color: #dc0505;
}

.graph-legend {
    text-align: center;
    margin-top: -24px;
    font-size: 0.85em;
}

.next-months {
    font-weight: 700;
    color: #005eac;
    white-space: nowrap;
    align-self: flex-end;
    padding-bottom: 6px;
    padding-left: 8px;
}

.normality-graph {
    display: flex;
}

.understanding-row .impact-text {
    font-weight: 600;
    color: #666;
    max-width: 840px;
    margin: auto;
}

.article-body-wrap.understanding ul {
    padding-left: 20px;
}

.article-body-wrap.understanding ul li {
    padding-bottom: 12px;
}

@media screen and (min-width: 992px) {
    .graph-legend {
        margin-top: -80px;
    }
}

.breakout-carousel .recent-post {
    background: none;
}

.breakout-carousel .recent-post h5,
.breakout-carousel .recent-post figure {
    display: none;
}

.breakout-carousel .recent-post h3 {
    padding-left: 15px;
    padding-top: 20px;
    color: #12bdf9;
    margin-bottom: 12px;
}


/* –––––––––––––––––––– Blog post with translations ––––––––––––––––––––––– */

.blog-flag img {
    max-width: 80px;
    margin: auto;
}

.blog-flag figure.animated-overlay figcaption,
.blog-flag figure.animated-overlay figcaption:hover {
    background-image: none;
    background-color: #fff !important;
}

.blog-flag .image-caption h4 {
    font-weight: normal;
    font-size: 18px;
}


/* –––––––––––––––––––– Whitepaper: PVOD ––––––––––––––––––––––– */

.brands-crisis .h2-quote {
    padding: 0;
    margin-bottom: 0;
    float: left;
}

.h3-quote {
    padding: 0;
    margin-top: 4px;
    float: left;
}

.pvod-text {
    margin-top: 20px;
}

@media screen and (min-width: 768px) {
    .pvod-text {
        margin-top: 23%;
    }
}

@media screen and (min-width: 992px) {
    .brands-crisis .h2-quote {
        padding: 10px 0 0 120px;
        float: none;
    }
    .h3-quote {
        padding: 0 0 0 120px;
        float: none;
    }
}


/* –––––––––––––––––––– Whitepaper: Seedtag ––––––––––––––––––––––– */

.lead.hero-centered {
    text-align: center;
    text-shadow: 0px 0px 10px #000;
    font-weight: 400;
}

.in-image-heading {
    margin-bottom: 0;
    padding-bottom: 0;
}

.brands-crisis .in-image-heading h3 {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 26px;
}

.spb_text_column.nopadding-bottom {
    padding-bottom: 0;
}

.spb_text_column.nopadding-bottom p,
.spb_text_column.nopadding-bottom p img {
    padding-bottom: 0;
    margin-bottom: 0;
}

.contextual-target {
    width: 16%;
    float: left;
    padding-left: 2%;
}

.asterisk-note {
    font-size: 0.88em;
    line-height: 1.3em;
    text-indent: -9px;
    margin-left: 9px;
}

@media only screen and (min-width: 768px) {
    .col-sm-6.in-image-image {
        padding-left: 0;
        padding-right: 0;
    }
    .some-roomleft {
        padding-left: 40px
    }
    .contextual-target {
        width: 21%;
    }
}

@media only screen and (max-width: 767px) {
    .brands-crisis.special-bg {
        background-image: url(https://www.metrixlab.com/new/wordpress/wp-content/uploads/2020/07/08_people-respond-more-possitively-v-bg.png) !important;
        background-size: contain;
    }
}


/* –––––––––––––––––––– Case study new design ––––––––––––––––––––––– */

.case-study h1,
.case-study h2 {
    font-size: 38px;
    line-height: 1em;
    text-align: center;
}

.case-study p {
    font-size: 20px;
    line-height: 1.4em;
    color: #535353;
}

.case-study .subtitle {
    font-size: 25px;
    line-height: 1.2em;
    font-weight: 600;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
    color: #00aeef;
}

.case-study .lead {
    line-height: 1.4em;
    font-weight: 400;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

.case-study .case-type {
    color: #FDCC06;
    font-weight: bold;
    letter-spacing: 4px;
    font-size: 26px;
    text-align: center;
}

.case-study strong {
    font-weight: bold;
    color: #00aeef;
}

.case-study strong.semi {
    font-weight: 600 !important;
    color: #535353;
}

.case-study span.semi {
    font-weight: 600 !important;
}

.act-page .case-tab,
.tech-page .case-tab,
.case-study .case-tab {
    background-color: #00aeef;
    display: inline;
    padding: 10px 20px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    line-height: 49px;
    font-weight: bold;
    color: white;
    font-size: 23px;
}

.act-page .case-tab.blue,
.tech-page .case-tab.blue,
.case-study .case-tab.blue {
    background-color: #005eac;
}

.act-page .tab-wrapper,
.tech-page .tab-wrapper,
.case-study .tab-wrapper {
    text-align: center;
    margin-bottom: 36px;
}

.spb-row-content-width.row-light5blue {
    background-color: rgba(0, 174, 239, 0.05);
}

.spb-row-content-width.row-light15blue {
    background-color: rgba(0, 174, 239, 0.15);
}

.spb-row-content-width.clip-bg>.spb_content_element:first-of-type {
    background-image: url(https://www.metrixlab.com/new/wordpress/wp-content/uploads/2020/09/results_bg.svg);
    background-repeat: no-repeat;
    background-size: 350px;
    background-position: bottom right;
}

.spb_single_image.badge-image img {
    max-width: 196px;
    margin: 0 auto 60px;
}

.case-study .spb_text_column {
    margin-bottom: 10px;
}

.extra-width .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
}

.case-study .summary {
    margin-top: 40px;
}

@media screen and (min-width: 768px) {
    .case-study h1,
    .case-study h2 {
        font-size: 48px;
    }
    .case-study .subtitle {
        font-size: 27px;
    }
    .case-study .lead {
        font-size: 24px;
        line-height: 1.333em;
    }
    .case-study .tab-wrapper {
        text-align: left;
        margin-bottom: 60px;
    }
    .tech-page .tab-wrapper,
    .act-page .tab-wrapper {
        text-align: left;
        margin-bottom: 30px;
    }
    .spb_single_image.badge-image img {
        max-width: 248px;
        margin: -124px auto;
    }
    .upper-margin img {
        margin-top: 35px;
    }
    h2.left {
        text-align: left;
    }
    .case-study .summary {
        margin-top: 16px;
        font-size: 24px;
        line-height: 1.416em;
    }
}

@media screen and (min-width: 992px) {
    .case-study h1,
    .case-study h2 {
        font-size: 73px;
    }
    .spb-row-content-width.clip-bg>.spb_content_element:first-of-type {
        background-size: 440px;
    }
}

@media screen and (min-width: 1200px) {
    .spb-row-content-width.clip-bg>.spb_content_element:first-of-type {
        background-size: 520px;
    }
}

@media screen and (min-width: 1600px) {
    .spb-row-content-width.clip-bg>.spb_content_element:first-of-type {
        background-position-x: 90%;
    }
}

@media screen and (min-width: 1900px) {
    .spb-row-content-width.clip-bg>.spb_content_element:first-of-type {
        background-position-x: 80%;
    }
}


/* –––––––––––––––––––– ACT new design ––––––––––––––––––––––– */

.act-page h1 {
    font-size: 29px;
    line-height: 1.07em;
    text-align: center;
}

.act-page h2 {
    font-size: 32px;
    line-height: 1.25em;
    margin-bottom: 5px;
}

.act-page h2.metrix-white {
    font-size: 33px;
    line-height: 1em;
    margin-bottom: 12px;
}

.act-page .automated-coding,
.act-page .human-coding {
    margin-bottom: 0;
}

.act-page .automated-coding h2,
.act-page .human-coding h2 {
    font-size: 26px;
    line-height: 1.27em;
    text-align: center;
    margin-bottom: 10px;
}

.onedotone {
    font-size: 20px;
    width: 81%;
    float: left;
    margin-bottom: 23px;
}

.act-page p {
    color: #535353;
}

.act-page .subtitle {
    font-size: 24px;
    line-height: 1em;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.6px;
    color: #00aeef;
}

.act-page .data-subtitle {
    font-size: 20px;
    line-height: 1.3em;
    font-weight: 600;
}

.act-page .lead {
    font-size: 18px;
    line-height: 1.222em;
    font-weight: 300;
    margin-top: 28px;
}

.act-page .impact-text-large {
    font-size: 26px;
    line-height: 1.27em;
    text-align: center;
}

.act-page .act-list {
    text-indent: -28px;
    margin-left: 28px;
    padding-left: 0;
}

.act-page .act-list li {
    margin-bottom: 40px;
    font-size: 20px;
    line-height: 1.25em;
    color: #535353;
}

.act-page .instant-list {
    text-indent: -30px;
    margin-left: 30px;
    padding-left: 0;
    font-size: 22px;
    line-height: 1.27em;
    color: #535353;
}

.act-page .instant-list li {
    margin-bottom: 10px;
}

.act-page .deliverables-list {
    list-style-image: url("/wp-content/uploads/2018/02/checklist.png");
    text-indent: -36px;
    margin-left: 36px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.36em;
    color: #535353;
}

.act-page .deliverables-list li {
    margin-bottom: 10px;
}

.act-page .analyzed-report {
    font-size: 24px;
    line-height: 1.1em;
    font-weight: 600;
    text-align: center;
}

.act-intro p,
.automated-coding p,
.human-coding p {
    font-size: 20px;
    line-height: 1.3em;
    font-weight: 600;
    text-align: center;
}

.work-item {
    text-align: center;
    float: none;
}

.work-text {
    text-align: center;
    width: 80%;
    margin: auto;
    font-size: 20px;
    line-height: 1.25em;
    font-weight: 600;
}

.work-item .alignleft {
    float: none;
    width: 90px;
    margin: 50px auto auto;
}

.work-item .aligncenter {
    width: 24px;
    transform: rotate(90deg);
    margin-top: 25px;
    margin-bottom: -15px;
}

.act-page .data-points {
    text-align: center;
    color: #fff;
    font-size: 22px;
    line-height: 1.27em;
    font-weight: bold;
}

.data-points img {
    width: 90px;
    margin: 16px calc(50% - 45px);
}

.act-instant img {
    height: 160px;
    margin: auto;
    text-align: center;
}

.act-instant p {
    text-align: center;
}

.act-instant h3 {
    font-size: 26px;
    line-height: 1.27em;
    margin-bottom: 33px;
    text-align: center;
}

.act-testimonial h3 {
    margin-top: 40px;
}

.act-testimonial p {
    font-size: 25px;
    line-height: 1.3em;
    font-weight: 600;
    max-width: 500px;
    margin: auto;
}

.act-testimonial .client {
    font-weight: 400;
    font-size: 0.8em;
    line-height: 0.6em;
}

.spb_single_image.noframe.col-sm-6 {
    padding-right: 0;
    padding-left: 0;
    margin-right: -30px;
}

.col-sm-6.nomargin {
    padding-left: 0;
    padding-right: 0;
    background-image: url(/wp-content/uploads/2020/09/Client-testimonial.jpg);
    background-size: cover;
    background-position: center center;
}

@media screen and (min-width: 768px) {
    .col-sm-6.nomargin {
        height: 81vh;
    }
    .col-sm-6.nomargin img {
        display: none;
    }
    .act-page h1 {
        font-size: 35px;
        line-height: 1.2em;
        max-width: 900px;
        margin: auto;
    }
    .act-page h2 {
        margin-bottom: 40px;
    }
    .act-page .lead {
        font-size: 22px;
        line-height: 1.273em;
    }
    .act-page .impact-text-large {
        font-size: 33px;
        text-align: left;
        margin-bottom: 20px;
    }
    .email-row .impact-text-large {
        font-size: 36px;
        text-align: left;
        padding-left: 90px;
        padding-right: 150px;
    }
    .act-page .subtitle {
        text-align: left;
    }
    .onedotone {
        font-size: 18px;
        width: 83%;
    }
    .act-page .act-list li {
        margin-bottom: 20px;
    }
    .work-item {
        text-align: left;
        margin-right: 4%;
        float: left;
        width: 16%;
    }
    .work-row .work-item:last-of-type {
        width: 19%;
        margin-right: 0;
    }
    .work-text {
        float: left;
        width: 100%;
        text-align: left;
        padding-top: 18px;
    }
    .work-item .alignright {
        float: right;
        width: 12px;
        margin-right: 0;
        margin-top: 22px;
    }
    .work-item .alignleft {
        float: left;
        width: 56px;
        margin: auto;
    }
    .act-page .automated-coding h2 {
        font-size: 26px;
        text-align: left;
        margin-bottom: 20px;
    }
    .act-page .human-coding h2 {
        font-size: 27px;
        text-align: right;
        margin-bottom: 20px;
    }
    .automated-coding p {
        text-align: left;
    }
    .human-coding p {
        text-align: right;
    }
    .act-page .data-points {
        text-align: left;
        font-size: 21px;
        display: flex;
        align-items: center;
    }
    .data-points img {
        width: 64px;
        margin: auto 24px 0 0;
    }
    .act-instant img {
        height: 153px;
        text-align: left;
    }
    .act-instant h3 {
        font-size: 36px;
        margin-bottom: 8px;
        text-align: left;
    }
    .act-instant p {
        text-align: left;
    }
    .act-page .analyzed-report {
        font-size: 22px;
        line-height: 1.27em;
        text-align: left;
    }
}

@media screen and (min-width: 992px) {
    .col-sm-6.nomargin {
        height: 72vh;
    }
    .onedotone {
        width: 87%;
    }
    .act-intro p {
        font-size: 22px;
        line-height: 1.32em;
        text-align: left;
    }
    .work-item .alignleft {
        float: left;
        width: 71px;
    }
    .work-item .alignright {
        float: right;
        width: 18px;
        margin-right: 10%;
        margin-top: 31px;
    }
    .act-page .automated-coding h2 {
        font-size: 34px;
    }
    .act-page .human-coding h2 {
        font-size: 37px;
        line-height: 1.1em;
    }
    .automated-coding p,
    .human-coding p {
        font-size: 24px;
    }
}

@media screen and (min-width: 1200px) {
    .work-item .alignleft {
        width: 77px;
    }
}

@media screen and (min-width: 768px) {
    .jobs-template-default .body-text {
        margin-right: 15px;
    }
    .spb_text_column.text-padding-left {
        padding-left: 80px
    }
}


/* ––––––––––––––––––––– [MET-494] Switzerland New Normality –––––––––––––––––––––––*/

.spb-row-container.switzerland-columns .spb_content_element {
    margin-bottom: 0;
}

.spb-row-container.switzerland-columns .spb_content_element.blue-rounded-bg {
    margin-bottom: 25px;
}

.spb_content_element.col-sm-12.switzerland-covid-intro {
    max-width: 990px;
    margin: auto;
}

.blue-rounded-bg.spb_text_column .spb_wrapper {
    display: flex;
    align-items: center;
    background-color: #12bdf9;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    padding-left: 20px;
    padding-top: 28px;
    width: 200%;
    padding-right: 100%;
}

.blue-rounded-bg.spb_text_column .spb_wrapper h2 {
    font-size: 1.8em;
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 1.05em;
    font-style: italic;
}

.blue-rounded-bg.spb_text_column .spb_wrapper img {
    min-width: 100px;
}

@media only screen and (min-width: 768px) {
    .blue-rounded-bg.spb_text_column .spb_wrapper {
        padding-right: 89%;
    }
    .blue-rounded-bg.spb_text_column .spb_wrapper h2 {
        font-size: 2.4em;
    }
}

@media only screen and (min-width: 992px) {
    .blue-rounded-bg.spb_text_column .spb_wrapper {
        width: 1000px;
        padding-right: 57%;
    }
}

@media only screen and (min-width: 1200px) {
    .blue-rounded-bg.spb_text_column .spb_wrapper {
        width: 1500px;
        padding-right: 92%;
    }
}


/* ––––––––––– [MET-496] Press Release 2020-10-27 ––––––––––––––––– */

.press-portraits img {
    max-width: 180px;
    margin: auto;
}


/* –––––––––––––––– [MET-508] UTNN Holidays Breakout findings download ––––––––––––––– */

a.sf-button.breakout-find-button {
    margin-left: 42px;
}


/* –––––––––––––––– MET-505 Whitepaper: How COVID-19 is reshaping the Insurance Category across the World ––––––––––––––– */

.icon-circle-shadow {
    box-shadow: 0 0 16px #ddd;
    border-radius: 50%;
}

.remove-bottom .spb_text_column {
    margin-bottom: 0;
}

.flex-quote .spb_wrapper {
    margin-top: 24px;
    display: flex;
    align-items: stretch;
}

.flex-quote .row-q {
    margin-right: 14px;
}

.yellow-rounded-bg.spb_text_column .spb_wrapper {
    display: flex;
    align-items: center;
    background-color: #fdcc06;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    padding-left: 20px;
    width: 200%;
    padding-left: 100%;
    margin-left: -100%
}

.lightblue-rounded-bg.spb_text_column .spb_wrapper {
    display: flex;
    align-items: stretch;
    background-color: #12bdf9;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    padding-left: 20px;
    width: 200%;
    padding-left: 100%;
    margin-left: -100%;
    padding-top: 20px;
    padding-bottom: 10px;
}

.lightblue-rounded-bg .row-q {
    margin-right: 30px;
    flex: 2 0 auto;
}

.yellow-rounded-bg .row-q {
    margin-right: 21px;
    margin-top: 12px;
}

.yellow-rounded-bg .row-t {
    max-width: 500px;
}

.global-average img {
    max-width: 240px;
    margin: auto;
    padding-bottom: 40px;
}

.lead.thinking {
    font-size: 22px;
    max-width: 323px;
    margin: auto;
}

.no-margin-bottom.spb_text_column,
.no-margin-bottom.spb_text_column p:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}

.row-i {
    width: 100%;
    clear: both;
}

.row-i h3.metrix-lightblue {
    padding-left: 0;
    padding-top: 0;
}

.interest-icon {
    margin: 0;
}

.best-practices.covid-19 {
    max-width: 650px;
    margin: auto auto 30px auto;
}

.whitepaper-hero.covid-19 {
    max-width: 650px;
    margin: auto;
}

@media only screen and (min-width: 768px) {
    .blue-rounded-bg.spb_text_column .spb_wrapper {
        padding-right: 89%;
    }
    .blue-rounded-bg.spb_text_column .spb_wrapper h2 {
        font-size: 2.4em;
    }
}

@media only screen and (min-width: 992px) {
    .blue-rounded-bg.spb_text_column .spb_wrapper {
        width: 1000px;
        padding-right: 57%;
    }
}

@media only screen and (min-width: 1200px) {
    .blue-rounded-bg.spb_text_column .spb_wrapper {
        width: 1500px;
        padding-right: 92%;
    }
}

@media only screen and (min-width: 768px) {
    .we-often img,
    .we-often .capitular {
        letter-spacing: -1.5px;
    }
}


/* ––––––––––– [MET-514] Asahi Case Studio ––––––––––––––––– */

.spb_text_column.extra-margin-below {
    padding-bottom: 35px;
}


/* –––––––––––– MET-519 Whitepaper Sustainable Packaging –––––––––––––*/

.recycling-plastics.spb_text_column {
    padding-bottom: 0;
}

.recycling-plastics.spb_text_column .alignright {
    margin-bottom: 0;
}

.remove-side-padding.spb_text_column {
    padding-left: 0;
}

.remove-col-bottom-padd .blue-rounded-bg.spb_text_column .spb_wrapper h2 {
    max-width: 600px;
}

.bigger-headings h2 {
    font-size: 1.8em;
    line-height: 1.1em;
    margin-bottom: 30px;
    margin-top: 3px;
}

.bigger-headings h3 {
    font-size: 1.3em;
    line-height: 1.1em;
    margin-bottom: 30px;
    padding-left: 0;
}

.bigger-headings .block-of-three h3,
.bigger-headings .three-blocks h3 {
    margin-top: 3px;
    font-size: 1.5em;
}

.bigger-headings h3.metrix-lightblue {
    padding-top: 0;
}

.bigger-headings .capitular {
    font-weight: 500 !important;
    font-size: 2.8em;
}

.lead .regular {
    font-weight: 400;
}

.rounded-corners {
    border-radius: 20px;
}

img.aligncenter.img-cooler {
    max-width: 300px;
}

img.pre-capitular-icon {
    padding-left: 15px;
    width: 90px;
    margin-bottom: 8px;
}

.bigger-headings .lightblue-rounded-bg.spb_text_column .spb_wrapper {
    align-items: center;
}

.bigger-headings .lightblue-rounded-bg .row-q {
    margin-right: 40px;
}

.bigger-headings .lightblue-rounded-bg.img-left .row-q {
    margin-right: 0;
}

.bigger-headings .lightblue-rounded-bg.img-left .row-t {
    padding-right: 36px;
}

.bigger-headings .lightblue-rounded-bg.img-left .row-t .lead {
    font-weight: 400;
}

.bigger-headings .row-i h3 {
    padding-top: 16px;
    margin-bottom: 16px;
}

.blue-box {
    background-color: #005EAC;
    text-align: center;
    padding: 20px 30px;
    margin-top: 30%;
}

.blue-box h5 {
    color: #fff;
}

.row-f {
    display: flex;
    justify-content: space-between;
}

.row-h {
    height: 84px;
}

.row-tq {
    height: 72px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.row-it {
    display: flex;
    align-items: center;
    width: 100%;
}

.row-it p,
.row-it .alignleft {
    margin-bottom: 6px;
}

.row-it .alignleft {
    margin-right: 16px;
}

.row-it .lead {
    font-weight: 400;
}

.row-it p:first-of-type {
    flex-basis: 12%;
}

.row-it p:last-of-type {
    flex-basis: 82%;
}

.spb_wrapper .dl-horizontal {
    margin-bottom: 30px;
    float: left;
}

.spb_wrapper .dl-horizontal dt {
    width: 46px;
    text-align: left;
    line-height: 1em;
    float: left;
}

.spb_wrapper .dl-horizontal dd {
    margin-left: 60px;
    line-height: 1em;
    margin-bottom: 10px;
}

img.metrics-svg {
    max-width: 474px;
}

.remove-bottom-padding.spb_text_column {
    margin-bottom: 0;
}

@media only screen and (max-width: 600px) {
    .lightblue-rounded-bg.reverse-mobile.spb_text_column .spb_wrapper {
        flex-wrap: wrap-reverse;
    }
    .lightblue-rounded-bg.reverse-mobile.spb_text_column .row-t {
        margin-right: 30px;
    }
    .lightblue-rounded-bg.reverse-mobile.spb_text_column .row-q .alignright {
        float: left;
        margin: 0;
    }
}

@media only screen and (max-width: 767px) {
    .remove-bottom-padding-mobile.spb_text_column,
    .remove-col-bottom-padd .spb_text_column {
        margin-bottom: 0;
    }
    .remove-side-padding-mobile.spb_text_column {
        padding-left: 0;
        padding-right: 0;
    }
    .blue-box {
        margin-top: 12px;
    }
    .flex-end-wrapper .flex-end:first-of-type,
    .row.three-blocks .col-sm-4:first-of-type {
        padding-bottom: 20px;
    }
    .flex-end-wrapper .flex-end:last-of-type {
        border-top: 3px dotted #dadada;
        padding-top: 20px;
    }
    .row.three-blocks .col-sm-4:nth-of-type(2) {
        border-top: 3px dotted #dadada;
        border-bottom: 3px dotted #dadada;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .row.three-blocks .col-sm-4:last-of-type {
        padding-top: 20px;
    }
    .row-it p:first-of-type {
        margin-right: 14px;
    }
}

@media only screen and (min-width: 768px) {
    .flex-end-wrapper .row {
        display: flex;
    }
    .flex-end-wrapper .flex-end p:last-of-type {
        margin-bottom: 0;
    }
    .flex-end-wrapper .flex-end:first-of-type,
    .row.three-blocks .col-sm-4:first-of-type {
        padding-right: 20px;
    }
    .flex-end-wrapper .flex-end:last-of-type {
        border-left: 3px dotted #dadada;
        padding-left: 20px;
    }
    .row.three-blocks .col-sm-4:nth-of-type(2) {
        border-right: 3px dotted #dadada;
        border-left: 3px dotted #dadada;
        padding-right: 20px;
        padding-left: 20px;
    }
    .row.three-blocks .col-sm-4:last-of-type {
        padding-left: 20px;
    }
    .spb_content_element.block-under-video.urchin-bottle .spb_wrapper {
        display: flex;
        flex-direction: column;
    }
    .bigger-headings h2 {
        font-size: 2.2em;
    }
    .bigger-headings h3 {
        font-size: 1.5em;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-h {
        height: 120px;
    }
    .row-tq {
        height: 252px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-h {
        height: 100px;
    }
    .row-tq {
        height: 200px;
    }
}

@media only screen and (min-width: 1200px) {
    .row-h {
        height: 92px;
    }
    .row-tq {
        height: 175px;
    }
    .blue-box.order-2 {
        margin-top: 180px;
    }
}

@media only screen and (min-width: 768px) and (max-width:1199px) {
    .bigger-headings .capitular.two-lines {
        line-height: 1em;
    }
}

.sup-capitular {
    top: 0.5em;
}

.img-top-margin {
    margin-top: 24px;
}


/* ––––––––––––––––––  MET-531 Asahi case study ––––––––––––––––––––––*/

.case-study .bigger-lead .lead {
    font-size: 25px;
}

.aligncenter.asahi-shelf {
    width: 100%;
    height: auto;
}

.case-study .hidden-lg {
    display: inline !important;
}

@media only screen and (min-width: 768px) {
    .case-study .bigger-lead .lead {
        font-size: 28px;
        margin-top: 4px;
    }
}

@media only screen and (min-width: 992px) {
    .aligncenter.asahi-shelf {
        width: 80.5%;
    }
}

@media only screen and (min-width: 1200px) {
    .aligncenter.asahi-shelf {
        width: 79%;
    }
    .case-study .visible-lg {
        display: inline !important;
    }
    .case-study .hidden-lg {
        display: none !important;
    }
}


/* –––––––––––––––––––– MET-554 TEMPO page ––––––––––––––––––––––– */

.act-page.tempo-page h1 {
    max-width: 80%;
    margin: auto;
}

.act-page.tempo-page .subtitle {
    line-height: 1.2em;
    font-family: Montserrat;
    color: #12bdf9;
}

.act-page.tempo-page .lead {
    font-size: 18px;
    line-height: 1.222em;
    font-weight: 400;
}

.tempo-offers.spb_text_column {
    margin-bottom: 0;
    padding-bottom: 0;
}

.tempo-offers p {
    font-size: 18px;
}

.keep-pace-container p {
    font-size: 20px;
    text-align: center;
    font-weight: 600;
}

.tempo-offers strong {
    font-size: 20px;
}

.tempo-intro,
.tempo-intro .lead {
    text-align: center;
}

.tempo-scene.spb_content_element.col-sm-12,
.tempo-hero .spb_content_element.col-sm-12 {
    margin-bottom: 0;
}

a.sf-button.large.tempo-button span.text {
    font-size: 19px;
}

.tempo-page .act-testimonial h3 {
    font-size: 26px;
}

.tempo-page .col-sm-6.nomargin {
    background-image: url("/wp-content/uploads/2021/05/asian-businessmen-businesswomen-meeting-brainstorming-ideas-about-creative-web-design-planning-application-developing-template-layout-mobile-phone-pro@2x.jpg");
}

.spb_text_column.email-row {
    text-align: center;
}

.email-row a.sf-button.sf-icon-reveal.tempo-button {
    margin-left: auto;
    margin-top: 40px;
}

.tempo-concept {
    display: inline-flex;
}

.two-ticks .tempo-concept:last-of-type {
    display: inline;
    text-align: center;
}

.tempo-concept {
    margin-bottom: 25px
}

.tempo-tick {
    flex: 0 0 14%;
}

.lottie.lottie-mobile {
    width: 100%;
    margin: auto;
}

@media screen and (min-width: 768px) {
    .lottie.lottie-mobile {
        width: 500px;
    }
    .lottie.lottie-mobile.eye {
        width: 420px;
    }
    .two-ticks .tempo-concept {
        margin-bottom: 50px
    }
    .tempo-hero .container {
        padding: 0 !important;
    }
    .tempo-page .act-testimonial h3 {
        font-size: 30px;
        line-height: 1em;
    }
    .tempo-intro,
    .tempo-intro .lead {
        text-align: left;
    }
    .act-page.tempo-page h1 {
        font-size: 34px;
        max-width: fit-content;
    }
    .act-page.tempo-page .lead {
        line-height: 1.555em;
    }
    .keep-pace-container p {
        font-size: 22px;
        line-height: 1.318em;
        text-align: left;
    }
    .tempo-offers-container .container:last-of-type .row,
    .keep-pace-container .container:nth-last-of-type(2) .row {
        display: flex;
        align-items: stretch;
    }
    .tempo-offers-container .spb_content_element.col-sm-4.hidden-xs {
        width: 23%;
    }
    .tempo-page .work-item {
        width: 23%;
    }
    .spb_text_column.email-row {
        text-align: left;
    }
    .email-row a.sf-button.sf-icon-reveal.tempo-button {
        margin-top: 24px;
    }
    .tempo-page .col-sm-6.nomargin {
        height: 94vh;
    }
    .tempo-lottie {
        width: 360px;
        margin-left: -60%;
    }
    .keep-pace-lottie {
        width: 320px;
        margin-left: -60%;
    }
    .tempo-offers.two-ticks .spb_wrapper {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-content: flex-end;
    }
    .tempo-offers.two-ticks .spb_wrapper p {
        display: flex;
        flex-direction: column;
    }
    .tempo-offers.two-ticks,
    .tempo-offers.three-ticks {
        width: 40%
    }
    .tempo-tick {
        flex: 0 0 20%;
    }
    .two-ticks .tempo-concept:last-of-type {
        display: inline-flex;
        text-align: left;
    }
}

@media screen and (min-width: 992px) {
    .tempo-page .col-sm-6.nomargin {
        height: 84vh;
    }
    .tempo-lottie {
        width: 460px;
    }
    .keep-pace-lottie {
        width: 400px;
    }
    .tempo-tick {
        flex: 0 0 14%;
    }
}

@media screen and (min-width: 1200px) {
    .tempo-lottie {
        width: 500px;
        margin-left: -50%;
    }
    .keep-pace-lottie {
        width: 420px;
        margin-left: -50%;
    }
}


/* –––––––––––––––––––– MET-565 SAN case study ––––––––––––––––––––––– */

.wdc {
    margin-top: 40px;
}

@media only screen and (min-width: 992px) {
    .case-study .san-case h2 {
        font-size: 58px;
    }
}


/* –––––––––––––––––––– MET-566 BAYER case study ––––––––––––––––––––– */

.spb_single_image.badge-image.two-flags img {
    max-width: 266px;
}

.visible-xs.inline {
    display: inline !important;
}

.midpaddingbottom {
    margin-bottom: -30px !important;
}

.lowpaddingbottom {
    margin-bottom: -10px !important;
}

.case-study ul.results {
    font-size: 20px;
    line-height: 1.4em;
    color: #535353;
}

.case-study .results li {
    margin-bottom: 18px;
    text-indent: 0;
    margin-left: 0;
}

@media screen and (min-width: 768px) {
    .spb_single_image.badge-image.two-flags img {
        max-width: 340px;
    }
    .hidden-xs.inline {
        display: inline !important;
    }
    .visible-xs.inline {
        display: none !important;
    }
}


/* –––––––––––––––––––– MET-569 Contact page revamp ––––––––––––––––––––– */

h2.metrix-blue.contact-page {
    font-size: 33px;
    line-height: 1.24em;
}

#Contact_Page .contact-page textarea {
    max-width: 100%;
    width: 100%;
    margin-bottom: 12px;
    padding-left: 13px;
}

#Contact_Page input[type="text"],
#Contact_Pageinput[type="tel"],
#Contact_Page input[type="email"] {
    padding-left: 13px;
}

#lightblue .ajax-loader {
    display: none;
}

.contact-details {
    padding-top: 9px;
    color: #535353;
    font-size: 22px;
    line-height: 1.32em;
}

.contact-details a img.alignleft {
    margin: 5px 10px 10px 0;
}

.contact-details.less-margin-bottom {
    margin-bottom: 5px;
}

.contact-details.more-margin-bottom {
    margin-bottom: 37px;
}

.contact-details a {
    color: #535353;
}

.contact-header-icons,
.contact-header-icons a {
    color: #535353;
    font-size: 13px;
    letter-spacing: 4px;
}

.contact-details a:hover,
.contact-header-icons a:hover {
    color: #12BDF9;
}

#Contact_Page .wpcf7-list-item {
    margin: 0;
}

@media only screen and (min-width: 768px) {
    #Contact_Page .contact-page textarea {
        width: 97.5%;
        height: 138px;
    }
    .contact-header-flex .container .row {
        display: flex;
        align-items: center;
    }
    .contact-header-flex .container .row .spb_text_column:nth-of-type(2) {
        align-self: flex-start;
    }
    .contact-header-flex .col-sm-3.email-row {
        margin-top: -162px;
    }
}

@media screen and (min-width:992px) and (max-width: 1200px) {
    .contact-header-icons,
    .contact-header-icons a {
        letter-spacing: 1px;
    }
}

@media screen and (min-width: 1200px) {
    .keep-pace-lottie.contact-lottie {
        width: 420px;
        margin-left: -20%;
    }
}


/* –––––––––––––––––––– MET-572 BuzzFeed case study ––––––––––––––––––––––– */

.unaided-brand .flex-row {
    align-items: center;
}

.case-study .impact-text-large {
    font-size: 28px;
}

@media only screen and (max-width: 767px) {
    .unaided-brand .flex-row :where(.col-sm-5,
    .col-sm-7) {
        padding-left: 0;
    }
}


/* –––––––––––––––––––– MET-580 New font for headings ––––––––––––––––––––––– */

h1,
h2,
h3,
h4,
h5,
h6,
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong,
.impact-text,
.impact-text-large,
.impact-text strong,
.impact-text-large strong {
    font-family: Montserrat, sans-serif !important;
}

.portfolio-item h3.portfolio-item-title {
    font-weight: 600;
    line-height: 1.32em;
}

.contact-header-title {
    font-family: Montserrat, sans-serif;
    color: #005eac;
    font-weight: bold;
    font-size: 21px;
    margin-bottom: 14px;
    letter-spacing: -0.8px;
}

.portfolio-items.filterable-items>li {
    min-height: 540px !important;
}

@media only screen and (min-width: 768px) {
    .portfolio-items.filterable-items>li {
        min-height: 770px !important;
    }
}

@media only screen and (min-width: 992px) {
    .portfolio-items.filterable-items>li {
        min-height: 620px !important;
    }
}

@media only screen and (min-width: 1200px) {
    .portfolio-items.filterable-items>li {
        min-height: 540px !important;
    }
}


/* –––––––––––––––––––– MET-586 New font weight and sizes for headings ––––––––––––––––––––––– */

.portfolio-template-default h1.entry-title {
    font-size: 30px;
    line-height: 33px;
}

.portfolio-options-bar.new-links-position {
    margin: 0 0 40px 0;
}

@media only screen and (min-width: 768px) {
    .portfolio-template-default h1.entry-title {
        font-size: 40px;
        line-height: 44px;
    }
    .portfolio-options-bar.new-links-position {
        margin: 0 15px 40px 15px;
    }
}


/* –––––––––––––––––––– MET-596 Cookie alert in forms ––––––––––––––––––––––– */

.gpdr-form.darkbg p {
    margin-top: 8px;
}

.gpdr-form .footer-cookies {
    font-size: 13px;
}

.gpdr-form.darkbg .wpcf7-list-item {
    margin: 0;
}

.gpdr-form.darkbg .wpcf7-acceptance .wpcf7-list-item {
    margin-top: 8px;
}


/* ––––––––––––––––––––   MET-599 BTI new layout for titles  ––––––––––––––––––––––– */

.spb_content_element.col-sm-12.portfolio-inner-title {
    margin-bottom: 50px;
}

.portfolio-inner-title .entry-title {
    margin-top: 10px;
}

.behind-insights {
    text-transform: uppercase;
    color: #005eac;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 0;
}


/* ––––––––––– MET-600 careers page –––––––––––– */

.careers-page h2 {
    color: #005eac;
    font-size: 28px;
    line-height: 1.2em;
}

.careers-page .vision {
    min-height: 384px
}

.col-sm-12.mission.flex-fix {
    margin-bottom: 0;
}

.spb_text_column.job-posts-column {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 0;
}

.job-position {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    height: 68px;
}

.job-flag img {
    margin: 5px 20px 5px 0;
}

.job-flag.several-countries img {
    margin-bottom: 20px;
}

.job-desc {
    font-weight: 700;
    flex: 0 10 81%;
}

.job-desc a {
    font-weight: 600;
}

.spb_content_element.col-sm-6.vision {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media only screen and (min-width: 768px) {
    .careers-page h2 {
        font-size: 36px;
    }
    .mission.flex-fix .row,
    .col-sm-6.vision {
        display: flex;
        align-items: center;
    }
    .vision.order-2 h2,
    .vision.order-2 p {
        padding-left: 40px;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .spb_text_column.job-posts-column {
        font-size: 16px;
        line-height: 1.24em;
    }
    .job-desc {
        flex: 0 0 83%;
    }
    .job-flag {
        margin-right: 7px;
    }
    .job-flag.several-countries img {
        margin-bottom: 48px;
        max-width: 14%;
        margin-right: 8px;
    }
    .job-position {
        height: 63px;
    }
}


/* ––––––––––– MET-605 Jump Start Row –––––––––––– */

.jump-start-row {
    background: rgb(2, 96, 174);
    background: linear-gradient(194deg, rgba(2, 96, 174, 1) 0%, rgba(32, 129, 199, 1) 62%, rgba(32, 129, 199, 0.542454481792717) 100%);
}

.jump-start-row .spb_text_column {
    margin-bottom: 0;
}

.jump-start-row h3 {
    color: #FDCC06;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 2px;
}

.jump-start-row h2 {
    font-size: 44px;
    line-height: 1em;
    color: #fff;
    margin-top: 0;
}

.jump-start-row .intro-jsa {
    color: #fff;
    font-size: 22px;
    line-height: 30px;
    margin-top: 22px;
    margin-bottom: 33px;
}

.jump-start-row a.sf-button.large {
    font-size: 18px;
    font-family: Montserrat;
    padding: 16px 48px;
    border-radius: 5px;
}

.jump-start-on-list {
    background-color: rgb(0, 94, 172);
    background-image: linear-gradient(313deg, rgba(0, 94, 172, 1) 0%, rgba(32, 129, 199, 1) 42%, rgba(85, 187, 243, 1) 100%);
    color: #fff;
    margin-left: -10px;
    padding-left: 10px;
    border-radius: 5px;
}

.jump-start-on-list a {
    color: #FFF;
}

.jump-start-on-list a:hover {
    color: #FDCC06;
}

.just-arrow {
    padding-right: 9px;
    flex: 0 0 18%;
}

.just-arrow .alignright {
    margin: 0;
}

@media only screen and (min-width: 768px) {
    .jump-start-row .row {
        display: flex;
        align-items: center;
    }
    .jump-start-row {
        background-image: linear-gradient(49deg, rgba(2, 96, 174, 1) 0%, rgba(32, 129, 199, 1) 62%, rgba(32, 129, 199, 0.542454481792717) 100%);
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .just-arrow {
        display: none;
    }
}

.pagination-wrap li span {
    padding: 10px 16px;
}

/*  MET-908 banner */

.bti-banner.scam {
    background: linear-gradient(137deg, #2666CC, #3887DB, #55BBF3, #F6CD47, #FDCC06);
    background-size: 120% 120%;
}

/* ––––––––––– MET-608 Technology page –––––––––––– */

.tech-headings h1 {
    color: #005eac;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 33px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.55);
    max-width: 666px;
}

@media only screen and (min-width: 768px) {
    .tech-headings h1 {
        font-size: 40px;
        line-height: 44px;
    }
}

.tech-headings h2 {
    color: #005eac;
    margin-bottom: 30px;
    font-size: 28px;
    line-height: 32px;
}

.tech-headings h3 {
    font-size: 22px;
    line-height: 26px;
}

.tech-page .tech-headings a.sf-button.large.stroke-to-fill {
    font-size: 22px;
}

@media only screen and (max-width: 767px) {
    .tech-page .tech-headings h1 {
        text-align: center
    }
    .tech-page .tech-headings a.sf-button.large.stroke-to-fill {
        font-size: 24px;
        display: block;
        max-width: 260px;
        margin: auto;
    }
    .tech-hero {
        background-image: url(https://www.metrixlab.com/new/wordpress/wp-content/uploads/2022/07/evolving-technology-mobile-hero.jpg) !important;
    }
}

@media only screen and (min-width: 768px) {
    .tech-headings h3 {
        font-size: 26px;
        line-height: 32px;
    }
}


/* ––––––––––– MET-623 Technology page –––––––––––– */

.tech-headings ul.lead {
    font-size: 18px;
    font-weight: 400;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.55);
    margin-bottom: 30px;
}

.tech-headings ul.lead li {
    text-indent: -24px;
    margin-left: 24px;
}

.tech-headings a.sf-button.large.stroke-to-fill {
    font-size: 18px;
    font-family: Montserrat;
    padding: 16px 48px;
    border-radius: 5px;
}

.tech-page .tech-headings a.sf-button.large.stroke-to-fill {
    font-size: 22px;
}


/* ––––––––––– MET-624 Greenwash portfolio –––––––––––– */

.sources-text {
    font-size: 0.85em;
    line-height: 20px;
}

.strong-ptitle {
    font-weight: 700;
    margin-bottom: 10px;
}

h3,
.blog-item .quote-excerpt {
    font-size: 22px;
    line-height: 26px;
}

.extra-margin-bottom-li>li {
    margin-bottom: 16px;
}

.author-container .spb_wrapper {
    display: flex;
    align-items: flex-end;
}

.author-img img {
    margin-bottom: 7px;
}

.author-img {
    margin-bottom: 0;
    margin-right: 10px;
}

.author-name {
    margin-bottom: 0;
}

.portfolio-type-standard.inner-page-wrap {
    margin-top: 0;
}

@media only screen and (min-width: 992px) {
    .portfolio-type-standard.inner-page-wrap {
        margin-top: 10px;
    }
}


/* ––––––––––– MET-629 SunButter case study –––––––––––– */

@media only screen and (min-width: 768px) {
    .column-count-container .spb_wrapper {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
    }
}

@media only screen and (min-width: 920px) {
    img.aligncenter.sunbutter-variety {
        max-width: 120%;
        margin-left: -80px;
    }
    img.aligncenter.sunbutter-details {
        max-width: 120%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1150px) {
    img.aligncenter.sunbutter-details {
        max-width: 100%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    img.aligncenter.sunbutter-details {
        max-width: 100%;
    }
}


/* ––––––––––– MET-636 Sustainability portfolio –––––––––––– */

.sustainability-list {
    display: flex;
    margin-bottom: 8px;
}

.sustainability-number {
    flex: 0 1 20%;
    margin-left: -15px;
}

.sustainability-tip {
    flex: 0 1 80%;
    margin-left: 9px;
    margin-top: 7.7%;
}

.sustainability-tip b {
    font-family: Montserrat;
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .sustainability-number {
        flex: 0 1 15%;
    }
    .sustainability-tip {
        margin-top: 6.5%;
        flex: 0 1 85%;
    }
}

@media only screen and (min-width: 768px) {
    .sustainability-number {
        flex: 0 1 10%;
    }
    .sustainability-tip {
        flex: 0 1 90%;
        margin-top: 11px;
    }
}

@media only screen and (min-width: 992px) {
    .sustainability-tip {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 1200px) {
    .sustainability-tip {
        margin-top: 27px;
    }
}


/* ––––––––––– MET-642 Facebook case study –––––––––––– */

.spb_single_image.facebook-results img {
    max-width: 900px;
    margin: auto;
}

.spb_text_column.job-posts-column .job-desc.w-note {
    line-height: 20px;
}

.job-note {
    color: #888888;
    font-size: 13px;
    line-height: 11px;
    max-width: 266px;
    display: block;
}

@media(min-width: 768px) {
    .case-study .column-count-container.extra-kern p {
        letter-spacing: 0.1px;
        margin-bottom: 28px;
    }
    .case-study .column-count-container.double-kern p {
        letter-spacing: 0.2px;
        margin-bottom: 28px;
    }
}


/* ––––––––––– MET-635 Position available across UK, France, Germany, Spain and Italy ––––––––––––  */

.spb_text_column.job-posts-column .job-desc.w-note {
    line-height: 20px;
}

.job-note {
    color: #888888;
    font-size: 13px;
    line-height: 11px;
    max-width: 266px;
    display: block;
}


/* ––––––––––– MET-646 New Blog Headers –––––––––––– */

.new-blog-header.with-bg .port-detail-media-container {
    display: none;
}

.new-blog-header.with-bg .col-sm-12.blog-hero-bg {
    margin-bottom: 50px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

@media only screen and (min-width: 992px) {
    .new-blog-header.with-bg .col-sm-12.blog-hero-bg {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}

.blog-subtitle {
    text-transform: uppercase;
    color: #005eac;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 0;
}

.new-blog-header.with-bg .spb_content_element.col-sm-12.portfolio-inner-title {
    margin-bottom: 0;
    margin-top: 30px;
}

.new-blog-header.with-bg .portfolio-inner-title .blog-subtitle,
.new-blog-header.with-bg .portfolio-inner-title .entry-title,
.new-blog-header.with-bg .author-name,
.new-blog-header.with-bg .author-name strong {
    color: #fff;
}

.new-blog-header.with-bg .portfolio-inner-title {
    padding-bottom: 0;
}

.new-blog-header.with-bg .portfolio-inner-title .entry-title {
    margin-top: 4px;
}

.new-blog-header .author-container .spb_wrapper {
    align-items: center;
    font-family: Montserrat, sans-serif;
}

.new-blog-header .author-name {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 18px;
}

.new-blog-header .author-name strong {
    font-family: Montserrat, sans-serif;
    font-weight: 700;
}

.new-blog-header .author-img {
    margin-right: 6px;
}

.new-blog-header.with-bg .author-img {
    margin-right: 0px;
    flex: 0 1 13%;
}

.new-blog-header .author-img img {
    max-width: 106px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 6px rgb(0 0 0 / 16%);
}

.new-blog-header.with-bg .author-img img {
    max-width: 73px;
}

.new-blog-header h2 {
    font-size: 32px;
    line-height: 38px;
    color: #005eac;
}

.new-blog-header.grey-headers h2 {
    font-size: 24px;
    line-height: 32px;
    color: #535353;
    font-family: "Source Sans Pro" !important;
}

.new-blog-header .qa-small-heading {
    font-size: 24px;
    text-align: center;
    font-weight: 700;
}

@media only screen and (min-width: 768px) {
    .new-blog-header.with-bg .author-img img:nth-of-type(2) {
        margin-left: -30px;
    }
    .new-blog-header.with-bg .author-img {
        flex: 0 1 auto;
    }
}


/* ––––––––––– MET-650 QA portfolio  –––––––––––– */

.new-blog-header p {
    font-size: 18px;
}

.new-blog-header p .qa-capitular {
    font-size: 24px;
}

.new-blog-header .qa-question p {
    color: #005eac;
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    margin-top: 50px;
}

.new-blog-header .qa-question.first-q p {
    margin-top: 0;
}

.qa-image {
    margin-top: 50px;
}


/* ––––––––––– MET-644 New Home redesign ––––––––––––  */

body.new-home p {
    color: #535353;
    font-size: 20px;
    line-height: 30px;
}

body.new-home .home-story p {
    font-size: 22px;
    line-height: 32px;
}

.new-home h3.metrix-darkgray {
    color: #535353;
    font-size: 26px;
    line-height: 30px;
}

.new-home-hero {
    background: rgb(0, 94, 172);
    background: linear-gradient(225deg, rgba(0, 94, 172, 1) 0%, rgba(32, 129, 199, 1) 42%, rgba(85, 187, 243, 1) 100%);
}

.new-home-hero .hero-image img.aligncenter {
    display: none;
}

.new-home .home-row h2 {
    font-size: 32px;
    line-height: 36px;
}

.new-home .col-sm-12.solution_box h2 {
    font-size: 26px;
}

.new-home .home-cta a {
    font-size: 26px;
    font-weight: 700;
    line-height: 65px;
}

.new-home .home-cta img.alignleft {
    margin: 0 0 -10px -15px;
    padding: 16px 19px 16px 18px;
    background: #fff;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.new-home .col-sm-12.solution_box a.sf-button {
    font-size: 19px;
    font-family: Montserrat, sans-serif;
    margin-right: 0;
}

.new-home .col-sm-12.solution_box .spb_wrapper p:last-of-type {
    margin-bottom: 0;
}

.new-home .spb_single_image.noframe.col-sm-6 {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 50px !important;
    margin-right: 0;
}

.home-hero-text .hero-intro {
    color: #fff;
    font-size: 22px;
    line-height: 29px;
}

.home-hero-text h1 {
    font-size: 40px;
    line-height: 42px;
    margin-bottom: 28px;
}

.col-sm-12.home-solutions-col {
    border: 1px solid #e8e8e8;
    border-radius: 6px;
}

.home-solutions-col a.sf-button.lightblue {
    background-color: #005eac;
    border-radius: 6px;
}

.home-solutions-col a.sf-button.lightblue:hover {
    background-color: #12bdf9;
}

.new-home .home-cta {
    border-radius: 6px;
    box-shadow: 0px 0px 10px rgba(0 0 0 /8%);
}

.home-subtitle {
    font-family: 'Source Sans Pro' !important;
    font-size: 22px;
    line-height: 28px;
}

.home-solutions .recent-post h5 {
    text-align: center;
}

.home-recent-posts .portfolio-items.filterable-items>li {
    min-height: auto !important;
}

.portfolio-item figure img {
    min-height: auto;
}

.home-recent-posts .comments-likes,
.portfolio-filter-tabs .has-items .home-case-studies,
.portfolio-filter-tabs .has-items .home-news-insights,
.portfolio-filter-tabs .has-items .technology-page-case-studies {
    display: none;
}

.home-recent-posts .details-wrap {
    margin-bottom: 10px;
}

.home-recent-posts figure.animated-overlay {
    margin-bottom: 16px;
}

.portfolio-items figure.animated-overlay figcaption {
    background-color: rgb(18 189 249 / 30%) !important;
}

.home-cases-row .home-recent-posts .recent-post {
    background: transparent;
}

.home-solutions .recent-post h5,
.home-latest .recent-post h5 a,
.home-case-stories .recent-post h5 a,
.home-recent-posts .details-wrap h5 a,
.home-recent-posts .portfolio-item-title a {
    font-family: 'Source Sans Pro' !important;
    color: #535353;
    line-height: 30px;
    font-weight: 400;
    font-size: 20px;
}

.home-cases-row .home-recent-posts .details-wrap h5 a,
.home-cases-row .home-recent-posts .portfolio-item-title a,
.home-case-stories .recent-post h5 a {
    color: #fff;
}

.home-recent-posts .details-wrap h5 a:hover,
.home-recent-posts .portfolio-item-title a:hover {
    color: #005eac;
}

.home-cases-row .home-recent-posts .details-wrap h5 a:hover,
.home-cases-row .home-recent-posts .portfolio-item-title a:hover {
    color: #12bdf9;
}

.home-hero-text a.sf-button.sf-button.stroke-to-fill,
.home-story a.sf-button.sf-button.stroke-to-fill {
    font-family: Montserrat, sans-serif;
    border-radius: 6px;
    padding: 17px 45px;
    font-size: 22px;
}

.home-hero-text.get-in-touch {
    text-align: center;
}

.our-story .home-story {
    padding-left: 20px;
}

.spb_content_element.col-sm-12.home-hero-text {
    margin-bottom: 0;
}

.new-home .col-sm-12.solution_box {
    padding-left: 40px;
    padding-right: 40px;
}

.spb_content_element.col-sm-12.our-story {
    margin-bottom: 40px;
}

.new-home .separated-p {
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 75%;
}

.new-home .testimonial-signature {
    margin-bottom: 0;
    text-align: center;
}

.new-home .testimonial-signature strong {
    font-weight: 600 !important;
    ;
}

.new-home .testimonial-text img {
    margin-bottom: 33px;
}

.new-home .testimonial .testimonial-text {
    font-weight: 400;
}

.new-home .carousel-wrap a.carousel-next,
.new-home .carousel-wrap a.carousel-prev {
    top: 40%;
}

.new-home .carousel-wrap a.carousel-next {
    background-position: center right;
    right: 7px;
}

.new-home .carousel-wrap a.carousel-prev {
    left: 7px;
}

.new-home .carousel-wrap:hover .carousel-next {
    right: -6px;
}

.new-home .carousel-wrap:hover .carousel-prev {
    left: -6px;
}

.new-home-hero .spb_content_element.col-sm-12.spb_raw_html {
    max-width: 420px;
}

@media only screen and (min-width: 768px) {
    .new-home-hero .spb_content_element.col-sm-12.spb_raw_html,
    .spb_content_element.col-sm-12.home-hero-text {
        padding-left: 0;
        padding-right: 0;
    }
    .home-hero-text .hero-intro {
        max-width: 90%;
    }
    .new-home-hero .hero-image {
        padding-bottom: 0;
    }
    .new-home-hero .hero-image p {
        margin-bottom: 0;
    }
    .new-home-hero .hero-image img.aligncenter {
        display: block;
        width: 500%;
        position: relative;
        z-index: -1;
        max-width: 198%;
        margin-left: -25%;
        margin-bottom: 0;
        margin-top: 0;
    }
    .home-hero-text.get-in-touch {
        text-align: left;
    }
    .new-home .spb_single_image.noframe.col-sm-6 {
        padding-right: 0;
        padding-left: 0;
        margin-right: 80px;
        margin-bottom: auto;
    }
    .new-home .spb_single_image.noframe.col-sm-6.order-2 {
        margin-right: 0;
    }
    .new-home .col-sm-12.solution_box p:nth-of-type(2) {
        min-height: 220px;
    }
    .new-home .col-sm-12.home-solutions-col {
        min-height: 530px;
    }
    .spb_content_element.col-sm-12.our-story {
        margin-bottom: 80px;
    }
    .new-home .separated-p,
    .new-home .testimonial-signature {
        text-align: left;
        max-width: unset;
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .home-hero-text .hero-intro {
        max-width: 100%;
    }
    .home-hero-text .hero-intro {
        font-size: 20px;
        line-height: 25px;
    }
    .home-hero-text h1 {
        font-size: 32px;
        line-height: 38px;
    }
    .new-home-hero .hero-image img.aligncenter {
        max-width: 345%;
        margin-left: -50%;
    }
    .new-home-hero .spb_content_element.col-sm-12.spb_raw_html {
        max-width: 340px;
    }
    .new-home .home-row.cta-icons .col-sm-3 {
        width: 50%;
    }
    .new-home .home-cta {
        height: 66px;
    }
    .new-home .col-sm-12.solution_box {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media only screen and (min-width: 992px) {
    .new-home .carousel-wrap a.carousel-next {
        background-position: center right;
        right: -36px;
    }
    .new-home .carousel-wrap a.carousel-prev {
        left: -36px;
    }
    .new-home .carousel-wrap:hover .carousel-next {
        right: -49px;
    }
    .new-home .carousel-wrap:hover .carousel-prev {
        left: -49px;
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .new-home-hero .hero-image img.aligncenter {
        max-width: 260%;
        margin-left: -45%;
    }
    .new-home .col-sm-12.solution_box p:nth-of-type(2) {
        min-height: 150px;
    }
    .new-home .col-sm-12.home-solutions-col {
        min-height: 470px;
    }
    .new-home-hero .spb_content_element.col-sm-12.spb_raw_html {
        max-width: 340px;
    }
}

@media only screen and (min-width: 1200px) {
    .new-home .col-sm-12.solution_box p:nth-of-type(2) {
        min-height: 120px;
    }
    .new-home .col-sm-12.home-solutions-col {
        min-height: 325px;
    }
    .new-home .carousel-wrap a.carousel-next {
        background-position: center right;
        right: -43px;
    }
    .new-home .carousel-wrap a.carousel-prev {
        left: -43px;
    }
    .new-home .carousel-wrap:hover .carousel-next {
        right: -59px;
    }
    .new-home .carousel-wrap:hover .carousel-prev {
        left: -59px;
    }
}

.nf-call-to-action {
    background-color: #f8f8f8;
    position: relative;
}

.new-footer-form {
    margin: 50px auto;
}

.contact-row {
    display: flex;
    flex-direction: column;
}

.new-footer-form h1.contact-main-title {
    color: white !important;
    font-size: 32px;
    font-weight: bold;
    padding-bottom: 16px;
    font-family: Montserrat, sans-serif;
}

.new-footer-form p.contact-main-title {
    margin-top: 20px;
    margin-bottom: 10px;
    color: #005eac;
    font-size: 32px;
    font-weight: bold;
    padding-bottom: 16px;
    font-family: Montserrat, sans-serif;
}

.new-footer-form .wpcf7 input[type="text"],
.new-footer-form .wpcf7 input[type="email"],
.new-footer-form .wpcf7 textarea,
.new-footer-form .wpcf7 select {
    background: #fff;
    border: 1px solid #e4e4e4;
    padding: 9px 16px;
    color: #535353;
    font-size: 17px !important;
    margin-bottom: 4px;
    width: 100%;
}

 ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #535353;
    opacity: 1;
    /* Firefox */
}

 :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #535353;
}

 ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #535353;
}

.new-footer-form .gpdr-form .wpcf7-list-item-label {
    color: #535353;
    font-size: 14px;
}

.new-footer-form select {
    height: 46px;
}

.new-footer-form .wpcf7 textarea {
    margin-top: 14px;
    margin-bottom: 12px;
    max-width: 100%;
    height: 86px;
}

.new-footer-form select {
    padding: 16px 16px 22px 16px;
}

.new-footer-form .wpcf7-submit.wpcf7-form-control {
    float: right;
    margin-right: 0px;
}

.new-footer-form .gpdr-form span.wpcf7-list-item {
    margin-left: 0;
}

.footer-copy-container {
    display: block;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    .contact-row {
        flex-direction: row;
        justify-content: space-between;
    }
    .contact-field-half {
        width: 49%;
    }
    .nf-call-to-action .email-row {
        margin-top: 126px;
    }
    .footer-copy-container {
        display: flex;
        justify-content: space-between;
        text-align: left;
    }
}

#copyright.copyright-divider {
    background-color: #fff;
    border-top-color: #727272;
    padding: 30px 0;
}

#copyright.copyright-divider,
#copyright.copyright-divider a {
    color: #535353;
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    border-bottom-width: 0;
}

#copyright.copyright-divider strong {
    font-weight: bold;
    color: #005eac;
}

#footer.footer-divider {
    padding: 65px 0 45px;
    color: #fff;
    background-color: #134584;
    background-image: url(/wp-content/uploads/2017/04/bg-new-footer.svg);
    background-repeat: no-repeat;
    border-top-width: 0;
    background-position: 50%;
    background-size: cover;
}

#footer.footer-divider a {
    color: #fff;
}

#copyright.copyright-divider a:hover,
#footer.footer-divider a:hover {
    color: #12bdf9;
    text-decoration: underline;
}

#footer.footer-divider h6 {
    color: #fff;
    text-transform: none;
    font-size: 18px;
}

#footer-widgets .widget_nav_menu ul>li {
    border-top: 0;
}

#footer-widgets .widget_nav_menu ul>li a:before {
    content: none;
}

.widget_search form:after {
    font-weight: bold;
    font-size: 22px;
    top: 11px;
    color: #12bdf9;
}

#enviar {
    position: absolute;
    left: calc( 50% - 38px);
}

.email-row.visible-xs .lottie.contact-lottie canvas {
    width: 90% !important;
    height: auto !important;
    transform-origin: 0px 0px 0px !important;
    margin: 0 auto -30px auto !important;
}

.home-recent-posts .post-item-details {
    display: none;
}

input[type="submit"],
.wpcf7 input.wpcf7-submit[type="submit"] {
    font-size: 19px;
}

@media only screen and (min-width: 768px) {
    #enviar {
        position: unset;
    }
    .our-story.flex-fix .row,
    .col-sm-6.vision {
        display: flex;
        align-items: center;
    }
    .our-story .home-story {
        padding-left: 0;
        padding-right: 60px;
    }
    .home-story.order-2,
    .home-story.order-2 h3,
    .home-story.order-2 p {
        padding-left: 50px;
    }
    #footer.footer-divider {
        background-position: right;
        background-size: contain;
    }
}

.we-container {
    margin-bottom: 38px;
}

.animation,
.animation2 {
    font-size: 25px;
    line-height: 34px;
    color: #fdcc06;
    font-weight: 600;
    display: inline-block;
    animation: fadeIn 1.5s forwards;
    opacity: 0;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.animation2 {
    animation: fadeIn2 4s forwards;
}

.first-svg {
    display: inline-block;
    animation: firstSpan 1.5s forwards cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: 1;
    position: relative;
}

.oh {
    display: inline-flex;
    overflow: hidden;
}

.second-svg {
    animation: secondSpan 1.5s forwards cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: -1;
    display: inline-block;
}

.third-svg {
    animation: firstSpan 4s forwards cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: 1;
    display: inline-block;
}

.forth-svg {
    animation: secondSpan 4s forwards cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: -1;
    display: inline-block;
}

@media only screen and (min-width: 768px) {
    .oh {
        justify-content: flex-start;
    }
    .animation,
    .animation2 {
        text-align: left;
        max-width: unset;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes fadeIn2 {
    0% {
        opacity: 0;
        transform: scale(1);
    }
    50% {
        opacity: 0;
        transform: scale(1);
    }
    60% {
        opacity: 1;
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes firstSpan {
    0% {
        transform: translateX(50%);
    }
    60% {
        transform: translateX(50%);
    }
    100% {
        transform: translateX(0%);
    }
}

@keyframes secondSpan {
    0% {
        transform: translateX(-100%);
    }
    60% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(-0%);
    }
}


/* –––––––––––––––––––– MET-664 GDPR update –––––––––––––––––––––– */

.spb_content_element.col-sm-12.sm-note {
    margin-bottom: 0;
    padding-bottom: 0;
}

.spb_content_element.col-sm-12.sm-note p {
    font-size: 0.9em;
    padding-bottom: 0;
    margin-bottom: -20px;
}

.spb_content_element.col-sm-12.sm-note.more-contrast p {
    color: #2e2e36;
}

.sm-note-wrapper .spb_content_element.col-sm-12.sm-note p {
    margin-bottom: -4px;
}


/* –––––––––––––––– MET-679 Privacy Note tables ––––––––––––––––– */

.privacy-notice-page h2 {
    text-transform: uppercase;
    padding-top: 32px;
    padding-bottom: 12px;
}

.privacy-notice-page h3 {
    padding-top: 18px;
    padding-bottom: 9px;
}

.privacy-notice-page .privacy-notice-content li {
    margin-left: 24px;
    text-indent: -24px;
    margin-bottom: 20px;
}

.CookieDeclarationType {
    display: block;
    margin: 12px 0 42px 0;
    padding: 8px 8px 0 8px;
    border: 1px solid #333333;
}

.CookieDeclarationTable {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 18px 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.CookieDeclarationTableHeader {
    font-weight: bold;
    border-bottom: 1px solid #777777;
    text-align: left;
    padding: 4px;
    overflow: hidden;
}

.CookieDeclarationTableCell {
    text-overflow: ellipsis;
    word-wrap: break-word;
    border-bottom: 1px solid #777777;
    vertical-align: top;
    padding: 4px 4px 5px 4px;
}

.CookieDeclarationTableCell ul {
    text-indent: -21px;
    margin-left: 21px;
}

.CookieDeclarationTableCell li {
    margin-bottom: 8px;
}

span.space {
    display: block;
    height: 80px;
}


/* –––––––––––––––––––––––––  MET-694 Press Release  –––––––––––––––––––––––––– */

.rounded-img figure img {
    border-radius: 50%;
}


/* –––––––––––––––––––––––––  MET-695 New Pretesting page  –––––––––––––––––––––––––– */

.act-page.pretesting .lead {
    margin-top: 0;
    margin-bottom: 0;
}

.act-page.pretesting h2,
.tech-page.pretesting h2 {
    margin-bottom: 35px;
    font-size: 26px;
}

.act-page.pretesting h2.no-bottom-padding {
    margin-bottom: 0;
}

.pretesting .tempo-intro .lead {
    text-align: left;
}

.pretesting .work-item,
.pretesting .easy-testing-item {
    width: 100%;
}

.pretesting .easy-testing-text,
.pretesting .work-text,
.pretesting .work-text p {
    text-align: left;
    width: 100%;
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
}

.pretesting .easy-testing-text {
    font-size: 20px;
}

.pretesting .easy-testing-text,
.pretesting-intro .spb_wrapper,
.pretesting-guide-text .spb_wrapper {
    text-align: center;
}

.easy-testing-item .aligncenter {
    width: 102px;
    box-shadow: 0px 0px 24px #e0e0e0;
    border-radius: 50%;
}

.easy-testing-img {
    margin-top: 45px;
    margin-bottom: 25px;
}

.pretesting-guide-text {
    margin-top: 70px;
    margin-bottom: 40px;
}

.pretesting-guide-text .spb_wrapper a.sf-button,
.pretesting-intro .spb_wrapper a.sf-button {
    margin-top: 30px;
}

.guide-pretesting {
    background: linear-gradient(75deg, rgba(85, 187, 243, 1) 0%, rgba(0, 94, 172, 1) 100%);
}

.pretesting-guide-text h2.metrix-white {
    font-size: 26px;
    line-height: 1.3em;
    margin-bottom: 12px;
}

.expert-guy {
    position: relative;
}

.expert-guy img {
    max-width: 48vw;
    margin: auto;
}

.pretesting .tempo-tick {
    flex: 0 0 11%;
}

.solutions-item img {
    box-shadow: 0px 0px 24px #e0e0e0;
    border-radius: 50%;
}

.solutions-item {
    text-align: center;
    width: 80%;
    margin: auto;
}

.solutions-item h3.metrix-lightblue {
    padding-left: 0;
    padding-top: 0;
}

.solutions-item p {
    font-size: 18px;
    line-height: 25px;
}

.groups-row {
    display: flex;
    justify-content: space-evenly;
}

.groups-row img {
    max-height: 28px;
}

.solutions-almost-finished {
    background-image: url(https://www.metrixlab.com/new/wordpress/wp-content/uploads/2017/04/almost-finished-assets_mobile.svg);
    background-repeat: no-repeat;
}

.solutions-unfinished {
    background-image: url(https://www.metrixlab.com/new/wordpress/wp-content/uploads/2017/04/unfinished-stim_mobile-3.svg);
    background-repeat: no-repeat;
}

.creative-testing .conclusion {
    line-height: 1.2em;
    color: #12bdf9;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
}

.solutions-indent li {
    margin-bottom: 12px;
}

@media screen and (min-width: 768px) {
    .creative-testing .conclusion {
        font-size: 25px;
    }
    .act-page.pretesting h2.no-bottom-padding,
    .act-page.pretesting h2,
    .tech-page.pretesting h2 {
        margin-bottom: 35px;
        font-size: 32px;
    }
    .easy-testing-item .aligncenter {
        width: 102px;
        float: left;
    }
    .easy-testing-img {
        margin-top: unset;
        margin-bottom: unset;
        margin-right: 30px;
    }
    .pretesting .work-item {
        width: 48%;
    }
    .pretesting .easy-testing-item {
        width: 48%;
        margin-right: 4%;
        display: flex;
        float: left;
        align-items: center;
    }
    .pretesting .easy-testing-item:last-of-type,
    .pretesting .work-row .work-item:last-of-type {
        width: 48%;
        margin-right: 0;
    }
    .pretesting .easy-testing-text,
    .pretesting-intro .spb_wrapper,
    .pretesting-guide-text .spb_wrapper {
        text-align: left;
    }
    .expert-guy .spb_wrapper {
        position: absolute;
        top: 181px;
    }
    .pretesting .tempo-tick {
        flex: 0 0 16%;
    }
    .solutions-row {
        display: flex;
        column-gap: 2%;
        justify-content: space-evenly;
    }
    .pretesting-guide-text h2.metrix-white {
        font-size: 29px;
    }
    .solutions-item {
        flex: 1 0 13%;
        width: 100%;
        margin: unset;
    }
}

@media screen and (min-width: 992px) {
    .expert-guy .spb_wrapper {
        top: 120px;
    }
    .pretesting .tempo-tick {
        flex: 0 0 11%;
    }
}

@media screen and (min-width: 1200px) {
    .expert-guy .spb_wrapper {
        top: 93px;
    }
    .pretesting-guide-text h2.metrix-white {
        font-size: 34.5px;
    }
    .groups-row img {
        max-height: 33px;
    }
}


/*-------------------- MET-708 popups for email success --------------------- */

#reload {
    margin-top: 18px;
    color: #fff;
    background-color: #12bdf9;
    border: none;
    padding: 10px 24px;
}

#reload:hover {
    background-color: #f49800;
}

#popmake-190845 .popmake-close {
    display: none !important;
}

#popmake-190834,
#popmake-190845 {
    background: rgb(2, 96, 174);
    background: linear-gradient(224deg, rgba(2, 96, 174, 0.9) 0%, rgba(32, 129, 199, 0.9) 62%, rgb(102 182 241 / 90%) 100%);
}


/*-------------------- MET-711 new technology page --------------------- */

.tech-video,
.tech-link {
    color: #12BDF9;
    font-size: 22px;
    font-weight: 600;
    line-height: 31px;
    text-indent: -46px;
    margin-left: 46px;
    display: block;
    margin-bottom: 20px;
}

.tech-video:hover {
    color: #005eac;
}

.tech-video::before {
    content: url('/wp-content/themes/dante-child/images/play-button.svg');
    width: 31px;
    height: 1px;
    margin-right: 10px;
    position: relative;
    top: 2px;
    display: block;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.tech-video:hover::before {
    content: url('/wp-content/themes/dante-child/images/play-button-hover.svg');
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.no-disc {
    list-style-type: none;
}

.tech-page .technologies-container p {
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    margin: 0;
}

.tech-page .technologies-container .container {
    padding: 0 !important;
}

.tech-page .panel {
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 350px;
}

.tech-page .technologies-container img {
    margin-bottom: 18px;
}

.tech-page .technologies-container .final-line {
    margin-bottom: 70px;
}

.tech-back {
    background: linear-gradient(75deg, rgba(85, 187, 243, 1) 0%, rgba(0, 94, 172, 1) 100%);
    width: 100%;
    height: 300px;
    max-width: 300px;
    min-width: 212px;
    margin: auto;
    text-align: center;
    border-radius: 8px;
    padding: 0 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.tech-page .technologies-container .back-tab {
    padding: 4px 16px;
    display: block;
    background: white;
    color: #0053ac;
    font-size: 16px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    margin-bottom: 30px;
}

.technologies-row .box-1 {
    display: flex;
    padding: auto;
    flex-direction: column;
    background-color: #12BDF9;
    border-radius: 8px;
    height: 300px;
    max-width: 300px;
    min-width: 212px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
}

.technologies-row .container .mid-row .col-lg-3 {
    margin-bottom: 0;
}

@media screen and (min-width: 992px) {
    .technologies-row .container .mid-row .col-lg-3 {
        width: 24.5%;
    }
    .tech-page .panel {
        height: 300px;
    }
    .technologies-row .box-1,
    .tech-back {
        height: 258px;
    }
}


/*-------------------- MET-717 close button --------------------- */

#swipebox-close {
    background-color: #df0000;
    border-radius: 50%;
    right: 12px;
    top: 10%;
    width: 42px;
    height: 42px;
    background-position: 11px 8px;
}

@media screen and (min-width: 800px) {
    #swipebox-close {
        right: 12px;
        top: 12%;
    }
}

@media screen and (min-width: 1160px) {
    #swipebox-close {
        right: calc(50vw - 496px);
        top: 12%;
    }
}


/*-------------------- MET-718 SWOCC blogpost --------------------- */

.gray-rounded-bg .spb_wrapper {
    display: flex;
    padding: 50px;
    background-color: #f8f8f8;
    border-radius: 100px;
    align-items: center;
}

.gray-rounded-bg .spb_wrapper h3 {
    font-weight: 600;
    color: #535353;
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 0;
    flex: 0 0 80%;
}

.gray-rounded-bg .spb_wrapper img {
    margin-left: 15px;
}

.qa-question.heading-w-img .spb_wrapper p {
    display: flex;
    align-items: center;
}

.qa-question.heading-w-img {
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 24px;
}

.qa-question.heading-w-img img {
    margin-bottom: 0;
    margin-top: 0;
}

img.extra-space {
    margin: 60px auto 40px auto;
}

@media screen and (min-width: 600px) {
    .swocc .spb_wrapper .container:last-of-type .row {
        display: flex;
        align-items: center;
    }
}

@media screen and (min-width: 992px) {
    .gray-rounded-bg .spb_wrapper {
        padding: 50px 100px;
    }
    .gray-rounded-bg .spb_wrapper img {
        margin-left: 30px;
    }
}


/* ---------------  MET-724 Storytellers  --------------- */

.new-blog-header .impact-text {
    margin-top: 60px;
    font-weight: 600;
}

.new-blog-header .storytell p {
    font-size: 20px;
    line-height: 24px;
    font-family: Montserrat, sans-serif;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.new-blog-header .storytell p:last-child {
    margin-bottom: 0;
}

.new-blog-header .storytell img {
    margin-bottom: 0;
}

.smaller-p {
    font-size: 0.85em;
}

@media screen and (min-width: 768px) {
    .new-blog-header .impact-text {
        font-size: 28px;
        line-height: 36px;
    }
}

@media screen and (min-width: 1200px) {
    .some-top-space {
        padding-top: 30px;
    }
}


/* ---------------  MET-725 PACT  --------------- */

.gray-rounded-bg.rounded-lightblue .spb_wrapper {
    background-color: #12BDF9;
}

.gray-rounded-bg.rounded-lightblue .spb_wrapper h3 {
    color: #fff;
}

.gray-rounded-bg.rounded-small .spb_wrapper {
    padding: 40px;
    border-radius: 0;
    flex-direction: column;
}

.gray-rounded-bg.rounded-small .spb_wrapper p {
    margin-bottom: 20px;
    text-align: center;
}

.gray-rounded-bg.rounded-small .spb_wrapper h3 {
    text-align: center;
}

.pretesting.pact .easy-testing-text {
    font-size: 18px;
}

.work-text.narrow-width .spb_wrapper {
    max-width: 946px;
    margin: auto;
}

.curious-addon img {
    box-shadow: none;
    border-radius: unset;
    position: absolute;
    top: -170px;
    left: 0;
    right: 0;
}

.curious-addon-large {
    display: none;
}

.resources-item {
    background-color: #fff;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 8px;
    box-shadow: 0 0 10px #00000016;
    min-height: 390px;
    max-width: 326px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.resources-item img {
    margin: 24px 0 10px;
}

.resources-item .spb_wrapper {
    text-align: center;
}

.resources-item .resources-text {
    font-weight: 600;
    line-height: 20px;
    text-align: left;
}

.pact .resources-item .case-tab {
    line-height: 42px;
    font-weight: 600;
    font-size: 18px;
}

.resources-item .case-tab.yellow {
    background-color: #fdcc06;
    color: #535353;
}

.pact .nopaddingbottom {
    margin-bottom: -80px !important;
}

@media screen and (min-width: 768px) {
    .gray-rounded-bg.rounded-small .spb_wrapper {
        padding: 30px 20px 30px 50px;
        border-radius: 100px;
        max-width: 726px;
        margin: auto;
        justify-content: space-between;
        flex-direction: row;
    }
    .gray-rounded-bg.rounded-small .spb_wrapper p {
        margin-bottom: 0;
        text-align: left;
    }
    .gray-rounded-bg.rounded-small .spb_wrapper h3 {
        margin-top: 0;
        text-align: left;
    }
    .pretesting.pact .easy-testing-item {
        align-items: flex-start;
    }
    .curious-addon img {
        right: unset;
        left: -10px;
    }
    .resources-item.col-sm-3 {
        width: calc(50% - 40px);
        margin-right: 40px;
    }
    .resources-item.col-sm-3:nth-of-type(even) {
        margin-right: 0;
    }
}

@media screen and (min-width: 992px) {
    .resources-item.col-sm-3 {
        width: calc(25% - 30px);
        margin-right: 40px;
    }
    .resources-item.col-sm-3:nth-of-type(even) {
        margin-right: 40px;
    }
    .resources-item.col-sm-3:nth-of-type(4) {
        margin-right: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .curious-addon img {
        top: -150px;
        width: 190px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .solutions-item h3 {
        font-size: 20px;
    }
}

@media screen and (min-width: 1450px) {
    .curious-addon-large {
        display: block;
    }
    .curious-addon-large img {
        box-shadow: none;
        border-radius: unset;
        position: absolute;
        top: -90px;
        left: -140px;
    }
    .curious-addon {
        display: none;
    }
    .larger-device {
        height: 10px !important;
    }
}


/* ------------------------ MET-732 influencers strategy------------------------ */

.new-blog-header .influencers section {
    display: flex;
    margin-bottom: 30px;
    align-items: flex-start;
}

.new-blog-header .influencers section:last-of-type,
.new-blog-header .influencers p {
    margin-bottom: 0;
}

.new-blog-header .influencers p:nth-of-type(2),
.new-blog-header .influencers p:nth-of-type(3) {
    margin-bottom: 24px;
}

.spb_single_image.influencer-grade img {
    max-width: 120px;
    margin: 40px auto;
}


/* ------------------------ MET-736 Sustainability Whitepaper ------------------------ */

.bigger-headings .capitular.mid {
    font-size: 1.8em;
    float: none;
}

.spb_text_column .indented-ul {
    text-indent: -24px;
    margin-left: 24px;
}

.curly-side.spb_text_column {
    background-image: url("/wp-content/uploads/2022/10/curly-bg-brace-mobile.svg");
    background-repeat: no-repeat;
    padding-top: 66px;
    margin-bottom: 0;
}

.next-curly-side.spb_text_column {
    margin-bottom: 0;
}

.em-impact-p {
    text-align: center;
    font-family: Montserrat;
    font-size: 26px;
    line-height: 1.3em;
    font-style: italic;
    color: #12bdf9;
    max-width: 660px;
    margin: 0 auto 30px;
}

.spb_text_column .em-impact-p.margin-below {
    margin-bottom: 50px;
}

.flex-columns-row dt .alignleft {
    margin: 5px 20px 36px 0;
}

.abs-pos-seal {
    position: initial;
    margin-bottom: 0;
}

.flex-columns-row.climate-sectors-row .spb_text_column:last-of-type {
    flex: 1 1 49%;
}

.flex-columns-row.business-iniatives .spb_text_column:first-of-type,
.flex-columns-row.business-iniatives .spb_text_column:last-of-type {
    flex: 1 1 44%;
}

.flex-columns-row.sustainability-recommendations .spb_text_column:first-of-type {
    flex: 1 1 38%;
}

.sustainability-index {
    width: 10%;
    float: left;
    margin-right: 3%;
}

.sustainability-descrip {
    width: 87%;
    float: left;
    margin-bottom: 24px;
}

@media screen and (min-width: 768px) {
    .abs-pos-seal {
        position: absolute;
        right: 0;
        z-index: 10;
    }
    .flex-columns-row .spb_wrapper>section>.row {
        display: flex;
        align-items: center;
    }
    .curly-side.spb_text_column {
        padding-left: 80px;
        background-image: url("/wp-content/uploads/2022/10/curly-bg-brace.svg");
        background-repeat: no-repeat;
    }
}

@media screen and (min-width: 1768px) {
    .abs-pos-seal {
        right: 10%;
    }
}

@media screen and (min-width: 541px) and (max-width:767px) {
    .flex-columns-row dt .alignleft {
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 768px) and (max-width:991px) {
    .flex-columns-row dt .alignleft {
        margin-bottom: 62px;
    }
}

@media screen and (min-width: 1200px) and (max-width:1380px) {
    .behavior-positive {
        align-self: flex-end;
    }
}

@media screen and (max-width: 767px) {
    .abs-pos-seal p {
        text-align: center;
    }
    .abs-pos-seal .alignright {
        float: none;
    }
}


/* ------------------------ MET-739 Pact Instant case study ------------------------ */

.case-study ol.results {
    font-size: 20px;
    line-height: 1.4em;
    color: #535353;
    list-style-type: none;
}

.case-study ol.results li {
    text-indent: -21px;
    margin-left: 21px;
}

@media screen and (min-width: 768px) {
    .img-out-left.aligncenter {
        max-width: 115%;
        margin-left: -15%;
    }
}

@media screen and (min-width: 1200px) {
    img.aligncenter.pact-results {
        max-width: 70%;
    }
}

@media screen and (min-width:1500px) {
    .figure-out-left figure {
        max-width: 112%;
        margin-left: -12%;
    }
}


/* --------------------- MET-734 Amstel Bock case study --------------------- */

.spb_single_image.badge-image.amstel-pack img {
    max-width: 400px;
}

@media screen and (min-width:768px) {
    .column-count-container.wide-col-gap .spb_wrapper {
        column-gap: 120px;
    }
}

@media screen and (min-width:992px) {
    .aligncenter.amstel-bock {
        position: relative;
        top: -84px;
        margin-bottom: -84px;
    }
}

@media screen and (min-width:1200px) {
    .aligncenter.amstel-bock {
        width: 231px;
    }
}

@media screen and (max-width:767px) {
    .aligncenter.amstel-bock {
        margin-top: 30px;
    }
}


/* --------------------- MET-731 Job posts forms --------------------- */

.form-toggle.job-form h2 {
    padding-left: 15px;
    padding-bottom: 20px;
}

.form-toggle .form-row .col-sm-4 {
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 0;
}

.form-toggle.job-form .wpcf7 .form-row {
    margin-left: 12px;
    margin-right: 0;
}

.form-toggle div.wpcf7 .form-row .col-sm-4 input,
.form-toggle div.wpcf7 .form-row textarea {
    margin-top: 12px;
    margin-bottom: 12px;
    background-color: #fff;
}

.form-toggle div.wpcf7 .form-row textarea {
    height: 70px;
    max-width: 100%;
}

.form-toggle.job-form .wpcf7 input[type="text"],
.form-toggle.job-form .wpcf7 input[type="email"],
.form-toggle.job-form .wpcf7 textarea {
    background: #fff;
    border: 1px solid #e4e4e4;
    padding: 9px 16px;
    color: #535353;
    font-size: 17px !important;
}

.job-form .gpdr-form {
    margin-left: 12px;
}

.job-form .gpdr-form span.wpcf7-form-control-wrap {
    display: block;
    max-width: 700px;
}

.job-form .gpdr-form .wpcf7-list-item {
    display: inline-block;
    margin: 0;
}

.spb_content_element.col-sm-12.apply-button {
    margin-bottom: 0;
    padding-bottom: 0;
}

.apply-button .pdf-button {
    min-width: 232px;
    text-align: center;
}

@media screen and (min-width:768px) {
    .form-toggle.job-form .wpcf7 .form-row {
        margin-left: 0;
        margin-right: 0;
    }
    .job-form .wpcf7-form {
        padding-left: 15px;
    }
    .form-row.additional .col-sm-4 {
          width:100%;
    }
    .form-row .col-sm-4:first-of-type,
    .form-row .col-sm-12 {
         padding-left: 0;
    }
    .form-row .col-sm-4:nth-of-type(3),
    .form-row .col-sm-12  {
          padding-right: 0;
    }
    .form-toggle div.wpcf7 .form-row.additional textarea { 
          width:98.2%;
    }
}

#popmake-223652 {
    background: rgb(2, 96, 174);
    background: linear-gradient(224deg, rgba(2, 96, 174, 0.9) 0%, rgba(32, 129, 199, 0.9) 62%, rgb(102 182 241 / 90%) 100%);
}

.codedropz-upload-wrapper {
    margin-top: 12px;
    margin-bottom: 12px;
}

.codedropz-upload-inner h3 {
    color: #12bdf9;
    font-size: 26px;
}
@media screen and (max-width:767px) {
    .whitepaper-final a.sf-button.sf-icon-reveal.darkblue,
    .whitepaper-final a.sf-button.sf-icon-reveal.yellow,
    .whitepaper-final a.sf-button.sf-icon-reveal.blue {
        width: 100%;
        max-width: 312px;
        margin: auto;
    }
}
a.sf-button.sf-icon-reveal.darkblue {
    background: #005eac;
    width: 100%;
    margin:0;
}

a.sf-button.sf-icon-reveal.darkblue:hover {
    background-color: #134993;
}
    


/* --------------------- MET-755 Best practices --------------------- */

.best-practices-packaging h2.metrix-lightblue {
    font-size: 28px;
    line-height: 36px;
    color: #12bdf9;
    margin-top: 60px;
}

.best-practices-packaging h2.metrix-orange {
    font-size: 28px;
    line-height: 36px;
    color: #f49800;
}

body.best-practices-packaging {
    color: #535353;
    font-size: 18px;
    line-height: 26px;
}

.new-blog-header.best-practices-packaging .qa-question p {
    margin-top: 12px;
}

.spb_content_element.col-sm-12.qa-question {
    margin-bottom: 0;
}


/* --------------------- MET-756 Packaging guide --------------------- */

.pdf-guide img {
    transform: rotate(9deg);
    max-width: 200px;
    float: right;
}

.packaging-guide-text .spb_wrapper a.sf-button {
    margin-top: 10px;
}

.packaging-guide-text h2.metrix-white {
    font-size: 26px;
    line-height: 1.3em;
    margin-bottom: 10px;
}

.guide-pretesting.packaging-guide .row {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mobile-guide-button {
    margin-bottom: 0;
    padding-bottom: 0;
}

@media screen and (max-width: 768px) {
    .packaging-guide-text.spb_text_column {
        text-align: center;
    }
    .packaging-guide-text h2.metrix-white {
        max-width: 460px;
    }
    .pdf-guide img {
        margin-bottom: 60px;
    }
}

@media screen and (min-width: 768px) {
    .packaging-guide-text h2.metrix-white {
        font-size: 29px;
    }
    .guide-pretesting.packaging-guide .row {
        flex-direction: row;
        max-width: 970px;
        margin: auto;
    }
}

@media screen and (min-width: 1200px) {
    .packaging-guide-text h2.metrix-white {
        font-size: 33px;
    }
}

/* --------------------- MET-715 Issuu plugin --------------------- */

.spb_text_column.pretesting-guide-img ,
.spb_text_column.pretesting-guide-banner {
    margin-bottom: 0;
    padding-bottom: 0;
}
.expert-guide {
    padding-top: 10px;
    margin-bottom: -5px;
}
.pretesting-guide-banner .metrix-white a {
    color:#ffff;
    font-weight: 700;
}
.pretesting-guide-banner .metrix-white a:hover {
    text-decoration:underline;
}

/* --------------------- MET-765 AI co-pilot --------------------- */

@media screen and (min-width: 768px) {
    .gray-rounded-bg.rounded-small.co-pilot .spb_wrapper {
        padding: 24px 14px 24px 50px;
        max-width: 756px;
    }
    .gray-rounded-bg.rounded-small .spb_wrapper a:hover img {
        transform: scale(1.12);
    }
}

/* --------------------- MET-766 MetrixLab Recruitment Privacy Notice --------------------- */

@media screen and (min-width: 768px) {
    .gray-rounded-bg.rounded-small.mrpn-job-post .spb_wrapper {
        margin-top: 24px;
        padding: 12px 0px 12px 24px;
        max-width: 750px;
    }
    .gray-rounded-bg.rounded-small.mrpn-job-post .spb_wrapper h3{
        font-size: 20px;
        line-height: 24px;
    }
    .jobs-template-default #page-wrap {
        overflow: visible;
    }
}

/* --------------------- MET-777 Cookie banner customization --------------------- */

#CybotCookiebotDialogHeaderLogosWrapper #CybotCookiebotDialogPoweredbyCybot,
#CybotCookiebotDialogHeaderLogosWrapper #CybotCookiebotDialogPoweredbyLink {
    width: 90%;
}
@media screen and (min-width: 1280px) {
#CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogContentWrapper {
    flex-wrap: wrap;
}
    #CybotCookiebotDialog.CybotEdge.CybotMultilevel #CybotCookiebotDialogFooter,
    #CybotCookiebotDialog.CybotEdge:not([lang=ta]):not([lang=bg]):not([lang=is]):not([lang=el]) #CybotCookiebotDialogFooter {
       width: 72%;
       margin: 36px auto 0 auto;
       position:relative;
    }
    #CybotCookiebotDialog.CybotEdge.CybotMultilevel #CybotCookiebotDialogBody .CybotCookiebotScrollContainer {
      width: 100%;
    }
    #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogContentWrapper #CybotCookiebotDialogBodyButtons {
        max-width: 1280px;
    }
    #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtons .CybotCookiebotDialogBodyButton:not(:first-of-type)  {
        margin-bottom: 0;
    }
    #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyButtonsWrapper {
       flex-direction: row;
        justify-content: space-evenly;
    }
}

/* --------------------- MET-782 Cost of living 1--------------------- */

.new-blog-header .portfolio-nh h2 {
    color: #005eac;
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
}
.new-blog-header .portfolio-nh h3 {
    color: #12bdf9;
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
}
.cost-living-result {
    margin-top: 12px;
    margin-bottom: 12px; 
    flex-basis:20%;
    margin-bottom: 24px;
}
.cost-living-result span {
    font-size: 60px;
    font-weight: 700;
    letter-spacing: -2px;
}
.cost-living-result span small{
    font-size: 30px;
}
.gray-more-rounded-bg .spb_wrapper {
    padding: 24px;
    background-color: #f8f8f8;
    border-radius: 80px;
    align-items: center;
}
.gradient-more-rounded-bg .spb_wrapper {
    display: flex;
    flex-direction: column;
    border-radius: 80px;
    align-items: center;
    background: rgb(2, 96, 174);
    background: linear-gradient(25deg, #005eac 0%, #12bdf9 100%);
}
.gradient-more-rounded-bg .spb_wrapper div:first-of-type {
    padding: 30px 20px 0 20px;
}
.yellow-blue-gradient  {
    background: linear-gradient(0deg, #fdcc06 0%, #12bdf9 100%);
}
.gray-more-rounded-bg .spb_wrapper div:first-of-type {
    flex-basis: 20%
}
.gray-more-rounded-bg .spb_wrapper div:last-of-type {
    flex-basis: 80%
}
.deloitte {
    padding-right:24px;
}
.deloitte img {
    box-shadow: 0px 0px 30px #ddd;
    border-radius: 50%;
}
.key-insights-row img {
    box-shadow: 0px 0px 30px #888;
    border-radius: 50%;
    margin-bottom: 24px;
}
.ritson img {
    border-bottom-right-radius: 0;
}
.made-com {
    margin: 24px auto;
    max-width:90%;
}
.made-com img {
    transform: rotate(-6deg);
}
.made-com-p.spb_text_column {
    margin-top: 40px;
}
ul.results {
  list-style: none;
    text-indent: 0em;
    margin-left: 1.5em;
}

ul.results li::before {
  content: "\2022"; 
  color: #fdcc06;
  font-weight: bold; 
  display: inline-block; 
  width: 1em;
  margin-left: -1em; 
   font-size:1.5em;
}
@media screen and (min-width: 600px) {
.gray-more-rounded-bg .spb_wrapper {
    display: flex;
    border-radius: 132px;
}
.gradient-more-rounded-bg .spb_wrapper {
    flex-direction: row;
}
.gradient-more-rounded-bg .spb_wrapper div:first-of-type {
    flex-basis: 74%;
    padding: 20px 0 10px 59px;
}
.gradient-more-rounded-bg .spb_wrapper div:last-of-type {
    flex-basis: 55%;
    margin-top: 104px;
    margin-left: -48px;
}
.ritson img {
    border-bottom-right-radius: 80px;
}
}
@media screen and (min-width: 768px) {
.cost-living-results {
display: flex;
    column-gap: 4%;
}
.cost-living-result {
    margin-bottom: 12px;
}
.cost-living-result span {
    display: block;
    margin-bottom: 12px;
}
.key-insights-txt p {
    display: inline-block;
}
.made-com-p.spb_text_column {
    margin-top: 0;
}
.key-highlights-5 .col-sm-2 {
    width:20%;
}
}
@media screen and (min-width: 992px) {
.gray-more-rounded-bg .spb_wrapper {
    padding: 18px 30px;
}
.gradient-more-rounded-bg .spb_wrapper {
    border-radius: 132px;
}
.gradient-more-rounded-bg .spb_wrapper div:first-of-type {
    flex-basis: 68%;
    padding: 20px 0 10px 40px;
}
.gradient-more-rounded-bg .spb_wrapper div:last-of-type {
    flex-basis: 38%;
    margin-top: 40px;
    margin-left: -48px;
}

}
@media screen and (min-width: 1200px) {
.gradient-more-rounded-bg {
    margin-top: 30px;
}
.gradient-more-rounded-bg .spb_wrapper div:last-of-type {
    flex-basis: 40%;
    margin-top: -40px;
    margin-left: -70px;
}
.ritson img {
    border-bottom-right-radius: 68px;
}
}

/* --------------------- MET-784 Cost of living 2 --------------------- */
ul.results {
    font-size: 18px;
}
.pc44  {
   color:#12bdf9;
   font-size:4em;
   font-family: Montserrat;
   font-weight: bold;
    line-height: 80px;
}
.pc75  {
   color:#fdcc06;
   font-size:4em;
   font-family: Montserrat;
   font-weight: bold;
    line-height: 80px;
}
.pc44  sup,
.pc75  sup {
    font-size: 57%;
}
.new-blog-header .before-ul {
   margin-bottom: 0;
}
.capgemini-rounded-bg .spb_wrapper {
    display: flex;
    flex-direction: column;
    padding: 24px;
    background-color: #f8f8f8;
    border-radius: 80px;
    align-items: center;
}
.gradient-75-rounded-bg .spb_wrapper {
    display: flex;
    flex-direction: column;
    border-radius: 80px;
    align-items: center;
    background: rgb(2, 96, 174);
    justify-content: space-between;
    padding:12px;
    background: linear-gradient(25deg, #005eac 0%, #12bdf9 100%);
}
.money-care-txt {
    flex: 0 1 60%;
}
.money-care-txt p {
    text-align: center;
    color: #fff;
    font-size:20px;
}
.brand-trust-txt  {
    text-align: center;
    font-size:20px;
}
.capgemini-rounded-bg .spb_wrapper div:last-of-type {
  margin-top:20px;
}
.gray-rounded-bg.rounded-lightblue.cost-living .spb_wrapper {
    border-radius: 132px;
}
.gray-rounded-bg.rounded-lightblue.cost-living .spb_wrapper h3 {
       font-size: 18px;
       line-height: 25px;
       margin-top:0;
}
.new-blog-header.with-bg .portfolio-inner-title .entry-title {
    max-width: 898px;
}
@media screen and (min-width: 600px) {
.gradient-75-rounded-bg .spb_wrapper {
    flex-direction: row;
    border-radius: 132px;
}
.money-care-txt p,
.brand-trust-txt {
   text-align: left;
}
.capgemini-rounded-bg .spb_wrapper {
    flex-direction: row;
    column-gap: 18px;
    border-radius: 132px;
}
.capgemini-rounded-bg .spb_wrapper div:last-of-type {
    flex-basis: 47%;
    margin-top: unset;
}
}
@media only screen and (min-width: 768px) {
.new-blog-header.with-bg .author-img img:nth-of-type(3) {
    margin-left: -30px;
}
.new-blog-header.with-bg .author-img.triple {
    flex: 0 1 56%;
}
}
@media only screen and (min-width: 992px) {
.new-blog-header.with-bg .author-img.triple {
    flex: 0 1 32%;
}
}
@media only screen and (min-width: 1200px) {
.new-blog-header.with-bg .author-img.triple {
    flex: 0 1 21%;
}
.capgemini-rounded-bg .spb_wrapper {
    padding: 18px 8px;
}
.capgemini-rounded-bg .spb_wrapper div:last-of-type {
    flex-basis: 32%;
}
}
@media only screen and (max-width: 767px) {
.author-container .author-img {
        margin-top: 15px;
}
.author-img.triple img {
    margin-bottom: -7px;
    margin-top: -7px;
}
.gray-rounded-bg.rounded-lightblue.cost-living .spb_wrapper {
    padding: 18px 28px 28px;
}
}
@media only screen and (max-width: 584px) {
.yellow-blue-gradient .col-sm-2 .spb_wrapper {
    display: flex;
    flex-direction: column;
}
}

/* --------------------- MET-786 Cost of living 3 --------------------- */

.brand-trust img,
.storytell.cost-life-impact img {
    box-shadow: 0px 0px 30px #ddd;
    border-radius: 50%;
}
.spb_content_element.col-sm-12.storytell.cost-life-impact {
    margin-bottom: 0;
}
.new-blog-header .storytell.cost-life-impact p {
    font-size: 22px;
    line-height: 27px;
}
.new-blog-header .storytell.cost-life-impact .cost-life-pc {
    font-size: 18px;
    line-height: 22px;
}
.new-blog-header .brand-graph section,
.new-blog-header .brand-trust section,
.new-blog-header .storytell.cost-life-impact section {
   column-gap: 8px;
}

.new-blog-header .brand-trust section {
    display: flex;
    margin-bottom: 30px;
    align-items: center;
}
.new-blog-header .brand-graph section {
    display: flex;
    align-items: center;
}
.new-blog-header .brand-trust section:last-of-type,
.new-blog-header .brand-graph .alignright {
    margin: 0;
    float: none;
}
.new-blog-header .brand-graph p,
.new-blog-header .brand-trust p {
    font-size: 17px;
    line-height: 21px;
    font-family: Montserrat, sans-serif;
}
.new-blog-header .brand-graph section>p {
    flex: 1 0 33%;
    padding-top: 24px;
    padding-bottom: 24px;
    border-left: solid 1px #f0f0f0;
}
.new-blog-header .brand-graph section>div {
    flex: 1 0 66%;
}
.new-blog-header .brand-trust p strong {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
}
@media only screen and (max-width: 584px) {
.new-blog-header .storytell.cost-life-impact p {
    flex-direction: column;
}
.new-blog-header .storytell.cost-life-impact img {
    margin-bottom: 24px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.brand-graph.col-sm-6,
.brand-trust.col-sm-6,
.storytell.col-sm-4.cost-life-impact  {
     width:100%
}
}
@media only screen and (min-width: 992px) {
.brand-graph.col-sm-6 {
     width: 43%;
     padding-right: 3%;
}
.brand-trust.col-sm-6 {
    width: 57%;
    border-left: solid 1px #e5e5e5;
    padding-left: 4%;
    padding-bottom: 0;
}}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.new-blog-header .brand-graph section>p {
    padding-top: 48.5px;
    padding-bottom: 48.5px;
}
}
@media only screen and (max-width: 992px) {
.brand-graph.col-sm-6 {
    border-bottom: solid 1px #e5e5e5;
    margin-bottom: 32px;
    padding-bottom: 26px;
}
}
@media only screen and (min-width: 1200px) {
.new-blog-header .brand-graph section>p {
    padding-top: 36px;
    padding-bottom: 36px;
}
}

/* --------------------- MET-792 Toluna new Hero --------------------- */

@media only screen and (min-width:768) {
.new-home-hero,
.new-home-hero .hero-image img.aligncenter {
    height: 671px;
}
}
@media only screen and (min-width:992) {
.new-home-hero,
.new-home-hero .hero-image img.aligncenter {
    height: 667px;
}
}
@media only screen and (min-width:1200) {
.new-home-hero,
.new-home-hero .hero-image img.aligncenter {
    height: 620px;
}
}
@media only screen and (max-width: 992px) {
.home .home-hero-text.get-in-touch a.sf-button.sf-button.stroke-to-fill {
    font-size:20px;
}
}
@media only screen and (min-width: 768px) {
.new-home-hero .hero-image img.aligncenter {
    max-width: 180%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.new-home-hero .hero-image img.aligncenter {
    max-width: 298%;
    margin-left: -21%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.new-home-hero .hero-image img.aligncenter {
    max-width: 231%;
    margin-left: -36%;
}
}

/* ---------------------  MET-811 Arrow case study  --------------------- */

img.aligncenter.brand-fame-graph {
    padding-bottom: 30px;
}
.dotted-border {
    border: dotted 3px #FDCC06;
    padding: 24px;
    border-radius: 12px;
    width: 96%;
    position: relative;
    padding-top: 50px;
    margin-top: 27px;
}
.dotted-border::before {
    content: " ";
    position: absolute;
    top: -44px;
    bottom: -100px;
    left: -100px;
    right: -100px;
    background-image: url(https://www.metrixlab.com/new/wordpress/wp-content/uploads/2020/09/Case_study_icon.svg);
    background-size: 10%;
    background-repeat: no-repeat;
    background-position-y: top;
    background-position-x: center;
}

@media only screen and (min-width: 992px) {
    img.aligncenter.brand-fame-graph {
        max-width: 110%;
        margin-left: -50px;
        padding-top: 12px;
    }
    .dotted-border::before {
        background-size: 7%;
    }
}
@media only screen and (min-width: 1400px) {
    img.aligncenter.brand-fame-graph {
        max-width: 120%;
        margin-left: -110px;
    }
    .dotted-border {
        margin-left: -51px;
        padding-left: 65px;
        width: 103%;
    }
    .dotted-border::before {
        top: -100px;
        bottom:-100px;
        left:-50px;
        right:-100px;
        background-size: 7%;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: left;
    }
}
.cookie-placeholder {
    padding: 56.25% 0 0 0;
    position: relative;
    background-color: #f2f2f2;
    background-image: url(https://www.metrixlab.com/new/wordpress/wp-content/uploads/2023/07/cookie_bg.png);
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    background-position: center;
}
.cookieconsent-optout-statistics {
    position: absolute;
    left:0;
    right:0;
    top: 66%;
    text-align: center;
}
.cookie-issuu-ph {
    padding-top:max(60%,326px);
    height:0;
    width:100%;
    position: relative;
    background-color: #f2f2f2;
    background-image: url(https://www.metrixlab.com/new/wordpress/wp-content/uploads/2023/07/cookie_bg.png);
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    background-position: center;
}

.new-blog-header .storytell.media-effectiveness p {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.1px;
}
.media-effectiveness img {
    box-shadow: 0px 0px 30px #ddd;
    border-radius: 50%;
}
.new-blog-header .media-effectiveness section {
    display: flex;
    margin-top: 30px;
    margin-bottom: 30px;
    align-items: flex-start;
    column-gap: 12px;
}
.gray-more-rounded-bg.media-quote .spb_wrapper {
    column-gap: 12px;
}
.gray-more-rounded-bg.media-quote .quote {
    color: #12bdf9;
    font-size: 20px;
    line-height: 25px;
    font-family: Montserrat, sans-serif !important;
}
ol.media-example {
    list-style: lower-roman;
    font-size: 18px;
    line-height: 24px;
}
ol.media-example.vulnerable {
    list-style: decimal;
}
ol.media-example>li {
    padding-top: 24px;
}
.media-example .results {
    margin-left: 34px;
}
ol.media-example li::marker {
    color: #12bdf9;
    font-weight: bold;
}
ol.media-example li .element-example {
  position: relative;
  left: 8px;
}
@media screen and (min-width: 992px) {
    .gray-more-rounded-bg.media-quote .spb_wrapper {
        padding: 40px 40px;
    }
    .new-blog-header .storytell.media-effectiveness p {
        font-size: 28px;
        line-height: 33px;
    }
    .gray-more-rounded-bg.media-quote .quote {
        font-size: 22px;
        line-height: 28px;
    }
}

/* ---------------------  MET-827 Sustainability page  --------------------- */

.media-effectiveness .sustainability-tip b {
    font-family: Montserrat;
    font-size: 22px;
    font-weight: 600;
}
.media-effectiveness .sustainability-tip {
    font-size: 18px;
    margin-top:0;
}
.gray-rounded-bg.tip-sheet .spb_wrapper img {
    margin-left: 0;
    box-shadow: 0px 0px 12px #4d86b5;
    border-radius: 50%;
}
.gray-rounded-bg.tip-sheet .spb_wrapper h3 {
    text-align: center;
    flex: 0 0 50%;
    padding-bottom: 16px;
}
.gray-rounded-bg.tip-sheet .spb_wrapper p {
    margin-bottom: 0;
}
@media screen and (min-width: 768px) {
    .gray-rounded-bg.rounded-small.tip-sheet .spb_wrapper {
        padding: 12px 0px 12px 0;
    }
    .gray-rounded-bg.tip-sheet .spb_wrapper h3 {
        padding-bottom: 0;
    }
}
@media screen and (min-width: 992px) {
    .gray-rounded-bg.tip-sheet .spb_wrapper h3 {
        flex: 0 0 70%;
    }
    .new-blog-header .media-effectiveness section.short {
        align-items: center;
    }
}       
@media screen and (max-width: 600px) {
    .media-effectiveness.greenwashing img,
    .media-effectiveness.big-screen img {
        width: 72px !important;
        height: 72px !important;
    }
    .new-blog-header .media-effectiveness.greenwashing section,
    .new-blog-header .media-effectiveness.big-screen section {
        column-gap: 5px;
    }
}
/* ---------------------  MET-828 Social insights solution page  --------------------- */

.social-media-icon img {
    box-shadow: 0px 0px 24px #e0e0e0;
    border-radius: 50%;
    max-width: 300px;
    margin: 40px auto;
}
.si-solutions img {
    box-shadow: 0px 0px 24px #e0e0e0;
    border-radius: 50%;
}
.social-media-text .lead:nth-of-type(2) {
    margin-bottom: 24px;
    margin-top: 24px;
}
.sm-item {
    text-align: center;
    flex: 0 1 20%;
}
.si-row .si-subtitle,
.si-solutions h3 {
    text-align: center;
}
.sm-item img {
    box-shadow: 0px 0px 24px #005eac;
    border-radius: 50%;
}
.sm-item h3 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
   margin-bottom:0;
}
.si-row .si-solutions h3 {
    padding-left: 0;
    padding-top: 0;
    margin-bottom: 3px;
}
.si-row h3 {
    color:#535353;
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
}
.si-row,
.si-row p {
    font-size: 18px;
}
.si-row h4 {
    line-height: 26px;
    letter-spacing: -0.3px;
}
.si-row .si-subtitle {
    font-size: 22px;
    font-family: Montserrat;
    line-height: 27px;
    font-weight: 300;
}
.si-row ol.results {
    list-style-type: none;
    text-indent: -20px;
    margin-top: 28px;
}
.si-icon {
    flex: 0 0 103px;
}
@media screen and (min-width: 768px) {
    .social-media-row > .spb_content_element > .container:nth-of-type(3) .row {
        display: flex;
        align-items:center;
    }
    .social-media-icon img {
        margin: 0;
    }
    .si-solutions,
    .si-row .row {
        display: flex;
        align-items: center;
        column-gap: 24px;
    }
    .si-row.reverse > .spb_content_element > .container > .row {
        flex-direction: row-reverse;
    }
     .si-row .col-sm-8 {
        width: 58%;
    }
     .si-row .col-sm-4 {
        width: 42%;
    }
    .si-row .si-subtitle,
    .si-solutions h3 {
        text-align: left;
    }
    .si-row .si-subtitle {
        font-size: 26px;
        line-height: 32px;
    }
}
/* ---------------------  MET-830 compass blogpost  --------------------- */

.list-title {
    font-family: 'Montserrat';
    font-size: 22px;
    font-weight: 600;
}

/* ---------------------  MET-832 QBA post  --------------------- */
.qba-post .si-icon {
    flex: 0 0 163px;
}
.qba-target .si-icon {
    flex: 0 0 73px;
}
.si-row.qba-post .si-subtitle {
    font-size: 22px;
    line-height: 27px;
    font-weight: 600;
    text-align: left;
}
.si-row.qba-target .si-subtitle {
    font-size: 18px;
    line-height: 23px;
    font-weight: 500;
    text-align: left;
}
.qba-post .si-solutions,
.qba-target .si-solutions {
    margin-top: 16px;
    margin-bottom: 24px;
    clear: both;
}
.qba-penetration .list-title {
    font-size: 18px;
    text-align: center;
    line-height: 22px;
}
.qba-penetration .visible-lg div {
    text-align: center;
    width: 44%;
}
.qba-penetration .list-title.penetration-title {
    box-shadow: 0px 0px 30px #ddd;
    border-radius: 5px;
    padding: 8px 14px;
    margin: 30px auto 8px auto;
    max-width: 282px;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    font-weight:700;
}
.new-blog-header .qba-penetration section {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.qba-penetration section div:first-of-type {
    margin: 30px auto;
}
.qba-penetration .visible-lg div:first-of-type {
    margin: auto;
}
.qba-penetration {
    background-color: #F8F8F8;
    padding-top: 12px;
}
.middle-qba-sec {
    padding-bottom: 28px;
    border-bottom: 1px solid #dedede;
}
@media screen and (min-width: 600px) {
    .qba-post .si-solutions {
        display: flex;
        align-items: center;
        column-gap: 24px;
    }
}
@media screen and (min-width: 1200px) {
    .new-blog-header .qba-penetration .visible-lg,
    .new-blog-header .qba-penetration section {
        display: flex !important;
    }
    .qba-penetration section div {
        width: 60%;
    }
    .qba-penetration section div:first-of-type {
        margin: auto;
        width: 12%;
    }
    .new-blog-header .qba-penetration section{
        column-gap: 24px;
    }
    .middle-qba-div {
        border-right: 1px solid #dedede;
        border-left: 1px solid #dedede;
        padding: 40px 16px 32px 20px;
        margin-top: -40px;
        margin-bottom: -32px;
    }
}

/* ---------------------  MET-833 Identify SM post  --------------------- */

.potential-sm-title {
    box-shadow: 0px 0px 30px #ddd;
    border-radius: 5px;
    padding: 8px 24px;
    margin: 30px auto 8px auto;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
}
.new-blog-header .sm-evaluate section {
    display: flex;
    margin-top: 30px;
    margin-bottom: 30px;
    align-items: center;
}
.sm-evaluate .sustainability-tip b {
    font-family: Montserrat;
    font-size: 22px;
    font-weight: 600;
}
.sm-evaluate .sustainability-tip {
     margin-top: 0;
}
.sm-evaluate section .alignleft {
    margin: 0 12px 0 0;
}
.potential-sm,
.sm-table section.even {
    background-color: #F8F8F8;
}
.new-blog-header .potential-sm .centered {
    justify-content: center;
}
.new-blog-header .potential-sm section {
    column-gap: 36px;
}
.new-blog-header .potential-sm .left-content {
    flex: 1 1 80%;
}
.potential-sm .left-content .list{
    min-width: 208px;
    display: inline-block;
}
.potential-sm p {
    border-bottom: 1px solid #dedede;
    margin-bottom: 12px;
    padding-bottom: 12px;
}
.potential-sm p:last-of-type {
    border-bottom: none;
}
.new-blog-header .potential-sm section:last-of-type  {
    margin-bottom: 0;
}
.evaluate-line {
    display: flex;
    align-items: center;
}
.sm-evaluate img,
.evaluate-line img {
    box-shadow: 0px 0px 24px #e0e0e0;
    border-radius: 50%;
}

.sm-table section {
    display: flex;
    align-items: center;
    font-size: 13px;
    border-bottom: 1px solid #dedede;
    min-height: 120px;
}
.sm-table section:last-of-type {
    border-bottom: none;
}
.sm-table section .alignleft {
    flex: 0 0 10%;
    margin:0;
}
.sm-table section div {
    flex: 0 0 30%;
    padding: 45px 12px;
    margin-top: -30px;
    margin-bottom: -30px;
    border-left: 1px solid #dedede;
}
.sm-table section:first-of-type div {
    text-align: center;
    padding: 24px 12px;
    margin-top: -8px;
    margin-bottom: -8px
}
.sm-table section:first-of-type {
    min-height: unset;
;
}
.sm-table section b {
    font-family: Montserrat;
}
@media screen and (min-width: 600px) {
    .sm-table section {
        font-size: 18px;
    }
}

/* ---------------------  MET-837 PACT Series 1  --------------------- */

.si-row .si-subtitle strong {
    font-family: Montserrat;
}
.packaging-structure section img {
    border: 1px solid #dbdbdb;
}
.packaging-structure section p {
     margin-bottom:0;
}
.packaging-structure section .pact_text {
    flex: 1 1 70%;
    padding-top: 8px;
    font-size: 18px;
}
.new-blog-header .portfolio-nh h2.light {
    color: #12bdf9;
    font-size: 22px;
    line-height: 30px;
}
.new-blog-header .sources-text {
    font-size: 0.85em;
    line-height: 20px;
}
.packaging-structure section {
    margin-bottom: 24px;
}
@media screen and (min-width: 600px) {
    .packaging-structure section {
        display: flex;
        column-gap: 16px;
    }
}

/* ---------------------  MET-841 update x logo  --------------------- */

#footer.footer-divider .social-icons a:hover {
    text-decoration: none;
}
.social-icons.standard .fa-twitter:before {
    content: url(https://www.metrixlab.com/new/wordpress/wp-content/uploads/2023/10/x-sm-white-icon.svg);
}
.product_share_twitter .fa-twitter:before {
    content: url(https://www.metrixlab.com/new/wordpress/wp-content/uploads/2023/10/x-sm-gray-icon.svg);
}
.product_share_twitter:hover .fa-twitter:before {
    content: url(https://www.metrixlab.com/new/wordpress/wp-content/uploads/2023/10/x-sm-hovergray-icon.svg);
}
.share-links .social-icons .mail .product_share_email:hover i {
    top: -53px;
}
.share-links .social-icons li:not(.sf-love) a i {
    top: 2px;
}
.share-links .social-icons li:not(.sf-love) a:hover i {
    top: -49px;
}
.share-links .social-icons li,
.share-links .social-icons li:not(.sf-love) a {
    height: 40px;
}
.bottom-social-sharing .product_share_twitter .fa-twitter{
    width: 18px;
    position: relative;
    top: 3px;
}

/* ---------------------  MET-842 BTI podcast page  --------------------- */

.discover-p {
    max-width: 620px;
}
.si-row.bti-intro h3,
.si-row.bti-intro .si-subtitle {
    text-align: left;
    margin-bottom: 0;
}
.pretesting.bti .easy-testing-item {
    align-items: self-start;
}
.pretesting.bti .easy-testing-text {
    color:#fff;
}
.bti .easy-testing-item .aligncenter {
    box-shadow: 0px 0px 24px #005eac;
}
body.new-home .bti-lead p {
    font-size: 22px;
    font-family: Montserrat;
    line-height: 27px;
    font-weight: 400;
}
.bti-vodcast .spb_wrapper img {
    border:1px solid #E0E0E0;
}
.bti-vodcast .spb_wrapper section h3 {
    margin-top: 0;
    color: #005eac;
    line-height: 27px;
}
.bti-vodcast .spb_wrapper section p {
    font-size: 18px;
    line-height: 25px;
}
.bti-play {
    color: #fff;
    background-color: #E95000;
    padding: 8px 30px;
    display: inline-block;
    margin: 0;
    border-radius: 50px;
    font-family: Montserrat;
    font-size: 19px;
    font-weight: 700;
    margin-top: 16px;
}
.bti-play:hover {
    color: #fff;
    box-shadow: 3px 3px 10px #0000004a;
}
.bti-vodcast .spb_wrapper .bti-play img {
    margin: 0 16px 0 -16px;
    border:none;
}
.podcast-available {
    background: linear-gradient(75deg, rgba(0, 94, 172, 1) 0%, rgba(85, 187, 243, 1) 100%);
}
.podcast-platforms p {
    display:flex;
    justify-content: space-between;
    margin-bottom: 0;
}
.podcast-platforms a img {
    transition: transform 0.3s ease;
}
.podcast-platforms a:hover img {
    transform: scale(1.2);
    filter: drop-shadow(1px 1px 4px rgb(0 94 172 / 0.6));
}
.bti .podcast-available h2 {
    margin-bottom: 0;
}
.season-3-intro h3 {
    color: #12bdf9;
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    margin-top: 8px;
}
.season-3-intro .subtitle {
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    font-family: Montserrat;
    margin-bottom: 0;
}
.season-3-media.spb_text_column,
.season-3-intro.spb_text_column {
    padding: 40px;
    box-shadow: 0px 0px 10px #0000001d;
    margin-bottom:0;
}
.season-3-media.spb_text_column {
    background: linear-gradient(30deg, #F6CD47 0%, #55BBF3 66%, #3887DB 84%, #3F7EE3 100%);
}
.season-3-intro.spb_text_column p {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 0;
}
.season-3-media .author-img img {
    border-radius: 50%;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    margin-right: 10px;
}
.season-3-media .author-img a:nth-of-type(2) img {
    margin-left: -20px;
}
.season-3-media .author-img a {
    position: relative;
}
.season-3-media .author-img a img {
    transition: all 0.3s ease;
    margin-bottom: 0;
}
.season-3-media .author-img a::after {
    content: url(https://www.metrixlab.com/new/wordpress/wp-content/uploads/2023/10/linkedin.svg);
    transition: all 0.3s ease;
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    right: 10px;
    top: 2px;
}
.season-3-media .author-container:first-of-type .author-img a:first-of-type::after {
    right: 76px;
}
.season-3-media .author-img a:hover::after {
    right: 5px;
    top: -3px;
}
.season-3-media .author-container:first-of-type .author-img a:first-of-type:hover::after {
    right: 71px;
}
.season-3-media .author-img a:hover img {
    transform: scale(1.12);
    box-shadow: 3px 3px 10px rgb(0 0 0 / 30%);
}
.season-3-media .author-name {
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    font-family: Montserrat;
    font-weight: 500;
}
.author-wrapper {
    display: flex;
}
.season-3-media .author-container:first-of-type {
    flex: 1 1 55%;
}
.season-3-media .author-container:nth-of-type(2) {
    flex: 1 1 45%;
}
.sticky-right-post #page-wrap,
.sticky-right-post #page-wrap .portfolio-item-content,
.new-blog-header #page-wrap,
.new-blog-header #page-wrap .portfolio-item-content {
    overflow: visible;
}
.sticky-side-col {
    position: sticky;
    top: 120px
}
.sticky-side-col .rounded-img figure img {
    max-width: 230px;
    margin: auto;
}
.sticky-side-col.portraits-6 .rounded-img figure img {
    max-width: 142px;
}
.job-desc small {
    font-weight: 400;
    color: #777;
    line-height: 12px;
    display: block;
}
@media screen and (max-width: 767px) {
    .bti-intro img {
        margin-bottom: 40px;
    }
    .bti-vodcast .spb_wrapper img {
        margin-bottom: 32px;
    }
    .podcast-available .container {
        padding-left: 8% !important;
        padding-right: 8% !important;
    }
    .bti .podcast-available h2 {
       text-align: center;
    }
    .podcast-platforms.spb_text_column {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 768px) {
    .bti.pretesting h2 {
        line-height: 40px;
    }
    body.new-home .bti-lead p {
        font-size: 26px;
        line-height: 32px;
    }
    .bti-vodcast .spb_wrapper {
        display:flex;
    }
    .season-3-intro.spb_text_column,
    .bti-vodcast .spb_wrapper p:first-of-type {
        flex:1 1 38%;
    }
    .season-3-media.spb_text_column,
   .bti-vodcast .spb_wrapper section {
        flex:1 1 62%;
       padding-left: 40px;
    }
    .season-3-intro .subtitle {
        max-width: 300px;
    }
   .podcast-platforms p {
         margin-left: 90px;
    }
    .podcast-available .row {
        display: flex;
        align-items: center;
    }
    .season-3-row .row {
        display:flex;
    }
    .season-3-intro.spb_text_column {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }
    .season-3-media.spb_text_column {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }
    .gray-rounded-bg.rounded-small .spb_wrapper a:hover img {
        filter: drop-shadow(1px 1px 4px rgb(0 94 172 / 0.6));
    }
    .gray-rounded-bg.rounded-small .spb_wrapper a img {
        transition: transform 0.3s ease, filter 0.3s ease;
    }
}

/* ---------------------  MET-846 Toluna link  --------------------- */

.gray-rounded-bg.toluna-positions .spb_wrapper img {
    margin-left: 0;
    margin-right: 15px;
}
.gray-rounded-bg.toluna-positions .spb_wrapper h3 {
    font-weight: 700;
}
.gray-rounded-bg.toluna-positions .spb_wrapper .visible-xs {
    margin-bottom: 4px;
}
.mrpn-job-post.toluna-positions {
    float: none;
}
.gray-rounded-bg.rounded-small.mrpn-job-post.toluna-positions .spb_wrapper h3 {
    max-width: 360px;
    text-align: center;
    margin-top: 0;
}
@media screen and (min-width: 768px) {
    .mrpn-job-post.toluna-positions {
        width: 80%;
        max-width: 750px;
        margin: auto;
    }
    .gray-rounded-bg.toluna-positions .spb_wrapper h3 {
        margin-right: 30px;
    }
}
@media screen and (min-width: 992px) {
    .gray-rounded-bg.toluna-positions .spb_wrapper img {
        margin-left: 0;
        margin-right: 30px;
    }
    .mrpn-job-post.toluna-positions:first-of-type {
        width: 46%;
        margin-left: 4%;
        float: left;
    }
    .mrpn-job-post.toluna-positions:last-of-type {
        width: 46%;
        margin-right: 4%;
        float: left;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .mrpn-job-post.toluna-positions .spb_wrapper {
        min-height: 100px;
    }
}
@media screen and (max-width: 767px) {
    .gray-rounded-bg.toluna-positions .spb_wrapper {
        padding: 28px;
    }
}

/* ---------------------  MET-824 Archive  --------------------- */

.archive-link {
    display: block;
    float: left;
    padding: 10px 16px;
    border: 1px solid #dbdbdb;
    color: #005eac;
}
.archive-wrapper .archive-link {
    display: none;
}
@media only screen and (max-width: 767px) {
    .archive-link {
        width: 50%;
        margin-top: -1px;
        display: flex;
        justify-content: space-between;
    }
}
.archive-link:hover {
    color: #ffffff !important;
    background: #12bdf9 !important;
    border-color: #12bdf9 !important;
}
.archive-link i {
    margin-left: 8px;
    top: 3px;
    position: relative;
    font-size: 18px;
    line-height: 20px;
    opacity:0.6;
}


/* ---------------------  MET-845 TikTok podcast  --------------------- */

.new-blog-header .author-name.improved {
    font-weight: 300 !important;
}
.new-blog-header .author-name.improved strong {
    font-weight: 500 !important;
}
.tiktok-case .evaluate-line {
    margin-bottom: 28px;
}
.tiktok-case .evaluate-line:last-of-type {
    margin-bottom:  0;
}
.si-solutions .svg-shadow {
    box-shadow: none;
    border-radius: unset;
    filter: drop-shadow(0px 0px 24px #e0e0e0);
}
.spb_content_element.col-sm-12.negative-margin {
    margin-bottom: -59px;
    padding-bottom: 0;
}
.spb_content_element.col-sm-12.negative-margin p {
    position: relative;
    z-index: 10;
}
.collaborate-wrapper .spb_wrapper {
    background-color: #12bdf9;
    padding: 50px 10px 42px 46px;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.engage-wrapper .spb_wrapper {
    background-color: #fdcc06;
    padding: 34px 45px 34px 20px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.spb_text_column.collaborate-wrapper {
    width: 50%;
    float: left;
    padding-right:0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.spb_text_column.engage-wrapper {
    width: 50%;
    float: left;
    padding-left:0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.collaborate-wrapper p {
    text-align:center;
    color: #fff;
    font-weight: 700;
    font-size: 21px;
    line-height: 24px;
    font-family: Montserrat, sans-serif !important;
}
.engage-wrapper p {
    text-align:center;
    color: #535353;
    font-weight: 700;
    font-size: 21px;
    line-height: 24px;
    font-family: Montserrat, sans-serif !important;
}
@media screen and (max-width: 600px) {
    .collaborate-wrapper .spb_wrapper {
       padding-left: 20px;
   }
    .collaborate-wrapper p,
    .engage-wrapper p {
           font-size: 20px;
           line-height: 23px;
   }
    .collaborate-wrapper .spb_wrapper,
    .engage-wrapper .spb_wrapper {
        height: 400px;
    }
}
@media screen and (min-width: 601px) and (max-width: 679px) {
    .collaborate-wrapper .spb_wrapper,
    .engage-wrapper .spb_wrapper {
        height: 332px;
    }
}
@media screen and (min-width: 670px) and (max-width: 767px) {
    .collaborate-wrapper .spb_wrapper,
    .engage-wrapper .spb_wrapper {
        height: 250px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .collaborate-wrapper .spb_wrapper {
       padding-left: 20px;
        height: 380px;
   }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .collaborate-wrapper .spb_wrapper {
        height: 308px;
   }
}
@media screen and (max-width: 425px) {
    .collaborate-wrapper p,
    .engage-wrapper p {
           font-size: 19px;
           line-height: 22px;
   }
    .collaborate-wrapper .spb_wrapper,
    .engage-wrapper .spb_wrapper {
        height: 480px;
    }
}

/* ---------------------  MET-849 PACT Series 2  --------------------- */

.media-effectiveness .pact-img {
    box-shadow: none;
    border-radius: unset;
    border: 1px solid #dbdbdb;
    margin-top: 24px;
}
.share-links .product_share_twitter .fa-twitter{
    width: 18px;
    position: relative;
    top: 3px;
}

/* ---------------------  MET-851 BTI Banner  --------------------- */

.bti-banner {    
    background: linear-gradient(195deg, #2666CC,#3887DB, #55BBF3, #F6CD47, #FDCC06);
    background-size: 200% 200%;
}

.bti-banner .bti-title-wrapper .bti-title {
    margin-top: 4px;
    margin-bottom: 0;
    font-size: 25px;
}
.bti-title-wrapper {
    padding-top: 29px;
    margin-bottom: 0;
    text-align:center;
}
.bti-banner p {
    padding-top: 4px;
    margin-bottom: 0;
    text-align:center;
}
a.sf-button.persimon {
    background-color: #E95000;
    color: #fff;
    font-family: Montserrat, sans-serif;
    border-radius: 6px;
    padding: 17px 25px;
    font-size: 19px;
}

a.sf-button.persimon:hover {
    background-color: #cb5111;
}
@media only screen and (min-width: 767px) {
    .bti-button-wrapper p{
        padding-top: 29px;
        text-align: right;
    }
    .bti-title-wrapper {
        padding-top: 0;
        text-align:left;
    }
    .bti-banner .row {
        display:flex;
        align-items: center;
    }
}
@media only screen and (max-width: 767px) {
    .bti-button-wrapper.spb_text_column {
        margin-bottom: 0;
    }
}


/* ---------------------  MET-853 Press release 12 people  --------------------- */

.sticky-side-col.portraits-6 .rounded-img figure img,
.sticky-side-col.portraits-12 .rounded-img figure img  {
    mix-blend-mode: darken;
}
.sticky-side-col.portraits-12 .rounded-img figure img {
    max-width: 156px;
}
.sticky-side-col.portraits-6 .rounded-img figure {
    background: #f8f6f6;
    border-radius: 100px;
    max-width: 142px;
    margin: auto;
}
.sticky-side-col.portraits-12 .rounded-img figure {
    background: #f8f6f6;
    border-radius: 100px;
    max-width: 156px;
    margin: auto;
}
.sticky-side-col.portraits-12 .rounded-img h4 {
    font-size: 16px;
    line-height: 20px;
}
@media only screen and  (min-width: 992px) {
    .col-sm-6.portraits-12 {
        width: 40%;
    }
    .col-sm-6.content-portraits-12 {
        width: 60%;
    }
}
@media only screen and (max-width: 767px) {
    .portraits-12 .spb_single_image.noframe.col-sm-6,
    .portraits-6 .spb_wrapper .container {
        width: 50%;
        float: left;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .sticky-side-col.portraits-12 .rounded-img figure img {
        max-width: 136px;
    }
    .sticky-side-col.portraits-12 .rounded-img figure {
        max-width: 136px;
    }
}

/* ---------------------  MET-856 Gen Z whitepaper  --------------------- */

.dotted-side.spb_text_column {
    background-image: url("/wp-content/uploads/2023/11/dotted_separator_mobile.svg");
    background-repeat: no-repeat;
    margin-bottom: 0;
    padding-top:40px;
}

.dotted-side .capitular.small {
    font-size: 1.4em;
    font-weight:600 !important;
    float: none;
}
.dotted-side dl dt {
    clear: both;
}
.flex-columns-row .dotted-side dt:not(:first-of-type) .alignleft {
    margin: 5px 20px 20px 0;
}
.percentages-row .spb_wrapper div {
    display:flex;
    align-items: center;
}
.percentages-row .spb_wrapper .alignleft {
    margin: 0 20px 0 0;
}
.percentages-row .spb_wrapper div p:first-of-type {
    flex: 1 1 32%;
    margin-bottom: 0;
}
.percentages-row .spb_wrapper div p:last-of-type {
    flex: 1 1 65%;
    margin-left: 3%;
    margin-bottom: 0;
}
.spb-row-container.spb-row-content-width.gen-z-bg {
    background-size: 83%;
    background-position: bottom right !important;
}
.block-with-icon .alignleft {
    margin: 0px 16px 0px 0;
}
.strategizing-img {
    width: 20%;
    float: left;
    margin-right: 3%;
}
.strategizing-desc {
    width: 77%;
    float: left;
    margin-bottom: 12px;
}
.strategizing-desc h4 {
    line-height: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #727272;
}
.did-you {
    background-color: #f2f2f2;
    border-radius: 12px;
    padding: 20px 32px 4px;
    margin-top: 40px;
}
.did-you h4 {
    margin-bottom:0;
}
.did-you .alignleft {
    margin: 5px 16px 0 0;
    filter: drop-shadow(0 0 5px rgb(0 0 0 / 0.3));
}
.image-column.author.rounded-img img {
    box-shadow: 0 0 20px #ddd;
}
.spb_parallax_asset.sf-parallax.col-sm-12.gen-z-hero {
    background-position: 22% center !important;
}
.col-sm-12.credits-row {
    background-blend-mode: screen;
    background-color: #7f7f7f;
}
@media screen and (min-width: 768px) {
    .next-dotted-side.spb_text_column {
       padding-right: 40px;
       padding-bottom: 40px;
    }
    .dotted-side.spb_text_column {
        padding-left: 54px;
        background-image: url("/wp-content/uploads/2023/11/dotted_separator.svg");
        background-repeat: no-repeat;
        padding-top:0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .flex-columns-row .dotted-side dt .alignleft {
        margin-bottom:70px !important;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .percentages-right {
        margin-top: 8px;
    }
}
@media screen and (min-width: 1200px) {
    .percentages-right {
        margin-top: 32px;
    }
}
.key-insights-row img {
    box-shadow: 0px 0px 30px #888;
    border-radius: 50%;
    margin-bottom: 24px;
}
.key-take-outs-line.spb_content_element.col-sm-12 {
    margin-bottom: 0;
}

/* ---------------------  MET-861 PACT Series 3  --------------------- */

.sonicare-left img,
.sonicare-right img {
    border: 1px solid #ddd;
}
.spb_single_image.noframe.col-sm-6.sonicare-right,
.spb_single_image.noframe.col-sm-6.sonicare-left {
    padding-left: 15px;
    padding-right: 15px;
    margin-left:0;
    margin-right:0;
    padding-bottom:24px
}
.visible-xs-inline {
    display: inline;
}
@media screen and (min-width: 768px) {
    .visible-xs-inline {
        display: none;
    }
}

/* ---------------------  MET-866 Landing Tik Tok  --------------------- */
.tik-tok-hero.spb_parallax_asset {
    background-position: 50% 35% !important;
}
.tik-tok-hero h1 {
    font-size: 40px;
    line-height: 42px;
    max-width: 844px;
    margin: auto;
}
.tik-tok-intro p {
    font-family: Montserrat;
    font-weight: bold;
    font-size: 22px;
    line-height: 26px;
    color: #12bdf9;
}
.tik-tok-body p {
    font-size: 18px;
}
.tik-tok-form {
    box-shadow: 0 0 20px #dadada;
    padding: 20px 0 0 20px;
}
.tik-tok-form  .impact-text-large.metrix-blue {
    max-width: 280px;
}
.tik-tok-form .wpcf7-list-item {
    margin: 0 0 0 0;
}
.sign-up {
    position: absolute;
    right: 37px;
    top: 11px;
}
.tik-tok-form.visible-xs {
    margin: auto 30px 60px 30px ;
    padding: 20px 20px 0 20px;
}
@media screen and (min-width: 768px) {
    .tik-tok-info.col-sm-8 {
        width: 60%;
    }
    .tik-tok-form.col-sm-4 {
        width: 40%;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
   .sign-up {
        right: 27px;
        top: 44px;
        width: 72px;
    } 
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
   .sign-up {
        top:32px;
    } 
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .tik-tok-form  .impact-text-large.metrix-blue {
        max-width: 170px;
    }
}
@media screen and (min-width: 1200px) {
    .tik-tok-form  .impact-text-large.metrix-blue {
        max-width: 280px;
    }
}
@media screen and (max-width: 373px) {
    .sign-up {
        display:none;
    } 
}
@media screen and (min-width: 374px) and (max-width: 425px) {
   .sign-up {
        right: 0px;
        top: 24px;
        width: 70px;
    } 
}

/* ---------------------  MET-865 micro-influencers  --------------------- */

.tiktok-case.micro-influencer .evaluate-line {
    margin-bottom: 0;
}
.micro-influencers .si-subtitle {
    font-family: Montserrat;
    text-align: center;
    max-width: 514px;
    margin: auto;
    font-size: 22px;
    line-height: 27px;
    font-weight: 600;
}
.gradient-more-rounded-bg.micro-influencers li {
    color:#fff;
    font-size: 18px;
    line-height: 22px;
}
.gradient-more-rounded-bg.micro-influencers .spb_wrapper div:first-of-type  {
    padding: 36px 12px 0 22px;
}
.gradient-more-rounded-bg.micro-influencers .spb_wrapper div:last-of-type  {
    margin: 0 12px 36px 12px;
}
@media screen and (min-width: 600px) {
    .gradient-more-rounded-bg.micro-influencers .spb_wrapper div:first-of-type {
        flex-basis: 80%;
        padding: 20px 0 10px 69px;
    }
    .gradient-more-rounded-bg.micro-influencers .spb_wrapper div:last-of-type {
        flex-basis: 20%;
        margin: auto 12px auto 0;
    }
}

/* ---------------------  MET-866 sticky right col for pages  --------------------- */
#page-wrap {
    overflow: unset;
}

/* ---------------------  MET-869 BTI s3 e2 --------------------- */

@media screen and (max-width:666px){
    .author-wrapper {
        display: flex;
        flex-wrap: wrap;
    }
    .season-3-media .author-container:first-of-type {
        flex: 1 1 100%;
        margin-bottom: 20px;
    }
    .season-3-media .author-container:nth-of-type(2) {
        flex: 1 1 100%;
    }
}
@media screen and (min-width: 768px) and (max-width:991px){
    .author-wrapper {
        display: flex;
        flex-wrap: wrap;
    }
    .season-3-media .author-container:first-of-type {
        flex: 1 1 100%;
        margin-bottom: 20px;
    }
    .season-3-media .author-container:nth-of-type(2) {
        flex: 1 1 100%;
    }
}

/* ---------------------  MET-871 PACT Series 4 --------------------- */
.pact-img img {
    border-radius: unset;
    border: 1px solid #dbdbdb;
}

/* ---------------------  MET-876 Whitepaper Tik Tok  --------------------- */

.tik-tok-white-hero.spb_parallax_asset {
    background-position: 20% 50% !important;
}
.tik-tok-white-hero .aligncenter {
   margin-top: 30px;
}
.hook-wp-icon .si-icon {
    flex: 0 0 86px;
}
.hook-wp-icon .si-solutions h3 {
    text-align: left;
}
.hook-wp-icon .si-solutions {
    display: flex;
    align-items: center;
    column-gap: 24px;
}
.hook-content > .spb_wrapper > div > p > img {
    box-shadow: 0px 0px 24px #e0e0e0;
    border-radius: 50%;
    margin: 0 20px 12px 0;
}
.hook-content >.spb_wrapper > div {
    margin-bottom: 40px;
}
.hook-content h3 {
    margin-top: 0;
    margin-bottom: 0;
}
.tik-tok-considerations > .spb_wrapper > p,
.hook-content p {
    margin-bottom: 16px;
}
.tik-tok-considerations li,
.tik-tok-li {
    text-indent: -22px;
    margin-left: 22px;
    margin-right: 22px;
}
.hook-content strong {
    color: #12bdf9;
}
.hook-content .visible-xs {
    margin-bottom: 30px;
}
.row-equal-height.tiktok-columns .container {
    overflow: visible;
}
.row-equal-height.tiktok-columns .container .row {
    display: flex;
    align-items: flex-start;
}
.row-equal-height.tiktok-columns .spb_single_image.noframe.col-sm-6 {
    padding-right: 15px;
    padding-left: 0;
    margin-right: 0;
}
.row-equal-height.tiktok-columns .container .row .spb_single_image.noframe.col-sm-6.hidden-xs {
    position: sticky;
    top: 50px;
}
.row-equal-height.tiktok-columns .container .row .spb_single_image.noframe.col-sm-6:last-of-type.hidden-xs {
    padding-left: 30px;
}
.row-equal-height.tiktok-columns .container .row .spb_single_image.noframe.col-sm-6:first-of-type.hidden-xs {
    padding-left: 15px;
    padding-right: 30px;
}
.icon-wrapper {
    display: flex;
    align-items: center;
    column-gap: 16px;
}
.icon-wrapper h3 {
    margin-top: 0;
    margin-bottom: 0;
}
.page-bg-fit {
    background-image: url(https://www.metrixlab.com/new/wordpress/wp-content/uploads/2024/02/three-young-people-checking-their-phones-desktop.jpg);
    background-size: contain;
}
.spb_content_element.rounded-with-icon {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 30px 36px 20px 0;
}
.spb_content_element.rounded-with-icon .spb_wrapper {
    display: flex;
    align-items: center;
    border-radius: 100px;
    padding: 6px 0 6px 30px;
    width: 100%;
}
.yellow-orange .spb_wrapper {
    background: linear-gradient(90deg, #FDCC06, #F49800);
}
.lightblue-blue .spb_wrapper {
    color: #fff;
    background: linear-gradient(90deg, #12bdf9, #005eac);
}
.spb_content_element.rounded-with-icon .spb_wrapper p:first-of-type {
    margin-bottom: 0;
    line-height: 21px;
}
.spb_content_element.rounded-with-icon .spb_wrapper p:last-of-type {
    flex: 0 0 183px;
    margin: -20px -36px -20px 20px;
}
.spb_content_element.rounded-with-icon .spb_wrapper .alignright {
    margin:0;
}
@media only screen and (max-width: 520px) {
    .spb_content_element.rounded-with-icon .spb_wrapper {
          border-radius: 40px;
          padding: 16px 0 16px 30px;
     }
    .spb_content_element.rounded-with-icon .spb_wrapper p:last-of-type {
        flex: 0 0 150px;
    }
}
@media only screen and (max-width: 767px) {
    .remove-side-padding-mobile.spb_content_element {
        padding-left: 0;
        padding-right: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .spb_content_element.rounded-with-icon .spb_wrapper {
          border-radius: 40px;
          padding: 16px 0 16px 30px;
     }
    .spb_content_element.rounded-with-icon .spb_wrapper p:last-of-type {
        flex: 0 0 150px;
    }
}

/* ---------------------  MET-882 Campaign effectiveness  --------------------- */

.limited-width h3 {
    max-width: 800px;
    margin: auto;
}
.tech-page.pretesting .ce-questions h2 {
    line-height: 38px;
    max-width: 1066px;
    margin: 0 auto 35px auto;
}
.campaign-effect h1 {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 40px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.55);
}
.campaign-effect-list {
    max-width: 1000px;
    margin: auto;
}
.campaign-effect-list .ce-wrapper {
    display:flex;
    margin-bottom: 24px;
}
.campaign-effect-list .ce-text{
    width: 100%;
   font-size: 1.2em;
}

/* ---------------------  MET-883 TEMPO update  --------------------- */

.tempo-update p {
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    margin: 30px auto 16px auto;
    max-width: 970px;
    font-weight: 600;
}
.act-page .tempo-update h2.metrix-white  {
    line-height: 42px;
    max-width: 830px;
    margin: auto;
}

/* ---------------------  MET-886 Samsung Case Study  --------------------- */

img.aligncenter.brand-fame-graph.right,
img.aligncenter.brand-fame-graph.left {
    filter: drop-shadow(0px 0px 9px #ccc);
}
@media only screen and (min-width: 992px) {
    img.aligncenter.brand-fame-graph.right {
        max-width: 110%;
        margin-right: -50px;
        margin-left: unset;
    }
}
@media only screen and (min-width: 1400px) {
    img.aligncenter.brand-fame-graph.right {
        max-width: 120%;
         margin-right: -110px;
    }
}

/* ---------------------  MET-888 AdLift  --------------------- */

.metrix-lilac {
    color: #B39DDB;
}

/* ---------------------  MET-896 Wear Out Add  --------------------- */

.si-icon.big {
    flex: 0 0 120px;
}
.si-icon.big  .alignleft {
    margin: 8px 20px 8px 0;
}
.gradient-more-rounded-bg.wear-out-add .spb_wrapper {
    background: linear-gradient(240deg, #005eac 0%, #12bdf9 100%);
}
.gradient-more-rounded-bg.wear-out-add .spb_wrapper p {
    font-family: Montserrat;
    font-size: 22px;
    line-height: 1.2em;
    color: #fff;
}
.gradient-more-rounded-bg.wear-out-add .spb_wrapper div:first-of-type {
    padding: 40px;
}
.gradient-more-rounded-bg.wear-out-add .spb_wrapper div:last-of-type {
    padding: 0 40px 40px 40px;
}
.si-subtitle strong {
    color: #535353;
}
@media only screen and (min-width: 600px) {
.gradient-more-rounded-bg.wear-out-add .spb_wrapper div:first-of-type {
    flex-basis: 18%;
    padding: 0 0 0 40px;
    margin:0;
}
.gradient-more-rounded-bg.wear-out-add .spb_wrapper div:last-of-type {
    flex-basis: 82%;
    padding: 20px 40px 20px 20px;
    margin:0;
}
}
@media only screen and (max-width: 530px) {
   .si-icon.big {
       flex: 0 0 70px;
       margin-right: 20px;
   }
}

/* ---------------------  MET-898 Whitepaper Sustainability playbook  --------------------- */

.sustainability-practice-index {
    font-size: 80px;
    font-family: Montserrat;
    font-weight: bolder;
    color: #fdcc06;
    line-height: 20px;
    float: left;
    margin-right: 1%;
    margin-top: 27px;
}
.sustainability-practice-img {
    width: 10.5%;
    float: left;
    margin-right: 1%;
}
.sustainability-practice-desc {
    width: 100%;
    float: left;
    margin-bottom: 12px;
}

.sustainability-practice-desc h4 {
    line-height: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #727272;
}
.tip-box {
    background-color: #d0f2fe;
    padding: 20px 40px;
}
.tip-box p {
   margin-bottom: 0;
}
.tip-box p:first-of-type {
    flex-basis: 60px;
    margin-right: 15px;
}
.tip-box p:last-of-type {
    flex-basis: calc(100% - 75px);
}
.tip-box.final p:first-of-type {
    flex-basis: 95px;
}
.tip-box.final p:last-of-type {
    flex-basis: calc(100% - 110px);
}
 .capitular.index {
    font-weight: 700 !important;
    font-size: 3.5em;
    color: #fdcc06;
    font-family: Montserrat;
    width: 75px;
    text-align: right;
}
@media only screen and (min-width: 600px) {
    .tip-box {
        display: flex;
        align-items: center;
    }
}
@media only screen and (max-width: 600px) {
    .whitepaper-hero {
        font-size: 2.5em;
    }
}
@media  only screen and (min-width: 768px) {
    .col-sm-6.col-with-img-index{
        width: 57%;
    }
    .col-sm-6.col-no-img-index{
        width: 43%;
    }
    .sustainability-practice-img.half {
        width: 19%;
    }
    .sustainability-practice-desc.half {
        width: 80%;
    }
    .sustainability-practice-img.double {
        width: 25.5%;
    }
    .sustainability-practice-desc.double {
        width: 73.5%;
    }
    .sustainability-practice-desc {
        width: 88%; 
        display: flex; 
    }
    .one-case {
       margin-left: calc(12px + 1%);
    }
}
@media  only screen and (max-width: 767px) {
    .sustainability-practice-img {
        width: 24.5%;
        text-align: center !important;
        margin: auto !important;
    }
    .sustainability-practice-index {
        font-size: 62px;
        margin-top: 21px;
    }
}