html {
	overflow-x: hidden
}

body {
	margin: 0;
	padding: 0;
	width: 100vw;
	overflow-y: auto;
	overflow-x: hidden
}

html,
body {
	height: 100%
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	body {
		overflow-y: hidden
	}
}

@keyframes fadein {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

a {
	transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1.2) 0s
}

a:hover {
	opacity: 0.6
}

.page-container {
	height: 100vh;
	min-height: 700px;
	transition: transform 1s ease-in-out;
	transform: translateX(0px);
	width: 100vw;
	animation: fadein 1.9s
}

.page-container.active {
	transform: translateX(44vw)
}

@media (max-height: 500px) {
	.page-container {
		top: -40px;
		position: relative
	}
}

@media (max-width: 960px) {
	.land {
		height: auto
	}
}

@media (max-height: 500px) {
	.land {
		top: -80px !important;
		height: auto;
		min-height: auto
	}
	.pro-land {
		height: 100% !important;
		min-height: auto !important;
		max-height: 750px !important
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40 / 71) and (orientation: landscape) {
	.pro-land {
		height: 100vh !important;
		min-height: 400px !important
	}
}

.desktop {
	display: inline-block
}

.mobile {
	display: none
}

@media (max-width: 768px) {
	.mobile {
		display: inline-block
	}
	.desktop {
		display: none
	}
}

@media (max-width: 414px) {
	.page-container {
		height: auto
	}
}

@font-face {
	font-family: "Proxima Nova";
	src: url("/font/Roboto-Medium.ttf") format("tff");
	font-weight: normal
}

@font-face {
	font-family: "Proxima Nova Bold";
	src: url("/font/Roboto-Bold.ttf") format("tff");
	font-weight: normal
}

@font-face {
	font-family: "Proxima Nova Semibold";
	src: url("/font/Roboto-Medium.ttf") format("tff");
	font-weight: normal
}

@font-face {
	font-family: "Proxima Nova Light";
	src: url("/font/Roboto-ThinItalic.ttf") format("tff");
	font-weight: normal
}

@font-face {
	font-family: "Avenir Heavy";
	src: url("/font/static/MPLUS2-Regular.ttf") format("tff");
	font-weight: normal
}

@font-face {
	font-family: "Avenir Light";
	src: url("/font/static/MPLUS2-Light.ttf") format("tff");
	font-weight: normal
}

@font-face {
	font-family: "Avenir Black";
	src: url("/font/static/MPLUS2-Black.ttf") format("tff");
	font-weight: normal
}

@media (max-height: 500px) {
	body>header.active {
		position: fixed
	}
}

header {
	left: 50%;
	height: 80px;
	max-width: 1440px;
	position: fixed;
	top: 0;
	transform: translateX(-50%);
	width: calc(100vw - 40px);
	z-index: 10;
	touch-action: none
}

@media (max-height: 500px) {
	header {
		position: relative
	}
}

@media (max-height: 500px) {
	header .active {
		position: fixed
	}
}

header a,
header a img {
	bottom: 0;
	color: #b2b2b2;
	cursor: pointer;
	font-family: "Proxima Nova Bold";
	font-size: 13px;
	height: 40px;
	opacity: 1;
	position: absolute;
	text-decoration: none;
	text-transform: uppercase;
	transition: opacity 0.5s 0.4s ease-in-out
}

header a img.hide {
	opacity: 0
}

header .main-logo {
	left: 0
}

header .menu-toggle {
	left: 75px;
	transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1.2) 0s
}

header .menu-toggle:hover {
	opacity: 0.6
}

@media (max-width: 414px) {
	header .menu-toggle:hover {
		opacity: 1
	}
}

header .search {
	left: 125px;
	transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1.2) 0s
}

header .search:hover {
	opacity: 0.6
}

header .loging {
	right: 0;
	width: 80px;
	cursor: initial
}

header .loging span {
	display: none !important
}

header .loging.active span {
	display: none
}

header .loging.active form {
	pointer-events: auto;
	opacity: 1;
	width: 150px;
	display: none
}

header .loging span,
header .loging input {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%)
}

header .loging span {
	transition: color 0.5s ease-in-out
}

header .loging span:hover {
	color: #133456
}

header .loging form {
	pointer-events: none;
	height: 25px;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 50%;
	transition: width 0.5s ease-in-out;
	transform: translateY(-50%);
	width: 80px
}

header .loging form input {
	border: solid 1px #b2b2b2;
	color: #b2b2b2;
	font-family: "Proxima Nova Bold";
	font-size: 13px;
	height: 100%;
	outline: none;
	text-align: center;
	width: 100%
}

header.active a img.show {
	opacity: 0
}

header.active a img.hide {
	opacity: 1
}

header.active nav {
	left: 0
}

header.active.prevent-toggle .main-logo img.show {
	opacity: 1
}

header.active.prevent-toggle .main-logo img.hide {
	opacity: 0
}

header.inRadial .main-logo img.show {
	opacity: 0
}

header.inRadial .main-logo img.hide {
	opacity: 1
}

header.inRadial.active .main-logo img.show {
	opacity: 1
}

header.inRadial.active .main-logo img.hide {
	opacity: 0
}

form{
	position:relative;
	margin: 50px;
}

nav {
	background-color: #133456;
	height: 100vh;
	left: -1000px;
	max-width: 578px;
	position: absolute;
	top: 0;
	transition: left 1s ease-in-out;
	width: 100vw
}

nav .cover {
	background-color: #133456;
	height: 100vh;
	position: absolute;
	right: calc(100% - 5px);
	top: 0;
	width: 100vw
}

