/* ==========================================================================
 * Interactive Map
 * ========================================================================== */

.interactive-map-container h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 55px;
    line-height: 60px;
    color: #FFF;
    text-transform: uppercase;
    margin-top: 40px;
    text-align: left;
}

.interactive-map-container h2 label {
    margin-left: 2px;
}

span.yellow {
    display: block;
    /*color: #00bcd4;*/
    color: #fdc40f;
    font-size: 130px;
    line-height: 115px;
}

.interactive-map-container {
    position: relative;
    background: #050505;
    /*height: 720px;*/
    height: calc(100vh - 100px);
    overflow: hidden;
}

@media (max-width: 991px) {
    .interactive-map-container {
        /* display: none; */
    }
}

.interactive-map-container .interactive-map {
    position: absolute;
    width: 1200px;
    height: 100%;
    /* left: 50%;
    margin-left: -600px; */
    left: 10%;
}

.interactive-map-container .map-overlay-texture {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../img/texture-marble.png);
}

.interactive-map-container .base-map path {
    fill: #444;
    stroke: #fff;
    stroke-opacity: 2 / 3;
    stroke-width: 1 / 3;
    fill-opacity: 1;
    opacity: 0.5;
}

.interactive-map-container .base-map path:nth-child(2n) {
    fill: #2B2B2B;
    opacity: 0.5;
}

.interactive-map-container .base-map:nth-child(3n) {
    fill: #111;
    opacity: 0.5;
}

.interactive-map-container .base-map:nth-child(2n+1) {
    fill: #1A1A1A;
    opacity: 0.5;
}

.interactive-map-container .base-map:nth-child(4n) {
    fill: #333;
    opacity: 0.5;
}

.interactive-map-container .base-map:nth-child(5n) {
    fill: #242424;
    opacity: 0.5;
}

.interactive-map-container .base-map:nth-child(4n + 1) {
    fill: #222;
    opacity: 0.5;
}

.interactive-map-container .overlay-map {
    position: absolute;
    top: 0;
}

.interactive-map-container .overlay-map path {
    fill: transparent;
    stroke-width: 1;
    fill-opacity: 0.3;
    stroke-opacity: 0;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

.interactive-map-container .overlay-map path.active {
    fill: #333;
    /*stroke:#00BCD4;*/
    stroke: #fdc40f;
    stroke-width: 1;
    stroke-opacity: 1;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

.interactive-map-container .global-clients {
    /*  width: 250px;*/
    float: right;
    position: relative;
    /* z-index: 120;*/
    margin-right: 0px;
    margin-top: 0px;
    height: 611px;
    /*overflow:hidden;*/
}

.interactive-map-container .global-clients span {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    position: relative;
    left: 30px;
}

.interactive-map-container .global-clients span:before {
    width: 20px;
    height: 1px;
    background-color: #d3d3d3;
    content: '';
    position: absolute;
    left: -30px;
    top: 10px;
}

.interactive-map-container .global-clients h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 55px;
    line-height: 45px;
    color: #FFF;
    text-transform: uppercase;
    text-align: left;
}

.interactive-map-container .global-clients h3 {
    color: #fff;
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 0;
}

.interactive-map-container .global-clients h4 {
    color: rgb(214, 214, 214);
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 20px;
}

.interactive-map-container .global-clients h5 {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 5px !important;
}

.interactive-map-container .global-clients h4 label {
    color: #fdc40f;
    font-weight: 400;
    font-size: 16px;
}

.interactive-map-container .global-clients p {
    color: #8f8f8f;
    font-size: 14px !important;
    font-weight: 400;
    text-align: left;
}

.interactive-map-container .global-clients h2 .yellow {
    display: block;
    color: #00BCD4;
    font-size: 130px;
    line-height: 140px;
}

.interactive-map-container .global-clients ul#clients {
    width: 200px;
    padding-left: 20px;
    margin: 0;
    margin-top: 110px;
    list-style: none;
    font-size: 15px;
}

.interactive-map-container .global-clients ul#clients li {
    display: block;
    height: 32px;
    margin-top: 1px;
    perspective-origin: 0 100%;
}

.interactive-map-container .global-clients ul#clients li:hover .client-name {
    background-position: -180px 0px;
    color: #fff;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.interactive-map-container .global-clients ul#clients li:hover .client-country {
    -webkit-transform: perspective(500px) rotateY(0deg);
    transform: perspective(500px) rotateY(0deg);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.interactive-map-container .global-clients ul#clients .client-country {
    float: right;
    width: 150px;
    margin-right: 200px;
    text-align: left;
    padding-right: 30px;
    color: #EEBA2F;
    overflow: hidden;
    height: 32px;
    line-height: 32px;
    perspective: 100px;
    /* background: url(../img/client-black.png) no-repeat; */
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.interactive-map-container .global-clients ul#clients .client-name {
    float: right;
    /*color: #00BCD4;*/
    color: #fdc40f;
    height: 32px;
    line-height: 32px;
    margin-top: 0px;
    width: 200px;
    padding-left: 20px;
    background: url(../img/client-yellow.png) no-repeat -400px 0px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.interactive-map-container .global-clients ul#clients .client-name-fix {
    float: right;
    color: #fff;
    height: 32px;
    line-height: 32px;
    margin-top: -32px;
    width: 200px;
    padding-left: 20px;
    background: url(../img/client-yellow.png) no-repeat -180px 0px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.result_hover .client-name {
    background-position: -180px 0px !important;
    color: #fff !important;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.result_hover .client-country{
    -webkit-transform: perspective(500px) rotateY(0deg) !important;
    transform: perspective(500px) rotateY(0deg) !important;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}


.interactive-map-container .map-copy {
    margin-top: 45px;
    color: #fff;
    position: absolute;
    right: 0;
}

.interactive-map-container .map-copy strong {
    font-family: Montserrat;
    font-size: 170px;
    font-weight: 700;
    color: #EEBA2F;
    display: block;
}

.interactive-map-container .map-copy h1,
.interactive-map-container .map-copy section#blog-posts .container>h2,
section#blog-posts .interactive-map-container .map-copy .container>h2,
.interactive-map-container .map-copy section#blog-posts .gform_heading>h2,
section#blog-posts .interactive-map-container .map-copy .gform_heading>h2,
.interactive-map-container .map-copy .latest-posts article h2,
.latest-posts article .interactive-map-container .map-copy h2,
.interactive-map-container .map-copy section#google-maps .coffee h2,
section#google-maps .coffee .interactive-map-container .map-copy h2 {
    font-size: 60px;
    font-weight: 900;
    line-height: 50px;
    text-transform: uppercase;
    text-align: center;
}

@media (min-width: 768px) {
    .interactive-map-container .map-copy h1,
    .interactive-map-container .map-copy section#blog-posts .container>h2,
    section#blog-posts .interactive-map-container .map-copy .container>h2,
    .interactive-map-container .map-copy section#blog-posts .gform_heading>h2,
    section#blog-posts .interactive-map-container .map-copy .gform_heading>h2,
    .interactive-map-container .map-copy .latest-posts article h2,
    .latest-posts article .interactive-map-container .map-copy h2,
    .interactive-map-container .map-copy section#google-maps .coffee h2,
    section#google-maps .coffee .interactive-map-container .map-copy h2 {
        text-align: left;
        max-width: 260px;
        margin-left: 60%;
    }
}

.interactive-map-container .map-copy .client-container {
    position: relative;
}

