/* ! menu global */
@media screen and (min-width: 0) and (max-width: 719px) {
	.js-form-type-webform-document-file.form-item-cv .file-upload-js-error {
		top: -75px;
	}
	.footer__left--col ul li {
		float: left;
		width: 100%;
		text-align: left;
	}
	.banner__img--text {
		width: 100%;
	}

	.footer__left--col ul li a {
		font-weight: 300;
		font-size: 17px;
	}

	/* ! global */
	.container {
		width: 90%;
	}

	.cluser__box--icn .cls-1 {
		fill: none;
		stroke: #2a3b4a;
	}

	/* header */
	.homepageLogo .header__logo {
		width: 175px;
		height: 60px;
		margin-top: 10px;
	}
	.homepageLogo .header__logo a {
		width: 175px;
		height: 60px;
	}

	/* new cluster */
	.banner__fullscreen--mob {
		display: none;
	}
	#Bot__content {
		width: 100%;
		position: inherit;
		top: inherit;
		height: auto;
		float: left;
	}

	.Banner__fullscreen--video {
		margin-bottom: 0px;
		position: relative;
		height: auto;
	}

	#fullscreen__video {
		float: left;
		width: 100%;
		display: block;
		position: inherit;
		z-index: auto;
	}

	.Banner__fullscreen--video .container__position {
		position: absolute;
		height: auto;
		left: 15px;
		top: inherit;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		bottom: -15px;
	}

	.Banner__btn {
		bottom: 20px;
		font-size: 12px;
	}

	.banner__cluster--logo {
		width: 55px;
		height: 55px;
		margin: 0 auto;
		margin-bottom: 10px;
	}

	.main__scroll__overlay {
		display: none;
	}

	.main__scroll {
		background: transparent;
	}

	/* homepage */
	.modal__container {
		min-width: 380px;
		padding: 20px 30px;
	}

	.modal__title {
		font-size: 20px;
	}

	.modal .contact__form {
		margin: 15px 0px 0px;
	}

	.modal .contact__form .col__6 {
		margin-bottom: 10px;
	}

	.modal .contact__form input[type="text"],
	.modal .contact__form input[type="email"],
	.modal .contact__form input[type="tel"],
	.modal .contact__form select {
		height: 35px;
	}

	.modal .col__12 {
		margin-bottom: 15px;
	}

	.modal .contact__form input[type="submit"] {
		padding: 8px 18px;
	}

	.talent__block .container,
	.bricks__layer .container {
		width: 100%;
	}

	.btn {
		font-size: 13px;
		line-height: 13px;
		padding: 13px 10px;
	}

	.intro__dark--btn .btn {
		margin-bottom: 10px;
	}

	/* .banner__fullscreen--mob {
        position: fixed;
        width: 100%;
        height: 100vh;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .banner__fullscreen--mob::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.3);
        width: 100%;
        height: 100%;
    } */

	/* .Banner__video--btn {
        left: 15px;
    }

    .Banner__btn {
        bottom: 15%;
    } */

	.Banner__scroll {
		right: -15px;
	}

	.Banner__inner--video {
		height: auto;
	}

	.Banner__inner--video::before {
		height: 97%;
	}

	/* ! footer */
	.footer,
	.footer__top {
		height: auto;
	}

	.footer__logo {
		width: 133px;
		float: none;
		margin: 0 auto;
	}

	.footer__nav {
		float: left;
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

	.footer__left--title {
		float: none;
		width: 80%;
	}

	.footer__left--col {
		width: 32.3333%;
		float: none;
		margin-right: -4px;
		display: inline-block;
		vertical-align: top;
	}

	.footer__left--title a {
		font-size: 14px;
		line-height: 14px;
	}

	.footer__right--nav ul {
		text-align: center;
	}

	.footer__right--nav li {
		display: inline-block;
		padding-bottom: 10px;
		margin-left: 0;
		vertical-align: top;
		margin: 5px 12px;
	}

	.footer__right--nav li a {
		font-weight: 300;
		font-size: 13px;
	}

	.footer__right--social ul {
		text-align: center;
	}

	.footer__right--text {
		text-align: center;
		font-size: 15px;
		line-height: 17px;
	}

	.footer__bot {
		text-align: center;
	}

	.footer__icon {
		width: 14px;
		height: 17px;
	}

	/* ! cluster */
	.cluster__box {
		width: 100%;
		float: left;
		height: 33.3333%;
		position: relative;
		overflow: hidden;
		border-bottom: 1px solid #2a3b4a;
	}

	.cluster__box:last-child {
		border: none;
	}

	/* .cluster__box--overlay{
        display: none;
    } */

	.cluster__box--overlay {
		background: rgba(255, 255, 255, 0.5);
	}

	.cluster__img--overlay {
		background: rgba(255, 255, 255, 0.5);
	}

	.cluster__box--img {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 0px -34px;
		height: 100%;
	}

	.cluser__box--icn {
		width: 17px;
		height: 17px;
	}

	.cluster__box--img img,
	.cluster__box--text,
	.cluster__box:nth-child(2)::before,
	.cluster__box:nth-child(2)::after {
		display: none;
	}

	.cluster__box .cluster__box--btn {
		display: block;
		position: absolute;
		bottom: 0px;
		right: 0;
		opacity: 1;
		transform: none;
		z-index: 1;
	}

	.cluster__box--btn a {
		font-size: 0px;
		border: none;
		height: 50px;
		line-height: 0;
		display: inline-block;
		background: url(../../assets/images/icons/arrow--right.png) center center
			no-repeat;
		width: 35px;
		height: 18px;
		background-size: 100%;
		position: absolute;
		right: 15px;
		bottom: 25px;
	}

	.cluster__box--desc {
		width: 100%;
		height: auto;
		text-align: left;
		padding: 0px 15px;
		color: #2a3b4a;
	}

	.cluster__box--title {
		font-weight: 300;
		font-size: 20px;
		line-height: 20px;
		margin-bottom: 40px;
	}

	.cluster__box--title::after {
		left: 4px;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		bottom: -17px;
		background: #2a3b4a;
	}

	.cluster__box--list ul li {
		margin-bottom: 10px;
	}

	.cluster__box--list {
		font-weight: 400;
		font-size: 16px;
		text-transform: uppercase;
		margin-bottom: 10px;
	}

	/* .cluster__box--desc::before {
        content: "";
        background: url('../../assets/images/icons/arrow--right.png')center center no-repeat;
        width: 35px;
        height: 18px;
        background-size: 100%;
        position: absolute;
        right: 15px;
        bottom: 0px;
    } */

	.talent__block {
		margin: 40px 0 0px 0px;
		padding: 40px 0px 0px 0px;
	}

	.talent__block.nomargin--top .talent__block--box {
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
	}

	.talent__block.nomargin--top .talent__block--box .block__box--left {
		order: 2;
	}

	.talent__block.nomargin--top .talent__block--box .block__box--right {
		order: 1;
	}

	.block__box--left {
		width: 100%;
	}

	.block__box--right {
		max-width: 784px;
		width: 100%;
	}

	.block__box--right .block__box--inner {
		padding: 30px 15px;
	}

	.block__box--title {
		font-size: 20px;
		line-height: 20px;
		margin-bottom: 15px;
	}

	.block__box--text {
		font-weight: 400;
		font-size: 16px;
		line-height: 19px;
	}

	.block__box--btn {
		float: left;
		width: 100%;
		margin-top: 25px;
	}

	.talent__block--box:nth-child(even) {
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
	}

	.talent__block--box:nth-child(even) .block__box--left {
		order: 2;
	}

	.talent__block--box:nth-child(even) .block__box--right {
		order: 1;
	}

	.block__box--left .block__box--inner {
		padding: 30px 15px;
	}

	.talent__block.darken__bg {
		padding-bottom: 0px;
		margin-bottom: 40px;
	}

	.among__clients--title {
		font-size: 20px;
	}

	.among__clients {
		margin-bottom: 60px;
	}

	.brick--right {
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
	}
	.brick--right .brick__box--desc {
		order: 2;
	}

	.brick--right .brick__box--img {
		order: 1;
	}

	.bricks__layer.ordering .bricks__layer--box {
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
	}
	.bricks__layer--pad .brick--right .brick__box--desc {
		padding: 0 5.8928%;
	}

	.bricks__layer.ordering .bricks__layer--box .brick__box--desc {
		order: 2;
	}

	.bricks__layer.ordering .bricks__layer--box .brick__box--img {
		order: 1;
	}
	.carousel__slider img {
		display: block;
		width: 100%;
		height: 100%;
	}

	/* error msg */
	.messages--error {
		float: left;
		width: 100%;
		margin-bottom: 5px;
	}
	.messages--error li {
		float: left;
		width: 50%;
		padding: 0px 0px;
		font-size: 12px;
	}

	.banner__multiple--logo li {
		margin: 0 20px;
	}

	.banner__multiple--logo li img {
		opacity: 0.8;
		width: 50px;
		height: 50px;
	}
	.banner__multiple--logo {
		text-align: center;
		margin-bottom: 0px;
	}

	.modal .contact__form .js-webform-document-file {
		height: 35px;
	}

	.modal .contact__form .file-upload-wrapper {
		height: 35px;
		line-height: 35px;
	}

	input[type="file"] {
		height: 35px;
		line-height: 35px;
		font-size: 12px;
	}

	input[type="file"]::before {
		content: "Upload your CV";
		font-size: 12px;
		height: 40px;
		line-height: 40px;
	}

	.js-form-type-checkbox label {
		font-size: 14px;
		line-height: 18px;
		display: inline-block;
		width: 90%;
		vertical-align: top;
	}

	.contact__form input[type="text"],
	.contact__form input[type="email"],
	.contact__form input[type="tel"],
	.contact__form select {
		padding: 0px 10px;
	}

	.contact__form textarea {
		padding: 20px 10px;
	}

	.brick__box--header {
		font-size: 22px;
		line-height: 26px;
		color: #2a3b4a;
		margin-bottom: 40px;
		margin-top: 25px;
	}
}