nav div {
	position: absolute;
	top: 50%;
	left: 115px;
	transform: translateY(-50%)
}

nav div a {
	color: #fff;
	display: block;
	font-size: 33px;
	left: unset;
	line-height: 1.5;
	position: relative;
	top: unset;
	transform: unset;
	padding-bottom: 25px
}

@media (max-height: 500px) {
	nav div a {
		padding-bottom: 8px;
		font-size: 25px
	}
}

.error-container {
	background-color: #d0021d;
	color: #fff;
	height: 40px;
	font-family: "Avenir Heavy";
	left: 0;
	position: fixed;
	text-align: center;
	top: -50px;
	width: 100vw;
	transition: top 0.5s ease-in-out;
	z-index: 20
}

.error-container.active {
	top: 0
}

.error-container .error-content {
	height: 40px;
	margin-left: auto;
	margin-right: auto
}

.error-container .error-content img,
.error-container .error-content p {
	display: inline-block
}

.error-container .error-content img {
	height: 25px;
	margin-top: 7px;
	width: 25px;
	vertical-align: top
}

.error-container .error-content p {
	line-height: 43px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 10px;
	text-transform: uppercase
}

@media (max-width: 768px) {
	nav {
		max-width: unset
	}
	nav div {
		left: 74px;
		top: 140px;
		transform: unset
	}
}

@media (max-width: 375px) {
	nav a {
		font-size: 28px !important
	}
}

footer {
	bottom: 30px;
	left: 50%;
	max-width: 1450px;
	position: fixed;
	transform: translateX(-50%);
	width: calc(100vw - 50px)
}

@media (max-height: 500px) {
	footer {
		position: relative;
		bottom: 5px
	}
}

footer .urlFooter {
	margin: 0;
	color: #b2b2b2;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Proxima Nova Bold";
	font-size: 12px;
	letter-spacing: 2px;
	display: block
}

footer a {
	cursor: pointer;
	transition: opacity 0.8s cubic-bezier(0.2, 0.8, 0.2, 1.2) 0s
}

footer a:hover {
	opacity: 0.6
}

footer a,
footer span {
	color: #b2b2b2;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Proxima Nova Bold";
	font-size: 9px
}

footer span {
	margin: 0 2px
}

@media (max-width: 960px) {
	footer {
		padding-top: 0;
		position: relative
	}
}

.no-scroll {
	margin: 0;
	height: 100%;
	overflow: hidden
}

.home-content {
	height: calc(100% - 180px);
	left: 50%;
	max-height: 550px;
	max-width: 976px;
	position: absolute;
	top: calc(50% + 20px);
	transform: translate(-50%, -50%);
	width: calc(100% - 50px)
}

.home-content img {
	height: 100%;
	left: 0;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 60%
}

.home-content .text-content {
	bottom: 0;
	position: absolute;
	right: 0;
	width: 40%
}

.home-content .text-content h1,
.home-content .text-content p,
.home-content .text-content h2
 {
	margin: 0;
	padding: 0
}

h2
{
	color: #1d3247;
    font-family: "Proxima Nova Semibold";
	transform: translateX(25px);
    transform-origin: 100% 50%;
	font-size: medium;

}

.home-content .text-content h1 {
    color: #133456;
    font-family: "Proxima Nova Semibold";
    font-size: 53px;
    transform: translateX(-100px);
    transform-origin: 100% 50%;
    width: 300px;
}

.home-content .text-content p {
    color: #838587;
    font-family: "Proxima Nova Semibold";
    font-size: 14px;
    letter-spacing: 0.6px;
    line-height: 2;
    padding: 25px 28px 12px;
}

.home-content .text-content a {
	color: #838587;
	font-family: "Proxima Nova Semibold";
	font-size: 13px;
	text-decoration: none;
	padding: 0 25px
}

@media (max-width: 768px) {
	.home-content {
		height: auto;
		left: unset;
		margin: 105px auto 50px;
		max-height: none;
		position: relative;
		top: unset;
		transform: unset
	}
	.home-content img,
	.home-content .text-content {
		position: relative;
		width: 100%
	}
	.home-content img {
		height: 50vh
	}
}

@media (max-width: 768px) and (max-width: 414px) {
	.home-content img {
		height: 40vh
	}
}

@media (max-width: 768px) {
	.home-content .text-content {
		transform: translateY(-75px)
	}
}

@media (max-width: 768px) and (max-width: 414px) {
	.home-content .text-content {
		transform: translateY(-45px)
	}
}

@media (max-width: 768px) {
	.home-content .text-content h1 {
		font-size: 10vw;
		transform: unset;
		padding: 0 25px
	}
	.home-content .text-content h2{
		margin-top: 10px;
	}
	.home-content .text-content p {
		padding: 25px 25px
	}
}

.about-content {
	background-color: #4B4B4B;
	height: calc(100% - 180px);
	left: 50%;
	max-height: 550px;
	max-width: 1215px;
	overflow: hidden;
	position: absolute;
	top: calc(50% + 20px);
	transform: translate(-50%, -50%);
	width: calc(100% - 50px)
}

.about-content img {
	height: 100%;
	left: 0;
	object-fit: cover;
	object-position: left center;
	position: absolute;
	top: 0
}

.about-content .text-content {
	position: absolute;
	right: 45px;
	top: 50%;
	transform: translateY(-50%);
	width: 530px
}

.about-content .text-content h1,
.about-content .text-content p {
	color: #fff;
	margin: 0;
	padding: 0
}

.about-content .text-content h1 {
	font-family: "Proxima Nova Semibold";
	font-size: 33px;
	padding: 0 25px;
	transform-origin: 100% 50%;
	width: 300px
}

