@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

@font-face {font-family: "ITC Eras Medium";
  src: url("../fonts/6f9c70d8f0d879bbf29f612e77f71469.eot"); /* IE9*/
  src: url("../fonts/6f9c70d8f0d879bbf29f612e77f71469.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/6f9c70d8f0d879bbf29f612e77f71469.woff2") format("woff2"), /* chrome、firefox */
  url("../fonts/6f9c70d8f0d879bbf29f612e77f71469.woff") format("woff"), /* chrome、firefox */
  url("../fonts/6f9c70d8f0d879bbf29f612e77f71469.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../fonts/6f9c70d8f0d879bbf29f612e77f71469.svg#ITC Eras Medium") format("svg"); /* iOS 4.1- */
}

 html {margin-top: 0 !important;}

* {
	-webkit-font-smoothing: antialiased;
	position: relative;
	color: #344150 ;
}

body {
	font-size: 16px;
	background: #ececec !important;
	font-family:  "ITC Eras Medium", sans-serif !important;
	font-weight: 300;
	color: #344150 ;
	letter-spacing: 0.4px;
}

a { text-decoration: none !important; color:#344150 !important; }

.group-visible .sub-menu {
	display: block !important;
}

#wpadminbar {
	display: none !important;
}

/* CONTAINER */
.container {
	max-width: 1200px;
	padding: 0;
}
.container.inner-padding {
	padding: 0 120px;
}
.container.m {
	max-width: 580px;
}
.container.s {
	max-width: 380px;
}

/* SECTION */
section {
	padding: 80px 0;
}
section .section-header {
	min-height: 300px;
}
section .section-header .bg-i {
	min-height: 300px;
}
section .section-title {
    position: absolute;
    top: 0;
    left: 0;
    padding-right: 40px;
    padding-bottom: 30px;
}
section .section-title.bottom {
	top: unset;
	bottom: 0;
	padding-top: 30px;
	padding-bottom: 0;
}

/* COLUMNS */
.columns {
	display: flex;
}
.columns .column {
	width: 100%;
}

/* LIST */
.list {
	display: flex;
	flex-direction: column;
}
ul.list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.list li {
	display: flex;
	align-items: center;
	padding-bottom: 10px;
}
ul.list li:before {
	content: '';
	display: block;
	align-self: flex-start;
	min-width: 10px;
	height: 2px;
	margin-top: 10px;
	margin-right: 20px;
	background: #f00;
}
ul.list .list.sublist {
	padding-left: 30px;
}
/* ul.list.columns {
	flex-direction: row;
	flex-wrap: wrap;
}
ul.list.columns li {
	align-items: flex-start;
	width: calc(50% - 40px);
} */
ul.list.columns {
	display: block;
	column-count: 2;
	column-gap: 40px;
}
ul.list.columns li {
	width: 100%;
	padding-bottom: 0;
	margin-bottom: 20px;
	break-inside: avoid-column;
}

ol.list {
	list-style: none;
	counter-reset: custom-style;
	padding: 0;
	margin: 40px 0;
}
ol.list > li {
	counter-increment: custom-style;
	margin-bottom: 30px;
	color: #344150 ;
}
ol.list > li:last-of-type {
	margin-bottom: 0;
}
ol.list > li:before {
	content: counter(custom-style) ". ";
	/* color: #f00; */
	color: #344150 ;
	font-family:  "ITC Eras Medium";
	font-weight: 600;
	min-width: 20px;
	display: inline-block;
	margin-right: 10px;
}
ol.list > li ol.list,
ol.list > li ul.list {
	margin-top: 30px;
    padding-left: 30px;
    margin-bottom: 0;
}
ol.list > li ol.list li {
	margin-bottom: 10px;
	color: #838383;
}
ol.list > li ol.list li:last-of-type {
	margin-bottom: 0;
}
ol.list > li ol.list li:before {
	content: counter(custom-style, lower-alpha) ". ";
	color: #f00;
}

/* LINE */
.line {
	width: 100%;
	height: 1px;
	background: #bbb;
} 
.line.vertical {
	width: 1px;
	height: 100%;
}
.line.r {
	background: #FF0000;
}
.line.dashed {
	background: #fff;
    border-bottom: 1px dashed #bbb;
}
.line.dark {
	background: #333;
}
.line.light {
	background: #eee;
}

/* SEPARATOR */
span:last-child .separator {
	display: none;
}

/* DOTS */
.dot {
	width: 6px;
	height: 6px;
	background: #344150 ;
	border-radius: 100%;
}
.dot.red {
	background: #FF0000;
}
.dot.orange {
	background: #E08110;
}
.dot.pink {
	background: #D9398D;
}

/* BORDERS */
.border {
	border: 1px solid #ccc !important;
}
.border-0 {
	border: 0;
}
.border-b {
	border-color: #344150 !important;
}
.border-r {
	border-color: #FF0000 !important;
}

/* HEADINGS & PARAGRAPHS LIKE HEADINGS */
h1, h2, h3, h4, h5, h6,
p.h1, p.h2, p.h3, p.h4, p.h5, p.h6 {
	font-family:  "ITC Eras Medium", sans-serif;
	font-weight: 700;
	margin: 0;
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
	font-weight: unset;
}
p.h1, p.h2, p.h3, p.h4, p.h5, p.h6 {
	color: #344150 ;
}
h1, p.h1, h3.h1 {
	font-size: 48px;
	line-height: 105%;
	font-weight: 700;
}
h1.l, p.h1.l {
	font-size: 72px;
	line-height: 93%;
}
h2, p.h2, h1.s {
	font-size: 32px;
	line-height: 102%;
}
h2.l, p.h2.l {
	font-size: 48px;
	line-height: 105%;
}
h3, p.h3 {
	font-size: 24px;
	font-weight: 600;
	line-height: 108%;
}
h3.s, p.h3.s {
	font-size: 18px;
}
h4, p.h4, h2.h4, h3.h4 {
	font-size: 20px;
	font-weight: normal;
	line-height: 131%;
}
h4.b, p.h4.b, h3.h4.b {
	font-weight: 600;
}
h5, p.h5 {
	font-size: 17px;
	font-weight: 300;
	line-height: 127%;
}
h6, p.h6 {
	font-size: 14px;
	font-weight: 300;
	line-height: 104%;
}
h1 a,
h1 a:hover,
h2 a,
h2 a:hover,
h3 a,
h3 a:hover,
h4 a,
h4 a:hover,
h5 a,
h5 a:hover,
h6 a,
h6 a:hover {
	color: #e20e17;
}

/* SPACES */
hr {
	height: 0;
	border: 0;
    margin: 0;
    background-color: transparent !important;
}
hr.xxs {
	height: 10px;
}
hr.xs {
	height: 20px;
}
hr.s {
	height: 30px;
}
hr.m {
	height: 40px;
}
hr.l {
	height: 80px;
}
hr.xl {
	height: 120px;
}
hr.xxl {
	height: 160px;
}

hr.vertical {
	width: 0;
	height: initial;
}
hr.vertical.xxs {
	min-width: 10px;
}
hr.vertical.xs {
	min-width: 20px;
}
hr.vertical.s {
	min-width: 30px;
}
hr.vertical.m {
	min-width: 40px;
}
hr.vertical.l {
	min-width: 80px;
}
hr.vertical.xl {
	min-width: 120px;
}
hr.vertical.xxl {
	min-width: 160px;
}

/* PARAGRAPH */
p {
	color: #838383;
	font-size: 16px;
	margin-bottom: 0;
}
p.s {
	font-size: 13px;
}
p.m {
	font-size: 17px;
	line-height: 127%;
}
p a,
p a:hover {
	color: #e20e17;
}

/* LABEL */
label {
	display: block;
	color: #838383;
	font-size: 16px;
	letter-spacing: 0.03em;
	margin: 0;
}
label.s {
	font-size: 13px;
}
label.r {
	color: #e20e17;
}