@media screen and (min-width: 0px) and (max-width: 1183px) {
	/* ! menu */
	.desktop--nav {
		display: none;
	}

	.mobile--nav {
		display: block;
	}

	.header {
		background: transparent;
	}

	.header__logo {
		position: absolute;
		left: 15px;
	}

	.header__logo a {
		transition: none;
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
	}

	.header.nav-up .Trigger-top,
	.header.nav-up .Trigger-bottom,
	.header.mobile--head .Trigger-top,
	.header.mobile--head .Trigger-bottom,
	.header.current .Trigger-top,
	.header.current .Trigger-bottom {
		background: #2a3b4a;
	}

	.header.mobile--head {
		background: rgba(255, 255, 255, 1);
		transform: translateY(0%);
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		background: rgba(255, 255, 255, 1);
		-webkit-box-shadow: 0px 4px 5px -1px rgba(0, 0, 0, 0.29);
		-moz-box-shadow: 0px 4px 5px -1px rgba(0, 0, 0, 0.29);
		box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.1);
		border-bottom: 1px solid #ccb7bd;
	}

	.header.mobile--head .header__logo a {
		background: url(../../assets/images/interface/logo__dark.png) center center
			no-repeat;
		background-size: 100%;
		width: 105px;
		height: 25px;
		display: block;
	}

	.Trigger {
		cursor: pointer;
		position: relative;
		height: 15px;
		width: 30px;
	}

	.centerer {
		position: absolute;
		top: 50%;
		transform: translate(0%, -50%);
		right: 15px;
	}

	.Trigger-top {
		height: 2px;
		width: 100%;
		background: #fff;
		position: absolute;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		top: 0;
		-webkit-animation-name: topreverse;
		-moz-animation-name: topreverse;
		animation-name: topreverse;
		-webkit-animation-duration: 0.65s;
		-moz-animation-duration: 0.65s;
		animation-duration: 0.65s;
		-webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
		-moz-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
		animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}

	.Trigger-bottom {
		height: 2px;
		width: 100%;
		background: #fff;
		position: absolute;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		bottom: 0;
		-webkit-animation-name: bottomreverse;
		-moz-animation-name: bottomreverse;
		animation-name: bottomreverse;
		-webkit-animation-duration: 0.65s;
		-moz-animation-duration: 0.65s;
		animation-duration: 0.65s;
		-webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
		-moz-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
		animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}

	.Trigger.is-active .Trigger-top {
		top: 45.8333333333%;
		-webkit-animation-name: top;
		-moz-animation-name: top;
		animation-name: top;
		-webkit-animation-duration: 0.65s;
		-moz-animation-duration: 0.65s;
		animation-duration: 0.65s;
		-webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
		-moz-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
		animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}

	.Trigger.is-active .Trigger-bottom {
		bottom: 45.8333333333%;
		-webkit-animation-name: bottom;
		-moz-animation-name: bottom;
		animation-name: bottom;
		-webkit-animation-duration: 0.65s;
		-moz-animation-duration: 0.65s;
		animation-duration: 0.65s;
		-webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
		-moz-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
		animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}

	@-webkit-keyframes top {
		0% {
			top: 0%;
		}

		60% {
			top: 45.8333333333%;
			-webkit-transform: rotate(0deg);
		}

		100% {
			-webkit-transform: rotate(45deg);
		}
	}

	@-moz-keyframes top {
		0% {
			top: 0%;
		}

		60% {
			top: 45.8333333333%;
			-moz-transform: rotate(0deg);
		}

		100% {
			-moz-transform: rotate(45deg);
		}
	}

	@keyframes top {
		0% {
			top: 0%;
		}

		60% {
			top: 45.8333333333%;
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		100% {
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);
		}
	}

	@-webkit-keyframes bottom {
		0% {
			bottom: 0%;
		}

		60% {
			bottom: 45.8333333333%;
			-webkit-transform: rotate(0deg);
		}

		100% {
			-webkit-transform: rotate(-45deg);
		}
	}

	@-moz-keyframes bottom {
		0% {
			bottom: 0%;
		}

		60% {
			bottom: 45.8333333333%;
			-moz-transform: rotate(0deg);
		}

		100% {
			-moz-transform: rotate(-45deg);
		}
	}

	@keyframes bottom {
		0% {
			bottom: 0%;
		}

		60% {
			bottom: 45.8333333333%;
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		100% {
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
	}

	@-webkit-keyframes topreverse {
		0% {
			-webkit-transform: rotate(45deg);
			top: 45.8333333333%;
		}

		60% {
			-webkit-transform: rotate(0deg);
			top: 45.8333333333%;
		}

		100% {
			top: 0%;
		}
	}

	@-moz-keyframes topreverse {
		0% {
			-moz-transform: rotate(45deg);
			top: 45.8333333333%;
		}

		60% {
			-moz-transform: rotate(0deg);
			top: 45.8333333333%;
		}

		100% {
			top: 0%;
		}
	}

	@keyframes topreverse {
		0% {
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);
			top: 45.8333333333%;
		}

		60% {
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
			top: 45.8333333333%;
		}

		100% {
			top: 0%;
		}
	}

	@-webkit-keyframes bottomreverse {
		0% {
			-webkit-transform: rotate(-45deg);
			bottom: 45.8333333333%;
		}

		60% {
			-webkit-transform: rotate(0deg);
			bottom: 45.8333333333%;
		}

		100% {
			bottom: 0%;
		}
	}

	@-moz-keyframes bottomreverse {
		0% {
			-moz-transform: rotate(-45deg);
			bottom: 45.8333333333%;
		}

		60% {
			-moz-transform: rotate(0deg);
			bottom: 45.8333333333%;
		}

		100% {
			bottom: 0%;
		}
	}

	@keyframes bottomreverse {
		0% {
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate(-45deg);
			bottom: 45.8333333333%;
		}

		60% {
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
			bottom: 45.8333333333%;
		}

		100% {
			bottom: 0%;
		}
	}

	.no-animation {
		-webkit-animation: none;
		-moz-animation: none;
		animation: none;
	}

	.mobile__menu {
		overflow: hidden;
		width: 0;
		height: 0;
		pointer-events: none;
	}

	.mobile__menu.mobile-open {
		width: 0%;
		height: 100vh;
		background: #ffffff;
		position: fixed;
		right: 0;
		top: 52px;
		padding-top: 10%;
		pointer-events: auto;
	}

	.mobile__menu.mobile-open .header__top--social {
		opacity: 1;
		visibility: visible;
	}

	.header__top--social {
		position: absolute;
		bottom: 15%;
		opacity: 0;
		visibility: hidden;
	}

	.mobile__nav--top {
		padding: 0px 15px;
		visibility: hidden;
		margin-bottom: 25px;
	}

	.mobile__top--main {
		font-weight: 300;
		font-size: 24px;
		line-height: 24px;
		text-transform: uppercase;
		color: #2a3b4a;
		position: relative;
		margin-bottom: 20px;
	}

	.mobile__top--main a {
		display: block;
	}

	.mobile__top--main.submenu::before {
		content: "+";
		position: absolute;
		right: 0;
		top: 0px;
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		font-size: 26px;
	}

	.mobile__top--main.active.submenu::before {
		content: "-";
	}

	.mobile__top--main.active {
		border-bottom: 1px solid #2a3b4a;
	}

	.mobile__top--main:last-child span {
		border: none;
	}

	.mobile__top--sub {
		height: 0;
		overflow: hidden;
		width: 100%;
		font-size: 16px;
		font-weight: 400;
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
	}

	.mobile__top--sub.active {
		height: auto;
		padding: 10px 0px;
	}

	.mobile__top--sub li {
		margin-bottom: 10px;
	}

	.mobile__top--icn {
		display: inline-block;
		vertical-align: middle;
		width: 20px;
		height: 20px;
		margin-right: 5px;
	}

	.mobile__nav {
		padding: 0px 15px;
		visibility: hidden;
	}

	.mobile__nav--main {
		font-weight: 300;
		font-size: 18px;
		line-height: 18px;
		color: #2a3b4a;
		text-transform: uppercase;
		position: relative;
		margin-bottom: 15px;
	}

	.mobile__nav--main.submenu::before {
		content: "+";
		position: absolute;
		right: 0;
		top: 0px;
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		font-size: 26px;
	}

	.mobile__nav--main.active.submenu::before {
		content: "-";
	}

	.mobile__nav--main.active {
		border-bottom: 1px solid #2a3b4a;
	}

	.mobile__nav--main span {
		display: block;
		/* padding: 10px 0px; */
		/* border-bottom: 1px solid #798e9d; */
	}

	.mobile__nav--main:last-child span {
		border: none;
	}

	.mobile__nav--sub {
		height: 0;
		overflow: hidden;
		width: 100%;
		font-size: 14px;
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
	}

	.mobile__nav--sub.active {
		height: auto;
		padding: 10px 0;
	}

	.newslisting__filter--box {
		height: auto;
	}
}

