@import url(https://fonts.googleapis.com/css?family=Nunito:300,400,600,700&subset=latin-ext);
@import url(https://fonts.googleapis.com/css2?family=Squada+One&display=swap);

:root {
	--WT: #FFF;
	--BK: #000;
	--EE: #EEE;
	--D3: #333;
	--F5: #F5F5F5;
	--F9: #F9F9F9;
	--P1: #B0B2BF;
	--P2: #81808c;
	--P3: #3D2F59;
	--P4: #2D1F40;
	--P5: #403E3F;
	--BLUE: #173673;
	--H-BLUE: #5264A8;
	--L-BLUE: #DDE9FF;
	--LH-BLUE: #AAC8FF;
	--SALMON: #D95B72;
	--H-SALMON: #FF92A6;
	--L-SALMON: #FFE7F9;
	--LH-SALMON: #FFCADD;
	--PINK: #E83E8C;
	--RED: #A61103;
	--YELLOW: #F2D027;
	--H-YELLOW: #FFFF66;
	--L-YELLOW: #F2ECCE;
	--LH-YELLOW: #FFFFBD;
	--GREEN: #03A61C;
	--H-GREEN: #5EDE55;
	--L-GREEN: #E8FFDC;
	--LH-GREEN: #C6FFAA;
	--CYAN: #1AB2BF;
	--H-CYAN: #6AEAF7;
	--L-CYAN: #C7FFFF;
	--LH-CYAN: #8AFFFF;
	--GRAY: #A6A6A6;
	--GRAY-DARK: #4A4F59;
	--BLK-STONE: #262626;
	--RGB-WT: 255, 255, 255;
	--RGB-BK: 0, 0, 0;
	--RGB1: 176, 178, 191;
	--RGB2: 129, 128, 140;
	--RGB3: 61, 47, 89;
	--RGB4: 45, 31, 64;
	--RGB5: 64, 62, 63;
	--RGB-BLUE: 25, 54, 115;
	--RGB-GREEN: 3, 166, 28;
	--RGB-RED: 166, 17, 3;
	--RGB-YELLOW: 242, 208, 39;
	--RGB-CYAN: 26, 178, 191;
	--RGB-GRAY-DARK: 74, 79, 89;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--FS: 'Squada One', sans-serif;
	--FN: 'Nunito', sans-serif;
	--FA: 'Font Awesome 5 Free';
}

::after,
::before {
	box-sizing: border-box
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: transparent
}

@-ms-viewport {
	width: device-width
}

body {
	font-size: 1rem;
	line-height: 1.5;
	text-align: left
}

ol,
p,
ul {
	margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
	margin-bottom: 0
}

a {
	color: var(--BLUE);
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}

a:hover {
	color: var(--H-BLUE);
	text-decoration: underline
}

a:not([href]):not([tabindex]) {
	color: inherit;
	text-decoration: none
}

a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
	color: inherit;
	text-decoration: none
}

a:not([href]):not([tabindex]):focus {
	outline: 0
}

img {
	vertical-align: middle
}

button {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

button:focus {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color
}

button,
input,
textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

button,
input {
	overflow: visible
}

button {
	text-transform: none
}

[type=reset],
button,
html [type=button] {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
button::-moz-focus-inner {
	padding: 0;
	border-style: none
}

input[type=date] {
	-webkit-appearance: listbox
}

textarea {
	overflow: auto;
	resize: vertical
}

[hidden] {
	display: none !important
}

h1,
h2,
h5 {
	margin-bottom: .5rem;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.2;
	color: inherit
}

h1 {
	font-size: 2.5rem
}

h2 {
	font-size: 2rem
}

h5 {
	font-size: 1.25rem
}

.img-fluid {
	max-width: 100%;
	height: auto
}

.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

@media (min-width:576px) {
	.container {
		max-width: 540px
	}
}

@media (min-width:768px) {
	.container {
		max-width: 720px
	}
}

@media (min-width:992px) {
	.container {
		max-width: 960px
	}
}

@media (min-width:1200px) {
	.container {
		max-width: 1140px
	}
}

.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px
}

.col-12,
.col-6,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-8,
.col-md-12,
.col-md-4,
.col-md-6,
.col-sm-12,
.col-sm-6 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}

.col-12,
.col-6 {
	-webkit-box-flex: 0
}

.col-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}

.col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}

@media (min-width:576px) {

	.col-sm-12,
	.col-sm-6 {
		-webkit-box-flex: 0
	}

	.col-sm-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-sm-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
}

@media (min-width:768px) {
	.col-md-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}

	.col-md-12,
	.col-md-4,
	.col-md-6 {
		-webkit-box-flex: 0
	}

	.col-md-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-md-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
}

@media (min-width:992px) {

	.col-lg-2,
	.col-lg-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}

	.col-lg-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.col-lg-4,
	.col-lg-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}

	.col-lg-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%
	}

	.col-lg-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-lg-12,
	.col-lg-6,
	.col-lg-8 {
		-webkit-box-flex: 0
	}

	.col-lg-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}

	.col-lg-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	.offset-lg-1 {
		margin-left: 8.333333%
	}

	.offset-lg-3 {
		margin-left: 25%
	}
}