/* BUTTON */
.button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 210px;
	max-width: 100%;
	height: 48px;
	color: #fff;
	background: #344150 ;
	border-radius: 15px;
	font-family:  "ITC Eras Medium";
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
	transition: all .2s ease-in-out;
	border: 0;
	outline: none !important;
}
.button.w {
	background: #fff;
	border: 1px solid #C6C6C6;
}
.button.t {
	background: transparent;
	border: 1px solid #344150 ;
}
.button.l {
	width: 340px;
}
.button .value {
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
	transition: all .2s ease-in-out;
	color: #fff;
	padding: 0 15px;
	white-space: nowrap;
	z-index: 2;
}
.button.w .value,
.button.t .value {
	color: #344150 
}
.button .arrow {
	width: 10px;
	position: absolute;
    right: 50%;
    transform: translateX(50%);
	height: 100%;
	background: url('../images/arrow.svg') no-repeat center / contain;
	opacity: 0;
	transition: all .2s ease-in-out;
	z-index: 1;
}
.button.w .arrow,
.button.t .arrow {
	background: url('../images/arrow-black.svg') no-repeat center / contain;
}
.button:hover {
	color: #fff;
	box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.2);
	text-decoration: none;
}
.button:hover .value {
	left: 0;
    transform: translateX(0);
}
.button:hover .arrow {
	right: 15px;
    transform: translateX(0);
	opacity: 1;
}
.button.b {
	background: transparent;
    border-bottom: 1px solid red;
    border-radius: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
}
.button.b .value {
	color: #344150 ;
}
.button.b:hover .value {
	padding: 0;
}
.button.b .arrow {
	background: url('../img/arrow-black.svg') no-repeat center / contain;
}
.button.b:hover .arrow {
	right: 0;
}
.button .arrow.w {
	background: url('../img/arrow.svg') no-repeat center / contain;
}
.button.a {
	border: 1px solid #e20e17;
	background: transparent; 
}
.button.a .value {
	color: #e20e17;
}
.button.a .arrow {
	background: url('../img/arrow-red.svg') no-repeat center / contain;
}
.button input {
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: transparent;
    color: transparent;
    border: 0;
    z-index: 10;
}
.button .spinner {
	display: none;
}
.button.in-progress {
	pointer-events: none;
}
.button.in-progress .value, 
.button.in-progress .arrow {
	display: none;
}
.button.in-progress .spinner {
	display: block;
}
.button.failed:before {
	content: 'Ups, something went wrong. Contact us directly at info@grapeup.com';
    width: 100%;
    height: 30px;
    top: -100%;
    position: absolute;
    color: #344150 ;
    font-size: 11px;
	font-weight: 100;
	pointer-events: none;
}
button {
	outline: none;
}

/* DISPLAY / JUSTIFY / ALIGN / COLORS */
.d-block {
	display: block;
}
.d-flex {
	display: flex;
}
.v-h {
	visibility: hidden;
}
.f-1 {
	flex: 1;
}
.fw-w {
	flex-wrap: wrap;
}
.fd-c {
	flex-direction: column;
}
.jc-sb {
    justify-content: space-between;
}
.jc-c {
    justify-content: center;
}
.jc-fs {
	justify-content: flex-start !important;
}
.jc-fe {
	justify-content: flex-end !important;
}
.ai-c {
	align-items: center;
}
.ai-fs {
	align-items: flex-start !important;
}
.ai-fe {
	align-items: flex-end !important;
}
.as-fe {
	align-self: flex-end !important;
}
.mt-a {
	margin-top: auto;
} 
.mt-fix {
	margin-top: -3px;
}
.mt-fix-10 {
	margin-top: -10px;
}
.m-0 {
	margin: 0;
}
.m-0a {
	margin: 0 auto;
}
.m-15 {
	margin: 15px;
}
.w-a {
	width: auto;
}
.w-fc {
	width: fit-content;
}
.w-100 {
	width: 100%;
}
.w-83 {
	width: 83.33333%;
}
.w-80 {
	width: 80%;
}
.w-75 {
	width: 75%;
}
.w-66 {
	width: 66.66666%;
}
.w-60 {
	width: 60%;
}
.w-50 {
	width: 50%;
}
.w-40 {
	width: 40%;
}
.w-33 {
	width: 33.33333%;
}
.w-25 {
	width: 25%;
}
.w-20 {
	width: 20%;
}
.w-16 {
	width: 16.66666%;
}
.w-15 {
	width: 15%;
}
.w-10 {
	width: 10%;
}
.mw-100 {
	max-width: 100%;
}
.h-i {
	height: initial !important;
}
.h-25 {
	height: 25px !important;
}
.h-30 {
	height: 30px;
	max-height: 30px;
}
.h-40 {
	height: 40px;
	max-height: 40px;
}
.h-50 {
	height: 50px !important;
	max-height: 50px;
}
.h-60 {
	height: 60px;
}
.h-80 {
	height: 80px;
}
.h-90 {
	height: 90px;
}
.h-300 {
	height: 300px;
}
.mw-50 {
	max-width: 50%;
}
.mw-66 {
	max-width: 66.66666%;
}
.mh-100 {
	max-height: 100%;
}
.mh-60 {
	min-height: 60px;
}
.mh-90 {
	min-height: 90px;
}
.mh-120 {
	min-height: 120px !important;
}
.mh-130 {
	min-height: 130px !important;
}
.mh-150 {
	min-height: 150px !important;
}
.mh-180 {
	min-height: 180px !important;
}
.mh-210 {
	min-height: 210px !important;
}
.mh-250 {
	min-height: 250px !important;
}
.mh-280 {
	min-height: 280px !important;
}
.mh-none {
	min-height: unset !important;
}
.fc-b {
    color: #344150  !important;
}
.fc-w {
	color: #fff !important;
}
.fc-g {
	color: #838383 !important;
}
.fw-300 {
	font-weight: 300;
}
.p-fix {
	margin-left: -20px;
	margin-right: -20px;
}
.p-fix-40 {
	margin-left: -40px;
	margin-right: -40px;
}
.pl-fix {
	margin-left: -20px;
}
.pr-fix {
	margin-right: -20px;
}
.pt-fix {
	margin-top: -20px;
}
.pt-fix-m {
	margin-top: -40px;
}
.pt-fix-l {
	margin-top: -60px;
}
.pt-5 {
	padding-top: 5px !important;
}
.p-5 {
	padding: 5px !important;
}
.p-3 {
	padding: 3px !important;
}
.p-10 {
	padding: 10px;
}
.p-20 {
	padding: 20px;
}
.p-40 {
	padding: 40px;
}
.p-60 {
	padding: 60px;
}
.p-80 {
	padding: 80px;
}
.pl-0 {
	padding-left: 0 !important;
}
.pb-0 {
	padding-bottom: 0;
}
.pt-0 {
	padding-top: 0;
}
.mr-5 {
	margin-right: 5px !important;
}
.mr-10 {
	margin-right: 10px !important;
}
.lh-n {
	line-height: normal;
}
.br-100 {
	border-radius: 100%;
}
.over-a {
	overflow: auto;
}
.over-h {
	overflow: hidden;
}
.over-v {
	overflow: visible !important;
}
.dn-d {
	display: none !important;
}
a.s {
	font-size: 13px;
}

/* TRANSITIONS */
.trans {
	transition: all 0.2s ease-in-out;
}
.rotate-180 {
	transform: rotate(180deg);
}

/* OPACITY */
.opa-50 {
	opacity: 0.5;
}
.opa-70 {
	opacity: 0.7;
}
.opa-100 {
	opacity: 1;
}