@media screen and (min-width: 1350px) and (max-width: 1440px) {
	.node-preview-container {
		width: 95%;
	}

	#block-front-breadcrumbs {
		width: 95%;
	}

	.js-form-type-webform-document-file.form-item-cv .file-upload-js-error {
		top: -62px;
	}
	.container {
		width: 95%;
	}

	.btn {
		padding: 10px 11px;
	}
	.swiper__content .btn {
		padding: 11px 12px;
	}

	/* header */
	.header__right--nav li {
		margin-right: 5px;
		padding: 0px 2px;
	}

	.header__right--sub li {
		padding-right: 25px;
	}

	.homepageLogo .header__logo {
		margin-top: 20px;
		width: 370px;
		height: 95px;
	}

	.homepageLogo .header__logo a {
		width: 370px;
		height: 95px;
	}

	/* cluster */
	.cluster__box--title {
		font-size: 34px;
		line-height: 34px;
		margin-bottom: 60px;
	}

	.cluster__box--title::after {
		bottom: -15px;
	}

	.cluster__box--text {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 60px;
	}

	.cluster__box--list ul li {
		margin-bottom: 20px;
	}

	.cluster__box--list {
		font-size: 25px;
		margin-bottom: 70px;
	}

	.cluster__box--desc {
		height: 400px;
	}

	.cluser__box--icn {
		width: 25px;
		height: 25px;
	}

	/* homepage */
	.block__box--maintitle {
		font-size: 36px;
		line-height: 36px;
	}
	.block__box--title {
		font-size: 36px;
		line-height: 36px;
	}
	.block__box--text {
		font-size: 22px;
		line-height: 26px;
	}

	.client__name {
		padding: 6px 15px;
	}

	.modal__container {
		padding: 20px 40px;
		min-width: 950px;
	}
	.modal .contact__form {
		margin: 15px 0px 0px;
	}
	.modal .contact__form .col__6 {
		margin-bottom: 15px;
	}

	/* content */
	.brick__box--desc {
		padding: 0 2.8928%;
	}

	.brick__box--title {
		font-size: 30px;
		line-height: 30px;
		margin-bottom: 25px;
	}

	.brick__box--text {
		font-size: 16px;
		line-height: 26px;
	}

	.bricks__layer--pad .bricks__layer--box:nth-child(even) .brick__box--desc {
		padding-right: 2.8928%;
	}

	.other__cluster--listing li {
		padding-right: 15px;
	}

	.other__cluster--img {
		width: 53%;
		height: 215px;
		background-position: top;
	}

	.other__cluster--desc {
		padding-left: 10px;
		width: 46%;
	}

	.other__cluster--subtitle {
		font-size: 18px;
		line-height: 18px;
		margin-bottom: 10px;
	}

	.other__cluster--subtext {
		font-size: 13px;
		line-height: 16px;
		margin-bottom: 18px;
	}

	/* newsdetails */
	.sidebar__news--title {
		margin-bottom: 10px;
	}

	.sidebar__news--date {
		margin-bottom: 10px;
	}

	.sidebar__news--text {
		font-weight: 300;
		font-size: 13px;
		line-height: 18px;
		margin-bottom: 15px;
	}

	.sidebar__news--img {
		width: 55%;
		vertical-align: top;
	}

	.sidebar__news--desc {
		width: 100%;
	}

	/* newslisting */
	.newslisting__box--desc {
		padding: 2%;
	}

	.newslisting__box--date {
		line-height: 13px;
	}

	.newslisting__box--title {
		font-size: 15px;
		line-height: 18px;
		margin-bottom: 5px;
	}

	/* about us */
	.intro__logo--cluster li {
		margin: 0 20px;
	}

	/* woven */

	.Banner__inner--video {
		height: 650px;
		position: relative;
		margin-top: 0px;
	}

	#video-bg {
		width: 100%;
		max-height: 650px;
	}

	.anchor__link--listing li {
		padding-right: 0px;
	}

	.anchor__img {
		width: 53%;
		height: 215px;
		background-position: top;
	}

	.anchor__desc {
		padding-left: 10px;
		width: 46%;
	}

	.anchor__title {
		font-size: 18px;
		line-height: 18px;
		margin-bottom: 10px;
	}

	.anchor__link.sticky .anchor__img {
		height: 80px;
		background-position: 0px -35px;
	}

	.anchor__link.sticky {
		padding: 10px 0px;
	}

	.anchor__link.sticky .anchor__title {
		font-size: 14px;
		line-height: 14px;
	}

	.anchor__link.sticky .anchor__btn .btn {
		padding: 8px 17px;
	}

	.segments__block--title {
		font-size: 34px;
		line-height: 34px;
	}

	.segments__block--sub {
		font-size: 25px;
		line-height: 25px;
		margin-top: 7px;
	}

	.segments__block--text {
		padding: 25px 2.2261%;
	}
	.segments__block--listing {
		margin: 35px 0px;
	}
	.segments__block--description {
		font-size: 15px;
		line-height: 20px;
	}
	.segments__block--btn {
		margin-top: 30px;
	}

	/* sustanability */
	.swiper__content:last-child {
		padding-left: 10px;
	}
	.swiper__content--title {
		font-size: 12px;
		line-height: 13px;
	}
	.brick__box--slider {
		margin-top: 25px;
	}

	/* about us */
	.slider__box--title {
		font-size: 45px;
		line-height: 50px;
	}

	.header__overlay--logo a {
		width: 285px;
		height: 70px;
	}

	.header__overlay--menuTop {
		margin-top: 5%;
	}

	.header__overlay--menuTop .mt-link a {
		font-size: 38px;
		line-height: 40px;
	}

	.header__overlay--menuBot a {
		font-size: 20px;
		line-height: 30px;
	}

	.newslisting__filter--box {
		height: 285px;
	}
}

