* {
    outline: none!important;
}

html {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 19px;
    font-weight: normal;
    line-height: 1;
    color: #fff;
}

body {
    margin: 0;
}

a, button {
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
}

.read-more-wrapper .full-content {
    display: none!important;
}
/* 
.read-more-wrapper {
    position: relative;
}

.read-more-wrapper .full-content {
    display: block!important;
    position: absolute;
    background: rgb(229, 230, 232);
    z-index: 2;
    top: 100%;
    right: 0;
    left: 0;
    margin-left: -1.8rem;
    margin-right: -1.8rem;
    padding-right: 1.8rem;
    padding-left: 1.8rem;
    padding-bottom: 1.8rem;
    padding-top: 0.8rem;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
    color: rgb(39, 39, 39);
} */

.container {
    max-width: 950px;
    margin: 0 auto;
}

.flex-start {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.flex-center {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.flex-end {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.modal-wrapper {
    display: none;
}

a.button {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.25rem;
    padding: 0.5rem 3rem;
    color: rgba(255, 255, 255, 1);
    background-color: #1c75bc;
}

a.button:hover {
    color: rgba(255, 255, 255, 0.5);
    text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.4);
}

section::before, section::after {
    content: "";
    display: table;
    clear: both;
}

header {
    position: relative;
    /* overflow: hidden; */
}

header > section {
    /* margin-bottom: -100%; */
    /* transform: translateY(-100%); */
    /* position: relative; */
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.page-common header {
    border-bottom: 10px solid #eceef0;
}

.page-home header {
    background: url('../img/header-background-home.jpg') 50% 0% / cover;
    background-color: #d3d7da;
    border-bottom: 10px solid #07508d;
    padding-top: 35%;
}

.page-about-us header {
    background: url('../img/header-background-about-us.jpg') 50% 0% / cover;
    background-color: #e2e3e6;
    padding-top: 53%;
}

.page-ppc-optimization header {
    background: url('../img/header-background-ppc-optimization.jpg') 50% 0% / cover;
    background-color: #02286d;
    padding-top: 43.3%;
}

.page-lead-generation header {
    background: url('../img/header-background-lead-generation.jpg') 50% 0% / cover;
    background-color: #ddc2ad;
    padding-top: 51.14%;
}

.page-strategy-data header {
    background: url('../img/header-background-strategy-data.jpg') 50% 0% / cover;
    background-color: #e2e2e2;
    padding-top: 51.14%;
}

.page-contact header {
    background: url('../img/header-background-contact.jpg') 50% 0% / cover;
    background-color: #3f6692;
    padding-top: 48%;
}

navbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

navbar > .container {
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding-right: 12%;
}

.header-logo a {
    display: block;
    height: 162px;
    width: 269px;
    background: #fff url('../img/logo.png') 0% 0% / cover;
}

.header-logo {
    position: relative;
    z-index: 1;
}

.header-logo::after {
    content: "";
    position: absolute;
    display: block;
    background: #fff;
    width: 108px;
    height: 108px;
    border-radius: 50%;
    top: 0;
    right: 0;
    transform: translate(35%, 25%);
    z-index: -1;
}

.header-menu {
    background: #085ea6;
    display: flex;
    align-items: center;
    position: relative;
    background-color: rgba(2, 27, 88, 0.8);
}

.toggle-header-menu {
    display: none;
}


@supports (mix-blend-mode: multiply) {
    .header-menu {
        background-color: transparent;
    }
    
    .header-menu::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #0759a3;
        mix-blend-mode: multiply;
    }
}

.header-menu menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding-left: 106px;
    z-index: 1;
    position: relative;
}

.header-menu menu li + li {
    border-top: 1px solid #fff;
}

.header-menu menu li a {
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    display: block;
    padding: 6px 41px 6px 3px;
}

.header-menu menu li a:hover {
    color: rgba(255, 255, 255, 0.7);
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.6);
}


header h1 {
    font-size: 2.5rem;
    line-height: 1.1;
    text-transform: uppercase;
    color: #b06958;
    margin: 1rem 0 2.6rem 0;
    padding-left: 0.3rem;
}