.interactive-map-container .map-copy .client-container .client-list {
    list-style: none;
    color: #EEBA2F;
    font-weight: bold;
    position: absolute;
}

.interactive-map-container .map-copy .client-container .client-list .client-name {
    cursor: pointer;
}

.interactive-map-container .map-copy .client-container.client-names {
    width: 250px;
}

.interactive-map-container .map-copy .client-container.country-names {
    top: 43px;
    left: -120px;
    text-align: right;
    list-style: none;
}

.interactive-map-container .map-copy .client {
    margin: 20px 0;
    padding: 4px 18px 4px 10px;
    height: 30px;
}

.interactive-map-container .map-copy .client.client-name {
    padding-right: 0;
}

.interactive-map-container .map-copy.country-name {
    background: black;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

.interactive-map-container .map-copy.country-name:before {
    content: "";
    border-top: 30px solid black;
    border-left: 16px solid transparent;
    border-right: 0px solid transparent;
    height: 0;
    width: 20px;
    position: absolute;
    left: 0;
    margin-top: -4px;
    margin-left: 20px;
}

.service-banner-background {
    opacity: 0.2;
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.service-banner {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    height: 178px;
    width: 650px;
    line-height: 23px;
    position: absolute;
    bottom: 200px;
    padding: 15px;
    margin-left: 100px;
}

.service-banner h1,
.service-banner section#blog-posts .container>h2,
section#blog-posts .service-banner .container>h2,
.service-banner section#blog-posts .gform_heading>h2,
section#blog-posts .service-banner .gform_heading>h2,
.service-banner .latest-posts article h2,
.latest-posts article .service-banner h2,
.service-banner section#google-maps .coffee h2,
section#google-maps .coffee .service-banner h2 {
    text-align: left;
    margin-bottom: 5px;
    color: #FFF;
}

@media (max-width: 1199px) {
    .service-banner {
        margin-left: 0;
        height: 205px;
        width: 550px;
        bottom: 190px;
    }
    .service-banner h1,
    .service-banner section#blog-posts .container>h2,
    section#blog-posts .service-banner .container>h2,
    .service-banner section#blog-posts .gform_heading>h2,
    section#blog-posts .service-banner .gform_heading>h2,
    .service-banner .latest-posts article h2,
    .latest-posts article .service-banner h2,
    .service-banner section#google-maps .coffee h2,
    section#google-maps .coffee .service-banner h2 {
        text-align: center;
        margin-bottom: 0;
    }
}

.service-banner-margin {
    margin-left: 50px;
    opacity: 0.3;
}

@media (max-width: 1199px) {
    .service-banner-margin {
        margin-left: -150px;
    }
}

.service-banner h1 {
    text-align: left;
    margin-bottom: 5px;
    color: #FFF;
    font-size: 20px;
    text-transform: uppercase;
    padding-bottom: 15px;
    margin-top: 5px;
}


/*Custom map css for location based address display*/

.countryP {
    font-size: 12px !important;
}

.US {
    top: 50%;
    right: 260%;
    position: absolute;
    width: 360px !important;
    height: auto !important;
}

.MX {
    position: absolute;
    top: 56.6%;
    right: 284%;
    width: 360px !important;
    height: auto !important;
}

.CN {
    position: absolute;
    width: 360px !important;
    height: auto !important;
    top: 12.3%;
    right: 368%;
}

.GB {
    position: absolute;
    width: 360px !important;
    height: auto !important;
    top: 38.5%;
    right: 220%;
}

.CA {
    position: absolute;
    width: 360px !important;
    height: auto !important;
    top: 45.5%;
    right: 262%;
}

.AU {
    position: absolute;
    width: 360px !important;
    height: auto !important;
    right: 316%;
    top: 50%;
}

.ES {
    position: absolute;
    width: 360px !important;
    height: auto !important;
    top: 48%;
    right: 142%;
}

.FR {
    position: absolute;
    width: 360px !important;
    height: auto !important;
    right: 140%;
    top: 46.4%;
}

.IT {
    position: absolute;
    width: 360px !important;
    height: auto !important;
    right: 120%;
    top: 48.5%;
}

.AE {
    position: absolute;
    width: 360px !important;
    height: auto !important;
    right: 18%;
    top: 75%;
}

.VN {
    position: absolute;
    width: 360px !important;
    height: auto !important;
    right: 344%;
    top: 25.3%;
}

.TH {
    position: absolute;
    width: 360px !important;
    height: auto !important;
    right: 355%;
    top: 28%;
}

.IN {
    position: absolute;
    width: 360px !important;
    height: auto !important;
    right: 380%;
    top: 21.4%;
}

.DE {
    position: absolute;
    width: 360px !important;
    height: auto !important;
    right: 192%;
    top: 41%;
}

.NL {
    position: absolute;
    width: 360px !important;
    height: auto !important;
    right: 205%;
    top: 37.8%;
}

.ZA {
    position: absolute;
    width: 360px !important;
    height: auto !important;
    right: 122%;
    top: 59.5%;
}

#interactiveMap {
    width: 1200px;
    height: 800px
}

#interactiveMapHighlight {
    width: 1200px;
    height: 800px
}

.interactive-map-container .global-clients ul#clients {
    /* position: relative;
    padding: 0;
    margin-top: 60px; */
    position: relative;
    padding: 0;
    margin-top: 140px;
}

.interactive-map-container .global-clients ul#clients::before {
    width: 1px;
    height: calc(100% - 11px);
    background-color: #d3d3d3;
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
}

.map-main-title {
    float: right;
    position: absolute;
    left: 65%;
    top: 118px;
}

.map-social {
    padding: 0;
    position: absolute;
    width: 300px;
    bottom: 50px;
    left: 2%;
    color: #a7a5a5;
    font-weight: 300;
}

.map-social p a {
    color: #a7a5a5;
    font-weight: 400;
}

.map-social p a:hover {
    color: #fff;
}

.map-social p {
    color: #a7a5a5;
    font-weight: 300;
    font-size: 12px;
    line-height: 20px;
}

.map-icons {
    padding: 0;
    margin-bottom: 15px;
    position: relative;
}

.map-icons a {
    display: inline-block;
    color: #a7a5a5;
    margin-right: 8px;
    position: relative;
    padding-right: 10px;
}

.map-icons a:hover {
    color: #fff;
}
.map-icons a:after {
    content: '';
    position: absolute;
    right: -2px;
    top: 6px;
    width: 1px;
    height: 10px;
    background: #a7a5a5;
}
.map-icons a:last-child:after {
    display: none;
}
.map-copyright {
    padding: 0;
}

.map-copyright p {
    padding: 0;
/*    color: #4e4c4c;*/
    font-weight: 400;
/*    color: #a7a5a5;*/
    color: #686868;
}

.svg-path-s,
.svg-path-MX,
.svg-path-CA,
.svg-path-CN,
.svg-path-GB,
.svg-path-AU,
.svg-path-ES,
.svg-path-FR,
.svg-path-IT,
.svg-path-VN,
.svg-path-TH,
.svg-path-IN,
.svg-path-DE,
.svg-path-NL,
.svg-path-ZA {
    display: none;
    position: absolute;
}

.svg-path-s .US {
    left: 511.062px;
    top: 367.031px;
    stroke-dasharray: 405.338px;
    stroke-dashoffset: 405.338px;
    width: 280px !important;
    height: 80px;
}