@media screen and (min-width: 1184px) and (max-width: 1349px) {
	.node-preview-container {
		width: 95%;
	}

	#block-front-breadcrumbs {
		width: 95%;
	}

	.js-form-type-webform-document-file.form-item-cv .file-upload-js-error {
		top: -62px;
	}

	.modal__wrapper .js-form-type-checkbox label {
		font-size: 13px;
	}

	.container {
		width: 95%;
	}

	.homepageLogo .header__logo {
		width: 250px;
		height: 65px;
	}

	.homepageLogo .header__logo a {
		width: 250px;
		height: 65px;
	}

	.header__right--nav li {
		display: inline-block;
		vertical-align: bottom;
		margin-right: 5px;
		padding: 0px 3px;
		color: #fff;
		font-weight: 300;
		text-transform: uppercase;
		font-size: 13px;
	}

	.header__sub--title {
		display: inline-block;
		vertical-align: middle;
		font-weight: 300;
		font-size: 28px;
	}

	.header__sub--btn {
		display: inline-block;
		vertical-align: middle;
		height: 45px;
		line-height: 44px;
		width: 195px;
		font-weight: 500;
		font-size: 12px;
		text-transform: uppercase;
		text-align: center;
		margin-left: 35px;
	}

	.header__sub--listing li {
		padding: 0px 11px;
		margin-left: 40px;
	}

	.sub__listing--text {
		font-weight: 300;
		font-size: 16px;
		line-height: 20px;
	}

	.close__menu {
		position: absolute;
		right: 40px;
		top: 50%;
		width: 25px;
		height: 25px;
	}
	.close__menu:before,
	.close__menu:after {
		height: 25px;
	}

	/* modal */
	.modal__container {
		width: 700px;
		padding: 15px 20px;
	}
	.modal .contact__form {
		margin: 15px 0px 0px;
	}
	.modal .contact__form .col__6 {
		margin-bottom: 15px;
	}

	.modal .contact__form input[type="text"],
	.modal .contact__form input[type="email"],
	.modal .contact__form input[type="tel"],
	.modal .contact__form select {
		height: 45px;
	}

	.modal .contact__form input[type="submit"] {
		padding: 10px 25px;
	}

	/* cluster */
	.cluster__box--title {
		font-size: 30px;
		line-height: 30px;
		margin-bottom: 60px;
	}

	.cluster__box--title::after {
		bottom: -15px;
	}

	.cluster__box--text {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 60px;
	}

	.cluster__box--list ul li {
		margin-bottom: 20px;
	}

	.cluster__box--list {
		font-size: 22px;
		margin-bottom: 70px;
	}

	.cluster__box--desc {
		height: 400px;
	}

	.cluser__box--icn {
		width: 25px;
		height: 25px;
	}

	/* homepage */
	.block__box--maintitle {
		font-size: 32px;
		line-height: 32px;
	}
	.block__box--title {
		font-size: 32px;
		line-height: 32px;
	}
	.block__box--text {
		font-size: 20px;
		line-height: 22px;
	}

	.footer__nav.footer__left {
		width: 45%;
	}

	.footer__nav.footer__right {
		width: 55%;
	}

	.footer__right--nav li a {
		font-size: 15px;
		line-height: 15px;
	}

	.footer__right--text {
		font-size: 15px;
		line-height: 15px;
	}

	.footer__left--title a {
		font-size: 15px;
		line-height: 15px;
	}

	.footer__left--col ul li a {
		font-size: 15px;
		line-height: 15px;
	}

	.footer__icon {
		width: 14px;
		height: 17px;
	}

	/* sustainability */
	.brick__box--img {
		width: 48.2738%;
	}
	.brick__box--desc {
		width: 51.7261%;
		padding: 0 2.8928%;
	}

	.brick__box--title {
		font-size: 24px;
		line-height: 26px;
		margin-bottom: 20px;
	}
	.brick__box--text {
		font-size: 15px;
		line-height: 20px;
	}
	.swiper__content .btn {
		font-size: 11px;
		line-height: 13px;
		padding: 6px 6px;
	}
	.swiper__content:last-child {
		padding-left: 15px;
	}
	.swiper__content--title {
		font-size: 14px;
		line-height: 17px;
	}

	.other__cluster--listing li {
		padding-right: 0px;
		text-align: center;
		vertical-align: top;
	}
	.other__cluster--desc {
		display: inline-block;
		vertical-align: middle;
		margin-right: -4px;
		padding-left: 0px;
		width: 265px;
		text-align: left;
		margin-top: 13px;
	}

	/* talent */
	.modal .contact__form .js-webform-document-file {
		height: 45px;
	}
	.modal .contact__form .file-upload-wrapper {
		height: 45px;
		line-height: 45px;
	}
	input[type="file"] {
		height: 45px;
		line-height: 40px;
	}
	.brick__box--btn {
		margin-top: 80px;
	}

	/* about us */
	.intro__logo--cluster li {
		margin: 0 15px;
	}

	.intro__logo--img {
		width: 65px;
		height: 65px;
	}

	.slider__box--title {
		font-size: 38px;
		line-height: 50px;
	}

	.sidebar__news--desc {
		width: 100%;
		padding: 10px 0% 0;
	}

	.sidebar__news--img {
		width: 100%;
	}

	.other__cluster--img {
		width: 295px;
		height: 250px;
	}

	/* cluster page */
	.Banner__inner--video {
		height: 650px;
		margin-top: 0px;
	}
	#video-bg {
		width: 100%;
		max-height: 650px;
	}

	.anchor__img {
		width: 100%;
		height: 190px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 0px -32px;
	}

	.anchor__link--listing ul {
		position: relative;
		left: 25px;
	}

	.anchor__desc {
		display: inline-block;
		vertical-align: middle;
		margin-right: -4px;
		padding-left: 0px;
		width: 100%;
		margin-top: 10px;
	}

	.anchor__title {
		color: #554b5c;
		font-size: 18px;
		font-weight: 300;
		line-height: 18px;
		margin-bottom: 14px;
	}

	.anchor__link.sticky .anchor__img {
		height: 60px;
		background-position: 0px -35px;
		width: 150px;
	}

	.anchor__link.sticky .anchor__desc {
		display: inline-block;
		vertical-align: middle;
		margin-right: -4px;
		padding-left: 15px;
		width: 54%;
		margin-top: 0px;
	}

	.anchor__link.sticky .anchor__title {
		color: #554b5c;
		font-size: 16px;
		font-weight: 300;
		line-height: 15px;
	}

	.anchor__link.sticky .anchor__btn .btn {
		display: inline-block;
		vertical-align: middle;
		font-weight: 500;
		font-size: 13px;
		line-height: 13px;
		padding: 8px 15px;
	}

	.segments__block--title {
		font-size: 34px;
		line-height: 34px;
	}

	.segments__block--sub {
		font-size: 25px;
		line-height: 25px;
		margin-top: 7px;
	}

	.segments__block--text {
		padding: 25px 2.2261%;
	}
	.segments__block--listing {
		margin: 35px 0px;
	}
	.segments__block--description {
		font-size: 15px;
		line-height: 20px;
	}
	.segments__block--btn {
		margin-top: 30px;
	}

	/* news */
	.newslisting__box--desc {
		padding: 2%;
	}

	.newslisting__box--title {
		font-size: 15px;
		line-height: 18px;
		margin-bottom: 8px;
	}

	.newslisting__box--text {
		font-size: 12px;
		line-height: 16px;
	}

	.newslisting__box--btn {
		margin-top: 16px;
	}

	.newslisting__box--btn .btn {
		padding: 10px 10px;
	}

	.header__overlay--logo a {
		width: 285px;
		height: 70px;
	}

	.header__overlay--menuTop {
		margin-top: 5%;
	}

	.header__overlay--menuTop .mt-link a {
		font-size: 38px;
		line-height: 40px;
	}

	.header__overlay--menuBot a {
		font-size: 20px;
		line-height: 30px;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1183px) {
	.js-form-type-webform-document-file.form-item-cv .file-upload-js-error {
		top: -61px;
	}
	.btn {
		padding: 14px 20px;
	}

	.modal__container {
		min-width: 740px;
		padding: 25px 25px;
	}

	.modal .contact__form {
		margin: 15px 0px 0px;
	}

	.modal .contact__form .col__6 {
		margin-bottom: 15px;
	}

	.modal .contact__form input[type="text"],
	.modal .contact__form input[type="email"],
	.modal .contact__form input[type="tel"],
	.modal .contact__form select {
		height: 45px;
	}

	.modal .contact__form input[type="submit"] {
		padding: 10px 25px;
	}

	.container {
		width: 95%;
		margin: 0 auto;
	}

	.mobile--nav {
		display: block;
	}

	.desktop--nav {
		display: none;
	}

	/* menu */
	.homepageLogo .header__logo {
		width: 350px;
		height: 90px;
		margin-top: 20px;
	}

	.homepageLogo .header__logo a {
		width: 350px;
		height: 90px;
	}

	.mobile--head .header__logo {
		position: absolute;
		left: 15px;
		width: 105px;
		height: 25px;
		margin-top: 15px;
	}

	.mobile__menu.mobile-open {
		width: 25% !important;
		padding-top: 5%;
	}

	.header.nav-up.mobile--head .mobile__menu.mobile-open {
		border-left: 1px solid #ccb7bd;
	}

	/* footer */
	.footer__left--col {
		width: 100px;
	}

	.footer__nav.footer__left {
		width: 40%;
	}

	.footer__nav.footer__right {
		width: 60%;
	}

	.footer__right--nav li {
		margin-left: 10px;
	}

	.footer__right--nav li a {
		font-size: 15px;
		line-height: 15px;
	}

	.footer__right--text {
		font-size: 15px;
		line-height: 15px;
	}

	.footer__left--title a {
		font-size: 15px;
		line-height: 15px;
	}

	.footer__left--col ul li a {
		font-size: 15px;
		line-height: 15px;
	}

	.footer__icon {
		width: 14px;
		height: 17px;
	}

	/* ! cluster */
	.cluster--ipadimg {
		background-size: cover;
		width: 100%;
		height: 100vh;
		background-position: -40px -1px;
	}

	.cluster--ipadimg img {
		display: none;
	}

	.cluster__box--title {
		margin-bottom: 85px;
		font-size: 36px;
		line-height: 36px;
	}

	.cluster__box--text {
		margin-bottom: 55px;
	}

	.cluster__box--desc {
		width: 305px;
	}

	.cluser__box--icn {
		width: 25px;
		height: 25px;
	}

	.cluster__box--list {
		font-size: 25px;
	}

	/* homepage talent */
	.block__box--maintitle {
		font-size: 34px;
		line-height: 34px;
	}
	.block__box--title {
		font-size: 34px;
		line-height: 34px;
	}
	.block__box--text {
		font-size: 22px;
		line-height: 28px;
	}

	.block__box--right .block__box--inner {
		padding: 0 8.7551%;
		padding-right: 0;
	}

	.block__box--btn {
		margin-top: 25px;
	}

	.block__box--left .block__box--inner {
		padding: 0 8.1607%;
		padding-left: 0;
	}

	/* clients */
	.client__name {
		padding: 6px 15px;
	}

	/* sustainability */
	.brick__box--img {
		width: 48.2738%;
	}
	.brick__box--desc {
		width: 51.7261%;
		padding: 0 2.8928%;
	}

	.brick__box--title {
		font-size: 24px;
		line-height: 26px;
		margin-bottom: 20px;
	}
	.brick__box--text {
		font-size: 15px;
		line-height: 20px;
	}
	.swiper__content .btn {
		font-size: 11px;
		line-height: 13px;
		padding: 6px 6px;
	}
	.swiper__content:last-child {
		padding-left: 15px;
	}
	.swiper__content--title {
		font-size: 14px;
		line-height: 17px;
	}

	.other__cluster--listing li {
		padding-right: 0px;
		text-align: center;
		vertical-align: top;
	}
	.other__cluster--desc {
		display: inline-block;
		vertical-align: middle;
		margin-right: -4px;
		padding-left: 0px;
		width: 265px;
		text-align: left;
		margin-top: 13px;
	}

	/* talents */
	.modal .contact__form .js-webform-document-file {
		height: 45px;
	}
	.modal .contact__form .file-upload-wrapper {
		height: 45px;
		line-height: 45px;
	}
	input[type="file"] {
		height: 45px;
		line-height: 40px;
	}
	.brick__box--btn {
		margin-top: 80px;
	}

	/* about us */
	.intro__logo--cluster li {
		margin: 0 10px;
	}

	.intro__logo--img {
		width: 55px;
		height: 55px;
	}

	.slider__box--title {
		font-size: 36px;
		line-height: 48px;
		padding-right: 5px;
	}

	.sidebar__news--desc {
		width: 100%;
		padding: 10px 0% 0;
	}

	.sidebar__news--img {
		width: 100%;
	}

	.other__cluster--img {
		width: 295px;
		height: 250px;
	}

	.keyfigure__listing--title {
		font-size: 52px;
		line-height: 55px;
	}

	.keyfigure__listing li span {
		font-size: 14px;
		line-height: 18px;
	}

	.newslisting__box--date {
		font-size: 10px;
		line-height: 10px;
	}

	.newslisting__box--desc {
		padding: 1%;
	}

	.newslisting__box--title {
		font-size: 14px;
		line-height: 14px;
		margin-bottom: 5px;
	}

	.newslisting__box--text {
		font-size: 12px;
		line-height: 14px;
	}

	.newslisting__box--btn {
		margin-top: 16px;
	}

	.newslisting__box--btn .btn {
		padding: 10px 15px;
		font-size: 12px;
		line-height: 12px;
	}

	/* cluster page */
	.Banner__inner--video {
		height: 567px;
		margin-top: 0px;
	}
	#video-bg {
		width: 100%;
		max-height: 567px;
	}

	.anchor__img {
		width: 100%;
		height: 145px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 0px -32px;
	}

	.anchor__link--listing ul {
		position: relative;
		left: 25px;
	}

	.anchor__desc {
		display: inline-block;
		vertical-align: middle;
		margin-right: -4px;
		padding-left: 0px;
		width: 100%;
		margin-top: 10px;
	}

	.anchor__title {
		color: #554b5c;
		font-size: 18px;
		font-weight: 300;
		line-height: 18px;
		margin-bottom: 14px;
	}

	.anchor__link.sticky {
		padding: 8px 0px;
	}

	.anchor__link.sticky .anchor__img {
		height: 70px;
		background-position: 0px -44px;
		width: 220px;
	}

	.anchor__link.sticky .anchor__desc {
		display: inline-block;
		vertical-align: middle;
		margin-right: -4px;
		padding-left: 0px;
		width: 100%;
		margin-top: 5px;
	}

	.anchor__link.sticky .anchor__title {
		color: #554b5c;
		font-size: 16px;
		font-weight: 300;
		line-height: 15px;
	}

	.anchor__link.sticky .anchor__btn .btn {
		display: inline-block;
		vertical-align: middle;
		font-weight: 500;
		font-size: 13px;
		line-height: 13px;
		padding: 8px 15px;
	}

	.segments {
		margin-top: 180px;
	}

	.segments__block--title {
		font-size: 34px;
		line-height: 34px;
	}

	.segments__block--sub {
		font-size: 25px;
		line-height: 25px;
		margin-top: 7px;
	}

	.segments__block--text {
		padding: 25px 2.2261%;
	}

	.segments__block--listing {
		margin: 35px 0px;
	}

	.segments__block--description {
		font-size: 15px;
		line-height: 20px;
	}

	.segments__block--btn {
		margin-top: 30px;
	}

	.segments__block--listing li {
		padding: 0px 20px;
	}
}