/* GRADIENTS / BACKGROUNDS */
.grad {
    background: #f6f6f6;
    overflow: hidden;
}
.grad.orange:after,
.grad.purple:after,
.grad.gray:after {
	position: absolute;
	top: 0;
	right: 0;
	width: 700px;
	height: 1140px;
	content: '';
	opacity: 0.3;
	pointer-events: none;
	animation-name: gradAnim;
	animation-duration: 4s;
	animation-iteration-count: infinite;
}
.grad.orange:after {
	background: radial-gradient(43% 26% at 100% 0%, #FFBF74 0%, rgba(255, 191, 116, 0) 100%);
}
.grad.purple:after {
	background: radial-gradient(43% 26% at 100% 0%, #9A36D8 0%, rgba(255, 191, 116, 0) 100%);
}
.grad.gray:after {
	background: radial-gradient(43% 26% at 100% 0%, #ccc 0%, rgba(255, 255, 255, 0) 100%);
}
.grad > * {
	z-index: 1;
}
.dark {
	background: #81BF97;
}
.black {
	background: #414147;
}
.white {
	background: #fff !important;
}
.gray {
	background: #f6f6f6;
}
.bg-i {
	background-position: center;
	/* background-size: cover; */
	background-size: auto 150%;
	background-repaet: no-repeat;
}
.bg-i.horizontal {
	background-size: 150% auto;
}

/* IMAGE */
img {
	/* max-width: 100%; */
	height: auto;
}

/* ANCHORS */
a, a:hover {
	text-decoration: none;
}

/* GENERAL */
.site-content {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	margin-top: 115px;
	margin-bottom: 20px;
	background: #fff;
	transition: all 0.2s ease-in-out;
}
.site-content.pagemenu {
	margin-top: 149px;
}

/* MAIN MENU */
nav {
	position: fixed;
	top: 0;
	left: 50%;
    transform: translateX(-50%);
	width: 100%;
	max-width: 1440px;
	background: #fff;
	padding: 0 20px;
	border-top: 20px solid #ececec;
	border-bottom: 1px solid #eee;
	z-index: 15;
	transition: all 0.2s ease-in-out;
}
nav .nav__content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 95px;
}
nav .nav__content .logo {
	margin-top: 10px;
}
nav .nav__content .logo img {
	height: 32px;
}
nav .nav__content .menu-main-menu-container {
    display: flex;
    align-items: center;
    height: 100%;
}
nav .menu {
	display: flex;
	height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
nav .menu .sub-menu {
	height: 0;
	position: fixed;
    display: flex;
    width: 100%;
    top: 80px;
    background: #fff;
    list-style-type: none;
    margin: 0;
    padding: 0 120px;
    padding-top: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 13px;
	overflow: hidden;
	transition: all .2s ease-in-out;
}
nav .menu .sub-menu li {
	margin-right: 25px;
}
nav .menu .sub-menu li:last-child {
	margin-right: 0;
}
nav .menu > li {
    display: flex;
    align-items: center;
	padding: 0 20px;
}
nav .menu > li:last-child {
	padding-bottom: 0;
}
nav .menu > li > a {
	display: flex;
    align-items: center;
	font-family:  "ITC Eras Medium";
	font-size: 14px;
	font-weight: 300;
	color: #344150 ;
	height: 100%;
	padding-bottom: 10px;
	transition: all 0.2s ease-in-out;
}
nav .menu li:hover > a {
	color: #a3a3a3;
}
nav .menu li.current-menu-item > a,
nav .menu li.current-page-parent > a,
nav .menu li.current-page-ancestor > a {
	color: #e20e17;
}
nav .menu > li.current-menu-item .sub-menu,
nav .menu > li.current-page-parent .sub-menu {
    /* height: 49px;
    padding: 15px 120px; */
}
nav .menu > li.careers:before {
	position: absolute;
	top: 48px;
	content: 'Join us!';
	font-family:  "ITC Eras Medium";
	font-weight: bold;
}
nav .menu > li.careers:hover:before {
	/* color: #e20e17; */
}
nav .menu > li.contact {
	padding-bottom: 0;
}
nav .menu > li.contact > a {
	padding-bottom: 0;
}
nav .menu > li.contact .button {
	width: 150px;
}
nav .menu > li.current-menu-item.contact .button {
	border: 1px solid #e20e17;
	background: transparent;
	pointer-events: none; 
}
nav .menu > li.current-menu-item.contact .button .value {
	color: #e20e17;
}
nav .menu > li.current-menu-item.contact .button .arrow {
	background: url('../img/arrow-red.svg') no-repeat center / contain;
}
nav .menu > li.search {
	width: 20px;
    overflow: hidden;
    background: url('../images/loupe-icon.svg') no-repeat center / contain;
    margin-left: 10px;
    padding: 0;
}
nav .menu > li.search.active {
	background: url('../img/close-icon-black.svg') no-repeat center / contain;
}
nav .menu > li.search a {
	color: transparent;
}
nav .menu#menu-main-menu > li.menu-item-has-children > a:after {
	content: '';
	position: relative;
	display: block;
	width: 12px;
	height: 12px;
	background: url('../images/arrow-down.svg') no-repeat center / contain;
	margin-left: 10px;
	transition: all 0.2s ease-in-out;
}
nav .menu li.current-menu-item:before {
	color: #e20e17;
}
nav .nav__pagemenu > div {
	padding-bottom: 15px;
}
nav .nav__pagemenu a {
	display: flex;
	align-items: center;
	margin-left: 40px;
	font-size: 13px;
	color: #344150 ;
	transition: all 0.2s ease-in-out;
}
nav .nav__pagemenu a svg {
	width: auto;
	height: 14px;
	margin-top: 2px;
	margin-right: 15px;
}
nav .nav__pagemenu a svg path {
	stroke: #344150 ;
	transition: all 0.2s ease-in-out;
}
nav .nav__pagemenu a.mlops svg {
	margin-top: 0;
	height: 10px;
}
nav .nav__pagemenu a.docs {
	margin-left: auto;
	font-family:  "ITC Eras Medium";
    font-weight: bold;
}
nav .nav__pagemenu a.docs svg path {
	stroke: none !important;
}
nav .nav__pagemenu a.docs:hover svg path {
	fill: #e20e17;
}
nav .nav__pagemenu a.active,
nav .nav__pagemenu a:hover {
	color: #e20e17 !important;
}
nav .nav__pagemenu a.active svg path,
nav .nav__pagemenu a:hover svg path {
	stroke: #e20e17;
}
nav .nav__submenu {
	position: fixed;
    top: 94px;
    left: 0;
	display: block;
	width: 100%;
	height: 0;
	background: #fff;
    /* border-top: 1px solid #eee; */
    z-index: 1;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}
nav .nav__submenu .icon {
	justify-content: center;
	width: 40px;
	height: 30px;
}
nav .nav__submenu img {
	display: block;
}
nav .nav__submenu label {
	padding: 0 20px;
}
nav .nav__submenu a.submenu-item {
	display: flex;
	align-items: center;
	width: 280px;
	height: 88px;
	padding: 25px 20px;
	border: 1px solid transparent;
	border-right: 0;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
	transition: all 0.2s ease-in-out;
}
nav .nav__submenu a.submenu-item:hover {
	border: 1px solid #344150 ;
	border-right: 0;
	box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.2);
}
nav .nav__submenu a.submenu-item:not(.technology) .icon svg path {
	stroke: #ffffff;
	transition: all 0.2s ease-in-out;	
	stroke-width:0.5px;
}
nav .nav__submenu a.submenu-item:not(.technology):hover .icon svg path {
	stroke: #344150 ;
	stroke-width:0.2px;
}
nav .nav__submenu a.submenu-item.technology:hover svg path {
	fill: #81BF97;
}

nav .nav__submenu a.submenu-item .hover {
	position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0;
    height: 100%;
    background: #344150 ;
    overflow: hidden;
    transition: all .2s ease-in-out;
}
nav .nav__submenu a.submenu-item:hover .hover {
	width: 50px;
}
nav .nav__submenu a.submenu-item .hover img {
	margin-left: 2px;
	padding: 15px 0;
}
nav .nav__submenu a.industry,
nav .nav__submenu a.solution {
	width: 300px;
	height: 62px;
	padding: 0 !important;
}
nav .nav__submenu a.solution {
	width: 370px;
}
nav .nav__submenu a.industry .bg-i,
nav .nav__submenu a.solution .bg-i {
	min-width: 100px;
}
nav .menu#menu-main-menu > li.menu-item-has-children:hover {
	padding-bottom: 0;
}
nav .menu#menu-main-menu > li.menu-item-has-children:hover > a {
	border-bottom: 1px solid #e20e17;
    z-index: 10;
    display: flex;
    align-items: center;
    /* color: #e20e17; */
    transition-delay: 0.25s;
}
nav .menu > li.menu-item-has-children:hover a:after {
	transform: rotate(180deg);
}
nav .menu > li.active .nav__submenu,
nav .menu > li.menu-item-has-children:hover .nav__submenu {
	display: block;
	box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.2);
	transition-delay: 0.25s;
}
nav .menu > li.menu-item-has-children:hover .nav__submenu.customers {
	height: 530px;
}
nav .menu > li.menu-item-has-children:hover .nav__submenu.services {
	height: 486px;
}
nav .menu > li.menu-item-has-children:hover .nav__submenu.careers {
	height: 373px;
}
nav .menu > li.menu-item-has-children:hover .nav__submenu.resources {
	height: 373px;
}
nav .menu > li.active .nav__submenu.search {
	height: 373px;
}
nav .nav__submenu.careers a {
	padding: 0;
	padding-right: 20px;
}
nav .nav__submenu.resources a {
	padding: 0;
	padding-right: 20px;
}
nav .nav__content .mobile-menu-button,
nav .nav__content .mobile-menu {
	display: none;
}

/* HEADER */
.page-header {
	min-height: 500px;
	/* background-color: #ccc; */
	overflow: hidden;
}
.page-header.xs {
	height: 235px;
	min-height: 235px;
}
.page-header.s {
	min-height: 365px;
}
.page-header.l {
	min-height: 600px;
}
.page-header.xxs {
	min-height: 36px;
	background-color: transparent;
}
.page-header video {
	position: absolute;
    top: 70%;
    left: 50%;
	width: 100%;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 0;
}
.page-header .page-back {
	position: absolute;
    top: 0;
    left: -54px;
	display: block;
	width: 10px;
	height: 23px;
	background: url('../img/arrow-back.svg') no-repeat center / contain;
	z-index: 1;
}
.page-header .bg-i {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 500px;
}
.page-header .video {
	height: 100%;
}
.page-header.xs .bg-i {
	min-height: 100%;
}
.page-header.s .bg-i {
	min-height: 365px;
}
.page-header.l .bg-i {
	min-height: 600px;
}
.page-header .page-title {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(225,225,225,.8);
	padding: 60px;
	padding-left: 118px;
	padding-bottom: 6px;
	z-index: 1;
}
.page-header .page-title.top {
	bottom: unset;
    top: 0;
    padding-bottom: 60px;
}
.page-header .page-title.page-back-only {
	padding-top: 6px;
}
.page-header .page-title.page-back-only label {
	color: transparent;
}
.page-header .page-title.pt-6 {
	padding-top: 6px;
}
.page-header .certificate {
	position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    padding: 30px 60px 0 60px;
}
.page-header .certificate > div {
	margin-bottom: 10px;
}