.about-content .text-content p {
	font-family: "Proxima Nova Semibold";
	font-size: 16px;
	letter-spacing: .6px;
	line-height: 26px;
	padding: 20px 25px 0
}

.about-content .text-content a {
	color: #fff;
	display: inline-block;
	font-family: "Proxima Nova Bold";
	font-size: 13px;
	text-decoration: none;
	padding: 30px 25px 0
}

@media (max-width: 768px) {
	.about-content {
		height: auto;
		left: unset;
		margin: 105px auto 50px;
		max-height: none;
		position: relative;
		top: unset;
		transform: unset
	}
	.about-content .text-content {
		position: relative;
		right: unset;
		width: 100%
	}
	.about-content img {
		height: auto;
		object-position: top center;
		width: 100%
	}
	.about-content .text-content {
		transform: translateY(-20px)
	}
	.about-content .text-content h1 {
		font-size: 25px;
		transform: unset;
		margin-top: 50vh
	}
	.about-content .text-content p {
		font-size: 13px
	}
}

.destination-content {
	background-color: #000;
	height: calc(100% - 180px);
	left: 50%;
	max-height: 550px;
	max-width: 1215px;
	overflow: hidden;
	position: absolute;
	top: calc(50% + 20px);
	transform: translate(-50%, -50%);
	width: calc(100% - 50px)
}

.destination-content img {
	height: 100%;
	left: 0;
	object-fit: cover;
	object-position: left center;
	position: absolute;
	top: 0
}

.destination-content .text-content {
	left: 45px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 530px
}

.destination-content .text-content h1,
.destination-content .text-content p {
	color: #fff;
	margin: 0;
	padding: 0
}

.destination-content .text-content h1 {
	font-family: "Proxima Nova Semibold";
	font-size: 33px;
	padding: 0 25px;
	transform-origin: 100% 50%;
	width: 300px
}

.destination-content .text-content p {
	font-family: "Proxima Nova Semibold";
	font-size: 16px;
	letter-spacing: 0.6px;
	line-height: 26px;
	padding: 0px 25px 0
}

.destination-content .text-content p span {
	display: block;
	font-style: normal;
	position: relative;
	padding-bottom: 15px
}

.destination-content .text-content p a {
	display: block
}

.destination-content .text-content p .link {
	display: block;
	font-style: normal;
	position: relative;
	padding-bottom: 15px;
	font-size: 16px;
	padding-left: 0;
	padding-top: 8px
}

.destination-content .text-content p .link:hover {
	opacity: 0.8
}

.destination-content .text-content p .link:after {
	content: "";
	background-color: #979797;
	height: 1px;
	left: 0;
	max-width: 233px;
	position: absolute;
	top: 35px;
	width: 100vw
}

.destination-content .text-content p span::after {
	content: "";
	background-color: #979797;
	height: 1px;
	left: 0;
	max-width: 233px;
	position: absolute;
	top: 28px;
	width: 100vw
}

.destination-content .text-content a {
	color: #fff;
	display: inline-block;
	font-family: "Proxima Nova Semibold";
	font-size: 13px;
	text-decoration: none;
	padding: 30px 25px 0;
	transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1.2) 0s
}

.destination-content .text-content a:hover {
	opacity: 0.8
}

@media (max-width: 768px) {
	.destination-content {
		height: auto;
		left: unset;
		margin: 105px auto 50px;
		max-height: none;
		position: relative;
		top: unset;
		transform: unset
	}
	.destination-content .text-content {
		left: unset;
		position: relative;
		width: 100%
	}
	.destination-content img {
		height: auto;
		object-position: top center;
		width: 100%
	}
	.destination-content .text-content {
		transform: translateY(-20px)
	}
	.destination-content .text-content h1 {
		font-size: 25px;
		transform: unset;
		margin-top: 50vh
	}
}

@media (max-width: 768px) and (max-height: 500px) {
	.destination-content .text-content h1 {
		margin-top: 15vh
	}
}

@media (max-width: 768px) {
	.destination-content .text-content p {
		font-size: 13px
	}
	.destination-content .text-content p span::after {
		content: "";
		width: 50vw
	}
}

.products-content {
	height: calc(100% - 180px);
	left: 50%;
	max-height: 550px;
	position: absolute;
	top: calc(50% + 20px);
	transform: translate(-50%, -50%);
	width: calc(100% - 50px)
}

@media (max-width: 320px) {
	.products-content {
		width: calc(100% - 15px) !important
	}
}

.product-slider {
	height: 100%;
	width: 100%;
	transition: transform 0.5s ease-in-out;
	transform: translateX(0)
}

.product-slider.pos-1 {
	transform: translateX(calc(-100% - 100px))
}

.product-slider.pos-2 {
	transform: translateX(calc(-200% - 200px))
}

.product-slider .product-2,
.product-slider .product-3 {
	position: absolute;
	top: 0
}

.product-slider .product-1:hover img {
	opacity: 0.8
}

.product-slider .product-2 {
	left: calc(100% + 100px)
}

.product-slider .product-2:hover img {
	opacity: 0.8
}

.product-slider .product-3 {
	left: calc(200% + 200px)
}

.product-slider .product-3:hover img {
	opacity: 0.8
}

.produc-data {
	cursor: pointer;
	display: block;
	height: 100%;
	position: relative;
	width: 100%;
	text-decoration: none;
	transition: opacity 0.8s cubic-bezier(0.2, 0.8, 0.2, 1.2) 0s
}

.produc-data:hover img:hover {
	opacity: 0.8
}