.fade {
	opacity: 0;
	transition: opacity .15s linear
}

.breadcrumb,
.nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none
}

.nav {
	padding-left: 0;
	margin-bottom: 0
}

.breadcrumb {
	background-color: var(--P1);
	border-radius: .25rem;
	padding: .75rem 1rem;
	margin-bottom: 1rem
}

.d-block {
	display: block !important
}

.mx-auto {
	margin-right: auto !important;
	margin-left: auto !important
}

.visible {
	visibility: visible !important
}

@media print {

	*,
	::after,
	::before {
		text-shadow: none !important;
		box-shadow: none !important
	}

	a:not(.btn) {
		text-decoration: underline
	}

	img {
		page-break-inside: avoid
	}

	h2,
	p {
		orphans: 3;
		widows: 3
	}

	h2 {
		page-break-after: avoid
	}

	@page {
		size: a3
	}

	.container,
	body {
		min-width: 992px !important
	}
}

a,
body,
center,
div,
footer,
header,
html,
i,
img,
nav,
object,
ol,
p,
s,
section,
span,
u,
var {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0
}

h1,
h2,
h5 {
	padding: 0
}

h1,
h2,
h5,
li,
ul {
	border: 0;
	outline: 0
}

footer,
header,
nav,
section {
	display: block
}

li,
ul {
	padding: 0;
	list-style: none
}

* {
	box-sizing: border-box
}

body,
html {
	font-weight: 600;
	background-color: var(--WT);
	font-size: 16px;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: var(--WT);
	color: var(--P2);
	font-family: var(--FN)
}

a {
	text-decoration: none !important
}

h1,
h2,
h5,
li,
ul {
	margin: 0
}

::selection {
	background: var(--P3);
	color: var(--WT)
}

.section {
	padding-top: 100px;
	padding-bottom: 70px
}

.section.colored {
	background: var(--F5)
}

.center-heading.colored .section-title {
	color: var(--WT)
}

.center-heading .section-title,
.left-heading .section-title {
	font-family: var(--FS);
	font-weight: 400;
	font-size: 2.5rem;
	color: var(--P3);
	letter-spacing: 1.4px;
	margin-bottom: 10px;
	line-height: 40px
}

.left-heading .section-title {
	line-height: 40px;
	position: relative
}

.center-heading,
.center-txt {
	text-align: center
}

.center-heading .section-title {
	line-height: 38px
}

.center-txt {
	margin-bottom: 50px
}

.center-txt.colored,
footer .footer-email p a:hover {
	color: var(--P1)
}

.center-txt p,
.left-txt p {
	margin-bottom: 30px !important
}

.center-txt,
.left-txt {
	font-weight: 600;
	font-size: 16px;
	color: var(--P3);
	line-height: 28px;
	letter-spacing: 1px
}

.align-self-center {
	-ms-flex-item-align: center !important;
	align-self: center !important
}

.btn-home,
.btn-primary-line,
.btn-white-line {
	display: inline-block;
	outline: 0 !important;
	cursor: pointer;
	position: relative
}

.btn-primary-line {
	width: 160px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	border: 0;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	background: var(--P3);
	margin: auto auto 40px;
	font-weight: 700;
	font-size: 12px;
	color: var(--WT);
	letter-spacing: .75px;
	text-transform: uppercase;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s
}

.btn-primary-line:hover {
	background: var(--P2);
	color: var(--WT)
}

.btn-home,
.btn-white-line {
	background: var(--WT)
}

.btn-white-line {
	width: 160px;
	height: 44px;
	line-height: 45px;
	text-align: center;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	margin: auto auto 40px;
	font-weight: 700;
	font-size: 12px;
	color: var(--P3);
	letter-spacing: .75px;
	text-transform: uppercase;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s
}

.btn-white-line:hover {
	background: var(--P2)
}

.btn-home {
	width: 100%;
	height: 40px;
	line-height: 40px;
	box-shadow: 0 2px 48px 0 rgba(var(--RGB-BK), .08);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: auto auto 20px;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: .88px;
	overflow: hidden
}

.btn-home:after {
	content: '';
	position: absolute;
	width: 47px;
	height: 40px;
	left: 0;
	top: 0;
	background-image: linear-gradient(135deg, var(--F5) 0, var(--F9) 100%)
}

.btn-home i {
	margin-left: 22px;
	margin-right: 32px
}

.btn-home i,
.btn-home span,
.btn-home:after {
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s
}

.btn-home i,
.btn-home span {
	position: relative;
	z-index: 2;
	color: var(--P3)
}

.btn-home.active i,
.btn-home:hover i {
	color: var(--WT);
	margin-left: 25px;
	margin-right: 37px
}

.btn-home.active:after,
.btn-home:hover:after {
	height: 40px;
	width: 56px;
	background-image: linear-gradient(135deg, var(--P2) 0, var(--P4) 100%)
}

.padding-top-0 {
	padding-top: 0 !important
}

