/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/**

1. Common
	1.1 Custom Checkboxes
	1.2 Header
	1.3 Footer
2. Home page
	2.1 Common page
	2.2 Banner section
	2.3 Description section
	2.4 Specialities Slider section
 2.5 Capabilities section
	2.6 Explore Section
2. Benefits page
 2.1 Page Banner

* Responsive CSS below
 */


/*====================================*/
/* 1. Common */
/*====================================*/

:root {
		--color-main: #000000;
		--color-yellow: #fabd00;
		--color-yellow-hover: #eeb303;
		--color-gold: #a07600;
		--color-pink: #bf004e;
		--color-grey: #606060;
		--color-blue-light: #b3e2ff;
		
		--base-font-size: 0.625;
}

html {
		font-size: 16px;
		scroll-behavior: smooth;
}

body {
		/*overflow-x: hidden !important;*/
		letter-spacing: 0.025rem;
		color: var(--color-main);
		background-color: #FFF;
		font-family: 'Larsseit', sans-serif;
		font-weight: 400;
		line-height: 128%;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}

/* custom broswer default scroll */

body::-webkit-scrollbar {
		width: 0.3rem;
}

body::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

body::-webkit-scrollbar-thumb {
		border-radius: 5px;
		outline: 1px solid slategrey;
		background-color: #878e9a;
}

html {
		max-width: 100vw;
		scroll-behavior: auto !important;
}

.btn.btn-red {
		padding: 8px 20px;
		text-transform: uppercase;
		color: #FFFFFF;
		border-radius: 25px;
		outline: none;
		background: #ED6560;
		box-shadow: none;
		font-size: 13px;
		font-weight: 500;
		line-height: 13px;
}

.btn.btn-red:hover,
.btn.btn-red:active,
.btn.btn-red:focus {
		background: #ca2d27;
}

.modal-backdrop.show {
		opacity: 0.7;
}

.modal.show {
		backdrop-filter: blur(10px);
}

.modal.show::-webkit-scrollbar {
		width: 0.3rem;
}

.modal.show::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.modal.show::-webkit-scrollbar-thumb {
		border-radius: 5px;
		outline: 1px solid slategrey;
		background-color: #878e9a;
}

.modal .modal-dialog {
		width: 90%;
		max-width: 1440px;
}

.modal .modal-dialog .modal-body {
		padding-top: 60px;
}

.modal .modal-dialog .modal-content {
		border-radius: 0;
}

.modal .modal-dialog .modal-content .container {
		max-width: 1050px;
}

.modal .modal-dialog .modal-body button.close {
		position: absolute;
		top: 30px;
		right: 30px;
		opacity: 1;
		outline: none;
}

/* 1.1 Custom Checkboxes */

.checkbox,
.radio {
		display: inline-block;
}

.checkbox label,
.radio label {
		position: relative;
		/* Chrome all / Safari all */
		margin-bottom: 0;
		/* Firefox all */
		padding-left: 36px;
		/* IE 10+ */
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		letter-spacing: normal;
		color: var(--color-main);
		font-size: 0.889rem;
		font-weight: 400;
		line-height: 120%;
}

.checkbox.active label,
.radio.active label {
		color: var(--color-main);
		font-weight: 400;
}

.radio label,
.checkbox label {
		padding-left: 2.000rem;
}

.checkbox label:after,
.radio label:after {
		display: table;
		clear: both;
		content: '';
}

.checkbox .cr,
.radio .cr {
		position: absolute;
		top: 0;
		left: 0;
		display: inline-block;
		float: left;
		width: 22px;
		height: 22px;
		margin-right: 0;
		border: 2px solid #5b5b5b;
		border-radius: 3px;
		background-color: #FFF;
}

.radio .cr {
		top: -2px;
		width: 22px;
		height: 22px;
		border-radius: 50%;
		
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
		position: absolute;
		top: -1px;
		left: -1px;
		display: inline-block;
		width: 22px;
		height: 22px;
		text-align: center;
		color: #000;
		border: 1px solid #000;
		border-radius: 3px;
		background-color: #FFF;
		font-size: 0.875rem;
		line-height: 16px;
}

.checkbox .cr .cr-icon:before {
		position: absolute;
		top: 50%;
		left: 50%;
		display: inline-block;
		width: 18px;
		height: 18px;
		margin-top: -3px;
		margin-left: -3px;
		content: "";
		-webkit-transform: none !important;
		-ms-transform: none !important;
		transform: none !important;
		color: #000;
		border-radius: 50%;
		background-color: transparent;
}

.radio .cr .cr-icon {
		top: 2px;
		left: 2px;
		width: 14px;
		height: 14px;
		border-radius: 50%;
}

.checkbox .cr .cr-icon {
		top: 2px;
		left: 2px;
		width: 14px;
		height: 14px;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
		display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
		-webkit-transition: all .1s ease-in;
		-o-transition: all .1s ease-in;
		transition: all .1s ease-in;
		-webkit-transform: scale(1) rotateZ(-20deg);
		-ms-transform: scale(1) rotate(-20deg);
		transform: scale(1) rotateZ(-20deg);
		opacity: 0;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
		-webkit-transform: scale(1) rotateZ(0deg);
		-ms-transform: scale(1) rotate(0deg);
		transform: scale(1) rotateZ(0deg);
		opacity: 1;
		background-color: #5b5b5b;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
		opacity: .5;
}


/*======================================*/
/* 1.2 Header */
/*======================================*/

.site-header {
		position: fixed;
		z-index: 1000;
		top: 0;
		right: 0;
		left: 0;
		width: 100vw;
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		background: transparent;
}

.site-header .header__inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		align-items: center;
		-ms-flex-align: center;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		padding: 37px 0;
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
}

body.dark-header .site-header .header__inner {
		padding: 22px 0;
}

body.open-menu.dark-header .site-header .header__inner {
		padding: 37px 0;
}

.site-header .header__inner > * {
		margin-right: 50px;
}

.site-header .header__inner > :last-child {
		margin-right: 0;
}

.site-header .header__inner .lang {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		align-items: flex-start;
		-ms-flex-align: start;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-bottom: 0;
		margin-left: auto;
		padding: 0;
		list-style-type: none;
}

.site-header .header__inner .lang .lang-item {
		margin-right: 25px;
		text-transform: uppercase;
		color: #ED6560;
		font-size: 14px;
		font-weight: 500;
		line-height: 14px;
}

.site-header .header__inner .lang .lang-item:last-child {
		margin-right: 0;
}

.site-header .header__inner .lang .lang-item a {
		color: #FFFFFF;
}

.site-header .navigation .burger-icon {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 40px;
		height: 35px;
		cursor: pointer;
}

.site-header .navigation .burger-icon > span {
		width: 100%;
		height: 4px;
		-webkit-transition: all 0.25s;
		-o-transition: all 0.25s;
		transition: all 0.25s;
		border-radius: 2px;
		background-color: #FFF;
}

body.open-menu .site-header .navigation .burger-icon > span:nth-child(1) {
		-webkit-transform: translateY(16px) rotate(45deg);
		-ms-transform: translateY(16px) rotate(45deg);
		transform: translateY(16px) rotate(45deg);
}

body.open-menu .site-header .navigation .burger-icon > span:nth-child(2) {
		-webkit-transform: translateX(100px);
		-ms-transform: translateX(100px);
		transform: translateX(100px);
}

body.open-menu .site-header .navigation .burger-icon > span:nth-child(3) {
		-webkit-transform: translateY(-15px) rotate(-45deg);
		-ms-transform: translateY(-15px) rotate(-45deg);
		transform: translateY(-15px) rotate(-45deg);
}

.site-menu {
		position: fixed;
		z-index: 900;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		padding-top: 109px;
		-webkit-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
		background: url('/wp-content/themes/klick17/images/new-home-2/menu-bg.jpg');
		background-size: cover;
		will-change: auto;
}

.site-menu ul {
		padding: 60px 0;
		list-style-type: none;
}

.site-menu ul li {
		visibility: hidden;
		width: 100%;
		padding: 10px 0;
		transition: all 250ms linear;
		transform: translateY(-30px);
		text-align: right;
		opacity: 0;
}

body.open-menu .site-menu ul li {
		visibility: visible;
		transition: opacity 350ms ease,
		transform 250ms ease;
		transform: translateY(0);
		opacity: 1;
}

body.open-menu .site-menu ul li:nth-child(1) {
		transition-delay: 300ms;
}

body.open-menu .site-menu ul li:nth-child(2) {
		transition-delay: 380ms;
}

body.open-menu .site-menu ul li:nth-child(3) {
		transition-delay: 460ms;
}

body.open-menu .site-menu ul li:nth-child(4) {
		transition-delay: 520ms;
}

.site-menu ul li a {
		-webkit-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		text-transform: uppercase;
		color: #FFFFFF;
		font-size: 64px;
		
		font-weight: 700;
		line-height: 64px;
}

.site-menu ul li a:hover,
.site-menu ul li a:active {
		opacity: 0.7;
}

body.open-menu {
		overflow: hidden;
		height: 100vh;
}

body.open-menu .site-menu {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
}

