@font-face {
font-family:runaltoregular;
src:url(fonts/runalto-webfont.woff2) format('woff2'), url(fonts/runalto-webfont.woff) format('woff');
font-weight:400;
font-style:normal
}
@font-face {
font-family:oggitalic;
src:url(fonts/ogg-italic-webfont.woff2) format('woff2'), url(fonts/ogg-italic-webfont.woff) format('woff');
font-weight:400;
font-style:normal
}
:root {
--color-primary:#d1ad6e;
--color-white:#ffffff;
--color-black:#000000;
--color-light:#e8ded7;
--color-dark:#365c5c;
--color-text-dark:#292930;
--color-accent1:#FFDC60;
--color-accent2:#FAB8C4;
--color-blue-shade:#6865FF;
--color-link:#d1ad6e;
--color-mabel:#DBF8FF;
--color-fog:#DBDEFF;
--color-pink-shade:#FFD3DB;
--color-peach:#FFEDDC;
--color-rose:#C75C6F;
--color-chart1:#896BA7;
--color-chart2:#BADEFF;
--color-body:#525260;
--color-gray-1:#757589;
--color-gray-2:#999FAE;
--color-gray-3:#999AB8;
--color-gray-4:#99A1AA;
--color-light-gray:#e4e4e4;
--color-ghost:#C7C7D5;
--color-mercury:#E5E5E5;
--gradient-primary:linear-gradient(90deg, #ECF2F6 0%, rgba(236, 242, 246, 0) 70.31%);
--gradient-blue:linear-gradient(145.92deg, #5956E9 20.18%, #9991FF 76.9%);
--gradient-accent:linear-gradient(180deg, #FAB8C4 0%, #FFEDF0 100%);
--gradient-white:linear-gradient(266.3deg, rgba(236, 242, 246, 0) 7.84%, #ECF2F6 29.1%, rgba(236, 242, 246, 0) 64.32%);
--gradient-dark:linear-gradient(180deg, #27272E 0%, #303035 100%);
--border-light:1px solid #E3E6E9;
--border-lighter:1px solid #ECF2F6;
--border-dark:1px solid var(--color-ship-gray);
--border-gray:1px solid var(--color-gray-4);
--font-primary:'runaltoregular';
--font-secondary:'Noto Sans JP', sans-serif;
--font-awesome:'Font Awesome 5 Free';
--transition:all 0.3s ease-in-out;
--font-body-1:18px;
--font-body-2:16px;
--font-body-3:14px;
--font-body-4:12px;
--line-height-b1:1.5;
--line-height-b3:1.1;
--h1:80px;
--h2:64px;
--h3:48px;
--h4:32px;
--h5:24px;
--h6:20px
}
::-webkit-scrollbar {
width:.5em
}
::-webkit-scrollbar-track {
box-shadow:inset 0 0 6px rgba(0, 0, 0, .3)
}
::-webkit-scrollbar-thumb {
background-color:#d1ad6e;
outline:1px solid #d1ad6e
}
a {
	display:inline-block;
	text-decoration:none;
	-webkit-transition:var(--transition);
	transition:var(--transition)
}
span {
	display:inline-block
}
img {
	max-width:100%;
	height:auto;
	vertical-align:middle
}
ul.list-style {
	margin:-10px 0
}
ul.list-style li {
	margin:10px 0
}
ul.list-style li::marker {
color:#a67d38
}
.list-unstyled {
	padding-left:0;
	list-style:none;
	margin-bottom:0
}
.container, .container-fluid, .container-lg, .container-md, .container-xl {
	padding-left:15px;
	padding-right:15px
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
.container {
max-width:100%;
padding-left:30px;
padding-right:30px
}
}
.row {
	margin-left:-15px;
	margin-right:-15px
}
.row>[class*=col] {
padding-left:15px;
padding-right:15px
}
.row.g-0 {
	margin-left:0;
	margin-right:0
}
.row.g-0>[class*=col] {
padding-left:0;
padding-right:0
}
@media only screen and (min-width:1400px) {
.row-35 {
margin-left:-35px;
margin-right:-35px
}
.row-35>[class*=col] {
padding-left:35px;
padding-right:35px
}
.row-40 {
margin-left:-40px;
margin-right:-40px
}
.row-40>[class*=col] {
padding-left:40px;
padding-right:40px
}
.row-45 {
margin-left:-45px;
margin-right:-45px
}
.row-45>[class*=col] {
padding-left:45px;
padding-right:45px
}
}
body {
	font-family:var(--font-secondary);
	font-size:15px;
	line-height:25px;
	color:var(--color-body);
	font-weight:400;
	height:100%;
	vertical-align:baseline;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-rendering:optimizeLegibility
}
.h1, .h2, .h3, .h4, .h5, .h6, address, h1, h2, h3, h4, h5, h6, p, pre, table {
	margin:0 0 30px 0
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:inherit
}
h1, h2, h3, h4, h5, h6 {
	font-family:var(--font-primary);
	font-weight:400;
	letter-spacing:0;
	color:var(--color-text-dark)
}
.h1, h1 {
	font-size:var(--h1);
	line-height:1.2
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.h1, h1 {
font-size:68px
}
}
@media only screen and (max-width:1199px) {
.h1, h1 {
font-size:68px
}
}
@media only screen and (max-width:767px) {
.h1, h1 {
font-size:48px
}
}
.h2, h2 {
	font-size:var(--h2);
	line-height:1.2
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.h2, h2 {
font-size:56px
}
}
@media only screen and (max-width:1199px) {
.h2, h2 {
font-size:56px
}
}
@media only screen and (max-width:767px) {
.h2, h2 {
font-size:38px
}
}
@media only screen and (max-width:479px) {
.h2, h2 {
font-size:34px
}
}
.h3, h3 {
	font-size:var(--h3);
	line-height:1.2
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.h3, h3 {
font-size:40px
}
}
@media only screen and (max-width:1199px) {
.h3, h3 {
font-size:36px
}
}
@media only screen and (max-width:767px) {
.h3, h3 {
font-size:32px
}
}
.h4, h4 {
	font-size:var(--h4);
	line-height:1.2
}
@media only screen and (max-width:991px) {
.h4, h4 {
font-size:26px
}
}
@media only screen and (max-width:767px) {
.h4, h4 {
font-size:20px
}
}
.h5, h5 {
	font-size:var(--h5);
	line-height:1.4
}
@media only screen and (max-width:767px) {
.h5, h5 {
font-size:20px
}
}
.h6, h6 {
	font-size:var(--h6);
	line-height:1.2
}
@media only screen and (max-width:767px) {
.h6, h6 {
font-size:18px
}
}
.body-font1 {
	font-size:var(--font-body-1);
	line-height:var(--line-height-b1)
}
.body-font2 {
	font-size:var(--font-body-2);
	line-height:var(--line-height-b1)
}
.body-font3 {
	font-size:var(--font-body-3);
	line-height:var(--line-height-b3)
}
.body-font4 {
	font-size:var(--font-body-4);
	line-height:var(--line-height-b3)
}
.form-control, input {
	font-size:16px;
	line-height:1.2;
	margin:0;
	padding:10px 0 10px 0;
	width:100%;
	color:#fff!important;
	opacity:1!important;
	border:0 none;
	background:0 0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border-radius:0;
	border-bottom:2px solid #fff;
	text-align:left
}
.form-control:focus, input:focus {
	outline:0;
	box-shadow:none;
	background:0 0
}
.form-control::-webkit-input-placeholder, input::-webkit-input-placeholder {
color:var(--color-gray-2);
opacity:1
}
.form-control::-moz-placeholder, input::-moz-placeholder {
color:var(--color-gray-2);
opacity:1
}
.form-control:-ms-input-placeholder, input:-ms-input-placeholder {
color:var(--color-gray-2);
opacity:1
}
.form-control::-ms-input-placeholder, input::-ms-input-placeholder {
color:var(--color-gray-2);
opacity:1
}
.form-control::placeholder, input::placeholder {
color:var(--color-gray-2);
opacity:1
}
.form-control:-ms-input-placeholder, input:-ms-input-placeholder {
color:var(--color-gray-2)
}
.form-control::-ms-input-placeholder, input::-ms-input-placeholder {
color:var(--color-gray-2)
}
.form-group {
	margin-bottom:16px
}
.form-group label {
	font-size:14px;
	font-weight:500;
	color:var(--color-dark);
	margin-bottom:10px
}
.input-group {
	background-color:var(--color-white);
	border-radius:20px;
	height:72px;
	padding:10px 10px 10px 55px;
	box-shadow:0 24px 48px -15px rgba(153, 161, 170, .25)
}
@media only screen and (max-width:479px) {
.input-group {
display:block;
box-shadow:none;
height:auto;
padding:0
}
}
.input-group:before {
	content:url(../media/icon/message.png);
	position:absolute;
	left:30px;
	top:24px;
	z-index:1
}
@media only screen and (max-width:479px) {
.input-group:before {
left:15px;
top:18px
}
}
.input-group .form-control {
	padding:5px 15px;
	height:auto;
	border:none;
	background-color:transparent
}
.input-group .form-control:focus {
	box-shadow:none
}
@media only screen and (max-width:479px) {
.input-group .form-control {
height:60px;
width:100%;
border-radius:20px!important;
padding:5px 15px 5px 50px;
border:1px solid var(--color-light)
}
}
.bg-color-dark {
	background-color:var(--color-dark)
}
.bg-color-light {
	background-color:var(--color-light)
}
.bg-color-light-gray {
	background-color:var(--color-light-gray)
}
.color-gray-4 {
	color:var(--color-gray-4)
}
.opacity-50 {
	opacity:.5
}
.back-to-top {
	position:fixed;
	bottom:-40px;
	right:40px;
	display:block;
	width:50px;
	height:50px;
	line-height:50px;
	background:var(--color-primary);
	color:#fff;
	text-align:center;
	text-decoration:none;
	border-radius:50%;
	opacity:0;
	-webkit-transform:scale(.3);
	-ms-transform:scale(.3);
	transform:scale(.3);
	box-shadow:4px 4px 10px rgba(0, 0, 0, .2);
	z-index:9;
-webkit-transition:all .3s;
transition:all .3s
}
@media only screen and (max-width:575px) {
.back-to-top {
width:40px;
height:40px;
line-height:40px
}
}
.back-to-top:focus {
	color:var(--color-white)
}
.breadcrum-area {
	background:var(--gradient-primary);
	padding:100px 0 100px;
	position:relative;
	z-index:1
}
@media only screen and (max-width:767px) {
.breadcrum-area {
padding:50px 0 40px
}
}
.breadcrumb {
	display:block
}
.breadcrumb ul {
	margin-bottom:40px
}
@media only screen and (max-width:767px) {
.breadcrumb ul {
margin-bottom:35px
}
}
.breadcrumb li {
	display:inline-block;
	color:var(--color-primary);
	font-weight:500;
	position:relative;
	margin-right:22px
}
.breadcrumb li:after {
	content:".";
	color:var(--color-gray-2);
	font-size:18px;
	position:absolute;
	top:-5px;
	right:-15px
}
.breadcrumb li a {
	color:var(--color-gray-2)
}
.breadcrumb li a:hover {
	color:var(--color-primary)
}
.breadcrumb li:last-child:after {
	display:none
}
.breadcrumb .title {
	margin-bottom:0;
	width:80%
}
@media only screen and (max-width:991px) {
.breadcrumb .title {
width:100%
}
}
.breadcrumb-banner {
	padding:280px 0 200px
}
@media only screen and (max-width:1199px) {
.breadcrumb-banner {
padding:200px 0 50px
}
}
@media only screen and (max-width:991px) {
.breadcrumb-banner {
padding:150px 0 40px
}
}
@media only screen and (max-width:767px) {
.breadcrumb-banner {
padding:150px 0 20px
}
}
.breadcrumb-banner .section-heading .title {
	width:55%
}
@media only screen and (max-width:991px) {
.breadcrumb-banner .section-heading .title {
width:100%;
margin-bottom:30px
}
}
.breadcrumb-banner .section-heading p {
	width:40%
}
@media only screen and (max-width:991px) {
.breadcrumb-banner .section-heading p {
width:100%
}
}
@media only screen and (max-width:991px) {
.breadcrumb-banner .section-heading {
margin-bottom:40px
}
}
.breadcrumb-banner .banner-thumbnail {
	position:absolute;
	bottom:-100px;
	right:190px;
	text-align:right
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.breadcrumb-banner .banner-thumbnail {
right:-50px;
bottom:-80px
}
.breadcrumb-banner .banner-thumbnail img {
width:90%
}
}
@media only screen and (max-width:1199px) {
.breadcrumb-banner .banner-thumbnail {
right:-40px;
bottom:-50px
}
.breadcrumb-banner .banner-thumbnail img {
width:65%
}
}
@media only screen and (max-width:991px) {
.breadcrumb-banner .banner-thumbnail {
position:initial;
text-align:center
}
.breadcrumb-banner .banner-thumbnail img {
width:100%
}
}
.breadcrumb-banner .banner-thumbnail.thumbnail-2 {
	bottom:120px;
	right:100px
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.breadcrumb-banner .banner-thumbnail.thumbnail-2 {
right:-50px
}
}
@media only screen and (max-width:1199px) {
.breadcrumb-banner .banner-thumbnail.thumbnail-2 {
right:0
}
}
@media only screen and (max-width:991px) {
.breadcrumb-banner .banner-thumbnail.thumbnail-2 {
margin:-40px 0 0
}
.breadcrumb-banner .banner-thumbnail.thumbnail-2 img {
width:100%
}
}
.breadcrumb-banner .banner-thumbnail.thumbnail-3 {
	bottom:-120px;
	right:80px;
	text-align:right
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.breadcrumb-banner .banner-thumbnail.thumbnail-3 {
right:-100px;
bottom:-60px
}
.breadcrumb-banner .banner-thumbnail.thumbnail-3 img {
width:80%
}
}
@media only screen and (max-width:1199px) {
.breadcrumb-banner .banner-thumbnail.thumbnail-3 {
right:0;
bottom:-50px
}
.breadcrumb-banner .banner-thumbnail.thumbnail-3 img {
width:60%
}
}
@media only screen and (max-width:991px) {
.breadcrumb-banner .banner-thumbnail.thumbnail-3 {
text-align:center;
margin:-40px 0 0
}
.breadcrumb-banner .banner-thumbnail.thumbnail-3 img {
width:100%
}
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.breadcrumb-banner .banner-thumbnail.thumbnail-4 img {
width:100%
}
}
@media only screen and (max-width:1199px) {
.breadcrumb-banner .shape-group-8 .shape.shape-2 img {
width:60%
}
}
@media only screen and (max-width:991px) {
.breadcrumb-banner .shape-group-8 .shape.shape-2 img {
width:50%
}
}
.breadcrumb-banner .shape-group-8 .shape.shape-3 {
	bottom:-200px;
	top:auto
}
@media only screen and (max-width:1199px) {
.breadcrumb-banner .shape-group-8 .shape.shape-3 {
bottom:0;
opacity:.5
}
}
.breadcrumb-banner.single-breadcrumb {
	padding:100px 0 100px
}
@media only screen and (max-width:1199px) {
.breadcrumb-banner.single-breadcrumb {
padding:80px 0 80px
}
}
@media only screen and (max-width:991px) {
.breadcrumb-banner.single-breadcrumb {
padding:50px 0 50px
}
.reg {
position:fixed;
bottom:0;
border-radius:40px;
color:#fff!important;
width:220px;
font-size:16px!important;
font-weight:500;
letter-spacing:1px;
padding:15px 0;
z-index:55;
text-align:center;
display:block!important;
background:#164b43
}
}
.breadcrumb-banner.single-breadcrumb .section-heading .title {
	width:100%
}
.breadcrumb-banner.single-breadcrumb .section-heading p {
	width:100%
}
.breadcrumb-banner.single-breadcrumb .banner-thumbnail {
	position:initial
}
.breadcrumb-banner.single-breadcrumb .banner-thumbnail img {
	border-radius:24px
}
@media only screen and (max-width:1199px) {
.breadcrumb-banner.single-breadcrumb .banner-thumbnail img {
width:100%
}
}
.axil-btn {
	border-radius:10px;
	font-size:18px;
	font-weight:500;
	padding:12px 55px;
	height:auto;
	text-align:center;
	-webkit-transition:var(--transition);
	transition:var(--transition);
	position:relative;
	z-index:1
}
.axil-btn.btn-borderd {
	border:var(--border-gray);
	color:var(--color-dark);
	background-color:transparent
}
.axil-btn.btn-borderd:hover {
	background-color:var(--color-primary);
	color:var(--color-white);
	border-color:var(--color-primary)
}
.axil-btn.btn-fill-primary {
	background-color:var(--color-primary);
	color:var(--color-white);
	border:1px solid var(--color-primary);
	overflow:hidden
}
.axil-btn.btn-fill-primary::after {
content:"";
height:300px;
width:300px;
background-color:var(--color-link);
border-radius:50%;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translateY(-50%) translateX(-50%) scale(0);
-ms-transform:translateY(-50%) translateX(-50%) scale(0);
transform:translateY(-50%) translateX(-50%) scale(0);
-webkit-transition:.5s cubic-bezier(.25, .46, .45, .94);
transition:.5s cubic-bezier(.25, .46, .45, .94);
z-index:-1
}
.axil-btn.btn-fill-primary:hover {
	background-color:var(--color-link);
	border-color:var(--color-link)
}
.axil-btn.btn-fill-primary:hover::after {
-webkit-transform:translateY(-50%) translateX(-50%) scale(1);
-ms-transform:translateY(-50%) translateX(-50%) scale(1);
transform:translateY(-50%) translateX(-50%) scale(1)
}
.axil-btn.btn-fill-white {
	background-color:var(--color-white);
	box-shadow:0 48px 48px 0 rgba(0, 0, 0, .12)
}
.axil-btn.btn-fill-white:hover {
	background-color:var(--color-accent1);
	color:var(--color-white)
}
.axil-btn.btn-fluid {
	width:100%
}
.section {
	position:relative;
	z-index:1
}
.section-heading {
	margin-bottom:50px
}
@media only screen and (max-width:991px) {
.section-heading {
margin-bottom:50px
}
}
.section-heading .subtitle {
	color:var(--color-primary);
	font-weight:500;
	font-size:20px;
	font-family:var(--font-primary);
	margin-bottom:15px
}
@media only screen and (max-width:991px) {
.section-heading .subtitle {
font-size:18px
}
}
@media only screen and (max-width:767px) {
.section-heading .subtitle {
font-size:20px
}
body {
font-size:14px!important
}
.md-d-none {
display:none!important
}
#location .mb70 {
margin-bottom:0
}
#location .pt--40 {
padding-top:0
}
.m-order-1 {
order:1!important
}
.m-order-2 {
order:2!important
}
}
@media only screen and (max-width:1199px) {
.section-heading .title {
font-size:60px
}
}
@media only screen and (max-width:991px) {
.section-heading .title {
font-size:50px
}
}
@media only screen and (max-width:575px) {
.section-heading .title {
font-size:35px
}
h2 span {
font-size:35px!important
}
}
@media only screen and (max-width:479px) {
.section-heading .title {
font-size:30px
}
.section-heading .title br {
display:none!important
}
h2 span {
font-size:35px
}
}
.section-heading p {
	width:75%;
	margin:0 auto 40px
}
.section-heading p:last-child {
	margin-bottom:0
}
@media only screen and (max-width:991px) {
.section-heading p {
width:100%
}
.case-study-featured .section-heading p {
width:100%
}
.slick-dot-nav .slick-dots {
bottom:30px!important;
text-align:left;
margin:0 10px
}
}
.heading-light-left {
	text-align:left
}
.heading-light-left .title {
	color:var(--color-white);
	margin-bottom:35px;
	width:50%
}
@media only screen and (max-width:1199px) {
.heading-light-left .title {
width:70%
}
}
@media only screen and (max-width:991px) {
.heading-light-left .title {
width:100%
}
}
.heading-light-left p {
	color:var(--color-white);
	margin:0 0 40px;
	width:40%;
	opacity:.6
}
@media only screen and (max-width:1199px) {
.heading-light-left p {
width:60%
}
}
@media only screen and (max-width:991px) {
.heading-light-left p {
width:100%
}
}
.text-left {
	text-align:left!important
}
.heading-light .title {
	color:var(--color-white)
}
.heading-light p {
	color:var(--color-gray-4)
}
.heading-left {
	text-align:left
}
.heading-left p {
	margin:0 0 30px
}
.heading-left p+p {
	margin:0 0 40px
}
.shape-group-1 .shape {
	position:absolute;
	z-index:-1
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.shape-group-1 .shape img {
opacity:.4
}
}
@media only screen and (max-width:991px) {
.shape-group-1 .shape img {
opacity:.4
}
}
.shape-group-1 .shape.shape-1 {
	top:140px;
	left:315px
}
.shape-group-1 .shape.shape-2 {
	top:120px;
	right:0
}
.shape-group-1 .shape.shape-3 {
	bottom:80px;
	left:0
}
.shape-group-1 .shape.shape-4 {
	bottom:60px;
	right:230px
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.shape-group-1 .shape.shape-4 {
right:100px
}
}
.shape-group-2 .shape {
	position:absolute;
	z-index:-1
}
.shape-group-2 .shape.shape-1 {
	bottom:0;
	right:135px
}
.shape-group-2 .shape.shape-2 {
	right:500px;
	top:0
}
.shape-group-2 .shape.shape-3 {
	right:815px;
	top:125px
}
.shape-group-3 .shape {
	position:absolute;
	z-index:-1
}
.shape-group-3 .shape.shape-1 {
	right:0;
	top:90px
}
.shape-group-3 .shape.shape-2 {
	right:390px;
	top:165px
}
.shape-group-3 .shape.shape-3 {
	right:0;
	top:255px;
	z-index:2;
	pointer-events:none
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.shape-group-3 .shape.shape-3 {
display:none
}
}
@media only screen and (max-width:1199px) {
.shape-group-3 .shape.shape-3 {
display:none
}
}
.shape-group-4 .shape-1 {
	position:absolute;
	top:140px;
	right:440px;
	z-index:-1
}
.shape-group-5 .shape {
	position:absolute;
	z-index:-1
}
.shape-group-5 .shape.shape-1 {
	top:0;
	-webkit-transform:scale(.9);
	-ms-transform:scale(.9);
	transform:scale(.9);
	left:22%
}
.shape-group-5 .shape.shape-2 {
	bottom:0;
	left:250px;
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg)
}
.shape-group-5 .shape.shape-3 {
	bottom:110px;
	left:160px
}
.shape-group-5 .shape.shape-4 {
	top:90px;
	left:35%
}
.shape-group-6 .shape {
	position:absolute;
	z-index:-1
}
.shape-group-6 .shape.shape-1 {
	top:0;
	left:0
}
.shape-group-6 .shape.shape-2 {
	top:110px;
	left:0
}
.shape-group-6 .shape.shape-3 {
	bottom:140px;
	right:0
}
.shape-group-6 .shape.shape-4 {
	bottom:-1px;
	left:11%
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.shape-group-6 .shape.shape-4 {
left:0
}
.shape-group-6 .shape.shape-4 img {
width:90%
}
}
@media only screen and (max-width:1199px) {
.shape-group-6 .shape.shape-4 {
left:0
}
.shape-group-6 .shape.shape-4 img {
width:70%
}
}
.shape-group-7 .shape {
	position:absolute;
	z-index:-1
}
.shape-group-7 .shape.shape-1 {
	top:90px;
	right:200px
}
.shape-group-7 .shape.shape-2 {
	top:210px;
	left:52%
}
@media only screen and (max-width:991px) {
.shape-group-7 .shape.shape-2 {
display:none
}
}
.shape-group-7 .shape.shape-3 {
	top:40%;
	left:170px
}
.shape-group-8 .shape {
	position:absolute;
	z-index:-1;
	pointer-events:none
}
.shape-group-8 .shape.shape-1 {
	bottom:0;
	left:0
}
@media only screen and (max-width:767px) {
.shape-group-8 .shape.shape-1 {
display:none
}
}
.shape-group-8 .shape.shape-2 {
	top:0;
	right:0;
	text-align:right
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.shape-group-8 .shape.shape-2 img {
width:90%
}
}
@media only screen and (max-width:1199px) {
.shape-group-8 .shape.shape-2 img {
width:80%
}
}
@media only screen and (max-width:767px) {
.shape-group-8 .shape.shape-2 img {
width:60%
}
}
.shape-group-8 .shape.shape-3 {
	top:115px;
	left:0
}
.shape-group-9 .shape {
	position:absolute;
	z-index:-1
}
.shape-group-9 .shape.shape-1 {
	top:0;
	left:32%
}
.shape-group-9 .shape.shape-2 {
	top:180px;
	left:18%;
	opacity:.5;
	-webkit-animation:movingleftright1 infinite 20s;
	animation:movingleftright1 infinite 20s
}
.shape-group-9 .shape.shape-3 {
	top:31%;
	left:20%;
	-webkit-animation:movingleftright2 infinite 25s;
	animation:movingleftright2 infinite 25s
}
.shape-group-9 .shape.shape-4 {
	top:44%;
	left:28%;
	-webkit-animation:movingleftright1 infinite 25s;
	animation:movingleftright1 infinite 25s
}
.shape-group-9 .shape.shape-5 {
	top:50%;
	left:17%;
	-webkit-animation:movingleftright2 infinite 30s;
	animation:movingleftright2 infinite 30s
}
.shape-group-9 .shape.shape-6 {
	top:26%;
	right:21%;
	-webkit-animation:movingleftright3 infinite 30s;
	animation:movingleftright3 infinite 30s
}
@media only screen and (max-width:767px) {
.shape-group-9 .shape.shape-6 {
display:none
}
}
.shape-group-9 .shape.shape-7 {
	top:30%;
	right:15%;
	-webkit-animation:movingleftright1 infinite 30s;
	animation:movingleftright1 infinite 30s
}
.shape-group-10 .shape {
	position:absolute;
	z-index:-1
}
.shape-group-10 .shape.shape-1 {
	top:100px;
	right:0
}
.shape-group-10 .shape.shape-2 {
	bottom:200px;
	left:0
}
.shape-group-10 .shape.shape-3 {
	top:680px;
	left:110px
}
.shape-group-11 .shape {
	position:absolute;
	z-index:-1
}
.shape-group-11 .shape.shape-1 {
	top:40px;
	right:0
}
.shape-group-11 .shape.shape-2 {
	bottom:-310px;
	left:-10px;
	opacity:.4
}
.shape-group-12 .shape {
	position:absolute;
	z-index:-1
}
.shape-group-12 .shape.shape-1 {
	top:115px;
	left:38%
}
.shape-group-12 .shape.shape-2 {
	left:60px;
	bottom:130px
}
.shape-group-12 .shape.shape-3 {
	right:60px;
	bottom:50px
}
.shape-group-13 .shape {
	position:absolute;
	z-index:-1
}
.shape-group-13 .shape.shape-1 {
	top:0;
	left:0
}
@media only screen and (max-width:991px) {
.shape-group-13 .shape.shape-1 img {
width:60%
}
}
.shape-group-13 .shape.shape-2 {
	top:0;
	right:-5px;
	text-align:right
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.shape-group-13 .shape.shape-2 img {
width:80%
}
}
@media only screen and (max-width:1199px) {
.shape-group-13 .shape.shape-2 img {
width:75%
}
}
@media only screen and (max-width:991px) {
.shape-group-13 .shape.shape-2 img {
width:50%
}
}
@media only screen and (max-width:479px) {
.shape-group-13 .shape.shape-2 img {
width:40%
}
}
.shape-group-13 .shape.shape-3 {
	right:-10px;
	bottom:62px;
	z-index:2;
	text-align:right
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.shape-group-13 .shape.shape-3 {
bottom:220px
}
.shape-group-13 .shape.shape-3 img {
width:60%
}
}
@media only screen and (max-width:1199px) {
.shape-group-13 .shape.shape-3 {
bottom:100px
}
.shape-group-13 .shape.shape-3 img {
width:50%
}
}
@media only screen and (max-width:767px) {
.shape-group-13 .shape.shape-3 img {
width:40%
}
}
.shape-group-13 .shape.shape-4 {
	left:220px;
	top:45%;
	height:48px;
	width:48px;
	-webkit-animation:movingleftright1 infinite 25s;
	animation:movingleftright1 infinite 25s
}
.shape-group-13 .shape.shape-5 {
	left:45%;
	bottom:130px;
	height:32px;
	width:32px;
	-webkit-animation:movingleftright3 infinite 20s;
	animation:movingleftright3 infinite 20s
}
.shape-group-14 .shape {
	position:absolute;
	z-index:-1
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.shape-group-14 .shape img {
width:70%
}
}
@media only screen and (max-width:1199px) {
.shape-group-14 .shape img {
width:40%
}
}
.shape-group-14 .shape.shape-1 {
	left:40%;
	bottom:230px;
	-webkit-animation:movingleftright1 infinite 20s;
	animation:movingleftright1 infinite 20s
}
.shape-group-14 .shape.shape-2 {
	left:47%;
	bottom:115px;
	-webkit-animation:movingleftright3 infinite 30s;
	animation:movingleftright3 infinite 30s
}
.shape-group-14 .shape.shape-3 {
	right:160px;
	bottom:270px;
	-webkit-animation:movingleftright2 infinite 40s;
	animation:movingleftright2 infinite 40s
}
.shape-group-16 .shape {
	position:absolute;
	z-index:-1
}
.shape-group-16 .shape.shape-1 {
	top:0;
	right:0
}
.shape-group-16 .shape.shape-2 {
	top:120px;
	left:30%
}
.shape-group-16 .shape.shape-3 {
	bottom:250px;
	left:0
}
.shape-group-17 .shape {
	position:absolute;
	z-index:-1
}
.shape-group-17 .shape.shape-1 {
	top:0;
	left:0
}
.shape-group-17 .shape.shape-2 {
	top:360px;
	right:0
}
.shape-group-17 .shape.shape-3 {
	top:430px;
	left:0
}
.shape-group-17 .shape.shape-4 {
	top:35%;
	right:0
}
.shape-group-17 .shape.shape-5 {
	top:56%;
	left:0
}
.shape-group-17 .shape.shape-6 {
	top:75%;
	right:0
}
.shape-group-18 .shape {
	position:absolute;
	z-index:-1
}
.shape-group-18 .shape.shape-1 {
	top:0;
	right:0;
	text-align:right
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.shape-group-18 .shape.shape-1 img {
width:70%
}
}
@media only screen and (max-width:1199px) {
.shape-group-18 .shape.shape-1 img {
width:50%
}
}
@media only screen and (max-width:991px) {
.shape-group-18 .shape.shape-1 img {
width:40%
}
}
.shape-group-18 .shape.shape-2 {
	bottom:0;
	left:0
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.shape-group-18 .shape.shape-2 img {
width:70%
}
}
@media only screen and (max-width:1199px) {
.shape-group-18 .shape.shape-2 img {
width:50%
}
}
.shape-group-18 .shape.shape-3 {
	top:34%;
	left:50%;
	-webkit-animation:movingleftright1 infinite 20s;
	animation:movingleftright1 infinite 20s
}
.shape-group-18 .shape.shape-3 img {
	opacity:.5
}
.shape-group-18 .shape.shape-4 {
	bottom:240px;
	left:45%;
	-webkit-animation:movingleftright2 infinite 30s;
	animation:movingleftright2 infinite 30s
}
.shape-group-18 .shape.shape-4 img {
	width:75px;
	opacity:.5
}
.shape-group-18 .shape.shape-5 {
	bottom:120px;
	left:53%;
	-webkit-animation:movingleftright1 infinite 25s;
	animation:movingleftright1 infinite 25s
}
.shape-group-18 .shape.shape-6 {
	bottom:100px;
	left:40%;
	-webkit-animation:movingleftright1 infinite 35s;
	animation:movingleftright1 infinite 35s
}
.shape-group-18 .shape.shape-7 {
	top:0;
	right:100px;
	z-index:-2;
	text-align:right
}
@media only screen and (max-width:1199px) {
.shape-group-18 .shape.shape-7 img {
width:80%
}
}
@media only screen and (max-width:991px) {
.shape-group-18 .shape.shape-7 img {
width:60%
}
}
.shape-group-19 .shape {
	position:absolute;
	z-index:-1
}
.shape-group-19 .shape.shape-1 {
	top:0;
	right:0;
	text-align:right
}
@media only screen and (max-width:991px) {
.shape-group-19 .shape.shape-1 img {
width:60%
}
}
.shape-group-19 .shape.shape-2 {
	top:145px;
	right:0
}
.shape-group-20 .shape {
	position:absolute;
	z-index:-1
}
.shape-group-20 .shape.shape-1 {
	top:-15px;
	left:120px
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.shape-group-20 .shape.shape-1 {
left:-20px
}
}
@media only screen and (max-width:1199px) {
.shape-group-20 .shape.shape-1 {
left:-130px;
top:30px
}
}
@media only screen and (max-width:991px) {
.shape-group-20 .shape.shape-1 img {
width:85%
}
}
.shape-group-20 .shape.shape-2 {
	bottom:0;
	right:0;
	text-align:right
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.shape-group-20 .shape.shape-2 img {
width:80%
}
}
@media only screen and (max-width:1199px) {
.shape-group-20 .shape.shape-2 img {
width:75%
}
}
@media only screen and (max-width:991px) {
.shape-group-20 .shape.shape-2 {
display:none
}
}
.shape-group-20 .shape.shape-3 {
	right:-10px;
	bottom:62px;
	z-index:2;
	text-align:right
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.shape-group-20 .shape.shape-3 {
bottom:220px
}
.shape-group-20 .shape.shape-3 img {
width:60%
}
}
@media only screen and (max-width:1199px) {
.shape-group-20 .shape.shape-3 {
bottom:100px
}
.shape-group-20 .shape.shape-3 img {
width:50%
}
}
@media only screen and (max-width:767px) {
.shape-group-20 .shape.shape-3 img {
width:40%
}
}
.shape-group-20 .shape.shape-4 {
	left:220px;
	top:45%;
	height:48px;
	width:48px;
	-webkit-animation:movingleftright1 infinite 25s;
	animation:movingleftright1 infinite 25s
}
.shape-group-20 .shape.shape-5 {
	left:45%;
	bottom:130px;
	height:32px;
	width:32px;
	-webkit-animation:movingleftright3 infinite 20s;
	animation:movingleftright3 infinite 20s
}
.shape-group-20 .shape.shape-6 {
	left:50%;
	top:250px
}
@media only screen and (max-width:991px) {
.shape-group-20 .shape.shape-6 {
display:none
}
}
.shape-group-20 .shape.shape-7 {
	left:65%;
	top:180px;
	-webkit-animation:movingleftright3 infinite 20s;
	animation:movingleftright3 infinite 20s
}
.shape-group-20 .shape.shape-8 {
	bottom:0;
	right:0
}
@media only screen and (max-width:991px) {
.shape-group-20 .shape.shape-8 {
display:none
}
}
.shape-group-21 .shape {
	position:absolute;
	z-index:-1
}
.shape-group-21 .shape.shape-1 {
	top:0;
	left:0
}
@media only screen and (max-width:991px) {
.shape-group-21 .shape.shape-1 img {
width:60%
}
}
.shape-group-21 .shape.shape-2 {
	top:200px;
	right:200px;
	text-align:right
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.shape-group-21 .shape.shape-2 {
top:120px;
right:15px
}
.shape-group-21 .shape.shape-2 img {
width:90%
}
}
@media only screen and (max-width:1199px) {
.shape-group-21 .shape.shape-2 {
right:15px
}
.shape-group-21 .shape.shape-2 img {
width:50%
}
}
@media only screen and (max-width:991px) {
.shape-group-21 .shape.shape-2 {
display:none
}
}
.shape-group-21 .shape.shape-3 {
	right:100px;
	top:45%;
	height:53px;
	width:53px
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.shape-group-21 .shape.shape-3 {
display:none
}
}
.shape-group-21 .shape.shape-4 {
	left:220px;
	top:45%;
	height:20px;
	width:20px;
	-webkit-animation:movingleftright1 infinite 25s;
	animation:movingleftright1 infinite 25s
}
.shape-group-21 .shape.shape-5 {
	left:45%;
	bottom:130px;
	height:20px;
	width:20px;
	-webkit-animation:movingleftright3 infinite 20s;
	animation:movingleftright3 infinite 20s
}
.shape-group-21 .shape.shape-6 {
	right:230px;
	bottom:40%;
	height:20px;
	width:20px
}
@media only screen and (max-width:1199px) {
.shape-group-21 .shape.shape-6 {
display:none
}
}
.shape-group-21 .shape.shape-7 {
	right:250px;
	top:40%;
	height:20px;
	width:20px
}
@media only screen and (max-width:1199px) {
.shape-group-21 .shape.shape-7 {
display:none
}
}
@-webkit-keyframes movingleftright1 {
0% {
-webkit-transform:translateX(0) translateY(0);
transform:translateX(0) translateY(0)
}
40% {
-webkit-transform:translateX(50px) translateY(-200px);
transform:translateX(50px) translateY(-200px)
}
75% {
-webkit-transform:translateX(800px);
transform:translateX(800px)
}
100% {
-webkit-transform:translateY(0) translateX(0);
transform:translateY(0) translateX(0)
}
}
@keyframes movingleftright1 {
0% {
-webkit-transform:translateX(0) translateY(0);
transform:translateX(0) translateY(0)
}
40% {
-webkit-transform:translateX(50px) translateY(-200px);
transform:translateX(50px) translateY(-200px)
}
75% {
-webkit-transform:translateX(800px);
transform:translateX(800px)
}
100% {
-webkit-transform:translateY(0) translateX(0);
transform:translateY(0) translateX(0)
}
}
@-webkit-keyframes movingleftright2 {
0% {
-webkit-transform:translateX(0) translateY(0);
transform:translateX(0) translateY(0)
}
40% {
-webkit-transform:translateX(-50px) translateY(200px);
transform:translateX(-50px) translateY(200px)
}
75% {
-webkit-transform:translateX(-500px);
transform:translateX(-500px)
}
100% {
-webkit-transform:translateY(0) translateX(0);
transform:translateY(0) translateX(0)
}
}
@keyframes movingleftright2 {
0% {
-webkit-transform:translateX(0) translateY(0);
transform:translateX(0) translateY(0)
}
40% {
-webkit-transform:translateX(-50px) translateY(200px);
transform:translateX(-50px) translateY(200px)
}
75% {
-webkit-transform:translateX(-500px);
transform:translateX(-500px)
}
100% {
-webkit-transform:translateY(0) translateX(0);
transform:translateY(0) translateX(0)
}
}
@-webkit-keyframes movingleftright3 {
0% {
-webkit-transform:translateX(0) translateY(0);
transform:translateX(0) translateY(0)
}
40% {
-webkit-transform:translateX(100px) translateY(-200px);
transform:translateX(100px) translateY(-200px)
}
75% {
-webkit-transform:translateX(-500px);
transform:translateX(-500px)
}
100% {
-webkit-transform:translateY(0) translateX(0);
transform:translateY(0) translateX(0)
}
}
@keyframes movingleftright3 {
0% {
-webkit-transform:translateX(0) translateY(0);
transform:translateX(0) translateY(0)
}
40% {
-webkit-transform:translateX(100px) translateY(-200px);
transform:translateX(100px) translateY(-200px)
}
75% {
-webkit-transform:translateX(-500px);
transform:translateX(-500px)
}
100% {
-webkit-transform:translateY(0) translateX(0);
transform:translateY(0) translateX(0)
}
}
.main-wrapper {
	overflow:hidden;
	background-color:var(--color-white)
}
.slick-list {
	margin:0 -15px
}
.slick-list .slick-slide {
	padding:0 15px
}
.slick-dot-nav .slick-dots {
	bottom:-35px;
	text-align:left;
	margin:0 10px
}
.slick-dot-nav .slick-dots li {
	margin:0 10px;
	height:11px;
	width:11px
}
.slick-dot-nav .slick-dots li button {
	border:none;
	background-color:#dbdeff;
	border-radius:50%;
	height:11px;
	width:11px;
	-webkit-transition:var(--transition);
	transition:var(--transition)
}
.slick-dot-nav .slick-dots li button::before {
display:none
}
.about-us .section-heading p {
	width:100%
}
.contact-form-box .title {
	font-size:40px
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.contact-form-box .title {
font-size:36px
}
}
@media only screen and (max-width:1199px) {
.contact-form-box .title {
font-size:32px
}
}
@media only screen and (max-width:767px) {
.contact-form-box .title {
font-size:28px
}
}
.contact-form-box .form-group .axil-btn::after {
width:calc(100% + 50px)
}
.contact-form-box textarea {
	min-height:75px
}
.about-quality {
	margin-bottom:60px
}
.about-quality .title {
	color:var(--color-white)
}
.about-quality p {
	opacity:.5;
	color:var(--color-white);
	-webkit-transition:var(--transition);
	transition:var(--transition)
}
.about-quality:hover p {
	opacity:1
}
.banner {
	position:relative
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.banner {
margin-top:-120px
}
}
@media only screen and (max-width:1199px) {
.banner {
padding:200px 0 0;
min-height:100%
}
}
@media only screen and (max-width:991px) {
.banner {
margin-top:-115px;
padding:160px 0 0
}
}
@media only screen and (max-width:767px) {
.banner {
margin-top:-115px;
padding:150px 0 0
}
.fullheight {
height:calc(75vh - 90px)!important
}
}
@media only screen and (max-width:991px) {
.banner .banner-content {
margin-bottom:90px
}
}
@media only screen and (max-width:767px) {
.banner .banner-content {
margin-bottom:60px
}
}
@media only screen and (max-width:575px) {
.banner .banner-content {
margin-bottom:40px
}
}
@media only screen and (max-width:767px) {
.banner .banner-content .title {
font-size:40px
}
}
.banner .banner-content .subtitle {
	font-size:var(--font-body-1);
	margin-bottom:40px;
	width:90%
}
.banner .banner-content .axil-btn {
	padding:28px 45px;
	box-shadow:0 44px 84px -24px #5956e9
}
@media only screen and (max-width:991px) {
.banner .banner-content .axil-btn {
padding:20px 35px
}
}
.banner .banner-content .btn-group {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center
}
@media only screen and (max-width:575px) {
.banner .banner-content .btn-group {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:start;
-webkit-align-items:flex-start;
-ms-flex-align:start;
align-items:flex-start
}
}
.banner .banner-content .btn-group a {
	margin-right:40px
}
@media only screen and (max-width:575px) {
.banner .banner-content .btn-group a {
margin-right:0;
margin-bottom:30px
}
}
.banner .banner-content .btn-group a:last-child {
	margin-right:0;
	margin-bottom:0
}
.banner .banner-content .about-btn {
	font-weight:500;
	color:var(--color-primary);
	position:relative;
	padding-left:50px
}
.banner .banner-content .about-btn::before {
content:"";
height:1px;
width:34px;
background-color:var(--color-primary);
position:absolute;
top:50%;
left:0;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-transition:var(--transition);
transition:var(--transition)
}
.banner .banner-content .about-btn:hover::before {
width:100%
}
.banner .banner-thumbnail {
	position:relative
}
.banner .banner-social {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center
}
.banner .banner-social .social-icon {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.banner .banner-social .social-icon li {
	margin-right:20px
}
.banner .banner-social .social-icon li:last-child {
	margin-right:0
}
.banner .banner-social .social-icon li a {
	color:var(--color-body)
}
.banner .banner-social .social-icon li a i {
	margin-right:8px;
	font-size:20px;
	color:var(--color-gray-4);
	-webkit-transition:var(--transition);
	transition:var(--transition)
}
.banner .banner-social .social-icon li a:hover {
	color:var(--color-primary)
}
.banner .banner-social .social-icon li a:hover i {
	color:var(--color-primary)
}
.banner.banner-style-1 .banner-content {
	margin-top:60px
}
@media only screen and (max-width:1199px) {
.banner.banner-style-1 .banner-content {
padding-bottom:100px
}
}
@media only screen and (max-width:991px) {
.banner.banner-style-1 .banner-content {
margin-top:0;
padding-bottom:0
}
}
.banner.banner-style-1 .banner-content .title {
	font-size:78px;
	line-height:1
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.banner.banner-style-1 .banner-content .title {
font-size:68px
}
}
@media only screen and (max-width:1199px) {
.banner.banner-style-1 .banner-content .title {
font-size:60px
}
}
@media only screen and (max-width:991px) {
.banner.banner-style-1 .banner-content .title {
font-size:55px
}
}
@media only screen and (max-width:767px) {
.banner.banner-style-1 .banner-content .title {
font-size:40px
}
}
.banner.banner-style-1 .banner-thumbnail {
	z-index:5
}
.banner.banner-style-1 .banner-thumbnail .shape-group .shape {
	position:absolute
}
.banner.banner-style-1 .banner-thumbnail .shape-group .shape.shape-1 {
	top:-25px;
	right:20px;
	left:auto
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.banner.banner-style-1 .banner-thumbnail .shape-group .shape.shape-1 {
right:0
}
}
@media only screen and (max-width:1199px) {
.banner.banner-style-1 .banner-thumbnail .shape-group .shape.shape-1 {
display:none
}
}
.banner.banner-style-2 {
	margin:0 95px;
	padding:250px 0 300px 200px;
	background-color:var(--color-link);
	border-radius:60px;
	overflow:hidden
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.banner.banner-style-2 {
padding:150px 0 200px 100px;
min-height:600px;
margin:0 30px
}
}
@media only screen and (max-width:1199px) {
.banner.banner-style-2 {
margin:0 30px;
padding:150px 60px;
min-height:600px
}
}
@media only screen and (max-width:991px) {
.banner.banner-style-2 {
min-height:100%
}
}
@media only screen and (max-width:767px) {
.banner.banner-style-2 {
padding:80px 30px
}
}
@media only screen and (max-width:575px) {
.banner.banner-style-2 {
margin:0 15px
}
}
.banner.banner-style-2 .banner-content {
	margin-bottom:0
}
.banner.banner-style-2 .banner-content .title {
	color:var(--color-white);
	margin-bottom:40px
}
.banner.banner-style-3 {
	padding:220px 0 210px
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.banner.banner-style-3 {
padding:180px 0 160px
}
}
@media only screen and (max-width:1199px) {
.banner.banner-style-3 {
padding:200px 0 150px
}
}
@media only screen and (max-width:767px) {
.banner.banner-style-3 {
padding:150px 0 100px
}
}
.banner.banner-style-3 .banner-content {
	position:relative;
	z-index:1
}
.banner.banner-style-3 .banner-content .subtitle {
	font-size:20px;
	font-weight:700;
	color:var(--color-rose);
	letter-spacing:.1em;
	font-family:var(--font-primary);
	margin-bottom:30px
}
@media only screen and (max-width:991px) {
.banner.banner-style-3 .banner-content .subtitle {
font-size:16px
}
}
.banner.banner-style-3 .banner-content .title {
	margin-bottom:60px
}
@media only screen and (max-width:991px) {
.banner.banner-style-3 .banner-content .title {
margin-bottom:40px
}
}
.banner.banner-style-3 .banner-thumbnail {
	margin-right:-120px;
	text-align:right
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.banner.banner-style-3 .banner-thumbnail {
margin-right:0
}
}
@media only screen and (max-width:1199px) {
.banner.banner-style-3 .banner-thumbnail {
margin-right:0
}
}
@media only screen and (max-width:991px) {
.banner.banner-style-3 .banner-thumbnail {
text-align:left
}
}
.banner.banner-style-4 {
	background:-webkit-linear-gradient(left, #ecf2f6 0, rgba(236, 242, 246, 0) 70.31%);
	background:linear-gradient(90deg, #ecf2f6 0, rgba(236, 242, 246, 0) 70.31%);
	padding:310px 0 100px
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.banner.banner-style-4 {
padding:250px 0 100px
}
}
@media only screen and (max-width:1199px) {
.banner.banner-style-4 {
padding:250px 0 100px
}
}
@media only screen and (max-width:991px) {
.banner.banner-style-4 {
padding:180px 0 80px;
min-height:100%
}
}
@media only screen and (max-width:767px) {
.banner.banner-style-4 {
padding:150px 0 60px
}
}
.banner.banner-style-4 .banner-content {
	margin-bottom:200px;
	position:relative;
	z-index:1
}
@media only screen and (max-width:1199px) {
.banner.banner-style-4 .banner-content {
margin-bottom:100px
}
}
@media only screen and (max-width:991px) {
.banner.banner-style-4 .banner-content {
margin-bottom:0
}
}
.banner.banner-style-4 .banner-content .title {
	width:60%;
	margin-bottom:50px
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.banner.banner-style-4 .banner-content .title {
font-size:70px;
width:55%
}
}
@media only screen and (max-width:1199px) {
.banner.banner-style-4 .banner-content .title {
font-size:70px
}
}
@media only screen and (max-width:991px) {
.banner.banner-style-4 .banner-content .title {
font-size:60px;
width:100%
}
}
@media only screen and (max-width:767px) {
.banner.banner-style-4 .banner-content .title {
font-size:50px
}
}
@media only screen and (max-width:575px) {
.banner.banner-style-4 .banner-content .title {
font-size:40px;
margin-bottom:30px
}
}
.banner.banner-style-4 .banner-content p {
	font-size:var(--font-body-1);
	width:50%;
	margin-bottom:40px
}
@media only screen and (max-width:991px) {
.banner.banner-style-4 .banner-content p {
width:100%
}
}
.banner.banner-style-4 .banner-thumbnail {
	position:absolute;
	top:45%;
	right:0;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.banner.banner-style-4 .banner-thumbnail {
right:-300px
}
.banner.banner-style-4 .banner-thumbnail img {
width:85%
}
}
@media only screen and (max-width:1199px) {
.banner.banner-style-4 .banner-thumbnail {
right:-570px
}
.banner.banner-style-4 .banner-thumbnail img {
width:60%
}
}
@media only screen and (max-width:991px) {
.banner.banner-style-4 .banner-thumbnail {
position:initial;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
text-align:center;
margin:-20px 0 20px
}
.banner.banner-style-4 .banner-thumbnail img {
width:100%
}
}
@media only screen and (max-width:575px) {
.banner.banner-style-4 .banner-thumbnail {
margin:0 0 20px
}
}
.banner.banner-style-5 {
	background-image:url(../media/hero.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center
}
@media only screen and (max-width:1199px) {
.banner.banner-style-5 {
padding:230px 0 0
}
}
@media only screen and (max-width:991px) {
.banner.banner-style-5 {
padding:170px 0 80px;
min-height:100%
}
}
@media only screen and (max-width:767px) {
.banner.banner-style-5 {
padding:150px 0 60px;
min-height:100%
}
}
@media only screen and (max-width:991px) {
.banner.banner-style-5 .banner-content {
margin-bottom:40px
}
}
.banner.banner-style-5 .banner-content .title {
	margin-bottom:0;
	padding:15px 0 10px 0;
	width:90%;
	background:#365c5c;
	border-top-right-radius:90px;
	z-index:5;
	font-size:35px;
	line-height:1.3;
	color:#d1ad6e
}
.banner.banner-style-5 .banner-content .title:before {
	position:absolute;
	content:'';
	left:0;
	width:10vw;
	background:#365c5c;
	bottom:0;
	height:16.2%;
	z-index:-1
}
@media only screen and (max-width:1199px) {
.banner.banner-style-5 .banner-content .title {
font-size:70px
}
}
@media only screen and (max-width:991px) {
.banner.banner-style-5 .banner-content .title {
font-size:60px
}
}
@media only screen and (max-width:767px) {
.banner.banner-style-5 .banner-content .title {
font-size:50px
}
}
@media only screen and (max-width:575px) {
.banner.banner-style-5 .banner-content .title {
font-size:40px;
margin-bottom:40px
}
}
.banner.banner-style-5 .banner-content .axil-btn {
	color:var(--color-text-dark);
	box-shadow:none
}
.banner.banner-style-5 .banner-form {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:end;
	-webkit-justify-content:flex-end;
	-ms-flex-pack:end;
	justify-content:flex-end;
	margin-bottom:-140px
}
@media only screen and (max-width:991px) {
.banner.banner-style-5 .banner-form {
margin-bottom:0;
display:block
}
}
.banner.banner-style-5 .banner-form .contact-form-box {
	max-width:450px
}
@media only screen and (max-width:991px) {
.banner.banner-style-5 .banner-form .contact-form-box {
max-width:100%
}
}
.banner.banner-style-5 .banner-form .title {
	letter-spacing:-.045em
}
.call-to-action-area {
	padding:140px 0 100px;
	position:relative;
	z-index:1
}
@media only screen and (max-width:1199px) {
.call-to-action-area {
padding:100px 0
}
}
@media only screen and (max-width:991px) {
.call-to-action-area {
padding:80px 0
}
}
@media only screen and (max-width:767px) {
.call-to-action-area {
padding:60px 0 40px
}
}
.call-to-action-area:before {
	content:"";
	height:730px;
	width:100%;
	background-color:var(--color-primary);
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:-1
}
@media only screen and (max-width:991px) {
.call-to-action-area:before {
height:500px
}
}
@media only screen and (max-width:767px) {
.call-to-action-area:before {
height:480px
}
}
@media only screen and (max-width:575px) {
.call-to-action-area:before {
height:400px
}
}
.call-to-action {
	border-bottom:1px solid #e7e7e7
}
.call-to-action .section-heading {
	margin-bottom:65px
}
@media only screen and (max-width:767px) {
.call-to-action .section-heading {
margin-bottom:50px
}
}
.call-to-action .section-heading span {
	color:var(--color-accent1)
}
.call-to-action .section-heading .title {
	width:60%;
	margin:0 auto 55px
}
@media only screen and (max-width:991px) {
.call-to-action .section-heading .title {
width:100%
}
}
.call-to-action .thumbnail {
	position:relative;
	text-align:center
}
.case-study-featured {
	margin-bottom:0
}
.case-study-featured .section-heading .title {
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	padding-bottom:10px
}
@media only screen and (max-width:575px) {
.case-study-featured .section-heading .title {
-webkit-line-clamp:2
}
}
.case-study-featured .section-heading p {
	width:100%
}
.case-study-counterup {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center
}
.case-study-counterup .single-counterup {
	margin-right:60px;
	padding-right:60px;
	border-right:1px solid var(--color-ghost)
}
.case-study-counterup .single-counterup:last-child {
	margin-right:0;
	padding-right:0;
	border-right:none
}
@media only screen and (max-width:1199px) {
.case-study-counterup .single-counterup {
margin-right:40px;
padding-right:40px
}
}
@media only screen and (max-width:575px) {
.case-study-counterup .single-counterup {
margin-right:30px;
padding-right:30px
}
}
.office-location {
	margin-bottom:30px
}
.office-location .thumbnail {
	margin-bottom:30px
}
.office-location .thumbnail img {
	width:100%
}
.office-location .content .title {
	color:var(--color-white);
	margin-bottom:20px
}
.office-location .content p {
	color:var(--color-gray-2);
	width:70%
}
.contact-info .title {
	color:var(--color-white);
	margin-bottom:20px;
	font-size:40px
}
.contact-info h5 {
	color:var(--color-white)
}
.contact-info p {
	color:var(--color-white);
	width:80%;
	font-size:16px
}
.contact-info .phone-number {
	font-size:48px;
	color:var(--color-white);
	margin-bottom:0
}
.contact-form-box ::placeholder {
color:#fff;
font-size:13px;
opacity:1
}
.contact-form-box :-ms-input-placeholder {
color:#000
}
.contact-form-box ::-ms-input-placeholder {
color:#000
}
@media only screen and (max-width:1199px) {
.contact-info .phone-number {
font-size:42px
}
}
@media only screen and (max-width:991px) {
.contact-info .phone-number {
font-size:34px
}
}
@media only screen and (max-width:767px) {
.contact-info .phone-number {
font-size:30px
}
}
.contact-info .phone-number a:hover {
	color:var(--color-white)
}
@media only screen and (max-width:991px) {
.contact-address .section-heading svg {
max-width:70%
}
}
.contact-address .section-heading .title {
	width:100%
}
.contact-address .address {
	margin-bottom:20px;
	text-align:left
}
.contact-address .address:last-child {
	margin-bottom:0
}
.contact-address .address .title {
	color:var(--color-white);
	font-weight:700;
	margin-bottom:10px
}
.contact-address .address p {
	font-family:var(--font-primary);
	font-weight:500;
	font-size:18px;
	color:var(--color-white);
	width:80%;
	margin-bottom:0
}
@media only screen and (max-width:991px) {
.contact-address .address p {
font-size:18px;
width:80%
}
}
.contact-address .address p a {
	color:var(--color-white)
}
.contact-address .address p a:hover {
	color:var(--color-white)
}
.pricing-table {
	background-color:var(--color-white);
	padding:30px;
	position:relative;
	-webkit-transition:var(--transition);
	transition:var(--transition);
	height:450px;
	overflow-y:scroll
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.pricing-table {
padding:40px 15px
}
}
@media only screen and (max-width:575px) {
.pricing-table {
padding:40px 30px
}
}
.pricing-table .pricing-header {
	text-align:left
}
.pricing-table .pricing-header .title {
	color:var(--color-primary);
	font-weight:400;
	font-size:40px;
	margin-bottom:8px;
	letter-spacing:-.045em;
	-webkit-transition:var(--transition);
	transition:var(--transition)
}
@media only screen and (max-width:1199px) {
.pricing-table .pricing-header .title {
font-size:36px
}
}
@media only screen and (max-width:575px) {
.pricing-table .pricing-header .title {
font-size:30px
}
}
.pricing-table .pricing-header .subtitle {
	font-size:14px;
	color:var(--color-text-dark);
	-webkit-transition:var(--transition);
	transition:var(--transition);
	margin-bottom:20px
}
.pricing-table .pricing-body li {
	padding:8px 0;
	padding-left:20px;
	position:relative;
	-webkit-transition:var(--transition);
	transition:var(--transition)
}
.pricing-table .pricing-body li.none {
	padding-left:0
}
.pricing-table .pricing-body li.none:before {
	display:none
}
.pricing-table .pricing-body li:before {
	content:"\f101";
	font-family:var(--font-awesome);
	font-weight:900;
	position:absolute;
	top:8px;
	left:0
}
.pricing-table.pricing-borderd {
	border:var(--border-light)
}
.more-project-btn {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin-top:20px
}
@media only screen and (max-width:767px) {
.more-project-btn {
margin-top:0
}
}
.more-project-btn .axil-btn {
	padding:24px 80px;
	color:var(--color-dark);
	display:block
}
.more-project-btn .axil-btn.btn-fill-primary {
	color:var(--color-white)
}
@media only screen and (max-width:767px) {
.more-project-btn .axil-btn {
padding:18px 40px;
font-size:15px
}
}
.project-add-banner {
	background-color:var(--color-peach);
	border-radius:30px;
	padding:50px 60px 50px 50px;
	margin-bottom:120px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center
}
@media only screen and (max-width:991px) {
.project-add-banner {
padding:40px 20px;
margin-bottom:100px
}
}
@media only screen and (max-width:575px) {
.project-add-banner {
display:block
}
}
.project-add-banner .content {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-ms-flex:1;
	flex:1;
	padding-right:50px
}
@media only screen and (max-width:575px) {
.project-add-banner .content {
padding-right:0
}
}
.project-add-banner .content .subtitle {
	font-size:var(--font-body-1);
	margin-bottom:15px
}
.project-add-banner .content .title {
	width:80%;
	letter-spacing:-.045em;
	margin-bottom:110px
}
@media only screen and (max-width:1199px) {
.project-add-banner .content .title {
width:100%
}
}
@media only screen and (max-width:991px) {
.project-add-banner .content .title {
margin-bottom:60px
}
}
.project-add-banner .thumbnail {
	margin:-170px 0 -110px
}
@media only screen and (max-width:1199px) {
.project-add-banner .thumbnail {
width:50%
}
}
@media only screen and (max-width:767px) {
.project-add-banner .thumbnail {
width:30%
}
}
@media only screen and (max-width:575px) {
.project-add-banner .thumbnail {
margin:40px auto 0;
width:70%
}
}
@-webkit-keyframes shine {
100% {
left:125%
}
}
@keyframes shine {
100% {
left:125%
}
}
.onepage-template .mainmenu .header-btn {
	margin-right:0
}
@media only screen and (max-width:991px) {
.onepage-template .mainmenu .header-btn {
padding:10px 0
}
}
.onepage-template .mainmenu .header-btn a {
	padding-top:0;
	padding-bottom:0
}
.onepage-template .mainmenu .header-btn a.btn-fill-white {
	color:var(--color-primary)
}
.onepage-template .mainmenu .header-btn a:before {
	display:none
}
.onepage-template .mainmenu .header-btn a:hover {
	color:var(--color-white)
}
.onepage-template .mainmenu-nav .mainmenu>li:last-child {
	border-bottom:none
}
.onepage-template .axil-header .header-navbar .header-main-nav {
	margin-right:0
}
.case-study-featured .details-description {
	display:none;
	visibility:hidden;
	opacity:0
}
@media (prefers-reduced-motion:no-preference) {
:root {
scroll-behavior:auto
}
}
.axil-header {
	position:relative;
	z-index:4
}
.axil-header .header-navbar {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.axil-header .header-navbar .header-logo a {
	display:block
}
.axil-header .header-navbar .header-logo img {
	width:125px
}
.axil-header .header-navbar .header-logo .dark-version-logo {
	display:none
}
.axil-header .header-navbar .header-logo .sticky-logo {
	display:none
}
@media only screen and (max-width:991px) {
.axil-header .header-navbar .header-logo img {
width:110px;
padding-top:5px
}
}
.axil-header .header-navbar .header-main-nav {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-ms-flex:1;
	flex:1;
	margin:0 55px 0 50px
}
@media only screen and (max-width:1199px) {
.axil-header .header-navbar .header-main-nav {
margin:0 30px
}
}
@media only screen and (max-width:991px) {
.axil-header .header-navbar .header-main-nav {
margin:0
}
}
.axil-header.header-style-1 .axil-mainmenu.axil-sticky .header-navbar .header-logo .light-version-logo {
	display:none
}
.axil-header.header-style-1 .axil-mainmenu.axil-sticky .header-navbar .header-logo .sticky-logo {
	display:block
}
.axil-header.header-style-2 .axil-mainmenu {
	padding:50px 80px
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.axil-header.header-style-2 .axil-mainmenu {
padding:35px 15px
}
}
@media only screen and (max-width:1199px) {
.axil-header.header-style-2 .axil-mainmenu {
padding:35px 15px
}
}
@media only screen and (max-width:575px) {
.axil-header.header-style-2 .axil-mainmenu {
padding:30px 0
}
}
.axil-header.header-style-2 .axil-mainmenu.axil-sticky {
	padding:15px 80px
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.axil-header.header-style-2 .axil-mainmenu.axil-sticky {
padding:15px
}
}
@media only screen and (max-width:1199px) {
.axil-header.header-style-2 .axil-mainmenu.axil-sticky {
padding:15px
}
}
@media only screen and (max-width:575px) {
.axil-header.header-style-2 .axil-mainmenu.axil-sticky {
padding:15px 0
}
}
.axil-header.header-style-2 .axil-mainmenu .mainmenu {
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center
}
.axil-header.header-style-3 .axil-mainmenu.axil-sticky .header-navbar .header-logo .light-version-logo {
	display:none
}
.axil-header.header-style-3 .axil-mainmenu.axil-sticky .header-navbar .header-logo .sticky-logo {
	display:block
}
.axil-header.header-style-3 .axil-mainmenu.axil-sticky .header-navbar .header-logo img.sticky-logo {
	height:80px
}
.axil-header.header-style-3 .header-action .sidemenu-btn .btn-wrap {
	background-color:var(--color-light)
}
@media only screen and (max-width:1299px) {
.axil-header.header-style-4 .header-main-nav {
margin:0 15px
}
}
@media only screen and (max-width:991px) {
.axil-header.header-style-4 .header-main-nav {
margin:0
}
}
@media only screen and (max-width:991px) {
.axil-header.header-style-4 .mainmenu-nav {
background-color:var(--color-dark)
}
}
.axil-header.header-style-4 .mobile-nav-header {
	border-color:var(--color-gray-4)
}
.axil-header.header-style-4 .axil-mainmenu.axil-sticky {
	background-color:var(--color-dark)
}
@media only screen and (max-width:1199px) {
.axil-header.header-style-4 .mainmenu li {
margin:0 10px
}
}
@media only screen and (max-width:991px) {
.axil-header.header-style-4 .mainmenu li {
border-color:var(--color-gray-4)
}
}
.axil-header.header-style-4 .mainmenu li a {
	color:var(--color-light)
}
.axil-header.header-style-4 .mainmenu li a::before {
background-color:var(--color-white)
}
.axil-header.header-style-4 .mainmenu li a::after {
color:var(--color-gray-4)
}
.axil-header.header-style-4 .header-action .header-btn .axil-btn {
	display:block
}
.axil-mainmenu {
	padding:50px 0;
	-webkit-transition:var(--transition);
	transition:var(--transition)
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.axil-mainmenu {
padding:0
}
}
@media only screen and (max-width:1199px) {
.axil-mainmenu {
padding:0 0
}
}
.axil-mainmenu.axil-sticky {
	position:fixed;
	top:0;
	right:0;
	left:0;
	z-index:5;
	background-color:var(--color-white);
	box-shadow:0 2px 10px 0 rgba(0, 0, 0, .1);
	padding:10px 0;
-webkit-animation:headerSlideDown .8s ease forwards;
animation:headerSlideDown .8s ease forwards
}
.axil-mainmenu.axil-sticky .header-action .sidemenu-btn .btn-wrap {
	background-color:var(--color-body)
}
.axil-mainmenu.axil-sticky .header-action .sidemenu-btn .btn-wrap span {
	background-color:var(--color-white)
}
.axil-mainmenu.axil-sticky .header-action .social-icon-list li a {
	color:var(--color-dark)
}
.axil-mainmenu.axil-sticky .header-action .social-icon-list li a:hover {
	color:var(--color-primary)
}
.mainmenu {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:end;
	-webkit-justify-content:flex-end;
	-ms-flex-pack:end;
	justify-content:flex-end;
	list-style:none;
	padding:0;
	margin:0
}
.mainmenu>li {
	margin:0 24px
}
@media only screen and (max-width:1199px) {
.mainmenu>li {
margin:0 12px
}
}
.mainmenu>li>a {
	color:var(--color-body);
	font-weight:500;
	font-size:var(--font-body-2);
	font-family:var(--font-primary);
	line-height:60px;
	height:60px;
	display:block;
	position:relative;
	-webkit-transition:var(--transition);
	transition:var(--transition)
}
.mainmenu>li>a::before {
content:"";
height:2px;
width:0;
background-color:var(--color-primary);
position:absolute;
bottom:12px;
left:0;
opacity:0;
-webkit-transition:.5s;
transition:.5s
}
.mainmenu>li>a:hover {
	color:var(--color-primary)
}
.mainmenu>li>a:hover::before {
opacity:1;
width:100%
}
.header-action>ul {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.header-action>ul>li {
	margin-right:30px
}
.header-action>ul>li:last-child {
	margin-right:0
}
.header-action .sidemenu-btn {
	margin-right:0
}
.header-action .sidemenu-btn .btn-wrap {
	height:60px;
	width:60px;
	background-color:var(--color-light);
	border:none;
	border-radius:50%;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-transition:var(--transition);
	transition:var(--transition)
}
@media only screen and (max-width:991px) {
.md-none {
display:none;
}
.header-action .sidemenu-btn .btn-wrap {
height:50px;
width:50px
}
}
.header-action .sidemenu-btn .btn-wrap span {
	height:2px;
	width:20px;
	background-color:var(--color-dark);
	margin-bottom:4px;
	border-radius:10px;
	-webkit-transition:var(--transition);
	transition:var(--transition)
}
.header-action .sidemenu-btn .btn-wrap span:last-child {
	margin-bottom:0;
	width:10px;
	margin-right:-10px
}
.header-action .sidemenu-btn .btn-wrap:focus {
	box-shadow:none
}
.header-action .sidemenu-btn .btn-wrap:hover span:last-child {
	width:20px;
	margin-right:0
}
.header-action .sidemenu-btn .btn-wrap:hover span:first-child {
	width:10px;
	margin-right:-10px
}
.header-action .sidemenu-btn .btn-wrap.btn-dark {
	background-color:var(--color-body)
}
.header-action .sidemenu-btn .btn-wrap.btn-dark span {
	background-color:var(--color-white)
}
@media only screen and (max-width:575px) {
.header-action .header-social-link {
display:none
}
}
.header-action .social-icon-list {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin:-15px
}
.header-action .social-icon-list li {
	margin:15px
}
.header-action .social-icon-list li a {
	font-size:20px;
	color:var(--color-body)
}
@media only screen and (max-width:991px) {
.header-action .social-icon-list li a {
color:var(--color-dark)
}
}
.header-action .social-icon-list li a:hover {
	color:var(--color-primary)
}
.header-action .header-btn {
	margin-right:0
}
@media only screen and (max-width:1399px) {
.header-action .header-btn .axil-btn {
padding:15px 40px
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.header-action .header-btn .axil-btn {
padding:15px 25px
}
}
@media only screen and (max-width:991px) {
.header-action .header-btn {
margin-right:30px
}
}
@media only screen and (max-width:575px) {
.header-action .header-btn {
display:none
}
}
.header-offcanvasmenu {
	width:60vw;
	min-width:300px;
-webkit-transition:all .8s cubic-bezier(.77, .2, .05, 1);
transition:all .8s cubic-bezier(.77, .2, .05, 1)
}
@media only screen and (max-width:1199px) {
.header-offcanvasmenu {
width:70vw
}
}
.header-offcanvasmenu .offcanvas-header {
	padding:50px 100px
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.header-offcanvasmenu .offcanvas-header {
padding:50px
}
}
@media only screen and (max-width:1199px) {
.header-offcanvasmenu .offcanvas-header {
padding:50px
}
}
@media only screen and (max-width:767px) {
.header-offcanvasmenu .offcanvas-header {
padding:30px 30px 0
}
}
.header-offcanvasmenu .offcanvas-header .btn-close {
	margin:0;
	font-size:22px;
	-webkit-transition:var(--transition);
	transition:var(--transition)
}
@media only screen and (max-width:991px) {
.header-offcanvasmenu .offcanvas-header .btn-close {
font-size:14px
}
}
.header-offcanvasmenu .offcanvas-header .btn-close:hover {
	color:var(--color-primary);
	opacity:1
}
.header-offcanvasmenu .offcanvas-header .btn-close:focus {
	border:none;
	box-shadow:none
}
.header-offcanvasmenu .offcanvas-body {
	padding:50px 100px
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
.header-offcanvasmenu .offcanvas-body {
padding:50px
}
}
@media only screen and (max-width:1199px) {
.header-offcanvasmenu .offcanvas-body {
padding:50px
}
}
@media only screen and (max-width:767px) {
.header-offcanvasmenu .offcanvas-body {
padding:30px
}
}
.header-offcanvasmenu .offcanvas-body .main-navigation {
	margin:-30px 0;
	margin-top:-45px
}
@media only screen and (max-width:991px) {
.header-offcanvasmenu .offcanvas-body .main-navigation {
margin-bottom:40px
}
}
@media only screen and (max-width:767px) {
.header-offcanvasmenu .offcanvas-body .main-navigation {
margin:-20px 0;
margin-bottom:40px
}
}
.header-offcanvasmenu .offcanvas-body .main-navigation li {
	margin:22px 0
}
@media only screen and (max-width:767px) {
.header-offcanvasmenu .offcanvas-body .main-navigation li {
margin:10px 0
}
}
.header-offcanvasmenu .offcanvas-body .main-navigation li a {
	color:var(--color-dark);
	font-size:16px;
	font-weight:500
}
@media only screen and (max-width:1199px) {
.header-offcanvasmenu .offcanvas-body .main-navigation li a {
font-size:18px
}
}
@media only screen and (max-width:767px) {
.header-offcanvasmenu .offcanvas-body .main-navigation li a {
font-size:15px
}
}
.header-offcanvasmenu .offcanvas-body .main-navigation li a:hover {
	color:var(--color-primary)
}
.header-offcanvasmenu .offcanvas-body .contact-inner .title {
	font-size:18px;
	line-height:1;
	color:var(--color-dark);
	font-weight:500;
	display:block;
	margin-bottom:15px
}
@media only screen and (max-width:1199px) {
.header-offcanvasmenu .offcanvas-body .contact-inner .title {
font-size:16px
}
}
.header-offcanvasmenu .offcanvas-body .contact-inner .address {
	margin-bottom:40px
}
@media only screen and (max-width:991px) {
.header-offcanvasmenu .offcanvas-body .contact-inner .address {
margin-bottom:25px
}
}
.header-offcanvasmenu .offcanvas-body .contact-inner .address a {
	color:var(--color-body);
	display:block;
	margin-bottom:10px
}
.header-offcanvasmenu .offcanvas-body .contact-inner .address a i {
	margin-right:20px
}
.header-offcanvasmenu .offcanvas-body .contact-inner .address p {
	margin-bottom:0
}
.header-offcanvasmenu .offcanvas-body .contact-inner .social-share {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin:-15px -6px
}
.header-offcanvasmenu .offcanvas-body .contact-inner .social-share li {
	margin:15px 6px
}
.header-offcanvasmenu .offcanvas-body .contact-inner .social-share li a {
	color:var(--color-white);
	font-size:16px;
	text-align:center;
	width:50px;
	height:50px;
	line-height:53px;
	display:block;
	border-radius:100%;
	background-color:var(--color-primary);
	text-align:center
}
.header-offcanvasmenu .offcanvas-body .contact-inner .social-share li a:hover {
	background-color:var(--color-dark)
}
.mobile-nav-header {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
	margin:0 10px;
	padding-bottom:20px;
	border-bottom:1px solid var(--color-fog)
}
@media only screen and (min-width:992px) {
.mobile-nav-header {
display:none
}
}
.mobile-nav-header .mobile-nav-logo {
	width:150px;
	line-height:1
}
@media only screen and (max-width:991px) {
.axil-mainmenu.axil-sticky {
-webkit-animation:none;
animation:none
}
.mainmenu-nav {
position:fixed;
top:0;
bottom:0;
left:-300px;
background-color:var(--color-white);
width:300px;
padding:20px 10px;
-webkit-transition:all .8s cubic-bezier(.77, .2, .05, 1);
transition:all .8s cubic-bezier(.77, .2, .05, 1);
z-index:1050
}
.mainmenu-nav .mainmenu {
display:block;
height:100%;
overflow:auto
}
.mainmenu-nav .mainmenu>li {
border-bottom:1px solid var(--color-fog)
}
.mainmenu-nav .mainmenu>li>a {
height:50px;
line-height:50px
}
.mainmenu-nav .mainmenu>li>a::before {
display:none
}
}
@-webkit-keyframes headerSlideDown {
0% {
margin-top:-50px;
opacity:0
}
30% {
margin-top:-10px;
opacity:0
}
100% {
margin-top:0;
opacity:1
}
}
@keyframes headerSlideDown {
0% {
margin-top:-50px;
opacity:0
}
30% {
margin-top:-10px;
opacity:0
}
100% {
margin-top:0;
opacity:1
}
}
.footer-area {
	padding-top:10px
}
.footer-top {
	padding-bottom:70px
}
@media only screen and (max-width:991px) {
.footer-top {
padding-bottom:50px
}
}
.footer-social-link ul {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
	margin:0 -5px
}
.footer-social-link ul li a {
	color:var(--color-gray-3);
	font-size:30px;
	padding:5px
}
@media only screen and (max-width:991px) {
.footer-social-link ul li a {
font-size:20px
}
}
.footer-social-link ul li a:hover {
	color:var(--color-link)
}
.footer-dark {
	background-color:var(--color-dark);
	padding-top:0
}
.section-padding {
	padding:100px 0 100px
}
@media only screen and (max-width:1199px) {
.section-padding {
padding:100px 0 100px
}
}
@media only screen and (max-width:991px) {
.section-padding {
padding:80px 0 80px
}
}
@media only screen and (max-width:767px) {
.section-padding {
padding:60px 0 60px
}
}
.section-padding-2 {
	padding:140px 0 100px
}
@media only screen and (max-width:1199px) {
.section-padding-2 {
padding:100px 0 60px
}
}
@media only screen and (max-width:991px) {
.section-padding-2 {
padding:80px 0 40px
}
}
@media only screen and (max-width:767px) {
.section-padding-2 {
padding:60px 0 20px
}
}
.section-padding-equal {
	padding:100px 0
}
@media only screen and (max-width:1199px) {
.section-padding-equal {
padding:100px 0
}
}
@media only screen and (max-width:991px) {
.section-padding-equal {
padding:80px 0
}
}
@media only screen and (max-width:767px) {
.section-padding-equal {
padding:60px 0
}
}
.mt--200 {
	margin-top:200px
}
.mt--150 {
	margin-top:150px
}
.mt--100 {
	margin-top:100px
}
.mt--90 {
	margin-top:90px
}
.mt--80 {
	margin-top:80px
}
.mt--20 {
	margin-top:20px!important
}
.mb--100 {
	margin-bottom:100px
}
.mb--90 {
	margin-bottom:90px
}
.mb--80 {
	margin-bottom:80px!important
}
.mb--50 {
	margin-bottom:50px!important
}
.mb--40 {
	margin-bottom:40px!important
}
.mb--30 {
	margin-bottom:30px!important
}
.mb--20 {
	margin-bottom:20px!important
}
.pt--250 {
	padding-top:250px
}
.pt--200 {
	padding-top:200px
}
.pt--150 {
	padding-top:150px
}
.pt--40 {
	padding-top:40px
}
.pt--50 {
	padding-top:50px
}
.pb--50 {
	padding-bottom:50px
}
.pt--70 {
	padding-top:70px
}
.pt--80 {
	padding-top:80px
}
.pt--90 {
	padding-top:90px
}
.pb--70 {
	padding-bottom:70px
}
.pt--100 {
	padding-top:100px
}
.pb--100 {
	padding-bottom:100px
}
.pb--90 {
	padding-bottom:90px
}
.pb--80 {
	padding-bottom:80px
}
.pb--70 {
	padding-bottom:70px
}
@media only screen and (max-width:1199px) {
.pt_lg--200 {
padding-top:200px
}
.pt_lg--100 {
padding-top:100px
}
.pb_lg--40 {
padding-bottom:40px
}
.pb_lg--20 {
padding-bottom:20px
}
}
@media only screen and (max-width:991px) {
.plnas-bg .tab {
padding:2px 5px!important;
font-size:12px!important
}
.mb_md--70 {
margin-bottom:70px
}
.mb_md--30 {
margin-bottom:30px
}
.mb--md--0 {
margin-bottom:0!important
}
.text-left-md {
text-align:left!important
}
.pt_md--100 {
padding-top:100px
}
.pt_md--80 {
padding-top:80px
}
.pt_md--40 {
padding-top:40px
}
.pb_md--50 {
padding-bottom:50px
}
.pb_md--70 {
padding-bottom:70px
}
.pb_md--20 {
padding-bottom:20px
}
.mt_md--0 {
margin-top:0
}
.mb_md--0 {
margin-bottom:0
}
.pb_md--0 {
padding-bottom:0
}
}
#main {
	overflow:hidden;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3
}
section {
	position:relative;
	width:100%;
	z-index:1
}
.content {
	margin:0 auto;
	width:1200px;
	max-width:calc(100% - 40px);
	position:relative
}
.primary-text {
	color:#365c5c
}
.white-text {
	color:#365c5c
}
.section-title h2 {
	line-height:1.2
}
.section-title span {
	font-family:oggitalic;
	text-transform:lowercase!important;
	font-size:50px;
	line-height:1.2
}
.content.c1 {
	width:1240px;
	transform:translateX(-20px)
}
.content.c2 {
	width:1240px;
	transform:translateX(20px)
}
.container-b {
	padding-left:170px;
	padding-right:35px
}
.container-c {
	padding-left:135px;
	padding-right:170px
}
.abs-c {
	position:absolute;
	left:0;
	right:0;
	bottom:0
}
.w410 {
	width:400px;
	max-width:100%;
	float:left;
	padding-right:60px
}
.w400 {
	width:400px;
	max-width:100%;
	float:left;
	padding-left:60px;
	padding-top:120px
}
.v-w410 {
	width:calc(100% - 420px);
	float:left;
	max-width:980px
}
.w380 {
	width:380px;
	max-width:100%;
	float:left;
	padding-right:75px;
	padding-top:60px
}
.hidden {
	position:fixed;
	width:0;
	height:0;
	opacity:0
}
.v-w380 {
	width:calc(100% - 380px);
	max-width:100%;
	float:left
}
.w390 {
	width:390px;
	max-width:100%;
	float:left
}
.w319 {
	width:319px;
	float:left
}
.v-w319 {
	width:calc(100% - 319px);
	float:left
}
.v-w390 {
	float:left;
	width:calc(100% - 390px);
	max-width:100%
}
.w350 {
	width:350px;
	max-width:100%;
	float:left
}
.v-w350 {
	width:calc(100% - 350px);
	max-width:100%;
	float:left
}
a {
	text-decoration:none;
	cursor:pointer;
	color:#fff
}
a:hover {
color:var(----color-primary)
}
img {
	border:none;
	max-width:100%
}
a, img {
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	user-select:none;
	outline:0
}
input:focus, textarea:focus {
	outline:0
}
.img {
	width:100%;
	margin:0;
	display:block
}
.fullheight {
	height:calc(100vh - 90px);
	width:100%;
	position:relative;
	background-size:100%;
	display:flex;
	align-items:flex-end
}
.reg {
	border-radius:40px;
	color:#fff!important;
	width:220px;
	font-size:16px!important;
	font-weight:500;
	letter-spacing:1px;
	padding:15px 0;
	z-index:55;
	text-align:center;
	display:block;
	background:#164b43
}
.bg {
	background:linear-gradient(90deg, rgba(28, 145, 83, 1) 0, rgba(54, 92, 92, 1) 100%);
	color:#fff;
	text-align:center
}
.plnas-bg {
	background-color:#5c7563;
	color:#fff;
	text-align:center
}
.plnas-bg .warpper {
	display:flex;
	flex-direction:column;
	align-items:center
}
.plnas-bg .tab {
	border:1px solid rgba(255, 255, 255, .5);
	display:block;
	padding:10px 25px;
	text-align:center;
	cursor:pointer;
	margin:0;
	display:inline-block;
	color:#fff
}
.f1 {
	border-top-left-radius:20px;
	border-bottom-left-radius:20px
}
.f2 {
	border-left:none;
	border-right:none
}
.f3 {
	border-left:none;
	border-right:none
}
.f4 {
	border-left:none;
	border-right:none
}
.f5 {
	border-left:none;
	border-right:none
}
.f6 {
	border-top-right-radius:20px;
	border-bottom-right-radius:20px
}
.plnas-bg .panels {
	min-height:200px;
	width:100%;
	overflow:hidden;
	padding:25px 0 0 0
}
.plnas-bg .panel {
	display:none;
animation:fadein .8s
}
.br-radious {
	border-radius:24px
}
.plnas-bg .panel img {
	border-radius:24px
}
#gallery img {
	border-radius:24px
}
#gallery .slick-dots {
	position:absolute;
	bottom:20px;
	display:block;
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
	text-align:center
}
#gallery .slick-dots li button::before {
font-family:slick;
font-size:12px;
line-height:20px;
position:absolute;
top:0;
left:0;
width:40px;
height:40px;
content:"•";
text-align:center;
color:#fff;
-webkit-font-smoothing:antialiased
}
@keyframes fadein {
from {
opacity:0
}
to {
	opacity:1
}
}
.plnas-bg .panel-title {
	font-size:1.5em;
	font-weight:700
}
.plnas-bg .radio {
	display:none
}
.plnas-bg #five:checked~.panels #five-panel, .plnas-bg #four:checked~.panels #four-panel, .plnas-bg #one:checked~.panels #one-panel, .plnas-bg #six:checked~.panels #six-panel, .plnas-bg #three:checked~.panels #three-panel, .plnas-bg #two:checked~.panels #two-panel {
display:block
}
.plnas-bg #five:checked~.tabs #five-tab, .plnas-bg #four:checked~.tabs #four-tab, .plnas-bg #one:checked~.tabs #one-tab, .plnas-bg #six:checked~.tabs #six-tab, .plnas-bg #three:checked~.tabs #three-tab, .plnas-bg #two:checked~.tabs #two-tab {
border:1px solid var(--color-primary);
background-color:var(--color-primary)
}
.videoholder {
	position:relative;
	width:100%
}
.videoholder:before {
	content:'';
	position:absolute;
	top:-2px;
	left:0;
	display:block;
	height:50%;
	background:#fff;
	z-index:0;
	width:100%
}
.videocontainer {
	position:relative;
	display:block;
	width:1027px;
	max-width:calc(100% - 40px);
	margin:0 auto;
	z-index:1
}
.videoholder img {
	width:100%
}
.abs-h1 {
	position:absolute;
	top:0;
	transform:translateY(-100%);
	padding:15px 0 10px 0;
	width:645px;
	background:#365c5c;
	border-top-right-radius:90px;
	z-index:5;
	font-size:35px;
	line-height:1.3;
	color:#d1ad6e
}
.abs-h1:before {
	position:absolute;
	content:'';
	left:0;
	width:55vw;
	transform:translateX(-100%);
	background:#365c5c;
	top:0;
	height:100%
}
.btn {
	padding:15px 0;
	text-align:center;
	width:220px;
	border-radius:40px;
	font-size:14px;
	font-weight:900;
	letter-spacing:1px;
	line-height:31px;
	text-align:center;
	display:block;
	transition:background 1s;
	position:relative
}
.btn.w280 {
	padding:24px 0;
	width:280px
}
.v-w280 {
	width:calc(100% - 280px);
	float:left
}
.btn-w {
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:238px;
	border-radius:29px;
	background-color:#fff;
	color:#365c5c;
	font-weight:700;
	text-align:center;
	letter-spacing:1.5px;
	padding:16.5px 0;
transition:all .5s
}
.btn-w:hover {
	background-color:#365c5c;
	color:#fff
}
.btn-w.border {
	border:1px solid #365c5c;
	margin:10px 0 0 0
}
footer .btn-w {
	display:inline-block
}
h1 {
	font-family:runaltoregular;
	font-size:52px;
	line-height:1
}
h2 {
	font-size:40px;
	line-height:1.5;
	margin-bottom:25px;
	font-family:runaltoregular;
	text-transform:uppercase
}
h2 span {
	font-weight:500;
	font-family:oggitalic;
	text-transform:lowercase!important;
	font-size:50px;
	line-height:1.2
}
h5 {
	line-height:1;
	font-family:runaltoregular;
	margin-bottom:20px
}
.svgline {
	width:100%;
	height:auto;
	position:relative;
	z-index:2;
	min-height:50px
}
.svgline svg {
	width:100%;
	height:auto
}
.svg4 {
	width:calc(50% + 200px);
	margin-top:-15px;
	z-index:-1
}
#nav-toggle {
	right:20px;
	z-index:10;
	cursor:pointer;
	width:30px;
	height:24px;
	display:none
}
#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before {
	cursor:pointer;
	height:1px;
	width:30px;
	background:#365c5c;
	position:absolute;
	display:block;
	content:'';
	top:10px;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
transition:all .6s ease-in-out
}
#nav-toggle span:before {
	top:-6px
}
#nav-toggle span:after {
	bottom:-6px;
	top:auto
}
.logo {
	position:absolute;
	display:block;
	left:28px;
	right:0;
	width:90px;
	z-index:10
}
.logo svg {
	width:100%;
	height:auto
}
#nav {
	text-align:right;
	right:78px;
	z-index:1
}
#nav li {
	list-style:none;
	display:inline-block;
	margin-right:30px;
	position:relative;
	text-transform:uppercase
}
#nav li:last-child {
	margin-right:0
}
#nav li a {
	color:#111;
	font-size:13px;