/* COMPONENTS */
.cookies-modal {
	background: rgba(0, 0, 0, 0.25);
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
}
.cookies-modal-content {
	position: fixed;
	right: 40px;
	bottom: 40px;
	width: 350px;
	height: auto;
	border: 1px solid #344150  !important;
    box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
    z-index: 9999;
    padding: 50px;
}
.cookies-modal.settings .cookies-modal-content {
	width: 900px;
}
.cookies-modal.settings .button {
	width: 200px;
}
.cookies-modal .cookies-close {
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
	z-index: 2;
}
.cookies-modal h3 {
	min-width: 20px;
}
.cookies-modal a {
	cursor: pointer;
}
.cookies-modal #cookies-advanced {
    font-family:  "ITC Eras Medium", sans-serif;
    font-weight: 300;
    font-size: 12px;
    height: auto;
    text-align: center;
    display: block;
    margin-top: 10px;
}
.cookies-modal #cookies-advanced span {
	color: #aaa;
}
.cookies-modal .switch {
	margin-left: 80px;
}

#hs-eu-cookie-confirmation {
	display: none !important;
}

.switch {
	display: flex;
	align-items: center;
	font-family:  "ITC Eras Medium";
	font-weight: 600;
	font-size: 14px;
	color: #344150 ;
}
.switch .switch-off {
	opacity: 1;
}
.switch.checked .switch-off {
	opacity: 0.3;
}
.switch .switch-on {
	opacity: 0.3;
}
.switch.checked .switch-on {
	opacity: 1;
}


.switch-button {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 26px;
  margin: 0 20px;
}
.switch-button input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  transition: .4s;
  border: 1px solid #ccc;
  border-radius: 34px;
}
.switch-slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: -1px;
  bottom: -1px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
  border: 1px solid red;
}
/* .switch-button input:checked + .switch-slider {
  background-color: #2196F3;
} */
.switch-button input:focus + .switch-slider {
  box-shadow: 0 0 1px #2196F3;
}
.switch-button input:checked + .switch-slider:before {
  transform: translateX(26px);
  border-color: green;
}



.success-story {
	border: 1px solid #838383;
}
.success-story .hover,
.success-story__thumb .hover {
	position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 0;
    height: 100%;
    background: #344150 ;
    padding-bottom: 20px;
    overflow: hidden;
    transition: all .2s ease-in-out;
}
.success-story:hover .hover {
	width: 90px;
}
.success-story__thumb:hover .hover {
	width: 60px;
}
.success-story__thumb img {
	transition: all .2s ease-in-out;
}
.success-story__thumb:hover img {
	opacity: 1;
}
.success-story__thumb h4 {
	min-height: 52px;
}
.more-success-stories {
	display: flex;
    align-items: flex-end;
	max-height: 130px;
	padding: 15px;
    background: rgba(0,0,0,0.8);
    color: #fff !important;
    font-family:  "ITC Eras Medium";
    font-weight: 600;
    line-height: 17px;
    transition: all .2s ease-in-out;
}
.more-success-stories:hover {
	background: #344150 ;
	color: #fff;
}

.related-articles .box-hover:hover {
	background: transparent;
	border-color: #838383 !important;
}
.related-articles .box-hover h5 {
	transition: all 0.2s ease-in-out;
}
.related-articles .box-hover:hover h5 {
	color: #fff;
}
.related-articles .button {
	border: 1px solid #333;
}

.box-hover {
	border: 1px solid transparent;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}
.box-hover p {
	transition: all 0.2s ease-in-out;
}
.box-hover.active,
.box-hover:hover {
	border: 1px solid #344150  !important;
	box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.2);
	background: #fff;
}
.box-hover.no-shadow:hover {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
}
.box-hover:hover p {
	color: #344150 ;
}
.box-hover .icon svg path {
	stroke: #344150 ;
	transition: all 0.2s ease-in-out;
}
.box-hover:hover .icon svg path {
	stroke: #e10e17;
}
.box-hover .bg-i {
	transition: all 0.2s ease-in-out;
}
.box-hover:hover .bg-i {
	background-size: auto 130%;
}
.box-hover:hover .bg-i.horizontal {
	background-size: 130% auto;
}
.box-hover .hover {
	position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 0;
    height: 100%;
    background: #344150 ;
    padding-bottom: 20px;
    overflow: hidden;
    transition: all .2s ease-in-out;
}
.box-hover:hover .hover {
	width: 60px;
}
.box-hover .hover.bottom {
    height: 60px;
    padding: 0;
    align-items: center;
    justify-content: flex-end;
    top: unset;
    bottom: 0;
}
.box-hover:hover .hover.bottom {
	width: 100%;
	padding: 0 20px;
}
.box-hover .hover img {
	margin-left: 5px;
}
.box-hover .opa-50 {
	transition: all .2s ease-in-out;
}
.box-hover:hover .opa-50 {
	opacity: 1;
}
.box-hover label {
	transition: all .2s ease-in-out;
}
.box-hover:hover label {
	color: #344150 ;
}
.dark .box-hover {
	border-color: #333;
}

.video {
	border: 1px solid transparent;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
	transition: all .2s ease-in-out;
	cursor: pointer;
	background-size: auto 115%;
}
.video:hover {
	border: 1px solid #344150 ;
	background-size: auto 130%;
	box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.2);
}
.video .hover {
	position: absolute;
	bottom: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 60px;
	height: 60px;
	background: #344150 ;
	padding: 0 22px;
	transition: all .2s ease-in-out;
	overflow: hidden;
	font-family:  "ITC Eras Medium";
	white-space: nowrap;
	font-size: 14px;
	font-weight: 600;
	z-index: 10;
}
.video.w .hover {
	background: #fff;
}
.video .hover > img {
	height: 20px;
}
.video:hover .hover {
	width: 204px;
}
.video .hover hr.vertical.s {
	min-width: 30px !important;
}

.tabs {}
.tabs .tabs-list {
	z-index: 1;
}
.tabs .tabs-list > div:last-child {
	margin-left: -1px;
}
.tabs .tabs-list a {
	display: flex;
	flex-grow: 1;
	align-items: center;
	padding: 20px;
	width: 100%;
	height: calc(25% + 1px);
	font-family:  "ITC Eras Medium";
	font-weight: 600;
	font-size: 16px;
	color: #fff;
	border: 1px solid rgba(131,131,131,0.3);
	margin-top: -1px;
	transition: all 0.2s ease-in-out;
}
.tabs .tabs-list a:first-child {
	margin-top: 0;
}
.tabs .tabs-list a:last-child {
	height: 25%;
}
.tabs .tabs-list a.active,
.tabs .tabs-list a:hover {
	border-color: #e10e17;
}
.tabs .tab-content {
	min-height: 425px;
	border: 1px solid rgba(131,131,131,0.3);
	margin-left: -2px;
}
.tabs .tab-content > div {
	display: none;
}
.tabs .tab-content > div.active {
	display: block;
}

.news-list {}
.news-list a {
	padding: 10px 20px;
	margin-bottom: 5px;
}

.events-list {}
.events-list a {
	padding: 5px 20px;
	margin-bottom: 5px;
}
.events-list a:last-child {
	margin-bottom: 0;
}
.events-list a h5 {
	min-width: 130px;
}

.case-study {
	width: calc(50% - 15px);
	border: 1px solid transparent;
	transition: all 0.2s ease-in-out;
	margin-top: 30px;
}
.case-study:hover {
	border: 1px solid #344150 ;
}
.case-study .hover {
	position: absolute;
    top: unset;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 0;
    height: 60px;
    background: #344150 ;
    overflow: hidden;
    transition: all .2s ease-in-out;
}
.case-study:hover .hover {
	width: 100%;
	padding: 0 20px;
}

.main-content {
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
}
.side-panel {
	position: sticky;
    top: 115px;
    height: 100%;
    min-height: 400px;
}

.testimonial {}
.testimonial:before {
	content: '';
	position: absolute;
	top: 30px;
	right: 30px;
	display: block;
	width: 30px;
	height: 30px;
	background: url('../img/quote-mark-icon.svg') no-repeat center / contain;
	pointer-events: none;
}
.testimonial .author img {
	width: 46px;
	height: auto;
	border-radius: 100%;
}

.faq {}
.faq .faq-item {
	margin: 5px 0;
}
.faq .faq-item hr,
.faq .faq-item p {
	display: none;
}
.faq .faq-item:first-child {
	margin-top: 0;
}
.faq .faq-item h3 {
	transition: all 0.2s ease-in-out;
}
.faq .faq-item:hover h3 {
	opacity: 1;
}
.faq .line:last-child {
	display: none;
}

.events {}
.event-item {
	margin: 5px 0;
	min-height: 75px;
}

.step {
	display: flex;
	flex-direction: column;
}
.step h4 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.step h4:after {
	content: '';
	display: block;
	align-self: flex-start;
	width: 20px;
	height: 9px;
	margin-top: 10px;
	background: url('../img/arrow-small-red.svg') no-repeat center / contain;
}
.step .bg-i {
	flex: 1;
}

.filters {}
.filters > div {
	padding: 10px 25px;
}
.filters > div h5 {
	color: #838383;
}
.filters .box-hover.active {
	border-color: #e20e17 !important;
    color: #344150 ;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
	background: transparent;
}
.filters .box-hover.active:hover {
	box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.2);
	background: #fff;
}
.filters .box-hover.active h5 {
	color: #344150 ;
}