body.dark-header .site-header {
		border-color: transparent;
		background: rgba(0, 0, 0, 0.8);
}

body.open-menu.dark-header .site-header {
		border-color: #FFFFFF;
		background: transparent;
}

/* Request modal */


#requestQuote .modal-body {
		padding: 70px 100px;
}

#requestQuote .modal-body .form-group {
		position: relative;
		margin-bottom: 15px;
}

#requestQuote .modal-body .modal-title {
		color: #021331;
		font-family: 'Larsseit', sans-serif;
		font-size: 64px;
		font-weight: 700;
		line-height: 118.2%;
}


#requestQuote .modal-body .form-group .form-title {
		transition: all 0.3s ease-in-out;
		color: #021331;
		font-family: 'Larsseit', sans-serif;
		font-size: 36px;
		font-weight: 700;
		font-style: normal;
		line-height: 1;
}

#requestQuote .modal-body .form-group .form-title:first-child{
		margin-top: 25px;
		margin-bottom: 15px;
}

#requestQuote .modal-body .form-group > label,
#requestQuote .modal-body .form-group > input {
		display: block;
}

#requestQuote textarea::-webkit-scrollbar {
		width: 0.3rem;
}

#requestQuote textarea::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

#requestQuote textarea::-webkit-scrollbar-thumb {
		border-radius: 5px;
		outline: 1px solid slategrey;
		background-color: #878e9a;
}
		
		/*the container must be positioned relative:*/
.k17-custom-select {
		position: relative;
		padding-top: 30px;
}

.k17-custom-select select {
		position: absolute;
		opacity: 0;
		top: 45px;
		left: 0;
}

.k17-custom-select .select-selected {
		position: relative;
		min-height: 38px;
		border: 0;
		border-bottom: 1px solid rgba(2, 19, 49, 0.3);
		border-radius: 0;
}

/*style the arrow inside the select element:*/
.k17-custom-select .select-selected:after {
		position: absolute;
		top: 14px;
		right: 10px;
		width: 0;
		height: 0;
		content: "";
		border: 6px solid transparent;
		border-color: #021331 transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.k17-custom-select .select-selected.select-arrow-active:after {
		top: 7px;
		border-color: transparent transparent #021331 transparent;
}

.k17-custom-select .select-selected.select-arrow-active {
		border-color: #EB5757;
}

/*style the items (options), including the selected item:*/
.k17-custom-select .select-items div,
.k17-custom-select .select-selected {
		padding: 8px 16px;
		cursor: pointer;
		user-select: none;
		color: #021331;
		border-bottom: 1px solid #021331;
}

/*style items (options):*/
.k17-custom-select .select-items {
		position: absolute;
		z-index: 99;
		top: 100%;
		right: 0;
		left: 0;
		background-color: #fff;
}

/*hide the items when the select box is closed:*/
.k17-custom-select .select-hide {
		display: none;
}

.k17-custom-select .select-items .same-as-selected {
		color: #fff;
		background-color: #021331;
}

.k17-custom-select .select-items div:hover {
		color: #fff;
		background-color: rgba(2, 19, 49, 0.6);
}

.k17-custom-select label {
		position: absolute;
		top: 25px;
		left: 0;
		transition: all 0.3s ease-in-out;
		pointer-events: none;
		color: #021331;
		font-family: 'Larsseit', sans-serif;
		font-size: 36px;
		font-weight: 700;
		font-style: normal;
		line-height: 1;
}

.k17-custom-select select.filled ~ label,
.k17-custom-select select.focus ~ label {
		top: 6px;
		font-size: 24px;
}

#requestQuote .checkbox {
		margin-bottom: 10px;
		padding-left: 0;
}

#requestQuote .checkbox label {
		color: #677183;
		font-family: 'Larsseit', sans-serif;
		font-size: 18px;
		font-weight: 400;
		line-height: 160%;
}

#requestQuote .checkbox .cr {
		border-color: #677183;
		border-radius: 0;
}

#requestQuote .checkbox .cr .cr-icon {
		position: absolute;
		top: 0;
		left: 6px;
		display: inline-block;
		width: 8px;
		height: 16px;
		transform: rotate(45deg);
		border: 0;
		border-right: 4px solid #EB5757;
		border-bottom: 4px solid #EB5757;
		border-radius: 0;
		background: transparent;
}

#requestQuote input[type=radio] {
		position: absolute;
		bottom: 0;
		left: 0;
		opacity: 0;
}

#requestQuote input[type=radio] + label {
		margin-bottom: 10px;
		padding: 9px 16px 7px;
		cursor: pointer;
		user-select: none;
		text-transform: uppercase;
		color: #021331;
		border: 1px solid #9DB1D5;
		border-radius: 25px;
		font-family: 'Larsseit', sans-serif;
		font-size: 13px;
		font-weight: 500;
		line-height: 1;
}

#requestQuote input[type=radio]:checked + label {
		color: #fff;
		border: 1px solid #EB5757;
		background: #EB5757;
}

#requestQuote input[type=text],
#requestQuote input[type=email],
#requestQuote input[type=tel],
#requestQuote textarea {
		position: relative;
		min-height: 30px;
		padding: 8px 16px;
		cursor: pointer;
		user-select: none;
		color: #021331;
		border: 0;
		border-bottom: 1px solid #021331;
		border-radius: 0;
		box-shadow: none;
}

#requestQuote input[type=text] + label,
#requestQuote input[type=email] + label,
#requestQuote input[type=tel] + label,
#requestQuote textarea + label {
		position: absolute;
		top: 20px;
		left: 0;
		pointer-events: none;
}

#requestQuote .text-input-wrapper {
		padding-top: 25px;
}

#requestQuote input[type=text]:focus,
#requestQuote input[type=email]:focus,
#requestQuote input[type=tel]:focus,
#requestQuote textarea:focus {
		border-bottom: 1px solid #EB5757;
}

#requestQuote .modal-body .form-group input[type=text]:focus + label.form-title,
#requestQuote .modal-body .form-group input[type=text].filled + label.form-title,
#requestQuote .modal-body .form-group input[type=email]:focus + label.form-title,
#requestQuote .modal-body .form-group input[type=email].filled + label.form-title,
#requestQuote .modal-body .form-group input[type=tel]:focus + label.form-title,
#requestQuote .modal-body .form-group input[type=tel].filled + label.form-title,
#requestQuote .modal-body .form-group textarea:focus + label.form-title,
#requestQuote .modal-body .form-group textarea.filled + label.form-title {
		top: 0;
		font-size: 24px;
}

#requestQuote .invalid-feedback {
		display: block;
		overflow: hidden;
		height: 0;
		margin-bottom: 0;
		transition: all 0.3s ease-in-out;
}

#requestQuote .modal-body .form-group input[type=text].filled:invalid ~ .invalid-feedback,
#requestQuote .modal-body .form-group input[type=email].filled:invalid ~ .invalid-feedback,
#requestQuote .modal-body .form-group input[type=tel].filled:invalid ~ .invalid-feedback,
#requestQuote .modal-body .form-group textarea.filled:invalid ~ .invalid-feedback {
		height: auto;
}

#requestQuote .modal-body .form-group > label.file-wrapper {
		position: relative;
		display: flex;
		align-items: center;
		flex-flow: row nowrap;
		justify-content: center;
		padding: 22px;
		border: 1px dashed rgba(2, 19, 49, 0.3);
		background: rgba(2, 19, 49, 0.06);
}

#requestQuote .file-wrapper input {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
}

#requestQuote .modal-body .form-group > label.file-wrapper .label-text {
		position: relative;
		padding-left: 25px;
		pointer-events: none;
		color: #677183;
		font-family: 'Larsseit', sans-serif;
		font-size: 16px;
		font-weight: 400;
		font-style: italic;
		line-height: 160%;
}

#requestQuote .modal-body .form-group > label.file-wrapper .label-text:before {
		position: absolute;
		top: 0;
		left: 0;
		width: 20px;
		height: 20px;
		content: "";
		background: url('/wp-content/themes/klick17/images/new-home-2/paperclip.svg');
}

#requestQuote .modal-body .form-group > label.file-wrapper ~ .preview .overdone{
		color: #ED6560;
		
}

#requestQuote .modal-body .form-group > label.file-wrapper ~ .preview ol {
		margin: 0;
		padding-left: 0;
		list-style-type: none;
}

#requestQuote .modal-body .form-group > label.file-wrapper ~ .preview ol li {
		position: relative;
		padding-left: 25px;
}

#requestQuote .modal-body .form-group > label.file-wrapper ~ .preview .not-valid {
		padding-left: 0;
		color: #ED6560;
}

#requestQuote .modal-body .form-group > label.file-wrapper ~ .preview .not-valid .remove-file {
		display: none;
}

#requestQuote .modal-body .form-group > label.file-wrapper ~ .preview .remove-file {
		position: absolute;
		top: 0;
		left: 0;
}

#requestQuote .modal-body .form-group > label.file-wrapper ~ .preview .remove-file:after {
		position: absolute;
		top: 0;
		left: 0;
		content: "✕";
		cursor: pointer;
		color: #EB5757;
		
}


/*==========================*/
/* 1.5	Alert form */
/*==========================*/

