/* Reset
--------------------------------*/
* { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; -webkit-appearance: none;}
h1, h2, h3, h4, h5, h6 { font-weight: 300; }
strong { font-weight: 600; }
table {width:100%; border-collapse:collapse; border-spacing: 0;}

/* General
---------------------------------*/
html {min-height: 100%;}
header, nav, section, footer {display: block;}
body {height: 100%; font: 400 18px/1.5 'Hind', sans-serif; color: #fff; background: #3a3d44 url(../images/global-section-bg.jpg) repeat; overflow: auto;}
body.front-page {overflow-x: visible; overflow-y: hidden;}
html.applePointer, body.applePointer {cursor: pointer;}
button, input[type="submit"] {cursor: pointer;}
a {transition: all 0.3s ease; color: #fff; text-decoration: none;}
a:hover {text-decoration: none;}
img {display: block; border: none;}
.wrap {max-width: 960px; margin: 0 auto; }
.clearfix:after {content: '.'; display: block; height: 0; clear: both; visibility: hidden;}
::-webkit-input-placeholder, ::-moz-placeholder, :-moz-placeholder, :-ms-input-placeholder {color:#aaa;}
svg {pointer-events: none;}
.wrapper {position: relative; height: 100%; width: 100%;}

/* buttons
---------------------------------*/
.btn {display: inline-block; min-width: 167px; padding: 0 15px; border: 2px solid #d8d9da; font-size: 14px; line-height: 41px; font-weight: 700; color: #d8d9da; text-align: center; text-decoration: none; text-transform: uppercase; border-radius: 27px; background: none; box-sizing: border-box; transition: all 0.3s ease; overflow: hidden; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.btn:active,
.btn:hover {background-color: #fff; border-color: #fff; color: #13a2ad;}

/* header
---------------------------------*/
header {height: 85px; position: fixed; left: 0; top: 0; z-index: 5; width: 100%; /*transition: background 0.3s ease;*/}
header.static {position: relative; z-index: 8;}
header.scrolled {background-color: #3a3e46;}
header .wrap,
footer .wrap {max-width: 100%; margin-left: 98px; margin-right: 98px;}
header .logo {float: left; margin-top: 27px;}
header .logo svg {width: 271px; height: auto;}
#hamburger-btn {display: none;}
header nav {float: right; transition: opacity 0.3s ease;}
#main-nav li {float: left; margin-left: 55px; list-style: none;}
#main-nav li.hidden {display: none;}
#main-nav li:first-child {margin-left: 0;}
#main-nav li .nav-item {display: block; font-size: 16px; text-decoration: none; text-transform: uppercase; color: #fff; font-weight: 400;}
#main-nav li .nav-item:active
#main-nav li .nav-item:visited {background-color: transparent;}
#main-nav li .nav-item {position: relative; padding-top: 40px; opacity: 0.75; transition: all 0.3s ease;}
#main-nav li .nav-item:after {content: ''; position: absolute; left: -2px; right: -2px; bottom: -3px; display: block; width: 0; height: 2px; background-color: #fff; opacity: 0; transition: opacity 0.3s ease, width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
#main-nav li.active .nav-item {font-weight: 600;}
#main-nav li.home.active .nav-item,
#main-nav li.home .nav-item:hover {color: #f8e600;}
#main-nav li.home .nav-item:after {background-color: #f8e600;}
#main-nav li.services.active .nav-item,
#main-nav li.services .nav-item:hover {color: #88b50d;}
#main-nav li.services .nav-item:after {background-color: #88b50d;}
#main-nav li.clients.active .nav-item,
#main-nav li.clients .nav-item:hover {color: #5ba330;}
#main-nav li.clients .nav-item:after {background-color: #5ba330;}
#main-nav li.about-us.active .nav-item,
#main-nav li.about-us .nav-item:hover {color: #1bbeca;}
#main-nav li.about-us .nav-item:after {background-color: #1bbeca;}
#main-nav li.contact-us.active .nav-item,
#main-nav li.contact-us .nav-item:hover {color: #2e85d2;}
#main-nav li.contact-us .nav-item:after {background-color: #2e85d2;}
#main-nav li .nav-item:hover,
#main-nav li.active .nav-item {opacity: 1; padding-top: 31px;}
#main-nav li .nav-item:hover:after,
#main-nav li.active .nav-item:after {opacity: 1; width: calc(100% + 4px);}

/* home
---------------------------------*/
#full-page {overflow: hidden;}
#home-section {float: left; text-align: center; transition: opacity 0.5s ease;}
#home-section.hidden {position: absolute; left: 0; top: 0; z-index: 0; width: 100%; opacity: 0; visibility: hidden;}
#home-slider {position: relative;}
#home-slider.owl-carousel {display: block;}
#home-slider .owl-item {overflow: hidden;}
#home-slider .owl-item .home-steps {box-sizing: border-box; padding: 0 20px;}
#home-slider .owl-nav div,
.slider-arrow-btn {position: absolute; top: 50%; z-index: 4; box-sizing: border-box; color: #fff; display: inline-block; vertical-align: middle; border-radius: 0 2px 0 0; border-width: 2px 2px 0 0; border-style: solid; height: 26px; margin: 10px; width: 26px; text-indent: -9999px; opacity: 0.3; transition: all 0.3s ease; overflow: hidden;}
#home-slider .owl-nav div {display: none;}
#home-slider .owl-nav .owl-prev {left: 15px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg);}
#home-slider .owl-nav .owl-next,
#go-full-page-arrow {right: 15px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
#home-slider .owl-nav div:before,
#home-slider .owl-nav div:after,
#go-full-page-arrow:before,
#go-full-page-arrow:after {box-sizing: border-box; content: ""; border-radius: 2px; position: absolute;}
#home-slider .owl-nav div:before,
#go-full-page-arrow:before {box-shadow: 0 0 0 32px inset; height: 2px; right: 0; top: -2px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: right top 0; -ms-transform-origin: right top 0; transform-origin: right top 0; width: 40px;}
#home-slider .owl-nav div:hover,
#go-full-page-arrow:hover {opacity: 0.8;}
#go-full-page-arrow {display: none; background: none;}
#go-full-page-arrow.active {display: block;}

.owl-dots {text-align: center;}
.owl-dots .owl-dot {display: inline-block; margin: 0 8px; vertical-align: middle;}
.owl-dots .owl-dot.active {padding: 3px; border: 1px solid #fff; border-radius: 50%;}
.owl-dots .owl-dot span {display: block; width: 11px; height: 11px; background-color: #787b81; border-radius: 50%;}
.owl-dots .owl-dot.active span {background-color: #fff;}
#home-slider .owl-dots {position: absolute; left: 0; bottom: 75px; width: 100%;}

#home-section .global-heading {padding: 192px 0 25px; font-size: 60px; font-weight: 700; line-height: 1; text-transform: uppercase;}
#home-section .audience-expert .global-heading {padding-bottom: 10px;}
@media screen and (max-height: 800px) {
    #home-section .audience-expert .global-heading {padding-top: 110px;}
}
#home-section .sub-heading {font-size: 28px; opacity: 0.8;}
#home-section .btn-holder {margin-top: 58px;}
#home-section .btn-holder .btn {position: relative; width: 274px; line-height: 74px; font-size: 22px; border: none; color: #333; background-color: #e4d519; border-radius: 41px; overflow: hidden; transition: all 0.8s ease; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);}
#home-section .btn-holder .btn:focus {outline: 0}
#home-section .btn-holder .btn:before {content: ''; display: block; position: absolute; background: rgba(255,255,255,0.55); width: 60px; height: 100%; left: 0; top: 0; opacity: .5; -webkit-filter: blur(30px); filter: blur(30px); -webkit-transform: translateX(-100px) skewX(-15deg); -ms-transform: translateX(-100px) skewX(-15deg); transform: translateX(-100px) skewX(-15deg);}
#home-section .btn-holder .btn:after {content: ''; display: block; position: absolute; background: rgba(255,255,255,0.25); width: 30px; height: 100%; left: 30px; top: 0; opacity: 0; -webkit-filter: blur(5px); filter: blur(5px); -webkit-transform: translateX(-100px) skewX(-15deg); -ms-transform: translateX(-100px) skewX(-15deg); transform: translateX(-100px) skewX(-15deg);}

#home-section .btn-holder .btn:hover:before {-webkit-transform: translateX(300px)  skewX(-15deg);-ms-transform: translateX(300px)  skewX(-15deg);transform: translateX(300px)  skewX(-15deg); opacity: 0.6; transition: 0.8s;}
#home-section .btn-holder .btn:hover:after {-webkit-transform: translateX(300px) skewX(-15deg);-ms-transform: translateX(300px) skewX(-15deg);transform: translateX(300px) skewX(-15deg); opacity: 1; transition: 0.8s;}

#home-section .research-develop {background: url(../images/home/research-develop-clean-bg.png) no-repeat center bottom;}
#home-section .media-strategy {background: url(../images/home/media-strategy-bg.png) no-repeat center bottom;}
/*#home-section .traffic-acquisition {background: url(../images/home/traffic-acquisition-bg.png) no-repeat center bottom 20px;}*/
/*#home-section .ico-traffic-expert {background: url(../images/home/ico-traffic-bg.png) no-repeat center center;}*/

.ico-traffic-expert .svg-animate {width: 100%; height: 100%; position: absolute; left: 0; top: 50%; z-index: -1;transform: translateY(-40%);}
.svg-animate .line1,
.svg-animate .line2,
.svg-animate .line3 {stroke-dasharray:5000; stroke-dashoffset:5000; animation: drawGraph 5s linear forwards; -webkit-animation-play-state: paused; animation-play-state: paused; will-change: auto;}
@keyframes drawGraph {
    to {stroke-dashoffset: 0;}
}
.svg-animate.play .line1,
.svg-animate.play .line2,
.svg-animate.play .line3 {-webkit-animation-play-state: running; animation-play-state: running;}
@media screen and (max-height: 800px) and (max-width: 1200px) {
    .ico-traffic-expert .svg-animate {transform: translateY(-60%);}
}
@media screen and (max-width: 860px) {
    .ico-traffic-expert .svg-animate {transform: translateY(-80%);}
}
@media screen and (max-width: 640px) {
    .ico-traffic-expert .svg-animate {display: none;}
}

.home-market-solutions li {display: inline-block; width: 206px; margin: 55px 20px 0; list-style: none; text-align: center; color: #fff; text-transform: uppercase;}
.home-market-solutions li .icon-holder {display: block;height: 125px; margin-bottom: 15px; will-change:  transform, opacity;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;}
.home-market-solutions li .icon-holder .icon {display: inline-block;}
.home-market-solutions li .sulutions-heading {font-weight: 700; font-size: 41px; line-height: 1.4; -webkit-animation-duration: 2s; animation-duration: 2s;}
.home-market-solutions li .description {font-size: 18px; line-height: 1.2; opacity: 0.83; -webkit-animation-duration: 2.2s; animation-duration: 2.2s;}
.home-market-solutions li:first-child .sulutions-heading,
.home-market-solutions li:first-child .description {-webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.home-market-solutions li:first-child + li  .sulutions-heading,
.home-market-solutions li:first-child + li .description {-webkit-animation-delay: 0s; animation-delay: 0s;}
.home-market-solutions li:first-child + li + li .sulutions-heading,
.home-market-solutions li:first-child + li + li .description {-webkit-animation-delay: 0s; animation-delay: 0s;}
.home-market-solutions li:first-child + li + li + li .sulutions-heading,
.home-market-solutions li:first-child + li + li + li .description {-webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.home-market-solutions li.performance .icon {padding-top: 15px;}

.research-develop .plane {display: block; background: url(../images/home/research-develop-clean-plane.png) no-repeat; width: 480px; height: 442px; position: absolute; bottom: 0; left: 50%; margin-left: -221px;}
.research-develop .flame {display: block; width: 175px; height: 100px; position: absolute; top: 26px; left: -106px; background: url(../images/home/sprite-flame.png) 0 100px no-repeat; opacity: 0; transition: opacity 0.6s ease; -webkit-animation: flame 0.9s steps(9) infinite; animation: flame 0.9s steps(9) infinite; -webkit-animation-play-state: paused; animation-play-state: paused; will-change: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
.research-develop .layer-pic {z-index: 1;}
.research-develop .layer-text {z-index: 2; position: relative;}
@-webkit-keyframes flame {
    from {background-position: 0 0;}
    to {background-position: 0 -900px;}
}
@keyframes flame {
    from {background-position: 0 0;}
    to {background-position: 0 -900px;}
}
@media screen and (max-height: 800px) {
    .research-develop .plane {bottom: -100px;}
}
@media screen and (max-height: 700px) {
    .research-develop .plane {bottom: -265px;}
}

.media-strategy .layer-pic {z-index: 1;}
.media-strategy .graph {display: block; position: absolute; left: 50%; bottom: 35%;}
.media-strategy .graph-1 {width: 320px; height: 220px; -webkit-transform: translateX(-190%); -ms-transform: translateX(-190%); transform: translateX(-190%); background: url(../images/home/strategy-graphic-1.png) center 0 no-repeat; -webkit-animation: graph-one 1.4s 0.5s steps(12) 1 forwards; animation: graph-one 1.4s 0.5s steps(12) 1 forwards; -webkit-animation-play-state: paused; animation-play-state: paused; will-change: auto;}
.media-strategy .graph-2 {width: 355px; height: 241px; -webkit-transform: translateX(116%); -ms-transform: translateX(122%); transform: translateX(122%); background: url(../images/home/strategy-graphic-2.png) center 0 no-repeat; -webkit-animation: graph-two 1.4s 2.2s steps(11) 1 forwards; animation: graph-two 1.4s 2.2s steps(11) 1 forwards; -webkit-animation-play-state: paused; animation-play-state: paused; will-change: auto;}
@-webkit-keyframes graph-one {
    from {background-position: center 0;}
    to {background-position: 0 -2640px;}
}
@keyframes graph-one {
    from {background-position: center 0;}
    to {background-position: 0 -2640px;}
}
@-webkit-keyframes graph-two {
    from {background-position: center 0;}
    to {background-position: 0 -2651px;}
}
@keyframes graph-two {
    from {background-position: center 0;}
    to {background-position: 0 -2651px;}
}
@media screen and (max-height: 800px) {
    .media-strategy .graph-1,
    .media-strategy .graph-2 {bottom: 35% !important}
}


.traffic-acquisition {position: relative;}
.traffic-acquisition .rocket {display: block; background: url(../images/home/rocket.png) no-repeat; width: 1390px; height: 470px; position: absolute; bottom: 112px; left: 50%; margin-left: -625px;}
.traffic-acquisition .gas-wave {display: block; width: 1467px; height: 320px; position: absolute; bottom: -140px; left: 130px; background: url(../images/home/wave-sprite.png) 0 0 no-repeat; -webkit-animation: gas-wave 1.3s 0.8s steps(26) 1 forwards; animation: gas-wave 1.3s 0.8s steps(26) 1 forwards; -webkit-animation-play-state: paused; animation-play-state: paused; will-change: auto;}
.traffic-acquisition .layer-pic {z-index: 1;}
.traffic-acquisition .layer-text {z-index: 2; position: relative;}
@-webkit-keyframes gas-wave {
    from {background-position: 0 0;}
    to {background-position: 0 -8320px;}
}
@keyframes gas-wave {
    from {background-position: 0 0;}
    to {background-position: 0 -8320px;}
}

.ico-traffic-expert {position: relative;}
.ico-traffic-expert .coin-pic {background: url(../images/home/coin.png) no-repeat center top; display: block; width: 294px; height: 294px; margin: 30px auto 0; -webkit-background-size: contain;
    background-size: contain;}
@media screen and (max-height: 980px) {
    .ico-traffic-expert .coin-pic {width: 220px; height: 220px;}
}
@media screen and (max-height: 768px) {
    .ico-traffic-expert .coin-pic {width: 120px; height: 120px;}
}

.research-develop .flame.play,
.media-strategy .graph-1.play,
.media-strategy .graph-2.play,
.traffic-acquisition .gas-wave.play {-webkit-animation-play-state: running; animation-play-state: running;}
.research-develop .flame.play {opacity: 1;}

/* footer
---------------------------------*/
footer {position: fixed; left: 0; bottom: 0; z-index: 6; width: 100%; padding: 10px 0 20px; font-size: 14px;}
footer.static {position: static;}
/* .web footer {position: absolute; left: 0; bottom: 0; z-index: 5; height: 44px; padding: 0; margin: 0; overflow: hidden; background-color: transparent;} */
.social {list-style: none; text-align: center}
.social li {display: inline-block; margin: 0 8px; vertical-align: top;}
.social li a {display: block; width: 30px; height: 30px; border: 1px solid #fff; opacity: 0.8; border-radius: 50%; text-align: center;}
.social li a:before {content: ''; display: inline-block; height: inherit; vertical-align: middle;}
.social li a:hover {opacity: 1;}
.social li .fa {position: relative; color: #fff; vertical-align: middle; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease;}
.social li .fa-facebook {left: -2px; top: 1px; font-size: 15px;}
.social li .fa-twitter {left: -1px; font-size: 15px;}
.social li .fa-google-plus {font-size: 15px;}
.social li a:hover .fa {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center;}
footer .social {position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
footer .copyright {float: left; margin-top: 5px; opacity: 0.6;}
footer .terms-privacy-link {float: right; margin-top: 5px;}
footer .terms-privacy-link a {display: inline-block; font-size: 14px; color: #fff; text-decoration: none; opacity: 0.8; transition: opacity 0.3s ease;}
footer .terms-privacy-link a:hover {opacity: 1; text-decoration: underline;}
footer .terms-privacy-link .privacy {padding-right: 5px;}
footer .terms-privacy-link .terms {padding-left: 5px;}
footer .terms-privacy-link .separator {display: inline-block;}

/* global
---------------------------------*/
#not-home-wrap {position: relative; float: left; overflow: hidden;}
.section-page {position: relative; float: left; box-sizing: border-box;}
.section-page .global-heading {position: relative; font-size: 48px; font-weight: 700; text-align: center; text-transform: uppercase;}
.section-page .wrap {position: relative; z-index: 4;}
.section-page .global-heading:after {content: ''; position: absolute; left: 50%; bottom: -12px; display: block; width: 33px; height: 4px; border-radius: 2px; background-color: #fff; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.section-page .section-content {margin-top: 60px;}
.section-page .bubbles-layer {display: block; position: absolute; left: 0; bottom: 0; width: 100%; overflow: hidden;}
.section-page .bubbles-layer-1 {bottom: auto; top: 0;}
#services-section,
#contact-us-section {padding: 0;}
.section-page .wrap {padding-top: 180px;}
.wave-holder {position: absolute; left: 0; bottom: 45px; z-index: 1; width: 100%; height: 180px; background: url(../images/dottes.gif) repeat; overflow: hidden; will-change:  auto;}
/*#wave {position: absolute; left: 50%; transform: translateX(-50%);}*/
#loader-wrapper {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; text-align: center; background: #3a3d44; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}
.loader-logo {position: absolute; left: 50%; top: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.loader-logo .logo-text {display: block; width: 200px; height: 30px; margin: 0 auto 40px;}
.loader-logo .progress {font-size: 24px; color: #fff; text-align: center; padding: 20px 0 0;}
.loader-logo .loader {display: inline-block; vertical-align: middle; white-space: nowrap;}
.loader span {display: inline-block; vertical-align: middle;width: 10px;height: 22px;margin: 0 4px;border-radius: 5px; -webkit-animation: line-scale 1s infinite ease-in-out; animation: line-scale 1s infinite ease-in-out;}
.loader .loader-item-1 {height: 25px; background-color: #f8e600; -webkit-animation-delay: 0.25s; animation-delay: 0.25s}
.loader .loader-item-2 {height: 54px; background-color: #d9f700; -webkit-animation-delay: 0.5s; animation-delay: 0.5s}
.loader .loader-item-3 {height: 94px; background-color: #b7e11a; -webkit-animation-delay: 0.75s; animation-delay: 0.75s}
.loader .loader-item-4 {height: 54px; background-color: #5ed21a; -webkit-animation-delay: 1s; animation-delay: 1s}
.loader .loader-item-5 {height: 25px; background-color: #00b985; -webkit-animation-delay: 1.25s; animation-delay: 1.25s}
.loader .loader-item-6 {height: 15px; background-color: #00b985; -webkit-animation-delay: 1.5s; animation-delay: 1.5s}
.loader .loader-item-7 {height: 25px; background-color: #00b6c4; -webkit-animation-delay: 1.75s; animation-delay: 1.75s}
.loader .loader-item-8 {height: 54px; background-color: #0ea4df; -webkit-animation-delay: 2s; animation-delay: 2s}
.loader .loader-item-9 {height: 94px; background-color: #0b7be1; -webkit-animation-delay: 2.25s; animation-delay: 2.25s}
.loader .loader-item-10 {height: 54px; background-color: #0054ff; -webkit-animation-delay: 2.5s; animation-delay: 2.5s}
.loader .loader-item-11 {height: 25px; background-color: #004ce8; -webkit-animation-delay: 2.25s; animation-delay: 2.25s}
@-webkit-keyframes line-scale {
    0%,
    50% {
        -webkit-transform: scaleY(1.2);
        transform: scaleY(1.2);
    }
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}
@keyframes line-scale {
    0%,
    50% {
        -webkit-transform: scaleY(1.2);
        transform: scaleY(1.2);
    }
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

/* services-section
---------------------------------*/
.top-shadow {position: fixed; left: 0; top: 0; z-index: 0; width: 100%; height: auto;}
#services-section .global-heading {color: #88b50d;}
.boxes-info-topics {float: left; list-style: none;}
.boxes-info-topics li {position: relative; width: 261px; height: 83px; padding-left: 30px; box-sizing: border-box; vertical-align: middle;}
.boxes-info-topics li:before {content: ''; display: inline-block; height: inherit; vertical-align: middle;}
.boxes-info-topics li .icon {display: inline-block; vertical-align: middle;}
.boxes-info-topics li .topic-text {display: inline-block; margin-top: 1px; vertical-align: middle; padding-left: 10px; color: #fff; text-transform: uppercase; text-align: left; line-height: 1.2; font-weight: 500; transition: color 0.3s ease;}
.boxes-info-topics li.active {background-color: #fff;}
.boxes-info-topics li:not(.active) {cursor: pointer;}
.boxes-info-topics li.active:after {left: 100%; top: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 12px; margin-top: -12px;}
.boxes-info-topics li:not(.active):hover .topic-text {color: #fff;}
.boxes-info-topics li .icon {transition: fill 0.3s ease;}
.boxes-info-topics li .icon path,
.boxes-info-topics li .icon polygon,
.boxes-info-topics li .icon rect {transition: all 0.3s ease;}
.boxes-info-topics li.active .icon path,
.boxes-info-topics li.active .icon polygon,
.boxes-info-topics li.active .icon rect {fill: #92b50d;}
.boxes-info-topics li.research-develop.active .icon .inner-stroke {stroke: #92b50d;}
.boxes-info-topics li:not(.active):hover .icon path,
.boxes-info-topics li:not(.active):hover .icon polygon,
.boxes-info-topics li:not(.active):hover .icon rect {fill: #fff;}
.boxes-info-topics li.active .topic-text {color: #92b50d;}
.boxes-info-content {margin-left: 330px;}
.boxes-info-content .info-box {display: none;}
.boxes-info-content .research-develop {display: block;}
.boxes-info-content .info-box p {margin-top: 14px;}
.boxes-info-content .info-box p:first-child {margin-top: 0;}
.boxes-info-content .social-strategy p {margin-top: 26px;}
.boxes-info-content .token-as .btn {margin-top: 15px;}
.boxes-info-content .token-as .btn:hover {color: #88b50d;}
.list-galochka li {position: relative; margin-top: 9px; padding-left: 23px; list-style: none; list-style-position: inside;}
.list-galochka li:before {position: absolute; left: 0; top: 1px; font-family: FontAwesome; content: "\f00c"; font-size: 15px;  display: inline-block;}
.boxes-info-content .traffic-acquisition .heading {margin-top: 15px; font-size: 20px; font-weight: 500; color: #88b50d;}

#traffic-acq-info {position: relative; height: 350px; overflow: hidden;}
#traffic-acq-info .scroller {width: 100%; height: 100%; overflow-y: scroll; border: none; }
#traffic-acq-info .scroller::-webkit-scrollbar {width: 0;}
#traffic-acq-info .scroller .content {margin-right: 22px;}
.scroller_bar_wrap {position: absolute; z-index: 3; top: 0; bottom: 0; right: 1px; width: 6px; background: #51555f; pointer-events: none;}
.scroller_bar {position: absolute; z-index: 1; width: 6px; background: #9ac429; opacity: 0; transition: opacity .2s linear; pointer-events: auto;}
._baron .scroller_bar {opacity: 1;}

/* clients-section
---------------------------------*/
#clients-section .global-heading {color: #5ba330;}
#clients-list {    will-change:  transform, opacity;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;}
#clients-list li {position: relative; float: left; width: 154px; height: 154px; list-style: none; background-color: #fff; text-align: center; transition: all 0.4s ease; -webkit-perspective: 1000; perspective: 1000;}
#clients-list li .flipper {position: relative; width: inherit; height: inherit; transition: 0.6s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
#clients-list li .flipper > div {position: absolute; top: 0; left: 0; width: inherit; height: inherit; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
#clients-list li .flipper .front {z-index: 2; -webkit-transform: rotateY(0deg); transform: rotateY(0deg);}
#clients-list li .flipper .back {display: table; -webkit-transform: rotateY(180deg); transform: rotateY(180deg);}
#clients-list li .flipper .front:before {content: ''; display: inline-block; height: inherit; vertical-align: middle;}
#clients-list li .client-logo,
#clients-list li .company-name {display: inline-block; vertical-align: middle;}
#clients-list li .company-name {display: table-cell; padding: 0 10px;}
#clients-list li.murka {background-color: #da2626;}
#clients-list li.hotelscan {/* box-shadow: 0 0 14px rgba(0,0,0,.5); *//* -webkit-transform: scale(1.1); */-ms-transform: scale(1.1);/* transform: scale(1.1); */z-index: 1;background-color: #19bfdf;}
#clients-list li.bird {background-color: #29b4ab;}
#clients-list li.playToday {background-color: #00b985;}
#clients-list li.renatus {/* left: -1px; *//* top: -52px; */background-color: #4599e5;/* box-shadow: 0 0 14px rgba(0,0,0,.5); *//* -webkit-transform: scale(1.1); */-ms-transform: scale(1.1);/* transform: scale(1.1); */z-index: 1;}
#clients-list li.igg {margin-left: 74px;}
#clients-list li.uc-web {background-color: #ff9204;}
#clients-list li.holaverse {background-color: #009bce;}
#clients-list li.duapps-studio {background-color: #096493;}
#clients-list li.amazon {background-color: #ff9900;}
#clients-list li.wifi-key {/* margin-left: 174px; */background-color: #37a6ff;}
#clients-list li.dotC {background-color: #6075fe;}
#clients-list li.bwin {/* left: 22px; *//* top: 22px; */background-color: #0b7be1;}
#clients-list li.client-360 .company-name,
#clients-list li.igg .company-name,
#clients-list li.alibaba .company-name {color: #000;}
#clients-list li.cupid {/* margin: -60px 0 0 -20px; */}
#clients-list li.cupid .company-name {color: #000;}
#clients-list li .client-logo {height: auto;}
#clients-list li:hover,
#clients-list li.hover {box-shadow: 0 0 14px rgba(0,0,0,.5);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);z-index: 100;}
#clients-list li:hover .flipper,
#clients-list li.hover .flipper {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}

/* about-us-section
---------------------------------*/
#about-us-section .global-heading {color: #1bbeca;}
#about-us-section  .boxes-info-topics li.active .topic-text {color: #13a4af;}
#about-us-section .boxes-info-topics li .icon path,
#about-us-section .boxes-info-topics li .icon rect,
#about-us-section .boxes-info-topics li .icon polygon {fill: #fff;}
#about-us-section .boxes-info-topics li.active .icon path,
#about-us-section .boxes-info-topics li.active .icon rect,
#about-us-section .boxes-info-topics li.active .icon polygon {fill: #13a4af;}
.boxes-info-content .who-we-are {display: block;}
.boxes-info-content .who-we-are blockquote {position: relative; padding: 12px 22px 11px 82px;}
.boxes-info-content .who-we-are blockquote .kavichki {position: absolute; left: 46px; top: -5px; font-size: 112px; opacity: 0.25;}
.boxes-info-content .who-we-are blockquote p {font-size: 22px;}
.boxes-info-content .careers-info .mail-address {margin-top: 40px;}
.careers-info .heading-position {margin: 40px 0 12px; font-size: 20px; font-weight: 700; color: #9ea2ae; text-transform: uppercase;}
.careers-info .vacancy {font-size: 22px; font-weight: 700;}
.careers-info .position-table {margin-top: 11px;}
.careers-info .position-table td.level {width: 136px;}
.careers-info .position-table .label {color: #9ea2ae;}
.careers-info .apply-now {margin-top: 19px;}
.careers-info .owl-nav {display: none;}
.careers-info .mail-address a {color: #1bbeca;}

/* form styles */
form .field-wrap {margin-top: 10px;}
form .field-box {padding: 8px 10px 8px; border: 1px solid #e1e1e1; border-radius: 4px; transition: all 0.3s ease;}
form label {display: block; padding-bottom: 3px; font-size: 12px; color: #acacac; letter-spacing: 3px; text-transform: uppercase;}
form .form-input,
form textarea {display: block; width: 100%; color: #505050; box-sizing: border-box;}
form .error .field-box {border-color: #f16a6a; background-color: #fdf6f6;}
form .error input {background-color: #fdf6f6;}
form textarea {resize:vertical; font-size: 15px;}
form .alert-msg {display: none; margin-top: 4px; font-size: 14px; line-height: 1.2; color: #e54242;}
/* form .error .error-box {display: block;} */

/* popup */
#popup-holder {display: none; position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%;}
.popup {display: none; opacity: 0; visibility: hidden; position: relative; width: 673px; margin: 200px auto 0; padding: 40px 45px 36px; color: #bdbdbd; box-shadow: 0 0 40px rgba(33,30,31,.4); background-color: #fff; box-sizing: border-box; -webkit-animation-fill-mode: none; animation-fill-mode: none;}
.popup.fadeInDown {opacity: 1; visibility: visible;}
.popup .close-btn {position: absolute; right: 20px; top: 20px; display: block; border: none; cursor: pointer; background: url(../images/close-popup.svg) no-repeat 0 0; opacity: 0.5; transition: opacity 0.3s ease;}
.popup .close-btn .icon {width: 16px; height: 16px; transition: all 0.3s ease;}
.popup .close-btn:hover polygon {transition: fill 0.3s ease;}
.popup .close-btn:hover polygon {fill: #a2a2a2;}
.popup .popup-header .close-btn:hover {opacity: 1;}
.popup .popup-content {padding: 42px 22px 39px; background-color: #fff;}
.form-select {position:relative; display: block; width: 100%; height: 24px; cursor:pointer;}
.form-select:after {position:absolute; right: 0; top: -5px; font-family: FontAwesome; content: "\f107"; font-size: 19px;  display: inline-block;}
.form-select select {position:absolute; left:0; top:0; z-index:2; min-width:0; opacity:0; cursor:pointer; height:100%; width:100%; padding:0; border: 0; outline: 0; border-color: #ddd;}
.form-select select option {padding: 2px  4px; border: 0; outline: 0; font-size: 14px; color: #505050;}
.form-select .value {position: absolute; left: 0; top: 0; width:100%; overflow:hidden; white-space:nowrap; font-size: 16px; color: #505050;}
#job-application .form-select select option,
#job-application .form-select .value {width: 230px; overflow: hidden;}
.captcha-pic-holder #recaptcha_image {width: 117px !important; height: 48px !important;}
.captcha-pic-holder #recaptcha_image img{width: 117px !important; height: 48px !important;}

/* #job-application popup */
#application-popup .heading {font-size: 32px; font-weight: 700; color: #505050; text-align: center;}
#job-application {margin-top: 10px;}
#job-application .field-wrap {margin-top: 15px;}
#job-application .field-box.active {border-color: #59bcc4;}
#job-application .top-fields .field-wrap {display: inline-block; width: 47.5%; box-sizing: border-box; vertical-align: top;}
#job-application .top-fields .field-wrap:nth-child(odd) {margin-right: 12px;}
#job-application .top-fields .field-wrap:nth-child(even) {margin-left: 12px;}
.captcha-submit {margin-top: 15px;}
.captcha-submit .captcha-required {float: left;}
.captcha_holder .captcha-pic-holder {float: left;}
.captcha_holder .captcha-code {margin-left: 134px;}
.captcha_holder .captcha-code input {width: 115px;}
.captcha_holder #recaptcha_widget .error-txt {clear: both; padding: 2px 0 0;}
.captcha-submit .btn-holder {float: right;}
#job-application .attach-field {float: left; width: 48%;}
.attach-field #file-box {position: relative;}
.attach-field #file-box .file-input {display: none; position: absolute; left: 0; top: 0; z-index: 2; visibility: hidden;}
.attach-field #file-box .btn {min-width: 88px; vertical-align: middle; border-color: #129faa; color: #129faa; font-size: 11px; line-height: 19px; cursor: pointer;}
.attach-field #file-box .btn:hover {background-color: #129faa; color: #fff;}
.attach-field #file-box .file-text {display: inline-block; max-width: 152px; margin-left: 5px; vertical-align: middle; font-size: 13px; cursor: pointer; overflow: hidden;}
#job-application .captcha_holder {float: right; width: 47%;}
#job-application .foot {text-align: right;}
#job-application .foot .required-info {display: inline-block; vertical-align: middle;}
#job-application .foot .btn-holder {display: inline-block; margin-left: 28px; vertical-align: middle;}
form .submit-btn {cursor: pointer; display: block; width: 270px; line-height: 59px; color: #129faa; font-size: 18px; border-color: #129faa; border-radius: 36px;}
#job-application .submit-btn:hover {border-color: #129faa; color: #fff; background-color: #129faa; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.required-info {margin-top: 7px; font-size: 13px;}

/* #successfull-popup popup */
#successfull-popup {width: 562px; margin-top: 300px; padding: 0;}
#successfull-popup .done-holder {float: left; width: 191px; height: 251px; background-color: #1bbeca; text-align: center;}
#successfull-popup.contact-popup .done-holder {background-color: #2e85d2;}
#successfull-popup .done-holder img {display: inline-block; width: 112px; height: 78px; margin-top: 91px;}
#successfull-popup .info {margin-left: 191px; padding-top: 44px; font-size: 18px; text-align: center; color: #494d54;}
#successfull-popup .info .heading {font-weight: 700; font-size: 32px;}
#successfull-popup .info .text {margin-top: 5px;}
#successfull-popup .info .btn-holder {margin-top: 30px;}
#successfull-popup .info .btn-holder .btn {min-width: 148px; font-size: 18px;}
#successfull-popup .info .btn-holder .btn:hover,
#successfull-popup .info .btn-holder .btn:active {background-color: #1bbeca; color: #fff; border-color: #1bbeca;}

/* contact-us-section
---------------------------------*/
#contact-us-section .global-heading {color: #2f84d1;}
#contact-us-form {float: right; width: 631px;}
#contact-us-form .field-box {border-color: #33363c; background-color: #383b42;}
#contact-us-form .field-box.active {border-color: #555963;}
#contact-us-form .form-input,
#contact-us-form textarea {background-color: #383b42; color: #fff; border: none;}
#contact-us-form textarea {height: 44px;}
#contact-us-form .name-field {margin-top: 0;}
#contact-us-form .captcha_holder .captcha-pic-holder {float: none;}
#contact-us-form .submit-btn {line-height: 68px; border-color: #d8d9db; color: #d8d9db;}
#contact-us-form .submit-btn:hover {border-color: #fff; color: #0873d4;}
#contact-us-section .contact-info {float: left;}
#contact-us-section .contact-info .box-heading {position: relative; padding-bottom: 18px; font-size: 24px; font-weight: 700; line-height: 1.2; text-transform: uppercase;}
#contact-us-section .contact-info .box-heading:after {content: ''; position: absolute; left: 0; bottom: 0; display: block; width: 32px; height: 4px; border-radius: 2px; background-color: #fff;}
#contact-us-section .contact-info .info {margin: 32px 0 0 1px;}
#contact-us-section .contact-info .info .box {margin-top: 14px;}
#contact-us-section .contact-info .info .box:first-child {margin-top: 0;}
#contact-us-section .contact-info .info .box .fa {position: relative; top: 2px; display: inline-block; color: #959dae;}
#contact-us-section .contact-info .info .email .fa {font-size: 18px;}
#contact-us-section .contact-info .info .skype .fa {font-size: 22px;}
#contact-us-section .contact-info .info .adress {font-size: 18px;}
#contact-us-section .contact-info .info .adress .fa {font-size: 26px; width: 20px; text-align: center;}
#contact-us-section .contact-info .info .adress span {color: #959dae; margin-left: 10px; display: inline-block; vertical-align: top; line-height: 1.35em;}
#contact-us-section .contact-info .info .box a {display: inline-block; margin-left: 10px; color: #2e85d2;}
#contact-us-form .required-info {color: #9da1aa;}

@-webkit-keyframes animate-bubbles-1 {
    0% {-webkit-transform: translate(0px, -140px) translateZ(0); transform: translate(0px, -140px) translateZ(0) rotate(0.01deg);}
    35% {-webkit-transform: translate(0px, -70px) translateZ(0); transform: translate(0px, -70px) translateZ(0) rotate(0.01deg);}
    70% {-webkit-transform: translate(70px, 0px) translateZ(0); transform: translate(70px, 0px) translateZ(0) rotate(0.01deg);}
    100% {-webkit-transform: translate(140px, 0px) translateZ(0); transform: translate(140px, 0px) translateZ(0) rotate(0.01deg);}
}

@keyframes animate-bubbles-1 {
    0% {-webkit-transform: translate(0px, -140px) translateZ(0);transform: translate(0px, -140px) translateZ(0) rotate(0.01deg);}
    35% {-webkit-transform: translate(0px, -70px) translateZ(0);transform: translate(0px, -70px) translateZ(0) rotate(0.01deg);}
    70% {-webkit-transform: translate(70px, 0px) translateZ(0);transform: translate(70px, 0px) translateZ(0) rotate(0.01deg);}
    100% {-webkit-transform: translate(140px, 0px) translateZ(0);transform: translate(140px, 0px) translateZ(0) rotate(0.01deg);}
}


@-webkit-keyframes animate-bubbles-2 {
    0% {-webkit-transform: translate(0px, 0px) translateZ(0);transform: translate(0px, 0px) translateZ(0) rotate(0.01deg);}
    35% {-webkit-transform: translate(70px, -70px) translateZ(0);transform: translate(70px, -70px) translateZ(0) rotate(0.01deg);}
    70% {-webkit-transform: translate(0px, -140px) translateZ(0);transform: translate(0px, -140px) translateZ(0) rotate(0.01deg);}
    100% {-webkit-transform: translate(-70px, -210px) translateZ(0);transform: translate(-70px, -210px) translateZ(0) rotate(0.01deg);}
}

@keyframes animate-bubbles-2 {
    0% {-webkit-transform: translate(0px, 0px) translateZ(0);transform: translate(0px, 0px) translateZ(0) rotate(0.01deg);}
    35% {-webkit-transform: translate(70px, -70px) translateZ(0);transform: translate(70px, -70px) translateZ(0) rotate(0.01deg);}
    70% {-webkit-transform: translate(0px, -140px) translateZ(0);transform: translate(0px, -140px) translateZ(0) rotate(0.01deg);}
    100% {-webkit-transform: translate(-70px, -210px) translateZ(0);transform: translate(-70px, -210px) translateZ(0) rotate(0.01deg);}
}

@-webkit-keyframes animate-bubbles-3 {
    0% {-webkit-transform: translate(0px, 0px) translateZ(0);transform: translate(0px, 0px) translateZ(0) rotate(0.01deg);}
    35% {-webkit-transform: translate(-70px, 0px) translateZ(0);transform: translate(-70px, 0px) translateZ(0) rotate(0.01deg);}
    70% {-webkit-transform: translate(-140px, 70px) translateZ(0);transform: translate(-140px, 70px) translateZ(0) rotate(0.01deg);}
    100% {-webkit-transform: translate(-210px, 0px) translateZ(0);transform: translate(-210px, 0px) translateZ(0) rotate(0.01deg);}
}

@keyframes animate-bubbles-3 {
    0% {-webkit-transform: translate(0px, 0px) translateZ(0);transform: translate(0px, 0px) translateZ(0) rotate(0.01deg);}
    35% {-webkit-transform: translate(-70px, 0px) translateZ(0);transform: translate(-70px, 0px) translateZ(0) rotate(0.01deg);}
    70% {-webkit-transform: translate(-140px, 70px) translateZ(0);transform: translate(-140px, 70px) translateZ(0) rotate(0.01deg);}
    100% {-webkit-transform: translate(-210px, 0px) translateZ(0);transform: translate(-210px, 0px) translateZ(0) rotate(0.01deg);}
}

.bubbles-wrapper {
    /*  display: none;*/
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    perspective: 1000;
}
.bubbles-wrapper img {
    display: block;
}

.bubbles-layer-1 {
    -webkit-animation: animate-bubbles-1 50s linear infinite alternate;
    animation: animate-bubbles-1 50s linear infinite alternate;
    opacity: 0.7;
    will-change: transform, opacity;
    perspective: 1000;
}
.bubbles-layer-2 {
    -webkit-animation: animate-bubbles-2 50s linear infinite alternate;
    animation: animate-bubbles-2 50s linear infinite alternate;
    will-change:  transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000;
}
.bubbles-layer-3 {
    -webkit-animation: animate-bubbles-3 50s linear infinite alternate;
    animation: animate-bubbles-3 50s linear infinite alternate;
    will-change: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000;
}
.paused-animation .bubbles-layer-1,
.paused-animation .bubbles-layer-2,
.paused-animation .bubbles-layer-3 {-webkit-animation-play-state: paused; animation-play-state: paused;}


#overlay {display: none; position: fixed; left: 0; top: 0; z-index: 7; width: 100%; height: 100%; background-color: #000; background-color: rgba(0,0,0,.43);}


.pages-text {font-size: 14px; color: #FFF; line-height: 1.5em; max-width: 760px; padding: 75px 10px 80px; margin: auto;}
.pages-text .page-title {font-size: 48px; font-weight: 700; text-align: center; text-transform: uppercase; line-height: 1.5em;}
.pages-text .page-title:after {display: block; content: ''; width: 30px; height: 4px; border-radius: 2px; margin: 6px auto 38px; background-color: #FFF;}
.pages-text p {margin: 0 0 10px;}
.pages-text h2 {font-size: 18px; font-weight: 500; margin: 22px 0 11px; line-height: 1.5em;}
.pages-text h3 {font-size: 18px; font-weight: 500; margin: 22px 0 11px; line-height: 1.5em;}
.pages-text ol {margin: 0 0 10px 20px;}
.pages-text ul {margin: 0 0 10px 20px;}
.pages-text li {margin: 0 0 10px;}
.pages-text a {color: #0EA4DF; text-decoration: none;}
.pages-text a:hover {text-decoration: underline;}

/* MEDIA queries
-----------------------------*/

/* (max-width: 1560px)  */
@media screen and (max-width: 1560px) {
    #home-section .media-strategy {background-size: 1400px 429px;}
    .media-strategy .graph {bottom: 25%;}
    .media-strategy .graph-1 {width: 240px; height: 165px; -webkit-transform: translateX(-184%); -ms-transform: translateX(-184%); transform: translateX(-184%); background-size: 240px 2145px;}
    .media-strategy .graph-2 {width: 265px; height: 180px; -webkit-transform: translateX(113%); -ms-transform: translateX(113%); transform: translateX(113%); background-size: 265px 2160px;}
    @-webkit-keyframes graph-one {
        from {background-position: center 0;}
        to {background-position: center -1980px;}
    }
    @keyframes graph-one {
        from {background-position: center 0;}
        to {background-position: center -1980px;}
    }
    @-webkit-keyframes graph-two {
        from {background-position: center 0;}
        to {background-position: center -1980px;}
    }
    @keyframes graph-two {
        from {background-position: center 0;}
        to {background-position: center -1980px;}
    }
}

/* (max-width: 1300px)  */
@media screen and (max-width: 1300px) {
    .section-page .bubbles-layer-1 {opacity: 0.7;}
}

/* (max-width: 1100px)  */
@media screen and (max-width: 1100px) {
    /* global */
    header .wrap, footer .wrap {margin-left: 20px; margin-right: 20px;}
}

/* (max-width: 1100px) and (max-height: 860px) */
@media screen and (max-width: 1100px), screen and (max-height: 860px) {
    /* home */
    /*#home-section .audience-expert .global-heading {padding-top: 115px;}*/
    #home-section .global-heading {font-size: 46px;}
    #home-section .sub-heading {font-size: 25px;}
    .home-market-solutions li {width: 170px;}
    #home-section .btn-holder .btn {width: 250px; font-size: 20px; line-height: 64px;}
}

/* (max-width: 1030px) */
@media screen and (max-width: 1030px) {
    .wave-holder {bottom: 30px;}
}

/* (max-width: 960px) and (max-height: 880px) */
@media screen and (max-width: 960px), screen and (max-height: 880px) {
    /* general */
    body {font-size: 15px;}
    /* global */
    .section-page .global-heading {font-size: 34px;}
    .section-page .section-content {margin-top: 50px;}
    .list-galochka li:before {top: -1px;}
    /* services, about */
    .careers-info .vacancy,
    .boxes-info-content .who-we-are blockquote p {font-size: 18px;}
    /* clients-section */
    #clients-list {max-width: 718px; margin: 0 auto; text-align: center;}
    #clients-list li {float: none; display: inline-block; width: 113px; height: 113px; margin: -3px -1px;}
    #clients-list li .client-logo {max-width: 94px;}
    #clients-list li.igg {margin-left: 0;}
    /* #clients-list li.renatus {top: -40px; left: 5px;}
    #clients-list li.igg {margin-left: 118px;}
    #clients-list li.wifi-key {margin-left: 135px;}
    #clients-list li.bwin {left: 10px; top: 10px;}
    #clients-list li.bird .client-logo,
    #clients-list li.renatus .client-logo,
    #clients-list li.igg .client-logo,
    #clients-list li.dotC .client-logo,
    #clients-list li.bwin .client-logo {max-width: 80px;}
    #clients-list li.uc-web .client-logo {max-width: 60px;}
    */

}

/* (max-width: 960px) */
@media screen and (max-width: 960px) {
    /* general */
    .wrap {margin: 0 20px;}
    /* home */
    #home-section .media-strategy {background-image: url(../images/home/media-strategy-full-bg.png); background-size: auto auto;}
    .media-strategy .layer-pic {display: none;}
}

/* (max-width: 920px)  */
@media screen and (max-width: 920px) {
    /* global */
    header {height: 74px;}
    header .logo {margin-top: 24px;}
    header .logo img {width: 220px; height: 38px;}
    #main-nav li {margin-left: 37px;}
    #main-nav li .nav-item {padding-top: 34px; font-size: 15px;}
    #main-nav li .nav-item:hover,
    #main-nav li.active .nav-item {padding-top: 25px;}
    /* #contact-us-section */
    #contact-us-form {width: 490px;}
    #contact-us-form .submit-btn {width: 104px; font-size: 15px;}
}

/* (max-width: 920px) and (max-height: 790px) */
@media screen and (max-width: 920px), screen and (max-height: 790px) {
    /* home */
    #home-section .global-heading {font-size: 42px;}
    #home-section .sub-heading {font-size: 22px;}
    .home-market-solutions li {margin: 42px 15px 0;}
    .home-market-solutions li .icon-holder {margin-bottom: 12px;}
    .home-market-solutions li .sulutions-heading {font-size: 36px;}
    #home-section .btn-holder {margin-top: 45px;}
    #home-slider .owl-dots {bottom: 70px;}
}

/* (max-width: 850px)  */
@media screen and (max-width: 850px) {
    /* global */
    .section-page .global-heading {font-size: 42px;}
    .section-page .section-content {margin-top: 50px;}
    /* services, about */
    .boxes-info-topics li {width: 206px; height: 66px; padding-left: 17px;}
    .boxes-info-content {margin-left: 250px;}
    .boxes-info-content .social-strategy p {margin-top: 16px;}
    #traffic-acq-info {height: 290px;}
    .section-page .bubbles-layer-1 {opacity: 0.3;}
    #home-section .research-develop  .sub-heading {padding: 17px 0 17px;}
    #home-section .traffic-acquisition .sub-heading  {padding: 17px 0 17px;}
    #home-section .sub-heading {max-width: 320px; margin: auto; }
    .section-page .bubbles-layer {display: none;}
    #home-section .ico-traffic-expert .sub-heading {max-width: 100%;}
}

/* (max-width: 850px) and (max-height: 750px) */
@media screen and (max-width: 850px), screen and (max-height: 750px) {
    /* home */
    .home-market-solutions li {width: 129px; margin: 30px 2px 0;}
    .home-market-solutions li .sulutions-heading {font-size: 30px;}
    .home-market-solutions li .description {font-size: 15px;}
    .home-market-solutions li .icon-holder {height: 110px;}
    .home-market-solutions li.team .icon {width: 100px; height: 101px;}
    .home-market-solutions li.performance .icon {width: 100px; height: 90px;}
    .home-market-solutions li.globe .icon {width: 110px; height: 103px;}
}

/* (max-width: 760px)  */
@media screen and (max-width: 760px) {
    /* global */
    body.front-page {overflow-x: auto; overflow-y: auto;}
    header {z-index: 8;}
    header nav {position: fixed; left: 0; top: 0; float: none; width: calc(100% - 66px); height: 100%; background-color: #31343a; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; visibility: hidden; transition: all 0.5s ease;}
    header.active nav {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0); opacity: 1; visibility: visible;}
    #home-section {float: none;}
    #home-section .global-heading {padding-top: 100px;}
    #main-nav li {float: none; margin-left: 0; margin-top: 15px;}
    #main-nav li:first-child {margin-top: 18px;}
    #main-nav li .nav-item {display: inline-block; padding: 7px 0 7px 25px; font-size: 20px;}
    #main-nav li .nav-item:after {left: 25px; bottom: 4px;}
    #main-nav li .nav-item:hover,
    #main-nav li.active .nav-item {padding-top: 7px;}
    #main-nav li .nav-item:hover:after,
    #main-nav li.active .nav-item:after {width: calc(100% - 25px);}
    #hamburger-btn {float: right; position: relative; display: block; width: 30px; height: 19px; margin-top: 28px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer; border: none; background: none;}
    #hamburger-btn .lines {display: block; position: absolute; height: 3px; width: 100%; border-radius: 1px; background: #656a71; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); transition: .25s ease-in-out;}
    #hamburger-btn .lines:nth-child(1) {top: 0; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center;}
    #hamburger-btn .lines:nth-child(2) {top: 9px; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center;}
    #hamburger-btn .lines:nth-child(3) {top: 18px; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center;}
    #hamburger-btn:hover .lines {background-color: #848a93;}
    #main-nav li.hidden {display: block;}
    header.active #hamburger-btn .lines:nth-child(1) {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); top: -3px; left: 3px; opacity: 1;}
    header.active #hamburger-btn .lines:nth-child(2) {width: 0; opacity: 0;}
    header.active #hamburger-btn .lines:nth-child(3) {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg); left: 3px; opacity: 1;}
    #full-page {padding-top: 50px;}
    .section-page .wrap {padding-top: 70px;}
    #contact-us-section {padding-bottom: 0;}
    /* clients-section */
    #clients-list li {width: 110px; height: 110px; }
    #clients-list li.cupid {margin: 0 0 -3px 0;}
    #clients-list li .client-logo {max-width: 90px}
    #clients-list li.igg,
    #clients-list li.wifi-key {margin-left: -3px;}
    #clients-list li.renatus,
    #clients-list li.bwin {left: 0; top: 0;}
    #clients-list li.hotelscan,
    #clients-list li.renatus {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
    #clients-list li:hover {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
    /* #contact-us-section */
    #contact-us-section {padding-bottom: 20px;}
    #contact-us-form {float: none; width: 100%;}
    #contact-us-section .contact-info {float: none; width: 100%; margin-top: 40px; text-align: center;}
    #contact-us-section .contact-info .info .adress {font-size: 14px;}
    #contact-us-section .contact-info .box-heading br {display: none;}
    #contact-us-section .contact-info .box-heading:after {left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
    #contact-us-section .contact-info .info {margin-top: 18px; padding-bottom: 55px;}
    #contact-us-section .contact-info .info .box {margin-top: 8px;}
    #contact-us-form .captcha-submit .captcha-required {float: none;}
    #contact-us-form .captcha-submit .btn-holder {float: none; margin-top: 20px; text-align: center;}
    #contact-us-form .submit-btn {display: block; width: 100%; line-height: 53px; font-size: 18px; }
    #full-page .section-page {float: none; height: auto;}

    .pages-text {padding: 50px 20px 30px;}
    .pages-text .page-title {font-size: 36px;}
    .pages-text .page-title:after {margin: 13px auto 30px;}
    .pages-text h2 {margin: 16px 0 9px;}
    .pages-text h3 {margin: 16px 0 9px;}
}

/* (max-width: 775px)  */
@media screen and (max-width: 775px) {
    .wave-holder {display: none;}
}

/* (max-width: 700px)  */
@media screen and (max-width: 700px) {
    .boxes-info-content .who-we-are blockquote {padding: 0;}
    .boxes-info-content .who-we-are blockquote p br {display: none;}
    .boxes-info-content .who-we-are blockquote .kavichki {display: none;}
    /* popup */
    .popup {width: auto; margin: 100px 10px 0; padding: 30px 22px 25px;}
    #application-popup .heading {font-size: 30px;}
    #successfull-popup {width: auto; margin-top: 100px;}
    #successfull-popup .done-holder {float: none; width: 100%; height: 82px;}
    #successfull-popup .done-holder img {width: 62px; height: 43px; margin-top: 22px;}
    #successfull-popup .info {margin-left: 0; padding: 28px 0 25px;}
    #successfull-popup .info .btn-holder {margin-top: 21px;}
}

@media screen and (max-height: 650px) screen and (min-width: 1200px) {
    #home-section .global-heading {padding-top: 135px; font-size: 38px;}
    .section-page .global-heading {font-size: 35px;}
    .section-page .wrap {padding-top: 133px;}
}

@media screen and (max-height: 800px) {
    .wave-holder {bottom: 10px; z-index: 0;}
    .section-page .section-content {margin-top: 35px;}
}

/* (max-width: 650px) and (max-height: 790px) */
@media screen and (max-width: 650px), screen and (max-height: 790px) {
    /* form styles */
    form .field-box {padding: 4px 10px;}
    form label {padding-bottom: 2px;}
    form .error-box {margin-top: 2px; font-size: 12px;}
    .captcha_holder .captcha-pic-holder {float: left;}
}

/* (max-width: 650px)  */
@media screen and (max-width: 650px) {
    /* global */
    #home-section .global-heading {padding: 50px 0 20px;}
    #home-section .audience-expert .global-heading {padding: 50px 0 20px;}
    .section-page .global-heading {font-size: 34px;}
    .section-page .wrap {padding-top: 100px;}
    #contact-us-section {padding-bottom: 20px;}
    footer {position: static; height: auto; padding-bottom: 10px;}
    footer .social {position: static; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
    footer .terms-privacy-link {float: none; margin-top: 14px; text-align: center;}
    footer .copyright {float: none; margin-top: 11px; text-align: center;}
    /* services, about */
    .boxes-info-topics {float: none;}
    .boxes-info-topics li {float: left; width: 33%; height: auto; padding: 12px 10px 11px; text-align: center;}
    #services-section .boxes-info-topics li {width: 25%;}
    .boxes-info-topics li .topic-text {display: block; margin-top: 13px; padding-left: 0; font-size: 14px; text-align: center}
    .boxes-info-topics li.active:after {left: 50%; top: 100%; border-left-color: transparent; border-top-color: #fff; border-width: 10px; margin-left: -10px; margin-top: 0;}
    .boxes-info-content {margin-left: 0; margin-top: 20px;}
    #traffic-acq-info .scroller .content {margin-right: 16px;}
    /* popup */
    #popup-holder {position: absolute;}
    .popup {padding: 27px 15px 20px;}
    #application-popup .heading {font-size: 27px;}
    .popup .close-btn {right: 10px; top: 10px;}
    /* form styles */
    .captcha-submit .captcha-required {float: none;}
    .captcha-submit .btn-holder {float: none; margin-top: 12px; text-align: center;}
    .captcha_holder .captcha-pic-holder img {display: block;}
    .captcha_holder .captcha-code {margin-left: 0;clear: both;}
    .captcha_holder .captcha-pic-holder {float: none; text-align: center;}
    form .submit-btn {display: block; width: 100%; line-height: 53px; font-size: 16px;}
    /* about. form */
    #job-application {margin-top: 3px;}
    #job-application .top-fields .field-wrap {width: 100%;}
    #job-application .top-fields .field-wrap:nth-child(2n+1) {margin-right: 0;}
    #job-application .top-fields .field-wrap:nth-child(2n) {margin-left: 0;}
    #job-application .field-wrap {margin-top: 12px;}
    /* home */
    #home-section .btn-holder {margin-top: 44px;}
    #home-section .research-develop,
    #home-section .media-strategy,
    #home-section .traffic-acquisition {background-size: 100% auto;}
    #home-section .research-develop {background-image: url(../images/home/research-develop-bg-mob.png); background-position: 50% 107%;}
    #home-section .research-develop .plane {display: none;}
    #home-section .traffic-acquisition .rocket {display: none;}
    #home-section .media-strategy {background-image: url(../images/home/media-strategy-bg-mob.png); background-repeat: no-repeat;}
    #home-section .traffic-acquisition {background-image: url(../images/home/traffic-acquisition-bg-mob.png); background-repeat: no-repeat; background-position: 50% 100%;}
    #home-section .research-develop,
    #home-section .media-strategy,
    #home-section .traffic-acquisition {min-height: 720px;}
    #home-section #home-slider .owl-item {height: auto !important;}
    #home-slider .owl-nav {}
    #home-slider .owl-nav .owl-prev {left: 0;}
    #home-slider .owl-nav .owl-next {right: 0;}
    #home-slider .audience-expert {padding-bottom: 100px;}
    #home-slider .owl-dots {position: absolute; margin: 25px 0 20px; bottom: 0;}
    #go-full-page-arrow.active {display: none;}
    #home-slider .owl-item .home-steps {}
    #traffic-acq-info{height: auto; }
    #traffic-acq-info .scroller{overflow-y: hidden;}
    #traffic-acq-info .scroller_bar_wrap{display: none; }
}

/* (max-width: 500px) */
@media screen and (max-width: 500px) {
    #home-slider .owl-item .home-steps {padding: 0 10px; min-height: 0;}
    #home-section .audience-expert {min-height: 580px !important}
    #home-section .audience-expert .sub-heading {font-size: 16px;}
    #home-section .audience-expert .global-heading {padding: 42px 0 5px;}
    #home-section .audience-expert .btn-holder {margin-top: 5px;}
    #clients-section.section-page .wrap,
    #about-us-section.section-page .wrap {padding-top: 100px;}
    .section-page .wrap {padding-top: 70px;}
    #home-section .global-heading {padding-top: 62px; font-size: 28px;}
    #home-section .research-develop .sub-heading,
    #home-section .traffic-acquisition .sub-heading {padding: 0;}
    #home-section .sub-heading {font-size: 18px;}
    #home-section .btn-holder {margin-top: 30px;}
    .home-market-solutions li {margin: 10px 5px 0; width: 129px;}
    .home-market-solutions li .icon-holder {margin-bottom: 6px; height: 77px;}
    .home-market-solutions li .sulutions-heading {font-size: 21px;}
    .home-market-solutions li .description {font-size: 10px;}
    .home-market-solutions li.team .icon {width: 75px; height: 80px;}
    .home-market-solutions li.performance .icon {width: 90px; height: 81px; width: 69px; height: 73px;}
    .home-market-solutions li.apps .icon {width: 80px; height: 80px;}
    .home-market-solutions li.globe .icon {width: 75px;height: 83px;}
    .home-market-solutions li.performance .icon {padding-top: 8px;}
    #home-section .research-develop,
    #home-section .media-strategy,
    #home-section .traffic-acquisition {min-height: 650px;}

    .boxes-info-topics li .topic-text {font-size: 11px;}
}

/* (max-width: 480px) */
@media screen and (max-width: 480px) {
    #services-section .boxes-info-topics {display: flex; flex-direction: row; align-items: baseline;}
    #services-section .boxes-info-topics li.active {width: 34%;}
    #services-section .boxes-info-topics li:not(.active) {width: 23%;}
    #services-section .boxes-info-topics li:not(.active) .topic-text {display: none;}
}

/* (max-width: 400px) */
@media screen and (max-width: 400px) {
    /* global */
    header .wrap, footer .wrap {margin-left: 15px; margin-right: 15px;}
    header .logo img {width: 200px; height: 34px;}
    header nav {width: calc(100% - 59px)}
    .section-page .section-content {margin-top: 40px;}
    .section-page .global-heading {font-size: 30px;}
    /* services, about */
}

@media screen and (max-height: 750px) {
    #application-popup {margin-top: 80px;}
    #successfull-popup {margin-top: 80px;}
    #successfull-popup .done-holder {height: 222px;}
    #successfull-popup .done-holder img {margin-top: 75px;}
    #successfull-popup .info {padding-top: 35px;}
}

@media screen and (max-height: 700px) {
    #contact-us-form .form-input, #contact-us-form textarea {font-size: 13px;}
    #contact-us-section .contact-info .box-heading {font-size: 22px;}
    #home-slider .owl-dots {}
}
@media screen and (min-width: 761px) and (max-height: 640px) {
    #home-section .sub-heading {max-width: 600px; margin: auto}
    #home-section .ico-traffic-expert .sub-heading {max-width: 100%;}
    .home-market-solutions li {margin: 10px 10px 0}
    #home-section .btn-holder {margin-top: 10px;}
    .home-market-solutions li .icon-holder {margin-bottom: 5px;}
    .section-page .wrap {padding-top: 90px;}
}
/* (max-width: 1300px) and (max-height: 940px) */
@media screen and (max-width: 1300px), screen and (max-height: 940px) {
    /* home */
    .traffic-acquisition .gas-wave {width: 825px; height: 180px; bottom: -92px; left: 140px; background-size: 825px 4860px;}
    @-webkit-keyframes gas-wave {
        from {background-position: 0 0;}
        to {background-position: 0 -4680px;}
    }
    @keyframes gas-wave {
        from {background-position: 0 0;}
        to {background-position: 0 -4680px;}
    }
    .traffic-acquisition .rocket {width: 1043px; height: 353px; background-size: cover; margin-left: -521px;}
}

/* (max-width: 1040px) and (max-height: 835px) */
@media screen and (max-width: 1040px), screen and (max-height: 835px) {
    .traffic-acquisition .rocket {width: 695px; height: 235px; background-size: cover; margin-left: -370px;}
    .traffic-acquisition .gas-wave {bottom: -86px; left: 64px;}
}

/* (max-width: 350px) */
@media screen and (max-width: 350px) {
    #job-application .foot {text-align: left;}
    #job-application .foot .required-info {display: block;}
    #job-application .foot .btn-holder {display: block; margin-left: 0; margin-top: 12px;}
}

.wave-holder,
.wave-holder svg {
    will-change:  transform, opacity;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(1) scale(1.0, 1.0);
    transform: translateZ(1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}
.wave-holder polyline {
    will-change:  stroke-dashoffset;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform: rotate(0.1deg);
    overflow: hidden;
    perspective: 1000;
}
.wave-holder .wave-1,
.wave-holder .wave-2,
.wave-holder .wave-3,
.wave-holder .wave-4,
.wave-holder .wave-5,
.wave-holder .wave-6,
.wave-holder .wave-7,
.wave-holder .wave-8,
.wave-holder .wave-9,
.wave-holder .wave-10 {
    -webkit-animation-name: dash;
    animation-name: dash;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.wave-holder .wave-1 {
    -webkit-animation-duration: 2500s;
    animation-duration: 2500s;
    stroke-dasharray: 60, 60;
}
.wave-holder .wave-2 {
    -webkit-animation-duration: 2000s;
    animation-duration: 2000s;
    stroke-dasharray: 60, 60;
}
/*.wave-holder .wave-3 {
  -webkit-animation-duration: 1500s;
  animation-duration: 1500s;
  stroke-dasharray: 60, 60; 
}*/
.wave-holder .wave-4 {
    -webkit-animation-duration: 1500s;
    animation-duration: 1500s;
    stroke-dasharray: 60, 60;
}
.wave-holder .wave-5 {
    -webkit-animation-duration: 1300s;
    animation-duration: 1300s;
    stroke-dasharray: 60, 60;
}
.wave-holder .wave-6 {
    -webkit-animation-duration: 1500s;
    animation-duration: 1500s;
    stroke-dasharray: 60, 60;
}
/*.wave-holder .wave-7 {
  -webkit-animation-duration: 1500s;
  animation-duration: 1500s;
  stroke-dasharray: 60, 60;
}*/
.wave-holder .wave-8 {
    -webkit-animation-duration: 2000s;
    animation-duration: 2000s;
    stroke-dasharray: 60, 60;
}
/*.wave-holder .wave-9 {
  -webkit-animation-duration: 2500s;
  animation-duration: 2500s;
  stroke-dasharray: 60, 60;
}*/
.wave-holder .wave-10 {
    -webkit-animation-duration: 3000s;
    animation-duration: 3000s;
    stroke-dasharray: 60, 60;
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: -60000;
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: -60000;
    }
}

.paused-animation polyline {-webkit-animation-play-state: paused; animation-play-state: paused;}