.produc-data img {
	height: 100%;
	object-fit: cover;
	object-position: left center;
	opacity: 0.4;
	position: absolute;
	right: 0;
	top: 0;
	width: calc(100% - 60px);
	transition: opacity 0.8s cubic-bezier(0.2, 0.8, 0.2, 1.2) 0s
}

.produc-data .text-content {
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.produc-data .text-content i {
	background-color: #133456;
	height: 1px;
	left: 0;
	position: absolute;
	top: 0;
	width: 22px
}

.produc-data .text-content h1,
.produc-data .text-content h4,
.produc-data .text-content p {
	color: #4b4b4b;
	margin: 0;
	padding: 0
}

.produc-data .text-content h1 {
	color: #133456;
	font-family: "Proxima Nova Semibold";
	font-size: 73px;
	transform-origin: 100% 50%;
	text-transform: uppercase
}

.produc-data .text-content h4 {
	font-family: "Proxima Nova Semibold";
	font-size: 16px;
	padding: 76px 0 50px
}

.produc-data .text-content p {
	font-family: "Proxima Nova Light";
	font-size: 16px;
	letter-spacing: 0.6px;
	line-height: 26px;
	padding: 20px 0 0
}

.produc-data .text-content p span {
	display: block;
	font-style: normal;
	font-size: 13px;
	position: relative;
	font-family: "Proxima Nova Semibold";
	letter-spacing: 3px
}

.produc-navigation {
	left: 50%;
	height: 50px;
	max-width: calc(100% + -460px);
	position: relative;
	top: 0px;
	transform: translateX(-50%);
	width: 100vw
}

@media (min-width: 1800px) {
	.produc-navigation {
		max-width: calc(100% + -935px)
	}
}

@media (max-width: 960px) {
	.produc-navigation {
		display: none
	}
}

.produc-navigation .navigation-dots {
	left: 60px;
	position: absolute;
	top: 20px;
	display: none
}

.produc-navigation .navigation-dots .dots {
	border: solid 2px #979797;
	border-radius: 50%;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	height: 14px;
	margin-right: 2px;
	position: relative;
	width: 14px
}

.produc-navigation .navigation-dots .dots.active::after {
	background-color: #133456;
	border-radius: 50%;
	content: "";
	height: 4px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 4px
}

.produc-navigation .navigation-arrow {
	height: 50px;
	position: absolute;
	right: 0px;
	top: 0;
	width: 99px;
	z-index: 500
}

.produc-navigation .navigation-arrow .arrow {
	cursor: pointer;
	border: solid 1px #cdcdcd;
	box-sizing: border-box;
	height: 50px;
	position: absolute;
	top: 0;
	width: 50px;
	transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1.2) 0s
}

.produc-navigation .navigation-arrow .arrow:hover {
	opacity: 0.6
}

.produc-navigation .navigation-arrow .arrow svg {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%)
}

.produc-navigation .navigation-arrow .arrow-left {
	left: 0
}

.produc-navigation .navigation-arrow .arrow-right {
	right: 0;
	transform: scaleX(-1)
}

@media (max-width: 768px) {
	.products-content {
		height: auto;
		left: unset;
		margin: 105px auto 50px;
		max-height: none;
		max-width: none;
		position: relative;
		top: unset;
		transform: unset;
		width: calc(100% - 80px)
	}
	.produc-data img {
		height: 50vh;
		position: relative;
		width: 100%
	}
	.produc-data .text-content {
		height: auto;
		left: unset;
		padding: 50px 8px;
		position: relative;
		top: unset;
		transform: unset;
		width: 100%
	}
	.produc-data .text-content i {
		left: 8px;
		top: 0;
		transform: translateY(calc(-100% - 150px))
	}
	.produc-data .text-content h1 {
		font-size: 12vw;
		left: 8px;
		position: absolute;
		top: 0;
		transform: translateY(-50%)
	}
	.produc-data .text-content h4 {
		font-size: 16px;
		left: 8px;
		position: absolute;
		top: 0;
		transform: translateY(calc(-100% - 25px))
	}
	.produc-data .text-content p {
		font-size: 16px;
		line-height: 26px;
		padding: 0
	}
}

@media (max-width: 768px) and (max-width: 768px) {
	.produc-data .text-content p {
		font-size: 14px
	}
}

@media screen and (max-width: 768px) and (device-aspect-ratio: 40 / 71) {
	.produc-data .text-content p {
		font-size: 9px !important;
		line-height: 21px
	}
}

@media (max-width: 768px) {
	.produc-data .text-content p span {
		font-size: 13px
	}
	.produc-navigation {
		display: block;
		left: unset;
		position: relative;
		top: unset;
		transform: unset;
		width: 100%
	}
	.produc-navigation .navigation-dots {
		left: 50%;
		transform: translateX(-50%)
	}
	.product-slider.pos-1 {
		transform: translateX(calc(-100% - 20px))
	}
	.product-slider.pos-2 {
		transform: translateX(calc(-200% - 40px))
	}
	.product-slider .product-2 {
		left: calc(100% + 20px)
	}
	.product-slider .product-3 {
		left: calc(200% + 40px)
	}
}

@media (max-height: 500px) and (orientation: landscape) {
	.produc-data .text-content h1 {
		font-size: 48px
	}
}

.swiper-container {
	width: 100%;
	height: 100%
}

@media (max-width: 414px) {
	.swiper-container {
		width: 100%
	}
}

.swiper-slide {
	text-align: left;
	font-size: 18px;
	background: #fff;
	display: flex
}

@media (max-width: 414px) {
	.products-content {
		height: 100%
	}
}

@font-face {
	font-family: "swiper-icons";
	src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
	font-weight: 400;
	font-style: normal
}

:root {
	--swiper-theme-color: #007aff
}

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
	flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height
}