.svg-path-MX .MX {
    left: 465.062px;
    top: 437.031px;
    stroke-dasharray: 405.338px;
    stroke-dashoffset: 405.338px;
    width: 280px !important;
    height: 80px;
}

.svg-path-CA .CA {
    left: 505.062px;
    top: 343.031px;
    stroke-dasharray: 405.338px;
    stroke-dashoffset: 405.338px;
    width: 280px !important;
    height: 80px;
}

.svg-path-CN .CN {
    left: 719.062px;
    top: 177.031px;
    stroke-dasharray: 405.338px;
    stroke-dashoffset: 405.338px;
    width: 280px !important;
    height: 80px;
    transform: rotate(180deg);
}

.svg-path-GB .GB {
    left: 767.062px;
    top: 306.031px;
    stroke-dasharray: 405.338px;
    stroke-dashoffset: 405.338px;
    width: 100px !important;
    height: 80px;
}

.svg-path-AU .AU {
    left: 875.062px;
    top: 377.031px;
    stroke-dasharray: 405.338px;
    stroke-dashoffset: 405.338px;
    width: 280px !important;
    height: 80px;
    transform: rotate(-180deg);
}

.svg-path-ES .ES {
    left: 765.062px;
    top: 357.031px;
    stroke-dasharray: 405.338px;
    stroke-dashoffset: 405.338px;
    width: 258px !important;
    height: 80px;
}

.svg-path-FR .FR {
    left: 775.062px;
    top: 348.031px;
    stroke-dasharray: 405.338px;
    stroke-dashoffset: 405.338px;
    width: 250px !important;
}

.svg-path-IT .IT {
    left: 818.062px;
    top: 359.031px;
    stroke-dasharray: 405.338px;
    stroke-dashoffset: 405.338px;
    width: 250px !important;
    height: 80px;
}

.svg-path-VN .VN {
    left: 814.062px;
    top: 247.031px;
    stroke-dasharray: 405.338px;
    stroke-dashoffset: 405.338px;
    width: 280px !important;
    height: 80px;
    transform: rotate(-180deg);
}

.svg-path-TH .TH {
    left: 792.062px;
    top: 260.031px;
    stroke-dasharray: 405.338px;
    stroke-dashoffset: 405.338px;
    width: 280px !important;
    height: 80px;
    transform: rotate(180deg);
}

.svg-path-IN .IN {
    left: 684.062px;
    top: 226.031px;
    stroke-dasharray: 405.338px;
    stroke-dashoffset: 405.338px;
    width: 300px !important;
    height: 80px;
    transform: rotate(180deg);
}

.svg-path-DE .DE {
    left: 799.062px;
    top: 322.031px;
    stroke-dasharray: 405.338px;
    stroke-dashoffset: 405.338px;
    width: 135px !important;
    transform: rotate(0deg);
}

.svg-path-NL .NL {
    left: 785.062px;
    top: 307.031px;
    stroke-dasharray: 405.338px;
    stroke-dashoffset: 405.338px;
    width: 113px !important;
}

.svg-path-ZA .ZA {
    left: 853.062px;
    top: 494.031px;
    stroke-dasharray: 295.338px;
    stroke-dashoffset: 295.338px;
    width: 210px !important;
    transform: rotate(1deg);
}

.svg-path-s .US path,
.svg-path-MX .MX path,
.svg-path-CA .CA path,
.svg-path-CN .CN path,
.svg-path-GB .GB path,
.svg-path-AU .AU path,
.svg-path-ES .ES path,
.svg-path-FR .FR path,
.svg-path-IT .IT path,
.svg-path-VN .VN path,
.svg-path-TH .TH path,
.svg-path-IN .IN path,
.svg-path-DE .DE path,
.svg-path-NL .NL path,
.svg-path-ZA .ZA path {
    animation: draw 1s linear forwards;
}

@keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

.map__line {
    position: absolute;
    z-index: 1;
    fill: none;
    stroke: #fff;
    stroke-width: 1px;
    opacity: .3;
    /* transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1); */
    /* transition-property: stroke-dashoffset;
    stroke-dashoffset: 0px !important; */
}

@media screen and (max-width:1680px) {
    .map-main-title {
        top: 0px;
    }
    .interactive-map-container .interactive-map {
        left: 5%;
    }
    .map-main-title {
        float: right;
        position: absolute;
        left: 60%;
    }
    .interactive-map-container .global-clients ul#clients {
        margin-top: 30px;
    }
    #interactiveMap {
        width: 1000px;
        height: 634px
    }
    #interactiveMapHighlight {
        width: 1000px;
        height: 634px
    }
    .interactive-map-container {
        height: 634px;
    }
    .interactive-map-container .global-clients ul#clients .client-name {
        font-size: 14px;
    }
    .interactive-map-container .global-clients ul#clients li {
        height: 34px;
    }
    .interactive-map-container .global-clients ul#clients::before {
        height: calc(100% - 13px);
    }
    span.yellow {
        font-size: 100px;
    }
    .interactive-map-container h2 {
        font-size: 44px;
        line-height: 44px;
    }
}

@media screen and (max-width:1600px) {
    .svg-path-s .US {
        left: 371.062px;
        top: 267.031px;
    }
    .svg-path-MX .MX {
        left: 276.062px;
        top: 351.031px;
    }
    .svg-path-CA .CA {
        left: 352.062px;
        top: 277.031px;
    }
    .svg-path-CN .CN {
        left: 487.062px;
        top: 84.031px;
    }
    .CN {
        top: 11%;
        right: 323%;
    }
    .svg-path-GB .GB {
        left: 554.062px;
        top: 247.031px;
    }
    .svg-path-AU .AU {
        left: 610.062px;
        top: 262.031px;
    }
    .svg-path-ES .ES {
        left: 551.062px;
        top: 293.031px;
    }
    .svg-path-FR .FR {
        left: 570.062px;
        top: 273.031px;
    }
    .svg-path-IT .IT {
        left: 601.062px;
        top: 289.031px;
    }
    .map-main-title {
        top: 0px;
    }
    .svg-path-VN .VN {
        left: 555.062px;
        top: 169.031px;
    }
    .svg-path-TH .TH {
        left: 536.062px;
        top: 177.031px;
    }
    .svg-path-IN .IN {
        left: 458.062px;
        top: 134.031px;
    }
    .svg-path-DE .DE {
        left: 584.062px;
        top: 255.031px;
    }
    .svg-path-NL .NL {
        left: 570.062px;
        top: 244.031px;
    }
    .svg-path-ZA .ZA {
        left: 630.062px;
        top: 387.031px;
    }
    .interactive-map-container .interactive-map {
        left: 5%;
    }
    .map-main-title {
        float: right;
        position: absolute;
        left: 60%;
    }
    .interactive-map-container .global-clients ul#clients {
        margin-top: 30px;
    }
    #interactiveMap {
        width: 1000px;
        height: 634px
    }
    #interactiveMapHighlight {
        width: 1000px;
        height: 634px
    }
    .interactive-map-container {
        height: 634px;
    }
    .US {
        top: 47%;
        right: 180%;
    }
    .MX {
        right: 228%;
    }
    .CA {
        top: 48%;
        right: 190%;
    }
    .GB {
        top: 43%;
        right: 179%;
    }
    .AU {
        right: 286%;
        top: 44%;
    }
    .ES {
        top: 51%;
        right: 102%;
    }
    .FR {
        right: 96%;
        top: 48%;
    }
    .IT {
        right: 81%;
        top: 50.5%;
    }
    .VN {
        right: 310%;
        top: 27%;
    }
    .TH {
        right: 320%;
        top: 29%;
    }
    .IN {
        right: 330%;
        top: 21%;
    }
    .DE {
        right: 147%;
        top: 44%;
    }
    .NL {
        right: 164%;
        top: 42%;
    }
    .ZA {
        right: 88%;
        top: 55%;
    }
    .interactive-map-container .global-clients ul#clients .client-name {
        font-size: 14px;
    }
    .interactive-map-container .global-clients ul#clients li {
        height: 34px;
    }
    .interactive-map-container .global-clients ul#clients::before {
        height: calc(100% - 13px);
    }
    span.yellow {
        font-size: 100px;
    }
    .interactive-map-container h2 {
        font-size: 44px;
        line-height: 44px;
    }
}