.alert-message {
	display: none;
}

#requestQuote form.success,
#requestQuote form.error {
	display: none;
}

#requestQuote form.success ~ #message-form-success,
#requestQuote form.error ~ #message-form-error{
	display: block;
}

.alert-message__inner {
	/*position: fixed;*/
	/*z-index: 900;*/
	/*top: 0;*/
	/*left: 0;*/
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	/*background: rgba(255,255,255, 0.8);*/
}

.alert-message__icon {
	display: block;
	height: 15vw;
	width: 15vw;
	color: #94ed60;
}

.alert-message__icon--red {
	color: #ED6560;
}

.alert-message__icon .tick {
	stroke-dasharray: 18;
	stroke-dashoffset: 18;
	animation: drawTick 1s forwards;
}
@keyframes drawTick {
	to { stroke-dashoffset: 0 }
}

.alert-message__icon .first-line {
	stroke-dasharray: 45;
	stroke-dashoffset: 45;
	animation: drawFirstLine 1s forwards;
}

@keyframes drawFirstLine {
	to { stroke-dasharray: 75; }
}

.alert-message__icon .second-line {
	stroke-dasharray: 45;
	stroke-dashoffset: 45;
	animation: drawSecondLine 1s forwards 1s;
}

@keyframes drawSecondLine {
	to { stroke-dasharray: 75; }
}

.alert-message__text {
	color: #021331;
	font-family: 'Larsseit', sans-serif;
	font-size: 32px;
	font-weight: 700;
	line-height: 118.2%;
}

@media (min-width: 769px) {
	.alert-message__text {
		font-size: 42px;
	}
}


/* 1.3 Footer */

.site-footer {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		height: 50vh;
		padding: 60px 0;
		background: #021331;
}

.site-footer .container {
		position: relative;
}

.site-footer .footer__bg {
		position: absolute;
		right: 0;
		bottom: -20vh;
		left: 0;
		width: 100%;
		opacity: 0.1;
}

.site-footer ul {
		margin-bottom: 0;
		padding-left: 0;
		list-style-type: none;
}


/**
2. Home page
	*/

/**
2.1 Common page
 */

.new-home .screen {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		min-height: 100vh;
		padding-top: 79px;
		color: #000;
}

.new-home > .screen:first-child {
		padding-top: 109px;
}

.capabilities .section-cta {
		margin-top: 50px;
}

.section-cta__link {
		position: relative;
		padding-left: 70px;
		-webkit-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
		text-decoration: underline;
		color: #ED6560;
		font-size: 36px;
		font-weight: 400;
		line-height: 160%;
}

.section-cta__link:hover,
.section-cta__link:active {
		text-decoration: none;
		color: #ED6560;
}

.section-cta__link:before {
		position: absolute;
		top: 0;
		left: 0;
		width: 55px;
		height: 31px;
		content: "";
		background: url("/wp-content/themes/klick17/images/new-home-2/link-arrow.svg") no-repeat;
}

/**
2.2 Banner section
 */

.new-home .banner {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding-bottom: 55px;
		background: #000;
}

.new-home .banner .banner__bg {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0.7;
		-o-object-fit: cover;
		object-fit: cover;
}

.new-home .banner h1 {
		text-align: left;
		color: #FFFFFF;
		font-family: 'Larsseit', sans-serif;
		font-size: calc(var(--base-font-size) * 3.6rem + 5.6vw);
		font-weight: 700;
		font-style: normal;
		
		line-height: 80%;
}

/**
2.3 Description section
 */

.site-description {
		padding-bottom: 100px;
}


.site-description .text {
		color: rgba(0, 0, 0, 0.6);
		font-size: calc(var(--base-font-size) * 3.6rem);
		font-weight: 400;
		font-style: normal;
		line-height: 160%;
}

.site-description .text.italic {
		font-style: italic;
}

.site-description h2 {
		margin-top: auto;
		margin-bottom: 15px;
		text-align: left;
		color: #021331;
		font-size: calc(var(--base-font-size) * 6.4rem);
		font-weight: 700;
		
		font-style: normal;
		line-height: 1.3;
}

.site-description .description-box {
		max-width: 995px;
}

/**
2.4 Specialities Slider section
 */

/*Old version*/

/*.offers {*/
/*		position: relative;*/
/*		display: -webkit-box;*/
/*		display: -ms-flexbox;*/
/*		display: flex;*/
/*		-webkit-box-align: stretch;*/
/*		align-items: stretch;*/
/*		-ms-flex-align: stretch;*/
/*		-ms-flex-flow: row nowrap;*/
/*		flex-flow: row nowrap;*/
/*		-webkit-box-orient: horizontal;*/
/*		-webkit-box-direction: normal;*/
/*		-webkit-box-pack: start;*/
/*		-ms-flex-pack: start;*/
/*		justify-content: flex-start;*/
/*}*/

/*.offers > .offers__column:first-child {*/
/*		position: relative;*/
/*		-webkit-box-flex: 0;*/
/*		-ms-flex: none;*/
/*		flex: none;*/
/*		width: calc(60vw + 50px);*/
/*		max-width: 1250px;*/
/*}*/

/*.offers > .offers__column:last-child {*/
/*		position: relative;*/
/*		-webkit-box-flex: 0;*/
/*		-ms-flex: none;*/
/*		flex: none;*/
/*		width: calc(40vw + 50px);*/
/*		max-width: 850px;*/
/*}*/

/*@media (min-width: 2000px) {*/
/*		.offers {*/
/*				justify-content: center;*/
/*		}*/
/*}*/

/*.offers > .offers__column.images {*/
/*		left: -100px;*/
/*}*/

/*.offers > .offers__column.images .slide__image {*/
/*		position: absolute;*/
/*		top: 79px;*/
/*		right: 0;*/
/*		bottom: 115px;*/
/*		left: 0;*/
/*		width: 100%;*/
/*		height: calc(100vh - 194px);*/
/*}*/

/*.offers > .offers__column.images .slide__image img {*/
/*		position: absolute;*/
/*		top: 0;*/
/*		right: 0;*/
/*		bottom: 0;*/
/*		left: 0;*/
/*		width: 100%;*/
/*		height: 100%;*/
/*		-o-object-fit: cover;*/
/*		object-fit: cover;*/
/*}*/

/*.offers > .offers__column.slider {*/
/*		padding-top: 194px;*/
/*}*/


/*.offers > .offers__column .offers__column-inner {*/
/*		position: sticky;*/
/*		top: 194px;*/
/*		left: 0;*/
/*		background: #021331;*/
/*}*/

/*.offers > .offers__column .offers__slider-wrapper {*/
/*		width: 100%;*/
/*		margin-left: auto;*/
/*		padding-right: 100px;*/
/*		padding-left: 15px;*/
/*}*/

/*!*Adaptive according to container*!*/

/*@media (min-width: 576px) {*/
/*		.offers > .offers__column .offers__slider-wrapper {*/
/*				max-width: 301px;*/
/*		}*/
/*}*/

/*@media (min-width: 768px) {*/
/*		.offers > .offers__column .offers__slider-wrapper {*/
/*				max-width: 517px;*/
/*		}*/
/*}*/

/*@media (min-width: 992px) {*/
/*		.offers > .offers__column .offers__slider-wrapper {*/
/*				max-width: 661px;*/
/*		}*/
/*}*/

/*@media (min-width: 1200px) {*/
/*		.offers > .offers__column .offers__slider-wrapper {*/
/*				max-width: 769px;*/
/*		}*/
/*}*/

/*.offers .offers__slider {*/
/*		height: calc(100vh - 194px);*/
/*}*/

/*.offers__slider .swiper-slide:not(.swiper-slide-visible) {*/
/*		opacity: 0 !important;*/
/*}*/


/*.offers .swiper-pagination-vertical.swiper-pagination-bullets, .offers .swiper-vertical > .swiper-pagination-bullets {*/
/*		right: auto;*/
/*		left: 15px;*/
/*}*/

/*.offers .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {*/
/*		width: 30px;*/
/*		height: 30px;*/
/*		margin-bottom: 15px;*/
/*		-webkit-transition: all 0.5s ease;*/
/*		-o-transition: all 0.5s ease;*/
/*		transition: all 0.5s ease;*/
/*		opacity: 1;*/
/*		border: 1px solid #fff;*/
/*		background: transparent;*/
/*}*/

/*.offers .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {*/
/*		background: rgba(255, 255, 255, 0.8);*/
/*}*/

/*.offers .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet-active {*/
/*		height: 60px;*/
/*		border-radius: 15px;*/
/*		background: #fff;*/
/*}*/

/*.offers .slide__content {*/
/*		position: relative;*/
/*		display: -webkit-box;*/
/*		display: -ms-flexbox;*/
/*		display: flex;*/
/*		-webkit-box-align: start;*/
/*		align-items: flex-start;*/
/*		-ms-flex-align: start;*/
/*		-ms-flex-flow: column nowrap;*/
/*		flex-flow: column nowrap;*/
/*		-webkit-box-orient: vertical;*/
/*		-webkit-box-direction: normal;*/
/*		-webkit-box-pack: center;*/
/*		-ms-flex-pack: center;*/
/*		justify-content: center;*/
/*		height: 100%;*/
/*		*/
/*		padding: 100px;*/
/*}*/