.slider {
	display: flex;
	overflow: hidden;
}
.slider > :not(.slider-nav):not(.modal) {
	display: block;
	min-width: 100%;
}
.slider > :nth-child(1) {
	margin-left: 0;
	transition: all 0.5s ease-in-out;
}
.slider .slider-nav {
	position: absolute;
	bottom: 0;
	right: 0;
	display: flex;
	background: #fff;
	padding: 10px 0;
	z-index: 5;
}
.slider .slider-nav > div {
	width: 40px;
	height: 30px;
	background:  url('../images/arrow-big-black.svg') no-repeat center / contain;
	color: transparent;
	cursor: pointer;
}
.slider .slider-nav > div#prev {
	transform: rotate(180deg);
}

.filter-select {
	display: flex;
	align-items: center;
}
.filter-select .filter-select-selected {
	display: flex;
	align-items: center;
	cursor: pointer;
	min-height: 42px;
}
.filter-select .filter-select-selected:after {
	content: '';
    position: relative;
    display: block;
    width: 22px;
    height: 12px;
    background: url(../img/arrow-down.svg) no-repeat center / contain;
    margin-left: 10px;
    transition: all 0.2s ease-in-out;
    left: 10px;
}
.filter-select .filter-select-selected.opened:after {
	transform: rotate(180deg);
}
.filter-select .filter-select-list {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	background: #fff;
	/* padding: 25px; */
    border: 1px solid #bbb;
	z-index: 25;
	border: 1px solid #344150  !important;
    box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
}
.filters .filter-select .filter-select-list {
	border-color: #344150  !important;
	background: #fff;
}
.filter-select .filter-select-list > div {
	white-space: nowrap;
	cursor: pointer;
	border-bottom: 1px solid #ccc;
    padding: 10px 20px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-in-out;
    border-top: 1px solid transparent;
    margin-top: -1px;
}
.filter-select .filter-select-list > div:hover {
	border-color: #344150 ;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.filter-select .filter-select-list > div:last-child {
	border-bottom: 0;
}
.filter-select .filter-select-list > div h5 {
	font-family:  "ITC Eras Medium";
	font-weight: 600;
	font-size: 17px;
	color: #838383;
}
.filter-select .filter-select-list > div.active h5 {
	color: #344150 ;
}
/* .filter-select:hover .filter-select-list {
	display: block !important;
} */

.section-pagination {}
.section-pagination .pagination-nav {
	display: flex;
	justify-content: flex-end;
}
.section-pagination .pagination-nav ul {
	display: flex;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.section-pagination .pagination-nav ul li {
	font-family:  "ITC Eras Medium";
	font-size: 17px;
	line-height: 127%;
	padding: 17px 19px;
    cursor: pointer;
    color: #838383;
    border: 1px solid transparent;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
    margin-left: 5px;
    transition: all 0.2s ease-in-out;
}
.section-pagination .pagination-nav ul li:hover {
	background: #fff;
	border-color: #344150 ;
	color: #344150 ;
	box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.2);
}
.section-pagination .pagination-nav ul li.selected {
	border-color: #e20e17;
	color: #344150 ;
}
.section-pagination .pagination-nav ul li.inactive {
	display: none;
}
.section-pagination .pagination-nav ul li.empty {
	pointer-events: none;
}

.leader {}
.leader:hover {
	background: #344150 ;
}
.leader:hover svg path {
	fill: #fff;
}

.subscription {
	position: absolute;
    top: 0;
    right: 0;
	width: 60px;
	height: 400px;
    padding-top: 80px;
	background: #344150 ;
	transition: all 0.2s ease-in-out;
	overflow: hidden;
	cursor: pointer;
}
.subscription > p {
	position: absolute;
    top: 60px;
    right: -15px;
    transform: rotate(-90deg);
}
.subscription > .arrow {
	position: absolute;
    bottom: 15px;
    right: 24px;
    transform: rotate(-180deg);
    transition: all 0.2s ease-in-out;
}
.subscription form {
	display: none;
}
.subscription > h4 {
	display: none;
}
.subscription.active > h4 {
	display: block;
}
.subscription.active {
	width: 100%;
	padding: 40px;
	min-width: 250px;
}
.subscription.active > p {
	display: none;
}
.subscription.active > .arrow {
	transform: rotate(0deg);
}
.subscription.active form {
	display: block;
}
.subscription .toggle {
	width: 60px;
	height: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
}
.subscription.active .toggle {
	height: 65px;
}
.subscription form input {
	background: transparent;
	border-bottom: 1px solid #929292;
	font-family:  "ITC Eras Medium", sans-serif;
	color: #fff;
}
.subscription form input::placeholder {
	font-size: 16px;
	color: #929292;
}

.modal {
	background: #344150 ;
	z-index: 999;
	padding: 80px;
	/* padding-top: 115px; */
}
.modal .container {
	max-width: 1440px;
}
.modal video {
	width: 100%;
	height: auto;
	outline: none;
	max-width: 1200px;
	margin: 0 auto;
	display: block;
	max-height: calc(100vh - 200px);
}
.modal .modal-close {
	position: absolute;
    top: 20px;
    right: 0;
    cursor: pointer;
    z-index: 10;
}

.addresses .box-hover {
	width: 215px;
	border-color: transparent;
}
.addresses .box-hover .map-marker {
	position: absolute;
    bottom: 15px;
    right: 15px;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.addresses .box-hover:hover .map-marker {
	opacity: 1;
}

.table {}
.table .dot {
	top: 4px;
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1px solid #344150 ;
	border-radius: 100%;
}
.table .dot.null {
	background: transparent;
}
.table thead tr th {
	font-family:  "ITC Eras Medium";
	font-weight: normal;
	font-size: 20px;
	border-top: 0;
	border-bottom: 1px solid #344150 ;
}
.table tbody tr th {
	font-family:  "ITC Eras Medium";
	font-weight: normal;
	font-size: 17px;
}
.table tbody tr th {
	vertical-align: middle;
	border-bottom: 1px solid #dcdcdc;
	padding-left: 0;
}
.table tbody tr th .tab {
	padding-left: 20%;
}
.table tbody tr td {
	vertical-align: middle;
	border-left: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

.checkbox-wrapper {
	display: block;
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	user-select: none;
}
.checkbox-wrapper input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0 !important;
}
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	border: 1px solid #bcbcbc;
}
.checkbox-wrapper input ~ .checkmark {}
.checkbox-wrapper input.error ~ .checkmark {
	border-color: #e20e17;
}
.checkbox-wrapper input:checked ~ .checkmark {}
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.checkbox-wrapper input:checked ~ .checkmark:after {
	display: block;
}
.checkbox-wrapper .checkmark:after {
	top: -1px;
    right: -4px;
    width: 15px;
    height: 15px;
	background: url('../img/checkbox-icon.svg') no-repeat center / contain;
}

/* PAGES */
/* HOME */
.logos .border {
	min-height: 100px;
	border-right: 0 !important;
}
.logos .border:last-child {
	border-right: 1px solid #ccc !important;
}
.logos > div {
	margin-top: -1px;
}
.logos > div:nth-child(1) {
	margin-top: 0;
}

/* PRODUCT AND SERVICES */
.page-product-and-services .icon svg {
	width: auto;
}

/* COMPANY PAGE */
.page-company {}
.page-company .partners {}
.page-company .partners .logo {
	height: 48px;
}
.page-company .partners .logo.logo-l {
	height: 120px;
}
.page-company .investor-relations .count {
	font-family:  "ITC Eras Medium", sans-serif;
    font-weight: bold;
    letter-spacing: -0.05em;
	font-size: 64px;
	display: flex;
}
.page-company .investor-relations .count sup {
	top: 20px;
}

/* SEARCH FORM */
#searchform > div {
	display: flex;
}
#searchform .screen-reader-text {
	display: none;
}

/* SEARCH RESULTS */
.page-search-results .search-excerpt {
	color: #e20e17;
}
.page-search-results .post-type {
	position: absolute;
    top: -45px;
    left: 0;
    background: #f6f6f6;
    padding-right: 40px;
}

/* WEBINARS */
.page-webinars {}
.page-webinars .webinars-list {}

.page-webinars .webinar-post__thumb {
    width: calc(33.33333% - 20px);
    margin-top: 30px;
}
.page-webinars .webinar-post__thumb:nth-of-type(-n+3) {
    margin-top: 0;
}
.page-webinars .webinar-post__thumb:nth-of-type(3n) + hr {
    display: none;
}
.page-webinars .webinar-post__thumb strong {
	font-size: 13px;
}
.page-webinars .webinar-post__thumb .hover {
	top: 100%;
	left: -1px;
    bottom: unset;
    justify-content: center;
    width: calc(100% + 2px) !important;
    height: 0;
    padding: 0 20px;
}
.page-webinars .webinar-post__thumb:hover .hover {
	height: 60px;
	z-index: 1;
}
.page-webinars .webinar-post__thumb .hover label {
	font-family:  "ITC Eras Medium";
    font-weight: 600;
}