.padding-bottom-80 {
	padding-bottom: 80px !important
}

.margin-bottom-30 {
	margin-bottom: 30px !important
}

.margin-bottom-10 {
	margin-bottom: 10px !important
}

.margin-bottom-70 {
	margin-bottom: 70px !important
}

.margin-bottom-100 {
	margin-bottom: 100px !important
}

.br-5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

@media (max-width:991px) {

	body,
	html {
		overflow-x: hidden
	}

	.mob-bottom-fix {
		margin-bottom: 30px
	}

	.mob-bottom-fix-big {
		margin-bottom: 60px
	}
}

@media (max-width:768px) {
	.btn-home {
		margin-bottom: 10px
	}
}

.header-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	height: 100px
}

.header-wrapper .main-nav .logo {
	float: left;
	margin-top: 22px
}

.header-wrapper,
.header-wrapper .main-nav .logo,
.header-wrapper .main-nav .logo img,
.header-wrapper .main-nav .nav {
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s
}

.header-wrapper .main-nav .nav {
	float: left;
	margin-top: 27px;
	margin-left: 80px
}

.header-wrapper .main-nav .nav li {
	padding-left: 20px;
	padding-right: 20px
}

.header-wrapper .main-nav .nav li:last-child {
	padding-right: 0
}

.header-wrapper .main-nav .nav li a {
	display: block;
	font-weight: 600;
	font-size: 14px;
	color: var(--P2);
	line-height: 40px;
	border: transparent;
	letter-spacing: 1px
}

.header-wrapper .main-nav .nav li.submenu {
	position: relative;
	padding-right: 35px
}

.header-wrapper .main-nav .nav li.submenu:after {
	font-family: var(--FA);
	content: "\f107";
	font-size: 12px;
	color: var(--P2);
	position: absolute;
	right: 18px;
	top: 12px
}

.header-wrapper .main-nav .nav li.submenu ul {
	position: absolute;
	width: 200px;
	box-shadow: 0 2px 28px 0 rgba(var(--RGB-BK), .06);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	top: 40px;
	opacity: 0;
	transform: translateY(-2em);
	visibility: hidden;
	z-index: -1;
	transition: all .3s ease-in-out 0s, visibility 0s linear .3s, z-index 0s linear .01s
}

.header-wrapper .main-nav .nav li.submenu ul li {
	margin-left: 0;
	padding-left: 0;
	padding-right: 0
}

.header-wrapper .main-nav .nav li a,
.header-wrapper .main-nav .nav li.submenu ul li a,
.header-wrapper .main-nav .nav li.submenu ul li a:before {
	height: 40px;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s
}

.header-wrapper .main-nav .nav li.submenu ul li a {
	display: block;
	background: var(--WT);
	color: var(--P3);
	padding-left: 20px;
	line-height: 40px;
	position: relative;
	font-size: 13px;
	border-bottom: 1px solid var(--WT)
}

.header-wrapper .main-nav .nav li.submenu ul li a:before {
	content: '';
	position: absolute;
	width: 0;
	left: 0;
	top: 0;
	bottom: 0;
	background: var(--P3)
}

.header-wrapper .main-nav .nav li.submenu ul li a:hover {
	background: var(--WT);
	padding-left: 25px
}

.header-wrapper .main-nav .nav li.submenu ul li a:hover:before {
	width: 3px
}

.header-wrapper .main-nav .nav li.submenu:hover ul {
	visibility: visible;
	opacity: 1;
	z-index: 1;
	transform: translateY(0);
	transition-delay: 0s, 0s, .3s
}

.header-wrapper .main-nav .menu-hamburger {
	cursor: pointer;
	position: absolute;
	top: 23px;
	width: 32px;
	height: 40px;
	text-indent: -9999em;
	z-index: 99;
	right: 40px;
	display: none
}

.header-wrapper .main-nav .menu-hamburger span,
.header-wrapper .main-nav .menu-hamburger span:after,
.header-wrapper .main-nav .menu-hamburger span:before {
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
	background-color: var(--P3);
	display: block;
	position: absolute;
	height: 2px;
	left: 0
}

.header-wrapper .main-nav .menu-hamburger span {
	width: 30px;
	top: 16px
}

.header-wrapper .main-nav .menu-hamburger span:after,
.header-wrapper .main-nav .menu-hamburger span:before {
	width: 75%;
	content: ""
}

.header-wrapper .main-nav .menu-hamburger span:before {
	-moz-transform-origin: 33% 100%;
	-ms-transform-origin: 33% 100%;
	-webkit-transform-origin: 33% 100%;
	transform-origin: 33% 100%;
	top: -10px;
	z-index: 10
}

.header-wrapper .main-nav .menu-hamburger span:after {
	-moz-transform-origin: 33% 0;
	-ms-transform-origin: 33% 0;
	-webkit-transform-origin: 33% 0;
	transform-origin: 33% 0;
	top: 10px
}

.header-wrapper .main-nav .menu-hamburger.active span {
	background-color: transparent;
	width: 100%
}