/*.offers .slide__content .slide__title {*/
/*		margin-bottom: 20px;*/
/*		color: #fff;*/
/*		font-family: 'Larsseit', sans-serif;*/
/*		font-size: calc(var(--base-font-size) * 6.4rem);*/
/*		font-weight: 700;*/
/*		line-height: 100%;*/
/*}*/

/*.offers .slide__content .slide__title .accent {*/
/*		color: #ED6560;*/
/*}*/

/*.offers .slide__content .slide__description {*/
/*		margin-bottom: 30px;*/
/*		color: #9DB1D4;*/
/*		font-size: calc(var(--base-font-size) * 3.6rem);*/
/*		font-weight: 400;*/
/*		line-height: 150%;*/
/*}*/


/*.offers .slide__content .btn {*/
/*		position: relative;*/
/*		display: table-cell;*/
/*		height: 50px;*/
/*		padding: 0 30px;*/
/*		cursor: pointer;*/
/*		vertical-align: middle;*/
/*		text-decoration: none;*/
/*		text-transform: uppercase;*/
/*		color: #FFFFFF;*/
/*		border: 0;*/
/*		outline: none;*/
/*		background: transparent;*/
/*		font-family: inherit;*/
/*		font-size: calc(var(--base-font-size) * 1.4rem);*/
/*		font-weight: 500;*/
/*		line-height: 1;*/
/*		*/
/*}*/

/*.offers .slide__content .btn .circle {*/
/*		position: absolute;*/
/*		z-index: -1;*/
/*		top: 0;*/
/*		left: 0;*/
/*		display: block;*/
/*		width: 50px;*/
/*		height: 50px;*/
/*		margin: 0;*/
/*		-webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);*/
/*		-o-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);*/
/*		transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);*/
/*		border-radius: 1.625rem;*/
/*		background: #ED6560;*/
/*}*/

/*.offers .slide__content .btn:hover .circle,*/
/*.offers .slide__content .btn:active .active {*/
/*		width: 100%;*/
/*}*/

/*.offers .slide__content .btn:hover,*/
/*.offers .slide__content .btn:active {*/
/*		box-shadow: none;*/
/*}*/


.new-home section.offers {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: stretch;
		align-items: stretch;
		-ms-flex-align: stretch;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		justify-content: flex-end;
}

.offers > .offers__column.pagination-wrapper {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 45px;
}

.offers > .offers__column.slider {
		position: relative;
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		/*width: calc(60vw + 20px); !**calc(60vw + 50px  - 30px)**!*/
		width: 100%;
		max-width: 1250px;
}


@media (min-width: 576px) {
		.offers > .offers__column.slider {
				max-width: 256px;
		}
}

@media (min-width: 768px) {
		.offers > .offers__column.slider {
				max-width: 472px;
		}
}

@media (min-width: 992px) {
		.offers > .offers__column.slider {
				max-width: 616px;
		}
}

@media (min-width: 1200px) {
		.offers > .offers__column.slider {
				max-width: 724px;
		}
}


.offers > .offers__column.images {
		position: relative;
		left: -100px;
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: calc(40vw + 50px);
		max-width: 850px;
		margin-right: -100px;
}

@media (min-width: 2000px) {
		.offers {
				justify-content: center;
		}
}


.offers > .offers__column.images .images-slider-wrapper {
		position: sticky;
		top: 0;
		height: 100vh;
}

.offers > .offers__column.images .images-slider-wrapper:after {
		position: absolute;
		z-index: -100;
		top: 194px;
		left: 100px;
		width: calc(60vw + 50px);
		height: calc(100vh - 194px);
		content: "";
		transform: translateX(-100%);
		background: rgb(2, 19, 49);
}

.offers > .offers__column.images .images-slider-wrapper .images-slider {
		height: 100%;
}


.offers__slider-wrapper .screen {
		justify-content: center;
		padding-top: 194px;
}

.offers > .offers__column.images .slide__image {
		position: absolute;
		top: 79px;
		right: 0;
		bottom: 115px;
		left: 0;
		width: 100%;
		height: calc(100vh - 194px);
}

.offers > .offers__column.images .slide__image img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
}

.offers > .offers__column .offers__column-inner {
		position: sticky;
		top: 194px;
		width: 100%;
		height: calc(100vh - 194px);
		background: #021331;
}

.offers > .offers__column .offers__slider-wrapper {
		position: relative;
		z-index: 1;
		width: 100%;
		margin-left: auto;
		padding-right: 100px;
		padding-left: 15px;
}


/*!*Adaptive according to container*!*/

/*@media (min-width: 576px) {*/
/*		.offers > .offers__column .offers__slider-wrapper {*/
/*				max-width: 301px;*/
/*		}*/
/*}*/

/*@media (min-width: 768px) {*/
/*		.offers > .offers__column .offers__slider-wrapper {*/
/*				max-width: 517px;*/
/*		}*/
/*}*/

/*@media (min-width: 992px) {*/
/*		.offers > .offers__column .offers__slider-wrapper {*/
/*				max-width: 661px;*/
/*		}*/
/*}*/

/*@media (min-width: 1200px) {*/
/*		.offers > .offers__column .offers__slider-wrapper {*/
/*				max-width: 769px;*/
/*		}*/
/*}*/

.offers .offers__slider {
		height: calc(100vh - 194px);
}

.images-slider .swiper-slide:not(.swiper-slide-visible) {
		opacity: 0 !important;
}

.offers .offers__column.pagination-wrapper .swiper-pagination {
		position: sticky;
		top: 0;
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		height: 100vh;
		padding-top: 194px;
		transform: none;
}


.offers .swiper-pagination-vertical.swiper-pagination-bullets, .offers .swiper-vertical > .swiper-pagination-bullets {
		width: 30px;
		margin-left: auto;
}

.offers .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
		width: 30px;
		height: 30px;
		margin-bottom: 15px;
		-webkit-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		opacity: 1;
		border: 1px solid #fff;
		background: transparent;
}

.offers .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
		background: rgba(255, 255, 255, 0.8);
}

.offers .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet-active {
		height: 60px;
		border-radius: 15px;
		background: #fff;
}

.offers .slide__content {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		align-items: flex-start;
		-ms-flex-align: start;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: 100%;
		
		padding: 50px 100px 50px 15px;
}

.offers .slide__content .slide__title {
		margin-bottom: 20px;
		color: #fff;
		font-family: 'Larsseit', sans-serif;
		font-size: calc(var(--base-font-size) * 6.4rem);
		font-weight: 700;
		line-height: 100%;
}

.offers .slide__content .slide__title .accent {
		color: #ED6560;
}

.offers .slide__content .slide__description {
		margin-bottom: 30px;
		color: #9DB1D4;
		font-size: calc(var(--base-font-size) * 3.6rem);
		font-weight: 400;
		line-height: 150%;
}

/*.offers .slide__content .btn {*/
/*		position: relative;*/
/*		display: table-cell;*/
/*		height: 50px;*/
/*		padding: 0 30px;*/
/*		cursor: pointer;*/
/*		vertical-align: middle;*/
/*		text-decoration: none;*/
/*		text-transform: uppercase;*/
/*		color: #FFFFFF;*/
/*		border: 0;*/
/*		outline: none;*/
/*		background: transparent;*/
/*		font-family: inherit;*/
/*		font-size: calc(var(--base-font-size) * 1.4rem);*/
/*		font-weight: 500;*/
/*		line-height: 1;*/
/*}*/

.offers .slide__content .btn {
		position: relative;
		display: table-cell;
		height: 50px;
		padding: 0 30px;
		cursor: pointer;
		vertical-align: middle;
		text-decoration: none;
		text-transform: uppercase;
		color: #FFFFFF;
		border: 0;
		outline: none;
		font-family: inherit;
		font-size: calc(var(--base-font-size) * 1.4rem);
		font-weight: 500;
		line-height: 1;
}


.offers .slide__content .btn .circle {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		display: block;
		width: 50px;
		height: 50px;
		margin: 0;
		-webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
		-o-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
		transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
		border-radius: 1.625rem;
		background: #ED6560;
}

.offers .slide__content .btn .text {
		position: relative;
		z-index: 2;
}

.offers .slide__content .btn:hover .circle,
.offers .slide__content .btn:active .active {
		width: 100%;
}

.offers .slide__content .btn:hover,
.offers .slide__content .btn:active {
		box-shadow: none;
}

/**
2.5 Capabilities section
	*/
.new-home .screen.capabilities {
		padding: 150px 0 50px;
}

.capabilities .capabilities__description {
		text-transform: uppercase;
		color: #ED6560;
		font-size: calc(var(--base-font-size) * 1.5rem);
		font-weight: 400;
		line-height: 1.2;
}

.capabilities h2 {
		margin-bottom: 45px;
		color: #021331;
		font-size: calc(var(--base-font-size) * 6.4rem);
		font-weight: 700;
		line-height: 1.3;
}

.capabilities .container > .row {
		position: relative;
}