@media screen and (min-width: 980px) and (max-width: 1023px) {
}

@media screen and (min-width: 720px) and (max-width: 979px) {
	.js-form-type-webform-document-file.form-item-cv .file-upload-js-error {
		top: -61px;
	}
	.btn {
		padding: 20px 20px;
	}

	.modal__container {
		min-width: 740px;
		padding: 25px 25px;
	}

	.modal .contact__form {
		margin: 15px 0px 0px;
	}

	.modal .contact__form .col__6 {
		margin-bottom: 15px;
	}

	.modal .contact__form input[type="text"],
	.modal .contact__form input[type="email"],
	.modal .contact__form input[type="tel"],
	.modal .contact__form select {
		height: 45px;
	}

	.modal .contact__form input[type="submit"] {
		padding: 10px 25px;
	}

	.container {
		width: 95%;
		margin: 0 auto;
	}

	.mobile--nav {
		display: block;
	}

	.desktop--nav {
		display: none;
	}

	/* menu */
	.homepageLogo .header__logo {
		width: 310px;
		height: 80px;
		margin-top: 20px;
	}

	.homepageLogo .header__logo a {
		width: 310px;
		height: 80px;
	}

	.mobile--head .header__logo {
		position: absolute;
		left: 15px;
		width: 105px;
		height: 25px;
		margin-top: 15px;
	}

	.mobile__top--main {
		font-weight: 300;
		font-size: 34px;
		line-height: 34px;
		text-transform: uppercase;
		color: #2a3b4a;
		position: relative;
		margin-bottom: 25px;
	}

	.mobile__top--main.submenu::before {
		content: "+";
		position: absolute;
		right: 0;
		top: 0px;
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		font-size: 40px;
	}

	.mobile__top--sub {
		font-size: 22px;
	}

	.mobile__top--sub .footer__icon {
		display: inline-block;
		vertical-align: middle;
		width: 23px;
		height: 27px;
	}

	.mobile__nav--main {
		font-weight: 300;
		font-size: 26px;
		line-height: 30px;
		color: #2a3b4a;
		text-transform: uppercase;
		position: relative;
		margin-bottom: 20px;
	}

	.header.nav-up.mobile--head .mobile__menu.mobile-open {
		border-left: 1px solid #ccb7bd;
	}

	/* ! footer */
	.footer,
	.footer__top {
		height: auto;
	}

	.footer__logo {
		width: 133px;
		float: none;
		margin: 0 auto;
	}

	.footer__nav {
		float: left;
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

	.footer__left--title {
		float: none;
	}
	.footer__icon {
		display: inline-block;
		vertical-align: middle;
		width: 21px;
		height: 24px;
	}

	.footer__left--col {
		width: 32.3333%;
		float: none;
		margin-right: -4px;
		display: inline-block;
		vertical-align: top;
		padding: 5px;
	}

	.footer__left--title a {
		font-size: 22px;
		line-height: 22px;
	}

	.footer__left--col ul li a {
		font-weight: 300;
		font-size: 26px;
		line-height: 25px;
	}

	.footer__right--nav ul {
		text-align: center;
	}

	.footer__right--nav li {
		display: inline-block;
		padding-bottom: 10px;
		margin-left: 0;
		vertical-align: top;
		margin: 5px 12px;
	}

	.footer__left--col ul li {
		margin-bottom: 10px;
	}

	.footer__right--nav li a {
		font-weight: 300;
		font-size: 16px;
	}

	.footer__right--social li a {
		height: 26px;
		width: 26px;
	}

	.footer__right--social ul {
		text-align: center;
	}

	.footer__right--text {
		text-align: center;
		font-weight: 300;
		font-size: 18px;
		line-height: 20px;
	}

	.footer__bot {
		text-align: center;
	}
	.footer__bot a {
		color: #fff;
		font-size: 15px;
		line-height: 15px;
	}

	/* ! cluster */
	.cluster--ipadimg {
		background-size: auto;
		width: 100%;
		height: 100vh;
		background-position: -90px -140px;
		background-repeat: no-repeat;
	}

	.cluster--ipadimg img {
		display: none;
	}

	.cluster__box--title {
		font-weight: 300;
		font-size: 40px;
		line-height: 50px;
		margin-bottom: 60px;
	}

	.cluster__box--text {
		margin-bottom: 55px;
	}

	.cluster__box {
		width: 100%;
		float: left;
		height: 33.3333%;
		position: relative;
		overflow: hidden;
		border-bottom: 1px solid #2a3b4a;
	}

	.cluster__box:last-child {
		border: none;
	}

	.cluster__box--overlay {
		background: rgba(255, 255, 255, 0.5);
	}

	.cluster__img--overlay {
		background: rgba(255, 255, 255, 0.5);
	}

	.cluster__box--img {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 0px -120px;
		height: 100%;
	}

	.cluster__box--img img,
	.cluster__box--text,
	.cluster__box--btn,
	.cluster__box:nth-child(2)::before,
	.cluster__box:nth-child(2)::after {
		display: none;
	}

	.cluser__box--icn {
		width: 17px;
		height: 17px;
	}

	.cluster__box--desc {
		width: 100%;
		height: auto;
		text-align: left;
		padding: 0px 15px;
		color: #2a3b4a;
	}

	.cluster__box--title::after {
		left: 4px;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		bottom: -17px;
		background: #2a3b4a;
	}

	.cluser__box--icn {
		width: 27px;
		height: 27px;
	}

	.cluster__box--list ul li {
		margin-bottom: 10px;
	}

	.cluster__box--list {
		font-weight: 400;
		font-size: 30px;
		text-transform: uppercase;
		margin-bottom: 13px;
		line-height: 30px;
	}

	/* new cluster */
	.banner__fullscreen--mob {
		display: none;
	}
	#Bot__content {
		width: 100%;
		position: inherit;
		top: inherit;
		height: auto;
		float: left;
	}

	.Banner__fullscreen--video {
		margin-bottom: 0px;
		position: relative;
		height: auto;
	}

	#fullscreen__video {
		float: left;
		width: 100%;
		display: block;
		position: inherit;
		z-index: auto;
	}

	.Banner__fullscreen--video .container__position {
		position: absolute;
		height: auto;
		left: 15px;
		top: inherit;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		bottom: -15px;
	}

	.Banner__btn {
		bottom: 20px;
		font-size: 12px;
	}

	.banner__cluster--logo {
		width: 55px;
		height: 55px;
		margin: 0 auto;
		margin-bottom: 10px;
	}

	.main__scroll__overlay {
		display: none;
	}

	.main__scroll {
		background: transparent;
	}

	.cluser__box--icn .cls-1 {
		fill: none;
		stroke: #2a3b4a;
	}

	.cluster--ipadimg {
		display: none;
	}

	.cluster__box .cluster__box--btn {
		display: block;
		position: absolute;
		bottom: 0px;
		right: 0;
		opacity: 1;
		transform: none;
		z-index: 1;
	}

	.cluster__box--btn a {
		font-size: 0px;
		border: none;
		height: 50px;
		line-height: 0;
		display: inline-block;
		background: url(../../assets/images/icons/arrow--right.png) center center
			no-repeat;
		width: 35px;
		height: 18px;
		background-size: 100%;
		position: absolute;
		right: 15px;
		bottom: 25px;
	}

	/* homepage talent */

	.block__box--left {
		width: 100%;
	}

	.block__box--right {
		max-width: 100%;
		width: 100%;
	}

	.block__box--maintitle {
		font-size: 34px;
		line-height: 34px;
	}
	.block__box--title {
		font-size: 34px;
		line-height: 34px;
	}
	.block__box--text {
		font-size: 22px;
		line-height: 28px;
	}

	.block__box--right .block__box--inner {
		padding: 30px 0px;
	}

	.talent__block.darken__bg {
		padding-bottom: 15px;
		margin-bottom: 40px;
	}

	.block__box--btn {
		margin-top: 25px;
	}

	.block__box--left .block__box--inner {
		padding: 33px 0px 0px;
		padding-left: 0;
	}

	.talent__block.nomargin--top .talent__block--box {
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
	}

	.talent__block.nomargin--top .talent__block--box .block__box--left {
		order: 2;
	}

	.talent__block.nomargin--top .talent__block--box .block__box--right {
		order: 1;
	}

	/* clients */
	.client__name {
		padding: 6px 15px;
		padding: 6px 3px;
		font-size: 15px;
	}

	/* contact */
	.contact__list--box {
		width: 33.3333%;
	}

	/* savoir faire */
	.gallery {
		margin-top: 40px;
	}

	.filtering__title {
		font-size: 22px;
	}

	.select__filter select {
		min-width: 180px;
		margin-left: 10px;
	}

	/* sustainability */
	.brick__box--img {
		width: 100%;
	}
	.brick__box--desc {
		width: 100%;
		padding: 0 0%;
		margin-top: 30px;
	}

	.brick--right {
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
	}

	.brick--right .brick__box--desc {
		order: 2;
	}

	.brick--right .brick__box--img {
		order: 1;
	}

	.bricks__layer.ordering .bricks__layer--box {
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
	}

	.bricks__layer.ordering .bricks__layer--box .brick__box--desc {
		order: 2;
	}

	.bricks__layer.ordering .bricks__layer--box .brick__box--img {
		order: 1;
	}

	.brick__box--title {
		font-size: 24px;
		line-height: 26px;
		margin-bottom: 20px;
	}
	.brick__box--text {
		font-size: 15px;
		line-height: 20px;
	}
	.swiper__content .btn {
		font-size: 11px;
		line-height: 13px;
		padding: 6px 6px;
	}
	.swiper__content:last-child {
		padding-left: 15px;
	}
	.swiper__content--title {
		font-size: 14px;
		line-height: 17px;
	}

	.other__cluster--listing li {
		padding-right: 0px;
		text-align: center;
		vertical-align: top;
		padding: 1%;
	}

	.other__cluster--img {
		width: 100%;
		height: 170px;
	}

	.other__cluster--desc {
		display: inline-block;
		vertical-align: middle;
		margin-right: -4px;
		padding-left: 0px;
		width: 100%;
		text-align: left;
		margin-top: 13px;
	}

	/* talents */
	.joinus__btn {
		margin-top: 10px;
	}
	.modal .contact__form .js-webform-document-file {
		height: 45px;
	}
	.modal .contact__form .file-upload-wrapper {
		height: 45px;
		line-height: 45px;
	}
	input[type="file"] {
		height: 45px;
		line-height: 40px;
	}
	.brick__box--btn {
		margin-top: 80px;
	}

	/* about us */
	.intro__logo--cluster li {
		margin: 0 4px;
	}

	.intro__logo--cluster {
		height: 73px;
	}

	.intro__logo--img {
		width: 45px;
		height: 45px;
	}

	.slider__row--title {
		font-size: 32px;
		line-height: 34px;
	}

	.intro__logo--name {
		font-size: 13px;
	}

	.slider__box--title {
		font-size: 34px;
		line-height: 40px;
		padding-right: 5px;
		width: 100%;
	}

	.slider__box--text {
		width: 100%;
		float: left;
		margin-top: 20px;
	}

	.newsdetails__left {
		width: 100%;
	}

	.newsdetails__sidebar {
		padding: 25px 18px;
		margin-top: 34px;
		width: 100%;
	}

	.newsdetails__left--btn.text__centered {
		text-align: left;
	}

	.sidebar__news--box {
		float: left;
		width: 33.333%;
		margin-bottom: 50px;
		padding: 10px;
	}

	.sidebar__news--desc {
		width: 100%;
		padding: 10px 0% 0;
	}

	.sidebar__news--img {
		width: 100%;
	}

	.newsdetails__sidebar .sidebar__news--btn.text__centered {
		float: left;
		width: 100%;
	}

	.sidebar__title {
		line-height: 32px;
	}

	.keyfigure__listing--title {
		font-size: 52px;
		line-height: 55px;
	}

	.keyfigure__listing li span {
		font-size: 14px;
		line-height: 18px;
	}

	.newslisting__filter--box {
		float: left;
		width: 100%;
	}

	.newslisting__filter--categorie li {
		margin-right: 26px;
		font-size: 15px;
		height: 42px;
		line-height: 50px;
	}

	.newslisting__box--title {
		margin-bottom: 5px;
	}

	.newslisting__filter--search input {
		width: 205px;
	}

	.newslisting__filter--cnt {
		margin-top: 35px;
	}

	.newslisting__box--btn .btn {
		padding: 12px 14px;
	}

	/* cluster page */
	.Banner__inner--video {
		height: 405px;
		margin-top: 0px;
	}
	#video-bg {
		width: 100%;
		max-height: 405px;
	}

	.anchor__link--listing li {
		vertical-align: top;
	}
	.anchor__img {
		width: 100%;
		height: 100px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 0px -10px;
	}
	.anchor__btn .btn {
		padding: 13px 12px;
	}

	.anchor__link--listing ul {
		position: relative;
		left: 25px;
	}

	.anchor__desc {
		display: inline-block;
		vertical-align: middle;
		margin-right: -4px;
		padding-left: 0px;
		width: 100%;
		margin-top: 10px;
	}

	.anchor__title {
		color: #554b5c;
		font-size: 18px;
		font-weight: 300;
		line-height: 18px;
		margin-bottom: 14px;
	}

	.anchor__link.sticky {
		padding: 8px 0px;
		display: none;
	}

	.segments__block--slider {
		width: 100%;
	}

	.segments__block--text {
		width: 100%;
		min-height: 500px;
		background: #fcd7be;
		position: inherit;
		top: inherit;
		left: inherit;
		z-index: 2;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		padding: 60px 9.2261%;
		float: left;
	}

	.segments {
		margin-top: 180px;
	}

	.segments__block--text {
		padding: 35px 4.2261%;
	}

	.segments__block--btn {
		margin-top: 20px;
	}
}