.section-header-about-us-description {
    padding: 2.7rem 0 1.1rem 0;
}

.section-header-about-us-description article {
    padding-left: 35.5%;
    font-size: 1.5rem;
    line-height: 1.3;
    color: #393939;
}

.section-header-about-us-description p {
    margin: 1rem 0;
}

.section-header-about-us-description h1 {
    font-size: 3rem;
}

.section-header-ppc-optimization-description {
    padding: 0rem 0 5.9rem 0;
}

.section-header-ppc-optimization-description article {
    padding: 0 0 5.9rem 38.4%;
    font-size: 1.5rem;
    line-height: 1.3;
    color: #fff;
}

.section-header-ppc-optimization-description p {
    margin: 0.6rem 0;
}

.section-header-lead-generation-description article {
    padding: 0 0 0.5rem 43.4%;
    font-size: 1.5rem;
    line-height: 1.332;
    color: #fff;
}

.section-header-lead-generation-description h1 {
    color: #fff;
    padding-left: 0;
    margin: 1rem 0 2.5rem 0;
    font-size: 2.68rem;
}

.section-header-ppc-optimization-description h1 {
    color: #fff;
    margin: 1rem 0 1.6rem 0;
    padding-left: 0;
}

.section-header-strategy-data-description h1 {
    font-size: 3rem;
    color: #fff;
    padding-left: 0;
    margin: 1rem 0 2.5rem 0;
}

.section-header-strategy-data-description article {
    padding: 0 5rem 1.5rem 2.6rem;
    font-size: 1.5rem;
    line-height: 2rem;
}

.section-header-contact-description {
    padding: 0 0 7rem 10.8rem;
    font-size: 1.9rem;
    line-height: 1;
}

.section-header-contact-description p {
    margin: 1.3rem 0;
}

.section-header-contact-description h2 {
    margin: 0;
    font-size: 2.08rem;
    text-transform: uppercase;
    color: #b06958;
}

.section-header-contact-description a {
    text-decoration: none;
    color: rgba(67, 170, 240, 1);
}

.section-header-contact-description a:hover {
    color: rgba(67, 170, 240, 0.7);
    text-shadow: 0px 0px 4px rgba(67, 170, 240, 0.4);
}

main > section {
    color: #272727;
    position: relative;
}

main > section h3 {
    font-size: 2.5rem;
    text-transform: uppercase;
    color: #b06958;
    margin: 0;
}

main > section p {
    margin: 0.9rem 0;
}

.section-content-who-we-are {
    background-color: #07508d;
    color: #fff;
    padding: 2rem 0;
}

.section-content-who-we-are h3 {
    color: rgb(255, 255, 255);
    font-size: 2.1rem;
    padding-left: 4.9rem;
}

.section-content-who-we-are article {
    padding-left: 31.4%;
    font-size: 1.5rem;
    line-height: 1.1;
}

.section-content-our-approach {
    background-color: #fff;
    padding: 5rem 0 4.2rem 0;
}

.section-content-our-approach h3 {
    padding: 0.8rem 0 0.8rem 1.8rem;
}

.section-content-our-approach article {
    padding-left: 2rem;
    font-size: 1.5rem;
    line-height: 1.3;
    width: 43%;
}

.section-content-client-expirience {
    background-color: #9fd3ee;
    padding: 6.3rem 0 7rem 0;
}

.section-content-client-expirience h3 {
    padding: 0.8rem 0 0.3rem 1.8rem;
}

.section-content-client-expirience article {
    padding-left: 2rem;
    font-size: 1.5rem;
    line-height: 1.1;
    width: 65%;
}

.section-content-specializations {
    background-color: #ece9e5;
    padding: 3.2rem 0 0rem 0;
}

.section-content-specializations::after {
    content: "";
    display: block;
    padding-top: 16%;
    border-bottom: 1rem solid #ece9e5;
}

.section-content-specializations h3 {
    padding: 0.8rem 0 1.8rem 1.8rem;
}

.section-content-specializations .flex-columns {
    display: flex;
    justify-content: space-between;
}

.section-content-specializations .flex-column {
    background: #fff;
    flex: 0 0 310px;
    padding: 153px 0px 20px 0px;
}

