@charset "UTF-8";
/*======================================================
*
* KEYFRAME ANIMATIONS
*
======================================================*/
@keyframes waves {
0% {
transform: translateX(0) translateZ(0) scaleY(1);
}
0% {
transform: translateX(-25%) translateZ(0) scaleY(0.5);
}
0% {
transform: translateX(-50%) translateZ(0) scaleY(1);
}
}
/* Rotations - Clock and counterclock */
@keyframes rotationclock {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
@keyframes rotationcounterclock {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-359deg);
}
}
/* Button Pulse */
@keyframes hvr-back-pulse {
0% {
background-color: #9d57a1;
}
50% {
background-color: #9d57a1;
}
75% {
background-color: rgba(157, 87, 161, 0.7);
}
100% {
background-color: #9d57a1;
}
}
/* Ripple Effect */
@keyframes rip {
0% {
box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent;
}
5% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 0 rgba(0, 0, 0, 0.08);
}
40% {
box-shadow: 0 0 40px 200px rgba(255, 255, 255, 0.2), 0 0 10px 210px transparent, 0 0 30px 220px rgba(255, 255, 255, 0.2), 0 0 5px 230px transparent;
}
80% {
box-shadow: 0 0 40px 400px rgba(255, 255, 255, 0), 0 0 10px 410px transparent, 0 0 30px 420px rgba(255, 255, 255, 0), 0 0 5px 430px transparent;
}
}
/*======================================================
*
* FONTS
*
======================================================*/
@font-face {
font-family: 'visbycfbold';
src: url("../fonts/visbycf-bold-webfont.woff2") format("woff2"), url("../fonts/visbycf-bold-webfont.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'visbycfdemibold';
src: url("../fonts/visbycf-demibold-webfont.woff2") format("woff2"), url("../fonts/visbycf-demibold-webfont.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'visbycfheavy';
src: url("../fonts/visbycf-heavy-webfont.woff2") format("woff2"), url("../fonts/visbycf-heavy-webfont.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'visbycfmedium';
src: url("../fonts/visbycf-medium-webfont.woff2") format("woff2"), url("../fonts/visbycf-medium-webfont.woff") format("woff");
font-weight: normal;
font-style: normal;
}
/*======================================================
*
* VARIABLES
*
======================================================*/
/*======================================================
*
* HTML 5 RESET
*
======================================================*/
/* Baseline Normalize
* normalize.css v2.1.2 | MIT License | git.io/normalize
*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
}
audio, canvas, video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
a:focus {
outline: thin dotted;
}
a:active, a:hover {
outline: 0;
}
h1 {
font-size: 2em;
margin: .67em 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
mark {
background: #ff0;
color: #000;
}
code, kbd, pre, samp {
font-family: monospace,serif;
font-size: 1em;
}
pre {
white-space: pre-wrap;
}
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em;
}
legend {
border: 0;
padding: 0;
}
button, input, select, textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
}
button, input {
line-height: normal;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
*,
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*======================================================
*
* GENERAL STYLES
*
======================================================*/
html {
overflow-x: hidden;
}
body {
font-family: 'Lato', sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 150%;
font-weight: 400;
color: #000;
position: relative;
overflow-x: hidden;
}
.home svg:not(:root) {
display: none;
}
img {
width: 100%;
height: auto;
}
h1,
h2,
h3,
h4,
h5,
.subhead {
line-height: 120%;
}
p {
font-size: 14px;
font-size: 1rem;
font-weight: 400;
line-height: 150%;
margin-bottom: 24px;
}
h1 {
font-size: 40px;
font-size: 2.5rem;
font-wieght: 400px;
}
h2 {
font-size: 25px;
font-size: 1.5625rem;
font-weight: 700;
}
h3 {
font-size: 20px;
font-size: 1.25rem;
font-weight: 900;
}
h4 {
font-size: 18px;
font-size: 1.125rem;
font-weight: 700;
}
h5 {
font-size: 16px;
font-size: 1rem;
font-weight: 700;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:focus {
outline: 0;
}
.container {
width: 100%;
max-width: 1140px;
margin: 0 auto;
}
.page-title {
font-size: 40px;
font-weight: 700;
color: #00cbd0;
line-height: 40px;
width: 100%;
display: block;
text-align: center;
}
.title-teal {
color: #000;
margin-bottom: 20px;
font-size: 32px;
}
.title-black {
font-weight: 700;
font-size: 18px;
color: #000;
margin-bottom: 10px;
}
.subhead {
font-size: 16px;
font-size: 1rem;
font-size: 400;
}
.arrow-link {
margin-top: 35px;
display: inline-block;
color: #6653d5;
font-weight: 700;
-webkit-transition: all 0.5s;
transition: all 0.5s;
border-bottom: 1px solid transparent;
}
.arrow-link:after {
content: '';
width: 10px;
height: 11px;
background-image: url("../images/arrow.png");
background-repeat: no-repeat;
display: inline-block;
background-color: transparent;
margin-left: 10px;
background-size: 10px 11px;
}
.arrow-link:hover {
color: #6653d5;
border-bottom: 1px dotted;
}
.cta-link {
font-size: 16px;
font-weight: 700;
color: #6653d5;
border-bottom: 2px solid #6653d5;
padding-bottom: 10px;
}
.cta-link:hover {
color: #00cbd0;
border-bottom: 2px solid #00cbd0;
}
.cta-link.teal {
color: #00cbd0;
border-bottom: 2px solid #00cbd0;
}
.cta-link.teal:hover {
color: #6653d5;
border-bottom: 2px solid #6653d5;
}
.button-cta {
font-size: 16px;
color: #fff;
display: block;
width: 140px;
margin: 25px auto 0;
text-decoration: none;
-webkit-transition: all 0.8s;
transition: all 0.8s;
background: #4e71e3;
background: linear-gradient(274deg, #4e71e3 0%, #05cad5 100%);
border-radius: 5px;
box-sizing: border-box;
position: relative;
height: 40px;
line-height: 40px;
}
.button-cta:hover {
background: #05cad5;
background: linear-gradient(274deg, #05cad5 0%, #05cad5 100%);
color: #fff;
}
.cta-button {
font-size: 16px;
color: #fff;
display: table;
min-width: 140px;
margin: 25px auto 0;
text-decoration: none;
-webkit-transition: all 0.8s;
transition: all 0.8s;
background: #4e71e3;
background: linear-gradient(274deg, #4e71e3 0%, #05cad5 100%);
border-radius: 5px;
box-sizing: border-box;
position: relative;
line-height: 20px;
text-align: center;
padding-left: 30px;
padding-right: 30px;
padding: 10px 30px;
}
.cta-button:hover {
background: #05cad5;
background: linear-gradient(274deg, #05cad5 0%, #05cad5 100%);
color: #fff;
}
.section-title {
font-family: 'Lato', sans-serif;
font-size: 30px;
font-weight: 700;
margin-bottom: 20px;
}
ul {
list-style: none;
margin: 20px 0 40px;
padding-left: 5px;
}
ul li {
margin-bottom: 15px;
padding-left: 1em;
text-indent: -0.6em;
}
ul li:before {
content: "•";
color: #00cbd0;
position: relative;
left: -10px;
}
.container-padding {
padding: 150px 0;
}
@media screen and (max-width: 1023px) {
.container-padding {
padding: 100px 0;
}
}
@media screen and (max-width: 767px) {
.container-padding {
padding: 50px 0;
}
}
.button-wrap {
position: relative;
margin: auto;
}
.button-wrap .outer {
opacity: 0.3;
fill: #00cbd0;
}
.button-wrap .inner {
fill: #00cbd0;
}
.button-wrap .blob-outer-1,
.button-wrap .blob-inner-1 {
opacity: 0;
}
.button-wrap .inner-circle-wrap {
position: absolute;
top: 50%;
left: 50%;
margin-top: -60px;
margin-left: -55px;
}
.button-wrap .button-touch {
position: absolute;
top: 50%;
left: 50%;
margin-top: -30px;
margin-left: -30px;
text-decoration: none;
color: #9d57a1;
font-weight: 600;
width: 60px;
height: 60px;
line-height: 60px;
}
.button-wrap:hover .outer-circle-wrap {
-webkit-animation: rotationclock 20s infinite linear;
-moz-animation: rotationclock 20s infinite linear;
-o-animation: rotationclock 20s infinite linear;
animation: rotationclock 20s infinite linear;
}
.button-wrap:hover .inner-circle-wrap {
-webkit-animation: rotationcounterclock 20s infinite linear;
-moz-animation: rotationcounterclock 20s infinite linear;
-o-animation: rotationcounterclock 20s infinite linear;
animation: rotationcounterclock 20s infinite linear;
}
.button-wrap.touch-banner .inner-circle-wrap {
margin-top: -65px;
margin-left: -60px;
}
.home-icon img {
position: absolute;
z-index: 999;
top: 50%;
left: 50%;
margin-top: -30px;
margin-left: -30px;
font-weight: 600;
width: 60px;
height: 60px;
line-height: 60px;
}
.circles-wrap {
text-align: center;
position: relative;
min-height: 454px;
}
.circles-wrap .circle-extra-outer {
width: 520px;
max-width: 520px;
position: absolute;
top: -32px;
left: 16px;
-webkit-animation: rotationclock 60s infinite linear;
-moz-animation: rotationclock 60s infinite linear;
-o-animation: rotationclock 60s infinite linear;
animation: rotationclock 60s infinite linear;
}
.circles-wrap .circle-outer {
width: 100%;
max-width: 380px;
position: absolute;
left: 50%;
top: 38px;
margin-left: -190px;
-webkit-animation: rotationcounterclock 45s infinite linear;
-moz-animation: rotationcounterclock 45s infinite linear;
-o-animation: rotationcounterclock 45s infinite linear;
animation: rotationcounterclock 45s infinite linear;
}
@media screen and (max-width: 1023px) {
.top-section {
padding-top: 160px;
}
}
.menu-item a {
position: relative;
}
header nav.menu ul.sub-menu {
left: -9999px;
opacity: 0;
position: absolute;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-ms-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
min-width: 190px;
max-width: 200px;
width: 100%;
z-index: 99;
background: #000;
text-align: left;
padding: 10px 10px 0 !important;
}
@media screen and (max-width: 1023px) {
header nav.menu ul.sub-menu {
position: relative;
background: transparent;
width: 100%;
padding: 0 !important;
opacity: 1;
display: block;
left: auto;
margin-top: 20px;
}
}
.menu-item.active {
color: red;
}
.menu-item:hover > .sub-menu {
left: auto;
opacity: 1;
}
.menu-item .sub-menu .menu-item {
width: 100%;
display: block;
}
@media screen and (max-width: 1023px) {
.menu-item.menu-item-has-children {
margin-bottom: 0;
padding-bottom: 0;
}
}
/*======================================================
*
* HEADER
*
======================================================*/
body.home header .wave, body.home header .wave-top {
opacity: 0;
}
header {
width: 100%;
color: #fff;
padding: 18px 0;
position: fixed;
top: 0;
z-index: 9999;
height: 100px;
right: 0;
left: 0;
}
@media screen and (max-width: 1300px) {
header {
height: 97px;
}
}
header .container {
position: relative;
top: 0;
z-index: 25;
max-width: 100%;
padding: 0 !important;
}
@media screen and (min-width: 1024px) {
header .container {
padding: 0 15px !important;
}
}
header .container .row {
margin: 0;
position: relative;
}
header .logo {
flex: 0 0 50%;
max-width: 50%;
margin-left: 15px;
color: white;
}
header .logo a {
font-size: 22px;
color: #ffffff;
}
header .logo img {
width: 54px;
width: 54px;
}
@media screen and (min-width: 1024px) {
header .logo {
margin: 0;
color: white;
flex: 0 0 35%;
max-width: 35%;
}
header .logo a {
font-size: 22px;
}
header nav.menu {
flex: 0 0 10%;
max-width: 10%;
}
}
@media screen and (min-width: 1200px) {
header .logo {
flex: 0 0 30%;
max-width: 30%;
}
header .logo a {
font-size: 24px;
}
}
@media screen and (max-width: 767px) {
header .logo {
flex: 0 0 70%;
max-width: 70%;
}
header .logo a {
font-size: 18px;
}
header .logo img {
width: 44px;
width: 44px;
}
}
@media screen and (max-width: 750px) {
.advantage-panel .font-size-18 {
font-size: 15px;
}
.advantage-panel .font-size-21 {
font-size: 18px;
}
}
header .logo img {
height: auto;
}
header nav.menu {
text-align: right;
flex: 0 0 78%;
max-width: 78%;
}
@media screen and (min-width: 1200px) {
header nav.menu {
flex: 0 0 70%;
max-width: 70%;
}
}
header nav.menu ul {
margin: 0 15px;
padding: 0;
}
@media screen and (min-width: 1024px) {
header nav.menu ul {
margin: 0;
border: red;
}
}
header nav.menu ul li {
display: inline-block;
text-transform: uppercase;
padding: 13px 0;
}
header nav.menu ul li a {
color: #fff;
font-size: 16px;
transition: color 0.5s;
margin-left: 10px;
}
header nav.menu ul li a:hover {
color: #00cbd0;
}
header nav.menu ul li:before {
content: '';
}
@media screen and (min-width: 1024px) {
header nav.menu ul li {
margin-left: 30px;
padding: 5px 0;
}
}
@media screen and (min-width: 1200px) {
header nav.menu ul li {
margin-left: 40px;
}
}
@media screen and (min-width: 1366px) {
header nav.menu ul li {
padding: 8px 0;
}
}
@media screen and (max-width: 1023px) {
header nav.menu ul li {
display: block;
width: 100%;
margin-left: 0;
}
}
@media screen and (min-width: 1024px) {
header nav.menu ul li .sub-menu li {
margin-left: 0;
padding: 5px 0;
}
}
@media screen and (min-width: 1200px) {
header nav.menu ul li .sub-menu li {
margin-left: 0;
}
}
@media screen and (max-width: 1023px) {
header nav.menu {
text-align: left;
width: 100%;
max-width: 100%;
flex: 0 0 100%;
background: #252525;
padding-top: 10px;
margin-top: 10px;
display: none;
}
}
header nav.menu .menu-main-menu-container {
display: inline-block;
}
@media screen and (max-width: 1023px) {
header nav.menu .menu-main-menu-container {
width: 100%;
}
}
header .menu-button {
float: right;
text-align: right;
position: absolute;
z-index: 999;
right: 10px;
cursor: pointer;
margin-top: 4px;
}
header .menu-button span {
width: 23px;
height: 2px;
background: #fff;
display: block;
}
header .menu-button span:first-child {
margin-top: 9px;
}
header .menu-button span:nth-child(2) {
margin: 5px 0;
}
@media screen and (min-width: 1024px) {
header .menu-button {
display: none;
}
}
header .search-button {
float: right;
text-align: right;
position: absolute;
right: 15px;
margin: 6px 0;
padding: 0;
cursor: pointer;
}
@media screen and (min-width: 1024px) {
header .search-button {
right: 0;
margin: 7px 0;
}
}
@media screen and (min-width: 1200px) {
header .search-button {
margin: 10px 0;
}
}
header .search-button img {
width: 22px;
height: 22px;
}
@media screen and (min-width: 1024px) {
header .search-button img {
width: 16px;
height: 16px;
}
}
header .wave-top {
position: absolute;
top: 0;
height: 36%;
width: 100%;
background-color: black;
opacity: 0.86;
}
@media screen and (max-width: 1260px) {
header .wave-top {
height: 27px;
}
}
header .wave {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
height: 100%;
width: 200%;
background-position: 0 bottom;
background-repeat: repeat-x;
transform-origin: center bottom;
display: block;
}
header .wave.wave-1 {
background-image: url("../images/svg/wave-1.2.svg");
background-repeat: repeat;
background-size: 700px 100px;
z-index: 20;
}
@media screen and (min-width: 1024px) {
header .wave.wave-1 {
background-image: url("../images/svg/wave-1.1.svg");
background-size: 50% 100px;
}
}
header .wave.wave-2 {
background-image: url("../images/svg/wave-2.2.svg");
background-repeat: repeat;
background-size: 700px 100px;
opacity: 0.75;
z-index: 21;
}
@media screen and (min-width: 1024px) {
header .wave.wave-2 {
background-image: url("../images/svg/wave-2.1.svg");
background-size: 50% 100px;
}
}
header.shrink .wave {
opacity: 1 !important;
transition: opacity 0.5s;
}
header.shrink .wave-top {
transition: opacity 0.4s;
}
.search-window {
display: block;
position: fixed;
background-color: rgba(0, 0, 0, 0.9);
height: 100%;
width: 100%;
z-index: -1;
opacity: 0;
transition: 0.3s all ease-in-out;
}
.search-window .container {
display: table;
position: relative;
height: 100%;
padding: 25px;
}
@media screen and (min-width: 768px) {
.search-window .container {
padding: 50px;
}
}
@media screen and (min-width: 1200px) {
.search-window .container {
padding: 100px;
}
}
.search-window .container .searchform {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.search-window .container .searchform #searchsubmit {
display: none;
}
.search-window .container .searchform #s {
background-color: transparent;
width: 100%;
font-family: "Lato", sans-serif;
font-size: 26px;
color: #fff;
border: 0;
outline: 0;
}
@media screen and (min-width: 1200px) {
.search-window .container .searchform #s {
font-size: 40px;
}
}
.search-window .container .searchform #s::placeholder {
font-style: italic;
}
.search-window .container .searchform #s::-ms-clear, .search-window .container .searchform #s::-ms-reveal {
display: none;
width: 0;
height: 0;
}
.search-window .container .close {
position: absolute;
right: 25px;
color: #fff;
opacity: 1;
transition: 0.3s all ease-in-out;
text-shadow: none;
outline: 0;
}
@media screen and (min-width: 768px) {
.search-window .container .close {
right: 50px;
}
}
@media screen and (min-width: 1200px) {
.search-window .container .close {
right: 100px;
}
}
.search-window .container .close:hover, .search-window .container .close:focus, .search-window .container .close:active {
color: #00cbd0;
opacity: 1;
}
.search-window .container .close span {
font-size: 30px;
}
.search-window.active {
opacity: 1;
z-index: 99999;
}
.chrome header .wave.wave-1, .chrome header .wave.wave-2,
.firefox header .wave.wave-1,
.firefox header .wave.wave-2 {
animation: waves 5s infinite linear;
}
/*======================================================
*
* HOME
*
======================================================*/
.home-banner {
background: url("../images/bg-homebanner.jpg");
background-size: cover;
background-position: center;
}
.home-banner .container {
height: 670px;
position: relative;
}
@media screen and (min-width: 1401px) {
.home-banner .container {
height: 900px;
}
}
.home-banner .content {
float: right;
width: 30%;
position: absolute;
top: 35%;
text-align: left;
right: 0;
}
.home-banner .content .title {
font-size: 24px;
line-height: 30px;
margin-bottom: 15px;
}
.home-banner .content .subtitle {
font-size: 16px;
line-height: 24px;
}
.section-homebanner {
height: auto;
background: #000;
padding: 100px 0;
}
.section-homebanner .content-wrap {
text-align: center;
max-width: 700px;
margin: 0 auto;
color: #fff;
}
.section-homebanner .home-title {
font-size: 46px;
font-weight: 700;
color: #fff;
line-height: 60px;
margin-bottom: 20px;
letter-spacing: 2px;
}
.section-homebanner .home-description {
font-size: 18px;
line-height: 30px;
max-width: 870px;
margin: 0px auto 50px auto;
}
.section-homebanner .video-banner {
margin: 0 auto;
max-width: 1140px;
position: relative;
}
.section-homebanner .video-banner video {
width: 100%;
max-height: 100%;
}
@media screen and (max-width: 767px) {
.section-homebanner .home-title {
font-size: 26px;
line-height: 26px;
letter-spacing: 1px;
}
.section-homebanner .home-description {
font-size: 14px;
line-height: normal;
padding-left: 20px;
padding-right: 20px;
max-width: auto;
margin: 0px auto 15px auto;
}
}
@media screen and (max-width: 767px) {
.section-homebanner .video-banner video {
display: none;
}
}
.section-homebanner .container-hotspots {
position: absolute;
top: 0;
height: 100%;
width: 100%;
}
@media screen and (max-width: 767px) {
.section-homebanner .container-hotspots {
position: relative;
height: auto;
max-width: 300px;
margin: 0 auto;
}
}
@media screen and (max-width: 767px) {
.section-homebanner .container-hotspot {
margin-bottom: 20px;
}
}
.section-homebanner .hotspot {
width: 30px;
height: 30px;
background: transparent;
border: 1px solid #fff;
cursor: pointer;
margin: 0 auto;
padding: 6px;
border-radius: 50%;
position: absolute;
left: 0;
right: 0;
top: 40%;
}
.section-homebanner .hotspot:hover {
border: 1px solid #6653d5;
}
.section-homebanner .hotspot:hover .hotspot-inner {
background: #6653d5;
}
.section-homebanner .hotspot a {
display: block;
width: 100%;
height: 100%;
}
.section-homebanner .hotspot-inner {
width: 100%;
height: 100%;
background: #fff;
border-radius: 50%;
}
.section-homebanner .hotspot-content {
background: #6653d5;
padding: 20px;
font-size: 16px;
color: #fff;
line-height: 24px;
position: absolute;
width: 90%;
right: -50%;
top: 22%;
transition: 0.3s all ease-in-out;
z-index: auto;
display: none;
}
.section-homebanner .hotspot-content .title {
font-size: 18px;
font-weight: 700;
}
.section-homebanner .hotspot-content .link {
display: none;
margin: 10px 0;
}
@media screen and (max-width: 1024px) {
.section-homebanner .hotspot-content .link {
display: inline-block;
}
}
.section-homebanner .hotspot-content .cta-link {
color: #fff;
border-bottom-color: #fff;
}
@media screen and (max-width: 767px) {
.section-homebanner .hotspot-content {
right: 0;
top: 60%;
}
}
.section-homebanner .hotspot-content.active {
display: block;
}
.section-homebanner .container-hotspot:last-child .hotspot-content {
left: -50%;
}
@media screen and (max-width: 767px) {
.section-homebanner .container-hotspot:last-child .hotspot-content {
right: 0;
left: 0;
top: -80%;
}
}
@media screen and (min-width: 768px) {
.section-homebanner .image-banner {
display: none;
}
}
.home-about .numbers {
margin-top: 65px;
text-align: center;
}
@media screen and (max-width: 767px) {
.home-about .numbers {
text-align: left;
margin-top: 20px;
}
}
@media screen and (max-width: 400px) {
.home-about .numbers {
margin-top: 10px;
}
}
.home-about .numbers .number {
display: inline-block;
float: left;
}
@media screen and (max-width: 767px) {
.home-about .numbers .number {
width: 50%;
padding: 0;
margin-bottom: 20px;
}
}
@media screen and (max-width: 400px) {
.home-about .numbers .number {
margin-top: 30px;
}
}
.home-about .numbers .number-item {
font-weight: 500;
font-size: 30px;
margin-bottom: 12px;
}
.home-about .numbers .desc {
font-size: 16px;
font-weight: 400;
line-height: 19px;
display: block;
margin: 0 auto;
}
.home-about .world-touch {
padding-top: 50px;
padding-bottom: 60px;
}
@media screen and (max-width: 1260px) {
.home-about .world-touch {
padding-bottom: 50px;
}
}
@media screen and (max-width: 1200px) {
.home-about .world-touch {
order: 2;
padding-top: 0px;
}
}
@media screen and (max-width: 767px) {
.home-about .world-touch {
padding: 0 15px 50px;
}
}
.home-about .circles-wrap {
text-align: center;
position: relative;
min-height: 454px;
}
@media screen and (max-width: 1260px) {
.home-about .circles-wrap {
overflow: hidden;
width: 100%;
height: 520px;
}
}
@media screen and (max-width: 1200px) {
.home-about .circles-wrap {
order: 1;
}
}
@media screen and (max-width: 640px) {
.home-about .circles-wrap {
height: 470px;
}
}
@media screen and (max-width: 540px) {
.home-about .circles-wrap {
height: 400px;
min-height: auto;
}
}
@media screen and (max-width: 440px) {
.home-about .circles-wrap {
height: 330px;
}
}
.home-about .circles-wrap .circle-extra-outer {
width: 520px;
max-width: 520px;
position: absolute;
top: -32px;
left: 16px;
-webkit-animation: rotationclock 60s infinite linear;
-moz-animation: rotationclock 60s infinite linear;
-o-animation: rotationclock 60s infinite linear;
animation: rotationclock 60s infinite linear;
}
@media screen and (max-width: 1260px) {
.home-about .circles-wrap .circle-extra-outer {
width: 100%;
max-width: 520px;
left: 0;
right: 0;
margin: 0 auto;
top: 0;
}
}
@media screen and (max-width: 640px) {
.home-about .circles-wrap .circle-extra-outer {
max-width: 460px;
}
}
@media screen and (max-width: 540px) {
.home-about .circles-wrap .circle-extra-outer {
max-width: 400px;
}
}
@media screen and (max-width: 440px) {
.home-about .circles-wrap .circle-extra-outer {
max-width: 300px;
}
}
@media screen and (max-width: 350px) {
.home-about .circles-wrap .circle-extra-outer {
display: none;
}
}
.home-about .circles-wrap .circle-outer {
width: 100%;
max-width: 380px;
position: absolute;
left: 50%;
top: 38px;
margin-left: -190px;
-webkit-animation: rotationcounterclock 45s infinite linear;
-moz-animation: rotationcounterclock 45s infinite linear;
-o-animation: rotationcounterclock 45s infinite linear;
animation: rotationcounterclock 45s infinite linear;
}
@media screen and (max-width: 1260px) {
.home-about .circles-wrap .circle-outer {
left: 0;
right: 0;
margin: 0 auto;
top: 75px;
}
}
@media screen and (max-width: 640px) {
.home-about .circles-wrap .circle-outer {
max-width: 320px;
top: 70px;
}
}
@media screen and (max-width: 540px) {
.home-about .circles-wrap .circle-outer {
max-width: 300px;
top: 50px;
}
}
@media screen and (max-width: 440px) {
.home-about .circles-wrap .circle-outer {
max-width: 240px;
top: 30px;
}
}
.home-about .circles-wrap .img-wrap {
position: absolute;
width: 100%;
left: 0;
right: 0;
top: 20%;
}
@media screen and (max-width: 1260px) {
.home-about .circles-wrap .img-wrap {
top: 26%;
}
}
@media screen and (max-width: 767px) {
.home-about .circles-wrap .img-wrap {
top: 20%;
}
}
.home-about .circle-animation {
margin-top: 80px;
}
@media screen and (max-width: 1260px) {
.home-about .circle-animation {
margin: 20px 0;
}
}
@media screen and (max-width: 640px) {
.home-about .circle-animation {
margin: 20px 0 0px;
}
}
@media screen and (max-width: 1200px) {
.home-about .circle-animation, .home-about .world-touch {
width: 100%;
max-width: 100%;
flex: auto;
}
}
.home-about .devices-img {
width: 100%;
max-width: 250px;
}
@media screen and (max-width: 767px) {
.home-about .devices-img {
max-width: 300px;
}
}
@media screen and (max-width: 640px) {
.home-about .devices-img {
max-width: 240px;
}
}
@media screen and (max-width: 540px) {
.home-about .devices-img {
max-width: 230px;
}
}
@media screen and (max-width: 440px) {
.home-about .devices-img {
max-width: 150px;
}
}
.home-news .container-padding {
padding: 110px 0;
}
.home-news .news-box {
width: 100%;
height: 350px;
background-size: cover;
background-repeat: no-repeat;
position: relative;
margin-bottom: 20px;
}
.home-news .news-box .text-wrap {
position: absolute;
top: 50%;
left: 50%;
width: 80%;
margin-left: -40%;
margin-top: -60px;
text-align: center;
}
.home-news .news-box .text-wrap .title {
font-size: 25px;
font-weight: 700;
line-height: 30px;
display: block;
}
@media screen and (max-width: 767px) {
.home-news .news-box {
margin-bottom: 30px;
}
}
.home-news .news-box a {
display: block;
width: 100%;
height: 100%;
color: #fff;
}
.home-news .button-cta {
width: 133px;
color: #fff;
text-align: center;
border: 2px solid #6653d5;
background: transparent;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.home-news .button-cta:hover {
background: linear-gradient(to right, #6653d5 0%, #6e3280 100%);
}
.home-news .button-cta span {
background: transparent;
padding: 5px 15px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.home-news .button-cta span:hover {
background: linear-gradient(to right, #6653d5 0%, #6e3280 100%);
}
.section-technology .content-intro {
max-width: 768px;
margin: 0 auto 40px;
text-align: center;
}
@media screen and (max-width: 767px) {
.section-technology .content-intro {
text-align: left;
margin-bottom: 20px;
}
}
.section-technology .section-title {
margin: 0 auto 20px;
}
.section-technology .link-item {
margin: 0;
}
@media screen and (min-width: 767px) {
.section-technology .link-item {
padding: 0;
}
}
.section-technology .technology-icon {
max-width: 145px;
display: inline-block;
margin-right: 35px;
}
.section-technology .technology-icon img {
float: left;
width: 145px;
height: 145px;
}
.section-technology .technology-icon.float-right {
margin-right: 0;
margin-left: 35px;
}
@media screen and (max-width: 767px) {
.section-technology .technology-icon.float-right {
float: left !important;
margin-left: 0;
margin-right: 35px;
}
}
.section-technology .icon-link {
color: #000;
font-size: 18px;
font-weight: 700;
line-height: 27px;
margin-top: 50px;
}
.section-technology .icon-link:hover {
color: #00cbd0;
}
.section-technology .icon-link.float-right {
text-align: right;
}
@media screen and (max-width: 767px) {
.section-technology .icon-link.float-right {
float: left !important;
text-align: left;
}
}
.home-partners .row,
.home-partners .cell {
margin: 0;
padding: 0;
}
.home-partners h3 {
font-size: 30px;
}
.home-partners .table-row {
display: table-row;
padding: 0;
}
.home-partners .table-row .cell {
background-size: cover;
background-position: center;
display: table-cell;
float: none;
vertical-align: middle;
width: 50%;
height: 360px;
}
@media screen and (max-width: 767px) {
.home-partners .table-row .cell {
width: 100%;
height: 300px;
display: block;
}
}
.home-partners .table-row .cell img {
float: left;
}
.home-partners .table-row .cell .wrap {
width: 100%;
max-width: 70%;
margin: 0 auto;
}
@media screen and (max-width: 1023px) {
.home-partners .table-row .cell .wrap {
max-width: 85%;
}
}
@media screen and (max-width: 880px) {
.home-partners .table-row .cell .wrap {
max-width: 90%;
}
}
@media screen and (max-width: 767px) {
.home-partners .table-row .cell .wrap {
max-width: 100%;
}
}
.home-partners .even .cell-img, .home-partners .even .cell-txt {
float: right;
}
@media screen and (max-width: 767px) {
.home-partners .cell-txt {
padding: 20px 0 30px;
display: inline-block !important;
}
}
@media screen and (max-width: 767px) {
.home-partners .second-row {
display: flex;
flex-flow: inherit;
}
.home-partners .second-row .second-row-image {
order: 1;
display: inline-block;
width: 100%;
}
.home-partners .second-row .second-row-content {
order: 2;
display: inline-block;
width: 100%;
}
}
.section-panels {
position: relative;
background-color: #FFF;
}
.section-panels .section-title {
display: block;
text-align: center;
width: 100%;
}
.section-panels .image-wrap {
display: block;
height: 230px;
width: 300px;
overflow: hidden;
margin-bottom: 20px;
background-size: cover;
background-position: center;
}
.section-panels .image-wrap img {
object-fit: cover;
}
@media screen and (max-width: 767px) {
.section-panels .image-wrap {
height: 300px;
}
}
@media screen and (max-width: 540px) {
.section-panels .image-wrap {
height: 200px;
}
}
.section-panels .news-panel-label {
font-size: 14px;
font-weight: 400;
}
.section-panels .news-panel-title a {
font-size: 16px;
font-weight: 700;
color: #000;
}
.section-panels .news-panel-title a:hover {
color: #00cbd0;
}
.section-panels .panel {
margin-bottom: 30px;
}
.section-innovation {
background: #000;
color: #fff;
position: relative;
}
@media screen and (max-width: 767px) {
.section-innovation.container-padding,
.section-innovation .container {
padding: 0;
}
}
.section-innovation .img-wrap-bg {
background-size: cover;
background-repeat: no-repeat;
background-position: 70%;
width: 45%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width: 767px) {
.section-innovation .img-wrap-bg {
position: relative;
width: 100%;
background-position: top center;
min-height: 250px;
margin-bottom: 30px;
}
}
@media screen and (max-width: 767px) {
.section-innovation .row {
padding: 0 15px 0;
}
}
.section-innovation .cta-link {
display: inline-block;
margin-bottom: 20px;
}
.section-cta {
padding: 190px 0;
text-align: center;
background: #fff;
}
.section-cta .section-title {
font-size: 40px;
font-family: 'visbycfbold', sans-serif;
text-transform: capitalize;
}
@media screen and (max-width: 767px) {
.section-cta {
padding: 100px 0;
}
}
.technology-device {
padding-bottom: 0;
}
@media screen and (max-width: 1023px) {
.technology-device {
padding-top: 160px;
}
}
@media screen and (max-width: 767px) {
.technology-device .description {
text-align: center;
}
}
.technology-device .page-title {
margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
.technology-device .page-title {
margin-bottom: 30px;
}
}
.technology-device h2 {
font-size: 18px;
line-height: 24px;
font-weight: 700;
color: #000;
}
.technology-device .links-wrap {
text-align: center;
margin-top: 50px;
}
.technology-device .links-wrap .link-item {
flex-basis: 150px;
}
.technology-device .links-wrap .title {
color: #3e3e3f;
font-weight: 700;
font-size: 16px;
line-height: 19px;
margin-top: 5px;
display: block;
}
.technology-device .links-wrap .title:hover {
text-decoration: none;
}
.technology-device .img-container {
width: 100px;
height: 100px;
padding: 10px;
border-radius: 50%;
background: rgba(0, 184, 185, 0.4);
margin: 0 auto;
}
.technology-device .img-container .img-wrap {
background: #00b8b9;
border-radius: 50%;
text-align: center;
width: 100%;
height: 100%;
padding: 12px;
}
.technology-device .img-container .img-wrap img {
width: 100%;
height: auto;
}
.technology-device .icon-link {
display: block;
}
.technology-device .icon-link:hover {
text-decoration: none;
}
@media screen and (max-width: 767px) {
.technology-device .icon-link {
margin-bottom: 30px;
}
}
.technology-optimized {
font-size: 14px;
}
.technology-optimized img {
max-width: 489px;
width: 100%;
}
.technology-optimized .note {
background: #3e3e3f;
padding: 25px;
font-size: 16px;
line-height: 24px;
color: #fff;
font-weight: 300;
}
.technology-optimized .note p:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.technology-optimized .image-container {
text-align: center;
order: 2;
}
.technology-optimized .image-container img {
max-width: 380px;
margin-top: 50px;
}
}
.technology-integration {
background: #eeeeee;
}
.technology-integration .integration-list {
margin-top: 30px;
}
.technology-integration .integration-list .col {
margin-bottom: 30px;
}
.technology-integration .integration-list p {
font-size: 14px;
line-height: 20px;
}
@media screen and (max-width: 992px) {
.technology-integration .integration-text {
padding-bottom: 80px;
}
}
.technology-integration .download-link {
background: #dfdfdf;
padding: 160px 60px 170px;
text-align: center;
}
@media screen and (max-width: 992px) {
.technology-integration .download-link {
padding: 50px 15px 60px;
}
}
.technology-integration .download-link span {
display: block;
}
.technology-integration .download-link span.title-cta {
color: #000;
font-size: 20px;
margin-bottom: 15px;
font-weight: 900;
}
.technology-integration .download-link a {
color: #6653d5;
line-height: 24px;
font-weight: 700;
border-bottom: 1px solid transparent;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.technology-integration .download-link a:hover {
border-bottom: 1px dotted #6653d5;
color: #6653d5;
}
.technology-integration .download-link img {
max-width: 137px;
margin-bottom: 30px;
}
.technology-experience {
position: relative;
}
.technology-experience .experience-list {
margin-top: 40px;
margin-bottom: 40px;
margin-left: 0;
}
.technology-experience .experience-list ul {
margin: 0;
margin-top: -4px;
}
.technology-experience .experience-list ul li {
font-size: 14px;
}
.technology-experience .experience-list div {
margin: 0;
padding: 0;
}
.technology-experience .img-wrap-bg {
width: 40%;
height: 100%;
position: absolute;
top: 0;
right: -100px;
}
.technology-experience .img-wrap-bg img {
top: 20%;
position: relative;
}
@media screen and (max-width: 992px) {
.technology-experience .img-wrap-bg {
position: relative;
text-align: center;
right: auto;
width: 100%;
}
.technology-experience .img-wrap-bg img {
max-width: 600px;
margin-bottom: 50px;
}
}
.technology-services {
background: #eee;
}
.technology-services .services-list ul li {
font-size: 14px;
}
.technology-services .photo-wrapper {
max-width: 420px;
height: auto;
border-radius: 100%;
overflow: hidden;
border: 30px solid #e2e2e2;
margin: 0 auto;
}
.technology-services .photo-wrapper img {
float: left;
}
@media screen and (max-width: 992px) {
.technology-services .photo-wrapper {
margin-bottom: 50px;
}
}
.technology-licensing {
background: #202020 url("../images/bg-licensing.jpg");
background-size: cover;
color: #fff;
}
.technology-licensing .container {
max-width: 720px;
}
.technology-licensing .button-cta {
width: auto;
color: #fff;
text-align: center;
margin-top: 0;
border: 2px solid #6653d5;
background: transparent;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.technology-licensing .button-cta:hover {
background: linear-gradient(to right, #6653d5 0%, #6e3280 100%);
}
.technology-licensing .button-cta span {
background: transparent;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.technology-licensing .button-cta span:hover {
background: linear-gradient(to right, #6653d5 0%, #6e3280 100%);
}
@media screen and (max-width: 992px) {
.technology-licensing p {
margin-bottom: 30px;
}
}
.innovation-banner {
text-align: center;
color: #000;
background-color: #d4d4d4;
background-size: cover;
position: relative;
}
@media screen and (max-width: 1023px) {
.innovation-banner {
padding-top: 160px;
}
}
.innovation-banner p {
font-size: 14px;
line-height: 20px;
}
.innovation-banner .container {
max-width: 740px;
}
.innovation-banner .col {
z-index: 99;
}
.innovation-banner .page-title {
color: #000;
}
.innovation-banner .sub-paragraph {
font-size: 18px;
line-height: 28px;
padding: 20px 0;
}
.innovation-banner .floating-image {
position: absolute;
right: 0;
left: 0;
max-width: 572px;
margin: 0 auto;
z-index: 10;
margin-top: 30px;
}
@media screen and (max-width: 767px) {
.innovation-banner .floating-image {
max-width: 480px;
position: relative;
}
}
.innovation-banner .particles-js-canvas-el {
position: absolute;
left: 0;
right: 0;
top: 0;
}
.innovation-committed {
padding: 320px 0 170px;
}
@media screen and (max-width: 1023px) {
.innovation-committed {
padding-top: 260px;
padding-bottom: 110px;
}
}
@media screen and (max-width: 767px) {
.innovation-committed {
padding-top: 50px;
padding-bottom: 60px;
}
}
.innovation-committed p {
margin: 15px 0;
}
.innovation-committed p:last-child {
font-size: 14px;
line-height: 20px;
}
.innovation-committed .row {
display: table-row;
}
.innovation-committed .content, .innovation-committed .image {
width: 50%;
display: table-cell;
vertical-align: middle;
}
@media screen and (max-width: 767px) {
.innovation-committed .content, .innovation-committed .image {
width: 100%;
display: block;
}
}
.innovation-committed .content {
padding-right: 100px;
}
@media screen and (max-width: 1023px) {
.innovation-committed .content {
padding-right: 50px;
}
}
@media screen and (max-width: 767px) {
.innovation-committed .content {
padding-right: 0px;
}
}
.innovation-tools {
text-align: center;
background: #252525;
color: #fff;
}
.innovation-tools .title-teal {
margin-bottom: 50px;
}
.innovation-tools .title {
font-size: 18px;
font-weight: 700;
margin: 30px 0 15px;
}
.innovation-tools p {
font-weight: 300;
}
.innovation-tools img {
max-width: 270px;
}
.innovation-tools .row > div {
margin-bottom: 50px;
}
.innovation-tools .row > div:last-child {
margin-bottom: 0;
}
.innovation-leverage p {
margin: 15px 0;
}
.innovation-leverage p:last-child {
font-size: 14px;
line-height: 20px;
}
.innovation-leverage .row {
display: table-row;
}
.innovation-leverage .content, .innovation-leverage .image {
width: 50%;
display: table-cell;
vertical-align: middle;
}
@media screen and (max-width: 767px) {
.innovation-leverage .content, .innovation-leverage .image {
width: 100%;
display: block;
}
}
.innovation-leverage .content {
padding-right: 100px;
}
@media screen and (max-width: 1023px) {
.innovation-leverage .content {
padding-right: 50px;
}
}
@media screen and (max-width: 767px) {
.innovation-leverage .content {
padding-right: 0px;
}
}
.about-content {
float: right;
width: 100%;
max-width: 75%;
}
@media screen and (max-width: 992px) {
.about-content {
max-width: 100%;
}
}
.about-sidebar {
float: left;
width: 173px;
position: fixed;
mix-blend-mode: difference;
}
@media screen and (min-width: 1024px) {
.about-sidebar {
width: 190px;
}
}
@media screen and (min-width: 1300px) {
.about-sidebar {
width: 205px;
}
}
@media screen and (max-width: 992px) {
.about-sidebar {
display: none;
}
}
.about-sidebar ul {
width: 100%;
border-right: 1px solid #ccc;
list-style: none;
margin: 0;
}
.about-sidebar ul li {
line-height: 35px;
font-size: 14px;
text-transform: uppercase;
cursor: pointer;
}
.about-sidebar ul li a {
text-decoration: none;
color: #bbb;
}
.about-sidebar ul li:before {
content: '';
margin-right: 0;
}
.about-sidebar.menu_white ul li {
color: #fff;
}
@media screen and (max-width: 1023px) {
.about-overview {
padding-top: 160px;
}
.about-overview img {
margin-top: 50px;
}
}
section.about {
display: inline-block;
width: 100%;
float: left;
}
section.about .arrow-link {
margin: 10px 0 40px;
}
.about-overview {
background: #fefefe;
}
.about-invest {
background: #252525;
}
.about-invest p {
color: #fff;
}
.about-invest .photo-wrapper {
margin: 0 auto;
width: 100%;
max-width: 380px;
height: auto;
border-radius: 50%;
overflow: hidden;
border: 30px solid #303030;
height: 380px;
}
.about-invest .photo-wrapper img {
float: left;
height: 100%;
width: auto;
}
@media screen and (max-width: 1023px) {
.about-invest .photo-wrapper {
margin-top: 50px;
}
}
.about-team {
background: #fefefe;
}
.about-team .arrow-link {
margin: 40px 0;
}
.about-team .photo-wrapper {
margin: 0 auto;
width: 380px;
height: 380px;
border-radius: 50%;
overflow: hidden;
border: 30px solid #303030;
}
.about-news {
background: #e9e9e9;
}
.about-news article {
background: #ffffff;
margin: 10px 0;
width: 100%;
overflow: hidden;
}
.about-news article .title-black a {
color: #000;
text-decoration: none;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.about-news article .title-black a:hover {
color: #00cbd0;
}
.about-news article.first {
margin-top: 0px;
}
.about-news article.news .row {
min-height: 250px;
}
.about-news article .content {
padding: 30px 70px 30px 30px;
position: relative;
}
.about-news article .content p {
font-size: 14px;
}
.about-news article .image {
background-size: cover;
background-position: center;
position: relative;
min-height: 250px;
width: 100%;
}
@media screen and (min-width: 768px) {
.about-news article .image {
min-height: 300px;
}
}
@media screen and (min-width: 1200px) {
.about-news article .image {
min-height: 250px;
}
}
.about-news article .image a {
display: block;
width: 100%;
height: 100%;
}
.about-leadership {
background: #252525;
color: #fff;
margin-bottom: -5px;
}
.about-leadership .photo-wrapper {
margin: 0 auto;
width: 190px;
height: 190px;
border-radius: 50%;
overflow: hidden;
border: 15px solid #303030;
margin-top: 50px;
cursor: pointer;
}
.about-leadership .leader-list {
text-align: center;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}
.about-leadership .leader-list .name {
margin-top: 15px;
display: block;
line-height: 18px;
}
.about-leadership .leader-list .position {
font-size: 14px;
font-weight: 300;
}
.about-leadership .board-list {
text-align: center;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}
.about-leadership .board-list li {
color: #3e3e3f;
margin-bottom: 30px;
}
.about-leadership .board-list li .list-wrap {
cursor: pointer;
width: 100%;
background: #ffffff;
padding: 15px 0;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.about-leadership .board-list li .list-wrap:hover {
background: #00cbd0;
color: #fff;
}
.about-leadership .board-list li:before {
content: '';
margin-right: 0;
}
.about-leadership .board-list li .name {
line-height: 16px;
}
.about-leadership .board-list .position {
font-size: 14px;
}
.about-leadership .title-white {
font-size: 18px;
margin: 50px 0 30px;
display: block;
}
.about-leadership .photo-wrapper:before {
opacity: 0;
-webkit-transition: all 0.5s;
/* Safari */
transition: all 0.5s;
}
@media (min-width: 500px) {
.about-leadership .photo-wrapper:hover .photo-effect {
position: relative;
}
.about-leadership .photo-wrapper:hover .photo-effect:before {
opacity: 1;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
content: '';
font-size: 16px;
background-color: rgba(0, 185, 186, 0.8);
color: #fff;
vertical-align: middle;
z-index: 1;
}
.about-leadership .photo-wrapper:hover .photo-effect:after {
content: 'Read Bio';
top: 40%;
right: 0;
left: 0;
bottom: 50%;
position: absolute;
z-index: 2;
color: #fff;
}
}
.modal-content {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.modal-open .modal {
overflow: auto;
}
body.modal-open {
padding-right: 0 !important;
}
.modal.fade .modal-dialog {
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
}
.modal {
height: 70%;
max-width: 1000px;
margin: 112px 16px auto;
padding: 0 !important;
border-radius: 0.3rem;
}
@media (min-width: 768px) {
.modal {
height: 60%;
margin: auto 16px;
}
}
@media (min-width: 1024px) {
.modal {
height: 430px;
margin: auto;
}
}
.modal::-webkit-scrollbar {
width: 5px;
}
.modal::-webkit-scrollbar-thumb {
width: 5px;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 5px;
}
.ie .modal {
right: 3%;
left: 3%;
}
@media screen and (min-width: 1024px) {
.ie .modal {
right: 15%;
left: 15%;
}
}
.modal-dialog {
margin: auto;
height: 100%;
}
@media screen and (min-width: 576px) {
.modal-dialog {
max-width: 1000px;
}
}
.modal-dialog .modal-body p {
font-size: 14px;
font-size: 1rem;
font-weight: 400;
}
.modal-dialog .name {
margin-top: 0px;
display: block;
text-align: left;
font-size: 25px;
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 5px;
}
.modal-dialog .position {
font-size: 18px;
font-weight: 300;
text-align: left;
display: block;
margin-bottom: 0;
}
.modal-dialog .modal-header {
position: relative;
display: block;
text-align: left;
}
.modal-dialog .modal-header .close {
position: absolute;
top: 0;
right: 0;
padding: 0px 0px 20px 0;
margin: 0;
outline: 0;
}
.chrome .modal-dialog, .firefox .modal-dialog, .safari .modal-dialog {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.studies-research {
padding-bottom: 120px;
}
.studies-research p {
text-align: center;
margin-top: 18px;
}
.studies-links {
background: #e9e9e9;
text-align: center;
}
.studies-links h2 {
margin-bottom: 60px;
}
.studies-links .resource-link {
display: block;
color: #fff;
font-size: 16px;
font-weight: 700;
text-decoration: none;
display: table;
width: 100%;
}
.studies-links .resource-link .image-container {
height: 400px;
width: 100%;
overflow: hidden;
background-size: cover;
background-position: center center;
position: relative;
}
.studies-links .resource-link .image-container .hover {
position: absolute;
top: 35%;
left: 0;
right: 0;
text-align: center;
z-index: 10;
display: none;
}
.studies-links .resource-link .image-container .hover img {
max-width: 70px;
margin: 0 auto;
}
.studies-links .resource-link .image-container .hover span {
display: block;
}
.studies-links .resource-link .title-container {
background: #3e3e3f;
height: 102px;
width: 100%;
display: table-row;
}
.studies-links .resource-link .title-container span {
display: table-cell;
vertical-align: middle;
padding-left: 30px;
padding-right: 30px;
}
.studies-links .resource-link:hover .image-container {
position: relative;
}
.studies-links .resource-link:hover .image-container:before {
content: '';
width: 100%;
height: 100%;
background-color: rgba(0, 185, 186, 0.8);
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.studies-links .resource-link:hover .image-container .hover {
display: block;
}
.studies-links .resource-link:hover .title-container {
background: #0a9e9f;
}
.studies-links .resource-container {
margin-bottom: 30px;
}
.usecase-header p {
text-align: center;
display: block;
width: 100%;
}
.usecase-header .links-wrap {
text-align: center;
margin-top: 50px;
}
.usecase-header .links-wrap .title {
color: #3e3e3f;
font-weight: 700;
font-size: 16px;
line-height: 19px;
margin-top: 5px;
display: block;
}
.usecase-header .links-wrap .title:hover {
text-decoration: none;
}
.usecase-header .img-container {
width: 100px;
height: 100px;
padding: 10px;
border-radius: 50%;
background: rgba(0, 184, 185, 0.4);
margin: 0 auto;
}
.usecase-header .img-container .img-wrap {
background: #00b8b9;
border-radius: 50%;
text-align: center;
width: 100%;
height: 100%;
padding: 12px;
}
.usecase-header .img-container .img-wrap img {
width: 100%;
height: auto;
}
.usecase-header .icon-link {
display: block;
}
.usecase-header .icon-link:hover {
text-decoration: none;
}
@media screen and (max-width: 767px) {
.usecase-header .icon-link {
margin-bottom: 30px;
}
}
.case-block .section-title {
width: 100%;
background-repeat: no-repeat;
background-size: cover;
padding: 130px 0 200px;
text-align: center;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.case-block .section-title {
padding: 50px 0 100px;
margin-bottom: 0;
}
}
.case-block .section-title .outer-circle {
margin: 0 auto;
width: 120px;
height: 120px;
background-color: rgba(0, 185, 186, 0.8);
border-radius: 120px;
padding: 10px;
}
.case-block .section-title .inner-circle {
margin: 0 auto;
width: 100px;
height: 100px;
background-color: #00b9ba;
border-radius: 50px;
padding: 15px;
}
.case-block .section-title .title {
color: #fff;
margin-top: 20px;
}
.case-block .section-slider {
padding: 150px 0;
background: #e9e9e9;
}
.case-block .section-slider .slider-container {
position: relative;
margin-top: -230px;
}
.case-block .section-slider .swiper-container {
max-width: 1170px;
}
.case-block .section-slider .swiper-slide {
height: auto;
overflow: hidden;
margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
.case-block .section-slider .swiper-slide {
margin-bottom: 0;
}
}
.case-block .section-slider .image-container {
height: 200px;
width: 100%;
background-color: #d1d1d1;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.case-block .section-slider .image-container a {
display: block;
width: 100%;
height: 100%;
}
.case-block .section-slider .text-container {
background: #fff;
padding: 25px 30px;
color: #3e3e3f;
text-align: center;
height: 100%;
min-height: 177px;
}
.case-block .section-slider .text-container .title {
font-size: 18px;
font-weight: 700px;
margin-bottom: 10px;
}
.case-block .section-slider .text-container .title a {
color: #3e3e3f;
}
.case-block .section-slider .text-container .excerpt {
font-size: 14px;
font-weight: 400;
}
.case-block .section-slider .button-cta {
color: #3e3e3f;
text-align: center;
min-width: 270px;
width: fit-content;
margin-top: 30px;
}
.case-block .section-slider .button-cta:hover {
color: #fff;
}
.experience-usecases .section-slider .slider-container {
margin: 0 auto;
}
.experience-usecases .section-slider {
padding: 0;
}
.partner-top {
padding-bottom: 130px;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.partner-top {
padding-bottom: 0;
}
}
.partner-top .img-wrap {
max-width: 380px;
height: auto;
border-radius: 50%;
overflow: hidden;
border: 30px solid #e2e2e2;
margin: 0 auto;
float: right;
}
@media screen and (max-width: 1200px) {
.partner-top .img-wrap {
float: none;
}
}
@media screen and (max-width: 640px) {
.partner-top .img-wrap {
max-width: 300px;
}
}
@media screen and (max-width: 480px) {
.partner-top .img-wrap {
max-width: 250px;
border: 15px solid #e2e2e2;
}
}
.partner-top .img-wrap img {
width: 100%;
float: left;
}
@media screen and (max-width: 767px) {
.partner-top .img-wrap {
float: none;
}
}
.partner-top .text-container {
padding-top: 130px;
}
@media screen and (max-width: 767px) {
.partner-top .text-container {
padding-top: 0;
margin-bottom: 130px;
}
}
@media screen and (max-width: 640px) {
.partner-top .text-container {
padding-top: 0;
margin-bottom: 100px;
}
}
@media screen and (max-width: 480px) {
.partner-top .text-container {
padding-top: 0;
margin-bottom: 70px;
}
}
.partner-top .circle-extra-outer {
width: 800px;
max-width: 800px;
position: absolute;
top: -190px;
left: -54px;
z-index: -1;
}
@media screen and (max-width: 1200px) {
.partner-top .circle-extra-outer {
left: -144px;
}
}
@media screen and (max-width: 992px) {
.partner-top .circle-extra-outer {
left: -230px;
}
}
@media screen and (max-width: 767px) {
.partner-top .circle-extra-outer {
left: 0;
right: 0;
width: 600px;
top: -23%;
margin: 0 auto;
}
}
@media screen and (max-width: 640px) {
.partner-top .circle-extra-outer {
width: 430px;
top: -14%;
}
}
@media screen and (max-width: 480px) {
.partner-top .circle-extra-outer {
width: 350px;
top: -14%;
}
}
.partner-top .circle-outer {
max-width: 510px;
width: 510px;
position: absolute;
left: 52%;
top: -60px;
}
@media screen and (max-width: 1200px) {
.partner-top .circle-outer {
left: 37%;
}
}
@media screen and (max-width: 992px) {
.partner-top .circle-outer {
left: 34%;
}
}
@media screen and (max-width: 767px) {
.partner-top .circle-outer {
left: 0;
right: 0;
margin: 0 auto;
}
}
@media screen and (max-width: 640px) {
.partner-top .circle-outer {
width: 350px;
top: -6%;
}
}
@media screen and (max-width: 480px) {
.partner-top .circle-outer {
width: 300px;
top: -6%;
}
}
@media screen and (max-width: 480px) {
.partner-top .circles-wrap {
min-height: 360px;
}
}
.partner-program {
background: #e9e9e9;
}
.partner-program .title {
text-decoration: none;
color: #3e3e3f;
margin: 10px 0;
font-size: 18px;
font-weight: 800;
display: block;
}
.partner-program .description {
color: #3e3e3f;
}
.partner-program .icon-link:hover {
text-decoration: none;
}
.partner-program .button-animation {
margin-top: 60px;
}
.partner-program .link-item {
margin-bottom: 30px;
}
.partner-certified {
background: url("../images/bg-certifiedparts.jpg") no-repeat;
background-size: cover;
}
.partner-certified .info {
color: #fff;
}
.partner-certified .image-container img {
max-width: 330px;
height: auto;
}
@media screen and (max-width: 575px) {
.partner-certified .image-container {
text-align: center;
margin-top: 30px;
}
}
.partner-logos ul li {
list-style-type: none;
}
.partner-logos ul li:before {
display: none;
content: '';
}
.partner-logos .tabs {
text-align: center;
border-bottom: 0;
}
.partner-logos .tabs a {
font-family: 'Lato', sans-serif;
font-size: 16px;
color: #9e9e9e;
font-weight: 400;
}
.partner-logos .tabs a:hover {
color: #000;
text-decoration: none;
}
.partner-logos .tabs a:focus {
outline: 0;
}
.partner-logos .tabs .active a {
color: #000000;
}
.partner-logos .tabs-nav__item {
margin: 0;
}
.partner-logos .tabs-nav__list {
margin-bottom: 50px;
}
.partner-logos .tabs-nav__list li:after {
content: '|';
margin: 0 30px;
}
.partner-logos .tabs-nav__list li:last-child:after {
content: '';
margin: 0;
}
.partner-logos .tabs-content ul {
margin: 0;
}
.partner-logos .tabs-content ul li {
width: 16.666667%;
float: left;
}
@media screen and (max-width: 768px) {
.partner-logos .tabs-content ul li {
width: 25%;
}
}
@media screen and (max-width: 640px) {
.partner-logos .tabs-content ul li {
width: 33.333333%;
}
}
@media screen and (max-width: 480px) {
.partner-logos .tabs-content ul li {
width: 50%;
}
}
.partner-logos .tabs-content .tab {
display: none;
}
.partner-logos .tabs-content .tab.active {
display: block;
}
.partner-howto {
background: url("../images/bg-certifiedparts.jpg") no-repeat;
background-size: cover;
color: #fff;
}
.partner-howto ul {
padding: 50px 0 0;
width: 100%;
margin: auto;
}
@media screen and (max-width: 990px) {
.partner-howto ul {
left: -31%;
width: 62%;
}
}
.partner-howto ul li {
text-align: center;
text-indent: 0;
color: #fff;
position: relative;
margin-bottom: 30px;
}
.partner-howto ul li:before {
content: '';
position: absolute;
top: 47px;
left: -33%;
width: 66%;
height: 3px;
background: #fff;
z-index: 1;
}
@media screen and (max-width: 1120px) {
.partner-howto ul li:before {
left: -31%;
width: 61%;
}
}
@media screen and (max-width: 1024px) {
.partner-howto ul li:before {
left: -29%;
width: 59%;
}
}
@media screen and (max-width: 992px) {
.partner-howto ul li:before {
display: none;
}
}
.partner-howto ul li:first-child:before {
display: none;
}
.partner-howto ul li .icon-container {
border: 3px solid #fff;
width: 100px;
max-width: 100px;
height: 100px;
margin: 0 auto;
border-radius: 50%;
background: transparent;
padding: 15px;
position: relative;
}
.partner-howto ul li .icon-container .icon {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 70%;
margin: auto;
}
.partner-howto ul li .step-number {
color: #00cbd0;
font-size: 18px;
margin: 15px 0;
display: block;
font-weight: 800;
}
.investor-title {
background: url("../images/bg-cases-automotive.jpg") no-repeat;
background-size: cover;
color: #fff;
}
.investor-title h1 {
color: #fff;
}
.investor-technology {
background: #e9e9e9;
}
.investor-technology .button-cta {
min-width: 190px;
width: fit-content;
color: #3e3e3f;
}
.investor-stock .button-cta {
width: 150px;
color: #3e3e3f;
float: left;
margin-bottom: 50px;
}
.investor-links .link-box {
background-color: #e9e9e9;
background-size: cover;
border: 0;
float: left;
}
.investor-links .bgimage h2, .investor-links .bgimage p {
color: #fff;
}
.investor-links h2 {
margin-bottom: 20px;
}
.careers-title {
background: url("../images/bg-cases-automotive.jpg") no-repeat;
background-size: cover;
color: #fff;
}
.careers-title h1 {
color: #fff;
}
.careers-title .button-cta {
min-width: 215px;
width: fit-content;
color: #fff;
text-align: center;
margin-top: 0;
border: 2px solid #6653d5;
background: transparent;
-webkit-transition: all 0.5s;
transition: all 0.5s;
margin-top: 30px;
}
.careers-title .button-cta:hover {
background: linear-gradient(to right, #6653d5 0%, #6e3280 100%);
}
.careers-title .button-cta span {
background: transparent;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.careers-title .button-cta span:hover {
background: linear-gradient(to right, #6653d5 0%, #6e3280 100%);
}
.careers-description {
padding-bottom: 30px;
}
.careers-statistics .statistic-data {
flex-basis: 300px;
}
@media screen and (max-width: 1023px) {
.careers-statistics .statistic-data {
flex-basis: 215px;
}
}
.careers-statistics .button-wrap {
margin-top: 30px;
}
.careers-statistics .button-touch {
font-size: 40px;
font-weight: 700;
color: #fff;
}
.careers-statistics .inner-circle-wrap {
margin-top: -80px;
margin-left: -75px;
}
.careers-mission .small-note {
font-size: 12px;
}
.careers-mission p:last-child {
margin-bottom: 0;
}
.careers-glassdoor {
background: url("../images/bg-cases-automotive.jpg") no-repeat;
background-size: cover;
color: #fff;
}
.careers-glassdoor h2 {
font-size: 30px;
font-size: 1.875rem;
}
.careers-glassdoor .glassdoor-logo {
max-width: 300px;
margin-bottom: -80px;
}
.news-title {
background: url("../images/bg-cases-automotive.jpg") no-repeat;
background-size: cover;
color: #fff;
}
.news-title h1 {
color: #fff;
}
.news-blog {
background: #e9e9e9;
}
.news-blog div[class^="col-"] {
overflow: hidden;
}
.news-blog .cta-link {
margin-top: 30px;
display: inline-block;
}
.news-blog .image-container {
height: 200px;
width: 100%;
background-color: #d1d1d1;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.news-blog .image-container a {
display: block;
width: 100%;
height: 100%;
}
.news-blog .text-container {
background: #fff;
padding: 25px 30px;
color: #3e3e3f;
text-align: center;
height: 100%;
}
.news-blog .text-container .title {
font-size: 18px;
font-weight: 700px;
margin-bottom: 10px;
}
.news-blog .text-container .title a {
color: #3e3e3f;
}
.news-blog .text-container .excerpt {
font-size: 14px;
font-weight: 400;
}
.news-blog .news-wrap {
margin: 20px 0 70px;
}
@media screen and (max-width: 767px) {
.news-blog .news-wrap > div {
margin-bottom: 16px;
padding: 0;
}
}
.news-events {
background: #e9e9e9;
}
.news-events .title {
margin-bottom: 20px;
font-size: 16px;
}
.news-events .title a {
color: #000;
font-weight: 700;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.news-events .title a:hover {
color: #00cbd0;
}
.news-events .excerpt {
font-size: 14px;
color: #000;
font-weight: 400;
}
.news-events .latest-articles {
margin-bottom: 50px;
}
.news-events .latest-articles:nth-last-child(-n+2) {
margin-bottom: 0;
}
.news-events .dates {
font-size: 14px;
font-weight: 700;
margin-top: 30px;
}
.press-releases .title {
font-size: 16px;
color: #000;
}
.press-releases .title a {
color: #000;
font-weight: 400;
-webkit-transition: all 0.5s;
/* Safari */
transition: all 0.5s;
}
.press-releases .title a:hover {
color: #00cbd0;
}
.press-releases .date {
font-size: 14px;
font-weight: 700;
}
.page-template-page-news section h2 {
font-size: 30px;
font-size: 1.875rem;
}
.single h1 {
margin-bottom: 5px;
font-weight: 700;
}
.single .entry-meta {
display: block;
width: 100%;
}
.single .entry-meta .post-categories {
display: inline-block;
margin: 0;
padding-left: 0;
}
.single .entry-meta .post-categories li {
display: inline-block;
text-indent: 0;
padding-left: 0;
}
.single .entry-meta .post-categories li:before {
content: '';
}
.single .entry-meta .post-categories li:after {
content: ", ";
}
.single .entry-meta .post-categories li:last-child:after {
content: '';
}
.single .entry-content {
margin-top: 30px;
}
.single a {
color: #6653d5;
}
.legal .tabs {
border: 0;
}
.legal .tabs-nav ul {
display: block;
width: 100%;
margin: 0 0 80px;
}
@media screen and (min-width: 1024px) {
.legal .tabs-nav ul {
display: flex;
float: left;
}
}
.legal .tabs-nav ul li {
display: block;
list-style-type: none;
}
@media screen and (min-width: 1024px) {
.legal .tabs-nav ul li {
display: inline-block;
float: left;
}
}
.legal .tabs-nav ul li h2 {
width: auto;
font-size: 20px;
}
.legal .tabs-nav ul li a {
color: #000;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.legal .tabs-nav ul li a:hover {
color: #00cbd0;
}
.legal .tabs-nav ul li.active a {
color: #00cbd0;
}
.legal .tabs-nav ul li:before {
content: '';
}
.legal .tabs-content a {
color: #6653d5;
}
.legal .tabs-content img {
width: auto;
}
.legal .tabs-content ol li {
list-style-type: decimal;
list-style-position: inside;
margin-bottom: 24px;
}
.legal p {
margin-bottom: 24px;
}
.legal .tab {
display: none;
}
.legal .tab.active {
display: block;
}
.legal .tablepress thead th {
background-color: #ddd;
}
.legal .button-cta span {
color: #333;
}
.legal .button-cta:hover span {
color: #fff;
}
.experience-title {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
color: #fff;
height: 100vh;
}
.experience-title h1 {
color: #fff;
text-transform: uppercase;
font-family: 'visbycfheavy', sans-serif;
font-size: 70px;
line-height: 64px;
}
@media screen and (max-width: 767px) {
.experience-title h1 {
font-size: 2.5rem;
line-height: 48px;
}
}
.experience-description {
background: #e9e9e9;
padding-bottom: 70px;
}
.experience-description .container {
max-width: 760px;
}
.experience-description .benefits-description {
margin-bottom: 40px;
}
.experience-description .benefits-description h3 {
font-weight: 700;
font-size: 18px;
color: #000;
margin-bottom: 10px;
}
.experience-description .benefits-description:first-child {
margin-top: 40px;
}
.experience-description .benefits-description .icon {
max-width: 140px;
}
@media screen and (max-width: 575px) {
.experience-description .benefits-description {
text-align: center;
}
.experience-description .benefits-description .icon {
margin-bottom: 10px;
}
}
.experience-usecases {
background: #e9e9e9;
padding-top: 0;
}
.experience-usecases h2 {
color: #000;
margin-bottom: 40px;
}
.experience-usecases .image-container {
height: 200px;
width: 100%;
background-color: #d1d1d1;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.experience-usecases .image-container a {
display: block;
width: 100%;
height: 100%;
}
.experience-usecases .text-container {
background: #fff;
padding: 25px 30px;
color: #3e3e3f;
text-align: center;
}
.experience-usecases .text-container .title {
font-size: 18px;
font-weight: 700px;
margin-bottom: 10px;
}
.experience-usecases .text-container .title a {
color: #3e3e3f;
}
.experience-usecases .text-container .excerpt {
font-size: 14px;
font-weight: 400;
}
.experience-usecases .button-cta {
text-align: center;
width: 170px;
}
.experience-usecases .button-cta span {
background: #e9e9e9;
color: #000;
}
.experience-usecases .button-cta:hover span {
color: #fff;
}
.experience-usecases .news-wrap > div {
margin-bottom: 30px;
}
.experience-haptics h2 {
color: #000;
margin-bottom: 15px;
}
.experience-haptics .box-wrap {
margin-top: 20px;
}
.experience-haptics .box-wrap .col {
padding: 0;
}
.experience-haptics .box-wrap h4 {
font-weight: 700;
margin-bottom: 15px;
}
.experience-haptics .color-box {
color: #fff;
padding: 15px 25px;
height: 250px;
}
@media screen and (max-width: 992px) {
.experience-haptics .color-box {
height: auto;
}
}
.experience-haptics .color-box p {
font-size: 14px;
}
.experience-haptics h3 {
font-weight: 400;
margin-bottom: 15px;
}
.experience-haptics .detail:last-child {
margin-bottom: 0;
}
.experience-haptics .detail .icon {
max-width: 42px;
}
.experience-haptics .detail .image {
text-align: center;
}
.experience-haptics .col-container:first-child {
padding-right: 0;
}
.experience-haptics .col-container:last-child {
padding-left: 0;
}
@media screen and (max-width: 992px) {
.experience-haptics .col-container:first-child {
padding-right: 15px;
margin-bottom: 30px;
}
.experience-haptics .col-container:last-child {
padding-left: 15px;
}
}
@media screen and (max-width: 575px) {
.experience-haptics .col-container {
text-align: center;
}
}
.experience-statistics {
color: #fff;
background: #252525;
}
.experience-statistics h2 {
margin-bottom: 20px;
}
.experience-statistics .statistics-description {
max-width: 760px;
margin: 0 auto;
}
.experience-statistics .button-touch {
font-size: 40px;
font-weight: 700;
color: #fff;
width: 70px;
margin-bottom: 20px;
}
.experience-statistics .button-touch sup {
font-size: 20px;
top: -0.7em;
font-weight: 400;
margin-left: 3px;
}
.experience-statistics .inner-circle-wrap {
margin-top: -80px;
margin-left: -75px;
}
.experience-statistics .statistic-data {
flex-basis: 300px;
}
@media screen and (max-width: 1024px) {
.experience-statistics .statistic-data {
flex-basis: 215px;
}
}
.experience-statistics .statistic-data .title {
font-weight: 700;
}
.experience-statistics .button-desc {
margin-top: 15px;
}
.experience-app {
position: relative;
background: url("../images/bg-cases-automotive.jpg") no-repeat;
background-size: cover;
color: #fff;
}
.experience-app img {
width: auto;
}
.experience-app .half-black {
position: absolute;
width: 50%;
right: 0;
height: 100%;
background: rgba(0, 0, 0, 0.7);
top: 0;
z-index: 1;
}
.experience-app .content {
z-index: 5;
padding: 0 50px;
}
.experience-app .content a {
display: block;
}
.experience-services {
text-align: center;
}
.experience-services a {
color: #252525;
font-weight: 700;
}
.archive article,
.search-results article {
margin-bottom: 50px;
display: block;
}
.archive .page-title,
.search-results .page-title {
font-size: 32px;
line-height: 36px;
padding: 0 15px;
margin-bottom: 42px;
}
@media screen and (min-width: 1024px) {
.archive .page-title,
.search-results .page-title {
font-size: 40px;
line-height: 46px;
}
}
.archive .archive-article a,
.search-results .archive-article a {
color: #252525;
-webkit-transition: all 0.5s;
/* Safari */
transition: all 0.5s;
}
.archive .archive-article a:hover,
.search-results .archive-article a:hover {
color: #00cbd0;
}
.archive .archive-article .image-container, .archive .archive-article .excerpt-container,
.search-results .archive-article .image-container,
.search-results .archive-article .excerpt-container {
max-width: 600px;
margin: 0 auto;
}
.archive .archive-article .image-container .read-more a, .archive .archive-article .excerpt-container .read-more a,
.search-results .archive-article .image-container .read-more a,
.search-results .archive-article .excerpt-container .read-more a {
color: #6653d5;
}
.archive .archive-article .image-container .read-more a:hover, .archive .archive-article .excerpt-container .read-more a:hover,
.search-results .archive-article .image-container .read-more a:hover,
.search-results .archive-article .excerpt-container .read-more a:hover {
color: #6653d5;
}
.archive .archive-article .date,
.search-results .archive-article .date {
font-size: 12px;
display: block;
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.archive .archive-article .small-image,
.search-results .archive-article .small-image {
display: none;
}
}
.archive .navigation,
.search-results .navigation {
margin-top: 50px;
}
.archive .navigation .nav-links,
.search-results .navigation .nav-links {
margin: 0 auto;
}
.archive .navigation .page-numbers,
.search-results .navigation .page-numbers {
border: 1px solid #e9e9e9;
margin: 0 -1px 0 0;
float: left;
padding: 7px 15px;
-webkit-transition: all 0.5s;
/* Safari */
transition: all 0.5s;
}
.archive .navigation .page-numbers:hover,
.search-results .navigation .page-numbers:hover {
background: #00cbd0;
color: #fff;
}
.archive .navigation a,
.search-results .navigation a {
color: #00cbd0;
}
@media screen and (max-width: 575px) {
.sidebar {
margin-top: 40px;
}
}
.blog-top-section {
position: relative;
background: url("../images/bg-cases-automotive.jpg") no-repeat;
background-size: cover;
padding-bottom: 0px;
margin: 0;
}
.blog-top-section .post-container {
background: #e9e9e9;
position: relative;
top: 70px;
}
.blog-top-section .post-container .image-container {
background-size: cover;
}
@media screen and (max-width: 992px) {
.blog-top-section .post-container .image-container {
height: 300px;
}
}
.blog-top-section .post-container .text-container {
padding: 50px;
}
.blog-top-section .post-container h1 {
font-size: 30px;
}
.blog-top-section .post-container h1 a {
color: #252525;
-webkit-transition: all 0.5s;
/* Safari */
transition: all 0.5s;
}
.blog-top-section .post-container h1 a:hover {
color: #00cbd0;
}
.blog-archive article {
margin-bottom: 50px;
margin-left: 0;
margin-right: 0;
}
.blog-archive .image-container {
min-height: 250px;
background-size: cover;
background-position: center center;
padding: 0;
}
.blog-archive .image-container a {
display: block;
width: 100%;
height: 100%;
}
.blog-archive .cta-link {
margin-top: 20px;
display: inline-block;
}
.blog-archive .text-container h2 a {
color: #252525;
-webkit-transition: all 0.5s;
/* Safari */
transition: all 0.5s;
}
.blog-archive .text-container h2 a:hover {
color: #00cbd0;
}
.blog-archive .text-container .date {
font-size: 12px;
}
@media screen and (max-width: 767px) {
.blog-archive .text-container .date {
margin-top: 20px;
}
}
.blog-archive .text-container .categories {
text-align: right;
}
@media screen and (max-width: 992px) {
.blog-archive .text-container .categories {
text-align: left;
}
}
.blog-archive .text-container .categories ul {
font-size: 12px;
margin: 0;
display: inline-block;
}
.blog-archive .text-container .categories ul li {
display: inline-block;
}
.blog-archive .text-container .categories ul li:before {
content: '';
margin-right: 0;
}
.blog-archive .text-container .categories ul li:after {
content: ',';
}
.blog-archive .text-container .categories ul li:last-child:after {
content: '';
margin-right: 5px;
}
.blog-archive .text-container .categories ul li a {
color: #00cbd0;
}
.blog-archive .navigation {
margin-top: 50px;
}
.blog-archive .navigation .page-numbers {
border: 1px solid #e9e9e9;
margin: 0 -1px 0 0;
float: left;
padding: 7px 15px;
-webkit-transition: all 0.5s;
/* Safari */
transition: all 0.5s;
}
.blog-archive .navigation .page-numbers:hover {
background: #00cbd0;
color: #fff;
}
.blog-archive .navigation a {
color: #00cbd0;
}
@media screen and (max-width: 992px) {
.blog-archive .blog-sidebar {
margin-top: 30px;
}
}
.sidebar-block {
margin-bottom: 30px;
}
.sidebar-block .title, .sidebar-block .widgettitle {
padding: 10px 15px;
width: 100%;
font-size: 16px;
font-weight: 700;
background: #f0efed;
}
.sidebar-block ul {
margin: 0;
padding-left: 0;
background: #faf9f7;
}
.sidebar-block ul li {
list-style-type: none;
border-top: 1px solid #f0efed;
margin: 0;
text-indent: 0;
padding-left: 0;
}
.sidebar-block ul li a {
padding: 10px 15px;
display: block;
color: #252525;
-webkit-transition: all 0.5s;
/* Safari */
transition: all 0.5s;
width: 100%;
}
.sidebar-block ul li a:hover {
background: #00cbd0;
color: #fff;
}
.sidebar-block ul li:before {
margin: 0;
content: '';
}
/* CONTACT
--------------------------------------------- */
.page-template-page-about .contact {
display: inline-block;
float: left;
width: 100%;
}
.page-template-page-about footer {
display: inline-block;
width: 100%;
}
.page-template-page-about .cta-link {
margin-bottom: 30px;
display: inline-block;
}
.page-template-page-about input#gform_submit_button_2 {
font-size: 16px;
color: #fff;
display: table;
min-width: 140px;
margin: 25px auto 0;
text-decoration: none;
-webkit-transition: all 0.8s;
transition: all 0.8s;
background: #4e71e3;
background: linear-gradient(274deg, #4e71e3 0%, #05cad5 100%);
border-radius: 5px;
box-sizing: border-box;
position: relative;
height: 40px;
text-align: center;
padding-left: 30px;
padding-right: 30px;
border: 0;
float: left;
}
.page-template-page-about input#gform_submit_button_2:hover {
background: #05cad5;
background: linear-gradient(274deg, #05cad5 0%, #05cad5 100%);
color: #fff;
border: 0;
}
.contact {
background: #e8e8e8;
}
.contact h2 {
color: #000;
margin-bottom: 30px;
}
.contact .container {
max-width: 580px;
}
.contact .col-sm {
padding: 5px;
}
@media screen and (max-width: 620px) {
.contact .col-sm {
width: 100%;
flex-basis: auto;
padding: 10px 15px;
}
}
.contact .col-sm.textarea {
width: 100%;
}
.contact .col-sm input, .contact .col-sm textarea {
width: 100%;
background: #fff;
border: 0;
padding: 12px 10px;
}
.contact .col-sm.submit {
width: 50%;
float: right;
}
.contact .submit {
padding: 10px 5px;
}
.contact .submit input[type="submit"] {
background: transparent;
font-size: 16px;
display: block;
border: 2px solid #9a559f;
padding: 7px 8px 8px;
width: 160px;
margin: 0px auto 0;
border-radius: 3px;
text-decoration: none;
float: right;
-webkit-transition: all 0.5s;
/* Safari */
transition: all 0.5s;
}
.contact .submit input[type="submit"]:hover {
background: linear-gradient(to right, #6653d5 0%, #6e3280 100%);
color: #fff;
border: 2px solid #6e3280;
}
@media screen and (max-width: 620px) {
.contact .submit input[type="submit"] {
width: 100%;
}
}
@media screen and (max-width: 620px) {
.contact .submit {
padding: 0px 15px;
width: 100%;
}
}
#cta-contact .modal-content {
background: #d0d0d0;
}
#cta-contact .modal-header {
border: 0;
}
.contact-form {
font-family: 'Lato', sans-serif;
font-size: 1rem;
font-weight: normal;
background: #d0d0d0;
color: #000;
padding-bottom: 50px;
}
.contact-form .button {
border: 2px solid #9d57a1;
border-radius: 5px;
color: #3e3e3f;
font-weight: 600;
padding: 10px 20px;
background: transparent;
}
.contact-form .button:hover {
color: #fff;
background: #9d57a1;
text-decoration: none;
}
.contact-form .col-2 {
padding: 0 5px;
float: left;
max-width: 50%;
width: 50%;
margin-bottom: 15px;
}
.contact-form .col-1 {
padding: 0 5px;
max-width: 100%;
width: 100%;
margin-bottom: 15px;
}
.contact-form .col-1.select {
display: inline-block;
}
.contact-form form label {
max-width: 100%;
width: 100%;
padding-bottom: 5px;
color: #666;
display: block;
}
.contact-form form input[type="text"], .contact-form form input[type="email"] {
max-width: 100%;
width: 100%;
padding: 8px 10px;
}
.contact-form form select {
max-width: 100%;
width: 100%;
padding: 8px 10px;
border-radius: 0;
border: 0;
color: #3e3e3f;
background-color: #fff;
background-image: url("../images/arrow-down.png");
background-size: 9px 7px;
background-position: 96% center;
background-repeat: no-repeat;
appearance: none;
}
.contact-form form textarea {
max-width: 100%;
width: 100%;
border: 0;
padding: 8px 10px;
}
.contact-form .submit-wrap {
text-align: right;
display: inline-block;
}
.contact-form .submit-wrap .button {
float: right;
}
.contact-form .ajax-loader {
display: block !important;
float: right;
margin-top: 10px !important;
clear: both;
}
.contact-form span.wpcf7-not-valid-tip {
font-size: 12px;
}
.contact-form div.wpcf7-response-output {
margin: 0.5em 0.5em 1em;
}
/* NEW CONTACT FORM
--------------------------------------------- */
.gform_heading {
display: none;
}
.half-field {
width: 50%;
display: inline-block;
padding: 0 5px !important;
max-width: 50%;
margin-bottom: 15px !important;
}
.full-field-1 {
padding-left: 10px;
padding: 0 5px !important;
margin-bottom: 25px !important;
}
.full-field-2 {
padding-left: 10px;
padding: 0 5px !important;
margin-bottom: 15px !important;
}
div.gform_wrapper .top_label .gfield_label {
display: block !important;
color: #666 !important;
font-size: inherit !important;
font-weight: inherit;
}
.gform_wrapper .gfield_required {
color: #666 !important;
}
.gform_body select,
.gform_body input {
padding: 8px 10px !important;
color: #3e3e3f !important;
}
.gform_wrapper ul li:before {
content: '';
}
@media screen and (max-width: 767px) {
.gform_wrapper label.gfield_label {
text-indent: 0;
}
}
div.ginput_container_name span {
padding-left: 0 !important;
padding-right: 0 !important;
}
/* FOOTER
--------------------------------------------- */
footer {
padding: 80px 0;
background: #000;
color: #fff;
position: relative;
z-index: 10;
background-image: url("../images/new/footer-bg.png");
background-repeat: no-repeat;
background-size: 540px auto;
background-position: -20% bottom;
}
@media screen and (max-width: 1023px) {
footer {
background-position: -15% bottom;
}
}
@media screen and (max-width: 767px) {
footer {
padding: 50px 0 150px;
background-size: 100% auto;
background-position: center bottom;
}
footer .menu {
margin: 0;
}
footer .footer-menu-1 {
margin-bottom: 20px;
}
}
@media screen and (max-width: 575px) {
footer .footer-menu-3, footer .footer-menu-wrap {
width: 50%;
float: left;
}
}
@media screen and (max-width: 1023px) {
footer .copyright {
margin-bottom: 30px;
}
}
footer .copyright img {
width: 166px;
height: auto;
}
footer .copyright p {
font-weight: 400;
color: #8c8c8c;
display: inline-block;
margin-top: 42px;
font-size: 14px;
display: block;
}
footer .footer-menu-1 p {
font-weight: 400;
color: #8c8c8c;
display: inline-block;
margin-top: 42px;
font-size: 14px;
display: block;
}
@media screen and (max-width: 767px) {
footer .footer-menu-1 p {
display: none;
}
}
footer .menu {
margin: 0;
}
footer .menu li {
margin-bottom: 5px;
padding: 0;
}
footer .menu li a {
color: #fff;
font-size: 14px;
line-height: 27px;
font-weight: 300;
-webkit-transition: color 0.5s;
/* Safari */
transition: color 0.5s;
}
footer .menu li a:hover {
color: #00cbd0;
}
footer .menu li:before {
content: '';
margin-right: 0;
}
/*======================================================
*
* SINGLE SHOWCASE VIDEO
*
======================================================*/
.display-none-xs {
display: none;
}
.display-block-xs {
display: block;
}
/*======================================================
*
* Use Case Category
*
======================================================*/
.tax-use_cases_category .case-block.container-padding {
padding-top: 0;
padding-bottom: 0;
}
.tax-use_cases_category .case-block .section-slider {
padding: 150px 0 80px;
}
.tax-use_cases_category .case-block .section-slider .swiper-slide {
margin-bottom: 30px;
}
.tax-use_cases_category .pagination {
width: 100%;
}
/*======================================================
*
* About Page Events section
*
======================================================*/
.news-events .wp-block-button {
color: #00b9ba;
}
.font-size-12 {
font-size: 12px;
}
.font-size-13 {
font-size: 13px;
}
.font-size-14 {
font-size: 14px;
}
.font-size-16 {
font-size: 16px;
}
.font-size-18 {
font-size: 18px;
}
.font-size-21 {
font-size: 21px;
}
.bg-black-opacity {
border-radius: 5px;
background-image: url('../images/bg-black-opacity.png');
background-repeat: repeat;
}
.min-vh-100 {
min-height: 100vh !important;
}
.slider-inner {
position: absolute;
overflow: hidden;
opacity: 1;
visibility: visible;
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: fixed;
top: 0px;
}
.vertical-middle {
z-index: 3;
position: relative;
display: -ms-flexbox;
display: flex;
width: 100%;
min-height: 100%;
justify-content: center;
flex-flow: column;
}
footer {
background: url('../images/footer-bg.jpg');
}
.custom-list {
list-style: none;
margin: 20px 0 40px;
padding-left: 5px;
}
.custom-list li {
margin-bottom: 15px;
list-style: none;
padding-left: 1em;
text-indent: -0.6em;
}
.entry {
position: relative;
margin-bottom: 50px;
}
.entry::after {
content: '';
position: relative;
height: 2px;
margin-top: 50px;
background-color: whitesmoke;
}
.entry-image {
margin-bottom: 30px;
}
.posts-md .entry-image,
.posts-sm .entry-image {
margin-bottom: 0;
}
.entry-image,
.entry-image > a,
.entry-image .slide a,
.entry-image img {
display: block;
position: relative;
width: 100%;
height: auto;
}
/* ----------------------------------------------------------------
Overlays
-----------------------------------------------------------------*/
.bg-overlay,
.bg-overlay-bg,
.bg-overlay-content {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
overflow: hidden;
}
.bg-overlay {
z-index: 5;
}
.bg-overlay [data-hover-animate]:not(.animated) {
opacity: 0;
}
.bg-overlay-content {
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
padding: 20px;
}
.bg-overlay-bg {
background-color: rgba(255, 255, 255, 0.85);
}
.dark .bg-overlay-bg,
.bg-overlay-bg.dark {
background-color: rgba(0, 0, 0, 0.5);
}
.text-overlay-mask {
opacity: 0.85;
top: auto;
bottom: 0;
height: auto;
padding: 40px 15px 15px;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
/* IE10+ */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
/* IE6-9 */
}
.overlay-trigger-icon {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
margin: 0 0.25rem;
font-size: 1.125rem;
text-align: center;
border-radius: 50%;
-webkit-backface-visibility: hidden;
transition: all .3s ease;
}
.overlay-trigger-icon .icon-line-play {
position: relative;
left: 2px;
}
.overlay-trigger-icon.size-sm {
width: 30px;
height: 30px;
line-height: 30px;
margin: 0 0.5rem;
font-size: 0.875rem;
}
.overlay-trigger-icon.size-lg {
width: 64px;
height: 64px;
line-height: 64px;
font-size: 1.5rem;
}
.bi-play-circle-fill {
font-size: 38px;
}
.ad-tool {
margin-top: 50px;
}
.ad-icon {
height: 60px;
line-height: 60px;
width: 60px;
border-radius: 60px;
border: 2px solid #fff;
padding: 0px;
}
.ad-icon img {
width: 32px;
}
.ad-text {
margin: 10px 0px 0px 0px;
}
.font-color-clip {
font-size: 30px;
background: linear-gradient(to right, red, blue);
-webkit-background-clip: text;
color: transparent;
}