.swiper-container-3d {
	perspective: 1200px
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
	scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
	scroll-snap-type: y mandatory
}

:root {
	--swiper-navigation-size: 44px
}

.swiper-button-prev,
.swiper-button-next {
	position: absolute;
	top: 50%;
	width: calc(var(--swiper-navigation-size) / 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-prev:after,
.swiper-button-next:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none !important;
	letter-spacing: 0;
	text-transform: none;
	font-variant: initial
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	left: 10px;
	right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
	content: "prev"
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	right: 10px;
	left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
	content: "next"
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
	--swiper-navigation-color: #ffffff
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
	--swiper-navigation-color: #000000
}

.swiper-button-lock {
	display: none
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: 300ms opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10;
	display: none
}

@media (max-width: 768px) {
	.swiper-pagination {
		display: block
	}
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(0.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(0.33)
}

.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	display: inline-block;
	border-radius: 100%;
	border: solid 2px #979797;
	position: relative
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet-active {
	opacity: 1
}

.swiper-pagination-bullet-active:after {
	background-color: #133456;
	border-radius: 50%;
	content: "";
	height: 4px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 4px
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	transform: translate3d(0px, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: 200ms transform, 200ms top
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: 200ms transform, 200ms left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: 200ms transform, 200ms right
}

.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, 0.25);
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-vertical>.swiper-pagination-progressbar,
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-white {
	--swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
	--swiper-pagination-color: #000000
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, 0.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	animation: swiper-preloader-spin 1s infinite linear;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
	100% {
		transform: rotate(360deg)
	}
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube {
	overflow: visible
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}

.swiper-container-flip {
	overflow: visible
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.prod-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	margin: 0 auto
}

@media (max-width: 414px) {
	.prod-wrapper {
		align-items: stretch;
		height: auto;
		width: 90%
	}
}

@media (max-height: 500px) {
	.prod-wrapper {
		margin: 50px auto
	}
}

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
	.prod-wrapper {
		height: 100% !important
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
	.prod-wrapper {
		height: 128%
	}
}

.prod-cont {
	height: 70%;
	width: calc(100% - 50px)
}

@media (max-width: 414px) {
	.prod-cont {
		margin: 125px 0 50px;
		display: flex;
		flex: 1
	}
}

@media screen and (device-aspect-ratio: 40 / 71) {
	.prod-cont {
		margin: 0px 0
	}
}

@media (max-height: 500px) and (orientation: landscape) {
	.prod-cont {
		height: 100%
	}
}

.spritespin {
	position: absolute;
	top: 50%;
	left: 30%;
	transform: translate(-50%, -50%);
	z-index: -1;
	user-select: none;
	box-sizing: content-box
}

@media (max-width: 768px) {
	.spritespin {
		left: 50%;
		top: 25%
	}
}

@media (max-height: 500px) {
	.spritespin {
		left: 50%;
		top: 50%
	}
}

@media (max-width: 414px) {
	.spritespin {
		top: 50%
	}
}

.cont-radial {
	height: 100%;
	width: 100%
}

.first {
	background-color: #e1e3eb !important;
	border: 3px solid #294765 !important;
	top: -2px !important
}

@media (max-width: 414px) {
	.footer-hidden {
		bottom: 5px;
		width: calc(100vw);
		text-align: center;
		position: fixed
	}
	.footer-hidden a {
		font-size: 7px
	}
}

@media (max-width: 414px) and (max-width: 375px) {
	.footer-hidden a {
		font-size: 6px
	}
}

@media (max-height: 500px) {
	.footer-hidden {
		position: fixed;
		bottom: 10px
	}
}

@media (max-width: 667px) and (orientation: landscape) {
	.footer-hidden {
		bottom: 20px
	}
}

@media (max-height: 500px) {
	canvas {
		width: 70% !important;
		height: 65% !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		top: 0 !important
	}
}

@media (max-width: 667px) and (orientation: landscape) {
	canvas {
		top: 25px !important
	}
}

@media (max-width: 375px) {
	canvas {
		transform: scale(0.8);
		width: 100% !important;
		height: 100% !important
	}
}

@media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) {
	canvas {
		transform: scale(1)
	}
}

@media (max-width: 768px) {
	.george {
		top: 36%;
		transform: translate(-50%, -50%) scale(0.8);
		overflow: visible !important
	}
}

@media (max-width: 414px) {
	.george {
		top: 50%;
		transform: translate(-50%, -50%) scale(1)
	}
}

@media (max-width: 375px) {
	.george {
		top: 30%;
		transform: translate(-50%, -50%) scale(0.8)
	}
}

@media (max-height: 500px) and (orientation: landscape) {
	.george {
		transform: translate(-38%, -50%) scale(0.8)
	}
}

@media (max-height: 700px) {
	.george {
		transform: translate(-50%, -50%) scale(0.7)
	}
}

@media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) {
	.george {
		top: 50%
	}
}

@media (max-width: 768px) {
	.mech {
		top: 36%;
		transform: translate(-50%, -50%) scale(0.8)
	}
}

@media (max-width: 414px) {
	.mech {
		top: 50%;
		transform: translate(-50%, -50%) scale(1)
	}
}

@media (max-width: 375px) {
	.mech {
		top: 30%
	}
}

@media (max-height: 500px) and (orientation: landscape) {
	.mech {
		top: 45%
	}
}

@media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) {
	.mech {
		top: 50%
	}
}

@media (max-width: 768px) {
	.husbandry {
		top: 35%
	}
}

@media (max-width: 414px) {
	.husbandry {
		top: 50%
	}
}

@media (max-width: 375px) {
	.husbandry {
		top: 25%
	}
}