.section-content-specializations h4, .section-content-specializations h4 a {
    font-size: 1.66rem;
    font-weight: normal;
    text-align: center;
    text-decoration: underline;
    color: rgba(17, 111, 198, 1);
    margin: 0;
    padding: 0.5rem;
}

.section-content-specializations h4 a:hover {
    color: rgba(17, 111, 198, 0.5);
    text-shadow: 0px 0px 4px rgba(17, 111, 198, 0.4);
}

.section-content-specializations article {
    line-height: 1.2;
    padding: 1.1rem 1.8rem;
}

.section-content-specializations article p {
    margin: 0.1rem;
}

.section-content-specializations article ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.section-content-specializations article ul li {
    padding-left: 1.5rem;
    position: relative;
}

.section-content-specializations article ul li::before {
    content: '';
    position: absolute;
    display: block;
    left: 1px;
    top: 0.5rem;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #272727;
}

.section-content-about-us-content {
    padding-top: 1.3rem;
}

.section-content-about-us-content h3 {
    margin: 1.2rem 0;
}

.section-content-about-us-content article p {
    margin-bottom: 1.3rem;
}

.block-content-about-us-content-support-teams {
    padding: 0 20% 7rem 5.5%;
    font-size: 1.25rem;
    line-height: 1.3;
    border-bottom-right-radius: 100%;
    box-shadow: -10px -10px 100px #fff, inset -10px -10px 100px #fff;
}

.block-content-about-us-content-strategy {
    padding: 0 1% 3.2rem 47.4%;
    font-size: 1.5rem;
    line-height: 1.12;
    border-top-left-radius: 100%;
    box-shadow:-10px -10px 100px #fff, inset -10px -10px 100px #fff;
}

.section-content-about-us-content-partner-relationships {
    padding-top: 4.5rem;
    padding-bottom: 7.9rem;
}

.section-content-about-us-content-partner-relationships article {
    padding: 0.8rem 0 0 21%;
    font-size: 1.5rem;
    line-height: 1.1;
}

.section-content-ppc-optimization-content {
    background-color: #fdf6ed;
    padding: 2.6rem 0 17.4rem 0;
}
.section-content-ppc-optimization-content h3 {
    padding: 0.8rem 0 0.8rem 1.8rem;
}

.section-content-ppc-optimization-content article {
    padding-left: 2rem;
    font-size: 1.25rem;
    line-height: 1.3;
}

.block-content-ppc-optimization-technology-advancates {
    padding-bottom: 6.8rem;
}

.block-content-ppc-optimization-industry-relationships article {
    width: 70%;
    font-size: 1.5rem;
    line-height: 1.7rem;
}

.block-content-ppc-optimization-industry-relationships p {
    margin-top: 0.2rem;
    margin-bottom: 2rem;
}

.section-content-lead-generation-content {
    background-color: #fdfefe;
    padding: 2.6rem 0 2.2rem 0;
}

.section-content-lead-generation-content article {
    padding-top: 0.8rem;
    font-size: 1.25rem;
    line-height: 1.3;
}

.section-content-lead-generation-content article ol {
    list-style-type: none;
    margin: 0;
    padding-left: 4.5rem;
    width: 43.5%;
    counter-reset: item 0;
    line-height: 1.05;
}

.section-content-lead-generation-content article ol li {
    position: relative;
    padding: 0.167rem 0 1.2rem 2.3rem;
}

.section-content-lead-generation-content article ol li::before {
    position: absolute;
    left: 2px;
    top: -0.9rem;
    color: #1c75bc;
    font-size: 4.16rem;
    line-height: 1;
    font-weight: bold;
    counter-increment: item;
    content: counter(item) "";
}

.block-content-lead-generation-user-expiriences {
    padding-bottom: 10.2rem;
}

.block-content-lead-generation-mobile-expertise article {
    width: 80%;
    font-size: 1.5rem;
    line-height: 1.7rem;
}

.block-content-lead-generation-mobile-expertise p {
    margin-top: 0;
    margin-bottom: 1.2rem;
}

.section-content-strategy-data-content {
    background-color: #ffffff;
    padding: 2.6rem 0 3.2rem 0;
}

