.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}.slick-dots {
list-style: none;
display: block;
text-align: center;
padding: 0 0 8.45410628vw;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 2.17391304vw;
width: 2.17391304vw;
margin: 0 1.20772947vw;
padding: 0;
cursor: pointer;
border-radius: 50%;
border: 1px solid #2f3def;
}
.slick-dots li.slick-active {
background: #2f3def;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 1.04166667vw;
width: 1.04166667vw;
outline: none;
line-height: 0vw;
font-size: 0vw;
color: transparent;
padding: 0.26041667vw;
cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 1.04166667vw;
height: 1.04166667vw;
font-size: 0.3125vw;
line-height: 1.04166667vw;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75;
}
.article-videos .slick-prev,
.article-videos .slick-next {
position: absolute;
top: 12.74vw;
appearance: none;
background: transparent;
width: 3.744vw;
height: 3.744vw;
border-radius: 50%;
box-shadow: 10px 10px 40px 0 rgba(0, 0, 0, 0.16);
border: 0;
text-indent: -100vw;
overflow: hidden;
cursor: pointer;
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 27.958 14.017'%3E%3Cg id='prefix__Layer_15' data-name='Layer 15' transform='translate(-2.033 -6.971)'%3E%3Cpath id='prefix__Path_26900' d='M29.469 9.458L16.888 20.641a1.4 1.4 0 0 1-1.845 0L2.462 9.458a1.4 1.4 0 0 1 1.845-2.1l11.659 10.361L27.624 7.361a1.4 1.4 0 1 1 1.845 2.1z' data-name='Path 26900' style='fill:%232f3def'/%3E%3C/g%3E%3C/svg%3E%0A");
background-size: 34px 18px;
background-repeat: no-repeat;
background-position: center;
}
.article-videos .slick-prev {
left: -5.2vw;
transform: rotate(90deg);
box-shadow: 0.52vw 0 2.08vw 0 rgba(0, 0, 0, 0.16);
}
.article-videos .slick-next {
right: -5.2vw;
transform: rotate(-90deg);
box-shadow: -0.52vw 0 2.08vw 0 rgba(0, 0, 0, 0.16);
}
.article-videos .slick-dots {
transform: scale(0.5);
}
@media (max-width: 813px) {
.article-videos .slick-dots {
transform: scale(1);
}
}html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input, button {
-webkit-appearance: none;
}
@font-face {
font-family: 'UniviaPro';
src: url(https://zoomd.com/wp-content/themes/zoomd/fonts/Mostardesign - UniviaPro-Bold.woff) format('woff'), url(https://zoomd.com/wp-content/themes/zoomd/fonts/Mostardesign - UniviaPro-Bold.ttf) format('truetype');
font-weight: 700;
font-display: swap; }
@font-face {
font-family: 'UniviaPro';
src: url(https://zoomd.com/wp-content/themes/zoomd/fonts/Mostardesign - UniviaProRegular.woff) format('woff'), url(https://zoomd.com/wp-content/themes/zoomd/fonts/Mostardesign - UniviaProRegular.ttf) format('truetype');
font-weight: 400;
font-display: swap; }
@font-face {
font-family: 'UniviaPro';
src: url(https://zoomd.com/wp-content/themes/zoomd/fonts/Mostardesign - UniviaPro-Light.woff) format('woff'), url(https://zoomd.com/wp-content/themes/zoomd/fonts/Mostardesign - UniviaPro-Light.ttf) format('truetype');
font-weight: 300;
font-display: swap; }
body {
font-family: 'UniviaPro', sans-serif;
color: #011a41;
line-height: 1.25;
}
body::after {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
z-index: -1;
content: url(../image/main-nav-publishers.png) url(https://zoomd.com/wp-content/uploads/2023/03/main-nav-media-scaled.webp) url(../image/main-nav-company.webp) url(../image/main-nav-advertisers.svg);
}
.contactus-floating-btn {position: fixed;bottom: 20px;right: 20px;background: blue;padding: 8px 15px;}
.contactus-floating-btn a {color: #fff;text-decoration: none;}
.shake-btn {  
&:hover {
-webkit-animation-name:              shake;    
-webkit-animation-duration:          0.8s;
-webkit-animation-iteration-count:   infinite;
-webkit-animation-timing-function:   linear;
-webkit-transform-origin:            50% 100%;
}
}
@-webkit-keyframes shake {
0%  { -webkit-transform:     translate(2px, 1px) rotate(0deg); }
10% { -webkit-transform:     translate(-1px, -2px) rotate(-2deg); }
20% { -webkit-transform:     translate(-3px, 0px) rotate(3deg); }
30% { -webkit-transform:     translate(0px, 2px) rotate(0deg); }
40% { -webkit-transform:     translate(1px, -1px) rotate(1deg); }
50% { -webkit-transform:     translate(-1px, 2px) rotate(-1deg); }
60% { -webkit-transform:     translate(-3px, 1px) rotate(0deg); }
70% { -webkit-transform:     translate(2px, 1px) rotate(-2deg); }
80% { -webkit-transform:     translate(-1px, -1px) rotate(4deg); }
90% { -webkit-transform:     translate(2px, 2px) rotate(0deg); }
100%{ -webkit-transform:     translate(1px, -2px) rotate(-1deg); }
}
#menu-item-1957 .sub-menu:before, #menu-item-6808 .sub-menu:before {
display: block !important;
background-image: url(../image/44.png);
}
.container {
margin: 0 auto;
}
.header-main-wrapper {
width: 82.78399999999999vw;
display: flex;
justify-content: space-between;
align-items: center;
height: 5.72vw;
}
.header-main-wrapper > .nav-lang {
display: none;
}
.header-main-wrapper .en,
.header-main-wrapper .ko,
.header-main-wrapper .br,
.header-main-wrapper .mx,
.header-main-wrapper .es,
.header-main-wrapper .pr {
width: 22px;
height: 15px;
display: block;
background: url(../image/en.png);
background-size: 100%;
overflow: hidden;
text-indent: -100vw;
margin-left: 1.04vw;
border: 1px solid #eee;
}
.header-main-wrapper .ko {
background-image: url(../image/ko.png);
}
.header-main-wrapper .br,
.header-main-wrapper .pr {
background-image: url(../image/br.png);
}
.header-main-wrapper .mx,
.header-main-wrapper .es {
background-image: url(../image/es.png);
}
.hamburger {
display: none;
}
.logo {
width: 6.968vw;
height: 2.08vw;
background: url(../image/logo.svg) no-repeat;
background-size: 100%;
overflow: hidden;
text-indent: -100vw;
}
.btn-orange {
width: 16.016vw;
height: 2.808vw;
line-height: 2.808vw;
border-radius: 4.16vw;
font-size: 1.04vw;
font-weight: 700;
text-align: center;
display: inline-block;
text-decoration: none;
transition: 0.5s all ease-in-out;
color: #fff;
background-color: #fbc155;
border: 1px solid #fbc155;
}
.btn-orange:hover {
color: #fbc155;
background-color: #fff;
}
.menu-main {
display: flex;
flex-grow: 10;
justify-content: space-between;
align-items: center;
}
.menu-main ul {
display: flex;
}
.menu-main li {
font-size: 0.832vw;
line-height: 1.25;
font-family: 'UniviaPro', sans-serif;
}
.menu-main li.current-menu-item a {
font-weight: 700;
text-decoration: underline;
}
.menu-main li a {
color: #000;
text-decoration: none;
}
.menu-main li a.current {
font-weight: 700;
text-decoration: underline;
}
.menu-main li a:hover {
text-decoration: none;
}
.menu-main .nav-main {
flex-grow: 10;
justify-content: space-around;
}
.menu-main .nav-main li {
margin: 0 1.8199999999999998vw;
}
.menu-main .nav-client li {
margin: 0 0.7799999999999999vw;
}
.menu-main .nav-contact {
margin: 0 2.6vw;
}
.menu-main .investors a,
.menu-main .cus-area a {
width: 8.164vw;
height: 2.444vw;
line-height: 2.444vw;
margin: -0.728vw 0;
text-align: center;
border-radius: 1.248vw;
display: inline-block;
transition: 0.5s all ease-in-out;
}
.menu-main .investors a {
background-color: #fff;
border: solid 1px #1ba4ef;
color: #1ba4ef;
}
.menu-main .investors a:hover {
background-color: #1ba4ef;
color: #fff;
}
.menu-main .cus-area a {
background-color: #9080c5;
border: 1px solid #9080c5;
box-shadow: 0 0.26vw 0.7799999999999999vw 0 rgba(105, 99, 141, 0.15);
color: #fff;
}
.menu-main .cus-area a:hover {
background-color: #fff;
color: #9080c5;
}
.menu-main .sub-menu {
position: absolute;
min-height: 16.64vw;
box-shadow: 0 0.52vw 1.04vw 0 rgba(0, 0, 0, 0.16);
border-radius: 0.7799999999999999vw;
background-color: #fff;
padding: 2.34vw 1.3vw;
display: flex;
flex-direction: column;
z-index: 2;
box-sizing: border-box;
top: 7.8vw;
transform: translateX(-40%);
display: none;
min-width: 30.68vw;
}
.menu-main .sub-menu:before {
content: '';
position: absolute;
width: 10.556vw;
height: 13.208vw;
top: 1.3vw;
left: 1.3vw;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.menu-main .sub-menu:after {
content: '';
position: absolute;
top: -2.548vw;
left: 50%;
width: 0;
height: 0;
border-color: transparent transparent #fff;
border-style: solid;
border-width: 1.3vw;
margin-left: -1.3vw;
}
.menu-main .sub-menu li {
padding: 0.7799999999999999vw 0 0.7799999999999999vw 2.08vw;
margin: 0 0 0 13vw;
border-left: 1px solid #000;
}
.menu-main .sub-menu li a {
font-size: 1.04vw;
font-weight: 500;
line-height: 1.25;
color: #000;
}
.nav-main > .menu-item:nth-child(2) .sub-menu:before {
background-image: url(../image/main-nav-advertisers.svg);
}
.nav-main > .menu-item:nth-child(3) .sub-menu:before {
background-image: url(../image/main-nav-publishers.png);
}
.nav-main > .menu-item:nth-child(4) .sub-menu:before {
background-image: url(../image/main-nav-company.webp);
}
.nav-main > .menu-item:nth-child(5) .sub-menu:before {
background-image: url(https://zoomd.com/wp-content/uploads/2023/03/main-nav-media-scaled.webp);
}
.breadcrumbs {
background: linear-gradient(to bottom, #dddedf 0%, #f2f3f4 35%);
font-size: 0.728vw;
color: #000;
height: 2.86vw;
line-height: 2.86vw;
}
.breadcrumbs ul {
list-style: none;
}
.breadcrumbs a {
color: #000;
text-decoration: none;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
.breadcrumbs li {
display: inline-block;
}
.breadcrumbs li:after {
content: ">";
margin: 0 0.26vw 0 0.52vw;
display: inline-block;
}
.breadcrumbs li:last-child:after {
display: none;
}
.breadcrumbs-inner {
width: 65vw;
}
.breadcrumbs-social {
background: linear-gradient(to bottom, #dddedf 0%, #f2f3f4 30%);
height: 5.72vw;
}
.breadcrumbs-social .breadcrumbs-inner {
width: 73.164vw;
display: flex;
justify-content: space-between;
}
.breadcrumbs-social .btn-back {
display: block;
font-size: 1.04vw;
padding: 0 0.7799999999999999vw;
height: 3.1199999999999997vw;
line-height: 3.1199999999999997vw;
border-radius: 1.8719999999999999vw;
box-shadow: 0.26vw 0.52vw 1.04vw 0 rgba(0, 0, 0, 0.16);
background-color: #fff;
color: #000;
text-decoration: none;
margin: 1.3vw 0;
}
.nav-share {
display: flex;
align-items: center;
}
.nav-share .facebook,
.nav-share .linkedin,
.nav-share .mail,
.nav-share .twitter {
display: inline-block;
width: 2.496vw;
height: 2.496vw;
margin-left: 0.728vw;
background-size: 100%;
}
.nav-share .facebook {
background-image: url(../image/bc-facebook.svg);
}
.nav-share .linkedin {
background-image: url(https://zoomd.com/wp-content/themes/zoomd/img/bc-linkedin.svg);
}
.nav-share .mail {
background-image: url(../image/bc-mail.svg);
}
.nav-share .twitter {
background-image: url(../image/bc-twitter.svg);
}
.header-coloured {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 20.176vw;
position: relative;
}
.header-coloured:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 10.92vw;
background-size: cover;
}
.header-coloured .heading-media {
margin-bottom: 2.08vw;
color: #fff;
text-align: center;
line-height: 3.1199999999999997vw;
position: relative;
}
.header-coloured .heading-media .bigger {
font-size: 3.1199999999999997vw;
font-weight: 700;
position: relative;
z-index: 1;
}
.Text_below_heading p {
margin: 0;
line-height: 1.4;
}
.Text_below_heading {
margin: 1em 0;
}
.markteing_text {
}
.page-template-search-sign-u .content-main .signup input[type="radio"], .content-main .signup input[type="checkbox"] {
margin: 0;
width: 10px;
height: 10px;
transform: scale(1.4);
}
.header-coloured .heading-media .smaller {
font-size: 2.08vw;
font-weight: 300;
margin-top: 0.52vw;
max-width: 35.36vw;
line-height: 1.3;
}
.header-coloured .heading-media strong {
color: #fbc155;
font-weight: 700;
}
.header-coloured:before {
height: 100%;
}
.header-coloured.events {
height: 25.375999999999998vw;
}
.header-coloured.events:before {
background-image: url(../image/header-events.gif);
}
.header-coloured.news {
height: 25.375999999999998vw;
}
.header-coloured.resources {
height: 25.375999999999998vw;
}
.header-coloured.performance:before {
background-image: url(../image/performance.png);
}
.header-coloured.performance .heading-media {
margin-bottom: 10vw;
}
.header-coloured #animation_container,
.header-coloured #canvas,
.header-coloured #dom_overlay_container {
width: 100% !important;
height: 25.375999999999998vw !important;
}
.header-coloured #animation_container {
position: absolute;
left: 0;
top: 0;
}
.header-coloured #canvas {
position: absolute;
display: block;
}
.header-coloured #dom_overlay_container {
pointer-events: none;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
display: block;
}
.header-coloured.partners:before {
background-image: url(../image/header-partners.svg);
}
.header-coloured.platform:before {
background-image: url(../image/header-platform.svg);
background-size: auto 100%;
height: 114.7%;
}
.header-coloured.platform .heading-media {
max-width: 65.52vw;
line-height: 1.3;
margin: 0 auto;
}
.header-coloured.platform .btn-orange {
margin-top: 2.34vw;
}
.header-coloured.publishers:before {
background-image: url(../image/header-publishers.svg);
}
.header-coloured.publishers .heading-media {
width: 44.199999999999996vw;
}
.header-coloured.publishers .heading-media .smaller {
max-width: 100%;
}
.header-coloured.careers:before {
background-image: url(../image/header-careers.svg);
}
.header-coloured.careers .heading-media {
margin: 0;
position: relative;
z-index: 1;
}
.header-coloured.careers .bigger {
font-size: 3.1199999999999997vw;
line-height: 1.4;
font-weight: 700;
color: #fff;
}
.header-coloured.investors .heading-media {
margin: 0;
}
.header-coloured.about:before {
background-image: url(../image/header-partners.svg);
}
.header-coloured.about .heading-media {
margin: 0;
}
.header-coloured.contact-us {
height: 47.839999999999996vw;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-size: cover;
background-position: center 42%;
position: relative;
}
.header-coloured.contact-us:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.2);
}
.header-coloured.contact-us img {
position: absolute;
top: 0;
right: 0;
left: 0;
width: 100%;
}
.header-coloured.contact-us .heading-media {
position: relative;
z-index: 1;
}
.header-coloured.contact-us .bigger {
font-size: 3.1199999999999997vw;
font-weight: 700;
line-height: 1.4;
margin-bottom: 1.04vw;
}
.header-coloured.contact-us .smaller {
font-size: 1.248vw;
line-height: 1.6;
max-width: none;
}
.header-coloured.home {
width: 100%;
overflow: hidden;
height: auto;
}
.header-coloured.home img {
display: none;
}
.header-coloured .heading-home {
height: auto;
width: 38.48vw;
border-radius: 0.884vw;
background-color: rgba(38, 45, 131, 0.6);
top: 11.7vw;
left: 50%;
position: absolute;
transform: translateX(-50%);
padding: 3.1199999999999997vw;
box-sizing: border-box;
color: #fff;
}
.header-coloured .heading-home .bigger {
font-size: 3.1199999999999997vw;
font-weight: 700;
color: #fff;
margin-bottom: 0.7799999999999999vw;
}
.header-coloured .heading-home .bigger span {
font-size: 2.6vw;
font-weight: 400;
border-bottom: 3px solid #1ba5f0;
display: none;
}
.header-coloured .heading-home .bigger span:first-child {
display: inline;
}
.header-coloured .heading-home .smaller {
font-size: 1.508vw;
font-weight: 700;
line-height: 1.6;
color: #fff;
}
.header-coloured.wiki {
background: #2f3def;
height: 25.375999999999998vw;
}
.header-coloured.wiki .heading-media {
margin: 0;
}
.header-coloured.wiki .heading-media .bigger {
margin-bottom: 2.08vw;
}
.header-coloured.advertisers,
.header-coloured.industry {
height: 20.176vw;
}
.header-coloured.advertisers #animation_container,
.header-coloured.industry #animation_container,
.header-coloured.advertisers #canvas,
.header-coloured.industry #canvas,
.header-coloured.advertisers #dom_overlay_container,
.header-coloured.industry #dom_overlay_container {
height: 20.176vw !important;
}
.header-coloured.industry .heading-media {
margin: 0;
}
.header-coloured.industry .heading-media .smaller {
max-width: 44.199999999999996vw;
}
.header-coloured.ecommerce:before {
background-image: url(../image/header-ecommerce.svg);
}
.header-coloured.utility:before {
background-image: url(../image/header-utility.svg);
}
.header-coloured.achievements:before {
background-image: url(../image/header-achievements.svg);
}
.header-coloured.achievements .heading-media .smaller {
max-width: 100%;
}
.header-coloured.partners:before {
background-image: url(../image/header-partners.svg);
}
.header-coloured.partners .heading-media {
margin: 0;
}
.header-coloured.signup:before {
background-image: url(../image/header-signup.svg);
}
.header-coloured.signup .heading-media {
margin: 0;
max-width: 48.879999999999995vw;
}
.header-coloured.influencer {
height: 25.272vw;
}
.header-coloured.influencer:before {
background-image: url(../image/header-influencer.gif);
}
.header-coloured.influencer .heading-media {
margin: 0;
max-width: 48.879999999999995vw;
}
.form-search {
width: 39.519999999999996vw;
margin: 0 auto;
display: flex;
position: relative;
}
.form-search input {
height: 4.68vw;
background: #fff;
box-sizing: border-box;
border: 0;
}
.form-search input[type="text"] {
border-radius: 3.6399999999999997vw;
width: 100%;
padding: 0 2.7039999999999997vw;
font-family: 'UniviaPro', sans-serif;
font-size: 1.248vw;
color: #000;
}
.form-search input[type="text"]::-webkit-input-placeholder {
font-family: 'UniviaPro', sans-serif;
font-size: 1.248vw;
color: rgba(0, 0, 0, 0.6);
}
.form-search input[type="text"]:-ms-input-placeholder {
font-family: 'UniviaPro', sans-serif;
font-size: 1.248vw;
color: rgba(0, 0, 0, 0.6);
}
.form-search input[type="text"]::placeholder {
font-family: 'UniviaPro', sans-serif;
font-size: 1.248vw;
color: rgba(0, 0, 0, 0.6);
}
.form-search input[type="submit"] {
border-radius: 3.6399999999999997vw;
width: 16%;
margin-left: -16%;
text-indent: -100vw;
overflow: hidden;
background: #ffffff url(../image/icon-search.svg) center no-repeat;
background-size: 2.08vw 2.028vw;
cursor: pointer;
}
.form-search input[type="submit"]:focus {
outline: 0;
}
.menu-media-center ul {
margin: 3.1199999999999997vw auto;
display: flex;
width: 37.44vw;
height: 4.16vw;
border-radius: 2.08vw;
background-color: #f4f4f4;
}
.menu-media-center li {
width: 33.3%;
}
.menu-media-center li:last-child a.active {
background-color: #0c22f4;
}
.menu-media-center li.current-menu-item:last-child a {
background-color: #0c22f4;
border: 1px solid #0c22f4;
}
.menu-media-center li.current-menu-item:last-child a:hover {
background-color: #fff;
color: #0c22f4;
}
.menu-media-center li.current-menu-item a {
background-color: #9662f7;
color: #fff;
font-weight: 700;
transition: 0.5s all ease-in-out;
border: 1px solid #9662f7;
}
.menu-media-center li.current-menu-item a:hover {
background: #fff;
color: #9662f7;
}
.menu-media-center a {
display: block;
height: 3.016vw;
line-height: 3.016vw;
border-radius: 1.5599999999999998vw;
font-size: 1.04vw;
text-align: center;
color: #8f8f91;
text-decoration: none;
margin: 0.52vw;
}
.menu-media-center a.active {
background-color: #9662f7;
color: #fff;
font-weight: 700;
}
.stay-tuned {
width: 37.44vw;
height: 2.2359999999999998vw;
line-height: 2.2359999999999998vw;
background-color: rgba(143, 143, 145, 0.1);
margin: 0 auto 3.1199999999999997vw;
border-radius: 1.144vw;
font-family: 'UniviaPro', sans-serif;
font-size: 0.832vw;
color: #000144;
text-align: center;
}
.btn-stay-tuned {
margin: 0.156vw;
width: 6.9159999999999995vw;
height: 1.924vw;
line-height: 1.924vw;
background-color: #262d83;
color: #fff;
font-family: 'UniviaPro', sans-serif;
font-size: 0.832vw;
text-align: center;
float: right;
margin-right: -7.072vw;
text-decoration: none;
border-radius: 0.9359999999999999vw;
}
.btn-stay-tuned:hover {
text-decoration: underline;
}
.bg-triangles {
position: relative;
background: #fff;
}
.bg-triangles:before,
.bg-triangles:after {
content: '';
position: absolute;
background-size: contain;
top: 10.4vw;
}
.bg-triangles:before {
width: 13.831999999999999vw;
height: 19.916vw;
left: -4.628vw;
background-image: url(../image/triangles-left.svg);
}
.bg-triangles:after {
width: 11.7vw;
height: 17.16vw;
right: -2.444vw;
background-image: url(../image/triangles-right.svg);
}
.wrapper-news {
background: #fafaff;
padding: 3.6399999999999997vw 0;
position: relative;
overflow: hidden;
}
.character {
position: absolute;
left: 0;
top: 0;
width: 16.483999999999998vw;
height: 25.688vw;
background: url(../image/character.png) center bottom no-repeat;
background-size: auto 100%;
animation: moving-on-rope 10s ease-in-out infinite;
}
@-webkit-keyframes moving-on-rope {
0% {
transform: translateY(0%);
}
50% {
transform: translateY(-50%);
}
100% {
transform: translateY(0%);
}
}
@keyframes moving-on-rope {
0% {
transform: translateY(0%);
}
50% {
transform: translateY(-50%);
}
100% {
transform: translateY(0%);
}
}
.wrapper-resources {
background: #fafaff;
padding: 3.6399999999999997vw 0;
}
.wrapper-resources .container {
width: 64.74vw;
}
.section-header {
font-size: 2.08vw;
line-height: 1.35;
text-align: left;
color: #212529;
font-weight: 700;
}
.nav-resources {
display: flex;
justify-content: flex-start;
margin: 2.6vw 0 3.6399999999999997vw;
}
.nav-resources li {
margin-right: 1.5599999999999998vw;
}
.nav-resources a {
padding: 0.46799999999999997vw 1.04vw;
border-radius: 1.0919999999999999vw;
height: 2.08vw;
line-height: 2.08vw;
text-decoration: none;
font-size: 0.9359999999999999vw;
color: #212529;
text-transform: uppercase;
}
.nav-resources a.active {
box-shadow: 0 0.52vw 1.04vw 0 rgba(38, 45, 131, 0.3);
background-color: #0c22f4;
color: #fff;
}
.content-main {
overflow: hidden;
}
.article {
height: 16.9vw;
border-radius: 0.624vw;
box-shadow: 0 1.04vw 2.6vw 0 rgba(52, 65, 161, 0.1);
background-color: #fff;
margin: 0 auto 1.5599999999999998vw;
display: block;
position: relative; }
.article.width-third {
width: 21.06vw;
height: 11.075999999999999vw;
margin: 0 1.716vw 2.288vw 0;
padding: 0.52vw;
float: left;
box-sizing: border-box;
}
.article.width-third:nth-child(3n) {
margin-right: 0;
}
.article.width-third .image {
width: 4.316vw;
float: left;
}
.article.width-third .image img {
max-width: 100%;
height: auto;
}
.article.width-third .content-wrapper {
padding: 0 0 0 0.7799999999999999vw;
}
.article.width-third h2 {
margin: 0.364vw 0 0.7799999999999999vw;
height: 2.496vw;
font-size: 0.7799999999999999vw;
line-height: 1.6;
color: #011a41;
}
.article.width-third h2 a {
color: #011a41;
text-decoration: none;
}
.article.width-third .excerpt {
margin: 0 0 1.04vw;
color: #808f9f;
font-size: 0.6759999999999999vw;
line-height: 1.5;
min-height: 3.952vw;
}
.article.width-third .excerpt a {
color: #808f9f;
text-decoration: none;
}
.article.width-third .date {
font-size: 0.728vw;
line-height: 1.404vw;
}
.article.width-full {
width: 64.74vw;
}
.article.width-full.image-half img {
width: 31.72vw;
height: 16.9vw;
background-size: contain;
float: right;
border-radius: 0 0.624vw 0.624vw 0;
}
.article.width-full.image-third img {
width: 23.919999999999998vw;
height: 16.9vw;
background-size: contain;
float: right;
border-radius: 0 0.624vw 0.624vw 0;
}
.article.width-full.image-third .read-more {
right: 27.56vw;
}
.article.width-full.image-third .content-wrapper {
padding-right: 1.5599999999999998vw;
}
.article.width-half {
width: 31.355999999999998vw;
margin: 0 0 2.86vw;
}
.article.width-half.image-bg img {
position: absolute;
z-index: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0.624vw;
opacity: .6;
}
.article.width-half.image-bg h2 {
z-index: 1;
position: relative;
}
.article.width-half.has-image .content-wrapper {
padding-right: 0.9359999999999999vw;
}
.article.width-half .image-wrapper {
width: 13.676vw;
height: 17.003999999999998vw;
float: right;
border-radius: 0 0.52vw 0.52vw 0;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.article.width-half .image-wrapper img {
width: 100%;
height: auto;
}
.article.width-half .content-wrapper {
padding: 4.16vw 3.6399999999999997vw 1.5599999999999998vw 1.664vw;
}
.article.width-half .category {
top: 2.08vw;
left: 1.664vw;
}
.article.width-half .tags,
.article.width-half .excerpt {
display: none;
}
.article.width-half h2 {
line-height: 1.4;
color: #262d83;
margin: 0 0 2.08vw;
height: auto;
display: block;
}
.article.width-half .read-more {
width: 12.272vw;
height: 2.808vw;
text-transform: uppercase;
line-height: 2.912vw;
border-radius: 1.456vw;
font-size: 1.04vw;
right: auto;
left: 1.248vw;
bottom: 1.5599999999999998vw;
background-color: #9080c5;
border: 1px solid #9080c5;
transition: 0.5s all ease-in-out;
}
.article.width-half .read-more:hover {
background-color: #fff;
}
.article .size-article-mobile-thumb {
display: none;
}
.article .content-wrapper {
padding: 2.08vw 1.8199999999999998vw;
overflow: hidden;
}
.article .category {
font-size: 0.832vw;
font-weight: bold;
text-align: left;
color: #80dae5;
position: absolute;
left: 1.8199999999999998vw;
bottom: 2.08vw;
text-transform: uppercase;
text-decoration: none;
}
.article .read-more {
width: 8.84vw;
height: 2.08vw;
line-height: 2.08vw;
border-radius: 4.16vw;
font-size: 0.832vw;
font-weight: 700;
text-align: center;
position: absolute;
right: 33.54vw;
bottom: 2.08vw;
text-decoration: none;
color: #fff;
background-color: #9080c5;
border: 1px solid #9080c5;
transition: 0.5s all ease-in-out;
}
.article .read-more:hover {
background-color: #fff;
color: #9080c5;
}
.article .excerpt {
font-size: 0.832vw;
line-height: 1.25;
text-align: left;
color: #808f9f;
}
.article .tags {
display: flex;
flex-wrap: wrap;
}
.article h2 {
font-size: 1.248vw;
font-weight: 700;
line-height: 1.25;
text-align: left;
color: #011940;
margin: 0.9359999999999999vw 0 0.52vw;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: 3.2239999999999998vw;
}
.article.newsletter-sign-up {
background: #ede9ff;
}
.article.newsletter-sign-up .content-wrapper {
padding: 2.392vw 2.6vw 3.1199999999999997vw 1.3519999999999999vw;
}
.article.newsletter-sign-up h2 {
font-size: 1.716vw;
line-height: 1.24;
color: #011a41;
margin-bottom: 0.884vw;
}
.article.newsletter-sign-up .excerpt {
font-size: 1.248vw;
line-height: 1.25;
color: #011a41;
display: block;
margin-bottom: 1.8199999999999998vw;
}
.article.newsletter-sign-up .wpcf7 {
width: 100%;
margin: 0;
}
.article.newsletter-sign-up .wpcf7 .wpcf7-submit {
position: relative;
}
.article.newsletter-sign-up .wpcf7 .wpcf7-form-control-wrap span {
position: absolute;
top: 2.08vw;
}
.article.newsletter-sign-up .form-search {
width: 100%;
margin: 0;
}
.article.newsletter-sign-up .form-search input {
height: 2.912vw;
line-height: 2.912vw;
font-size: 0.832vw;
}
.article.newsletter-sign-up .form-search input[type="text"],
.article.newsletter-sign-up .form-search input[type="email"] {
width: 100%;
border-radius: 1.3519999999999999vw;
padding: 0 6.76vw 0 1.5599999999999998vw;
font-size: 0.6759999999999999vw;
color: #000;
}
.article.newsletter-sign-up .form-search input[type="text"]::-webkit-input-placeholder,
.article.newsletter-sign-up .form-search input[type="email"]::-webkit-input-placeholder {
font-family: 'UniviaPro', sans-serif;
font-size: 0.6759999999999999vw;
color: #808f9f;
}
.article.newsletter-sign-up .form-search input[type="text"]:-ms-input-placeholder,
.article.newsletter-sign-up .form-search input[type="email"]:-ms-input-placeholder {
font-family: 'UniviaPro', sans-serif;
font-size: 0.6759999999999999vw;
color: #808f9f;
}
.article.newsletter-sign-up .form-search input[type="text"]::placeholder,
.article.newsletter-sign-up .form-search input[type="email"]::placeholder {
font-family: 'UniviaPro', sans-serif;
font-size: 0.6759999999999999vw;
color: #808f9f;
}
.article.newsletter-sign-up .form-search input[type="submit"] {
width: 5.8759999999999994vw;
height: 1.976vw;
line-height: 1;
border-radius: 1.04vw;
text-indent: 0;
font-size: 0.6759999999999999vw;
margin: 0.46799999999999997vw 0 0 -6.343999999999999vw;
color: #fff;
background: #f5be52;
border: 1px solid #f5be52;
cursor: pointer;
transition: 0.5s all ease-in-out;
font-family: 'UniviaPro', sans-serif;
}
.article.newsletter-sign-up .form-search input[type="submit"]:hover {
color: #f5be52;
background: #fff;
}
.article.book {
border: solid 0.104vw rgba(112, 112, 112, 0.18);
background-color: #f2f2f2;
}
.article.book:before {
content: '';
position: absolute;
width: 0;
border: solid 1px rgba(112, 112, 112, 0.18);
right: 13.52vw;
top: 1.5599999999999998vw;
bottom: 1.5599999999999998vw;
}
.article.book .content-wrapper {
padding: 4.16vw 14.559999999999999vw 4.16vw 2.2359999999999998vw;
}
.article.book .excerpt {
font-size: 1.04vw;
line-height: 1.25;
color: #808f9f;
display: block;
}
.article.book .read-more {
width: auto;
height: auto;
line-height: 1;
font-size: 1.04vw;
font-weight: 700;
color: #f5be52;
bottom: 2.288vw;
left: 2.6vw;
background: transparent;
padding: 0;
margin: 0;
box-shadow: 0 0 0 transparent;
border: 0;
}
.article.book .read-more:hover {
background: transparent;
}
.article.book .book-wrapper {
position: absolute;
top: 1.976vw;
right: 2.028vw;
bottom: 1.508vw;
width: 9.308vw;
height: 13.415999999999999vw;
border-radius: 0;
overflow: hidden;
}
.article.book .book-wrapper img {
width: auto;
height: 100%;
}
.article.article-blog .category {
color: #2f3def;
}
.article.article-wiki .category {
color: #8868e0;
}
.article.article-case-study .category {
color: #34a1a1;
}
.pinned .size-article-mobile-thumb {
display: block;
}
.tag {
padding: 0 0.6759999999999999vw;
margin: 0 0.52vw 0.52vw 0;
height: 1.3519999999999999vw;
line-height: 1.3519999999999999vw;
font-size: 0.728vw;
font-weight: 700;
color: #f9a350;
border-radius: 0.6759999999999999vw;
display: inline-block;
text-decoration: none;
}
.tag:nth-child(4n) {
background: #7cc4ea;
color: #0277b4;
}
.tag:nth-child(4n-1) {
background: #dad8fe;
color: #7a70fc;
}
.tag:nth-child(4n-2) {
background: #fde8d3;
color: #f9a350;
}
.tag:nth-child(4n-3) {
background: #cff5eb;
color: #43dbb2;
}
.article-wrapper {
display: flex;
flex-wrap: wrap;
width: 64.74vw;
justify-content: space-between;
margin: 0 auto;
}
.blog-article-header {
background-size: cover;
position: relative;
height: 6.396vw;
background: #f2f3f4;
}
.blog-article-header.has-image {
height: 35.775999999999996vw;
background-size: cover;
}
.blog-article-header.no-image {
height: auto;
}
.blog-article-header.no-image .blog-article-heading {
position: static;
transform: none;
margin: 0 auto -5.2vw;
}
.blog-article-heading {
position: absolute;
bottom: -5.2vw;
width: 75.66vw;
left: 50%;
box-shadow: 0.26vw 0.52vw 1.04vw 0 rgba(74, 74, 74, 0.15);
background-color: #fff;
transform: translateX(-50%);
padding: 1.8199999999999998vw 1.8199999999999998vw 2.86vw;
text-align: center;
border-radius: 1.04vw;
box-sizing: border-box;
}
.blog-article-heading h1 {
margin: 0 0 1.8199999999999998vw;
font-size: 2.08vw;
font-weight: 700;
color: #424242;
}
.blog-article-heading .category {
height: 2.496vw;
line-height: 2.496vw;
border-radius: 1.248vw;
background-color: #2f3def;
padding: 0 3.1199999999999997vw;
font-size: 0.832vw;
text-transform: uppercase;
display: inline-block;
color: #fff;
}
.blog-article-header + .bg-grey {
padding-top: 5.2vw;
}
.bg-grey {
background: #f2f3f4;
padding-bottom: 1px;
}
.blog-article-content {
display: flex;
justify-content: space-around;
align-items: flex-start;
flex-wrap: wrap;
width: 75.66vw;
margin: 2.86vw auto 2.6vw;
border-radius: 1.04vw;
box-shadow: 0.26vw 0.52vw 1.04vw 0 rgba(0, 0, 0, 0.15);
background-color: #fff;
padding: 2.6vw 0;
}
.blog-article-text {
width: 46.28vw;
}
.blog-article-text table {
border-collapse: collapse;
border-spacing: 0;
}
.blog-article-text table th {
border: 3px solid #ddd;
font-family: 'UniviaPro', sans-serif;
font-size: 0.728vw;
padding: 0.52vw 0.26vw;
word-break: normal;
text-align: center;
vertical-align: center;
}
.blog-article-text table td {
border: 3px solid #ddd;
font-family: 'UniviaPro', sans-serif;
font-size: 0.728vw;
overflow: hidden;
padding: 0.52vw 0.26vw;
word-break: normal;
text-align: left;
vertical-align: center;
}
.blog-article-text img {
max-width: 100%;
height: auto;
}
.blog-article-text p {
font-size: 0.832vw;
line-height: 1.8;
text-align: left;
color: #000;
margin-bottom: 1.04vw;
}
.blog-article-text em {
font-style: italic;
}
.blog-article-text h1,
.blog-article-text h2,
.blog-article-text h3,
.blog-article-text h4,
.blog-article-text h5,
.blog-article-text h6 {
font-weight: 700;
line-height: 1.25;
text-align: left;
color: #011a41;
margin: 1.04vw 0;
}
.blog-article-text h1 {
font-size: 2.08vw;
}
.blog-article-text h2 {
font-size: 1.5599999999999998vw;
}
.blog-article-text h3 {
font-size: 1.248vw;
}
.blog-article-text h4 {
font-size: 1.04vw;
}
.blog-article-text h5 {
font-size: 0.832vw;
}
.blog-article-text ul,
.blog-article-text ol {
margin: 1.04vw 0;
list-style-type: disc;
padding: 0 0 0 0.9359999999999999vw;
}
.blog-article-text ol {
list-style-type: decimal;
}
.blog-article-text li {
font-size: 0.832vw;
}
.blog-article-text strong {
font-weight: 700;
}
.blog-article-text blockquote {
font-size: 0.832vw;
quotes: "“" "”" "‘" "’";
font-style: italic;
border-left: 0.26vw solid #011a41;
padding-left: 16px;
margin-bottom: 1.04vw;
}
.blog-article-text blockquote p {
display: inline;
}
.blog-article-text blockquote:before {
content: open-quote;
}
.blog-article-text blockquote:after {
content: close-quote;
}
.blog-article-aside {
width: 17.68vw;
}
.blog-article-aside .label {
border-bottom: 1px solid #262d83;
font-size: 0.9359999999999999vw;
font-weight: 700;
line-height: 1.2;
color: #262d83;
padding-bottom: 0.832vw;
margin-bottom: 2.08vw;
}
.blog-article-aside .author {
overflow: hidden;
}
.blog-article-aside .author img {
width: 2.08vw;
height: 2.08vw;
border-radius: 1.04vw;
float: left;
margin: 0 0.52vw 3.38vw;
}
.blog-article-aside .author .role {
opacity: 0.85;
font-size: 0.52vw;
font-weight: 700;
color: #8f8f91;
padding-top: 0.208vw;
}
.blog-article-aside .author h5 {
opacity: 0.85;
font-size: 0.728vw;
font-weight: 700;
color: #262d83;
}
.blog-article-aside .tags {
padding-bottom: 3.38vw;
overflow: hidden;
}
.blog-article-aside .tags .label {
margin-bottom: 0.832vw;
}
.blog-article-aside .tags .tag {
float: left;
}
.blog-article-aside .newsletter .label {
font-weight: 700;
font-size: 1.248vw;
border: 0;
border-top: 1px solid #262d83;
padding-top: 1.456vw;
padding-bottom: 0;
margin-bottom: 0.728vw;
font-family: 'UniviaPro', sans-serif;
}
.blog-article-aside .newsletter p {
font-size: 0.728vw;
color: #011a41;
}
.blog-article-aside .newsletter .form-search {
width: 100%;
margin: 0.6759999999999999vw 0 0;
position: relative;
}
.blog-article-aside .newsletter .form-search input {
height: 2.912vw;
line-height: 2.912vw;
background: #f2f3f4;
}
.blog-article-aside .newsletter .form-search input[type="text"],
.blog-article-aside .newsletter .form-search input[type="email"] {
width: 100%;
border-radius: 1.3519999999999999vw;
padding: 0 6.76vw 0 1.5599999999999998vw;
font-family: 'UniviaPro', sans-serif;
font-size: 0.6759999999999999vw;
color: #000;
}
.blog-article-aside .newsletter .form-search input[type="text"]::-webkit-input-placeholder,
.blog-article-aside .newsletter .form-search input[type="email"]::-webkit-input-placeholder {
font-family: 'UniviaPro', sans-serif;
font-size: 0.6759999999999999vw;
color: #808f9f;
}
.blog-article-aside .newsletter .form-search input[type="text"]:-ms-input-placeholder,
.blog-article-aside .newsletter .form-search input[type="email"]:-ms-input-placeholder {
font-family: 'UniviaPro', sans-serif;
font-size: 0.6759999999999999vw;
color: #808f9f;
}
.blog-article-aside .newsletter .form-search input[type="text"]::placeholder,
.blog-article-aside .newsletter .form-search input[type="email"]::placeholder {
font-family: 'UniviaPro', sans-serif;
font-size: 0.6759999999999999vw;
color: #808f9f;
}
.blog-article-aside .newsletter .form-search input[type="submit"] {
width: 5.8759999999999994vw;
height: 2.028vw;
line-height: 1.8719999999999999vw;
border-radius: 1.04vw;
text-indent: 0;
font-size: 0.6759999999999999vw;
margin: 0.416vw 0 0 -6.4479999999999995vw;
text-transform: uppercase;
position: absolute;
z-index: 2;
right: 0.416vw;
cursor: pointer;
color: #fff;
background: #f5be52;
border: 1px solid #f5be52;
transition: 0.5s all ease-in-out;
}
.blog-article-aside .newsletter .form-search input[type="submit"]:hover {
color: #f5be52;
background: #fff;
}
.form-style {
font-weight: 700;
line-height: 1.27;
color: #000;
font-size: 1.3519999999999999vw;
}
.form-style h6 {
margin: 1.8199999999999998vw 0 1.04vw;
}
.form-style label {
font-size: 0.6759999999999999vw;
width: 100%;
color: #011a41;
position: relative;
}
.form-style label span {
color: #f52e09;
}
.form-style input,
.form-style textarea {
border: 0;
border-bottom: 1px solid #011a41;
width: 100%;
box-sizing: border-box;
height: 2.08vw;
line-height: 2.08vw;
padding: 0.52vw;
color: #011a41;
}
.form-style input::-webkit-input-placeholder,
.form-style textarea::-webkit-input-placeholder { font-family: 'UniviaPro', sans-serif;
font-size: 0.832vw;
color: #8f8f91;
}
.form-style input:-ms-input-placeholder,
.form-style textarea:-ms-input-placeholder { font-family: 'UniviaPro', sans-serif;
font-size: 0.832vw;
color: #8f8f91;
}
.form-style input::placeholder,
.form-style textarea::placeholder {
font-family: 'UniviaPro', sans-serif;
font-size: 0.832vw;
color: #8f8f91;
}
.form-style textarea {
height: 2.132vw;
padding-top: 0;
padding-bottom: 0;
resize: none;
}
.form-style input[type="file"] {
height: 2.028vw;
line-height: 0.988vw;
padding: 0.52vw;
font-size: 0.832vw;
}
.form-style .file-label {
position: absolute;
background: #fff;
left: 0;
top: 1.04vw;
height: 1.3vw;
width: 100%;
z-index: 1;
padding: 0.52vw 0.52vw 0;
color: #8f8f91;
font-weight: 400;
}
.form-style .file-label:after {
content: '';
position: absolute;
width: 1.04vw;
height: 1.04vw;
right: 1.04vw;
background: url(../image/icon-resume.svg);
background-size: contain;
}
.form-style .btn-blue,
.form-style input[type=submit] {
margin-top: 1.04vw;
height: 2.808vw;
line-height: 2.808vw;
border-radius: 4.16vw;
font-size: 1.04vw;
font-weight: 700;
text-align: center;
padding: 0 2.548vw;
width: auto;
font-family: 'UniviaPro', sans-serif;
transition: 0.5s all ease-in-out;
color: #fff;
background-color: #2f3def;
border: 1px solid #2f3def;
}
.form-style .btn-blue:hover,
.form-style input[type=submit]:hover {
color: #2f3def;
background-color: #fff;
}
.form-style .btn-blue,
.form-style button[type=submit] {
margin-top: 1.04vw;
height: 2.808vw;
line-height: 2.808vw;
border-radius: 4.16vw;
font-size: 1.04vw;
font-weight: 700;
text-align: center;
padding: 0 2.548vw;
width: auto;
font-family: 'UniviaPro', sans-serif;
transition: 0.5s all ease-in-out;
color: #fff;
background-color: #2f3def;
border: 1px solid #2f3def;
}
.form-style .btn-blue:hover,
.form-style button[type=submit]:hover {
color: #2f3def;
background-color: #fff;
}
.form-style .btn-blue {
display: inline-block;
text-decoration: none;
font-size: 1.04vw;
height: 2.808vw;
line-height: 2.808vw;
}
.form-style span.wpcf7-not-valid-tip {
font-size: 0.728vw;
}
.form-style div.wpcf7 .ajax-loader {
display: block;
}
.form-style .field {
margin-bottom: 1.5599999999999998vw;
}
.form-style .field-submit {
width: 100%;
text-align: right;
}
.form-download {
width: 92%;
}
.form-download h3 {
font-size: 1.5599999999999998vw;
margin: 2.6vw 0;
width: 100%;
}
.form-download form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.form-download .btn-blue,
.form-download input[type=submit] {
text-transform: uppercase;
padding: 0 6.76vw;
height: 2.912vw;
line-height: 2.912vw;
cursor: pointer;
}
.form-download .field {
width: 29.639999999999997vw;
}
.blog-article-date {
line-height: 1.3vw;
font-size: 1.04vw;
font-weight: 700;
text-align: left;
color: #8f8f91;
margin-bottom: 1.5599999999999998vw;
}
img + .blog-article-date {
margin: 1.5599999999999998vw 0;
}
.want-to-know-more {
width: 75.66vw;
margin: 0 auto 2.6vw;
border-radius: 1.04vw;
box-shadow: 0.26vw 0.52vw 1.04vw 0 rgba(0, 0, 0, 0.15);
background-color: #fff;
padding: 2.6vw 2.34vw 0 3.9vw;
box-sizing: border-box;
text-align: center;
}
.want-to-know-more .heading,
.want-to-know-more .label {
font-size: 1.5599999999999998vw;
font-weight: 700;
line-height: 1.3;
text-align: center;
color: #011a41;
}
.want-to-know-more .btn-blue {
height: 3.7439999999999998vw;
line-height: 3.7439999999999998vw;
border-radius: 1.924vw;
margin: 1.5599999999999998vw 0 3.38vw;
font-size: 1.5599999999999998vw;
font-weight: 700;
text-align: center;
display: inline-block;
padding: 0 4.16vw;
text-decoration: none;
color: #fff;
background-color: #2f3def;
border: 2px solid #2f3def;
transition: 0.5s all ease-in-out;
}
.want-to-know-more .btn-blue:hover {
color: #2f3def;
background-color: #fff;
}
.want-to-know-more .label {
margin-bottom: 1.5599999999999998vw;
}
.want-to-know-more .nav-share {
justify-content: center;
padding-bottom: 3.38vw;
}
.want-to-know-more .nav-share .facebook {
background-image: url(../image/bc-facebook-bl.svg);
}
.want-to-know-more .nav-share .linkedin {
background-image: url(../image/bc-linkedin-bl.svg);
}
.want-to-know-more .nav-share .mail {
background-image: url(../image/bc-mail-bl.svg);
}
.want-to-know-more .nav-share .twitter {
background-image: url(../image/bc-twitter-bl.svg);
}
.wrapper-careers {
width: 75.816vw;
margin: 0 auto 5.2vw;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.wrapper-careers .section-header {
margin-top: 5.2vw;
text-align: center;
}
.nav-positions {
display: flex;
justify-content: center;
margin: 3.6399999999999997vw 0 5.2vw;
}
.nav-positions li {
margin: 0 0.7799999999999999vw;
}
.nav-positions a {
display: inline-block;
padding: 0 2.34vw;
border-radius: 1.5599999999999998vw;
height: 3.1199999999999997vw;
line-height: 3.1199999999999997vw;
text-decoration: none;
font-size: 1.04vw;
color: #8f8f91;
white-space: nowrap;
}
.nav-positions a.active {
background-color: #0c22f4;
color: #fff;
}
.collage {
width: 22.464vw;
height: 69.94vw;
background: url(https://zoomd.com/wp-content/themes/zoomd/img/collage.png) no-repeat;
background-size: 100%;
margin: 0 3.9vw;
}
.article.position {
width: 37.44vw;
border-radius: 0.7799999999999999vw;
box-shadow: 0 0 2.6vw 0 rgba(0, 0, 0, 0.1);
padding: 1.3vw 2.34vw;
box-sizing: border-box;
height: auto;
min-height: 9.36vw;
}
.article.position:after {
content: '';
position: absolute;
left: 0.7799999999999999vw;
top: 0.7799999999999999vw;
width: 0.416vw;
height: 7.4879999999999995vw;
border-radius: 1.04vw;
}
.article.position.marketing:after {
background-color: #4ccbda;
}
.article.position.administration:after {
background-color: #fd53dd;
}
.article.position.engineering:after {
background-color: #f4a928;
}
.article.position.sales:after {
background-color: #67da4c;
}
.article.position .position-header {
text-decoration: none;
display: block;
font-size: 1.664vw;
font-weight: 700;
line-height: 1.2;
text-align: left;
color: #011a41;
margin: 0 0 1.5599999999999998vw;
max-width: 26vw;
min-height: 3.952vw;
}
.article.position .content-wrapper {
display: none;
font-size: 0.832vw;
line-height: 1.5;
color: #011a41;
padding: 0 0 1.5599999999999998vw;
}
.article.position .content-wrapper p {
margin-bottom: 0.832vw;
}
.article.position .content-wrapper ul {
margin: 1.04vw 0 1.04vw;
list-style-type: disc;
padding: 0 0 0 0.9359999999999999vw;
}
.article.position .position-number,
.article.position .position-place {
font-size: 0.728vw;
color: #212529;
display: inline-block;
margin-right: 3.9vw;
padding-left: 1.5599999999999998vw;
}
.article.position .position-number:before,
.article.position .position-place:before {
content: '';
float: left;
height: 0.9359999999999999vw;
width: 0.728vw;
margin: 0 0 0 -1.5599999999999998vw;
background: url(../image/gps.svg) center no-repeat;
background-size: 100%;
}
.article.position .position-number:before {
height: 0.9359999999999999vw;
width: 0.728vw;
background-image: url(../image/icon-file.svg);
}
.article.position .open {
position: absolute;
width: 1.456vw;
height: 0.728vw;
top: 2.34vw;
right: 2.34vw;
background: url(../image/arrow-position.svg);
background-size: 100%;
transform: rotate(0deg);
transition: 0.5s all ease-in;
}
.article.position .open.opened {
transform: rotate(-180deg);
}
.article.position .form-style label {
display: block;
}
.position-another {
background: #fafaff;
padding: 2.6vw 0 2.6vw;
height: 30.68vw;
box-sizing: border-box;
display: flex;
justify-content: flex-end;
}
.position-another .graphics {
background: url(../image/another-position.png);
background-size: contain;
width: 22.36vw;
height: 22.36vw;
margin: 2.08vw 1.3vw 0 0;
}
.position-another .hr-photo {
width: 24.959999999999997vw;
height: 24.959999999999997vw;
border-radius: 12.479999999999999vw 0 12.479999999999999vw 12.479999999999999vw;
overflow: hidden;
box-shadow: 0 2.08vw 5.148vw 0 rgba(0, 0, 0, 0.1);
}
.position-another .hr-photo img {
max-width: 100%;
max-height: 100%;
object-fit: cover;
}
.position-another .info {
margin: 0 9.36vw 0 3.1199999999999997vw;
}
.position-another h2 {
font-size: 2.08vw;
font-weight: 700;
line-height: 1.4;
color: #2f3def;
margin: 3.1199999999999997vw 0 0;
}
.position-another .name {
margin-top: 2.08vw;
font-size: 1.248vw;
font-weight: 700;
line-height: 1.3;
color: #2f3def;
}
.position-another .role {
font-size: 1.04vw;
line-height: 1.6;
color: #011a41;
margin: 0.26vw 0 0.416vw;
}
.position-another .mail {
font-size: 0.728vw;
line-height: 2.2;
color: #011a41;
text-decoration: underline;
}
.article-about {
padding: 5.2vw 0 0;
line-height: 2.08vw;
}
.article-about .container {
width: 75.92vw;
}
.article-about .section-header,
.article-about h2 {
font-size: 2.08vw;
font-weight: 700;
margin-bottom: 1.04vw;
}
.article-about p {
font-size: 1.248vw;
margin-bottom: 1.04vw;
}
.article-about img {
width: 30.16vw;
height: auto;
float: right;
margin: 0 0 7.279999999999999vw 11.7vw;
}
.timeline {
clear: both;
position: relative;
padding: 26vw 0 0;
margin-right: 45%;
}
.timeline .textblock {
width: 33.8vw;
height: 13vw;
position: absolute;
left: calc(58.84%);
top: 2.6vw;
}
.timeline:before {
content: '';
background: url(../image/timeline.svg);
background-size: auto;
display: block;
position: absolute;
top: 0;
left: 50%;
transform: translateX(calc(-50.884%));
width: 3.952vw;
height: 5.46vw;
}
.timeline:after {
content: '';
position: absolute;
width: 0.7799999999999999vw;
top: 2.6vw;
bottom: 2.6vw;
left: calc(49.636%);
background: #7e57fc;
border-radius: 0 0 1.04vw 1.04vw;
z-index: -1;
}
.timeline .event {
position: relative;
min-height: 29.119999999999997vw;
}
.timeline .year {
width: 3.432vw;
height: 1.976vw;
line-height: 1.976vw;
border-radius: 0.312vw;
background: #2c2c4b;
font-size: 0.9359999999999999vw;
font-weight: 700;
text-align: center;
color: #fff;
position: relative;
left: 50%;
top: -5.72vw;
transform: translate(-50%, -50%);
}
.timeline .date {
width: 5.2vw;
height: 5.2vw;
box-shadow: 0 0 1.04vw 0 rgba(0, 0, 0, 0.1);
border: solid 0.416vw #f3f3f3;
background-color: #fff;
font-size: 0.884vw;
line-height: 1.2;
display: flex;
align-items: center;
justify-content: center;
color: #011a41;
border-radius: 50%;
padding: 0;
margin: 0;
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, -50%);
text-align: center;
}
.timeline .right {
position: absolute;
top: 0;
transform: translateY(-50%);
left: calc(57.8%);
text-align: left;
}
.timeline .right img {
width: 16.848vw;
height: auto;
margin: 0;
}
.timeline .left {
position: absolute;
top: 0;
transform: translateY(-50%);
right: calc(58.32%);
text-align: right;
}
.timeline .event-year {
font-size: 2.808vw;
font-weight: 700;
color: #2f3def;
margin: 0 0 0.52vw;
}
.timeline .event-name {
font-size: 1.664vw;
line-height: 1.25;
color: #011a41;
}
.timeline .event.last .event-name {
font-size: 2.808vw;
font-weight: 700;
color: #2f3def;
margin-left: -3.6399999999999997vw;
}
.timeline .event.last img {
width: 35.879999999999995vw;
}
.article-team {
background: #f1f9fe;
}
.article-team .container {
width: 56.68vw;
}
.article-team .section-header {
text-align: center;
color: #2f3def;
font-weight: 700;
padding: 5.2vw 0 2.6vw;
}
.article-team p {
font-size: 1.248vw;
line-height: 1.6;
text-align: center;
color: #011a41;
}
.team-wrapper {
width: 70%;
margin: 2.6vw auto 0;
text-align: center;
}
.team-member {
margin: 0 0 3.38vw;
}
.team-img {
width: 10.088vw;
height: 10.088vw;
border-radius: 50%;
border: 0.416vw solid #2f3def;
overflow: hidden;
margin: 0 auto 0.52vw;
}
.team-img img {
width: 100%;
height: auto;
}
.team-name {
color: #2f3def;
font-size: 0.9359999999999999vw;
font-weight: 700;
}
.team-role {
color: #011a41;
font-size: 0.728vw;
}
.team-email {
color: #011a41;
font-size: 0.728vw;
}
.team-linkedin {
width: 2.1839999999999997vw;
height: 2.1839999999999997vw;
background-size: 100%;
background-repeat: no-repeat;
background-image: url(../image/about-linkedin.svg);
fill: #2f3def;
margin: 0.52vw auto 0;
}
.team-linkedin a {
display: block;
width: 100%;
height: 100%;
}
.about-pics {
background: #fafaff;
text-align: center;
padding: 2.6vw 0;
}
.about-pics .container {
width: 58.239999999999995vw;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.about-pics h6 {
font-size: 1.144vw;
line-height: 1.3;
color: #212121;
margin: 2.08vw 0 1.3vw;
}
.about-pic-wrapper {
width: 27.56vw;
height: 28.08vw;
border-radius: 0.312vw;
border: solid 1px rgba(197, 197, 197, 0.3);
background-color: #fff;
}
.about-pic1 {
width: 17.419999999999998vw;
height: 17.16vw;
background: url(../image/about-pic1.svg) no-repeat;
background-size: contain;
margin: 0 auto 1.3vw;
}
.about-pic2 {
width: 23.919999999999998vw;
height: 17.16vw;
background: url(../image/about-pic2.svg) no-repeat;
background-size: contain;
margin: 0 auto 1.3vw;
}
.article-platform .feature {
padding: 5.2vw 0;
}
.article-platform .feature .container {
width: 63.959999999999994vw;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.article-platform .feature p {
max-width: 26vw;
font-size: 1.248vw;
line-height: 1.5;
text-align: left;
color: #011a41;
}
.article-platform .feature img {
max-height: 18.2vw;
width: auto;
}
.article-platform .feature:nth-child(2n) {
background-color: #fafaff;
}
.article-platform .feature:nth-child(2n) p {
order: 1;
}
.ready-to-grow {
text-align: center;
background: #fafaff;
padding: 2.6vw;
}
.ready-to-grow h3 {
font-size: 2.08vw;
font-weight: 700;
line-height: 1.25;
text-align: center;
color: #2f3def;
}
.ready-to-grow img {
width: 18.2vw;
height: auto;
display: block;
margin: 2.6vw auto;
mix-blend-mode: multiply;
}
.article-team.contact {
background: transparent;
position: relative;
}
.article-team.contact:before,
.article-team.contact:after {
content: '';
position: absolute;
left: 0;
top: -8.58vw;
width: 7.072vw;
height: 17.108vw;
background: url(../image/contact-decor.svg) no-repeat;
background-size: 100%;
}
.article-team.contact:after {
left: auto;
right: 0;
top: 18.72vw;
}
.article-team.contact .team-wrapper {
margin: 3.6399999999999997vw auto 1.5599999999999998vw;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.article-team.contact .team-member {
margin: 0 4.16vw 3.1199999999999997vw;
vertical-align: top;
}
.article-team.contact .team-img {
width: 11.7vw;
height: 11.7vw;
border-radius: 50% 0 50% 50%;
box-shadow: 0 2.08vw 5.2vw 0 rgba(0, 0, 0, 0.1);
border: 0;
}
.article-team.contact .team-role {
margin-bottom: 0.208vw;
}
.article-contact {
width: 70.72vw;
margin: 0 auto 10.4vw;
border-radius: 0.7799999999999999vw;
box-shadow: 0 0 2.6vw 0 rgba(0, 0, 0, 0.1);
background-color: #fff;
display: flex;
justify-content: space-between;
position: relative;
box-sizing: border-box;
padding: 3.1199999999999997vw 2.6vw;
}
.article-contact:after {
content: '';
position: absolute;
background: url(../image/contact-decor2.svg);
background-size: 100%;
width: 13.52vw;
height: 14.559999999999999vw;
left: -4.784vw;
bottom: -6.188vw;
z-index: -1;
}
.article-contact .column {
width: 45%;
}
.article-contact img {
position: absolute;
width: 22.619999999999997vw;
height: 17.419999999999998vw;
right: -5.2vw;
bottom: -2.6vw;
}
.article-contact .form-title {
font-size: 1.3519999999999999vw;
font-weight: 700;
color: #011a41;
}
.article-contact .office-title {
font-size: 2.912vw;
font-weight: 500;
line-height: 1.2;
color: #011a41;
}
.article-contact .address-label {
font-size: 1.04vw;
font-weight: 700;
color: #f3933d;
margin-bottom: 0.52vw;
line-height: 1;
margin-top: 1.8199999999999998vw;
}
.article-contact .address {
font-size: 0.832vw;
color: #333;
line-height: 2;
}
.article-contact .email-label,
.article-contact .phone-label {
font-size: 0.728vw;
color: rgba(51, 51, 51, 0.5);
text-transform: uppercase;
line-height: 1;
margin-top: 2.08vw;
}
.article-contact .email,
.article-contact .phone {
font-size: 1.248vw;
font-weight: 500;
color: #333;
line-height: 2;
}
.articles-container {
transition: 0.5s all ease-in;
}
.articles-container.loaded {
opacity: 0.3;
pointer-events: none;
}
.articles-container article {
transition: 0.5s all ease-in;
}
.articles-container article.ajax_added {
opacity: 0;
}
.navigation.pagination {
text-align: center;
margin: 2.6vw auto;
}
.navigation.pagination .nav-links a,
.navigation.pagination .nav-links span {
padding: 0.416vw 0.624vw;
border-radius: 50%;
line-height: 0.832vw;
text-decoration: none;
font-size: 0.832vw;
color: #212529;
min-width: 0.52vw;
display: inline-block;
}
.navigation.pagination .nav-links span.current {
box-shadow: 0 0.52vw 1.04vw 0 rgba(38, 45, 131, 0.3);
background-color: #0c22f4;
color: #fff;
}
.wrapper-search {
background: #fafaff;
padding: 3.6399999999999997vw 0;
}
.wrapper-search .container {
width: 64.74vw;
}
.wrapper-search .section-header {
padding-bottom: 3.6399999999999997vw;
}
.map .container {
width: 75.66vw;
}
.map .section-header {
text-align: center;
font-size: 2.08vw;
font-weight: 400;
line-height: 1.25;
color: #2f3def;
margin: 0;
padding: 3.1199999999999997vw 0 5.2vw;
}
.map .img-map {
position: relative;
width: 75.66vw;
height: 34.164vw; background-size: 100%;
margin-bottom: 7.02vw;
}
.map img {
width: 100%;
height: auto;
}
.map .rolover-area {
position: absolute;
width: 3.1199999999999997vw;
height: 3.1199999999999997vw;
cursor: pointer;
}
.map .rolover {
cursor: auto;
display: none;
padding: 1.5599999999999998vw 0.52vw 1.5599999999999998vw 1.5599999999999998vw;
box-sizing: border-box;
width: 16.483999999999998vw;
height: 10.556vw;
border-radius: 0.7799999999999999vw;
box-shadow: 0 0.7799999999999999vw 1.3vw 0 rgba(0, 0, 0, 0.09);
background-color: #fff;
line-height: 1.3;
left: 100%;
top: 100%;
position: absolute;
}
.map .img-wrapper {
width: 4.42vw;
height: 4.42vw;
border: solid 0.156vw #2f3def;
overflow: hidden;
border-radius: 50%;
margin-right: 0.52vw;
float: left;
}
.map .city,
.map .name,
.map .role,
.map .btn-white {
margin-left: 5.72vw;
}
.map .city {
height: 0.9359999999999999vw;
font-size: 0.728vw;
color: #011a41;
}
.map .name {
font-size: 0.9359999999999999vw;
font-weight: 700;
color: #2f3def;
margin-top: 0.52vw;
margin-bottom: 0.104vw;
}
.map .role {
font-size: 0.728vw;
color: #011a41;
}
.map .btn-white {
padding: 0 1.924vw;
height: 1.8199999999999998vw;
line-height: 1.8199999999999998vw;
font-size: 0.832vw;
text-align: center;
color: #2f3def;
border-radius: 1.248vw;
border: solid 1px #2f3def;
display: inline-block;
text-decoration: none;
margin-top: 0.456vw;
background: #fff;
transition: 0.5s all ease-in-out;
}
.map .btn-white:hover {
background: #2f3def;
color: #fff;
}
.map .close {
width: 1.04vw;
height: 1.04vw;
background: url(../image/hamb-close.svg) no-repeat;
background-size: 100%;
position: absolute;
right: 0.52vw;
top: 0.52vw;
}
.video-wrapper {
position: relative;
width: 140vw;
}
#yt-overlay {
position: absolute;
z-index: -2;
width: 140vw;
height: 56.16vw;
background: url(../image/video-placeholder.jpg) no-repeat center;
background-size: 100% auto;
}
#yt-overlay.transparent {
background: transparent;
}
#yt-wrap {
z-index: -3;
position: relative;
width: 140vw;
height: 56.16vw;
}
#yt-wrap iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 50%;
min-height: 50%;
}
.home-ctas-list {display: flex;padding: 3.38vw 0;}
.home-cta-item {
padding: 1vw 6.239999999999999vw;
width: 100%;
text-align: center;
border-right: 3px solid #bbb;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
}
.home-cta-item p {
font-size: 1.04vw;
line-height: 1.5;
color: #000;
}
.home-cta-btn {
padding: 0 3.1199999999999997vw;
font-weight: 500;
width: auto;
margin-top: 2.6vw;
margin: 20px 0;
}
.home-cta-item img {
width: 110px;
height: 100px;
object-fit: contain;
}
.home-cta-item:last-child {
border: none;
}
.btn-purple {
display: inline-block;
height: 2.86vw;
line-height: 2.86vw;
font-size: 1.04vw;
font-weight: 500;
padding: 0 1.248vw;
box-sizing: border-box;
border-radius: 4.16vw;
text-decoration: none;
color: #fff;
background-color: #9080c5;
border: solid 1px #9080c5;
transition: 0.5s all ease-in-out;
}
.btn-purple:hover {
color: #9080c5;
background-color: #fff;
}
.brands {
background: #2f3def;
padding: 3.38vw;
text-align: center;
}
.brands .container {
width: 62.4vw;
}
.brands .section-header {
font-size: 2.08vw;
font-weight: 700;
line-height: 1.35;
color: #fff;
margin-bottom: 3.38vw;
text-align: center;
}
.brands .btn-orange {
padding: 0 3.1199999999999997vw;
font-weight: 500;
width: auto;
margin-top: 2.6vw;
}
.brands-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.brands-item {
width: 10.92vw;
height: 4.784vw;
box-shadow: 0 1.04vw 2.6vw 0 rgba(5, 5, 162, 0.15);
background-color: #fff;
border-radius: 1.04vw;
margin: 0 0.7799999999999999vw 0.7799999999999999vw;
display: flex;
justify-content: center;
align-items: center;
}
.brands-item img {
max-width: 100%;
height: auto;
}
.brands-categories {
display: flex;
justify-content: space-between;
color: #fff;
font-size: 0.9359999999999999vw;
margin: 0 0 2.08vw;
}
.brands-categories div {
width: 10.92vw;
margin: 0 0.7799999999999999vw;
}
.brands-categories a {
text-decoration: none;
color: #fff;
}
.brands-categories a:hover {
text-decoration: underline;
}
.home-new-platform {
position: relative;
height: 41.08vw;
}
.home-new-platform .content {
width: 24.959999999999997vw;
top: 7.8vw;
left: 18.2vw;
position: absolute;
}
.home-new-platform .section-header {
font-size: 2.496vw;
font-weight: 700;
line-height: 1.25;
text-align: left;
color: #011a41;
margin-bottom: 2.08vw;
}
.home-new-platform #animation_container1,
.home-new-platform #canvas1,
.home-new-platform #dom_overlay_container1 {
width: 46.28vw !important;
height: 35.36vw !important;
}
.home-new-platform #canvas1 {
position: absolute;
display: block;
right: 5.2vw;
top: 2.34vw;
}
.home-new-platform #dom_overlay_container1 {
pointer-events: none;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
display: block;
}
.home-platform {
position: relative;
overflow: hidden;
}
.home-platform #animation_container,
.home-platform #canvas,
.home-platform #dom_overlay_container {
width: 100vw !important;
height: 40vw !important;
}
.home-platform #animation_container {
background-color: rgba(215, 207, 254, 0.45);
}
.home-platform #canvas {
position: absolute;
display: block;
}
.home-platform #dom_overlay_container {
pointer-events: none;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
display: block;
}
.home-platform .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
text-align: center;
}
.home-platform .section-header {
width: 50.44vw;
margin: 3.6399999999999997vw auto 2.08vw;
color: #011a41;
font-size: 2.08vw;
font-weight: 700;
line-height: 1.25;
text-align: center;
}
.home-platform p {
width: 41.6vw;
font-size: 1.04vw;
line-height: 1.5;
color: #000;
margin: 0 auto;
}
.home-platform p strong {
font-weight: 700;
}
.home-platform .btn-orange {
width: auto;
font-weight: 500;
padding: 0 2.34vw;
margin-top: 3.1199999999999997vw;
}
.home-platform .character-mirror {
transform: scaleX(-1);
}
.home-events {
position: relative;
padding: 5.2vw 0 3.6399999999999997vw;
display: flex;
flex-wrap: wrap;
font-family: 'UniviaPro', sans-serif;
justify-content: center;
width: 100%;
overflow: hidden;
}
.home-events:before,
.home-events:after {
content: '';
position: absolute;
background-size: contain;
top: 10.4vw;
}
.home-events:before {
width: 13.831999999999999vw;
height: 19.916vw;
left: -9.879999999999999vw;
background-image: url(../image/triangles-left.svg);
}
.home-events:after {
width: 11.7vw;
height: 17.16vw;
right: -3.1199999999999997vw;
background-image: url(../image/triangles-right.svg);
}
.home-events .decor {
position: absolute;
width: 31.2vw;
height: 9.36vw;
top: 2.288vw;
left: 50%;
transform: translateX(-50%);
background: url(../image/home-decor.svg);
background-size: 100%;
}
.home-events .section-header {
font-size: 2.08vw;
font-weight: 700;
line-height: 1.25;
text-align: center;
color: #011a41;
margin-bottom: 3.6399999999999997vw;
width: 100%;
font-family: 'UniviaPro', sans-serif;
}
.home-events .half {
width: 32.24vw;
padding: 0 6.239999999999999vw;
text-align: left;
border-right: 3px solid #bbb;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.home-events .half:nth-child(3) {
border: 0;
}
.home-events .half img {
display: block;
margin: 0 auto 0.7799999999999999vw;
width: 24.18vw;
height: auto;
}
.home-events .btn-orange {
margin-top: 1.5599999999999998vw;
font-weight: 500;
}
.home-events .category {
font-size: 0.9359999999999999vw;
font-weight: 500;
color: #f1a000;
margin-bottom: 1.04vw;
text-transform: uppercase;
}
.home-events .title {
font-size: 2.08vw;
font-weight: 700;
line-height: 1.2;
color: #011a41;
}
.home-events .excerpt {
font-size: 1.248vw;
font-weight: 400;
line-height: 1.2;
color: #011a41;
}
.home-ecosystem {
background-color: rgba(215, 207, 254, 0.45);
padding: 6.76vw 0;
}
.home-ecosystem .section-header {
font-size: 2.08vw;
font-weight: 500;
text-align: center;
color: #011a41;
margin: 0 auto 6.76vw;
}
.home-ecosystem .stats {
color: #011a41;
font-family: 'UniviaPro', sans-serif;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 72.8vw;
margin: 0 auto;
}
.home-ecosystem .stats-item {
border-width: 0 3px 3px 0;
border-style: solid;
border-color: #bbb;
width: 32%;
padding: 3.1199999999999997vw 0;
box-sizing: border-box;
}
.home-ecosystem .stats-item:nth-last-child(1),
.home-ecosystem .stats-item:nth-last-child(2),
.home-ecosystem .stats-item:nth-last-child(3) {
border-width: 0 3px 0 0;
padding-bottom: 0;
}
.home-ecosystem .stats-item:nth-child(1),
.home-ecosystem .stats-item:nth-child(2),
.home-ecosystem .stats-item:nth-child(3) {
padding-top: 0;
}
.home-ecosystem .stats-item:nth-child(3n) {
border-right: 0;
}
.home-ecosystem .stats-item:last-child {
padding: 1.04vw 0 0 2.08vw;
}
.home-ecosystem .stats-item:last-child .description {
font-family: 'UniviaPro', sans-serif;
font-size: 1.456vw;
font-weight: 700;
line-height: 1.4;
text-align: left;
margin-bottom: 1.04vw;
}
.home-ecosystem .stats-item:last-child .btn-purple {
font-weight: 500;
display: block;
font-family: 'UniviaPro', sans-serif;
}
.home-ecosystem .number {
font-size: 6.239999999999999vw;
font-weight: 700;
line-height: 1;
margin-bottom: 0.52vw;
}
.home-ecosystem .description {
font-size: 1.248vw;
line-height: 1;
font-weight: 500;
}
.content-publishers,
.content-advertisers,
.content-industry,
.content-achievements,
.content-influencer {
font-size: 1.248vw;
line-height: 1.5;
text-align: center;
color: #011a41;
padding: 3.6399999999999997vw 0 1.04vw;
width: 64.48vw;
margin: 0 auto;
}
.content-publishers p,
.content-advertisers p,
.content-industry p,
.content-achievements p,
.content-influencer p {
margin: 0 0 2.6vw;
}
.content-industry .btn-purple {
background: #a991fc;
border-color: #a991fc;
padding: 0 5.2vw;
margin: 0 0 3.6399999999999997vw;
}
.content-industry .btn-purple:hover {
color: #a991fc;
background: #fff;
}
.content-achievements {
width: 56.16vw;
}
.article-feature {
padding: 3.6399999999999997vw 0 5.2vw;
text-align: center;
position: relative;
overflow: hidden;
}
.article-feature:nth-child(2n-1) {
background: #fafaff;
}
.article-feature:nth-child(2n-1) .feature-image {
order: 2;
}
.article-feature .container {
width: 83.2vw;
}
.article-feature img {
max-width: 90%;
max-height: 100%;
height: auto;
width: auto;
}
.article-feature .btn-purple {
padding: 0 4.42vw;
position: absolute;
bottom: 3.1199999999999997vw;
left: 50%;
transform: translateX(-50%);
}
.article-feature.industry {
padding-bottom: 2.08vw;
}
.article-feature.industry img {
max-width: 65%;
}
.feature-heading {
width: 56.16vw;
font-size: 2.08vw;
font-weight: 700;
line-height: 1.35;
color: #011a41;
margin: 0 auto 4.68vw;
}
.feature-list-heading,
.feature-description {
font-size: 1.04vw;
line-height: 1.5;
color: #011a41;
text-align: left;
}
.feature-list-heading {
margin-top: 1.5599999999999998vw;
font-weight: 500;
}
.feature-list {
margin-top: 1.5599999999999998vw;
text-align: left;
}
.feature-item {
font-size: 1.04vw;
line-height: 1.45;
color: #011a41;
margin-bottom: 1.5599999999999998vw;
padding-left: 2.6vw;
}
.feature-item:before {
content: '';
width: 1.8199999999999998vw;
height: 1.8199999999999998vw;
float: left;
margin-left: -2.6vw;
background: url(../image/bullet.svg);
background-size: 100%;
}
.feature-item strong {
font-weight: 700;
}
.features.achievements .feature-heading {
width: auto;
text-align: left;
margin-bottom: 1.144vw;
}
.features.achievements .feature-info {
text-align: left;
}
.features.achievements .btn-purple {
position: static;
transform: none;
}
.features.green .btn-purple {
background: #3fc5eb;
border-color: #3fc5eb;
}
.features.green .btn-purple:hover {
color: #3fc5eb;
background: #fff;
}
.features.green .feature-item:before {
background-image: url(../image/bullet-green.svg);
}
.features.blue .feature-item:before {
background-image: url(../image/bullet-blue.svg);
}
.feature-content {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.feature-info,
.feature-image {
width: 50%;
}
.feature-conclusion {
font-size: 1.456vw;
font-weight: 700;
text-align: center;
clear: both;
color: #011a41;
margin: 1.3vw 0 1.3vw 2.6vw;
}
.features-counter .feature-heading {
margin-bottom: 2.6vw;
}
.features-counter .feature-description {
width: 59.8vw;
font-size: 1.248vw;
line-height: 1.7;
text-align: center;
margin: 0 auto;
}
.feature-counter-wrapper .slick-track {
display: flex;
justify-content: space-between;
margin: 5.2vw auto;
}
.feature-counter {
width: 15.6vw;
text-align: center;
}
.feature-counter .number {
color: #2f3def;
font-size: 5.9799999999999995vw;
font-weight: bold;
line-height: 1;
letter-spacing: 0.11959999999999998vw;
}
.feature-counter .description {
margin-top: 2.08vw;
font-size: 1.248vw;
line-height: 1.4;
letter-spacing: 0.026vw;
}
.feature-logo {
max-width: 7.8vw;
max-height: 7.8vw;
margin: 0 auto;
}
.feature-company {
font-size: 1.248vw;
font-weight: 700;
line-height: 1.4;
margin: 2.08vw auto 0.624vw;
}
.feature-role {
margin: 0 auto 2.08vw;
font-size: 0.832vw;
line-height: 1.3;
}
.feature-cite {
width: 32.76vw;
font-size: 1.04vw;
line-height: 1.4;
text-align: center;
margin: 0 auto 4.576vw;
position: relative;
}
.feature-cite:before,
.feature-cite:after {
content: '”';
position: absolute;
font-size: 3.484vw;
font-weight: 700;
color: #011a41;
line-height: 1;
margin: 0.7799999999999999vw 0.26vw;
}
.feature-cite:before {
margin: -3.1199999999999997vw -2.08vw;
transform: scale(-1);
}
.overflow-hide {
max-width: 100%;
overflow: hidden;
}
.content-investors {
max-width: 72.8vw;
line-height: 1.4;
font-size: 1.456vw;
text-align: center;
color: #011a41;
padding: 2.6vw 0 3.9vw;
margin: 0 auto;  }
.content-investors .section-header {
margin: 0 0 2.6vw;
font-size: 2.08vw;
font-weight: 700;
text-align: center;
}
.content-investors .article.newsletter-sign-up {
height: auto;
margin: 3.1199999999999997vw 2.6vw 0;
}
.content-investors .article.newsletter-sign-up .content-wrapper {
padding: 1.976vw 4.367999999999999vw;
font-size: 2.08vw;
line-height: 1;
margin: 0;
display: flex;
}
.content-investors .article.newsletter-sign-up h2 {
margin: 0;
height: auto;
}
.content-investors .article.newsletter-sign-up .excerpt {
margin: 0;
paddin-right: 0.52vw;
}
.content-investors .article.newsletter-sign-up .form-search {
max-width: 23.192vw;
margin: 0.7799999999999999vw 0 -0.7799999999999999vw;
}
.content-investors .article.newsletter-sign-up .form-search input[type="text"],
.content-investors .article.newsletter-sign-up .form-search input[type="email"] {
border-radius: 0.52vw;
}
.content-investors .article.newsletter-sign-up .form-search input[type="submit"] {
width: 6.343999999999999vw;
height: 2.912vw;
margin-left: -6.343999999999999vw;
border-radius: 0 0.52vw 0.52vw 0;
background-color: #2f3def;
font-size: 0.728vw;
text-transform: uppercase;
border-color: #2f3def;
}
.content-investors .article.newsletter-sign-up .form-search .wpcf7-response-output {
font-size: 1.04vw;
margin: 0;
}
.content-investors .article.newsletter-sign-up .wpcf7 .wpcf7-form-control-wrap span {
top: 4.16vw;
font-size: 0.7799999999999999vw;
}
.content-investors .article.newsletter-sign-up .wpcf7 form.invalid .wpcf7-response-output,
.content-investors .article.newsletter-sign-up .wpcf7 form.unaccepted .wpcf7-response-output {
border-color: #ffb900;
font-size: 0.7799999999999999vw;
margin: 0;
padding: 0.52vw;
}
.stock-list .slick-track {
display: flex;
margin: 0 0 3.38vw;
justify-content: center;
}
.stock-item {
width: 23.919999999999998vw;
height: 9.879999999999999vw;
margin: 0.52vw;
border-radius: 0.728vw;
box-shadow: 0.312vw 0.312vw 2.808vw 0 rgba(0, 0, 0, 0.05);
background-color: #fff;
text-align: left;
color: #011a41;
box-sizing: border-box;
padding: 1.5599999999999998vw;
}
.stock-item .label {
opacity: 0.7;
font-size: 1.144vw;
font-weight: 400;
line-height: 1.4;
}
.stock-item .name {
font-size: 3.1199999999999997vw;
font-weight: 700;
line-height: 1.3;
}
.stock-item .name .smw-field-currency {
font-size: 1.04vw;
font-weight: 400;
line-height: 1.4;
color: #011a41;
}
.stock-item .dynamics {
font-size: 1.04vw;
font-weight: 400;
line-height: 1.4;
color: #4ad991;
}
.stock-item .icon-1,
.stock-item .icon-2,
.stock-item .icon-3,
.stock-item .icon-4 {
float: right;
width: 4.316vw;
height: 4.316vw;
background-size: 100%;
}
.stock-item .icon-1 {
background-image: url(../image/i-inv1.png);
}
.stock-item .icon-2 {
background-image: url(../image/i-inv2.png);
}
.stock-item .icon-3 {
background-image: url(../image/i-inv3.png);
}
.stock-item .icon-4 {
float: left;
width: 1.768vw;
height: 1.768vw;
background-image: url(../image/i-inv4.svg);
}
.latest-news {
background: #fafaff;
display: flex;
justify-content: center;
flex-wrap: wrap;
position: relative;
padding: 3.1199999999999997vw 0;  }
.latest-news:before {
content: '';
position: absolute;
left: -5.2vw;
top: -7.279999999999999vw;
background: url(../image/inv-decor.svg);
background-size: 100%;
width: 11.128vw;
height: 12.636vw;
}
.latest-news .section-header {
font-size: 2.08vw;
font-weight: 700;
line-height: 1.4;
text-align: center;
color: #011a41;
padding: 0 0 2.34vw; width: 100%;
}
.latest-news .container {
width: 66.82vw;
}
.latest-news .nav-positions {
margin: 0 0 3.38vw;
}
.latest-news .nav-positions a {
padding: 0 0.26vw;
border-radius: 0;
}
.latest-news .nav-positions a.active {
color: #2f3def;
background-color: transparent;
border-bottom: 2px solid #2f3def;
}
.latest-news .latest-news-wrapper {
width: 35.256vw;
height: 35.308vw;
border-radius: 0.624vw;
box-shadow: 0 1.04vw 2.6vw 0 rgba(52, 65, 161, 0.1);
background-color: #fff;
overflow: scroll;
box-sizing: border-box;
padding: 1.144vw;
margin: 0 1.04vw;   }
.latest-news .latest-news-wrapper::-webkit-scrollbar {
width: 8px;
}
.latest-news .latest-news-wrapper::-webkit-scrollbar-track {
background: #fafaff;
}
.latest-news .latest-news-wrapper::-webkit-scrollbar-thumb {
background: #2f3def;
}
.latest-news .latest-news-wrapper::-webkit-scrollbar-thumb:hover {
background: #2f3def;
}
.latest-news .latest-news-item {
border-bottom: 1px solid #ddd;
margin-bottom: 1.144vw;
}
.latest-news .latest-news-item .image {
float: left;
margin-right: 2.08vw;
width: 5.2vw;
height: auto;
}
.latest-news .latest-news-item .image img {
width: 100%;
height: auto;
}
.latest-news .latest-news-item .heading {
font-size: 1.248vw;
font-weight: 700;
line-height: 1.25;
margin-left: 7.279999999999999vw;
}
.latest-news .latest-news-item .heading a {
color: #011a41;
text-decoration: none;
}
.latest-news .latest-news-item .heading a:hover {
text-decoration: underline;
}
.latest-news .latest-news-item .date {
font-size: 0.832vw;
font-weight: 700;
line-height: 1.25;
color: #8868e0;
margin-left: 7.279999999999999vw;
}
.latest-news .latest-news-item .excerpt {
font-size: 0.832vw;
line-height: 1.25;
color: #808f9f;
margin: 1.04vw 0;
margin-left: 7.279999999999999vw;
}
.latest-news .newsletter-sign-up {
margin: 0 1.04vw;
}
.investor-resources {
padding: 3.1199999999999997vw 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.investor-resources .section-header {
font-size: 2.08vw;
font-weight: 700;
line-height: 1.4;
text-align: center;
margin-bottom: 3.1199999999999997vw;
width: 100%;
}
.investor-resources .file-item {
position: relative;
width: 19.24vw;
height: 8.632vw;
border-radius: 0.416vw;
box-shadow: 0 0.7799999999999999vw 5.148vw 0 rgba(30, 63, 125, 0.15);
background-color: #fff;
margin: 0.7799999999999999vw;
color: #011a41;
box-sizing: border-box;
padding: 5.2vw 1.5599999999999998vw 1.5599999999999998vw;
text-decoration: none;
}
.investor-resources .file-item:before {
content: '';
width: 5.2vw;
height: 5.2vw;
border-radius: 0.26vw;
box-shadow: 0.52vw 0.26vw 0.7799999999999999vw 0 rgba(59, 130, 255, 0.08);
background-color: #fff;
position: absolute;
left: 1.5599999999999998vw;
top: -2.6vw;
background: #ffffff url(../image/pdf.svg) center no-repeat;
background-size: 2.1839999999999997vw 2.86vw;
}
.investor-resources .file-item .name {
font-size: 1.04vw;
font-weight: 500;
line-height: 1;
text-decoration: none;
padding-right: 1vw;
position: relative;
display: block;
}
.investor-resources .file-item .name:after {
content: '';
width: 1.456vw;
height: 2.132vw;
background: url(../image/inv-download.svg);
background-size: 100%;
position: absolute;
right: -1vw;
top: 0;
}
.investor-resources .container {
text-align: center;
width: 100%;
margin: 3vw 0 0;
}
.investors-image {
background: url(../image/inv-news.svg);
background-size: 100%;
width: 23.66vw;
height: 17.68vw;
margin: 1.5599999999999998vw auto;
}
.section-faq:before,
.section-partners.influencer:before {
content: '';
position: absolute;
right: 0;
top: -7.279999999999999vw;
background: url(../image/inv-decor.svg) no-repeat;
background-size: 147% 100%;
background-position: 0 -47%;
width: 5.928vw;
height: 12.636vw;
}
.section-faq {
background-color: #fafaff;
padding: 3.1199999999999997vw 0;
position: relative;
}
.section-faq .container {
width: 68.11999999999999vw;
}
.section-faq .section-header {
font-size: 2.08vw;
font-weight: 700;
line-height: 1.4;
text-align: center;
color: #011a41;
padding-bottom: 3.1199999999999997vw;
}
.section-faq .learn-more {
text-align: center;
}
.section-faq .learn-more .heading {
font-size: 1.248vw;
font-weight: 500;
line-height: 2;
color: #011a41;
padding: 3.9vw 0 2.08vw;
}
.section-faq .learn-more .btn-purple {
font-size: 1.04vw;
font-weight: 700;
}
.faq-list {
text-align: left;
}
.faq-item {
border-radius: 0.624vw;
box-shadow: 0 1.04vw 2.6vw 0 rgba(52, 65, 161, 0.1);
background-color: #fff;
font-size: 1.248vw;
font-weight: 500;
line-height: 1.6;
color: #011a41;
position: relative;
margin-bottom: 1.04vw;
overflow: hidden;
transition: 0.5s all ease-in;
}
.faq-item:before {
content: '';
position: absolute;
width: 1.8719999999999999vw;
height: 1.8719999999999999vw;
top: 1.144vw;
right: 2.08vw;
background-image: url(../image/plus.svg);
background-size: 100%;
}
.faq-item .question {
padding: 1.04vw 3.38vw;
display: block;
color: #011a41;
text-decoration: none;
position: relative;
}
.faq-item .answer {
font-size: 1.04vw;
padding: 0.52vw 3.38vw 2.6vw;
display: none;
}
.faq-item.opened:before {
background-image: url(../image/minus.svg);
}
.section-feedback {
text-align: left;
padding: 3.1199999999999997vw 0 6.239999999999999vw;
display: flex;
flex-wrap: wrap;
justify-content: center;
position: relative;
}
.section-feedback:before {
content: '';
position: absolute;
left: -5.2vw;
top: 2.08vw;
background: url(../image/inv-decor.svg);
background-size: 100%;
width: 11.128vw;
height: 12.636vw;
}
.section-feedback .section-header {
font-size: 2.08vw;
font-weight: 700;
line-height: 1.4;
text-align: center;
color: #011a41;
padding: 0 0 3.1199999999999997vw;
width: 100%;
}
.section-feedback .feedback-content {
width: 37.96vw;
}
.section-feedback .description {
margin: 3.1199999999999997vw 0;
font-size: 1.248vw;
font-weight: 700;
line-height: 1.4;
color: #2f3def;
}
.section-feedback .name {
font-size: 1.248vw;
font-weight: 700;
line-height: 1.4;
color: #2f3def;
}
.section-feedback .role,
.section-feedback .mail {
font-size: 1.04vw;
font-weight: 400;
line-height: 1.4;
color: #011a41;
}
.section-feedback .feedback_image {
width: 24.439999999999998vw;
border-radius: 12.219999999999999vw 0 12.219999999999999vw 12.219999999999999vw;
height: 24.439999999999998vw;
overflow: hidden;
margin-right: 3.1199999999999997vw;
float: left;
}
.section-feedback .feedback_image img {
width: 100%;
height: auto;
}
.overlay {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 99;
}
.popup {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 23.4vw;
background: #2f3def;
padding: 1.04vw;
box-sizing: border-box;
z-index: 100;
}
.popup .close {
width: 1.5599999999999998vw;
height: 1.5599999999999998vw;
background: #ffffff url(../image/hamb-close.svg) no-repeat;
background-size: 100%;
position: absolute;
right: 0.52vw;
top: 0.52vw;
border-radius: 50%;
text-indent: -100vw;
overflow: hidden;
}
.popup img {
max-width: 50%;
display: block;
margin: 0.52vw auto 0;
}
.form-popup {
color: #fff;
}
.form-popup h3 {
text-align: center;
font-weight: 400;
margin: 1.04vw 0 1.5599999999999998vw;
font-size: 1.716vw;
}
.form-popup p {
font-size: 0.832vw;
line-height: 1.5;
font-weight: 400;
text-align: center;
}
.form-popup a {
color: #fff;
text-decoration: underline;
}
.form-popup label {
color: #fff;
font-weight: 400;
text-align: center;
font-size: 1.3vw;
display: block;
}
.form-popup .field-submit {
text-align: center;
}
.form-popup input {
margin-top: 0.52vw;
}
.form-popup input[type=submit] {
display: inline-block;
margin: 0 auto;
height: 2.808vw;
line-height: 2.808vw;
border-radius: 1.5599999999999998vw;
font-size: 1.04vw;
font-weight: 400;
text-align: center;
padding: 0 4.42vw;
text-decoration: none;
color: #fff;
background-color: #3fc5eb;
border: 2px solid #3fc5eb;
transition: 0.5s all ease-in-out;
margin-top: 0;
margin-bottom: 0.52vw;
}
.form-popup input[type=submit]:hover {
color: #3fc5eb;
background-color: #fff;
}
.content-faqs {
padding: 3.1199999999999997vw 0 18.72vw;
position: relative;
}
.content-faqs:before {
content: '';
position: absolute;
top: 17.16vw;
left: 0;
right: 0;
height: 48.879999999999995vw;
background: url(../image/wiki-bg.svg);
background-size: 100% 99%;
}
.content-faqs .container {
width: 71.136vw;
}
.content-faqs .section-header {
padding: 0 0 3.1199999999999997vw;
text-align: center;
}
.faq-group {
border-radius: 0.624vw;
box-shadow: 0 0 2.6vw 0 rgba(52, 65, 161, 0.1);
background-color: #fff;
margin-bottom: 1.04vw;
position: relative;
padding-bottom: 1px;
transition: 0.5s all ease-in;
}
.faq-group .faq-group-header {
padding: 1.5599999999999998vw 2.34vw;
font-size: 1.456vw;
font-weight: 700;
position: relative;
}
.faq-group .faq-list {
margin: 0 0 1.04vw;
display: none;
}
.faq-group .faq-item {
margin: 0 4.68vw 1.04vw;
}
.faq-group .open {
position: absolute;
width: 1.456vw;
height: 0.728vw;
top: 2.34vw;
right: 2.34vw;
background: url(../image/arrow-position.svg);
background-size: 100%;
transform: rotate(0deg);
transition: 0.5s all ease-in;
}
.faq-group.opened {
background: #fafaff;
}
.faq-group.opened .open {
transform: rotate(-180deg);
}
.search-result {
background: yellow;
}
.error404 .breadcrumbs {
background: linear-gradient(to bottom, #dddedf 0%, #ffffff 35%);
}
.article-not-found {
padding: 3.6399999999999997vw 0;
text-align: center;
color: #011a41;
line-height: 1.4;
}
.article-not-found .container {
width: 70.72vw;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.article-not-found p {
font-size: 1.04vw;
}
.article-not-found .btn-blue {
display: inline-block;
margin-top: 1.5599999999999998vw;
height: 2.808vw;
line-height: 2.808vw;
border-radius: 4.16vw;
font-size: 1.04vw;
font-weight: 400;
text-align: center;
padding: 0 2.08vw;
width: auto;
font-family: 'UniviaPro', sans-serif;
transition: 0.5s all ease-in-out;
color: #fff;
background-color: #2f3def;
border: 1px solid #2f3def;
text-decoration: none;
}
.article-not-found .btn-blue:hover {
color: #2f3def;
background-color: #fff;
}
.header-404 {
padding: 1.3vw 0;
font-size: 2.08vw;
font-weight: 700;
}
.image-404 {
width: 33.54vw;
height: 26.624vw;
background: url(../image/image-404.svg);
background-size: 100%;
}
.content-404 {
width: 33.8vw;
}
.content-404 .form-search {
margin-top: 3.6399999999999997vw;
width: 100%;
box-sizing: border-box;
border-radius: 3.6399999999999997vw;
box-shadow: 0 0 2.6vw 0 rgba(52, 65, 161, 0.16);
}
.footer-404 {
width: 100%;
margin-top: 5.2vw;
}
.timeline .date,
.timeline .year {
visibility: hidden;
transform-origin: 0 -50%;
}
.timeline .date.show,
.timeline .year.show {
visibility: visible;
-webkit-animation: cd-bounce-1 0.6s;
animation: cd-bounce-1 0.6s;
}
.timeline .left {
visibility: hidden;
}
.timeline .left.show {
visibility: visible;
-webkit-animation: cd-bounce-2 0.6s;
animation: cd-bounce-2 0.6s;
}
.timeline .right {
visibility: hidden;
}
.timeline .right.show {
visibility: visible;
-webkit-animation: cd-bounce-2-inverse 0.6s;
animation: cd-bounce-2-inverse 0.6s;
}
@-webkit-keyframes cd-bounce-1 {
0% {
opacity: 0;
-webkit-transform: scale(0.5) translate(-50%, -50%);
transform: scale(0.5) translate(-50%, -50%);
}
60% {
opacity: 1;
-webkit-transform: scale(1.2) translate(-50%, -50%);
transform: scale(1.2) translate(-50%, -50%);
}
100% {
-webkit-transform: scale(1) translate(-50%, -50%);
transform: scale(1) translate(-50%, -50%);
}
}
@keyframes cd-bounce-1 {
0% {
opacity: 0;
-webkit-transform: scale(0.5) translate(-50%, -50%);
transform: scale(0.5) translate(-50%, -50%);
}
60% {
opacity: 1;
-webkit-transform: scale(1.2) translate(-50%, -50%);
transform: scale(1.2) translate(-50%, -50%);
}
100% {
-webkit-transform: scale(1) translate(-50%, -50%);
transform: scale(1) translate(-50%, -50%);
}
}
@-webkit-keyframes cd-bounce-2 {
0% {
opacity: 0;
-webkit-transform: translate(-100px, -50%);
transform: translate(-100px, -50%);
}
60% {
opacity: 1;
-webkit-transform: translate(20px, -50%);
transform: translate(20px, -50%);
}
100% {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
@keyframes cd-bounce-2 {
0% {
opacity: 0;
-webkit-transform: translate(-100px, -50%);
transform: translate(-100px, -50%);
}
60% {
opacity: 1;
-webkit-transform: translate(20px, -50%);
transform: translate(20px, -50%);
}
100% {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
@-webkit-keyframes cd-bounce-2-inverse {
0% {
opacity: 0;
-webkit-transform: translate(100px, -50%);
transform: translate(100px, -50%);
}
60% {
opacity: 1;
-webkit-transform: translate(-20px, -50%);
transform: translate(-20px, -50%);
}
100% {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
@keyframes cd-bounce-2-inverse {
0% {
opacity: 0;
-webkit-transform: translate(100px, -50%);
transform: translate(100px, -50%);
}
60% {
opacity: 1;
-webkit-transform: translate(-20px, -50%);
transform: translate(-20px, -50%);
}
100% {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
.article-about .button-wrapper {
text-align: center;
margin-bottom: 3.6399999999999997vw;
}
.testimonials-wrapper {
overflow: hidden;
}
.testimonials {
margin: 3.6399999999999997vw -18.98vw 0;
}
.testimonials .section-description {
font-size: 1.248vw;
font-weight: 400;
line-height: 1.5;
text-align: center;
color: #011a41;
margin-bottom: 2.34vw;
}
.testimonials .section-header {
font-size: 2.08vw;
font-weight: 700;
margin-bottom: 1.5599999999999998vw;
text-align: center;
color: #011a41;
}
.testimonials .slick-list {
padding-bottom: 4.16vw !important;
}
.slick-active + .slick-active .testimonials-item {
opacity: 1;
}
.slick-active + .slick-active + .slick-active .testimonials-item {
opacity: .5;
}
.testimonials-item {
width: 39.519999999999996vw !important;
margin: 0 1.8199999999999998vw !important;
background: #2f3def;
height: 16.64vw;
border-radius: 1.04vw;
color: #fff;
box-sizing: border-box;
padding: 1.5599999999999998vw;
line-height: 1.3;
font-size: 0.9359999999999999vw;
opacity: .5;
position: relative;
}
.testimonials-item:before {
content: '';
position: absolute;
width: 27.144vw;
height: 10.556vw;
opacity: 0.5;
border-radius: 1.04vw;
-webkit-filter: blur(1.3vw);
filter: blur(1.3vw);
background-color: #2f3def;
bottom: -1.5599999999999998vw;
left: 6.188vw;
z-index: -1;
}
.testimonials-item .image {
margin: 0.7799999999999999vw;
width: 5.72vw;
height: 5.72vw;
float: left;
border-radius: 3.1199999999999997vw;
overflow: hidden;
}
.testimonials-item .image img {
max-width: 100%;
}
.testimonials-item .name {
font-size: 1.144vw;
font-weight: 700;
margin-bottom: 0.364vw;
}
.testimonials-item .position {
font-size: 0.832vw;
margin-bottom: 1.04vw;
}
.testimonials-item .name,
.testimonials-item .position,
.testimonials-item .text {
padding-left: 9.1vw;
}
.section-partners > article {
padding: 5.2vw 0;
}
.section-partners > article:nth-child(2n-1) {
background: #fafaff;
}
.partners-intro .container {
width: 65vw;
display: flex;
justify-content: space-between;
}
.partners-intro .image {
width: 13vw;
}
.partners-intro .image img {
width: 100%;
}
.partners-intro .text {
width: 48.62vw;
font-size: 1.456vw;
line-height: 1.5;
}
.partners-logos .container {
display: flex;
flex-wrap: wrap;
}
.partners-logos .section-header {
width: 100%;
text-align: center;
margin-bottom: 3.6399999999999997vw;
}
.partners-logos .images {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 65vw;
margin: 0 auto;
}
.partners-logos-item {
width: 10.868vw;
height: 4.784vw;
box-shadow: 0 1.04vw 2.6vw 0 rgba(5, 5, 162, 0.1);
background-color: #fff;
margin: 0.832vw;
display: flex;
justify-content: center;
align-items: center;
border-radius: 1.04vw;
}
.partners-logos-item img {
max-width: 80%;
max-height: 80%;
}
.form-wrapper.signup {
position: relative;
}
.form-wrapper.signup .container {
width: 75.39999999999999vw;
}
.form-wrapper.signup:before {
content: '';
position: absolute;
background: url(../image/man-lense.svg);
width: 8.475999999999999vw;
height: 9.879999999999999vw;
top: -6.76vw;
right: 1.5599999999999998vw;
background-size: 100%;
}
.signup {
position: relative;
}
.signup .column {
width: 50%;
z-index: 2;
position: relative;
}
.signup .form-wrapper {
float: right;
width: 33.8vw;
border-radius: 0.7799999999999999vw;
box-shadow: 0 0 2.6vw 0 rgba(0, 0, 0, 0.1);
background-color: #fff;
box-sizing: border-box;
padding: 3.1199999999999997vw 2.6vw 0;
text-align: left;
font-size: 0.832vw;
color: #011a41;
}
.signup .form-title {
font-size: 1.248vw;
font-weight: 700;
line-height: 1.42;
text-align: center;
color: #2f3def;
}
.signup .form-subtitle {
font-size: 1.04vw;
line-height: 1.45;
color: #011a41;
text-align: center;
padding-bottom: 1.5599999999999998vw;
}
.signup .form-subtitle strong {
color: #2f3def;
font-weight: 700;
}
.signup input[type=submit].wpcf7-submit {
width: 21.84vw;
display: block;
margin-right: auto;
margin-left: auto;
}
.signup .field.field-radio {
font-size: 0.832vw;
line-height: 1.8719999999999999vw;
font-weight: 400;
}
.signup .field.field-radio:before {
content: '';
background: url(../image/smartphone.svg);
background-size: 100%;
width: 0.728vw;
height: 1.248vw;
margin-right: 1.248vw;
display: inline-block;
margin-bottom: -0.26vw;
}
.signup .wpcf7-form-control-wrap.signin-havemobileapp {
float: right;
}
.signup input[type="radio"],
.signup input[type="checkbox"] {
-webkit-appearance: auto;
width: 1.248vw;
margin-right: 0.52vw;
}
.signup .wpcf7-radio {
display: flex;
}
.signup .wpcf7-radio .wpcf7-list-item {
display: flex;
align-items: center;
margin-left: 1.04vw;
}
.signup .wpcf7-radio .wpcf7-list-item span {
order: 2;
}
.signup input[type="checkbox"] {
margin: 0.26vw 0.624vw -0.26vw -0.156vw;
}
.signup .field-checkbox {
font-weight: 400;
line-height: 1.8719999999999999vw;
font-size: 0.832vw;
}
.signup .wpcf7-checkbox {
vertical-align: middle;
}
.signup .wpcf7-checkbox a {
color: #2f3def;
text-decoration: underline;
}
.signup .wpcf7-checkbox .wpcf7-list-item {
margin: 0;
}
.signup .wpcf7-checkbox .wpcf7-list-item-label {
display: none;
}
.signup .send-error {
display: none;
}
.signup .wpcf7 form.sent .wpcf7-response-output {
border-color: red;
}
.signin-form-thanks-wrapper {
position: absolute;
top: 10.4vw;
font-size: 0.9359999999999999vw;
font-weight: 400;
text-align: center;
line-height: 1.5599999999999998vw;
display: none;
}
.signup-decor1 {
position: absolute;
width: 3.38vw;
height: 7.279999999999999vw;
background-image: url(../image/signup-decor1.svg);
background-size: 100%;
left: 59vw;
top: 42vw;
z-index: 1;
}
.signup-decor2 {
position: absolute;
width: 5.512vw;
height: 12.636vw;
background-image: url(../image/signup-decor2.svg);
left: 0;
top: 38vw;
z-index: 1;
background-size: 202%;
background-position: right top;
}
.signup-decor3 {
position: absolute;
width: 72.8vw;
height: 46.8vw;
background-image: url(../image/signup-decor3.svg);
background-size: 100%;
background-repeat: no-repeat;
left: 18.72vw;
top: 1.716vw;
z-index: 1;
}
.signup-decor4 {
position: absolute;
width: 13.728vw;
height: 27.456vw;
background-image: url(../image/signup-decor4.svg);
left: 0;
top: 0;
background-size: 406%;
background-position: 79% 30%;
z-index: 1;
}
.signup-decor5 {
position: absolute;
width: 7.279999999999999vw;
height: 3.38vw;
background-image: url(../image/signup-decor5.svg);
right: 0;
top: 42vw;
background-size: 100%;
z-index: 1;
}
.breadcrumbs-saas .breadcrumbs {
background: linear-gradient(to bottom, #dddedf 0%, #ffffff 35%);
}
.section-intro {
padding: 5.2vw 0 0;
background: url(../image/saas-bg.svg) no-repeat;
background-size: 124.8vw 88.39999999999999vw;
background-position: 42vw 5vw;
}
.section-intro .article-feature:nth-child(2n-1) {
background: transparent;
}
.section-intro .intro-label {
color: #3fc5eb;
font-size: 1.456vw;
transform: rotate(-32deg);
align-self: end;
padding-left: 2.08vw;
font-weight: 700;
}
.section-intro .column {
width: 36.4vw;
float: left;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.section-intro h3 {
font-size: 2.08vw;
width: auto;
margin: 1.3vw 0;
}
.section-intro h3 strong {
color: #fec04e;
}
.section-intro .feature-description-1 {
font-size: 1.248vw;
line-height: 1.2;
margin: 1.3vw 2.6vw;
}
.section-intro .feature-description-2 {
font-size: 0.9359999999999999vw;
line-height: 1.6;
margin: 1.3vw 3.6399999999999997vw;
}
.section-intro .btn-blue {
display: block;
margin: 1.5599999999999998vw auto 0;
height: 3.1199999999999997vw;
line-height: 3.1199999999999997vw;
border-radius: 1.5599999999999998vw;
font-size: 1.04vw;
font-weight: 700;
text-align: center;
padding: 0 5.2vw;
text-decoration: none;
color: #fff;
background-color: #2f3def;
border: 2px solid #2f3def;
transition: 0.5s all ease-in-out;
}
.section-intro .btn-blue:hover {
color: #2f3def;
background-color: #fff;
}
.section-intro .btn-blue strong {
color: #fec04e;
}
.section-intro .feature-logos {
box-shadow: 0 0.7799999999999999vw 2.08vw 0.26vw #e3e3f4;
height: 3.6399999999999997vw;
border-radius: 1.3vw;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.7799999999999999vw 1.3vw;
width: 100%;
box-sizing: border-box;
}
.section-intro .feature-logos .feature-logo {
max-width: 4.42vw;
max-height: 1.3vw;
display: flex;
align-items: center;
justify-content: center;
}
.section-intro .saas-intro-image {
width: 45.083999999999996vw;
height: 32.083999999999996vw;
background-size: 100%;
margin: 0 -2vw 0 2vw;
position: relative;
}
.section-intro .saas-intro-image #animation_container,
.section-intro .saas-intro-image #canvas,
.section-intro .saas-intro-image #dom_overlay_container,
.section-intro .saas-intro-image #animation_container1,
.section-intro .saas-intro-image #canvas1,
.section-intro .saas-intro-image #dom_overlay_container1 {
width: 45.083999999999996vw !important;
height: 32.083999999999996vw !important;
}
.section-intro .saas-intro-image #animation_container,
.section-intro .saas-intro-image #animation_container1 {
position: absolute;
left: 0;
top: 0;
}
.section-intro .saas-intro-image #canvas,
.section-intro .saas-intro-image #canvas1 {
position: absolute;
display: block;
}
.saas .blue {
color: #2f3def;
}
.saas .white .article-feature:nth-child(2n-1) {
background: transparent;
}
.saas .feature-heading {
width: auto;
margin-bottom: 1.3vw;
}
.saas .article-feature img {
max-width: 100%;
}
.saas .article-feature .feature-logo img {
max-width: 100%;
}
.saas .article-feature .description-container {
max-width: 46.54vw;
}
.saas .article-feature .description-heading {
margin-bottom: 2.34vw;
}
.saas .article-feature .description-text {
font-size: 1.04vw;
line-height: 1.5;
margin-bottom: 1.8199999999999998vw;
}
.saas .article-feature .disclaimer {
font-size: 1.04vw;
font-weight: 700;
line-height: 1.5;
text-decoration: underline;
}
.saas .article-feature .features-slider {
display: flex;
margin-top: 3.1199999999999997vw;
}
.saas .article-feature .features-slider .column {
width: 50%;
}
.saas .article-feature .features-slider .feature-heading {
font-size: 1.248vw;
line-height: 1.4;
margin: 2.34vw auto 0.7799999999999999vw;
padding: 0;
}
.saas .article-feature .features-slider .description {
max-width: 17.939999999999998vw;
font-size: 0.884vw;
line-height: 1.5;
margin: 0 auto;
}
.saas .article-feature .features-slider .feature-image {
margin: 0 auto;
min-height: 11.959999999999999vw;
}
.saas .article-feature .features-slider img {
box-shadow: none;
max-width: 11.959999999999999vw;
}
.saas .article-feature .features-slider .btn-purple {
padding: 0 4.42vw;
position: absolute;
bottom: 3.1199999999999997vw;
left: 50%;
transform: translateX(-50%);
position: static;
transform: none;
margin-top: 1.8199999999999998vw;
}
.saas .feature-conclusion {
font-size: 0.884vw;
line-height: 1.5;
text-align: left;
}
.left-image-first .article-feature:nth-child(2n-1) .feature-image {
order: 0;
}
.left-image-first .article-feature:nth-child(2n) .feature-image {
order: 2;
}
.saas-integrations .brands-list {
justify-content: center;
margin: 2.6vw auto 0;
width: 62.4vw !important;
}
.saas-integrations .brands-item:nth-child(3) {
width: 12.479999999999999vw;
} .zoomd-timeline-wrap {
padding: 2.08vw;
display: flex;
align-items: center;
}
.timeline-head-img img {
max-width: 6vw;
}
.timeline-head-title {
background-color: #fbc155;
text-align: center;
padding: 0.5vw 1.5vw;
border-radius: 10px;
font-size: 1vw;
color: #fff;
}
.zoomd-timeline-head {
display: flex;
flex-direction: column;
align-items: center;
gap: 1vw;
margin-top: 20px;
}
.timeline-head-date {
font-size: 1vw;
}
.zoomd-timeline-list:before {
content: "";
width: calc(100% - 28px);
height: 5px;
background-color: #00f;
position: absolute;
bottom: 50%;
transform: translateY(50%);
}
.zoomd-timeline-list:after {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 43.07 45.95'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %232d44e6; stroke-linecap: round; stroke-linejoin: round; stroke-width: 8px; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='4 4 39.07 22.69 4.35 41.95 4 4'/%3E%3C/svg%3E");
position: absolute;
width: 30px;
height: 30px;
background-position: center;
background-size: contain;
right: 0;
content: "";
bottom: 50%;
transform: translateY(50%);
background-repeat: no-repeat;
}
.zoomd-timeline-image img {
width: 100%;
padding: 1vw;
box-sizing: border-box;
}
.zoomd-timeline-date {
border: 4px solid #00f;
border-radius: 40px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 5px;
position: relative;
background-color: #fff;
font-size: 14px;
}
.zoomd-timeline-item .zoomd-timeline-date:before {content: "";width: 4px;height: 100px;display: block;background-color: #00f;position: absolute;left: 50%;transform: translateX(-50%);top: 100%;}
.zoomd-timeline-item:nth-child(odd) .zoomd-timeline-date:before {
bottom: 100%;
top: initial;
}
@media (max-width: 1500px) {
span.wpcf7-spinner {
position: absolute;
}
.saas .article-feature .brands-item img {
max-width: 90%;
}
}
.saas-integrations-description,
.related-products-description {
font-size: 1.248vw;
line-height: 1.5;
max-width: 36.92vw;
margin: 0 auto;
}
.performance .article-feature img {
max-width: 100%;
box-shadow: none;
}
.performance .feature-heading {
text-align: left;
}
.performance .content-advertisers .feature-heading {
text-align: center;
}
.performance .btn-blue {
display: inline-block;
margin: 0 auto;
height: 2.808vw;
line-height: 2.808vw;
border-radius: 1.5599999999999998vw;
font-size: 1.04vw;
font-weight: 400;
text-align: center;
padding: 0 4.42vw;
text-decoration: none;
color: #fff;
background-color: #3fc5eb;
border: 2px solid #3fc5eb;
transition: 0.5s all ease-in-out;
}
.performance .btn-blue:hover {
color: #3fc5eb;
background-color: #fff;
}
.performance .blue-stripe {
padding: 2.08vw 0;
background-color: rgba(206, 210, 253, 0.3);
text-align: center;
font-size: 1.248vw;
margin-top: 2.6vw;
}
.performance .blue-stripe strong {
font-weight: 700;
}
.performance .form-saas {
margin: 0 auto 7.8vw;
}
.performance .form-saas:after {
bottom: -6vw;
}
.performance .form-download input[type=submit] {
text-transform: none;
}
.form-saas {
width: 75.66vw;
margin: 0 auto 2.6vw;
border-radius: 1.04vw;
box-shadow: 0.26vw 0.52vw 1.04vw 0 rgba(0, 0, 0, 0.15);
padding: 2.6vw 2.34vw 0 3.9vw;
box-sizing: border-box;
position: relative;
background: #fff;
}
.form-saas:before {
content: '';
position: absolute;
left: -4.16vw;
top: 1.3vw;
width: 5.303999999999999vw;
height: 11.596vw;
background: url(../image/saas-decor2.svg) no-repeat;
background-size: 100%;
z-index: -1;
}
.form-saas:after {
content: '';
position: absolute;
left: 29.171999999999997vw;
bottom: -2.964vw;
width: 3.38vw;
height: 7.332vw;
background: url(../image/signup-decor1.svg) no-repeat;
background-size: 100%;
z-index: -1;
}
.form-saas > *:first-child:before {
content: '';
position: absolute;
right: -2.964vw;
bottom: 8.84vw;
width: 3.38vw;
height: 7.332vw;
background: url(../image/signup-decor1.svg) no-repeat;
background-size: 100%;
z-index: -1;
transform: rotate(90deg);
}
.form-saas h3 {
font-size: 1.248vw;
line-height: 1.42;
letter-spacing: normal;
text-align: center;
color: #2f3def;
margin: 3.1199999999999997vw auto;
}
.form-saas .field-checkbox {
width: 100%;
font-size: 0.832vw;
color: #011a41;
}
.form-saas .field-checkbox .wpcf7-list-item-label {
display: none;
}
.form-saas .field-checkbox span.wpcf7-list-item {
vertical-align: middle;
}
.form-saas .field-checkbox .wpcf8-form-control {
float: left;
}
.form-saas .field-checkbox input[type="checkbox"] {
-webkit-appearance: auto;
width: 1.248vw;
margin-right: 0.52vw;
margin: 0.26vw 0.624vw -0.26vw -0.156vw;
}
.form-saas select {
border: 0;
border-bottom: 1px solid #011a41;
width: 100%;
box-sizing: border-box;
height: 2.15vw;
line-height: 2.08vw;
padding: 0.52vw;
color: #011a41;
}
.form-saas .field-submit {
margin: 0 0 3.1199999999999997vw;
text-align: center;
}
.content-main.saas .ready-to-grow {
background: #fff;
}
.content-main.saas .ready-to-grow .btn-orange {
display: none;
}
.content-main.saas .ready-to-grow img {
width: 27.092vw;
}
.influencer .container {
width: 79.872vw;
}
.influencer .partners-logos-item img {
max-width: 100%;
max-height: 100%;
width: 80%;
}
.content-influencer {
width: auto;
padding-bottom: 3.6399999999999997vw;
}
.content-influencer .section-header {
width: 78.832vw;
margin: 0 auto 2.6vw;
font-size: 2.08vw;
font-weight: 700;
text-align: center;
}
.content-influencer .content {
width: 68.848vw;
margin: 0 auto 2.08vw;
}
.content-influencer .btn-blue {
display: inline-block;
min-width: 21.84vw;
height: 2.86vw;
line-height: 2.86vw;
font-size: 1.04vw;
font-weight: 500;
padding: 0 1.248vw;
box-sizing: border-box;
border-radius: 4.16vw;
text-decoration: none;
color: #fff;
background-color: #2f3def;
border: solid 1px #2f3def;
transition: 0.5s all ease-in-out;
}
.content-influencer .btn-blue:hover {
color: #2f3def;
background-color: #fff;
}
.article-feature-info {
background: #fafaff;
display: flex;
justify-content: center;
flex-wrap: wrap;
position: relative;
padding: 3.1199999999999997vw 0;
}
.article-feature-info:before {
content: '';
position: absolute;
left: -5.2vw;
top: -7.279999999999999vw;
background: url(../image/inv-decor.svg);
background-size: 100%;
width: 11.128vw;
height: 12.636vw;
}
.article-feature-info .section-header {
font-size: 2.08vw;
font-weight: 700;
line-height: 1.4;
text-align: center;
color: #011a41;
padding: 0 0 2.34vw;
width: 100%;
}
.article-feature-info .feature-image {
float: right;
max-width: 26.624vw;
}
.article-feature-info .feature-image img {
max-width: 100%;
height: auto;
}
.article-feature-info .feature-image.video {
max-width: 34.839999999999996vw;
}
.article-feature-info .feature-image.video iframe {
max-width: 34.839999999999996vw;
max-height: 19.604vw;
border-radius: 1.8719999999999999vw;
}
.article-feature-info .feature-heading {
max-width: 38.22vw;
margin: 0 0 1.5599999999999998vw;
line-height: 1.4;
}
.article-feature-info .feature-content {
max-width: 100%;
display: block;
margin: 0 0 5.2vw;
overflow: hidden;
}
.article-feature-info .feature-description {
max-width: 42.12vw;
font-size: 1.456vw;
line-height: 1.67;
}
.article-feature-info .feature-list {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
clear: both;
}
.article-feature-info .feature-item {
box-sizing: border-box;
max-width: 32.76vw;
}
.article-feature-info .feature-item:before {
background-image: url(../image/bullet-blue.svg);
}
.article-feature-info.video:before {
top: auto;
bottom: -7.279999999999999vw;
}
.article-feature-info.video .feature-heading {
max-width: 100%;
width: 100%;
margin: 0 auto 4.68vw;
text-align: center;
}
.article-feature-info.video .feature-description {
float: right;
}
.article-feature-info.video .feature-image.video {
float: none;
}
.article-videos {
padding: 3.1199999999999997vw 0;
}
.article-videos .container {
width: 75.39999999999999vw;
position: relative;
}
.article-videos .videos_item iframe {
width: 23.555999999999997vw;
height: 13.208vw;
margin: 0.7799999999999999vw;
border-radius: 1.04vw;
}
.article-videos .videos_item embed {
width: 23.555999999999997vw;
height: 13.208vw;
margin: 0.7799999999999999vw;
border-radius: 1.04vw;
}
.article-videos .feature-heading {
text-align: center;
margin-bottom: 3.1199999999999997vw;
}
.influencer-wrapper-form {
margin-bottom: 5.2vw;
}
.section-partners.influencer > article:nth-child(2n-1) {
background: transparent;
}
.footer-main {
font-family: 'UniviaPro', sans-serif;
background: #011a41;
color: #fff;
font-size: 0.9359999999999999vw;
line-height: 1.4;
padding: 4.68vw 0 1.768vw;
}
.footer-main a {
color: #fff;
text-decoration: none;
}
.footer-main h4 {
font-weight: 400;
font-size: 1.3519999999999999vw;
padding-bottom: 2.08vw;
}
.footer-main .footer-inner {
display: flex;
flex-direction: row-reverse;
width: 79.872vw;
justify-content: space-between;
}
.footer-main ul {
list-style-type: none;
}
.footer-main li {
padding-bottom: 1.144vw;
}
.footer-main .newsletter {
width: 30%;
}
.footer-main .newsletter h4 {
font-weight: 400;
}
.footer-main .newsletter form {
margin: 2.08vw 0;
}
.footer-main .newsletter form p {
display: flex;
flex-wrap: wrap;
}
.footer-main .newsletter .wpcf7-form-control-wrap.email {
width: 65%;
box-sizing: border-box;
}
.footer-main .newsletter .ajax-loader {
margin-right: -1.04vw;
}
.footer-main .newsletter input {
height: 3.38vw;
box-sizing: border-box;
width: 100%;
border-radius: 0.624vw 0 0 0.624vw;
border: 0;
padding: 0 1.5599999999999998vw;
}
.footer-main .newsletter input::-webkit-input-placeholder {
color: #c9c9c9;
font-size: 0.832vw;
font-family: 'UniviaPro', sans-serif;
}
.footer-main .newsletter input:-ms-input-placeholder {
color: #c9c9c9;
font-size: 0.832vw;
font-family: 'UniviaPro', sans-serif;
}
.footer-main .newsletter input::placeholder {
color: #c9c9c9;
font-size: 0.832vw;
font-family: 'UniviaPro', sans-serif;
}
.footer-main .newsletter input[type=submit] {
font-size: 0.728vw;
font-weight: 700;
color: #2c4482;
background: #fff;
border-radius: 0 0.624vw 0.624vw 0;
border: 0;
width: 35%;
margin-left: -2px;
cursor: pointer;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
.footer-main .newsletter .note a {
text-decoration: underline;
}
.footer-main .newsletter .note a:hover {
text-decoration: none;
}
.footer-main .follow ul {
display: flex;
width: 6.552vw;
justify-content: space-between;
}
.footer-main .follow li a {
display: block;
}
.footer-main .facebook,
.footer-main .linkedin {
width: 2.1839999999999997vw;
height: 2.1839999999999997vw;
text-indent: -100vw;
overflow: hidden;
background-size: 100%;
background-repeat: no-repeat;
}
.footer-main .facebook {
background-image: url(../image/footer-facebook.svg);
}
.footer-main .linkedin {
background-image: url(../image/footer-linkedin.svg);
}
.footer-main .join,
.footer-main .talk,
.footer-main .follow,
.footer-main .company {
width: 25%;
}
.footer-main .company {
order: 1;
}
.footer-main .copyright {
margin-top: 2.34vw;
text-align: center;
}
#cookie-law-info-again {
box-shadow: none;
border: 2px solid #2f3def;
border-width: 2px 2px 0 2px;
}
#cookie-law-info-bar {
box-shadow: none;
border-top: 2px solid #2f3def;
}
.unic .unic-bar {
padding: 0 !important;
}
.foot-newsletter .wpcf7-form-control-wrap {
width: 65%;
}
@media (max-width: 813px) {
.zoomd-timeline-head {
width: 100%;
}
.zoomd-timeline-list {
width: 100%;
position: relative;
display: flex;
flex-direction: column;
}
.zoomd-timeline-list:before {
height: 100%;
width: 5px;
bottom: initial;
transform: translateX(-50%);
left: 50%;
top: 0;
}
.zoomd-timeline-list:after {
bottom: -28px;
left: 50%;
transform: translateX(-50%) rotate(90deg);
}
.zoomd-timeline-item .zoomd-timeline-date:before {
width: 100%;
height: 4px;
}
.zoomd-timeline-item:nth-child(odd) {
align-self: flex-end;
padding-left: 20px;
}
.zoomd-timeline-item:nth-child(even) {
align-items: flex-end;
text-align: right;
padding-right: 20px;
}
.zoomd-timeline-item:nth-child(odd) .zoomd-timeline-date:before {
bottom: 50%;
transform: translateY(50%);
left: -26px;
z-index: -1;
}
.zoomd-timeline-item:nth-child(even) .zoomd-timeline-date:before {left: 21px;top: 50%;transform: translateY(-50%);z-index: -1;}
.home-ctas-list {
flex-direction: column;
}
.home-cta-item {
border-right: none;
border-bottom: 3px solid #bbb;
padding: 6.239999999999999vw;
}
.home-cta-item p {
font-size: 3.84vw;
line-height: 1.9;
}
.zoomd-timeline-wrap {
flex-direction: column;
padding-bottom: 100px;
}
.timeline-head-date {
font-size: 28px;
}
.timeline-head-title {
font-size: 28px;
padding: 10px 20px;
}
.timeline-head-img img {
max-width: 150px;
}
.zoomd-timeline-image img {
max-width: 150px;
}
.zoomd-timeline-item {
width: 50%;
display: flex;
flex-direction: column;
box-sizing: border-box;
margin-bottom: -80px;
gap: 10px;
}
}
@media (min-width: 814px) {
.zoomd-timeline-item:nth-child(even) {
transform: translateY(-60px);
}
.zoomd-timeline-year {
margin: 100px 0 20px 0;
}
.zoomd-timeline-item:nth-child(odd) .zoomd-timeline-year {
margin: 20px 0 100px 0;
}
.zoomd-timeline-list {
position: relative;
padding-right: 5vw;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(3vw, 1fr));
}
.zoomd-timeline-item {
display: flex;
flex-direction: column;
grid-row: 3;
position: relative;
text-align: center;
align-items: center;
}
.zoomd-timeline-item:nth-child(odd) {
flex-direction: column-reverse;
grid-row: 1;
transform: translateY(0px);
}
.zoomd-timeline-item:nth-child(1) {
grid-column: 1/3;
}
.zoomd-timeline-item:nth-child(2) {
grid-column: 2/4;
}
.zoomd-timeline-item:nth-child(3) {
grid-column: 3/5;
}
.zoomd-timeline-item:nth-child(4) {
grid-column: 4/6;
}
.zoomd-timeline-item:nth-child(5) {
grid-column: 5/7;
}
.zoomd-timeline-item:nth-child(6) {
grid-column: 6/8;
}
.zoomd-timeline-item:nth-child(7) {
grid-column: 7/9;
}
.zoomd-timeline-item:nth-child(8) {
grid-column: 8/10;
}
.zoomd-timeline-item:nth-child(9) {
grid-column: 9/11;
}
.zoomd-timeline-item:nth-child(10) {
grid-column: 10/12;
}
.zoomd-timeline-item:nth-child(11) {
grid-column: 11/13;
}
.zoomd-timeline-item:nth-child(12) {
grid-column: 12/14;
}
.zoomd-timeline-item:nth-child(13) {
grid-column: 13/15;
}
.zoomd-timeline-item:nth-child(14) {
grid-column: 14/16;
}
.zoomd-timeline-item:nth-child(15) {
grid-column: 15/17;
}
.team-wrapper.about {
display: flex;
flex-wrap: wrap;
}
.team-wrapper.about .team-member {
width: 20%;
}
.feature-counter-wrapper .slick-track {
width: 78vw !important;
}
.stock-list .slick-track,
.stock-list .slick-track .slick-slide {
width: auto !important;
}
.stock-item {
width: 23.919999999999998vw !important;
}
.brands-list {
width: auto !important;
}
}
.grecaptcha-badge {
opacity: 0;
visibility: hidden;
}
.menu-item.hidden {
display: none;
}
.logged-in .menu-item.hidden {
display: list-item;
}
@media (max-width: 767px) {
#menu-item-1957 .sub-menu:before, #menu-item-6808 .sub-menu:before {
display: none !important;
}
}
@media (min-width: 814px) {
.menu-main .two-columns .sub-menu {
column-count: 2;
}
.menu-main .two-columns .sub-menu:before {
display: none;
}
.menu-main .two-columns .sub-menu li {
margin: 0;
}
.menu-main .two-columns .sub-menu li.left {
page-break-before: avoid;
padding-left: 0;
border-left: 0;
}
.menu-main .two-columns .sub-menu li.right {
page-break-after: avoid;
}
.menu-main .two-columns .sub-menu li.title a {
cursor: text;
}
}
.menu-main .two-columns .sub-menu li.title a {
text-decoration: underline;
}
.page-template-publishers .content-main {
text-align: center;
}
.wpml-ls-legacy-dropdown {
width: auto;
}@media (max-width: 1360px) and (min-width: 814px) {
.header-main-wrapper {
width: 90vw;
}
.menu-main .nav-main li {
margin: 0 0.8vw;
}
.menu-main .sub-menu li {
margin: 0 0 0 13vw;
}
.menu-main .sub-menu li a {
font-size: 1.3vw;
}
.menu-main ul {
align-items: center;
}
.menu-main li {
font-size: 1.3vw;
}
.menu-main .nav-contact {
margin: 0 0.8vw;
}
.menu-main .investors a,
.menu-main .cus-area a {
width: 10vw;
}
.menu-main .two-columns .sub-menu {
transform: translateX(-36%);
}
.logo {
width: 9vw;
height: 2.6vw;
}
.breadcrumbs {
height: 4vw;
line-height: 4vw;
font-size: 1.4vw;
}
.breadcrumbs-inner {
width: 90vw;
}
.section-intro {
background-position: 54vw 7vw;
}
.section-intro .intro-label {
font-size: 1.96vw;
padding-left: 2.8vw;
}
.section-intro .column {
width: 49vw;
}
.section-intro h3 {
font-size: 2.8vw;
margin: 1.75vw 0;
}
.section-intro .feature-description-1 {
font-size: 1.68vw;
margin: 1.75vw 3.5vw;
}
.section-intro .feature-description-2 {
font-size: 1.26vw;
margin: 1.75vw 4.9vw;
}
.section-intro .btn-blue {
margin: 3.5vw auto 0;
height: 4.2vw;
line-height: 4.2vw;
border-radius: 2.1vw;
font-size: 1.19vw;
padding: 0 3.64vw;
}
.section-intro .feature-logos {
box-shadow: 0 1.05vw 2.8vw 0.35vw #e3e3f4;
height: 4.9vw;
border-radius: 1.75vw;
padding: 1.05vw 1.75vw;
}
.section-intro .feature-logos .feature-logo {
max-width: 5.95vw;
max-height: 1.75vw;
}
.section-intro .column.saas-intro-image {
width: 30.31vw;
background-repeat: no-repeat;
background-position: center;
margin: 8vw -5vw 0 5vw;
}
.section-intro .column.saas-intro-image #animation_container,
.section-intro .column.saas-intro-image #canvas,
.section-intro .column.saas-intro-image #dom_overlay_container,
.section-intro .column.saas-intro-image #animation_container1,
.section-intro .column.saas-intro-image #canvas1,
.section-intro .column.saas-intro-image #dom_overlay_container1 {
width: 30.31vw !important;
height: 21.63vw !important;
}
.saas .feature-conclusion {
font-size: 1.19vw;
}
.saas .article-feature .description-container {
max-width: 62.65vw;
}
.saas .article-feature .description-heading {
margin-bottom: 3.15vw;
}
.saas .article-feature .description-text {
font-size: 1.75vw;
margin-bottom: 2.45vw;
}
.saas .article-feature .disclaimer {
font-size: 1.75vw;
}
.saas .article-feature .features-slider .feature-heading {
font-size: 1.68vw;
margin: 3.15vw auto 1.05vw;
}
.saas .article-feature .features-slider .description {
max-width: 24.15vw;
font-size: 1.19vw;
}
.saas .article-feature .features-slider .feature-image {
min-height: 16.1vw;
}
.saas .article-feature .features-slider img {
max-width: 16.1vw;
}
.saas .article-feature .features-slider .btn-purple {
margin-top: 2.45vw;
margin-bottom: 0.7vw;
}
.performance .article-feature img {
box-shadow: none;
}
.form-saas h3 {
font-size: 1.68vw;
margin: 4.2vw auto;
}
.form-saas .field-checkbox {
font-size: 1.4vw;
font-weight: 500;
}
.form-saas select {
height: 3vw;
}
.content-main.saas .ready-to-grow img {
width: 36.47vw;
}
.footer-main h4 {
font-size: 1.6vw;
}
.footer-main ul {
font-size: 1.2vw;
}
.footer-main .footer-inner {
width: 90vw;
}
.newsletter {
font-size: 1.2vw;
}
.footer-main .newsletter input[type=submit] {
font-size: 1.2vw;
width: 40%;
}
.footer-main .newsletter .wpcf7-form-control-wrap.email {
width: 59%;
}
.footer-main .newsletter input::-webkit-input-placeholder {
font-size: 1.2vw;
}
.footer-main .newsletter input:-ms-input-placeholder {
font-size: 1.2vw;
}
.footer-main .newsletter input::placeholder {
font-size: 1.2vw;
}
.footer-main .copyright {
font-size: 1vw;
}
.brands-categories {
font-size: 1.3vw;
}
.btn-orange,
.btn-purple {
font-size: 1.4vw;
}
.home-platform p {
font-size: 1.3vw;
}
.home-events .excerpt {
font-size: 1.4vw;
}
.home-events .category {
font-size: 1.2vw;
}
.home-ecosystem .description {
font-size: 1.45vw;
}
.map .rolover {
padding: 2.1vw 0.7vw 2.1vw 2.1vw;
width: 22.19vw;
height: 15.61vw;
border-radius: 1.05vw;
box-shadow: 0 1.05vw 1.75vw 0 rgba(0, 0, 0, 0.09);
}
.map .img-wrapper {
width: 5.95vw;
height: 5.95vw;
border: solid 0.21vw #2f3def;
margin-right: 0.7vw;
}
.map .city,
.map .name,
.map .role,
.map .btn-white {
margin-left: 7.7vw;
}
.map .city {
height: 1.26vw;
font-size: 0.98vw;
}
.map .name {
font-size: 1.26vw;
margin-top: 0.7vw;
margin-bottom: 0.14vw;
}
.map .role {
font-size: 0.98vw;
}
.map .btn-white {
padding: 0 2.59vw;
height: 2.45vw;
line-height: 2.45vw;
font-size: 1.12vw;
border-radius: 1.68vw;
margin-top: 1.96vw;
}
.map .close {
width: 1.4vw;
height: 1.4vw;
right: 0.7vw;
top: 0.7vw;
}
.content-publishers,
.content-advertisers,
.content-industry,
.content-achievements {
font-size: 1.4vw;
}
.feature-item {
font-size: 1.4vw;
}
.testimonials {
margin: 3.5vw -40vw 0;
}
.testimonials .section-description {
font-size: 1.6vw;
}
.testimonials .slick-list {
padding-bottom: 6vw !important;
}
.testimonials-item {
width: 53.2vw !important;
margin: 0 2.45vw !important;
height: 22.4vw;
border-radius: 1.4vw;
padding: 2.1vw;
font-size: 1.26vw;
}
.testimonials-item:before {
width: 36.54vw;
height: 14.21vw;
border-radius: 1.4vw;
-webkit-filter: blur(1.75vw);
filter: blur(1.75vw);
bottom: -2.1vw;
left: 8.33vw;
}
.testimonials-item .image {
margin: 1.05vw;
width: 7.7vw;
height: 7.7vw;
border-radius: 4.2vw;
}
.testimonials-item .name {
font-size: 1.54vw;
margin-bottom: 0.49vw;
}
.testimonials-item .position {
font-size: 1.12vw;
margin-bottom: 1.4vw;
}
.testimonials-item .name,
.testimonials-item .position,
.testimonials-item .text {
padding-left: 12.25vw;
}
.feature-company {
font-size: 1.5vw;
}
.feature-role {
font-size: 1.2vw;
}
.feature-cite {
font-size: 1.3vw;
}
.feature-list-heading,
.feature-description {
font-size: 1.4vw;
}
.article-about p,
.article-team p,
.team-name,
.about-pics h6 {
font-size: 1.4vw;
}
.team-role {
font-size: 1.2vw;
}
.timeline .date {
font-size: 1.2vw;
}
.timeline .year {
width: 4.5vw;
font-size: 1.2vw;
}
.article-platform .feature p {
font-size: 1.4vw;
}
.form-search input[type="text"] {
font-size: 1.4vw;
}
.form-search input[type="text"]::-webkit-input-placeholder {
font-size: 1.4vw;
}
.form-search input[type="text"]:-ms-input-placeholder {
font-size: 1.4vw;
}
.form-search input[type="text"]::placeholder {
font-size: 1.4vw;
}
.menu-media-center a {
font-size: 1.4vw;
}
.article {
height: 22.75vw;
border-radius: 0.84vw;
box-shadow: 0 1.4vw 3.5vw 0 rgba(52, 65, 161, 0.1);
margin: 0 auto 2.1vw;
}
.article.width-third {
width: 28.35vw;
height: 14.91vw;
margin: 0 2.31vw 3.08vw 0;
padding: 0.7vw;
}
.article.width-third .image {
width: 5.81vw;
}
.article.width-third .content-wrapper {
padding: 0 0 0 1.05vw;
}
.article.width-third h2 {
margin: 0.49vw 0 1.05vw;
height: 3.36vw;
font-size: 1.05vw;
}
.article.width-third .excerpt {
margin: 0 0 1.4vw;
font-size: 0.91vw;
min-height: 5.32vw;
}
.article.width-third .date {
font-size: 0.98vw;
line-height: 1.89vw;
}
.article.width-full {
width: 87.15vw;
}
.article.width-full.image-half img {
width: 42.7vw;
height: 22.75vw;
border-radius: 0 0.84vw 0.84vw 0;
}
.article.width-full.image-third img {
width: 32.2vw;
height: 22.75vw;
border-radius: 0 0.84vw 0.84vw 0;
}
.article.width-full.image-third .read-more {
right: 37.1vw;
}
.article.width-full.image-third .content-wrapper {
padding-right: 2.1vw;
}
.article.width-half {
width: 42.21vw;
margin: 0 0 3.85vw;
}
.article.width-half.image-bg img {
border-radius: 0.84vw;
}
.article.width-half.has-image .content-wrapper {
padding-right: 1.26vw;
}
.article.width-half .image-wrapper {
width: 18.41vw;
height: 22.89vw;
border-radius: 0 0.7vw 0.7vw 0;
}
.article.width-half .content-wrapper {
padding: 5.6vw 4.9vw 2.1vw 2.24vw;
}
.article.width-half .category {
top: 2.8vw;
left: 2.24vw;
}
.article.width-half h2 {
margin: 0 0 2.8vw;
}
.article.width-half .read-more {
width: 16.52vw;
height: 3.78vw;
line-height: 3.92vw;
border-radius: 1.96vw;
font-size: 1.4vw;
left: 1.68vw;
bottom: 2.1vw;
}
.article .content-wrapper {
padding: 2.8vw 2.45vw;
}
.article .category {
font-size: 1.12vw;
left: 2.45vw;
bottom: 2.8vw;
}
.article .read-more {
width: 11.9vw;
height: 2.8vw;
line-height: 2.8vw;
border-radius: 5.6vw;
font-size: 1.12vw;
right: 45.15vw;
bottom: 2.8vw;
}
.article .excerpt {
font-size: 1.12vw;
}
.article h2 {
font-size: 1.68vw;
margin: 1.26vw 0 0.7vw;
height: 4.34vw;
}
.article.newsletter-sign-up .content-wrapper {
padding: 3.22vw 3.5vw 4.2vw 1.82vw;
}
.article.newsletter-sign-up h2 {
font-size: 2.31vw;
margin-bottom: 1.19vw;
}
.article.newsletter-sign-up .excerpt {
font-size: 1.68vw;
margin-bottom: 2.45vw;
}
.article.newsletter-sign-up .wpcf7 .wpcf7-form-control-wrap span {
top: 2.8vw;
}
.article.newsletter-sign-up .form-search input {
height: 3.92vw;
line-height: 3.92vw;
font-size: 1.12vw;
}
.article.newsletter-sign-up .form-search input[type="text"],
.article.newsletter-sign-up .form-search input[type="email"] {
border-radius: 1.82vw;
padding: 0 9.1vw 0 2.1vw;
font-size: 0.91vw;
}
.article.newsletter-sign-up .form-search input[type="text"]::-webkit-input-placeholder,
.article.newsletter-sign-up .form-search input[type="email"]::-webkit-input-placeholder {
font-size: 0.91vw;
}
.article.newsletter-sign-up .form-search input[type="text"]:-ms-input-placeholder,
.article.newsletter-sign-up .form-search input[type="email"]:-ms-input-placeholder {
font-size: 0.91vw;
}
.article.newsletter-sign-up .form-search input[type="text"]::placeholder,
.article.newsletter-sign-up .form-search input[type="email"]::placeholder {
font-size: 0.91vw;
}
.article.newsletter-sign-up .form-search input[type="submit"] {
width: 7.91vw;
height: 2.66vw;
border-radius: 1.4vw;
font-size: 0.91vw;
margin: 0.63vw 0 0 -8.54vw;
}
.article.book {
border: solid 0.14vw rgba(112, 112, 112, 0.18);
}
.article.book:before {
right: 18.2vw;
top: 2.1vw;
bottom: 2.1vw;
}
.article.book .content-wrapper {
padding: 5.6vw 19.6vw 5.6vw 3.01vw;
}
.article.book .excerpt {
font-size: 1.4vw;
}
.article.book .read-more {
font-size: 1.4vw;
bottom: 3.08vw;
left: 3.5vw;
}
.article.book .book-wrapper {
top: 2.66vw;
right: 2.73vw;
bottom: 2.03vw;
width: 12.53vw;
height: 18.06vw;
}
.tag {
padding: 0 0.91vw;
margin: 0 0.7vw 0.7vw 0;
height: 1.82vw;
line-height: 1.82vw;
font-size: 0.98vw;
border-radius: 0.91vw;
}
.article-wrapper {
width: 87.15vw;
}
.character {
left: -5vw;
}
.navigation.pagination {
margin: 3.5vw auto;
}
.navigation.pagination .nav-links a,
.navigation.pagination .nav-links span {
padding: 0.56vw 0.84vw;
line-height: 1.12vw;
font-size: 1.12vw;
min-width: 0.7vw;
}
.navigation.pagination .nav-links span.current {
box-shadow: 0 0.7vw 1.4vw 0 rgba(38, 45, 131, 0.3);
}
.stay-tuned {
width: 50.4vw;
height: 3.01vw;
line-height: 3.01vw;
margin: 0 auto 4.2vw;
border-radius: 1.54vw;
font-size: 1.12vw;
}
.btn-stay-tuned {
margin: 0.21vw;
width: 9.31vw;
height: 2.59vw;
line-height: 2.59vw;
font-size: 1.12vw;
margin-right: -9.52vw;
border-radius: 1.26vw;
}
.blog-article-aside .author h5 {
font-size: 1.4vw;
}
.blog-article-text p,
.blog-article-aside .newsletter p,
.blog-article-aside .author .role {
font-size: 1.2vw;
}
.blog-article-aside .newsletter .form-search input[type="submit"] {
width: 7vw;
font-size: 1vw;
}
.blog-article-aside .newsletter .form-search input[type="text"],
.blog-article-aside .newsletter .form-search input[type="email"] {
font-size: 1vw;
}
.blog-article-aside .newsletter .form-search input[type="text"]::-webkit-input-placeholder,
.blog-article-aside .newsletter .form-search input[type="email"]::-webkit-input-placeholder {
font-size: 1vw;
}
.blog-article-aside .newsletter .form-search input[type="text"]:-ms-input-placeholder,
.blog-article-aside .newsletter .form-search input[type="email"]:-ms-input-placeholder {
font-size: 1vw;
}
.blog-article-aside .newsletter .form-search input[type="text"]::placeholder,
.blog-article-aside .newsletter .form-search input[type="email"]::placeholder {
font-size: 1vw;
}
.content-investors .article.newsletter-sign-up {
margin: 4.2vw 3.5vw 0;
}
.content-investors .article.newsletter-sign-up .content-wrapper {
padding: 2.66vw 4.48vw;
font-size: 2.8vw;
}
.content-investors .article.newsletter-sign-up h2 {
font-size: 1.68vw;
}
.content-investors .article.newsletter-sign-up .excerpt {
font-size: 1.4vw;
padding-right: 0.7vw;
}
.content-investors .article.newsletter-sign-up .form-search {
max-width: 31.22vw;
margin: 1.05vw 0 -1.05vw;
}
.content-investors .article.newsletter-sign-up .form-search input[type="text"],
.content-investors .article.newsletter-sign-up .form-search input[type="email"] {
border-radius: 0.7vw;
}
.content-investors .article.newsletter-sign-up .form-search input[type="submit"] {
width: 8.54vw;
height: 3.92vw;
margin-left: -8.54vw;
border-radius: 0 0.7vw 0.7vw 0;
font-size: 0.98vw;
}
.content-investors .article.newsletter-sign-up .form-search .wpcf7-response-output {
font-size: 1.4vw;
margin: 0;
}
.content-investors .article.newsletter-sign-up .wpcf7 .wpcf7-form-control-wrap span {
top: 5.6vw;
font-size: 1.05vw;
}
.content-investors .article.newsletter-sign-up .wpcf7 form.invalid .wpcf7-response-output,
.content-investors .article.newsletter-sign-up .wpcf7 form.unaccepted .wpcf7-response-output {
font-size: 1.05vw;
padding: 0.7vw;
}
.latest-news .newsletter-sign-up {
width: 35vw;
}
.latest-news .container {
width: 89.95vw;
}
.latest-news .nav-positions {
margin: 0 0 4.55vw;
}
.latest-news .nav-positions a {
padding: 0 0.35vw;
}
.latest-news .latest-news-wrapper .latest-news-item .heading {
font-size: 1.5vw;
}
.latest-news .latest-news-wrapper .latest-news-item .date {
font-size: 1.2vw;
}
.latest-news .latest-news-wrapper .latest-news-item .excerpt {
font-size: 1.2vw;
}
.form-popup p {
font-size: 1.2vw;
margin-bottom: 2vw;
}
.faq-item,
.section-faq .learn-more .btn-purple,
.section-feedback .description,
.section-feedback .name,
.section-feedback .role,
.section-feedback .mail {
font-size: 1.5vw;
}
.faq-item .answer {
font-size: 1.3vw;
}
.nav-positions a {
font-size: 1.5vw;
}
.article.position .position-number,
.article.position .position-place {
font-size: 1.3vw;
}
.article.position .content-wrapper {
font-size: 1.3vw;
}
.form-style label {
font-size: 1.3vw;
}
.form-style input,
.form-style textarea {
height: 3vw;
}
.form-style input::-webkit-input-placeholder,
.form-style textarea::-webkit-input-placeholder { font-size: 1.3vw;
}
.form-style input:-ms-input-placeholder,
.form-style textarea:-ms-input-placeholder { font-size: 1.3vw;
}
.form-style input::placeholder,
.form-style textarea::placeholder {
font-size: 1.3vw;
}
.form-style .file-label {
padding-bottom: 0.5vw;
top: 1.3vw;
}
.form-style .btn-blue,
.form-style input[type=submit] {
font-size: 1.5vw;
}
.form-style span.wpcf7-not-valid-tip {
font-size: 0.98vw;
}
.position-another .role,
.position-another .mail {
font-size: 1.3vw;
}
.header-coloured.contact-us .smaller {
font-size: 1.7vw;
}
.team-email,
.article-contact .address,
.article-contact .email-label,
.article-contact .phone-label,
.article-contact .address-label {
font-size: 1.2vw;
}
}@media (max-width: 813px) { body.hamb-opened {
overflow: hidden;
height: 100vh;
}
body.hamb-opened .slick-slider,
body.hamb-opened .brands {
max-width: 100vw;
}
.header-main-wrapper {
width: auto;
height: 15.36vw;
margin: 0 3.6vw;
}
.header-main-wrapper .en,
.header-main-wrapper .ko,
.header-main-wrapper .br,
.header-main-wrapper .mx,
.header-main-wrapper .es,
.header-main-wrapper .pr {
width: 5.28vw;
height: 3.6vw;
margin-left: 3.6vw;
}
.hamburger {
width: 5.76vw;
height: 5.76vw;
background: url(../image/hamburger.svg);
background-size: contain;
text-indent: -100vw;
overflow: hidden;
display: inline-block;
}
.logo {
width: 19.92vw;
height: 5.76vw;
margin-left: 4.8vw;
}
.btn-orange {
width: 52.8vw;
height: 9.6vw;
line-height: 9.6vw;
border-radius: 19.2vw;
font-size: 3.36vw;
}
.menu-main {
justify-content: flex-end;
}
.menu-main li {
font-size: 3.84vw;
line-height: 1.25;
font-family: 'UniviaPro', sans-serif;
}
.menu-main li a {
color: #000;
text-decoration: none;
}
.menu-main li a.current {
font-weight: 700;
text-decoration: underline;
}
.menu-main li a:hover {
text-decoration: none;
}
.menu-main .nav-lang {
display: none;
}
.menu-main .nav-main {
display: none;
order: 2;
flex-grow: 0;
flex-direction: column;
}
.menu-main .nav-main li {
margin: 0 3.6vw 8.4vw;
font-size: 3.6vw;
}
.menu-main .nav-client {
font-size: 3.12vw;
}
.menu-main .nav-client li {
margin: 0 0 0 4.32vw;
}
.menu-main .nav-contact {
display: none;
margin: 0;
order: 3;
}
.menu-main .nav-contact:after {
content: '';
position: absolute;
z-index: -1;
bottom: 0;
left: 0;
right: 0;
height: 45.6vw;
background-image: url(../image/earth.gif);
background-size: 100% auto;
}
.menu-main .nav-contact:before {
content: '';
position: absolute;
z-index: -1;
height: 81.6vw;
bottom: 0;
left: 0;
right: 0;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.41) 14%, #212086 44%);
}
.menu-main .investors a,
.menu-main .cus-area a {
width: 22.08vw;
height: 6.96vw;
line-height: 6.96vw;
margin: -1.44vw 0;
border-radius: 5.76vw;
}
.menu-main .investors a {
border: solid 1px #1ba4ef;
color: #1ba4ef;
}
.menu-main .cus-area a {
background: url(../image/cus-area.svg);
background-size: 100%;
width: 7.2vw;
height: 7.2vw;
overflow: hidden;
text-indent: -100vw;
border: 0;
}
.menu-main .sub-menu {
position: static;
min-height: 0;
min-width: 0;
box-shadow: 0 0 0 transparent;
background: transparent;
border-radius: 0;
padding: 0;
margin: 3.6vw 0 -4.8vw;
top: auto;
transform: none;
display: none;
}
.menu-main .sub-menu:before,
.menu-main .sub-menu:after {
display: none;
}
.menu-main .sub-menu li {
padding: 3.6vw;
margin: 0;
border-left: 0;
}
.menu-main .sub-menu li a {
font-size: 3.12vw;
font-weight: 400;
}
.menu-main .menu-item-has-children {
position: relative;
}
.menu-main .open {
position: absolute;
background: url(../image/arrow-position.svg);
background-size: 100%;
transform: rotate(0deg);
transition: all 0.5s ease-in;
width: 3.84vw;
height: 1.92vw;
top: 1.44vw;
left: 110%;
}
.menu-main .open.opened {
transform: rotate(-180deg);
}
.menu-main .nav-main .two-columns .sub-menu li {
display: none;
}
.menu-main .nav-main .two-columns .sub-menu li.title {
display: list-item;
position: relative;
}
.menu-main .nav-main .two-columns .sub-menu li.title a {
font-size: 3.6vw;
}
.menu-main .nav-main .two-columns .sub-menu li.title:before {
content: '';
position: absolute;
background: url(../image/arrow-position.svg);
background-size: 100%;
transform: rotate(0deg);
transition: all 0.5s ease-in;
width: 3.84vw;
height: 1.92vw;
top: 4.32vw;
right: 3.84vw;
}
.menu-main .nav-main .two-columns .sub-menu li.title.opened:before {
transform: rotate(-180deg);
}
.header-main.active .hamburger {
background-image: url(../image/hamb-close.svg);
z-index: 6;
position: fixed;
}
.header-main.active .header-main-wrapper {
flex-wrap: wrap;
}
.header-main.active .logo {
display: none;
}
.header-main.active .menu-main {
flex-wrap: nowrap;
position: absolute;
top: 15.36vw;
left: 0;
width: 80.88vw;
background: #fff;
flex-direction: column;
justify-content: flex-start;
z-index: 5;
padding-top: 8.4vw;
padding-bottom: 72vw;
}
.header-main.active .nav-main {
display: flex;
}
.header-main.active .nav-client {
display: none;
}
.header-main.active .nav-contact {
display: block;
}
.header-main.active .nav-contact a {
width: 61.68vw;
height: 9.84vw;
line-height: 9.84vw;
display: block;
margin: 0 auto;
color: #fff;
background: #fec04e;
border-radius: 19.2vw;
box-shadow: 0 1.2vw 3.6vw 0 rgba(105, 99, 141, 0.15);
text-align: center;
}
.wrapper-menu-main {
flex-grow: 10;
}
.wrapper-menu-main .nav-lang {
display: none;
}
.markteing_text {
margin: 10px;
text-align:center;
}
.wrapper-menu-main.active {
height: 100vh;
overflow: scroll;
position: fixed;
z-index: 4;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.wrapper-menu-main.active:before {
content: '';
z-index: 5;
position: fixed;
top: 0;
left: 0;
right: 0;
background: #fff;
height: 15.36vw;
box-shadow: 0 0.48vw 0.96vw 0 rgba(0, 0, 0, 0.25);
}
.header-main.active .nav-contact .wpml-ls-item a {
background-color: transparent;
width: auto;
height: auto;
box-shadow: none;
}
.header-main.active .nav-contact .wpml-ls-item {
position: fixed;
z-index: 7;
right: 4.8vw;
top: 2.28vw;
}
.wrapper-menu-main.active + .nav-lang {
display: flex;
position: fixed;
z-index: 7;
right: 4.8vw;
top: 5.28vw;
}
.breadcrumbs {
font-size: 3.36vw;
height: 12vw;
line-height: 12vw;
}
.breadcrumbs li:after {
margin: 0 1.2vw 0 2.4vw;
}
.breadcrumbs-inner {
width: auto;
margin: 0 4.32vw;
}
.breadcrumbs-social {
height: 12vw;
}
.breadcrumbs-social .breadcrumbs-inner {
width: auto;
}
.breadcrumbs-social .btn-back {
font-size: 2.4vw;
padding: 0 3.6vw;
height: 7.68vw;
line-height: 7.68vw;
border-radius: 3.84vw;
margin: 2.16vw 0;
}
.nav-share .facebook,
.nav-share .linkedin,
.nav-share .mail,
.nav-share .twitter {
width: 7.2vw;
height: 7.2vw;
margin: 0 0.96vw;
}
.header-coloured {
font-family: 'UniviaPro', sans-serif;
height: 59.28vw;
}
.header-coloured .heading-media {
margin-bottom: 6.48vw;
color: #fff;
text-align: center;
line-height: 14.4vw;
}
.header-coloured .heading-media .bigger {
font-size: 6.24vw;
line-height: 1.15;
margin: 3.6vw 0 1.44vw;
}
.header-coloured .heading-media .smaller {
font-size: 3.36vw;
line-height: 1.5;
width: 58.8vw;
margin: 0 auto;
max-width: 100%;
}
.header-coloured.events {
height: 59.28vw;
}
.header-coloured.events:before {
background-image: url(../image/header-events.png);
}
.header-coloured.news {
height: 59.28vw;
}
.header-coloured.news:before {
background-image: url(../image/header-news.png);
}
.header-coloured.resources {
height: 59.28vw;
}
.header-coloured.resources:before {
background-image: url(../image/header-resources.png);
}
.header-coloured.performance:before {
background-image: url(../image/performance-mob.png);
background-repeat: no-repeat;
background-size: cover;
}
.header-coloured #animation_container,
.header-coloured #canvas,
.header-coloured #dom_overlay_container {
display: none;
}
.header-coloured.partners:before {
background-image: url(../image/header-partners.png);
}
.header-coloured.platform {
padding: 12vw;
box-sizing: border-box;
}
.header-coloured.platform:before {
background-image: url(../image/header-platform.png);
height: 117.2%;
}
.header-coloured.platform .heading-media {
max-width: 100vw;
}
.header-coloured.platform .btn-orange {
margin-top: 3.6vw;
}
.header-coloured.achievements:before {
background-image: url(../image/header-achievements.png);
}
.header-coloured.achievements .heading-media {
max-width: 70%;
}
.header-coloured.publishers:before {
background-image: url(../image/header-publishers.png);
}
.header-coloured.careers:before {
background-image: url(../image/header-careers.png);
}
.header-coloured.careers .bigger {
font-size: 6.24vw;
}
.header-coloured.investors:before {
background-image: url(../image/header-investors.png);
}
.header-coloured.about:before {
background-image: url(../image/header-about.png);
}
.header-coloured.about .bigger {
width: 51.6vw;
}
.header-coloured.contact-us {
height: 48vw;
display: block;
margin-bottom: 48vw;
}
.header-coloured.contact-us:after {
display: none;
}
.header-coloured.contact-us img {
position: static;
}
.header-coloured.contact-us .heading-media {
padding-top: 48vw;
}
.header-coloured.contact-us .bigger {
font-size: 6.24vw;
line-height: 1.4;
color: #011a41;
margin: 4.08vw 3.6vw 2.4vw;
}
.header-coloured.contact-us .smaller {
font-size: 3.84vw;
line-height: 1.5;
color: #011a41;
margin: 0 3.6vw;
width: auto;
}
.header-coloured.contact-us .smaller br {
display: none;
}
.header-coloured.home {
height: 96vw;
}
.header-coloured.home img {
display: block;
width: 100%;
height: 100%;
}
.header-coloured .heading-home {
width: auto;
background-color: rgba(38, 45, 131, 0.6);
transform: none;
padding: 2.4vw 4.8vw;
height: auto;
top: auto;
left: 0;
bottom: 0;
right: 0;
border-radius: 0;
}
.header-coloured .heading-home .bigger {
font-size: 6.72vw;
font-weight: 700;
line-height: 1.3;
margin-bottom: 0;
}
.header-coloured .heading-home .bigger span {
font-size: 6.72vw;
font-weight: 700;
line-height: 1.3;
margin-bottom: 0;
display: none;
}
.header-coloured .heading-home .bigger span:first-child {
display: inline;
}
.header-coloured .heading-home .smaller {
font-size: 4.8vw;
line-height: 1.3;
}
.header-coloured.wiki {
height: 59.28vw;
}
.header-coloured.wiki .heading-media .bigger {
margin-bottom: 4.8vw;
}
.header-coloured.advertisers {
height: 59.28vw;
}
.header-coloured.advertisers:before {
background-image: url(../image/header-advertisers.png);
}
.header-coloured.industry {
height: 59.28vw;
}
.header-coloured.industry:before {
background-image: url(../image/header-industry.png);
}
.header-coloured.industry .heading-media .smaller {
max-width: 45.6vw;
}
.header-coloured.industry .heading-media .smaller br {
display: none;
}
.header-coloured.ecommerce:before {
background-image: url(../image/header-ecommerce.png);
}
.header-coloured.utility:before {
background-image: url(../image/header-utility.png);
}
.header-coloured.gaming:before {
background-image: url(../image/header-gaming.png);
}
.header-coloured.delivery:before {
background-image: url(../image/header-delivery.png);
}
.header-coloured.partners:before {
background-image: url(../image/header-partners.png);
}
.header-coloured.partners .heading-media {
margin: 0 9.12vw;
}
.header-coloured.partners .heading-media br {
display: none;
}
.header-coloured.signup:before {
background-image: url(../image/header-signup.png);
}
.header-coloured.signup .heading-media {
margin: 0;
}
.header-coloured.influencer {
height: 59.28vw;
}
.header-coloured.influencer:before {
background-image: url(../image/header-influencer.svg);
}
.header-coloured.influencer .heading-media {
margin: 0;
}
.form-search {
width: 88.08vw;
}
.form-search input {
height: 12.48vw;
}
.form-search input[type="text"] {
border-radius: 6.24vw;
padding: 0 5.28vw;
font-size: 12px;
}
.form-search input[type="text"]::-webkit-input-placeholder {
font-family: 'UniviaPro', sans-serif;
font-size: 2.4vw;
color: rgba(0, 0, 0, 0.8);
}
.form-search input[type="text"]:-ms-input-placeholder {
font-family: 'UniviaPro', sans-serif;
font-size: 2.4vw;
color: rgba(0, 0, 0, 0.8);
}
.form-search input[type="text"]::placeholder {
font-family: 'UniviaPro', sans-serif;
font-size: 2.4vw;
color: rgba(0, 0, 0, 0.8);
}
.form-search input[type="submit"] {
border-radius: 0 16.8vw 16.8vw 0;
background-size: 4.8vw 4.8vw;
}
.menu-media-center ul {
margin: 4.8vw auto;
width: 93.6vw;
height: 10.08vw;
border-radius: 5.04vw;
}
.menu-media-center a {
height: 8.16vw;
line-height: 8.16vw;
border-radius: 4.08vw;
font-size: 3.36vw;
margin: 0.96vw;
}
.menu-media-center a.active {
background-color: #9662f7;
color: #fff;
font-weight: 700;
}
.stay-tuned {
width: auto;
height: 14.88vw;
line-height: 4.56vw;
margin: 0 auto 4.8vw;
border-radius: 0;
font-size: 3.12vw;
padding: 2.88vw 4.8vw;
background: #fff;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
text-align: left;
box-sizing: border-box;
color: #262d83;
font-family: 'UniviaPro', sans-serif;
}
.btn-stay-tuned {
margin: -3.84vw -21.12vw 3.84vw 0;
width: 22.08vw;
height: 6.48vw;
line-height: 6.48vw;
color: #fff;
font-size: 2.88vw;
float: right;
border-radius: 3.36vw;
}
.btn-stay-tuned:hover {
text-decoration: underline;
}
.bg-triangles {
background: #fff;
}
.bg-triangles:before,
.bg-triangles:after {
display: none;
}
.wrapper-news .character {
display: none;
}
.wrapper-resources {
padding: 3.6vw 0;
}
.wrapper-resources .container {
width: auto;
}
.section-header {
font-size: 5.76vw;
font-weight: 400;
margin: 0 4.8vw;
}
.wrapper-nav-resources {
overflow: scroll;
width: 100vw;
}
.nav-resources {
margin: 3.6vw -36vw 5.52vw 3.6vw;
}
.nav-resources li {
margin: 0 7.2vw 2.4vw 0;
}
.nav-resources a {
padding: 1.2vw 2.88vw;
border-radius: 3.12vw;
height: 6.24vw;
line-height: 6.24vw;
font-size: 2.88vw;
white-space: nowrap;
}
.nav-resources a.active {
box-shadow: 0 2.4vw 4.8vw 0 rgba(38, 45, 131, 0.3);
background-color: #0c22f4;
color: #fff;
}
.article {
height: 40.8vw;
border-radius: 1.92vw;
box-shadow: 0 0 4.8vw 0 rgba(0, 0, 0, 0.16);
background-color: #fff;
margin: 0 2.88vw 2.4vw;
}
.article.width-third {
width: auto;
height: auto;
margin: 0 0 10.56vw 0;
padding: 2.4vw;
}
.article.width-third .image {
width: 19.92vw;
}
.article.width-third .content-wrapper {
padding: 0 0 0 3.6vw;
}
.article.width-third h2 {
margin: 1.68vw 0 3.6vw;
height: 11.52vw;
font-size: 3.6vw;
}
.article.width-third .excerpt {
margin: 0 0 4.8vw;
font-size: 3.12vw;
min-height: 0;
display: block;
}
.article.width-third .date {
font-size: 3.36vw;
line-height: 6.48vw;
}
.article.width-full {
width: auto;
}
.article.width-full.image-half img {
width: 28.08vw;
height: 40.8vw;
border-radius: 0 1.92vw 1.92vw 0;
}
.article.width-full.image-third img {
width: 28.08vw;
height: 40.8vw;
border-radius: 0 1.92vw 1.92vw 0;
}
.article.width-full.image-third .read-more {
right: 31.2vw;
}
.article.width-full.image-third .content-wrapper {
padding-right: 3.12vw;
}
.article.width-half {
width: 100%;
margin: 0 0 2.4vw;
height: 36.96vw;
}
.article.width-half.image-bg img {
border-radius: 1.92vw;
}
.article.width-half.has-image .content-wrapper {
padding-right: 4.8vw;
}
.article.width-half .image-wrapper {
width: 28.08vw;
height: 36.96vw;
border-radius: 0 1.92vw 1.92vw 0;
}
.article.width-half .image-wrapper img {
width: auto;
height: 100%;
}
.article.width-half .content-wrapper {
padding: 8.4vw 4.8vw 7.2vw 4.8vw;
}
.article.width-half .category {
top: 3.84vw;
left: 4.8vw;
}
.article.width-half .tags,
.article.width-half .excerpt {
display: none;
}
.article.width-half h2 {
line-height: 1.4;
color: #262d83;
margin: 0 0 9.6vw;
}
.article.width-half .read-more {
width: 23.04vw;
height: 5.28vw;
line-height: 5.28vw;
border-radius: 2.64vw;
font-size: 2.4vw;
box-shadow: 0 1.2vw 3.6vw 0 rgba(105, 99, 141, 0.15);
left: 36vw;
bottom: 2.64vw;
}
.article .size-article-thumb-third,
.article .size-article-thumb-half {
display: none;
}
.article .size-article-mobile-thumb {
display: block;
}
.article .content-wrapper {
padding: 4.8vw;
overflow: hidden;
}
.article .category {
font-size: 2.4vw;
left: 4.8vw;
bottom: 4.8vw;
}
.article .read-more {
width: 23.04vw;
height: 5.28vw;
line-height: 5.28vw;
border-radius: 11.52vw;
box-shadow: 0 1.2vw 3.6vw 0 rgba(105, 99, 141, 0.15);
font-size: 2.4vw;
right: 31.2vw;
bottom: 2.64vw;
text-transform: uppercase;
}
.article .excerpt {
display: none;
}
.article .tags .tag {
padding: 0 3.12vw;
margin: 0 0.96vw 0.96vw 0;
height: 3.12vw;
line-height: 3.12vw;
font-family: 'UniviaPro', sans-serif;
font-size: 1.68vw;
border-radius: 3.12vw;
}
.article h2 {
font-size: 3.84vw;
line-height: 1.4;
color: #262d83;
margin: 2.64vw 0;
height: 16.8vw;
-webkit-line-clamp: 3;
}
.article.newsletter-sign-up {
display: none;
}
.article.book {
border: solid 0.48vw rgba(112, 112, 112, 0.18);
height: 36.96vw;
width: 100%;
}
.article.book:before {
display: none;
}
.article.book .content-wrapper {
padding: 8.16vw 28.32vw 8.16vw 5.52vw;
}
.article.book h2 {
margin: 0;
}
.article.book .excerpt {
display: block;
font-size: 3.36vw;
line-height: 1.25;
margin: 0.72vw 0 0;
}
.article.book .read-more {
width: auto;
height: auto;
line-height: 1;
font-size: 3.36vw;
font-weight: 700;
color: #f5be52;
bottom: 4.32vw;
left: 5.52vw;
background: transparent;
padding: 0;
margin: 0;
box-shadow: 0 0 0 transparent;
}
.article.book .book-wrapper {
top: 2.64vw;
right: 4.08vw;
bottom: 5.52vw;
width: 19.92vw;
height: 28.8vw;
border-radius: 0;
}
.article-wrapper {
width: auto;
margin: 0 2.88vw;
padding-bottom: 7.2vw;
}
.blog-article-header {
overflow: hidden;
height: auto;
}
.blog-article-header.has-image {
height: auto;
background-size: 100% 35.52vw;
background-position: top center;
}
.blog-article-header.has-image .blog-article-heading {
margin-top: 35.52vw;
border-bottom: 1px solid #fff;
}
.blog-article-header.no-image .blog-article-heading {
margin: 0 auto;
}
.blog-article-heading {
position: static;
margin-top: 0;
box-shadow: 0 0 0 transparent;
border-radius: 0;
background-color: #fff;
transform: none;
padding: 0 0 9.6vw;
width: auto;
}
.blog-article-heading h1 {
padding: 11.04vw 3.6vw 5.28vw;
margin: 0;
font-size: 5.28vw;
line-height: 1.6;
}
.blog-article-heading .category {
height: 6.24vw;
line-height: 6.24vw;
border-radius: 3.12vw;
padding: 0 7.68vw;
font-size: 1.92vw;
}
.blog-article-header + .bg-grey {
padding-top: 0;
}
.bg-grey {
background: #fff;
}
.blog-article-content {
width: auto;
flex-direction: column;
border-radius: 0;
box-shadow: 0 0 0 transparent;
background-color: #fff;
margin: 0;
padding: 0;
width: 100%;
}
.blog-article-text {
box-sizing: border-box;
width: 100%;
padding: 0 4.08vw;
}
.blog-article-text .table-wrapper {
overflow: scroll;
}
.blog-article-text table th {
font-size: 3.36vw;
padding: 2.4vw 1.2vw;
}
.blog-article-text table td {
font-size: 3.36vw;
padding: 2.4vw 1.2vw;
}
.blog-article-text p {
font-size: 3.36vw;
line-height: 1.8;
margin-bottom: 4.8vw;
}
.blog-article-text h1,
.blog-article-text h2,
.blog-article-text h3,
.blog-article-text h4,
.blog-article-text h5,
.blog-article-text h6 {
margin: 4.8vw 0;
}
.blog-article-text h1 {
font-size: 6.72vw;
}
.blog-article-text h2 {
font-size: 5.76vw;
}
.blog-article-text h3 {
font-size: 4.8vw;
}
.blog-article-text h4 {
font-size: 3.36vw;
}
.blog-article-text h5 {
font-size: 3.36vw;
}
.blog-article-text ul,
.blog-article-text ol {
margin: 4.8vw 0;
padding: 0 0 0 4.32vw;
}
.blog-article-text li {
font-size: 3.36vw;
}
.blog-article-text blockquote {
font-size: 3.36vw;
border-left: 1.2vw solid #011a41;
padding-left: 2.4vw;
margin-bottom: 4.8vw;
}
.blog-article-aside {
order: -1;
width: auto;
padding: 0 3.6vw;
}
.blog-article-aside .label {
display: none;
}
.blog-article-aside .author img {
width: 9.6vw;
height: 9.6vw;
border-radius: 4.8vw;
margin: 0 2.4vw 5.28vw 0;
}
.blog-article-aside .author .role {
opacity: 0.85;
font-family: 'UniviaPro', sans-serif;
font-size: 2.4vw;
font-weight: 700;
color: #8f8f91;
padding-top: 0.96vw;
}
.blog-article-aside .author h5 {
opacity: 0.85;
font-family: 'UniviaPro', sans-serif;
font-size: 3.36vw;
font-weight: 700;
color: #262d83;
}
.blog-article-aside .tags {
padding-bottom: 7.92vw;
}
.blog-article-aside .tags .tag {
font-size: 2.16vw;
height: 4.08vw;
line-height: 4.08vw;
border-radius: 3.12vw;
margin-right: 1.2vw;
margin-bottom: 1.2vw;
padding: 0 3.6vw;
}
.blog-article-aside .newsletter {
display: none;
}
.form-style {
font-size: 6.24vw;
}
.form-style h6 {
margin: 8.4vw 0 4.8vw;
}
.form-style label {
font-size: 3.12vw;
}
.form-style input,
.form-style textarea {
height: 9.6vw;
line-height: 9.6vw;
padding: 2.4vw;
}
.form-style input::-webkit-input-placeholder,
.form-style textarea::-webkit-input-placeholder { font-size: 3.84vw;
}
.form-style input:-ms-input-placeholder,
.form-style textarea:-ms-input-placeholder { font-size: 3.84vw;
}
.form-style input::placeholder,
.form-style textarea::placeholder {
font-size: 3.84vw;
}
.form-style textarea {
padding-top: 0;
padding-bottom: 0;
height: 9.84vw;
}
.form-style input[type="file"] {
height: 9.36vw;
line-height: 4.56vw;
padding: 2.4vw;
font-size: 3.84vw;
}
.form-style .file-label {
top: 4.8vw;
height: 6vw;
padding: 2.4vw 2.4vw 0;
}
.form-style .file-label:after {
width: 4.8vw;
height: 4.8vw;
right: 4.8vw;
}
.form-style .btn-blue,
.form-style input[type=submit] {
margin: 0 auto 7.2vw;
height: 13.44vw;
line-height: 13.44vw;
border-radius: 19.2vw;
font-size: 4.8vw;
padding: 0 10.8vw;
width: auto;
font-weight: 400;
}
.form-style .btn-blue {
font-size: 4.8vw;
padding: 0 10.8vw;
height: 13.44vw;
line-height: 13.44vw;
}
.form-style span.wpcf7-not-valid-tip {
font-size: 3.36vw;
}
.form-style .field {
width: 100%;
margin-bottom: 7.2vw;
}
.form-style .field-submit {
text-align: center;
}
.form-download {
width: 100%;
padding: 0 3.6vw 7.2vw;
box-sizing: border-box;
}
.form-download h3 {
font-size: 5.76vw;
margin: 12vw 0;
}
.form-download .btn-blue,
.form-download input[type=submit] {
height: 10.8vw;
line-height: 10.8vw;
font-size: 3.84vw;
margin: 0 auto;
width: 100%;
font-weight: 700;
}
.form-download .field-submit {
text-align: right;
}
.blog-article-date {
line-height: 1;
font-size: 3.36vw;
margin-bottom: 2.88vw;
}
img + .blog-article-date {
margin: 7.2vw 0;
}
.want-to-know-more {
width: auto;
margin: 0 4.08vw 10.08vw;
border-radius: 4.8vw;
box-shadow: 1.2vw 2.4vw 4.8vw 0 rgba(0, 0, 0, 0.15);
padding: 8.4vw 9.6vw;
}
.want-to-know-more .heading {
font-size: 4.8vw;
}
.want-to-know-more .btn-blue {
height: 12vw;
line-height: 12vw;
border-radius: 6vw;
margin: 4.32vw 0 11.52vw;
font-size: 3.84vw;
display: block;
padding: 0;
}
.want-to-know-more .label {
margin-bottom: 7.2vw;
font-size: 3.84vw;
}
.want-to-know-more .nav-share {
justify-content: center;
padding-bottom: 0;
}
.want-to-know-more .nav-share .facebook,
.want-to-know-more .nav-share .linkedin,
.want-to-know-more .nav-share .mail,
.want-to-know-more .nav-share .twitter {
width: 11.52vw;
height: 11.52vw;
margin: 0 1.92vw;
}
.want-to-know-more .nav-share .facebook {
background-image: url(../image/bc-facebook-bl.svg);
}
.want-to-know-more .nav-share .linkedin {
background-image: url(../image/bc-linkedin-bl.svg);
}
.want-to-know-more .nav-share .mail {
background-image: url(../image/bc-mail-bl.svg);
}
.want-to-know-more .nav-share .twitter {
background-image: url(../image/bc-twitter-bl.svg);
}
.wrapper-careers {
width: auto;
margin: 0 auto 12vw;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.wrapper-careers .section-header {
margin: 4.32vw 3.84vw 0;
font-weight: 700;
}
.wrapper-nav-positions {
overflow: scroll;
width: 100vw;
}
.nav-positions {
margin: 7.2vw 0;
justify-content: flex-start;
}
.nav-positions li {
margin: 0 3.6vw;
}
.nav-positions a {
padding: 0 3.6vw;
border-radius: 4.08vw;
height: 8.16vw;
line-height: 8.16vw;
font-size: 3.36vw;
}
.collage {
display: none;
}
.wrapper-positions {
width: 100%;
}
.article.position {
width: auto;
border-radius: 3.6vw;
box-shadow: 0 0 12vw 0 rgba(0, 0, 0, 0.1);
padding: 4.8vw 4.32vw 2.4vw 10.8vw;
min-height: 30vw;
}
.article.position:after {
left: 2.4vw;
top: 2.4vw;
width: 1.92vw;
height: 24.72vw;
border-radius: 4.8vw;
}
.article.position .position-header {
font-size: 4.8vw;
margin: 0 0 4.32vw;
max-width: 72vw;
min-height: 12vw;
}
.article.position .content-wrapper {
display: none;
font-size: 3.84vw;
padding: 0 0 7.2vw;
}
.article.position .content-wrapper p {
margin-bottom: 3.84vw;
}
.article.position .content-wrapper ul {
margin: 4.8vw 0 4.8vw;
padding: 0 0 0 4.32vw;
}
.article.position .position-number,
.article.position .position-place {
font-size: 3.36vw;
margin-right: 0;
padding-left: 7.2vw;
}
.article.position .position-number:before,
.article.position .position-place:before {
content: '';
float: left;
height: 4.32vw;
width: 3.36vw;
margin: 0 0 0 -7.2vw;
}
.article.position .position-number {
margin-right: 4.8vw;
}
.article.position .position-number:before {
height: 4.32vw;
width: 3.36vw;
}
.article.position .open {
width: 3.84vw;
height: 1.92vw;
top: 7.92vw;
right: 3.84vw;
}
.position-another {
padding: 9.6vw 0 9.6vw;
height: 99.36vw;
justify-content: flex-start;
position: relative;
}
.position-another .graphics {
display: none;
}
.position-another .hr-photo {
width: 45.6vw;
height: 45.6vw;
border-radius: 22.8vw 0 22.8vw 22.8vw;
overflow: hidden;
box-shadow: 0 9.6vw 23.76vw 0 rgba(0, 0, 0, 0.1);
margin: 28.8vw 9.6vw 4.8vw;
}
.position-another .hr-photo img {
max-width: 100%;
max-height: 100%;
}
.position-another .info {
margin: 0;
}
.position-another h2 {
font-size: 5.76vw;
line-height: 1.4;
margin: 9.6vw 2.4vw;
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: center;
}
.position-another h2 br {
display: none;
}
.position-another .name {
margin-top: 40.8vw;
font-size: 4.32vw;
}
.position-another .role {
font-size: 3.84vw;
line-height: 1.2;
color: #011a41;
margin: 0.96vw 0 0;
}
.position-another .mail {
font-size: 3.36vw;
line-height: 2.2;
color: #011a41;
text-decoration: underline;
}
.article-about {
padding: 3.84vw 0 0;
line-height: 1.5;
}
.article-about .container {
width: auto;
margin: 0 3.6vw;
}
.article-about .section-header,
.article-about h2 {
font-size: 5.76vw;
margin-bottom: 4.8vw;
}
.article-about p {
font-size: 3.84vw;
margin-bottom: 4.8vw;
}
.article-about img {
width: 100%;
float: none;
margin: 0 0 4.8vw;
}
.timeline {
padding: 72vw 0 0;
}
.timeline .textblock {
display: none;
}
.timeline:before {
transform: translateX(calc(-50% - 17 * 0.24vw));
width: 18.24vw;
height: 25.2vw;
}
.timeline:after {
width: 3.6vw;
top: 12vw;
bottom: 12vw;
left: calc(50% - 7 * 0.24vw);
border-radius: 0 0 4.8vw 4.8vw;
}
.timeline .event {
min-height: 88.8vw;
}
.timeline .year {
width: 10.32vw;
height: 6vw;
line-height: 6vw;
border-radius: 1.44vw;
font-size: 2.88vw;
top: -14.4vw;
}
.timeline .date {
width: 12vw;
height: 12vw;
box-shadow: 0 0 4.8vw 0 rgba(0, 0, 0, 0.1);
border: solid 1.92vw #f3f3f3;
font-size: 2.88vw;
}
.timeline .right {
transform: translateY(6vw);
left: calc(50% + 85 * 0.24vw);
text-align: center;
}
.timeline .right img {
width: 28.8vw;
}
.timeline .left {
transform: translateY(-100%);
right: auto;
left: calc(50% + 85 * 0.24vw);
text-align: center;
width: 28.8vw;
}
.timeline .event-year {
font-size: 8.16vw;
margin: 0;
}
.timeline .event-name {
font-size: 4.8vw;
}
.timeline .event.last .right {
left: calc(50% + 30 * 0.24vw);
transform: translateY(-80%);
}
.timeline .event.last .left {
left: calc(50% + 50 * 0.24vw);
transform: translateY(calc(20% + 35 * 0.24vw));
}
.timeline .event.last img {
width: 60vw;
}
.timeline .event.last .event-name {
font-size: 8.16vw;
margin: 0;
width: 51.6vw;
}
.article-team {
background: #f1f9fe;
}
.article-team .container {
width: auto;
margin: 0 6.24vw;
}
.article-team .section-header {
padding: 6.24vw 0;
text-align: center;
}
.article-team p {
font-size: 3.84vw;
line-height: 1.6;
text-align: center;
color: #011a41;
}
.team-wrapper {
width: auto;
margin: 9.6vw auto 0;
}
.team-member {
margin: 0 0 7.2vw;
}
.team-img {
width: 26.88vw;
height: 26.88vw;
border: 1.44vw solid #2f3def;
margin: 0 auto 2.4vw;
}
.team-name {
font-size: 3.84vw;
}
.team-role {
font-size: 2.88vw;
}
.team-email {
font-size: 2.88vw;
}
.team-linkedin {
width: 10.08vw;
height: 10.08vw;
margin: 2.4vw auto 0;
}
.about-pics {
padding: 12vw 0;
}
.about-pics .container {
width: auto;
}
.about-pics h6 {
font-size: 3.84vw;
margin: 4.8vw 0;
}
.about-pic-wrapper {
width: auto;
height: 92.4vw;
border-radius: 1.44vw;
margin: 0 3.6vw 3.6vw;
width: 100%;
}
.about-pic1 {
width: 57.12vw;
height: 59.52vw;
margin: 0 auto 6vw;
}
.about-pic2 {
width: 78.72vw;
height: 59.52vw;
margin: 0 auto 6vw;
}
.article-platform .feature {
padding: 12vw 0;
}
.article-platform .feature .container {
width: 100%;
padding: 0 3.6vw;
box-sizing: border-box;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.article-platform .feature p {
max-width: 100%;
font-size: 5.76vw;
}
.article-platform .feature img {
max-width: 80%;
height: auto;
max-height: 100%;
margin-top: 12vw;
}
.article-platform .feature:nth-child(2n) {
background-color: #fafaff;
}
.article-platform .feature:nth-child(2n) p {
order: 0;
}
.ready-to-grow {
text-align: center;
background: #fafaff;
padding: 12vw;
}
.ready-to-grow h3 {
font-size: 9.6vw;
font-weight: 700;
line-height: 1.25;
text-align: center;
color: #2f3def;
}
.ready-to-grow img {
max-width: 80%;
width: auto;
height: auto;
display: block;
margin: 12vw auto;
}
.article-team.contact:before,
.article-team.contact:after {
display: none;
}
.article-team.contact .team-wrapper {
margin: 12vw auto 0;
}
.article-team.contact .team-member {
margin: 0 0 7.2vw;
}
.article-team.contact .team-img {
width: 28.8vw;
height: 28.8vw;
box-shadow: 0 9.6vw 24vw 0 rgba(0, 0, 0, 0.1);
}
.article-team.contact .team-role {
margin-bottom: 0;
}
.article-contact {
width: auto;
margin: 0 3.6vw 12vw;
border-radius: 3.6vw;
box-shadow: 0 0 12vw 0 rgba(0, 0, 0, 0.1);
padding: 6vw;
flex-wrap: wrap;
}
.article-contact .column {
width: 100%;
}
.article-contact .column:first-child {
order: 2;
margin-top: 16.8vw;
}
.article-contact img {
display: none;
}
.article-contact .form-title {
font-size: 6.24vw;
margin-bottom: 3.6vw;
}
.article-contact .office-title {
font-size: 6.24vw;
}
.article-contact .address-label {
font-size: 4.8vw;
margin-bottom: 2.4vw;
margin-top: 4.8vw;
}
.article-contact .address {
font-size: 3.84vw;
}
.article-contact .email-label,
.article-contact .phone-label {
font-size: 3.36vw;
margin-top: 5.76vw;
}
.article-contact .email,
.article-contact .phone {
font-size: 3.84vw;
}
.navigation.pagination {
margin: 12vw auto;
}
.navigation.pagination .nav-links a,
.navigation.pagination .nav-links span {
padding: 1.92vw 2.88vw;
line-height: 3.84vw;
font-size: 3.84vw;
min-width: 2.4vw;
}
.navigation.pagination .nav-links span.current {
box-shadow: 0 2.4vw 4.8vw 0 rgba(38, 45, 131, 0.3);
}
.wrapper-search {
background: #fafaff;
padding: 7.2vw 0;
}
.wrapper-search .container {
width: auto;
}
.wrapper-search .section-header {
padding: 0 3.6vw 7.2vw;
}
.map .section-header {
font-size: 4.8vw;
padding: 2.4vw 0 4.8vw;
}
.map .rolover {
padding: 7.2vw 2.4vw 7.2vw 7.2vw;
width: 76.08vw;
height: 48.72vw;
border-radius: 3.6vw;
box-shadow: 0 3.6vw 6vw 0 rgba(0, 0, 0, 0.09);
left: 0;
top: 0;
}
.map .img-wrapper {
width: 20.4vw;
height: 20.4vw;
border: solid 0.72vw #2f3def;
margin-right: 2.4vw;
}
.map .city,
.map .name,
.map .role,
.map .btn-white {
margin-left: 26.4vw;
}
.map .city {
height: 4.32vw;
font-size: 3.36vw;
}
.map .name {
font-size: 4.32vw;
margin-top: 2.4vw;
margin-bottom: 0.48vw;
}
.map .role {
font-size: 3.36vw;
}
.map .btn-white {
padding: 0 8.88vw;
height: 8.4vw;
line-height: 8.4vw;
font-size: 3.84vw;
border-radius: 5.76vw;
margin-top: 6.72vw;
}
.map .close {
width: 4.8vw;
height: 4.8vw;
right: 2.4vw;
top: 2.4vw;
}
.video-wrapper {
display: none;
}
.how-help {
width: auto;
margin: 0;
box-shadow: none;
background-color: #fff;
padding: 6vw 0;
display: flex;
justify-content: flex-start;
flex-direction: column;
}
.how-help .section-header {
font-size: 6.24vw;
margin: 0 0 6vw;
}
.how-help .half {
width: 100%;
border: 0;
display: block;
text-align: left;
position: relative;
}
.how-help .half:nth-of-type(2n) img {
float: none;
}
.how-help .half:nth-of-type(2n) p {
float: right;
margin-bottom: 13.2vw;
}
.how-help .half:nth-of-type(2n) .btn-purple {
position: absolute;
bottom: 0;
left: 49.2vw;
}
.how-help img {
margin: 3.6vw;
max-width: 36vw;
height: auto;
float: right;
}
.how-help p {
width: 36vw;
font-size: 3.84vw;
font-weight: 400;
line-height: 1.5;
color: #011a41;
margin: 0 7.2vw 3.6vw;
min-height: 0;
}
.how-help .btn-purple {
min-width: 0;
margin: 0 7.2vw;
}
.btn-purple {
display: inline-block;
height: 8.88vw;
line-height: 8.88vw;
font-size: 3.12vw;
padding: 0 7.2vw;
box-sizing: border-box;
border-radius: 19.2vw;
}
.brands {
background: #2f3def;
padding: 8.4vw 0;
}
.brands .container {
width: auto;
}
.brands .section-header {
font-size: 4.8vw;
margin-bottom: 9.6vw;
padding: 0 3.6vw;
}
.brands .btn-orange {
padding: 0 14.4vw;
font-weight: 500;
width: auto;
margin-top: 0;
}
.wrapper-brands-list {
overflow: scroll;
width: 100%;
}
.brands-list {
display: flex;
justify-content: flex-start;
flex-wrap: nowrap;
width: 500%;
}
.brands-item {
width: 36.48vw;
height: 16.08vw;
box-shadow: 0 4.8vw 12vw 0 rgba(5, 5, 162, 0.15);
border-radius: 4.8vw;
margin: 0 0 9.6vw 3.6vw;
display: flex;
justify-content: center;
align-items: center;
}
.brands-categories {
display: none;
}
.home-new-platform {
height: auto;
padding: 9.6vw 0 19.2vw;
}
.home-new-platform .content {
width: 69.6vw;
position: static;
margin: 10.8vw auto 0;
text-align: center;
}
.home-new-platform .section-header {
font-size: 4.32vw;
font-weight: 700;
line-height: 1.45;
margin-bottom: 4.8vw;
text-align: center;
}
.home-new-platform #animation_container1 {
width: 90% !important;
height: auto !important;
margin: 0 auto;
display: block;
position: static;
}
.home-new-platform #canvas1 {
position: static;
width: 100% !important;
height: auto !important;
}
.home-platform {
background-color: rgba(215, 207, 254, 0.45);
}
.home-platform #animation_container {
margin-left: -45vw;
bottom: 0;
left: 0;
position: absolute;
}
.home-platform #animation_container,
.home-platform #canvas,
.home-platform #dom_overlay_container {
width: 200vw !important;
height: 80vw !important;
background: transparent;
}
.home-platform .content {
position: static;
margin: 20.4vw 3.6vw 38.4vw;
}
.home-platform .section-header {
width: auto;
font-size: 6.24vw;
line-height: 1.25;
margin: 0 7.2vw 7.2vw;
position: relative;
}
.home-platform p {
width: auto;
font-size: 3.84vw;
line-height: 1.9;
}
.home-platform .btn-orange {
width: auto;
font-weight: 500;
padding: 0 10.8vw;
margin-top: 14.4vw;
position: relative;
z-index: 2;
}
.home-platform .character {
width: 30vw;
height: 54vw;
top: -130px;
left: -37px;
z-index: -1;
}
.home-events {
padding: 7.2vw 0 0;
font-family: 'UniviaPro', sans-serif;
width: 100%;
}
.home-events:before,
.home-events:after {
content: '';
position: absolute;
background-size: contain;
top: 48vw;
}
.home-events:before,
.home-events:after {
display: none;
}
.home-events .decor {
display: none;
}
.home-events .section-header {
font-size: 6.24vw;
margin: 0 auto 7.2vw;
width: 69.6vw;
}
.home-events .half {
width: 100%;
padding: 0 0 12vw;
border: 0;
display: block;
}
.home-events .half img {
float: right;
margin: 0 3.6vw 0 0;
width: 35%;
height: auto;
}
.home-events .btn-orange {
margin: 2.4vw 0 0 3.6vw;
padding: 0 7.2vw;
}
.home-events .category,
.home-events .title,
.home-events .excerpt {
width: 52.8vw;
margin-left: 3.6vw;
float: left;
}
.home-events .category {
font-size: 3.36vw;
margin-bottom: 1.92vw;
}
.home-events .title {
font-size: 4.8vw;
}
.home-events .excerpt {
font-size: 3.84vw;
}
.home-ecosystem {
padding: 7.2vw 0;
}
.home-ecosystem .section-header {
font-size: 6.24vw;
margin: 0 auto 7.2vw;
}
.home-ecosystem .stats {
color: #011a41;
font-family: 'UniviaPro', sans-serif;
text-align: center;
display: block;
justify-content: center;
width: auto;
margin: 0 auto;
}
.home-ecosystem .stats-item {
border: 0;
width: auto;
padding: 0 0 5.76vw;
box-sizing: border-box;
}
.home-ecosystem .stats-item:last-child {
padding: 0 3.6vw 3.6vw;
}
.home-ecosystem .stats-item:last-child .description {
font-family: 'UniviaPro', sans-serif;
font-size: 4.8vw;
line-height: 1.4;
margin-bottom: 4.8vw;
text-align: center;
font-weight: 400;
}
.home-ecosystem .stats-item:last-child .btn-purple {
font-weight: 500;
display: inline-block;
font-family: 'UniviaPro', sans-serif;
}
.home-ecosystem .number {
font-size: 19.2vw;
margin-bottom: 0;
}
.home-ecosystem .description {
font-size: 4.8vw;
font-weight: 400;
text-align: center;
}
.home-ecosystem .slick-dots {
padding: 0;
}
.home-ecosystem .slick-dots li {
border: 1px solid #011a41;
}
.home-ecosystem .slick-dots li.slick-active {
background: #011a41;
}
.home-ecosystem .map {
padding: 4.8vw 0;
}
.content-publishers,
.content-advertisers,
.content-industry,
.content-achievements,
.content-influencer {
font-size: 4.8vw;
padding: 7.2vw 3.6vw 0;
width: auto;
}
.content-publishers p,
.content-advertisers p,
.content-industry p,
.content-achievements p,
.content-influencer p {
margin: 0 0 7.2vw;
}
.content-industry .btn-purple {
padding: 0 24vw;
margin: 0 0 9.6vw;
}
.article-feature {
padding: 7.2vw 0 24vw;
}
.article-feature:nth-child(2n-1) .feature-image {
order: 0;
}
.article-feature .container {
width: auto;
padding: 0 3.6vw;
}
.article-feature img {
max-width: 90%;
max-height: 72vw;
margin-bottom: 6vw;
}
.article-feature .brands-item img {
margin: 0;
}
.article-feature .btn-purple {
padding: 0 20.4vw;
position: absolute;
bottom: 14.4vw;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.feature-heading {
width: auto;
font-size: 6vw;
line-height: 1.25;
margin: 0 auto 9.6vw;
}
.feature-list-heading,
.feature-description {
font-size: 3.84vw;
line-height: 1.4;
}
.feature-list-heading {
margin-top: 6vw;
font-weight: 500;
}
.feature-list {
width: auto;
margin-top: 2.4vw;
text-align: left;
}
.feature-item {
font-size: 3.84vw;
margin-bottom: 9.6vw;
padding-left: 14.4vw;
}
.feature-item:before {
width: 6vw;
height: 6vw;
float: left;
margin-left: -12vw;
}
.features.achievements .article-feature {
padding: 7.2vw 0;
}
.features.achievements .feature-heading {
line-height: 1.4;
margin-bottom: 3.6vw;
font-size: 5.76vw;
}
.feature-content {
flex-direction: column;
}
.feature-info,
.feature-image {
width: 100%;
}
.feature-conclusion {
font-size: 5.76vw;
margin: 0 1.92vw 9.6vw;
}
.features-counter .feature-heading {
margin-bottom: 7.2vw;
}
.features-counter .feature-heading br {
display: none;
}
.features-counter .feature-description {
width: auto;
font-size: 3.84vw;
line-height: 1.4;
}
.feature-counter-wrapper {
display: block;
width: auto;
margin: 9.6vw auto;
padding-bottom: 14.4vw;
}
.feature-counter {
width: auto;
}
.feature-counter .number {
background-color: #2f3def;
color: #fff;
font-size: 15.36vw;
font-weight: 300;
line-height: 1;
letter-spacing: normal;
width: 48vw;
height: 48vw;
border-radius: 50%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
.feature-counter .description {
margin-top: 8.4vw;
font-size: 5.76vw;
line-height: 1.4;
letter-spacing: 0.12vw;
color: #2f3def;
}
.feature-logo {
max-width: 36vw;
max-height: 36vw;
margin: 0 auto;
}
.feature-company {
font-size: 5.76vw;
margin: 2.4vw auto 2.88vw;
}
.feature-role {
margin: 0 auto 9.6vw;
font-size: 3.84vw;
}
.feature-cite {
width: 84vw;
font-size: 3.84vw;
margin: 0 auto 16.8vw;
}
.feature-cite:before,
.feature-cite:after {
font-size: 16.08vw;
margin: 3.6vw 0;
}
.feature-cite:before {
margin: -15.12vw -6.72vw;
}
.content-investors {
max-width: 100vw;
font-size: 3.84vw;
padding: 12vw 0;
margin: 0 3.6vw;
}
.content-investors .section-header {
margin: 0 0 7.2vw;
font-size: 6.72vw;
}
.content-investors .article.newsletter-sign-up {
display: block;
margin: 6.24vw 0 0;
}
.content-investors .article.newsletter-sign-up .content-wrapper {
padding: 3.84vw;
display: block;
}
.content-investors .article.newsletter-sign-up h2 {
margin: 0;
font-size: 7.68vw;
line-height: 1.24;
color: #011a41;
}
.content-investors .article.newsletter-sign-up .excerpt {
font-size: 3.84vw;
line-height: 1.25;
margin: 0;
}
.content-investors .article.newsletter-sign-up .form-search {
max-width: 100%;
margin: 3.6vw 0 -3.6vw;
}
.content-investors .article.newsletter-sign-up .form-search input {
height: 13.44vw;
line-height: 13.44vw;
font-size: 3.84vw;
}
.content-investors .article.newsletter-sign-up .form-search input[type="text"],
.content-investors .article.newsletter-sign-up .form-search input[type="email"] {
border-radius: 2.4vw;
padding: 0 31.2vw 0 7.2vw;
font-size: 3.12vw;
line-height: 1;
}
.content-investors .article.newsletter-sign-up .form-search input[type="text"]::-webkit-input-placeholder,
.content-investors .article.newsletter-sign-up .form-search input[type="email"]::-webkit-input-placeholder {
font-size: 3.12vw;
}
.content-investors .article.newsletter-sign-up .form-search input[type="text"]:-ms-input-placeholder,
.content-investors .article.newsletter-sign-up .form-search input[type="email"]:-ms-input-placeholder {
font-size: 3.12vw;
}
.content-investors .article.newsletter-sign-up .form-search input[type="text"]::placeholder,
.content-investors .article.newsletter-sign-up .form-search input[type="email"]::placeholder {
font-size: 3.12vw;
}
.content-investors .article.newsletter-sign-up .form-search input[type="submit"] {
width: 29.28vw;
height: 13.44vw;
margin-left: -29.28vw;
border-radius: 0 2.4vw 2.4vw 0;
background-color: #2f3def;
font-size: 3.12vw;
line-height: 1;
text-transform: uppercase;
border-color: #2f3def;
}
.content-investors .article.newsletter-sign-up .form-search .wpcf7-response-output {
font-size: 4.8vw;
margin: 0;
}
.content-investors .article.newsletter-sign-up .wpcf7 .wpcf7-form-control-wrap span {
top: 19.2vw;
font-size: 3.6vw;
}
.content-investors .article.newsletter-sign-up .wpcf7 form.invalid .wpcf7-response-output,
.content-investors .article.newsletter-sign-up .wpcf7 form.unaccepted .wpcf7-response-output {
border-color: #ffb900;
font-size: 3.6vw;
margin: 0;
padding: 2.4vw;
}
.stock-list {
display: block;
margin: 0;
}
.stock-item {
width: 78.24vw;
height: 31.92vw;
margin: 0 0 7.2vw;
border-radius: 3.36vw;
box-shadow: 1.44vw 1.44vw 12.96vw 0 rgba(0, 0, 0, 0.05);
padding: 5.28vw;
}
.stock-item .label {
font-size: 3.6vw;
}
.stock-item .name {
font-size: 10.08vw;
position: relative;
z-index: 3;
}
.stock-item .name .smw-field-currency {
font-size: 3.6vw;
}
.stock-item .dynamics {
font-size: 4.8vw;
font-weight: 400;
line-height: 1.4;
color: #4ad991;
}
.stock-item .icon-1,
.stock-item .icon-2,
.stock-item .icon-3 {
width: 14.4vw;
height: 14.4vw;
}
.stock-item .icon-4 {
width: 8.16vw;
height: 8.16vw;
}
.latest-news {
flex-direction: column;
padding: 7.2vw 3.6vw;
}
.latest-news:before {
display: none;
}
.latest-news .section-header {
font-size: 6.72vw;
padding: 0 0 7.2vw;
margin: 0;
}
.latest-news .container {
width: 83.04vw;
}
.latest-news .nav-positions {
margin: 0 0 15.6vw;
}
.latest-news .nav-positions a {
padding: 0 1.2vw;
}
.latest-news .latest-news-wrapper {
width: 100%;
height: auto;
border-radius: 2.88vw;
box-shadow: 0 4.8vw 12vw 0 rgba(52, 65, 161, 0.1);
overflow: visible;
padding: 3.6vw;
margin: 0;
}
.latest-news .latest-news-item {
border-bottom: 1px solid #ddd;
margin-bottom: 2.88vw;
}
.latest-news .latest-news-item .image {
margin-right: 3.36vw;
width: 15.6vw;
}
.latest-news .latest-news-item .heading {
font-size: 3.84vw;
margin-left: 22.56vw;
}
.latest-news .latest-news-item .date {
font-size: 2.88vw;
margin-left: 22.56vw;
}
.latest-news .latest-news-item .excerpt {
font-size: 3.12vw;
margin: 2.4vw 0;
margin-left: 22.56vw;
}
.latest-news .newsletter-sign-up {
height: auto;
display: block;
margin: 7.2vw 0 0;
}
.latest-news .newsletter-sign-up .content-wrapper {
padding: 7.2vw 3.6vw;
}
.latest-news .newsletter-sign-up h2 {
font-size: 6.72vw;
margin-bottom: 4.08vw;
}
.latest-news .newsletter-sign-up .excerpt {
display: block;
font-size: 3.84vw;
margin-bottom: 4.08vw;
}
.latest-news .newsletter-sign-up .wpcf7 .wpcf7-form-control-wrap span {
top: 9.6vw;
}
.latest-news .newsletter-sign-up .form-search input {
height: 13.44vw;
line-height: 13.44vw;
font-size: 3.84vw;
}
.latest-news .newsletter-sign-up .form-search input[type="text"],
.latest-news .newsletter-sign-up .form-search input[type="email"] {
border-radius: 6.24vw;
padding: 0 31.2vw 0 7.2vw;
font-size: 3.12vw;
}
.latest-news .newsletter-sign-up .form-search input[type="text"]::-webkit-input-placeholder,
.latest-news .newsletter-sign-up .form-search input[type="email"]::-webkit-input-placeholder {
font-size: 3.12vw;
}
.latest-news .newsletter-sign-up .form-search input[type="text"]:-ms-input-placeholder,
.latest-news .newsletter-sign-up .form-search input[type="email"]:-ms-input-placeholder {
font-size: 3.12vw;
}
.latest-news .newsletter-sign-up .form-search input[type="text"]::placeholder,
.latest-news .newsletter-sign-up .form-search input[type="email"]::placeholder {
font-size: 3.12vw;
}
.latest-news .newsletter-sign-up .form-search input[type="submit"] {
width: 27.12vw;
height: 9.12vw;
border-radius: 4.8vw;
font-size: 3.12vw;
margin: 2.16vw 0 0 -29.28vw;
}
.investor-resources {
padding: 7.2vw 3.6vw;
flex-direction: column;
}
.investor-resources .section-header {
font-size: 6.72vw;
margin: 0;
margin-bottom: 7.2vw;
}
.investor-resources .file-item {
width: auto;
height: 19.2vw;
border-radius: 1.92vw;
box-shadow: 0 3.6vw 23.76vw 0 rgba(30, 63, 125, 0.15);
margin: 0 0 3.12vw;
padding: 7.2vw 7.2vw 7.2vw 16.8vw;
}
.investor-resources .file-item:before {
width: 6vw;
height: 7.92vw;
border-radius: 0;
box-shadow: none;
left: 4.8vw;
top: 5.52vw;
background-size: 100%;
}
.investor-resources .file-item .name {
font-size: 3.84vw;
padding-right: 5vw;
}
.investor-resources .file-item .name:after {
width: 4.8vw;
height: 5.52vw;
}
.section-faq:before,
.section-partners.influencer:before {
display: none;
}
.section-faq {
padding: 7.2vw 3.6vw;
}
.section-faq .container {
width: auto;
}
.section-faq .section-header {
font-size: 6.72vw;
padding-bottom: 7.2vw;
}
.section-faq .learn-more {
padding-bottom: 3.6vw;
}
.section-faq .learn-more .heading {
font-size: 3.84vw;
padding: 7.2vw 0;
}
.section-faq .learn-more .btn-purple {
font-size: 3.6vw;
}
.investors-image {
display: none;
}
.faq-item {
border-radius: 2.88vw;
box-shadow: 0 4.8vw 12vw 0 rgba(52, 65, 161, 0.1);
font-size: 3.84vw;
margin-bottom: 3.6vw;
}
.faq-item:before {
width: 5.76vw;
height: 5.76vw;
top: 3.6vw;
right: 4.8vw;
}
.faq-item .question {
padding: 3.6vw 10.8vw 3.6vw 3.6vw;
}
.faq-item .answer {
font-size: 3.36vw;
padding: 0 3.6vw 3.6vw;
}
.section-feedback {
padding: 7.2vw 3.6vw 34.8vw;
display: block;
}
.section-feedback:before {
display: none;
}
.section-feedback .section-header {
font-size: 6.72vw;
padding: 0 3.6vw 7.2vw;
margin: 0;
box-sizing: border-box;
}
.section-feedback .feedback-content {
width: auto;
}
.section-feedback .description {
margin: 0 0 10.8vw;
font-size: 4.08vw;
}
.section-feedback .name {
font-size: 4.32vw;
color: #2f3def;
margin-left: 54vw;
margin-top: 21.6vw;
}
.section-feedback .role {
font-size: 3.84vw;
margin-left: 54vw;
}
.section-feedback .mail {
font-size: 3.36vw;
margin-left: 54vw;
}
.section-feedback .feedback_image {
width: 45.6vw;
height: 45.6vw;
border-radius: 20.4vw 0 20.4vw 20.4vw;
overflow: hidden;
margin: 0;
float: none;
position: absolute;
bottom: 21.6vw;
left: 3.6vw;
}
.section-feedback .feedback_image img {
width: 100%;
height: auto;
}
.popup {
position: fixed;
left: 0;
top: 0;
bottom: 0;
transform: none;
width: 100%;
padding: 4.8vw;
overflow: scroll;
}
.popup .close {
width: 4.8vw;
height: 4.8vw;
right: 2.4vw;
top: 2.4vw;
}
.popup img {
max-width: 50%;
margin: 4.8vw auto 0;
}
.form-popup h3 {
margin: 4.8vw 0 7.2vw;
font-size: 7.92vw;
}
.form-popup p {
font-size: 3.84vw;
}
.form-popup label {
font-size: 6vw;
}
.form-popup input {
margin-top: 2.4vw;
}
.form-popup input[type=submit] {
height: 12.96vw;
line-height: 12.96vw;
border-radius: 7.2vw;
font-size: 4.8vw;
padding: 0 20.4vw;
margin-top: 0;
margin-bottom: 2.4vw;
}
.content-faqs {
padding: 7.2vw 0;
}
.content-faqs:before {
display: none;
}
.content-faqs .container {
width: auto;
margin: 0 3.6vw;
}
.content-faqs .section-header {
padding: 0;
font-size: 6.72vw;
font-weight: 700;
}
.faq-group {
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
border-bottom: 1px solid #777;
}
.faq-group .faq-group-header {
padding: 7.2vw 0;
font-size: 4.8vw;
font-weight: 400;
}
.faq-group .faq-list {
margin: 0 0 3.6vw;
}
.faq-group .faq-item {
margin: 0 0 3.6vw;
}
.faq-group .open {
width: 4.8vw;
height: 2.4vw;
top: 8.4vw;
right: 0;
}
.faq-group.opened {
background: transparent;
}
.article-not-found {
padding: 7.2vw 3.6vw 16.8vw;
}
.article-not-found .container {
width: auto;
}
.article-not-found p {
font-size: 3.84vw;
}
.article-not-found .btn-blue {
margin-top: 7.2vw;
height: 12.96vw;
line-height: 12.96vw;
border-radius: 19.2vw;
font-size: 4.8vw;
padding: 0 9.6vw;
font-family: 'UniviaPro', sans-serif;
}
.header-404 {
padding: 6vw 0;
font-size: 6.72vw;
}
.image-404 {
width: 100%;
height: 74.4vw;
}
.content-404 {
width: 156vw;
}
.content-404 .form-search {
margin-top: 7.2vw;
border-radius: 16.8vw;
box-shadow: 0 0 12vw 0 rgba(52, 65, 161, 0.16);
}
.footer-404 {
width: 100%;
margin-top: 16.8vw;
}
.footer-404 p {
font-size: 4.8vw;
}
@-webkit-keyframes cd-bounce-2 {
0% {
opacity: 0;
-webkit-transform: translate(-100px, -100%);
transform: translate(-100px, -50%);
}
60% {
opacity: 1;
-webkit-transform: translate(20px, -100%);
transform: translate(20px, -50%);
}
100% {
-webkit-transform: translate(0, -100%);
transform: translate(0, -50%);
}
}
@keyframes cd-bounce-2 {
0% {
opacity: 0;
-webkit-transform: translate(-100px, -100%);
transform: translate(-100px, -100%);
}
60% {
opacity: 1;
-webkit-transform: translate(20px, -100%);
transform: translate(20px, -100%);
}
100% {
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%);
}
}
@-webkit-keyframes cd-bounce-2-inverse {
0% {
opacity: 0;
-webkit-transform: translate(-100px, 6vw);
transform: translate(-100px, 6vw);
}
60% {
opacity: 1;
-webkit-transform: translate(20px, 6vw);
transform: translate(20px, -50%);
}
100% {
-webkit-transform: translate(0, 6vw);
transform: translate(0, 6vw);
}
}
@keyframes cd-bounce-2-inverse {
0% {
opacity: 0;
-webkit-transform: translate(-100px, 6vw);
transform: translate(-100px, 6vw);
}
60% {
opacity: 1;
-webkit-transform: translate(20px, 6vw);
transform: translate(20px, 6vw);
}
100% {
-webkit-transform: translate(0, 6vw);
transform: translate(0, 6vw);
}
}
.article-about .button-wrapper {
margin-bottom: 7.2vw;
}
.testimonials {
margin: 9.6vw 0;
}
.testimonials .section-description {
font-size: 3.36vw;
margin: 0 3.6vw 6vw;
}
.testimonials .section-description br {
display: none;
}
.testimonials .section-header {
font-size: 6.72vw;
line-height: 1.25;
margin: 0 3.6vw 6vw;
}
.slick-active .testimonials-item {
opacity: 1;
}
.testimonials-item {
width: 85.44vw !important;
margin: 0 6.96vw !important;
height: 67.2vw;
border-radius: 4.8vw;
padding: 3.6vw;
line-height: 1.4;
font-size: 3.12vw;
opacity: 1;
}
.testimonials-item:before {
width: 96%;
left: 2%;
height: 100%;
}
.testimonials-item .image {
margin: 3.6vw;
width: 14.88vw;
height: 14.88vw;
border-radius: 7.68vw;
}
.testimonials-item .name {
font-size: 4.8vw;
margin-bottom: 1.68vw;
}
.testimonials-item .position {
font-size: 3.36vw;
margin-bottom: 4.8vw;
}
.testimonials-item .name,
.testimonials-item .position,
.testimonials-item .text {
padding-left: 0;
}
.section-partners > article {
padding: 7.2vw 3.6vw;
}
.partners-intro .container {
width: auto;
display: block;
}
.partners-intro .image {
display: none;
}
.partners-intro .text {
width: auto;
font-size: 3.84vw;
}
.partners-logos .section-header {
margin-bottom: 7.2vw;
}
.partners-logos .images {
max-width: 100%;
justify-content: flex-start;
}
.partners-logos .section-header {
font-size: 6.72vw;
font-weight: 700;
}
.partners-logos-item {
width: 28.32vw;
height: 12.72vw;
box-shadow: 0 4.8vw 12vw 0 rgba(5, 5, 162, 0.1);
margin: 1.2vw;
border-radius: 2.4vw;
}
.partners-logos-item img {
max-width: 80%;
max-height: 80%;
}
.form-wrapper.signup .container {
width: auto;
}
.form-wrapper.signup:before {
display: none;
}
.signup .column {
width: 100%;
}
.signup .article-feature {
padding-bottom: 2.88vw;
}
.signup .feature-description {
margin-bottom: 2.4vw;
}
.signup .feature-item {
font-size: 3.84vw;
margin-bottom: 4.8vw;
}
.signup .form-wrapper {
width: 100%;
border-radius: 3.6vw;
box-shadow: 0 0 12vw 0 rgba(0, 0, 0, 0.1);
padding: 7.2vw 4.8vw 0;
font-size: 3.84vw;
}
.signup .form-title {
font-size: 5.76vw;
}
.signup .form-subtitle {
font-size: 4.8vw;
line-height: 1.45;
padding-bottom: 7.2vw;
}
.signup .form-subtitle strong {
color: #2f3def;
}
.signup input[type=submit].wpcf7-submit {
width: 100%;
}
.signup .field.field-radio {
font-size: 3.84vw;
line-height: 8.64vw;
}
.signup .field.field-radio:before {
width: 3.36vw;
height: 5.76vw;
margin-right: 5.76vw;
margin-bottom: -1.2vw;
}
.signup input[type="radio"],
.signup input[type="checkbox"] {
width: 5.76vw;
margin-right: 2.4vw;
}
.signup .wpcf7-radio .wpcf7-list-item {
margin-left: 4.8vw;
}
.signup input[type="checkbox"] {
margin: 1.2vw 2.88vw -1.2vw -0.72vw;
}
.signup .field-checkbox {
font-weight: 400;
line-height: 8.64vw;
font-size: 3.84vw;
}
.signin-form-thanks-wrapper {
font-size: 4.08vw;
line-height: 7.2vw;
top: 60vw;
margin: 0 4.8vw 0 0;
}
.signup-decor1 {
position: absolute;
background: url(../image/man-lense.svg);
width: 27.12vw;
height: 45.6vw;
top: -22.2vw;
left: auto;
background-size: 100%;
right: -5.76vw;
background-repeat: no-repeat;
}
.Text_below_heading {
font-size: 3.5vw;
}
.signup-decor2,
.signup-decor3,
.signup-decor4,
.signup-decor5 {
display: none;
}
.saas .section-intro {
padding: 0;
background-position: -7vw 113vw;
}
.saas .section-intro .article-feature {
padding: 0;
}
.saas .section-intro .intro-label {
font-size: 3.6vw;
padding-left: 0;
margin: 7vw 0 -13vw;
}
.saas .section-intro .column {
width: auto;
}
.saas .section-intro .feature-heading {
font-size: 6.48vw;
margin: 18vw auto 0;
}
.saas .section-intro .feature-description-1 {
font-size: 3.84vw;
line-height: 1.7;
margin: 3.6vw auto;
}
.saas .section-intro .feature-description-2 {
display: none;
}
.saas .section-intro .btn-blue {
margin: 8vw auto 0;
height: 14.4vw;
line-height: 14.4vw;
border-radius: 7.2vw;
font-size: 4.08vw;
padding: 0;
display: block;
width: 100%;
}
.saas .section-intro .feature-logos {
box-shadow: 0 3.6vw 9.6vw 1.2vw #e3e3f4;
height: auto;
border-radius: 6vw;
padding: 3.6vw 6vw;
flex-wrap: wrap;
}
.saas .section-intro .feature-logos .feature-logo {
max-width: 20.4vw;
max-height: 6vw;
}
.saas .section-intro .feature-logos .feature-logo img {
margin: 0;
}
.saas .section-intro .column.saas-intro-image {
width: 100vw;
height: 70vw;
background-repeat: no-repeat;
background-position: center;
margin: 10vw 0 0;
display: block;
}
.saas .section-intro .column.saas-intro-image #animation_container,
.saas .section-intro .column.saas-intro-image #canvas,
.saas .section-intro .column.saas-intro-image #dom_overlay_container,
.saas .section-intro .column.saas-intro-image #animation_container1,
.saas .section-intro .column.saas-intro-image #canvas1,
.saas .section-intro .column.saas-intro-image #dom_overlay_container1 {
width: 96vw !important;
height: 67.2vw !important;
}
.saas .feature-heading {
margin-bottom: 8vw;
}
.saas .article-feature {
padding-bottom: 0;
}
.saas .feature-conclusion {
font-size: 4.08vw;
}
.saas .article-feature .description-container {
max-width: 214.8vw;
}
.saas .article-feature .description-heading {
margin-bottom: 10.8vw;
}
.saas .article-feature .description-text {
font-size: 4.8vw;
margin-bottom: 8.4vw;
}
.saas .article-feature .disclaimer {
font-size: 4.8vw;
margin-bottom: 6vw;
}
.saas .article-feature .features-slider {
display: block;
}
.saas .article-feature .features-slider .column {
width: auto;
}
.saas .article-feature .features-slider .feature-heading {
font-size: 5.76vw;
margin: 0 auto;
}
.saas .article-feature .features-slider .description {
max-width: 82.8vw;
font-size: 4.08vw;
}
.saas .article-feature .features-slider .feature-image {
min-height: 0;
}
.saas .article-feature .features-slider img {
max-width: 55.2vw;
margin: 0 auto;
}
.saas .article-feature .features-slider .btn-purple {
padding: 0 20.4vw;
position: absolute;
bottom: 14.4vw;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
position: static;
transform: none;
margin-top: 1.2vw;
margin-bottom: 2.4vw;
}
.left-image-first .article-feature:nth-child(2n) .feature-image {
order: 0;
}
.saas-integrations .brands-list {
margin: 12vw auto 0;
width: 100% !important;
flex-wrap: wrap;
}
.saas-integrations .brands-item:nth-child(3) {
width: 57.6vw;
}
.saas .article-feature .brands-item img {
max-width: 75%;
}
.saas-integrations-description,
.related-products-description {
font-size: 3.84vw;
max-width: 100%;
margin: 0 auto;
}
.performance .article-feature img {
max-width: 80%;
box-shadow: none;
}
.performance .btn-blue {
height: 12.96vw;
line-height: 12.96vw;
border-radius: 7.2vw;
font-size: 4.8vw;
padding: 0 20.4vw;
}
.performance .blue-stripe {
padding: 3.6vw 3.6vw;
font-size: 4.56vw;
margin-top: 12vw;
text-align: left;
}
.performance .form-saas {
margin: 4vw 3vw 18vw;
}
.performance .form-saas:after {
bottom: -6vw;
}
.saas-performance-wrapper-form {
overflow: hidden;
background: #fafaff;
}
.form-saas {
margin: 4vw 3vw 18vw;
border-radius: 4.8vw;
box-shadow: 1.2vw 2.4vw 4.8vw 0 rgba(0, 0, 0, 0.15);
padding: 4vw;
width: auto;
}
.form-saas:before,
.form-saas:after,
.form-saas > *:first-child:before {
display: none;
}
.form-saas h3 {
font-size: 5.76vw;
line-height: 8.16vw;
margin: 5vw 0;
}
.form-saas .field-checkbox {
font-size: 3.84vw;
}
.form-saas .field-checkbox input[type="checkbox"] {
width: 5.76vw;
margin-right: 2.4vw;
margin: 1.2vw 2.88vw -1.2vw -0.72vw;
}
.form-saas select {
height: 9vw;
}
.form-saas .field-submit {
margin: 0 0 14.4vw;
}
.content-main.saas .ready-to-grow h3 {
font-size: 5.6vw;
}
.content-main.saas .ready-to-grow img {
width: 125.04vw;
}
.influencer .container {
width: auto;
margin: 0 3.6vw;
}
.influencer .partners-logos-item img {
max-width: 100%;
max-height: 100%;
width: 80%;
}
.content-influencer {
width: auto;
padding-bottom: 9.6vw;
}
.content-influencer .section-header {
width: auto;
margin: 0 auto 4.8vw;
font-size: 5.76vw;
}
.content-influencer .content {
width: auto;
margin: 0 auto 9.6vw;
}
.content-influencer .btn-blue {
display: block;
min-width: 0;
height: 13.2vw;
line-height: 13.2vw;
font-size: 4.8vw;
padding: 0 5.76vw;
border-radius: 19.2vw;
}
.article-feature-info {
display: flex;
justify-content: center;
flex-wrap: wrap;
position: relative;
padding: 9.6vw 0;
}
.article-feature-info:before {
display: none;
}
.article-feature-info .section-header {
font-size: 9.6vw;
text-align: center;
padding: 0 0 9.6vw;
}
.article-feature-info .feature-image {
float: none;
max-width: 100%;
order: 2;
}
.article-feature-info .feature-image img {
max-width: 81.6vw;
display: block;
margin: 9.6vw auto;
height: auto;
}
.article-feature-info .feature-image.video {
max-width: 89.28vw;
}
.article-feature-info .feature-image.video iframe {
max-width: 89.28vw;
max-height: 58.08vw;
border-radius: 4.32vw;
}
.article-feature-info .feature-heading {
max-width: 100%;
margin: 0 0 7.2vw;
line-height: 1.4;
text-align: center;
}
.article-feature-info .feature-content {
margin: 0;
display: flex;
}
.article-feature-info .feature-description {
max-width: 100%;
font-size: 4.8vw;
line-height: 1.35;
text-align: center;
margin: 0 0 7.2vw;
}
.article-feature-info .feature-item {
max-width: 100%;
}
.article-feature-info.video:before {
display: none;
}
.article-feature-info.video .feature-heading {
max-width: 100%;
width: 100%;
margin: 0 auto 7.2vw;
}
.article-feature-info.video .feature-description {
float: none;
order: 3;
margin: 7.2vw 0;
}
.article-feature-info.video .feature-image.video {
float: none;
}
.article-videos {
padding: 7.2vw 0 0;
}
.article-videos .container {
width: auto;
}
.article-videos .videos_item iframe {
width: 44.16vw;
height: 28.8vw;
border-radius: 4.8vw;
display: block;
margin: 2.4vw auto;
}
.article-videos .feature-heading {
margin-bottom: 7.2vw;
}
.influencer-wrapper-form {
margin-bottom: 9.6vw;
}
.section-partners.influencer .container {
margin: 0;
}
.section-partners.influencer .partners-logos .images {
justify-content: center;
}
.footer-main {
color: #fff;
font-size: 3.36vw;
padding: 4.8vw;
}
.footer-main a {
color: #fff;
text-decoration: none;
}
.footer-main h4 {
font-size: 4.32vw;
padding-bottom: 2.4vw;
}
.footer-main .footer-inner {
flex-direction: column;
width: auto;
}
.footer-main ul {
list-style-type: none;
}
.footer-main .join ul,
.footer-main .talk ul,
.footer-main .company ul {
display: none;
margin-top: 2.4vw;
}
.footer-main li {
padding-bottom: 5.28vw;
}
.footer-main .newsletter,
.footer-main .follow,
.footer-main .join,
.footer-main .talk,
.footer-main .company {
width: auto;
border-bottom: 1px solid #fff;
margin-bottom: 9.6vw;
}
.footer-main .follow h4,
.footer-main .join h4,
.footer-main .talk h4,
.footer-main .company h4 {
cursor: pointer;
}
.footer-main .newsletter {
padding-bottom: 7.2vw;
}
.footer-main .newsletter form {
display: flex;
flex-wrap: wrap;
margin: 4.8vw 0;
}
.footer-main .newsletter form p {
flex-wrap: nowrap;
}
.footer-main .newsletter input {
height: 15.6vw;
box-sizing: border-box;
width: 100%;
border-radius: 2.88vw 0 0 2.88vw;
border: 0;
padding: 0 7.2vw;
}
.footer-main .newsletter input::-webkit-input-placeholder {
color: #c9c9c9;
font-size: 3.84vw;
font-family: 'UniviaPro', sans-serif;
}
.footer-main .newsletter input:-ms-input-placeholder {
color: #c9c9c9;
font-size: 3.84vw;
font-family: 'UniviaPro', sans-serif;
}
.footer-main .newsletter input::placeholder {
color: #c9c9c9;
font-size: 3.84vw;
font-family: 'UniviaPro', sans-serif;
}
.footer-main .newsletter input[type=submit] {
font-size: 3.36vw;
font-weight: 700;
color: #2c4482;
background: #fff;
border-radius: 0 2.88vw 2.88vw 0;
border: 0;
width: 41%;
margin-left: -1%;
cursor: pointer;
}
.footer-main .newsletter .note {
white-space: normal;
}
.footer-main .newsletter .note a {
text-decoration: underline;
}
.footer-main .newsletter .note a:hover {
text-decoration: none;
}
.footer-main .follow {
order: 3;
}
.footer-main .follow h4 {
float: left;
}
.footer-main .follow ul {
float: right;
width: auto;
}
.footer-main .follow ul li {
float: right;
}
.footer-main .facebook,
.footer-main .linkedin {
width: 5.52vw;
height: 5.52vw;
margin-left: 5.52vw;
}
.footer-main .footer-copyright {
width: auto;
margin: 0 0 2.4vw;
}
.feature-logo img {
margin: 0 !important;
}
} @media (max-width: 813px) {
.wpml-ls-item-toggle , a.wpml-ls-link {
font-size: 0;
}
.wpml-ls-legacy-dropdown {
margin-left: 5px;
}
.header-main.active .wpml-ls-legacy-dropdown {
display: none;
}
}.reports {
overflow: hidden;
}
.reports .btn-blue {
position: relative;
z-index: 5;
}
.button-container-1 {
position: relative;
}
.sub-container-1 {
background-color: #f1f9fe;
height: 450px;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.img-sub-container {
margin: 0 auto 78px;
max-width: 1050px;
width: 90%;
position: relative;
}
.img-sub-container img {
width: 100%!important;
-webkit-box-shadow: 0px 0px 15px 8px rgba(255, 255, 255, 0.6) !important;
-moz-box-shadow: 0px 0px 15px 8px rgba(255, 255, 255, 0.6) !important;
box-shadow: 0px 0px 15px 8px rgba(255, 255, 255, 0.6) !important; }
.test-sub-container {
width: 90%;
margin: 0 auto;
}
.line-container {
text-align: left;
}
.line-container .line {
width: 151px;
height: 12px;
border-radius: 6px;
background-color: #2f3def;
display: inline-block;
margin-bottom: 20px;
}
.figure-1 {
position: absolute;
background-color: #ff9131;
border-radius: 50%;
width: 279px;
height: 279px;
left: calc(50% - 595px);
bottom: -60px;
z-index: -1;
}
.figure-2 {
position: absolute;
width: 80px;
height: 80px;
border-radius: 14px;
background-color: #19bfbf;
transform: rotate(45deg);
right: 25px;
bottom: 7.8125vw;
}
.figure-3 {
position: absolute;
width: 6.875vw;
height: 6.875vw;
background-color: #d3dbdb;
border-radius: 50%;
z-index: -1;
top: -3.17708333vw;
left: -1.04166667vw;
}
.figure-4 {
position: absolute;
width: 67px;
height: 67px;
border: solid 25px #ff9131;
border-radius: 50%;
z-index: -1;
right: 10px;
bottom: 10px;
}
.figure-5 {
position: absolute;
width: 173px;
height: 173px;
background-color: #3fc5eb;
border-radius: 50%;
z-index: -1;
top: 1px;
left: calc(50% - 250px);
}
.figure-6 {
position: absolute;
width: 80px;
height: 80px;
border: solid 35px #fb97b4;
border-radius: 50%;
z-index: 1;
right: 10px;
top: -130px;
}
.figure-7 {
position: absolute;
width: 130px;
height: 130px;
border: solid 65px #fb97b4;
border-radius: 50%;
z-index: 1;
left: -152px;
top: -220px;
}
.figure-8 {
position: absolute;
width: 90px;
height: 90px;
border-radius: 17px;
background-color: #3fc5eb;
transform: rotate(45deg);
right: 26px;
bottom: 70px;
}
.figure-9 {
position: absolute;
width: 200px;
height: 200px;
border: solid 41px #2d76fc;
border-radius: 50%;
z-index: 1;
right: -10px;
top: -90px;
opacity: 0.03;
}
.figure-10 {
position: absolute;
width: 360px;
height: 7px;
background-color: #3441a1;
border-radius: 4px;
z-index: 1;
left: 99px;
top: -42px;
opacity: 0.03;
transform: rotate(45deg);
}
.figure-11 {
position: absolute;
width: 360px;
height: 17px;
background-color: #3441a1;
border-radius: 9px;
z-index: 1;
left: 3px;
top: -68px;
opacity: 0.03;
transform: rotate(45deg);
}
.figure-12 {
position: absolute;
width: 200px;
height: 200px;
border: solid 41px #2d76fc;
border-radius: 50%;
z-index: 1;
left: 42px;
top: -162px;
opacity: 0.03;
}
.figure-13 {
position: absolute;
width: 360px;
height: 22px;
background-color: #3441a1;
border-radius: 11px;
z-index: 0;
right: 19%;
top: -23px;
opacity: 0.03;
transform: rotate(49deg);
}
.figure-14 {
position: absolute;
width: 49px;
height: 10px;
background-color: #3441a1;
border-radius: 5px;
z-index: 0;
top: -12px;
opacity: 0.03;
transform: rotate(49deg);
left: calc(50% - 95px);
}
.figure-15 {
position: absolute;
width: 123px;
height: 10px;
background-color: #3441a1;
border-radius: 5px;
z-index: 0;
top: 85px;
opacity: 0.03;
transform: rotate(49deg);
left: 14%;
}
.reports .feature-content,
.reports .feature-image,
.additional-container {
position: relative;
}
.reports .feature-info {
width: 45%;
}
@media (max-width: 1400px) {
.sub-container-1 {
height: 425px;
}
}
@media screen and (min-width: 815px) and (max-width: 1200px) {
.sub-container-1 {
height: 24.79166667vw;
}
.img-sub-container {
margin: 0 auto 4.0625vw;
max-width: 54.6875vw;
height: 29.32291667vw;
}
.figure-1 {
width: 14.53125vw;
height: 14.53125vw;
left: -5.20833333vw;
bottom: 2.08333333vw;
}
.figure-3 {
position: absolute;
width: 70px;
height: 70px;
background-color: #d3dbdb;
border-radius: 50%;
z-index: -1;
top: -27px;
left: -32px;
}
.figure-5 {
width: 140px;
height: 140px;
z-index: -1;
top: 1px;
left: calc(50% - 175px);
}
.figure-6 {
position: absolute;
width: 40px;
height: 40px;
border: solid 23px #fb97b4;
border-radius: 50%;
z-index: 1;
right: 10px;
top: -75px;
}
.figure-7 {
width: 80px;
height: 80px;
border: solid 40px #fb97b4;
left: -112px;
top: -130px;
}
.figure-9 {
width: 140px;
height: 140px;
border-radius: 50%;
z-index: 1;
right: -10px;
top: -80px;
}
.figure-10 {
width: 360px;
height: 7px;
border-radius: 4px;
z-index: 1;
right: -10px;
top: -80px;
}
.figure-11 {
width: 360px;
height: 17px;
border-radius: 9px;
z-index: 1;
right: -10px;
top: -80px;
}
.figure-12 {
width: 140px;
height: 140px;
border: solid 35px #2d76fc;
z-index: 1;
right: -10px;
top: -124px;
}
.figure-13 {
width: 360px;
height: 22px;
border-radius: 11px;
z-index: 0;
right: 12%;
top: -23px;
transform: rotate(49deg);
}
} @media (max-width: 814px) {
.column-reverse {
flex-direction: column-reverse !important;
}
.reports .feature-info {
width: 100%;
}
.reports .feature-info {
margin-bottom: 10px;
}
.reports .feature-image {
margin-top: 10px;
}
.reports .article-feature img {
max-width: 80%!important;
}
.img-sub-container {
margin: 0 auto 12.07729469vw;
width: 89.13043478vw;
height: 48.06763285vw;
}
.img-sub-container img {
width: 100%!important;
max-width: 100%!important;
-webkit-box-shadow: 0px 0px 15px 8px rgba(255, 255, 255, 0.6) !important;
-moz-box-shadow: 0px 0px 15px 8px rgba(255, 255, 255, 0.6) !important;
box-shadow: 0px 0px 15px 8px rgba(255, 255, 255, 0.6) !important; }
.sub-container-1 {
height: 39.13043478vw;
}
.figure-1 {
width: 19.3236715vw;
height: 19.3236715vw;
left: -4.83091787vw;
bottom: 14.49275362vw;
}
.figure-2,
.figure-3,
.figure-4,
.figure-5,
.figure-6,
.figure-7,
.figure-8,
.figure-9,
.figure-10,
.figure-11,
.figure-12,
.figure-13,
.figure-14,
.figure-15 {
display: none;
}
.button-container-1 .btn-blue {
display: block;
}
}.stock-item .icon-5 {
float: right;
width: 4.316vw;
height: 4.316vw;
background-size: 100%;
}
.stock-item .icon-5 {
float: left;
width: 1.768vw;
height: 1.768vw;
background-image: url(../image/i-inv5.svg);
}
.stock-item .dynamics.negative-dynamics {
color: #f70b22!important;
}
.dynamics-zomd {
display: none!important;
}
a.pr {
display: none!important;;
} .page-template-influencer .slick-dots {
padding: 0 0 4.45410628vw;
}
.btn-below-slider {
display: block;
width: 21.84vw;
height: 2.86vw;
line-height: 2.86vw;
font-size: 1.04vw;
font-weight: 500;
padding: 0 1.248vw;
box-sizing: border-box;
border-radius: 4.16vw;
text-decoration: none;
color: #fff;
background-color: #2f3def;
border: solid 1px #2f3def;
transition: 0.5s all ease-in-out;
margin: 0 auto;
text-align: center;
} @media (max-width: 813px) {
.stock-item .icon-5 {
width: 8.16vw;
height: 8.16vw;
}  .page-template-influencer .slick-dots {
padding: 0 0 8.45410628vw;
}
.btn-below-slider {
display: block;
width: 94%;
height: 13.2vw;
line-height: 13.2vw;
font-size: 4.8vw;
padding: 0 5.76vw;
margin-bottom: 8vw;
border-radius: 19.2vw;
} }