@media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) {
	.husbandry {
		top: 50%
	}
}

@media (max-width: 667px) and (orientation: landscape) {
	.husbandry {
		top: 50% !important
	}
}

.productLink {
	color: #133456;
	font-family: "Proxima Nova Semibold";
	font-size: 14px;
	position: absolute;
	bottom: 0;
	display: block;
	text-decoration: none;
	transition: opacity 0.8s cubic-bezier(0.2, 0.8, 0.2, 1.2) 0s
}

.productLink:hover {
	opacity: 0.5
}

@media (max-width: 768px) {
	.productLink {
		position: absolute;
		top: inherit;
		bottom: -34px
	}
}

.productLink svg {
	position: relative;
	top: 2px;
	margin-right: 5px
}

.nav {
	position: fixed;
	top: 50%;
	width: 100%;
	z-index: 99
}

@media (max-width: 960px) {
	.nav {
		top: 28%
	}
}

@media (max-height: 500px) {
	.nav {
		top: 10%
	}
}

@media (max-width: 414px) {
	.nav {
		top: 19%
	}
}

.nav div {
	position: absolute;
	transition: opacity 0.8s cubic-bezier(0.2, 0.8, 0.2, 1.2) 0s
}

.nav div:hover {
	opacity: 0.5
}

.nav .next {
	right: 0px;
	padding: 35px 25px
}

@media (max-width: 960px) {
	.nav .next path {
		stroke: #fff
	}
}

@media (max-width: 414px) {
	.nav .next {
		right: 0
	}
}

.nav .prev {
	left: 0px;
	padding: 35px 25px
}

@media (max-width: 414px) {
	.nav .prev {
		left: 0
	}
}

section.page-container.active .img-force {
	left: -40px
}

.img-content {
	background-color: black;
	height: calc(100% - 0px);
	left: 0;
	display: inline-block;
	position: absolute;
	text-align: right;
	top: 0;
	width: 50%;
	z-index: 11
}

.img-content .cover {
	height: 100%;
	background-color: #000;
	position: absolute;
	top: 0;
	right: 99%;
	width: 100vw
}

.img-content img {
	float: right;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	width: 100%
}

.img-content .explore-btn {
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%
}

.img-content .explore-btn span {
	cursor: pointer;
	background-color: #fff;
	height: 50px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 50px;
	transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1.2) 0s
}

.img-content .explore-btn span:hover {
	opacity: 0.5
}

.img-content .explore-btn svg {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%)
}

.img-content .explore-btn p {
	color: #fff;
	font-family: "Proxima Nova Bold";
	font-size: 13px;
	left: 50%;
	position: absolute;
	top: 55px;
	transform: translateX(-50%);
	width: 125px;
	text-align: center
}

.detail-content {
	height: 100%;
	left: 50%;
	max-width: 1490px;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: calc(100% - 50px)
}

.detail-content .text-content {
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 50%
}

.detail-content .text-content .position-center {
	left: 50%;
	max-width: 590px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 50px);
	padding-bottom: 130px
}

@media (max-width: 768px) {
	.detail-content .text-content .position-center {
		padding-bottom: 15px
	}
}

@media (max-height: 500px) and (orientation: landscape) {
	.detail-content .text-content .position-center {
		padding-bottom: 34px
	}
}

.detail-content .text-content .split-text {
	font-size: 0;
	margin-bottom: 80px
}

.detail-content .text-content .split-text p {
	display: inline-block;
	width: 50%
}

.detail-content .text-content h4,
.detail-content .text-content h1,
.detail-content .text-content p {
	margin: 0;
	padding: 0;
	line-height: 1.5
}

.detail-content .text-content h4,
.detail-content .text-content p {
	color: #4b4b4b;
	font-family: "Proxima Nova Semibold";
	font-size: 16px
}

.detail-content .text-content h4 span,
.detail-content .text-content p span {
	display: block;
	font-size: 13px;
	padding-bottom: 30px
}

.detail-content .text-content h1 {
	color: #133456;
	font-family: "Proxima Nova Semibold";
	font-size: 73px;
	padding: 30px 0 65px;
	text-transform: uppercase
}

.radial-content {
	pointer-events: none;
	background-color: #fff;
	height: 100vh;
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	transition: opacity 0.5s ease-in-out, transform 1s ease-in-out;
	width: 100vw;
	box-sizing: content-box
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	.radial-content {
		z-index: -1
	}
}

.radial-content.active {
	pointer-events: auto;
	opacity: 1;
	touch-action: none
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	.radial-content.active {
		z-index: 2
	}
}

.radial-content.move {
	transform: translateX(44vw)
}

.radial-content .drag-btn {
	cursor: move
}

.radial-content .cover {
	background-color: #fff;
	height: 100vh;
	position: absolute;
	top: 0;
	right: calc(100% - 2px);
	width: 100vw
}

.radial-content .radial-area {
	left: 50%;
	position: absolute;
	height: 80%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 930px;
	box-sizing: content-box
}

@media (max-width: 414px) {
	.radial-content .radial-area {
		height: 100vh;
		width: 100%
	}
}

@media (max-height: 500px) {
	.radial-content .radial-area {
		max-width: 490px;
		margin: 0 auto
	}
}

.radial-content .radial-area::after {
	content: "";
	display: block;
	padding-bottom: 100%
}

.radial-content .radial-area video {
	height: 100%;
	width: 150%
}

.radial-content .radial-area .vid {
	width: 100%;
	height: 100%;
	position: relative
}

@media (max-height: 500px) {
	.radial-content .radial-area .vid {
		margin-top: 85px
	}
}