.section-content-strategy-data-content article {
    padding-top: 0.8rem;
    font-size: 1.25rem;
    line-height: 1.3;
}

.block-content-strategy-data-valuable-insights {
    padding-right: 58%;
    padding-bottom: 7.2rem;
}

.block-content-strategy-data-time-zone-support {
    padding-left: 32.7%;
    padding-right: 7%;
}

.block-content-strategy-data-time-zone-support article {
    font-size: 1.5rem;
    line-height: 1.7rem;
}

.block-content-strategy-data-time-zone-support p {
    margin-top: 0;
    margin-bottom: 1.2rem;
}

.section-footer-contact-us-teaser {
    padding: 1rem 1rem 6rem 1rem;
}

.section-footer-contact-us-teaser h3 {
    font-size: 2.5rem;
    padding: 0.8rem 0 0.3rem 1.8rem;
    margin: 2rem 0;
    color: #b06958;
    text-transform: none;
}

.section-footer-contact-us-teaser .button {
    font-size: 1.66rem;
    padding: 0.7rem 3.2rem;
}

.section-footer-about-us-our-clients {
    background: #1c75bc;
    padding-bottom: 4rem;
}

.section-footer-about-us-our-clients h3 {
    text-transform: uppercase;
    font-size: 2.5rem;
    padding: 1.2rem 0 0.9rem 1.8rem;
    color: #fff;
    margin-block-start: 1em;
    margin-block-end: 1em;
}

.section-footer-about-us-our-clients article ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
}

.section-footer-about-us-our-clients article ul img {
   width: auto;
   /*height: 94px;*/
   height: 81px;
}

    .section-footer-about-us-our-clients article ul {
        flex-wrap: wrap;
        justify-content: center;
        margin: 0.2rem;
    }

    .section-footer-about-us-our-clients article ul li {
        margin: 0.2rem;
        flex: 0;
    }

    .section-footer-about-us-our-clients article ul li span {
        display: block;
        background: #fff;
        text-align: center;
    }


.section-footer-menu {
    background: #1c75bc;
    padding-top: 2.4rem;
    padding-bottom: 6.5rem;
}

.section-footer-menu a {
    color: #fff;
    text-decoration: none;
}

.section-footer-menu a:hover {
    color: rgba(255, 255, 255, 0.7);
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.6);
}

.section-footer-menu p {
    margin: 0.4rem;
}

.section-footer-menu menu {
    padding: 0 0 2rem 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.section-footer-menu menu li {
    position: relative;
    padding: 0.25rem 1.14rem;
}

.section-footer-menu menu li + li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.3rem;
    bottom: 0.1rem;
    border-left: 1px solid #fff;
}


.page-home header {
    padding-top: 28.5rem;
    background: url('../img/header-background-home.jpg') 50% 50% / cover;
}

.page-about-us header {
    padding-top: 42.3rem;
    background: url('../img/header-background-about-us.jpg') 50% 50% / cover;
}

.page-ppc-optimization header {
    padding-top: 34.5rem;
    background: url('../img/header-background-ppc-optimization.jpg') 50% 50% / cover;
}

.section-header-ppc-optimization-description {
    padding: 0;
}

.page-lead-generation header {
    padding-top: 41rem;
    background: url('../img/header-background-lead-generation.jpg') 50% 50% / cover;
}

.page-strategy-data header {
    padding-top: 41rem;
    background: url('../img/header-background-strategy-data.jpg') 50% 0% / cover;
}

.page-contact header {
    padding-top: 38.5rem;
    background: url('../img/header-background-contact.jpg') 50% 100% / cover;
}

.section-content-who-we-are {
    background: #07508d url(../img/content-background-who-we-are.jpg) 50% 0% / auto 100% no-repeat;
}

.section-content-our-approach {
    background: #ffffff url(../img/content-background-our-approach.jpg) 50% 0% / auto 100% no-repeat;
}

.section-content-client-expirience {
    background: #a9d9f1 url(../img/content-background-client-expirience.jpg) 50% 0% / auto 100% no-repeat;
}

.section-content-client-expirience {
    background: rgb(169, 217, 241) url(../img/content-background-client-expirience.jpg) 50% 50% / cover no-repeat;
}