@media screen and (max-width:1520px) {
    .US {
        right: 142%;
    }
    .MX {
        right: 188%;
        top: 56%;
    }
    .CA {
        right: 151%;
    }
    .CN {
        top: 11.5%;
        right: 282%;
    }
    .GB {
        right: 140%;
    }
    .AU {
        right: 245%;
    }
    .ES {
        right: 63%;
    }
    .FR {
        right: 56%;
    }
    .IT {
        right: 41%;
    }
    .VN {
        right: 269%;
    }
    .TH {
        right: 280%;
    }
    .IN {
        right: 289%;
        top: 20.8%;
    }
    .DE {
        right: 106%;
    }
    .NL {
        right: 125%;
    }
    .ZA {
        right: 47%;
    }
}

@media screen and (max-width:1440px) {
    .interactive-map-container .global-clients p {
        font-size: 12px !important;
        line-height: 21px;
    }
    .interactive-map-container .global-clients h5 {
        font-size: 16px;
    }
    .interactive-map-container .global-clients h4 {
        font-size: 14px;
    }
    .interactive-map-container .global-clients h3 {
        font-size: 30px;
    }
    .svg-path-ZA .ZA {
        left: 570.062px;
        top: 389.031px;
        transform: rotate(0deg);
    }
    .svg-path-NL .NL {
        left: 522.062px;
        top: 240.031px;
        width: 220px !important;
    }
    .NL {
        right: 56%;
        top: 41%;
    }
    .DE {
        right: 40%;
        top: 43%;
    }
    .svg-path-DE .DE {
        left: 540.062px;
        top: 252.031px;
        width: 235px !important;
    }
    .svg-path-IN .IN {
        left: 394.062px;
        top: 146.031px;
        stroke-dasharray: 405.338px;
        stroke-dashoffset: 405.338px;
        width: 300px !important;
        height: 80px;
        transform: rotate(180deg);
    }
    .svg-path-TH .TH {
        left: 490.062px;
        top: 174.031px;
    }
    .svg-path-VN .VN {
        left: 496.062px;
        top: 167.031px;
    }
    .svg-path-IT .IT {
        left: 548.062px;
        top: 290.031px;
    }
    .IT {
        right: 28%;
        top: 51.5%;
    }
    .svg-path-FR .FR {
        left: 515.062px;
        top: 278.031px;
    }
    .FR {
        right: 45%;
        top: 49%;
    }
    .ES {
        top: 50.5%;
        right: 47%;
    }
    .svg-path-ES .ES {
        left: 505.062px;
        top: 287.031px;
    }
    .svg-path-AU .AU {
        left: 575.062px;
        top: 264.031px;
    }
    .GB {
        top: 43.5%;
        right: 64%;
    }
    .svg-path-GB .GB {
        left: 507.062px;
        top: 246.031px;
        width: 220px !important;
    }
    .CN {
        top: 16%;
        right: 273%;
    }
    .svg-path-CN .CN {
        left: 419.062px;
        top: 107.031px;
        stroke-dasharray: 405.338px;
        stroke-dashoffset: 405.338px;
        width: 280px !important;
        height: 80px;
        transform: rotate(180deg);
    }
    .svg-path-CA .CA {
        left: 214.062px;
        top: 258.031px;
        stroke-dasharray: 405.338px;
        stroke-dashoffset: 405.338px;
        width: 280px !important;
    }
    .CA {
        top: 45%;
        right: 180%;
    }
    .svg-path-MX .MX {
        left: 265.062px;
        top: 347.031px;
    }
    .MX {
        position: absolute;
        top: 55.5%;
        right: 155%;
    }
    .svg-path-s .US {
        left: 261.062px;
        top: 327.031px;
    }
    .interactive-map-container .interactive-map {
        left: 2%;
    }
    .map-main-title {
        float: right;
        position: absolute;
        left: 63%;
    }
    .interactive-map-container .global-clients ul#clients {
        margin-top: 30px;
    }
    #interactiveMap {
        width: 1000px;
        height: 634px
    }
    #interactiveMapHighlight {
        width: 1000px;
        height: 634px
    }
    .interactive-map-container {
        height: 634px;
    }
    .ZA {
        top: 55%;
        right: 38%;
    }
    .TH {
        top: 28%;
        right: 259%;
    }
    .VN {
        top: 27.5%;
        right: 254%;
    }
    .US {
        top: 58%;
        right: 157%;
    }
    .IN {
        top: 23%;
        right: 278%;
    }
    .AU {
        right: 218%;
        top: 44.5%;
    }
    .interactive-map-container .global-clients ul#clients .client-name {
        font-size: 14px;
    }
    .interactive-map-container .global-clients ul#clients li {
        height: 34px;
    }
    .interactive-map-container .global-clients ul#clients::before {
        height: calc(100% - 13px);
    }
    span.yellow {
        font-size: 85px;
    }
    .interactive-map-container h2 {
        font-size: 44px;
        line-height: 44px;
        margin-top: 33px;
    }
}

@media screen and (max-width:1366px) {
    .US {
        /* top: 58%; */
        right: 121%;
    }
    .MX {
        /* top: 55.5%; */
        right: 119%;
    }
    .CA {
        /* top: 45%; */
        right: 144%;
    }
    .CN {
        /* top: 16%; */
        right: 235%;
    }
    .GB {
        top: 43.5%;
        right: 27%;
    }
    .AU {
        /* top: 44.5%; */
        right: 180%;
    }
    .ES {
        /* top: 50.5%; */
        right: 11%;
    }
    .FR {
        right: 9%;
        /* top: 49%; */
    }
    .IT {
        right: -14px;
        /* top: 51.5%; */
    }
    .VN {
        top: 26.5%;
        right: 216%;
    }
    .TH {
        /* top: 28%; */
        right: 221%;
    }
    .IN {
        /* top: 23%; */
        right: 240%;
    }
    .DE {
        /* top: 43%; */
        right: 4%;
    }
    .NL {
        right: 20%;
        /* top: 42%; */
    }
    .ZA {
        /* top: 55%; */
        right: 3%;
    }
    span.yellow {
        font-size: 65px;
    }
    .interactive-map-container h2 label {
        font-size: 36px;
        margin-top: -21px;
    }
    .map-main-title {
        left: 66%;
    }
}