.capabilities .capability__link {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		align-items: center;
		-ms-flex-align: center;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
}

.capabilities .capability .capability__image {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		align-items: center;
		-ms-flex-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100px;
		height: 100px;
		margin-bottom: 30px;
		-webkit-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
		border-radius: 50px;
}

.capabilities .capability .capability__image img {
		-webkit-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
}

.capabilities .capability__wrapper .capability:hover .capability__image,
.capabilities .capability__wrapper .capability:active .capability__image {
		-webkit-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
		background: #ED6560;
}

.capabilities .capability__wrapper .capability:hover .capability__image img,
.capabilities .capability__wrapper .capability:active .capability__image img {
		-webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(275deg) brightness(105%) contrast(103%);
		filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(275deg) brightness(105%) contrast(103%);
}

.capabilities .focus-capability {
		position: absolute;
		z-index: -1;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100px;
		height: 100px;
		
		content: "";
		-webkit-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
		border-radius: 50px;
		/*background: #61615a;*/
		background: rgba(2, 19, 49, 0.06);
		/*animation-name: focus;*/
		/*animation-duration: 2s;*/
		/*animation-iteration-count: 1;*/
}

.capabilities .focus-capability.process {
		-webkit-animation-name: process;
		animation-name: process;
		-webkit-animation-duration: 0.3s;
		animation-duration: 0.3s;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
}

@-webkit-keyframes process {
		0% {
		}
		50% {
				width: 50px;
				height: 50px;
				top: 25px;
				margin-left: 25px
		}
		100% {
		}
}

@keyframes process {
		0% {
		}
		50% {
				width: 50px;
				height: 50px;
				top: 25px;
				margin-left: 25px
		}
		100% {
		}
}

/*@keyframes focus {*/
/*		from {	transform: translateX(-200%)}*/
/*		to {	transform: translateX(0)}*/
/*}*/

.capabilities .capability .capability__text {
		margin-right: -13px;
		margin-left: -13px;
		-webkit-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
		text-align: center;
		color: #021331;
		font-size: calc(var(--base-font-size) * 1.8rem);
		font-weight: 700;
		line-height: 150%;
}

.capabilities .capability__link:hover,
.capabilities .capability__link:active {
		text-decoration: none;
}

.capabilities .capability__link:hover .capability__text,
.capabilities .capability__link:active .capability__text {
		color: #ED6560;
}

.capabilities .capability__link:hover .capability__description,
.capabilities .capability__link:active .capability__description {
		color: rgba(2, 19, 49, 0.8);
		
}

.capabilities .capability .capability__description {
		margin-top: 15px;
		-webkit-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
		text-align: center;
		color: rgba(2, 19, 49, 0.6);
		font-family: 'Larsseit', sans-serif;
		font-size: 18px;
		font-weight: 400;
		line-height: 150%;
}

/**
2.6 Explore Section
 */

.new-home .screen.explore {
		overflow-x: hidden;
		padding: 180px 0;
		background: #021331;
		-webkit-clip-path: polygon(0 80px, 100% 0%, 100% calc(100% - 80px), 0% 100%);
		clip-path: polygon(0 80px, 100% 0%, 100% calc(100% - 80px), 0% 100%);
		
}

.explore .explore__title {
		position: sticky;
		z-index: 100;
		top: calc(50vh - 22px);
		overflow: visible;
		height: 0;
		margin-top: calc(50vh - 22px);
		margin-right: auto;
		margin-bottom: calc(22px - 50vh);
		margin-left: auto;
		
		color: #FFFFFF;
		font-family: 'Larsseit', sans-serif;
		font-size: calc(var(--base-font-size) * 6.4rem);
		font-weight: 700;
		font-style: normal;
		line-height: 1;
		
}

.explore .explore__title:after {
		position: absolute;
		z-index: -1;
		top: -10px;
		right: -10px;
		bottom: -10px;
		left: -10px;
		width: calc(100% + 20px);
		height: 75px;
		content: "";
		background: #021331;
}


/*Version with swiper*/

/*.explore .projects__row {*/
/*		padding-bottom: 50px;*/
/*}*/
/*.explore .projects__row:last-child {*/
/*		padding-bottom: 0;*/
/*}*/

/*.explore .swiper-container {*/
/*		width: 100%;*/
/*		height: 100%;*/
/*		position: relative;*/
/*}*/

/*.explore .swiper-wrapper {*/
/*		transition-timing-function: linear !important;*/
/*		position: relative;*/
/*}*/

/*.explore .swiper-slide {*/
/*		width: auto;*/
/*		position: relative;*/
/*}*/

/*.project-card {*/
/*		position: relative;*/
/*		display: -webkit-box;*/
/*		display: -ms-flexbox;*/
/*		display: flex;*/
/*		overflow: hidden;*/
/*		-ms-flex-preferred-size: 0;*/
/*		flex-basis: 0;*/
/*		-ms-flex-positive: 1;*/
/*		-webkit-box-flex: 1;*/
/*		flex-grow: 1;*/
/*		-webkit-box-sizing: border-box;*/
/*		box-sizing: border-box;*/
/*		width: 30rem;*/
/*		max-width: 100vw;*/
/*		height: 30rem;*/
/*		margin-right: 4rem;*/
/*		cursor: pointer;*/
/*		-webkit-transition: all 0.5s ease-in;*/
/*		-o-transition: all 0.5s ease-in;*/
/*		transition: all 0.5s ease-in;*/
/*}*/

/*.project-card .project__content {*/
/*		margin-top: auto;*/
/*		padding: 40px;*/
/*		-webkit-transition: all 0.5s ease-in;*/
/*		-o-transition: all 0.5s ease-in;*/
/*		transition: all 0.5s ease-in;*/
/*		-webkit-transform: translateY(20px);*/
/*		-ms-transform: translateY(20px);*/
/*		transform: translateY(20px);*/
/*		opacity: 0;*/
/*		color: #fff;*/
/*}*/

/*.project-card .project__content .project__title {*/
/*		margin-bottom: 20px;*/
/*		font-family: 'Larsseit',sans-serif;*/
/*		font-size: 36px;*/
/*		font-weight: 700;*/
/*		font-style: normal;*/
/*		line-height: 36px;*/
/*}*/

/*.project-card .project__content .project__description {*/
/*		font-family: 'Larsseit',sans-serif;*/
/*		font-size: 18px;*/
/*		font-weight: 300;*/
/*		font-style: normal;*/
/*		line-height: 160%;*/
/*}*/

/*.project-card:hover {*/
/*		-webkit-transform: scale(1.1);*/
/*		-ms-transform: scale(1.1);*/
/*		transform: scale(1.1);*/
/*}*/

/*.project-card:hover .project__bg {*/
/*		-webkit-transform: scale(1.25) rotate(10deg);*/
/*		-ms-transform: scale(1.25) rotate(10deg);*/
/*		transform: scale(1.25) rotate(10deg);*/
/*		opacity: 0.5;*/
/*}*/

/*.project-card:hover .project__content {*/
/*		-webkit-transform: translateY(0);*/
/*		-ms-transform: translateY(0);*/
/*		transform: translateY(0);*/
/*		opacity: 1;*/
/*}*/

/*.project-card .project__bg {*/
/*		position: absolute;*/
/*		top: 0;*/
/*		right: 0;*/
/*		bottom: 0;*/
/*		left: 0;*/
/*		width: 100%;*/
/*		height: 100%;*/
/*		-webkit-transition: all 0.5s ease-in;*/
/*		-o-transition: all 0.5s ease-in;*/
/*		transition: all 0.5s ease-in;*/
/*		*/
/*		-o-object-fit: cover;*/
/*		*/
/*		object-fit: cover;*/
/*}*/

/*Using css animation*/

/*.explore .projects__wrapper {*/
/*		overflow: hidden;*/
/*}*/

.explore .projects {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow: visible;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-animation: marquee 50s linear infinite;
		animation: marquee 50s linear infinite;
		will-change: transform;
}

.explore .projects__inner {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow: visible;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		transition: all 0.5ms linear;
		-webkit-animation: marquee 100s linear infinite;
		animation: marquee 100s linear infinite;
		will-change: transform;
}

.explore .projects__inner--reverse {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow: visible;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		transition: all 0.5ms linear;
		-webkit-animation: marquee-reverse 100s linear infinite;
		animation: marquee-reverse 100s linear infinite;
		will-change: transform;
}

.explore .projects__inner--reverse .projects {
		-webkit-animation: marquee-reverse 50s linear infinite;
		animation: marquee-reverse 50s linear infinite;
}

.explore .projects__row:hover .projects {
		-webkit-animation-play-state: paused;
		animation-play-state: paused;
		/*animation-play-state: running;*/
		/*animation-duration: 50s;*/
}

.project-card {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow: hidden;
		-webkit-box-flex: 1;
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 30rem;
		max-width: 100vw;
		height: 30rem;
		margin-right: 4rem;
		cursor: pointer;
		-webkit-transition: all 0.5s ease-in;
		-o-transition: all 0.5s ease-in;
		transition: all 0.5s ease-in;
}