.section-content-specializations::after {
    background: url(../img/content-background-content-specializations.jpg) 50% 0% / auto 100% no-repeat;
}

.section-content-specializations::after {
    background: url(../img/content-background-content-specializations.jpg) 50% 80% / cover no-repeat;
    padding-top: 13rem;
}

.section-content-about-us-content-partner-relationships {
    background: #e8eaf0 url(../img/content-background-partner-relationships.jpg) 50% 50% / cover no-repeat;
}

.section-content-about-us-content {
    background: #fff url(../img/content-background-about-us.jpg) 50% 50% / cover no-repeat;
}

.section-content-ppc-optimization-content {
    background: #fdf6ee url(../img/content-background-ppc-optimization.jpg) 50% 50% / cover no-repeat;   
}

.section-content-lead-generation-content {
    background: #fdfdfd url(../img/content-background-lead-generation.jpg) 50% 50% / cover no-repeat;   
}

.section-content-strategy-data-content {
    background: #fff url(../img/content-background-strategy-data.jpg) 50% 30% / cover no-repeat;   
}

.section-content-specializations .flex-column {
    background-position: 50% 27px;
    background-size: 128px auto;
    background-repeat: no-repeat;
}

.section-content-specializations .flex-column:nth-of-type(1) {
    background-image: url(../img/icon-mobile-lead-generation.png);
}

.section-content-specializations .flex-column:nth-of-type(2) {
    background-image: url(../img/icon-strategy-data-science.png);
}

.section-content-specializations .flex-column:nth-of-type(3) {
    background-image: url(../img/icon-ppc-optimization.png);
}

.page-privacy-policy header {
    padding-top: 8.5rem;
    border: none;
}

.section-content-privacy-policy-content article {
    padding: 0.8rem 1.8rem;
}

.section-content-privacy-policy-content article h3 {
    font-size: 1.8rem;
    margin: 1rem 0rem;
}

.section-content-privacy-policy-content h1,
.section-content-privacy-policy-content article h2 {
    font-size: 2.1rem;
    text-transform: uppercase;
    color: rgb(176, 105, 88);
    margin: 2rem 0 1rem 0;
}

.section-content-privacy-policy-content h1 {
    padding: 0 1.8rem;
}

.section-content-privacy-policy-content a {
    text-decoration: none;
    color:rgb(67, 170, 240);
}

.section-content-privacy-policy-content a:hover {
    color: rgba(67, 170, 240, 0.7);
    text-shadow: 0px 0px 4px rgba(67, 170, 240, 0.4);
}

.section-content-our-approach, .section-content-client-expirience, .section-content-specializations {
    overflow: hidden;
}
.section-content-our-approach > .container::after,
.section-content-client-expirience > .container::after,
.section-content-specializations > .container::after {
    content: "";
    display: block;
    position: absolute;
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    top: 0;
    left: 29.7%;
    transform: translateY(-70%);
}

.section-content-our-approach > .container::after {
    background-color: #085b9d;
}

.section-content-client-expirience > .container::after {
    background-color: #fff;
}

.section-content-specializations > .container::after {
    background-color: #a2cfed;
}

