/* -------- GLOBAL SETTINGS -------- */

	/* GENERAL */
	html{font-size:16px;scroll-behavior: smooth;}
	html, body { height: 100%; }
	body * {
		position: relative;
		box-sizing: border-box;
		-moz-box-sizing: border-box
	}

	body {
		display: flex;
		flex-direction: column;
		margin: 0;
		padding: 0;
		overflow-x: hidden;
		font: 1rem/1.5 'Manrope', Arial, Helvetica, sans-serif;
		font-weight: 400;
		color: #565771;
		background-color: white;
		min-width: 300px;
	}

	#page-wrap {
		flex: 0 0 auto;
		overflow: hidden;
	}

	#scrollup {
		position: absolute;
		top: -2.2rem;
		right: 15px;
		display: block;
		box-shadow: 0 5px 30px rgb(0 0 0 / 30%);
		background-color: #0D6CFA;
		width: 4.4rem;
		height: 4.4rem;
		border-radius: 100%;
		z-index: 1000;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 1.6rem;
	}
	#scrollup:hover {
		background-color: #40C96E;
		text-decoration: none;
	}
	#scrollup:focus{text-decoration: none;}
	#scrollup::after {
		content: "\f106";
		font-family: "FontAwesome";
	}

	.content-section {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}

	.content-section.air {
		padding-top: 7.3rem;
		padding-bottom: 7.3rem;
	}

	.pt0, .air.pt0{
		padding-top: 0;
	}

	h1, h2, h3, h4, h5, h6, ul, ol, p, .alert, address{margin:0;}
	h1, h2, h3, h4, h5, h6, .textbox p, .textbox ul, .textbox ol, .textbox img, .textbox blockquote{margin-bottom: 1.5rem;}
	.textbox, .form-wrap, .accordion{margin-bottom:3.5rem;}
	.textbox:last-child, .form-wrap:last-child, .accordion:last-child, .textbox ul:last-child, .textbox ol:last-child, .textbox p:last-child, .textbox img:last-child,
	h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, [class*='mb']:last-child, .form-group:last-child {
	  margin-bottom: 0;
	}

	.mb-half{margin-bottom:0.5rem;}
	.mb{margin-bottom:1.5rem;}
	.mb-big{margin-bottom:3.5rem;}

	.left-indent{padding-left: 4rem;}
	.right-indent{padding-right: 4rem;}


	/* TYPOGRAPHY */
	h1, h2, h3, h4, h5, h6	{
		font-weight:800;
		color: inherit;
		line-height:1.2;
		color: #2b2b2b;
	}

	h1{font-size: 4rem /*64px*/;}
	h2, .h2-style{font-size: 3rem /*48px*/;}
	h3, .h3-style{font-size: 2.18rem /*35px*/;}
	h4, .h4-style{font-size: 1.5rem /*24px*/; }
	h5, .h5-style{font-size: 1.25rem /*20px*/; text-transform: uppercase; letter-spacing: 0.5px;}
	h6, .h6-style{font-size: 1.125rem /*18px*/;}

	.color-white h1, .color-white h2, .color-white h3, .color-white h4, .color-white h5, .color-white h6{color: #fff;}

	.textbox:after {
		content: '';
		display: block;
		clear: both;
		font-size: 1px;
		line-height: 0px;
		margin: 0;
		padding: 0;
	}

	.textbox ul{list-style-type:none;padding-left: 2.5rem;overflow:  hidden;}
	.textbox ul li+li, .textbox ol li+li{margin-top: 0.5rem;}
	.textbox ul li:before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: -1.4rem;
		width: 0.635rem;
		height: 1.5rem;
		background-image: url('../img/i-list-dot.svg');
		background-position: center;
		background-repeat: no-repeat;
	}
	.textbox img {
		width: 100%;
		border-radius: 10px;
	}

	.big{font-size:1.125rem;}
	.small{font-size:0.875rem;}
	.normal{font-weight: 400;}
	.bold{font-weight: 800;}
	.caps{text-transform: uppercase;}


	/* COLORS */
	.color-white{color: #fff;}
	.color-red{color: #FD7455;}
	.color-gray{color: #565771;}
	.color-black{color: #2b2b2b;}

	.bg-blue-gradient{background: linear-gradient(88.56deg, #0C6BFA 6.99%, #14B9FF 87.26%);}
	.bg-gray{ background-color: #F4F7FF;}


	/* LINKS */
	a {color: #0D6CFA; transition:color 0.2s ease, background-color 0.2s ease; outline: none;}
	a:hover, A:focus{color: #40C96E; text-decoration: none;}

	a img{border:0;}

	.area-link{ position:absolute; top:0; left:0; bottom: 0; right: 0;}
	.anchor-link {
		position: absolute;
		display: block;
		top: 1rem;
		width: 0;
		height: 0;
		scroll-margin-top: 5rem;
	}

	.sp-link {
		font-size: 0.75rem;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		color: #2b2b2b;
		font-weight: 800;
		padding-left: 0.875rem;
		line-height: 1.2;
	}
	.sp-link:hover, .sp-link:focus{color: #2b2b2b;}

	.sp-link:before,
	.sp-link:after {
		content: '';
		position: absolute;
		left: 2px;
		top: 0.28rem;
		width: 0.5rem;
		height: 0.5rem;
		border-radius: 100%;
		background: linear-gradient(88.56deg, #0C6BFA 6.99%, #14B9FF 87.26%);
		transition: all 0.3s ease;
		transform-origin: center;
	}

	.sp-link:after {
		background: #fff;
		transform: scale(0);
	}

	.sp-link:hover:before {
		transform: scale(1.4)rotate(180deg);
	}

	.sp-link:hover:after {
		transform: scale(0.9);
	}


	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color:inherit;}
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus{color: #40C96E;}

	/* FORM */

	/* placeholder formatting */
	::-webkit-input-placeholder {
		opacity: 1 !important;
		color: #565771;
		font-weight: 800 !important;
		line-height: 1.5 !important;
		letter-spacing: 0.3px !important;
	}

	::-moz-placeholder {
		opacity: 1 !important;
		color: #565771;
		font-weight: 800 !important;
		line-height: 1.5 !important;
		letter-spacing: 0.3px !important;
	}

	:-ms-input-placeholder {
		opacity: 1 !important;
		color: #565771;
		font-weight: 800 !important;
		line-height: 1.5 !important;
		letter-spacing: 0.3px !important;
	}

	input[placeholder]          {text-overflow:ellipsis;}
	input::-moz-placeholder     {text-overflow:ellipsis;}
	input:-ms-input-placeholder {text-overflow:ellipsis;}

	.form-group{margin-bottom: 2rem;}
	.form-group:last-child{margin-bottom: 0;}
	.form-control {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		font-size: 1rem;
		padding: 1.88rem 1rem 0.625em;
		height: 4rem;
		color: #2b2b2b;
		border: none;
		border: 1px solid #E3E7F0;
		border-radius: 5px;
		background-color: #fff;
		box-shadow: none;
	}
	.form-control:focus{outline:0; border-color: #40C96E; box-shadow: none;}
	.form-control::-ms-clear{display: none;}

	.error .form-control {
		border-color: #fd745578;
	}

	.error .error-message {
		color: #EF5C3B;
		font-size: 0.8rem;
		margin-bottom: 0.5rem;
		font-weight: 800;
		position: absolute;
		top: -1.3rem;
	}

	.error .fa-solid {
		position: absolute;
		right: 1.4rem;
		top: 1.45rem;
		color: #EF5C3B;
	}

	.form-control.required~label:after {
		content: '*';
		color: #EF5C3B;
		padding-left: 0.1rem;
	}

	select.form-control::-ms-expand {display: none;}
	select[multiple], select[size] {height: 100%;}

	textarea {resize: vertical; min-height: 8rem;}

	label{font-weight: 800; line-height:1.5; letter-spacing: 0.3px;}
	label:last-child{margin-bottom: 0;}

	/* float label */
	.float-label-group .float-label {
		position: absolute;
		top: 1.2rem;
		left: 1rem;
		transition: all 0.3s ease;
		pointer-events: none;
	}

	/* don't forget empty placeholder. Needed for float label */
	.float-label-group .form-control:focus~.float-label,
	.float-label-group .form-control:not(:placeholder-shown)~.float-label {
		color: #0D6CFA;
		font-size: 0.875rem;
		top: 1px;
		left: 1px;
		right: 1px;
		border-radius: 5px;
		padding-top: 0.5rem;
		padding-bottom: 0.2rem;
		padding-left: 1rem;
		letter-spacing: 0.1px;
		background: rgba(255, 255, 255, 0.9);
	}

	.float-label-group .form-control:focus~.float-label {
		color: #40C96E;
	}


	/* custom checkbox & radio */
	.custom-checkbox-radio input[type='radio'], .custom-checkbox-radio input[type='checkbox']{display:none;}

	.custom-checkbox-radio label {
		padding-left: 1.55rem;
		font-weight: 400;
		color: #2b2b2b;
		letter-spacing: 0;
	}

	.custom-checkbox-radio input[type='checkbox']+label:before,
	.custom-checkbox-radio input[type='radio']+label:before {
		content: '';
		position: absolute;
		left: 1px;
		top: 4px;
		width: 16px;
		height: 16px;
		border-radius: 2px;
		border: 1px solid #565771;
		transition: all 0.2s ease;
		cursor: pointer;
	}
	.custom-checkbox-radio input[type='radio'] + label:before{border-radius: 100%;}

	.custom-checkbox-radio input[type='checkbox']+label:after,
	.custom-checkbox-radio input[type='radio']+label:after {
		content: '\f00c';
		font-family: "FontAwesome";
		font-size: 11px;
		position: absolute;
		left: 4.5px;
		top: 4.5px;
		color: #0D6CFA;
		opacity: 0;
		transition: all 0.2s ease;
		pointer-events: none;
		transform: scale(0);
		transform-origin: center;
	}

	.custom-checkbox-radio input[type='radio']+label:after {
		content: '\f111';
		font-size: 12px;
		left: 3px;
		top: 3px;
	}

	.custom-checkbox-radio input:checked + label:before{border-color: #0D6CFA;}
	.custom-checkbox-radio input:checked + label:after{opacity: 1; transform: scale(1);}
	.custom-checkbox-radio input:hover + label:before{border-color: #40C96E;}
	.custom-checkbox-radio input:hover + label:after{color: #40C96E;}

	.custom-checkbox-radio input:disabled + label:before,
	.custom-checkbox-radio input:disabled:hover + label:before{
		border-color: #565771;
		opacity: 0.4;
		cursor: default;
	}

	.custom-checkbox-radio input:checked:disabled+label:after,
	.custom-checkbox-radio input:checked:disabled:hover+label:after,
	.custom-checkbox-radio input:disabled + label{
	  color: #565771;
	  opacity: 0.4;
	}


	/* BUTTONS */
	.btn {
		font-size: 0.75rem;
		text-transform: uppercase;
		font-weight: 800;
		letter-spacing: 0.5px;
		line-height: 1.3;
		border-radius: 25px;
		padding: 0.81rem 1.5rem;
		border: none;
		transition: all 0.5s ease;
	}

	.btn:focus {
		outline: 0;
	}

	.btn-default {
		color: #fff;
		background: linear-gradient(88.56deg, #0C6BFA 0, #14B9FF 25%, #0C6BFA 50%, #0C6BFA 100%);
		background-size: 400% auto;
	}
	.btn-default:hover,
	.btn-default:focus,
	.focus.btn-default,
	.btn-default:active,
	.active.btn-default,
	.open>.btn-default.dropdown-toggle {
		color: #fff;
		background-position: right center;
	}

	.btn-accent {
		color: #fff;
		background: linear-gradient(64deg, #FC7254 10%, #ffc061 25%, #FC7254 50%, #FC7254 100%);
		background-size: 400% auto;
	}

	.btn-accent:hover,
	.btn-accent:focus,
	.focus.btn-accent,
	.btn-accent:active,
	.active.btn-accent,
	.open>.btn-accent.dropdown-toggle {
		color: #fff;
		background-position: right center;
	}

	.btn .fa{margin-left: 1rem;}
	.textbox .btn{margin-top:0.35rem; margin-bottom:0.35rem;}

	.btn-secondary{color: #0D6CFA; background-color: #F4F7FF;}
	.btn-secondary:hover{color: #40C96E; text-decoration: none;}

	[class*="btn-icon"]{padding-right: 3.2rem;}
	[class*="btn-icon"]:after {
		content: '';
		width: 1.812rem;
		height: 1.812rem;
		border-radius: 100%;
		background-color: rgba(255, 255, 255, 0.3);
		background-image: url(../img/i-arrow-right.svg);
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		top: 0.4rem;
		right: 0.4rem;
	}
	.btn-icon-down:after{transform: rotate(90deg);}

	.form-horizontal-group{
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	.form-horizontal-group span {
		margin-left: 0.5rem;
	}

	/* accordion */
	.accordion .panel {
		margin-bottom: 0;
		background-color: transparent;
		border: 0;
		border-radius: 0;
		box-shadow: none;
	}

	.accordion .panel-heading {
		padding: 0;
		border-bottom: 1px solid #E3E7F0;
		border-radius: 0;
	}
	.accordion .panel-title { margin: 0px;}
	.accordion .panel-title a {
		display: block;
		padding: 0;
		padding-bottom: 1rem;
		border: none;
		color: #2b2b2b;
		font-size: 1.125rem;
	}

	.accordion .panel-title a[aria-expanded='true'] {
		color: #FD7455;
	}

	.accordion .panel-title a .fa {
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0.5rem;
		display: flex;
		align-items: center;
		font-size: 1rem;
		color: #2b2b2b;
		transition: transform 0.7s ease, color 0.3s ease;
	}
	.accordion .panel-title a:hover,
	.accordion .panel-title a:focus,
	.accordion .panel-title a:hover .fa,
	.accordion .panel-title a:focus .fa {
		color: #FD7455;
		outline: 0;
		text-decoration: none;
	}

	.accordion .panel-title a[aria-expanded='true'] .fa {
		transform: rotateX(-180deg);
		color: #FD7455;
	}

	.accordion .panel-body {
		padding: 0;
		padding-top: 1rem;
		position: static;
	}


	/* pagination */
	.pagination-wrap {
		text-align: center;
		display: flex;
		justify-content: center;
	}

	.pagination {
		margin: 0;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		overflow: hidden;
	}

	.pagination>li>a,
	.pagination>li>span {
		color: #565771;
		background-color: #F4F7FF;
		border: none;
		border-left: 1px solid #E3E7F0;
		padding: 0.5rem;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 42px;
		height: 42px;
		font-weight: 800;
		font-size: 1.125rem;
		margin-left: 0;
	}

	.pagination>li>a:hover,
	.pagination>li>span:hover,
	.pagination>li>a:focus,
	.pagination>li>span:focus {
		background-color: #F4F7FF;
		border-color: #E3E7F0;
		color: #FD7455;
	}

	.pagination>.active>a,
	.pagination>.active>span,
	.pagination>.active>a:hover,
	.pagination>.active>span:hover,
	.pagination>.active>a:focus,
	.pagination>.active>span:focus {
		background-color: #F4F7FF;
		border-color: #E3E7F0;
		color: #FD7455;
	}

	.pagination>.disabled>span,
	.pagination>.disabled>span:hover,
	.pagination>.disabled>span:focus,
	.pagination>.disabled>a,
	.pagination>.disabled>a:hover,
	.pagination>.disabled>a:focus {
		opacity: 1;
		background-color: #F4F7FF;
	}

	.pagination>.disabled>a:before {
		display: none;
	}

	.pagination>[class*="pagination-arrow"].disabled img {
		opacity: 0.3;
	}

	.pagination>li:first-child>a,
	.pagination>li:first-child>span {
		border: none;
		border-bottom-left-radius: 25px;
		border-top-left-radius: 25px;
	}

	.pagination>li:last-child>a,
	.pagination>li:last-child>span {
		border-bottom-right-radius: 25px;
		border-top-right-radius: 25px;
	}

	.pagination>.pagination-arrows img {
		width: 10px;
		height: 10px;
	}

	.pagination>[class*="pagination-arrow"]>a:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-repeat: no-repeat;
		background-size: 10px;
		background-position: center;
		z-index: 1;
		opacity: 0;
		transition: all 0.3s ease;
	}
	.pagination>.pagination-arrow-right>a:before {
		background-image: url(../img/i-slider-arrow-right.svg);
	}

	.pagination>.pagination-arrow-left>a:before {
		background-image: url(../img/i-slider-arrow-left.svg);
	}

	.pagination>[class*="pagination-arrow"]>a:hover:before {
		opacity: 1;
	}


	.breadcrumbs-section ul {
		margin: 0;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		list-style: none;
		font-size: 0.875rem;
		font-weight: 800;
		color: #2b2b2b;
	}

	.breadcrumbs-section ul li+li:before {
		content: "/";
		margin-left: 0.625rem;
		margin-right: 0.625rem;
	}

	/* modal document */

	.document-modal ol{list-style: none;}
	.modal-header{padding: 1.5rem 2rem; border:none;}
	.modal-body{padding: 1rem 2rem;}
	.modal-footer{border: none; padding: 1.5rem 2rem;}
	.modal-header .close {
		position: absolute;
		top: 12px;
		right: 10px;
		z-index: 1;
		color: #0D6CFA;
		font-size: 1.3rem;
		opacity: 1;
		transition: color 0.3s ease;
	}
	.modal-header .close:hover{color: #40C96E;}

	.cookie-section {
		position: fixed;
		bottom: 1rem;
		background-color: #F4F7FF;
		z-index: 1000;
		right: calc((100vw - 1170px)/2 + 15px);
		padding: 1rem 1.5rem;
		border-radius: 14px;
		display: flex;
		align-items: center;
		box-shadow: 0px 2px 7px rgb(0 0 0 / 20%);
	}

	.cookie-section:not(.show-cookie){display: none;}

	.cookie-section .textbox{margin-bottom: 0;}
	.cookie-section > *:not(:last-child){margin-right: 2rem;}
	.cookie-section .btn{padding: 0.6rem 1rem; font-size: 0.625rem;}

/* -------- HEADER -------- */

	#header{height:8.125rem;}

	/* NAVBAR */
	.navbar {
		margin-bottom: 0;
		border: 0;
		background-color: transparent;
		border-radius: 0;
		position: fixed;
		top: 0;
		z-index: 1030;
		width: 100%;
		transition: all 1s ease;
	}

	.navbar.affix {
		top: -3.1875rem;
		box-shadow: 0 5px 30px rgb(0 0 0 / 50%);
		background-color: #fff;
	}
	.navbar.affix .header-logo{margin: 4rem 0 0.2rem;width: 6rem;}
	.navbar.affix .main-menu{margin-top: 3.6rem;margin-bottom: 0.5rem;}

	#navbar-header-wrap{z-index:2;}
	.navbar-header{float:none;}
	.header-logo {
		float: left;
		height: auto;
		width: 9.38rem;
		padding: 0;
		margin: 2.5rem 0 2.5rem;
		font-size: inherit;
		line-height: inherit;
		position: absolute;
		transition: all 1s ease;
	}
	.header-logo:focus{outline:0;}
	.header-logo img{width:100%;}

	/* gamburger menu icon */
	.navbar-toggle {
		margin-right: 0;
		padding: 10px 10px;
		margin-top: 11px;
		margin-bottom: 14px;
	}

	.nav-icon {
		width: 30px;
		height: 27px;
		position: relative;
		transform: rotate(0deg);
		transition: .5s ease-in-out;
		cursor: pointer;
		display: block;
	}

	.nav-icon span {
		display: block;
		position: absolute;
		height: 5px;
		width: 100%;
		background: #0D6CFA;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		transform: rotate(0deg);
		transition: .25s ease-in-out;
	}
	.nav-icon span:nth-child(1) {
		top: 0px;
		transform-origin: left center;
	}

	.nav-icon span:nth-child(2) {
		top: 10px;
		transform-origin: left center;
	}

	.nav-icon span:nth-child(3) {
		top: 20px;
		transform-origin: left center;
	}

	[aria-expanded='true'].navbar-toggle .nav-icon span:nth-child(1) {
		transform: rotate(45deg);
		top: -1px;
		left: 5px;
	}

	[aria-expanded='true'].navbar-toggle .nav-icon span:nth-child(2) {
		width: 0%;
		opacity: 0;
	}
	[aria-expanded='true'].navbar-toggle .nav-icon span:nth-child(3) {
		transform: rotate(-45deg);
		top: 20px;
		left: 5px;
	}

	/* NAVIGATION */
	.main-menu {
		display: flex;
		justify-content: flex-end;
		margin-top: 2.5rem;
		transition: margin 1s ease;
		margin-bottom: 0;
	}

	#main-nav {
		border: 0;
		font-size: 1rem;
		font-weight: 800;
		letter-spacing: 0.3px;
		display: flex;
		align-items: center;
	}
	#main-nav > li+li{margin-left: 1rem;}
	#main-nav > li > a{padding:0.4rem 0.5rem; line-height:1.5;}
	#main-nav > li > a{color:#2b2b2b; background-color:transparent;}
	#main-nav > li > a:hover, #main-nav > li:not(.btn) > a:focus, #main-nav > .open > a{color:#2b2b2b;}
	#main-nav > .active > a{color:#2b2b2b;}
	#main-nav > .active > a:hover, #main-nav > .active > a:focus{color:#2b2b2b;}
	#main-nav>li>a:before {
		content: '';
		position: absolute;
		bottom: 10px;
		left: -2px;
		top: auto;
		height: 1rem;
		border-radius: 20px;
		background: #FFC963;
		width: 1rem;
		transform: scale(0);
		transform-origin: center;
		transition: all 0.3s ease;
	}
	#main-nav>li>a:hover:before,
	#main-nav>.active>a:before {
		transform: scale(1);
	}

	#main-nav>li.menu-btn-item>a:before {
		display: none;
	}

	#main-nav>.menu-btn-item>a.btn {
		font-size: 0.75rem;
		font-weight: 800;
		letter-spacing: 0.5px;
		line-height: 1.3;
		color: #fff;
		padding: 0.81rem 1.5rem;
	}

	#main-nav>.menu-btn-item>a.btn:hover,
	#main-nav>.menu-btn-item>a.btn:focus,
	#main-nav>.menu-btn-item>a.btn:active {
		color: #fff;
	}

	/* dropdown */
	#main-nav>li.dropdown_split>a {
		padding-right: 2rem;
		cursor: pointer;
	}

	#main-nav>li.dropdown_split>.dropdown-toggle {
		position: absolute;
		top: 0;
		right: 0;
		margin-right: 0;
		width: 2.5rem;
		padding: 0.4rem 0.75rem;
		line-height: 1.5;
		text-align: center;
	}

	#main-nav>li>.dropdown-toggle[aria-expanded="true"] .fa {
		transform: rotate(-180deg);
	}

	#main-nav .fa {
		transition: transform 0.7s ease;
	}

	#main-nav .dropdown-menu {
		min-width: 10rem;
		padding: 0;
		margin: 0;
		border: 0;
		border-radius: 5px;
		background-color: #fff;
		font-size: 1rem;
	}

	#main-nav .dropdown-menu>li>a {
		padding: 1rem 1.5rem;
		line-height: 1.5;
		font-weight: inherit;
		transition: all 0.3s ease;
	}
	#main-nav .dropdown-menu > li.dropdown_split > a{padding-right:3rem;}
	#main-nav .dropdown-menu > li > .dropdown-toggle .fa{transform:rotate(-90deg);}
	#main-nav .dropdown-menu > li > .dropdown-toggle[aria-expanded="true"] .fa{transform:rotate(90deg);}
	#main-nav .dropdown-menu>li.dropdown_split>.dropdown-toggle {
		position: absolute;
		top: 0;
		right: 0;
		margin-right: 0;
		width: 2rem;
		padding-left: 0.6rem;
		padding-right: 0.6rem;
		line-height: 1.5;
	}

	#main-nav .dropdown-menu>li>a {
		color: #2b2b2b;
		background-color: transparent;
	}

	#main-nav .dropdown-menu>li>a:hover,
	#main-nav .dropdown-menu>li>a:focus,
	#main-nav .dropdown-menu>.open>a {
	  color: #40C96E;
	}

	#main-nav .dropdown-menu > .active > a{
		color: #40C96E;
	}

	#main-nav .dropdown-menu > .active > a:hover,
	#main-nav .dropdown-menu > .active > a:focus{
		color: #40C96E;
	}

	#main-nav .dropdown-menu.open-left {left:auto; right:-1px;}

	#main-nav .dropdown-menu>li>a:before {
		content: '';
		position: absolute;
		bottom: 0;
		right: 1.5rem;
		left: 1.5rem;
		height: 1px;
		background-color: #E3E7F0;
	}

	#main-nav>li.dropdown_split>.dropdown-toggle:before,
	#main-nav .dropdown-menu>li.dropdown_split>.dropdown-toggle #main-nav .dropdown-menu>li:last-child>a:before {
		display: none;
	}

	/* third level */
	#main-nav .dropdown-menu .dropdown-menu{top: 0;left:100%;}
	#main-nav .dropdown-menu .dropdown-menu.open-left{left:auto; right:100%;}



/* -------- HOMEPAGE -------- */

	/* MASTHEAD */
	.masthead-section {
		padding-top: 5.25rem;
		padding-bottom: 5rem;
	}

	.masthead-panel {
		z-index: 2;
	}

	.masthead-blob-decor {
		position: absolute;
		top: -9.5rem;
		right: calc((100vw - 1170px)/2 + 1000px);
		background-image: url(../img/blob01.png);
		height: 27rem;
		width: 33rem;
		background-repeat: no-repeat;
	}

	.masthead-image {
		position: absolute;
		right: -12rem;
		top: -6.25rem;
		bottom: -5rem;
		left: 52%;
		max-width: 42rem;
	}
	.masthead-image img{max-width: 100%;}


	/* EXPERTISE SECTION */
	.expertise-section {
		padding-bottom: 2.5rem;
	}

	.expertise-wrap {
		display: flex;
		background-color: #fff;
		border-radius: 20px;
		box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.09);
		overflow: hidden;
	}

	.expertise-item-wrap {
		display: flex;
		flex-direction: column;
		justify-content: center;
		background-color: transparent;
		transition: all 0.3s ease;
		max-width: calc(100% / 3);
	}

	.expertise-item {
		padding: 2rem 3.31rem;
		display: flex;
		flex-direction: row;
	}
	.expertise-item .icon-block {
		margin-right: 1.5rem;
		width: 3.125rem;
		height: auto;
		flex: 0 0 auto;
	}

	.expertise-item .icon-block img {
		width: 100%;
	}

	.expertise-item .content-block {
		flex: auto;
	}

	.expertise-item .content-block .sp-link {
		z-index: 100;
	}

	.expertise-item-wrap+.expertise-item-wrap:before {
		content: '';
		position: absolute;
		left: 0;
		top: 2rem;
		bottom: 2rem;
		width: 1px;
		background-color: #E3E7F0;
		opacity: 1;
		transition: all 0.3s ease;
	}

	.expertise-item-wrap:hover {
		background-color: #F4F7FF;
	}
	.expertise-item-wrap+.expertise-item-wrap:hover:before,
	.expertise-item-wrap:hover+.expertise-item-wrap:before {
		opacity: 0;
	}

	.tag {
		font-size: 1.25rem;
		font-weight: 800;
		color: #0D6CFA;
		padding: 0.5rem 1.25rem;
		background: linear-gradient(88.56deg, #CFE1FE 6%, #D0F1FF 25%, #0C6BFA 58%, #14B9FF 100%);
		background-size: 400%;
		text-transform: capitalize;
		border-radius: 25px;
		transition: all 0.3s ease;
	}

	.tag:hover {
		background-position: right center;
		color: #fff;
	}

	.tag.small {
		font-size: 0.875rem;
		padding: 0.375rem 0.875rem;
	}

	.competence-tags .inner-wrap {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		margin-left: -1rem;
		margin-right: -1rem;
		margin-bottom: -2rem;
	}
	.competence-tags .tag-wrap {
		margin-left: 1rem;
		margin-right: 1rem;
		margin-bottom: 2rem;
	}

	.competence-section .row {
		display: flex;
		align-items: flex-end;
		margin-bottom: 5rem;
	}

	.competence-section .row:last-child {
		margin-bottom: 0;
	}

	.competence-stat-section .inner-wrap {
		display: flex;
		align-items: flex-start;
		margin-left: -3.31rem;
		margin-right: -3.31rem;
		margin-bottom: -3rem;
	}

	.competence-stat-item {
		margin-left: 3.31rem;
		margin-right: 3.31rem;
		margin-bottom: 3rem;
		width: calc(100%/3 - 6.62rem);
	}
	.competence-stat-item .number-block {
		font-size: 6.25rem;
		font-weight: 800;
		letter-spacing: -6px;
		background: -webkit-linear-gradient(88.56deg, #0C6BFA 6.99%, #14B9FF 87.26%);
		-webkit-background-clip: text;
		-webkit-text-stroke: 2px transparent;
		color: #fff;
		line-height: 1;
	}

	.competence-stat-item .content-block {
		margin-top: -1.9rem;
		margin-left: 3.5rem;
	}


	/* PORTFOLIO SECTION */
	.portfolio-section:before {
		content: '';
		position: absolute;
		top: -26rem;
		left: -35rem;
		right: -24rem;
		bottom: 0;
		background-image: url(../img/blob02.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center top;
		z-index: -1;
	}

	.portfolio-preview {
		display: flex;
		align-items: flex-end;
	}

	.main-portfolio-wrap {
		display: grid;
		grid-template-rows: repeat(13, 40px);
		grid-template-columns: 0.5fr 0.35fr 0.35fr;
		grid-gap: 30px;
	}

	.main-portfolio-item {
		border-radius: 5px;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		overflow: hidden;
	}

	.main-portfolio-item:nth-child(1) {
		grid-row: 1 / 8;
		background: linear-gradient(88.56deg, #0C6BFA 6.99%, #14B9FF 87.26%);
	}

	.main-portfolio-item:nth-child(2) {
		grid-row: 8 / 14;
		grid-column: 1 / 2;
		background: linear-gradient(35.53deg, #D4FC79 -22.03%, #96E6A1 100%);
	}

	.main-portfolio-item:nth-child(3) {
		grid-row: 1 / 7;
		background: linear-gradient(43.33deg, #FFE767 -14.72%, #FC7254 79.32%);
	}

	.main-portfolio-item:nth-child(4) {
		grid-row: 1 / 7;
		background: linear-gradient(35.53deg, #D4FC79 -22.03%, #96E6A1 100%);
	}

	.main-portfolio-item:nth-child(5) {
		grid-row: 7 / 14;
		grid-column: 2 / 4;
		background: linear-gradient(88.56deg, #0C6BFA 6.99%, #14B9FF 87.26%);
	}
	.main-portfolio-item .content-block {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-color: rgba(255, 255, 255, 0.75);
		padding: 2rem;
		border-radius: 5px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		opacity: 0;
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		transition: all 0.3s ease;
	}
	.main-portfolio-item:hover .content-block{opacity: 1;}
	.main-portfolio-item .image-block img {
		height: 100%;
		width: auto;
		max-width: 100%;
	}

	.main-portfolio-item .sp-link{z-index: 100;}

	.project-stat {
		margin-top: auto;
		display: flex;
		align-items: flex-start;
	}

	.project-stat-item+.project-stat-item {
		margin-left: 2rem;
	}

	.project-stat-item .number-block {
		font-size: 1.5rem;
		font-weight: 800;
		color: #0D6CFA;
		line-height: 1.2;
	}


	/* APPROACH-SECTION */
	.approach-image-block {
		position: absolute;
		left: -22rem;
		top: -11rem;
		bottom: 0;
	}

	.approach-image-block img {
		max-width: 100%;
	}

	.approach-section ul {
		padding-left: 2rem;
	}

	.approach-section ul li:before {
		background-image: url(../img/i-list-check.svg);
		width: 1.25rem;
		left: -2rem;
		top: 0.1rem;
	}
	.approach-section ul li {
		margin-top: 0;
		margin-bottom: 0;
	}

	.approach-section ul li+li {
		margin-top: 1rem;
	}

	.tech-wrap {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		margin-left: -2rem;
		margin-right: -2rem;
		margin-bottom: -2rem;
	}
	.tech-wrap .tech-item {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		margin-left: 2rem;
		margin-right: 2rem;
		text-align: center;
		margin-bottom: 2rem;
	}

	.tech-item .image-block {
		width: 3.5rem;
		height: 3.5rem;
	}

	.tech-item .image-block img {
		width: 100%;
	}


	/* TESTIMONIAL-SECTION */

	.testimonial-section {
		margin-top: 3.875rem;
	}

	.testimonial-section:before {
		content: '';
		position: absolute;
		top: -4rem;
		bottom: 0;
		left: -15rem;
		right: -8rem;
		background-image: url(../img/blob03.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: top center;
	}

	.testimonial-slider .testimonial-item {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		background-color: #fff;
		padding: 2.5rem;
		box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.09);
		border-radius: 20px;
		margin-left: 1.25rem;
		margin-right: 1.25rem;
		width: calc((1140px/12*8 + (100vw - 1140px)/2 + 30px)/2.5 - 2.5rem);
	}

	.testimonial-item .image-block {
		width: 7.75rem;
		height: 7.75rem;
		margin-top: -6.375rem;
		margin-bottom: 2rem;
	}

	.testimonial-item .image-block img {
		width: 100%;
	}


	.testimonial-slider {
		margin-right: calc((100vw - 1140px)/-2 - 15px);
		margin-top: -3.875rem;
		margin-bottom: -1.125rem;
	}

	.testimonial-slider .slick-track {
		padding-bottom: 1.25rem;
		padding-top: 3.875rem;
	}

	.testimonial-slider .slick-list {
		padding-left: 1.25rem;
	}

	.testimonial-slider-nav {
		background-color: #fff;
		border-radius: 25px;
		box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.09);
		display: inline-flex;
	}

	.testimonial-slider:not(.slick-initialized) {
		display: flex;
		align-items: flex-start;
		margin-left: -1.25rem;
		margin-right: -1.25rem;
		margin-top: 0;
		margin-bottom: 0;
	}

	.testimonial-slider:not(.slick-initialized) .testimonial-item {
		width: calc(100% / 2 - 30px);
	}

	/* slick slider */
	.slick-track,
	.slick-list {
		height: 100%;
	}

	.slick-slide:focus {
		outline: 0;
	}

	.slick-track {
		display: flex;
		align-items: stretch;
	}

	.slick-slider {
		-webkit-user-select: text;
		-moz-user-select: text;
		-ms-user-select: text;
		user-select: text;
	}

	.slick-arrow {
		line-height: 1;
		border: 0;
		background: none;
		overflow: hidden;
		padding: 11px 27px;
		transition: opacity 0.2s ease;
		opacity: 0.7;
	}

	.slick-arrow:hover {
		opacity: 1;
	}

	.slick-arrow:focus {
		outline: 0;
	}

	.slick-arrow.slick-disabled {
		opacity: 0.1;
		cursor: default;
	}

	.slick-next {
		border-left: 1px solid #E3E7F0;
	}

	.slick-cloned {
		background-position-x: center;
		background-position-y: center;
		background-size: cover;
	}

	/* CTA SECTION */

	.cta-section-wrap{padding-bottom: 5rem;}
	.cta-section {
		padding: 3.5rem 5rem;
		border-radius: 20px;
		box-shadow: 0px 18px 18px rgba(41, 45, 50, 0.12);
	}

	.cta-section:before {
		content: '';
		width: 6rem;
		height: 4.44rem;
		background-image: url(../img/i-cta-triangle.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		left: calc(50% - 3rem);
		bottom: -3rem;
		z-index: 1;
	}

	.cta-section-wrap:before {
		content: '';
		background-image: url(../img/bg-cta.png);
		background-size: cover;
		background-position: bottom center;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 17.31rem;
		z-index: -1;
	}

	.form-section.content-section{padding-top: 3rem;}

	.form-section:not(:last-child):before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: -5rem;
		height: 7.5rem;
		background-image: url(../img/bg-project-bottom.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center bottom;
	}
	.content-section:not(.cta-section-wrap)+.form-section:before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: -5.5rem;
		height: 7.5rem;
		background-image: url(../img/bg-project-top.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center top;
	}
	.content-section:not(.cta-section-wrap) + .form-section{
		margin-top: 4.5rem;
	}


	/* -------- FOOTER -------- */

	#footer{flex:0 0 auto; margin-top:auto;}

	.footer-top-section {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-top: 3.5rem;
		padding-bottom: 2rem;
		overflow: hidden;
	}

	.footer-logo{max-width: 7.69rem;}
	.footer-logo img{width: 100%;}

	.footer-menu ul {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		padding: 0;
		margin: 0;
		list-style: none;
		margin-left: -1.75rem;
		margin-right: -1.75rem;
		margin-bottom: -0.5rem;
	}

	.footer-menu ul li {
		margin-left: 1.75rem;
		margin-right: 1.75rem;
		margin-bottom: 0.5rem;
	}
	.footer-menu ul li a{color: #2b2b2b;}
	.footer-menu ul li a:hover{color: #40C96E;}


	.footer-bottom-section {
		padding-top: 2rem;
		padding-bottom: 3.5rem;
		border-top: 1px solid #E3E7F0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		overflow: hidden;
	}
	.footer-contact-wrap,
	.footer-contact-wrap .footer-contact,
	.footer-contact-wrap .contact-item,
	.footer-contact-wrap .contact-item a {
		display: flex;
		align-items: center;
	}

	.footer-contact-wrap .footer-contact+.footer-contact {
		margin-left: 3.5rem;
	}

	.footer-contact-wrap h6 {
		margin-bottom: 0;
		margin-right: 1.5rem;
	}

	.footer-contact-wrap .contact-item a+a {
		margin-left: 1.5rem;
	}

	.footer-contact-wrap .contact-item a{color: #2b2b2b;}
	.footer-contact-wrap .contact-item a:hover{color: #40C96E;}
	.footer-contact-wrap .contact-item a span {
		margin-right: 0.5rem;
		color: #0D6CFA;
		font-size: 1.38rem;
		transition: all 0.3s ease;
	}

	.contact-block{display: flex; align-items: center;}
	.contact-block a+a{margin-left: 1.5rem;}
	.contact-block a{display: flex; color: #2b2b2b;}
	.contact-block a:hover{color: #40C96E;}
	.contact-block span{margin-right: 0.5rem; color: #0D6CFA;}

	.footer-contact-wrap .contact-item.social-block span{margin-right: 0;}
	.contact-item.social-block a+a{margin-left: 0.8rem;}
	.contact-item.social-block a:hover span{color: #40C96E;}

	.copyright-menu ul {
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

	.copyright-menu ul li+li:before {
		content: "|";
		margin-left: 1rem;
		margin-right: 1rem;
	}

	.copyright-menu ul li a{color: #565771;}
	.copyright-menu ul li a:hover{color: #40C96E;}



/* -------- PROJECTS -------- */

	.project-masthead.masthead-section{padding: 0;}
	.project-masthead .project-masthead-image img{max-width: 100%;}
	.project-masthead .row {
		display: flex;
		align-items: center;
	}

	.project-masthead .masthead-blob-decor {
		background-image: url(../img/blob04.png);
		height: 30rem;
		width: 36rem;
		top: -4.5rem;
		right: calc((100vw - 1170px)/2 + 950px);
	}

	.project-listing .project-item {
		display: flex;
		margin-bottom: 1.875rem;
		overflow: hidden;
		border-radius: 5px;
	}

	.project-listing .project-item:last-child {
		margin-bottom: 0;
	}

	.project-listing .project-item .content-block {
		padding: 3rem;
		flex: 1 0 55%;
		display: flex;
		flex-direction: column;
	}
	.project-listing .project-item .content-block .textbox{margin-bottom: 5rem;}
	.project-listing .project-item .content-block a{z-index: 10;}
	.project-listing .project-item .image-block{align-self: flex-end; flex: 0 0 40%;}

	.project-listing .project-item .image-block img {
		width: 100%;
		z-index: 1;
	}

	.project-listing .project-item .tag {
		position: absolute;
		right: 0;
		top: 2.8rem;
		z-index: 10;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;

	}

	.project-listing .project-item .image-block:before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		background-image: url(../img/blob06.png);
		background-size: contain;
		background-repeat: no-repeat;
	}

	.project-listing .project-item .image-block:after {
		content: '';
		position: absolute;
		top: 0rem;
		right: -5rem;
		left: 2rem;
		bottom: -2rem;
		background-image: url(../img/blob05.png);
		background-size: contain;
		background-repeat: no-repeat;
	}
	.project-listing .project-item:hover .image-block:after {
	    animation: 4s linear 0s infinite blob-rotate;
	}
	.project-listing .project-item .area-link{z-index: 2;}

	/* project bg-blob animation */
	@keyframes blob-rotate {
		0% {
			transform: rotate(0);
		}

		50% {
			transform: rotate(180deg);
		}

		100% {
			transform: rotate(360deg);
		}
	}

	/* filter form */
	.filter-accordion:not(:last-child) {
		margin-bottom: 2.5rem;
	}

	.filter-accordion .panel:not(:last-child) {
		margin-bottom: 2.5rem;
	}

	.filter-accordion fieldset .mb:not(:last-child) {
		margin-bottom: 1rem;
	}

	.filter-form .btn-wrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.filter-form .btn-wrap .btn+.btn{margin-left: 1.5rem;}

	/* PROJECT DETAILS */

	/* masthead section */
	.project-tags {
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
		margin-left: -0.25rem;
		margin-right: -0.25rem;
	}

	.project-tags .tag {
		margin-left: 0.5rem;
		margin-bottom: 0.5rem;
		margin-bottom: 0.5rem;
	}

	.short-info-wrap {
		display: flex;
		flex-wrap: wrap;
		margin-left: -1.75rem;
		margin-right: -1.75rem;
		margin-bottom: -1.5rem;
	}

	.short-info-wrap .short-info-item {
		margin-left: 1.75rem;
		margin-right: 1.75rem;
		margin-bottom: 1.5rem;
		width: calc(50% - 3.5rem);
	}

	/* summary section */
	.summary-section:before {
		content: '';
		position: absolute;
		top: -9rem;
		left: -10rem;
		right: -17rem;
		bottom: 0;
		background-image: url(../img/blob07.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center top;
		z-index: -1;
	}

	.summary-wrap {
		display: flex;
		flex-wrap: wrap;
		margin-left: -15px;
		margin-right: -15px;
		margin-bottom: -1.5rem;
	}
	.summary-wrap .summary-item {
		background-color: #fff;
		margin-left: 15px;
		margin-right: 15px;
		width: calc(100%/4 - 30px);
		margin-bottom: 1.5rem;
		box-shadow: 0px 4px 18px 0px #00000017;
		border-radius: 20px;
		padding: 2.5rem 2rem;
	}
	.summary-wrap .summary-item ul{padding-left: 1.5rem;}

	.summary-section .competence-stat-item .number-block {
		background: none;
		-webkit-text-stroke: 1px #0C6BFA;
		color: transparent;
	}


	/* text & image section */
	.project-text-image-section .row {
		display: flex;
		align-items: center;
	}

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

	.project-text-image-section:last-child {
		border-bottom: 1px solid #E3E7F0;
	}

	.small-text-section {
		display: flex;
		flex-wrap: wrap;
		margin-left: -15px;
		margin-right: -15px;
		margin-bottom: -30px;
		align-items: flex-start;
	}
	.small-text-section .small-text-item {
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 30px;
		display: flex;
		align-items: flex-start;
		width: calc(100% - 30px);
	}

	.small-text-section .icon-block {
		margin-right: 1rem;
		flex: 0 0 2rem;
	}
	.small-text-section .icon-block img {
		width: 100%;
	}

	.small-text-section.two-column .small-text-item{
		width: calc(50% - 30px);
	}
	.small-text-section.three-column .small-text-item{
		width: calc(100%/3 - 30px);
	}

	.project-image-block img{width: 100%;}

	.content-section.air.bg-wave:not(.screenshot-section-global-wrap) .container:before {
		content: '';
		position: absolute;
		left: calc((100vw - 1170px)/-2 - 15px);
		right: calc((100vw - 1170px)/-2 - 15px);
		top: 0;
		bottom: 0;
		background-color: #F4F7FF;
		display: block;
	}

	.content-section.air.bg-wave:not(.screenshot-section-global-wrap):before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		height: 7.5rem;
		background-image: url(../img/bg-project-top.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center top;
	}
	.content-section.air.bg-wave:not(.screenshot-section-global-wrap):after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 7.5rem;
		background-image: url(../img/bg-project-bottom.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center bottom;
		z-index: -1;
	}

	/* screenshots section */

	/* horizontal */
	.horizontal-screenshot-section .screenshot-section {
		margin-left: -2.812rem;
		margin-right: -2.812rem;
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.horizontal-screenshot-section .screenshot-item {
		width: calc(100%/3 - 5.625rem);
		margin-left: 2.812rem;
		margin-right: 2.812rem;
	}

	.horizontal-screenshot-section .screenshot-item .image-block:not(:last-child) {
		margin-bottom: 1.5rem;
	}

	/* vertical */
	.vertical-screenshot-section .screenshot-item {
		display: flex;
		align-items: center;
		margin-bottom: 3.5rem;
	}
	.vertical-screenshot-section .screenshot-item:last-child {
		margin-bottom: 0;
	}

	.vertical-screenshot-section .screenshot-item:nth-child(even) {
		flex-direction: row-reverse;
	}

	.vertical-screenshot-section .screenshot-item .image-block {
		flex: 0 0 33%
	}
	.vertical-screenshot-section .screenshot-item:nth-child(odd) .image-block:not(:last-child) {
		margin-right: 1.5rem;
	}

	.vertical-screenshot-section .screenshot-item:nth-child(even) .image-block:not(:last-child) {
		margin-left: 1.5rem;
	}

	/* screenshots item */
	.screenshot-item .image-block img {
		width: 100%;
	}

	.screenshot-item .number-block {
		font-size: 4.37rem;
		font-weight: 800;
		letter-spacing: -6px;
		background: -webkit-linear-gradient(88.56deg, #0C6BFA 6.99%, #14B9FF 87.26%);
		-webkit-background-clip: text;
		-webkit-text-stroke: 2px transparent;
		color: #fff;
		line-height: 1;
	}

	.bg-wave .screenshot-item .number-block {
		color: #F4F7FF;
	}

	.screenshot-item .text-block {
		margin-top: -1.375rem;
		margin-left: 2rem;
	}

	/* screenshot section  */
	.screenshot-text-wrap {
		margin-bottom: 3.5rem;
	}

	.screenshot-section-global-wrap.bg-wave .screenshot-text-panel {
		background-color: #fff;
		border-radius: 20px;
		padding: 4rem;
		box-shadow: 0px 4px 18px 0px #00000017;
		text-align: center;
	}

	.screenshot-section-global-wrap.bg-wave .screenshot-text-wrap:before {
		content: '';
		background-image: url(../img/bg-cta.png);
		background-size: cover;
		background-position: bottom center;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 17.31rem;
		z-index: -1;
	}
	.screenshot-section-global-wrap.bg-wave:before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 7.5rem;
		background-image: url(../img/bg-project-bottom.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center bottom;
	}

	.screenshot-section-global-wrap.bg-wave .screenshot-text-wrap+section {
		padding-top: 5rem;
	}

	.screenshot-section-global-wrap.bg-wave .screenshot-text-wrap {
		padding-bottom: 20px;
		margin-bottom: 0;
	}

	.screenshot-section-global-wrap.bg-wave .screenshot-section-wrap {
		background-color: #F4F7FF;
	}


/* -------- EXPERTISE -------- */

	.expertise-masthead-section{padding-top: 3.5rem; padding-bottom: 0;}
	.expertise-masthead-image img{width: 100%;}
	.expertise-masthead-section .left-indent{padding-left: 5rem;}

	.expertise-masthead-section .short-info-wrap {
		margin-bottom: -2.5rem;
		margin-left: -2.34rem;
		margin-right: -2.34rem;
	}

	.expertise-masthead-section .short-info-item {
		margin-bottom: 2.5rem;
		margin-left: 2.34rem;
		margin-right: 2.34rem;
		width: calc(50% - 4.68rem);
	}

	.expertise-masthead-section .short-info-item .icon-block {
		margin-bottom: 0.5rem;
		max-height: 2.5rem;
	}
	.expertise-masthead-section .short-info-item .icon-block img {
		max-height: 40px;
		width: auto;
	}


	.services-wrap {
		display: flex;
		margin-left: -1.5rem;
		margin-right: -1.5rem;
		margin-bottom: -3rem;
		flex-wrap: wrap;
		justify-content: center;
	}

	.services-wrap.two-column .services-item {
		width: calc(100%/2.2 - 3rem);
	}

	.services-wrap .services-item {
		width: calc(100%/4 - 3rem);
		margin-left: 1.5rem;
		margin-right: 1.5rem;
		margin-bottom: 3rem;
		display: flex;
		align-items: flex-start;
	}

	.services-wrap .services-item h5 {
		text-transform: none;
		letter-spacing: 0;
	}

	.services-wrap .services-item .icon-block {
		flex: 0 0 1.37rem;
		margin-right: 0.625rem;
	}

	.services-wrap .services-item .icon-block img {
		width: 100%;
	}
	.business-task-section {
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	.task-item {
		display: flex;
		align-items: center;
		width: calc(100%/12*10);
		margin-bottom: 3.5rem;
	}
	.task-item:last-child{margin-bottom: 0;}
	.task-item:nth-child(odd) {margin-right: -5rem;}
	.task-item:nth-child(even){flex-direction: row-reverse;margin-left: -5rem;}
	.task-item:nth-child(odd) .content-block{margin-right: 2.5rem;}
	.task-item:nth-child(even) .content-block{margin-left: 2.5rem;}
	.task-item .image-block{text-align: center; flex: 0 0 30%}
	.task-item .image-block .task-hero-img{max-width: 16rem;}
	.task-bg-img {
		position: absolute;
		top: 0;
		bottom: 0;
	}

	.task-item:hover .image-block .task-hero-img {
		animation: 2s linear 0s infinite image-levitate;
	}
	.task-item:hover .image-block .task-shadow-img{
		animation: 2s linear 0s infinite image-shadow;
	}


	/* task images animation */
	@keyframes image-levitate {
		0% {
			transform: translateY(0);
		}

		25% {
			transform: translateY(7px);
		}

		50% {
			transform: translateY(0);
		}

		75% {
			transform: translateY(-7px);
		}

		100% {
			transform: translateY(0);
		}
	}
	@keyframes image-shadow {
		0% {
			transform: scaleX(1);
		}

		25% {
			transform: scaleX(1.2);
		}

		50% {
			transform: scaleX(1);
		}

		75% {
			transform: scaleX(0.9);
			opacity: 0.7;
		}

		100% {
			transform: scaleX(1);
			opacity: 1;
		}
	}

	.workflow-section {
		display: flex;
		flex-direction: column;
	}

	.workflow-item:nth-child(odd) {
		align-self: flex-start;
	}

	.workflow-item:nth-child(even) {
		align-self: flex-end;
	}

	.workflow-item {
		width: calc(100%/12*5);
		margin-top: -3rem;
	}

	.workflow-item:first-child {
		margin-top: 0;
	}

	.workflow-item .content-block {
		box-shadow: 0px 4px 18px 0px #00000017;
		background-color: #fff;
		padding: 2rem;
		padding-top: 1.5rem;
		border-radius: 20px;
	}

	.workflow-item .number-block {
		font-size: 4.37rem;
		font-weight: 800;
		letter-spacing: -6px;
		background: -webkit-linear-gradient(88.56deg, #0C6BFA 6.99%, #14B9FF 87.26%);
		-webkit-background-clip: text;
		-webkit-text-stroke: 2px transparent;
		color: #fff;
		line-height: 1;
	}

	.workflow-item .text-block {
		margin-top: -1.375rem;
		margin-left: 2rem;
	}

	.workflow-item:before {
		content: '';
		height: calc(100% - 3rem);
		width: 4px;
		position: absolute;
		right: -20.5%;
		top: 50%;
		background: linear-gradient(24.12deg, #0C6BFA 30.92%, #14B9FF 100%);
	}

	.workflow-item:nth-child(even):before {
		right: auto;
		left: -20.5%;
	}

	.workflow-item:last-child:before {
		display: none;
	}

	.workflow-item:after {
		content: '';
		background-image: url(../img/i-workflow-dot.svg);
		background-size: contain;
		width: 2rem;
		height: 2rem;
		position: absolute;
		top: calc(50% - 1.25rem);
		left: calc(100% + 20.5% - 1.15rem);
	}
	.workflow-item:nth-child(even):after {
		right: calc(100% + 20.5% - 1.15rem);
		left: auto;
	}

	.project-listing.two-column .inner-wrapper {
		margin-left: -1rem;
		margin-right: -1rem;
		margin-bottom: -2rem;
		display: flex;
		flex-wrap: wrap;
	}

	.project-listing.two-column .project-item {
		width: calc(50% - 2rem);
		margin-left: 1rem;
		margin-right: 1rem;
		margin-bottom: 2rem;
	}
	.project-listing.two-column .project-item .content-block {
		padding: 2rem;
	}

	.project-listing.two-column .project-item .textbox {
		margin-bottom: 3.5rem;
	}

	.project-listing.two-column .project-item .image-block {
		flex: 0 0 34%;
	}

	.project-listing.two-column .project-item .image-block img {
		width: 150%;
		margin-left: -2rem;
	}

	.project-listing.two-column .project-item .image-block:before {
		right: -6rem;
		bottom: -4rem;
	}