.project-card .project__content {
		margin-top: auto;
		padding: 40px;
		-webkit-transition: all 0.5s ease-in;
		-o-transition: all 0.5s ease-in;
		transition: all 0.5s ease-in;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
		opacity: 0;
		color: #fff;
}

.project-card .project__content .project__title {
		margin-bottom: 20px;
		font-family: 'Larsseit', sans-serif;
		font-size: calc(var(--base-font-size) * 3.6rem);
		font-weight: 700;
		font-style: normal;
		line-height: 1;
}

.project-card .project__content .project__description {
		font-family: 'Larsseit', sans-serif;
		font-size: calc(var(--base-font-size) * 1.8rem);
		font-weight: 300;
		font-style: normal;
		line-height: 160%;
}

.project-card:hover {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
}

.project-card:hover .project__bg {
		-webkit-transform: scale(1.25) rotate(10deg);
		-ms-transform: scale(1.25) rotate(10deg);
		transform: scale(1.25) rotate(10deg);
		opacity: 0.5;
}

.project-card:hover .project__content {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
}

.project-card .project__bg {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-transition: all 0.5s ease-in;
		-o-transition: all 0.5s ease-in;
		transition: all 0.5s ease-in;
		
		-o-object-fit: cover;
		
		object-fit: cover;
}

.projects__row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow: visible;
		-webkit-box-align: center;
		align-items: center;
		-ms-flex-align: center;
		width: 100%;
		/*overflow-x: hidden;*/
		margin-bottom: 4rem;
}

.projects__row:last-child {
		margin-bottom: 0;
}

@-webkit-keyframes marquee-reverse {
		0% {
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0)
		}
		to {
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0)
		}
}

@keyframes marquee-reverse {
		0% {
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0)
		}
		to {
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0)
		}
}

@-webkit-keyframes marquee {
		0% {
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0)
		}
		to {
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0)
		}
}

@keyframes marquee {
		0% {
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0)
		}
		to {
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0)
		}
}


/*Version JS animation*/
/*.explore .projects__wrapper {*/
/*		overflow: hidden;*/
/*}*/

/*.explore .projects {*/
/*		display: -webkit-box;*/
/*		display: -ms-flexbox;*/
/*		display: flex;*/
/*		overflow: visible;*/
/*		-webkit-box-orient: horizontal;*/
/*		-webkit-box-direction: normal;*/
/*		-ms-flex-flow: row nowrap;*/
/*		flex-flow: row nowrap;*/
/*		transition-property: transform;*/
/*		transition-timing-function: linear;*/
/*		will-change: transform;*/
/*}*/

/*.explore .projects.reverse {*/
/*						-webkit-transform: translate3d(-100%, 0, 0);*/
/*						transform: translate3d(-100%, 0, 0)*/
/*}*/


/*.project-card {*/
/*		position: relative;*/
/*		display: -webkit-box;*/
/*		display: -ms-flexbox;*/
/*		display: flex;*/
/*		overflow: hidden;*/
/*		-ms-flex-preferred-size: 0;*/
/*		flex-basis: 0;*/
/*		-ms-flex-positive: 1;*/
/*		-webkit-box-flex: 1;*/
/*		flex-grow: 1;*/
/*		-webkit-box-sizing: border-box;*/
/*		box-sizing: border-box;*/
/*		width: 30rem;*/
/*		max-width: 100vw;*/
/*		height: 30rem;*/
/*		margin-right: 4rem;*/
/*		cursor: pointer;*/
/*		-webkit-transition: all 0.5s ease-in;*/
/*		-o-transition: all 0.5s ease-in;*/
/*		transition: all 0.5s ease-in;*/
/*}*/

/*.project-card .project__content {*/
/*		margin-top: auto;*/
/*		padding: 40px;*/
/*		-webkit-transition: all 0.5s ease-in;*/
/*		-o-transition: all 0.5s ease-in;*/
/*		transition: all 0.5s ease-in;*/
/*		-webkit-transform: translateY(20px);*/
/*		-ms-transform: translateY(20px);*/
/*		transform: translateY(20px);*/
/*		opacity: 0;*/
/*		color: #fff;*/
/*}*/

/*.project-card .project__content .project__title {*/
/*		margin-bottom: 20px;*/
/*		font-family: 'Larsseit',sans-serif;*/
/*		font-size: 36px;*/
/*		font-weight: 700;*/
/*		font-style: normal;*/
/*		line-height: 36px;*/
/*}*/

/*.project-card .project__content .project__description {*/
/*		font-family: 'Larsseit',sans-serif;*/
/*		font-size: 18px;*/
/*		font-weight: 300;*/
/*		font-style: normal;*/
/*		line-height: 160%;*/
/*}*/

/*.project-card:hover {*/
/*		-webkit-transform: scale(1.1);*/
/*		-ms-transform: scale(1.1);*/
/*		transform: scale(1.1);*/
/*}*/

/*.project-card:hover .project__bg {*/
/*		-webkit-transform: scale(1.25) rotate(10deg);*/
/*		-ms-transform: scale(1.25) rotate(10deg);*/
/*		transform: scale(1.25) rotate(10deg);*/
/*		opacity: 0.5;*/
/*}*/

/*.project-card:hover .project__content {*/
/*		-webkit-transform: translateY(0);*/
/*		-ms-transform: translateY(0);*/
/*		transform: translateY(0);*/
/*		opacity: 1;*/
/*}*/

/*.project-card .project__bg {*/
/*		position: absolute;*/
/*		top: 0;*/
/*		right: 0;*/
/*		bottom: 0;*/
/*		left: 0;*/
/*		width: 100%;*/
/*		height: 100%;*/
/*		-webkit-transition: all 0.5s ease-in;*/
/*		-o-transition: all 0.5s ease-in;*/
/*		transition: all 0.5s ease-in;*/
/*		*/
/*		-o-object-fit: cover;*/
/*		*/
/*		object-fit: cover;*/
/*}*/

/*.projects__row {*/
/*		display: -webkit-box;*/
/*		display: -ms-flexbox;*/
/*		display: flex;*/
/*		overflow: visible;*/
/*		-webkit-box-align: center;*/
/*		-ms-flex-align: center;*/
/*		align-items: center;*/
/*		width: 100%;*/
/*		!*overflow-x: hidden;*!*/
/*		margin-bottom: 4rem;*/
/*}*/

/*.projects__row:last-child {*/
/*		margin-bottom: 0;*/
/*}*/


/*2. Benefits page */

/* 2.1 Page Banner */

.page-header {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		align-items: center;
		-ms-flex-align: center;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		min-height: 50vh;
		margin-bottom: 150px;
		padding-top: 110px;
		padding-bottom: 75px;
}

.page-header .page-header__bg {
		position: absolute;
		z-index: -1;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
}

.page-header h1 {
		text-align: left;
		color: #FFFFFF;
		font-family: 'Larsseit', sans-serif;
		font-size: calc(var(--base-font-size) * 3.0rem + 5.6vw);
		font-weight: 700;
		line-height: 80%;
}

/*2.2 Page Description Section*/

.page-description {
		margin-bottom: 70px;
}

.page-description h2 {
		margin-bottom: 50px;
		color: #021331;
		font-family: 'Larsseit', sans-serif;
		font-size: calc(var(--base-font-size) * 3.6rem);
		font-weight: 700;
		line-height: 1.3;
}

.page-description p {
		margin-bottom: 60px;
		color: rgba(2, 19, 49, 0.6);
		font-family: 'Larsseit', sans-serif;
		font-size: calc(var(--base-font-size) * 3.2rem);
		font-weight: 400;
		font-style: normal;
		line-height: 140%;
}

/*Benefits*/

.benefits .steps {
		margin-bottom: 150px;
}

.benefits .steps .steps__title {
		text-align: center;
		color: #021331;
		font-family: 'Larsseit', sans-serif;
		font-size: calc(var(--base-font-size) * 6.4rem);
		font-weight: 700;
		font-style: normal;
		line-height: 1;
		
}

.benefits .steps .step {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		align-items: flex-start;
		-ms-flex-align: start;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		margin-bottom: 100px;
		padding-top: 75px;
}

.benefits .steps .step .step__header {
		position: relative;
		width: 30%;
		min-width: 310px;
}

.benefits .steps .step .step__header .step__number {
		position: absolute;
		z-index: -1;
		top: -70px;
		left: 0;
		color: rgba(157, 177, 212, 0.25);
		font-family: 'Larsseit', sans-serif;
		font-size: calc(var(--base-font-size) * 16rem);
		font-weight: 800;
		line-height: 1;
}

.benefits .steps .step .step__header .step__title {
		color: #021331;
		font-family: 'Larsseit', sans-serif;
		font-size: calc(var(--base-font-size) * 5.2rem);
		font-weight: 400;
		line-height: 1.1;
}

.benefits .steps .step .step__description {
		width: 100%;
		padding-left: 100px;
		color: rgba(2, 19, 49, 0.6);
		font-family: 'Larsseit', sans-serif;
		font-size: calc(var(--base-font-size) * 3.2rem);
		font-weight: 400;
		line-height: 140%;
}

.benefits .steps .step .step__description p {
		margin-bottom: 60px;
}