@media screen and (max-width:1200px) {
    .map-main-title {
        left: 65%;
    }
    .interactive-map-container h2 {
        font-size: 7px;
        line-height: 31px;
    }
    span.yellow {
        font-size: 55px;
    }
    .US {
        width: 266px !important;
        right: 84%;
    }
    .MX {
        width: 266px !important;
        /* top: 55.5%; */
        right: 81%;
    }
    .CA {
        width: 266px !important;
        top: 46%;
        right: 107%;
    }
    .CN {
        width: 266px !important;
        /* top: 16%; */
        right: 197%;
    }
    .GB {
        width: 266px !important;
        right: -8%;
    }
    .svg-path-GB .GB {
        left: 505.062px;
        top: 246.031px;
        /* width: 220px !important; */
    }
    .AU {
        width: 266px !important;
        top: 45%;
        right: 140%;
    }
    .ES {
        width: 266px !important;
        right: -11%;
    }
    .FR {
        width: 266px !important;
        right: -14%;
    }
    .IT {
        width: 266px !important;
        right: -18px !important;
    }
    .VN {
        width: 266px !important;
        top: 27.5%;
        right: 177%;
    }
    .TH {
        width: 266px !important;
        top: 29%;
        right: 181%;
    }
    .IN {
        width: 266px !important;
        /* top: 23%; */
        right: 203%;
    }
    .DE {
        width: 265px !important;
        right: 22%;
    }
    .svg-path-DE .DE {
        left: 525.062px;
        top: 252.031px;
        /* width: 235px !important; */
    }
    .NL {
        width: 266px !important;
        right: -12%;
    }
    .ZA {
        width: 266px !important;
        right: -12%;
    }
    .svg-path-ES .ES path {
        d: path("M 0 0 L 79.4297 79.4297 L 227.438 79.4297");
    }
    .svg-path-FR .FR path {
        d: path("M 0 0 L 61.4297 76.4297 L 223.438 79.4297");
    }
    .svg-path-IT .IT path {
        d: path("M 0 0 L 32.4297 78.4297 L 179.438 78.4297");
    }
    .svg-path-DE .DE path {
        d: path("M 0 0 L 64.4297 70.4297 L 142.438 70.4297");
    }
    .svg-path-NL .NL path {
        d: path("M -6 0 L 44.4297 75.4297 L 211.438 73.4297");
    }
    .svg-path-ZA .ZA path {
        d: path("M 0 61 L 20.43 3 L 163.44 1");
    }
    .interactive-map-container .global-clients h3 {
        font-size: 28px;
    }
    .interactive-map-container .global-clients h4 {
        font-size: 12px;
    }
    .interactive-map-container .global-clients h4 label {
        font-size: 12px;
    }
    .interactive-map-container .global-clients h5 {
        font-size: 13px;
    }
    .interactive-map-container h2 {
        font-size: 44px;
        margin-top: 22px;
    }
}

@media screen and (max-width:1024px) {
    /* span.yellow {
        font-size: 40px;
    } */
    /* .interactive-map-container h2 label {
        font-size: 22px;
        margin-top: -37px;
    }
    .interactive-map-container h2 {
        line-height: 23px;
        margin-top: -12px;
    } */
    .interactive-map-container .jvectormap-container svg g {
        transform: scale(0.899999) !important;
    }
    .interactive-map-container .interactive-map {
        left: 2%;
        top: 20%;
    }
    .interactive-map-container .global-clients {
        left: 45px;
    }
    /* .map-main-title {
        left: 69%;
    } */
    .interactive-map-container .global-clients ul#clients .client-name {
        font-size: 12px;
    }
    .interactive-map-container .global-clients ul#clients {
        margin-top: 0px;
    }
    .svg-path-s .US {
        left: 226.062px;
    }
    .svg-path-MX .MX {
        left: 200.062px;
    }
    .svg-path-CA .CA {
        left: 235.062px;
        top: 286.031px;
    }
    .svg-path-CN .CN {
        left: 344.062px;
        top: 109.031px;
    }
    .svg-path-GB .GB {
        left: 398.062px;
        top: 264.031px;
        width: 195px !important;
    }
    .svg-path-AU .AU {
        left: 407.062px;
        top: 250.031px;
    }
    .svg-path-ES .ES {
        left: 391.062px;
        top: 303.031px;
        width: 212px !important;
    }
    .svg-path-FR .FR {
        left: 407.062px;
        top: 285.031px;
        width: 200px !important;
    }
    .svg-path-IT .IT {
        left: 435.062px;
        top: 299.031px;
        width: 165px !important;
    }
    .svg-path-VN .VN {
        left: 345.062px;
    }
    .svg-path-TH .TH {
        left: 336.062px;
    }
    .svg-path-IN .IN {
        left: 267.062px;
    }
    .svg-path-DE .DE {
        left: 425.062px;
        top: 273.031px;
        width: 177px !important;
    }
    .svg-path-NL .NL {
        left: 415.062px;
        top: 254.031px;
        width: 187px !important;
    }
    .svg-path-ZA .ZA {
        left: 451.062px;
        top: 376.031px;
        width: 153px !important;
    }
    .US {
        right: 36%;
        top: 64%;
    }
    .MX {
        top: 60.5%;
        right: 49%;
    }
    .CA {
        top: 56%;
        right: 31%;
    }
    .CN {
        top: 22%;
        right: 169%;
    }
    .GB {
        top: 52%;
    }
    .AU {
        top: 47.5%;
        right: 159%;
    }
    .ES {
        top: 59%;
    }
    .svg-path-ES .ES path {
        d: path("M 0 0 L 79.4297 79.4297 L 207.438 79.4297");
    }
    .FR {
        top: 56%;
    }
    .svg-path-FR .FR path {
        d: path("M 0 0 L 61.4297 76.4297 L 197.438 79.4297");
    }
    .IT {
        top: 58%;
    }
    .svg-path-IT .IT path {
        d: path("M 0 0 L 32.4297 78.4297 L 159.438 78.4297");
    }
    .VN {
        top: 32.5%;
        right: 187%;
    }
    .TH {
        top: 34%;
        right: 193%;
    }
    .IN {
        top: 29%;
        right: 201%;
    }
    .DE {
        top: 52%;
        right: 6%;
    }
    .NL {
        top: 49%;
    }
    .ZA {
        top: 58%;
    }
    .interactive-map-container .global-clients ul#clients li:hover .client-name {
        background-position: -235px 0px;
    }
}