@media screen and (min-width: 640px) and (max-width: 719px) {
}

@media screen and (min-width: 480px) and (max-width: 639px) {
	.modal__container {
		height: 100vh;
		overflow: scroll;
	}
	iframe {
		width: 100%;
		height: 265px;
	}
	.newslisting form {
		display: flex;
		flex-direction: column;
	}

	.newslisting .js-form-item {
		margin-right: 20px;
		margin-bottom: 15px;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
		max-width: 400px;
	}

	.newslisting .js-form-item input {
		width: 100%;
	}
}

@media screen and (min-width: 0) and (max-width: 479px) {
	iframe {
		width: 100%;
		height: 265px;
	}

	.modal__container {
		height: 100vh;
		overflow: scroll;
	}

	/* banner image */
	/* .banner__img--text {
        width: 80%;
    } */

	.banner__title {
		font-size: 28px;
		line-height: 29px;
		margin-bottom: 5px;
	}

	.banner__subtitle {
		font-size: 14px;
		line-height: 18px;
	}

	/* breadcrum */
	ul.breadcrum__list {
		padding: 4px 0px;
	}

	ul.breadcrum__list li {
		font-size: 14px;
		font-weight: 400;
	}

	/* contact */
	.col__6 {
		width: 100%;
		margin-bottom: 25px;
	}

	.contact__list--box {
		width: 100%;
		display: block;
		margin-bottom: 30px;
		margin-right: 0px;
		padding-right: 0;
		height: auto;
		float: left;
		border-bottom: 1px solid #2a3b4a;
	}

	/* content */
	.intro__dark {
		padding: 50px 0;
		margin-bottom: 0px;
	}

	.intro__dark--title {
		font-size: 28px;
		line-height: 34px;
		margin-bottom: 20px;
	}

	.intro__dark--text {
		font-size: 16px;
		line-height: 26px;
	}

	/* brick */
	.bricks__layer {
		margin: 50px 0px;
		padding: 0px 0px 55px;
	}

	.bricks__layer--pad .bricks__layer--box {
		margin-bottom: 70px;
	}

	.brick__box--img {
		display: inline-block;
		vertical-align: middle;
		margin-right: 0;
		width: 100%;
		margin-bottom: 20px;
	}

	.brick__box--desc {
		display: inline-block;
		vertical-align: middle;
		margin-right: 0px;
		width: 100%;
		margin-bottom: 20px;
	}

	.bricks__layer--pad .brick__box--desc {
		padding: 0 5.8928%;
	}

	.bricks__layer--pad .bricks__layer--box:nth-child(even) .brick__box--desc {
		padding: 0 5.8928%;
	}

	.brick__box--title {
		font-size: 28px;
		line-height: 34px;
		margin-bottom: 20px;
	}

	.brick__box--slider .swiper-button-next,
	.brick__box--slider .swiper-button-prev {
		bottom: -60px;
	}

	.bricks__layer--box:nth-child(even) {
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
	}

	.bricks__layer--box:nth-child(even) .brick__box--desc {
		order: 2;
	}

	.bricks__layer--box:nth-child(even) .brick__box--img {
		order: 1;
	}

	/* other */

	.other__cluster {
		/* margin: 70px 0px; */
		margin: 40px 0 130px;
	}

	.other__cluster--title {
		font-size: 28px;
		line-height: 32px;
		color: #2a3b4a;
		margin-bottom: 20px;
	}

	.other__cluster--img {
		margin-right: 0px;
		width: 100%;
		height: 260px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top;
	}

	.other__cluster--listing li {
		margin-right: 0;
		width: 100%;
		padding-right: 0;
		text-align: left;
		margin-bottom: 20px;
	}

	.other__cluster--desc {
		margin-right: 0px;
		padding-left: 0px;
		width: 100%;
		padding: 20px 5%;
	}

	.other__cluster--subtitle {
		font-size: 22px;
		line-height: 22px;
		margin-bottom: 20px;
	}

	.other__cluster--subtext {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 16px;
	}

	/* newsdetails */
	.newsdetails {
		margin-bottom: 70px;
	}

	.newsdetails__left {
		width: 100%;
		margin-bottom: 60px;
	}

	.newsdetails__sidebar {
		width: 100%;
		padding: 40px 25px;
	}

	.newsdetails__left--title {
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 15px;
	}

	.gallery-thumbs .swiper-button-prev {
		width: 25px;
		height: 25px;
		right: 25px;
	}

	.gallery-thumbs .swiper-button-next {
		width: 25px;
		height: 25px;
	}

	.sidebar__title {
		font-size: 28px;
		margin-bottom: 30px;
	}

	.sidebar__news--img {
		width: 100%;
		margin-right: 0px;
	}

	.sidebar__news--desc {
		width: 100%;
		margin-right: 0px;
		padding: 15px 4%;
	}

	/* newslisting */

	.newslisting__filter--categorie ul {
		display: none;
	}

	.newslisting__filter--categorie select {
		display: inline-block;
		background: url("../../assets/images/icons/arrow__down--dark.png") 95%
			center no-repeat;
		background-size: 15px;
		height: 50px;
		border: 1px solid #2a3b4a;
		padding: 0px 30px;
		font-size: 17px;
		font-weight: 300;
		color: #2a3b4a;
		text-transform: uppercase;
		width: 100%;
	}

	.newslisting__filter--categorie {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
		max-width: 400px;
	}

	.newslisting__filter--search {
		width: 100%;
		margin-right: 0px;
		max-width: 400px;
	}

	.newslisting__filter--search input {
		float: left;
		width: 100%;
	}

	.newslisting__filter--box {
		float: left;
		width: 100%;
		margin-bottom: 30px;
	}

	.newslisting__box--img {
		width: 100%;
	}

	.newslisting__box--desc {
		float: left;
		width: 100%;
		padding: 4%;
	}

	/* gallery */
	.gallery {
		margin-top: 70px;
		margin-bottom: 70px;
	}

	.filtering__title {
		font-size: 26px;
	}

	.filtering {
		float: left;
		width: 100%;
		margin-bottom: 60px;
	}

	.select__filter {
		display: block;
		float: left;
		width: 100%;
	}

	.select__filter select {
		margin-left: 0;
		margin-top: 11px;
	}

	.gallery .grid {
		float: left;
		width: 100%;
		height: auto !important;
	}
	.grid-sizer,
	.grid-item {
		width: 100% !important;
		position: inherit !important;
		left: inherit !important;
		top: inherit !important;
		float: left;
	}

	/* brick */
	.bricks__layer--title {
		font-size: 28px;
		line-height: 30px;
		margin-bottom: 30px;
	}

	.joinus {
		padding: 30px 10px;
	}

	.joinus__Text {
		font-size: 28px;
		line-height: 32px;
		margin-bottom: 20px;
	}

	.bricks__layer.ordering .bricks__layer--box {
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
	}

	.bricks__layer.ordering .bricks__layer--box .brick__box--img {
		order: 1;
	}

	.bricks__layer.ordering .bricks__layer--box .brick__box--desc {
		order: 2;
	}

	/* error */
	.erropage__title {
		font-size: 50px;
		margin-bottom: 20px;
		line-height: 50px;
	}

	.erropage__desc {
		width: 90%;
	}

	.erropage__text {
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 40px;
	}

	.errporage__btn .btn__white {
		margin: 0px 10px;
		margin-bottom: 10px;
	}

	/* about us */
	.intro__logo {
		margin-bottom: 0px;
	}

	.intro__logo--cluster {
		margin-bottom: 40px;
		width: 100%;
		border-left: none;
		position: relative;
		margin-right: 0px;
	}

	.intro__logo--cluster::before {
		content: "";
		position: absolute;
		left: 50%;
		bottom: -25px;
		background: #ccb7bd;
		width: 50px;
		height: 1px;
		transform: translate(-50%, 0);
	}

	.intro__logo--cluster li {
		margin: 0 10px;
	}

	.intro__logo--cluster.two__cluster {
		width: 100%;
	}

	/* keyfigure */
	.keyfigure {
		margin-bottom: 70px;
	}

	.keyfigure__title {
		font-size: 28px;
		line-height: 30px;
		margin-bottom: 50px;
	}

	.keyfigure__listing--title {
		font-size: 34px;
		line-height: 38px;
	}

	.keyfigure__listing--sub {
		font-size: 14px;
		line-height: 14px;
	}

	.keyfigure__listing li {
		height: 50px;
		margin-bottom: 20px;
		width: 48%;
	}

	.keyfigure__listing {
		text-align: left;
		margin-bottom: 35px;
	}

	.keyfigure__listing:last-child {
		margin-bottom: 20px;
	}

	.keyfigure__listing li span {
		font-size: 13px;
		line-height: 13px;
		width: 100%;
	}

	.keyfigure__listing .sublisting {
		position: inherit;
		right: inherit;
		top: inherit;
		margin-top: 3px;
	}

	.slider__row--title {
		font-size: 28px;
		margin-bottom: 38px;
	}

	.slider__row--box {
		margin-bottom: 70px;
	}

	.slider__row--carousel .swiper-slide {
		width: 100%;
	}

	.slider__row--carousel .swiper-button-prev,
	.slider__row--carousel .swiper-button-next {
		width: 25px;
		height: 25px;
	}

	.slider__row--carousel .swiper-button-prev {
		right: 25px;
	}

	.slider__box--title {
		width: 100%;
		font-size: 34px;
		line-height: 34px;
		margin-bottom: 15px;
	}

	.slider__box--text {
		width: 100%;
	}

	/* woven */
	.intro__title {
		font-size: 28px;
		line-height: 30px;
		margin-bottom: 40px;
	}

	.intro__text {
		margin-bottom: 40px;
	}

	.casousel__slider--title {
		font-size: 28px;
		line-height: 30px;
	}

	.carousel__slider {
		margin-bottom: 70px;
	}

	.anchor__link--title {
		font-size: 28px;
		line-height: 30px;
		margin-bottom: 25px;
	}

	.anchor__link--listing li {
		display: inline-block;
		vertical-align: middle;
		margin-right: 0px;
		width: 100%;
		padding-right: 0;
		margin-bottom: 20px;
	}

	.anchor__img {
		margin-right: 0px;
		width: 100%;
		height: 240px;
		background-size: cover;
	}

	.anchor__desc {
		margin-right: 0px;
		padding-left: 0;
		padding: 15px;
	}

	.segments {
		margin-top: 80px;
	}

	.segments__block--text {
		width: 100%;
		min-height: 500px;
		background: #fcd7be;
		position: inherit;
		top: inherit;
		left: inherit;
		z-index: 2;
		transform: inherit;
		padding: 30px 5.2261%;
		float: left;
		width: 100%;
		-webkit-transform: inherit;
		-moz-transform: inherit;
		-ms-transform: inherit;
		-o-transform: inherit;
	}

	.segments__block--slider {
		width: 100%;
		float: right;
	}

	.segments__block--slider .swiper-button-prev {
		width: 25px;
		height: 25px;
		right: 61px;
	}

	.segments__block--slider .swiper-button-next {
		width: 25px;
		height: 25px;
	}

	.segments__block--title {
		font-size: 38px;
		line-height: 40px;
	}

	.segments__block--sub {
		font-size: 28px;
		line-height: 30px;
		margin-top: 20px;
	}

	.segments__block--listing {
		float: left;
		width: 100%;
		margin: 30px 0px;
	}

	.segments__block--listing li {
		width: auto;
		height: 60px;
		padding: 0px 0px 0px 4px;
		margin-right: 20px;
		margin-bottom: 12px;
	}

	.segments__block.left__block .segments__block--slider .swiper-button-next {
		left: 60px;
	}

	.block__box--maintitle {
		font-size: 32px;
		line-height: 35px;
	}

	.newslisting form {
		display: flex;
		flex-direction: column;
	}

	.newslisting .js-form-item {
		margin-right: 20px;
		margin-bottom: 15px;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
		max-width: 400px;
	}

	.newslisting .js-form-item input {
		width: 100%;
	}
}