.benefits .steps .step .step__description ul {
		margin-top: -30px;
		margin-bottom: 60px;
		padding-left: 55px;
		list-style-type: none;
}


.benefits .steps .step .step__description > :last-child {
		margin-bottom: 0;
}


.benefits .steps .step .step__description ul li {
		position: relative;
		margin-bottom: 7px;
}

.benefits .steps .step .step__description ul li:before {
		position: absolute;
		top: 5px;
		left: -55px;
		width: 26px;
		height: 26px;
		content: "";
		background: url("/wp-content/themes/klick17/images/new-home-2/list-style-before.svg");
}

.benefits .steps .step .step__description ul:first-child {
		margin-top: 0;
}

/*Workflow */

.workflow .page-description p {
		color: #021331;
		font-size: calc(var(--base-font-size) * 5.2rem);
		font-weight: 400;
		line-height: 120%;
}

.workflow .step {
		display: flex;
		align-items: stretch;
		flex-flow: row nowrap;
		justify-content: flex-start;
		min-height: 100vh;
		margin-bottom: 120px;
		padding-top: 80px;
}

.workflow .step .step__description {
		flex: none;
		width: calc(50% + 50px);
		padding-top: 115px;
}

.workflow .step .step__inner {
		height: 100%;
		background: #021331;
}

.workflow .step .step__image {
		position: relative;
		left: -100px;
		flex: none;
		width: calc(50% + 50px);
}

.workflow .step .step__image img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 115px;
		left: 0;
		width: 100%;
		height: calc(100% - 115px);
		object-fit: cover;
}

.workflow .step .step__description .step__content {
		display: flex;
		align-items: flex-start;
		flex-flow: column nowrap;
		justify-content: center;
		width: 100%;
		height: 100%;
		margin-left: auto;
		padding: 20px 200px 20px 15px;
}

.workflow .step .step__description .step__content .step__title {
		color: #FFFFFF;
		font-size: calc(var(--base-font-size) * 6.4rem);
		font-weight: 700;
		line-height: 1;
}

.workflow .step .step__description .step__content .step__title .accent {
		color: #ED6560;
}

.workflow .step .step__description .step__content .step__text {
		opacity: 0.8;
		color: #FFFFFF;
		font-size: calc(var(--base-font-size) * 3.2rem);
		font-weight: 500;
		line-height: 150%;
}

.workflow .items {

}

/*Adaptive according to container*/

@media (min-width: 576px) {
		.workflow .step .step__description .step__content {
				max-width: 320px;
		}
}

@media (min-width: 768px) {
		.workflow .step .step__description .step__content {
				max-width: 410px;
		}
}

@media (min-width: 992px) {
		.workflow .step .step__description .step__content {
				max-width: 530px;
		}
}

@media (min-width: 1200px) {
		.workflow .step .step__description .step__content {
				max-width: 620px;
		}
}

/*Items*/

.workflow .items {
		margin-bottom: 100px;
}

.workflow .items .items__inner {
		width: 100%;
		max-width: 925px;
		margin-right: auto;
		margin-left: auto;
		padding-right: 15px;
		padding-left: 15px;
}

.workflow .items .items__list {
		margin-bottom: 0;
		padding-left: 100px;
		list-style-type: none;
		color: rgba(2, 19, 49, 0.6);
		font-family: 'Larsseit', sans-serif;
		font-size: calc(var(--base-font-size) * 3.2rem);
		font-weight: 400;
		line-height: 140%;
}

.workflow .items .items__list .item {
		position: relative;
		margin-bottom: 0;
		padding-bottom: 70px;
}

.workflow .items .items__list .item:before {
		position: absolute;
		z-index: 2;
		top: 15px;
		left: -100px;
		width: 36px;
		height: 36px;
		content: "";
		border: 8px solid #021331;
		border-radius: 50%;
		background: #fff;
		/*background: url('/wp-content/themes/klick17/images/new-home-2/workflow-list-tick.svg');*/
}

.workflow .items .items__list .item:after {
		position: absolute;
		z-index: 1;
		top: 41px;
		left: -85px;
		width: 6px;
		height: 100%;
		content: "";
		background: #021331;
}

.workflow .items .items__list .item:last-child {
		padding-bottom: 0;
}

.workflow .items .items__list .item:last-child:after {
		display: none;
}

.workflow .items .items__list .item__title {
		margin-bottom: 10px;
		color: #021331;
		font-family: 'Larsseit', sans-serif;
		font-size: calc(var(--base-font-size) * 5.2rem);
		font-weight: 400;
		line-height: 120%;
}

/* Projects*/

.archive-projects .project {
		display: flex;
		align-items: flex-start;
		flex-flow: row nowrap;
		justify-content: center;
		margin-bottom: 70px;
}

.archive-projects .project:nth-child(even) > .project__inner {
		position: relative;
		width: 100%;
		margin-right: 0;
		padding-right: 100px;
		background: #EB5757;
}

.archive-projects .project:nth-child(odd) > .project__inner {
		position: relative;
		width: 100%;
		padding-left: 100px;
		background: #021331;
}

@media (min-width: 576px) {
		.archive-projects .project:nth-child(even) > .project__inner {
				max-width: calc(50vw + 220px);
				margin-left: calc(50vw - 220px);
		}
		
		.archive-projects .project:nth-child(odd) > .project__inner {
				max-width: calc(50vw + 220px);
				margin-right: calc(50vw - 220px);
		}
}

@media (min-width: 768px) {
		.archive-projects .project:nth-child(even) > .project__inner {
				max-width: calc(50vw + 310px);
				margin-left: calc(50vw - 310px);
		}
		
		.archive-projects .project:nth-child(odd) > .project__inner {
				max-width: calc(50vw + 310px);
				margin-right: calc(50vw - 310px);
		}
}

@media (min-width: 992px) {
		.archive-projects .project:nth-child(even) > .project__inner {
				max-width: calc(50vw + 330px);
				margin-left: calc(50vw - 330px);
		}
		
		.archive-projects .project:nth-child(odd) > .project__inner {
				max-width: calc(50vw + 330px);
				margin-right: calc(50vw - 330px);
		}
}

@media (min-width: 1200px) {
		.archive-projects .project:nth-child(even) > .project__inner {
				max-width: calc(50vw + 470px);
				margin-left: calc(50vw - 470px);
		}
		
		.archive-projects .project:nth-child(odd) > .project__inner {
				max-width: calc(50vw + 470px);
				margin-right: calc(50vw - 470px); /*(100vw - 1140px)/2 + 100px*/
		}
}


.archive-projects .project .project__inner .container {
		position: relative;
		padding-right: 25px;
		padding-left: 25px;
}

.archive-projects .project .project__inner .container a.link {
		position: absolute;
		z-index: 100;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
}

.archive-projects .project:nth-child(even) .project__inner .container a.link:hover,
.archive-projects .project:nth-child(even) .project__inner .container a.link:active {
		cursor: url("/wp-content/themes/klick17/images/new-home-2/view_details_blue.png"), pointer;
}

.archive-projects .project:nth-child(odd) .project__inner .container a.link:hover,
.archive-projects .project:nth-child(odd) .project__inner .container a.link:active {
		cursor: url("/wp-content/themes/klick17/images/new-home-2/view_details_red.png"), pointer;
}

.archive-projects .project:nth-child(even) .project__inner .container {
		margin-left: 0;
}

.archive-projects .project:nth-child(odd) .project__inner .container {
		margin-right: 0;
}

@media (min-width: 576px) {
		.archive-projects .project .project__inner .container {
				max-width: 440px;
		}
}

@media (min-width: 768px) {
		.archive-projects .project .project__inner .container {
				max-width: 620px;
		}
}

@media (min-width: 992px) {
		.archive-projects .project .project__inner .container {
				max-width: 860px;
		}
}

@media (min-width: 1200px) {
		.archive-projects .project .project__inner .container {
				max-width: 1040px;
		}
}

.archive-projects .project .project__inner .project__row {
		display: flex;
		align-items: stretch;
		flex-flow: row nowrap;
		justify-content: flex-start;
}

.archive-projects .project:nth-child(even) .project__inner .project__row {
		flex-flow: row-reverse nowrap;
}

.archive-projects .project .project__inner .project__row .project__description {
		padding-top: 100px;
		padding-bottom: calc(100px - 1rem);
		color: #FFFFFF;
		font-size: 36px; /*todo rem*/
		font-weight: 400;
		line-height: 150%;
}

.archive-projects .project .project__inner .project__row .project__description h2 {
		font-size: 64px; /*todo rem*/
		font-weight: 700;
		line-height: 120%;
}

.archive-projects .project .project__inner .project__row .project__visual {
		position: relative;
		overflow: hidden;
		padding-top: 30px;
		padding-right: 30px;
}

.archive-projects .project .project__inner .project__row .project__image {
		position: relative;
		width: 100%;
		height: 100%;
}

.archive-projects .project .project__inner .project__row .project__image img {
		position: absolute;
		z-index: 2;
		top: 20px;
		right: 0;
		max-width: 90%;
		max-height: 100%;
		object-fit: contain;
}

.archive-projects .project.mobile .project__inner .project__row .project__image img {
		right: 20px;
		border-radius: 25px 25px 0 0;
}