@media (max-width: 970px) {
    html {
        font-size: 16px;
    }
    
    .page-home header {
        background-image: url('../img/header-background-home-small.jpg');
        padding-top: 34rem;
    }    
    
    .page-strategy-data header {
        padding-top: 35rem;
    }
    
    .page-contact header {
        padding-top: 26rem;
        background-position-x: 100%;
        background-position-x: 75%;
        padding-top: 35rem;
    }
    
    .page-common header::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.2);
    }
    
    .page-about-us header::before {
        background: rgba(255, 255, 255, 0.3);
    }
    
    .page-contact header::before {
        background-color: rgba(0, 0, 0, 0.3);
    }
    
    .page-privacy-policy header {
        padding-top: 5rem;
    }
    
    navbar > .container {
        padding: 0;
        width: 100%;
        max-width: none;
    }

    .header-menu {
        flex-grow: 1;
        justify-content: flex-end;
    }

    .header-logo a {
        height: 80px;
        width: 140px;
    }

    .header-logo::after {
        width: 52px;
        height: 52px;
    }

    main section article {
        padding-right: 2rem;
    }
    
    main > section h3, .section-footer-contact-us-teaser h3 {
        font-size: 2rem;
    }
    
    .section-header-about-us-description article {
        padding: 0 2rem;
    }

    .section-header-about-us-description article,
    .section-header-ppc-optimization-description article,
    .section-header-lead-generation-description article,
    .section-header-strategy-data-description article {
        padding: 0 1.8rem 1.8rem 1.8rem;
    }
    
    .section-header-contact-description {
        display: flex;
        padding-left: 0;
        padding-bottom: 3rem;
    }
    
    .section-content-who-we-are h3,
    .section-content-who-we-are article {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .section-content-our-approach {
        padding: 3rem 0 2.2rem 0;
    }

    .section-content-client-expirience {
        background-color: rgb(159, 211, 238);
        padding: 3.3rem 0 4rem 0;
    }

    .section-content-specializations .flex-columns {
        flex-direction: column;
    }

    .section-content-specializations .flex-column {
        flex:auto;
        padding-top: 1rem;
        padding-left: 8rem;
        margin-bottom: 0.5rem;
    }

    .section-content-specializations h4, 
    .section-content-specializations h4 a {
        text-align: left;
        padding-left: 0;
    }

    .section-content-specializations article {
        padding-left: 0;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .section-content-specializations article p, 
    .section-content-specializations article ul li,
    .section-footer-menu {
        font-size: 1.2rem;
    }

    .section-content-specializations article ul li::before {
        left: 4px;
        top: 0.7rem;
    }
    
    .section-content-specializations .flex-column {
        background-position: 20px 20px;
        background-size: 90px auto;
    }
        
    .section-content-about-us-content-partner-relationships h3,
    .section-content-about-us-content-partner-relationships article,
    .section-content-lead-generation-content h3, 
    .section-content-lead-generation-content article,
    .section-content-strategy-data-content h3,
    .section-content-strategy-data-content article {
        padding-left: 1.8rem;
        padding-right: 1.8rem;
    }
    

    .block-content-about-us-content-strategy {
        padding-left: 40%;
    }

    .section-content-ppc-optimization-content {
        background-position-x: 70%;
    }

    .section-content-ppc-optimization-content > .container::before, 
    .section-content-strategy-data-content > .container::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.5);
    }

    .block-content-ppc-optimization-industry-relationships, 
    .block-content-ppc-optimization-technology-advancates,
    .block-content-strategy-data-time-zone-support,
    .block-content-strategy-data-valuable-insights {
        z-index: 1;
        position: relative;
    }
    
    .section-content-lead-generation-content article ol li::before {
        top: -0.3rem;
    }
    
    .block-content-strategy-data-valuable-insights, 
    .block-content-strategy-data-time-zone-support {
        padding-left: 0;
        padding-right: 0;
    }
    
    .section-footer-about-us-our-clients h3 {
        font-size: 2rem;
        padding-left: 1.8rem;
        padding-right: 1.8rem;
    }
    
    .section-footer-about-us-our-clients article {
        padding: 0;
    }

    .section-footer-about-us-our-clients article ul {
        flex-wrap: wrap;
        justify-content: center;
        margin: 0.2rem;
    }

    .section-footer-about-us-our-clients article ul li {
        margin: 0.2rem;
        flex-grow: 1;
    }

    .section-footer-about-us-our-clients article ul li span {
        display: block;
        background: #fff;
        text-align: center;
    }

    .section-footer-about-us-our-clients article ul img {
        height: 80px;
    }
    
    .section-footer-menu {
        display: flex;
        
    }

    .section-footer-menu menu {
        flex-direction: column;
    }

    .section-footer-menu menu li {
        padding: 0.5rem;
    }

    .section-footer-menu menu li + li::before {
        bottom: auto;
        top: 0;
        left: 0;
        right: 0;    
        border: none;
        border-top: 1px solid rgb(255, 255, 255);
    }
    
    .section-footer-menu menu li span {
        display: block;
        padding: 0.2rem 0;
    }
}