.header-wrapper .main-nav .menu-hamburger.active span:after,
.header-wrapper .main-nav .menu-hamburger.active span:before {
	width: 100%
}

.header-wrapper .main-nav .menu-hamburger.active span:before {
	-moz-transform: translateY(6px) translateX(1px) rotate(45deg);
	-ms-transform: translateY(6px) translateX(1px) rotate(45deg);
	-webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
	transform: translateY(6px) translateX(1px) rotate(45deg);
	background-color: var(--P3)
}

.header-wrapper .main-nav .menu-hamburger.active span:after {
	-moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
	-ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
	-webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
	transform: translateY(-6px) translateX(1px) rotate(-45deg);
	background-color: var(--P3)
}

.header-wrapper .main-nav .header-buttons {
	float: right
}

.header-wrapper .main-nav .header-buttons li,
.header-wrapper.header-sticky .header-buttons li {
	float: left
}

.header-wrapper .main-nav .header-buttons li .btn-nav-line {
	padding-left: 25px;
	padding-right: 25px;
	border: 1px solid var(--P3);
	display: inline-block;
	height: 32px;
	line-height: 31px;
	letter-spacing: .5px;
	background: 0 0;
	color: var(--P3);
	position: relative;
	overflow: hidden;
	margin-top: 32px;
	font-weight: 700;
	min-width: 110px;
	text-align: center
}

.header-wrapper .main-nav .header-buttons li .btn-nav-line:hover {
	background: var(--P3);
	color: var(--WT)
}

.header-wrapper .main-nav .header-buttons li .btn-nav-line,
.header-wrapper .main-nav .header-buttons li .btn-nav-primary,
.home-hero .header-txt .home-cta-button .input input {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	font-size: 12px;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s
}

.header-wrapper .main-nav .header-buttons li .btn-nav-primary {
	padding-left: 25px;
	padding-right: 25px;
	border: 1px solid var(--P3);
	display: inline-block;
	height: 32px;
	line-height: 31px;
	letter-spacing: .5px;
	background: var(--P3);
	color: var(--WT);
	position: relative;
	overflow: hidden;
	margin-left: 15px;
	margin-top: 32px;
	font-weight: 700;
	min-width: 110px;
	text-align: center
}

.header-wrapper .main-nav .header-buttons li .btn-nav-primary:hover,
.parallax .call-to-action-content .info .btn-white-line:hover {
	background: var(--WT);
	color: var(--P3)
}

.header-wrapper.header-sticky {
	background: var(--WT);
	height: 80px;
	box-shadow: 0 2px 28px 0 rgba(var(--RGB-BK), .06)
}

.header-wrapper.header-sticky .logo {
	margin-top: 26px
}

.header-wrapper.header-sticky .nav {
	margin-top: 21px !important
}

.header-wrapper .main-nav .nav li a:hover,
.header-wrapper.header-sticky .nav li a,
.header-wrapper.header-sticky .nav li.submenu:after {
	color: var(--P3)
}

.header-wrapper.header-sticky .nav li a:hover,
.home-hero .header-txt h1 span {
	color: var(--P2)
}

.header-wrapper.header-sticky .nav li.submenu {
	position: relative
}

.header-wrapper.header-sticky .header-buttons,
.page .pg-bottom .about.left .about-image {
	float: right
}

.header-wrapper.header-sticky .header-buttons li .btn-nav-line {
	border: 1px solid var(--P3);
	color: var(--P3);
	margin-top: 24px
}

.header-wrapper.header-sticky .header-buttons li .btn-nav-line:hover {
	background: var(--P3);
	color: var(--WT)
}

.header-wrapper.header-sticky .header-buttons li .btn-nav-primary {
	background: var(--P3);
	color: var(--WT);
	margin-top: 24px;
	border: 1px solid var(--P3)
}

.header-wrapper.header-sticky .header-buttons li .btn-nav-primary:hover {
	border: 1px solid var(--P3);
	background: var(--WT);
	color: var(--P3)
}

@media (max-width:1200px) {
	.header-wrapper .main-nav .nav li {
		padding-left: 20px;
		padding-right: 20px
	}

	.header-wrapper .main-nav .nav li.submenu {
		padding-right: 20px
	}

	.header-wrapper .main-nav .nav li.submenu:after {
		right: 5px
	}
}