@media (max-width: 414px) {
	.radial-content .radial-area .vid {
		height: 400px;
		position: relative;
		top: 0;
		margin-top: 100px
	}
}

@media (max-width: 375px) {
	.radial-content .radial-area .vid {
		height: 230px;
		top: 20px
	}
}

.radial-content .radial-area .dragCont {
	width: 250px;
	height: 251px;
	position: absolute;
	bottom: 0;
	right: 0;
	top: 0;
	margin: auto
}

@media (max-width: 768px) {
	.radial-content .radial-area .dragCont {
		width: 200px;
		height: 200px;
		bottom: 0;
		right: 0;
		top: 0;
		left: 0;
		margin: auto auto 0
	}
}

@media (max-height: 500px) {
	.radial-content .radial-area .dragCont {
		width: 150px;
		height: 150px;
		margin: auto 0 auto auto
	}
}

@media (max-width: 414px) {
	.radial-content .radial-area .dragCont {
		width: 150px;
		height: 150px;
		margin-top: 25px;
		position: relative
	}
}

@media (max-width: 375px) {
	.radial-content .radial-area .dragCont {
		width: 125px;
		height: 125px;
		margin: auto auto 25px auto;
		top: -30px;
		position: relative
	}
}

@media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
	.radial-content .radial-area .dragCont {
		width: 125px;
		height: 125px;
		margin: auto auto 25px auto;
		top: 50px;
		position: relative
	}
}

.radial-content .radial-area .dragCont .title {
	position: absolute;
	top: 47%;
	left: 0;
	right: 0;
	text-align: center;
	color: #133456;
	font-family: "Proxima Nova Semibold";
	font-size: 18px;
	letter-spacing: 2px;
	text-transform: uppercase;
	transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1.2) 0s
}

@media (max-width: 414px) {
	.radial-content .radial-area .dragCont .title {
		font-size: 12px
	}
}

@media (max-height: 500px) {
	.radial-content .radial-area .dragCont .title {
		font-size: 12px
	}
}