@media screen and (max-width:768px) {
    .map-main-title {
        left: 55%;
        top: -30px;
    }
    span.yellow {
        font-size: 50px;
    }
    .interactive-map-container h2 label {
        font-size: 29px;
        margin-top: -33px;
    }
    .interactive-map-container .interactive-map {
        left: 3%;
    }
    .interactive-map-container .jvectormap-container svg g {
        transform: scale(0.69) !important;
    }
    .US {
        right: 34%;
        top: 47%;
    }
    .svg-path-s .US {
        left: 162.062px;
        top: 292px;
        width: 90px !important;
    }
    .svg-path-s .US path {
        left: 226.062px;
        d: path("M 0 0 L 14.4297 23.4297 L 383.438 20.4297");
    }
    .MX {
        top: 50.5%;
        right: 38%;
    }
    .svg-path-MX .MX {
        left: 148.062px;
        top: 306px;
        width: 96px !important;
    }
    .svg-path-MX .MX path {
        d: path("M 0 0 L 12.4297 22.4297 L 468.438 37.4297");
    }
    .CA {
        top: 39.5%;
        right: 15%;
    }
    .svg-path-CA .CA {
        left: 190.062px;
        top: 251.031px;
    }
    .svg-path-CA .CA path {
        d: path("M 0 0 L 12.4297 22.4297 L 101.438 22.4297");
    }
    .CN {
        top: 20%;
        right: 75%;
    }
    .svg-path-CN .CN {
        left: 216.062px;
        top: 88.031px;
    }
    .svg-path-CN .CN path {
        d: path("M 0 0 L 77.4297 71.4297 L 220.438 71.4297");
    }
    .GB {
        top: 38%;
        right: 125%;
    }
    .svg-path-GB .GB {
        left: 320.062px;
        top: 224.031px;
    }
    .svg-path-GB .GB path {
        d: path("M 0 0 L 124.4297 46.4297 L -235.562 41.4297");
    }
    .svg-path-AU .AU {
        left: 264.062px;
        top: 183.031px;
    }
    .AU {
        top: 35.5%;
        right: 103%;
    }
    .ES {
        top: 42%;
        right: 58%;
    }
    .svg-path-ES .ES {
        left: 282.062px;
        top: 260.031px;
    }
    .svg-path-ES .ES path {
        d: path("M 5 -7 L 172.4297 26.4297 L 24.438 30.4297");
    }
    .svg-path-FR .FR path {
        d: path("M 5 -7 L 172.4297 26.4297 L 24.438 30.4297");
    }
    .svg-path-FR .FR {
        left: 299.062px;
        top: 242.031px;
    }
    .FR {
        top: 39%;
        right: 58%;
    }
    .IT {
        top: 52%;
        right: 25px !important;
    }
    .svg-path-IT .IT {
        left: 350.062px;
        top: 263.031px;
    }
    .svg-path-IT .IT path {
        d: path("M 0 0 L 131.4297 74.4297 L 27.438 76.4297");
    }
    .VN {
        top: 25.5%;
        right: 127%;
    }
    .svg-path-VN .VN {
        left: 209.062px;
        top: 125px;
    }
    .TH {
        top: 26.5%;
        right: 130%;
    }
    .svg-path-TH .TH {
        left: 204.062px;
        top: 133.031px;
    }
    .IN {
        top: 22%;
        right: 135%;
    }
    .svg-path-IN .IN {
        left: 144.062px;
        top: 106.031px;
    }
    .svg-path-DE .DE path {
        d: path("M 62 1 L 156 49 L 20 50");
    }
    .DE {
        top: 43%;
        right: 86%;
    }
    .svg-path-DE .DE {
        left: 283.062px;
        top: 243.031px;
    }
    .svg-path-NL .NL path {
        d: path("M 62 1 L 156 49 L 20 50");
    }
    .NL {
        top: 41%;
        right: 112%;
    }
    .svg-path-NL .NL {
        left: 271.062px;
        top: 232.031px;
    }
    .ZA {
        top: 29%;
        right: 114%;
    }
    .svg-path-ZA .ZA {
        left: 285.062px;
        top: 215.031px;
    }
    .svg-path-ZA .ZA path {
        d: path("M 77 191 L 70.43 0 L 1.44 1");
    }
}

@media screen and (max-width:576px) {
    .interactive-map-container .jvectormap-container svg g {
        transform: scale(0.48) !important;
    }
    .map-main-title {
        left: 42%;
    }
    span.yellow {
        font-size: 45px;
    }
    .interactive-map-container h2 label {
        font-size: 23px;
        margin-top: -38px;
        line-height: 25px;
    }
    .interactive-map-container .global-clients span {
        left: -15px;
    }
    .map-social {
        bottom: 5px;
    }
    .US {
        right: -3%;
        top: 44%;
    }
    .svg-path-s .US {
        left: 111.062px;
        top: 232px;
    }
    .svg-path-s .US path {
        d: path("M 0 0 L 4.4297 67.4297 L 28.438 66.4297");
    }
    .MX {
        top: 47.5%;
        right: 5%;
    }
    .svg-path-MX .MX {
        left: 104.062px;
        top: 252px;
    }
    .svg-path-MX .MX path {
        d: path("M 0 0 L 2.4297 62.4297 L 19.438 62.4297");
    }
    .CA {
        top: 40.5%;
        right: 15%;
    }
    .svg-path-CA .CA {
        left: 89.062px;
        top: 210.031px;
    }
    .svg-path-CA .CA path {
        d: path("M 0 0 L 2.4297 69.4297 L 14.438 69.4297");
    }
    .svg-path-CN .CN {
        left: 25.062px;
        top: 56.031px;
    }
    .svg-path-CN .CN path {
        d: path("M 0 0 L 77.4297 71.4297 L 195.438 71.4297");
    }
    .CN {
        top: 14%;
        right: 61%;
    }
    .GB {
        top: 34%;
        right: 59%;
    }
    .svg-path-GB .GB {
        left: 227.062px;
        top: 199.031px;
    }
    .svg-path-GB .GB path {
        d: path("M 0 0 L 61.4297 46.4297 L 30.438 45.4297");
    }
    .AU {
        top: 25.5%;
        right: 41%;
    }
    .svg-path-AU .AU {
        left: 89.062px;
        top: 127.031px;
    }
    .svg-path-AU .AU path {
        d: path("M 0 0 L 43.4297 79.4297 L 176.438 79.4297");
    }
    .svg-path-ES .ES {
        left: 221.062px;
        top: 219.031px;
    }
    .svg-path-ES .ES path {
        d: path("M 0 0 L 72.4297 97.4297 L 0.438 96.4297");
    }
    .FR {
        top: 47.5%;
        right: 4%;
    }
    .svg-path-FR .FR path {
        d: path("M 0 0 L 109.4297 102.4297 L 0.438 100.4297");
    }
    .svg-path-FR .FR {
        left: 235.062px;
        top: 218.031px;
    }
    .ES {
        top: 47%;
        right: 3%;
    }
    .IT {
        top: 44%;
        right: -4px !important;
    }
    .svg-path-IT .IT {
        left: 211.062px;
        top: 220.031px;
    }
    .svg-path-IT .IT path {
        d: path("M 0 -17 L 116.4297 77.4297 L -0.562 78.4297");
    }
    .VN {
        top: 20.5%;
        right: 50%;
    }
    .svg-path-VN .VN {
        left: 63.062px;
        top: 82px;
    }
    .svg-path-VN .VN path {
        d: path("M 0 0 L 39.4297 60.4297 L 173.438 60.4297");
    }
    .TH {
        top: 21%;
        right: 51%;
    }
    .svg-path-TH .TH {
        left: 54.062px;
        top: 87.031px;
    }
    .svg-path-TH .TH path {
        d: path("M 0 0 L 46.4297 66.4297 L 164.438 66.4297");
    }
    .IN {
        top: 18%;
        right: 54%;
    }
    .svg-path-IN .IN {
        left: 9.062px;
        top: 67.031px;
    }
    .svg-path-IN .IN path {
        d: path("M 0 0 L 43.4297 60.4297 L 198.438 61.4297");
    }
    .DE {
        top: 42%;
        right: 36px;
    }
    .svg-path-DE .DE {
        left: 245.062px;
        top: 206.031px;
    }
    .svg-path-DE .DE path {
        d: path("M 0 0 L 97.4297 80.4297 L 0.438 82.4297");
    }
    .NL {
        top: 41%;
        right: 59px;
    }
    .svg-path-NL .NL {
        left: 234.062px;
        top: 200.031px;
    }
    .svg-path-NL .NL path {
        d: path("M 0 0 L 97.4297 80.4297 L 26.438 80.4297");
    }
    .ZA {
        top: 36%;
        right: 60%;
    }
    .svg-path-ZA .ZA {
        left: 96.062px;
        top: 164.031px;
    }
    .svg-path-ZA .ZA path {
        d: path("M 180 180 L 138.4297 92.4297 L 103.438 92.4297");
    }
}

