/*
Theme Name: Yoobic
Theme URI: http://webstick.co.il
Description: Developed by Webstick.
Version: 2.0
Author: Webstick
Author URI: http://webstick.co.il/
*/
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, font, 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 {
background: transparent;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
font-weight: 300;
}
ol,
ul {
list-style: none;
}
blockquote {
quotes: none;
}
blockquote:before,
blockquote:after {
content: '';
content: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
a img {
border: none;
}
input[type="text"],
input[type="submit"],
input[type="email"],
input[type="tel"],
textarea {
-webkit-appearance: none;
border-radius: 0;
border: none;
outline: none;
}
input[type="submit"] {
cursor: pointer;
}
b,
strong {
font-weight: 700;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: inherit;
text-decoration: none;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*:focus {
outline: 0;
}
/* General Vars */
/* Mixins */
body.fixed-pos {
position: fixed;
width: 100%;
height: 100%;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
.caps {
text-transform: uppercase;
}
.ptable {
display: table;
}
.ptable .ptr {
display: table-row;
}
.ptable .ptd {
display: table-cell;
vertical-align: middle;
}
.trnsf-center {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.mobile-img,
#content .mobile-only,
#footer .mobile-only {
display: none;
}
.ws-plus {
position: relative;
}
.ws-plus:before,
.ws-plus:after {
content: "";
position: absolute;
background: #fff;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transition: -webkit-transform .2s ease-in-out;
transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}
.ws-accordion .acc-item .title-wrapper {
display: block;
color: inherit;
text-decoration: none;
}
.ws-accordion .acc-item .content-wrapper {
display: none;
}
.controls {
position: relative;
}
.controls .arrow {
position: absolute;
background: url(images/arrow@2x.png) no-repeat;
background-size: 100%;
}
.controls .arrow.arrow-prev {
-webkit-transform: scale(-1);
transform: scale(-1);
}
/* Fonts & Brand */
/* --------Fonts--------- */
@font-face {
font-family: 'GothamProForWebsite';
font-style: normal;
font-weight: 700;
src: local("GothamProForWebsite"), url("fonts/GothaProBol.otf?v=1.0") format("opentype"), url("fonts/GothamBold.ttf?v=1.0") format("truetype"), url("fonts/GothaProBol.woff?v=1.0") format("woff");
}
@font-face {
font-family: 'GothamProForWebsite';
font-style: normal;
font-weight: 400;
src: local("GothamProForWebsite"), url("fonts/GothaProReg.otf?v=1.0") format("opentype"), url("fonts/GothamMedium.ttf?v=1.0") format("truetype"), url("fonts/GothaProReg.woff?v=1.0") format("woff");
}
@font-face {
font-family: 'GothamProForWebsite';
font-style: normal;
font-weight: 500;
src: local("GothamProForWebsite"), url("fonts/GothaProMed.otf?v=1.0") format("opentype"), url("fonts/GothamMedium.ttf?v=1.0") format("truetype"), url("fonts/GothaProMed.woff?v=1.0") format("woff");
}
body,
input,
textarea {
font-family: 'GothamProForWebsite', sans-serif;
font-size: 18px;
font-weight: 400;
color: #7d8091;
color: rgba(32, 37, 39, 0.7);
line-height: 1.6;
letter-spacing: 1px;
}
a {
text-decoration: none;
}
blockquote {
font-family: lato, sans-serif;
font-style: italic;
}
.site-width {
position: relative;
width: 1440px;
max-width: 100%;
margin: 0 auto;
}
.ytxt {
font-family: lato, sans-serif;
letter-spacing: 0;
}
.yoobic-main-title {
font-size: 40px;
font-weight: 700;
line-height: 1.3;
letter-spacing: -1.6px;
color: #20274f;
}
#cover.single-story .yoobic-main-title {
max-width: 565px;
}
.yoobic-sec-title {
font-size: 34px;
font-weight: 700;
line-height: 1.38;
letter-spacing: -1.4px;
color: #20274f;
}
.yoobic-btn1 {
display: inline-block;
padding: 12px 10px;
font-size: 16.5px;
text-align: center;
letter-spacing: -0.3px;
color: #20274f;
text-decoration: none;
background: #ffdd05;
border-radius: 4px;
-webkit-box-shadow: 0px 13px 14.4px 1.6px rgba(141, 141, 141, 0.13);
box-shadow: 0px 13px 14.4px 1.6px rgba(141, 141, 141, 0.13);
text-transform: uppercase;
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-box-shadow 0.5s linear;
transition: -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-box-shadow 0.5s linear;
transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55), box-shadow 0.5s linear;
transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55), box-shadow 0.5s linear, -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-box-shadow 0.5s linear;
}
.yoobic-btn1:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.yoobic-btn2 {
position: relative;
display: inline-block;
margin-left: -8px;
color: #20274f;
padding: 8px;
border: 4px solid transparent;
font-size: 13.5px;
text-decoration: none;
letter-spacing: 0;
}
.yoobic-btn2 .text {
-webkit-transform: translate3d(0, 8px, 0);
transform: translate3d(0, 8px, 0);
display: block;
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0.4s;
transition: -webkit-transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0.4s;
transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0.4s;
transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0.4s, -webkit-transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0.4s;
}
.yoobic-btn2:after {
position: absolute;
content: '';
bottom: -8px;
left: calc(8px * 1.2);
right: calc(8px * 1.2);
height: 4px;
background-image: -webkit-gradient(linear, left top, right top, from(#5cc7fc), to(#7a6bfa));
background-image: linear-gradient(90deg, #5cc7fc, #7a6bfa);
-webkit-transition: right 0.2s cubic-bezier(0.04, 0.48, 0, 1) 0.6s, left 0.4s cubic-bezier(0.04, 0.48, 0, 1) 0.6s, -webkit-transform 0.8s cubic-bezier(1, 0, 0.37, 1) 0.2s;
transition: right 0.2s cubic-bezier(0.04, 0.48, 0, 1) 0.6s, left 0.4s cubic-bezier(0.04, 0.48, 0, 1) 0.6s, -webkit-transform 0.8s cubic-bezier(1, 0, 0.37, 1) 0.2s;
transition: transform 0.8s cubic-bezier(1, 0, 0.37, 1) 0.2s, right 0.2s cubic-bezier(0.04, 0.48, 0, 1) 0.6s, left 0.4s cubic-bezier(0.04, 0.48, 0, 1) 0.6s;
transition: transform 0.8s cubic-bezier(1, 0, 0.37, 1) 0.2s, right 0.2s cubic-bezier(0.04, 0.48, 0, 1) 0.6s, left 0.4s cubic-bezier(0.04, 0.48, 0, 1) 0.6s, -webkit-transform 0.8s cubic-bezier(1, 0, 0.37, 1) 0.2s;
-webkit-transform-origin: left;
transform-origin: left;
}
.yoobic-btn2 .line {
position: absolute;
background-image: -webkit-gradient(linear, left top, right top, from(#5cc7fc), to(#7a6bfa));
background-image: linear-gradient(90deg, #5cc7fc, #7a6bfa);
}
.yoobic-btn2 .line.line-right,
.yoobic-btn2 .line.line-left {
width: 4px;
bottom: -4px;
top: -4px;
-webkit-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);
}
.yoobic-btn2 .line.line-top,
.yoobic-btn2 .line.line-bottom {
height: 4px;
left: -4px;
right: -4px;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
}
.yoobic-btn2 .line.line-right {
background: #7a6bfa;
right: -4px;
-webkit-transition: -webkit-transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.23s;
transition: -webkit-transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.23s;
transition: transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.23s;
transition: transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.23s, -webkit-transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.23s;
-webkit-transform-origin: top;
transform-origin: top;
}
.yoobic-btn2 .line.line-top {
top: -4px;
-webkit-transition: -webkit-transform 0.08s linear 0.43s;
transition: -webkit-transform 0.08s linear 0.43s;
transition: transform 0.08s linear 0.43s;
transition: transform 0.08s linear 0.43s, -webkit-transform 0.08s linear 0.43s;
-webkit-transform-origin: left;
transform-origin: left;
}
.yoobic-btn2 .line.line-left {
background: #5cc7fc;
left: -4px;
-webkit-transition: -webkit-transform 0.08s linear 0.51s;
transition: -webkit-transform 0.08s linear 0.51s;
transition: transform 0.08s linear 0.51s;
transition: transform 0.08s linear 0.51s, -webkit-transform 0.08s linear 0.51s;
-webkit-transform-origin: bottom;
transform-origin: bottom;
}
.yoobic-btn2 .line.line-bottom {
bottom: -4px;
-webkit-transition: -webkit-transform 0.3s cubic-bezier(1, 0, 0.65, 1.01);
transition: -webkit-transform 0.3s cubic-bezier(1, 0, 0.65, 1.01);
transition: transform 0.3s cubic-bezier(1, 0, 0.65, 1.01);
transition: transform 0.3s cubic-bezier(1, 0, 0.65, 1.01), -webkit-transform 0.3s cubic-bezier(1, 0, 0.65, 1.01);
-webkit-transform-origin: right;
transform-origin: right;
}
.yoobic-btn2:hover .text,
.yoobic-btn2:active .text {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.2, 0, 0, 1) 0.4s;
transition: -webkit-transform 0.6s cubic-bezier(0.2, 0, 0, 1) 0.4s;
transition: transform 0.6s cubic-bezier(0.2, 0, 0, 1) 0.4s;
transition: transform 0.6s cubic-bezier(0.2, 0, 0, 1) 0.4s, -webkit-transform 0.6s cubic-bezier(0.2, 0, 0, 1) 0.4s;
}
.yoobic-btn2:hover:after,
.yoobic-btn2:active:after {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
right: 0;
left: 0;
-webkit-transform-origin: right;
transform-origin: right;
-webkit-transition: right 0.2s cubic-bezier(1, 0, 0.65, 1.01), left 0s 0.3s, -webkit-transform 0.2s cubic-bezier(1, 0, 0.65, 1.01) 0.17s;
transition: right 0.2s cubic-bezier(1, 0, 0.65, 1.01), left 0s 0.3s, -webkit-transform 0.2s cubic-bezier(1, 0, 0.65, 1.01) 0.17s;
transition: transform 0.2s cubic-bezier(1, 0, 0.65, 1.01) 0.17s, right 0.2s cubic-bezier(1, 0, 0.65, 1.01), left 0s 0.3s;
transition: transform 0.2s cubic-bezier(1, 0, 0.65, 1.01) 0.17s, right 0.2s cubic-bezier(1, 0, 0.65, 1.01), left 0s 0.3s, -webkit-transform 0.2s cubic-bezier(1, 0, 0.65, 1.01) 0.17s;
}
.yoobic-btn2:hover .line,
.yoobic-btn2:active .line {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.yoobic-btn2:hover .line.line-right,
.yoobic-btn2:active .line.line-right {
-webkit-transition: -webkit-transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.2s;
transition: -webkit-transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.2s;
transition: transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.2s;
transition: transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.2s, -webkit-transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.2s;
-webkit-transform-origin: bottom;
transform-origin: bottom;
}
.yoobic-btn2:hover .line.line-top,
.yoobic-btn2:active .line.line-top {
-webkit-transition: -webkit-transform 0.08s linear 0.4s;
transition: -webkit-transform 0.08s linear 0.4s;
transition: transform 0.08s linear 0.4s;
transition: transform 0.08s linear 0.4s, -webkit-transform 0.08s linear 0.4s;
-webkit-transform-origin: right;
transform-origin: right;
}
.yoobic-btn2:hover .line.line-left,
.yoobic-btn2:active .line.line-left {
-webkit-transition: -webkit-transform 0.08s linear 0.48s;
transition: -webkit-transform 0.08s linear 0.48s;
transition: transform 0.08s linear 0.48s;
transition: transform 0.08s linear 0.48s, -webkit-transform 0.08s linear 0.48s;
-webkit-transform-origin: top;
transform-origin: top;
}
.yoobic-btn2:hover .line.line-bottom,
.yoobic-btn2:active .line.line-bottom {
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0, 0.53, 0.29, 1) 0.56s;
transition: -webkit-transform 0.5s cubic-bezier(0, 0.53, 0.29, 1) 0.56s;
transition: transform 0.5s cubic-bezier(0, 0.53, 0.29, 1) 0.56s;
transition: transform 0.5s cubic-bezier(0, 0.53, 0.29, 1) 0.56s, -webkit-transform 0.5s cubic-bezier(0, 0.53, 0.29, 1) 0.56s;
-webkit-transform-origin: left;
transform-origin: left;
}
#cover.full-width .textual-content .yoobic-vid{
display: inline-block;
}
#cover.full-width .textual-content .yoobic-btn1_1{
height: 30px;
padding: 16px 10px;
box-sizing: content-box;
line-height: 30px;
background-color: #20274f;
margin-left: 20px;
color: #ffffff;
position: relative;
min-width:220px;
}
#cover.full-width .textual-content .yoobic-btn1_1 span{
padding: 0 0px 0 30px;
}
#cover.full-width .textual-content .yoobic-btn1_1 img{
vertical-align: middle;
margin: 0 10px;
position: absolute;
left: 7px;
top: 13px;
}
a.caps:active {
color: #20274f;
}
#header {
position: fixed;
z-index: 4;
left: 0;
right: 0;
height: 116px;
padding: 35px 0 25px;
background: rgba(255, 255, 255, 0);
-webkit-box-shadow: 0px 7px 12.1px 0.9px rgba(0, 0, 0, 0);
box-shadow: 0px 7px 12.1px 0.9px rgba(0, 0, 0, 0);
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
#header.sticky {
position: fixed;
background: rgba(255, 255, 255, 1);
-webkit-box-shadow: 0px 7px 12.1px 0.9px rgba(0, 0, 0, 0.06);
box-shadow: 0px 7px 12.1px 0.9px rgba(0, 0, 0, 0.06);
}
#page-wrapper {
padding-top: 116px;
}
#page-wrapper.hide-owerflow {
overflow: hidden;
padding-top: 116px;
padding-top: 6.5vw;
}
#header .logo-wrapper {
float: left;
width: 198px;
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
#header .logo-wrapper img {
max-width: 198px;
height: auto;
}
#header .logo-wrapper a img.white_logo,
#header.video-bg.sticky .logo-wrapper a img.white_logo,
#header.video-bg .logo-wrapper a img {
display: none;
}
#header.video-bg .logo-wrapper a img.white_logo,
#header.video-bg.sticky .logo-wrapper a img {
display: block;
}
#header .logo-wrapper p img.white_logo,
#header.video-bg .logo-wrapper p img,
#header.video-bg.sticky .logo-wrapper p img.white_logo{
display: none;
}
#header .logo-wrapper p img,
#header.video-bg .logo-wrapper p img.white_logo,
#header.video-bg.sticky .logo-wrapper p img{
display: block;
}
#header .menu-wrapper {
float: right;
color: #20274f;
}
#header .menu-wrapper .nav-menu {
display: inline-block;
vertical-align: middle;
font-size: 15.5px;
}
#header .menu-wrapper .nav-menu>ul>li {
position: relative;
float: left;
margin-left: 1.7rem;
}
#header .menu-wrapper .nav-menu>ul>li a {
display: block;
color: inherit;
text-decoration: none;
}
#header .menu-wrapper .nav-menu>ul>li>a {
position: relative;
font-weight: 500;
letter-spacing: 0;
padding: 12px 10px 18px;
text-transform: uppercase;
}
#header.video-bg .wpml-ls-slot-2.wpml-ls-current-language a,
#header.video-bg .wpml-ls-slot-2.wpml-ls-current-language a:visited {
background-color: transparent;
}
#header.video-bg .wpml-ls-slot-2.wpml-ls-current-language {
background-color: transparent;
}
body.no-touch #header .menu-wrapper .nav-menu>ul>li:hover>a:after,
#header .menu-wrapper .nav-menu>ul>li.open>a:after,
#header .menu-wrapper .nav-menu>ul>li.current-menu-item>a:after,
#header .menu-wrapper .nav-menu>ul>li.current-menu-ancestor>a:after {
content: "";
position: absolute;
bottom: 2px;
left: 0;
width: 100%;
height: 5px;
background-image: -webkit-gradient(linear, right top, left top, from(#5cc7fc), to(#7a6bfa));
background-image: linear-gradient(270deg, #5cc7fc, #7a6bfa);
}
body.no-touch #header .menu-wrapper .nav-menu>ul>li:hover .sub-menu,
#header .menu-wrapper .nav-menu>ul>li.open .sub-menu {
display: block;
}
#header .menu-wrapper .nav-menu>ul > li > .sub-menu {
display: none;
position: absolute;
top: 53px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 170px;
padding: 15px 15px 28px 20px;
text-align: left;
font-size: 14px;
letter-spacing: 0;
background: #fff;
-webkit-box-shadow: 0 0 13.7px 1.4px rgba(0, 0, 0, 0.03);
box-shadow: 0 0 13.7px 1.4px rgba(0, 0, 0, 0.03);
}
#header .menu-wrapper .nav-menu>ul > li.wpml-ls-menu-item > .sub-menu {
width: auto;
}
#header .menu-wrapper .nav-menu>ul > li.mega-menu > .sub-menu {
flex-direction: column;
flex-wrap: wrap;
align-content: flex-start;
width: 600px;
height: 500px;
padding-top: 15px;
}
#header .menu-wrapper .nav-menu>ul > li.mega-menu > .sub-menu li {
max-height: 100%;
width: 175px;
}
#header .menu-wrapper .nav-menu>ul > li.mega-menu > .sub-menu > li {
margin-right: 10px;
}
#header .menu-wrapper .nav-menu>ul > li.mega-menu > .sub-menu > li > a {
padding-bottom: 8px;
font-weight: 500;
text-transform: uppercase;
}
body.no-touch #header .menu-wrapper .nav-menu>ul > li.mega-menu:hover > .sub-menu,
#header .menu-wrapper .nav-menu>ul > li.mega-menu.open > .sub-menu {
display: flex;
}
body.no-touch #header .menu-wrapper .nav-menu>ul > li.mega-menu > .sub-menu .sub-menu {
position: relative;
display: flex;
flex-direction: column;
flex-wrap: wrap;
width: 175px;
max-height: 100%;
margin: 0 auto;
}
#header .menu-wrapper .nav-menu>ul .sub-menu li {
position: relative;
}
/*#header .menu-wrapper .nav-menu>ul .sub-menu li+li:before {
content: "";
position: absolute;
width: 23px;
height: 1px;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: #20274f;
opacity: 0.15;
}*/
#header .menu-wrapper .nav-menu>ul li.mega-menu .sub-menu li:before {
display: none;
}
#header .menu-wrapper .nav-menu>ul .sub-menu a {
-webkit-transition: color .3s;
transition: color .3s;
padding: 6px 2px 5px;
}
body.no-touch #header .menu-wrapper .nav-menu>ul .sub-menu li a:hover {
color: #6992fc;
}
#header .menu-wrapper .yoobic-btn1 {
display: inline-block;
vertical-align: middle;
width: 173px;
margin-left: 27px;
font-size: 13.5px;
letter-spacing: -0.25px;
}
#header .mobile-menu-toggler {
display: none;
position: absolute;
top: 10px;
right: 32px;
width: 26px;
height: 16px;
}
#header .mobile-menu-toggler .burger-part {
position: absolute;
left: 0;
width: 26px;
height: 1.5px;
background: #fff;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
background: #000;
}
#header .mobile-menu-toggler .burger-part.burger-part-1 {
top: 0;
}
#header .mobile-menu-toggler .burger-part.burger-part-2 {
top: 8px;
}
#header .mobile-menu-toggler .burger-part.burger-part-3 {
top: 16px;
}
body.mobile-open #header .mobile-menu-toggler .burger-part-1 {
top: 12px;
background: #000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
body.mobile-open #header .mobile-menu-toggler .burger-part-2 {
opacity: 0;
}
body.mobile-open #header .mobile-menu-toggler .burger-part-3 {
top: 12px;
background: #000;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.bg-swoosh {
position: absolute;
width: 100%;
}
#cover {
height: 605px;
position: relative;
}
#cover.boost {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
#cover .site-width {
height: 100%;
}
#cover.boost.mod .site-width {
z-index: unset;
}
#cover .textual-content {
position: relative;
top: 50%;
-webkit-transform: translate(-6px, -50%);
transform: translate(-6px, -50%);
float: left;
width: 36%;
z-index: 2;
padding-top: 20px;
}
#cover .textual-content .pre-title {
margin-bottom: 10px;
font-size: 22.5px;
line-height: 1.3;
font-weight: 700;
letter-spacing: -1.3px;
color: #20274f;
}
#cover .textual-content .yoobic-btn1 {
min-width: 215px;
margin-top: 34px;
padding: 18px 10px;
}
#cover .textual-content .intro-text {
margin-top: 14px;
}
#cover.full-width .textual-content {
top: 0;
float: none;
width: auto;
-webkit-transform: none;
transform: none;
padding-top: 29px;
text-align: center;
}
#cover.full-width .textual-content .pre-title {
margin-bottom: 1px;
font-size: 25px;
letter-spacing: -0.7px;
}
#cover.full-width .textual-content .yoobic-main-title {
letter-spacing: 0;
}
#cover.full-width .textual-content .intro-text {
max-width: 550px;
margin: 8px auto 0;
}
#cover.full-width .textual-content .yoobic-btn1 {
margin-top: 27px;
}
#cover.full-width .animation {
float: none;
margin-left: 0;
}
#cover.full-width .animation .main-vid {
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
#cover .animation {
float: left;
margin-left: 4%;
overflow: hidden;
}
#cover .animation .main-vid {
display: block;
margin-bottom: -3px;
}
/* alina */
#cover.home .animation {
/*height: 100vh;*/
margin-top: 60px;
}
#cover.full-width .animation .main-vid_bg {
width: 100%;
position: absolute;
top: -115px;
}
.video-bg #cover.full-width .animation .main-vid_bg {
width: auto;
position: absolute;
top: 0;
bottom: 0;
}
#page-wrapper.video-bg {
padding-top: 0;
}
#header.video-bg .menu-wrapper .nav-menu>ul>li>a,
#page-wrapper.video-bg #cover.full-width .textual-content .intro-text {
color: #ffffff;
}
#header.sticky.video-bg .menu-wrapper .nav-menu>ul>li>a {
color: inherit;
}
#page-wrapper.video-bg #cover.home {
height: 100vh;
}
#page-wrapper.video-bg #cover.full-width .textual-content .yoobic-main-title {
color: #ffffff;
padding-top: 116px;
}
/* alina end */
/* new home page css updates Remi */
/* preview hp EN test */
.page-id-10679 .positions-strip .bg-swoosh img
{
display:none!important;
}
.page-id-10679 .positions-strip .confetti-wrapper {
display:none;
}
.page-id-10679 #solutions-tabs .content-wrapper {
margin-top: 30px!important;
}
.page-id-10679 #solutions-tabs .content-wrapper .textual-content .testimonial-wrapper
{
display:none!Important;
}
.page-id-10679 .positions-strip {
margin: 0 0 100px 0!important;
}
.page-id-10679 .yoobic-learn-about {
margin-bottom: 0px!important;
}
.page-id-10679 #cover .confetti-wrapper {
display: none!important;
}
.page-id-10679 .icons-strip .yoobic-main-title {
margin: 30px 0 80px!important;
}
/* EN live hp */
.page-id-9885 .mod-title-btn {
padding-top:0px!important;
padding-bottom:0px!important;
}
.page-id-9885 .positions-strip .bg-swoosh img
{
display:none!important;
}
.page-id-9885 .positions-strip .confetti-wrapper {
display:none;
}
.page-id-9885 #solutions-tabs .content-wrapper {
margin-top: 30px!important;
}
.page-id-9885 #solutions-tabs .content-wrapper .textual-content .testimonial-wrapper
{
display:none!Important;
}
.page-id-9885 .positions-strip {
margin: 0 0 100px 0!important;
}
.page-id-9885 .yoobic-learn-about {
margin-bottom: 0px!important;
}
.page-id-9885 #cover .confetti-wrapper {
display: none!important;
}
.page-id-9885 .icons-strip .yoobic-main-title {
margin: 30px 0 80px!important;
}
/* FR live HP */
.page-id-2353 .mod-title-btn {
padding-top:0px!important;
padding-bottom:0px!important;
}
.page-id-2353 .positions-strip .bg-swoosh img
{
display:none!important;
}
.page-id-2353 .positions-strip .confetti-wrapper {
display:none;
}
.page-id-2353 #solutions-tabs .content-wrapper {
margin-top: 30px!important;
}
.page-id-2353 #solutions-tabs .content-wrapper .textual-content .testimonial-wrapper
{
display:none!Important;
}
.page-id-2353 .positions-strip {
margin: 0 0 100px 0!important;
}
.page-id-2353 .yoobic-learn-about {
margin-bottom: 0px!important;
}
.page-id-2353 #cover .confetti-wrapper {
display: none!important;
}
.page-id-2353 .icons-strip .yoobic-main-title {
margin: 30px 0 80px!important;
}
/* industries page EN, FR */
.page-id-10909 #cover.about {
display: none!important;
}
.page-id-6873 #cover.about {
display: none!important;
}
/*end industries page */
/*about us page */
.page-id-10956 #content.modular-page .mod-text-img .flex-wrapper
{
align-items: center!important;
}
.page-id-10956 .icons-strip .yoobic-sec-title {
font-size: 26px!important;
}
.page-id-10956 .intro-text {
font-size:22px!Important;
}
/*end about us page */
@media (max-width: 767px) {
.page-id-10679 .positions-strip .wrapper {
padding-bottom: 0px!important
}
.page-id-10679 .mod-title-btn {
padding-bottom:40px!important;
}
.page-id-10679 .mod-video-text-use-case.vid-text-cols .text-col {
padding-bottom: 40px!important;
}
.page-id-10679 .full-width .textual-content {
padding: 60px 34px 0!important;
}
.page-id-9885 .positions-strip .wrapper {
padding-bottom: 0px!important
}
.page-id-9885 .mod-video-text-use-case.vid-text-cols .text-col {
padding-bottom: 40px!important;
}
.page-id-9885 .mod-title-btn {
padding-bottom:40px!important;
}
.page-id-9885 .full-width .textual-content {
padding: 60px 34px 0!important;
}
.page-id-2353 .positions-strip .wrapper {
padding-bottom: 0px!important
}
.page-id-2353 .mod-video-text-use-case.vid-text-cols .text-col {
padding-bottom: 40px!important;
}
.page-id-2353 .full-width .textual-content {
padding: 60px 34px 0!important;
}
.page-id-2353 .mod-title-btn {
padding-bottom:40px!important;
}
}
/* end home page css updates Remi */
#cover .animation .plant-vid {
position: absolute;
top: -100px;
right: 10px;
}
#cover .animation .overflow-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
#cover .bg-swoosh {
top: 0;
right: 0;
height: 2190px;
background: url(images/boost/bg-shape3.png) no-repeat center;
}
#cover.home {
height: auto;
overflow: hidden;
}
#cover.home .animation {
/* position: absolute;
left: 0;
right: 0;
bottom: 0;*/
}
#cover.home .animation .cover-img-home {
text-align: center;
}
#cover.home .animation .cover-img-home img {
width: 100%;
height: auto;
}
#content {
position: relative;
}
.yoobic-rows {
position: relative;
padding-top: 355px;
}
.yoobic-rows .main {
background: #f9fafd;
}
.yoobic-rows .yoobic-main-title {
position: relative;
z-index: 2;
text-align: center;
letter-spacing: -1px;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
.yoobic-rows .yoobic-main-title+.what-row .visual-content {
padding-top: 5px;
}
.yoobic-rows .yoobic-main-title+.what-row .visual-content .bg-elements {
position: absolute;
left: auto;
bottom: auto;
-webkit-transform: none;
transform: none;
}
.yoobic-rows .yoobic-main-title+.what-row .visual-content .bg-elements img {
position: static;
}
.yoobic-rows .what-row {
position: relative;
z-index: 2;
}
.yoobic-rows .what-row .textual-content {
float: left;
width: 29.3%;
padding-top: 110px;
}
.yoobic-rows .what-row .textual-content .yoobic-sec-title {
margin-bottom: 12px;
}
.yoobic-rows .what-row .textual-content .intro-text {
margin-bottom: 12px;
margin-left: 4px;
font-size: 19px;
}
.yoobic-rows .what-row .visual-content {
position: relative;
float: right;
width: 43%;
}
.yoobic-rows .what-row .visual-content .bg-elements {
position: absolute;
width: 0;
height: 100%;
left: 50%;
}
.yoobic-rows .what-row .visual-content .bg-elements img {
position: absolute;
bottom: 80px;
}
.yoobic-rows .what-row .visual-content .bg-elements img:first-child {
right: calc(100% + 130px);
}
.yoobic-rows .what-row .visual-content .bg-elements img:first-child+img {
left: calc(100% + 130px);
}
.yoobic-rows .what-row .visual-content .phone-wrapper {
position: relative;
width: 276px;
left: 50%;
-webkit-transform: translate(-50%);
transform: translate(-50%);
}
.yoobic-rows .what-row .visual-content .phone-wrapper:after {
content: "";
position: absolute;
width: 158px;
height: 20px;
top: 14px;
left: 51%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: url(images/phone-notch.png);
}
.yoobic-rows .what-row .visual-content .phone-wrapper .screen-img {
position: absolute;
top: 26px;
left: 24px;
border-radius: 20px;
}
#what-is-boost.yoobic-rows .what-row .visual-content .phone-wrapper .screen-img {
width: 230px;
height: auto;
}
.yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper {
width: 900px;
}
.yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper:after {
display: none;
}
.yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper .screen-img {
top: 33px;
left: 33px;
}
.yoobic-rows .what-row.vleft .visual-content {
float: left;
}
.yoobic-rows .what-row.vleft .textual-content {
float: right;
margin-right: 9.5%;
}
.yoobic-rows .what-row.vright .textual-content {
width: 30.5%;
margin-left: 15%;
padding-top: 110px;
}
.yoobic-rows .what-row+.what-row {
clear: both;
-webkit-transform: translateY(-25px);
transform: translateY(-25px);
}
.yoobic-rows .what-row+.what-row+.what-row {
-webkit-transform: translateY(-48px);
transform: translateY(-48px);
}
.yoobic-rows .what-row:last-child {
position: relative;
z-index: 2;
}
/* swooshes-anim */
.swooshes-anim {
position: relative;
}
.swooshes-anim .swooshes-wrapper .swoosh-item {
position: relative;
}
.swooshes-anim .swooshes-wrapper .swoosh-item .icon {
position: absolute;
right: 0;
}
.swooshes-anim .swooshes-wrapper .swoosh-item .icon img {
display: block;
}
.swooshes-anim .swooshes-wrapper .swoosh-item .swoosh-vid {
display: block;
}
.swooshes-anim .swooshes-wrapper .swoosh-item .item-text {
position: absolute;
bottom: 17px;
left: 69%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
font-weight: bold;
text-align: center;
color: #fff;
}
.swooshes-anim .swooshes-wrapper .swoosh-item .item-text .item-title {
margin-left: 4px;
font-size: 16.5px;
letter-spacing: -0.7px;
line-height: 1.3;
}
.swooshes-anim .swooshes-wrapper .swoosh-item .item-text .percentage {
font-size: 34.5px;
letter-spacing: -1.4px;
line-height: 1.3;
}
/* Boost Page */
#content.boost .yoobic-rows {
width: 100%;
overflow: hidden;
padding-top: 330px;
}
#content.boost .yoobic-rows .what-row {
position: relative;
z-index: 2;
}
#content.modular-page #what-is-boost.yoobic-rows .what-row .visual-content .bg-elements.bg-opt2 img:first-child {
bottom: 134px;
right: calc(100% + 143px);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
}
#content.modular-page #what-is-boost.yoobic-rows .what-row .visual-content .bg-elements.bg-opt2 img:first-child+img {
left: calc(100% + 30px);
}
#content.modular-page #what-is-boost.yoobic-rows .what-row .visual-content .bg-elements.bg-opt3 img:first-child {
bottom: 113px;
right: calc(100% + 160px);
}
#content.modular-page #what-is-boost.yoobic-rows .what-row .visual-content .bg-elements.bg-opt3 img:first-child+img {
bottom: 123px;
left: calc(100% + 160px);
}
#content.modular-page #what-is-boost.yoobic-rows .what-row .visual-content .bg-elements.bg-opt3 img:first-child+img+img {
bottom: 113px;
left: calc(100% + 270px);
}
#content .mod-swooshes.swooshes-anim {
margin-top: 156px;
padding-bottom: 248px;
}
#content .mod-swooshes.swooshes-anim .wrapper {
position: absolute;
top: -1420px;
width: 100%;
height: 2700px;
overflow: hidden;
background: #fff;
-webkit-clip-path: inset(280px 0 0 0);
clip-path: inset(280px 0 0 0);
}
#content .mod-swooshes.swooshes-anim .wrapper .bg-swoosh {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 3000px;
height: 100%;
background: url(images/boost/bg-shape2.svg) no-repeat;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
#content.modular-page .mod-swooshes.swooshes-anim.row2 .swooshes-wrapper {
float: left;
width: 50%;
margin-left: 8%;
}
#content .mod-swooshes.swooshes-anim .swooshes-wrapper .swoosh-item {
float: left;
padding-top: 49px;
padding-right: 17px;
}
#content .mod-swooshes.swooshes-anim .swooshes-wrapper .swoosh-item .icon {
bottom: 289px;
}
#content .mod-swooshes.swooshes-anim .swooshes-wrapper .swoosh-item .item-text {
width: 50%;
}
#content .mod-swooshes.swooshes-anim .swooshes-wrapper .swoosh-item+.swoosh-item {
margin-left: 4%;
}
#content .mod-swooshes.swooshes-anim .textual-content {
float: right;
width: 29%;
margin-right: 7%;
}
#content .mod-swooshes.swooshes-anim .textual-content .yoobic-main-title {
margin-bottom: 15px;
letter-spacing: -1px;
}
#content .mod-swooshes.swooshes-anim .textual-content .intro-text {
margin-bottom: 17px;
line-height: 1.7;
letter-spacing: 0.4px;
}
#content.modular-page .go-beyond {
position: relative;
z-index: 2;
max-width: 100%;
padding-bottom: 166px;
overflow: visible;
background-position: bottom center;
}
#content.modular-page .go-beyond .bg {
position: absolute;
top: 0;
width: 100%;
height: auto;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: url(images/boost/bg-shape4.png) no-repeat bottom center;
}
#content.modular-page .go-beyond .textual-content {
width: 33%;
height: 490px;
margin-top: 44px;
margin-left: 10.5%;
}
#content.modular-page .go-beyond .textual-content .yoobic-main-title {
margin-bottom: 16px;
}
#content.modular-page .go-beyond .optimized {
margin-bottom: 90px;
}
#content.modular-page .go-beyond .optimized .visual-content {
position: relative;
float: left;
width: 72%;
}
#content.modular-page .go-beyond .optimized .visual-content .main-img {
text-align: center;
}
#content.modular-page .go-beyond .optimized .visual-content .left-img {
position: absolute;
bottom: -30px;
left: 10px;
}
#content.modular-page .go-beyond .optimized .visual-content .right-img {
position: absolute;
bottom: 0;
right: 50px;
}
#content.modular-page .go-beyond .optimized .textual-content {
float: right;
width: 27.5%;
margin-top: 0;
margin-left: 0.5%;
}
#content.modular-page .go-beyond .optimized .textual-content .ptd {
padding-bottom: 40px;
}
#content.modular-page .go-beyond .optimized .textual-content .yoobic-sec-title {
margin-bottom: 20px;
}
#content.modular-page .go-beyond .optimized .textual-content .ytxt {
padding-left: 0.5%;
line-height: 1.8;
letter-spacing: 0;
}
.icons-strip .icons-wrapper {
margin: 0 70px;
overflow: hidden;
}
.icons-strip .icons-wrapper .icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
float: left;
width: 33.3%;
}
.icons-strip .icons-wrapper .icon .img-wrapper {
margin-right: 20px;
}
.icons-strip .icons-wrapper .icon .main .desc {
margin-top: 6px;
margin-right: 20px;
}
#content .icons-strip {
position: relative;
}
#content.modular-page .icons-strip .wrapper {
position: absolute;
top: -42px;
width: 100%;
height: 1423px;
overflow: hidden;
background: #fff;
}
#content.modular-page .icons-strip .wrapper .bg-swoosh {
left: 46%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 3000px;
height: 100%;
background: url(images/boost/bg-shape5.svg) no-repeat;
}
#content .icons-strip .wrapper+.site-width .icons-wrapper {
margin: 0 20px 0 80px;
padding-top: 338px;
}
#content.single-story .icons-strip .wrapper+.site-width .icons-wrapper {
padding-top: 0;
}
#content.boost .icons-strip .icons-wrapper .icon .img-wrapper {
margin-left: 20px;
}
#content.boost .icons-strip .icons-wrapper .icon .main .yoobic-main-title {
margin-bottom: 6px;
}
#content.boost .icons-strip .icons-wrapper .icon .main .desc {
padding-right: 10px;
}
#content.boost .icons-strip .icons-wrapper .icon:first-child .img-wrapper {
margin-left: 0;
}
.yoobic-learn-about {
text-align: center;
}
.yoobic-learn-about .yoobic-main-title {
margin-bottom: 75px;
}
.yoobic-learn-about .learn-items.abtwn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.yoobic-learn-about .learn-items .item {
position: relative;
display: inline-block;
vertical-align: top;
width: 431px;
margin: 0 70px;
}
.yoobic-learn-about .learn-items .item .logo-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
border-radius: 10px;
}
.yoobic-learn-about .learn-items .item .img-wrapper {
position: relative;
height: 322px;
border-radius: 12px;
cursor: pointer;
-webkit-box-shadow: 0 8px 14px rgba(0, 0, 0, 0.2);
box-shadow: 0 8px 14px rgba(0, 0, 0, 0.2);
}
#content.modular-page .yoobic-learn-about .learn-items .item .img-wrapper {
cursor: pointer;
}
.yoobic-learn-about .learn-items .item .img-wrapper>img {
position: relative;
display: block;
border-radius: 10px;
opacity: 1;
-webkit-transition: opacity .3s;
transition: opacity .3s;
}
.yoobic-learn-about .learn-items .item .swoosh {
position: absolute;
bottom: 0;
right: 0;
width: 221px;
height: 254px;
background: url(images/swoosh.png) no-repeat;
}
.yoobic-learn-about .learn-items .item .swoosh .label {
position: absolute;
bottom: 27px;
right: 32px;
font-family: Lato, sans-serif;
font-size: 12px;
letter-spacing: 0.5px;
color: #fff;
}
.yoobic-learn-about .learn-items .item:hover .img-wrapper>img {
opacity: 0;
}
.yoobic-learn-about .learn-items .item .item-details {
margin-top: 50px;
}
.yoobic-learn-about .learn-items .item .item-details .item-title {
margin-bottom: 11px;
font-size: 18px;
font-weight: 700;
letter-spacing: -0.7px;
color: #20274f;
}
.yoobic-learn-about .learn-items .item .item-details .desc {
margin: 0 60px;
font-size: 16px;
line-height: 1.4;
letter-spacing: 0.3px;
}
#content.boost .yoobic-learn-about {
padding-top: 189px;
padding-bottom: 80px;
}
/* General */
.quote-wrapper {
position: absolute;
bottom: 0;
left: 5px;
width: 100%;
max-width: 480px;
}
.quote-wrapper .author-img {
float: left;
}
.quote-wrapper .author-img img {
display: block;
width: 118px;
height: 118px;
border-radius: 50%;
}
.quote-wrapper .text-wrapper {
position: absolute;
right: 0;
bottom: 4px;
margin-top: 6px;
}
.quote-wrapper .author-img+.text-wrapper {
left: 156px;
}
.quote-wrapper .text-wrapper .logo {
position: absolute;
bottom: 100%;
margin-bottom: 18px;
}
.quote-wrapper .text-wrapper blockquote {
margin-left: -4px;
font-size: 17px;
}
/* Homepage */
#content.home {
overflow: hidden;
/* main-slider-strip */
}
#content.home .logos-slider-strip {
position: relative;
z-index: 2;
height: 200px;
padding: 44px 0;
}
#content.home .logos-slider-strip .swoosh-bg,
#content.modular-page .logos-slider-strip .swoosh-bg {
position: absolute;
top: -14px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
#content.home .logos-slider-strip .logos-slider {
position: relative;
width: 70%;
height: 100px;
margin: 0 15%;
overflow: hidden;
text-align: center;
}
#content.home .logos-slider-strip .logos-slider .slides {
position: absolute;
width: 100%;
white-space: nowrap;
}
#content.home .logos-slider-strip .logos-slider .slides .slide {
display: inline-block;
vertical-align: top;
width: 20%;
height: 50px;
}
#content.home .logos-slider-strip .logos-slider .slides .slide img {
height: 100%;
width: 100%;
}
#content.home .logos-slider-strip .controls {
position: absolute;
top: 0;
left: 0;
right: 0;
}
#content.home .logos-slider-strip .controls .arrow {
width: 10px;
height: 16px;
}
#content.home .logos-slider-strip .controls .arrow.arrow-prev {
left: 80px;
}
#content.home .logos-slider-strip .controls .arrow.arrow-next {
right: 80px;
}
#content.home .main-slider-strip {
position: relative;
padding: 100px 0 200px;
}
#content.home .main-slider-strip .main-slider .slides {
position: relative;
}
#content.home .main-slider-strip .main-slider .slides .slide {
position: relative;
min-height: 700px;
}
#content.home .main-slider-strip .main-slider .slides .slide.active {
left: 0;
}
#content.home .main-slider-strip .main-slider .slides .phone-wrapper {
position: absolute;
z-index: 2;
padding-bottom: 10px;
text-align: center;
margin: -2px 0 0 -22px;
}
#content.home .main-slider-strip .main-slider .slides .phone-wrapper:after {
content: "";
position: absolute;
width: 148px;
height: 20px;
top: 14px;
left: 51%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: url(images/phone-notch.png);
}
#content.home .main-slider-strip .main-slider .slides .phone-wrapper img:first-child {
width: 248px;
height: auto;
}
#content.home .main-slider-strip .main-slider .slides .phone-wrapper .screen-img {
position: absolute;
width: 210px;
height: auto;
top: 21px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
border-radius: 16px;
}
#content.home .main-slider-strip .main-slider .slides .slide .textual-content {
position: absolute;
top: 10px;
left: 278px;
max-width: 530px;
z-index: 2;
}
#content.home .main-slider-strip .main-slider .slides .slide .textual-content .item-title {
margin-bottom: 8px;
font-family: GothamProForWebsite, sans-serif;
font-size: 34px;
font-weight: 700;
line-height: 1.6;
letter-spacing: -1px;
color: #20274f;
}
#content.home .main-slider-strip .main-slider .slides .slide .textual-content .ytxt {
margin-right: 90px;
line-height: 1.7;
letter-spacing: 0.5px;
}
#content.home .main-slider-strip .main-slider .slides .slide .item-animation {
position: absolute;
top: 160px;
right: -12.5vw;
}
#content.home .main-slider-strip .main-slider .slides .slide .confetti-wrapper {
z-index: 2;
}
/*
#content.home .main-slider-strip .phone-slider {
position: absolute;
top: -60px;
left: -70px;
z-index: 2;
}
#content.home .main-slider-strip .phone-slider .slides {
position: absolute;
top: 28px;
left: 23px;
width: 230px;
height: 498px;
overflow: hidden;
}
#content.home .main-slider-strip .phone-slider .screen-img {
position: absolute;
left: -100%;
border-radius: 20px;
}
#content.home .main-slider-strip .phone-slider .screen-img.active {
left: 0;
}
*/
#content.home .tablet-strip {
position: relative;
margin-bottom: 266px;
}
#content.home .tablet-strip .bg-swoosh {
width: auto;
top: 22%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
right: auto;
}
#content.home .tablet-strip .bg-swoosh img {
display: block;
}
#content.home .tablet-strip .bg-swoosh img.bottom {
margin-top: -40px;
}
#content.home .tablet-strip .bg-swoosh .mobile-img {
display: none;
}
#content.home .tablet-strip .tablet-col {
position: relative;
float: left;
width: 880px;
margin-left: -2%;
}
#content.home .tablet-strip .tablet-col .device-wrapper img {
display: block;
width: 100%;
height: auto;
border-radius: 48px;
-webkit-box-shadow: 0 0 20px 6px rgba(0, 0, 0, .15);
box-shadow: 0 0 20px 6px rgba(0, 0, 0, .15);
}
#content.home .tablet-strip .tablet-col .inner-shadow {
position: absolute;
top: 33px;
left: 33px;
width: 813px;
height: 567px;
border-radius: 10px;
-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15);
}
#content.home .tablet-strip .tablet-col .screen-img {
position: absolute;
top: 33px;
left: 33px;
border-radius: 10px;
}
#content.home .tablet-strip .text-col {
position: relative;
float: right;
width: 35%;
}
#content.home .tablet-strip .text-col .ptd {
padding-bottom: 34%;
padding-right: 21%;
}
#content.home .tablet-strip .text-col .ptd .yoobic-sec-title {
margin-bottom: 10px;
}
#content.home .tablet-strip .text-col .ptd .desc {
font-size: 19px;
}
#content.home .tablet-strip .quote-wrapper {
bottom: auto;
top: 630px;
}
#content.home .tablet-strip .quote-wrapper .text-wrapper {
position: relative;
bottom: -6px;
}
#content.home .tablet-strip .quote-wrapper .text-wrapper .logo {
margin-bottom: 10px;
}
#content.home .yoobic-learn-about {
margin-bottom: 120px;
}
#content.home .yoobic-learn-about .yoobic-main-title {
margin-bottom: 92px;
}
#content.home .yoobic-learn-about .learn-items.abtwn .item {
margin: 0;
}
/* Homepage */
.yoobic-slider-strip .yoobic-main-title {
margin-bottom: 102px;
text-align: center;
}
.yoobic-slider-strip .slider-wrapper {
position: relative;
padding: 0 70px;
}
.yoobic-slider-strip .yoobic-slider {
width: 100%;
height: 731px;
margin-bottom: 20px;
}
.yoobic-slider-strip.mod-use-slider .yoobic-slider.one-slide {
height: auto;
}
.yoobic-slider-strip.mod-use-slider .yoobic-slider.one-slide .slides {
overflow: visible;
}
.yoobic-slider-strip.mod-use-slider .yoobic-slider.one-slide .slides .slide {
position: static;
}
.yoobic-slider-strip .yoobic-slider .slides {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.yoobic-slider-strip .yoobic-slider .slides .slide {
position: absolute;
left: 100%;
width: 100%;
height: 100%;
}
.yoobic-slider-strip .yoobic-slider .slides .slide.active {
left: 0;
}
.yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper {
float: left;
width: 56.3%;
padding: 0 38px;
}
.yoobic-slider-strip .yoobic-slider .slides .slide.left-quote .left-wrapper {
height: 407px;
}
.yoobic-slider-strip .yoobic-slider .slides .slide.left-quote .left-wrapper .ptable {
width: 100%;
height: 100%;
}
.yoobic-slider-strip .yoobic-slider .slides .slide.left-quote .left-wrapper .ptable .logo,
.yoobic-slider-strip .yoobic-slider .slides .slide.left-quote .left-wrapper .ptable blockquote {
width: 400px;
margin: 0 auto;
font-size: 17px;
text-align: left;
}
#reg-vid-text {
padding: 90px 0 50px;
}
#reg-vid-text .yoobic-vid,
.yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper .yoobic-vid {
position: relative;
border-radius: 16px;
}
#reg-vid-text .yoobic-vid .thumb,
.yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .thumb {
display: block;
max-width: 100%;
height: auto;
border-radius: 26px;
}
.yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .swoosh {
position: absolute;
right: -0.5px;
bottom: 0;
width: 318px;
height: 375px;
background: url(images/swoosh2.png) no-repeat;
background-size: 100%;
}
.yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .swoosh img {
position: absolute;
left: 35%;
bottom: 45px;
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
.yoobic-slider-strip .yoobic-slider .slides .slide.only-vid .left-wrapper {
float: none;
margin: 50px auto 0;
/*padding: 0;*/
}
.yoobic-slider-strip .yoobic-slider .slides .slide .right-wrapper {
float: right;
width: 36.6%;
height: 407px;
}
.yoobic-slider-strip .yoobic-slider .slides .slide .right-wrapper .ptable {
height: 100%;
}
.yoobic-slider-strip .yoobic-slider .slides .slide .right-wrapper .slide-quote blockquote {
font-size: 17px;
color: rgba(31, 39, 80, 0.6);
}
.yoobic-slider-strip .controls {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.yoobic-slider-strip .controls .arrow {
top: 211px;
width: 13px;
height: 26px;
background-image: url(images/operations/arrow-l@2x.png);
}
.yoobic-slider-strip .controls .arrow.arrow-prev {
left: 20px;
}
.yoobic-slider-strip .controls .arrow.arrow-next {
right: 20px;
}
.yoobic-slider-strip .dots,
.mod-resources .dots {
position: absolute;
left: 0;
right: 0;
bottom: 126px;
text-align: center;
}
.mod-resources .dots {
bottom: 0;
}
.yoobic-slider-strip .dots .dot,
.mod-resources .dots .dot {
display: inline-block;
vertical-align: middle;
width: 12px;
height: 12px;
margin: 0 6px;
border-radius: 50%;
background: #c5c5c7;
}
.yoobic-slider-strip .dots .dot.active,
.mod-resources .dots .dot.active {
background: #61a2fd;
}
/* .yoobic-slider-strip */
#content.operations .yoobic-slider-strip>.site-width,
#content .mod-general-slider .yoobic-slider-strip>.site-width {
width: 1630px;
}
#content.operations .yoobic-slider-strip>.site-width .yoobic-main-title,
#content .mod-general-slider .yoobic-slider-strip>.site-width .yoobic-main-title {
margin-bottom: 46px;
}
#content.operations .yoobic-slider-strip>.site-width .slider-wrapper .yoobic-slider .slides .slide .img-wrapper,
#content .mod-general-slider .yoobic-slider-strip>.site-width .slider-wrapper .yoobic-slider .slides .slide .img-wrapper {
margin-left: -16.5%;
}
#content.operations .yoobic-slider-strip>.site-width .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper,
#content .mod-general-slider .yoobic-slider-strip>.site-width .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper {
margin-top: 92px;
}
#content.operations .yoobic-slider-strip>.site-width .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper .swoosh-item,
#content .mod-general-slider .yoobic-slider-strip>.site-width .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper .swoosh-item {
position: relative;
float: left;
height: 305px;
}
#content.operations .yoobic-slider-strip>.site-width .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper .swoosh-item .icon,
#content .mod-general-slider .yoobic-slider-strip>.site-width .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper .swoosh-item .icon {
text-align: right;
}
#content.operations .yoobic-slider-strip>.site-width .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper .swoosh-item .swoosh-vid,
#content .mod-general-slider .yoobic-slider-strip>.site-width .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper .swoosh-item .swoosh-vid {
width: 241px;
-webkit-transform: scaleY(1.2);
transform: scaleY(1.2);
-webkit-transform-origin: top center;
transform-origin: top center;
-moz-transform: scaleY(1.2);
-ms-transform: scaleY(1.2);
-o-transform: scaleY(1.2);
}
#content.operations .yoobic-slider-strip>.site-width .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper .swoosh-item .item-text,
#content .mod-general-slider .yoobic-slider-strip>.site-width .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper .swoosh-item .item-text {
position: absolute;
bottom: 19px;
left: 70%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 50%;
font-weight: bold;
text-align: center;
line-height: 1.3;
color: #fff;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
#content.operations .yoobic-slider-strip>.site-width .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper .swoosh-item .item-text .item-title,
#content .mod-general-slider .yoobic-slider-strip>.site-width .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper .swoosh-item .item-text .item-title {
font-size: 15.5px;
letter-spacing: 0;
}
#content.operations .yoobic-slider-strip>.site-width .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper .swoosh-item .item-text .percentage,
#content .mod-general-slider .yoobic-slider-strip>.site-width .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper .swoosh-item .item-text .percentage {
font-size: 32.5px;
}
#content.operations .yoobic-slider-strip>.site-width .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper .swoosh-item+.swoosh-item,
#content .mod-general-slider.yoobic-slider-strip>.site-width .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper .swoosh-item+.swoosh-item {
margin-left: 40px;
}
#content.operations .yoobic-slider-strip>.site-width .slider-wrapper .yoobic-slider .slides .slide blockquote,
#content .mod-general-slider .yoobic-slider-strip>.site-width .slider-wrapper .yoobic-slider .slides .slide blockquote {
max-width: 410px;
margin: 40px auto 0;
font-size: 17px;
line-height: 1.5;
letter-spacing: 0.5px;
text-align: center;
color: rgba(31, 39, 80, 0.6);
}
#content.operations .yoobic-slider-strip>.site-width .slider-wrapper .yoobic-slider .slides .slide.left-quote .left-wrapper .ptable,
#content .mod-general-slider .yoobic-slider-strip>.site-width .slider-wrapper .yoobic-slider .slides .slide.left-quote .left-wrapper .ptable {
height: 500px;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
#content.operations .yoobic-slider-strip>.site-width .slider-wrapper .yoobic-slider .slides .slide.left-quote .left-wrapper .ptable .slide-quote blockquote,
#content .mod-general-slider .yoobic-slider-strip>.site-width .slider-wrapper .yoobic-slider .slides .slide.left-quote .left-wrapper .ptable .slide-quote blockquote {
margin-top: 10px;
text-align: left;
}
#content.operations .yoobic-slider-strip .controls .arrow,
#content .mod-general-slider .yoobic-slider-strip .controls .arrow {
top: 250px;
}
/* Image Recognition Page */
#cover.img-rec {
height: 605px;
}
#cover.img-rec .textual-content {
width: 31%;
}
/* General */
.accordion-strip .acc-col {
float: left;
width: 33.6%;
margin-left: 8.4%;
text-align: left;
}
.accordion-strip .acc-col .acc-item .wrapper {
margin-bottom: 12px;
padding: 22px 28px;
background: #fff;
-webkit-box-shadow: 0 0 31px 9px rgba(141, 141, 141, 0.1);
box-shadow: 0 0 31px 9px rgba(141, 141, 141, 0.1);
}
.accordion-strip .acc-col .acc-item .title-wrapper {
position: relative;
}
.accordion-strip .acc-col .acc-item .title-wrapper .title {
font-size: 24px;
font-weight: 700;
letter-spacing: -1px;
color: #20274f;
}
.accordion-strip .acc-col .acc-item .title-wrapper .ws-plus {
position: absolute;
top: 7px;
right: 0;
width: 13px;
height: 13px;
opacity: .25;
}
.accordion-strip .acc-col .acc-item.open .title-wrapper .ws-plus {
opacity: 1;
}
.accordion-strip .acc-col .acc-item .title-wrapper .ws-plus:before {
width: 13px;
height: 2px;
background: #20274f;
}
.accordion-strip .acc-col .acc-item .title-wrapper .ws-plus:after {
width: 2px;
height: 13px;
background: #20274f;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(0);
transform: translateX(-50%) translateY(-50%) rotate(0);
}
.accordion-strip .acc-col .acc-item.open .ws-plus:after {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
transform: translateX(-50%) translateY(-50%) rotate(90deg);
}
.accordion-strip .acc-col .acc-item .content-wrapper {
padding: 14px 0 6px;
font-family: lato, sans-serif;
font-size: 19px;
letter-spacing: 0;
}
.accordion-strip .acc-col .acc-item .content-wrapper ul {
list-style-type: disc;
margin-left: 24px;
}
.accordion-strip .phone-col {
position: relative;
float: left;
width: 55%;
height: 549px;
margin-top: -61px;
margin-bottom: 98px;
}
.accordion-strip .phone-col .slide {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0;
}
.accordion-strip .phone-col .slide.active {
opacity: 1;
}
#content .mod-rows-imgr {
padding-top: 350px;
}
#content .mod-rows-imgr.yoobic-rows .yoobic-main-title {
max-width: 530px;
margin: 0 auto;
}
#content .mod-rows-imgr.yoobic-rows .yoobic-main-title span {
font-size: 30px;
}
#content .steps-strip {
position: relative;
padding: 184px 0 90px;
text-align: center;
}
#content .steps-strip .wrapper {
position: absolute;
top: -1240px;
width: 100%;
height: 2700px;
overflow: hidden;
background: #fff;
-webkit-clip-path: inset(280px 0 0 0);
clip-path: inset(280px 0 0 0);
}
#content .steps-strip .wrapper .bg-swoosh {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 3000px;
height: 100%;
background: url(images/img-rec/recognition2.svg) no-repeat;
}
#content .steps-strip .steps {
margin-top: 40px;
}
#content .steps-strip .steps .step {
position: relative;
float: left;
width: 30.7%;
}
#content .steps-strip .steps .step .num {
font-size: 300px;
font-weight: 700;
line-height: 1;
letter-spacing: -12px;
color: rgba(32, 37, 39, 0.2);
}
#content .steps-strip .steps .step .img-wrapper {
position: absolute;
left: 50%;
top: 82px;
}
#content .steps-strip .steps .step .desc {
max-width: 290px;
margin: 72px auto 0;
font-size: 18.5px;
font-weight: 700;
letter-spacing: -0.5px;
color: #20274f;
}
#content .steps-strip .steps .step:first-child {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
#content .steps-strip .steps .step:first-child .num {
padding-right: 84px;
}
#content .steps-strip .steps .step:first-child .img-wrapper {
left: 33%;
}
#content .steps-strip .steps .step:first-child+.step .num {
padding-left: 10px;
}
#content .steps-strip .steps .step:first-child+.step .img-wrapper {
left: 55.4%;
top: 116px;
}
#content .steps-strip .steps .step:first-child+.step+.step .num {
padding-right: 16px;
}
#content .steps-strip .steps .step:first-child+.step+.step .img-wrapper {
left: 55%;
top: 109px;
}
#content .steps-strip .steps .step:before {
content: "";
position: absolute;
top: 36%;
left: 66px;
width: 13px;
height: 26px;
background: url(images/img-rec/img-rec-arrow@2x.png) no-repeat;
background-size: 100%;
}
#content .steps-strip .steps .step:first-child:before {
display: none;
}
#content .accordion-strip.img-zoom {
position: relative;
padding: 170px 0 100px;
background-position: bottom center;
overflow: hidden;
z-index: 2;
text-align: center;
}
#content .accordion-strip.img-zoom .bg {
position: absolute;
width: 3000px;
height: 2085px;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: url(images/boost/bg-shape4.png) no-repeat bottom center;
}
#content .accordion-strip.img-zoom .yoobic-main-title {
margin-bottom: 147px;
}
#content .accordion-strip.img-zoom .yoobic-main-title span {
font-size: 30px;
}
#content .accordion-strip.img-zoom .yoobic-btn1 {
margin-bottom: 340px;
padding: 16px 29px;
}
#content .learn-how.swooshes-anim,
#content.modular-page .swooshes-anim.mod-swooshes.row2 {
padding-top: 237px;
text-align: center;
}
#content.modular-page .learn-how.swooshes-anim {
padding-top: 0;
}
#content.modular-page .learn-how.swooshes-anim .wrapper {
position: absolute;
top: -42px;
width: 100%;
height: 1423px;
overflow: hidden;
background: #fff;
}
#content.modular-page .learn-how.swooshes-anim .wrapper .bg-swoosh {
left: 46%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 3000px;
height: 100%;
background: url(images/boost/bg-shape5.svg) no-repeat;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
#content.modular-page .learn-how.swooshes-anim .textual-content .yoobic-main-title {
margin-bottom: 16px;
}
#content.modular-page .learn-how.swooshes-anim .textual-content .intro-text {
max-width: 610px;
margin: 0 auto;
letter-spacing: 0.5px;
line-height: 1.8;
}
#content.modular-page .learn-how.swooshes-anim.row3 .swooshes-wrapper {
margin-top: 44px;
margin-left: -140px;
}
#content.modular-page .learn-how.swooshes-anim.row3 .swooshes-wrapper .swoosh-item {
display: inline-block;
margin: 0 30px;
padding-top: 49px;
}
#content.modular-page .learn-how.swooshes-anim .swooshes-wrapper .swoosh-item .icon {
top: 0;
}
#content.modular-page .learn-how.swooshes-anim .swooshes-wrapper .swoosh-item .item-text {
width: 60%;
}
/* #content.img-rec */
/* Stories Page */
#cover.stories {
height: 380px;
}
#cover.stories .ptable {
width: 100%;
height: 100%;
}
#cover.not-found .ptable {
width: 100%;
}
#cover.stories .ptable .ptd,
#cover.not-found .textual-content {
padding-top: 0;
padding-bottom: 70px;
}
#cover.stories .ptable .ptd .intro-text {
margin-top: 18px;
}
#cover.stories .animation {
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
#cover.stories .animation .main-vid {
width: 1540px;
height: auto;
margin-left: -30px;
}
#content.stories {
padding-top: 54px;
overflow: hidden;
}
#content .stories-slider-strip {
position: relative;
z-index: 2;
}
#content .stories-slider-strip .site-width {
width: 1478px;
}
#content .stories-slider-strip .logos-slider {
position: relative;
width: calc(100% + 10px);
height: 260px;
overflow: hidden;
padding: 0 5px;
}
#content .stories-slider-strip .logos-slider .slides {
position: absolute;
width: 9999px;
height: 100%;
padding-top: 30px;
-webkit-transform: translateX(0);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
display: block !important;
}
#content .stories-slider-strip .logos-slider .slides .slide {
position: relative;
float: left;
width: 214px;
height: 160px;
margin-right: 28px;
background: #fff;
border-radius: 20px;
-webkit-box-shadow: -0.2px 2px 14.4px 1.6px rgba(141, 141, 141, 0.13);
box-shadow: -0.2px 2px 14.4px 1.6px rgba(141, 141, 141, 0.13);
}
#content .stories-slider-strip .logos-slider .slides .slide .img-wrapper {
z-index: 2;
}
#content .stories-slider-strip .logos-slider .slides .slide .img-wrapper img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
#content .stories-slider-strip .logos-slider .slides .slide .active-bg {
opacity: 0;
margin-top: 10px;
}
#content .stories-slider-strip .logos-slider .slides .slide.active {
width: 266px;
}
#content .stories-slider-strip .logos-slider .slides .slide.active .img-wrapper img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
-webkit-transform: scale(1);
transform: scale(1);
}
#content .stories-slider-strip .logos-slider .slides .slide.active .active-bg {
opacity: 1;
}
#content .stories-slider-strip .controls .arrow {
top: -158px;
width: 10px;
height: 16px;
}
#content .stories-slider-strip .controls .arrow.arrow-prev {
left: -58px;
}
#content .stories-slider-strip .controls .arrow.arrow-next {
right: -58px;
}
#content .stories-slider-strip .content-slider {
margin-top: 70px;
}
#content .stories-slider-strip .content-slider .slides .slide {
position: absolute;
opacity: 0;
-webkit-transition: opacity .3s;
transition: opacity .3s;
}
#content .stories-slider-strip .content-slider .slides .slide .left-wrapper {
float: left;
width: 52.3%;
margin-top: 30px;
padding-left: 0.7%;
max-height: 670px;
overflow: hidden;
}
#content .stories-slider-strip .content-slider .slides .slide .left-wrapper .yoobic-vid {
position: relative;
}
#content .stories-slider-strip .content-slider .slides .slide .left-wrapper .yoobic-vid .thumb {
display: block;
border-radius: 26px;
max-width: 100%;
}
#content .stories-slider-strip .content-slider .slides .slide .left-wrapper .yoobic-vid .swoosh {
position: absolute;
right: 0;
bottom: 0;
width: 318px;
height: 375px;
background: url(images/swoosh2.png) no-repeat;
background-size: 100%;
}
#content .stories-slider-strip .content-slider .slides .slide .right-wrapper {
float: right;
width: 42%;
height: 470px;
padding-right: 6%;
overflow: auto;
}
#content .stories-slider-strip .content-slider .slides .slide .right-wrapper .entry-content h2 {
margin-bottom: 16px;
font-size: 34px;
font-weight: 700;
line-height: 1.38;
letter-spacing: -1.4px;
color: #20274f;
}
#content .stories-slider-strip .content-slider .slides .slide .right-wrapper .entry-content p {
margin-bottom: 12px;
font-family: lato, sans-serif;
font-size: 19px;
line-height: 1.65;
letter-spacing: 0;
color: rgba(31, 39, 80, 0.7);
}
#content .stories-slider-strip .content-slider .slides .slide .right-wrapper .entry-content blockquote {
max-width: 440px;
margin-top: 34px;
font-size: 17px;
letter-spacing: 0.9px;
}
#content .stories-slider-strip .content-slider .slides .slide .right-wrapper .entry-content cite {
display: inline-block;
font-family: lato, sans-serif;
font-size: 14px;
font-style: normal;
letter-spacing: 0.3px;
color: #20274f;
}
#content .stories-slider-strip .content-slider .slides .slide.active {
opacity: 1;
z-index: 2;
}
#content.stories .brands-strip {
margin-top: 50px;
padding-top: 90px;
}
#content.stories .brands-strip .bg-swoosh {
top: 56%;
}
#content.stories .footer-cta {
padding-top: 140px;
}
/* General */
.brands-strip {
position: relative;
margin-top: 80px;
margin-bottom: 150px;
padding-top: 60px;
text-align: center;
}
#careers .brands-strip {
margin-top: 180px;
}
#careers .brands-strip .brands-strip-bg {
background-color: #F9FAFD;
}
.brands-strip .bg-swoosh {
width: auto;
top: 50%;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
z-index: -1;
}
.brands-strip .bg-swoosh img {
display: block;
}
.brands-strip .bg-swoosh .bottom {
margin-top: -430px;
}
.brands-strip .yoobic-sec-title {
margin-bottom: 90px;
}
.brands-strip .brands-items {
padding: 0 120px;
}
.brands-strip .brands-items .item {
display: inline-block;
vertical-align: middle;
min-width: 130px;
margin: 0 50px 56px;
}
/* Operations Page */
#cover.operations {
height: 555px;
overflow: hidden;
}
#cover.operations .animation {
position: absolute;
top: 17px;
right: -108px;
}
#cover.operations .animation .main-vid {
margin-right: -2px;
}
#cover.operations .animation .tree-vid {
position: absolute;
bottom: 0;
left: 20px;
}
/* #cover.operations */
.vid-text-cols .vid-col {
float: left;
width: 66%;
-webkit-transform: translateX(-158px);
transform: translateX(-158px);
}
.vid-text-cols .vid-col .yvid {
margin-left: -2px;
}
.vid-text-cols .text-col {
float: right;
width: 31%;
margin-right: 3%;
}
.vid-text-cols .text-col .ptd {
padding-bottom: 175px;
}
.vid-text-cols .text-col .ptd .yoobic-sec-title {
margin-bottom: 14px;
}
.vid-text-cols .text-col .ptd .desc {
line-height: 1.75;
letter-spacing: 0.5px;
}
#content.operations {
overflow: hidden;
padding-top: 53px;
}
#content.operations .vid-text-cols .flex-wrapper,
#content .mod-left-video-right-text.vid-text-cols .flex-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#content.operations .vid-text-cols .text-col,
#content .mod-left-video-right-text.vid-text-cols .text-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#content.operations .yoobic-rows,
#content .mod-yoobic-rows {
z-index: 3;
padding: 75px 0 110px;
}
#content.operations .yoobic-rows .bg-swoosh,
#content .mod-yoobic-rows .bg-swoosh {
width: auto;
top: 10%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
right: auto;
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
}
#content.operations .yoobic-rows .bg-swoosh img,
#content .mod-yoobic-rows .bg-swoosh img {
display: block;
}
#content.operations .yoobic-rows .bg-swoosh img.bottom,
#content .mod-yoobic-rows .bg-swoosh img.bottom {
margin-top: -40px;
}
#content.operations .yoobic-rows .yoobic-main-title,
#content .mod-yoobic-rows .yoobic-main-title {
margin-bottom: 30px;
text-align: center;
}
#content.operations .yoobic-rows .yoobic-main-title+.what-row.vleft.vtablet .textual-content .ptd,
#content .mod-yoobic-rows .yoobic-main-title+.what-row.vleft.vtablet .textual-content .ptd {
padding-bottom: 70px;
}
#content.operations .yoobic-rows .what-row,
#content .mod-yoobic-rows .what-row {
margin-bottom: 5px;
}
#content.operations .yoobic-rows .what-row.vleft.vtablet,
#content .mod-yoobic-rows .what-row.vleft.vtablet {
margin-bottom: 116px;
}
#content.operations .yoobic-rows .what-row.vleft.vtablet .textual-content,
#content .mod-yoobic-rows .what-row.vleft.vtablet .textual-content {
position: relative;
z-index: 2;
margin-right: 2%;
padding-top: 0;
}
#content.operations .yoobic-rows .what-row.vleft.vtablet .textual-content .ptd .intro {
margin-bottom: 10px;
line-height: 1.8;
}
#content.operations .yoobic-rows .what-row.vleft.vtablet .visual-content,
#content .mod-yoobic-rows .what-row.vleft.vtablet .visual-content {
z-index: 2;
width: 57%;
-webkit-transform: translateY(40px) translateX(22px);
transform: translateY(40px) translateX(22px);
}
#content.operations .yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper,
#content .mod-yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper {
position: relative;
width: auto;
}
#content.operations .yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper:after,
#content .mod-yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper:after {
display: none;
}
#content.operations .yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper .bg-elements,
#content .mod-yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper .bg-elements {
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
}
#content.operations .yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper .bg-elements img:first-child,
#content .mod-yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper .bg-elements img:first-child {
position: absolute;
top: 50px;
left: -570px;
right: auto;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
#content.operations .yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper .bg-elements img:first-child+img,
#content .mod-yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper .bg-elements img:first-child+img {
position: absolute;
top: -110px;
right: -445px;
left: auto;
}
#content.operations .yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper>img,
#content .mod-yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper>img {
position: relative;
}
#content.operations .yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper>img:first-child,
#content.operations .yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper>.bg-elements+img,
#content .mod-yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper>img:first-child,
#content .mod-yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper>.bg-elements+img {
width: 748px;
height: auto;
}
#content.operations .yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper>img.screen-img,
#content .mod-yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper>img.screen-img {
position: absolute;
width: 680px;
height: auto;
}
#content.operations .yoobic-rows .what-row.vright .textual-content,
#content .mod-yoobic-rows .what-row.vright .textual-content {
width: 33.5%;
margin-left: 14.5%;
padding-top: 0;
}
#content.operations .yoobic-rows .what-row.vright .textual-content .ptd,
#content .mod-yoobic-rows .what-row.vright .textual-content .ptd {
padding-bottom: 34px;
}
#content.operations .yoobic-rows .what-row.vright .textual-content .ptd .intro,
#content .mod-yoobic-rows .what-row.vright .textual-content .ptd .intro {
margin-bottom: 4px;
line-height: 1.7;
}
#content.operations .yoobic-rows .what-row.vright .textual-content .ptd .intro p+p,
#content .mod-yoobic-rows .what-row.vright .textual-content .ptd .intro p+p {
margin-top: 20px;
}
#content.operations .yoobic-rows .what-row.vright .textual-content .ptd .yoobic-btn2+.yoobic-btn2,
#content .mod-yoobic-rows .what-row.vright .textual-content .ptd .yoobic-btn2+.yoobic-btn2 {
margin-left: 10px;
}
#content.operations .yoobic-rows .what-row.vright .visual-content,
#content .mod-yoobic-rows .what-row.vright .visual-content {
width: 46%;
}
#content.operations .yoobic-rows .what-row+.what-row+.what-row,
#content .mod-yoobic-rows .what-row+.what-row+.what-row {
-webkit-transform: none;
transform: none;
}
#content.operations .slider-and-stores,
#content .mod-general-slider.slider-and-stores {
position: relative;
z-index: 2;
padding-bottom: 166px;
background-position: bottom center;
background-repeat: no-repeat;
}
#content.operations .slider-and-stores .yoobic-slider-strip,
#content .mod-general-slider.slider-and-stores .yoobic-slider-strip {
position: relative;
z-index: 2;
margin-bottom: -100px;
}
#content #what-is-boost+.mod-general-slider.slider-and-stores {
z-index: 1;
}
#content.operations .slider-and-stores .bg,
#content .mod-general-slider.slider-and-stores .bg {
position: absolute;
width: 3000px;
height: 2085px;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: url(images/boost/bg-shape4.png) no-repeat bottom center;
}
#content.operations .slider-and-stores .stores .textual-content,
#content .mod-general-slider.slider-and-stores .stores .textual-content {
width: 29%;
height: 480px;
margin-left: 8%;
}
#content.operations .slider-and-stores .stores .textual-content .ptd,
#content .mod-general-slider.slider-and-stores .stores .textual-content .ptd {
padding-top: 90px;
}
#content.operations .quote-strip,
.mod-grey-swoosh {
position: relative;
height: 300px;
z-index: 1;
}
#content.operations .quote-strip .wrapper,
.mod-grey-swoosh .wrapper {
position: absolute;
top: -32px;
width: 100%;
height: 1423px;
overflow: hidden;
}
#content.operations .quote-strip .wrapper .bg-swoosh,
.mod-grey-swoosh .wrapper .bg-swoosh {
left: 55%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 3000px;
height: 100%;
background: url(images/boost/bg-shape5.svg) no-repeat;
}
#content.operations .quote-strip .quote-wrapper,
.mod-grey-swoosh .quote-wrapper {
max-width: 480px;
bottom: auto;
top: 30px;
left: 160px;
z-index: 2;
}
#content .vid-text-cols.mod-comm-strip {
padding-bottom: 100px;
}
#content .vid-text-cols.mod-comm-strip .site-width {
z-index: unset;
}
#content .vid-text-cols.mod-comm-strip .vid-col {
width: 48%;
-webkit-transform: none;
transform: none;
margin-left: 14.4%;
}
#content.operations .vid-text-cols.comm-strip .text-col,
#content .vid-text-cols.mod-comm-strip .text-col {
width: 27%;
margin-right: 0;
}
#content.operations .icons-strip {
padding: 117px 0;
}
#content.operations .icons-strip .icons-wrapper .icon .img-wrapper {
max-width: 98px;
direction: rtl;
}
#content.operations .icons-strip .icons-wrapper .icon .main .desc {
padding-right: 20px;
}
#content.operations .yoobic-learn-about {
padding: 110px 0 46px;
}
#content.operations .footer-cta {
padding-top: 110px;
}
/* Single Story */
#cover.single-story {
position: relative;
height: 514px;
}
#cover.single-story .overflow-wrapper {
position: absolute;
top: -121px;
height: 1130px;
width: 100vw;
max-width: 100%;
overflow: hidden;
}
#cover.single-story .overflow-wrapper .bg-img {
position: absolute;
height: 933px;
left: 0;
right: 0;
top: 0;
}
#cover.single-story .overflow-wrapper .bg-img .trnsf-center {
left: 42%;
}
#cover.single-story .textual-content {
top: 0;
-webkit-transform: none;
transform: none;
width: 100%;
padding-top: 90px;
}
#cover .careers .textual-content {
padding-top: 82px;
}
#cover.single-story .textual-content .intro-text {
max-width: 370px;
letter-spacing: 0.5px;
}
#cover.single-story .animation {
position: absolute;
top: -169px;
right: 205px;
float: none;
margin: 0;
}
#cover.about {
height: 495px;
}
#cover.about .ptable {
width: 100%;
height: 100%;
}
#cover.about .ptable .textual-content {
padding-top: 0;
padding-bottom: 40px;
}
#cover.about .ptable .textual-content .yoobic-main-title {
max-width: 600px;
margin: 16px auto 0;
}
#cover.about .textual-content .intro-text {
max-width: 420px;
}
#cover.about .lamp-vid {
position: absolute;
top: -121px;
left: 191px;
z-index: 1;
}
#cover.about .animation {
position: absolute;
left: 0;
right: 0;
height: 100%;
bottom: 0;
z-index: 1;
}
#cover.about .animation .main-vid {
position: absolute;
right: -117px;
left: auto;
bottom: 0;
-webkit-transform: none;
transform: none;
}
#cover.about .animation .left-img {
position: absolute;
bottom: 0;
left: 13px;
width: 480px;
height: auto;
}
#content.about {
overflow: hidden;
}
#content .about-top-strip {
margin-bottom: 70px;
padding-top: 258px;
}
#content .about-top-strip .wrapper {
position: absolute;
top: -20px;
width: 100%;
height: 1423px;
overflow: hidden;
background: #fff;
}
#content .about-top-strip .wrapper .bg-swoosh {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 3000px;
height: 100%;
background: url(images/about/about1.svg) no-repeat;
}
#content .about-top-strip .retail-wrapper {
max-width: 900px;
margin: 0 auto 165px;
text-align: center;
}
#content .about-top-strip .retail-wrapper .yoobic-sec-title {
margin-bottom: 11px;
}
#content .about-top-strip .retail-wrapper .ytxt {
font-size: 19px;
}
#content .about-top-strip .founders-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#content .about-top-strip .founders-wrapper .text-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 28.5%;
padding-bottom: 28px;
}
#content .about-top-strip .founders-wrapper .text-col:first-child {
max-width: 100%;
}
#content .about-top-strip .founders-wrapper .text-col .yoobic-sec-title {
margin-bottom: 16px;
}
#content .about-top-strip .founders-wrapper .text-col .ytxt {
font-size: 19px;
line-height: 1.7;
}
#content .about-top-strip .founders-wrapper .img-col {
max-width: 53%;
margin-left: auto;
margin-right: 4%;
}
#content .about-top-strip .founders-wrapper .img-col img {
display: block;
border-radius: 10px;
}
/* team strip */
#content .team-strip {
padding: 85px 0 150px;
text-align: center;
}
#content .team-strip .team-items {
margin: 97px 4% 0 -1%;
}
#content .team-strip .team-items .item {
float: left;
width: 27%;
margin-left: 6%;
margin-bottom: 50px;
}
#content .team-strip .team-items .item .visual-wrapper {
position: relative;
height: 450px;
}
#content .team-strip .team-items .item .visual-wrapper .bg-el {
position: absolute;
bottom: 0;
background-repeat: no-repeat;
}
#content .team-strip .team-items .item .visual-wrapper .bg-el.bg-opt1 {
width: 76px;
height: 82px;
right: 20px;
background-image: url(images/about/bg-el1.png);
}
#content .team-strip .team-items .item .visual-wrapper .bg-el.bg-opt2 {
width: 151px;
height: 201px;
top: 72px;
bottom: auto;
right: -18px;
background-image: url(images/about/bg-el2.png);
}
#content .team-strip .team-items .item .visual-wrapper .bg-el.bg-opt3 {
width: 79px;
height: 94px;
left: 10px;
z-index: 2;
background-image: url(images/about/bg-el3.png);
}
#content .team-strip .team-items .item .visual-wrapper .bg-el.bg-opt4 {
width: 375px;
height: 193px;
left: 30px;
top: 60px;
bottom: auto;
background-image: url(images/about/bg-el4.png);
}
#content .team-strip .team-items .item .visual-wrapper .bg-el.bg-opt5 {
width: 75px;
height: 257px;
left: 10px;
background-image: url(images/about/bg-el5.png);
}
#content .team-strip .team-items .item .visual-wrapper .bg-el.bg-opt6 {
width: 385px;
height: 128px;
left: 0;
bottom: 50px;
background-image: url(images/about/bg-el6.png);
}
#content .team-strip .team-items .item .visual-wrapper .member {
display: block;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
#content .team-strip .team-items .item .visual-wrapper:after {
content: "";
position: absolute;
bottom: 0;
left: -50px;
right: -50px;
height: 1px;
background: #20274f;
}
#content .team-strip .team-items .item .details {
padding: 29px 18px;
text-align: left;
}
#content .team-strip .team-items .item .details .linkedin-wrapper {
display: inline-block;
vertical-align: top;
}
#content .team-strip .team-items .item .details .name-and-position {
display: inline-block;
vertical-align: top;
margin-left: 12px;
}
#content .team-strip .team-items .item .details .name-and-position .name,
#content .team-strip .site-width .items-list div.item .visual-wrapper .name{
display: block;
font-size: 20.5px;
font-weight: bold;
line-height: 1;
letter-spacing: 0.8px;
color: #20274f;
}
#content .team-strip .team-items .item .details .name-and-position .position,
#content .team-strip .site-width .items-list div.item .visual-wrapper .position{
display: block;
font-family: lato, sans-serif;
font-size: 18px;
letter-spacing: -0.4px;
color: rgba(32, 39, 79, 0.7);
}
#content .team-strip .site-width .items-list div.item .visual-wrapper h3{
display: inline-block;
}
#content .team-strip .site-width .items-list div.item .visual-wrapper .name-and-position{
padding: 0 15px 15px;
}
#content .team-strip .site-width .items-list div.item .visual-wrapper .description{
margin-bottom: 10px;
display: block;
text-align: left;
font-family: Lato;
font-size: 19px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.53;
letter-spacing: normal;
color: rgba(31, 39, 80, 0.7);
}
/* team strip end */
#content .team-strip .site-width .items-list{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 40px 0 0;
}
#content .team-strip .site-width .items-list div.item {
width: 29%;
margin-left: 1.9%;
margin-right: 1.9%;
max-width: 425px;
margin-bottom: 60px;
position: relative;
vertical-align: top;
}
#content .team-strip .site-width .items-list div.item .inner-item {
position: relative;
height: auto;
border-radius: 12px;
-webkit-box-shadow: 0 8px 14px rgba(0, 0, 0, 0.2);
box-shadow: 0 8px 14px rgba(0, 0, 0, 0.2);
background-color: white;
}
#content .team-strip .site-width .items-list div.item .visual-wrapper {
display: block;
position: relative;
}
#content .team-strip .site-width .items-list div.item .visual-wrapper img.member {
max-width: 438px;
width: 100%;
border-top-right-radius: 12px;
border-top-left-radius: 12px;
max-height: 245px;
object-fit: contain;
}
#content .team-strip .site-width .items-list div.item .visual-wrapper .asset-name {
position: absolute;
left: 29px;
top: 18px;
}
#content .team-strip .site-width .items-list div.item .visual-wrapper span.swoosh {
position: absolute;
top: 0;
right: 0;
width: 221px;
height: 260px;
height: 100%;
background: url(images/swoosh.png) no-repeat;
background-size: 100%;
border-top-right-radius: 12px;
border-top-left-radius: 12px;
border-left: 1px solid transparent;
height: 245px;
}
#content .team-strip .items-list div.item .item-descr p{
padding-bottom: 5px;
font-size: 16px;
color: rgba(32, 39, 79, 0.8);
font-family: Lato;
letter-spacing: -0.32px;
line-height: 1.16;
opacity: 0.7;
}
#content .team-strip .site-width .items-list div.item .item-descr {
padding: 20px 40px 60px;
text-align: center;
}
#content .positions-strip {
position: relative;
margin: 152px 0;
text-align: center;
}
#content .positions-strip .bg-swoosh {
width: auto;
top: 20%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
right: auto;
}
#content .positions-strip .bg-swoosh img {
display: block;
}
#content .positions-strip .bg-swoosh .bottom {
margin-top: -212px;
}
#content .positions-strip .wrapper {
position: relative;
width: 715px;
max-width: 100%;
margin: 0 auto;
}
#content .positions-strip .wrapper .bg-el {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#content .positions-strip .wrapper .yoobic-sec-title {
margin: 0 124px 10px;
letter-spacing: -2px;
}
#content .yoobic-learn-about.investors-blocks {
padding: 150px 0 108px;
}
#content .yoobic-learn-about.investors-blocks .yoobic-main-title {
margin-bottom: 13px;
}
#content .yoobic-learn-about.investors-blocks .intro-text {
max-width: 780px;
margin: 0 auto;
}
#content .yoobic-learn-about.investors-blocks .learn-items {
margin-top: 105px;
}
#content .yoobic-learn-about.investors-blocks .learn-items .item .text-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
padding: 10px 70px 70px 30px;
}
#content .yoobic-learn-about.investors-blocks .learn-items .item .logo-wrapper {
opacity: 1;
-webkit-transition: opacity .3s;
transition: opacity .3s;
}
#content .yoobic-learn-about.investors-blocks .learn-items .item:hover .logo-wrapper {
opacity: 0;
}
#content.about .footer-cta .yoobic-btn1 {
width: 213px;
}
#content.single-story {
padding-top: 100px;
}
#content.single-story .vid-text-cols {
padding-top: 115px;
padding-bottom: 100px;
}
#content.single-story .vid-text-cols .flex-wrapper,
#content .mod-video-text-use-case.vid-text-cols .flex-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
align-items: center;
}
#content .mod-video-text-use-case.vid-text-cols .flex-wrapper.text-left {
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
#content .mod-video-text-use-case.vid-text-cols .flex-wrapper .yvid {
max-width: 50%;
height: auto;
}
#content.single-story .vid-text-cols .text-col,
#content .mod-video-text-use-case.vid-text-cols .text-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 25.3%;
margin-right: 11%;
padding-bottom: 10px;
}
#content .mod-video-text-use-case.vid-text-cols .text-col {
width: 31%;
}
#content .mod-video-text-use-case.vid-text-cols .flex-wrapper.text-left .text-col {
margin-right: 0;
margin-left: 11%;
}
#content.single-story .vid-text-cols .text-col .yoobic-sec-title,
#content .mod-video-text-use-case.vid-text-cols .text-col .yoobic-sec-title {
margin-bottom: 16px;
}
#content.single-story .vid-text-cols .text-col .desc,
#content .mod-video-text-use-case.vid-text-cols .text-col .desc {
font-size: 19px;
}
#content.single-story .vid-text-cols .vid-col,
#content .mod-video-text-use-case.vid-text-cols .vid-col {
width: 60%;
-webkit-transform: none;
transform: none;
}
#content.single-story .vid-text-cols .vid-col .yvid,
#content .mod-video-text-use-case.vid-text-cols .vid-col .yvid {
margin-left: 4.5%;
}
#content.single-story .story-rows .story-row,
#content .mod-story-rows.story-rows .story-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 82.5%;
margin: 0 auto 120px;
padding-left: 5%;
}
#content.single-story .story-rows .story-row.vright,
#content .mod-story-rows.story-rows .story-row.vright {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
#content.single-story .story-rows .story-row.vright .textual-content,
#content .mod-story-rows.story-rows .story-row.vright .textual-content {
width: 39%;
}
#content.single-story .story-rows .story-row.vright .textual-content .yoobic-sec-title,
#content .mod-story-rows.story-rows .story-row.vright .textual-content .yoobic-sec-title {
margin-bottom: 10px;
}
#content.single-story .story-rows .story-row.vright .textual-content .intro-text,
#content .mod-story-rows.story-rows .story-row.vright .textual-content .intro-text {
line-height: 1.8;
letter-spacing: 0.4px;
}
#content.single-story .story-rows .story-row.vright .visual-content,
#content .mod-story-rows.story-rows .story-row.vright .visual-content {
width: 38.5%;
margin-left: auto;
}
#content.single-story .story-rows .story-row.vleft,
#content .mod-story-rows.story-rows .story-row.vleft {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
#content.single-story .story-rows .story-row.vleft .textual-content,
#content .mod-story-rows.story-rows .story-row.vleft .textual-content {
width: 39.5%;
}
#content.single-story .story-rows .story-row.vleft .textual-content .ptable,
#content .mod-story-rows.story-rows .story-row.vleft .textual-content .ptable {
max-width: 410px;
height: 100%;
}
#content.single-story .story-rows .story-row.vleft .textual-content .ptable .ptd,
#content .mod-story-rows.story-rows .story-row.vleft .textual-content .ptable .ptd {
padding-bottom: 20px;
}
#content.single-story .story-rows .story-row.vleft .textual-content .ptable .ptd .yoobic-sec-title,
#content .mod-story-rows.story-rows .story-row.vleft .textual-content .ptable .ptd .yoobic-sec-title {
margin-bottom: 10px;
}
#content.single-story .story-rows .story-row.vleft .textual-content .ptable .ptd .intro-text,
#content .mod-story-rows.story-rows .story-row.vleft .textual-content .ptable .ptd .intro-text {
line-height: 1.8;
letter-spacing: 0.4px;
}
#content.single-story .story-rows .story-row.vleft .visual-content,
#content .mod-story-rows.story-rows .story-row.vleft .visual-content {
width: 38.5%;
margin-right: auto;
}
#content.single-story .story-rows .story-row .textual-content,
#content .mod-story-rows.story-rows .story-row .textual-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 20px;
}
#content.single-story .story-rows .story-row .visual-contentת #content .mod-story-rows.story-rows .story-row .visual-content {
position: relative;
}
#content.single-story .story-rows .story-row .visual-content .img-wrapper,
#content .mod-story-rows.story-rows .story-row .visual-content .img-wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#content.single-story .story-rows .story-row .visual-content .img-wrapper>img,
#content .mod-story-rows.story-rows .story-row .visual-content .img-wrapper>img {
display: block;
width: 100%;
height: auto;
border-radius: 10px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
#content.single-story .story-rows .story-row .visual-content .swoosh,
#content .mod-story-rows.story-rows .story-row .visual-content .swoosh {
position: absolute;
right: 0;
bottom: 0;
width: 221px;
height: 254px;
background: url(images/swoosh2.png) no-repeat;
background-size: 100%;
}
#content.single-story .accordion-strip,
#content .mod-acc2 {
overflow: hidden;
}
#content.single-story .accordion-strip .yoobic-main-title,
#content .mod-acc2 .yoobic-main-title {
margin-bottom: 145px;
text-align: center;
}
#content.single-story .accordion-strip .acc-col,
#content .mod-acc2 .acc-col {
margin-left: 8%;
}
#content.single-story .accordion-strip .phone-col,
#content .mod-acc2 .phone-col {
float: right;
width: 44%;
margin-top: -48px;
}
#content.single-story .accordion-strip .phone-col .phone-slides .slide .device-wrapper,
#content .mod-acc2 .phone-col .phone-slides .slide .device-wrapper {
position: relative;
}
#content.single-story .accordion-strip .phone-col .phone-slides .slide .device-wrapper.phone,
#content .mod-acc2 .phone-col .phone-slides .slide .device-wrapper.phone {
width: 410px;
height: 611px;
background-image: url(images/story/story-phone.png);
}
#content.single-story .accordion-strip .phone-col .phone-slides .slide .device-wrapper.phone img,
#content .mod-acc2 .phone-col .phone-slides .slide .device-wrapper.phone img {
position: relative;
top: 95px;
left: 42px;
}
#content .mod-acc2 .phone-col .phone-slides .slide .device-wrapper.phone img {
width: 238px;
height: 423px;
}
#content.single-story .accordion-strip .phone-col .phone-slides .slide .device-wrapper.laptop,
#content .mod-acc2 .phone-col .phone-slides .slide .device-wrapper.laptop {
top: 47px;
left: -17px;
width: 897px;
height: 565px;
background-image: url(images/story/story-laptop.png);
}
#content.single-story .accordion-strip .phone-col .phone-slides .slide .device-wrapper.laptop img,
#content .mod-acc2 .phone-col .phone-slides .slide .device-wrapper.laptop img {
position: relative;
top: 27px;
left: 118px;
}
#content.single-story .accordion-strip .phone-col .phone-slides .slide .device-wrapper.phone img[src*="@2x"],
#content.single-story .accordion-strip .phone-col .phone-slides .slide .device-wrapper.laptop img[src*="@2x"],
#content .mod-acc2 .phone-col .phone-slides .slide .device-wrapper.phone img[src*="@2x"],
#content .mod-acc2 .phone-col .phone-slides .slide .device-wrapper.laptop img[src*="@2x"] {
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: top left;
transform-origin: top left;
}
#content.single-story .checkout,
#content .mod-title-link-anim {
margin-top: 68px;
padding-bottom: 100px;
text-align: center;
}
#content.single-story .checkout .vid-col,
#content .mod-title-link-anim .vid-col {
display: inline-block;
vertical-align: middle;
}
#content.single-story .checkout .text-col,
#content .mod-title-link-anim .text-col {
position: relative;
display: inline-block;
vertical-align: middle;
margin-right: 200px;
margin-left: -22px;
padding-bottom: 91px;
}
#content .mod-title-link-anim .text-col.text-only {
margin-right: 0;
padding-bottom: 0;
}
#content.operations .yoobic-slider-strip,
#content.single-story .yoobic-slider-strip,
#content .mod-use-slider.yoobic-slider-strip {
padding-top: 38px;
}
#cover.single-story + #content .mod-use-slider.yoobic-slider-strip {
padding-top: 40px;
}
#cover.single-story + #content .mod-use-slider.yoobic-slider-strip:first-child {
padding-top: 100px;
}
#content.operations .yoobic-slider-strip .dots,
#content.single-story .yoobic-slider-strip .dots {
bottom: 180px;
}
#content.careers .team-slider .yoobic-slider-strip .dots {
bottom: 120px;
}
#content.single-story .yoobic-slider-strip>.site-width,
#content .mod-use-slider.yoobic-slider-strip>.site-width {
width: 1630px;
}
#content.single-story .yoobic-slider-strip .yoobic-main-title,
#content .mod-use-slider.yoobic-slider-strip .yoobic-main-title {
max-width: 600px;
margin: 0 auto 9px;
}
#content.single-story .yoobic-slider-strip .intro-text,
#content .mod-use-slider.yoobic-slider-strip .intro-text {
max-width: 640px;
margin: 0 auto;
font-size: 19px;
text-align: center;
}
#content.single-story .yoobic-slider-strip .slider-wrapper,
#content .mod-use-slider.yoobic-slider-strip .slider-wrapper {
margin-top: 81px;
}
#content.single-story .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper,
#content .mod-use-slider.yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper {
margin-top: 66px;
text-align: center;
}
#content.single-story .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper .swoosh-item,
#content .mod-use-slider.yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper .swoosh-item {
position: relative;
display: inline-block;
height: 305px;
}
#content.single-story .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper .swoosh-item .icon,
#content .mod-use-slider.yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper .swoosh-item .icon {
margin-right: -15px;
text-align: right;
}
#content.single-story .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper .swoosh-item .swoosh-vid,
#content .mod-use-slider.yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper .swoosh-item .swoosh-vid {
width: 241px;
-webkit-transform: scaleY(1.2);
transform: scaleY(1.2);
-webkit-transform-origin: top center;
transform-origin: top center;
}
#content.single-story .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper .swoosh-item .item-text,
#content .mod-use-slider.yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper .swoosh-item .item-text {
position: absolute;
bottom: 19px;
left: 70%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 50%;
font-weight: bold;
text-align: center;
line-height: 1.3;
color: #fff;
}
#content.single-story .icons-strip {
margin: 71px 0 140px;
}
#content.single-story .icons-strip .icons-wrapper {
margin: 0 0 0 100px;
}
#content.single-story .footer-cta {
padding-top: 61px;
}
.icons-strip .yoobic-main-title {
margin: 30px 0 40px;
text-align: center;
}
/* General */
#cover .hbspt-form .hs-form-field label,
#content .hbspt-form .hs-form-field label {
font-family: lato, sans-serif;
font-size: 18px;
font-weight: normal;
color: rgba(32, 39, 79, 0.7);
}
#cover .hbspt-form .hs-form-field .hs-error-msgs label,
#content .hbspt-form .hs-form-field .hs-error-msgs label {
font-size: 15px;
letter-spacing: 0;
}
#cover .hbspt-form .hs-custom-style fieldset input:not([type="image"]):not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]),
#cover .hbspt-form .hs-custom-style>div input:not([type="image"]):not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]),
#content .hbspt-form .hs-custom-style fieldset input:not([type="image"]):not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]),
#content .hbspt-form .hs-custom-style>div input:not([type="image"]):not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]) {
width: 100%;
height: 43px;
}
#cover .hbspt-form input.hs-input,
#cover .hbspt-form textarea.hs-input,
#cover .hbspt-form select.hs-input,
#content .hbspt-form input.hs-input,
#content .hbspt-form textarea.hs-input,
#content .hbspt-form select.hs-input {
font-family: lato, sans-serif;
font-size: 18px;
color: rgba(32, 39, 79, 0.7);
border-radius: 0;
}
#cover .hbspt-form textarea,
#content .hbspt-form textarea {
width: calc(100% - 8px);
}
#cover .hbspt-form input.hs-button,
#content .hbspt-form input.hs-button {
display: inline-block;
width: 212px;
height: 38px;
padding: 12px 10px;
font-family: GothamProForWebsite, sans-serif;
font-weight: 400;
font-size: 16.5px;
text-align: center;
letter-spacing: -0.3px;
color: #20274f;
text-decoration: none;
background: #ffdd05;
border: none;
border-radius: 4px;
-webkit-box-shadow: 0px 13px 14.4px 1.6px rgba(141, 141, 141, 0.13);
box-shadow: 0px 13px 14.4px 1.6px rgba(141, 141, 141, 0.13);
text-shadow: none;
text-transform: uppercase;
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-box-shadow 0.5s linear;
transition: -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-box-shadow 0.5s linear;
transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55), box-shadow 0.5s linear;
transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55), box-shadow 0.5s linear, -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-box-shadow 0.5s linear;
}
#cover .hbspt-form input.hs-button:hover,
#content .hbspt-form input.hs-button:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#cover .hbspt-form .hs-submit>.actions,
#content .hbspt-form .hs-submit>.actions {
margin-left: 0;
text-align: center;
}
#page-wrapper.contact {
overflow: hidden;
}
#cover.contact {
height: auto;
padding-bottom: 130px;
}
#cover.contact .form-wrapper {
margin-top: 23px;
}
#cover.contact .form-wrapper .bg-elements {
position: absolute;
top: 0;
left: 50%;
height: 100%;
width: 0;
}
#cover.contact .form-wrapper .bg-elements img:first-child {
position: absolute;
bottom: 70px;
left: -447px;
}
#cover.contact .form-wrapper .bg-elements img:first-child+img {
position: absolute;
top: 150px;
left: 264px;
}
#cover.contact .form-wrapper .form {
position: relative;
width: 610px;
max-width: 100%;
margin: 0 auto;
padding: 55px 60px 20px;
text-align: center;
background: #fff;
-webkit-box-shadow: 0 0 17.6px 0.4px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 17.6px 0.4px rgba(0, 0, 0, 0.05);
}
#cover.contact .form-wrapper .form .yoobic-main-title {
margin-bottom: 16px;
}
#cover.contact .form-wrapper .form .intro-text {
padding: 0 40px;
}
#cover.contact .form-wrapper .form .hbspt-form {
position: relative;
z-index: 2;
margin-top: 16px;
}
#content.contact {
padding-top: 32px;
}
#content.contact .offices {
position: relative;
padding-bottom: 100px;
text-align: center;
}
#content.contact .offices .bg-elements img {
position: absolute;
}
#content.contact .offices .bg-elements img:first-child {
bottom: 130px;
left: -110px;
}
#content.contact .offices .bg-elements img:first-child+img {
bottom: 118px;
right: 61px;
}
/*#content.contact .offices .bg-swoosh {
width: auto;
top: 51%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
right: auto;
}
#content.contact .offices .bg-swoosh .bottom {
margin-top: 210px;
}
#content.contact .offices:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: -5px;
bottom: 60px;
background: #f9fafd;
}*/
#content.contact .offices .yoobic-sec-title {
-webkit-transform: translateY(-47px);
transform: translateY(-47px);
}
#content.contact .offices .items {
margin: 0 -3%;
}
#content.contact .offices .items .item {
display: inline-block;
vertical-align: top;
width: 428px;
height: 435px;
margin: 0 2.4% 40px;
border-radius: 10px;
background: #fff;
-webkit-box-shadow: 0px 7px 6.5px 0.5px rgba(0, 0, 0, 0.08);
box-shadow: 0px 7px 6.5px 0.5px rgba(0, 0, 0, 0.08);
}
#content.contact .offices .items .item .text-wrapper {
height: 245px;
padding: 32px 20px 20px;
}
#content.contact .offices .items .item .text-wrapper .item-title {
margin-bottom: 21px;
font-size: 22px;
font-weight: bold;
letter-spacing: -0.9px;
color: #20274f;
}
#content.contact .offices .items .item .text-wrapper .details {
font-size: 19px;
}
#content.contact .offices .items .item .text-wrapper .details p+p {
margin-top: 16px;
}
#content.contact .offices .items .item .visual-wrapper {
position: relative;
}
#content.contact .offices .items .item .visual-wrapper img {
display: block;
}
#content.contact .offices .items .item .visual-wrapper .swoosh {
position: absolute;
width: 158px;
height: 137px;
bottom: 0;
right: 0;
background: url(images/contact/map-swoosh.png) no-repeat;
background-size: 100%;
}
#content.contact .footer-cta {
padding-top: 212px;
}
#page-wrapper.demo {
overflow: hidden;
}
#cover.demo {
height: 304px;
text-align: center;
}
#cover.demo .ptable {
width: 100%;
height: 100%;
}
#cover.demo .ptable .textual-content {
padding-bottom: 60px;
}
#cover.demo .cover-img {
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin-left: -10%;
}
#content.demo .form-strip {
position: relative;
}
#content.demo .form-strip .bg-swoosh {
top: 37%;
left: 50%;
width: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
#content.demo .hbspt-form {
margin-top: 24px;
}
#content.demo .hbspt-form fieldset {
margin-bottom: 8px;
}
#content.demo .hbspt-form .hs-input {
width: 100%;
padding: 6px 12px;
border: solid 1px #20274f;
}
#content.demo .hbspt-form .hs-submit {
margin-top: 20px;
}
#content.demo .hbspt-form .hs-submit input.hs-button {
height: 54px;
}
#content.demo .form-strip {
padding: 34px 0;
}
#content.demo .form-strip .site-width {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 0 3.7%;
}
#content.demo .form-strip .form-col {
width: 47.8%;
padding: 43px 59px 67px;
background: #fff;
border-radius: 10px;
-webkit-box-shadow: 0 0 17.6px 0.4px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 17.6px 0.4px rgba(0, 0, 0, 0.05);
}
#content.demo .form-strip .form-col .yoobic-sec-title {
margin: 0 11px;
text-align: center;
}
#content.demo .form-strip .text-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 29.5%;
margin-left: 9%;
padding-bottom: 96px;
font-family: lato, sans-serif;
font-size: 19px;
letter-spacing: 0;
color: rgba(31, 39, 80, 0.7);
}
#content.demo .form-strip .text-col p {
margin-bottom: 20px;
}
#content.demo .form-strip .text-col ul {
margin-left: 20px;
}
#content.demo .form-strip .text-col ul li {
position: relative;
}
#content.demo .form-strip .text-col ul li:before {
content: "";
position: absolute;
top: 12px;
left: -20px;
width: 8px;
height: 8px;
border-radius: 50%;
background: rgba(32, 39, 79, 0.8);
}
#content.demo .form-strip .text-col ul li+li {
margin-top: 20px;
}
#content.demo .brands-strip {
margin-top: 0;
margin-bottom: 0;
padding-top: 72px;
}
#content.demo .brands-strip .site-width {
padding-bottom: 91px;
border-bottom: 1px solid rgba(32, 39, 79, 0.5);
}
#content.demo .brands-strip .brands-items .item {
min-width: 128px;
margin: 0 52px 56px;
}
#cover.thanku {
height: 375px;
}
#cover.thanku .bg-img {
position: absolute;
left: 0;
right: 0;
bottom: 0;
text-align: center;
}
#cover.thanku .ptable {
width: 100%;
height: 100%;
}
#cover.thanku .ptable .textual-content {
padding-top: 0;
padding-bottom: 90px;
}
#content.thanku {
overflow: hidden;
padding-top: 110px;
}
#content.thanku .yoobic-slider-strip .site-width {
width: 1630px;
}
#content.thanku .yoobic-slider-strip .yoobic-sec-title {
margin-bottom: 56px;
text-align: center;
}
#content.thanku .yoobic-slider-strip .controls {
z-index: 2;
}
#content.thanku .yoobic-slider-strip .dots {
z-index: 2;
bottom: 200px;
}
#content.thanku .yoobic-slider-strip .yoobic-slider .slides .slide .right-wrapper .slide-quote blockquote {
max-width: 420px;
}
#content.thanku .insights-strip {
position: relative;
padding-bottom: 200px;
text-align: center;
}
#content.thanku .insights-strip .bg-swoosh {
top: 50%;
left: 50%;
width: auto;
-webkit-transform: translateX(-50%) translateY(calc(-50% + 100px));
transform: translateX(-50%) translateY(calc(-50% + 100px));
z-index: -200;
}
#content.thanku .insights-strip .yoobic-sec-title {
width: 560px;
margin: 0 auto 56px;
}
#content.thanku .insights-strip .items {
margin-left: -3%;
margin-right: -3%;
}
#content.thanku .insights-strip .items .item {
position: relative;
float: left;
width: 429px;
height: 535px;
margin: 0 2.5%;
border-radius: 10px;
background: #fff;
-webkit-box-shadow: 0px 7px 6.5px 0.5px rgba(0, 0, 0, 0.08);
box-shadow: 0px 7px 6.5px 0.5px rgba(0, 0, 0, 0.08);
}
#content.thanku .insights-strip .items .item .visual-wrapper {
position: relative;
height: 247px;
overflow: hidden;
}
#content.thanku .insights-strip .items .item .visual-wrapper .swoosh {
position: absolute;
bottom: -3px;
right: -3px;
width: 214px;
height: 237px;
background: url(images/swoosh.png) no-repeat;
background-size: 214px 237px;
}
#content.thanku .insights-strip .items .item .text-wrapper {
padding: 31px 46px;
}
#content.thanku .insights-strip .items .item .text-wrapper .item-title {
font-size: 22px;
font-weight: 700;
line-height: 1.4;
letter-spacing: -0.9px;
color: #20274f;
}
#content.thanku .insights-strip .items .item .text-wrapper .item-date {
margin-bottom: 16px;
font-family: lato, sans-serif;
font-size: 16px;
letter-spacing: -0.3px;
color: rgba(32, 39, 79, 0.7);
}
#content.thanku .insights-strip .items .item .text-wrapper .desc {
font-family: lato, sans-serif;
font-size: 19px;
letter-spacing: 0;
color: rgba(32, 39, 79, 0.7);
}
#content.thanku .insights-strip .items .item .text-wrapper .yoobic-btn2 {
position: absolute;
bottom: 44px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
#content.thanku .footer-cta {
padding-top: 160px;
}
#content .footer-cta {
position: relative;
z-index: 2;
width: 100%;
overflow: hidden;
padding-top: 30px;
text-align: center;
}
#content.modular-page+.footer-cta {
margin-top: 110px;
}
#content .footer-cta .yoobic-main-title {
margin-bottom: 26px;
}
#content .footer-cta .yoobic-btn1 {
margin-bottom: 107px;
padding: 16px 30px;
}
#content .footer-cta .hbspt-form {
width: 370px;
margin: 50px auto 90px;
}
#content .footer-cta .hbspt-form .hs-form:after {
content: "";
display: block;
clear: both;
}
#content .footer-cta .hbspt-form .field {
position: relative;
float: left;
width: 253px;
}
#content .footer-cta .hbspt-form .field label {
position: absolute;
bottom: 100%;
margin-bottom: 6px;
}
#content .footer-cta .hbspt-form .field .hs-input {
height: 56px !important;
}
#content .footer-cta .hbspt-form .hs_submit {
float: left;
width: 117px;
}
#content .footer-cta .hbspt-form .hs_submit .actions {
padding: 0;
margin: 0;
}
#content .footer-cta .hbspt-form .hs_submit .actions input[type="submit"] {
width: 100%;
height: 56px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 0;
}
#footer {
padding: 70px 0 50px;
}
#footer .wrapper {
padding: 0 56px 0 36px;
}
#footer .wrapper #menu-footer-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
float: left;
width: 86%;
}
#footer .wrapper #menu-footer-menu>li {
min-width: 65px;
color: rgba(32, 39, 79, 0.85);
}
#footer .wrapper #menu-footer-menu>li a {
font-size: 15px;
letter-spacing: -0.3px;
color: inherit;
-webkit-transition: color .3s;
transition: color .3s;
}
#footer .wrapper #menu-footer-menu>li>a {
font-size: 17.5px;
font-weight: 700;
letter-spacing: -0.5px;
}
#footer .wrapper #menu-footer-menu>li .sub-menu {
margin-top: 20px;
font-family: lato, sans-serif;
font-size: 15px;
line-height: 1.8;
}
#footer .wrapper #menu-footer-menu>li .sub-menu a:hover {
color: #6992fc;
}
#footer .wrapper .social {
float: right;
margin-top: 7px;
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
#footer .wrapper .social .yoobic-btn1 {
width: 173px;
padding: 13px 20px;
font-size: 13.5px;
}
#footer .wrapper .social .mobile-only {
margin-bottom: 10px;
text-align: center;
font-size: 15px;
font-weight: 700;
color: #20274f;
}
#footer .wrapper .social .social-icons {
margin-top: 43px;
}
#footer .wrapper .social .social-icons li {
float: left;
margin-left: 9px;
}
#footer .wrapper .social .social-icons li:first-child {
margin-left: 0;
}
#footer .wrapper .social .social-icons li a {
position: relative;
display: block;
width: 38px;
height: 38px;
}
#footer .wrapper .social .social-icons li a img {
position: absolute;
top: 0;
left: 0;
width: 100%;
-webkit-transition: opacity .15s ease-in-out;
transition: opacity .15s ease-in-out;
}
#footer .wrapper .social .social-icons li a img+img {
opacity: 0;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
#footer .wrapper .social .social-icons li a:hover img:first-child {
opacity: 0;
-webkit-transition: opacity .15s ease-in-out .15s;
transition: opacity .15s ease-in-out .15s;
}
#footer .wrapper .social .social-icons li a:hover img+img {
opacity: 1;
}
/* ######## yoobic 2.0 alina ########## */
#content .cards-strip .site-width {
width: 1490px;
}
#content .cards-strip .site-width .items-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
#content .cards-strip .site-width .items-list div.item {
position: relative;
display: inline-block;
vertical-align: top;
}
#content .cards-strip .site-width .items-list div.item {
/* margin-left: 4.3%; */
margin-left: 1.45%;
margin-right: 1.45%;
margin-bottom: 60px;
}
#content.resources .cards-strip .site-width .items-list div.item {
margin-left: 1.95%;
margin-right: 1.95%;
}
#content.resources .cards-strip .site-width .items-list div.item,
#content.events .cards-strip .site-width .items-list div.item,
#content.news .cards-strip .site-width .items-list div.item {
display: none;
}
#content.events .past-events .cards-strip .site-width .items-list div.item {
display: block;
}
#loadMore {
transition: all 600ms ease-in-out;
-webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
}
#content .cards-strip .site-width .items-list div.item .inner-item {
position: relative;
height: auto;
border-radius: 12px;
-webkit-box-shadow: 0 8px 14px rgba(0, 0, 0, 0.2);
box-shadow: 0 8px 14px rgba(0, 0, 0, 0.2);
background-color: white;
}
#content .cards-strip .site-width .items-list div.item .item-image {
position: relative;
}
#content.resources .cards-strip .site-width .items-list div.item .item-image {
display: block;
height: 245px;
}
#content .cards-strip .site-width .items-list div.item .item-image img.img {
max-width: 438px;
width: 100%;
border-top-right-radius: 12px;
border-top-left-radius: 12px;
max-height: 245px;
}
#content .cards-strip .site-width .items-list div.item .item-image .asset-name {
position: absolute;
left: 29px;
top: 18px;
}
#content .cards-strip .site-width .items-list div.item .item-image .asset-name span {
display: block;
font-size: 15px;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: -0.5px;
text-align: left;
color: #ffffff;
font-weight: 400;
}
#content .cards-strip .site-width .items-list div.item .item-image .asset-name span b {
font-weight: 700;
}
#content .cards-strip .site-width .items-list div.item .item-image .asset-name img {
width: 92px;
height: 22px;
}
#cover.full-width .center {
display: block;
margin: 0 auto;
}
#content.news .cards-strip .site-width .items-list div.item .item-image span.white-bg {
width: 100%;
height: 140px;
background-color: white;
}
#content .cards-strip .site-width .items-list div.item .item-image span.swoosh a {
position: absolute;
bottom: 0;
right: 0;
}
#content .cards-strip .items-list div.item .item-descr .cont-name {
padding-bottom: 5px;
font-size: 16px;
color: rgba(32, 39, 79, 0.8);
font-family: Lato;
letter-spacing: -0.32px;
line-height: 1.16;
opacity: 0.7;
}
#content .active-card .item-descr .cont-name {
font-size: 18px;
font-weight: 700;
color: #20274f;
margin-top: 12px;
}
#content .cards-strip .items-list div.item .item-descr .cont-title,
#content .active-card .item-descr .cont-title {
font-size: 22px;
color: #20274f;
font-weight: 700;
font-weight: bold;
letter-spacing: -0.88px;
}
#content.resources .cards-strip .items-list div.item .item-descr .cont-title {
font-size: 20px;
}
#content .cards-strip .items-list div.item .item-descr .cont-description,
#content .active-card .item-descr .cont-description {
margin-top: 10px;
opacity: 0.7;
font-family: Lato;
font-size: 19px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.53;
letter-spacing: normal;
color: rgba(31, 39, 80, 0.7);
}
#content.resources .cards-strip .items-list div.item .item-descr .cont-description {
font-size: 16px;
}
/* footers */
#content.events .footer-centered .yoobic-main-title,
.footer-centered {
text-align: center;
}
/* resources page */
#confetti-resources-01 {
top: -194px;
left: 388px;
}
#confetti-resources-02 {
top: -18px;
left: -457px;
}
#confetti-resources-03 {
top: -306px;
left: 480px;
}
#confetti-resources-04 {
top: -307px;
left: -620px;
}
#confetti-resources-05 {
top: -69px;
left: -765px;
}
#confetti-resources-06 {
top: -288px;
left: -320px;
}
#confetti-resources-07 {
top: -186px;
left: 242px;
}
#confetti-resources-08 {
top: -3px;
left: 623px;
}
/* #confetti-cresources-09 {
top: -96px;
left: -463px;
} */
#confetti-resources-10 {
top: -130px;
left: -413px;
}
#confetti-resources-11 {
top: -93px;
left: -22px;
}
#confetti-resources-12 {
top: -197px;
left: -619px;
}
#confetti-resources-13 {
top: -289px;
left: 197px;
}
#confetti-resources-14 {
top: -81px;
left: 456px;
}
#cover.resources {
height: 265px;
}
#cover.resources .ptable .ptd,
#cover.events .ptable .ptd,
#cover.news .ptable .ptd {
padding-top: 80px;
/* padding-top: 4vw; */
padding-bottom: 0px;
display: block;
max-width: 600px;
margin: 0 auto;
}
/* #content.news, */
/* #content.resources, */
.pop-up.hidden {
display: none;
}
.pop-up.hidden.open {
display: block;
}
.pop-up {
position: fixed;
top: 15%;
left: 50%;
right: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 100;
background-color: white;
border-radius: 12px;
-webkit-box-shadow: 0 8px 14px rgba(0, 0, 0, 0.2);
box-shadow: 0 8px 14px rgba(0, 0, 0, 0.2);
width: 680px;
height: auto;
}
.pop-up .inner-block {
padding: 100px 90px 50px;
position: relative;
}
.pop-up .inner-block .exit {
position: absolute;
right: 40px;
top: 20px;
color: black;
}
.pop-up .inner-block .confetti-wrapper {
position: absolute;
right: 50px;
top: 20px;
left: auto;
}
#confetti-popup-01 {
top: 0;
right: 98px;
}
#confetti-popup-02 {
top: 10px;
right: 145px;
}
#confetti-popup-03 {
top: 60px;
right: 140px;
}
.pop-up .inner-block .bg-image {
position: absolute;
left: 40px;
bottom: 71px;
}
.pop-up .inner-block .title {
font-size: 22px;
font-weight: 700;
line-height: 1.36;
letter-spacing: -0.88px;
text-align: center;
color: #1f2750;
padding: 10px 20px;
}
.pop-up .inner-block form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 500px;
width: 100%;
margin: 0 auto;
}
.pop-up input.hs-input,
.pop-up select.hs-input {
height: 47px;
}
.pop-up select.hs-input {
margin-bottom: 27px;
}
.pop-up form.hs-form fieldset.form-columns-2 {
/* max-width: 100%;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between; */
width: 100%;
}
.pop-up form.hs-form fieldset.form-columns-1 {
width: 100%;
}
#content .pop-up .hbspt-form input.hs-button {
height: 47px;
}
.pop-up .hs_submit {
display: block;
margin: 20px 0 0;
}
/* .pop-up .inner-block form .col-form-label {
padding-top: calc(.375rem + 1px);
padding-bottom: calc(.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5;
position: absolute;
}
.pop-up .inner-block form .form-control {
width: 48%;
margin: 10px 0px;
padding-right: 15px;
display: block;
height: calc(2.25rem + 7px);
padding: 0.4rem 1rem;
font-size: 19px;
line-height: 1;
color: #434343;
background-color: #fff;
opacity: 0.8;
background-clip: padding-box;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
border-radius: .0rem;
box-sizing: border-box;
border: 1px solid #b1b1b1;
line-height: 1.64;
font-family: Lato;
font-weight: 400;
}
.pop-up .inner-block form .btn {
width: 48%;
display: block;
margin: 9px 0 0 0;
height: calc(2.25rem + 23px);
padding: 12px 10px;
font-family: GothamProForWebsite, sans-serif;
font-weight: 400;
font-size: 16.5px;
text-align: center;
letter-spacing: -0.3px;
color: #20274f;
text-decoration: none;
background: #ffdd05;
border: none;
border-radius: 9px;
box-shadow: 0px 13px 14.4px 1.6px rgba(141, 141, 141, 0.13);
text-shadow: none;
text-transform: uppercase;
transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55), box-shadow 0.5s linear;
margin: 30px auto;
} */
.pop-up .inner-block form .form-control.email {
width: 100%;
}
#content.events .opacity,
#cover.events.opacity {
opacity: 0.3;
}
#cover.resources .ptable,
#cover.news .ptable,
#cover.events .ptable {
width: 100%;
height: 100%;
}
#cover.resources .animation,
#cover.events .animation,
#cover.news .animation {
position: absolute;
left: 0;
right: 0;
top: 0;
}
#cover.resources .animation .main-vid,
#cover.news .animation .main-vid,
#cover.events .animation .main-vid {
position: relative;
left: 36%;
top: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 219px;
}
#cover.resources .animation .main-vid {
height: 379px;
width: 367px;
left: 36%;
top: -76px;
}
#cover.events .animation .main-vid {
height: 307px;
width: 335px;
left: 39%;
top: -39px;
}
#cover.news .animation .main-vid {
top: -60px;
height: 366px;
width: 320px;
}
#content.resources .stories-slider-strip .logos-slider .slides .slide .img-wrapper {
width: 90%;
}
#content.resources .stories-slider-strip .logos-slider .slides .slide .img-wrapper img,
#content.resources .stories-slider-strip .logos-slider .slides .slide .img-wrapper span {
display: block;
margin: 0 auto;
text-align: center;
}
#content.resources .stories-slider-strip .logos-slider .slides .slide .img-wrapper span {
text-transform: uppercase;
color: #939393;
font-size: 19px;
line-height: 29px;
margin-top: 10px;
}
#content.resources .stories-slider-strip .logos-slider .slides .slide.active span {
font-size: 19px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: 2.26;
letter-spacing: -0.76px;
text-align: center;
color: #20274f;
}
#content.resources .stories-slider-strip .logos-slider .slides .slide span img.icon {
opacity: .25;
}
#content.resources .stories-slider-strip .logos-slider .slides .slide.active span img.icon {
opacity: 1;
-webkit-filter: brightness(0.1);
filter: brightness(0.1);
}
/* #content.resources .stories-slider-strip .logos-slider .slides .slide.active:not(:nth-child(1)) span img.icon {
filter: invert(100%);
} */
#content.resources .cards-strip {
margin-top: 50px;
padding-top: 25px;
}
.recources-strip .bg-swoosh img {
display: block;
}
.recources-strip .bg-swoosh .bottom {
margin-top: -430px;
}
#content.events .cards-strip .site-width .items-list div.item {
max-width: 438px;
width: 31.5%;
}
#content.resources .cards-strip .site-width .items-list div.item {
width: 29%;
max-width: 425px;
}
#content.resources .cards-strip .site-width .items-list div.item .item-image span.swoosh,
#content.events .cards-strip .site-width .items-list div.item .item-image span.swoosh {
position: absolute;
top: 0;
right: 0;
width: 221px;
height: 260px;
height: 100%;
background: url(images/swoosh.png) no-repeat;
background-size: 100%;
border-top-right-radius: 12px;
border-top-left-radius: 12px;
border-left: 1px solid transparent;
}
#content.resources .cards-strip .site-width .items-list div.item .item-image span.swoosh img.logo {
position: absolute;
bottom: 20px;
right: 20px;
}
#content.resources .cards-strip .site-width .items-list div.item .item-descr,
#content.events .cards-strip .site-width .items-list div.item .item-descr {
text-align: center;
padding: 20px 70px 60px;
}
#content.resources .cards-strip .site-width .items-list div.item .item-descr {
padding: 20px 40px 60px;
}
/* news page */
#cover.news .ptable {
display: block;
}
#cover.news {
height: 280px;
}
#content.news .cards-strip .site-width .items-list div.item {
max-width: 428px;
width: 32%;
}
#content.news .cards-strip .site-width .items-list div.item .item-image {
height: 140px;
}
#content.news .cards-strip .site-width .items-list div.item .item-image span.swoosh {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: url(images/blue-swoosh.png) no-repeat;
background-position-y: 0;
background-position-x: 100%;
}
#content.news .cards-strip .site-width .items-list div.item .item-image img {
position: absolute;
left: 60px;
top: 40px;
}
#content.news .cards-strip .site-width .items-list div.item .item-descr {
text-align: left;
padding: 30px 40px 70px 50px;
}
#content.news .active-card {
display: block;
width: 100%;
margin: 0 auto;
text-align: center;
z-index: 1;
position: relative;
}
#content.news #loadMore,
#content.events #loadMore,
#content.resources #loadMore {
/*margin-left: 2.5vw;*/
margin: 0 auto;
display: table;
}
#content.news .cards-strip,
#content.resources .cards-strip,
#content.events .cards-strip {
z-index: 1;
background-color: #F9FAFD;
margin-bottom: 250px;
margin-bottom: 13vw;
}
#content.events .past-events .cards-strip {
background-color: transparent;
}
#content .cards-strip .bg-swoosh {
position: absolute;
width: auto;
left: 42%;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
#content.resources .bg-swoosh,
#content.events .bg-swoosh,
#content.news .bg-swoosh {
top: 0;
position: absolute;
width: auto;
left: 42%;
right: auto;
}
#content.resources .bg-swoosh.top-swoosh {
-webkit-transform: translateX(-50%) translateY(-53%);
transform: translateX(-50%) translateY(-53%);
}
#content.events .bg-swoosh.top-swoosh {
-webkit-transform: translateX(-45%) translateY(-76.5%);
transform: translateX(-45%) translateY(-76.5%);
}
#content.news .bg-swoosh.top-swoosh {
-webkit-transform: translateX(-48%) translateY(-46%);
transform: translateX(-48%) translateY(-46%);
}
#content.news .bg-swoosh.bottom-swoosh {
-webkit-transform: translateX(-50%) translateY(21%);
transform: translateX(-50%) translateY(21%);
z-index: -1;
bottom: 0;
top: auto;
}
#content.resources .bg-swoosh.bottom-swoosh {
-webkit-transform: translateX(-46%) translateY(21%);
transform: translateX(-46%) translateY(21%);
z-index: -1;
top: auto;
bottom: 0;
}
#content.resources .bg-swoosh.bottom-swoosh:before {
content: '';
background-color: white;
width: 100%;
height: 575px;
position: absolute;
}
#content.events .bg-swoosh.bottom-swoosh {
-webkit-transform: translateX(-56%) translateY(107%);
transform: translateX(-56%) translateY(107%);
z-index: -1;
top: 0;
bottom: auto;
}
#content .cards-strip .bg-swoosh img {
display: block;
z-index: -1;
}
#content.news .cards-strip .bg-swoosh img.bottom {
margin-top: 0px;
}
#content.news .active-card .inner-item {
position: relative;
height: auto;
border-radius: 12px;
-webkit-box-shadow: 0 8px 14px rgba(0, 0, 0, 0.2);
box-shadow: 0 8px 14px rgba(0, 0, 0, 0.2);
max-width: 786px;
min-height: 335px;
background-color: white;
margin: 0 auto 137px;
margin: 0px auto 7vw;
padding: 20px 140px;
}
/* events */
#cover.events {
height: 305px;
}
#content.events .cards-strip {
margin-bottom: 0;
padding-top: 32px;
}
#content.events .past-events {
padding-top: 150px;
padding-top: 8vw;
background-color: #F9FAFD;
}
#content.events .cards-strip .bg-swoosh img.bottom {
margin-top: 308px;
}
#content.events .events-bgr {
background-color: #F9FAFD;
height: 100%;
}
#content.events .events-title {
max-width: 900px;
margin: 32px auto;
text-align: center;
position: relative;
z-index: 1;
}
#content.events .top-strip .retail-wrapper .yoobic-sec-title {
margin-bottom: 11px;
}
#content.events .events-title .yoobic-sec-title {
font-size: 24px;
display: inline;
margin: 0 25px 0 0;
}
#content.events .events-title .form-control {
padding: 13px 23px;
text-align: center;
background: #fff;
color: #B7B8C4;
-webkit-box-shadow: 0 0 17.6px 0.4px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 17.6px 0.4px rgba(0, 0, 0, 0.05);
}
#content.events .events-title #select {
width: 240px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
border: 1px solid #818496;
/* background: url(http://www.free-icons-download.net/images/small-down-arrow-icon-15593.png); */
background: url(images/small-up-arrow-sign-61332.png);
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: 90% 50%;
/* font-weight: 400; */
/* font-size: 16.5px; */
border-radius: 4px;
font: 400 16.5px 'GothamProForWebsite', sans-serif;
color: rgba(32, 39, 79, 0.75);
}
#content.events .cards-strip .site-width .items-list div.item .item-image span.swoosh {
position: absolute;
top: 0;
right: 0;
width: 222px;
height: 245px;
border-top-right-radius: 12px;
border-top-left-radius: 12px;
}
#content.events .cards-strip .yoobic-btn2.read-more {
float: left;
}
#content.events .cards-strip .yoobic-btn2.lets-meet {
float: right;
}
/* careers */
#cover .careers .textual-content .yoobic-btn1 {
min-width: 254px;
margin-top: 25px;
margin-right: 40px;
padding: 18px 10px;
}
#cover.single-story .overflow-wrapper .bg-img {
height: 770px;
}
#cover .careers .textual-content .yoobic-btn2 {
vertical-align: super;
}
#cover.single-story .careers .textual-content {
width: 100%;
}
#cover.single-story .careers .textual-content .yoobic-vid {
display: inline;
}
#cover.single-story .careers .textual-content .intro-text {
max-width: 535px;
}
#content #careers .vid-text-cols {
padding-top: 55px;
padding-bottom: 150px;
padding-bottom: 9vw;
position: relative;
}
#content #careers h2.yoobic-sec-title {
text-align: center;
}
#content #careers .story-rows1 h2.yoobic-sec-title {
text-align: left;
}
#content #careers video.main-vid {
max-width: 1920px;
width: 100%;
}
#content #careers .vid-text-cols .text-col {
width: 31.3%;
margin-right: 5%;
margin-top: 20px;
}
#content #careers .vid-text-cols img {
margin-left: 180px;
margin-left: 9vw;
}
#content #careers .vid-text-cols .bg-elements {
bottom: 0;
left: 0;
position: absolute;
}
#content #careers .vid-text-cols .bg-elements img {
margin-left: 0;
}
#content #careers .team-slider .yoobic-slider-strip .yoobic-slider {
height: 645px;
}
#content #careers .team-slider .yoobic-slider-strip .slider-wrapper {
margin-top: 66px;
margin-top: 4vw;
}
#content #careers .team-slider .yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper {
padding: 0;
width: 100%;
max-width: 763px;
}
#content #careers .team-slider .yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper .yoobic-vid img {
border-radius: 27px;
}
#content #careers .team-slider .yoobic-slider-strip .yoobic-slider .slides .slide .right-wrapper .ptable .slide-quote {
margin-top: 87px;
padding-left: 27px;
padding-right: 20%;
}
#content #careers .team-slider .yoobic-slider-strip .yoobic-slider .slides .slide .right-wrapper .slide-quote blockquote {
margin: 13px 0;
}
#content #careers .yoobic-team-strip img {
display: none;
}
#content #careers .yoobic-team-strip h2.yoobic-sec-title {
margin: 10px auto 20px;
}
#content #careers .yoobic-team-strip .specifications {
margin-top: 10px;
}
#content #careers .yoobic-team-strip .specifications ul.icons-wrapper li.icon span {
font-size: 14px;
}
#content #careers .yoobic-team-strip .specifications ul.icons-wrapper li.icon span b {
font-size: 16px;
}
#content.single-story .vid-text-cols .text-col .desc {
font-size: 18px;
line-height: 26px;
}
#content #careers .yoobic-team-strip .specifications ul.icons-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#content #careers .yoobic-team-strip .specifications ul.icons-wrapper li.icon {
width: 17%;
text-align: left;
}
#content #careers .yoobic-team-strip .specifications ul.icons-wrapper li.icon:not(:first-child) {
margin-left: 3.7%;
}
#content #careers .yoobic-team-strip .specifications ul.icons-wrapper li.icon span {
display: block;
margin-bottom: 15px;
}
#content #careers .yoobic-team-strip .specifications ul.icons-wrapper li.icon span b {
font-family: GothamProForWebsite;
font-size: 18px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: 1.72;
letter-spacing: -1.08px;
color: #1f2750;
}
#content #careers .yoobic-team-strip .specifications ul.icons-wrapper li.icon span {
opacity: 0.7;
font-family: Lato;
font-size: 19px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.37;
letter-spacing: normal;
text-align: left;
color: rgba(31, 39, 80, 0.7);
}
.yoobic-slider-strip .yoobic-slider .slides .slide .right-wrapper span {
display: block;
font-family: Lato;
font-size: 14px;
color: #20274f;
text-transform: uppercase;
}
#content #careers .team-in-action {
position: relative;
width: 100%;
margin: 0 auto;
}
#content #careers .brands-strip .bg-swoosh {
-webkit-transform: translateX(-50%) translateY(-48%);
transform: translateX(-50%) translateY(-48%);
}
#content #careers .brands-strip .bg-swoosh .bottom {
margin-top: -10%;
}
#content #careers .team-in-action .swiper-container .swiper-slide-active {
position: relative;
}
#content #careers .team-in-action .swiper-container .swiper-slide-active .swoosh {
position: absolute;
bottom: 0;
right: 0;
width: 240px;
height: 253px;
border-bottom-right-radius: 23px;
background: url(images/swoosh.png) no-repeat right;
}
#content #careers .yoobic-slider-strip .yoobic-main-title {
max-width: 600px;
margin: 0 auto 80px;
margin: 0px auto 5vw;
}
#content #careers .team-slider .yoobic-slider-strip .yoobic-main-title {
margin: 0 auto 80px;
margin: 0px auto 3vw;
}
#content #careers .team-in-action .yoobic-slider-strip {
overflow: hidden;
height: 100%;
width: 100%;
/*direction: ltr*/
}
.swiper-container {
width: 100%;
height: 480px;
margin: 0 auto;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
max-width: 1430px;
margin: 0 auto;
display: block;
}
.cascade-slider .overflow {
overflow: hidden;
width: 1500px;
max-width: 100%;
margin: 0 auto;
}
.cascade-slider .swiper-wrapper {
width: 100%;
}
.cascade-slider .swiper-wrapper .swiper-slide {
-webkit-transition: all .4s ease-out;
transition: all .4s ease-out;
}
.cascade-slider .swiper-wrapper .swiper-slide-prev,
.cascade-slider .swiper-wrapper .swiper-slide-next {
margin-left: -8%;
margin-right: -8%;
}
.cascade-slider .swiper-wrapper .swiper-slide-active {
margin-left: -14%;
margin-right: -14%;
}
.cascade-slider .swiper-wrapper .swiper-slide:first-child {
margin-left: 0;
}
@media (max-width: 1023px) {
.cascade-slider {
position: relative;
padding: 0 10px;
}
.cascade-slider .swiper-wrapper .swiper-slide-active,
.cascade-slider .swiper-wrapper .swiper-slide-next,
.cascade-slider .swiper-wrapper .swiper-slide-prev,
.cascade-slider .swiper-wrapper .swiper-slide {
width: 100% !important;
height: 407px;
margin-left: 0;
margin-right: 0;
background-size: cover;
background-position: center;
opacity: 1;
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.cascade-slider .swiper-button-next,
.cascade-slider .swiper-button-prev {
top: 50%;
}
.cascade-slider .swiper-button-next {
right: -20px;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.cascade-slider .swiper-button-prev {
left: -20px;
-webkit-transform: translateY(0) scale(-1);
transform: translateY(0) scale(-1);
}
}
@media (max-width: 767px) {
.cascade-slider .swiper-wrapper .swiper-slide-active,
.cascade-slider .swiper-wrapper .swiper-slide-next,
.cascade-slider .swiper-wrapper .swiper-slide-prev,
.cascade-slider .swiper-wrapper .swiper-slide {
height: 240px !important;
}
.cascade-slider .swiper-wrapper .swiper-slide {
width: 100% !important;
}
.cascade-slider .swiper-button-next {
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.cascade-slider .swiper-button-prev {
-webkit-transform: translateY(50%) scale(-1);
transform: translateY(50%) scale(-1);
}
}
@media (max-width: 1599px) {
.cascade-slider .overflow {
width: 1400px;
}
.cascade-slider .swiper-wrapper .swiper-slide {
margin-left: 0;
}
.cascade-slider .swiper-wrapper .swiper-slide-prev,
.cascade-slider .swiper-wrapper .swiper-slide-next {
margin-left: -9%;
margin-right: -9%;
}
.cascade-slider .swiper-wrapper .swiper-slide-active {
margin-left: -16.67%;
margin-right: -16.67%;
}
}
@media (max-width: 1499px) {
.cascade-slider .overflow {
width: 1200px;
}
.cascade-slider .swiper-wrapper .swiper-slide {
width: 212px !important;
height: 165px;
}
.cascade-slider .swiper-wrapper .swiper-slide-prev,
.cascade-slider .swiper-wrapper .swiper-slide-next {
width: 472px !important;
height: 252px;
margin-left: -8.67%;
margin-right: -8.67%;
}
.cascade-slider .swiper-wrapper .swiper-slide-active {
width: 648px!important;
height: 346px;
}
}
@media (max-width: 1299px) {
.cascade-slider .overflow {
width: 920px;
}
.cascade-slider .swiper-wrapper .swiper-slide {
width: 199px !important;
height: 155px;
}
.cascade-slider .swiper-wrapper .swiper-slide-prev,
.cascade-slider .swiper-wrapper .swiper-slide-next {
width: 416px !important;
height: 222px;
margin-left: -12.5%;
margin-right: -12.5%;
}
.cascade-slider .swiper-wrapper .swiper-slide-active {
width: 572px !important;
height: 305px;
margin-left: -23.5%;
margin-right: -23.5%;
}
}
@media (min-width: 1023px) and (max-width: 1630px) {
.swiper-container {
max-width: 95%;
}
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
box-sizing: content-box;
/* transform: translate3d(-10%, 0px, 0px)!important; */
}
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 427px;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-slide {
background-repeat: no-repeat;
width: 249px!important;
height: 194px;
vertical-align: middle;
position: relative;
z-index: 1;
border-radius: 20px;
margin-top: 7%;
-webkit-filter: grayscale(50%);
filter: grayscale(50%);
opacity: 0.9;
margin-left: 2%;
}
.swiper-slide-active {
width: 763px!important;
height: 407px;
z-index: 3;
margin-top: 0%;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
}
.swiper-slide-next,
.swiper-slide-prev {
width: 555px!important;
height: 296px;
z-index: 2;
margin-top: 4%;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
/* background-size: 18px 29px; */
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
/* background-image: url('https://yoobic.com/wp-content/themes/dev-theme/images/arrow@2x.png');*/
right: 10px;
left: auto;
width: 13px;
height: 26px;
background-image: url(images/operations/arrow-l@2x.png);
background-size: 100%;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.swiper-button-prev {
/* background-image: url(https://yoobic.com/wp-content/themes/dev-theme/images/arrow@2x.png);
transform: scale(-1, 1); */
left: 10px;
right: auto;
background-image: url(images/operations/arrow-l@2x.png);
background-size: 100%;
width: 13px;
height: 26px;
-webkit-transform: translateY(100%) scale(-1);
transform: translateY(100%) scale(-1);
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none;
}
.swiper-slide-prev {
margin-right: -27%;
margin-left: -10%;
}
.swiper-slide-next {
margin-left: -24%;
margin-right: -10%;
}
#content #careers .open-spots {
margin: 135px auto 125px;
margin: 7vw auto 6.5vw;
}
#content #careers .open-spots h2.yoobic-sec-title {
margin-bottom: 64px;
}
#content #careers .open-spots #welcomekit-embed-cloned {
position: relative;
float: left;
width: 307px;
height: auto;
}
#content #careers .open-spots #welcomekit-embed-cloned .welcomekit-department-name {
float: left;
}
#content #careers .open-spots #welcomekit-embed {
margin-left: 460px;
padding-left: 10px;
padding-top: 8px;
overflow-y: scroll;
height: 100%;
min-height: 670px;
}
#content #careers .open-spots #welcomekit-embed-cloned .welcomekit-department-name {
opacity: 0.75;
font-size: 20px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.4;
letter-spacing: -1.1px;
text-align: left;
color: rgba(32, 39, 79, 0.75);
position: relative;
border-bottom: 1px solid #EBECF0;
padding-bottom: 18px;
padding-top: 18px;
max-width: 307px;
width: 100%;
}
#content #careers .open-spots .bg-image {
position: absolute;
left: -113px;
top: 150px;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
#content #careers .open-spots {
position: relative;
}
#content #careers .open-spots #welcomekit-embed-cloned .welcomekit-department-name.active {
opacity: 0.85;
font-size: 20px;
font-weight: bold;
line-height: 1.35;
letter-spacing: -0.7px;
color: rgba(32, 39, 79, 0.85);
}
#content #careers .open-spots .welcomekit-department-name.main {
display: none;
}
#content #careers .open-spots #welcomekit-embed .welcomekit-departments .welcomekit-department {
width: 100%;
}
#content #careers .open-spots #welcomekit-embed.cloned .welcomekit-departments .welcomekit-department {
display: none;
}
#content #careers .open-spots #welcomekit-embed.cloned .welcomekit-departments .welcomekit-department.active {
display: block;
}
#content #careers .open-spots #welcomekit-embed .welcomekit-departments .welcomekit-department .welcomekit-department-name {
display: none;
}
#content #careers .open-spots #welcomekit-embed .welcomekit-department .welcomekit-jobs-list-item .welcomekit-jobs-list-item-link {
height: auto;
margin-right: 3.3%;
margin-bottom: 29px;
background: #fff;
padding: 24px 24px 66px;
border-radius: 10px;
-webkit-box-shadow: 0px 3px 10.4px 1.6px rgba(0, 0, 0, 0.08);
box-shadow: 0px 3px 10.4px 1.6px rgba(0, 0, 0, 0.08);
max-width: 253px;
/* width: 30%; */
width: 21%;
float: left;
-webkit-box-sizing: unset;
box-sizing: unset;
position: relative;
}
#content #careers .open-spots #welcomekit-embed .welcomekit-jobs-list-item {
position: relative;
}
#content #careers .open-spots #welcomekit-embed .welcomekit-jobs-list-item h3.welcomekit-job-name {
font-weight: 400;
font-size: 19px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.42;
letter-spacing: -0.76px;
text-align: left;
color: #20274f;
margin-bottom: 18px;
}
#content #careers .open-spots #welcomekit-embed .welcomekit-jobs-list-item ul.welcomekit-job-infos li {
display: none;
}
#content #careers .open-spots #welcomekit-embed .welcomekit-jobs-list-item ul.welcomekit-job-infos li:nth-child(2) {
display: block;
opacity: 0.7;
font-family: Lato;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.16;
letter-spacing: -0.32px;
text-align: left;
color: rgba(32, 39, 79, 0.7);
}
#content #careers .open-spots #welcomekit-embed .welcomekit-jobs-list-item .welcomekit-jobs-list-item-link:before {
position: absolute;
content: "READ MORE>";
bottom: 14px;
left: 24px;
right: auto;
display: inline-block;
margin-left: -8px;
color: #20274f;
padding: 8px;
border: 4px solid transparent;
font-size: 13.5px;
text-decoration: none;
letter-spacing: 0;
}
#content #careers .open-spots #welcomekit-embed .welcomekit-jobs-list-item .welcomekit-jobs-list-item-link:after {
width: 40%;
position: absolute;
content: '';
bottom: 20px;
left: 24px;
right: auto;
height: 4px;
background-image: -webkit-gradient(linear, left top, right top, from(#5cc7fc), to(#7a6bfa));
background-image: linear-gradient(90deg, #5cc7fc, #7a6bfa);
}
/* #content #careers .brands-strip .yoobic-sec-title {
margin-top: 100px;
} */
#content #careers .brands-strip .brands-items {
padding: 0 100px;
}
#content #careers .social-network-strip {
margin-bottom: -13px;
}
#content #careers .social-network-strip .social {
position: relative;
width: calc(100% + 10px);
height: 260px;
overflow: hidden;
padding: 0 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 50px;
}
#content #careers .social-network-strip .social .items {
position: relative;
width: 214px;
height: 160px;
margin-right: 28px;
background: #fff;
border-radius: 20px;
-webkit-box-shadow: -0.2px 2px 14.4px 1.6px rgba(141, 141, 141, 0.13);
box-shadow: -0.2px 2px 14.4px 1.6px rgba(141, 141, 141, 0.13);
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#content #careers .social-network-strip .social .items:hover {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
#content #careers .social-network-strip .social .items .img-wrapper {
z-index: 2;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 100%;
}
#content #careers .social-network-strip .social .items .img-wrapper span.text,
#content #careers .social-network-strip .social .items .img-wrapper img {
opacity: 0.7;
font-family: Lato;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.16;
letter-spacing: -0.3px;
text-align: center;
color: rgba(32, 39, 79, 0.7);
display: block;
margin: 0 auto 7px;
}
#content #careers .social-network-strip .social .items .img-wrapper img {
opacity: 1;
}
#cover .careers .confetti-wrapper {
top: 25px;
width: auto;
}
#content #careers .confetti-wrapper {
top: 0px;
left: 50%;
width: auto;
}
#confetti-career-01 {
top: -40px;
left: 35px;
}
#confetti-career-02 {
top: -18px;
left: -347px;
}
#confetti-career-03 {
top: 108px;
left: -268px;
}
#confetti-career-04 {
top: 230px;
right: -197px;
}
#confetti-career-05 {
top: 15px;
right: -494px;
}
#confetti-career-06 {
top: 17px;
right: -690px;
}
#confetti-career-07 {
top: -129px;
left: 500px;
}
#confetti-career-08 {
top: -148px;
left: 607px;
}
#confetti-career-09 {
top: -108px;
left: 708px;
}
#confetti-career-10 {
top: -50px;
right: -647px;
}
#confetti-career-11 {
top: 15px;
right: -494px;
}
#confetti-career-12 {
top: 70px;
right: -690px;
}
#confetti-career-13 {
top: 180px;
left: 0px;
}
#confetti-career-14 {
top: 280px;
left: -702px;
}
#confetti-career-15 {
top: 108px;
left: -268px;
}
#confetti-career-16 {
top: 490px;
right: -797px;
}
/* 404 not-found */
#cover.not-found {
height: 235px;
}
#cover.not-found .textual-content .intro-text {
max-width: 630px;
}
#content.not-found {
text-align: center;
position: relative;
}
/* #content.not-found img.desktop-img{
position: relative;
width: 100%;
max-width:1243px;
min-height: 448px;
} */
#cover.not-found {
margin: 80px auto 40px;
}
#content.not-found .animation {
height: 566px;
}
#content.not-found video {
max-width: 1400px;
width: 100%;
/* height: 566px; */
margin-top: -80px;
}
#content.not-found:after {
position: absolute;
content: '';
width: 78%;
bottom: 15px;
background-color: #e1e1e1;
height: 1px;
left: 50%;
right: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.respons-footer .animation-wrapper img {
max-width: 1917px;
width: 100%;
height: auto;
}
.respons-footer .confetti-wrapper {
left: 0;
}
.desctop-only {
display: block;
}
.tab-mob {
display: none;
}
.mobile-only {
display: none;
}
/* New Press&News Page (Avi) */
#cover.news .ptable .ptd {
max-width: 100%;
}
#cover.news .ptable .ptd h2 {
font-size: 19px;
}
#content.press #filters {
margin-bottom: 20px;
text-align: center;
}
#content.press #filters select {
width: 25%;
padding: 10px;
font-size: 16px;
border-radius: 5px;
}
#content.press .press-items-wrapper {
margin-bottom: 60px;
}
#content.press .press-items-wrapper .press-item {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: 15px 15px 15px 8px;
border-radius: 15px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#content.press .press-items-wrapper .press-item + .press-item {
margin-top: 30px;
}
#content.press .press-items-wrapper .press-item .image-wrapper {
width: 386px;
max-width: 100%;
}
#content.press .press-items-wrapper .press-item .image-wrapper img {
vertical-align: middle;
max-width: 100%;
height: auto;
border-radius: 15px;
}
#content.press .press-items-wrapper .press-item .text-wrapper {
padding-left: 30px;
align-self: flex-start;
}
#content.press .press-items-wrapper .press-item .text-wrapper .date-and-type {
margin: 10px 0 20px;
}
#content.press .press-items-wrapper .press-item .text-wrapper .date-and-type * {
display: inline-block;
vertical-align: middle;
}
#content.press .press-items-wrapper .press-item .item-title {
margin-bottom: 20px;
font-size: 30px;
font-weight: 700;
line-height: 1.6;
letter-spacing: -1px;
color: #20274f;
}
#content.press .press-items-wrapper .press-item .yoobic-btn2 {
font-size: 16px;
font-weight: 500;
}
@media (max-width: 767px) {
#content.press #filters select {
width: 48%;
}
#content.press .press-items-wrapper .press-item {
flex-direction: column;
}
#content.press .press-items-wrapper .press-item .text-wrapper {
padding-left: 10px;
}
#content.press .press-items-wrapper .press-item .text-wrapper .date-and-type {
font-size: 16px;
}
#content.press .press-items-wrapper .press-item .item-title {
font-size: 26px;
line-height: 1.4;
}
}
/* ######## Responsive ########## */
@media (max-width: 1699px) {
#content.home .main-slider-strip .phone-slider {
left: -40px;
}
#content.home .tablet-strip .tablet-col {
margin-left: 0;
}
#content.img-rec .yoobic-rows,
#content.thanku .yoobic-rows {
width: 100%;
overflow: hidden;
}
#content.img-rec .yoobic-slider-strip .yoobic-slider,
#content.thanku .yoobic-slider-strip .yoobic-slider {
height: 420px;
padding-bottom: 20%;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
#content.img-rec .yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .swoosh,
#content.thanku .yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .swoosh {
width: calc(318px * .75);
height: calc(375px * .75);
}
#content.img-rec .yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .swoosh img,
#content.thanku .yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .swoosh img {
left: 27%;
bottom: 30px;
}
#content.img-rec .yoobic-slider-strip .yoobic-slider .slides .slide .right-wrapper .ptable,
#content.thanku .yoobic-slider-strip .yoobic-slider .slides .slide .right-wrapper .ptable {
height: 80%;
}
#content .stories-slider-strip .site-width {
width: 1440px;
}
#content .stories-slider-strip .logos-slider {
width: calc(100% - 35px);
padding: 0 35px;
}
#content .stories-slider-strip .controls .arrow.arrow-prev {
left: -8px;
}
#content .stories-slider-strip .controls .arrow.arrow-next {
right: -8px;
}
#content.single-story .yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .swoosh {
width: calc(318px * .9);
height: calc(375px * .9);
}
}
@media (max-width: 1599px) {
#content.operations .vid-text-cols .vid-col,
#content .vid-text-cols.mod-left-video-right-text .vid-col {
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
}
#content.operations .vid-text-cols .vid-col .yvid,
#content .vid-text-cols.mod-left-video-right-text .vid-col .yvid,
#content .vid-text-cols.mod-comm-strip .vid-col .yvid {
max-width: 100%;
height: auto;
}
#content.operations .yoobic-slider-strip .dots {
bottom: 126px;
}
#content.operations .yoobic-slider-strip .yoobic-slider .slides .slide .right-wrapper {
width: 44%;
}
#content.operations .yoobic-slider-strip .yoobic-slider .slides .slide.left-img .left-wrapper .img-wrapper {
max-width: 110%;
height: auto;
}
#content.operations .yoobic-slider-strip .yoobic-slider,
#content.single-story .yoobic-slider-strip .yoobic-slider {
height: 680px;
}
#content.operations .yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .swoosh,
#content.single-story .yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .swoosh,
#content.modular-page .yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .swoosh {
width: calc(318px * .8);
height: calc(375px * .8);
}
.brands-strip .brands-items {
padding: 0 90px;
}
#content.boost .swooshes-anim .textual-content .confetti-wrapper {
left: 0;
}
.swiper-slide {
margin-left: -3%;
}
#careers .brands-strip {
background-color: transparent;
}
/* #content #careers .brands-strip .bg-swoosh .bottom {
margin-top: -430px;
} */
#content #careers .brands-strip .bg-swoosh {
-webkit-transform: translateX(-53%) translateY(-50%);
transform: translateX(-53%) translateY(-50%);
}
}
@media (max-width: 1499px) {
.site-width {
padding: 0 30px;
}
#content .cards-strip .site-width {
padding: 0 0px;
}
#content .cards-strip>.site-width {
padding: 0 30px;
}
#footer {
padding: 50px 0 40px;
padding: 1.9vw 0 6.5vw;
}
#footer .wrapper {
padding: 0;
max-width: 100%;
overflow: hidden;
}
#footer .wrapper #menu-footer-menu {
width: 83%;
}
#content.home .main-slider-strip .main-slider .slides .slide .textual-content {
left: 298px;
}
#content.home .main-slider-strip .main-slider .slides .slide .item-animation {
top: 90px;
-webkit-transform: scale(.9);
transform: scale(.9);
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
}
/*#content.home .main-slider-strip .phone-slider {
top: -100px;
left: 10px;
}*/
#content.home .main-slider-strip .main-slider .slides .slide .textual-content .item-title {
margin-bottom: 4px;
}
#content.home .main-slider-strip .main-slider .slides .slide .textual-content .ytxt {
margin-right: 30px;
line-height: 1.6;
}
#content.home .tablet-strip {
margin-bottom: 225px;
}
#content.home .tablet-strip .tablet-col {
width: 800px;
}
#content.home .tablet-strip .tablet-col .tablet-wrapper .screen-img {
width: 727px;
height: auto;
top: 34px;
left: 34px;
}
#content.home .tablet-strip .tablet-col .inner-shadow {
width: 727px;
height: 507px;
}
#content.home .tablet-strip .text-col .ptd {
padding-right: 10%;
}
#content.home .yoobic-learn-about .learn-items .item {
width: 410px;
}
#content.home .yoobic-learn-about .learn-items .item .img-wrapper {
height: 307px;
}
#content.home .yoobic-learn-about .learn-items .item .img-wrapper>img {
width: 100%;
height: auto;
}
#content.modular-page .swooshes-anim.mod-swooshes.row2 .swooshes-wrapper {
width: 53%;
margin-left: 6%;
}
#cover.img-rec .animation {
max-width: 65%;
}
#content.img-rec .yoobic-rows,
#content .mod-rows-imgr {
padding-top: 315px;
}
#content.img-rec .swooshes-anim .swooshes-wrapper {
margin-left: -60px;
}
#content.img-rec .yoobic-slider-strip,
#content.thanku .yoobic-slider-strip {
padding-top: 200px;
}
#content.img-rec .yoobic-slider-strip .yoobic-main-title,
#content.thanku .yoobic-slider-strip .yoobic-main-title {
margin-bottom: 80px;
}
.yoobic-slider-strip .slider-wrapper .yoobic-slider {
height: 560px;
}
#content.operations .yoobic-slider-strip .dots,
#content.single-story .yoobic-slider-strip .dots {
bottom: 110px;
}
#content.img-rec .yoobic-slider-strip .slider-wrapper,
#content.thanku .yoobic-slider-strip .slider-wrapper {
padding: 0 20px;
}
#content.img-rec .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .right-wrapper,
#content.thanku .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .right-wrapper {
width: 37%;
margin-right: 4%;
}
#content.img-rec .yoobic-slider-strip .controls .arrow,
#content.thanku .yoobic-slider-strip .controls .arrow {
top: 160px;
}
#content.img-rec .yoobic-slider-strip .controls .arrow.arrow-prev,
#content.thanku .yoobic-slider-strip .controls .arrow.arrow-prev {
left: 0;
}
#content.img-rec .yoobic-slider-strip .controls .arrow.arrow-next,
#content.thanku .yoobic-slider-strip .controls .arrow.arrow-next {
right: 0;
}
#content.img-rec .yoobic-slider-strip .dots,
#content.thanku .yoobic-slider-strip .dots {
bottom: 126px;
}
#content .stories-slider-strip .logos-slider .slides .slide {
width: 200px;
margin-right: 20px;
}
#content .stories-slider-strip .content-slider .slides .slide .left-wrapper .yoobic-vid .thumb {
max-width: 100%;
height: auto;
}
#content .stories-slider-strip .content-slider .slides .slide .left-wrapper .yoobic-vid .swoosh {
width: calc(318px * .85);
height: calc(375px * .85);
}
#cover.thanku .bg-img img {
max-width: 100%;
height: auto;
}
#content.thanku .yoobic-slider-strip {
padding-top: 0;
padding-bottom: 100px;
}
#content.thanku .yoobic-slider-strip .dots {
bottom: 80px;
}
#content.thanku .insights-strip .items {
margin-left: 0;
margin-right: 0;
}
#content.thanku .insights-strip .items .item {
width: 30%;
margin: 0 1.6%;
}
#cover.contact .form-wrapper .bg-elements img:first-child+img {
left: 154px;
}
#content.contact .offices .items .item {
width: 27%;
margin: 0 1% 40px;
}
#content.contact .offices .items .item .text-wrapper {
padding: 24px 16px 20px;
}
#content.contact .offices .items .item .visual-wrapper {
overflow: hidden;
}
#content.contact .offices .items .item .visual-wrapper img {
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
#content.contact .offices .bg-elements img:first-child {
left: -150px;
}
#content.contact .offices .bg-elements img:first-child+img {
right: 0;
}
/* yoobic 2.0 m-w 1499*/
#content .cards-strip .site-width .items-list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
/* #content .cards-strip .site-width .items-list>div.item:nth-child(3n+1) {
margin-left: 4.3%;
} */
#content.news .cards-strip .site-width .items-list div.item,
#content.events .cards-strip .site-width .items-list div.item {
width: 45%;
}
#content.resources .cards-strip .site-width .items-list div.item {
width: 29%;
margin-left: 1.9%;
margin-right: 1.9%;
}
.swiper-slide {
margin-left: 0%;
}
#cover.resources .animation .main-vid,
#cover.news .animation .main-vid,
#cover.events .animation .main-vid {
left: 27%;
}
#cover.resources .ptable .ptd,
#cover.events .ptable .ptd,
#cover.news .ptable .ptd {
padding-top: 130px;
}
#content.news .active-card .inner-item {
margin: 35px auto 7vw;
}
#content.events .bg-swoosh.bottom-swoosh {
-webkit-transform: translateX(-53%) translateY(135%);
transform: translateX(-53%) translateY(135%);
z-index: -1;
}
#content.resources .cards-strip .bg-swoosh {
top: 28%;
}
#content.resources .bg-swoosh.bottom-swoosh {
-webkit-transform: translateX(-50%) translateY(24%);
transform: translateX(-50%) translateY(24%);
z-index: -1;
}
}
/* max 1499 */
@media (max-width: 1399px) {
#content.home .tablet-strip {
margin-bottom: 190px;
}
#content.home .tablet-strip .tablet-col {
width: 68%;
margin-right: -8%;
-webkit-transform: scale(0.85);
transform: scale(0.85);
-webkit-transform-origin: center left;
transform-origin: center left;
}
#content.home .tablet-strip .tablet-col .tablet-wrapper .screen-img {
width: 707px;
}
#content.home .tablet-strip .tablet-col .inner-shadow {
width: 707px;
height: 494px;
}
#content.home .tablet-strip .text-col {
width: 40%;
}
#content.home .tablet-strip .text-col .ptd {
padding-left: 3%;
}
#content.home .tablet-strip .text-col .quote-wrapper {
top: 600px;
}
#content.home .tablet-strip .text-col .quote-wrapper .author-img {
width: 100px;
}
#content.home .tablet-strip .text-col .quote-wrapper .author-img img {
max-width: 100%;
height: auto;
}
#content.home .tablet-strip .text-col .quote-wrapper .author-img+.text-wrapper {
left: 130px;
}
#content.home .tablet-strip .text-col .quote-wrapper .text-wrapper .logo {
margin-bottom: 8px;
}
#content.home .yoobic-learn-about {
margin-bottom: 100px;
}
#content.home .yoobic-learn-about .learn-items .item {
width: 355px;
}
#content.home .yoobic-learn-about .learn-items .item .img-wrapper {
height: 266px;
}
#content.boost .swooshes-anim .textual-content,
#content .mod-swooshes.swooshes-anim .textual-content {
margin-right: 3%;
}
#content.boost .swooshes-anim .swooshes-wrapper,
#content.modular-page .swooshes-anim.mod-swooshes.row2 .swooshes-wrapper {
width: 62%;
margin-left: 2%;
}
#cover.operations .animation {
top: 37px;
max-width: 82%;
}
#cover.operations .animation .main-vid {
max-width: 100%;
margin-left: 1px;
}
#cover.operations .animation .tree-vid {
bottom: -10px;
left: 0;
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
#content.operations {
padding-top: 10px;
}
#content.operations .yoobic-rows {
padding-top: 55px;
}
body #content .mod-yoobic-rows .what-row.vleft.vtablet .bg-swoosh {
width: auto;
height: auto;
left: 50%;
}
#content.operations .yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper,
#content.modular-page .yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper {
-webkit-transform: translate(-50%) scale(0.85);
transform: translate(-50%) scale(0.85);
-webkit-transform-origin: center left;
transform-origin: center left;
margin-left: -11%;
}
#content.operations .yoobic-rows .what-row.vleft.vtablet .textual-content,
#content.modular-page .yoobic-rows .what-row.vleft.vtablet .textual-content {
width: 33%;
margin-right: 0;
}
#content.operations .yoobic-rows .yoobic-main-title+.what-row.vleft.vtablet .textual-content .ptd,
#content.modular-page .yoobic-rows .yoobic-main-title+.what-row.vleft.vtablet .textual-content .ptd {
padding-bottom: 0;
}
#content.operations .yoobic-rows .what-row.vright .textual-content,
#content.modular-page .yoobic-rows .what-row.vright .textual-content {
width: 38.5%;
margin-left: 10.5%;
}
#content.operations .slider-and-stores .yoobic-slider-strip .slider-wrapper,
#content.single-story .yoobic-slider-strip .slider-wrapper,
#content.modular-page .slider-and-stores .yoobic-slider-strip .slider-wrapper,
#content .mod-use-slider.yoobic-slider-strip .slider-wrapper {
padding: 0;
}
#content.operations .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide:not(.only-vid) .left-wrapper {
width: 50%;
}
#content.single-story .yoobic-slider-strip .yoobic-slider .slides .slide.only-vid .left-wrapper,
#content.operations .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide.only-vid .left-wrapper,
#content.modular-page .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide.only-vid .left-wrapper,
#content .mod-use-slider.yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide.only-vid .left-wrapper {
margin-top: 0;
padding: 0;
}
#content.operations .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .img-wrapper img,
#content.modular-page .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .img-wrapper img {
position: relative;
max-width: 150%;
height: auto;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
#content.operations .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .right-wrapper {
width: 50%;
}
#content.operations .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper .swoosh-item {
height: 255px;
}
#content.operations .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper .swoosh-item .swoosh-vid {
width: 180px;
}
#content.operations .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper .swoosh-item .item-text .item-title {
font-size: 13px;
}
#content.operations .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper .swoosh-item .item-text .percentage {
font-size: 25px;
}
#content.operations .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .swooshes-wrapper .swoosh-item+.swoosh-item {
margin-left: 20px;
}
#content.operations .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide blockquote {
position: relative;
}
#content.operations .slider-and-stores .stores .textual-content,
#content.modular-page .slider-and-stores .stores .textual-content {
width: 40%;
margin-left: 4%;
}
#content.operations .slider-and-stores .stores .textual-content .ptd,
#content.modular-page .slider-and-stores .stores .textual-content .ptd {
padding-top: 0;
}
#content.operations .quote-strip .quote-wrapper,
#content.modular-page .quote-strip .quote-wrapper {
left: 4%;
}
#content.operations .quote-strip .quote-wrapper .author-img,
#content.modular-page .quote-strip .quote-wrapper .author-img {
width: 100px;
}
#content.operations .quote-strip .quote-wrapper .author-img img,
#content.modular-page .quote-strip .quote-wrapper .author-img img {
max-width: 100%;
height: auto;
}
#content.modular-page .quote-strip .quote-wrapper .author-img+.text-wrapper {
left: 126px;
}
#content.modular-page .quote-strip .quote-wrapper .text-wrapper .logo {
margin-bottom: 8px;
}
#content .vid-text-cols.comm-strip.mod-comm-strip {
padding-bottom: 0;
}
#content.modular-page .icons-strip {
padding: 100px 0 70px;
}
#content.modular-page .icons-strip .icons-wrapper {
margin: 0 10px;
}
#content.modular-page .icons-strip .icons-wrapper .icon .img-wrapper {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: top center;
transform-origin: top center;
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
}
#content.modular-page .icons-strip .icons-wrapper .icon .img-wrapper img {
max-width: 140px;
height: auto;
margin-bottom: 0;
}
#content .icons-strip .wrapper+.site-width .icons-wrapper {
padding-top: 300px;
}
#content.modular-page .icons-strip.icon-on-top .icons-wrapper .icon .img-wrapper {
margin-right: 0;
}
#content.operations .yoobic-learn-about {
padding-top: 70px;
}
#cover.stories .animation .main-vid {
margin-left: 0;
}
#content .stories-slider-strip .content-slider .slides .slide .left-wrapper img {
max-width: 100%;
height: auto;
}
#content.stories .brands-strip .yoobic-sec-title {
margin-bottom: 60px;
}
#content.stories .brands-strip .brands-items {
padding: 0 50px;
}
#content.stories .brands-strip .brands-items .item {
min-width: 120px;
margin: 0 40px 40px;
}
#content.stories .footer-cta {
padding-top: 100px;
}
#content.single-story {
max-width: 100%;
}
#content.single-story .vid-text-cols,
#content.modular-page>.mod-video-text-use-case:first-child {
padding-top: 0px;
}
#content.single-story .vid-text-cols .text-col,
#content .mod-video-text-use-case.vid-text-cols .text-col {
width: 28%;
margin-right: 3%;
}
#content.single-story .vid-text-cols .vid-col {
width: 48%;
margin-left: 13%;
}
#content.single-story .vid-text-cols .vid-col .yvid {
max-width: 100%;
height: auto;
margin-left: 0;
}
#content.operations .story-rows .story-row .visual-content .img-wrapper .swoosh,
#content.single-story .story-rows .story-row .visual-content .img-wrapper .swoosh,
#content .mod-story-rows.story-rows .story-row .visual-content .swoosh {
width: calc(221px * .8);
height: calc(254px * .8);
}
#content.operations .yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .swoosh,
#content.single-story .yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .swoosh,
#content.modular-page .yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .swoosh {
width: calc(318px * .65);
height: calc(375px * .65);
}
#content.operations .yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .swoosh img,
#content.single-story .yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .swoosh img,
#content.modular-page .yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .swoosh img {
left: 25%;
bottom: 25px;
-webkit-transform: translateX(50%) scale(0.8);
transform: translateX(50%) scale(0.8);
}
#content.single-story .yoobic-slider-strip .yoobic-slider .slides .slide.left-vid .left-wrapper {
padding: 0;
}
#content.single-story .yoobic-slider-strip .yoobic-slider .slides .slide.left-quote .left-wrapper {
width: 49%;
}
#content.single-story .yoobic-slider-strip .yoobic-slider .slides .slide.left-quote .left-wrapper blockquote {
font-size: 17px;
}
#content.single-story .yoobic-slider-strip .yoobic-slider .slides .slide.left-quote .right-wrapper {
width: 51%;
}
#content.single-story .yoobic-slider-strip .yoobic-slider .slides .slide.left-quote .right-wrapper .swooshes-wrapper {
margin-top: 0;
}
#content.img-rec .yoobic-slider-strip .slider-wrapper .yoobic-slider,
#content.thanku .yoobic-slider-strip .slider-wrapper .yoobic-slider,
#content.single-story .yoobic-slider-strip .slider-wrapper .yoobic-slider {
height: 390px;
padding-bottom: 10%;
}
#content.operations .yoobic-slider-strip .slider-wrapper .yoobic-slider,
#content.single-story .yoobic-slider-strip .slider-wrapper .yoobic-slider,
#content .mod-use-slider.yoobic-slider-strip .slider-wrapper {
height: 520px;
}
#content .mod-general-slider .yoobic-slider-strip .controls .arrow,
#content .yoobic-slider-strip.mod-use-slider .controls .arrow {
top: 170px;
}
#content.careers .yoobic-slider-strip .controls .arrow {
z-index: 2;
}
#content.careers .yoobic-slider-strip .controls .arrow.arrow-prev {
left: -22px;
}
#content.careers .yoobic-slider-strip .controls .arrow.arrow-next {
right: -20px;
}
#cover.about .ptable .textual-content .yoobic-main-title {
max-width: 550px;
}
#cover.about .animation .main-vid {
-webkit-transform: scale(.9);
transform: scale(.9);
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
}
#cover.about .animation .left-img {
-webkit-transform: scale(.9);
transform: scale(.9);
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
}
#content .about-top-strip .retail-wrapper {
margin-bottom: 105px;
}
#content .about-top-strip .founders-wrapper .text-col {
max-width: 37.5%;
}
#content .about-top-strip .founders-wrapper .img-col {
max-width: 55%;
margin-right: 0;
}
#content .about-top-strip .founders-wrapper .img-col img {
max-width: 100%;
height: auto;
}
#content .team-strip {
padding: 25px 0 90px;
}
#content .team-strip .team-items {
margin: 20px -1% 0;
overflow: hidden;
}
#content .team-strip .team-items .item {
width: 31%;
height: 558px;
margin-left: 2%;
margin-bottom: 10px;
}
#content .team-strip .team-items .item .visual-wrapper .member {
-webkit-transform: translateX(-50%) scale(0.85);
transform: translateX(-50%) scale(0.85);
-webkit-transform-origin: bottom center;
transform-origin: bottom center;
}
#content .positions-strip .bg-swoosh {
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.85);
transform: translateX(-50%) translateY(-50%) scale(0.85);
}
#content .yoobic-learn-about.investors-blocks {
padding-top: 110px;
}
#content .yoobic-learn-about.investors-blocks .learn-items .item {
width: 305px;
margin: 0 20px;
}
#content .yoobic-learn-about.investors-blocks .learn-items .item .img-wrapper {
height: 228px;
}
#content .yoobic-learn-about.investors-blocks .learn-items .item .img-wrapper .text-wrapper {
padding: 10px 70px 60px 20px;
font-size: 15px;
line-height: 1.5;
}
#content .yoobic-learn-about.investors-blocks .learn-items .item .img-wrapper>img {
width: 100%;
height: auto;
}
#content .yoobic-learn-about.investors-blocks .learn-items .item .img-wrapper .swoosh {
width: 177px;
height: 203px;
background-size: cover;
}
#content .yoobic-learn-about.investors-blocks .learn-items .item .img-wrapper .swoosh .label {
bottom: 16px;
right: 22px;
}
.swiper-slide {
margin-left: -2%;
}
#content #careers .open-spots #welcomekit-embed .welcomekit-department .welcomekit-jobs-list-item .welcomekit-jobs-list-item-link {
width: 30%;
}
#cover.stories {
overflow: hidden;
}
#cover.stories .ptable .ptd,
#cover.not-found .textual-content {
padding-top: 44px;
padding-bottom: 70px;
}
#content #careers .team-slider .yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper {
max-width: 730px;
}
#content #careers .team-slider .yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper .yoobic-vid>img {
display: block;
max-width: 100%;
height: auto;
}
}
@media (max-width: 1299px) {
#header .logo-wrapper {
width: 175px;
}
#header .logo-wrapper img,
/* #header .logo-wrapper a img, */
#header.video-bg .logo-wrapper p img {
max-width: 100%;
height: auto;
display: block;
}
#header.video-bg .logo-wrapper .logo + .logo {
display: none;
}
/* #header.video-bg .logo-wrapper a img.white_logo, */
#header .logo-wrapper p.white_logo img {
display: none;
}
#header .menu-wrapper .nav-menu {
font-size: 15px;
}
#header .menu-wrapper .nav-menu>ul>li {
margin-left: 0.5rem;
}
#header .menu-wrapper .nav-menu>ul>li:first-child {
margin-left: 0;
}
#header .menu-wrapper .yoobic-btn1 {
width: 160px;
margin-left: 16px;
font-size: 13px;
}
#cover.boost .animation {
max-width: 60%;
}
#content #careers .team-slider .yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper {
max-width: 690px;
}
#content.news .bg-swoosh.bottom-swoosh {
-webkit-transform: translateX(-50%) translateY(25%);
transform: translateX(-50%) translateY(25%);
}
}
@media (max-width: 1199px) {
#content #careers .team-slider .yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper {
float: none;
max-width: 763px;
margin: 0 auto;
}
.yoobic-main-title {
font-size: 36.5px;
}
.yoobic-sec-title,
#content .yoobic-sec-title.sec36 {
font-size: 30px;
}
#header {
height: 98px;
padding: 30px 0 25px;
background: #fff;
-webkit-box-shadow: 0px 6px 17.6px 0.4px rgba(0, 0, 0, 0.07);
box-shadow: 0px 6px 17.6px 0.4px rgba(0, 0, 0, 0.07);
}
#header.video-bg {
background: transparent;
}
#header.video-bg.sticky {
background: #fff;
}
#header .mobile-menu-toggler {
display: block;
}
#header .menu-wrapper {
display: none;
clear: both;
float: none;
-webkit-transform: translateY(12px);
transform: translateY(12px);
height: calc(100vh - 71px);
overflow: auto;
padding-bottom: 100px;
}
#header .menu-wrapper .nav-menu {
display: block;
font-size: 18px;
}
#header .menu-wrapper .nav-menu>ul {
padding-top: 20px;
}
#header .menu-wrapper .nav-menu>ul>li {
float: none;
margin-left: 0 !important;
padding: 16px 0;
border-bottom: 1px solid #20274f;
}
#header .menu-wrapper .nav-menu>ul>li>a {
margin-left: 1.8rem;
font-weight: 700;
opacity: .85;
}
#header.video-bg .menu-wrapper .nav-menu>ul>li>a {
color: inherit;
}
#header .menu-wrapper .nav-menu>ul>li.open {
padding-bottom: 0;
}
#header .menu-wrapper .nav-menu>ul>li.open:before {
content: "";
position: absolute;
top: 60px;
left: 0;
right: 0;
height: 1px;
background: #20274f;
}
#header .menu-wrapper .nav-menu>ul>li.open>a:after,
body.no-touch #header .menu-wrapper .nav-menu>ul>li:hover>a:after {
width: 56px;
}
#header .menu-wrapper .nav-menu>ul>li.mega-menu.open li .sub-menu {
display: none;
}
#header .menu-wrapper .nav-menu>ul>li.mega-menu.open li.open .sub-menu {
display: block;
}
#header .menu-wrapper .nav-menu>ul>li.open > .sub-menu,
body.no-touch #header .menu-wrapper .nav-menu>ul>li:hover > .sub-menu,
#header .menu-wrapper .nav-menu>ul > li.mega-menu.open > .sub-menu,
body.no-touch #header .menu-wrapper .nav-menu>ul > li.mega-menu:hover > .sub-menu {
display: block;
position: static;
width: auto;
left: auto;
-webkit-transform: none;
transform: none;
padding: 20px 0 0;
font-size: 16px;
text-align: left;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#header .menu-wrapper .nav-menu>ul > li.mega-menu.open > .sub-menu {
height: auto !important;
width: auto !important;
}
#header .menu-wrapper .nav-menu>ul > li.mega-menu.open .sub-menu {
padding-top: 0;
}
#header .menu-wrapper .nav-menu>ul>li.open .sub-menu li,
body.no-touch #header .menu-wrapper .nav-menu>ul>li:hover .sub-menu li {
width: auto;
margin-left: 20px;
padding: 16px 0 16px 1.8rem;
}
#header .menu-wrapper .nav-menu>ul>li.open .sub-menu li li,
body.no-touch #header .menu-wrapper .nav-menu>ul>li:hover .sub-menu li li {
padding-left: 0;
}
#header .menu-wrapper .nav-menu>ul>li.open .sub-menu li+li,
body.no-touch #header .menu-wrapper .nav-menu>ul>li:hover .sub-menu li+li {
border-top: 1px solid rgba(32, 37, 39, 0.3);
}
#header .menu-wrapper .nav-menu>ul>li.open .sub-menu li+li:before,
body.no-touch #header .menu-wrapper .nav-menu>ul>li:hover .sub-menu li+li:before {
display: none;
}
body.no-touch #header .menu-wrapper .nav-menu>ul>li:hover>a:after,
#header .menu-wrapper .nav-menu>ul>li.open>a:after,
#header .menu-wrapper .nav-menu>ul>li.current-menu-item>a:after,
#header .menu-wrapper .nav-menu>ul>li.current-menu-ancestor>a:after {
width: 56px;
bottom: -16px;
}
#header .menu-wrapper .yoobic-btn1 {
width: 168px;
margin-top: 52px;
margin-left: 18px;
font-size: 12.5px;
-webkit-box-shadow: 0px 5px 12px 1.3px rgba(141, 141, 141, 0.14);
box-shadow: 0px 5px 12px 1.3px rgba(141, 141, 141, 0.14);
}
.mobile-menu-bg {
opacity: 0;
}
body.mobile-open #header .menu-wrapper {
display: block;
}
body.mobile-open .mobile-menu-bg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
background: rgba(255, 255, 255, 0.99);
opacity: 1;
}
#cover.home .site-width {
padding: 0;
}
#cover.boost {
height: 575px;
}
#cover.boost .animation {
max-width: 50%;
}
#cover.boost .animation .main-vid {
width: 100%;
}
#cover.boost .animation .plant-vid {
right: 70px;
-webkit-transform: scale(0.9);
transform: scale(0.9);
-webkit-transform-origin: top center;
transform-origin: top center;
}
#cover.boost .bg-swoosh {
top: -90px;
}
#cover .textual-content {
width: 38%;
}
#content.home .main-slider-strip {
padding: 30px 0 0;
}
#content.home .main-slider-strip .main-slider .slides .slide .textual-content .item-title {
font-size: 30px;
}
#content.home .main-slider-strip .main-slider .slides .slide .textual-content .ytxt {
font-size: 17px;
}
#content.home .main-slider-strip .main-slider .slides .slide .item-animation {
top: 160px;
right: -10vw;
}
#content.home .main-slider-strip .main-slider .slides .slide .item-animation .main-vid {
-webkit-transform: scale(0.75);
transform: scale(0.75);
-webkit-transform-origin: top right;
transform-origin: top right;
}
#content.home .main-slider-strip .phone-slider {
top: -130px;
left: 20px;
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
#content.home .main-slider-strip .slide .phone-wrapper {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
#content.home .quote-wrapper .author-img {
width: 100px;
}
#content.home .quote-wrapper .author-img img {
max-width: 100%;
height: auto;
}
#content.home .quote-wrapper .author-img+.text-wrapper {
left: 130px;
}
#content.home .quote-wrapper .text-wrapper .logo {
margin-bottom: 0;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
#content.home .quote-wrapper .text-wrapper blockquote {
margin-left: 4px;
font-size: 16px;
}
#content.home .tablet-strip {
margin-top: -30px;
margin-bottom: 110px;
}
#content.home .tablet-strip .bg-swoosh {
top: 7%;
}
#content.home .tablet-strip .tablet-col {
width: 80.5%;
margin-left: -11%;
}
#content.home .tablet-strip .text-col {
width: 36%;
}
#content.home .tablet-strip .text-col .ptd {
padding-right: 6%;
}
#content.home .tablet-strip .text-col .ptd .desc {
font-size: 17px;
}
#content.home .tablet-strip .text-col .quote-wrapper {
top: 530px;
}
#content.home .yoobic-learn-about .yoobic-main-title {
margin-bottom: 70px;
}
#content.home .yoobic-learn-about .learn-items .item {
width: 305px;
}
#content.home .yoobic-learn-about .learn-items .item .img-wrapper {
height: 228px;
}
#content.home .yoobic-learn-about .learn-items .item .img-wrapper .swoosh {
width: 177px;
height: 203px;
background-size: cover;
}
#content.home .yoobic-learn-about .learn-items .item .img-wrapper .swoosh .label {
bottom: 16px;
right: 22px;
}
#content.home .yoobic-learn-about .learn-items .item .item-details {
margin-top: 40px;
}
#content.home .yoobic-learn-about .learn-items .item .item-details .desc {
margin: 0 40px;
}
/* #content.home */
.yoobic-rows {
padding-top: 295px;
}
.yoobic-rows .yoobic-main-title {
-webkit-transform: none;
transform: none;
}
.yoobic-rows .what-row.vleft .textual-content {
margin-right: 5%;
}
.yoobic-rows .what-row.vright .textual-content {
width: 35%;
margin-left: 10%;
}
.yoobic-rows .what-row .textual-content {
width: 35%;
}
.yoobic-rows .yoobic-main-title+.what-row .visual-content .bg-elements {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
#content .yoobic-rows .what-row .visual-content .bg-elements.bg-opt1 img {
position: absolute;
bottom: auto;
right: 50%;
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
.yoobic-rows .visual-content {
position: relative;
}
/* .yoobic-rows */
.icons-strip .icons-wrapper .icon .img-wrapper img {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
#content.boost .yoobic-rows {
padding-top: 295px;
}
#content.modular-page .swooshes-anim.mod-swooshes.row2 {
margin-top: 140px;
padding-bottom: 198px;
}
#content.modular-page .swooshes-anim.mod-swooshes.row2 .swooshes-wrapper {
width: 64%;
margin-left: 0;
}
#content.modular-page .swooshes-anim.mod-swooshes.row2 .swooshes-wrapper .swoosh-item {
width: 290px;
}
#content.modular-page .swooshes-anim.mod-swooshes.row2 .swooshes-wrapper .swoosh-item .item-text {
bottom: 9px;
}
#content.modular-page .swooshes-anim.mod-swooshes.row2 .swooshes-wrapper .swoosh-item .icon {
bottom: 270px;
}
#content.modular-page .swooshes-anim.mod-swooshes.row2 .swooshes-wrapper .swoosh-item .swoosh-vid {
max-width: 100%;
}
#content.modular-page .swooshes-anim.mod-swooshes.row2 .textual-content {
width: 33%;
margin-right: 0;
}
#content.modular-page .swooshes-anim.modular-page.swooshes-anim .mod-swooshes.row2 .textual-content .yoobic-main-title {
margin-bottom: 10px;
line-height: 1.2;
}
#content.modular-page .swooshes-anim.mod-swooshes.row2 .textual-content .intro-text {
margin-bottom: 10px;
line-height: 1.5;
letter-spacing: 0;
}
#content.modular-page .optimized {
margin-bottom: 40px;
}
#content.modular-page .optimized .visual-content {
width: 70%;
}
#content.modular-page .optimized .visual-content .main-img img {
max-width: 100%;
height: auto;
}
#content.boost .optimized .visual-content .right-img,
#content.modular-page .optimized .visual-content .right-img {
right: 0;
}
#content.boost .go-beyond .textual-content,
#content.modular-page .go-beyond .textual-content {
width: 40%;
}
#content.boost .icons-strip .icons-wrapper {
margin: 0 20px;
padding-top: 304px;
}
#content.boost .icons-strip .icons-wrapper .icon .img-wrapper {
margin-left: 10px;
margin-right: 10px;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
#content.boost .yoobic-learn-about .learn-items .item,
#content.operations .yoobic-learn-about .learn-items .item,
#content.modular-page .mod-solutions-blocks.yoobic-learn-about .learn-items .item {
width: 35vw;
margin: 0 2vw;
}
#content .mod-solutions-blocks.yoobic-learn-about .learn-items .item .img-wrapper {
height: 26.2vw;
}
#content .mod-solutions-blocks.yoobic-learn-about .learn-items .item .img-wrapper>img {
max-width: 100%;
height: auto;
}
#content .mod-solutions-blocks.yoobic-learn-about .learn-items .item .item-swoosh {
width: 21.4vw;
height: 24.5vw;
background-size: 100%;
}
#content .mod-solutions-blocks.yoobic-learn-about .learn-items .item .item-swoosh .label {
bottom: 12px;
right: 12px;
}
#content.img-rec .steps-strip {
padding-bottom: 0;
}
#content.img-rec .steps-strip .steps .step .num,
#content .mod-steps.steps-strip .steps .step .num {
font-size: 224px;
}
#content.img-rec .steps-strip .steps .step .img-wrapper,
#content .mod-steps.steps-strip .steps .step .img-wrapper {
-webkit-transform: scale(0.75);
transform: scale(0.75);
-webkit-transform-origin: top left;
transform-origin: top left;
top: 62px;
}
#content.img-rec .steps-strip .steps .step .img-wrapper:first-child,
#content .mod-steps.steps-strip .steps .step .img-wrapper:first-child {
left: 25%;
}
#content.img-rec .steps-strip .steps .step .desc,
#content .mod-steps.steps-strip .steps .step .desc {
margin-top: 50px;
}
#content.modular-page .learn-how.swooshes-anim.row3 .swooshes-wrapper .swoosh-item .item-text {
left: 70%;
bottom: 8px;
}
#content.modular-page .learn-how.swooshes-anim.row3 .swooshes-wrapper .swoosh-item .item-text .item-title {
font-size: 15px;
}
#content.modular-page .learn-how.swooshes-anim.row3 .swooshes-wrapper .swoosh-item .item-text .precentage {
font-size: 32px;
}
#content.img-rec .yoobic-slider-strip,
#content.thanku .yoobic-slider-strip {
padding-top: 150px;
}
#content.modular-page .yoobic-slider-strip.mod-use-slider .slider-wrapper {
height: auto;
}
#content.modular-page .yoobic-slider-strip .slider-wrapper .yoobic-slider {
height: 390px;
}
#content.single-story .yoobic-slider-strip .dots,
#content.modular-page .yoobic-slider-strip .dots {
bottom: 40px;
}
#content.img-rec .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .left-wrapper,
#content.thanku .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .left-wrapper {
padding: 0;
margin-left: 2%;
}
#content.img-rec .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .swoosh,
#content.thanku .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .swoosh {
width: calc(318px * .65);
height: calc(375px * .65);
}
#content.img-rec .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .right-wrapper,
#content.thanku .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .right-wrapper {
width: 36%;
height: 350px;
margin-right: 2%;
}
#content.thanku {
padding-top: 40px;
}
#content.thanku .yoobic-slider-strip {
padding-top: 0;
}
#content.thanku .insights-strip .items .item {
width: 31.3%;
margin: 0 1%;
}
#content.thanku .insights-strip .items .item .visual-wrapper {
height: 200px;
}
#content.thanku .insights-strip .items .item .visual-wrapper .fimg {
position: relative;
max-height: 100%;
width: auto;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
#content.thanku .insights-strip .items .item .visual-wrapper .swoosh {
width: calc(214px * .85);
height: calc(237px * .85);
}
#content.thanku .insights-strip .items .item .text-wrapper {
padding: 25px 35px;
}
#content.single-story .story-rows .story-row.vright .visual-content,
#content.single-story .story-rows .story-row.vleft .visual-content,
#content .mod-story-rows.story-rows .story-row.vright .visual-content,
#content .mod-story-rows.story-rows .story-row.vleft .visual-content {
width: 42%;
}
#content.single-story .accordion-strip .yoobic-main-title,
#content .mod-acc2 .yoobic-main-title {
margin-bottom: 85px;
}
#content.single-story .accordion-strip .acc-col,
#content .mod-acc2 .acc-col {
position: relative;
z-index: 2;
width: 42%;
margin-left: 2%;
}
#content.single-story .accordion-strip .acc-col .acc-item .wrapper,
#content .mod-acc2 .acc-col .acc-item .wrapper {
padding: 20px 24px;
}
#content.single-story .accordion-strip .acc-col .acc-item .title-wrapper .title,
#content .mod-acc2 .acc-col .acc-item .title-wrapper .title {
font-size: 22px;
letter-spacing: -0.5px;
}
#content.single-story .accordion-strip .acc-col .acc-item .content-wrapper,
#content .mod-acc2 .acc-col .acc-item .content-wrapper {
font-size: 18px;
}
#content.single-story .accordion-strip .phone-col .phone-slides .slide .device-wrapper,
#content .mod-acc2 .phone-col .phone-slides .slide .device-wrapper {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
#content.single-story .accordion-strip .phone-col .phone-slides .slide .device-wrapper.laptop,
#content .mod-acc2 .phone-col .phone-slides .slide .device-wrapper.laptop {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
#content.single-story .checkout,
#content .mod-title-link-anim {
margin-top: 20px;
padding-bottom: 100px;
}
#content.single-story .icons-strip {
margin-bottom: 100px;
}
#content.single-story .icons-strip .icons-wrapper {
margin-left: 30px;
}
#content .footer-cta .site-width+img {
position: relative;
left: 50%;
-webkit-transform: translateX(-36%);
transform: translateX(-36%);
}
#footer .wrapper #menu-footer-menu {
width: 81%;
}
#footer .wrapper #menu-footer-menu>li>a {
font-size: 16px;
}
#footer .wrapper .social .yoobic-btn1 {
width: 170px;
font-size: 13px;
}
#footer .wrapper .social .social-icons li {
margin-left: 0;
}
#content.contact .offices .items .item {
width: 28%;
margin: 0 0.5% 26px;
}
#content.contact .offices .items .item .text-wrapper .item-title {
margin-bottom: 14px;
}
#content.contact .offices .items .item .text-wrapper .details {
font-size: 18px;
}
#content.demo .form-strip .form-col {
padding: 40px 40px 50px;
}
#content.demo .form-strip .text-col {
width: 41%;
margin-left: 8%;
font-size: 18px;
}
.brands-strip .yoobic-sec-title {
margin-bottom: 70px;
}
.brands-strip .brands-items {
padding: 0;
}
#content.demo .brands-strip .brands-items .item {
min-width: 120px;
margin: 0 46px 50px;
}
#content.demo .brands-strip .site-width {
padding-bottom: 60px;
}
#cover.about .ptable .textual-content {
padding-bottom: 100px;
}
#cover.about .animation .main-vid,
#cover.about .animation .left-img {
-webkit-transform: scale(.8);
transform: scale(.8);
}
#content .stories-slider-strip .content-slider .slides .slide .right-wrapper {
height: 370px;
padding-right: 2.5%;
}
#content .stories-slider-strip .content-slider .slides .slide .right-wrapper .entry-content h2 {
font-size: 28px;
}
#content .stories-slider-strip .content-slider .slides .slide .right-wrapper .entry-content p {
font-size: 18px;
line-height: 1.45;
}
.swiper-slide {
margin-left: -11%;
}
#content #careers .social-network-strip .social {
height: 335px;
}
#careers .team-slider .yoobic-slider-strip .yoobic-slider .slides .slide .right-wrapper {
width: 100%;
}
#content #careers .brands-strip .bg-swoosh {
-webkit-transform: translateX(-70%) translateY(-47%);
transform: translateX(-70%) translateY(-47%);
}
#content.resources .cards-strip .site-width .items-list div.item .item-descr {
padding: 20px 30px 40px;
}
}
@media (max-width: 1023px) {
#cover.full-width .animation .main-vid {
-webkit-transform: translateX(-50%) scale(0.7);
transform: translateX(-50%) scale(0.7);
margin-right: 3%;
-webkit-transform-origin: bottom center;
transform-origin: bottom center;
}
#page-wrapper.video-bg #cover.full-width .animation .main-vid {
-webkit-transform: translateX(-50%) scale(1);
transform: translateX(-50%) scale(1);
margin-right: 3%;
-webkit-transform-origin: bottom center;
transform-origin: bottom center;
top: 0;
}
#cover.home {
overflow: hidden;
}
#cover.boost {
-webkit-transform: none;
transform: none;
}
#cover.boost .textual-content {
float: none;
width: 100%;
top: auto;
padding-top: 40px;
-webkit-transform: none;
transform: none;
}
#cover.boost .animation {
float: none;
width: auto;
max-width: 80%;
margin: 0 auto;
}
#content.home .logos-slider-strip {
height: 120px;
}
#content.home .logos-slider-strip .logos-slider {
width: 86%;
margin: 0 7%;
}
#content.home .logos-slider-strip .logos-slider .slides .slide {
width: 25%;
}
#content.home .logos-slider-strip .controls .arrow.arrow-prev {
left: 40px;
}
#content.home .logos-slider-strip .controls .arrow.arrow-next {
right: 40px;
}
#content.home .main-slider-strip .main-slider .slides .slide .textual-content {
left: 258px;
max-width: 400px;
}
#content.home .main-slider-strip .main-slider .slides .slide .textual-content .item-title {
font-size: 26px;
}
#content.home .main-slider-strip .main-slider .slides .slide .textual-content .ytxt {
margin-right: 30px;
}
#content.home .main-slider-strip .main-slider .slides .slide .item-animation {
top: 200px;
right: -7vw;
}
#content.home .main-slider-strip .main-slider .slides .slide .item-animation .main-vid {
-webkit-transform: scale(0.65);
transform: scale(0.65);
}
#content.home .main-slider-strip .main-slider .slides .phone-wrapper img:first-child {
width: 210px;
}
#content.home .main-slider-strip .main-slider .slides .phone-wrapper .screen-img {
width: 172px;
top: 24px;
}
#content.home .tablet-strip .tablet-col {
float: none;
width: 630px;
height: auto !important;
margin: 0 auto 40px;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: center;
transform-origin: center;
}
#content.home .tablet-strip .tablet-col .tablet-wrapper {
text-align: center;
}
#content.home .tablet-strip .tablet-col .tablet-wrapper img:first-child {
width: 630px;
}
#content.home .tablet-strip .tablet-col .tablet-wrapper .screen-img {
width: 560px;
top: 30px;
left: 33px;
}
#content.home .tablet-strip .tablet-col .inner-shadow {
width: 560px;
height: 388px;
}
#content.home .tablet-strip .text-col {
display: block;
float: none;
width: 100%;
height: auto !important;
}
#content.home .tablet-strip .text-col .ptd {
padding-bottom: 70px;
}
#content.home .tablet-strip .quote-wrapper {
position: static;
min-height: 100px;
}
#content.home .yoobic-learn-about {
margin-bottom: 70px;
}
#content.home .yoobic-learn-about .learn-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#content.modular-page .mod-solutions-blocks.yoobic-learn-about .learn-items {
display: block;
}
#content.home .yoobic-learn-about .learn-items .item {
width: 29vw;
}
#content.home .yoobic-learn-about .learn-items .item .img-wrapper {
height: 21.7vw;
}
#content.modular-page .mod-solutions-blocks.yoobic-learn-about .learn-items .item .img-wrapper {
height: 26.2vw;
}
#content.home .yoobic-learn-about .learn-items .item .img-wrapper .swoosh {
width: 18.1vw;
height: 20.7vw;
}
#content.home .yoobic-learn-about .learn-items .item .img-wrapper .swoosh .label {
bottom: 12px;
right: 14px;
font-size: 10px;
}
#content.home .yoobic-learn-about .learn-items .item .item-details {
margin-top: 20px;
}
#content.home .yoobic-learn-about .learn-items .item .item-details .item-title {
font-size: 16px;
}
#content.home .yoobic-learn-about .learn-items .item .item-details .desc {
margin: 0 20px;
font-size: 15px;
}
#content.home .yoobic-learn-about .learn-items .item .img-wrapper>img {
height: 100%;
}
.yoobic-rows .what-row .textual-content,
#content.modular-page .yoobic-rows .what-row .textual-content,
#content.modular-page .yoobic-rows .what-row.vleft.vtablet .textual-content {
width: 40%;
}
.yoobic-rows .what-row .textual-content .yoobic-sec-title br {
display: none;
}
.yoobic-rows .what-row.vleft .textual-content,
#content.modular-page .yoobic-rows .what-row.vleft .textual-content {
margin-right: 0;
}
.yoobic-rows .what-row.vright .textual-content,
#content.modular-page .yoobic-rows .what-row.vright .textual-content {
width: 40%;
margin-left: 5%;
}
.yoobic-rows .what-row .visual-content .phone-wrapper,
#content.modular-page .yoobic-rows .what-row .visual-content .phone-wrapper,
#content.modular-page .yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper {
-webkit-transform: translateX(-50%) scale(0.7);
transform: translateX(-50%) scale(0.7);
-moz-transform: translateX(-50%) scale(0.7);
-ms-transform: translateX(-50%) scale(0.7);
-o-transform: translateX(-50%) scale(0.7);
}
#content.modular-page .yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper {
margin-left: 0;
transform-origin: center;
}
.yoobic-rows .yoobic-main-title+.what-row .visual-content .bg-elements,
#content.modular-page .yoobic-rows .yoobic-main-title+.what-row .visual-content .bg-elements {
-webkit-transform: translateX(-50%) scale(0.7);
transform: translateX(-50%) scale(0.7);
}
.yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper img:first-child,
#content.modular-page .yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper img:first-child {
width: 760px;
height: auto;
}
.yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper .screen-img,
#content.modular-page .yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper .screen-img {
width: 693px;
height: auto;
}
/* .yoobic-rows */
#content.boost .swooshes-anim,
#content.modular-page .swooshes-anim.mod-swooshes.row2 {
padding-bottom: 70px;
}
#content.boost .swooshes-anim .site-width,
#content.modular-page .swooshes-anim.mod-swooshes.row2 .site-width {
padding-bottom: 114px;
}
#content.boost .swooshes-anim .textual-content,
#content.modular-page .swooshes-anim.mod-swooshes.row2 .textual-content {
float: none;
width: 100%;
}
#content.boost .swooshes-anim .textual-content .yoobic-btn2,
#content.modular-page .swooshes-anim.mod-swooshes.row2 .textual-content .yoobic-btn2 {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
#content.boost .swooshes-anim .textual-content .yoobic-btn2 .text,
#content.modular-page .swooshes-anim.mod-swooshes.row2 .textual-content .yoobic-btn2 .text {
white-space: nowrap;
}
#content.boost .swooshes-anim .swooshes-wrapper,
#content.modular-page .swooshes-anim.mod-swooshes.row2 .swooshes-wrapper {
float: none;
width: 620px;
margin: 60px auto 0;
}
#content.boost .swooshes-anim .swooshes-wrapper .swooshes-item+.swoosh-item,
#content.modular-page .swooshes-anim.mod-swooshes.row2 .swooshes-wrapper .swoosh-item+.swoosh-item {
margin-left: 5%;
}
#content.boost .go-beyond .optimized,
#content.modular-page .go-beyond .optimized {
margin-bottom: 20px;
}
#content.modular-page .go-beyond .optimized .textual-content {
float: none;
width: auto;
height: auto !important;
margin-left: 0;
}
#content.modular-page .go-beyond .textual-content {
width: 70%;
margin-top: 0;
margin-left: 5%;
}
#content.modular-page .go-beyond .textual-content .ptd {
padding-bottom: 30px;
}
#content.boost .go-beyond .optimized .visual-content,
#content.modular-page .go-beyond .optimized .visual-content {
float: none;
width: 100%;
height: auto !important;
}
#content.boost .go-beyond .optimized .visual-content .main-img img,
#content.modular-page .go-beyond .optimized .visual-content .main-img img {
max-width: 100%;
height: auto;
}
#content.boost .yoobic-rows .what-row .visual-content .bg-elements.bg-opt3 img:first-child,
#content.modular-page #what-is-boost.yoobic-rows .what-row .visual-content .bg-elements.bg-opt3 img:first-child {
right: calc(100% + 100px);
}
#content.boost .yoobic-rows .what-row .visual-content .bg-elements.bg-opt3 img:first-child+img,
#content.modular-page #what-is-boost.yoobic-rows .what-row .visual-content .bg-elements.bg-opt3 img:first-child+img {
left: calc(100% + 100px);
}
#content.boost .yoobic-rows .what-row .visual-content .bg-elements.bg-opt3 img:first-child+img+img,
#content.modular-page #what-is-boost.yoobic-rows .what-row .visual-content .bg-elements.bg-opt3 img:first-child+img+img {
left: calc(100% + 200px);
}
#content.modular-page .icons-strip .wrapper+.site-width .icons-wrapper {
padding-top: 260px;
}
#content.boost .icons-strip .icons-wrapper {
margin: 0 40px;
padding-top: 240px;
}
#content.boost .yoobic-learn-about {
padding-top: 110px;
}
#content.boost .yoobic-learn-about .yoobic-main-title {
margin-bottom: 45px;
}
/* General */
.icons-strip .icons-wrapper {
margin: 0 40px;
}
.icons-strip .icons-wrapper .icon {
clear: both;
float: none;
width: auto;
margin-bottom: 44px;
}
.icons-strip .icons-wrapper .icon .img-wrapper {
width: 130px !important;
max-width: none;
margin-left: 0;
direction: ltr !important;
-webkit-transform-origin: top left !important;
transform-origin: top left !important;
}
/* General */
.yoobic-learn-about .learn-items .item .swoosh {
width: 22vw;
height: 25vw;
background-position: bottom right;
background-size: 100%;
}
.yoobic-learn-about .learn-items .item .swoosh .label {
bottom: 14px;
right: 20px;
}
.yoobic-learn-about .learn-items .item .item-details {
margin-top: 30px;
}
.yoobic-learn-about .learn-items .item .item-details .item-title {
margin-bottom: 6px;
}
.yoobic-learn-about .learn-items .item .item-details .desc {
margin: 0 30px;
}
#cover.operations,
#cover.img-rec {
height: 665px;
}
#cover.operations .textual-content,
#cover.img-rec .textual-content {
float: none;
width: auto;
top: 0;
-webkit-transform: none;
transform: none;
}
#cover.operations .animation,
#cover.img-rec .animation {
position: relative;
float: none;
width: auto;
top: auto;
right: auto;
max-width: none;
margin-left: 0;
}
#content.img-rec .steps-strip {
padding-top: 80px;
}
#content.img-rec .steps-strip .steps {
margin-left: -30px;
margin-right: -10px;
}
#content.img-rec .steps-strip .steps .step {
width: 33.3%;
padding: 0 10px;
}
#content.img-rec .steps-strip .steps .step:first-child {
-webkit-transform: none;
transform: none;
}
#content.img-rec .steps-strip .steps .step:first-child .img-wrapper {
left: 25%;
}
#content.img-rec .steps-strip .steps .step:before {
top: 30%;
left: 36px;
}
#content.img-rec .accordion-strip .bg,
#content.modular-page .accordion-strip.img-zoom .bg {
bottom: -120px;
}
#content.img-rec .accordion-strip .yoobic-main-title {
margin-bottom: 116px;
}
#content.img-rec .accordion-strip .acc-col,
#content.modular-page .accordion-strip.img-zoom .acc-col {
width: 56%;
margin-left: 0;
}
#content.img-rec .accordion-strip .phone-col,
#content.modular-page .accordion-strip.img-zoom .phone-col {
width: 36%;
margin-left: 6%;
margin-bottom: 60px;
}
#content.img-rec .accordion-strip .phone-col .phone-slides {
width: 100%;
}
#content.img-rec .accordion-strip .phone-col .phone-slides .slide {
width: 100%;
max-width: 100%;
}
#content.img-rec .accordion-strip .phone-col .phone-slides .slide img {
max-width: 100%;
height: auto;
}
#content.img-rec .accordion-strip .yoobic-btn1,
#content.modular-page .accordion-strip.img-zoom .yoobic-btn1 {
margin-bottom: 180px;
}
#content.img-rec .swooshes-anim .swooshes-wrapper {
margin-left: -10px;
}
#content.img-rec .swooshes-anim .swooshes-wrapper .swoosh-item {
margin: 0 10px;
}
#content.img-rec .swooshes-anim .swooshes-wrapper .swoosh-item .swoosh-vid {
width: 210px;
}
#content.img-rec .swooshes-anim .swooshes-wrapper .swoosh-item .item-text,
#content.modular-page .learn-how.swooshes-anim.row3 .swooshes-wrapper .swoosh-item .item-text {
bottom: 4px;
}
#content.img-rec .swooshes-anim .swooshes-wrapper .swoosh-item .item-text .item-title,
#content.modular-page .learn-how.swooshes-anim.row3 .swooshes-wrapper .swoosh-item .item-text .item-title {
font-size: 13px;
line-height: 1.2;
letter-spacing: 0;
}
#cover.full-width .textual-content {
display: block;
margin: 0 auto;
}
#content.img-rec .swooshes-anim .swooshes-wrapper .swoosh-item .item-text .precentage {
font-size: 18px;
line-height: 1.2;
}
#content.img-rec .yoobic-slider-strip {
padding-top: 120px;
}
#content.img-rec .yoobic-slider-strip .yoobic-main-title {
margin-bottom: 60px;
}
#content.operations {
padding-top: 40px;
/* .slider-and-stores */
}
#content .mod-left-video-right-text.vid-text-cols {
padding-top: 40px;
}
#content #reg-vid-text.mod-left-video-right-text.vid-text-cols .flex-wrapper {
display: block;
}
#content #reg-vid-text .yoobic-vid {
margin-top: 40px;
}
#content #reg-vid-text .yoobic-vid > img {
max-width: 100%;
height: auto;
}
#content #reg-vid-text .yoobic-vid .play-btn {
transform: translateX(-50%) translateY(-50%) scale(.6);
}
#content.operations .vid-text-cols .text-col,
#content .mod-left-video-right-text.vid-text-cols .text-col,
#content .vid-text-cols.mod-comm-strip .text-col {
display: block;
float: none;
width: auto;
height: auto !important;
margin-right: 0;
}
#content.operations .vid-text-cols .text-col .ptd,
#content .mod-left-video-right-text.vid-text-cols .text-col .ptd,
#content .vid-text-cols.mod-comm-strip .text-col .ptd {
display: block;
padding-bottom: 0;
}
#content.operations .vid-text-cols .vid-col,
#content .mod-left-video-right-text.vid-text-cols .vid-col,
#content .vid-text-cols.mod-comm-strip .vid-col {
float: none;
width: auto;
height: auto !important;
-webkit-transform: none;
transform: none;
}
#content.operations .yoobic-rows,
#content.modular-page .mod-yoobic-rows {
padding-bottom: 30px;
}
#content.operations .yoobic-rows .what-row.vleft.vtablet .bg-swoosh,
#content .mod-yoobic-rows.yoobic-rows .what-row.vleft.vtablet .bg-swoosh {
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
}
#content.operations .yoobic-rows .what-row.vleft.vtablet .textual-content,
#content .mod-yoobic-rows.yoobic-rows .what-row.vleft.vtablet .textual-content {
width: auto;
height: auto !important;
text-align: center;
}
#content.operations .yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper,
#content .mod-yoobic-rows.yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper {
margin-left: 0;
}
#content.operations .yoobic-rows .what-row.vright .textual-content,
#content .mod-yoobic-rows.yoobic-rows .what-row.vright .textual-content {
width: 50%;
margin-left: 0;
}
#content.operations .slider-and-stores .bg,
#content .mod-general-slider.slider-and-stores .bg {
-webkit-transform: translateX(-50%) scale(0.6);
transform: translateX(-50%) scale(0.6);
-webkit-transform-origin: bottom center;
transform-origin: bottom center;
}
#content.operations .slider-and-stores .stores .textual-content,
#content.modular-page .slider-and-stores .stores .textual-content {
width: 70%;
height: 440px;
margin-left: 0;
}
#content.operations .quote-strip .wrapper .bg-swoosh,
.mod-grey-swoosh .wrapper .bg-swoosh {
left: 75%;
}
#content .vid-text-cols.comm-strip .site-width .text-col {
width: auto;
}
#content .vid-text-cols.comm-strip .site-width .vid-col {
width: 70%;
margin: 0 auto;
}
#content.operations .yoobic-learn-about {
padding-top: 40px;
}
#content.thanku .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .left-wrapper,
#content.modular-page .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide.only-vid .left-wrapper,
#content .mod-use-slider.yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide.only-vid .left-wrapper {
float: none;
width: 100%;
height: 440px;
margin-left: 0;
}
#content #careers .team-slider .yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper {
max-width: 680px;
height: auto;
}
#content.single-story .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide.only-vid .left-wrapper,
#content .mod-use-slider.yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide.only-vid .left-wrapper {
height: auto;
padding: 0;
}
#content.thanku .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .img-wrapper,
#content.single-story .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .img-wrapper {
max-width: none;
}
#content.thanku .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .img-wrapper img {
max-width: 90%;
}
#content.thanku .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .yoobic-vid,
#content.modular-page .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .yoobic-vid {
margin: 0 10px;
z-index: 2;
}
#content.careers .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .yoobic-vid,
#content.careers .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .yoobic-vid img {
height: 100%;
margin: 0;
}
#content.thanku .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .swoosh,
#content.modular-page .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .swoosh {
width: calc(318px * .75);
height: calc(375px * .75);
}
.yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .swoosh img {
left: 20%;
bottom: 15px;
}
#content.thanku .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .right-wrapper,
#content.modular-page .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .right-wrapper {
float: none;
width: 100%;
height: auto;
}
#content.thanku .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .right-wrapper .swooshes-wrapper,
#content.modular-page .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .right-wrapper .swooshes-wrapper {
margin-top: 0;
text-align: center;
}
#content.thanku .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .right-wrapper .swooshes-wrapper .swoosh-item,
#content.modular-page .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .right-wrapper .swooshes-wrapper .swoosh-item {
float: none;
display: inline-block;
vertical-align: top;
}
#content.modular-page .yoobic-slider-strip.mod-use-slider .site-width .slider-wrapper .yoobic-slider {
padding-bottom: 10%;
}
#content.modular-page .yoobic-slider-strip .site-width .dots,
#content.single-story .yoobic-slider-strip .site-width .dots {
bottom: 0;
}
.mod-solutions-blocks {
margin-top: 40px;
}
#content.thanku .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider {
height: 600px;
}
#content.thanku .yoobic-slider-strip .site-width .dots {
bottom: 40px;
}
#content.thanku .insights-strip .items {
margin-left: -3%;
margin-right: -3%;
}
#content.thanku .insights-strip .items .item {
height: 485px;
}
#content.thanku .insights-strip .items .item .visual-wrapper {
height: 160px;
}
#content.thanku .insights-strip .items .item .text-wrapper {
padding: 15px 20px;
}
#content.thanku .insights-strip .items .item .text-wrapper .item-title {
font-size: 18px;
}
#content.thanku .insights-strip .items .item .text-wrapper .item-date {
font-size: 13px;
}
#content.thanku .insights-strip .items .item .text-wrapper .desc {
font-size: 17px;
}
#content.thanku .insights-strip .items .item .text-wrapper .yoobic-btn2 {
font-size: 12px;
}
#cover.demo .cover-img {
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
#content.demo .form-strip .form-col {
width: 52%;
padding: 30px 20px 40px;
}
#content.demo .hbspt-form {
margin-top: 14px;
}
#content.demo .form-strip .text-col {
margin-left: 5%;
}
#content.demo .form-strip .text-col p {
margin-bottom: 16px;
}
#content.demo .form-strip .text-col ul li+li {
margin-top: 16px;
}
#content.demo .brands-strip .brands-items .item {
min-width: 104px;
margin: 0 29px 50px;
}
#content .stories-slider-strip {
padding-bottom: 120px;
}
#content .stories-slider-strip .logos-slider {
width: calc(100% - 25px);
height: 210px;
padding: 0 25px;
}
#content .stories-slider-strip .logos-slider .slides {
padding-top: 20px;
}
#content .stories-slider-strip .logos-slider .slides .slide {
width: 180px;
height: 140px;
margin-right: 16px;
}
#content .stories-slider-strip .logos-slider .slides .slide .img-wrapper {
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
transform: translateX(-50%) translateY(-50%) scale(0.8);
}
#content .stories-slider-strip .logos-slider .slides .slide.active {
width: 214px;
}
#content .stories-slider-strip .logos-slider .slides .slide.active .active-bg {
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
transform: translateX(-50%) translateY(-50%) scale(0.8);
}
#content .stories-slider-strip .content-slider {
margin-top: 50px;
}
#content .stories-slider-strip .content-slider .slides .slide .left-wrapper {
width: 52%;
padding-left: 0;
}
#content .stories-slider-strip .content-slider .slides .slide .left-wrapper .yoobic-vid .thumb {
max-width: 100%;
height: auto;
}
#content .stories-slider-strip .content-slider .slides .slide .left-wrapper .yoobic-vid .swoosh {
width: calc(318px * .5);
height: calc(375px * .5);
}
#content .stories-slider-strip .content-slider .slides .slide .right-wrapper {
width: 44%;
height: 330px;
padding-right: 2%;
}
#content .stories-slider-strip .content-slider .slides .slide .right-wrapper .entry-content h2 {
font-size: 28px;
}
#content .stories-slider-strip .content-slider .slides .slide .right-wrapper .entry-content p {
font-size: 18px;
line-height: 1.5;
}
#content.stories .brands-strip {
margin-bottom: 120px;
padding-top: 0;
}
#content.stories .brands-strip .yoobic-sec-title {
margin-bottom: 50px;
}
#content.stories .brands-strip .brands-items {
padding: 0 30px;
}
#content.stories .brands-strip .brands-items .item {
min-width: 100px;
margin: 0 20px 26px;
}
#cover.single-story .textual-content {
padding-top: 30px;
}
#content.single-story .vid-text-cols .text-col,
#content .mod-video-text-use-case.vid-text-cols .text-col {
width: 38%;
margin-right: 0;
}
#content.single-story .vid-text-cols img.yvid,
#content .mod-video-text-use-case.vid-text-cols img.yvid {
max-width: 60%;
height: auto;
}
#content.single-story .vid-text-cols .text-col .ptd,
#content .mod-video-text-use-case.vid-text-cols .text-col .ptd {
padding-bottom: 40px;
}
#content.single-story .vid-text-cols .text-col .ptd .desc,
#content .mod-video-text-use-case.vid-text-cols .text-col .desc {
font-size: 17px;
line-height: 1.6;
}
#content.single-story .story-rows .story-row,
#content .mod-story-rows.story-rows .story-row {
width: 100%;
margin-bottom: 70px;
}
#content .mod-story-rows.story-rows .story-row.vright .textual-content,
#content .mod-story-rows.story-rows .story-row.vleft .textual-content {
width: 41%;
}
#content.single-story .story-rows .story-row.vright .textual-content .intro-text,
#content.single-story .story-rows .story-row.vleft .textual-content .intro-text {
font-size: 17px;
line-height: 1.6;
}
#content .mod-story-rows.story-rows .story-row.vright .visual-content,
#content .mod-story-rows.story-rows .story-row.vleft .visual-content {
width: 45%;
}
#content.single-story .accordion-strip .acc-col,
#content .mod-acc2 .acc-col {
width: 47%;
margin-left: 0;
}
#content.single-story .accordion-strip .acc-col .acc-item .wrapper,
#content .mod-acc2 .acc-col .acc-item .wrapper {
padding: 18px 14px;
}
#content.single-story .accordion-strip .acc-col .acc-item .title-wrapper .title,
#content .mod-acc2 .acc-col .acc-item .title-wrapper .title {
font-size: 20px;
line-height: 1.4;
}
#content.single-story .accordion-strip .acc-col .acc-item .title-wrapper .ws-plus,
#content .mod-acc2 .acc-col .acc-item .title-wrapper .ws-plus {
top: 10px;
right: -10px;
}
#content.single-story .accordion-strip .phone-col,
#content .mod-acc2 .phone-col {
margin-bottom: 28px;
}
#content.single-story .accordion-strip .phone-col .phone-slides .slide .device-wrapper,
#content .mod-acc2 .phone-col .phone-slides .slide .device-wrapper {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
#content.single-story .accordion-strip .phone-col .phone-slides .slide .device-wrapper.laptop,
#content .mod-acc2 .phone-col .phone-slides .slide .device-wrapper.laptop {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
#content.single-story .checkout,
#content .mod-title-link-anim {
padding-bottom: 20px;
}
#content.single-story .icons-strip .icons-wrapper .icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#cover.about .lamp-vid {
display: none;
}
#cover.about .ptable {
display: block;
}
#cover.about .ptable .textual-content {
display: block;
}
#cover.about .textual-content .intro-text {
max-width: 550px;
}
#cover.about .animation .left-img {
-webkit-transform: scale(.7);
transform: scale(.7);
left: -50px;
}
#cover.about .textual-content .yoobic-btn1 {
min-width: 190px;
margin-top: 20px;
padding: 15px 5px;
}
#content .about-top-strip .founders-wrapper .text-col {
max-width: 43%;
padding-bottom: 0;
}
#content .about-top-strip .founders-wrapper .img-col {
max-width: 53%;
}
#content .team-strip .team-items .item {
width: 48%;
}
#content .positions-strip {
margin: 100px 0;
}
#content .positions-strip .wrapper {
width: 700px;
padding-left: 40px;
}
#content .positions-strip .wrapper .bg-el {
left: 40px;
}
#content .yoobic-learn-about.investors-blocks .intro-text {
max-width: 550px;
}
#content .yoobic-learn-about.investors-blocks .learn-items {
margin-top: 75px;
}
#content .footer-cta .yoobic-btn1 {
margin-bottom: 70px;
}
#content .footer-cta .site-width+img {
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
max-width: 200%;
height: auto;
}
#cover.contact .form-wrapper .bg-elements img {
-webkit-transform: scale(.8);
transform: scale(.8);
}
#cover.contact .form-wrapper .bg-elements img:first-child {
-webkit-transform: origin;
transform: origin;
bottom: right;
left: -426px;
}
#cover.contact .form-wrapper .bg-elements img:first-child+img {
-webkit-transform-origin: top left;
transform-origin: top left;
left: 44px;
}
#cover.contact .form-wrapper .form {
width: 560px;
padding: 50px 40px 20px;
}
#content.contact .offices .bg-swoosh .bottom {
margin-top: 1000px;
}
#content.contact .offices .items {
margin: 0 20%;
}
#content.contact .offices .items .item {
display: block;
width: 100%;
height: auto;
margin: 0 0 30px;
}
#content.contact .offices .items .item .text-wrapper {
height: auto;
min-height: 170px;
}
#footer .wrapper #menu-footer-menu {
display: none;
}
#footer .wrapper .social {
float: none;
}
#footer .wrapper .social .mobile-only {
display: block;
}
#footer .wrapper .social .btn-wrapper {
display: none;
}
#footer .wrapper .social .social-icons {
width: 100%;
margin-top: 0;
text-align: center;
}
#footer .wrapper .social .social-icons li {
float: none;
display: inline-block;
vertical-align: top;
}
#content #careers .team-in-action .swiper-container .swiper-slide {
visibility: hidden;
}
#content #careers .team-in-action .swiper-container .swiper-slide-active {
visibility: visible;
}
.swiper-slide {
margin-right: 100px;
margin-left: 85px;
}
#content #careers .vid-text-cols img {
margin-left: 0;
-o-object-fit: contain;
object-fit: contain;
}
#content #careers .brands-strip .brands-items {
padding: 0;
}
#cover.resources .animation .main-vid,
#cover.news .animation .main-vid,
#cover.events .animation .main-vid {
left: 22%;
}
#content.resources .cards-strip .site-width .items-list div.item {
width: 45%;
}
#content.news .active-card .inner-item {
max-width: 640px;
padding: 20px 75px;
}
#content.resources .cards-strip .site-width .items-list div.item .item-descr,
#content.events .cards-strip .site-width .items-list div.item .item-descr {
padding: 20px 17px 60px;
}
#content.resources .stories-slider-strip {
padding-bottom: 0px;
}
#content #careers .social-network-strip .social {
height: 355px;
}
#content.not-found video {
margin-top: 0;
}
#content.not-found .animation {
height: 460px;
}
.swiper-slide,
.swiper-slide-next,
.swiper-slide-prev,
.swiper-slide-active {
background-repeat: no-repeat;
width: 313px!important;
height: 167px;
vertical-align: middle;
position: relative;
z-index: 1;
border-radius: 20px;
margin: 40px 5%;
visibility: visible;
background-size: contain;
margin-left: 0;
-webkit-filter: grayscale(-0);
filter: grayscale(-0);
}
#content #careers .team-in-action .swiper-container .swiper-slide-active .swoosh {
width: 156px;
/* height: 206px; */
border-top-right-radius: 0px;
}
/*#content #careers .swiper-container,
#content #careers .swiper-slide {
height: 206px;
border-radius: 22px;
width: 100%!important;
height: 100%;
}*/
#content #careers .team-in-action .swiper-container .swiper-slide {
visibility: visible;
}
#content #careers .vid-text-cols .bg-elements {
display: none;
}
.swiper-button-next,
.swiper-button-prev {
top: 68%;
width: 15px;
}
#content #careers .swiper-container {
height: 375px;
}
#content #careers .team-in-action .swiper-container .swiper-slide {
background-size: cover;
}
}
#content.modular-page>.mod-video-text-use-case:first-child {
margin-top: 100px;
}
@media (min-width: 760px) and (max-width: 1199px) {
#content #careers .brands-strip .bg-swoosh {
-webkit-transform: translateX(-74%) translateY(-48%) rotate(6deg);
transform: translateX(-74%) translateY(-48%) rotate(6deg);
}
.brands-strip .brands-items .item {
margin: 0 50px 19px;
}
}
@media (min-width: 601px) and (max-width: 1023px) {
#cover.full-width .textual-content,
#cover.events .ptable .ptd .yoobic-main-title,
#cover.resources .textual-content .yoobic-main-title,
#cover.news .textual-content .yoobic-main-title,
#cover .careers .textual-content .yoobic-main-title {
padding-top: 44px;
}
}
@media (max-width: 767px) {
body.home #page-wrapper {
padding-top: 70px;
}
.mobile-img,
.mobile-only,
#footer .mobile-only,
#content .mobile-only {
display: block;
}
.desctop-only,
.confetti-wrapper,
.respons-footer .animation-wrapper img.desktop-img {
display: none;
}
.yoobic-main-title {
font-size: 25.5px;
}
.yoobic-sec-title {
font-size: 26px;
line-height: 1.2;
}
#content #careers .story-rows1 h2.yoobic-sec-title {
text-align: center;
}
#header {
height: 71px;
padding: 14px 0;
}
#header .logo-wrapper {
width: 147px;
margin-left: -5px;
}
#cover {
-webkit-transform: none !important;
transform: none !important;
padding-top: 22px;
}
#cover .textual-content {
float: none;
width: auto;
top: auto;
-webkit-transform: none;
transform: none;
text-align: center;
}
#cover .textual-content .pre-title {
margin-bottom: 7px;
font-size: 18px;
}
#cover .textual-content .intro-text {
letter-spacing: 0;
padding: 0 7px;
}
#cover.home.full-width .textual-content .intro-text {
padding: 0;
}
#cover .textual-content .intro-text br {
display: none;
}
#cover .textual-content .yoobic-btn1 {
min-width: 200px;
margin-top: 25px;
padding: 16px 10px;
font-size: 15.5px;
}
#page-wrapper.video-bg #cover.full-width .textual-content .yoobic-main-title {
padding-top: 0;
}
#cover.full-width .textual-content {
padding: 14px 34px 0;
}
#cover.full-width .textual-content .pre-title {
line-height: 1.2;
letter-spacing: -1.3px;
}
#cover.full-width .textual-content .yoobic-main-title {
font-size: 27.5px;
}
#cover.full-width .textual-content .intro-text {
line-height: 1.5;
}
#cover.full-width .textual-content .yoobic-btn1 {
margin-top: 15px;
}
#cover.full-width .textual-content .yoobic-btn1_1 {
height: auto;
padding: 16px 10px;
box-sizing: border-box;
line-height: initial;
}
#cover.full-width .animation .main-vid,
#cover.home .animation .cover-img-home {
display: none;
}
#cover.events .animation .main-vid,
#cover.news .animation .main-vid,
#cover.careers .animation .main-vid,
#cover.resources .animation .main-vid {
display: block;
}
#cover .site-width .animation video {
display: none;
}
#cover.home {
height: 558px;
}
#cover.home .animation {
position: absolute;
bottom: -20px;
left: 0;
right: 0;
margin-top: 30px;
}
#page-wrapper.video-bg #cover.home .animation {
top: 0;
}
#cover.home .animation .mobile-img img {
display: block;
position: relative;
/*width: 700px;*/
width: 100%;
height: auto;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
#page-wrapper.video-bg #cover.home .animation .mobile-img img {
/* height: 100vh;
width: auto; */
height: auto;
width: 100%;
}
#content.home .logos-slider-strip {
height: 90px;
padding: 30px 0;
}
#content.home .logos-slider-strip .swoosh-bg {
top: -184px;
-webkit-transform: translateX(-50%) scale(0.6);
transform: translateX(-50%) scale(0.6);
}
#content.home .logos-slider-strip .logos-slider {
width: 100%;
height: 60px;
margin: 0;
}
#content.home .logos-slider-strip .logos-slider .slides {
width: 99999px;
}
#content.home .logos-slider-strip .logos-slider .slides .slide {
float: left;
width: calc(60vw - 60px);
margin: 0;
}
#content.home .logos-slider-strip .logos-slider .slides .slide img {
/* -webkit-transform: scale(0.85);
transform: scale(0.85);*/
height: auto;
}
#content.home .logos-slider-strip .controls .arrow {
top: 4px;
width: 7px;
height: 11px;
}
#content.home .logos-slider-strip .controls .arrow.arrow-prev {
left: 10px;
}
#content.home .logos-slider-strip .controls .arrow.arrow-next {
right: 10px;
}
#content.home .main-slider-strip {
padding-top: 69px;
}
#content.home .main-slider-strip .main-slider {
height: auto;
}
#content.home .main-slider-strip .main-slider .slides .slide {
position: static;
}
#content.home .main-slider-strip .main-slider .slides .slide .textual-content {
position: relative;
top: 0;
left: 0;
padding: 0 8px;
}
#content.home .main-slider-strip .main-slider .slides .slide .textual-content .item-title {
line-height: 1.2;
letter-spacing: -1.5px;
}
#content.home .main-slider-strip .main-slider .slides .slide .textual-content .ytxt {
margin-right: 0;
line-height: 1.55;
}
#content.home .main-slider-strip .main-slider .slides .slide .item-animation {
position: relative;
top: 0;
right: 0;
height: 270px;
}
#content.home .main-slider-strip .main-slider .slides .slide .item-animation .main-vid,
#content.home .main-slider-strip .main-slider .slides .slide .item-animation .reverse-vid {
display: none;
}
#content.home .main-slider-strip .main-slider .slides .slide .item-animation .mobile-only {
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
margin-top: 20px;
}
#content.home .main-slider-strip .main-slider .slides .slide .quote-wrapper {
position: relative;
bottom: auto;
left: 0;
top: -10px;
min-height: 100px;
padding-bottom: 20px;
}
#content.home .main-slider-strip .main-slider .slides .slide .quote-wrapper .author-img {
width: 88px;
}
#content.home .main-slider-strip .main-slider .slides .slide .quote-wrapper .text-wrapper {
position: static;
bottom: auto;
top: 0;
margin-top: 0;
line-height: 1.4;
letter-spacing: 1.3px;
}
#content.home .main-slider-strip .main-slider .slides .slide .quote-wrapper .author-img+.text-wrapper {
left: 114px;
}
#content.home .main-slider-strip .main-slider .slides .slide .quote-wrapper .text-wrapper .logo {
position: static;
bottom: auto;
top: 100%;
margin-top: 10px;
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: top left;
transform-origin: top left;
}
#content.home .main-slider-strip .main-slider .slides .slide+.slide {
padding-top: 34px;
border-top: 1px solid #eee;
}
#content.home .main-slider-strip .main-slider .slides .phone-wrapper {
position: relative;
}
#content.home .main-slider-strip .phone-slider {
display: none;
}
#content.home .tablet-strip {
margin-bottom: 0;
padding-bottom: 110px;
}
#content.home .tablet-strip .bg-swoosh {
top: 50%;
}
#content.home .tablet-strip .bg-swoosh img {
display: none;
}
#content.home .tablet-strip .bg-swoosh img.mobile-img {
display: block;
}
#content.home .tablet-strip .tablet-col .tablet-wrapper {
position: relative;
left: -15px;
top: -30px;
}
#content.home .tablet-strip .tablet-col .tablet-wrapper img:first-child {
width: 356px;
border-radius: 22px;
-webkit-box-shadow: 0 0 14px 3px rgba(0, 0, 0, .15);
box-shadow: 0 0 14px 3px rgba(0, 0, 0, .15);
}
#content.home .tablet-strip .tablet-col .inner-shadow {
width: 304px;
height: 212px;
top: 23px;
}
#content.home .tablet-strip .tablet-col .tablet-wrapper .screen-img {
width: 305px;
top: 22px;
left: 33px;
}
#content.home .tablet-strip .text-col .ptd {
padding-bottom: 60px;
}
#content.home .tablet-strip .text-col .ptd .yoobic-sec-title {
margin-top: -13px;
}
#content.home .tablet-strip .text-col .ptd .desc {
line-height: 1.5;
}
#content.home .tablet-strip .text-col .quote-wrapper .author-img {
width: 88px;
}
#content.home .tablet-strip .text-col .quote-wrapper .author-img+.text-wrapper {
left: 110px;
}
#content.home .tablet-strip .text-col .quote-wrapper .text-wrapper .logo {
bottom: auto;
top: 100%;
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: top left;
transform-origin: top left;
}
#content.home .yoobic-learn-about {
margin-bottom: 30px;
}
/* #content.home */
.yoobic-learn-about,
#content.home .yoobic-learn-about {
padding-top: 62px;
}
.yoobic-learn-about .yoobic-main-title,
#content.home .yoobic-learn-about .yoobic-main-title {
margin-bottom: 48px;
font-size: 29px;
}
#content.home .yoobic-learn-about .learn-items {
display: block;
}
.yoobic-learn-about .learn-items .item,
#content.home .yoobic-learn-about .learn-items .item {
width: 310px !important;
margin: 0 0 64px !important;
}
.yoobic-learn-about .learn-items .item .img-wrapper .swoosh,
#content.home .yoobic-learn-about .learn-items .item .img-wrapper .swoosh {
width: 160px;
height: 184px;
background-size: 160px 184px;
}
.yoobic-learn-about .learn-items .item .img-wrapper .swoosh .label,
#content.home .yoobic-learn-about .learn-items .item .img-wrapper .swoosh .label {
display: none;
}
.yoobic-learn-about .learn-items .item .item-details,
#content.home .yoobic-learn-about .learn-items .item .item-details {
margin-top: 26px;
}
.yoobic-learn-about .learn-items .item .item-details .item-title,
#content.home .yoobic-learn-about .learn-items .item .item-details .item-title {
/*display: none;*/
}
.yoobic-learn-about .learn-items .item .item-details .desc,
#content.home .yoobic-learn-about .learn-items .item .item-details .desc {
margin: 7px 0 0;
font-size: 18px;
letter-spacing: 0;
}
.yoobic-learn-about .learn-items .item .item-details .yoobic-btn2,
#content.home .yoobic-learn-about .learn-items .item .item-details .yoobic-btn2 {
display: inline-block !important;
}
.yoobic-learn-about .learn-items .img-wrapper,
#content.home .yoobic-learn-about .learn-items .img-wrapper {
height: 232px !important;
}
.yoobic-learn-about .learn-items .img-wrapper>img,
#content.home .yoobic-learn-about .learn-items .img-wrapper>img {
max-width: 100%;
height: 100%;
}
.yoobic-learn-about .learn-items.abtwn,
#content.home .yoobic-learn-about .learn-items.abtwn {
display: block;
}
/* .yoobic-learn-about */
.yoobic-rows {
padding-top: 12vw;
}
.yoobic-rows .yoobic-main-title {
margin-bottom: 36px;
-webkit-transform: none;
transform: none;
}
.yoobic-rows .what-row,
.yoobic-rows .what-row.vright {
position: relative;
}
.yoobic-rows .what-row .textual-content,
.yoobic-rows .what-row.vright .textual-content {
float: none;
width: 100% !important;
margin: 0 0 52px !important;
padding-top: 0;
text-align: center;
}
.yoobic-rows .what-row .textual-content .yoobic-sec-title,
.yoobic-rows .what-row.vright .textual-content .yoobic-sec-title {
font-size: 22px;
}
.yoobic-rows .what-row .textual-content .intro-text,
.yoobic-rows .what-row.vright .textual-content .intro-text {
margin: 0 4px 12px;
font-size: 18px;
line-height: 1.45;
}
.yoobic-rows .what-row .textual-content .yoobic-btn2,
.yoobic-rows .what-row.vright .textual-content .yoobic-btn2 {
position: absolute;
bottom: 67px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 2;
}
.yoobic-rows .what-row .visual-content,
.yoobic-rows .what-row.vright .visual-content {
position: relative;
float: none;
width: 100% !important;
}
.yoobic-rows .what-row .visual-content .phone-wrapper,
.yoobic-rows .what-row.vright .visual-content .phone-wrapper,
#content .mod-rows-imgr.yoobic-rows .what-row .visual-content .phone-wrapper,
#content .mod-rows-imgr.yoobic-rows .what-row.vright .visual-content .phone-wrapper,
#content.modular-page .yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper {
-webkit-transform: translateX(-50%) scale(0.82);
transform: translateX(-50%) scale(0.82);
-webkit-transform-origin: top center;
transform-origin: top center;
-moz-transform: translateX(-50%) scale(0.82);
-ms-transform: translateX(-50%) scale(0.82);
-o-transform: translateX(-50%) scale(0.82);
}
.yoobic-rows .what-row+.what-row,
#content .mod-rows-imgr.yoobic-rows .what-row+.what-row {
-webkit-transform: none;
transform: none;
padding-top: 61px;
border-top: 1px solid rgba(32, 37, 39, 0.2);
}
.yoobic-rows .what-row+.what-row .textual-content,
#content .mod-rows-imgr.yoobic-rows .what-row+.what-row .textual-content {
margin-bottom: 19px !important;
padding-top: 0;
}
.yoobic-rows .what-row+.what-row+.what-row,
#content .mod-rows-imgr.yoobic-rows .what-row+.what-row+.what-row {
-webkit-transform: none;
transform: none;
}
.yoobic-rows .yoobic-main-title+.what-row .visual-content .bg-elements,
#content .mod-rows-imgr.yoobic-rows .yoobic-main-title+.what-row .visual-content .bg-elements {
left: -30px;
width: 100vw;
text-align: center;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
.yoobic-rows .yoobic-main-title+.what-row .visual-content .bg-elements img,
#content .mod-rows-imgr.yoobic-rows .yoobic-main-title+.what-row .visual-content .bg-elements img {
max-width: 96%;
height: auto;
}
.yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .play-btn img {
width: 36px;
height: 36px;
}
/* .yoobic-rows */
.icons-strip .icons-wrapper .icon .yoobic-sec-title {
font-size: 22px;
}
.icons-strip .icons-wrapper .icon .img-wrapper {
width: 94px !important;
min-width: 94px;
margin-right: -4px;
margin-left: -4px;
-webkit-transform: scale(0.7);
transform: scale(0.7);
-webkit-transform-origin: top;
transform-origin: top;
}
#cover.about .lamp-vid {
display: none;
}
#cover.about .animation .left-img,
#cover.about .animation .main-vid {
display: none;
}
#cover.about .animation {
height: auto;
}
#cover.about .ptable {
display: block;
}
#cover.about .ptable .textual-content {
padding: 14px 0 0;
}
#cover.about .ptable .textual-content .yoobic-main-title {
font-size: 22.5px;
line-height: 1.6;
}
#cover.about .ptable .textual-content .intro-text {
margin-top: 13px;
}
#content .about-top-strip {
margin-bottom: 50px;
padding-top: 170px;
}
#content .about-top-strip .wrapper .bg-swoosh {
-webkit-transform: translateX(-50%) scale(0.7);
transform: translateX(-50%) scale(0.7);
-webkit-transform-origin: top center;
transform-origin: top center;
}
#content .about-top-strip .retail-wrapper {
margin-bottom: 38px;
}
#content .about-top-strip .retail-wrapper .ytxt {
font-size: 18px;
line-height: 1.45;
}
#content .about-top-strip .founders-wrapper {
display: block;
}
#content .about-top-strip .founders-wrapper .img-col {
max-width: 100%;
}
#content .about-top-strip .founders-wrapper .text-col {
display: block;
max-width: 100%;
margin-top: 33px;
text-align: center;
}
#content .about-top-strip .founders-wrapper .text-col .ytxt {
font-size: 18px;
line-height: 1.45;
}
#content .team-strip {
padding-bottom: 0;
}
#content .team-strip .site-width .items-list div.item {
width: 100%;
margin-left: 0%;
margin-right: 0%;
}
#content .team-strip .team-items {
margin: 20px 0 0;
}
#content .team-strip .team-items .item {
width: 100%;
height: auto;
margin-left: 0;
margin-bottom: 44px;
}
#content .team-strip .team-items .item .visual-wrapper {
height: 304px;
}
#content .team-strip .team-items .item .visual-wrapper .bg-el {
-webkit-transform: scale(0.65);
transform: scale(0.65);
-webkit-transform-origin: bottom center;
transform-origin: bottom center;
}
#content .team-strip .team-items .item .visual-wrapper .member {
-webkit-transform: translateX(-50%) scale(0.65);
transform: translateX(-50%) scale(0.65);
}
#content .team-strip .team-items .item .visual-wrapper:after {
left: 40px;
right: 40px;
}
#content .team-strip .team-items .item .details {
padding: 18px 30px 18px 60px;
}
#content .team-strip .team-items .item .details .linkedin-wrapper {
width: 26px;
height: 26px;
}
#content .team-strip .team-items .item .details .linkedin-wrapper a {
display: block;
}
#content .team-strip .team-items .item .details .linkedin-wrapper a img {
width: 100%;
height: auto;
}
#content .team-strip .team-items .item .details .name-and-position {
margin-left: 6px;
}
#content .team-strip .team-items .item .details .name-and-position .name {
font-size: 12.5px;
}
#content .team-strip .team-items .item .details .name-and-position .position {
font-size: 11px;
}
#content .positions-strip .wrapper {
padding-left: 0;
padding-bottom: 270px;
}
#content .positions-strip .wrapper .yoobic-sec-title {
margin: 0 -15px;
font-size: 25.5px;
letter-spacing: -2px;
}
#content .positions-strip .wrapper .bg-el {
top: auto;
bottom: 0;
-webkit-transform: scale(0.7);
transform: scale(0.7);
-webkit-transform-origin: bottom;
transform-origin: bottom;
}
#content .positions-strip .wrapper .yoobic-btn2 {
font-size: 11px;
}
#content .yoobic-learn-about.investors-blocks {
padding-top: 68px;
padding-bottom: 18px;
}
#content .yoobic-learn-about.investors-blocks .yoobic-main-title {
font-size: 25.5px;
letter-spacing: -1px;
}
#content .yoobic-learn-about.investors-blocks .intro-text {
line-height: 1.45;
}
#content .yoobic-learn-about.investors-blocks .learn-items {
margin-top: 48px;
}
#content .yoobic-learn-about.investors-blocks .learn-items .item {
width: 300px !important;
}
#content .yoobic-learn-about.investors-blocks .learn-items .item .img-wrapper {
height: 135px !important;
}
#content .yoobic-learn-about.investors-blocks .learn-items .item .img-wrapper .text-wrapper {
display: none;
}
#content .yoobic-learn-about.investors-blocks .learn-items .item .img-wrapper .swoosh {
width: 115px;
height: 127px;
}
#content .yoobic-learn-about.investors-blocks .learn-items .mobile-only {
display: inline-block;
}
#cover.boost {
height: 695px;
}
#cover.boost .textual-content {
padding-top: 20px;
}
#cover.boost .animation {
float: none;
max-width: 100%;
margin-left: 0;
margin-top: -34px;
overflow: visible;
}
#cover.boost .animation .plant-vid,
#cover.boost .animation .main-vid {
display: none;
}
#cover.boost .animation .mobile-img-wrapper {
margin-left: -30px;
margin-right: -30px;
overflow: hidden;
}
#cover.boost .animation .mobile-img-wrapper .mobile-img {
position: relative;
width: 742px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
#cover.boost .animation .mobile-img-wrapper .mobile-img img {
width: 100%;
height: auto;
}
#cover.boost .bg-swoosh {
top: -110px;
}
#content.boost {
overflow: hidden;
}
#content.boost .yoobic-rows {
padding-top: 22vw;
}
body #content.modular-page #what-is-boost.yoobic-rows {
padding-top: 60px;
}
#content.boost .yoobic-rows .main {
margin-top: -36px;
}
#content.modular-page .swooshes-anim.mod-swooshes.row2 {
margin-top: 103px;
padding: 64px 0 67px;
}
#content.modular-page .swooshes-anim.mod-swooshes.row2 .wrapper {
top: -1220px;
}
#content.modular-page .swooshes-anim.mod-swooshes.row2 .textual-content {
position: static;
float: none;
width: 100%;
margin-bottom: 33px;
margin-right: 0;
text-align: center;
}
#content.modular-page .swooshes-anim.mod-swooshes.row2 .textual-content .yoobic-main-title {
margin-bottom: 16px;
}
#content.modular-page .swooshes-anim.mod-swooshes.row2 .textual-content .intro-text {
margin: 0 16px 17px;
line-height: 1.5;
letter-spacing: 0;
}
#content.modular-page .swooshes-anim.mod-swooshes.row2 .swooshes-wrapper {
float: none;
width: auto;
margin: 32px -10px 0;
text-align: center;
}
#content.modular-page .swooshes-anim.mod-swooshes.row2 .swooshes-wrapper .swoosh-item {
float: none;
display: inline-block;
width: 150px;
padding-top: 34px;
padding-right: 0;
}
#content.modular-page .swooshes-anim.mod-swooshes.row2 .swooshes-wrapper .swoosh-item .icon {
bottom: 143px;
-webkit-transform: scale(0.7) translateX(50%);
transform: scale(0.7) translateX(50%);
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
}
#content.modular-page .swooshes-anim.mod-swooshes.row2 .swooshes-wrapper .swoosh-item .swoosh-vid {
display: none;
width: 100%;
}
#content.modular-page .swooshes-anim.mod-swooshes.row2 .swooshes-wrapper .swoosh-item .swoosh-vid.mobile-only {
display: block;
}
#content.modular-page .swooshes-anim.mod-swooshes.row2 .swooshes-wrapper .swoosh-item .swoosh-vid.mobile-only img {
max-width: 100%;
height: auto;
}
#content.modular-page .swooshes-anim.mod-swooshes.row2 .swooshes-wrapper .swoosh-item .item-text {
bottom: 14px;
width: 100%;
}
#content.modular-page .swooshes-anim.mod-swooshes.row2 .swooshes-wrapper .swoosh-item .item-text .item-title {
position: absolute;
top: 56px;
left: 0;
width: 60%;
font-size: 14px;
color: #20274f;
}
#content.modular-page .swooshes-anim.mod-swooshes.row2 .swooshes-wrapper .swoosh-item .item-text .percentage {
font-size: 21px;
}
#content.modular-page .swooshes-anim.mod-swooshes.row2 .swooshes-wrapper .swoosh-item+.swoosh-item {
margin-left: 3%;
}
#content.modular-page .swooshes-anim.mod-swooshes.row2:after {
content: "";
position: absolute;
bottom: 0;
left: 37px;
right: 37px;
height: 1px;
background: rgba(32, 37, 39, 0.2);
}
#content.modular-page .go-beyond {
padding-bottom: 146px;
}
#content.modular-page .go-beyond .optimized {
padding: 64px 0 118px;
text-align: center;
background: #fff;
}
#content.modular-page .go-beyond .optimized .textual-content {
float: none;
display: block;
width: auto;
height: auto !important;
margin-left: 0;
}
#content.modular-page .go-beyond .optimized .textual-content .yoobic-sec-title {
margin-bottom: 12px;
}
#content.modular-page .go-beyond .optimized .textual-content .ytxt {
margin: 0 17px;
padding-left: 0;
line-height: 1.5;
}
#content.modular-page .go-beyond .optimized .visual-content {
height: auto !important;
float: none;
width: auto;
margin-top: 10px;
margin-left: 32px;
}
#content.modular-page .go-beyond .optimized .visual-content .main-img img {
max-width: 172%;
}
#content.modular-page .go-beyond .optimized .visual-content .left-img {
-webkit-transform: scale(0.6);
transform: scale(0.6);
-webkit-transform-origin: bottom center;
transform-origin: bottom center;
bottom: -35px;
left: -50px;
}
#content.modular-page .go-beyond .optimized .visual-content .right-img {
display: none;
}
#content.modular-page .go-beyond .bg {
height: 1295px;
bottom: -140px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
#content.modular-page .go-beyond .textual-content {
width: 80%;
height: 250px;
margin-top: 0;
margin-left: 1.5%;
}
#content.modular-page .go-beyond .textual-content .ptd {
display: block;
}
#content.modular-page .go-beyond .textual-content .yoobic-main-title {
margin-bottom: 11px;
}
#content.modular-page .go-beyond .textual-content .yoobic-main-title br {
display: none;
}
#content.modular-page .go-beyond .textual-content .ytxt {
line-height: 1.45;
}
#content .icons-strip .wrapper+.site-width .icons-wrapper {
display: block;
margin: 0 -4px 0 0;
padding-top: 200px;
}
#content.boost .icons-strip .icons-wrapper .icon .yoobic-sec-title {
margin-bottom: 5px;
}
#content.boost .icons-strip .icons-wrapper .icon .main .desc {
padding-right: 0;
}
#content.boost .yoobic-learn-about {
padding: 30px 0 0;
}
#content.boost .yoobic-learn-about .learn-items {
margin: 0 -5px;
}
#content.boost .yoobic-learn-about .learn-items .item .item-details {
margin-top: 26px;
}
#content.boost .yoobic-learn-about .learn-items .item .item-details .desc {
margin: 5px 0;
}
#content.boost .footer-cta {
padding-top: 0;
}
#content.boost .footer-cta .yoobic-main-title {
font-size: 29px;
}
/* #content.boost */
#cover.operations {
height: auto;
}
#cover.operations .animation {
overflow: visible;
margin-top: 20px;
}
#cover.operations .animation .mobile-img img {
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
#content.operations {
padding-top: 78px;
/* .yoobic-rows */
}
#content.operations .vid-text-cols .text-col .ptd .desc {
line-height: 1.55;
letter-spacing: 0;
}
#content.operations .vid-text-cols .vid-col .yvid,
#content .vid-text-cols.mod-left-video-right-text .vid-col .yvid {
display: none;
}
#content.operations .yoobic-rows .yoobic-main-title,
#content .mod-yoobic-rows .yoobic-main-title {
margin-bottom: 120px;
font-size: 29px;
}
#content.operations .yoobic-rows .what-row,
#content .mod-yoobic-rows.yoobic-rows .what-row {
padding-bottom: 70px;
}
#content.operations .yoobic-rows .what-row .textual-content,
#content .mod-yoobic-rows.yoobic-rows .what-row .textual-content {
display: block;
height: auto !important;
}
#content.operations .yoobic-rows .what-row .textual-content .ptd,
#content .mod-yoobic-rows.yoobic-rows .what-row .textual-content .ptd {
display: block;
}
#content.operations .yoobic-rows .what-row .textual-content .ptd .yoobic-sec-title,
#content .mod-yoobic-rows.yoobic-rows .what-row .textual-content .ptd .yoobic-sec-title {
position: relative;
z-index: 2;
margin-bottom: 6px;
}
#content.operations .yoobic-rows .what-row .textual-content .ptd .intro,
#content .mod-yoobic-rows.yoobic-rows .what-row .textual-content .ptd .intro {
position: relative;
z-index: 2;
line-height: 1.5 !important;
}
#content.operations .yoobic-rows .what-row .textual-content .ptd .btns-wrapper,
#content .mod-yoobic-rows.yoobic-rows .what-row .textual-content .ptd .btns-wrapper {
position: absolute;
bottom: 60px;
right: 0;
left: 0;
}
#content.operations .yoobic-rows .what-row .textual-content .ptd .btns-wrapper p,
#content .mod-yoobic-rows.yoobic-rows .what-row .textual-content .ptd .btns-wrapper p {
font-size: 16px;
letter-spacing: 0;
}
#content.operations .yoobic-rows .what-row .textual-content .ptd .btns-wrapper .yoobic-btn2,
#content .mod-yoobic-rows.yoobic-rows .what-row .textual-content .ptd .btns-wrapper .yoobic-btn2 {
position: relative;
bottom: auto;
left: auto;
-webkit-transform: none;
transform: none;
}
#content.operations .yoobic-rows .what-row .textual-content .ptd .btns-wrapper .yoobic-btn2+.yoobic-btn2,
#content .mod-yoobic-rows.yoobic-rows .what-row .textual-content .ptd .btns-wrapper .yoobic-btn2+.yoobic-btn2 {
margin-left: 0;
}
#content.operations .yoobic-rows .what-row .visual-content,
#content .mod-yoobic-rows.yoobic-rows .what-row .visual-content {
height: auto !important;
}
#content.operations .yoobic-rows .what-row.vleft.vtablet,
#content .mod-yoobic-rows .what-row.vleft.vtablet {
margin-bottom: 90px;
padding-bottom: 106px;
}
#content.operations .yoobic-rows .what-row.vleft.vtablet .textual-content,
#content .mod-yoobic-rows.yoobic-rows .what-row.vleft.vtablet .textual-content {
position: static;
float: none;
}
#content.operations .yoobic-rows .what-row.vleft.vtablet .textual-content .ptd .btns-wrapper,
#content .mod-yoobic-rows.yoobic-rows .what-row.vleft.vtablet .textual-content .ptd .btns-wrapper {
bottom: 0;
margin-top: 26px;
}
#content.operations .yoobic-rows .what-row.vleft.vtablet .visual-content,
#content .mod-yoobic-rows.yoobic-rows .what-row.vleft.vtablet .visual-content {
float: none;
width: 100%;
height: auto !important;
-webkit-transform: none;
transform: none;
}
#content.operations .yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper,
#content .mod-yoobic-rows.yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper {
-webkit-transform: none;
transform: none;
top: 27px;
left: -76px;
}
#content.operations .yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper .tablet,
#content .mod-yoobic-rows.yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper .tablet {
width: 389px;
height: auto;
}
#content.operations .yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper>img.screen-img,
#content .mod-yoobic-rows.yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper>img.screen-img {
width: 316px;
height: auto;
top: 18px;
left: 37px;
}
#content.operations .yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper>img:first-child,
#content.operations .yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper>.bg-elements+img,
#content .mod-yoobic-rows.yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper>img:first-child,
#content .mod-yoobic-rows.yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper>.bg-elements+img {
width: 364px;
}
#content.operations .yoobic-rows .what-row.with-swoosh.vleft.vtablet,
#content .mod-yoobic-rows .what-row.vleft.vtablet.with-swoosh {
padding-bottom: 55px;
}
#content.operations .yoobic-rows .what-row.with-swoosh.vleft.vtablet .textual-content,
#content .mod-yoobic-rows .what-row.vleft.vtablet.with-swoosh .textual-content {
margin-bottom: 40px !important;
}
#content.operations .yoobic-rows .what-row.with-swoosh.vleft.vtablet .textual-content .yoobic-btn2,
#content .mod-yoobic-rows .what-row.vleft.vtablet.with-swoosh .textual-content .yoobic-btn2 {
position: relative;
left: auto;
bottom: -13px;
-webkit-transform: none;
transform: none;
margin-left: 0;
}
#content.operations .yoobic-rows .what-row.with-swoosh.vleft.vtablet+.what-row,
#content .mod-yoobic-rows .what-row.vleft.vtablet.with-swoosh+.what-row {
border-top: none;
}
#content.operations .yoobic-rows .what-row.vright .textual-content .ptd,
#content .mod-yoobic-rows.yoobic-rows .what-row.vright .textual-content .ptd {
padding-bottom: 0;
}
#content.operations .yoobic-rows .what-row:last-child,
#content .mod-yoobic-rows.yoobic-rows .what-row:last-child {
border-bottom: 1px solid rgba(32, 37, 39, 0.2);
}
#content.operations .yoobic-rows .what-row+.what-row,
#content .mod-yoobic-rows.yoobic-rows .what-row+.what-row {
padding-top: 34px;
}
#content.operations .slider-and-stores,
#content.modular-page .slider-and-stores {
padding-top: 30px;
padding-bottom: 152px;
}
#content.operations .slider-and-stores .yoobic-slider-strip,
#content.modular-page .slider-and-stores .yoobic-slider-strip {
margin-bottom: 20px;
}
#content.operations .slider-and-stores .yoobic-slider-strip>.site-width .yoobic-main-title,
#content.modular-page .slider-and-stores .yoobic-slider-strip>.site-width .yoobic-main-title {
margin-bottom: 26px;
}
#content.operations .slider-and-stores .yoobic-slider-strip .slider-wrapper,
#content.modular-page .slider-and-stores .yoobic-slider-strip .slider-wrapper {
margin: 0 -10px;
}
#content.operations .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .left-wrapper,
#content.modular-page .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .left-wrapper {
height: 215px;
}
#content.operations .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .img-wrapper,
#content.modular-page .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .img-wrapper {
margin-left: -19.5%;
}
#content.operations .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .img-wrapper img,
#content.modular-page .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .img-wrapper img {
max-width: 102%;
}
#content.operations .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .yoobic-vid,
#content.modular-page .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .yoobic-vid {
overflow: hidden;
}
#content.operations .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .play-btn img,
#content.modular-page .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .play-btn img {
width: 36px;
height: 36px;
}
#content.operations .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .right-wrapper,
#content.modular-page .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .right-wrapper {
height: auto;
}
#content.operations .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .right-wrapper .swooshes-wrapper .swoosh-item,
#content.modular-page .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .right-wrapper .swooshes-wrapper .swoosh-item {
height: 170px;
}
#content.operations .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .right-wrapper .swooshes-wrapper .swoosh-item .swoosh-vid,
#content.modular-page .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .right-wrapper .swooshes-wrapper .swoosh-item .swoosh-vid {
width: 130px;
-webkit-transform: none;
transform: none;
}
#content.operations .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .right-wrapper .swooshes-wrapper .swoosh-item .icon,
#content.modular-page .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .right-wrapper .swooshes-wrapper .swoosh-item .icon {
-webkit-transform: translateX(10px) scale(0.7);
transform: translateX(10px) scale(0.7);
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
-moz-transform: translateX(10px) scale(0.7);
-ms-transform: translateX(10px) scale(0.7);
-o-transform: translateX(10px) scale(0.7);
}
#content.operations .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .right-wrapper .swooshes-wrapper .swoosh-item .item-text .item-title,
#content.modular-page .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .right-wrapper .swooshes-wrapper .swoosh-item .item-text .item-title {
position: absolute;
top: 56px;
left: -30px;
right: -10px;
color: #20274f;
}
#content.operations .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .right-wrapper .swooshes-wrapper .swoosh-item .item-text .percentage,
#content.modular-page .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .right-wrapper .swooshes-wrapper .swoosh-item .item-text .percentage {
font-size: 21px;
}
#content.operations .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .right-wrapper blockquote,
#content.modular-page .slider-and-stores .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .right-wrapper blockquote {
margin-top: 60px;
text-align: left;
}
#content.operations .slider-and-stores .yoobic-slider-strip .dots,
#content.modular-page .slider-and-stores .yoobic-slider-strip .dots {
position: static;
}
#content.operations .slider-and-stores .yoobic-slider-strip .controls .arrow,
#content.modular-page .slider-and-stores .yoobic-slider-strip .controls .arrow {
top: 85px;
}
#content.operations .slider-and-stores .yoobic-slider-strip .controls .arrow.arrow-prev,
#content.modular-page .slider-and-stores .yoobic-slider-strip .controls .arrow.arrow-prev {
left: 0;
}
#content.operations .slider-and-stores .yoobic-slider-strip .controls .arrow.arrow-next,
#content.modular-page .slider-and-stores .yoobic-slider-strip .controls .arrow.arrow-next {
right: 0;
}
#content.operations .slider-and-stores .stores,
#content.modular-page .slider-and-stores .stores {
padding-top: 40px;
padding-bottom: 60px;
}
#content.operations .slider-and-stores .stores .bg,
#content.modular-page .slider-and-stores .stores .bg {
bottom: -40px;
}
#content.operations .slider-and-stores .stores .textual-content,
#content.modular-page .slider-and-stores .stores .textual-content {
display: block;
width: 95%;
height: auto;
}
#content.operations .slider-and-stores .stores .textual-content .yoobic-main-title,
#content.modular-page .slider-and-stores .stores .textual-content .yoobic-main-title {
margin-bottom: 10px;
}
#content.operations .slider-and-stores .stores .textual-content .ptd,
#content.modular-page .slider-and-stores .stores .textual-content .ptd {
display: block;
}
#content.operations .quote-strip .wrapper .bg-swoosh,
#content .mod-grey-swoosh.quote-strip .wrapper .bg-swoosh {
-webkit-transform: translateX(-50%) scaleY(1.5);
transform: translateX(-50%) scaleY(1.5);
-webkit-transform-origin: top center;
transform-origin: top center;
}
#content.operations .quote-strip .quote-wrapper {
top: 40px;
bottom: auto;
left: 25px;
max-width: 320px;
}
#content.operations .quote-strip .quote-wrapper .author-img {
width: 88px;
}
#content.operations .quote-strip .quote-wrapper .text-wrapper {
margin-top: -2px;
}
#content.operations .quote-strip .quote-wrapper .author-img+.text-wrapper {
left: 106px;
}
#content.operations .quote-strip .quote-wrapper .text-wrapper .logo {
bottom: auto;
top: 100%;
margin: 8px 0 0;
}
#content.operations .quote-strip .quote-wrapper .text-wrapper blockquote {
line-height: 1.4;
}
#content.operations .comm-strip,
#content .mod-comm-strip {
padding-top: 70px;
}
#content.operations .comm-strip .text-col .ptd .yoobic-sec-title,
#content .mod-comm-strip .text-col .ptd .yoobic-sec-title {
margin-bottom: 4px;
}
#content.operations .comm-strip .vid-col,
#content .mod-comm-strip .vid-col {
width: 100%;
}
#content.operations .comm-strip .vid-col .yvid,
#content .mod-comm-strip .vid-col .yvid {
display: none;
}
#cover.img-rec {
height: 695px;
}
#cover.img-rec .animation {
margin-top: 36px;
overflow: visible;
}
#cover.img-rec .animation .mobile-img-wrapper {
margin-left: -30px;
margin-right: -30px;
overflow: hidden;
}
#cover.img-rec .animation .mobile-img-wrapper .mobile-img {
position: relative;
width: 686px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
#cover.img-rec .animation .mobile-img-wrapper .mobile-img img {
width: 100%;
height: auto;
}
#cover.img-rec .bg-swoosh {
top: -20px;
}
#content .mod-rows-imgr.yoobic-rows .yoobic-main-title+.what-row .visual-content {
padding-top: 21px;
}
#content .mod-rows-imgr.yoobic-rows .what-row {
padding-bottom: 63px;
}
#content .mod-rows-imgr.yoobic-rows .what-row.vleft.vtablet .visual-content {
height: auto !important;
}
#content .mod-rows-imgr.yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper {
width: 100%;
margin-top: 10px;
margin-left: -25%;
-webkit-transform-origin: top left;
transform-origin: top left;
}
#content .mod-rows-imgr.yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper img:first-child {
width: 463px;
height: auto;
}
#content .mod-rows-imgr.yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper .screen-img {
top: 25px;
left: 34px;
width: 408px;
height: auto;
}
#content .mod-rows-imgr.yoobic-rows .what-row .visual-content {
height: 507px;
}
#content.modular-page .steps-strip.mod-steps {
padding-top: 0;
}
#content.modular-page .steps-strip.mod-steps .steps {
margin: 6px 0 0;
}
#content.modular-page .steps-strip.mod-steps .steps .step {
float: none;
width: auto;
}
#content.modular-page .steps-strip.mod-steps .steps .step:first-child {
-webkit-transform: none;
transform: none;
}
#content.modular-page .steps-strip.mod-steps .steps .step:first-child .img-wrapper {
left: 26%;
}
#content.modular-page .steps-strip.mod-steps .steps .step:first-child+.step .img-wrapper {
left: 45.5%;
top: 76px;
}
#content.modular-page .steps-strip.mod-steps .steps .step:first-child+.step+.step .img-wrapper {
left: 45%;
top: 89px;
}
#content.modular-page .steps-strip.mod-steps .steps .step:first-child+.step+.step .img-wrapper .desc {
margin-top: 54px;
}
#content.modular-page .steps-strip.mod-steps .steps .step .num {
margin-left: -40px;
padding-left: 0 !important;
}
#content.modular-page .steps-strip.mod-steps .steps .step .desc {
margin-top: 45px;
}
#content.modular-page .steps-strip.mod-steps .steps .step:before {
top: -18px;
left: 50%;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
margin-left: -8px;
}
#content.modular-page .steps-strip.mod-steps .steps .step+.step {
margin-top: 36px;
}
#content.modular-page .accordion-strip.img-zoom {
padding-top: 130px;
background-repeat: no-repeat;
}
#content.modular-page .accordion-strip.img-zoom .site-width {
padding: 0 20px;
}
#content.img-rec .accordion-strip .yoobic-main-title,
#content.modular-page .accordion-strip.img-zoom .yoobic-main-title {
margin-bottom: 32px;
}
#content.img-rec .accordion-strip .acc-col,
#content.modular-page .accordion-strip.img-zoom .acc-col {
width: 100%;
}
#content.img-rec .accordion-strip .acc-col .acc-item .wrapper,
#content.modular-page .accordion-strip.img-zoom .acc-col .acc-item .wrapper {
padding: 16px 23px;
background: transparent;
box-shadow: none;
}
#content.img-rec .accordion-strip .acc-col .acc-item .title-wrapper .title,
#content.modular-page .accordion-strip.img-zoom .acc-col .acc-item .title-wrapper .item {
font-size: 18px;
letter-spacing: -0.7px;
}
#content.img-rec .accordion-strip .acc-col .acc-item .title-wrapper .ws-plus,
#content.modular-page .accordion-strip.img-zoom .acc-col .acc-item .title-wrapper .ws-plus {
display: none;
}
#content.img-rec .accordion-strip .acc-col .acc-item .content-wrapper,
#content.modular-page .accordion-strip.img-zoom .acc-col .acc-item .content-wrapper {
display: block !important;
padding: 2px 0 6px;
font-size: 18px;
line-height: 1.45;
}
#content.img-rec .accordion-strip .acc-col .acc-item .content-wrapper ul,
#content.modular-page .accordion-strip.img-zoom .acc-col .acc-item .content-wrapper ul {
margin-left: 20px;
}
#content.img-rec .accordion-strip .acc-col .acc-item .mobile-img,
#content.modular-page .accordion-strip.img-zoom .acc-col .acc-item .mobile-img {
width: 218px;
height: auto;
margin: 32px auto 38px;
}
#content.img-rec .accordion-strip .acc-col .acc-item+.acc-item,
#content.modular-page .accordion-strip.img-zoom .acc-col .acc-item+.acc-item {
padding-top: 42px;
border-top: 1px solid rgba(32, 37, 39, 0.2);
}
#content.img-rec .accordion-strip .phone-col,
#content.modular-page .accordion-strip.img-zoom .phone-col {
display: none;
}
#content.img-rec .accordion-strip .yoobic-btn1,
#content.modular-page .accordion-strip.img-zoom .yoobic-btn1 {
margin-top: 14px;
}
#content.img-rec .swooshes-anim {
padding-top: 215px;
}
#content.img-rec .swooshes-anim .wrapper {
top: -22px;
height: auto;
}
#content.img-rec .swooshes-anim .wrapper .bg-swoosh {
-webkit-transform: translateX(-50%) scale(0.6);
transform: translateX(-50%) scale(0.6);
-webkit-transform-origin: top center;
transform-origin: top center;
}
#content.img-rec .learn-how.swooshes-anim .textual-content .yoobic-main-title,
#content.modular-page .learn-how.swooshes-anim.row3 .textual-content .yoobic-main-title {
margin-bottom: 10px;
}
#content.img-rec .learn-how.swooshes-anim .textual-content .intro-text,
#content.modular-page .learn-how.swooshes-anim.row3 .textual-content .intro-text {
line-height: 1.5;
}
#content.img-rec .learn-how.swooshes-anim .swooshes-wrapper,
#content.modular-page .learn-how.swooshes-anim.row3 .swooshes-wrapper {
position: relative;
width: 100%;
height: 240px;
margin-top: 18px;
margin-left: 0 !important;
}
#content.img-rec .learn-how.swooshes-anim .swooshes-wrapper .slide,
#content.modular-page .learn-how.swooshes-anim.row3 .swooshes-wrapper .slide {
position: absolute;
width: 100%;
height: 100%;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
}
#content.modular-page .learn-how.swooshes-anim.row3 {
z-index: 2;
}
#content.modular-page .learn-how.swooshes-anim.row3 .swooshes-wrapper .slide.active {
-webkit-transform: translateX(0);
transform: translateX(0);
}
#content.modular-page .learn-how.swooshes-anim.row3 .swooshes-wrapper .slide .swoosh-item {
padding-top: 40px;
}
#content.modular-page .learn-how.swooshes-anim.row3 .swooshes-wrapper .slide .swoosh-item .swoosh-vid {
display: none;
width: 150px;
}
#content.modular-page .learn-how.swooshes-anim.row3 .swooshes-wrapper .slide .swoosh-item .swoosh-vid.mobile-only {
display: block;
}
#content.modular-page .learn-how.swooshes-anim.row3 .swooshes-wrapper .slide .swoosh-item .swoosh-vid.mobile-only img {
max-width: 100%;
height: auto;
}
#content.modular-page .learn-how.swooshes-anim.row3 .swooshes-wrapper .slide .swoosh-item .item-text {
width: 100%;
bottom: 12px;
}
#content.modular-page .learn-how.swooshes-anim.row3 .swooshes-wrapper .slide .swoosh-item .item-text .item-title {
position: absolute;
top: 52px;
left: -20%;
width: 100%;
font-size: 14px;
color: #20274f;
}
#content.modular-page .learn-how.swooshes-anim.row3 .swooshes-wrapper .slide .swoosh-item .item-text .item-title br {
display: none;
}
#content.modular-page .learn-how.swooshes-anim.row3 .swooshes-wrapper .slide .swoosh-item .item-text .percentage {
font-size: 21px;
}
#content.modular-page .learn-how.swooshes-anim.row3 .swooshes-wrapper .controls .arrow {
width: 10px;
height: 16px;
top: 80px;
}
#content.modular-page .learn-how.swooshes-anim.row3 .swooshes-wrapper .controls .arrow.arrow-prev {
left: 0;
}
#content.modular-page .learn-how.swooshes-anim.row3 .swooshes-wrapper .controls .arrow.arrow-next {
right: 0;
}
#content.thanku .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .left-wrapper,
body #content .slider-and-stores .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide.only-vid .left-wrapper {
height: auto;
}
#content.single-story .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .yoobic-vid,
#content.thanku .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .yoobic-vid,
body #content .slider-and-stores .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide.only-vid .left-wrapper .yoobic-vid,
#content.modular-page .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .yoobic-vid {
margin: 0;
}
.yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .thumb {
border-radius: 20px;
}
#content.single-story .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .swoosh,
#content.thanku .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .swoosh,
body #content .slider-and-stores .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide.only-vid .left-wrapper .yoobic-vid .swoosh,
#content.modular-page .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .swoosh {
width: calc(318px * .4);
height: calc(375px * .4);
}
#content.single-story .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .swoosh img,
#content.thanku .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .swoosh img,
body #content .slider-and-stores .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide.only-vid .left-wrapper .yoobic-vid .swoosh img,
#content.modular-page .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .swoosh img {
display: none;
}
#content.thanku .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .right-wrapper,
body #content .slider-and-stores .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide.only-vid .right-wrapper {
margin-top: 37px;
}
#content.thanku .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .right-wrapper .slide-quoute {
padding-left: 10px;
}
#content.thanku .yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .play-btn img {
width: 36px;
height: 36px;
}
#content.thanku .yoobic-slider-strip .site-width .dots {
bottom: 0;
}
#content.thanku .insights-strip .bg-swoosh {
-webkit-transform: translateX(-50%) translateY(calc(-50% + 160px)) scaleY(1.7);
transform: translateX(-50%) translateY(calc(-50% + 160px)) scaleY(1.7);
}
#cover.thanku .ptable {
display: block;
}
#cover.thanku .ptable .textual-content {
padding: 0 0 70px;
}
#cover.thanku .ptable .textual-content .pre-title {
letter-spacing: -1.9px;
}
#cover.thanku .ptable .textual-content .yoobic-main-title {
letter-spacing: -1px;
}
#content.thanku .yoobic-slider-strip .controls {
display: none;
}
#content.thanku .insights-strip .yoobic-sec-title {
max-width: 100%;
}
#content.thanku .insights-strip .items {
margin-left: 0;
margin-right: 0;
}
#content.thanku .insights-strip .items .item {
float: none;
width: auto;
height: auto;
margin: 0 -10px 30px;
}
#content.thanku .insights-strip .items .item .visual-wrapper {
height: 188px;
}
#content.thanku .insights-strip .items .item .text-wrapper {
padding: 15px 15px 62px;
}
#content.thanku .insights-strip .items .item .text-wrapper .item-title {
font-size: 22px;
letter-spacing: -1px;
}
#content.thanku .insights-strip .items .item .text-wrapper .item-date {
font-size: 16px;
}
#content.thanku .insights-strip .items .item .text-wrapper .desc,
#content #careers .open-spots #welcomekit-embed .welcomekit-jobs-list-item h3.welcomekit-job-name,
#content #careers .open-spots #welcomekit-embed-cloned .welcomekit-department-name {
font-size: 18px;
}
#content.thanku .insights-strip .items .item .text-wrapper .yoobic-btn2 {
bottom: 18px;
}
#cover.contact .form-wrapper .form {
padding: 40px 30px 20px;
}
#cover.contact .form-wrapper .form .intro-text {
padding: 0;
}
#cover.contact .form-wrapper .form .hbspt-form .field .input {
margin-right: 0;
}
#cover .hbspt-form input.hs-button {
max-width: 100%;
}
#content.contact .offices .bg-elements img:first-child+img {
top: -60px;
right: 10px;
}
#content.contact .offices .items {
margin: 0;
}
#content.contact .offices .items .item .visual-wrapper img {
display: block;
}
/* Stories Page */
#cover.stories {
height: auto;
}
#cover.stories .animation {
position: static;
}
#cover.stories .animation .mobile-img img {
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
#cover.stories .ptable .ptd {
padding: 20px 0;
}
#cover.stories .ptable .ptd .yoobic-main-title {
font-size: 22.5px;
}
#cover.stories .ptable .ptd .intro-text {
margin-top: 12px;
}
#content.stories {
padding: 18px 0 60px;
/* mobile-slider */
}
#content .stories-slider-strip .logos-slider,
#content .stories-slider-strip .controls,
#content .stories-slider-strip .content-slider {
display: none;
}
#content.resources .stories-slider-strip .logos-slider,
#content.resources .stories-slider-strip .content-slider {
display: block;
}
#content.stories .mobile-slider {
margin-left: -20px;
margin-right: -20px;
}
#content.stories .mobile-slider .ws-accordion .acc-item {
padding: 20px 20px 50px;
text-align: center;
background: #fff;
border-radius: 20px;
-webkit-box-shadow: 0px 2px 14.4px 1.6px rgba(141, 141, 141, 0.13);
box-shadow: 0px 2px 14.4px 1.6px rgba(141, 141, 141, 0.13);
}
#content.stories .mobile-slider .ws-accordion .acc-item .title-wrapper {
padding: 7px 0;
}
#content.stories .mobile-slider .ws-accordion .acc-item .title-wrapper .logo {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
#content.stories .mobile-slider .ws-accordion .acc-item .content-wrapper {
display: none;
padding-top: 35px;
}
#content.stories .mobile-slider .ws-accordion .acc-item .content-wrapper .yoobic-vid {
position: relative;
}
#content.stories .mobile-slider .ws-accordion .acc-item .content-wrapper .yoobic-vid .thumb {
display: block;
max-width: 100%;
height: auto;
border-radius: 14px;
}
#content.stories .mobile-slider .ws-accordion .acc-item .content-wrapper .yoobic-vid .play-btn img {
width: 50px;
height: 50px;
}
#content.stories .mobile-slider .ws-accordion .acc-item .content-wrapper .entry-content {
padding: 44px 4px 0;
}
#content.stories .mobile-slider .ws-accordion .acc-item .content-wrapper .entry-content h2 {
margin-bottom: 20px;
font-size: 20px;
font-weight: bold;
color: #20274f;
line-height: 1.2;
letter-spacing: -0.9px;
}
#content.stories .mobile-slider .ws-accordion .acc-item .content-wrapper .entry-content p {
margin-bottom: 25px;
font-family: lato, sans-serif;
font-size: 17px;
letter-spacing: 0.8;
line-height: 1.55;
color: rgba(31, 39, 80, 0.7);
}
#content.stories .mobile-slider .ws-accordion .acc-item .content-wrapper .entry-content blockquote {
font-size: 17px;
letter-spacing: 0.5px;
}
#content.stories .mobile-slider .ws-accordion .acc-item .content-wrapper .entry-content cite {
margin-top: 22px;
font-family: lato, sans-serif;
font-size: 14px;
font-style: normal;
letter-spacing: 0.5px;
text-transform: uppercase;
}
#content.stories .mobile-slider .ws-accordion .acc-item.open .title-wrapper .logo {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
#content.stories .mobile-slider .ws-accordion .acc-item+.acc-item {
margin-top: 32px;
}
#content.stories .brands-strip {
margin-top: 20px;
}
#content.stories .brands-strip .bg-swoosh {
top: 0;
-webkit-transform: translateX(-50%) translateY(0%);
transform: translateX(-50%) translateY(0%);
}
#content.stories .brands-strip .bg-swoosh:before {
content: "";
position: absolute;
top: -90px;
left: 0;
width: 100%;
height: 550px;
background: #f9fafd;
}
#content.stories .brands-strip .bg-swoosh .top {
display: none;
}
#content.stories .brands-strip .bg-swoosh .bottom {
margin-top: 200px;
}
#content.stories .brands-strip .yoobic-sec-title {
margin-bottom: 72px;
font-size: 25.5px;
}
#content.stories .brands-strip .brands-items,
#content.demo .brands-strip .brands-items {
padding: 0;
margin: 0 -30px;
}
#content.stories .brands-strip .brands-items .item,
#content.demo .brands-strip .brands-items .item {
min-width: 105px;
margin: 0 25px 50px;
}
#content.stories .footer-cta {
padding-top: 35px;
}
#cover.single-story {
height: 578px;
}
#cover.single-story .overflow-wrapper {
position: static;
height: auto;
}
#cover.single-story .overflow-wrapper .bg-img {
display: none;
}
#cover.single-story .mobile-img-wrapper {
position: absolute;
bottom: -150px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
#cover.single-story .textual-content {
padding-top: 16px;
}
#content.single-story {
padding-top: 12px;
}
#content.modular-page>.mod-video-text-use-case:first-child {
/*margin-top: 0;*/
margin-top: 100px;
padding-bottom: 0;
}
#content .mod-video-text-use-case.vid-text-cols .text-col {
float: none;
width: 100%;
height: auto !important;
}
#content .mod-video-text-use-case.vid-text-cols .flex-wrapper.text-left .text-col {
margin-left: 0;
}
#content .mod-video-text-use-case.vid-text-cols .vid-col {
float: none;
width: 100%;
height: auto !important;
direction: rtl;
margin-top: 13px;
margin-left: 0;
}
#content .mod-video-text-use-case.vid-text-cols .flex-wrapper {
display: block;
}
#content .mod-video-text-use-case.vid-text-cols .vid-col .yvid {
max-width: 110%;
margin-left: 0;
margin-right: 12px;
}
#content .mod-video-text-use-case.vid-text-cols img.yvid,
#content .mod-video-text-use-case.vid-text-cols .flex-wrapper .yvid {
max-width: 100%;
height: auto;
}
#content .mod-story-rows.story-rows {
margin-top: 80px;
text-align: center;
}
#content .mod-story-rows.story-rows .story-row {
display: block;
width: 100%;
margin-bottom: 78px;
}
#content .mod-story-rows.story-rows .story-row.vleft .textual-content,
#content .mod-story-rows.story-rows .story-row.vright .textual-content {
display: block;
width: 100%;
padding-bottom: 24px;
}
#content .mod-story-rows.story-rows .story-row.vleft .textual-content .yoobic-sec-title,
#content .mod-story-rows.story-rows .story-row.vright .textual-content .yoobic-sec-title {
margin-bottom: 10px;
}
#content .mod-story-rows.story-rows .story-row.vleft .visual-content,
#content .mod-story-rows.story-rows .story-row.vright .visual-content {
width: 100%;
}
#content .mod-story-rows.story-rows .story-row.vleft .visual-content .img-wrapper .swoosh,
#content .mod-story-rows.story-rows .story-row.vright .visual-content .img-wrapper .swoosh {
width: calc(221px * .7);
height: calc(254px * .7);
}
#content.single-story .accordion-strip,
#content .mod-acc2 {
padding-top: 0;
}
#content.single-story .accordion-strip .yoobic-main-title,
#content .mod-acc2 .yoobic-main-title {
margin-bottom: 2px;
}
#content.single-story .accordion-strip .acc-col,
#content .mod-acc2 .acc-col {
float: none;
width: 100%;
}
#content.single-story .accordion-strip .acc-col .ws-accordion .acc-item,
#content .mod-acc2 .acc-col .ws-accordion .acc-item {
padding-bottom: 24px;
text-align: center;
}
#content.single-story .accordion-strip .acc-col .ws-accordion .acc-item .wrapper,
#content .mod-acc2 .acc-col .ws-accordion .acc-item .wrapper {
padding-bottom: 4px;
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
#content.single-story .accordion-strip .acc-col .ws-accordion .acc-item .title-wrapper .ws-plus,
#content .mod-acc2 .acc-col .ws-accordion .acc-item .title-wrapper .ws-plus {
display: none;
}
#content.single-story .accordion-strip .acc-col .ws-accordion .acc-item .content-wrapper,
#content .mod-acc2 .acc-col .ws-accordion .acc-item .content-wrapper {
display: block !important;
padding: 4px 0 6px;
line-height: 1.45;
}
#content.single-story .accordion-strip .acc-col .ws-accordion .acc-item .device-wrapper.phone,
#content .mod-acc2 .acc-col .ws-accordion .acc-item .device-wrapper.phone {
position: relative;
height: 415px;
background-image: url(images/story/story-phone.png);
background-size: auto 100%;
background-repeat: no-repeat;
}
#content.single-story .accordion-strip .acc-col .ws-accordion .acc-item .device-wrapper.phone img,
#content .mod-acc2 .acc-col .ws-accordion .acc-item .device-wrapper.phone img {
position: absolute;
top: 64px;
left: 29px;
height: 287px;
width: auto;
}
#content.single-story .accordion-strip .acc-col .ws-accordion .acc-item .device-wrapper.laptop,
#content .mod-acc2 .acc-col .ws-accordion .acc-item .device-wrapper.laptop {
position: relative;
height: 206px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-image: url(images/story/story-laptop.png);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center;
}
#content.single-story .accordion-strip .acc-col .ws-accordion .acc-item .device-wrapper.laptop img,
#content .mod-acc2 .acc-col .ws-accordion .acc-item .device-wrapper.laptop img {
position: absolute;
top: 9px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
height: 160px;
width: auto;
}
#content.single-story .accordion-strip .acc-col .ws-accordion .acc-item+.acc-item,
#content .mod-acc2 .acc-col .ws-accordion .acc-item+.acc-item {
padding-top: 23px;
border-top: solid 1px rgba(31, 39, 80, 0.2);
}
#content.single-story .accordion-strip .phone-col,
#content .mod-acc2 .phone-col {
display: none;
}
#content.single-story .checkout,
#content .mod-title-link-anim {
margin-top: 49px;
margin-left: -14px;
text-align: left;
}
#content.single-story .checkout .vid-col,
#content .mod-title-link-anim .vid-col {
width: 40%;
max-width: 40%;
}
#content.single-story .checkout .vid-col .yvid,
#content .mod-title-link-anim .vid-col .yvid {
max-width: 100%;
height: auto;
margin-top: -10px;
}
#content.single-story .checkout .text-col,
#content .mod-title-link-anim .text-col {
max-width: 60%;
margin-right: 0;
margin-left: -40px;
padding-bottom: 95px;
}
#content .mod-title-link-anim .text-col.text-only {
max-width: none;
margin-left: auto;
}
#content.single-story .checkout .text-col .yoobic-btn2,
#content .mod-title-link-anim .text-col .yoobic-btn2 {
font-size: 10.5px;
}
#content.single-story .yoobic-slider-strip .slider-wrapper {
padding: 0;
}
#content.single-story .yoobic-slider-strip .slider-wrapper .yoobic-slider,
#content.modular-page .yoobic-slider-strip.mod-use-slider .site-width .slider-wrapper .yoobic-slider {
padding-bottom: 0;
}
#content.single-story .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .left-wrapper,
#content.modular-page .yoobic-slider-strip.mod-use-slider .site-width .slider-wrapper .yoobic-slider .slides .slide .left-wrapper {
float: none;
width: 100%;
}
#content.single-story .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .right-wrapper,
#content.modular-page .yoobic-slider-strip.mod-use-slider .site-width .slider-wrapper .yoobic-slider .slides .slide .right-wrapper {
/*float: none;
width: 100%;*/
display: none;
}
#content.single-story .yoobic-slider-strip .controls,
#content.modular-page .yoobic-slider-strip.mod-use-slider .controls {
display: none;
}
#content.single-story .yoobic-slider-strip .dots,
#content.modular-page .yoobic-slider-strip.mod-use-slider .dots {
position: static;
}
#content.single-story .yoobic-slider-strip .yoobic-slider.meat-team-slider+.dots {
position: relative;
}
#content.single-story .icons-strip {
margin-bottom: 50px;
}
#content.single-story .icons-strip .icons-wrapper {
margin-left: 0;
}
#content .footer-cta .desktop-img {
display: none;
}
#content .footer-cta .mobile-img {
position: relative;
left: 50%;
-webkit-transform: translateX(-40%);
transform: translateX(-40%);
}
#content .footer-cta .hbspt-form {
width: 300px;
}
#content .footer-cta .hbspt-form .field {
width: 190px;
}
#content .footer-cta .hbspt-form .field .hs-input {
height: 42px !important;
}
#content .footer-cta .hbspt-form .hs_submit {
width: 104px;
}
#content .footer-cta .hbspt-form .hs_submit .actions input[type="submit"] {
height: 42px;
}
body.debug>* {
margin-left: 0;
}
#content.demo .form-strip .site-width {
display: block;
}
#content.demo .form-strip .form-col {
width: auto;
}
#content.demo .form-strip .text-col {
width: auto;
margin-left: 0;
margin-top: 34px;
}
/* yoobic 2.0 767*/
#content.news {
margin-top: -50px;
}
#content.news .cards-strip .site-width .items-list div.item,
#content.resources .cards-strip .site-width .items-list div.item,
#content.events .cards-strip .site-width .items-list div.item {
width: 100%;
margin-left: auto;
margin-right: auto;
}
#content.news .cards-strip .site-width .items-list div.item .item-descr {
padding: 31px;
}
#content.news .cards-strip .site-width .items-list div.item .item-image {
height: 103px;
}
#content.news .cards-strip .site-width .items-list div.item .item-image img.logo {
left: 35px;
top: 35px;
width: 100px;
height: auto;
}
#content.news .cards-strip .site-width .items-list div.item .item-image span.swoosh {
background-position-y: 25%;
border-top-right-radius: 10px;
}
#content.news .active-card .inner-item {
padding: 20px 28px;
margin: 0px 23px 79px;
}
#cover.news .textual-content {
padding: 14px 34px 0;
}
#cover.news .textual-content h1 br {
display: none
}
#content.resources .cards-strip .site-width .items-list div.item .item-descr,
#content.events .cards-strip .site-width .items-list div.item .item-descr {
padding: 20px 35px 40px;
}
#cover.resources .animation .main-vid,
#cover.events .animation .main-vid {
top: 0;
}
#cover.news .animation .main-vid {
top: -12px;
left: 40%;
}
#content.events .events-title #select {
margin: 18px auto 0;
}
#content.events .events-title #select option {
width: 240px;
}
#content.events .bg-swoosh.bottom-swoosh {
-webkit-transform: translateX(-63%) translateY(188%);
transform: translateX(-63%) translateY(188%);
}
#content.events .events-title .yoobic-sec-title {
margin: 0 auto 40px;
}
#content.events .events-title .yoobic-sec-title span {
display: block;
}
#cover.events .animation .main-vid,
#cover.resources .animation .main-vid {
-webkit-transform: translate(-50%, -25%) scale(0.7);
transform: translate(-50%, -25%) scale(0.7);
width: 500px;
height: 400px;
}
#content.events .bg-swoosh.top-swoosh {
-webkit-transform: translateX(-58%) translateY(-72%);
transform: translateX(-58%) translateY(-72%);
}
#content #careers .vid-text-cols {
padding-top: 105px;
}
#content.events .events-title {
text-align: center;
max-width: 245px;
}
#content.resources .cards-strip .bg-swoosh {
top: 17%;
}
.pop-up {
top: 14%;
width: 314px;
height: auto;
position: absolute;
top: -200px;
top: -55vw;
top: -3%;
}
.pop-up .inner-block {
padding: 40px;
}
.pop-up .inner-block .title {
padding: 0;
margin-bottom: 20px;
}
.pop-up .inner-block form .form-control {
width: 100%;
}
.pop-up .inner-block form .btn {
width: 75%;
}
.pop-up .inner-block .bg-image {
position: absolute;
left: auto;
bottom: 53px;
right: 5px;
}
.pop-up .inner-block .confetti-wrapper {
display: block;
right: 144px;
}
#content.resources .stories-slider-strip .logos-slider .slides .slide.active .active-bg {
display: none;
}
#content.resources .stories-slider-strip .logos-slider .slides .slide.active,
#content.resources .stories-slider-strip .logos-slider .slides .slide {
height: 64px;
/* width: 302px; */
margin: 0 auto;
}
#content.resources .stories-slider-strip .logos-slider .slides {
position: relative;
width: 100%;
padding-top: 0px;
-webkit-transform: translateX(0)!important;
transform: translateX(0)!important;
}
#content.resources .stories-slider-strip {
padding-bottom: 0;
}
#content.resources .stories-slider-strip .logos-slider {
width: 100%;
height: auto;
padding: 0 25px;
border-radius: 10px;
-webkit-box-shadow: 0px 3px 10.4px 1.6px rgba(0, 0, 0, 0.08);
box-shadow: 0px 3px 10.4px 1.6px rgba(0, 0, 0, 0.08);
background-color: white;
}
#content .cards-strip .items-list div.item .item-descr .cont-title,
#content .active-card .item-descr .cont-title {
line-height: 1.21;
margin-bottom: 12px;
}
#content.resources .cards-strip .site-width .items-list div.item .item-image span.swoosh a img.logo {
width: 45px;
height: 20px;
}
#content.resources .stories-slider-strip .padding {
padding: 0 25px;
}
#content.resources .stories-slider-strip .logos-slider .slides .slide .img-wrapper img,
#content.resources .stories-slider-strip .logos-slider .slides .slide .img-wrapper span {
vertical-align: middle;
display: inline-block;
}
#content.resources .stories-slider-strip .logos-slider .slides .slide .img-wrapper span {
vertical-align: middle;
display: inline-block;
width: 36px;
margin-left: 10px;
}
/* #content.resources .stories-slider-strip .logos-slider .slides .slide {
float: none;
} */
#content.resources .stories-slider-strip .logos-slider .slides .slide,
#content.resources .stories-slider-strip .logos-slider .slides .slide.active {
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
position: relative;
border-bottom: 1px solid #e1e1e1;
width: 215px;
margin-left: calc(50% - 215px/2);
}
#content.resources .stories-slider-strip .logos-slider .slides .slide.active {
border-bottom: 0px solid #e1e1e1;
}
#content.resources .stories-slider-strip .logos-slider .slides .slide .img-wrapper {
width: 100%;
}
#content.resources .stories-slider-strip .logos-slider .slides .slide .img-wrapper span {
font-weight: bold;
width: 76%;
margin-left: 3%;
text-align: center;
}
#content.resources .stories-slider-strip .logos-slider .slides .slide span img.icon,
#content.resources .stories-slider-strip .logos-slider .slides .slide.active span img.icon {
width: 18%;
}
#content.resources .bg-swoosh.top-swoosh {
-webkit-transform: translateX(-70%) translateY(-66%);
transform: translateX(-70%) translateY(-66%);
z-index: 0;
}
#content.resources .bg-swoosh.bottom-swoosh {
-webkit-transform: translateX(-50%) translateY(30%);
transform: translateX(-50%) translateY(30%);
z-index: -1;
}
#cover.single-story .careers .textual-content .yoobic-vid {
display: block;
margin: -10px auto 10px;
}
#cover .careers .textual-content .yoobic-btn1 {
margin-right: 0px;
margin-bottom: 25px;
}
#content #careers .vid-text-cols .text-col {
width: 100%;
margin-right: 0;
text-align: center;
}
#content #careers .yoobic-team-strip,
#content #careers .yoobic-team-strip .specifications {
border-bottom: 1px solid #E4E6EA;
width: 90%;
margin: 0px auto 40px;
padding-top: 30px;
}
#content #careers .yoobic-team-strip .specifications {
border-bottom: 1px solid transparent;
}
#content #careers .yoobic-team-strip .specifications ul.icons-wrapper li.icon {
width: 100%;
}
#content #careers .yoobic-team-strip .specifications ul.icons-wrapper li.icon:not(:first-child) {
margin-left: 0;
}
#content #careers .open-spots #welcomekit-embed {
margin-left: 0px;
height: 808px;
}
#content #careers .open-spots #welcomekit-embed .welcomekit-department .welcomekit-jobs-list-item .welcomekit-jobs-list-item-link {
width: 100%;
margin: 20px auto 0;
margin-left: calc(50% - 300px/2);
}
#content #careers .open-spots #welcomekit-embed-cloned {
border-radius: 10px;
-webkit-box-shadow: 0px 3px 10.4px 1.6px rgba(0, 0, 0, 0.08);
box-shadow: 0px 3px 10.4px 1.6px rgba(0, 0, 0, 0.08);
padding: 25px;
margin-left: calc(50% - 300px/2);
}
#content #careers .open-spots .welcomekit-department-name.main,
#content.resources .stories-slider-strip .logos-slider .slides .slide:nth-child(1) {
display: block;
position: relative;
}
#content #careers .open-spots .welcomekit-department-name.main:after,
#content.resources .stories-slider-strip .slide.active.main:after {
content: '';
position: absolute;
right: 0;
left: auto;
top: 50%;
width: 30px;
height: 30px;
background-image: url(https://yoobic.com/wp-content/themes/dev-theme/images/arrow-blue.png);
background-repeat: no-repeat;
background-color: white;
}
/* #content #careers .open-spots .welcomekit-department-name.main{
display: none;
} */
#content #careers .open-spots #welcomekit-embed-cloned,
#content.resources .stories-slider-strip .logos-slider {
display: none;
}
#content #careers .yoobic-slider-strip .slider-wrapper .yoobic-slider .slides .slide .right-wrapper {
display: block;
}
#content #careers .yoobic-slider-strip .slider-wrapper {
overflow: hidden;
}
#content #careers .yoobic-slider-strip .yoobic-slider .slides {
position: absolute;
width: 9999px;
}
#content #careers .yoobic-slider-strip .yoobic-slider .slides .slide {
position: unset;
float: left;
width: calc(100vw - 60px);
padding: 0 0 20px;
border-radius: 10px;
border-left: 1px solid #D7D7D7;
border-right: 1px solid #D7D7D7;
border-bottom: 1px solid #D7D7D7;
-webkit-box-shadow: 0px 3px 10.4px 1.6px rgba(0, 0, 0, 0.08);
box-shadow: 0px 3px 10.4px 1.6px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 26px 2px 19px 7.6px rgba(0, 0, 0, 0.05);
box-shadow: 26px 2px 19px 7.6px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: none;
box-shadow: none;
}
#content #careers .team-slider .yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper .yoobic-vid img {
width: 100%;
height: 100%;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 0px;
}
#content #careers .team-slider .yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper .yoobic-vid img.play {
width: 66px;
height: 66px;
}
#content #careers .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .left-wrapper {
height: 300px;
}
#content #careers .team-slider .yoobic-slider-strip .yoobic-slider .slides .slide .right-wrapper .ptable .slide-quote {
margin-top: 50px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}
#content #careers .yoobic-slider-strip .yoobic-slider .slides .slide {
height: auto;
}
#content #careers .yoobic-slider-strip .yoobic-slider.meat-team-slider .slides .slide {}
#content #careers .brands-strip {
margin-top: 100px;
padding-top: 0px;
}
#content #careers .brands-strip .brands-items .item {
min-width: 100px;
margin: 0 0px 22px;
}
#content #careers .brands-strip .brands-items .item img {
height: 60%;
width: 60%;
}
#content #careers .social-network-strip .social {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: visible;
height: auto;
}
#content #careers .social-network-strip .social .items {
margin: 10px auto;
}
#content #careers .yoobic-team-strip img {
display: block;
margin: 0 auto;
}
#content #careers .yoobic-team-strip video {
display: none;
}
#content .cards-strip .site-width .items-list div.item .item-image img.img,
#content.events .cards-strip .site-width .items-list div.item .item-image span.swoosh,
#content.resources .cards-strip .site-width .items-list div.item .item-image span.swoosh {
height: 171px;
-o-object-fit: cover;
object-fit: cover;
}
#content.resources .cards-strip .site-width .items-list div.item .item-image {
height: 100%;
}
.respons-footer .mobile-only.followus p {
font-size: 15px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 3.2;
letter-spacing: -0.45px;
text-align: center;
color: #20274f;
}
#content.not-found .buttons {
display: inline-grid;
margin-bottom: 80px;
}
#content.not-found .buttons .yoobic-btn1 {
margin: 15px 0 0;
padding: 12px 16px;
font-size: 15.5px;
}
#content.resources .stories-slider-strip .slide .img-wrapper {
width: 85%;
}
#content .cards-strip .site-width .items-list div.item .item-image .asset-name {
top: 3px;
}
#content .cards-strip .site-width .items-list div.item .item-image .asset-name span {
font-size: 12.5px;
}
#content .cards-strip .site-width .items-list div.item .item-image .asset-name img {
width: 64px;
height: 16px;
}
#content #careers .team-slider .yoobic-slider-strip .yoobic-slider {
height: 595px!important;
}
#content.not-found .animation {
height: 260px;
}
#content .follow p {
text-align: center;
font-size: 14px;
font-weight: 700;
color: #20274f;
}
#content #careers .open-spots .welcomekit-department-name.main,
#content.resources .stories-slider-strip .slide.active.main {
margin: 0 auto;
display: block;
opacity: 0.85;
font-size: 20px;
font-weight: bold;
line-height: 1.35;
letter-spacing: -0.7px;
color: rgba(32, 39, 79, 0.85);
text-align: left;
color: rgba(32, 39, 79, 0.75);
position: relative;
border-bottom: 1px solid #EBECF0;
padding-bottom: 18px;
padding-top: 18px;
max-width: 300px;
width: 100%;
background: #fff;
padding: 24px;
border-radius: 10px;
-webkit-box-shadow: 0px 3px 10.4px 1.6px rgba(0, 0, 0, 0.08);
box-shadow: 0px 3px 10.4px 1.6px rgba(0, 0, 0, 0.08);
text-transform: uppercase;
}
#content.resources .stories-slider-strip .slide.active.main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#content.resources .stories-slider-strip .slide.active.main {
width: 295px;
height: 76px;
}
#content.resources .stories-slider-strip .slide.active.main .img-wrapper span {
height: 41px;
vertical-align: 8px;
padding-left: 8px;
color: #20274F;
}
#content #careers .open-spots #welcomekit-embed-cloned {
display: none;
position: absolute;
top: 137px;
left: 0;
z-index: 10000;
background-color: white;
}
#content.resources .stories-slider-strip .logos-slider {
display: none;
position: absolute;
z-index: 10000;
background-color: white;
top: 0px;
width: 320px;
left: 50%;
right: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
#content #careers .open-spots #welcomekit-embed-cloned.hidden,
#content.resources .stories-slider-strip .logos-slider.hidden {
display: none;
}
#content #careers .open-spots #welcomekit-embed-cloned.shown,
#content.resources .stories-slider-strip .logos-slider.shown {
display: block;
}
#content.news .bg-swoosh.top-swoosh {
-webkit-transform: translateX(-61%) translateY(-54%);
transform: translateX(-61%) translateY(-54%);
}
#content.news .bg-swoosh.bottom-swoosh {
-webkit-transform: translateX(-50%) translateY(30%);
transform: translateX(-50%) translateY(30%);
}
#content.not-found .mobile-only .buttons,
#content.not-found .mobile-only .textual-content {
display: none;
}
#content.not-found .mobile-only .buttons:nth-child(1) {
display: inline-grid;
}
}
@media (min-width: 601px) and (max-width: 767px) {
#content.home .tablet-strip .tablet-col .tablet-wrapper {
left: 0;
top: -20px;
}
#content.home .tablet-strip .tablet-col .tablet-wrapper .screen-img {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
#content.home .tablet-strip .bg-swoosh img.mobile-img {
-webkit-transform: scaleX(2);
transform: scaleX(2);
margin-top: -70px;
}
#content.home .tablet-strip .text-col .ptd .yoobic-sec-title {
margin-top: 0;
}
#content.home .tablet-strip .tablet-col .tablet-wrapper img:first-child {
margin: 0 auto;
}
#content.home .tablet-strip .tablet-col .inner-shadow {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media screen and (max-width: 374px) {
#cover.full-width.home .textual-content {
padding: 14px 20px 0;
}
#cover.full-width.home .textual-content .yoobic-main-title {
font-size: 25px;
letter-spacing: -0.5px;
}
}
/* ######## DEBUG ########## */
body.debug>* {
opacity: .2;
/* margin-left: -60px; */
}
body.debug.careers {
background: url(images/debug/careers.png) no-repeat top center;
}
body.debug.nofound {
background: url(images/debug/404debug.png) no-repeat top center;
}
body.debug.events {
background: url(images/debug/events.png) no-repeat top center;
}
body.debug.resources {
background: url(images/debug/resources.png) no-repeat top center;
}
body.debug.news {
background: url(images/debug/news.png) no-repeat top center;
/* background-color: red; */
}
body.debug.boost {
background: url(debug/boost1.png) no-repeat top center;
}
body.debug.home {
background: url(debug/home.png) no-repeat top center;
}
body.debug.operations {
background: url(debug/operations1.png) no-repeat top center;
}
body.debug.page-template-page-customer-stories {
background: url(debug/stories.png) no-repeat top center;
}
body.debug.page-template-page-home-new {
background: url(debug/new-hp1.jpg) no-repeat top center;
}
body.debug.page-template-page-home-new {
background: url(debug/industry1.png) no-repeat top center;
}
body.debug.single-story {
background: url(debug/story.png) no-repeat top center;
}
body.debug.single-story .yoobic-slider-strip {
margin-top: 722px;
}
body.debug.page-template-page-contact {
background: url(debug/contact.png) no-repeat -70px 0px;
}
body.debug.demo {
background: url(debug/demo.png) no-repeat top center;
}
body.debug.page-template-page-about {
background: url(debug/about.png) no-repeat -71px -1357px;
}
body.debug.thanku {
background: url(debug/thanku.png) no-repeat top center;
}
@media (max-width: 767px) {
body.debug.boost {
background: url(debug/mobile-boost.png) no-repeat top center;
}
body.debug.boost>* {
margin-left: 0;
}
body.debug.home {
background: url(debug/mobile-home.png) no-repeat top center;
}
body.debug.home>* {
margin-left: 0;
}
body.debug.operations {
background: url(debug/mobile-operations.png) no-repeat top center;
}
body.debug.operations>* {
margin-left: 0;
}
body.debug.stories {
background: url(debug/mobile-stories1.png) no-repeat top center;
}
body.debug.stories>* {
margin-left: 0;
}
body.debug.single-story {
background: url(debug/mobile-story.png) no-repeat top center;
}
body.debug.single-story>* {
margin-left: 0;
}
body.debug.about {
background: url(debug/mobile-about.png) no-repeat top center;
}
body.debug.about>* {
margin-left: 0;
}
body.debug.page-template-page-home-new {
background: url(debug/industry-mobile.png) no-repeat top center;
}
}
/* Animation */
@media (min-width: 768px) {
/* Home Slider */
/*
#content.home .main-slider-strip:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 500;
}
*/
/*
#content.home .main-slider-strip .phone-slider {
transform: translateX(-50vw);
transition: transform 1s;
}
#content.home .main-slider-strip .phone-slider.show {
transform: translateX(0vw);
}
*/
#content.home .main-slider-strip .main-slider .slides .slide {
left: 0;
margin-bottom: 160px;
}
#content.home .main-slider-strip .slide .phone-wrapper {
-webkit-transform: translateX(-50vw);
transform: translateX(-50vw);
-webkit-transition: -webkit-transform 1s;
transition: -webkit-transform 1s;
transition: transform 1s;
transition: transform 1s, -webkit-transform 1s;
}
#content.home .main-slider-strip .slide.active .phone-wrapper {
-webkit-transform: translateX(0vw);
transform: translateX(0vw);
}
#content.home .main-slider-strip .main-slider .slides .slide .textual-content .item-title {
position: relative;
}
#content.home .main-slider-strip .main-slider .slides .slide .textual-content .item-title:after {
content: "";
position: absolute;
top: 0;
left: 0%;
right: 0;
bottom: 0;
background: white;
}
#content.home .main-slider-strip .main-slider .slides .slide.active .textual-content .item-title:after {
-webkit-transition: left 1s;
transition: left 1s;
}
#content.home .main-slider-strip .main-slider .slides .slide.active .textual-content .item-title:after {
left: 100%;
}
#content.home .main-slider-strip .main-slider .slides .slide .textual-content .ytxt,
#content.home .main-slider-strip .main-slider .slides .slide .quote-wrapper .author-img,
#content.home .main-slider-strip .main-slider .slides .slide .quote-wrapper .text-wrapper .logo,
#content.home .main-slider-strip .main-slider .slides .slide .quote-wrapper .text-wrapper blockquote {
opacity: 0;
}
#content.home .main-slider-strip .main-slider .slides .slide.active .textual-content .ytxt {
-webkit-transition: opacity 0.5s ease 0.5s;
transition: opacity 0.5s ease 0.5s;
}
#content.home .main-slider-strip .main-slider .slides .slide.active .quote-wrapper .author-img {
-webkit-transition: opacity 0.5s ease 3.6s;
transition: opacity 0.5s ease 3.6s;
}
#content.home .main-slider-strip .main-slider .slides .slide.active .quote-wrapper .text-wrapper .logo {
-webkit-transition: opacity 0.5s ease 3.8s;
transition: opacity 0.5s ease 3.8s;
}
#content.home .main-slider-strip .main-slider .slides .slide.active .quote-wrapper .text-wrapper blockquote {
-webkit-transition: opacity 0.5s ease 4.0s;
transition: opacity 0.5s ease 4.0s;
}
#content.home .main-slider-strip .main-slider .slides .slide.active .textual-content .ytxt,
#content.home .main-slider-strip .main-slider .slides .slide.active .quote-wrapper .author-img,
#content.home .main-slider-strip .main-slider .slides .slide.active .quote-wrapper .text-wrapper .logo,
#content.home .main-slider-strip .main-slider .slides .slide.active .quote-wrapper .text-wrapper blockquote {
opacity: 1;
}
#content.home .main-slider-strip .main-slider .slides .slide .item-animation {
-webkit-transform: translateX(-112.5vw);
transform: translateX(-112.5vw);
}
#content.home .main-slider-strip .main-slider .slides .slide.active .item-animation {
-webkit-transform: translateX(0vw);
transform: translateX(0vw);
}
#content.home .main-slider-strip .main-slider .slides .slide .item-animation .reverse-vid {
position: absolute;
top: 0;
}
#content.home .main-slider-strip .main-slider .slides .slide .item-animation video {
visibility: hidden;
}
#content.home .main-slider-strip .main-slider .slides .slide .item-animation video.visible {
visibility: visible;
}
#content.home .main-slider-strip .main-slider .slides .slide.active-out {
z-index: 1;
}
#content.home .main-slider-strip .main-slider .slides .slide.active-out .item-animation {
display: none;
}
#content.home .main-slider-strip .main-slider .slides .slide.active-out .quote-wrapper {
opacity: 0;
-webkit-transform: translateX(40px);
transform: translateX(40px);
-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, transform 0.5s;
transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
}
#content.home .main-slider-strip .main-slider .slides .slide.active-out .textual-content {
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
}
#content.home .main-slider-strip .main-slider .slides .slide.active-in .textual-content .item-title:after {
-webkit-transition: left 1s ease 1s;
transition: left 1s ease 1s;
}
#content.home .main-slider-strip .main-slider .slides .slide.active .textual-content .ytxt {
-webkit-transition: opacity 0.5s ease 1s;
transition: opacity 0.5s ease 1s;
}
#content.home .main-slider-strip .phone-slider .screen-img {
left: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform 0.5s ease 1s;
transition: -webkit-transform 0.5s ease 1s;
transition: transform 0.5s ease 1s;
transition: transform 0.5s ease 1s, -webkit-transform 0.5s ease 1s;
}
#content.home .main-slider-strip .phone-slider .screen-img.active {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@media (max-width: 1199px) {
#content.home .main-slider-strip .main-slider .slides .slide .item-animation .reverse-vid {
-webkit-transform: scale(0.75);
transform: scale(0.75);
-webkit-transform-origin: center right;
transform-origin: center right;
}
.tab-mob {
display: block;
}
.respons-footer {
overflow: hidden;
}
.respons-footer .tab-mob .animation-wrapper img {
position: relative;
width: auto;
left: 50%;
-webkit-transform: translateX(-40%);
transform: translateX(-40%);
}
.respons-footer .tab-mob .animation-wrapper img {
width: 100%;
left: 0;
right: 0;
-webkit-transform: translate(0px, 20px);
transform: translate(0px, 20px);
}
}
@media (max-width: 1199px) and (min-width: 768px) {
#content.home .main-slider-strip .phone-slider {
-webkit-transform: scale(0.75) translateX(-50vw);
transform: scale(0.75) translateX(-50vw);
}
#content.home .main-slider-strip .phone-slider.show {
-webkit-transform: scale(0.75) translateX(0vw);
transform: scale(0.75) translateX(0vw);
}
#content.events .cards-strip .site-width .items-list div.item .item-image span.swoosh {
height: 100%;
top: -8px;
border-top-right-radius: 27px;
border-left: 1px solid transparent;
}
#content.events .cards-strip .site-width .items-list div.item .item-image img.img,
#content.resources .cards-strip .site-width .items-list div.item .item-image img.img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#content.events .cards-strip .site-width .items-list div.item .item-image img.img {
height: 300px;
}
#content #careers .open-spots #welcomekit-embed .welcomekit-department .welcomekit-jobs-list-item .welcomekit-jobs-list-item-link {
width: 100%;
}
#content #careers .open-spots #welcomekit-embed {
margin-left: 330px;
}
}
#content .footer-cta .animation-wrapper {
position: relative;
}
/* Confetti */
.confetti-wrapper {
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
z-index: 5;
}
#cover.resources .confetti-wrapper,
#cover.news .confetti-wrapper,
#cover.events .confetti-wrapper {
top: 105%;
}
.confetti {
position: absolute;
}
.confetti-inner {
display: block;
}
.confetti-inner.circle,
.confetti-inner.thin-circle,
.confetti-inner.full-circle {
display: block;
width: 14px;
height: 14px;
border-radius: 50%;
}
.confetti-inner.circle {
border: 2px solid;
}
.confetti-inner.thin-circle {
border: 1px solid;
}
.confetti-inner.full-circle {
background: black;
}
.confetti-rotate {
display: block;
-webkit-transform-origin: center;
transform-origin: center;
}
#confetti-main-bottom-right {
top: 229px;
left: 608px;
}
#confetti-main-top-left {
top: -259px;
left: -867px;
}
#confetti-main-bottom-left {
top: 178px;
left: -689px;
}
#confetti-main-bottom-left-inner {
top: 114px;
left: -541px;
}
#confetti-main-slide01-left {
top: -386px;
left: -867px;
}
#confetti-main-slide01-right {
top: -139px;
left: 439px;
}
#confetti-main-slide01-right-kite {
top: -246px;
left: 756px;
}
#confetti-main-slide02-top {
top: -398px;
left: 806px;
}
#confetti-main-slide02-right {
top: -126px;
left: 838px;
}
#confetti-main-slide02-middle {
top: 141px;
left: 204px;
}
#confetti-main-slide03-right {
top: -218px;
left: 535px;
}
#confetti-main-slide03-middle {
top: 28px;
left: 162px;
}
#confetti-footer-left {
top: -137px;
left: -661px;
}
#confetti-footer-top-right {
top: -168px;
left: 376px;
}
#confetti-footer-top-right-inner {
top: -127px;
left: 187px;
}
#confetti-footer-bottom-right {
top: 32px;
left: 767px;
}
#confetti-footer-bottom-right-inner {
top: -11px;
left: 257px;
}
#confetti-boost-main-1 {
top: -385px;
left: 393px;
}
#confetti-boost-main-2 {
top: -366px;
left: -41px;
}
#confetti-boost-main-3 {
top: -327px;
left: 480px;
}
#confetti-boost-main-4 {
top: -307px;
left: -241px;
}
#confetti-boost-main-5 {
top: -293px;
left: -155px;
}
#confetti-boost-main-6 {
top: -288px;
left: -66px;
}
#confetti-boost-main-7 {
top: -289px;
left: 314px;
}
#confetti-boost-main-8 {
top: -254px;
left: 390px;
}
#confetti-boost-main-9 {
top: -217px;
left: -269px;
}
#confetti-boost-main-10 {
top: -205px;
left: -140px;
}
#confetti-boost-main-11 {
top: -203px;
left: 48px;
}
#confetti-boost-main-12 {
top: -205px;
left: 310px;
}
#confetti-boost-main-13 {
top: -226px;
left: 500px;
}
#confetti-boost-main-14 {
top: -139px;
left: 355px;
}
#confetti-boost-what-four-left {
top: -107px;
left: -283px;
}
#confetti-boost-what-four-right-top {
top: -295px;
left: 215px;
}
#confetti-boost-what-four-right {
top: -110px;
left: 340px;
}
#confetti-boost-what-four-right-bottom {
top: 33px;
left: 263px;
}
#confetti-boost-what-one-right {
top: -148px;
left: 341px;
}
#content.boost .swooshes-anim .textual-content,
#content .mod-swooshes.swooshes-anim .textual-content {
position: relative;
}
#confetti-boost-how-top-left {
top: -358px;
left: 159px;
}
#confetti-boost-how-top {
top: -373px;
left: 266px;
}
#confetti-boost-how-right {
top: -312px;
left: 352px;
}
#confetti-boost-how-left {
top: -225px;
left: 69px;
}
#confetti-boost-how-middle {
top: -240px;
left: 260px;
}
#confetti-boost-how-bottom-right {
top: -141px;
left: 301px;
}
#confetti-stories-01 {
top: -229px;
left: -286px;
}
#confetti-stories-02 {
top: -186px;
left: -131px;
}
#confetti-stories-03 {
top: -188px;
left: 391px;
}
#confetti-stories-04 {
top: -152px;
left: -212px;
}
#confetti-stories-05 {
top: -158px;
left: 563px;
}
#confetti-stories-06 {
top: -122px;
left: 235px;
}
#confetti-stories-07 {
top: -113px;
left: -378px;
}
#confetti-stories-08 {
top: -106px;
left: -299px;
}
#confetti-stories-09 {
top: -108px;
left: 448px;
}
#confetti-stories-10 {
top: -62px;
left: 548px;
}
#confetti-stories-11 {
top: -45px;
left: 294px;
}
#confetti-stories-12 {
top: -52px;
left: 760px;
}
#confetti-stories-13 {
top: 28px;
left: 613px;
}
#confetti-positions-01 {
top: -345px;
left: -378px;
}
#confetti-positions-02 {
top: -284px;
left: -587px;
}
#confetti-positions-03 {
top: -268px;
left: -499px;
}
#confetti-positions-04 {
top: -265px;
left: -405px;
}
#confetti-positions-05 {
top: -190px;
left: -612px;
}
#confetti-positions-06 {
top: -179px;
left: -480px;
}
#confetti-positions-07 {
top: -176px;
left: -284px;
}
#cover.contact .form-wrapper .form .confetti-wrapper {
top: 0;
left: 0;
right: 0;
width: auto;
}
#confetti-contact-01 {
top: -40px;
left: -82px;
}
#confetti-contact-02 {
top: 99px;
left: -273px;
}
#confetti-contact-03 {
top: 154px;
left: -104px;
}
#confetti-contact-04 {
top: 173px;
left: -519px;
}
#confetti-contact-05 {
top: 380px;
left: -405px;
}
#confetti-contact-06 {
top: 35px;
right: -197px;
}
#confetti-contact-07 {
top: 94px;
right: -322px;
}
#confetti-contact-08 {
top: 209px;
right: -480px;
}
#confetti-contact-09 {
top: 317px;
right: -347px;
}
#confetti-boost-optimized-top {
top: -366px;
left: -133px;
}
#confetti-boost-optimized-right {
top: 129px;
left: 480px;
}
.icons-strip .icons-wrapper .icon .img-wrapper {
position: relative;
}
#confetti-boost-icon-bl-left {
top: -9px;
left: -77px;
}
#confetti-boost-icon-bl-right {
top: -5px;
left: -53px;
}
#confetti-boost-icon-bl-bottom {
top: 28px;
left: -62px;
}
#confetti-boost-icon-tl-left {
top: -72px;
left: -50px;
}
#confetti-boost-icon-tl-right {
top: -65px;
left: -15px;
}
#confetti-boost-icon-tl-bottom {
top: -41px;
left: -56px;
}
#confetti-boost-icon-tr-left {
top: -67px;
left: 31px;
}
#confetti-boost-icon-tr-right {
top: -75px;
left: 63px;
}
#confetti-boost-icon-tr-bottom {
top: -28px;
left: 59px;
}
#confetti-boost-icon-tr2-left {
top: -67px;
left: 21px;
}
#confetti-boost-icon-tr2-right {
top: -75px;
left: 57px;
}
#confetti-boost-icon-tr2-bottom {
top: -38px;
left: 62px;
}
#confetti-boost-icon-tc-left {
top: -60px;
left: -40px;
}
#confetti-boost-icon-tc-right {
top: -64px;
left: 32px;
}
#confetti-boost-icon-tc-bottom {
top: -22px;
left: 4px;
}
@-webkit-keyframes confetti-hover {
0% {
-webkit-transform: translateX(-20px);
transform: translateX(-20px)
}
50% {
-webkit-transform: translateX(20px);
transform: translateX(20px)
}
100% {
-webkit-transform: translateX(-20px);
transform: translateX(-20px)
}
}
@keyframes confetti-hover {
0% {
-webkit-transform: translateX(-20px);
transform: translateX(-20px)
}
50% {
-webkit-transform: translateX(20px);
transform: translateX(20px)
}
100% {
-webkit-transform: translateX(-20px);
transform: translateX(-20px)
}
}
@-webkit-keyframes confetti-hover-inner {
0% {
-webkit-transform: translateY(-3px);
transform: translateY(-3px)
}
50% {
-webkit-transform: translateY(3px);
transform: translateY(3px)
}
100% {
-webkit-transform: translateY(-3px);
transform: translateY(-3px)
}
}
@keyframes confetti-hover-inner {
0% {
-webkit-transform: translateY(-3px);
transform: translateY(-3px)
}
50% {
-webkit-transform: translateY(3px);
transform: translateY(3px)
}
100% {
-webkit-transform: translateY(-3px);
transform: translateY(-3px)
}
}
@-webkit-keyframes confetti-hover-vertical {
0% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px)
}
50% {
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
100% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px)
}
}
@keyframes confetti-hover-vertical {
0% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px)
}
50% {
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
100% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px)
}
}
@-webkit-keyframes confetti-hover-vertical-inner {
0% {
-webkit-transform: translateX(-3px);
transform: translateX(-3px)
}
50% {
-webkit-transform: translateX(3px);
transform: translateX(3px)
}
100% {
-webkit-transform: translateX(-3px);
transform: translateX(-3px)
}
}
@keyframes confetti-hover-vertical-inner {
0% {
-webkit-transform: translateX(-3px);
transform: translateX(-3px)
}
50% {
-webkit-transform: translateX(3px);
transform: translateX(3px)
}
100% {
-webkit-transform: translateX(-3px);
transform: translateX(-3px)
}
}
@-webkit-keyframes confetti-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes confetti-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.confetti.in-screen {
-webkit-animation: confetti-hover 10s infinite ease-in-out;
animation: confetti-hover 10s infinite ease-in-out;
}
.confetti.in-screen .confetti-inner {
-webkit-animation: confetti-hover-inner 2s infinite;
animation: confetti-hover-inner 2s infinite;
}
.confetti.in-screen.confetti-hover-vertical {
-webkit-animation-name: confetti-hover-vertical;
animation-name: confetti-hover-vertical;
}
.confetti.in-screen.confetti-hover-vertical .confetti-inner {
-webkit-animation-name: confetti-hover-vertical-inner;
animation-name: confetti-hover-vertical-inner;
}
.confetti.in-screen .confetti-rotate {
-webkit-animation: confetti-rotate 20s infinite linear;
animation: confetti-rotate 20s infinite linear;
}
.confetti.in-screen.confetti-rotate-reverse .confetti-rotate {
animation-direction: reverse;
}
body.debug .confetti.in-screen,
body.debug .confetti.in-screen .confetti-inner,
body.debug .confetti.in-screen .confetti-rotate {
-webkit-animation: none;
animation: none;
}
@media (max-width: 600px) {
#wpadminbar {
display: none;
}
#header {
top: 0;
}
#cover.events {
height: 220px;
}
#content.not-found img.desktop-img {
position: relative;
width: 100%;
max-width: 315px;
min-height: 114px;
}
#cover.not-found {
height: 265px;
}
#content.not-found:after {
display: none;
}
#cover .careers .mobile-img img {
padding-top: 44px;
}
#content .footer-centered {
text-align: center;
padding: 0 5px;
}
#content #careers .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .left-wrapper {
height: 150px;
}
#content #careers .team-slider .yoobic-slider-strip .yoobic-slider {
height: 495px !important;
}
.swiper-slide,
.swiper-slide-next,
.swiper-slide-prev,
.swiper-slide-active {
width: 100%!important;
margin: 40px auto;
}
#content #careers .brands-strip .bg-swoosh {
-webkit-transform: translateX(-59%) translateY(-47%);
transform: translateX(-59%) translateY(-47%);
}
#content #careers .brands-strip .bg-swoosh .bottom {
margin-top: -12%;
}
#content #careers .team-slider .yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper .yoobic-vid img {
border-bottom-right-radius: 10px;
}
#content #careers .team-slider .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .yoobic-vid {
height: 100%;
min-height: 175px;
}
#content #careers .team-slider .yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper .yoobic-vid img {
height: 100%;
}
#content #careers .team-slider .yoobic-slider-strip .site-width .slider-wrapper .yoobic-slider .slides .slide .left-wrapper .yoobic-vid .swoosh {
bottom: 0;
}
#content #careers .team-in-action .swiper-container .swiper-slide {
background-size: cover;
}
#content #careers .team-in-action .swiper-container .swiper-slide-active .swoosh {
height: 166px;
border-top-right-radius: 23px;
}
#content #careers .team-in-action .swiper-container .swiper-slide {
height: 166px;
}
#cover.not-found {
margin: 20px auto;
}
#cover.resources .ptable .ptd,
#cover.events .ptable .ptd,
#cover.news .ptable .ptd {
padding-top: 40px;
}
#content.resources .bg-swoosh.bottom-swoosh {
-webkit-transform: translateX(-50%) translateY(36%);
transform: translateX(-50%) translateY(36%);
}
#content.resources .footer-centered .yoobic-main-title {
margin-top: 145px;
}
#content.resources .cards-strip .site-width .items-list div.item .item-image span.swoosh .logo {
width: 24%;
height: 15%;
bottom: 10px;
}
#content .cards-strip .items-list div.item .item-descr .cont-name {
margin-bottom: 12px;
}
#content.resources .stories-slider-strip .logos-slider .slides .slide span img.icon {
opacity: .75;
}
.respons-footer {
overflow: hidden;
}
#content.events .bg-swoosh.bottom-swoosh {
-webkit-transform: translateX(-63%) translateY(198%);
transform: translateX(-63%) translateY(198%);
}
#content.news .cards-strip .site-width .items-list div.item .item-image img {
left: 40px;
top: 20px;
}
#header .logo-wrapper a img {
display: block;
}
#header.video-bg .logo-wrapper a img.white_logo,
#header .logo-wrapper a img.white_logo {
display: none;
}
#cover.full-width .textual-content .yoobic-btn1_1 {
margin-left: 0;
padding: 12px 10px;
}
#cover.full-width .textual-content .yoobic-btn1_1 img {
position: relative;
left: unset;
top: unset;
}
#cover.full-width .textual-content .yoobic-btn1_1 span {
padding: 0;
}
}
@media (max-width: 387px) {
#content #careers .brands-strip .bg-swoosh .bottom {
margin-top: -15%;
}
#content #careers .brands-strip .bg-swoosh {
-webkit-transform: translateX(-15%) translateY(-58%);
transform: translateX(-15%) translateY(-58%);
}
#careers .brands-strip .brands-strip-bg {
background-color: transparent;
}
#content.events .bg-swoosh.bottom-swoosh {
-webkit-transform: translateX(-63%) translateY(228%);
transform: translateX(-63%) translateY(228%);
}
}
@media (min-width: 100px) {
.fade-in-text {
-webkit-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
}
.fade-in-text.fade-in-text-show {
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
-webkit-transition: opacity 0.5s ease, -webkit-transform 0.1s ease;
transition: opacity 0.5s ease, -webkit-transform 0.1s ease;
transition: transform 0.1s ease, opacity 0.5s ease;
transition: transform 0.1s ease, opacity 0.5s ease, -webkit-transform 0.1s ease;
}
.fade-in-picture {
-webkit-transform: scale(0.6);
transform: scale(0.6);
opacity: 0;
}
.fade-in-picture-head {
-webkit-transform: scale(0.6);
transform: scale(0.6);
opacity: 0;
}
.fade-in-picture.fade-in-picture-show,
.fade-in-picture-head.fade-in-picture-show,
.fade-in-picture-head.fade-in-picture-show {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
-webkit-transition: opacity 3s ease, -webkit-transform 1s ease;
transition: opacity 3s ease, -webkit-transform 1s ease;
transition: transform 1s ease, opacity 3s ease;
transition: transform 1s ease, opacity 3s ease, -webkit-transform 1s ease;
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
}
/* New Homepage (Avi // 25.12.19) */
.yoobic-sec-title.sec36 {
font-size: 36px;
line-height: 1.55;
}
#content.modular-page .guest-xp {
padding-top: 26px;
text-align: center;
}
#content.modular-page .guest-xp .guest-blocks {
margin-top: 78px;
margin-left: -40px;
margin-right: -40px;
padding-bottom: 80px;
}
#content.modular-page .guest-xp .guest-blocks .guest-block {
float: right;
width: 50%;
padding: 0 20px;
}
#content.modular-page .guest-xp .guest-blocks .guest-block .block-img img {
max-width: 100%;
height: auto;
}
#content.modular-page .guest-xp .guest-blocks .guest-block:first-child {
float: left;
padding-left: 0;
}
#content.modular-page .guest-xp .guest-blocks .guest-block .yoobic-sec-title,
#content.modular-page .guest-xp .guest-blocks .guest-block .block-content {
max-width: 330px;
margin: 0 auto;
}
#content.modular-page .guest-xp .guest-blocks .guest-block .yoobic-sec-title {
margin-top: -12px;
margin-bottom: 10px;
}
#content.modular-page .guest-xp .guest-blocks .guest-block .block-content {
font-size: 19px;
line-height: 1.7;
}
#solutions-tabs {
position: relative;
z-index: 2;
padding: 80px 0;
}
#solutions-tabs .yoobic-sec-title {
text-align: center;
}
#solutions-tabs .tabs-wrapper {
padding: 50px 164px;
}
#solutions-tabs .tabs-wrapper .handlers {
position: relative;
}
#solutions-tabs .tabs-wrapper .handlers:after {
content: "";
position: absolute;
top: 100%;
left: 10px;
right: 10px;
height: 1px;
background: #aaa;
}
#solutions-tabs .tabs-wrapper .handlers .underline {
position: absolute;
z-index: 2;
width: 29%;
height: 8px;
top: calc(100% - 3px);
left: 0;
background: linear-gradient(270deg, #7C6AFC 0%, #5EACFE 100%);
transition: left .5s ease-in-out;
-webkit-transition: left .5s ease-in-out;
-moz-transition: left .5s ease-in-out;
-ms-transition: left .5s ease-in-out;
-o-transition: left .5s ease-in-out;
}
#solutions-tabs .tabs-wrapper .handlers li {
float: left;
width: 30.5%;
margin-left: 3.8%;
font-size: 22px;
font-weight: 700;
text-align: center;
letter-spacing: 0;
color: #20274F;
opacity: .4;
transition: opacity .3s ease;
}
#solutions-tabs .tabs-wrapper .handlers li:first-child {
margin-left: 0;
}
#solutions-tabs .tabs-wrapper .handlers li.active {
opacity: 1;
}
#solutions-tabs .tabs-wrapper .handlers li a {
display: inline-block;
padding: 10px 10px 16px;
color: inherit;
text-decoration: none;
}
#solutions-tabs .content-wrapper {
margin-top: 106px;
}
#solutions-tabs .content-wrapper .content-tab {
display: none;
}
#solutions-tabs .content-wrapper .content-tab.active {
display: block;
}
#solutions-tabs .content-wrapper .content-tab .textual-content {
float: left;
width: 50%;
padding-right: 6%;
padding-left: 1.6%;
font-family: lato, sans-serif;
letter-spacing: 0;
}
#solutions-tabs .content-wrapper .textual-content .cons-intro {
margin-bottom: 17px;
line-height: 1.6;
color: #1F2750;
}
#solutions-tabs .content-wrapper .textual-content .cons-list {
margin-bottom: 20px;
color: rgba(31, 39, 80, .7);
}
#solutions-tabs .content-wrapper .textual-content .cons-list li {
position: relative;
padding-left: 20px;
}
#solutions-tabs .content-wrapper .textual-content .cons-list li:before {
content: "";
position: absolute;
top: 9px;
left: 0;
width: 6px;
height: 6px;
background: #ffdd05;
border-radius: 50%;
}
#solutions-tabs .content-wrapper .textual-content .testimonial-wrapper {
margin-top: 45px;
font-size: 17px;
font-style: italic;
color: rgba(31, 39, 80, .6);
}
#solutions-tabs .content-wrapper .textual-content .testimonial-wrapper .testi-logo {
margin-bottom: 12px;
}
#solutions-tabs .content-wrapper .img-wrapper {
float: right;
width: 50%;
}
#solutions-tabs .content-wrapper .content-tab > .img-wrapper.retina-img img {
/* transform: scale(0.5);
transform-origin: top left;*/
}
#content.modular-page .icons-strip {
padding: 40px 0 80px;
}
#content.modular-page .mod-comm-strip+.icons-strip {
padding-top: 100px;
}
.icons-strip.icon-on-top .icons-wrapper {
margin: 0;
overflow: visible;
display: flex;
justify-content: center;
}
.icons-strip.icon-on-top .icons-wrapper .icon {
display: block;
text-align: center;
}
.icons-strip.icon-on-top .icons-wrapper .icon .img-wrapper {
/*height: 70px;*/
height: auto;
margin-right: 0;
margin-bottom: 30px;
}
.icons-strip.icon-on-top .icons-wrapper .icon .img-wrapper img {
/*position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);*/
}
.icons-strip.icon-on-top .icons-wrapper .icon .yoobic-sec-title {
margin-bottom: 12px;
}
.icons-strip.icon-on-top .icons-wrapper .icon .desc {
max-width: 350px;
margin: 0 auto;
}
#industries-blocks.yoobic-learn-about {
position: relative;
z-index: 2;
margin-top: 110px;
margin-bottom: 60px;
}
#industries-blocks.yoobic-learn-about .learn-items {
margin-left: -70px;
margin-right: -70px;
}
#industries-blocks.yoobic-learn-about .learn-items .item {
margin: 20px 45px 100px;
}
#industries-blocks.yoobic-learn-about .learn-items .item:hover .img-wrapper>img {
opacity: 1;
}
#content #industries-blocks.yoobic-learn-about .yoobic-main-title {
margin-bottom: 50px;
}
#industries-blocks.yoobic-learn-about .learn-items .item .item-details {
margin-top: 26px;
}
#industries-blocks.yoobic-learn-about .learn-items .item .item-details .item-title {
margin-bottom: 1px;
font-size: 22px;
}
#industries-blocks.yoobic-learn-about .learn-items .item .item-details .yoobic-btn2 {
margin-left: 4px;
}
#mod-vid-slider {
position: relative;
margin: 120px 0 160px;
padding-top: 80px;
}
#content > #mod-vid-slider:first-child {
margin-top: 380px;
}
#mod-vid-slider .slider-wrapper {
margin-top: 60px;
}
#mod-vid-slider .slider-wrapper .yoobic-main-title+.slider-wrapper {
padding-top: 0;
}
#mod-vid-slider .bg-swoosh {
top: 50%;
left: 50%;
width: auto;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
#mod-vid-slider .yoobic-main-title {
/*margin-top: 70px;*/
margin-bottom: 72px;
letter-spacing: -2px;
}
#mod-vid-slider.yoobic-slider-strip .yoobic-slider {
position: relative;
height: 550px;
overflow: hidden;
}
#mod-vid-slider.yoobic-slider-strip .yoobic-slider .slides {
position: absolute;
width: 99999px;
}
#mod-vid-slider.yoobic-slider-strip .yoobic-slider .slides .slide {
position: static;
float: left;
width: 1300px;
}
#mod-vid-slider.yoobic-slider-strip .yoobic-slider .slides .slide .right-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
width: 34.6%;
padding-bottom: 10px;
}
#mod-vid-slider.yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper {
width: 762px;
padding: 0;
}
#mod-vid-slider blockquote {
font-size: 17px;
letter-spacing: 0.85px;
line-height: 1.55;
}
#mod-vid-slider .testi-author {
margin-top: 32px;
font-family: lato, sans-serif;
letter-spacing: 0.4px;
}
#mod-vid-slider.yoobic-slider-strip .controls .arrow {
top: 178px;
}
#mod-vid-slider.yoobic-slider-strip .controls .arrow.arrow-next {
right: -50px;
}
#mod-vid-slider.yoobic-slider-strip .controls .arrow.arrow-prev {
left: -50px;
}
#mod-vid-slider.yoobic-slider-strip .dots {
bottom: 53px;
}
#content.modular-page .mod-resources {
padding: 90px 0 95px;
text-align: center;
}
#content.modular-page .mod-resources .yoobic-main-title {
max-width: 590px;
margin: 0 auto 60px;
}
#content.modular-page .mod-resources .items {
display: flex;
justify-content: center;
}
#content.modular-page .mod-resources .items .item {
min-width: 29%;
}
#content.modular-page .mod-resources .items .item .img-wrapper img {
box-shadow: 14px 14px 50px -10px rgba(0, 0, 0, .2);
}
#content.modular-page .mod-resources .items .item.video .img-wrapper img,
#content.modular-page .mod-resources .items .item.blog_post .img-wrapper img {
border-radius: 23px;
}
#content.modular-page .mod-resources .items .item .details {
margin-top: 40px;
}
#content.modular-page .mod-resources .items .item .details .item-title {
font-family: lato, sans-serif;
font-size: 18px;
line-height: 1.7;
padding: 0 20px 0 20px;
}
#content.modular-page .footer-cta>.site-width {
min-height: 100px;
}
/* Industry (Avi) */
#content.modular-page .logos-slider-strip {
margin-bottom: 40px;
}
#content.modular-page .tpc-wrapper {
position: relative;
z-index: 2;
padding: 75px 0 50px;
text-align: center;
}
#content.modular-page .tpc-wrapper .intro-text {
max-width: 874px;
margin: 30px auto 0;
font-size: 19px;
}
#content.modular-page .mod-text-img {
margin: 31px 0 120px;
}
.site-width {
z-index: 2;
}
#content.modular-page .mod-text-img .flex-wrapper {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
#content.modular-page .mod-text-img.right-text .flex-wrapper {
flex-direction: row-reverse;
}
#content.modular-page .mod-text-img .flex-wrapper .text-col {
width: 560px;
max-width: 60%;
padding-bottom: 15px;
}
#content.modular-page .mod-text-img .flex-wrapper .text-col .yoobic-main-title {
margin-bottom: 38px;
}
#content.modular-page .mod-text-img .flex-wrapper .text-col+img {
width: auto;
}
#content.modular-page .mod-text-img .flex-wrapper .text-col .desc {
font-size: 19px;
line-height: 1.65;
}
#content.modular-page .confetti-wrapper {
z-index: 3;
}
#confetti-tpc-left-top {
top: -140px;
left: -331px;
}
#confetti-tpc-left-middle {
top: -80px;
left: -401px;
}
#confetti-tpc-left-bottom {
top: -38px;
left: -516px;
}
#confetti-tpc-right-top {
top: -187px;
left: 447px;
}
#confetti-tpc-right-middle {
top: -102px;
left: 517px;
}
#confetti-tpc-right-bottom {
top: -52px;
left: 507px;
}
#content.modular-page .mod-title-btn {
padding: 80px 0;
text-align: center;
}
#content.modular-page #mod-vid-slider+.mod-title-btn {
padding-top: 20px;
}
#content.modular-page .mod-title-btn .yoobic-main-title {
max-width: 880px;
margin: 0 auto 44px;
}
#content.modular-page .mod-title-btn .yoobic-btn1,
#content.modular-page .mod-acc .yoobic-btn1 {
position: relative;
z-index: 2;
padding: 15px 28px;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
}
#content.modular-page .mod-acc .yoobic-btn1 {
margin-top: 40px;
font-size: 16px;
letter-spacing: -0.5px;
}
#confetti-title-btn-left-top {
left: -410px;
top: 20px
}
#confetti-title-btn-left-bottom {
left: -270px;
top: 70px;
}
#confetti-title-btn-center {
left: -150px;
top: -130px;
}
#confetti-title-btn-right-top {
left: 410px;
top: -160px
}
#confetti-title-btn-right-bottom {
left: 460px;
top: -90px
}
.mod-acc {
padding: 60px 0;
text-align: center;
}
.mod-acc .yoobic-main-title {
margin-bottom: 100px;
}
.mod-acc.accordion-strip .acc-col {
position: relative;
z-index: 2;
}
.mod-acc.accordion-strip .acc-col .acc-item .wrapper {
padding: 18px 28px;
}
.mod-acc.accordion-strip .acc-col .acc-item .title-wrapper {
display: flex;
align-items: center;
padding-right: 30px;
min-height: 38px;
}
.mod-acc.accordion-strip .acc-col .acc-item .title-wrapper .title {
font-size: 22px;
line-height: 1.3;
}
.mod-acc.accordion-strip .acc-col .acc-item .title-wrapper .ws-plus {
top: 50%;
margin-top: -6px;
}
.mod-acc.accordion-strip .acc-col .acc-item.open .title-wrapper .ws-plus:before {
width: 9px;
}
.mod-acc.accordion-strip .acc-col .acc-item.open .title-wrapper .ws-plus:after {
height: 9px;
}
.mod-acc.accordion-strip .phone-col {
float: right;
}
.mod-acc.accordion-strip .phone-col .device-wrapper.retina-img img {
/*transform: scale(0.5);
transform-origin: top center;*/
}
.mod-solutions-blocks {
margin-top: 50px;
}
.mod-video-text-use-case {
padding: 70px 0;
}
#cover.boost.mod .bg-swoosh {
height: 1030px;
overflow: hidden;
background: none;
}
#cover.boost.mod .bg-swoosh .bg-top {
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
#content.modular-page {
width: 100%;
/*overflow: auto;*/
}
#content.modular-page #what-is-boost.yoobic-rows {
margin-bottom: 150px;
padding-top: 330px;
}
#content.modular-page .yoobic-rows .main {
position: relative;
z-index: 3;
background: transparent;
}
#content.modular-page .yoobic-rows .main:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: calc(100% - 250px);
background-color: #f9fafd;
}
#content.modular-page .yoobic-rows .bg-swoosh {
top: calc(100% - 1100px);
left: 0;
z-index: 2;
height: 2700px
}
#content .mod-yoobic-rows .what-row.vleft.vtablet .bg-swoosh {
top: 10%;
width: 100%;
height: auto;
}
#content.modular-page .yoobic-rows .bg-swoosh .bg-bottom {
position: absolute;
top: 0;
left: 43%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
@media (max-width: 1599px) {
#content.modular-page .guest-xp .guest-blocks {
display: flex;
align-items: baseline;
margin-left: 0;
margin-right: 0;
}
#content.modular-page .guest-xp .guest-blocks .guest-block,
#content.modular-page .guest-xp .guest-blocks .guest-block:first-child {
float: none;
}
#content.modular-page .guest-xp .guest-blocks video {
max-width: 100%;
height: auto;
}
#mod-vid-slider .bg-swoosh {
width: auto;
top: 53%;
left: 50%;
transform: translate(-50%, -50%) scale(0.9);
}
#mod-vid-slider.yoobic-slider-strip .yoobic-slider {
height: calc((100vw - 200px) * 0.6 * 0.535 + 100px);
}
#mod-vid-slider.yoobic-slider-strip .yoobic-slider .slides .slide {
width: -webkit-calc(100vw - 200px);
width: -moz-calc(100vw - 200px);
width: calc(100vw - 200px);
}
#mod-vid-slider.yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper {
max-width: 61%;
}
#mod-vid-slider.yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper .yoobic-vid>img {
max-width: 100%;
height: auto;
}
#mod-vid-slider.yoobic-slider-strip .yoobic-slider .slides .slide .right-wrapper {
height: calc((100vw - 200px) * 0.6 * 0.535);
}
#mod-vid-slider.yoobic-slider-strip .controls .arrow {
top: calc(((100vw - 200px) * 0.6 * 0.535)/2 - 13px);
}
#mod-vid-slider.yoobic-slider-strip .controls .arrow.arrow-prev {
left: 0;
}
#mod-vid-slider.yoobic-slider-strip .controls .arrow.arrow-next {
right: 0;
}
#mod-vid-slider.yoobic-slider-strip .dots {
bottom: 30px;
}
#industries-blocks.yoobic-learn-about .learn-items {
margin-left: -55px;
margin-right: -55px;
}
#industries-blocks.yoobic-learn-about .learn-items .item {
margin: 20px 30px 90px;
}
}
@media (max-width: 1449px) {
#header .menu-wrapper .nav-menu>ul>li {
margin-left: 1.3rem;
}
#content.modular-page .mod-resources .items {
justify-content: space-between;
}
#content.modular-page .mod-resources .items .item {
width: 31%;
}
}
@media (max-width: 1399px) {
#content.modular-page .yoobic-rows .bg-swoosh {
height: 2500px;
}
}
@media (max-width: 1299px) {
#content.modular-page .guest-xp .guest-blocks {
margin-top: 40px;
}
#solutions-tabs .tabs-wrapper {
padding: 40px 70px;
}
#solutions-tabs .content-wrapper {
margin-top: 80px;
}
#solutions-tabs .content-wrapper .img-wrapper img {
max-width: 120%;
height: auto;
}
#industries-blocks.yoobic-learn-about {
margin-top: 40px;
}
#industries-blocks.yoobic-learn-about .learn-items {
margin-left: -50px;
margin-right: -50px;
}
#industries-blocks.yoobic-learn-about .learn-items .item {
margin: 20px 15px 70px;
}
#content.modular-page .mod-resources .items .item .img-wrapper img {
max-width: 100%;
height: auto;
}
#content.modular-page .mod-text-img .flex-wrapper .text-col+img {
max-width: 60%;
height: auto;
}
.mod-acc.accordion-strip .acc-col {
width: 34%;
margin-left: 5%;
}
.mod-acc.accordion-strip .phone-col {
width: 58%;
}
.mod-acc.accordion-strip .phone-col .slide {
width: 100%;
}
.mod-acc.accordion-strip .phone-col .slide .device-wrapper img {
max-width: 110%;
height: auto;
}
}
@media (max-width: 1199px) {
.mod-acc.accordion-strip .acc-col {
width: 39%;
margin-left: 0;
}
.accordion-strip.img-zoom .acc-col {
width: 42%;
margin-left: 4%;
}
.accordion-strip.img-zoom .phone-col {
width: 50%;
margin-left: 4%;
}
#content.modular-page .mod-title-btn .yoobic-main-title {
max-width: 800px;
}
#content.modular-page .learn-how.swooshes-anim.row3 .swooshes-wrapper {
margin-left: -70px;
}
#content.modular-page .learn-how.swooshes-anim.row3 .swooshes-wrapper .swoosh-item .swoosh-vid {
width: 280px;
height: auto;
}
}
@media (max-width: 1023px) {
.icons-strip.icon-on-top .icons-wrapper {
display: block;
}
#content.modular-page .yoobic-rows .bg-swoosh {
height: 2450px;
}
#content.modular-page .mod-steps {
padding: 90px 0 0;
}
#content.modular-page .mod-steps .steps {
margin-top: 40px;
}
#content.modular-page .mod-steps .steps .step {
width: 33.3%;
padding: 0 10px;
}
#content.modular-page .mod-steps .steps .step:first-child {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
}
#content.modular-page .guest-xp {
padding-top: 86px;
}
#solutions-tabs {
padding: 40px 0;
}
#solutions-tabs .content-wrapper {
margin-top: 60px;
}
#solutions-tabs .content-wrapper .content-tab .textual-content {
float: none;
width: auto;
}
#solutions-tabs .content-wrapper .img-wrapper {
display: none;
}
#solutions-tabs .content-wrapper .textual-content .img-wrapper.mobile-only {
display: block;
float: none;
width: auto;
margin-top: 60px;
}
#content.modular-page .icons-strip {
padding: 40px 0 10px;
}
.icons-strip.icon-on-top .icons-wrapper .icon {
margin-bottom: 74px;
}
.icons-strip.icon-on-top .icons-wrapper .icon .img-wrapper {
width: auto !important;
margin-bottom: 10px;
}
#content #industries-blocks.yoobic-learn-about .learn-items {
display: block;
margin: 0 -20px;
}
#content #industries-blocks.yoobic-learn-about .learn-items .item {
margin: 20px 10px 60px;
}
#mod-vid-slider {
margin-bottom: 120px;
}
#mod-vid-slider .yoobic-main-title {
margin-bottom: 30px;
}
#mod-vid-slider.yoobic-slider-strip .slider-wrapper {
padding: 0;
}
#mod-vid-slider.yoobic-slider-strip .yoobic-slider .slides .slide {
width: calc(100vw - 60px);
padding: 0 10px;
}
#mod-vid-slider.yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper {
float: none;
max-width: 100%;
}
#mod-vid-slider.yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper img {
max-width: 100%;
height: auto;
}
#mod-vid-slider.yoobic-slider-strip .yoobic-slider .slides .slide .right-wrapper {
width: auto;
height: auto;
margin-top: 50px;
}
#mod-vid-slider .testi-author {
margin-top: 22px;
}
#mod-vid-slider.yoobic-slider-strip .controls .arrow.arrow-next {
right: -18px;
transform: scale(0.8);
}
#mod-vid-slider.yoobic-slider-strip .controls .arrow.arrow-prev {
left: -18px;
transform: scale(-0.8);
}
#mod-vid-slider.yoobic-slider-strip .dots {
bottom: auto;
top: calc((100vw - 80px) * 0.535 + 20px);
}
#content.modular-page .tpc-wrapper {
margin-top: 90px;
}
#content.modular-page .mod-text-img .flex-wrapper {
display: block;
text-align: center;
}
#content.modular-page .mod-text-img .flex-wrapper .text-col {
width: auto;
max-width: none;
margin-bottom: 40px;
}
#content.modular-page .mod-text-img .flex-wrapper .text-col .yoobic-main-title {
margin-bottom: 20px;
}
#content.modular-page .mod-text-img .flex-wrapper .text-col .yoobic-main-title br {
display: none;
}
.mod-acc.accordion-strip .acc-col {
width: 45%;
}
.mod-acc.accordion-strip .acc-col .acc-item .title-wrapper .title {
font-size: 20px;
}
.accordion-strip .acc-col .acc-item .wrapper {
padding: 18px 20px;
}
.accordion-strip .acc-col .acc-item .content-wrapper {
font-size: 17px;
line-height: 1.5;
}
.mod-acc.accordion-strip .phone-col {
width: 54%;
}
#content.modular-page .learn-how.swooshes-anim.row3 .swooshes-wrapper .swoosh-item {
margin: 0 10px;
}
#content.modular-page .learn-how.swooshes-anim.row3 .swooshes-wrapper .swoosh-item .swoosh-vid {
width: 210px;
}
/* .mod-acc .mobile-img {
display: block;
}
.mod-acc.accordion-strip .phone-col {
display: none;
} */
}
@media (min-width: 768px) {
#content.modular-page .mod-resources .items,
#content.modular-page .mod-resources .items .item {
height: auto !important;
}
}
@media (max-width: 767px) {
#content .mod-yoobic-rows .what-row.vleft.vtablet .visual-content .phone-wrapper .bg-elements {
display: none;
}
#content .yoobic-sec-title.sec36 {
font-size: 25px;
line-height: 1.4;
}
#content.modular-page .guest-xp {
padding-top: 46px;
}
#content.modular-page .guest-xp .yoobic-sec-title {
letter-spacing: -1px;
}
#content.modular-page .guest-xp .yoobic-sec-title br {
display: none;
}
#content.modular-page .guest-xp .guest-blocks {
display: block;
margin: 16px -10px 0;
padding-bottom: 10px;
}
#content.modular-page .guest-xp .guest-blocks .guest-block {
width: auto;
padding: 0;
}
#content.modular-page .guest-xp .guest-blocks .guest-block+.guest-block {
margin-top: 52px;
}
#content.modular-page .guest-xp .guest-blocks video {
display: none;
}
#content.modular-page .guest-xp .guest-blocks .yoobic-sec-title {
font-size: 22px;
line-height: 1.55;
}
#content.modular-page .guest-xp .guest-blocks .guest-block .block-content {
padding: 0 30px;
font-size: 17px;
}
#content.modular-page .guest-xp .guest-blocks .guest-block .yoobic-sec-title {
margin-top: -46px;
margin-bottom: 6px;
}
#content #solutions-tabs .yoobic-sec-title br {
display: none;
}
#solutions-tabs {
padding-bottom: 15px;
}
#solutions-tabs .tabs-wrapper {
margin: 0 -15px;
padding: 30px 0;
}
#solutions-tabs .tabs-wrapper .handlers li {
font-size: 15px;
line-height: 1.33;
}
#solutions-tabs .tabs-wrapper .handlers li a {
padding: 10px 6px 23px;
}
#solutions-tabs .tabs-wrapper .handlers .underline {
height: 7px;
width: 33%;
left: -3px;
}
#solutions-tabs .content-wrapper {
margin-top: 30px;
padding: 0 12px;
}
#solutions-tabs .content-wrapper .content-tab .textual-content {
padding-right: 0;
padding-left: 0;
font-size: 15px;
line-height: 25px;
}
#solutions-tabs .content-wrapper .textual-content .testimonial-wrapper {
margin-top: 25px;
margin-bottom: 10px;
}
#solutions-tabs .content-wrapper .textual-content .testimonial-wrapper .testi-logo .testi-logo {
transform: scale(0.9);
transform-origin: left;
}
#solutions-tabs .content-wrapper .textual-content .img-wrapper.mobile-only {
margin-left: -20px;
margin-right: -20px;
}
#solutions-tabs .content-wrapper .textual-content .img-wrapper.mobile-only img {
max-width: 100%;
}
#solutions-tabs .content-wrapper .textual-content .yoobic-btn2 {
margin-left: -12px;
}
#content.modular-page .icons-strip {
padding-top: 15px;
}
.icons-strip.icon-on-top .icons-wrapper .icon {
margin-bottom: 45px;
}
.icons-strip.icon-on-top .icons-wrapper .icon .img-wrapper img.desktop {
display: none;
}
#content.modular-page .icons-strip.icon-on-top .icons-wrapper .icon .img-wrapper {
max-width: none;
height: 100px;
margin-bottom: 20px;
-webkit-transform: scale(1);
transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform-origin: top center !important;
}
#content.modular-page .icons-strip.icon-on-top .icons-wrapper .icon .desc {
letter-spacing: -0.5px;
}
#content #industries-blocks.yoobic-learn-about {
margin-top: 15px;
padding-top: 10px;
}
#content #industries-blocks.yoobic-learn-about .yoobic-main-title {
margin-bottom: 35px;
font-size: 25px;
line-height: 35px;
}
#content #industries-blocks.yoobic-learn-about .learn-items {
margin: 0 -15px;
}
#content #industries-blocks.yoobic-learn-about .learn-items .item {
display: flex;
width: auto !important;
margin-bottom: 48px !important;
}
#content #industries-blocks.yoobic-learn-about .learn-items .item .img-wrapper {
max-width: 50%;
min-width: 50%;
height: calc((100vw - 40px) * 0.5 * 0.515) !important;
overflow: hidden;
border-radius: 9px;
}
#content #industries-blocks.yoobic-learn-about .learn-items .item .img-wrapper img {
height: auto;
top: 50%;
transform: translateY(-50%);
border-radius: 9px;
}
#content #industries-blocks.yoobic-learn-about .learn-items .item .img-wrapper .swoosh {
width: 66%;
height: 100%;
background-size: 66% 100%;
}
#content #industries-blocks.yoobic-learn-about .learn-items .item .item-details {
margin-left: 8px;
margin-top: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
text-align: left;
padding-bottom: 4px;
}
#content #industries-blocks.yoobic-learn-about .learn-items .item .item-details .item-title {
display: block;
margin-bottom: -4px;
padding-left: 4px;
font-size: 20px;
line-height: 1;
}
#content #industries-blocks.yoobic-learn-about .learn-items .item .item-details .yoobic-btn2 {
width: 130px;
margin-left: -8px;
font-size: 13px;
}
#content #industries-blocks.yoobic-learn-about .learn-items .item.lang-fr .item-details .yoobic-btn2 {
width: 150px;
}
#mod-vid-slider {
margin-top: 130px;
margin-bottom: 90px;
padding-top: 30px;
}
#mod-vid-slider.yoobic-slider-strip .slider-wrapper {
margin: 0 -10px;
}
#mod-vid-slider.yoobic-slider-strip .yoobic-slider .slides .slide {
width: -webkit-calc(100vw - 40px);
width: -moz-calc(100vw - 40px);
width: calc(100vw - 40px);
padding: 0;
}
#mod-vid-slider.yoobic-slider-strip .yoobic-slider .slides .slide .left-wrapper a img {
width: 60px;
}
#mod-vid-slider.yoobic-slider-strip .yoobic-slider .slides .slide .right-wrapper {
margin-top: 70px;
padding: 0 10px;
text-align: center;
}
#mod-vid-slider .testi-author {
font-size: 13px;
letter-spacing: 0.7px;
}
#mod-vid-slider.yoobic-slider-strip .dots {
top: calc((100vw - 80px) * 0.535 + 34px);
}
#mod-vid-slider .dots .dot {
width: 8px;
height: 8px;
}
#mod-vid-slider.yoobic-slider-strip .controls .arrow {
top: calc((calc((100vw - 200px) * 0.6 * 0.535 + 100px))/2);
}
#content.modular-page .mod-resources {
padding: 50px 0 30px;
}
#content.modular-page .mod-resources .yoobic-main-title {
margin: 0 auto 18px;
}
#content.modular-page .mod-resources .items-wrapper {
position: relative;
min-width: 100%;
overflow: hidden;
margin-left: -25px;
margin-right: -25px;
}
#content.modular-page .mod-resources .items {
display: block;
position: absolute;
width: 9999px;
}
#content.modular-page .mod-resources .items .item {
float: left;
width: calc(100vw - 10px);
min-width: 0;
padding: 15px;
}
#content.modular-page .mod-resources .items .item .details {
margin-top: 30px;
margin-bottom: 20px;
}
#content.modular-page .mod-resources .items .item .details .item-title {
font-size: 17px;
letter-spacing: 0;
}
#content.modular-page .mod-resources .items .item.video .img-wrapper img,
#content.modular-page .mod-resources .items .item.blog_post .img-wrapper img {
border-radius: 20px;
box-shadow: 5px 5px 20px -10px rgba(0, 0, 0, .2);
}
#content.modular-page .mod-resources .dots {
margin-bottom: -30px;
}
#cover.modular-page.single-story .mobile-img-wrapper {
bottom: 10px;
}
#cover.modular-page.single-story .mobile-img-wrapper img {
display: block;
}
#content.modular-page .tpc-wrapper {
margin-top: 58px;
}
.tpc-wrapper .yoobic-main-title {
font-size: 25px;
line-height: 1.4;
letter-spacing: 0;
}
.tpc-wrapper .yoobic-main-title br {
display: none;
}
#content .tpc-wrapper .intro-text.ytxt {
font-size: 18px;
color: rgba(31, 39, 80, .8);
}
#content .tpc-wrapper .intro-text.ytxt p {
line-height: 1.45;
}
#content.modular-page .mod-text-img {
margin-top: 85px;
}
#content.modular-page .mod-text-img .flex-wrapper .text-col {
margin-bottom: 30px;
}
#content.modular-page .mod-text-img .flex-wrapper .text-col .yoobic-main-title {
margin-bottom: 28px;
line-height: 1.4;
letter-spacing: -0.5px;
}
#content.modular-page .mod-text-img .flex-wrapper .text-col .desc {
font-size: 18px;
line-height: 1.45;
}
#content.modular-page .mod-text-img .flex-wrapper .text-col+img {
position: relative;
max-width: 110%;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
#content.modular-page .mod-text-img {
margin-bottom: 60px;
}
.mod-acc {
padding-bottom: 82px;
}
.mod-acc .yoobic-main-title {
margin-bottom: 0;
font-size: 25px;
line-height: 1.4;
}
.mod-acc.accordion-strip .acc-col {
width: auto;
max-width: 100%;
}
.mod-acc.accordion-strip .phone-col {
display: none;
}
.mod-acc.accordion-strip .acc-col .acc-item .wrapper {
padding: 0 5px;
-webkit-box-shadow: none;
box-shadow: none;
}
.mod-acc.accordion-strip .acc-col .acc-item .device-wrapper {
margin-bottom: -70px;
}
.mod-acc.accordion-strip .acc-col .acc-item .device-wrapper img {
position: relative;
margin-top: -36px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
.mod-acc.accordion-strip .acc-col .acc-item .title-wrapper .title {
font-size: 20px;
}
.mod-acc.accordion-strip .acc-col .acc-item .title-wrapper .ws-plus {
display: none;
}
.mod-acc .ws-accordion .acc-item .content-wrapper {
display: block !important;
padding-top: 3px;
font-size: 18px;
line-height: 1.65;
}
.mod-acc .ws-accordion .acc-item .content-wrapper .yoobic-btn2 {
margin-left: -12px;
font-size: 13px;
}
.mod-acc .ws-accordion .acc-item+.acc-item {
margin-top: 40px;
}
#content.modular-page #mod-vid-slider+.mod-title-btn {
padding-top: 120px;
}
#content.modular-page .mod-title-btn .yoobic-main-title {
padding-bottom: 50px;
font-size: 25px;
letter-spacing: 0;
line-height: 1.4;
}
#content .mod-rows-imgr {
padding-top: 55px;
}
#content .mod-rows-imgr.yoobic-rows .yoobic-main-title {
margin-bottom: 36px;
}
#content .mod-rows-imgr.yoobic-rows .what-row {
padding-bottom: 63px;
}
}