.archive-projects .project .project__inner .project__product {
		position: absolute;
		z-index: 1;
		bottom: 30px;
		left: 30px;
		max-width: 70%;
		max-height: 70%;
}

.archive-projects .project .project__inner .project__product img {
		max-width: 100%;
		max-height: 100%;
}

.archive-projects .project .project__inner .container .project__row img {
		transition: all 0.5s ease-in-out;
}

.archive-projects .project .project__inner .container:hover .project__row .project__image img {
		transform: scale(1.1);
}

.archive-projects .project .project__inner .container:hover .project__row .project__product img {
		transform: scale(1.2);
}

.archive-projects .project-modal {
		width: 95%;
		max-width: 1230px;
}


.archive-projects .project-modal .modal-title {
		margin-bottom: 15px;
		text-align: center;
		color: #021331;
		font-family: 'Larsseit', sans-serif;
		font-size: 128px; /*todo rem*/
		font-weight: 700;
		line-height: 120%;
}

.archive-projects .project-modal .modal-body {
		padding: 0;
		padding-top: 60px;
}

.archive-projects .project-modal section {
		margin-bottom: 80px;
}

.archive-projects .project-modal section:last-child {
		margin-bottom: 0;
}

.archive-projects .project-modal section.tags {
		margin-bottom: 15px;
}

.archive-projects .project-modal section.tags .tags__list {
		margin-bottom: 0;
		padding-left: 0;
		list-style-type: none;
}

.archive-projects .project-modal section.tags .tags__list li {
		margin-right: 40px;
}

.archive-projects .project-modal section.tags .tags__list li:last-child {
		margin-right: 0;
}

.archive-projects .project-modal section.tags .tags__list li a {
		display: inline-block;
		padding: 8px 15px;
		transition: all 0.5s ease-in-out;
		text-transform: uppercase;
		color: #ED6560;
		border: 1px solid #ED6560;
		border-radius: 25px;
		
		font-family: 'Larsseit', sans-serif;
		font-size: 13px;
		font-weight: 500;
		line-height: 13px;
}

.archive-projects .project-modal section.tags .tags__list li a:hover,
.archive-projects .project-modal section.tags .tags__list li a:active {
		text-decoration: none;
		color: #fff;
		background: #ED6560;
}

.archive-projects .project-modal section.bg-image-text {
		position: relative;
		display: flex;
		flex-flow: column nowrap;
		justify-content: flex-end;
		min-height: 50vh;
		padding: 60px;
}

.archive-projects .project-modal section.bg-image-text img {
		position: absolute;
		z-index: 10;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
}

.archive-projects .project-modal section.bg-image-text .container {
		position: relative;
		z-index: 20;
}

.archive-projects .project-modal section.bg-image-text .text {
		max-width: 340px;
		color: #FFFFFF;
		font-family: 'Larsseit', sans-serif;
		font-size: 18px;
		font-weight: 400;
		line-height: 150%;
}

.archive-projects .project-modal section.text-content {
		text-align: center;
		color: #021331;
		font-family: 'Larsseit', sans-serif;
		font-size: 52px;
		font-weight: 300;
		line-height: 120%;
}

.archive-projects .project-modal section.text-content .text-content__container {
		max-width: 680px;
}

.archive-projects .project-modal section.text-image {
		display: flex;
		align-items: stretch;
		flex-flow: row nowrap;
		justify-content: flex-start;
}

.archive-projects .project-modal section.text-image .text-image__text-block {
		flex: none;
		width: calc(50% + 50px);
		padding-top: 100px;
}

.archive-projects .project-modal section.text-image .text-image__text-wrapper {
		height: 100%;
		padding: 50px 130px 50px 15px;
		background: #021331;
}

.archive-projects .project-modal section.text-image .text-image__text-container {
		display: flex;
		align-items: flex-start;
		flex-flow: column nowrap;
		justify-content: center;
		width: 100%;
		max-width: 430px;
		height: 100%;
		margin-left: auto;
}

.archive-projects .project-modal section.text-image.image-left .text-image__text-container {
		margin-right: auto;
		margin-left: 0;
}

.archive-projects .project-modal section.text-image .text-image__title {
		margin-bottom: 20px;
		color: #FFFFFF;
		font-family: 'Larsseit', sans-serif;
		font-size: 64px;
		font-weight: 700;
		line-height: 64px;
}

.archive-projects .project-modal section.text-image .text-image__text {
		margin-bottom: 30px;
		color: #9DB1D5;
		font-family: 'Larsseit', sans-serif;
		font-size: 18px;
		font-weight: 400;
		line-height: 150%;
}

.archive-projects .project-modal section.text-image .text-image__img-block {
		position: relative;
		left: -100px;
		flex: none;
		width: calc(50% + 50px);
		padding-bottom: 100px;
}

.archive-projects .project-modal section.text-image .text-image__img-block .text-image__img-wrapper {
		position: relative;
		width: 100%;
		height: 100%;
		min-height: 50vh;
}

.archive-projects .project-modal section.text-image .text-image__img-block .text-image__img-wrapper img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
}

.archive-projects .project-modal section.text-image.image-left {
		flex-direction: row-reverse;
}

.archive-projects .project-modal section.text-image.image-left .text-image__text-block {
		position: relative;
		left: 0;
}

.archive-projects .project-modal section.text-image.image-left .text-image__text-block .text-image__text-wrapper {
		padding-right: 15px;
		padding-left: 130px;
}

.archive-projects .project-modal section.text-image.image-left .text-image__img-block {
		position: relative;
		left: 100px;
}

.archive-projects .project-modal section.project-steps .project-steps__before {
		margin-bottom: 10px;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		color: #ED6560;
		font-family: 'Larsseit', sans-serif;
		font-size: 15px;
		font-weight: 400;
		line-height: 19px;
}

.archive-projects .project-modal section.project-steps .project-steps__title {
		margin-bottom: 20px;
		color: #021331;
		font-family: 'Larsseit', sans-serif;
		font-size: 64px;
		font-weight: 700;
		line-height: 64px;
}

.archive-projects .project-modal section.project-steps .project-steps__description {
		max-width: 420px;
		margin-bottom: 30px;
		color: rgba(2, 19, 49, 0.6);
		font-family: 'Larsseit', sans-serif;
		font-size: 18px;
		font-weight: 400;
		line-height: 150%;
}

.archive-projects .project-modal section.testimonial .testimonial__title {
		text-align: center;
		color: #021331;
		font-family: 'Larsseit', sans-serif;
		font-size: 64px;
		font-weight: 700;
		line-height: 64px;
}

.archive-projects .project-modal section.testimonial .testimonial__inner {
		position: relative;
		max-width: 740px;
		margin-right: auto;
		margin-left: auto;
		padding-left: 155px;
}

.archive-projects .project-modal section.testimonial .testimonial__inner:before {
		position: absolute;
		top: 0;
		left: 0;
		width: 130px;
		height: 89px;
		content: '';
		background: url("/wp-content/themes/klick17/images/new-home-2/quote.svg");
}

.archive-projects .project-modal section.testimonial .testimonial__inner .testimonial__text {
		margin-bottom: 20px;
		color: rgba(2, 19, 49, 0.6);
		font-family: 'Larsseit', sans-serif;
		font-size: 18px;
		font-weight: 400;
		line-height: 150%;
}

.archive-projects .project-modal section.testimonial .testimonial__inner .testimonial__company {
		color: rgba(2, 19, 49, 0.6);
		font-family: 'Larsseit', sans-serif;
		font-size: 18px;
		font-weight: 400;
		line-height: 150%;
}

.archive-projects .project-modal section.testimonial .testimonial__inner .testimonial__image-wrapper {
		max-width: 300px;
}

.archive-projects .project-modal section.testimonial .testimonial__inner .logo {
		max-width: 100%;
		max-height: 100%;
		
}

.archive-projects .project-modal section.testimonial .testimonial__inner .testimonial__author {
		padding-left: 15px;
}

.archive-projects .project-modal section.testimonial .testimonial__inner .testimonial__name {
		color: rgba(2, 19, 49, 0.6);
		font-family: 'Larsseit', sans-serif;
		font-size: 18px;
		font-weight: 700;
		line-height: 150%;
}

.archive-projects .project-modal section.project-cta {
		padding: 80px 0;
		text-align: center;
		background: #021331;
}

.archive-projects .project-modal section.project-cta .project-cta__before {
		margin-bottom: 20px;
		text-transform: uppercase;
		color: #ED6560;
		font-family: 'Larsseit', sans-serif;
		font-size: 15px;
		font-weight: 400;
		line-height: 19px;
}

.archive-projects .project-modal section.project-cta .project-cta__title {
		margin-bottom: 20px;
		color: #FFFFFF;
		font-family: 'Larsseit', sans-serif;
		font-size: 64px;
		font-weight: 700;
		line-height: 64px;
}

.archive-projects .project-modal section.project-cta .project-cta__description {
		margin-bottom: 30px;
		color: #9DB1D5;
		font-family: 'Larsseit', sans-serif;
		font-size: 18px;
		font-weight: 400;
		line-height: 150%;
}