@media (max-width: 970px) {
    .toggle-header-menu {
        position: relative;
        display: block;
        width: 50px;
        height: 36px;
        border: none;
        background: rgba(255, 255, 255, 1);
        background-clip: content-box;
        box-sizing: border-box;
        margin-right: 15px;
        padding: 16px 0;
        cursor: pointer;
        z-index: 2;
    }

    .toggle-header-menu::before, .toggle-header-menu::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        height: 4px;
        background: #fff;
        transition: all 0.3s ease 0s;
    }

    .toggle-header-menu::before {
        top: 3px;
    }

    .toggle-header-menu::after {
        bottom: 3px;
    }
        
    .toggle-header-menu:hover::before {
        top: 1px;
    }
        
    .toggle-header-menu:hover::after {
        bottom: 1px;
    }
    
    .header-menu.invoked .toggle-header-menu {
        background-color: rgba(255, 255, 255, 0);
    }

    .header-menu.invoked .toggle-header-menu::before {
        top: 0;
        transform: translate3d(0, 16px, 0) rotate(45deg);
    }

    .header-menu.invoked .toggle-header-menu::after {
        bottom: 0;
        transform: translate3d(0, -16px, 0) rotate(-45deg);
    }
    
    .header-menu menu {
        padding: 0;
    }

    .header-menu .menu-inner {
        display: block;
        position: absolute;
        top: 100%;
        width: 100vw;
        /* transition: all 0.3s ease 0s; */
        background-color: rgba(2, 27, 88, 0.8);
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.7);
    }
    
    @supports (mix-blend-mode: multiply) {
        .header-menu .menu-inner {
            background-color: transparent;
        }
        
        .header-menu .menu-inner::before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            background: rgb(7, 89, 163);
            mix-blend-mode: multiply;
        }
    }

    .header-menu menu li {
        text-align: right;
        border-top: 1px solid #fff;
    }

    .header-menu menu li a {
        font-size: 1.3rem;
        padding: 9px 20px;
    }
    
    .header-menu .menu-inner {
        opacity: 0;
        visibility: hidden;
        /* transition: all 0.3s ease 0s; */
    }

    .header-menu.invoked .menu-inner {
        opacity: 1;
        visibility: visible;
    }
    /*
    .header-menu menu {
        display: block;
        position: absolute;
        top: 100%;
        margin-top: 1px;
        width: 100vw;
        background: rgb(7, 89, 163);
        mix-blend-mode: multiply;
        transition: all 0.3s ease 0s;
        transform: translateY(-100%);
        opacity: 0;  
        z-index: -1;
    }

    .header-menu.invoked menu {
        z-index: 1;
        opacity: 1;
        transform: translateY(0%);
    }

    .header-menu menu li {
        position: relative;
        z-index: 1;
        display: flex;
        justify-content: flex-end;
    }

    .header-menu menu li a {
        font-size: 1.3rem;
        padding: 9px 20px;
    }
    */
    
    .section-content-our-approach > .container::after,
    .section-content-client-expirience > .container::after,
    .section-content-specializations > .container::after {
        left: 20%;
    }
    
    .section-content-specializations > .container::after {
        background: rgb(171, 212, 240);
    }
}