@media (max-width:991px) {
	.header-wrapper {
		background: var(--WT);
		height: 80px;
		box-shadow: 0 2px 28px 0 rgba(var(--RGB-BK), .06)
	}

	.header-wrapper .container {
		padding: 0
	}

	.header-wrapper .logo {
		margin-top: 22px !important;
		margin-left: 30px
	}

	.header-wrapper .menu-hamburger {
		display: block !important
	}

	.header-wrapper .main-nav {
		overflow: hidden
	}

	.header-wrapper .main-nav .nav {
		float: none;
		width: 100%;
		margin-top: 80px !important;
		display: none;
		-webkit-transition: all 0s ease 0s;
		-moz-transition: all 0s ease 0s;
		-o-transition: all 0s ease 0s;
		transition: all 0s ease 0s;
		margin-left: 0
	}

	.header-wrapper .main-nav .nav li {
		width: 100%;
		background: var(--WT);
		border-bottom: 1px solid var(--F5);
		padding-left: 0 !important;
		padding-right: 0 !important
	}

	.header-wrapper .main-nav .nav li a {
		height: 50px !important;
		line-height: 50px !important;
		padding: 0 0 0 30px !important;
		border: 0 !important;
		background: var(--WT) !important;
		color: var(--P3) !important
	}

	.header-wrapper .main-nav .nav li a:hover {
		background: var(--F5) !important
	}

	.header-wrapper .main-nav .nav li.submenu ul {
		position: relative;
		visibility: inherit;
		opacity: 1;
		z-index: 1;
		transform: translateY(0);
		transition-delay: 0s, 0s, .3s;
		top: 0;
		width: 100%;
		box-shadow: none;
		height: 0
	}

	.header-wrapper .main-nav .nav li.submenu ul li a {
		padding-left: 50px !important
	}

	.header-wrapper .main-nav .nav li.submenu ul li a:hover:before {
		width: 0
	}

	.header-wrapper .main-nav .nav li.submenu ul.active {
		height: auto !important
	}

	.header-wrapper .main-nav .nav li.submenu:after {
		color: var(--P3);
		right: 25px;
		font-size: 14px;
		top: 15px
	}

	.header-wrapper .main-nav .nav li.submenu:focus ul,
	.header-wrapper .main-nav .nav li.submenu:hover ul {
		height: 0
	}

	.header-wrapper .main-nav .header-buttons {
		display: none
	}
}

@media (min-width:992px) {
	.header-wrapper .main-nav .nav {
		display: flex !important
	}
}

.home-hero {
	overflow: hidden;
	position: relative;
	padding-top: 150px;
	padding-bottom: 100px;

}

.home-hero:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: 0 0;
	z-index: 3
}

.home-hero .header-txt h1 {
	font-family: var(--FS);
	font-weight: 400;
	font-size: 4rem;
	color: var(--P3);
	line-height: 50px;
	letter-spacing: 1.4px;
	margin-bottom: 20px;
	line-height: 60px;
}

.home-hero .header-txt p {
	font-weight: 600;
	font-size: 16px;
	color: var(--P4);
	line-height: 28px;
	letter-spacing: .53px;
	margin-bottom: 40px;
	position: relative
}

.home-hero .header-txt .home-cta-button {
	width: 80%;
	position: relative;
	background: 0 0;
	overflow: hidden
}

.home-hero .header-txt .home-cta-button .input {
	height: 46px
}

.home-hero .header-txt .home-cta-button .input input {
	position: absolute;
	width: 100%;
	height: 46px;
	border: 1px solid var(--P5);
	outline: 0;
	padding-left: 20px;
	padding-right: 120px;
	z-index: 1;
	font-weight: 600;
	color: var(--P5);
	letter-spacing: .67px;
	left: 0;
	top: 0
}

.home-hero .header-txt .home-cta-button .input input::-webkit-input-placeholder {
	color: var(--P5)
}

.home-hero .header-txt .home-cta-button .input input:-moz-placeholder {
	color: var(--P5)
}

.home-hero .header-txt .home-cta-button .input input:focus {
	padding-left: 30px
}

.home-hero .header-txt .home-cta-button .input button {
	position: absolute;
	right: 0;
	z-index: 2;
	height: 46px;
	border: 0;
	background: var(--P2);
	-webkit-border-radius: 0 100px 100px 0;
	-moz-border-radius: 0 100px 100px 0;
	border-radius: 0 100px 100px 0;
	font-weight: 700;
	font-size: 12px;
	color: var(--WT);
	width: 98px;
	outline: 0;
	cursor: pointer
}

.home-hero .header-txt .home-cta-button span {
	display: block;
	margin-top: 10px;
	font-weight: 600;
	font-size: 12px;
	color: var(--P5);
	letter-spacing: .67px;
	padding-left: 5px
}

.home-hero .home-img-group {
	position: relative;
	height: 544px
}

.home-hero .home-img-group .home-img {
	height: 200px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 31%
}

.home-hero .home-img-group .home-img.img-1 {
	height: 476px;
	float: left;
	position: absolute;
	bottom: 0;
	left: 0
}

.home-hero .home-img-group .home-img.img-2 {
	height: 544px;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	bottom: 0
}

.feature-column {
	display: flex;
}

.feature-item:before,
.home-hero .home-img-group .home-img.img-2:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0
}

.home-hero .home-img-group .home-img.img-2:before {
	background: var(--P3);
	z-index: 2;
	-webkit-transition: all .6s ease 0s;
	-moz-transition: all .6s ease 0s;
	-o-transition: all .6s ease 0s;
	transition: all .6s ease 0s
}

.home-hero .home-img-group .home-img.img-2:hover:before {
	opacity: .5
}

.home-hero .home-img-group .home-img.img-3 {
	height: 430px;
	position: absolute;
	bottom: 0;
	right: 0
}

