.graphite-dark {
    background-color: #333333;
}
header {
	position: absolute!important; 
}
.car-headings {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 140px;
    padding-bottom: 220px;
}
.career h1 {
    font-size: 90px;
    text-align: center;
    padding-bottom: 30px;
}
.career .subheading {
    padding-bottom: 40px;
    font-size: 34px;
}
.career .button {
    cursor: pointer;
    transition: all 0.3s;
}
.career .button:hover {
    color: #333 !important;
}
.career .container {
    position: relative;
}
.career .car-img-1 {
    position: absolute;
    bottom: 80px;
    left: 4%;
    width: 8vw;
    height: auto;
    z-index: 0;
}
.career .car-img-2 {
    position: absolute;
    bottom: 80px;
    right: 5%;
    width: 7vw;
    height: auto;
    z-index: 0;
}
.career .car-photo-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 4%;
    column-gap: 1.6%;
    margin-bottom: 40px;
}
.career .car-photo-grid div img{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    transition: all 0.3s;
    border-radius: 14px;
}
.career .car-photo-grid div img:hover{
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    transform: scale(1.02);
}
.career .car-photo-1 {
    grid-column: 1;
    grid-row: 1 / span 2;
}
.career .car-photo-2 {
    grid-column: 2;
    grid-row: 1;
}
.career .car-photo-3 {
    grid-column: 2;
    grid-row: 2;
}
.career .car-photo-4 {
    grid-column: 3;
    grid-row: 1 / span 2;
}
.career .car-undertext {
    text-align:right;
    font-size:2em;
}
@media (max-width:1200px) {
    .career h1 {
        font-size: 70px;
    }
}
@media (max-width:768px) {
    .career h1 {
        font-size: 60px;
    }
    .career .subheading {
        padding-bottom: 40px;
        font-size: 22px;
    }
    .career .car-photo-grid div img{
        border-radius: 6px;
    }
    .career .car-img-1 {
        position: absolute;
        bottom: 90px;
        left: 2%;
        width: 44px;
        height: auto;
        z-index: 0;
    }
    .career .car-img-2 {
        position: absolute;
        bottom: 30px;
        right: 2%;
        width: 45px;
        height: auto;
        z-index: 0;
    }
    .car-headings {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .career .car-undertext {
    text-align:right;
    font-size:1.2em;
}
}
@media (max-width:480px) {
    .career h1 {
        font-size: 44px;
        padding-bottom: 14px;
    }
}
.section-video {
	padding: 60px 0!important;
}
.ticker .ticker-text {
    color: #515050!important;
}
.ticker .ticker-text svg path {
    fill:#515050!important;
}
.ticker.my .ticker-text svg {
    display:none!important;
}
.ticker .ticker-text img {
    width:1em;
}
.ticker .ticker-text .items-wrap .items .svg {
	width:auto;
}
.ticker.my .ticker-text .items-wrap:nth-child(2) {
	padding-top: 40px; 
}
@media screen and (max-width: 690px){
.ticker.my .marquee {
    animation: 60s linear infinite scroll;
}
.ticker.my .marquee.reverce {
    animation-direction: reverse;
}
.ticker.my .ticker-text .items-wrap:nth-child(2) {
	padding-top: 20px; 
}
}
section.ticker {
	padding:30px 0!important;
}
section.onboarding {
	padding:30px 0 60px;
}
.onboarding-p {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding-bottom: 60px;
}
.onboarding-p p {
    max-width: 500px;
}
.onboarding-flex {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    column-gap: 20px;
}
.onboarding-flex>div {
    width:calc(50% - 20px);
    max-width: 400px;
}
.onboarding-card {
    background-color: #EBEBEB;
    border-radius: 18px;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
}
.onboarding-card a {
    text-decoration:underline;
}
.onboarding-card-title {
    font-size: 1.6em;
    font-weight: 500;
}
.onboarding-card-img {
    height: 130px;
    width: auto;
    margin: 0 0 -40px auto;
    display: block;
}
.onboarding-card-img.second {
    transform: translateX(40px);
}
.onboarding-card-img.absolute{
    position: absolute;
    right: 10px;
    top: 0;
    transform: translateY(-50%);
    width: 130px;
    height:auto
}
.office .onboarding-flex {
	align-items:flex-start;
}
.office .onboarding-card-img.absolute{
    width: 90px;
}
.office .pt-l {
	padding-top:60px;
}
.button-arrow {
	display:flex;
	flex-direction:row;
	column-gap:10px;
	justify-content:center;
	align-items:center;
	padding:30px 0 60px;
	transform:translateX(-180px);
}
@media (max-width:768px) {
    .onboarding-flex {
        flex-direction: column;
		align-items:center!important;
    }
    .onboarding-flex>div {
        width:100%;
    }
	.office .pt-l {
		padding-top:0!important;
	}
    .onboarding-card-img {
        height: 80px;
        width: auto;
        margin: 0 auto -30px 0;
        display: block;
    }
    .onboarding-card-img.absolute{
        transform: translateY(-30%);
        width: 80px;
    }
	.office .onboarding-card-img.absolute{
		width: 70px;
		transform: translateY(-70%);
	}
    .onboarding-card-img.second {
        transform: none;
    }
	.button-arrow {
		justify-content:flex-start;
		padding:30px 0 60px;
		transform:none;
	}
	.onboarding-p {
		padding-bottom: 30px;
	}
	.office .onboarding-p {
		padding-bottom: 90px;
	}
}
.chaos {
	padding: 60px 0 0;
}
.chaos .h1 {
	position:relative;
	z-index:1;
	font-size: 80px;
    text-align: center;
}
.chaos-flex {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: auto;
    margin: auto 0;
    column-gap: 20px;
    transform: translateX(120px);
}
.chaos-flex img {
	margin-top: -100px;
	width:220px;
}
section.section-counter {
	padding-top:0!important;
}
.desctop-svg {
	display:none!important;
}
.section-video .h2 p {
	font-size:1.4em;
}
@media (max-width:1200px) {
    .chaos .h1 {
		font-size: 60px;
	}
	.chaos-flex img {
		margin-top: -60px;
		width: 160px;
	}
}
@media (max-width:768px) {
    .chaos .h1 {
		font-size: 36px;
	}
	.chaos-flex {
		transform:none;
	}
	.section-counter .counter-box {
		margin-top: 0!important;
	}
	section.section-video {
		padding: 60px 0 30px!important;
	}
	.chaos-flex img {
    	margin-top: -70px;
	}
	.section-video .h2 p {
		font-size:1em;
	}
}
header, header .site-header .header-right .main-navigation .menu-menu-1-container,
header .header-right .main-navigation .menu-menu-1-container .menu-item-has-children ul {
	background-color: #333333!important;
}
header .custom-logo path {
	fill:#ffffff;
}
header a, header .lang-switch a {
	color:#ffffff;
}
header .lang-switch span {
	color:#808080;
}
header .menu-toggle span, header .menu-toggle span::before, header .menu-toggle span::after {
	background-color:#fff!important;
}
.button-arrow svg {
	animation: heartbeat 2s infinite ease-out;
}

@keyframes heartbeat {
  0% {
    transform: translateX(0);
  }
  7% {
    transform: translateX(-10px);
  }
  14% {
    transform: translateX(0);
  }
  21% {
    transform: translateX(-10px);
  }
  28% {
    transform: translateX(0);
  }
100% {
    transform: translateX(0);
  }
}

.flying-btn {
	position:fixed;
	bottom:30px;
	right:30px;
	z-index:1000;
	opacity: 0;
	transition: opacity .5s, transform .3s;
}
.flying-btn:hover {
	transform:scale(1.05);
}
#vacancy .slick-track {
	margin-left:0;
}
@media(max-width:728px){
	.flying-btn, .flying-btn svg {width:150px;height: auto;bottom:10px;right:5px;}
}