@media screen and (min-width: 320px) and (max-width: 400px) {
	.intro__logo--cluster li {
		margin: 0 5px;
	}
	.logo__cluster--icn {
		width: 50px;
		height: 50px;
	}
	.logo__cluster--icn svg {
		width: 50px;
		height: 50px;
	}
	.footer__left--title {
		float: none;
		width: 95%;
	}
	.footer__left--col ul li a {
		font-weight: 300;
		font-size: 14px;
	}
	.modal__container {
		min-width: 320px;
	}
	.intro__title {
		font-size: 24px;
		line-height: 26px;
	}
	.segments__block--title {
		font-size: 32px;
		line-height: 40px;
	}
	.banner__multiple--logo li {
		margin: 0 15px;
	}
	.banner__multiple--logo li img {
		opacity: 0.8;
		width: 35px;
		height: 35px;
	}
	.banner__multiple--logo li span {
		display: block;
		color: #ffffff;
		font-size: 14px;
		text-transform: uppercase;
	}
	.centering__banner--logo {
		top: 40%;
	}
	.banner__title {
		font-size: 24px;
		line-height: 25px;
		margin-bottom: 5px;
	}
	.banner__subtitle {
		font-size: 16px;
		line-height: 18px;
	}
	.Banner__btn {
		bottom: 9px;
		font-size: 12px;
	}
}