.hi_img {
	height: 436px
}

.hi_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 0 100%
}

@media (max-width:1200px) {
	.home-cta-button {
		width: 100% !important
	}
}

@media (max-width:991px) {

	.home-hero .header-txt,
	.home-hero .header-txt p {
		text-align: center
	}

	.home-hero .header-txt h1 {
		text-align: center;
		font-weight: 400;
		font-size: 28px;
		line-height: 42px
	}

	.home-hero .header-txt .home-cta-button {
		width: 100% !important
	}

	.home-hero .header-txt .home-cta-button span {
		text-align: center;
		margin-bottom: 60px
	}

	.home-hero .home-img-group .home-img {
		height: 200px
	}

	.home-hero .home-img-group .home-img.img-1 {
		height: 250px
	}

	.home-hero .home-img-group,
	.home-hero .home-img-group .home-img.img-2 {
		height: 300px
	}

	.home-hero .home-img-group .home-img.img-3 {
		height: 200px
	}
}

.feature-item,
.feature-item .icon {
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

.feature-item {
	display: block;
	background: var(--WT);
	box-shadow: 0 2px 48px 0 rgba(var(--RGB-BK), .08);
	padding: 50px 19px 40px 19px;
	text-align: center;
	overflow: hidden;
	margin-bottom: 30px
}

.feature-item:before {
	background-image: linear-gradient(135deg, var(--P2) 0, var(--P4) 100%)
}

.feature-item.active:before,
.feature-item:hover:before {
	opacity: 1
}

.feature-item.active .features-title,
.feature-item.active a i,
.feature-item.active a span,
.feature-item.active p,
.feature-item:hover .features-title,
.feature-item:hover a i,
.feature-item:hover a span,
.feature-item:hover p,
footer .social li a {
	color: var(--WT)
}

.feature-item .icon {
	width: 67px;
	height: 67px;
	line-height: 70px;
	margin: auto auto 30px;
	background: var(--F5)
}

.feature-item .icon i {
	font-size: 18px;
	color: var(--P3)
}

.feature-item,
.feature-item .features-title,
.feature-item:before {
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s
}

.feature-item .features-title,
.solutions .txt .solutions-title {
	font-family: var(--FS);
	font-weight: 400;
	font-size: 25px;
	color: var(--P3);
	margin-bottom: 10px;
	letter-spacing: 1.4px
}

.feature-item .features-title,
.feature-item a,
.solutions .icon img {
	position: relative;
	z-index: 2
}

.feature-item p,
.solutions .txt p {
	font-weight: 600;
	font-size: 14px;
	color: var(--P3)
}

.feature-item p {
	letter-spacing: .88px;
	line-height: 26px;
	position: relative;
	z-index: 2;
	margin-bottom: 0
}

.feature-item a {
	float: right
}

.feature-item a span {
	font-weight: 700;
	font-size: 12px;
	margin-right: 10px
}

.feature-item a i,
.feature-item a span {
	color: var(--P3);
	height: 20px;
	line-height: 20px;
	float: left
}

.solutions-column {
	display: flex;
}

.feature-item p,
.solutions,
.solutions .icon:before {
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s
}

.solutions,
.solutions .icon:before {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

.solutions {
	padding: 50px 30px 40px 30px;
	background: var(--WT);
	box-shadow: 0 2px 48px 0 rgba(var(--RGB-BK), .08);
	overflow: hidden;
	display: block;
	margin-bottom: 30px
}

.solutions:hover .icon:before {
	transform: rotate(0deg)
}

.solutions .icon {
	width: 100%;
	position: relative;
	min-height: 166px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center
}

.solutions .icon:before {
	content: '';
	position: absolute;
	left: 0;
	top: 15px;
	right: 0;
	margin: auto;
	width: 133px;
	height: 133px;
	background: var(--F5);
	transform: rotate(45deg)
}

.solutions .icon,
.solutions .icon img,
.solutions .txt {
	text-align: center
}

.solutions .txt {
	width: 100%;
	margin-top: 20px
}

.solutions .txt .solutions-title {
	line-height: 26px
}

.solutions .txt p {
	margin-bottom: 0 !important;
	line-height: 26px !important;
	letter-spacing: .88px !important
}

@media (max-width:991px) {
	.solutions {
		display: block;
		text-align: center
	}

	.solutions .icon {
		width: 100% !important;
		margin-bottom: 30px
	}

	.solutions .icon:before {
		left: 0;
		right: 0;
		margin: auto
	}

	.solutions .txt {
		width: 100% !important;
		padding: 0
	}
}

.parallax {
	overflow: hidden;
	position: relative;
	min-height: 350px;
	padding-top: 100px;
	padding-bottom: 100px
}

.page .cover:before,
.parallax:before {
	content: '';
	position: absolute;
	width: 140%;
	height: 140%;
	z-index: 2;
	top: -20%;
	left: -20%
}

.page .cover:before {
	right: -20%;
	bottom: -20%;
	background-image: linear-gradient(127deg, var(--P2) 0, var(--P4) 91%);
	opacity: .7
}

.parallax:before {
	opacity: .95;
	background-image: linear-gradient(127deg, var(--P3) 0, var(--P4) 91%)
}

.parallax .call-to-action-content {
	position: relative;
	z-index: 3
}

.parallax .call-to-action-content .info {
	text-align: center;
	font-weight: 600;
	font-size: 22px;
	color: var(--WT);
	margin-top: 20px
}

.parallax .call-to-action-content .info p {
	letter-spacing: 1px;
	margin-bottom: 40px
}

.parallax .call-to-action-content .info p span {
	text-decoration: underline
}

.parallax .call-to-action-content .info .btn-white-line {
	margin: auto;
	background: var(--P2);
	color: var(--WT)
}

@media (max-width:991px) {
	.parallax {
		min-height: auto
	}

	.parallax .call-to-action-content {
		position: relative !important;
		top: 0 !important;
		transform: perspective(1px) translateY(0) !important
	}
}

footer .footer-nav li a i,
footer .footer-nav li a span {
	float: left;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	color: var(--WT)
}

footer .footer-nav li a span {
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
	font-weight: 600
}

footer {
	background: var(--P3);
	padding-top: 70px
}

footer img.logo {
	margin-bottom: 30px
}

.page .cover .page-top h1,
footer .txt,
footer h5 {
	font-weight: 400;
	color: var(--WT)
}

footer .txt {
	font-size: 14px;
	line-height: 26px;
	letter-spacing: .88px
}

footer h5 {
	font-size: 16px;
	letter-spacing: .69px;
	line-height: 30px;
	margin-bottom: 30px !important
}

.page .cover {
	overflow: hidden;
	margin-top: 80px;
	min-height: 270px;
	position: relative
}

footer .social {
	overflow: hidden;
	margin-top: 10px
}

footer .social li {
	float: left;
	font-size: 16px;
	margin-right: 10px
}

footer .footer-nav li a {
	display: block;
	overflow: hidden
}

footer .footer-nav li a:hover span {
	padding-left: 5px
}

footer .footer-nav li a i {
	margin-right: 12px
}

footer .copyright,
footer .footer-email p {
	font-weight: 600;
	font-size: 14px;
	color: var(--WT);
	letter-spacing: .88px
}

footer .footer-email p {
	display: block;
	overflow: hidden;
	line-height: 26px;
	margin-bottom: 5px
}

.contact .contact-info .item span a,
.contact .contact-info .social li a,
footer .footer-email p a {
	color: var(--WT)
}

footer .copyright {
	text-align: center;
	border-top: 1px solid var(--P1);
	margin-top: 30px;
	padding-top: 30px;
	padding-bottom: 30px
}

@media (max-width:991px) {
	footer .txt {
		margin-bottom: 10px
	}

	footer h5 {
		margin-bottom: 15px
	}

	footer .social {
		margin-top: 0
	}

	footer .footer-nav,
	footer .social {
		margin-bottom: 30px
	}
}

.page {
	background: var(--F5)
}

.page .cover .page-top {
	position: absolute;
	width: 100%;
	bottom: 80px;
	z-index: 3;
	text-align: center
}

.page .cover .page-top h1 {
	font-size: 36px;
	height: 50px;
	line-height: 46px;
	letter-spacing: 1.4px;
	text-align: center;
	margin-bottom: 20px
}

.page .cover .page-top .breadcrumb {
	float: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: 0 0;
	margin: 8px auto 0;
	display: inline-block;
	text-align: center;
	border: 1px solid var(--WT);
	padding: 0 15px
}

.page .cover .page-top .breadcrumb li {
	font-weight: 600;
	font-size: 14px;
	color: var(--WT);
	line-height: 30px;
	margin-left: 10px;
	display: inline-block
}

.page .cover .page-top .breadcrumb li:after {
	font-family: var(--FA);
	content: "\f105";
	margin-left: 10px;
	color: var(--WT)
}

.page .cover .page-top .breadcrumb li:first-child {
	margin-left: 0
}

.page .cover .page-top .breadcrumb li:last-child:after {
	content: '';
	margin-left: 0
}

.page .cover .page-top .breadcrumb li a {
	font-weight: 600;
	font-size: 14px;
	color: var(--WT)
}

.page .pg-bottom {
	padding-top: 100px;
	padding-bottom: 70px;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: .88px;
	line-height: 28px;
	color: var(--P2)
}

.page .pg-bottom p {
	margin-bottom: 16px
}

.page .pg-bottom .about {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 100px
}

.page .pg-bottom .about.left .about-txt {
	left: 40px
}

.page .pg-bottom .about .about-image,
.page .pg-bottom .about .about-txt {
	box-shadow: 0 2px 48px 0 rgba(var(--RGB-BK), .08);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

.page .pg-bottom .about .about-image {
	position: relative;
	width: 100%;
	float: left;
	height: 500px;
	overflow: hidden;
	z-index: 1
}

.page .pg-bottom .about .about-txt {
	position: absolute;
	background: var(--WT);
	z-index: 2;
	width: 40%;
	float: right;
	right: 40px;
	top: 50%;
	transform: perspective(1px) translateY(-50%);
	padding: 30px 30px 10px
}

.page .pg-bottom .about .about-txt h2 {
	font-family: var(--FS);
	font-weight: 400;
	font-size: 40px;
	line-height: 40px;
	letter-spacing: 1.4px;
	color: var(--P3);
	margin-bottom: 10px
}

.page .pg-bottom .about .about-txt p {
	color: var(--P3);
	font-weight: 600;
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 14px
}

.page .pg-bottom .feature-item p {
	margin-bottom: 0 !important
}

@media (max-width:991px) {
	.page .cover {
		margin-top: 80px
	}

	.page .cover h1 {
		font-size: 26px !important;
		line-height: 36px !important;
		height: auto !important;
		padding-bottom: 15px;
		margin-bottom: 0 !important
	}

	.page .cover .page-top {
		text-align: center
	}

	.page .cover .page-top .breadcrumb {
		float: none;
		text-align: center
	}

	.page .cover .page-top .breadcrumb li {
		display: inline
	}

	.page .pg-bottom .about {
		overflow: initial !important
	}

	.page .pg-bottom .about.left .about-txt {
		left: 0
	}

	.page .pg-bottom .about .about-image {
		width: 100% !important;
		height: 300px;
		margin-bottom: 30px
	}

	.page .pg-bottom .about .about-txt {
		position: relative !important;
		width: 100% !important;
		top: 0 !important;
		right: 0;
		transform: perspective(1px) translateY(0) !important;
		box-shadow: 0 2px 48px 0 rgba(var(--RGB-BK), .06)
	}
}

.contact-bottom .contact-form input:focus,
.contact-bottom .contact-form textarea:focus {
	border: 1px solid var(--P3);
	padding-left: 30px
}

.contact-bottom .contact-form input,
.contact-bottom .contact-form textarea {
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
	font-weight: 600;
	font-size: 14px;
	border: 1px solid var(--EE);
	width: 100%;
	outline: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin-bottom: 30px
}

.contact {
	float: left;
	width: 100%;
	position: relative
}

.contact .contact-img-wrapper,
.contact .contact-info {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

.contact .contact-img-wrapper {
	position: relative;
	width: 80%;
	float: left;
	height: 400px;
	overflow: hidden;
	box-shadow: 0 2px 48px 0 rgba(var(--RGB-BK), .08);
	z-index: 1
}

.contact .contact-info {
	position: absolute;
	z-index: 2;
	width: 30%;
	float: right;
	right: 0;
	top: 50%;
	transform: perspective(1px) translateY(-50%);
	background-image: linear-gradient(135deg, var(--P2) 0, var(--P4) 100%);
	box-shadow: 0 2px 48px 0 rgba(var(--RGB-BK), .06);
	padding: 30px 30px 10px
}

.contact .contact-info .item {
	overflow: hidden;
	margin-bottom: 20px;
	color: var(--WT)
}

.contact .contact-info .item i {
	float: left;
	font-size: 16px;
	width: 20px;
	margin-right: 10px;
	margin-top: 5px
}

.contact .contact-info .item span {
	float: left;
	width: calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
	font-size: 14px
}

.contact .contact-info .social {
	overflow: hidden;
	margin-top: 5px;
	margin-bottom: 20px
}

.contact .contact-info .social li {
	display: inline;
	font-size: 22px;
	margin-right: 20px;
}

.contact-bottom {
	border-top: 1px solid var(--F5);
	margin-top: 60px;
	padding-top: 60px;
	margin-bottom: 30px
}

.contact-bottom h5 {
	font-family: var(--FS);
	font-weight: 400;
	font-size: 2.5rem;
	color: var(--P3);
	margin-bottom: 10px;
	line-height: 40px;
	letter-spacing: 1.4px
}

.contact-bottom .contact-txt {
	font-weight: 600;
	font-size: 14px;
	color: var(--P2);
	letter-spacing: .6px;
	line-height: 26px
}

.contact-bottom .contact-txt p {
	margin-bottom: 16px;
	color: var(--P3)
}

.contact-bottom .contact-form input {
	height: 50px;
	padding-left: 20px;
	padding-right: 20px
}

.contact-bottom .contact-form textarea {
	height: 150px;
	resize: none;
	padding: 20px
}

.contact-bottom .contact-form .btn-primary-line {
	margin-bottom: 0 !important
}

@media (max-width:991px) {
	.contact {
		overflow: initial !important;
		margin-bottom: 30px !important
	}

	.contact .contact-img-wrapper {
		width: 100% !important;
		height: 300px;
		margin-bottom: 30px
	}

	.contact .contact-info {
		position: relative !important;
		width: 100% !important;
		top: 0 !important;
		transform: perspective(1px) translateY(0) !important;
		box-shadow: 0 2px 48px 0 rgba(var(--RGB-BK), .06)
	}

	.contact-bottom {
		margin-top: 30px;
		padding-top: 30px
	}
}