.page-webinars .experts-list {}
.page-webinars .experts-list .expert {
	width: calc(50% - 40px);
	margin-top: 80px;
}
.page-webinars .experts-list .expert:nth-of-type(-n+2) {
	margin-top: 0;
}
.page-webinars .experts-list .expert:nth-of-type(2n) + hr {
    display: none;
}
.page-webinars .experts-list .expert > img {
	width: 90px;
}

.post-webinar p {
	color: #344150 ;
}
.post-webinar form span.error.show {
	position: relative;
	left: 0;
	top: 6px;
	transition: none;
}
.post-webinar .related-resources .webinar-post__thumb p,
.post-webinar .related-resources .webinar-post__thumb strong {
	color: #fff;
}
.post-webinar .related-resources .webinar-post__thumb:hover p,
.post-webinar .related-resources .webinar-post__thumb:hover strong {
	color: #344150 ;
}

/* AUTOMOTIVE */
.page-automotive {}
.page-automotive .automotive-benefits {}
.page-automotive .automotive-benefits .automotive-benefits-tabs .tabs {
	display: none !important;
}
.page-automotive .automotive-benefits .automotive-benefits-tabs .tabs.active {
	display: flex !important;
}
.page-automotive .automotive-benefits .automotive-benefits-tabs .tabs .tab-content {
	min-height: 500px;
}

.page-automotive .automotive-benefits .box-hover.active:not(:hover) {
	border-color: #e20e17 !important;
    background: transparent;
    box-shadow: none;
}
.page-automotive .automotive-graph .car-model {
	position: absolute;
	bottom: -17px;
	left: 50%;
	transform: translateX(-50%);
	pointer-events: none;
}
.page-automotive .automotive-graph .car-model img {
	display: block;
	width: 650px;
}
.page-automotive .automotive-graph .line {
	min-width: 1px;
    height: 470px;
    margin-bottom: auto;
    margin-top: -40px;
}

/* CAREERS */
.jobs-list:after {
	content: '';
    flex: auto;
}
.jobs-list .job-offer {
	display: flex;
	flex-direction: column;
    width: calc(20% - 30px);
    padding: 20px;
    padding-bottom: 0;
    border: 1px solid #e4e4e4;
    margin-bottom: 30px;
}
.jobs-list .job-offer:hover {
	border: 1px solid #344150  !important;
	z-index: 10;
}
.jobs-list .job-offer .locations {
	margin-top: auto;
}
.jobs-list .job-offer .job-apply {
	display: flex;
	background: url('../img/job-apply-bg.png') no-repeat left center, linear-gradient(to right, #212042 28%, #f4f4f4 28%);
	background-size: auto 70px;
    height: 0;
    font-family:  "ITC Eras Medium";
	font-weight: 600;
	font-size: 16px;
	color: #fff;
	border: 0;
    width: calc(100% + 2px);
    left: 19px;
    transition: all 0.2s ease-in-out;
    overflow: hidden;
    position: absolute;
    top: 100%;
    z-index: 5;
}
.jobs-list .job-offer .job-apply .w-75 {
	background: #344150 ;
}
.jobs-list .job-offer:hover .job-apply {
	display: flex;
	height: 70px;
	box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.2);
	border: 1px solid #344150 ;
    border-top: 0;
}

.post-career .main-content p {
	color: #344150 ;
}
.post-career ul.list li:last-child {
	display: none;
}
.post-career .other-openings .button {
	border: 1px solid #333;
}
.post-career .benefits:after {
	content: '';
	flex: auto;
}

/* NEWS */
.post-news {}
.post-news .main-content .container {
	padding: 0 100px;
}
.post-news .main-content .date {
	font-size: 15px;
}
.post-news .main-content .date label {
	font-size: 15px;
	margin-left: 5px;
}
.post-news .main-content .author {}
.post-news .main-content .author img {
	width: 46px;
	height: auto;
	border-radius: 100%;
}
.post-news .main-content .author label {
	margin-right: 5px;
}
.post-news .main-content .author a {
	color: #344150 ;
}
.post-news .main-content h1 {
	margin-bottom: 80px;
}
.post-news .main-content h4 {
	margin-bottom: 40px;
}
.post-news .main-content h3 {
	margin-top: 80px;
	margin-bottom: 30px;
}
.post-news .main-content p {
	color: #344150 ;
}

/* BLOG */
.page-blog {}
.page-blog .blog-post__thumb.w-20 {
	width: calc(20% - 24px);
	margin-bottom: 30px;
}
.page-blog .blog-post__thumb.half {
	width: calc(50% - 15px);
	margin-bottom: 30px;
}
.page-blog .blog-post__thumb.half:nth-of-type(2n + 1) + hr {
	display: none;
}
.page-blog .blog-post__thumb:nth-of-type(5n) + hr {
	display: none;
}

.post-blog {}
.post-blog .main-content .container {
	padding: 0 120px;
	padding-right: 180px;
}
.post-blog .main-content .container section .blog-content :first-child {
	margin-top: 0 !important;
}
.post-blog .date {
	font-size: 15px;
}
.post-blog .main-content iframe {
	/* max-width: 100%;
	height: auto; */
}
.post-blog .main-content .date label {
	font-size: 15px;
	margin-left: 5px;
}
.post-blog .main-content .author {
	margin-right: 30px;
}
.post-blog .main-content .author img {
	width: 46px;
	height: auto;
	border-radius: 100%;
}
.post-blog .main-content .author label {
	margin-right: 5px;
}
.post-blog .main-content .author a {
	color: #344150 ;
}
.post-blog .main-content h1 {
	margin-top: 80px;
	margin-bottom: 40px;
}
.post-blog .main-content h2 {
	margin-top: 50px;
	margin-bottom: 30px;
}
.post-blog .main-content h4 {
	margin-top: 80px;
	margin-bottom: 30px;
}
.post-blog .main-content h3 {
	margin-top: 80px;
	margin-bottom: 30px;
}
.post-blog .main-content p {
	color: #344150 ;
	margin-bottom: 20px;
	font-size: 17px;
    line-height: 1.6;
}
.post-blog .main-content p:last-child {
	margin-bottom: 0;
}
.post-blog table thead tr th {
	border-bottom: 1px solid #e10e17 !important;
}
.post-blog table th,
.post-blog table td {
	padding: 5px 10px 3px 10px;
}
.post-blog .main-content .syntaxhighlighter {
	padding: 20px 0;
	margin: 40px 0 !important;
}
.post-blog .main-content .syntaxhighlighter table td.gutter .line {
	color: #bbb;
}
.post-blog .main-content .syntaxhighlighter .gutter .line {
    border-color: #dedede !important;
}
.post-blog figure {
	margin: 40px 0;
}
.post-blog figure figcaption {
	font-size: 10px;
	color: #333;
}
.post-blog .main-content ul {
	display: flex;
	flex-direction: column;
	list-style-type: none;
	margin: 40px 0;
	padding: 0;
}
.post-blog .main-content ul li {
	padding-left: 30px;
	padding-bottom: 10px;
}
.post-blog .main-content ul li a {
	display: inline-block;
	width: 100%;
	margin-left: -30px;
	padding: 10px 20px;
	background: #fff;
	border: 1px solid #ccc;
	color: #344150 ;
	transition: all 0.2s ease-in-out;
	box-shadow:  0 0 0 0 rgba(0, 0, 0, 0.2);
	word-break: break-word;
}
.post-blog .main-content ul li a:hover {
	border-color: #344150 ;
	box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.2);
}
.post-blog .main-content ul li a:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 0;
	height: 100%;
	background: url('../img/arrow-big.svg') no-repeat center / 10px;
	background-color: #344150 ;
	transition: all 0.2s ease-in-out;
	overflow: hidden;
}
.post-blog .main-content ul li a:hover:after {
	width: 40px;
}
.post-blog .main-content ul li:before {
	position: relative;
	top: -3px;
	content: '';
	display: inline-block;
	align-self: flex-start;
	min-width: 10px;
	height: 2px;
	margin-left: -30px;
	margin-right: 20px;
	background: #f00;
}
.post-blog .main-content ul li ul {
	margin-bottom: 0;
	padding-top: 10px;
}
.post-blog .main-content ol {
	list-style: none;
	counter-reset: custom-style;
	padding: 0;
	margin: 40px 0;
}
.post-blog .main-content ol li {
	counter-increment: custom-style;
}
.post-blog .main-content ol li:before {
	content: counter(custom-style) ". ";
	color: #f00;
	font-family:  "ITC Eras Medium";
	font-weight: 600;
	min-width: 20px;
	display: inline-block;
	margin-right: 10px;
}
.post-blog .main-content .tags > a {
	margin-right: 20px;
	font-size: 13px;
	color: #ff900e;
	margin-top: 30px;
}
.post-blog .share {}
.post-blog .share svg {
	height: 25px;
	fill: #344150 ;
}

/* BLOG SUBSCRIPTION SECTION */
.blog-subscription h2,
.blog-subscription h5 {
	color: #fff;
}
.blog-subscription input {
	background: transparent;
}
.blog-subscription button {
	margin-left: auto;
}