transition:all .3s ease
}
#nav li a:hover {
	color:#d1ad6e;
	font-size:13px
}
.form {
	width:1210px;
	max-width:calc(100% - 40px)
}
.call {
	display:block;
	font-size:40px;
	font-weight:700;
	margin-bottom:40px
}
.social {
	display:inline-block;
	margin-right:40px
}
.mb20 {
	margin-bottom:36px
}
.privacy {
	font-size:10px;
	letter-spacing:0;
	line-height:13px;
	text-align:left
}
.privacy a {
	color:inherit
}
input:-webkit-input-placeholder, textarea:-webkit-input-placeholder {
color:#18421e;
opacity:1
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color:#fff;
opacity:1
}
input:-moz-placeholder, textarea:-moz-placeholder {
color:#fff;
opacity:1
}
input::-moz-placeholder, textarea::-moz-placeholder {
color:#fff;
opacity:1
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color:#fff;
opacity:1
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
color:transparent
}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
color:transparent
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
color:transparent
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
color:transparent
}
.section-footer--title svg {
	width:100%;
	max-width:50%;
	margin:0 auto
}
footer {
	padding:40px 0;
	position:relative;
	z-index:60;
	background:#164b43
}
footer .social-icon-list {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content:center
}
footer .social-icon-list li {
	margin:20px
}
footer .social-icon-list li a {
	font-size:25px;
	color:#fff
}
.w250 {
	width:455px;
	float:right;
	text-align:right
}
.footerlogo {
	display:inline-block;
	width:210px;
	margin-right:37px
}
.footerlogo img {
	width:100px
}
.footer-link {
	display:inline-block;
	margin-right:24px;
	font-size:13px;
	letter-spacing:.7px;
	transform:translateY(-24px);
	font-weight:100
}
span.no {
	position:absolute;
	left:0;
	top:0;
	height:60px;
	width:60px;
	border-radius:30px;
	background:linear-gradient(90deg, #365c5c 0, #acba3d 100%);
	text-align:center;
	line-height:60px;
	font-size:26px;
	color:#fff;
	font-weight:700;
	display:block;
	z-index:2
}
.dark {
	color:#18421e
}
#video {
	color:#fff;
	position:relative
}
.f-images {
	position:relative;
	background:#fff
}
#residences {
	position:relative;
	overflow:hidden
}
#p3, #p6, #p8 {
	position:absolute;
	top:0;
	right:0;
	width:845px;
	height:892px
}
#p8 {
	left:0;
	right:auto;
	top:-60px;
	z-index:-1
}
#p7 {
	position:absolute;
	top:-130px;
	left:0;
	width:399px;
	height:394px
}
#p4 {
	position:absolute;
	top:0;
	left:0;
	width:194px;
	height:637px
}
#p5 {
	position:absolute;
	top:0;
	left:0;
	display:block;
	z-index:1;
	width:529px;
	height:411px
}
#p6 {
	position:absolute;
	top:0;
	right:0;
	display:block;
	z-index:0
}
.img1 {
	float:right;
	width:calc(100% - 436px);
	transform:translate(-3px, -27px);
	position:relative;
	z-index:2
}
.img1 img {
	border-radius:155px
}
.dark {
	color:#18421e
}
.f14 {
	font-size:14px
}
.l6 {
	letter-spacing:.6px
}
.l7 {
	letter-spacing:.7px
}
.svg3 {
	padding:167px 0 0 0
}
.svgholder1 {
	width:480px;
	max-width:100%;
	position:relative;
	float:right;
	top:-140px;
	right:-10px;
	z-index:2
}
.svgholder1 svg {
	width:100%
}
.w367 {
	width:367px
}
.ico img {
	width:66px;
	display:block;
	margin:0 auto 14px auto
}
.ico span {
	font-family:var(--font-primary);
	display:block;
	font-size:20px;
	font-weight:500;
	padding-top:0;
	padding-bottom:10px
}
.ic0, .ic2 {
	margin:0
}
.ic1 {
	margin:0 90px
}
.icons {
	position:relative;
	float:left;
	width:400px
}
.w35 {
	transform:translateX(35px)
}
.icons img {
	display:block;
	width:66px
}
.icons span {
	font-family:'Noto Sans JP', sans-serif;
	display:block;
	position:absolute;
	left:82px;
	top:50%;
	transform:translateY(-50%);
	font-size:15px;
	width:calc(100% - 90px)
}
.icons.white span {
	color:#fff
}
span.br {
	float:left;
	width:100%;
	height:25px
}
.pt30 {
	padding-top:30px
}
.pt40 {
	padding-top:40px
}
.pt50 {
	padding-top:50px
}
.pb55 {
	padding-bottom:54px
}
.pt194 {
	padding-top:100px
}
.pb194 {
	padding-bottom:120px
}
.pt160 {
	padding-top:149px
}
.pb160 {
	padding-bottom:149px
}
.pb115 {
	padding-bottom:115px
}
.mb10 {
	margin-bottom:10px
}
.mb70 {
	margin-bottom:70px
}
.pb90 {
	padding-bottom:90px
}
.pt80 {
	padding-top:80px
}
.pt100 {
	padding-top:100px
}
.pb100 {
	padding-bottom:100px
}
.pt120 {
	padding-top:120px
}
.mb30 {
	margin-bottom:30px
}
.mb40 {
	margin-bottom:40px
}
.mb60 {
	margin-bottom:60px
}
.m {
	display:none!important
}
#p1 {
	position:absolute;
	top:-72px;
	width:254px;
	height:329px;
	right:-103px
}
.section-about3--deco {
	position:absolute;
	right:5%;
	top:0;
	max-width:300px;
	-webkit-transform:translate(34%, -50%);
	-ms-transform:translate(34%, -50%);
	transform:translate(34%, -50%)
}
.section-about3--deco svg {
	width:16vw;
	height:17vw
}
#p2 {
	z-index:5;
	position:absolute;
	top:4.5%;
	left:20px;
	z-index:1;
	width:243px;
	height:312px
}
.privacy a {
	text-decoration:underline
}
.br27 {
	border-radius:27px
}
.br11 {
	border-radius:11px
}
.img-border-radius {
	border-top-right-radius:25px;
	border-bottom-right-radius:25px
}
.br-lb27 {
	border-top-left-radius:27px;
	border-bottom-left-radius:27px
}
.t1 {
	width:184px;
	height:184px
}
.t2 {
	width:422px;
	height:422px
}
.t3 {
	width:261px;
	height:261px
}
.t4 {
	width:324px;
	height:324px
}
.t5 {
	width:56px;
	height:56px
}
.t1 span:after {
	width:184px
}
.t2 span:after {
	width:422px
}
.t3 span:after {
	width:261px
}
.t4 span:after {
	width:324px
}
.t5 span:after {
	width:56px;
	height:56px
}
.br-d {
	display:block;
	float:left;
	width:100%
}
.videoHolder {
	width:645px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	max-width:100%;
	border-radius:27px
}
p.title {
	color:#fff;
	margin-bottom:25px
}
.nav-v {
	position:absolute;
	width:27px;
	height:52px;
	top:50%;
	transform:translateY(-50%);
	display:block
}
#close-v {
	height:38px;
	width:38px;
	top:20px;
	display:block;
	z-index:5;
	right:20px;
	position:absolute
}
@keyframes lds-ring {
0% {
transform:rotate(0)
}
100% {
transform:rotate(360deg)
}
}
@media screen and (max-width :1600px) {
.icons {
width:370px
}
.dd {
display:none
}
}
@media screen and (max-width :1350px) {
.icons {
width:33.33%
}
.w35 {
transform:translateX(0)
}
}
@media screen and (max-width :1300px) {
.content.c1, .content.c2 {
transform:translateX(0)
}
.footer-link {
margin-right:15px
}
.footerlogo {
width:200px;
margin-right:14px
}
}
@media screen and (max-width :1200px) {
.abs-h1 {
width:610px
}
.w250 {
width:100%;
text-align:center
}
footer {
padding:50px 0
}
.footerlogo {
width:120px;
display:block;
margin:0 auto 25px auto
}
.footer-link {
margin-right:0;
display:block;
margin-bottom:5px;
text-align:center;
transform:none
}
}
@media screen and (max-width :1000px) {
header {
width:100%;
height:60px;
border-bottom-right-radius:0
}
.m {
display:block!important
}
.br-d, .d {
display:none!important
}
.logo {
width:140px;
left:20px
}
ul#nav {
height:100vh;
top:0;
background:#fff;
width:100%;
left:0;
transform:translateX(-100%);
transition:transform .4s;
padding:120px 0 0
}
ul#nav li {
display:block;
text-align:center;
padding:0 20px;
margin:0 0 25px 0;
width:100%
}
.w410 {
width:100%
}
.icons.w50m {
width:50%
}
.reg {
width:200px;
font-size:13px;
padding:10px 0;
right:0;
top:auto;
position:fixed;
bottom:30px;
left:0;
margin:auto
}
#p3 {
transform:scale(.75);
transform-origin:top right
}
.v-w280, .v-w319, .v-w350, .v-w390 {
width:100%
}
.svgholder1 {
width:100%
}
.svgholder2 {
width:100%;
padding-top:50px
}
.v-w280 {
margin-bottom:40px
}
.pt50.mb60 {
padding-top:5px;
margin-bottom:25px
}
.pt160 {
padding-top:80px
}
.pb160 {
padding-bottom:80px
}
.pb194 {
padding-bottom:80px
}
.w400 {
width:100%;
max-width:100%;
float:left;
padding-left:0;
padding-top:0
}
.v-w410 {
width:100%
}
.w400 p {
max-width:380px
}
.icons img {
display:block;
width:50px
}
.abs-h1 {
position:absolute;
top:0;
padding:15px 0 10px 0;
font-size:20px;
width:400px;
max-width:100%
}
.btn {
padding:12px 0;
width:200px;
font-size:13px
}
.btn-w, .btn.w280 {
padding:8px 0;
width:200px;
margin:0 auto;
float:none;
font-size:13px
}
footer .btn-w {
display:block
}
.mb30 {
margin-bottom:20px
}
.pb90 {
padding-bottom:60px
}
.pt100 {
padding-top:60px
}
.pt194 {
padding-top:80px
}
.pb160 {
padding-bottom:80px
}
.pb115 {
padding-bottom:0
}
#p5, #p7 {
display:none
}
.pt230 {
padding-top:80px
}
h5 {
transform:translateX(0)
}
#nav-toggle {
display:block
}
h3 {
font-size:20px
}
p.address {
font-size:18px
}
.call {
font-size:30px
}
input {
font-size:14px
}
#nav li a {
color:#365c5c;
font-size:30px
}
.v-w380, .w380m {
width:100%
}
h4 {
font-size:26px;
margin-bottom:20px
}
#p2, #p4 {
transform:scale(.8);
transform-origin:left top
}
#p1 {
transform:scale(.8);
transform-origin:right top;
left:auto;
right:0;
top:534px
}
#p6 {
transform:scale(.75);
transform-origin:top right
}
.pt20m {
padding-top:20px
}
.br27 {
border-radius:10px
}
.svg4 {
width:100%
}
.svg2 {
transform:translateY(0)
}
.ico img {
width:50px;
margin:0 auto 8px auto
}
.svg3 {
padding:0
}
.icons {
width:100%;
margin-bottom:20px
}
.form {
position:relative;
top:auto;
left:auto;
transform:translate(0, 0);
margin:0 auto;
padding:60px 0 0 0
}
.privacy {
padding:40px 0
}
.close {
width:30px;
top:20px;
right:20px
}
.ico span {
padding-top:0;
padding-bottom:10px;
line-height:1
}
.b_submit {
padding:17px 0;
width:230px;
margin:0 auto;
float:none;
font-size:13px
}
#content h2, #content p {
padding-left:20px
}
p.title {
padding-bottom:30px
}
.nav-v {
width:20px;
height:30px
}
.nav-v svg {
width:100%;
height:auto
}
}
@media screen and (max-width :650px) {
.icons.w50m {
width:100%
}
}
.svg-fill-white {
	fill:#fff
}
.svg-fill-green {
	fill:#41ad49
}
.svg-fill-light-green {
	fill:#e9f4e9
}
.svg-fill-navy {
	fill:#5f7962
}
.overlay {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0, 0, 0, .7);
transition:opacity .5s;
	visibility:hidden;
	opacity:0;
	z-index:5
}
.overlay:target {
	visibility:visible;
	opacity:1
}
.popup {
	margin:0 auto;
	background:linear-gradient(90deg, #365c5c 0, #acba3d 100%);
	min-height:100vh;
	width:100%;
	position:relative;
	transition:all 5s ease-in-out
}
.popup h2 {
	margin-top:0;
	color:#333;
	font-family:Tahoma, Arial, sans-serif
}
.popup .close {
	position:absolute;
	top:20px;
	right:30px;
transition:all .2s;
	font-size:50px;
	line-height:50px;
	font-weight:400;
	text-decoration:none;
	color:#fff
}
.popup .close:hover {
	color:#f8f8f8
}
.popup .content {
	max-height:100%;
	width:1210px;
	max-width:calc(100% - 40px);
	padding-top:6%
}
@media screen and (max-width:700px) {
.box {
width:70%
}
.popup {
width:70%
}
}