@media screen and (max-width:480px) {
    .map-main-title {
        left: 32%;
    }
    .interactive-map-container .global-clients h4 {
        font-size: 9px;
        margin: 10px auto;
    }
    .interactive-map-container .global-clients h3 {
        font-size: 16px;
    }
    .interactive-map-container .jvectormap-container svg g {
        transform: scale(0.37) !important;
    }
    .interactive-map-container .interactive-map {
        left: 2%;
        top: 28%;
    }
    .interactive-map-container .global-clients ul#clients .client-country {
        width: 226px !important;
    }
    .interactive-map-container .global-clients h4 label {
        font-size: 9px;
    }
    .interactive-map-container .global-clients h5 {
        font-size: 9px;
    }
    .interactive-map-container .global-clients p {
        font-size: 8px !important;
        line-height: 16px;
    }
    .US {
        right: 21%;
        top: 44%;
    }
    .svg-path-s .US path {
        d: path("M 5 6 L 87 49 L 48 49");
    }
    .svg-path-s .US {
        left: 101.062px;
        top: 242px;
    }
    .MX {
        top: 46%;
        right: 23%;
    }
    .svg-path-MX .MX {
        left: 92.062px;
        top: 257px;
    }
    .svg-path-MX .MX path {
        d: path("M 1 12 L 94 47 L 10 46");
    }
    .CA {
        top: 41.3%;
        right: 22%;
    }
    .svg-path-CA .CA {
        left: 108.062px;
        top: 227.031px;
    }
    .svg-path-CA .CA path {
        d: path("M 15 13 L 118 52 L 6 50");
    }
    .CN {
        top: 19%;
        right: 23%;
    }
    .svg-path-CN .CN {
        left: -27.938px;
        top: 77.031px;
    }
    .svg-path-CN .CN path {
        d: path("M 0 0 L 5.4297 71.4297 L 158.438 71.4297");
    }
    .GB {
        top: 43%;
        right: 5%;
    }
    .svg-path-GB .GB {
        left: 176.062px;
        top: 238.031px;
    }
    .svg-path-GB .GB path {
        d: path("M 0 0 L 125.4297 51.4297 L 34.438 49.4297");
    }
    .AU {
        top: 40.5%;
        right: -2%;
    }
    .svg-path-AU .AU {
        left: -0.938px;
        top: 142.031px;
    }
    .svg-path-AU .AU path {
        d: path("M 0 0 L 7.4297 19.4297 L 110.438 19.4297");
    }
    .ES {
        right: -2%;
        top: 265px;
    }
    .svg-path-ES .ES {
        left: 141.062px;
        top: 245.031px;
    }
    .svg-path-ES .ES path {
        d: path("M 26 7 L 97.4297 73.4297 L 0 71.4297 ");
    }
    .FR {
        top: 49%;
        right: 5%;
    }
    .svg-path-FR .FR {
        left: 137.062px;
        top: 220.031px;
    }
    .svg-path-FR .FR path {
        d: path("M 43 31 L 95.4297 100.4297 L -0.562 99.4297");
    }
    .IT {
        top: 43.2%;
        right: -22px !important;
    }
    .svg-path-IT .IT {
        left: 146.062px;
        top: 216.031px;
    }
    .svg-path-IT .IT path {
        d: path("M 44 34 L 117.4297 75.4297 L -4.562 72.4297");
    }
    .VN {
        top: 22.5%;
        right: 12%;
    }
    .svg-path-VN .VN {
        left: -17.938px;
        top: 104px;
    }
    .svg-path-VN .VN path {
        d: path("M 0 0 L 3.4297 77.4297 L 126.438 78.4297");
    }
    .TH {
        top: 21%;
        right: 13%;
    }
    .svg-path-TH .TH {
        left: -18.938px;
        top: 107.031px;
    }
    .svg-path-TH .TH path {
        d: path("M 0 0 L 3.4297 91.4297 L 125.438 91.4297");
    }
    .IN {
        top: 39%;
        right: 15%;
    }
    .svg-path-IN .IN path {
        d: path("M 0 3 L 0.4297 6.4297 L 121.438 6.4297");
    }
    .svg-path-IN .IN {
        left: -75.938px;
        top: 121.031px;
    }
    .DE {
        top: 43%;
        right: -5px;
    }
    .svg-path-DE .DE {
        left: 169.062px;
        top: 206.031px;
    }
    .svg-path-DE .DE path {
        d: path("M 17 32 L 94.4297 83.4297 L 2.438 81.4297");
    }
    .NL {
        top: 40.5%;
        right: 3px;
    }
    .svg-path-NL .NL {
        left: 176.062px;
        top: 231.031px;
    }
    .svg-path-NL .NL path {
        d: path("M 6 3 L 98 43 L 9 41");
    }
    .ZA {
        top: 33%;
        right: 19%;
    }
    .svg-path-ZA .ZA {
        left: 150.062px;
        top: 180.031px;
    }
    .svg-path-ZA .ZA path {
        d: path("M 50 0 L 124 50 L 0 50");
    }
}

@media screen and (max-width:428px) {
    .map-main-title {
        left: 24%;
    }
    .interactive-map-container .jvectormap-container svg g {
        transform: scale(0.3) !important;
    }
    .US {
        right: 0%;
        top: 42%;
    }
    .svg-path-s .US {
        left: 83.062px;
        top: 231px;
    }
    .svg-path-s .US path {
        d: path("M 0 5 L 90 49 L 55 49");
    }
    .MX {
        top: 43.6%;
        right: 4%;
    }
    .svg-path-MX .MX {
        left: 77.062px;
        top: 243px;
    }
    .CA {
        top: 37.5%;
        right: -3%;
    }
    .svg-path-GB .GB {
        left: 111.062px;
        top: 224.031px;
    }
    .svg-path-GB .GB path {
        d: path("M 33 0 L 109.4297 50.4297 L 46.438 48.4297");
    }
    .svg-path-CA .CA {
        left: 86.062px;
        top: 206.031px;
    }
    .svg-path-CA .CA path {
        d: path("M 10 4 L 114 53 L 24 50");
    }
    .CN {
        top: 24.4%;
        right: 1%;
    }
    .svg-path-CN .CN {
        left: -64.938px;
        top: 77.031px;
    }
    .svg-path-CN .CN path {
        d: path("M 0 0 L 32.4297 42.4297 L 128.438 41.4297");
    }
    .GB {
        top: 40%;
        right: 6%;
    }
    .svg-path-GB .GB {
        left: 111.062px;
        top: 224.031px;
    }
    .svg-path-GB .GB path {
        d: path("M 33 0 L 106.4297 50.4297 L 45.438 48.4297");
    }
    .AU {
        top: 36.2%;
        right: -4%;
    }
    .svg-path-AU .AU {
        left: -50.938px;
        top: 118.031px;
    }
    .ES {
        right: -5%;
        top: 251px;
    }
    .svg-path-ES .ES {
        left: 94.062px;
        top: 232.031px;
    }
    .svg-path-ES .ES path {
        d: path("M 41 7 L 97.4297 73.4297 L 0 71.4297 ");
    }
    .FR {
        top: 46%;
        right: -4%;
    }
    .svg-path-FR .FR {
        left: 103.062px;
        top: 206.031px;
    }
    .svg-path-IT .IT {
        left: 94.062px;
        top: 204.031px;
    }
    .IT {
        top: 41.2%;
        right: -21px !important;
    }
    .svg-path-IT .IT {
        left: 94.062px;
        top: 204.031px;
    }
    .svg-path-IT .IT path {
        d: path("M 56 34 L 109.4297 75.4297 L 0.438 72.4297");
    }
    .VN {
        top: 23.5%;
        right: 7%;
    }
    .svg-path-VN .VN {
        left: -65.938px;
        top: 89px;
    }
    .svg-path-VN .VN path {
        d: path("M 0 0 L 20.4297 58.4297 L 120.438 59.4297");
    }
    .TH {
        top: 22%;
        right: 9%;
    }
    .svg-path-TH .TH {
        left: -65.938px;
        top: 91.031px;
    }
    .svg-path-TH .TH path {
        d: path("M 0 0 L 1.4297 70.4297 L 121.438 71.4297");
    }
    .IN {
        top: 36%;
        right: 2%;
    }
    .svg-path-IN .IN {
        left: -116.938px;
        top: 105.031px;
    }
    .svg-path-IN .IN path {
        d: path("M 0 3 L 0.4297 6.4297 L 107.438 6.4297");
    }
    .DE {
        top: 41%;
        right: -8px;
    }
    .svg-path-DE .DE {
        left: 122.062px;
        top: 196.031px;
    }
    .svg-path-DE .DE path {
        d: path("M 29 32 L 102.4297 83.4297 L -5.562 81.4297");
    }
    .NL {
        top: 39.2%;
        right: -8px;
    }
    .svg-path-NL .NL {
        left: 144.062px;
        top: 223.031px;
    }
    .svg-path-NL .NL path {
        d: path("M 0 0 L 96 42 L 2 42");
    }
    .ZA {
        top: 53.2%;
        right: 3%;
    }
    .svg-path-ZA .ZA {
        left: 120.062px;
        top: 293.031px;
    }
    .svg-path-ZA .ZA path {
        d: path("M 50 0 L 124 50 L 12 50");
    }
}