.radial-content .radial-area svg {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.radial-content .radial-area svg circle {
	transition: stroke-dasharray 0.5s ease-in-out
}

.radial-content .radial-area svg.radial-static circle {
	stroke-dasharray: 0;
	stroke-dashoffset: 100
}

.radial-content .radial-area svg.radial-animate circle {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000
}

.radial-content .dots-container {
	height: 50%;
	left: 50%;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	transform-origin: 50% 100%;
	width: 9px
}

.radial-content .dots-container img {
	left: 100%;
	cursor: move;
	position: absolute;
	top: 2px;
	transform: translate(-50%, calc(-50% + 3px)) rotate(90deg);
	width: 40px;
	height: 40px
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.radial-content .dots-container img {
		top: -13px;
		transform: translate(-50%, -11%) rotate(90deg)
	}
}

.radial-content .dots-container .dots {
	cursor: pointer;
	background-color: #cdcdcd;
	border-radius: 50%;
	height: 12px;
	left: 0;
	position: absolute;
	top: 0;
	transform: translateY(-2px);
	width: 12px
}

.radial-content .dots-container .dots.active {
	background-color: #133456
}

.radial-content .dots-container .dots p {
	color: #133456;
	font-family: "Proxima Nova Light";
	font-size: 13px;
	left: 15px;
	position: absolute;
	top: -15px;
	width: 100px
}

.radial-content .dc-2 {
	transform: translateX(-50%) rotate(90deg)
}

.radial-content .dc-2 .dots {
	transform: rotate(-45deg)
}

.radial-content .dc-3 {
	transform: translateX(-50%) rotate(180deg)
}

.radial-content .dc-3 .dots {
	transform: rotate(-90deg)
}

.radial-content .dc-4 {
	transform: translateX(-50%) rotate(270deg)
}

.radial-content .dc-4 .dots {
	transform: rotate(-135deg)
}

.radial-content .dc-5 {
	transform: translateX(-50%) rotate(180deg)
}

.radial-content .dc-5 .dots {
	transform: rotate(-180deg)
}

.radial-content .dc-5 .dots p {
	left: 50%;
	top: 5px;
	text-align: center;
	transform: translateX(-50%)
}

.radial-content .dc-6 {
	transform: translateX(-50%) rotate(225deg)
}

.radial-content .dc-6 .dots {
	transform: rotate(-225deg)
}

.radial-content .dc-7 {
	transform: translateX(-50%) rotate(270deg)
}

.radial-content .dc-7 .dots {
	transform: rotate(-270deg)
}

.radial-content .dc-8 {
	transform: translateX(-50%) rotate(315deg)
}

.radial-content .dc-8 .dots {
	transform: rotate(-315deg)
}

.radial-content .dc-6 .dots p,
.radial-content .dc-7 .dots p,
.radial-content .dc-8 .dots p {
	left: unset;
	right: 15px;
	text-align: right
}

.radial-content .dc-9 {
	transition: all 0.5s ease-in-out
}

.radial-content.block-transition .radial-area svg circle {
	transition: unset;
	touch-action: none;
	pointer-events: none
}

.radial-content.block-transition .dc-9 {
	transition: unset
}

.nav-detail-close {
	display: none;
	right: 0;
	cursor: pointer
}

@media (max-width: 1400px) {
	.detail-content .text-content h4,
	.detail-content .text-content p {
		font-size: 13px
	}
	.detail-content .text-content h4 span,
	.detail-content .text-content p span {
		font-size: 10px
	}
	.detail-content .text-content h1 {
		color: #133456;
		font-family: "Proxima Nova Semibold";
		font-size: 54px
	}
}

@media (max-height: 500px) and (orientation: landscape) {
	.detail-content {
		margin: 0px !important;
		height: auto !important
	}
}

@media (max-width: 960px) {
	.img-content {
		height: auto;
		position: relative;
		width: 100%
	}
	.img-content img {
		height: 60vh;
		width: 100%
	}
	.detail-content {
		height: auto;
		left: unset;
		margin: 0 auto 50px;
		max-height: none;
		max-width: none;
		position: relative;
		top: unset;
		transform: unset;
		width: 100%
	}
	.detail-content .text-content {
		height: auto;
		margin-top: 20px;
		padding-bottom: 30px;
		position: relative;
		width: 100%
	}
	.detail-content .text-content .position-center {
		left: unset;
		max-width: unset;
		margin: 0 auto;
		position: relative;
		top: unset;
		transform: unset;
		width: calc(100% - 50px)
	}
	.detail-content .text-content .split-text {
		font-size: 0;
		margin-bottom: 40px
	}
	.detail-content .text-content .split-text p {
		width: 100%
	}
	.detail-content .text-content h4 span,
	.detail-content .text-content p span {
		padding-bottom: 30px;
		padding: 20px 0 10px
	}
	.detail-content .text-content h1 {
		font-size: 10vw;
		padding: 20px 0 0
	}
	.radial-content .dots-container .dots {
		transform: translateY(-2px)
	}
}

.modaloverlay {
	background: rgba(255, 255, 255, 0.5);
	bottom: 0;
	left: 0;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	transition: opacity 400ms ease;
	display: none
}

.modaloverlay h1 {
	color: #133456;
	font-family: "Proxima Nova Bold";
	font-size: 53px;
	text-align: center;
	margin: 0 0 50px 0
}

@media (max-width: 414px) {
	.modaloverlay h1 {
		font-size: 22px;
		margin: 0 0 25px 0
	}
}

.modaloverlay:target {
	display: block;
	opacity: 1;
	pointer-events: auto;
	z-index: 99999
}

.modaloverlay .modal {
	height: 65%;
	max-height: 50em;
	max-width: 60em;
	width: 85%;
	z-index: 500;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	border: 1px solid #f0f0f0;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center
}

@media (max-width: 414px) {
	.modaloverlay .modal {
		height: 75%
	}
}

@media (min-width: 60em) {
	.modaloverlay .modal {
		height: 75%;
		max-height: 57em;
		max-width: 66em;
		width: 85%
	}
}

.modal-form {
	margin: 0 auto;
	width: 60%
}

@media (max-width: 414px) {
	.modal-form {
		width: 90%
	}
}

.form-email label {
	text-transform: uppercase;
	font-size: 12px;
	color: #d1d1d1;
	font-family: "Proxima Nova Semibold";
	display: block;
	margin-top: 25px
}

.form-email input {
	display: block;
	border: 0;
	margin-top: 10px;
	margin-bottom: 25px;
	font-size: 22px;
	color: #133456;
	font-family: "Proxima Nova Semibold";
	width: 100%
}

.form-email input:focus {
	border: 0;
	outline: none
}

.form-cont {
	display: flex;
	border-bottom: 1px solid #f0f0f0;
	border-top: 1px solid #f0f0f0
}

@media (max-width: 414px) {
	.form-cont {
		display: block
	}
}

.form-cont div {
	width: 50%
}

@media (max-width: 414px) {
	.form-cont div {
		width: 100%
	}
}

.form-cont div:nth-child(1) {
	border-right: 1px solid #f0f0f0
}

@media (max-width: 414px) {
	.form-cont div:nth-child(1) {
		border-bottom: 1px solid #f0f0f0
	}
}

.form-cont div:nth-child(2) {
	padding-left: 50px
}

@media (max-width: 414px) {
	.form-cont div:nth-child(2) {
		padding-left: 0px
	}
}

.form-cont div label {
	text-transform: uppercase;
	font-size: 12px;
	color: #d1d1d1;
	font-family: "Proxima Nova Semibold";
	margin-top: 25px;
	display: block
}

.form-cont div input {
	display: block;
	border: 0;
	margin-top: 10px;
	margin-bottom: 25px;
	font-size: 22px;
	color: #133456;
	font-family: "Proxima Nova Semibold"
}

.form-cont div input:focus {
	border: 0;
	outline: none
}

.form-email {
	border-bottom: 1px solid #f0f0f0
}

.modaloverlay.active {
	opacity: 1;
	z-index: 2
}

.form-terms {
	position: relative;
	margin-top: 25px;
	text-transform: uppercase;
	font-size: 12px;
	color: #8c8c8c;
	letter-spacing: 2px;
	font-family: "Proxima Nova Semibold"
}

.form-terms p {
	display: inline-block
}

.form-terms input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0
}

.checkmark {
	position: absolute;
	top: 3px;
	left: 0;
	height: 25px;
	width: 25px;
	border: 1px solid #f0f0f0;
	background-color: #fff;
	cursor: pointer
}

@media (max-width: 414px) {
	.checkmark {
		top: 10px
	}
}

.form-terms:hover input~.checkmark {
	background-color: rgba(204, 204, 204, 0.336)
}

.form-terms input:checked~.checkmark {
	background-color: #133456
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none
}

.form-terms input:checked~.checkmark:after {
	display: block
}

.form-terms .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.box {
	margin-right: 40px
}

.submit {
	margin: 40px auto 0;
	display: block;
	padding: 15px 40px;
	background: #fff;
	border: 1px solid #f0f0f0;
	font-size: 18px;
	color: #133456;
	font-family: "Proxima Nova Semibold";
	cursor: pointer
}

.submit:hover {
	background: #133456;
	color: #fff
}