@media (max-width: 550px) {
    html {
        font-size: 14px;
    }
    
    .page-home header {
        padding-top: 100%;
    }
    
    .page-ppc-optimization header {
        padding-top: 28rem;
    }
    
    .page-strategy-data header {
        padding-top: 38rem;
    }
    
    .page-lead-generation header {
        padding-top: 46rem;
    }
    
    .page-contact header::before {
        background-color: rgba(0, 0, 0, 0.5);   
    }
    
    .page-privacy-policy header {
        padding-top: 5.7rem;
    }
    
    .section-header-lead-generation-description article p {
        margin-bottom: 0;
    }

    .section-content-our-approach,
    .section-content-client-expirience {
        background-position-x: 60%;
    }

    .section-content-our-approach > .container::before,
    .section-content-client-expirience > .container::before,
    .section-content-lead-generation-content > .container::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.5);
    }

    .section-content-our-approach > .container > *,
    .section-content-client-expirience > .container > *,
    .block-content-lead-generation-user-expiriences,
    .block-content-lead-generation-mobile-expertise {
        z-index: 1;
        position: relative;
    }

    .section-content-specializations .flex-column {
        padding-top: 7rem;
        padding-left: 2rem;
    }
    
    .section-content-specializations .flex-column {
        padding-top: 8rem;
        background-position: 50% 15px;
        background-size: 90px auto;
    }
    
    .section-content-specializations h4, .section-content-specializations h4 a {
        text-align: center;
    }
    
    .block-content-about-us-content-strategy, 
    .block-content-about-us-content-support-teams {
        padding-right: 0;
        padding-left: 0;
    }

    .section-content-about-us-content {
        padding-left: 1.8rem;
        padding-right: 1.8rem;
    }
    
    .section-content-ppc-optimization-content {
        background-position-y: 100%;
        padding-bottom: 7rem;
    }

    .section-content-ppc-optimization-content h3,
    .section-content-ppc-optimization-content article {
        padding-left: 1.8rem;
        padding-right: 1.8rem;
    }

    .section-content-lead-generation-content article ol {
        padding-left: 0;
        width: auto;
    }
    
    .section-content-specializations > .container::after {
        background: rgb(207, 229, 246);
    }

}

.modal-wrapper {
    display: none;
    position: absolute;
    z-index: 1;
}

.modal {
    background: rgb(229, 230, 232);
    color: rgb(39, 39, 39);
    padding: 0.8rem 1.8rem 1.8rem 1.8rem;
    /*margin:  0 -1.8rem;*/
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
}

@media (max-width: 970px) {
    .modal-wrapper {
        left: 0!important;
        right: 0!important;
        width: 100vw!important;
    }
}
/* 
.modal-wrapper {
    display: none;
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    padding: 0 2vw;
    background: rgba(0, 0, 0, 0.8);
    overflow: auto;
    box-sizing: border-box;
}

.modal {
    background: rgba(255, 255, 255, 0.8);
    margin: 2vh auto;
    max-width: 960px;
    min-height: 96vh;
    box-sizing: border-box;
    position: relative;
    padding-top: 64px;
    padding-bottom: 40px;
}

.modal-article {
    font-size: 1.5rem;
    line-height: 1.7rem;
    padding: 0 2rem 2rem 2rem;
    color: rgb(39, 39, 39);
}

.modal-close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 50px;
    height: 36px;
    margin-right: 15px;
    margin-top: 15px;
    border: none;
    background-clip: content-box;
    box-sizing: border-box;
    padding: 16px 0;
    cursor: pointer;
    z-index: 2;
}

.modal-close::before, .modal-close::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 3px;
    background: rgb(170, 170, 170);
    transition: all 0.3s ease 0s;
}

.modal-close::before {
    top: 0;
    transform: translate3d(0, 17px, 0) rotate(45deg);
}

.modal-close::after {
    bottom: 0;
    transform: translate3d(0, -17px, 0) rotate(-45deg);
}

.modal-close:hover::before, .modal-close:hover::after {
    opacity: 0.8;
} */


/*
.page-home header {
    position: relative;
    background: transparent;
}

.page-home header::before {
    content: "";
    display: block;
    position: fixed;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    height: inherit;
    max-height: 100%;
    background: #000;
    background: rgb(211, 215, 218) url('../img/header-background-home.jpg') 50% 0% / cover;
}


*/

/* html body header {
    background-attachment: fixed!important;
} */


/*

.section-header-about-us-description {
    opacity: 0;
    margin-bottom: -100%;
    transform: translateY(0%);
    transition: all 0.3s ease 0s;
}

.section-header-about-us-description {
    transform: translateY(-100%);
    opacity: 1;
}

header {
    overflow: hidden;
}

*/

/*
body {
    width: 1519px;
    overflow: hidden;
}
*/

/*
.section-content-our-approach {
    overflow: hidden;
}

.section-content-our-approach > .container::before {
    content: "";
    display: block;
    width: 200px;
    height: 200px;
    background: #085899;
    position: absolute;
    top: 0;
    border-radius: 50%;
    transform: translateY(-50%);
}
*/