@media screen and (max-width:360px) {
    .map-main-title {
        left: 26%;
    }
    .interactive-map-container .global-clients h4 {
        font-size: 9px;
        margin: 10px auto;
    }
    .interactive-map-container .global-clients h3 {
        font-size: 16px;
    }
    .interactive-map-container .jvectormap-container svg g {
        transform: scale(0.3) !important;
    }
    .interactive-map-container .global-clients {
        left: 65px;
    }
    .interactive-map-container .global-clients span {
        left: -43px;
    }
    .interactive-map-container .global-clients ul#clients li {
        height: 31px;
    }
    .interactive-map-container .global-clients ul#clients .client-name {
        font-size: 9px;
    }
    .interactive-map-container .global-clients span {
        font-size: 10px;
    }
    .interactive-map-container .global-clients {
        margin-right: -32px;
    }
    .interactive-map-container .global-clients span:before {
        width: 14px;
        left: -19px;
        top: 7px;
    }
    .US {
        right: -1%;
        top: 48.5%;
    }
    .svg-path-s .US path {
        d: path("M 4 5 L 87 61 L 44 59");
    }
    .svg-path-s .US {
        left: 79.062px;
        top: 235px;
    }
    .MX {
        top: 48.5%;
        right: -6%;
    }
    .svg-path-MX .MX {
        left: 66.062px;
        top: 239px;
    }
    .svg-path-MX .MX path {
        d: path("M 8 15 L 91 58 L 25 56");
    }
    .CA {
        top: 45%;
        right: -11%;
    }
    .svg-path-CA .CA {
        left: 100.062px;
        top: 227.031px;
    }
    .svg-path-CA .CA path {
        d: path("M 0 0 L 114 52 L 12 49");
    }
    .svg-path-CN .CN path {
        d: path("M 0 0 L 1.4297 44.4297 L 127.438 44.4297");
    }
    .CN {
        top: 25.6%;
        right: -7%;
    }
    .svg-path-CN .CN path {
        d: path("M 0 0 L 1.4297 44.4297 L 126.438 44.4297");
    }
    .svg-path-CN .CN {
        left: -68.938px;
        top: 74.031px;
    }
    .GB {
        right: -3%;
        top: 211px;
    }
    .svg-path-GB .GB path {
        d: path("M 1 27 L 86 6 L 13 1");
    }
    .svg-path-GB .GB {
        left: 138.062px;
        top: 216.031px;
    }
    .AU {
        top: 38.6%;
        right: -12%;
    }
    .ES {
        top: 47.6%;
        right: -12%;
    }
    .svg-path-ES .ES path {
        d: path("M 22 -22 L 113 50 L 5 48 ");
    }
    .svg-path-FR .FR path {
        d: path("M 60 17 L 125.4297 68.4297 L 7.438 67.4297");
    }
    .svg-path-GB .GB path {
        d: path("M 3 5 L 87 50 L 21 47");
    }
    .svg-path-AU .AU {
        left: -41.938px;
        top: 120.031px;
    }
    .svg-path-AU .AU path {
        d: path("M 0 0 L 7.4297 26.4297 L 119.438 26.4297");
    }
    .svg-path-IN .IN path {
        d: path("M 0 3 L 0.4297 6.4297 L 97.438 6.4297");
    }
    .svg-path-ES .ES {
        left: 88.062px;
        top: 242.031px;
    }
    .FR {
        top: 48%;
        right: -15px;
    }
    .svg-path-FR .FR {
        left: 86.062px;
        top: 224.031px;
    }
    .svg-path-IT .IT {
        left: 143.062px;
        top: 216.031px;
    }
    .svg-path-VN .VN {
        left: -68.938px;
        top: 175px;
    }
    .svg-path-VN .VN path {
        d: path("M 0 62 L 11 19 L 98 19");
    }
    .svg-path-TH .TH {
        left: -51.938px;
        top: 208.031px;
    }
    .svg-path-TH .TH path {
        d: path("M 21 93 L 30 52 L 124 53");
    }
    .svg-path-ZA .ZA path {
        d: path("M -36 142 L 46.4297 49.4297 L 1.438 82.4297 ");
    }
    .svg-path-DE .DE path {
        d: path("M 34 4 L 100 57 L 0 54.4297");
    }
    .IT {
        top: 44.5%;
        right: -23px !important;
    }
    .svg-path-IT .IT {
        left: 79.062px;
        top: 204.031px;
    }
    .svg-path-IT .IT path {
        d: path("M 70 32 L 133.4297 72.4297 L 0.438 71.4297");
    }
    .NL {
        top: 44%;
        right: -18px;
    }
    .svg-path-NL .NL {
        left: 103.062px;
        top: 229.031px;
    }
    .svg-path-NL .NL path {
        d: path("M 31 -6 L 126 46 L 36 44");
    }
    .svg-path-ZA .ZA {
        left: 151.062px;
        top: 178.031px;
    }
    .svg-path-IN .IN {
        left: -121.938px;
        top: 101.031px;
    }
    .VN {
        top: 50.7%;
        right: -10%;
    }
    .TH {
        top: 51%;
        right: -5%;
    }
    .IN {
        top: 41%;
        right: -16%;
    }
    .DE {
        top: 45%;
        right: -17px;
    }
    .svg-path-DE .DE {
        left: 114.062px;
        top: 224.031px;
    }
    .ZA {
        top: 42%;
        right: -15%;
    }
    .IN {
        top: 38.6%;
        right: -9%;
    }
}