/* RESOURCES */
.page-resources .resource-post__thumb {
	width: calc(25% - 23px) !important;
	margin-top: 23px;	
}
.page-resources .resource-post__thumb:nth-of-type(-n+4) {
	margin-top: 0;
}
.page-resources .resource-post__thumb:nth-of-type(4n) + hr {
    display: none;
}
.page-resources .resource-post__thumb > div.p-20 {
	padding: 30px 20px 35px 20px;
}
.page-resources .modal .container {
	height: 100%;
}
.page-resources .modal section {
	display: flex;
    justify-content: center;
    height: 100%;
}
.page-resources .modal iframe {
	width: 100%;
    height: 100%;
}
.page-resources .ebooks {}
.page-resources .ebooks a {
	padding: 20px 40px;
}
.page-resources .ebooks a .hover {
	width: 100%;
	height: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family:  "ITC Eras Medium";
    white-space: nowrap;
    font-size: 14px;
	font-weight: 600;
	top: unset;
	bottom: 0;
}
.page-resources .ebooks a:hover .hover {
	height: 60px;
}
.page-resources .ebooks .slider-nav {
	display: none;
}

.post-ebook .ebook-post__thumb img {
	height: 200px;
}
.post-ebook .dark .ebook-post__thumb:hover p {
	color: #838383 !important;
}

/* VIDEO LIBRARY */
.post-video-library iframe {
	width: 100%;
	height: auto;
	min-height: 500px;
}

/* AUTHOR */
.post-author {}
.post-author .author {
	width: 135px;
	height: auto;
	border-radius: 100%;
}
.post-author p {
	color: #344150 ;
}

/* CASE STUDY */
.post-case-study {}
.post-case-study ul.list li:last-child {
	display: none;
}
.post-case-study .case-study-tiles {}
.post-case-study .case-study-tiles .tile {
	width: calc(50% - 40px);
}
.post-case-study .case-study-tiles .tile:nth-last-child(1):nth-child(odd) hr.m,
.post-case-study .case-study-tiles .tile:nth-last-child(2):nth-child(odd) hr.m,
.post-case-study .case-study-tiles .tile:nth-last-child(1):nth-child(even) hr.m {
	display: none;
}
.post-case-study .key-impacts {}
.post-case-study .key-impacts svg {
	width: auto;
	height: 28px;
}
.post-case-study .key-impacts svg path {
	stroke: #344150 ;
	transition: all 0.2s ease-in-out;
}
.post-case-study .key-impacts a:hover svg path {
	stroke: #e20e17;
}
.post-case-study .case-study-content p,
.post-case-study .case-study-content ul,
.post-case-study .case-study-content ol {
	font-size: 17px;
	line-height: 1.6;
}

/* POLICY */
.page.policy {}
.page.policy a {
	color: #e20e17;
	word-break: break-word;
}
.page.policy ul.list li {
	display: block;
	padding-left: 30px;
}
.page.policy ul.list li:before {
	width: 10px;
	display: block;
	float: left;
    margin-left: -30px;
}

/* MEET US */
.page-meet-us {}
.page-meet-us .values {}
.page-meet-us .values .value {
 	display: none !important;
}
.page-meet-us .values .value.active {
	display: flex !important;
}
.page-meet-us .values .value .video {
	position: absolute;
    top: 0;
    right: 0;
	width: auto;
    height: 60px;
    border: 0;
    z-index: 10;
}
.page-meet-us .values-nav > div {
	font-family:  "ITC Eras Medium";
	font-weight: 600;
	font-size: 16px;
	line-height: 19px;
	border: 1px solid transparent;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}
.page-meet-us .values-nav > div * {
	transition: all 0.2s ease-in-out;
}
.page-meet-us .values-nav > div.active {
	border-color: #e20e17 !important;
    background: transparent;
    box-shadow: none;
}
.page-meet-us .values-nav > div.active:hover {
	background: #fff;
	box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.2);
}
.page-meet-us .testimonials {
	border: 1px solid #ccc;
}
.page-meet-us .testimonials .testimonial {}

/* CONTACT */
.dark .box-hover .fc-w {
	transition: all 0.2s ease-in-out;
}
.dark .box-hover:hover .fc-w {
	color: #344150  !important;  
}

/* AI/CLOUD SERVICES */
.page-ai-services .services .service,
.page-cloud-services .services .service {
	margin-top: 30px;
	font-size: 15px;
	opacity: 0.5;
}
.page-ai-services .services .service svg,
.page-cloud-services .services .service svg {
	width: auto;
	height: 18px;
	margin-right: 20px;
}
.page-ai-services .services .service svg path,
.page-cloud-services .services .service svg path {
	stroke: #344150 ;
}
.page-ai-services .tabs .tabs-list a {
	height: calc(33.33333% + 1px);
}
.page-ai-services .tabs .tabs-list a:last-child {
	height: 33.33333%;
}
.page-ai-services .tabs .tab-content {
	min-height: 473px;
}

.page-cloud-services .tabs .tabs-list a {
	height: calc(20% + 1px);
}
.page-cloud-services .tabs .tabs-list a:last-child {
    height: 20%;
}
.page-cloud-services .tabs .tab-content {
	min-height: 449px;
}

/* CLOUDBOOSTR */
.page-cloudboostr .releases-list a h5 {
	min-width: 95px;
	margin-right: 100px;
}

/* RELEASES */
.page-releases .releases .release-item > div:nth-child(1) {
	cursor: pointer;
}
.page-releases .releases .release-item > div:nth-child(1):after {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 100%;
	background: url(../img/arrow-down.svg) no-repeat center / contain;
	content: '';
	transition: all 0.2s ease-in-out;
}
.page-releases .releases .release-item > div.opened:nth-child(1):after {
	transform: rotate(180deg);
}
.page-releases .releases .release-item > div:nth-child(2) {
	display: none !important;
}
.page-releases .releases .release-item > div:nth-child(2).opened {
	display: flex !important;
}

/* VIN RECOGNItiON */
.page-vin-recognition .vin-perks {}
.page-vin-recognition .vin-perks > div {
	width: 25%;
	border-right-width: 0 !important;
	padding-left: 30px;
}
.page-vin-recognition .vin-perks > div:last-child {
	border-right-width: 1px !important;
}
.page-vin-recognition .sub-price {
	white-space: nowrap;
	align-self: flex-start;
    margin-top: 12px;
}
.page-vin-recognition .sub-price span {
	font-family:  "ITC Eras Medium", sans-serif;
	font-weight: 700;
    font-size: 30px;
    letter-spacing: -1px;
}
.page-vin-recognition .stripe-checkout {
	font-family:  "ITC Eras Medium", sans-serif;
	font-size: 12px;
    font-weight: 600;
    padding: 5px 10px;
}
.page-vin-recognition .stripe-checkout img.stripe {
	height: 16px;
    top: 1px;
}

.page-vin-recognition .enterprise a {
	font-family:  "ITC Eras Medium";
    font-weight: bold;
	margin-left: 10px;
}
.page-vin-recognition .enterprise a:hover {
	color: #344150 ;
}

/* FORM */
form input,
form textarea {
	font-family:  "ITC Eras Medium";
	width: 100%;
    border: 0;
    border: 1px solid #ccc;
    color: #344150 ;
    outline: none;
    padding-bottom: 5px;
    background: transparent;
    border-radius: 5px;
}
form textarea {
	min-height: 120px;
}
form select {
	width: 100%;
	border: 1px solid #ccc;
    padding: 10px 5px;
	color: #344150 ;
    outline: none;
}
form input::placeholder {
	font-size: 17px;
	color: #ccc;
}
form input[type="checkbox"] {
	width: 20px;
    margin-right: 15px;
    margin-top: 2px;
}
form input[type="checkbox"] + span {
	line-height: 120%;
}
form label {
	height: fit-content;
	font-size: 11px;
}
form .clause {
	font-size: 9px;
}
form .clause a {
	color: #e10e17;
}
form input.error,
form textarea.error {
	border-color: #e20e17;
}
form span.error {
	position: absolute;
    top: 0;
    left: calc(100% - 9px);
    color: #838383;
    font-size: 13px;
    line-height: 13px;
    white-space: nowrap;
    /* background: url(../img/error-icon.svg) no-repeat left center; */
    padding-left: 25px;
    display: flex;
    align-items: center;
    height: 100%;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
form input[required] + span.error,
form textarea[required] + span.error {
	opacity: 1;
}
form input[required] + span.error:after,
form textarea[required] + span.error:after {
	background: #838383;
}
form input[required] + span.error.show:after,
form textarea[required] + span.error.show:after {
	background: #e20e17;
}
form span.error.checkbox {
	left: 0;
	position: relative;
	margin-top: 10px;
}
form span.error.show {
	opacity: 1;
}
form span.error:after {
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background: #e20e17;
	position: absolute;
	left: 0;
}

form.automotive span.error {
	transition: none;
}
form.automotive input[required].error + span.error, form.automotive textarea[required].error + span.error {
	position: relative;
    left: 0;
    margin-top: 5px;
}

/* FOOTER */
.footer {
	font-size: 13px;
}
.footer .columns > div {
	display: flex;
	flex-direction: column;
}
.footer .list > a:first-child,
.footer .list > div:first-child {
	margin-top: 0 !important;
}
.footer .list a {
	color: #b9b9b9 !important;
	margin-top: 15px;
}
.footer .list div:not(.d-flex) {
	color: rgba(182,182,182,0.5); 	
	margin-top: 15px;
}
.footer .list .sublist {
	display: flex;
	flex-direction: column;
	margin-top: 6px;
}
.footer .list .sublist a,
.footer .list .sublist div {
	margin-top: 7px;
}
.footer .list .sublist a {
	color: #b9b9b9 !important;
}
.footer .contact {
	font-size: 16px;
}
.footer .contact h5 {
	color: #838383;
}
.footer .contact a:hover {
	color: #fff !important;
}
.footer .copyright * {
	color: #838383 !important;
}
.footer .socials a {
	margin-right: 15px;
	font-size: 20px;
}
.footer .socials a:last-child {
	margin-right: 0;
}
.footer .socials a img {
	height: 16px;
}















/* ANIMATIONS */
@keyframes gradAnim {
  0%   {
  	width: 700px;
	height: 1140px;
    opacity: 0.3;
  }
  50%  {
  	width: 1440px;
    height: 1800px;
    opacity: 0.8;
  }
  100% {
  	width: 700px;
	height: 1140px;
    opacity: 0.3;
  }
}
.blur {
	filter: blur(4px);
	overflow: hidden;
}
.blur.in-view {
	filter: blur(0);
}

header.page-header .page-title {
	transform: translateX(-20%);
	transition: all 0.5s ease-in-out;
	will-change: transform;
}
header.page-header .page-title.slideLeftAnim {
	transform: translateX(0%);
}
header.page-header .page-title h1 {
	opacity: 0;
	transition: all 0.5s ease-in-out;
	will-change: transform;
}
header.page-header .page-title h1.opacityAnim {
	opacity: 1;
}
header.page-header video {
	transform: translateX(-65%) translateY(-50%);
	transition: all 0.5s ease-in-out;
	will-change: transform;
}
header.page-header video.slideLeftAnim {
	transform: translateX(-50%) translateY(-50%);
}
header.page-header .bg-i {
	transform: translateX(-10%);
	transition: all 0.5s ease-out;
}
div.page-header .bg-i {
	background-size: auto 130%;
}
.page-header .bg-i.slideLeftAnim {
	transform: translateX(0%);
}
.page-header .bg-i .boxAnim {
	width: 20%;
    height: 100%;
    background: #fff;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.5s ease-out;
    will-change: transform;
}
.page-header .bg-i .boxAnim.widthAnim {
	width: 0;
}
.disableAnim {
	transition: none !important;
}
.bg-i.imgAnim {
	transition: all 0.4s ease-out;
	filter: grayscale(40%);
}
.bg-i.imgAnim.in-view {
	background-size: auto 115%;
	filter: grayscale(0);
}
.box-hover:hover .bg-i.imgAnim.in-view {
	background-size: auto 130%;
}
.bg-i.imgAnim.in-view.horizontal {
	background-size: 115% auto;
}
.box-hover:hover .bg-i.imgAnim.in-view.horizontal {
	background-size: 130% auto;
}
section h2:first-child {
	transform: translateX(-55px);
	opacity: 0;
	transition: all 0.5s ease-in-out;
}
section h2.in-view {
	opacity: 1;
	transform: translateX(0);
}
.icon {}
.page .icon img,
.page .icon svg {
	transform: scale(0);
	transition: all 0.2s ease-in-out;
}
.icon.in-view img,
.icon.in-view svg {
	transform: scale(1);
}

.graphScale {
	transform: scale(0.8);
	transition: all 0.5s ease-out;
}
.graphScale.in-view {
	transform: scale(1);
}
.page-contact h1 {
	transform: translateX(-55px);
	opacity: 0;
	transition: all 0.5s ease-in-out;
}
.page-contact h1.in-view {
	opacity: 1;
	transform: translateX(0);
}

/* GRAPHS ANIMS */
.home-ai,
.home-cloud,
.why-gu-ai,
.why-gu-cloud,
.why-gu-ai-mobile,
.why-gu-cloud-mobile {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 295px;
	background-size: auto 295px;
	margin-left: -3%;
}
.home-ai {
	background: url('../images/ai-home.svg') no-repeat center;
}
.home-cloud {
	background: url('../images/cloud-home.svg') no-repeat center;
	margin-left: 0;
}
.why-gu-ai,
.why-gu-cloud {
	width: unset;
    min-width: 500px;
	height: 400px;
}
.why-gu-ai-mobile,
.why-gu-cloud-mobile {
	width: unset;
    min-width: 250px;
	height: 200px;
}
.why-gu-ai {
	background-size: auto 400px;
	background: url('../img/ai-why.svg') no-repeat center;
	margin-left: 0;
}
.why-gu-ai-mobile {
	background-size: auto 400px;
	background: url('../img/ai-why-mobile.svg') no-repeat center;
}
.why-gu-cloud {
	background-size: auto 400px;
	background: url('../img/cloud-why.svg') no-repeat center;
	margin-left: 0;
}
.why-gu-cloud-mobile {
	background-size: auto 400px;
	background: url('../img/cloud-why-mobile.svg') no-repeat center;
}
.why-gu-details {
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
    max-width: 28% !important;
}
.home-ai .title,
.home-cloud .title,
.why-gu-ai .title,
.why-gu-cloud .title,
.why-gu-ai-mobile .title,
.why-gu-cloud-mobile .title {
	position: absolute;
	font-family:  "ITC Eras Medium", sans-serif;
	font-weight: 700;
	text-align: center;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: -0.02em;
	z-index: 1;
	pointer-events: none;
}
.why-gu-ai-mobile .title,
.why-gu-cloud-mobile .title {
	font-size: 14px;
    line-height: 18px;	
}
.home-ai .title br,
.home-cloud .title br,
.why-gu-ai .title br,
.why-gu-cloud .title br,
.why-gu-ai-mobile .title br,
.why-gu-cloud-mobile .title br {
	display: block !important;
}
.home-ai .circle,
.home-cloud .circle,
.why-gu-ai .circle,
.why-gu-cloud .circle,
.why-gu-ai-mobile .circle,
.why-gu-cloud-mobile .circle {
	height: 58%;
	border-radius: 100%;
	background: #fff;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.16);
	transition: all 0.5 ease-in-out;
	animation: 2s circleAnim infinite;
	transform: scale(1);
}
.why-gu-ai .circle,
.why-gu-cloud .circle {
	height: 56%;
}
.why-gu-ai-mobile .circle,
.why-gu-cloud-mobile .circle {
	height: 56%;
}
.home-ai .circle:hover,
.home-cloud .circle:hover,
.why-gu-ai .circle:hover,
.why-gu-cloud .circle:hover,
.why-gu-ai-mobile .circle:hover,
.why-gu-cloud-mobile .circle:hover {
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.26);
}

@keyframes circleAnim {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}

/* MENU ICON */
.hamburger {
	padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
    background-color: #fff;
}
.hamburger-box {
    width: 30px;
    height: 15px;
    display: inline-block;
    position: relative;
}
.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}
 .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 100%;
    height: 3px;
    background-color: #fff;
    border-radius: 0;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
 .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
}
 .hamburger-inner::before {
    top: -10px;
}
 .hamburger-inner::after {
    bottom: -10px;
}
 .hamburger--slider .hamburger-inner {
    top: 2px;
}
 .hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s;
    display: none;
}
 .hamburger--slider .hamburger-inner::after {
    top: 15px;
}
 .hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}
 .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0;
}
 .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -15px, 0) rotate(-90deg);
}

.hidden-subject-input {
	visibility: hidden;
	width: 0;
	padding: 0;
}

/* HELLO TALENT FORM */
#job-apply-form {
	display: block;
    width: 100%;
    height: 1150px;
    border: none;
    margin-top: 30px;
}

/* SPINNER */
.spinner {
	position: absolute;
    top: -13px;
}
.spinner .loader,
.spinner .loader:before,
.spinner .loader:after {
  border-radius: 50%;
  width: 12px;
  height: 12px;
  animation-fill-mode: both;
  animation: spinner 1.8s infinite ease-in-out;
}
.spinner .loader {
  color: #ffffff;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.spinner .loader:before,
.spinner .loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.spinner .loader:before {
  left: -20px;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinner .loader:after {
  left: 20px;
}
@-webkit-keyframes spinner {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes spinner {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}


.modal-form {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.8);
	z-index: 999;
}
.modal-form.opened {
	display: flex;
}
.modal-form .form {
	padding: 60px 100px;
	background: #fff;
}
.modal-form .form .modal-close {
	position: absolute;
	top: 40px;
	right: 40px;
	cursor: pointer;
}
.modal-form .form .modal-close img {
	height: 20px;
}
.modal-form .form form label {
	margin-bottom: 5px;
}
.modal-form .form form input + span.error.show {
	position: relative;
    left: 0;
    height: auto;
    margin-top: 5px;
}


img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}