@charset "UTF-8";
/*******************variable***********************/
/*******************mixin***********************/
/*******************functions***********************/
/*******************base***********************/
*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, p, address, ol, ul, dl, blockquote, pre, figure, caption, label, form, li {
	margin: 0;
	padding: 0;
}

ul, ul li, ol, ol li {
	list-style: none outside none;
}

a, a:hover, a:focus {
	text-decoration: none;
	outline: none;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
	display: none;
}

html {
	font-size: 62.5%;
}
@media screen and (max-width: 319px) {
	html {
		font-size: 43.75%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	html {
		font-size: 56.25%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	html {
		font-size: 56.25%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	html {
		font-size: 56.25%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	html {
		font-size: 62.5%;
	}
}
@media screen and (min-width: 1200px) {
	html {
		font-size: 62.5%;
	}
}

body {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.container-mxm {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (max-width: 319px) {
	.container-mxm {
		max-width: 319px;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.container-mxm {
		max-width: 575px;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.container-mxm {
		max-width: 640px;
	}
}
/*******************fonts***********************/
@font-face {
font-family: "Work Sans";
src: url("/fonts/WorkSans-Thin.ttf") format("truetype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Work Sans";
src: url("/fonts/WorkSans-ExtraLight.ttf") format("truetype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Work Sans";
src: url("/fonts/WorkSans-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Work Sans";
src: url("/fonts/WorkSans-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Work Sans";
src: url("/fonts/WorkSans-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Work Sans";
src: url("/fonts/WorkSans-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Work Sans";
src: url("/fonts/WorkSans-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Work Sans";
src: url("/fonts/WorkSans-ExtraBold.ttf") format("truetype");
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Work Sans";
src: url("/fonts/WorkSans-Black.ttf") format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Work Sans";
src: url("/fonts/WorkSans-ThinItalic.ttf") format("truetype");
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Work Sans";
src: url("/fonts/WorkSans-ExtraLightItalic.ttf") format("truetype");
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Work Sans";
src: url("/fonts/WorkSans-LightItalic.ttf") format("truetype");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Work Sans";
src: url("/fonts/WorkSans-RegularItalic.ttf") format("truetype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Work Sans";
src: url("/fonts/WorkSans-MediumItalic.ttf") format("truetype");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Work Sans";
src: url("/fonts/WorkSans-SemiBoldItalic.ttf") format("truetype");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Work Sans";
src: url("/fonts/WorkSans-BoldItalic.ttf") format("truetype");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Work Sans";
src: url("/fonts/WorkSans-ExtraBoldItalic.ttf") format("truetype");
font-weight: 800;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Work Sans";
src: url("/fonts/WorkSans-BlackItalic.ttf") format("truetype");
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url("/fonts/Rubik-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url("/fonts/Rubik-Italic.ttf") format("truetype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url("/fonts/Rubik-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url("/fonts/Rubik-MediumItalic.ttf") format("truetype");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url("/fonts/Rubik-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url("/fonts/Rubik-LightItalic.ttf") format("truetype");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url("/fonts/Rubik-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url("/fonts/Rubik-BoldItalic.ttf") format("truetype");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url("/fonts/Rubik-Black.ttf") format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Rubik";
src: url("/fonts/Rubik-BlackItalic.ttf") format("truetype");
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Material Icons";
src: url("/fonts/MaterialIcons-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
.material-icons {
	font-family: "Material Icons";
	font-weight: normal;
	font-style: normal;
	font-size: 2rem;
	/* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* Support for IE. */
	font-feature-settings: "liga";
}

@font-face {
font-family: "Material Icons Outlined";
src: url("/fonts/MaterialIcons-Regular-Outlined.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
.material-icons-outlined {
	font-family: "Material Icons Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 2rem;
	/* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* Support for IE. */
	font-feature-settings: "liga";
}

/*******************font-awesome***********************/
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}

.fa-lg {
	font-size: 1.33333em;
	line-height: 0.75em;
	vertical-align: -0.0667em;
}

.fa-xs {
	font-size: 0.75em;
}

.fa-sm {
	font-size: 0.875em;
}

.fa-1x {
	font-size: 1em;
}

.fa-2x {
	font-size: 2em;
}

.fa-3x {
	font-size: 3em;
}

.fa-4x {
	font-size: 4em;
}

.fa-5x {
	font-size: 5em;
}

.fa-6x {
	font-size: 6em;
}

.fa-7x {
	font-size: 7em;
}

.fa-8x {
	font-size: 8em;
}

.fa-9x {
	font-size: 9em;
}

.fa-10x {
	font-size: 10em;
}

.fa-fw {
	text-align: center;
	width: 1.25em;
}

.fa-ul {
	list-style-type: none;
	margin-left: 2.5em;
	padding-left: 0;
}

.fa-ul > li {
	position: relative;
}

.fa-li {
	left: -2em;
	position: absolute;
	text-align: center;
	width: 2em;
	line-height: inherit;
}

.fa-border {
	border: solid 0.08em #eee;
	border-radius: 0.1em;
	padding: 0.2em 0.25em 0.15em;
}

.fa-pull-left {
	float: left;
}

.fa-pull-right {
	float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
	margin-right: 0.3em;
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
	margin-left: 0.3em;
}

.fa-spin {
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}

.fa-pulse {
	-webkit-animation: fa-spin 1s infinite steps(8);
	animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.fa-rotate-90 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.fa-rotate-180 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.fa-rotate-270 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}

.fa-flip-horizontal {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
	-webkit-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

.fa-flip-vertical {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
	-webkit-transform: scale(1, -1);
	transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
	-webkit-transform: scale(-1, -1);
	transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
	-webkit-filter: none;
	filter: none;
}

.fa-stack {
	display: inline-block;
	height: 2em;
	line-height: 2em;
	position: relative;
	vertical-align: middle;
	width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}

.fa-stack-1x {
	line-height: inherit;
}

.fa-stack-2x {
	font-size: 2em;
}

.fa-inverse {
	color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
	content: "";
}

.fa-accessible-icon:before {
	content: "";
}

.fa-accusoft:before {
	content: "";
}

.fa-acquisitions-incorporated:before {
	content: "";
}

.fa-ad:before {
	content: "";
}

.fa-address-book:before {
	content: "";
}

.fa-address-card:before {
	content: "";
}

.fa-adjust:before {
	content: "";
}

.fa-adn:before {
	content: "";
}

.fa-adobe:before {
	content: "";
}

.fa-adversal:before {
	content: "";
}

.fa-affiliatetheme:before {
	content: "";
}

.fa-air-freshener:before {
	content: "";
}

.fa-airbnb:before {
	content: "";
}

.fa-algolia:before {
	content: "";
}

.fa-align-center:before {
	content: "";
}

.fa-align-justify:before {
	content: "";
}

.fa-align-left:before {
	content: "";
}

.fa-align-right:before {
	content: "";
}

.fa-alipay:before {
	content: "";
}

.fa-allergies:before {
	content: "";
}

.fa-amazon:before {
	content: "";
}

.fa-amazon-pay:before {
	content: "";
}

.fa-ambulance:before {
	content: "";
}

.fa-american-sign-language-interpreting:before {
	content: "";
}

.fa-amilia:before {
	content: "";
}

.fa-anchor:before {
	content: "";
}

.fa-android:before {
	content: "";
}

.fa-angellist:before {
	content: "";
}

.fa-angle-double-down:before {
	content: "";
}

.fa-angle-double-left:before {
	content: "";
}

.fa-angle-double-right:before {
	content: "";
}

.fa-angle-double-up:before {
	content: "";
}

.fa-angle-down:before {
	content: "";
}

.fa-angle-left:before {
	content: "";
}

.fa-angle-right:before {
	content: "";
}

.fa-angle-up:before {
	content: "";
}

.fa-angry:before {
	content: "";
}

.fa-angrycreative:before {
	content: "";
}

.fa-angular:before {
	content: "";
}

.fa-ankh:before {
	content: "";
}

.fa-app-store:before {
	content: "";
}

.fa-app-store-ios:before {
	content: "";
}

.fa-apper:before {
	content: "";
}

.fa-apple:before {
	content: "";
}

.fa-apple-alt:before {
	content: "";
}

.fa-apple-pay:before {
	content: "";
}

.fa-archive:before {
	content: "";
}

.fa-archway:before {
	content: "";
}

.fa-arrow-alt-circle-down:before {
	content: "";
}

.fa-arrow-alt-circle-left:before {
	content: "";
}

.fa-arrow-alt-circle-right:before {
	content: "";
}

.fa-arrow-alt-circle-up:before {
	content: "";
}

.fa-arrow-circle-down:before {
	content: "";
}

.fa-arrow-circle-left:before {
	content: "";
}

.fa-arrow-circle-right:before {
	content: "";
}

.fa-arrow-circle-up:before {
	content: "";
}

.fa-arrow-down:before {
	content: "";
}

.fa-arrow-left:before {
	content: "";
}

.fa-arrow-right:before {
	content: "";
}

.fa-arrow-up:before {
	content: "";
}

.fa-arrows-alt:before {
	content: "";
}

.fa-arrows-alt-h:before {
	content: "";
}

.fa-arrows-alt-v:before {
	content: "";
}

.fa-artstation:before {
	content: "";
}

.fa-assistive-listening-systems:before {
	content: "";
}

.fa-asterisk:before {
	content: "";
}

.fa-asymmetrik:before {
	content: "";
}

.fa-at:before {
	content: "";
}

.fa-atlas:before {
	content: "";
}

.fa-atlassian:before {
	content: "";
}

.fa-atom:before {
	content: "";
}

.fa-audible:before {
	content: "";
}

.fa-audio-description:before {
	content: "";
}

.fa-autoprefixer:before {
	content: "";
}

.fa-avianex:before {
	content: "";
}

.fa-aviato:before {
	content: "";
}

.fa-award:before {
	content: "";
}

.fa-aws:before {
	content: "";
}

.fa-baby:before {
	content: "";
}

.fa-baby-carriage:before {
	content: "";
}

.fa-backspace:before {
	content: "";
}

.fa-backward:before {
	content: "";
}

.fa-bacon:before {
	content: "";
}

.fa-bahai:before {
	content: "";
}

.fa-balance-scale:before {
	content: "";
}

.fa-balance-scale-left:before {
	content: "";
}

.fa-balance-scale-right:before {
	content: "";
}

.fa-ban:before {
	content: "";
}

.fa-band-aid:before {
	content: "";
}

.fa-bandcamp:before {
	content: "";
}

.fa-barcode:before {
	content: "";
}

.fa-bars:before {
	content: "";
}

.fa-baseball-ball:before {
	content: "";
}

.fa-basketball-ball:before {
	content: "";
}

.fa-bath:before {
	content: "";
}

.fa-battery-empty:before {
	content: "";
}

.fa-battery-full:before {
	content: "";
}

.fa-battery-half:before {
	content: "";
}

.fa-battery-quarter:before {
	content: "";
}

.fa-battery-three-quarters:before {
	content: "";
}

.fa-battle-net:before {
	content: "";
}

.fa-bed:before {
	content: "";
}

.fa-beer:before {
	content: "";
}

.fa-behance:before {
	content: "";
}

.fa-behance-square:before {
	content: "";
}

.fa-bell:before {
	content: "";
}

.fa-bell-slash:before {
	content: "";
}

.fa-bezier-curve:before {
	content: "";
}

.fa-bible:before {
	content: "";
}

.fa-bicycle:before {
	content: "";
}

.fa-biking:before {
	content: "";
}

.fa-bimobject:before {
	content: "";
}

.fa-binoculars:before {
	content: "";
}

.fa-biohazard:before {
	content: "";
}

.fa-birthday-cake:before {
	content: "";
}

.fa-bitbucket:before {
	content: "";
}

.fa-bitcoin:before {
	content: "";
}

.fa-bity:before {
	content: "";
}

.fa-black-tie:before {
	content: "";
}

.fa-blackberry:before {
	content: "";
}

.fa-blender:before {
	content: "";
}

.fa-blender-phone:before {
	content: "";
}

.fa-blind:before {
	content: "";
}

.fa-blog:before {
	content: "";
}

.fa-blogger:before {
	content: "";
}

.fa-blogger-b:before {
	content: "";
}

.fa-bluetooth:before {
	content: "";
}

.fa-bluetooth-b:before {
	content: "";
}

.fa-bold:before {
	content: "";
}

.fa-bolt:before {
	content: "";
}

.fa-bomb:before {
	content: "";
}

.fa-bone:before {
	content: "";
}

.fa-bong:before {
	content: "";
}

.fa-book:before {
	content: "";
}

.fa-book-dead:before {
	content: "";
}

.fa-book-medical:before {
	content: "";
}

.fa-book-open:before {
	content: "";
}

.fa-book-reader:before {
	content: "";
}

.fa-bookmark:before {
	content: "";
}

.fa-bootstrap:before {
	content: "";
}

.fa-border-all:before {
	content: "";
}

.fa-border-none:before {
	content: "";
}

.fa-border-style:before {
	content: "";
}

.fa-bowling-ball:before {
	content: "";
}

.fa-box:before {
	content: "";
}

.fa-box-open:before {
	content: "";
}

.fa-boxes:before {
	content: "";
}

.fa-braille:before {
	content: "";
}

.fa-brain:before {
	content: "";
}

.fa-bread-slice:before {
	content: "";
}

.fa-briefcase:before {
	content: "";
}

.fa-briefcase-medical:before {
	content: "";
}

.fa-broadcast-tower:before {
	content: "";
}

.fa-broom:before {
	content: "";
}

.fa-brush:before {
	content: "";
}

.fa-btc:before {
	content: "";
}

.fa-buffer:before {
	content: "";
}

.fa-bug:before {
	content: "";
}

.fa-building:before {
	content: "";
}

.fa-bullhorn:before {
	content: "";
}

.fa-bullseye:before {
	content: "";
}

.fa-burn:before {
	content: "";
}

.fa-buromobelexperte:before {
	content: "";
}

.fa-bus:before {
	content: "";
}

.fa-bus-alt:before {
	content: "";
}

.fa-business-time:before {
	content: "";
}

.fa-buy-n-large:before {
	content: "";
}

.fa-buysellads:before {
	content: "";
}

.fa-calculator:before {
	content: "";
}

.fa-calendar:before {
	content: "";
}

.fa-calendar-alt:before {
	content: "";
}

.fa-calendar-check:before {
	content: "";
}

.fa-calendar-day:before {
	content: "";
}

.fa-calendar-minus:before {
	content: "";
}

.fa-calendar-plus:before {
	content: "";
}

.fa-calendar-times:before {
	content: "";
}

.fa-calendar-week:before {
	content: "";
}

.fa-camera:before {
	content: "";
}

.fa-camera-retro:before {
	content: "";
}

.fa-campground:before {
	content: "";
}

.fa-canadian-maple-leaf:before {
	content: "";
}

.fa-candy-cane:before {
	content: "";
}

.fa-cannabis:before {
	content: "";
}

.fa-capsules:before {
	content: "";
}

.fa-car:before {
	content: "";
}

.fa-car-alt:before {
	content: "";
}

.fa-car-battery:before {
	content: "";
}

.fa-car-crash:before {
	content: "";
}

.fa-car-side:before {
	content: "";
}

.fa-caravan:before {
	content: "";
}

.fa-caret-down:before {
	content: "";
}

.fa-caret-left:before {
	content: "";
}

.fa-caret-right:before {
	content: "";
}

.fa-caret-square-down:before {
	content: "";
}

.fa-caret-square-left:before {
	content: "";
}

.fa-caret-square-right:before {
	content: "";
}

.fa-caret-square-up:before {
	content: "";
}

.fa-caret-up:before {
	content: "";
}

.fa-carrot:before {
	content: "";
}

.fa-cart-arrow-down:before {
	content: "";
}

.fa-cart-plus:before {
	content: "";
}

.fa-cash-register:before {
	content: "";
}

.fa-cat:before {
	content: "";
}

.fa-cc-amazon-pay:before {
	content: "";
}

.fa-cc-amex:before {
	content: "";
}

.fa-cc-apple-pay:before {
	content: "";
}

.fa-cc-diners-club:before {
	content: "";
}

.fa-cc-discover:before {
	content: "";
}

.fa-cc-jcb:before {
	content: "";
}

.fa-cc-mastercard:before {
	content: "";
}

.fa-cc-paypal:before {
	content: "";
}

.fa-cc-stripe:before {
	content: "";
}

.fa-cc-visa:before {
	content: "";
}

.fa-centercode:before {
	content: "";
}

.fa-centos:before {
	content: "";
}

.fa-certificate:before {
	content: "";
}

.fa-chair:before {
	content: "";
}

.fa-chalkboard:before {
	content: "";
}

.fa-chalkboard-teacher:before {
	content: "";
}

.fa-charging-station:before {
	content: "";
}

.fa-chart-area:before {
	content: "";
}

.fa-chart-bar:before {
	content: "";
}

.fa-chart-line:before {
	content: "";
}

.fa-chart-pie:before {
	content: "";
}

.fa-check:before {
	content: "";
}

.fa-check-circle:before {
	content: "";
}

.fa-check-double:before {
	content: "";
}

.fa-check-square:before {
	content: "";
}

.fa-cheese:before {
	content: "";
}

.fa-chess:before {
	content: "";
}

.fa-chess-bishop:before {
	content: "";
}

.fa-chess-board:before {
	content: "";
}

.fa-chess-king:before {
	content: "";
}

.fa-chess-knight:before {
	content: "";
}

.fa-chess-pawn:before {
	content: "";
}

.fa-chess-queen:before {
	content: "";
}

.fa-chess-rook:before {
	content: "";
}

.fa-chevron-circle-down:before {
	content: "";
}

.fa-chevron-circle-left:before {
	content: "";
}

.fa-chevron-circle-right:before {
	content: "";
}

.fa-chevron-circle-up:before {
	content: "";
}

.fa-chevron-down:before {
	content: "";
}

.fa-chevron-left:before {
	content: "";
}

.fa-chevron-right:before {
	content: "";
}

.fa-chevron-up:before {
	content: "";
}

.fa-child:before {
	content: "";
}

.fa-chrome:before {
	content: "";
}

.fa-chromecast:before {
	content: "";
}

.fa-church:before {
	content: "";
}

.fa-circle:before {
	content: "";
}

.fa-circle-notch:before {
	content: "";
}

.fa-city:before {
	content: "";
}

.fa-clinic-medical:before {
	content: "";
}

.fa-clipboard:before {
	content: "";
}

.fa-clipboard-check:before {
	content: "";
}

.fa-clipboard-list:before {
	content: "";
}

.fa-clock:before {
	content: "";
}

.fa-clone:before {
	content: "";
}

.fa-closed-captioning:before {
	content: "";
}

.fa-cloud:before {
	content: "";
}

.fa-cloud-download-alt:before {
	content: "";
}

.fa-cloud-meatball:before {
	content: "";
}

.fa-cloud-moon:before {
	content: "";
}

.fa-cloud-moon-rain:before {
	content: "";
}

.fa-cloud-rain:before {
	content: "";
}

.fa-cloud-showers-heavy:before {
	content: "";
}

.fa-cloud-sun:before {
	content: "";
}

.fa-cloud-sun-rain:before {
	content: "";
}

.fa-cloud-upload-alt:before {
	content: "";
}

.fa-cloudscale:before {
	content: "";
}

.fa-cloudsmith:before {
	content: "";
}

.fa-cloudversify:before {
	content: "";
}

.fa-cocktail:before {
	content: "";
}

.fa-code:before {
	content: "";
}

.fa-code-branch:before {
	content: "";
}

.fa-codepen:before {
	content: "";
}

.fa-codiepie:before {
	content: "";
}

.fa-coffee:before {
	content: "";
}

.fa-cog:before {
	content: "";
}

.fa-cogs:before {
	content: "";
}

.fa-coins:before {
	content: "";
}

.fa-columns:before {
	content: "";
}

.fa-comment:before {
	content: "";
}

.fa-comment-alt:before {
	content: "";
}

.fa-comment-dollar:before {
	content: "";
}

.fa-comment-dots:before {
	content: "";
}

.fa-comment-medical:before {
	content: "";
}

.fa-comment-slash:before {
	content: "";
}

.fa-comments:before {
	content: "";
}

.fa-comments-dollar:before {
	content: "";
}

.fa-compact-disc:before {
	content: "";
}

.fa-compass:before {
	content: "";
}

.fa-compress:before {
	content: "";
}

.fa-compress-alt:before {
	content: "";
}

.fa-compress-arrows-alt:before {
	content: "";
}

.fa-concierge-bell:before {
	content: "";
}

.fa-confluence:before {
	content: "";
}

.fa-connectdevelop:before {
	content: "";
}

.fa-contao:before {
	content: "";
}

.fa-cookie:before {
	content: "";
}

.fa-cookie-bite:before {
	content: "";
}

.fa-copy:before {
	content: "";
}

.fa-copyright:before {
	content: "";
}

.fa-cotton-bureau:before {
	content: "";
}

.fa-couch:before {
	content: "";
}

.fa-cpanel:before {
	content: "";
}

.fa-creative-commons:before {
	content: "";
}

.fa-creative-commons-by:before {
	content: "";
}

.fa-creative-commons-nc:before {
	content: "";
}

.fa-creative-commons-nc-eu:before {
	content: "";
}

.fa-creative-commons-nc-jp:before {
	content: "";
}

.fa-creative-commons-nd:before {
	content: "";
}

.fa-creative-commons-pd:before {
	content: "";
}

.fa-creative-commons-pd-alt:before {
	content: "";
}

.fa-creative-commons-remix:before {
	content: "";
}

.fa-creative-commons-sa:before {
	content: "";
}

.fa-creative-commons-sampling:before {
	content: "";
}

.fa-creative-commons-sampling-plus:before {
	content: "";
}

.fa-creative-commons-share:before {
	content: "";
}

.fa-creative-commons-zero:before {
	content: "";
}

.fa-credit-card:before {
	content: "";
}

.fa-critical-role:before {
	content: "";
}

.fa-crop:before {
	content: "";
}

.fa-crop-alt:before {
	content: "";
}

.fa-cross:before {
	content: "";
}

.fa-crosshairs:before {
	content: "";
}

.fa-crow:before {
	content: "";
}

.fa-crown:before {
	content: "";
}

.fa-crutch:before {
	content: "";
}

.fa-css3:before {
	content: "";
}

.fa-css3-alt:before {
	content: "";
}

.fa-cube:before {
	content: "";
}

.fa-cubes:before {
	content: "";
}

.fa-cut:before {
	content: "";
}

.fa-cuttlefish:before {
	content: "";
}

.fa-d-and-d:before {
	content: "";
}

.fa-d-and-d-beyond:before {
	content: "";
}

.fa-dailymotion:before {
	content: "勒";
}

.fa-dashcube:before {
	content: "";
}

.fa-database:before {
	content: "";
}

.fa-deaf:before {
	content: "";
}

.fa-delicious:before {
	content: "";
}

.fa-democrat:before {
	content: "";
}

.fa-deploydog:before {
	content: "";
}

.fa-deskpro:before {
	content: "";
}

.fa-desktop:before {
	content: "";
}

.fa-dev:before {
	content: "";
}

.fa-deviantart:before {
	content: "";
}

.fa-dharmachakra:before {
	content: "";
}

.fa-dhl:before {
	content: "";
}

.fa-diagnoses:before {
	content: "";
}

.fa-diaspora:before {
	content: "";
}

.fa-dice:before {
	content: "";
}

.fa-dice-d20:before {
	content: "";
}

.fa-dice-d6:before {
	content: "";
}

.fa-dice-five:before {
	content: "";
}

.fa-dice-four:before {
	content: "";
}

.fa-dice-one:before {
	content: "";
}

.fa-dice-six:before {
	content: "";
}

.fa-dice-three:before {
	content: "";
}

.fa-dice-two:before {
	content: "";
}

.fa-digg:before {
	content: "";
}

.fa-digital-ocean:before {
	content: "";
}

.fa-digital-tachograph:before {
	content: "";
}

.fa-directions:before {
	content: "";
}

.fa-discord:before {
	content: "";
}

.fa-discourse:before {
	content: "";
}

.fa-divide:before {
	content: "";
}

.fa-dizzy:before {
	content: "";
}

.fa-dna:before {
	content: "";
}

.fa-dochub:before {
	content: "";
}

.fa-docker:before {
	content: "";
}

.fa-dog:before {
	content: "";
}

.fa-dollar-sign:before {
	content: "";
}

.fa-dolly:before {
	content: "";
}

.fa-dolly-flatbed:before {
	content: "";
}

.fa-donate:before {
	content: "";
}

.fa-door-closed:before {
	content: "";
}

.fa-door-open:before {
	content: "";
}

.fa-dot-circle:before {
	content: "";
}

.fa-dove:before {
	content: "";
}

.fa-download:before {
	content: "";
}

.fa-draft2digital:before {
	content: "";
}

.fa-drafting-compass:before {
	content: "";
}

.fa-dragon:before {
	content: "";
}

.fa-draw-polygon:before {
	content: "";
}

.fa-dribbble:before {
	content: "";
}

.fa-dribbble-square:before {
	content: "";
}

.fa-dropbox:before {
	content: "";
}

.fa-drum:before {
	content: "";
}

.fa-drum-steelpan:before {
	content: "";
}

.fa-drumstick-bite:before {
	content: "";
}

.fa-drupal:before {
	content: "";
}

.fa-dumbbell:before {
	content: "";
}

.fa-dumpster:before {
	content: "";
}

.fa-dumpster-fire:before {
	content: "";
}

.fa-dungeon:before {
	content: "";
}

.fa-dyalog:before {
	content: "";
}

.fa-earlybirds:before {
	content: "";
}

.fa-ebay:before {
	content: "";
}

.fa-edge:before {
	content: "";
}

.fa-edit:before {
	content: "";
}

.fa-egg:before {
	content: "";
}

.fa-eject:before {
	content: "";
}

.fa-elementor:before {
	content: "";
}

.fa-ellipsis-h:before {
	content: "";
}

.fa-ellipsis-v:before {
	content: "";
}

.fa-ello:before {
	content: "";
}

.fa-ember:before {
	content: "";
}

.fa-empire:before {
	content: "";
}

.fa-envelope:before {
	content: "";
}

.fa-envelope-open:before {
	content: "";
}

.fa-envelope-open-text:before {
	content: "";
}

.fa-envelope-square:before {
	content: "";
}

.fa-envira:before {
	content: "";
}

.fa-equals:before {
	content: "";
}

.fa-eraser:before {
	content: "";
}

.fa-erlang:before {
	content: "";
}

.fa-ethereum:before {
	content: "";
}

.fa-ethernet:before {
	content: "";
}

.fa-etsy:before {
	content: "";
}

.fa-euro-sign:before {
	content: "";
}

.fa-evernote:before {
	content: "";
}

.fa-exchange-alt:before {
	content: "";
}

.fa-exclamation:before {
	content: "";
}

.fa-exclamation-circle:before {
	content: "";
}

.fa-exclamation-triangle:before {
	content: "";
}

.fa-expand:before {
	content: "";
}

.fa-expand-alt:before {
	content: "";
}

.fa-expand-arrows-alt:before {
	content: "";
}

.fa-expeditedssl:before {
	content: "";
}

.fa-external-link-alt:before {
	content: "";
}

.fa-external-link-square-alt:before {
	content: "";
}

.fa-eye:before {
	content: "";
}

.fa-eye-dropper:before {
	content: "";
}

.fa-eye-slash:before {
	content: "";
}

.fa-facebook:before {
	content: "";
}

.fa-facebook-f:before {
	content: "";
}

.fa-facebook-messenger:before {
	content: "";
}

.fa-facebook-square:before {
	content: "";
}

.fa-fan:before {
	content: "";
}

.fa-fantasy-flight-games:before {
	content: "";
}

.fa-fast-backward:before {
	content: "";
}

.fa-fast-forward:before {
	content: "";
}

.fa-fax:before {
	content: "";
}

.fa-feather:before {
	content: "";
}

.fa-feather-alt:before {
	content: "";
}

.fa-fedex:before {
	content: "";
}

.fa-fedora:before {
	content: "";
}

.fa-female:before {
	content: "";
}

.fa-fighter-jet:before {
	content: "";
}

.fa-figma:before {
	content: "";
}

.fa-file:before {
	content: "";
}

.fa-file-alt:before {
	content: "";
}

.fa-file-archive:before {
	content: "";
}

.fa-file-audio:before {
	content: "";
}

.fa-file-code:before {
	content: "";
}

.fa-file-contract:before {
	content: "";
}

.fa-file-csv:before {
	content: "";
}

.fa-file-download:before {
	content: "";
}

.fa-file-excel:before {
	content: "";
}

.fa-file-export:before {
	content: "";
}

.fa-file-image:before {
	content: "";
}

.fa-file-import:before {
	content: "";
}

.fa-file-invoice:before {
	content: "";
}

.fa-file-invoice-dollar:before {
	content: "";
}

.fa-file-medical:before {
	content: "";
}

.fa-file-medical-alt:before {
	content: "";
}

.fa-file-pdf:before {
	content: "";
}

.fa-file-powerpoint:before {
	content: "";
}

.fa-file-prescription:before {
	content: "";
}

.fa-file-signature:before {
	content: "";
}

.fa-file-upload:before {
	content: "";
}

.fa-file-video:before {
	content: "";
}

.fa-file-word:before {
	content: "";
}

.fa-fill:before {
	content: "";
}

.fa-fill-drip:before {
	content: "";
}

.fa-film:before {
	content: "";
}

.fa-filter:before {
	content: "";
}

.fa-fingerprint:before {
	content: "";
}

.fa-fire:before {
	content: "";
}

.fa-fire-alt:before {
	content: "";
}

.fa-fire-extinguisher:before {
	content: "";
}

.fa-firefox:before {
	content: "";
}

.fa-firefox-browser:before {
	content: "龜";
}

.fa-first-aid:before {
	content: "";
}

.fa-first-order:before {
	content: "";
}

.fa-first-order-alt:before {
	content: "";
}

.fa-firstdraft:before {
	content: "";
}

.fa-fish:before {
	content: "";
}

.fa-fist-raised:before {
	content: "";
}

.fa-flag:before {
	content: "";
}

.fa-flag-checkered:before {
	content: "";
}

.fa-flag-usa:before {
	content: "";
}

.fa-flask:before {
	content: "";
}

.fa-flickr:before {
	content: "";
}

.fa-flipboard:before {
	content: "";
}

.fa-flushed:before {
	content: "";
}

.fa-fly:before {
	content: "";
}

.fa-folder:before {
	content: "";
}

.fa-folder-minus:before {
	content: "";
}

.fa-folder-open:before {
	content: "";
}

.fa-folder-plus:before {
	content: "";
}

.fa-font:before {
	content: "";
}

.fa-font-awesome:before {
	content: "";
}

.fa-font-awesome-alt:before {
	content: "";
}

.fa-font-awesome-flag:before {
	content: "";
}

.fa-font-awesome-logo-full:before {
	content: "";
}

.fa-fonticons:before {
	content: "";
}

.fa-fonticons-fi:before {
	content: "";
}

.fa-football-ball:before {
	content: "";
}

.fa-fort-awesome:before {
	content: "";
}

.fa-fort-awesome-alt:before {
	content: "";
}

.fa-forumbee:before {
	content: "";
}

.fa-forward:before {
	content: "";
}

.fa-foursquare:before {
	content: "";
}

.fa-free-code-camp:before {
	content: "";
}

.fa-freebsd:before {
	content: "";
}

.fa-frog:before {
	content: "";
}

.fa-frown:before {
	content: "";
}

.fa-frown-open:before {
	content: "";
}

.fa-fulcrum:before {
	content: "";
}

.fa-funnel-dollar:before {
	content: "";
}

.fa-futbol:before {
	content: "";
}

.fa-galactic-republic:before {
	content: "";
}

.fa-galactic-senate:before {
	content: "";
}

.fa-gamepad:before {
	content: "";
}

.fa-gas-pump:before {
	content: "";
}

.fa-gavel:before {
	content: "";
}

.fa-gem:before {
	content: "";
}

.fa-genderless:before {
	content: "";
}

.fa-get-pocket:before {
	content: "";
}

.fa-gg:before {
	content: "";
}

.fa-gg-circle:before {
	content: "";
}

.fa-ghost:before {
	content: "";
}

.fa-gift:before {
	content: "";
}

.fa-gifts:before {
	content: "";
}

.fa-git:before {
	content: "";
}

.fa-git-alt:before {
	content: "";
}

.fa-git-square:before {
	content: "";
}

.fa-github:before {
	content: "";
}

.fa-github-alt:before {
	content: "";
}

.fa-github-square:before {
	content: "";
}

.fa-gitkraken:before {
	content: "";
}

.fa-gitlab:before {
	content: "";
}

.fa-gitter:before {
	content: "";
}

.fa-glass-cheers:before {
	content: "";
}

.fa-glass-martini:before {
	content: "";
}

.fa-glass-martini-alt:before {
	content: "";
}

.fa-glass-whiskey:before {
	content: "";
}

.fa-glasses:before {
	content: "";
}

.fa-glide:before {
	content: "";
}

.fa-glide-g:before {
	content: "";
}

.fa-globe:before {
	content: "";
}

.fa-globe-africa:before {
	content: "";
}

.fa-globe-americas:before {
	content: "";
}

.fa-globe-asia:before {
	content: "";
}

.fa-globe-europe:before {
	content: "";
}

.fa-gofore:before {
	content: "";
}

.fa-golf-ball:before {
	content: "";
}

.fa-goodreads:before {
	content: "";
}

.fa-goodreads-g:before {
	content: "";
}

.fa-google:before {
	content: "";
}

.fa-google-drive:before {
	content: "";
}

.fa-google-play:before {
	content: "";
}

.fa-google-plus:before {
	content: "";
}

.fa-google-plus-g:before {
	content: "";
}

.fa-google-plus-square:before {
	content: "";
}

.fa-google-wallet:before {
	content: "";
}

.fa-gopuram:before {
	content: "";
}

.fa-graduation-cap:before {
	content: "";
}

.fa-gratipay:before {
	content: "";
}

.fa-grav:before {
	content: "";
}

.fa-greater-than:before {
	content: "";
}

.fa-greater-than-equal:before {
	content: "";
}

.fa-grimace:before {
	content: "";
}

.fa-grin:before {
	content: "";
}

.fa-grin-alt:before {
	content: "";
}

.fa-grin-beam:before {
	content: "";
}

.fa-grin-beam-sweat:before {
	content: "";
}

.fa-grin-hearts:before {
	content: "";
}

.fa-grin-squint:before {
	content: "";
}

.fa-grin-squint-tears:before {
	content: "";
}

.fa-grin-stars:before {
	content: "";
}

.fa-grin-tears:before {
	content: "";
}

.fa-grin-tongue:before {
	content: "";
}

.fa-grin-tongue-squint:before {
	content: "";
}

.fa-grin-tongue-wink:before {
	content: "";
}

.fa-grin-wink:before {
	content: "";
}

.fa-grip-horizontal:before {
	content: "";
}

.fa-grip-lines:before {
	content: "";
}

.fa-grip-lines-vertical:before {
	content: "";
}

.fa-grip-vertical:before {
	content: "";
}

.fa-gripfire:before {
	content: "";
}

.fa-grunt:before {
	content: "";
}

.fa-guitar:before {
	content: "";
}

.fa-gulp:before {
	content: "";
}

.fa-h-square:before {
	content: "";
}

.fa-hacker-news:before {
	content: "";
}

.fa-hacker-news-square:before {
	content: "";
}

.fa-hackerrank:before {
	content: "";
}

.fa-hamburger:before {
	content: "";
}

.fa-hammer:before {
	content: "";
}

.fa-hamsa:before {
	content: "";
}

.fa-hand-holding:before {
	content: "";
}

.fa-hand-holding-heart:before {
	content: "";
}

.fa-hand-holding-usd:before {
	content: "";
}

.fa-hand-lizard:before {
	content: "";
}

.fa-hand-middle-finger:before {
	content: "";
}

.fa-hand-paper:before {
	content: "";
}

.fa-hand-peace:before {
	content: "";
}

.fa-hand-point-down:before {
	content: "";
}

.fa-hand-point-left:before {
	content: "";
}

.fa-hand-point-right:before {
	content: "";
}

.fa-hand-point-up:before {
	content: "";
}

.fa-hand-pointer:before {
	content: "";
}

.fa-hand-rock:before {
	content: "";
}

.fa-hand-scissors:before {
	content: "";
}

.fa-hand-spock:before {
	content: "";
}

.fa-hands:before {
	content: "";
}

.fa-hands-helping:before {
	content: "";
}

.fa-handshake:before {
	content: "";
}

.fa-hanukiah:before {
	content: "";
}

.fa-hard-hat:before {
	content: "";
}

.fa-hashtag:before {
	content: "";
}

.fa-hat-cowboy:before {
	content: "";
}

.fa-hat-cowboy-side:before {
	content: "";
}

.fa-hat-wizard:before {
	content: "";
}

.fa-hdd:before {
	content: "";
}

.fa-heading:before {
	content: "";
}

.fa-headphones:before {
	content: "";
}

.fa-headphones-alt:before {
	content: "";
}

.fa-headset:before {
	content: "";
}

.fa-heart:before {
	content: "";
}

.fa-heart-broken:before {
	content: "";
}

.fa-heartbeat:before {
	content: "";
}

.fa-helicopter:before {
	content: "";
}

.fa-highlighter:before {
	content: "";
}

.fa-hiking:before {
	content: "";
}

.fa-hippo:before {
	content: "";
}

.fa-hips:before {
	content: "";
}

.fa-hire-a-helper:before {
	content: "";
}

.fa-history:before {
	content: "";
}

.fa-hockey-puck:before {
	content: "";
}

.fa-holly-berry:before {
	content: "";
}

.fa-home:before {
	content: "";
}

.fa-hooli:before {
	content: "";
}

.fa-hornbill:before {
	content: "";
}

.fa-horse:before {
	content: "";
}

.fa-horse-head:before {
	content: "";
}

.fa-hospital:before {
	content: "";
}

.fa-hospital-alt:before {
	content: "";
}

.fa-hospital-symbol:before {
	content: "";
}

.fa-hot-tub:before {
	content: "";
}

.fa-hotdog:before {
	content: "";
}

.fa-hotel:before {
	content: "";
}

.fa-hotjar:before {
	content: "";
}

.fa-hourglass:before {
	content: "";
}

.fa-hourglass-end:before {
	content: "";
}

.fa-hourglass-half:before {
	content: "";
}

.fa-hourglass-start:before {
	content: "";
}

.fa-house-damage:before {
	content: "";
}

.fa-houzz:before {
	content: "";
}

.fa-hryvnia:before {
	content: "";
}

.fa-html5:before {
	content: "";
}

.fa-hubspot:before {
	content: "";
}

.fa-i-cursor:before {
	content: "";
}

.fa-ice-cream:before {
	content: "";
}

.fa-icicles:before {
	content: "";
}

.fa-icons:before {
	content: "";
}

.fa-id-badge:before {
	content: "";
}

.fa-id-card:before {
	content: "";
}

.fa-id-card-alt:before {
	content: "";
}

.fa-ideal:before {
	content: "邏";
}

.fa-igloo:before {
	content: "";
}

.fa-image:before {
	content: "";
}

.fa-images:before {
	content: "";
}

.fa-imdb:before {
	content: "";
}

.fa-inbox:before {
	content: "";
}

.fa-indent:before {
	content: "";
}

.fa-industry:before {
	content: "";
}

.fa-infinity:before {
	content: "";
}

.fa-info:before {
	content: "";
}

.fa-info-circle:before {
	content: "";
}

.fa-instagram:before {
	content: "";
}

.fa-instagram-square:before {
	content: "凌";
}

.fa-intercom:before {
	content: "";
}

.fa-internet-explorer:before {
	content: "";
}

.fa-invision:before {
	content: "";
}

.fa-ioxhost:before {
	content: "";
}

.fa-italic:before {
	content: "";
}

.fa-itch-io:before {
	content: "";
}

.fa-itunes:before {
	content: "";
}

.fa-itunes-note:before {
	content: "";
}

.fa-java:before {
	content: "";
}

.fa-jedi:before {
	content: "";
}

.fa-jedi-order:before {
	content: "";
}

.fa-jenkins:before {
	content: "";
}

.fa-jira:before {
	content: "";
}

.fa-joget:before {
	content: "";
}

.fa-joint:before {
	content: "";
}

.fa-joomla:before {
	content: "";
}

.fa-journal-whills:before {
	content: "";
}

.fa-js:before {
	content: "";
}

.fa-js-square:before {
	content: "";
}

.fa-jsfiddle:before {
	content: "";
}

.fa-kaaba:before {
	content: "";
}

.fa-kaggle:before {
	content: "";
}

.fa-key:before {
	content: "";
}

.fa-keybase:before {
	content: "";
}

.fa-keyboard:before {
	content: "";
}

.fa-keycdn:before {
	content: "";
}

.fa-khanda:before {
	content: "";
}

.fa-kickstarter:before {
	content: "";
}

.fa-kickstarter-k:before {
	content: "";
}

.fa-kiss:before {
	content: "";
}

.fa-kiss-beam:before {
	content: "";
}

.fa-kiss-wink-heart:before {
	content: "";
}

.fa-kiwi-bird:before {
	content: "";
}

.fa-korvue:before {
	content: "";
}

.fa-landmark:before {
	content: "";
}

.fa-language:before {
	content: "";
}

.fa-laptop:before {
	content: "";
}

.fa-laptop-code:before {
	content: "";
}

.fa-laptop-medical:before {
	content: "";
}

.fa-laravel:before {
	content: "";
}

.fa-lastfm:before {
	content: "";
}

.fa-lastfm-square:before {
	content: "";
}

.fa-laugh:before {
	content: "";
}

.fa-laugh-beam:before {
	content: "";
}

.fa-laugh-squint:before {
	content: "";
}

.fa-laugh-wink:before {
	content: "";
}

.fa-layer-group:before {
	content: "";
}

.fa-leaf:before {
	content: "";
}

.fa-leanpub:before {
	content: "";
}

.fa-lemon:before {
	content: "";
}

.fa-less:before {
	content: "";
}

.fa-less-than:before {
	content: "";
}

.fa-less-than-equal:before {
	content: "";
}

.fa-level-down-alt:before {
	content: "";
}

.fa-level-up-alt:before {
	content: "";
}

.fa-life-ring:before {
	content: "";
}

.fa-lightbulb:before {
	content: "";
}

.fa-line:before {
	content: "";
}

.fa-link:before {
	content: "";
}

.fa-linkedin:before {
	content: "";
}

.fa-linkedin-in:before {
	content: "";
}

.fa-linode:before {
	content: "";
}

.fa-linux:before {
	content: "";
}

.fa-lira-sign:before {
	content: "";
}

.fa-list:before {
	content: "";
}

.fa-list-alt:before {
	content: "";
}

.fa-list-ol:before {
	content: "";
}

.fa-list-ul:before {
	content: "";
}

.fa-location-arrow:before {
	content: "";
}

.fa-lock:before {
	content: "";
}

.fa-lock-open:before {
	content: "";
}

.fa-long-arrow-alt-down:before {
	content: "";
}

.fa-long-arrow-alt-left:before {
	content: "";
}

.fa-long-arrow-alt-right:before {
	content: "";
}

.fa-long-arrow-alt-up:before {
	content: "";
}

.fa-low-vision:before {
	content: "";
}

.fa-luggage-cart:before {
	content: "";
}

.fa-lyft:before {
	content: "";
}

.fa-magento:before {
	content: "";
}

.fa-magic:before {
	content: "";
}

.fa-magnet:before {
	content: "";
}

.fa-mail-bulk:before {
	content: "";
}

.fa-mailchimp:before {
	content: "";
}

.fa-male:before {
	content: "";
}

.fa-mandalorian:before {
	content: "";
}

.fa-map:before {
	content: "";
}

.fa-map-marked:before {
	content: "";
}

.fa-map-marked-alt:before {
	content: "";
}

.fa-map-marker:before {
	content: "";
}

.fa-map-marker-alt:before {
	content: "";
}

.fa-map-pin:before {
	content: "";
}

.fa-map-signs:before {
	content: "";
}

.fa-markdown:before {
	content: "";
}

.fa-marker:before {
	content: "";
}

.fa-mars:before {
	content: "";
}

.fa-mars-double:before {
	content: "";
}

.fa-mars-stroke:before {
	content: "";
}

.fa-mars-stroke-h:before {
	content: "";
}

.fa-mars-stroke-v:before {
	content: "";
}

.fa-mask:before {
	content: "";
}

.fa-mastodon:before {
	content: "";
}

.fa-maxcdn:before {
	content: "";
}

.fa-mdb:before {
	content: "";
}

.fa-medal:before {
	content: "";
}

.fa-medapps:before {
	content: "";
}

.fa-medium:before {
	content: "";
}

.fa-medium-m:before {
	content: "";
}

.fa-medkit:before {
	content: "";
}

.fa-medrt:before {
	content: "";
}

.fa-meetup:before {
	content: "";
}

.fa-megaport:before {
	content: "";
}

.fa-meh:before {
	content: "";
}

.fa-meh-blank:before {
	content: "";
}

.fa-meh-rolling-eyes:before {
	content: "";
}

.fa-memory:before {
	content: "";
}

.fa-mendeley:before {
	content: "";
}

.fa-menorah:before {
	content: "";
}

.fa-mercury:before {
	content: "";
}

.fa-meteor:before {
	content: "";
}

.fa-microblog:before {
	content: "駱";
}

.fa-microchip:before {
	content: "";
}

.fa-microphone:before {
	content: "";
}

.fa-microphone-alt:before {
	content: "";
}

.fa-microphone-alt-slash:before {
	content: "";
}

.fa-microphone-slash:before {
	content: "";
}

.fa-microscope:before {
	content: "";
}

.fa-microsoft:before {
	content: "";
}

.fa-minus:before {
	content: "";
}

.fa-minus-circle:before {
	content: "";
}

.fa-minus-square:before {
	content: "";
}

.fa-mitten:before {
	content: "";
}

.fa-mix:before {
	content: "";
}

.fa-mixcloud:before {
	content: "";
}

.fa-mixer:before {
	content: "稜";
}

.fa-mizuni:before {
	content: "";
}

.fa-mobile:before {
	content: "";
}

.fa-mobile-alt:before {
	content: "";
}

.fa-modx:before {
	content: "";
}

.fa-monero:before {
	content: "";
}

.fa-money-bill:before {
	content: "";
}

.fa-money-bill-alt:before {
	content: "";
}

.fa-money-bill-wave:before {
	content: "";
}

.fa-money-bill-wave-alt:before {
	content: "";
}

.fa-money-check:before {
	content: "";
}

.fa-money-check-alt:before {
	content: "";
}

.fa-monument:before {
	content: "";
}

.fa-moon:before {
	content: "";
}

.fa-mortar-pestle:before {
	content: "";
}

.fa-mosque:before {
	content: "";
}

.fa-motorcycle:before {
	content: "";
}

.fa-mountain:before {
	content: "";
}

.fa-mouse:before {
	content: "";
}

.fa-mouse-pointer:before {
	content: "";
}

.fa-mug-hot:before {
	content: "";
}

.fa-music:before {
	content: "";
}

.fa-napster:before {
	content: "";
}

.fa-neos:before {
	content: "";
}

.fa-network-wired:before {
	content: "";
}

.fa-neuter:before {
	content: "";
}

.fa-newspaper:before {
	content: "";
}

.fa-nimblr:before {
	content: "";
}

.fa-node:before {
	content: "";
}

.fa-node-js:before {
	content: "";
}

.fa-not-equal:before {
	content: "";
}

.fa-notes-medical:before {
	content: "";
}

.fa-npm:before {
	content: "";
}

.fa-ns8:before {
	content: "";
}

.fa-nutritionix:before {
	content: "";
}

.fa-object-group:before {
	content: "";
}

.fa-object-ungroup:before {
	content: "";
}

.fa-odnoklassniki:before {
	content: "";
}

.fa-odnoklassniki-square:before {
	content: "";
}

.fa-oil-can:before {
	content: "";
}

.fa-old-republic:before {
	content: "";
}

.fa-om:before {
	content: "";
}

.fa-opencart:before {
	content: "";
}

.fa-openid:before {
	content: "";
}

.fa-opera:before {
	content: "";
}

.fa-optin-monster:before {
	content: "";
}

.fa-orcid:before {
	content: "";
}

.fa-osi:before {
	content: "";
}

.fa-otter:before {
	content: "";
}

.fa-outdent:before {
	content: "";
}

.fa-page4:before {
	content: "";
}

.fa-pagelines:before {
	content: "";
}

.fa-pager:before {
	content: "";
}

.fa-paint-brush:before {
	content: "";
}

.fa-paint-roller:before {
	content: "";
}

.fa-palette:before {
	content: "";
}

.fa-palfed:before {
	content: "";
}

.fa-pallet:before {
	content: "";
}

.fa-paper-plane:before {
	content: "";
}

.fa-paperclip:before {
	content: "";
}

.fa-parachute-box:before {
	content: "";
}

.fa-paragraph:before {
	content: "";
}

.fa-parking:before {
	content: "";
}

.fa-passport:before {
	content: "";
}

.fa-pastafarianism:before {
	content: "";
}

.fa-paste:before {
	content: "";
}

.fa-patreon:before {
	content: "";
}

.fa-pause:before {
	content: "";
}

.fa-pause-circle:before {
	content: "";
}

.fa-paw:before {
	content: "";
}

.fa-paypal:before {
	content: "";
}

.fa-peace:before {
	content: "";
}

.fa-pen:before {
	content: "";
}

.fa-pen-alt:before {
	content: "";
}

.fa-pen-fancy:before {
	content: "";
}

.fa-pen-nib:before {
	content: "";
}

.fa-pen-square:before {
	content: "";
}

.fa-pencil-alt:before {
	content: "";
}

.fa-pencil-ruler:before {
	content: "";
}

.fa-penny-arcade:before {
	content: "";
}

.fa-people-carry:before {
	content: "";
}

.fa-pepper-hot:before {
	content: "";
}

.fa-percent:before {
	content: "";
}

.fa-percentage:before {
	content: "";
}

.fa-periscope:before {
	content: "";
}

.fa-person-booth:before {
	content: "";
}

.fa-phabricator:before {
	content: "";
}

.fa-phoenix-framework:before {
	content: "";
}

.fa-phoenix-squadron:before {
	content: "";
}

.fa-phone:before {
	content: "";
}

.fa-phone-alt:before {
	content: "";
}

.fa-phone-slash:before {
	content: "";
}

.fa-phone-square:before {
	content: "";
}

.fa-phone-square-alt:before {
	content: "";
}

.fa-phone-volume:before {
	content: "";
}

.fa-photo-video:before {
	content: "";
}

.fa-php:before {
	content: "";
}

.fa-pied-piper:before {
	content: "";
}

.fa-pied-piper-alt:before {
	content: "";
}

.fa-pied-piper-hat:before {
	content: "";
}

.fa-pied-piper-pp:before {
	content: "";
}

.fa-pied-piper-square:before {
	content: "爛";
}

.fa-piggy-bank:before {
	content: "";
}

.fa-pills:before {
	content: "";
}

.fa-pinterest:before {
	content: "";
}

.fa-pinterest-p:before {
	content: "";
}

.fa-pinterest-square:before {
	content: "";
}

.fa-pizza-slice:before {
	content: "";
}

.fa-place-of-worship:before {
	content: "";
}

.fa-plane:before {
	content: "";
}

.fa-plane-arrival:before {
	content: "";
}

.fa-plane-departure:before {
	content: "";
}

.fa-play:before {
	content: "";
}

.fa-play-circle:before {
	content: "";
}

.fa-playstation:before {
	content: "";
}

.fa-plug:before {
	content: "";
}

.fa-plus:before {
	content: "";
}

.fa-plus-circle:before {
	content: "";
}

.fa-plus-square:before {
	content: "";
}

.fa-podcast:before {
	content: "";
}

.fa-poll:before {
	content: "";
}

.fa-poll-h:before {
	content: "";
}

.fa-poo:before {
	content: "";
}

.fa-poo-storm:before {
	content: "";
}

.fa-poop:before {
	content: "";
}

.fa-portrait:before {
	content: "";
}

.fa-pound-sign:before {
	content: "";
}

.fa-power-off:before {
	content: "";
}

.fa-pray:before {
	content: "";
}

.fa-praying-hands:before {
	content: "";
}

.fa-prescription:before {
	content: "";
}

.fa-prescription-bottle:before {
	content: "";
}

.fa-prescription-bottle-alt:before {
	content: "";
}

.fa-print:before {
	content: "";
}

.fa-procedures:before {
	content: "";
}

.fa-product-hunt:before {
	content: "";
}

.fa-project-diagram:before {
	content: "";
}

.fa-pushed:before {
	content: "";
}

.fa-puzzle-piece:before {
	content: "";
}

.fa-python:before {
	content: "";
}

.fa-qq:before {
	content: "";
}

.fa-qrcode:before {
	content: "";
}

.fa-question:before {
	content: "";
}

.fa-question-circle:before {
	content: "";
}

.fa-quidditch:before {
	content: "";
}

.fa-quinscape:before {
	content: "";
}

.fa-quora:before {
	content: "";
}

.fa-quote-left:before {
	content: "";
}

.fa-quote-right:before {
	content: "";
}

.fa-quran:before {
	content: "";
}

.fa-r-project:before {
	content: "";
}

.fa-radiation:before {
	content: "";
}

.fa-radiation-alt:before {
	content: "";
}

.fa-rainbow:before {
	content: "";
}

.fa-random:before {
	content: "";
}

.fa-raspberry-pi:before {
	content: "";
}

.fa-ravelry:before {
	content: "";
}

.fa-react:before {
	content: "";
}

.fa-reacteurope:before {
	content: "";
}

.fa-readme:before {
	content: "";
}

.fa-rebel:before {
	content: "";
}

.fa-receipt:before {
	content: "";
}

.fa-record-vinyl:before {
	content: "";
}

.fa-recycle:before {
	content: "";
}

.fa-red-river:before {
	content: "";
}

.fa-reddit:before {
	content: "";
}

.fa-reddit-alien:before {
	content: "";
}

.fa-reddit-square:before {
	content: "";
}

.fa-redhat:before {
	content: "";
}

.fa-redo:before {
	content: "";
}

.fa-redo-alt:before {
	content: "";
}

.fa-registered:before {
	content: "";
}

.fa-remove-format:before {
	content: "";
}

.fa-renren:before {
	content: "";
}

.fa-reply:before {
	content: "";
}

.fa-reply-all:before {
	content: "";
}

.fa-replyd:before {
	content: "";
}

.fa-republican:before {
	content: "";
}

.fa-researchgate:before {
	content: "";
}

.fa-resolving:before {
	content: "";
}

.fa-restroom:before {
	content: "";
}

.fa-retweet:before {
	content: "";
}

.fa-rev:before {
	content: "";
}

.fa-ribbon:before {
	content: "";
}

.fa-ring:before {
	content: "";
}

.fa-road:before {
	content: "";
}

.fa-robot:before {
	content: "";
}

.fa-rocket:before {
	content: "";
}

.fa-rocketchat:before {
	content: "";
}

.fa-rockrms:before {
	content: "";
}

.fa-route:before {
	content: "";
}

.fa-rss:before {
	content: "";
}

.fa-rss-square:before {
	content: "";
}

.fa-ruble-sign:before {
	content: "";
}

.fa-ruler:before {
	content: "";
}

.fa-ruler-combined:before {
	content: "";
}

.fa-ruler-horizontal:before {
	content: "";
}

.fa-ruler-vertical:before {
	content: "";
}

.fa-running:before {
	content: "";
}

.fa-rupee-sign:before {
	content: "";
}

.fa-sad-cry:before {
	content: "";
}

.fa-sad-tear:before {
	content: "";
}

.fa-safari:before {
	content: "";
}

.fa-salesforce:before {
	content: "";
}

.fa-sass:before {
	content: "";
}

.fa-satellite:before {
	content: "";
}

.fa-satellite-dish:before {
	content: "";
}

.fa-save:before {
	content: "";
}

.fa-schlix:before {
	content: "";
}

.fa-school:before {
	content: "";
}

.fa-screwdriver:before {
	content: "";
}

.fa-scribd:before {
	content: "";
}

.fa-scroll:before {
	content: "";
}

.fa-sd-card:before {
	content: "";
}

.fa-search:before {
	content: "";
}

.fa-search-dollar:before {
	content: "";
}

.fa-search-location:before {
	content: "";
}

.fa-search-minus:before {
	content: "";
}

.fa-search-plus:before {
	content: "";
}

.fa-searchengin:before {
	content: "";
}

.fa-seedling:before {
	content: "";
}

.fa-sellcast:before {
	content: "";
}

.fa-sellsy:before {
	content: "";
}

.fa-server:before {
	content: "";
}

.fa-servicestack:before {
	content: "";
}

.fa-shapes:before {
	content: "";
}

.fa-share:before {
	content: "";
}

.fa-share-alt:before {
	content: "";
}

.fa-share-alt-square:before {
	content: "";
}

.fa-share-square:before {
	content: "";
}

.fa-shekel-sign:before {
	content: "";
}

.fa-shield-alt:before {
	content: "";
}

.fa-ship:before {
	content: "";
}

.fa-shipping-fast:before {
	content: "";
}

.fa-shirtsinbulk:before {
	content: "";
}

.fa-shoe-prints:before {
	content: "";
}

.fa-shopify:before {
	content: "綾";
}

.fa-shopping-bag:before {
	content: "";
}

.fa-shopping-basket:before {
	content: "";
}

.fa-shopping-cart:before {
	content: "";
}

.fa-shopware:before {
	content: "";
}

.fa-shower:before {
	content: "";
}

.fa-shuttle-van:before {
	content: "";
}

.fa-sign:before {
	content: "";
}

.fa-sign-in-alt:before {
	content: "";
}

.fa-sign-language:before {
	content: "";
}

.fa-sign-out-alt:before {
	content: "";
}

.fa-signal:before {
	content: "";
}

.fa-signature:before {
	content: "";
}

.fa-sim-card:before {
	content: "";
}

.fa-simplybuilt:before {
	content: "";
}

.fa-sistrix:before {
	content: "";
}

.fa-sitemap:before {
	content: "";
}

.fa-sith:before {
	content: "";
}

.fa-skating:before {
	content: "";
}

.fa-sketch:before {
	content: "";
}

.fa-skiing:before {
	content: "";
}

.fa-skiing-nordic:before {
	content: "";
}

.fa-skull:before {
	content: "";
}

.fa-skull-crossbones:before {
	content: "";
}

.fa-skyatlas:before {
	content: "";
}

.fa-skype:before {
	content: "";
}

.fa-slack:before {
	content: "";
}

.fa-slack-hash:before {
	content: "";
}

.fa-slash:before {
	content: "";
}

.fa-sleigh:before {
	content: "";
}

.fa-sliders-h:before {
	content: "";
}

.fa-slideshare:before {
	content: "";
}

.fa-smile:before {
	content: "";
}

.fa-smile-beam:before {
	content: "";
}

.fa-smile-wink:before {
	content: "";
}

.fa-smog:before {
	content: "";
}

.fa-smoking:before {
	content: "";
}

.fa-smoking-ban:before {
	content: "";
}

.fa-sms:before {
	content: "";
}

.fa-snapchat:before {
	content: "";
}

.fa-snapchat-ghost:before {
	content: "";
}

.fa-snapchat-square:before {
	content: "";
}

.fa-snowboarding:before {
	content: "";
}

.fa-snowflake:before {
	content: "";
}

.fa-snowman:before {
	content: "";
}

.fa-snowplow:before {
	content: "";
}

.fa-socks:before {
	content: "";
}

.fa-solar-panel:before {
	content: "";
}

.fa-sort:before {
	content: "";
}

.fa-sort-alpha-down:before {
	content: "";
}

.fa-sort-alpha-down-alt:before {
	content: "";
}

.fa-sort-alpha-up:before {
	content: "";
}

.fa-sort-alpha-up-alt:before {
	content: "";
}

.fa-sort-amount-down:before {
	content: "";
}

.fa-sort-amount-down-alt:before {
	content: "";
}

.fa-sort-amount-up:before {
	content: "";
}

.fa-sort-amount-up-alt:before {
	content: "";
}

.fa-sort-down:before {
	content: "";
}

.fa-sort-numeric-down:before {
	content: "";
}

.fa-sort-numeric-down-alt:before {
	content: "";
}

.fa-sort-numeric-up:before {
	content: "";
}

.fa-sort-numeric-up-alt:before {
	content: "";
}

.fa-sort-up:before {
	content: "";
}

.fa-soundcloud:before {
	content: "";
}

.fa-sourcetree:before {
	content: "";
}

.fa-spa:before {
	content: "";
}

.fa-space-shuttle:before {
	content: "";
}

.fa-speakap:before {
	content: "";
}

.fa-speaker-deck:before {
	content: "";
}

.fa-spell-check:before {
	content: "";
}

.fa-spider:before {
	content: "";
}

.fa-spinner:before {
	content: "";
}

.fa-splotch:before {
	content: "";
}

.fa-spotify:before {
	content: "";
}

.fa-spray-can:before {
	content: "";
}

.fa-square:before {
	content: "";
}

.fa-square-full:before {
	content: "";
}

.fa-square-root-alt:before {
	content: "";
}

.fa-squarespace:before {
	content: "";
}

.fa-stack-exchange:before {
	content: "";
}

.fa-stack-overflow:before {
	content: "";
}

.fa-stackpath:before {
	content: "";
}

.fa-stamp:before {
	content: "";
}

.fa-star:before {
	content: "";
}

.fa-star-and-crescent:before {
	content: "";
}

.fa-star-half:before {
	content: "";
}

.fa-star-half-alt:before {
	content: "";
}

.fa-star-of-david:before {
	content: "";
}

.fa-star-of-life:before {
	content: "";
}

.fa-staylinked:before {
	content: "";
}

.fa-steam:before {
	content: "";
}

.fa-steam-square:before {
	content: "";
}

.fa-steam-symbol:before {
	content: "";
}

.fa-step-backward:before {
	content: "";
}

.fa-step-forward:before {
	content: "";
}

.fa-stethoscope:before {
	content: "";
}

.fa-sticker-mule:before {
	content: "";
}

.fa-sticky-note:before {
	content: "";
}

.fa-stop:before {
	content: "";
}

.fa-stop-circle:before {
	content: "";
}

.fa-stopwatch:before {
	content: "";
}

.fa-store:before {
	content: "";
}

.fa-store-alt:before {
	content: "";
}

.fa-strava:before {
	content: "";
}

.fa-stream:before {
	content: "";
}

.fa-street-view:before {
	content: "";
}

.fa-strikethrough:before {
	content: "";
}

.fa-stripe:before {
	content: "";
}

.fa-stripe-s:before {
	content: "";
}

.fa-stroopwafel:before {
	content: "";
}

.fa-studiovinari:before {
	content: "";
}

.fa-stumbleupon:before {
	content: "";
}

.fa-stumbleupon-circle:before {
	content: "";
}

.fa-subscript:before {
	content: "";
}

.fa-subway:before {
	content: "";
}

.fa-suitcase:before {
	content: "";
}

.fa-suitcase-rolling:before {
	content: "";
}

.fa-sun:before {
	content: "";
}

.fa-superpowers:before {
	content: "";
}

.fa-superscript:before {
	content: "";
}

.fa-supple:before {
	content: "";
}

.fa-surprise:before {
	content: "";
}

.fa-suse:before {
	content: "";
}

.fa-swatchbook:before {
	content: "";
}

.fa-swift:before {
	content: "";
}

.fa-swimmer:before {
	content: "";
}

.fa-swimming-pool:before {
	content: "";
}

.fa-symfony:before {
	content: "";
}

.fa-synagogue:before {
	content: "";
}

.fa-sync:before {
	content: "";
}

.fa-sync-alt:before {
	content: "";
}

.fa-syringe:before {
	content: "";
}

.fa-table:before {
	content: "";
}

.fa-table-tennis:before {
	content: "";
}

.fa-tablet:before {
	content: "";
}

.fa-tablet-alt:before {
	content: "";
}

.fa-tablets:before {
	content: "";
}

.fa-tachometer-alt:before {
	content: "";
}

.fa-tag:before {
	content: "";
}

.fa-tags:before {
	content: "";
}

.fa-tape:before {
	content: "";
}

.fa-tasks:before {
	content: "";
}

.fa-taxi:before {
	content: "";
}

.fa-teamspeak:before {
	content: "";
}

.fa-teeth:before {
	content: "";
}

.fa-teeth-open:before {
	content: "";
}

.fa-telegram:before {
	content: "";
}

.fa-telegram-plane:before {
	content: "";
}

.fa-temperature-high:before {
	content: "";
}

.fa-temperature-low:before {
	content: "";
}

.fa-tencent-weibo:before {
	content: "";
}

.fa-tenge:before {
	content: "";
}

.fa-terminal:before {
	content: "";
}

.fa-text-height:before {
	content: "";
}

.fa-text-width:before {
	content: "";
}

.fa-th:before {
	content: "";
}

.fa-th-large:before {
	content: "";
}

.fa-th-list:before {
	content: "";
}

.fa-the-red-yeti:before {
	content: "";
}

.fa-theater-masks:before {
	content: "";
}

.fa-themeco:before {
	content: "";
}

.fa-themeisle:before {
	content: "";
}

.fa-thermometer:before {
	content: "";
}

.fa-thermometer-empty:before {
	content: "";
}

.fa-thermometer-full:before {
	content: "";
}

.fa-thermometer-half:before {
	content: "";
}

.fa-thermometer-quarter:before {
	content: "";
}

.fa-thermometer-three-quarters:before {
	content: "";
}

.fa-think-peaks:before {
	content: "";
}

.fa-thumbs-down:before {
	content: "";
}

.fa-thumbs-up:before {
	content: "";
}

.fa-thumbtack:before {
	content: "";
}

.fa-ticket-alt:before {
	content: "";
}

.fa-times:before {
	content: "";
}

.fa-times-circle:before {
	content: "";
}

.fa-tint:before {
	content: "";
}

.fa-tint-slash:before {
	content: "";
}

.fa-tired:before {
	content: "";
}

.fa-toggle-off:before {
	content: "";
}

.fa-toggle-on:before {
	content: "";
}

.fa-toilet:before {
	content: "";
}

.fa-toilet-paper:before {
	content: "";
}

.fa-toolbox:before {
	content: "";
}

.fa-tools:before {
	content: "";
}

.fa-tooth:before {
	content: "";
}

.fa-torah:before {
	content: "";
}

.fa-torii-gate:before {
	content: "";
}

.fa-tractor:before {
	content: "";
}

.fa-trade-federation:before {
	content: "";
}

.fa-trademark:before {
	content: "";
}

.fa-traffic-light:before {
	content: "";
}

.fa-trailer:before {
	content: "論";
}

.fa-train:before {
	content: "";
}

.fa-tram:before {
	content: "";
}

.fa-transgender:before {
	content: "";
}

.fa-transgender-alt:before {
	content: "";
}

.fa-trash:before {
	content: "";
}

.fa-trash-alt:before {
	content: "";
}

.fa-trash-restore:before {
	content: "";
}

.fa-trash-restore-alt:before {
	content: "";
}

.fa-tree:before {
	content: "";
}

.fa-trello:before {
	content: "";
}

.fa-tripadvisor:before {
	content: "";
}

.fa-trophy:before {
	content: "";
}

.fa-truck:before {
	content: "";
}

.fa-truck-loading:before {
	content: "";
}

.fa-truck-monster:before {
	content: "";
}

.fa-truck-moving:before {
	content: "";
}

.fa-truck-pickup:before {
	content: "";
}

.fa-tshirt:before {
	content: "";
}

.fa-tty:before {
	content: "";
}

.fa-tumblr:before {
	content: "";
}

.fa-tumblr-square:before {
	content: "";
}

.fa-tv:before {
	content: "";
}

.fa-twitch:before {
	content: "";
}

.fa-twitter:before {
	content: "";
}

.fa-twitter-square:before {
	content: "";
}

.fa-typo3:before {
	content: "";
}

.fa-uber:before {
	content: "";
}

.fa-ubuntu:before {
	content: "";
}

.fa-uikit:before {
	content: "";
}

.fa-umbraco:before {
	content: "";
}

.fa-umbrella:before {
	content: "";
}

.fa-umbrella-beach:before {
	content: "";
}

.fa-underline:before {
	content: "";
}

.fa-undo:before {
	content: "";
}

.fa-undo-alt:before {
	content: "";
}

.fa-uniregistry:before {
	content: "";
}

.fa-unity:before {
	content: "雷";
}

.fa-universal-access:before {
	content: "";
}

.fa-university:before {
	content: "";
}

.fa-unlink:before {
	content: "";
}

.fa-unlock:before {
	content: "";
}

.fa-unlock-alt:before {
	content: "";
}

.fa-untappd:before {
	content: "";
}

.fa-upload:before {
	content: "";
}

.fa-ups:before {
	content: "";
}

.fa-usb:before {
	content: "";
}

.fa-user:before {
	content: "";
}

.fa-user-alt:before {
	content: "";
}

.fa-user-alt-slash:before {
	content: "";
}

.fa-user-astronaut:before {
	content: "";
}

.fa-user-check:before {
	content: "";
}

.fa-user-circle:before {
	content: "";
}

.fa-user-clock:before {
	content: "";
}

.fa-user-cog:before {
	content: "";
}

.fa-user-edit:before {
	content: "";
}

.fa-user-friends:before {
	content: "";
}

.fa-user-graduate:before {
	content: "";
}

.fa-user-injured:before {
	content: "";
}

.fa-user-lock:before {
	content: "";
}

.fa-user-md:before {
	content: "";
}

.fa-user-minus:before {
	content: "";
}

.fa-user-ninja:before {
	content: "";
}

.fa-user-nurse:before {
	content: "";
}

.fa-user-plus:before {
	content: "";
}

.fa-user-secret:before {
	content: "";
}

.fa-user-shield:before {
	content: "";
}

.fa-user-slash:before {
	content: "";
}

.fa-user-tag:before {
	content: "";
}

.fa-user-tie:before {
	content: "";
}

.fa-user-times:before {
	content: "";
}

.fa-users:before {
	content: "";
}

.fa-users-cog:before {
	content: "";
}

.fa-usps:before {
	content: "";
}

.fa-ussunnah:before {
	content: "";
}

.fa-utensil-spoon:before {
	content: "";
}

.fa-utensils:before {
	content: "";
}

.fa-vaadin:before {
	content: "";
}

.fa-vector-square:before {
	content: "";
}

.fa-venus:before {
	content: "";
}

.fa-venus-double:before {
	content: "";
}

.fa-venus-mars:before {
	content: "";
}

.fa-viacoin:before {
	content: "";
}

.fa-viadeo:before {
	content: "";
}

.fa-viadeo-square:before {
	content: "";
}

.fa-vial:before {
	content: "";
}

.fa-vials:before {
	content: "";
}

.fa-viber:before {
	content: "";
}

.fa-video:before {
	content: "";
}

.fa-video-slash:before {
	content: "";
}

.fa-vihara:before {
	content: "";
}

.fa-vimeo:before {
	content: "";
}

.fa-vimeo-square:before {
	content: "";
}

.fa-vimeo-v:before {
	content: "";
}

.fa-vine:before {
	content: "";
}

.fa-vk:before {
	content: "";
}

.fa-vnv:before {
	content: "";
}

.fa-voicemail:before {
	content: "";
}

.fa-volleyball-ball:before {
	content: "";
}

.fa-volume-down:before {
	content: "";
}

.fa-volume-mute:before {
	content: "";
}

.fa-volume-off:before {
	content: "";
}

.fa-volume-up:before {
	content: "";
}

.fa-vote-yea:before {
	content: "";
}

.fa-vr-cardboard:before {
	content: "";
}

.fa-vuejs:before {
	content: "";
}

.fa-walking:before {
	content: "";
}

.fa-wallet:before {
	content: "";
}

.fa-warehouse:before {
	content: "";
}

.fa-water:before {
	content: "";
}

.fa-wave-square:before {
	content: "";
}

.fa-waze:before {
	content: "";
}

.fa-weebly:before {
	content: "";
}

.fa-weibo:before {
	content: "";
}

.fa-weight:before {
	content: "";
}

.fa-weight-hanging:before {
	content: "";
}

.fa-weixin:before {
	content: "";
}

.fa-whatsapp:before {
	content: "";
}

.fa-whatsapp-square:before {
	content: "";
}

.fa-wheelchair:before {
	content: "";
}

.fa-whmcs:before {
	content: "";
}

.fa-wifi:before {
	content: "";
}

.fa-wikipedia-w:before {
	content: "";
}

.fa-wind:before {
	content: "";
}

.fa-window-close:before {
	content: "";
}

.fa-window-maximize:before {
	content: "";
}

.fa-window-minimize:before {
	content: "";
}

.fa-window-restore:before {
	content: "";
}

.fa-windows:before {
	content: "";
}

.fa-wine-bottle:before {
	content: "";
}

.fa-wine-glass:before {
	content: "";
}

.fa-wine-glass-alt:before {
	content: "";
}

.fa-wix:before {
	content: "";
}

.fa-wizards-of-the-coast:before {
	content: "";
}

.fa-wolf-pack-battalion:before {
	content: "";
}

.fa-won-sign:before {
	content: "";
}

.fa-wordpress:before {
	content: "";
}

.fa-wordpress-simple:before {
	content: "";
}

.fa-wpbeginner:before {
	content: "";
}

.fa-wpexplorer:before {
	content: "";
}

.fa-wpforms:before {
	content: "";
}

.fa-wpressr:before {
	content: "";
}

.fa-wrench:before {
	content: "";
}

.fa-x-ray:before {
	content: "";
}

.fa-xbox:before {
	content: "";
}

.fa-xing:before {
	content: "";
}

.fa-xing-square:before {
	content: "";
}

.fa-y-combinator:before {
	content: "";
}

.fa-yahoo:before {
	content: "";
}

.fa-yammer:before {
	content: "";
}

.fa-yandex:before {
	content: "";
}

.fa-yandex-international:before {
	content: "";
}

.fa-yarn:before {
	content: "";
}

.fa-yelp:before {
	content: "";
}

.fa-yen-sign:before {
	content: "";
}

.fa-yin-yang:before {
	content: "";
}

.fa-yoast:before {
	content: "";
}

.fa-youtube:before {
	content: "";
}

.fa-youtube-square:before {
	content: "";
}

.fa-zhihu:before {
	content: "";
}

.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

@font-face {
font-family: "Font Awesome 5 Brands";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("/fonts/fa-brands-400.eot");
src: url("/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/fonts/fa-brands-400.woff2") format("woff2"), url("/fonts/fa-brands-400.woff") format("woff"), url("/fonts/fa-brands-400.ttf") format("truetype"), url("/fonts/fa-brands-400.svg#fontawesome") format("svg");
}
.fab {
	font-family: "Font Awesome 5 Brands";
	font-weight: 400;
}

@font-face {
font-family: "Font Awesome 5 Free";
font-style: normal;
font-weight: 400;
font-display: auto;
src: url("/fonts/fa-regular-400.eot");
src: url("/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/fonts/fa-regular-400.woff2") format("woff2"), url("/fonts/fa-regular-400.woff") format("woff"), url("/fonts/fa-regular-400.ttf") format("truetype"), url("/fonts/fa-regular-400.svg#fontawesome") format("svg");
}
.far {
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
}

@font-face {
font-family: "Font Awesome 5 Free";
font-style: normal;
font-weight: 900;
font-display: auto;
src: url("/fonts/fa-solid-900.eot");
src: url("/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/fonts/fa-solid-900.woff2") format("woff2"), url("/fonts/fa-solid-900.woff") format("woff"), url("/fonts/fa-solid-900.ttf") format("truetype"), url("/fonts/fa-solid-900.svg#fontawesome") format("svg");
}
.fa,
.fas {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

/*******************typography***********************/
body {
	font-family: "Work Sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.4rem;
	line-height: 2rem;
	color: rgba(0, 0, 0, 0.6);
}

.heading-1th--light {
	color: #ffffff;
	font-size: 9.6rem;
	line-height: 9.6rem;
	letter-spacing: -0.067rem;
	text-transform: none;
	font-weight: 300;
}
.heading-1th--light-hi {
	color: rgba(255, 255, 255, 0.87);
	font-size: 9.6rem;
	line-height: 9.6rem;
	letter-spacing: -0.067rem;
	text-transform: none;
	font-weight: 300;
}
.heading-1th--light-md {
	color: rgba(255, 255, 255, 0.6);
	font-size: 9.6rem;
	line-height: 9.6rem;
	letter-spacing: -0.067rem;
	text-transform: none;
	font-weight: 300;
}
.heading-1th--dark {
	color: #000000;
	font-size: 9.6rem;
	line-height: 9.6rem;
	letter-spacing: -0.067rem;
	text-transform: none;
	font-weight: 300;
}
.heading-1th--dark-hi {
	color: rgba(0, 0, 0, 0.87);
	font-size: 9.6rem;
	line-height: 9.6rem;
	letter-spacing: -0.067rem;
	text-transform: none;
	font-weight: 300;
}
.heading-1th--dark-md {
	color: rgba(0, 0, 0, 0.6);
	font-size: 9.6rem;
	line-height: 9.6rem;
	letter-spacing: -0.067rem;
	text-transform: none;
	font-weight: 300;
}

.heading-2th--light {
	color: #ffffff;
	font-size: 6rem;
	line-height: 6rem;
	letter-spacing: 0rem;
	text-transform: none;
	font-weight: 300;
}
.heading-2th--light-hover-pr-hi {
	color: #ffffff;
	font-size: 6rem;
	line-height: 6rem;
	letter-spacing: 0rem;
	text-transform: none;
	font-weight: 300;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.heading-2th--light-hover-pr-hi:hover {
	color: rgba(17, 189, 163, 0.87);
}
.heading-2th--light-hi {
	color: rgba(255, 255, 255, 0.87);
	font-size: 6rem;
	line-height: 6rem;
	letter-spacing: 0rem;
	text-transform: none;
	font-weight: 300;
}
.heading-2th--light-md {
	color: rgba(255, 255, 255, 0.6);
	font-size: 6rem;
	line-height: 6rem;
	letter-spacing: 0rem;
	text-transform: none;
	font-weight: 300;
}
.heading-2th--dark {
	color: #000000;
	font-size: 6rem;
	line-height: 6rem;
	letter-spacing: 0rem;
	text-transform: none;
	font-weight: 300;
}
.heading-2th--dark-hi {
	color: rgba(0, 0, 0, 0.87);
	font-size: 6rem;
	line-height: 6rem;
	letter-spacing: 0rem;
	text-transform: none;
	font-weight: 300;
}
.heading-2th--dark-md {
	color: rgba(0, 0, 0, 0.6);
	font-size: 6rem;
	line-height: 6rem;
	letter-spacing: 0rem;
	text-transform: none;
	font-weight: 300;
}
.heading-2th--primary-hi {
	color: rgba(17, 189, 163, 0.87);
	font-size: 6rem;
	line-height: 6rem;
	letter-spacing: 0rem;
	text-transform: none;
	font-weight: 300;
}

.heading-3th--light {
	color: #ffffff;
	font-size: 4.8rem;
	line-height: 5.2rem;
	letter-spacing: 0.043rem;
	text-transform: none;
	font-weight: 400;
}
.heading-3th--light-hover {
	color: #ffffff;
	font-size: 4.8rem;
	line-height: 5.2rem;
	letter-spacing: 0.043rem;
	text-transform: none;
	font-weight: 400;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.heading-3th--light-hover:hover {
	color: rgba(255, 255, 255, 0.87);
}
.heading-3th--light-hover-pr-hi {
	color: #ffffff;
	font-size: 4.8rem;
	line-height: 5.2rem;
	letter-spacing: 0.043rem;
	text-transform: none;
	font-weight: 400;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.heading-3th--light-hover-pr-hi:hover {
	color: rgba(17, 189, 163, 0.87);
}
.heading-3th--light-hi {
	color: rgba(255, 255, 255, 0.87);
	font-size: 4.8rem;
	line-height: 5.2rem;
	letter-spacing: 0.043rem;
	text-transform: none;
	font-weight: 400;
}
.heading-3th--light-md {
	color: rgba(255, 255, 255, 0.6);
	font-size: 4.8rem;
	line-height: 5.2rem;
	letter-spacing: 0.043rem;
	text-transform: none;
	font-weight: 400;
}
.heading-3th--dark {
	color: #000000;
	font-size: 4.8rem;
	line-height: 5.2rem;
	letter-spacing: 0.043rem;
	text-transform: none;
	font-weight: 400;
}
.heading-3th--dark-hi {
	color: rgba(0, 0, 0, 0.87);
	font-size: 4.8rem;
	line-height: 5.2rem;
	letter-spacing: 0.043rem;
	text-transform: none;
	font-weight: 400;
}
.heading-3th--dark-md {
	color: rgba(0, 0, 0, 0.6);
	font-size: 4.8rem;
	line-height: 5.2rem;
	letter-spacing: 0.043rem;
	text-transform: none;
	font-weight: 400;
}

.heading-4th--light {
	color: #ffffff;
	font-size: 3.4rem;
	line-height: 4rem;
	letter-spacing: 0.054rem;
	text-transform: none;
	font-weight: 400;
}
.heading-4th--light-hover {
	color: #ffffff;
	font-size: 3.4rem;
	line-height: 4rem;
	letter-spacing: 0.054rem;
	text-transform: none;
	font-weight: 400;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.heading-4th--light-hover:hover {
	color: #11BDA3;
}
.heading-4th--light-hi {
	color: rgba(255, 255, 255, 0.87);
	font-size: 3.4rem;
	line-height: 4rem;
	letter-spacing: 0.054rem;
	text-transform: none;
	font-weight: 400;
}
.heading-4th--light-md {
	color: rgba(255, 255, 255, 0.6);
	font-size: 3.4rem;
	line-height: 4rem;
	letter-spacing: 0.054rem;
	text-transform: none;
	font-weight: 400;
}
.heading-4th--dark {
	color: #000000;
	font-size: 3.4rem;
	line-height: 4rem;
	letter-spacing: 0.054rem;
	text-transform: none;
	font-weight: 400;
}
.heading-4th--dark-hi {
	color: rgba(0, 0, 0, 0.87);
	font-size: 3.4rem;
	line-height: 4rem;
	letter-spacing: 0.054rem;
	text-transform: none;
	font-weight: 400;
}
.heading-4th--dark-hi-hover {
	color: rgba(0, 0, 0, 0.87);
	font-size: 3.4rem;
	line-height: 4rem;
	letter-spacing: 0.054rem;
	text-transform: none;
	font-weight: 400;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.heading-4th--dark-hi-hover:hover {
	color: #11BDA3;
}
.heading-4th--dark-md {
	color: rgba(0, 0, 0, 0.6);
	font-size: 3.4rem;
	line-height: 4rem;
	letter-spacing: 0.054rem;
	text-transform: none;
	font-weight: 400;
}
.heading-4th--primary {
	color: #11BDA3;
	font-size: 3.4rem;
	line-height: 4rem;
	letter-spacing: 0.054rem;
	text-transform: none;
	font-weight: 400;
}
.heading-4th--primary-hi {
	color: rgba(17, 189, 163, 0.87);
	font-size: 3.4rem;
	line-height: 4rem;
	letter-spacing: 0.054rem;
	text-transform: none;
	font-weight: 400;
}

.heading-5th--light {
	color: #ffffff;
	font-size: 2.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
}
.heading-5th--light-hover-wh-hi {
	color: #ffffff;
	font-size: 2.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.heading-5th--light-hover-wh-hi:hover {
	color: rgba(255, 255, 255, 0.87);
}
.heading-5th--light-hover-pr-hi {
	color: #ffffff;
	font-size: 2.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.heading-5th--light-hover-pr-hi:hover {
	color: rgba(17, 189, 163, 0.87);
}
.heading-5th--light-hi {
	color: rgba(255, 255, 255, 0.87);
	font-size: 2.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
}
.heading-5th--light-md {
	color: rgba(255, 255, 255, 0.6);
	font-size: 2.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
}
.heading-5th--dark {
	color: #000000;
	font-size: 2.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
}
.heading-5th--dark-hi-hover {
	color: rgba(0, 0, 0, 0.87);
	font-size: 2.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.heading-5th--dark-hi-hover:hover {
	color: #11BDA3;
}
.heading-5th--dark-hi, .item-product-detail__content--tab-container---style-1 h5, .item-detail__content h5, .side-navi__content h5 {
	color: rgba(0, 0, 0, 0.87);
	font-size: 2.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
}
.heading-5th--dark-md {
	color: rgba(0, 0, 0, 0.6);
	font-size: 2.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
}
.heading-5th--primary {
	color: #11BDA3;
	font-size: 2.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
}
.heading-5th--primary-hi {
	color: rgba(17, 189, 163, 0.87);
	font-size: 2.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
}
.heading-5th--primary-md {
	color: rgba(17, 189, 163, 0.6);
	font-size: 2.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
}

.heading-6th--light {
	color: #ffffff;
	font-size: 2rem;
	line-height: 3.2rem;
	letter-spacing: 0.024rem;
	text-transform: none;
	font-weight: 500;
}
.heading-6th--light-hover {
	color: #ffffff;
	font-size: 2rem;
	line-height: 3.2rem;
	letter-spacing: 0.024rem;
	text-transform: none;
	font-weight: 500;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.heading-6th--light-hover:hover {
	color: #11BDA3;
}
.heading-6th--light-hover-hi {
	color: #ffffff;
	font-size: 2rem;
	line-height: 3.2rem;
	letter-spacing: 0.024rem;
	text-transform: none;
	font-weight: 500;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.heading-6th--light-hover-hi:hover {
	color: rgba(255, 255, 255, 0.87);
}
.heading-6th--light-hi {
	color: rgba(255, 255, 255, 0.87);
	font-size: 2rem;
	line-height: 3.2rem;
	letter-spacing: 0.024rem;
	text-transform: none;
	font-weight: 500;
}
.heading-6th--light-md {
	color: rgba(255, 255, 255, 0.6);
	font-size: 2rem;
	line-height: 3.2rem;
	letter-spacing: 0.024rem;
	text-transform: none;
	font-weight: 500;
}
.heading-6th--dark {
	color: #000000;
	font-size: 2rem;
	line-height: 3.2rem;
	letter-spacing: 0.024rem;
	text-transform: none;
	font-weight: 500;
}
.heading-6th--dark-hi {
	color: rgba(0, 0, 0, 0.87);
	font-size: 2rem;
	line-height: 3.2rem;
	letter-spacing: 0.024rem;
	text-transform: none;
	font-weight: 500;
}
.heading-6th--dark-hi-hover {
	color: rgba(0, 0, 0, 0.87);
	font-size: 2rem;
	line-height: 3.2rem;
	letter-spacing: 0.024rem;
	text-transform: none;
	font-weight: 500;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.heading-6th--dark-hi-hover:hover {
	color: #11BDA3;
}
.heading-6th--dark-hi-hover-bl {
	color: rgba(0, 0, 0, 0.87);
	font-size: 2rem;
	line-height: 3.2rem;
	letter-spacing: 0.024rem;
	text-transform: none;
	font-weight: 500;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.heading-6th--dark-hi-hover-bl:hover {
	color: rgba(0, 0, 0, 0.6);
}
.heading-6th--dark-md {
	color: rgba(0, 0, 0, 0.6);
	font-size: 2rem;
	line-height: 3.2rem;
	letter-spacing: 0.024rem;
	text-transform: none;
	font-weight: 500;
}
.heading-6th--primary-hi {
	color: rgba(17, 189, 163, 0.87);
	font-size: 2rem;
	line-height: 3.2rem;
	letter-spacing: 0.024rem;
	text-transform: none;
	font-weight: 500;
}
.heading-6th--primary-hi-hover {
	color: rgba(17, 189, 163, 0.87);
	font-size: 2rem;
	line-height: 3.2rem;
	letter-spacing: 0.024rem;
	text-transform: none;
	font-weight: 500;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.heading-6th--primary-hi-hover:hover {
	color: #11BDA3;
}

.heading-7th--light {
	color: #ffffff;
	font-size: 1.6rem;
	line-height: 2.8rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
}
.heading-7th--light-hi {
	color: rgba(255, 255, 255, 0.87);
	font-size: 1.6rem;
	line-height: 2.8rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
}
.heading-7th--light-md {
	color: rgba(255, 255, 255, 0.6);
	font-size: 1.6rem;
	line-height: 2.8rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
}
.heading-7th--dark {
	color: #000000;
	font-size: 1.6rem;
	line-height: 2.8rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
}
.heading-7th--dark-hi {
	color: rgba(0, 0, 0, 0.87);
	font-size: 1.6rem;
	line-height: 2.8rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
}
.heading-7th--dark-hi-hover {
	color: rgba(0, 0, 0, 0.87);
	font-size: 1.6rem;
	line-height: 2.8rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.heading-7th--dark-hi-hover:hover {
	color: #11BDA3;
}
.heading-7th--dark-hi-hover-underline {
	color: rgba(0, 0, 0, 0.87);
	font-size: 1.6rem;
	line-height: 2.8rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
	text-decoration: underline;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.heading-7th--dark-hi-hover-underline:hover {
	color: #11BDA3;
	text-decoration: underline;
}
.heading-7th--dark-md, .item-product-detail__content--tab-container---style-1 blockquote, .item-detail__content blockquote, .side-navi__content blockquote {
	color: rgba(0, 0, 0, 0.6);
	font-size: 1.6rem;
	line-height: 2.8rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
}
.heading-7th--dark-md-hover {
	color: rgba(0, 0, 0, 0.6);
	font-size: 1.6rem;
	line-height: 2.8rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.heading-7th--dark-md-hover:hover {
	color: rgba(0, 0, 0, 0.87);
}
.heading-7th--dark-di-line-through {
	color: rgba(0, 0, 0, 0.38);
	font-size: 1.6rem;
	line-height: 2.8rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
	text-decoration: line-through;
}
.heading-7th--primary {
	color: #11BDA3;
	font-size: 1.6rem;
	line-height: 2.8rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
}
.heading-7th--primary-hi {
	color: rgba(17, 189, 163, 0.87);
	font-size: 1.6rem;
	line-height: 2.8rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
}
.heading-7th--primary-hi-hover {
	color: rgba(17, 189, 163, 0.87);
	font-size: 1.6rem;
	line-height: 2.8rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.heading-7th--primary-hi-hover:hover {
	color: #11BDA3;
}
.heading-7th--primary-md {
	color: rgba(17, 189, 163, 0.6);
	font-size: 1.6rem;
	line-height: 2.8rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
}

.heading-8th--light {
	color: #ffffff;
	font-size: 1.4rem;
	line-height: 2.4rem;
	letter-spacing: 0.017rem;
	text-transform: none;
	font-weight: 500;
}
.heading-8th--light-hover {
	color: #ffffff;
	font-size: 1.4rem;
	line-height: 2.4rem;
	letter-spacing: 0.017rem;
	text-transform: none;
	font-weight: 500;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.heading-8th--light-hover:hover {
	color: #11BDA3;
}
.heading-8th--light-hover-wh-hi {
	color: #ffffff;
	font-size: 1.4rem;
	line-height: 2.4rem;
	letter-spacing: 0.017rem;
	text-transform: none;
	font-weight: 500;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.heading-8th--light-hover-wh-hi:hover {
	color: rgba(255, 255, 255, 0.87);
}
.heading-8th--light-hi {
	color: rgba(255, 255, 255, 0.87);
	font-size: 1.4rem;
	line-height: 2.4rem;
	letter-spacing: 0.017rem;
	text-transform: none;
	font-weight: 500;
}
.heading-8th--light-md {
	color: rgba(255, 255, 255, 0.6);
	font-size: 1.4rem;
	line-height: 2.4rem;
	letter-spacing: 0.017rem;
	text-transform: none;
	font-weight: 500;
}
.heading-8th--dark {
	color: #000000;
	font-size: 1.4rem;
	line-height: 2.4rem;
	letter-spacing: 0.017rem;
	text-transform: none;
	font-weight: 500;
}
.heading-8th--dark-hi {
	color: rgba(0, 0, 0, 0.87);
	font-size: 1.4rem;
	line-height: 2.4rem;
	letter-spacing: 0.017rem;
	text-transform: none;
	font-weight: 500;
}
.heading-8th--dark-hi-hover {
	color: rgba(0, 0, 0, 0.87);
	font-size: 1.4rem;
	line-height: 2.4rem;
	letter-spacing: 0.017rem;
	text-transform: none;
	font-weight: 500;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.heading-8th--dark-hi-hover:hover {
	color: #11BDA3;
}
.heading-8th--dark-md {
	color: rgba(0, 0, 0, 0.6);
	font-size: 1.4rem;
	line-height: 2.4rem;
	letter-spacing: 0.017rem;
	text-transform: none;
	font-weight: 500;
}
.heading-8th--dark-md-hover {
	color: rgba(0, 0, 0, 0.6);
	font-size: 1.4rem;
	line-height: 2.4rem;
	letter-spacing: 0.017rem;
	text-transform: none;
	font-weight: 500;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.heading-8th--dark-md-hover:hover {
	color: rgba(0, 0, 0, 0.87);
}
.heading-8th--dark-di-line-through {
	color: rgba(0, 0, 0, 0.38);
	font-size: 1.4rem;
	line-height: 2.4rem;
	letter-spacing: 0.017rem;
	text-transform: none;
	font-weight: 500;
	text-decoration: line-through;
}
.heading-8th--primary {
	color: #11BDA3;
	font-size: 1.4rem;
	line-height: 2.4rem;
	letter-spacing: 0.017rem;
	text-transform: none;
	font-weight: 500;
}
.heading-8th--primary-hi {
	color: rgba(17, 189, 163, 0.87);
	font-size: 1.4rem;
	line-height: 2.4rem;
	letter-spacing: 0.017rem;
	text-transform: none;
	font-weight: 500;
}
.heading-8th--primary-md {
	color: rgba(17, 189, 163, 0.87);
	font-size: 1.4rem;
	line-height: 2.4rem;
	letter-spacing: 0.017rem;
	text-transform: none;
	font-weight: 500;
}

.heading-9th--light {
	color: #ffffff;
	font-size: 1.2rem;
	line-height: 2rem;
	letter-spacing: 0.046rem;
	text-transform: none;
	font-weight: 400;
}
.heading-9th--light-hover-uppercase {
	color: #ffffff;
	font-size: 1.2rem;
	line-height: 2rem;
	letter-spacing: 0.046rem;
	text-transform: none;
	font-weight: 400;
	text-transform: uppercase;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.heading-9th--light-hover-uppercase:hover {
	color: #11BDA3;
}
.heading-9th--light-hi-hover {
	color: rgba(255, 255, 255, 0.87);
	font-size: 1.2rem;
	line-height: 2rem;
	letter-spacing: 0.046rem;
	text-transform: none;
	font-weight: 400;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.heading-9th--light-hi-hover:hover {
	color: rgba(255, 255, 255, 0.6);
}
.heading-9th--light-hi-hover-uppercase {
	color: rgba(255, 255, 255, 0.87);
	font-size: 1.2rem;
	line-height: 2rem;
	letter-spacing: 0.046rem;
	text-transform: none;
	font-weight: 400;
	text-transform: uppercase;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.heading-9th--light-hi-hover-uppercase:hover {
	color: #11BDA3;
}
.heading-9th--light-hi {
	color: rgba(255, 255, 255, 0.87);
	font-size: 1.2rem;
	line-height: 2rem;
	letter-spacing: 0.046rem;
	text-transform: none;
	font-weight: 400;
}
.heading-9th--light-md {
	color: rgba(255, 255, 255, 0.6);
	font-size: 1.2rem;
	line-height: 2rem;
	letter-spacing: 0.046rem;
	text-transform: none;
	font-weight: 400;
}
.heading-9th--dark {
	color: #000000;
	font-size: 1.2rem;
	line-height: 2rem;
	letter-spacing: 0.046rem;
	text-transform: none;
	font-weight: 400;
}
.heading-9th--dark-hi-hover {
	color: rgba(0, 0, 0, 0.87);
	font-size: 1.2rem;
	line-height: 2rem;
	letter-spacing: 0.046rem;
	text-transform: none;
	font-weight: 400;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.heading-9th--dark-hi-hover:hover {
	color: #000000;
}
.heading-9th--dark-hi-hover-uppercase {
	color: rgba(0, 0, 0, 0.87);
	font-size: 1.2rem;
	line-height: 2rem;
	letter-spacing: 0.046rem;
	text-transform: none;
	font-weight: 400;
	text-transform: uppercase;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.heading-9th--dark-hi-hover-uppercase:hover {
	color: #000000;
}
.heading-9th--dark-hi {
	color: rgba(0, 0, 0, 0.87);
	font-size: 1.2rem;
	line-height: 2rem;
	letter-spacing: 0.046rem;
	text-transform: none;
	font-weight: 400;
}
.heading-9th--dark-md {
	color: rgba(0, 0, 0, 0.6);
	font-size: 1.2rem;
	line-height: 2rem;
	letter-spacing: 0.046rem;
	text-transform: none;
	font-weight: 400;
}

.heading-10th--light {
	color: #ffffff;
	font-size: 1.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.15rem;
	text-transform: uppercase;
	font-weight: 400;
}
.heading-10th--light-hi {
	color: rgba(255, 255, 255, 0.87);
	font-size: 1.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.15rem;
	text-transform: uppercase;
	font-weight: 400;
}
.heading-10th--light-hi-hover-pr {
	color: rgba(255, 255, 255, 0.87);
	font-size: 1.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.15rem;
	text-transform: uppercase;
	font-weight: 400;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.heading-10th--light-hi-hover-pr:hover {
	color: rgba(17, 189, 163, 0.87);
}
.heading-10th--light-md {
	color: rgba(255, 255, 255, 0.6);
	font-size: 1.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.15rem;
	text-transform: uppercase;
	font-weight: 400;
}
.heading-10th--dark {
	color: #000000;
	font-size: 1.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.15rem;
	text-transform: uppercase;
	font-weight: 400;
}
.heading-10th--dark-hi {
	color: rgba(0, 0, 0, 0.87);
	font-size: 1.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.15rem;
	text-transform: uppercase;
	font-weight: 400;
}
.heading-10th--dark-hi-hover {
	color: rgba(0, 0, 0, 0.87);
	font-size: 1.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.15rem;
	text-transform: uppercase;
	font-weight: 400;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.heading-10th--dark-hi-hover:hover {
	color: #000000;
}
.heading-10th--dark-md, .item-product-detail__content--tab-container---style-1 blockquote figcaption, .item-detail__content blockquote figcaption, .side-navi__content blockquote figcaption {
	color: rgba(0, 0, 0, 0.6);
	font-size: 1.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.15rem;
	text-transform: uppercase;
	font-weight: 400;
}
.heading-10th--primary {
	color: #11BDA3;
	font-size: 1.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.15rem;
	text-transform: uppercase;
	font-weight: 400;
}
.heading-10th--primary-hi {
	color: rgba(17, 189, 163, 0.87);
	font-size: 1.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.15rem;
	text-transform: uppercase;
	font-weight: 400;
}

.heading-11th--light {
	color: #ffffff;
	font-size: 1.4rem;
	line-height: 3.6rem;
	letter-spacing: 0.125rem;
	text-transform: uppercase;
	font-weight: 500;
}
.heading-11th--light-hi {
	color: rgba(255, 255, 255, 0.87);
	font-size: 1.4rem;
	line-height: 3.6rem;
	letter-spacing: 0.125rem;
	text-transform: uppercase;
	font-weight: 500;
}
.heading-11th--light-md {
	color: rgba(255, 255, 255, 0.6);
	font-size: 1.4rem;
	line-height: 3.6rem;
	letter-spacing: 0.125rem;
	text-transform: uppercase;
	font-weight: 500;
}
.heading-11th--dark {
	color: #000000;
	font-size: 1.4rem;
	line-height: 3.6rem;
	letter-spacing: 0.125rem;
	text-transform: uppercase;
	font-weight: 500;
}
.heading-11th--dark-hi {
	color: rgba(0, 0, 0, 0.87);
	font-size: 1.4rem;
	line-height: 3.6rem;
	letter-spacing: 0.125rem;
	text-transform: uppercase;
	font-weight: 500;
}
.heading-11th--dark-md {
	color: rgba(0, 0, 0, 0.6);
	font-size: 1.4rem;
	line-height: 3.6rem;
	letter-spacing: 0.125rem;
	text-transform: uppercase;
	font-weight: 500;
}

.paragraph-1th--light {
	color: #ffffff;
	font-size: 1.6rem;
	line-height: 2.4rem;
	letter-spacing: 0.05rem;
	text-transform: none;
	font-weight: 400;
}
.paragraph-1th--light-hi {
	color: rgba(255, 255, 255, 0.87);
	font-size: 1.6rem;
	line-height: 2.4rem;
	letter-spacing: 0.05rem;
	text-transform: none;
	font-weight: 400;
}
.paragraph-1th--light-md {
	color: rgba(255, 255, 255, 0.6);
	font-size: 1.6rem;
	line-height: 2.4rem;
	letter-spacing: 0.05rem;
	text-transform: none;
	font-weight: 400;
}
.paragraph-1th--dark {
	color: #000000;
	font-size: 1.6rem;
	line-height: 2.4rem;
	letter-spacing: 0.05rem;
	text-transform: none;
	font-weight: 400;
}
.paragraph-1th--dark-hi {
	color: rgba(0, 0, 0, 0.87);
	font-size: 1.6rem;
	line-height: 2.4rem;
	letter-spacing: 0.05rem;
	text-transform: none;
	font-weight: 400;
}
.paragraph-1th--dark-md {
	color: rgba(0, 0, 0, 0.6);
	font-size: 1.6rem;
	line-height: 2.4rem;
	letter-spacing: 0.05rem;
	text-transform: none;
	font-weight: 400;
}
.paragraph-2th--light {
	color: #ffffff;
	font-size: 1.4rem;
	line-height: 2rem;
	letter-spacing: 0.025rem;
	text-transform: none;
	font-weight: 400;
}
.paragraph-2th--light-hi {
	color: rgba(255, 255, 255, 0.87);
	font-size: 1.4rem;
	line-height: 2rem;
	letter-spacing: 0.025rem;
	text-transform: none;
	font-weight: 400;
}
.paragraph-2th--light-hi-line-through {
	color: rgba(255, 255, 255, 0.87);
	font-size: 1.4rem;
	line-height: 2rem;
	letter-spacing: 0.025rem;
	text-transform: none;
	font-weight: 400;
	text-decoration: line-through;
}
.paragraph-2th--light-md {
	color: rgba(255, 255, 255, 0.6);
	font-size: 1.4rem;
	line-height: 2rem;
	letter-spacing: 0.025rem;
	text-transform: none;
	font-weight: 400;
}
.paragraph-2th--light-md-hyphens {
	color: rgba(255, 255, 255, 0.6);
	font-size: 1.4rem;
	line-height: 2rem;
	letter-spacing: 0.025rem;
	text-transform: none;
	font-weight: 400;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}
.paragraph-2th--dark {
	color: #000000;
	font-size: 1.4rem;
	line-height: 2rem;
	letter-spacing: 0.025rem;
	text-transform: none;
	font-weight: 400;
}
.paragraph-2th--dark-hi-bold {
	color: rgba(0, 0, 0, 0.87);
	font-size: 1.4rem;
	line-height: 2rem;
	letter-spacing: 0.025rem;
	text-transform: none;
	font-weight: 400;
	font-weight: 500;
}
.paragraph-2th--dark-hi {
	color: rgba(0, 0, 0, 0.87);
	font-size: 1.4rem;
	line-height: 2rem;
	letter-spacing: 0.025rem;
	text-transform: none;
	font-weight: 400;
}
.paragraph-2th--dark-hi-hover-hi {
	color: rgba(0, 0, 0, 0.87);
	font-size: 1.4rem;
	line-height: 2rem;
	letter-spacing: 0.025rem;
	text-transform: none;
	font-weight: 400;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.paragraph-2th--dark-hi-hover-hi:hover {
	color: rgba(17, 189, 163, 0.87);
}
.paragraph-2th--dark-md, .item-product-detail__content--tab-container---style-1 ul li, .item-product-detail__content--tab-container---style-1 p, .item-detail__content ul li, .item-detail__content p, .side-navi__content ul li, .side-navi__content p {
	color: rgba(0, 0, 0, 0.6);
	font-size: 1.4rem;
	line-height: 2rem;
	letter-spacing: 0.025rem;
	text-transform: none;
	font-weight: 400;
}
.paragraph-2th--dark-md-hyphens {
	color: rgba(0, 0, 0, 0.6);
	font-size: 1.4rem;
	line-height: 2rem;
	letter-spacing: 0.025rem;
	text-transform: none;
	font-weight: 400;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.paragraph-2th--dark-di-line-through {
	color: rgba(0, 0, 0, 0.38);
	font-size: 1.4rem;
	line-height: 2rem;
	letter-spacing: 0.025rem;
	text-transform: none;
	font-weight: 400;
	text-decoration: line-through;
}
/*******************utilities***********************/
.uwp--0 {
	width: 0%;
}
.uwp--10 {
	width: 10%;
}
.uwp--20 {
	width: 20%;
}
.uwp--30 {
	width: 30%;
}
.uwp--40 {
	width: 40%;
}
.uwp--50 {
	width: 50%;
}
.uwp--60 {
	width: 60%;
}
.uwp--70 {
	width: 70%;
}
.uwp--80 {
	width: 80%;
}
.uwp--90 {
	width: 90%;
}
.uwp--100 {
	width: 100%;
}

.umb--0 {
	margin-bottom: 0rem;
}
.umb--4 {
	margin-bottom: 0.4rem;
}
.umb--8 {
	margin-bottom: 0.8rem;
}
.umb--12 {
	margin-bottom: 1.2rem;
}
.umb--16 {
	margin-bottom: 1.6rem;
}
.umb--20 {
	margin-bottom: 2rem;
}
.umb--24 {
	margin-bottom: 2.4rem;
}
.umb--28 {
	margin-bottom: 2.8rem;
}
.umb--32 {
	margin-bottom: 3.2rem;
}
.umb--36 {
	margin-bottom: 3.6rem;
}
.umb--40 {
	margin-bottom: 4rem;
}
.umb--44 {
	margin-bottom: 4.4rem;
}
.umb--48 {
	margin-bottom: 4.8rem;
}
.umb--52 {
	margin-bottom: 5.2rem;
}
.umb--56 {
	margin-bottom: 5.6rem;
}
.umb--60 {
	margin-bottom: 6rem;
}
.umb--64 {
	margin-bottom: 6.4rem;
}
.umb--68 {
	margin-bottom: 6.8rem;
}
.umb--72 {
	margin-bottom: 7.2rem;
}
.umb--76 {
	margin-bottom: 7.6rem;
}
.umb--80 {
	margin-bottom: 8rem;
}
.umb--84 {
	margin-bottom: 8.4rem;
}
.umb--88 {
	margin-bottom: 8.8rem;
}
.umb--92 {
	margin-bottom: 9.2rem;
}
.umb--96 {
	margin-bottom: 9.6rem;
}
.umb--100 {
	margin-bottom: 10rem;
}
.umb--104 {
	margin-bottom: 10.4rem;
}
.umb--108 {
	margin-bottom: 10.8rem;
}
.umb--112 {
	margin-bottom: 11.2rem;
}
.umb--116 {
	margin-bottom: 11.6rem;
}
.umb--120 {
	margin-bottom: 12rem;
}
.umb--124 {
	margin-bottom: 12.4rem;
}
.umb--128 {
	margin-bottom: 12.8rem;
}

.uplr--15 {
	padding-left: 15px;
	padding-right: 15px;
}

.upo--r {
	position: relative;
}

.upo--a {
	position: absolute;
}

.upo--s {
	position: static;
}

.upo--f {
	position: fixed;
}

.ut--c {
	text-align: center !important;
}
.ut--l {
	text-align: left !important;
}
.ut--r {
	text-align: right !important;
}

.udf--ccs {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.udf--ccc {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.udf--cce {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}
.udf--rcs {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
}
.udf--rcc {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.udf--rce {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-end;
}

.browserupgrade {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	color: black;
	z-index: 999999999;
	font-size: 240%;
	padding: 2%;
}

@media screen and (max-width: 319px) {
	.d-ss-none-mxm {
		display: none !important;
	}
}

@media screen and (min-width: 320px) and (max-width: 575px) {
	.d-xs-none-mxm {
		display: none !important;
	}
}

@media screen and (min-width: 576px) and (max-width: 767px) {
	.d-sm-none-mxm {
		display: none !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.d-md-none-mxm {
		display: none !important;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.d-lg-none-mxm {
		display: none !important;
	}
}

@media screen and (min-width: 1200px) {
	.d-xl-none-mxm {
		display: none !important;
	}
}

@media screen and (min-width: 1200px) {
	.order-xl-last-mxm {
		order: 13;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.order-lg-last-mxm {
		order: 13;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.order-md-last-mxm {
		order: 13;
	}
}

@media screen and (min-width: 576px) and (max-width: 767px) {
	.order-sm-last-mxm {
		order: 13;
	}
}

@media screen and (min-width: 320px) and (max-width: 575px) {
	.order-xs-last-mxm {
		order: 13;
	}
}

@media screen and (max-width: 319px) {
	.order-ss-last-mxm {
		order: 13;
	}
}

@media screen and (min-width: 1200px) {
	.order-xl-first-mxm {
		order: -1;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.order-lg-first-mxm {
		order: -1;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.order-md-first-mxm {
		order: -1;
	}
}

@media screen and (min-width: 576px) and (max-width: 767px) {
	.order-sm-first-mxm {
		order: -1;
	}
}

@media screen and (min-width: 320px) and (max-width: 575px) {
	.order-xs-first-mxm {
		order: -1;
	}
}

@media screen and (max-width: 319px) {
	.order-ss-first-mxm {
		order: -1;
	}
}

.position-static {
	position: static;
}

.u-center-text {
	text-align: center !important;
}

.u-margin-bottom-lv-1 {
	margin-bottom: 4rem;
}

.u-margin-bottom-lv-2 {
	margin-bottom: 2.4rem;
}

.u-margin-bottom-lv-3 {
	margin-bottom: 3.2rem;
}

.u-margin-bottom-md {
	margin-bottom: 5.6rem !important;
}

.u-margin-bottom-sm {
	margin-bottom: 4.8rem !important;
}

.infinite-loading-mxm {
	position: relative;
}
.infinite-loading-mxm:after {
	content: "";
	display: block;
	margin-top: 10px;
	border: 4px solid #c7faf2;
	border-radius: 50%;
	border-top: 4px solid #11BDA3;
	width: 48px;
	height: 48px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	margin-top: 0.4rem;
	margin-bottom: 4rem;
	position: relative;
	left: calc(50% - 24px);
}

.plus-hat {
	position: relative;
}
.plus-hat:after {
	content: "+";
	font-size: 1.6rem;
	vertical-align: super;
}

.loading-begin2 {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: white;
	z-index: 9999999999999;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.loading-begin2:after {
	content: "";
	display: block;
	border: 4px solid #c7faf2;
	border-radius: 50%;
	border-top: 4px solid #11BDA3;
	width: 48px;
	height: 48px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	position: absolute;
	left: calc(50% - 24px);
	top: calc(50% - 24px);
}

.closeMxm.loading-begin {
	-moz-transform: translate3d(0, -100%, 0);
	-webkit-transform: translate3d(0, -100%, 0);
	-ms-transform: translate3d(0, -100%, 0);
	-o-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}

.loading-begin {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: white;
	z-index: 9999999999999;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.loaderMxm {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	width: 175px;
	height: 100px;
}
.loaderMxm span {
	display: block;
	background: rgba(17, 189, 163, 0.87);
	width: 4px;
	height: 10%;
	border-radius: 4px;
	margin-right: 8px;
	float: left;
	margin-top: 25%;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.loaderMxm span:last-child {
	margin-right: 0px;
}
.loaderMxm span:nth-child(1) {
	animation: load 2.5s 1.4s infinite linear;
}
.loaderMxm span:nth-child(2) {
	animation: load 2.5s 1.2s infinite linear;
}
.loaderMxm span:nth-child(3) {
	animation: load 2.5s 1s infinite linear;
}
.loaderMxm span:nth-child(4) {
	animation: load 2.5s 0.8s infinite linear;
}
.loaderMxm span:nth-child(5) {
	animation: load 2.5s 0.6s infinite linear;
}
.loaderMxm span:nth-child(6) {
	animation: load 2.5s 0.4s infinite linear;
}
.loaderMxm span:nth-child(7) {
	animation: load 2.5s 0.2s infinite linear;
}
.loaderMxm span:nth-child(8) {
	animation: load 2.5s 0s infinite linear;
}
.loaderMxm span:nth-child(9) {
	animation: load 2.5s 0.2s infinite linear;
}
.loaderMxm span:nth-child(10) {
	animation: load 2.5s 0.4s infinite linear;
}
.loaderMxm span:nth-child(11) {
	animation: load 2.5s 0.6s infinite linear;
}
.loaderMxm span:nth-child(12) {
	animation: load 2.5s 0.8s infinite linear;
}
.loaderMxm span:nth-child(13) {
	animation: load 2.5s 1s infinite linear;
}
.loaderMxm span:nth-child(14) {
	animation: load 2.5s 1.2s infinite linear;
}
.loaderMxm span:nth-child(15) {
	animation: load 2.5s 1.4s infinite linear;
}

@keyframes load {
	0% {
		background: #ffffff;
		margin-top: 25%;
		height: 10%;
	}
	50% {
		background: #11BDA3;
		height: 100%;
		margin-top: 0%;
	}
	100% {
		background: #ffffff;
		height: 10%;
		margin-top: 25%;
	}
}
.msg-submit {
	visibility: hidden;
	opacity: 0;
	margin-bottom: 2rem;
	margin-top: 2rem;
}
.msg-submit.showMxmD {
	visibility: visible;
	opacity: 1;
}

.msg-submitSubcribe {
	visibility: hidden;
	opacity: 0;
	margin-bottom: 2rem;
	margin-top: 2rem;
}
.msg-submitSubcribe.showMxmD {
	visibility: visible;
	opacity: 1;
}

.msg-submitSubcribe2 {
	visibility: hidden;
	opacity: 0;
	margin-bottom: 2rem;
	margin-top: 2rem;
}
.msg-submitSubcribe2.showMxmD {
	visibility: visible;
	opacity: 1;
}

/*******************animations***********************/
@keyframes moveBlob {
	0% {
		transform: scale(1) translate(10px, -30px);
	}
	38% {
		transform: scale(0.8, 1) translate(80vw, 30vh) rotate(160deg);
	}
	40% {
		transform: scale(0.8, 1) translate(80vw, 30vh) rotate(160deg);
	}
	78% {
		transform: scale(1.3) translate(0vw, 50vh) rotate(-20deg);
	}
	80% {
		transform: scale(1.3) translate(0vw, 50vh) rotate(-20deg);
	}
	100% {
		transform: scale(1) translate(10px, -30px);
	}
}
@keyframes moveBlob2 {
	0% {
		transform: scale(1) translate(-10px, -30px);
	}
	38% {
		transform: scale(0.8, 1) translate(-80vw, 30vh) rotate(160deg);
	}
	40% {
		transform: scale(0.8, 1) translate(-80vw, 30vh) rotate(160deg);
	}
	78% {
		transform: scale(1.3) translate(0vw, 50vh) rotate(-20deg);
	}
	80% {
		transform: scale(1.3) translate(0vw, 50vh) rotate(-20deg);
	}
	100% {
		transform: scale(1) translate(-10px, -30px);
	}
}
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.animated.see1th {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.animated.see2th {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.animated.see3th {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.animated.see4th {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}

.animated.t05s {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}

@-webkit-keyframes headerSlideDown {
	0% {
		margin-top: -10rem;
	}
	to {
		margin-top: 0;
	}
}
@keyframes headerSlideDown {
	0% {
		margin-top: -10rem;
	}
	to {
		margin-top: 0;
	}
}
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes moveVertical {
	from {
		opacity: 0;
		-webkit-transform: translateY(100px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@keyframes moveVertical {
	from {
		opacity: 0;
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@-webkit-keyframes moveHorizontal {
	from {
		-webkit-transform: translateX(100px);
		opacity: 0;
	}
	to {
		-webkit-transform: translateX(0);
		opacity: 1;
	}
}
@keyframes moveHorizontal {
	from {
		-webkit-transform: translateX(100px);
		transform: translateX(100px);
		opacity: 0;
	}
	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}
.move-up.animate {
	-moz-animation: moveVertical 0.65s ease both;
	-webkit-animation: moveVertical 0.65s ease both;
	animation: moveVertical 0.65s ease both;
}

.move-up-x.animate {
	-moz-animation: moveHorizontal 0.65s ease both;
	-webkit-animation: moveHorizontal 0.65s ease both;
	animation: moveHorizontal 0.65s ease both;
}

/*******************header***********************/
.header {
	position: relative;
	z-index: 900;
}

/*******************footer***********************/
.footer {
	position: relative;
}

/*******************menu-mobile-popup***********************/
.menu-mobile-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background-color: rgba(0, 0, 0, 0.9);
	visibility: hidden;
	opacity: 0;
	-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	z-index: 9999999;
}
.menu-mobile-popup.menu-show {
	visibility: visible;
	opacity: 1;
}

/*******************search-popup***********************/
.search-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background-color: rgba(0, 0, 0, 0.9);
	visibility: hidden;
	opacity: 0;
	-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	z-index: 9999999;
}
.search-popup.menu-show {
	visibility: visible;
	opacity: 1;
}

/*******************section-main***********************/
.section-carousel {
	overflow: hidden;
	background-size: cover;
	background-position: center;
	position: relative;
}
.section-carousel-v2 {
	overflow: hidden;
	position: relative;
}

.section-carousel-v3 {
	overflow: hidden;
	position: relative;
	background-color: #ffffff;
}

.section-carousel-v4 {
	overflow: hidden;
	background-size: cover;
	background-position: center;
	position: relative;
	background-color: rgba(0, 0, 0, 0.87);
}

.section-carousel-v5 {
	overflow: hidden;
	background-size: cover;
	background-position: center;
	position: relative;
	background-color: rgba(0, 0, 0, 0.87);
}

.section-carousel-v6 {
	overflow: hidden;
	background-size: cover;
	background-position: center;
	position: relative;
	background-color: #ffffff;
}

.section-carousel-v7 {
	overflow: hidden;
	background-size: cover;
	background-position: center;
	position: relative;
	background-color: white;
}

.section-carousel-v8 {
	overflow: hidden;
	background-size: cover;
	background-position: center;
	position: relative;
	background-color: rgba(255, 255, 255, 0.87);
}

.section-sale-off {
	padding: 10.4rem 0 6rem;
	background-color: #ffffff;
}

.section-top-seller {
	padding: 0 0 6.4rem;
	background-color: #ffffff;
}
.section-top-seller.bgd02 {
	padding: 9.6rem 0 6.4rem;
}
.section-top-seller.bgd03 {
	padding: 6.8rem 0 6.4rem;
}

.section-trending-product {
	height: 44.4rem;
	position: relative;
}
@media screen and (max-width: 319px) {
	.section-trending-product {
		height: auto;
		padding: 10.4rem 0 10.4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.section-trending-product {
		height: auto;
		padding: 10.4rem 0 10.4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.section-trending-product {
		height: auto;
		padding: 10.4rem 0 10.4rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.section-trending-product {
		height: 26.4rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.section-trending-product {
		height: 30.4rem;
	}
}
.section-trending-product:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("/images/background-m-02.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	filter: grayscale(30%);
	z-index: -1;
}
.section-trending-product.bgd02:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("/images/background-m-48.jpg");
}
.section-trending-product.bgd03:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("/images/background-m-26.jpg");
}
.section-trending-product.bgd04:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("/images/background-m-49.jpg");
}

.section-best-seller {
	padding: 21.2rem 0 6rem;
	background-color: #ffffff;
}
@media screen and (max-width: 319px) {
	.section-best-seller {
		padding: 9.6rem 0 6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.section-best-seller {
		padding: 9.6rem 0 6rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.section-best-seller {
		padding: 9.6rem 0 6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.section-best-seller {
		padding: 17.6rem 0 6rem;
	}
}
.section-category-product {
	padding: 0 0 6.4rem;
	background-color: #ffffff;
	overflow: hidden;
}
.section-category-product.bgd02 {
	padding: 9.6rem 0 6.4rem;
}

.section-trending-sale {
	position: relative;
}
@media screen and (max-width: 319px) {
	.section-trending-sale {
		padding: 9.6rem 0 10.4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.section-trending-sale {
		padding: 9.6rem 0 10.4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.section-trending-sale {
		padding: 9.6rem 0 10.4rem;
	}
}
.section-trending-sale:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("/images/background-m-03.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	filter: grayscale(30%);
	z-index: -1;
}
.section-trending-sale.bgd02:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("/images/background-m-47.jpg");
}
.section-trending-sale.bgd04:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("/images/background-m-26.jpg");
}
.section-trending-sale.bgd05:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("/images/background-m-02.jpg");
}
.section-trending-sale.bgd06:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("/images/background-m-47.jpg");
}

.section-trending-collection {
	position: relative;
	padding: 10.4rem 0 10.4rem;
}
.section-trending-collection:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("/images/background-m-26.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	filter: grayscale(30%);
	z-index: -1;
}
.section-trending-collection.bgd02:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("/images/background-m-47.jpg");
}
.section-trending-collection.bgd03 {
	background-color: #fbfbfb;
}
.section-trending-collection.bgd03:before {
	background-image: none;
}
.section-trending-collection.bgd04:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("/images/background-m-48.jpg");
}

.section-new-product {
	padding: 9.6rem 0 6.4rem;
}
.section-new-product.bgd02 {
	padding: 21.2rem 0 6.4rem;
}
@media screen and (max-width: 319px) {
	.section-new-product.bgd02 {
		padding: 9.6rem 0 6.4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.section-new-product.bgd02 {
		padding: 9.6rem 0 6.4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.section-new-product.bgd02 {
		padding: 9.6rem 0 6.4rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.section-new-product.bgd02 {
		padding: 17.2rem 0 6.4rem;
	}
}
.section-statistic {
	padding: 9.6rem 0 5.6rem;
	position: relative;
}
.section-statistic:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), linear-gradient(rgba(255, 255, 255, 0.001), rgba(255, 255, 255, 0.001)), url("/images/background-m-04.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	filter: grayscale(80%);
	z-index: -1;
}
.section-statistic:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("/images/pattern_caro.png");
	filter: opacity(40%);
	background-position: center;
	z-index: -1;
}
.section-statistic.bgd02:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url("/images/background-m-17.jpg");
}
.section-statistic.bgd03:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("/images/background-m-27.jpg");
}

.section-statistic-light {
	padding: 9.6rem 0 5.6rem;
	position: relative;
}
.section-statistic-light:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url("/images/background-m-06.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	filter: grayscale(50%);
	z-index: -1;
}
.section-statistic-light.bgd02:before {
	filter: grayscale(0%);
	background-color: #fbfbfb;
	background-image: none;
}
.section-statistic-light.bgd03:before {
	background-image: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url("/images/background-m-44.jpg");
	filter: grayscale(50%);
}

.section-img-bg {
	padding: 0 0 0;
	background-color: #ffffff;
	position: relative;
}

.section-blog {
	padding: 9.6rem 0 6.4rem;
	background-color: #ffffff;
}
.section-blog.bgd02 {
	background-color: #fbfbfb;
}
.section-blog.bgd03 {
	padding: 21.2rem 0 6.4rem;
}
@media screen and (max-width: 319px) {
	.section-blog.bgd03 {
		padding: 9.6rem 0 6.4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.section-blog.bgd03 {
		padding: 9.6rem 0 6.4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.section-blog.bgd03 {
		padding: 9.6rem 0 6.4rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.section-blog.bgd03 {
		padding: 17.6rem 0 6.4rem;
	}
}
.section-blog-v2 {
	padding: 9.6rem 0 6.4rem;
	background-color: #ffffff;
}

.section-blog-v3 {
	padding: 9.6rem 0 6.4rem;
	background-color: #fbfbfb;
}

.section-features {
	padding: 10.4rem 0 6.4rem;
	background-color: #ffffff;
	position: relative;
}
.section-features.bgd02 {
	background-color: transparent;
}
.section-features.bgd02:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(255, 255, 255, 0.89), rgba(255, 255, 255, 0.89)), url("/images/background-m-29.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	filter: grayscale(50%);
	z-index: -1;
}
.section-features.bgd02:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 16rem;
	z-index: -1;
	background-image: url("/images/pattern_caro.png");
	filter: opacity(5%);
}
.section-features.bgd03 {
	background-color: #fbfbfb;
}

.section-what-we-do {
	padding: 9.2rem 0 6.4rem;
	background-color: #ffffff;
	position: relative;
	overflow: hidden;
}

.section-features-round {
	padding: 10.4rem 0 6.4rem;
	background-color: #ffffff;
	position: relative;
}
.section-features-round.bgd02 {
	background-color: #fbfbfb;
}

.section-show-case {
	padding: 10rem 0 0rem;
	min-height: 20rem;
	position: relative;
	margin-bottom: 16rem;
	background-image: url("/images/pattern_cross.png");
	background-position: center;
	background-attachment: fixed;
}
.section-show-case:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.89), rgba(0, 0, 0, 0.89)), url("/images/background-m-05_l.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	filter: grayscale(20%);
	z-index: -1;
}
.section-show-case:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 16rem;
	z-index: -1;
	background-color: #f1f1f1;
}
.section-show-case.bgd02:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.89), rgba(0, 0, 0, 0.89)), url("/images/background-m-09.jpg");
}
.section-show-case.bgd03:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.89), rgba(0, 0, 0, 0.89)), url("/images/background-m-37.jpg");
}
.section-show-case.bgd04:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.89), rgba(0, 0, 0, 0.89)), url("/images/background-m-42.jpg");
}

.section-show-case-light {
	padding: 10rem 0 0rem;
	min-height: 20rem;
	position: relative;
	margin-bottom: 16rem;
}
.section-show-case-light:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	z-index: -1;
}
.section-show-case-light:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 16rem;
	z-index: -1;
	background-color: #fcfcfc;
}

.section-show-case-v2 {
	padding: 10.4rem 0 10.4rem;
	min-height: 20rem;
	position: relative;
	overflow: hidden;
}
.section-show-case-v2:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: radial-gradient(circle at 73% 93%, rgba(0, 0, 0, 0.1) 15%, rgba(255, 255, 255, 0.1) 75%);
	z-index: -1;
}

.section-show-case-v3 {
	padding: 10.4rem 0 10.4rem;
	min-height: 20rem;
	position: relative;
	background-color: #ffffff;
	overflow: hidden;
}
.section-show-case-v3:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.section-show-case-v4 {
	padding: 10.4rem 0 10.4rem;
	min-height: 20rem;
	position: relative;
	overflow: hidden;
}
.section-show-case-v4:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.95)), url("/images/background-m-16.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	z-index: -1;
}
.section-show-case-v4:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: opacity(30%);
	background-image: url("/images/pattern_cross.png");
	background-position: center;
	z-index: -1;
}
.section-show-case-v4.bgd02:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.95)), url("/images/background-m-40.jpg");
}

.section-show-case-v5 {
	padding: 10.4rem 0 10.4rem;
	min-height: 20rem;
	position: relative;
	overflow: hidden;
}
.section-show-case-v5:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.95)), url("/images/background-m-31.jpg");
	filter: grayscale(50%);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	z-index: -1;
}
.section-show-case-v5:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: opacity(25%);
	background-image: url("/images/pattern_caro.png");
	background-position: center;
	z-index: -1;
}

.section-show-case-v6 {
	padding: 10.4rem 0 10.4rem;
	min-height: 20rem;
	position: relative;
	background-color: #ffffff;
	overflow: hidden;
}

.section-show-case-v7 {
	padding: 10.4rem 0 10.4rem;
	min-height: 20rem;
	position: relative;
	background-color: #fbfbfb;
	overflow: hidden;
}
.section-show-case-v7.bgd02 {
	background-color: #ffffff;
}

.section-show-case-v8 {
	padding: 10rem 0 0rem;
	min-height: 20rem;
	position: relative;
	overflow: hidden;
}
.section-show-case-v8:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), linear-gradient(rgba(255, 255, 255, 0.001), rgba(255, 255, 255, 0.001)), url("/images/background-m-36.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	filter: grayscale(20%);
	z-index: -1;
}
.section-show-case-v8:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("/images/pattern_cross.png");
	filter: opacity(40%);
	background-position: center;
	z-index: -1;
}

.section-show-case-v9 {
	padding: 10rem 0 0rem;
	min-height: 20rem;
	position: relative;
	margin-bottom: 16rem;
	background-image: url("/images/pattern_cross.png");
	background-position: center;
	background-attachment: fixed;
}
.section-show-case-v9:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.89), rgba(0, 0, 0, 0.89)), url("/images/background-m-32.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	filter: grayscale(20%);
	z-index: -1;
}
.section-show-case-v9:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 16rem;
	z-index: -1;
	background-color: #f1f1f1;
}
.section-show-case-v9.bgd02:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.89), rgba(0, 0, 0, 0.89)), url("/images/background-m-45.jpg");
	filter: grayscale(20%);
}

.section-show-case-v10 {
	padding: 10rem 0 6.4rem;
	min-height: 20rem;
	position: relative;
	background-image: url("/images/pattern_cross.png");
	background-position: center;
	background-attachment: fixed;
}
.section-show-case-v10:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.89), rgba(0, 0, 0, 0.89)), url("/images/background-m-32.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	filter: grayscale(20%);
	z-index: -1;
}

.section-show-case-v11 {
	padding: 10rem 0 0rem;
	min-height: 20rem;
	position: relative;
	margin-bottom: 16rem;
	background-image: url("/images/pattern_cross.png");
	background-position: center;
	background-attachment: fixed;
}
.section-show-case-v11:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.89), rgba(0, 0, 0, 0.89)), url("/images/background-m-32.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	filter: grayscale(20%);
	z-index: -1;
}
.section-show-case-v11:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 16rem;
	z-index: -1;
	background-color: #f1f1f1;
}
.section-show-case-v11.bgd02:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.89), rgba(0, 0, 0, 0.89)), url("/images/background-m-45.jpg");
	filter: grayscale(20%);
}

.section-special-portfolio {
	padding: 10rem 0 10.4rem;
	min-height: 8rem;
	position: relative;
	z-index: 0;
}
.section-special-portfolio.bgd02 {
	background-color: #fbfbfb;
}

.section-special-portfolio-v1 {
	padding: 10.4rem 0 8.4rem;
	min-height: 8rem;
	position: relative;
	z-index: 0;
	background-color: #fbfbfb;
}

.section-special-portfolio-v2 {
	padding: 10.4rem 0 8.4rem;
	min-height: 8rem;
	position: relative;
	z-index: 0;
	background-color: #ffffff;
}

.section-feature-work {
	padding: 10rem 0 0rem;
	min-height: 50rem;
	position: relative;
	background-color: #f1f1f1;
}

.section-call-to-action {
	padding: 6.4rem 0 6.4rem;
	position: relative;
}
.section-call-to-action:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url("/images/background-m-07.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	filter: grayscale(50%);
	z-index: -1;
}
.section-call-to-action.bgd02:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url("/images/background-m-13.jpg");
}
.section-call-to-action.bgd03:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url("/images/background-m-38.jpg");
}
.section-call-to-action.bgd04:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url("/images/background-m-41.jpg");
}

.section-call-to-action-v2 {
	padding: 2.4rem 0 2.4rem;
	position: relative;
}
.section-call-to-action-v2:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url("/images/background-m-07.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	filter: grayscale(50%);
	z-index: -1;
}

.section-call-to-action-v3 {
	padding: 4rem 0 0rem;
	position: relative;
	background-color: #ffffff;
}

.section-call-to-action-v4 {
	padding: 9.6rem 0 10.4rem;
	background-color: #fbfbfb;
}
.section-call-to-action-v4.bgd02 {
	background-color: #ffffff;
}

.section-call-to-action-v5 {
	padding: 0rem 0 0rem;
	position: relative;
	background-color: #ffffff;
}

.section-title {
	padding: 9.6rem 0 10.4rem;
	background-color: #ffffff;
}

.section-skill {
	padding: 10.4rem 0 6rem;
	position: relative;
}
.section-skill:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("/images/background-m-08.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	z-index: -1;
}
.section-skill.bgd02:before {
	background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("/images/background-m-22.jpg");
}
.section-skill.bgd03:before {
	background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("/images/background-m-43.jpg");
}

.section-skill-dark {
	padding: 10.4rem 0 6rem;
	position: relative;
}
.section-skill-dark:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url("/images/background-m-26.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	z-index: -1;
}
.section-skill-dark:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: opacity(30%);
	background-image: url("/images/pattern_caro.png");
	background-position: center;
	z-index: -1;
}
.section-skill-dark.bgd02:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url("/images/background-m-33.jpg");
}
.section-skill-dark.bgd03:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url("/images/background-m-35.jpg");
}
.section-skill-dark.bgd04:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url("/images/background-m-39.jpg");
}

.section-news {
	padding: 9.6rem 0 6.4rem;
	background-color: #ffffff;
}
.section-news.bgd02 {
	background-color: #fbfbfb;
}

.section-brand-v1 {
	padding: 10.4rem 0 10.4rem;
	position: relative;
	overflow: hidden;
}
.section-brand-v1:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url("/images/background-m-40.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	z-index: -1;
}
.section-brand-v1:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("/images/pattern_caro.png");
	filter: opacity(30%);
	background-position: center;
	z-index: -1;
}
.section-brand-v1.bgd01 {
	padding: 9.6rem 0 10.4rem;
}
.section-brand-v1.bgd01:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url("/images/background-m-09.jpg");
}
.section-brand-v1.bgd02 {
	padding: 9.6rem 0 10.4rem;
	background-color: #ffffff;
}
.section-brand-v1.bgd02:before {
	background-image: none;
}
.section-brand-v1.bgd02:after {
	background-image: none;
}
.section-brand-v1.bgd03 {
	padding: 9.6rem 0 10.4rem;
}
.section-brand-v1.bgd03:before {
	background-image: linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), url("/images/background-m-18.jpg");
	filter: grayscale(50%);
}
.section-brand-v1.bgd03:after {
	background-image: none;
}
.section-brand-v1.bgd05 {
	padding: 9.6rem 0 10.4rem;
	background-color: #fbfbfb;
}
.section-brand-v1.bgd05:before {
	background-image: none;
}
.section-brand-v1.bgd05:after {
	background-image: none;
}
.section-brand-v1.bgd06 {
	padding: 10.4rem 0 10.4rem;
	background-color: #fbfbfb;
}
.section-brand-v1.bgd06:before {
	background-image: none;
}
.section-brand-v1.bgd06:after {
	background-image: none;
}
.section-brand-v1.bgd07 {
	padding: 10.4rem 0 10.4rem;
	background-color: #ffffff;
}
.section-brand-v1.bgd07:before {
	background-image: none;
}
.section-brand-v1.bgd07:after {
	background-image: none;
}
.section-brand-v1.bgd08 {
	padding: 10.4rem 0 10.4rem;
}
.section-brand-v1.bgd08:before {
	background-image: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url("/images/background-m-50.jpg");
	filter: grayscale(50%);
}
.section-brand-v1.bgd08:after {
	background-image: none;
}

.section-brand {
	padding: 9.6rem 0 6.4rem;
	max-height: 41.6rem;
	position: relative;
	overflow: hidden;
}
@media screen and (max-width: 319px) {
	.section-brand {
		max-height: 100rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.section-brand {
		max-height: 100rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.section-brand {
		max-height: 100rem;
	}
}
.section-brand:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url("/images/background-m-09.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	z-index: -1;
}
.section-brand:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("/images/pattern_caro.png");
	filter: opacity(30%);
	background-position: center;
	z-index: -1;
}
.section-brand.bgd02 {
	background-color: #ffffff;
}
.section-brand.bgd02:before {
	background-image: none;
}
.section-brand.bgd02:after {
	background-image: none;
}
.section-brand.bgd03:before {
	background-image: linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), url("/images/background-m-18.jpg");
	filter: grayscale(50%);
}
.section-brand.bgd03:after {
	background-image: none;
}
.section-brand.bgd04:before {
	background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("/images/background-m-20.jpg");
	filter: grayscale(70%);
}
.section-brand.bgd04:after {
	background-image: none;
}
.section-brand.bgd05 {
	background-color: #fbfbfb;
}
.section-brand.bgd05:before {
	background-image: none;
}
.section-brand.bgd05:after {
	background-image: none;
}
.section-brand.bgd06 {
	padding: 6.4rem 0 6.4rem;
	background-color: #fbfbfb;
}
.section-brand.bgd06:before {
	background-image: none;
}
.section-brand.bgd06:after {
	background-image: none;
}
.section-brand.bgd07 {
	padding: 6.4rem 0 6.4rem;
	background-color: #ffffff;
}
.section-brand.bgd07:before {
	background-image: none;
}
.section-brand.bgd07:after {
	background-image: none;
}
.section-brand.bgd08 {
	padding: 6.4rem 0 6.4rem;
}
.section-brand.bgd08:before {
	background-image: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url("/images/background-m-50.jpg");
	filter: grayscale(50%);
}
.section-brand.bgd08:after {
	background-image: none;
}

.section-why-us {
	padding: 9.6rem 0 6.4rem;
	background-color: #ffffff;
}
.section-why-us.bgd02 {
	background-color: #fbfbfb;
}
.section-why-us.bgd03 {
	background-color: transparent;
	position: relative;
}
.section-why-us.bgd03:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url("/images/background-m-26.jpg");
	filter: grayscale(50%);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	z-index: -1;
}

.section-feature-btn {
	padding: 9.6rem 0 6.4rem;
	background-color: #ffffff;
}

.section-feature-v2 {
	padding: 9.6rem 0 6.4rem;
	background-color: #ffffff;
}

.section-feature-v3 {
	padding: 9.6rem 0 6.4rem;
	background-color: #ffffff;
}

.section-some-service {
	padding: 9.6rem 0 6.4rem;
	background-color: #ffffff;
}

.section-some-service-dark {
	padding: 9.6rem 0 6.4rem;
	position: relative;
}
.section-some-service-dark:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("/images/background-m-28.jpg");
	filter: grayscale(50%);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	z-index: -1;
}
.section-some-service-dark:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("/images/pattern_cross.png");
	filter: opacity(30%);
	background-position: center;
	z-index: -1;
}
.section-some-service-dark.bgd02:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("/images/background-m-32.jpg");
}
.section-some-service-dark.bgd03:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("/images/background-m-34.jpg");
}

.section-some-service-v2 {
	padding: 9.6rem 0 6.4rem;
	background-color: #ffffff;
}

.section-some-service-v3 {
	padding: 9.6rem 0 6.4rem;
	background-color: #ffffff;
}

.section-some-feature {
	padding: 10.4rem 0 6.4rem;
	background-color: #fbfbfb;
}

.section-hero-static {
	padding: 26rem 0 26rem;
	min-height: 20rem;
	position: relative;
}
@media screen and (max-width: 319px) {
	.section-hero-static {
		padding: 16rem 0 16rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.section-hero-static {
		padding: 16rem 0 16rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.section-hero-static {
		padding: 20rem 0 20rem;
	}
}
.section-hero-static:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("/images/background-m-10.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -1;
}
.section-hero-static:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("/images/pattern_caro.png");
	filter: opacity(50%);
	background-position: center;
	z-index: -1;
}
.section-hero-static.bgd02:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("/images/background-m-11.jpg");
}
.section-hero-static.bgd03:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("/images/background-m-15.jpg");
}
.section-hero-static.bgd04:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("/images/background-m-16.jpg");
}
.section-hero-static.bgd04:after {
	background-image: url("/images/pattern_cross.png");
	filter: opacity(35%);
}
.section-hero-static.bgd05:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url("/images/background-m-19.jpg");
}
.section-hero-static.bgd05:after {
	background-image: url("/images/pattern_cross.png");
	filter: opacity(35%);
}
.section-hero-static.bgd06:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)), url("/images/background-m-21.jpg");
	filter: grayscale(30%);
}
.section-hero-static.bgd06:after {
	background-image: url("/images/pattern_cross.png");
	filter: opacity(30%);
}
.section-hero-static.bgd07:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)), url("/images/background-m-24.jpg");
	filter: none;
}
.section-hero-static.bgd08:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)), url("/images/background-m-46.jpg");
	filter: none;
}

.section-who-we-are {
	padding: 10.4rem 0 10.4rem;
	background-color: #ffffff;
}
.section-who-we-are.bgd02 {
	padding: 8.4rem 0 8.4rem;
	overflow: hidden;
}
.section-who-we-are.bgd03 {
	background-color: #fbfbfb;
	padding: 8.4rem 0 8.4rem;
	overflow: hidden;
}
.section-who-we-are.bgd04 {
	background-color: #fbfbfb;
	padding: 8.4rem 0 6.4rem;
	overflow: hidden;
}

.section-our-services {
	padding: 10.4rem 0 10.4rem;
	position: relative;
}
.section-our-services:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), url("/images/background-m-12.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	filter: grayscale(40%);
	z-index: -1;
}

.section-our-team {
	padding: 9.6rem 0 6.4rem;
	background-color: #ffffff;
}
.section-our-team.bgd02 {
	background-color: #fbfbfb;
}

.section-our-team-v2 {
	padding: 9.6rem 0 6.4rem;
	background-color: #ffffff;
}

.section-our-team-v3 {
	padding: 9.6rem 0 6.4rem;
	background-color: #ffffff;
	position: relative;
}

.section-news-v1 {
	padding: 9.6rem 0 10.4rem;
	background-color: #ffffff;
	position: relative;
}

.section-testimonial-v1 {
	padding: 6.4rem 0 9.4rem;
	background-color: #ffffff;
	min-height: 2rem;
	overflow: hidden;
}

.section-testimonial {
	padding: 9.6rem 0 6.4rem;
	background-color: #ffffff;
}
.section-testimonial.bgd02 {
	background-color: transparent;
	position: relative;
}
.section-testimonial.bgd02:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), url("/images/background-m-14.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	filter: grayscale(60%);
	z-index: -1;
}
.section-testimonial.bgd03 {
	background-color: #fbfbfb;
}

.section-testimonial-one {
	padding: 9.6rem 0 9.6rem;
	background-color: #ffffff;
	overflow: hidden;
	position: relative;
}
@media screen and (max-width: 319px) {
	.section-testimonial-one {
		background-color: #fbfbfb;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.section-testimonial-one {
		background-color: #fbfbfb;
	}
}
.section-testimonial-one.bgd02 {
	background-color: transparent;
}
@media screen and (max-width: 319px) {
	.section-testimonial-one.bgd02 {
		background-color: transparent;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.section-testimonial-one.bgd02 {
		background-color: transparent;
	}
}
.section-testimonial-one.bgd02:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), url("/images/background-m-25.jpg");
	filter: grayscale(50%);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	z-index: -1;
}
.section-testimonial-one.bgd02:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("/images/pattern_caro.png");
	filter: opacity(5%);
	background-position: center;
	z-index: -1;
}

.section-testimonial-one-dark {
	padding: 9.6rem 0 9.6rem;
	overflow: hidden;
	position: relative;
}
.section-testimonial-one-dark:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url("/images/background-m-18.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	z-index: -1;
}
.section-testimonial-one-dark:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("/images/pattern_cross.png");
	background-position: center;
	z-index: -1;
}
.section-testimonial-one-dark.bgd02:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url("/images/background-m-25.jpg");
}
.section-testimonial-one-dark.bgd03:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url("/images/background-m-39.jpg");
}

.section-testimonial-two {
	padding: 9.6rem 0 9.6rem;
	background-color: #ffffff;
	overflow: hidden;
}
.section-testimonial-two.bgd02 {
	background-color: #fbfbfb;
}

.section-testimonial-v2 {
	padding: 9.6rem 0 9.6rem;
	background-color: #fbfbfb;
	overflow: hidden;
}

.section-testimonial-v3 {
	padding: 9.6rem 0 9.6rem;
	background-color: #ffffff;
	overflow: hidden;
}

.section-list-service {
	padding: 9.6rem 0 6.4rem;
	background-color: #ffffff;
}

.section-list-faqs {
	padding: 9.6rem 0 1.2rem;
	background-color: #ffffff;
}

.section-map {
	padding: 10.4rem 0 10.4rem;
	background-color: #fbfbfb;
}
.section-map.bgd02 {
	padding: 0rem 0 0rem;
}

.section-in-touch {
	padding: 9.6rem 0 6.4rem;
	background-color: #ffffff;
}

.section-meet-out-team {
	padding: 10rem 0 0;
	min-height: 10rem;
	position: relative;
	background-color: #fbfbfb;
}
.section-meet-out-team.bgd02 {
	background-color: transparent;
}
.section-meet-out-team.bgd02:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), url("/images/background-m-30.jpg");
	filter: grayscale(50%);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	z-index: -1;
}
.section-meet-out-team.bgd02:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: opacity(5%);
	background-image: url("/images/pattern_cross.png");
	background-position: center;
	z-index: -1;
}
.section-meet-out-team.bgd03 {
	background-color: #ffffff;
}

.section-meet-out-team-full {
	padding: 0rem 0 0;
	min-height: 10rem;
	position: relative;
	background-color: #fbfbfb;
}

.section-portfolio-full {
	padding: 9.6rem 0 10.4rem;
	min-height: 10rem;
	position: relative;
	background-color: #ffffff;
}
@media screen and (max-width: 319px) {
	.section-portfolio-full {
		background-color: #fbfbfb;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.section-portfolio-full {
		background-color: #fbfbfb;
	}
}
.section-portfolio-full.bgd02 {
	background-color: #fbfbfb;
}

.section-portfolio-v1 {
	position: relative;
}
.section-portfolio-v1__top {
	padding: 9.6rem 0 9.6rem;
	min-height: 2rem;
	position: relative;
	overflow: hidden;
}
.section-portfolio-v1__top:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.95)), url("/images/background-m-37.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	z-index: -1;
}
.section-portfolio-v1__top:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("/images/pattern_caro.png");
	filter: opacity(40%);
	background-position: center;
	z-index: -1;
}
.section-portfolio-v1__bottom {
	padding-right: 16rem;
	padding-left: 16rem;
	margin-top: -9.6rem;
}
@media screen and (max-width: 319px) {
	.section-portfolio-v1__bottom {
		padding-right: 16px;
		padding-left: 16px;
		margin-top: -9.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.section-portfolio-v1__bottom {
		padding-right: 16px;
		padding-left: 16px;
		margin-top: -9.6rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.section-portfolio-v1__bottom {
		padding-right: 6.4rem;
		padding-left: 6.4rem;
		margin-top: -9.6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.section-portfolio-v1__bottom {
		padding-right: 6.4rem;
		padding-left: 6.4rem;
		margin-top: -9.6rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.section-portfolio-v1__bottom {
		padding-right: 6.4rem;
		padding-left: 6.4rem;
		margin-top: -9.6rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.section-portfolio-v1__bottom {
		padding-right: 6.4rem;
		padding-left: 6.4rem;
		margin-top: -9.6rem;
	}
}
.section-portfolio-v1__bottom .row {
	margin-right: 0;
	margin-left: 0;
}
.section-portfolio-v1__bottom .row > [class*=col] {
	padding-left: 0;
	padding-right: 0;
}

.section-number-v1 {
	padding: 7.6rem 0 8.4rem;
	background-color: #ffffff;
}

.section-pricing-tables {
	padding: 9.6rem 0 6.4rem;
	background-color: #ffffff;
}
.section-pricing-tables.bgd02 {
	background-color: #fbfbfb;
}

.section-banner-static {
	padding: 11.2rem 0 11.2rem;
	min-height: 10rem;
	position: relative;
}
.section-banner-static:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url("/images/background-m-23.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -1;
}
.section-banner-static:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("/images/pattern_caro.png");
	filter: opacity(40%);
	background-position: center;
	z-index: -1;
}
.section-banner-static.bgd02:before {
	background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url("/images/background-m-51.jpg");
}

.section-detail-team {
	padding: 10.4rem 0 6.4rem;
	background-color: #ffffff;
}

.section-slim-skill {
	padding: 0rem 0 0rem;
	background-color: #ffffff;
}

.section-form-send {
	padding: 4.8rem 0 0rem;
	background-color: #ffffff;
}
.section-form-send.bgd02 {
	padding: 4.8rem 0 6.4rem;
}
.section-form-send.bgd03 {
	padding: 4.8rem 0 6.4rem;
	background-color: #fbfbfb;
}
.section-form-send.bgd04 {
	padding: 9.6rem 0 6.4rem;
}

.section-slim-team {
	padding: 5.6rem 0 6.4rem;
	background-color: #ffffff;
}

.section-side-navigation {
	padding: 10.4rem 0 6.4rem;
	background-color: #ffffff;
	min-height: 50rem;
	overflow: hidden;
}

.section-number {
	padding: 10rem 0 6rem;
	background-color: #ffffff;
}
@media screen and (max-width: 319px) {
	.section-number {
		background-color: #fbfbfb;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.section-number {
		background-color: #fbfbfb;
	}
}
.section-news-special {
	padding: 4rem 0 0rem;
	background-color: #fbfbfb;
	overflow: hidden;
}

.section-content-main {
	padding: 10.4rem 0 6.4rem;
	background-color: #ffffff;
}

.section-content-main-filter {
	padding: 10.4rem 0 6.4rem;
	background-color: #ffffff;
	position: relative;
	z-index: 0;
}

.section-mini-sale {
	padding: 2.8rem 0 0;
	background-color: #ffffff;
}

.section-ship-info {
	padding: 9.6rem 0 6.4rem;
	background-color: #ffffff;
}

.section-white-space {
	min-height: 21.7rem;
	background-color: #ffffff;
}
@media screen and (max-width: 319px) {
	.section-white-space {
		min-height: 10.4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.section-white-space {
		min-height: 10.4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.section-white-space {
		min-height: 10.4rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.section-white-space {
		min-height: 18.4rem;
	}
}
.section-all-page {
	min-height: 10rem;
	background-color: #ffffff;
	padding: 9.6rem 0 6.4rem;
}
.section-all-page.bgd02 {
	background-color: #fbfbfb;
}

/*******************nav***********************/
.nav {
	position: relative;
	background-color: #ffffff;
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.nav--fixed {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 99;
	background-color: rgba(255, 255, 255, 0.95);
	-webkit-animation: headerSlideDown 0.6s ease forwards;
	animation: headerSlideDown 0.6s ease forwards;
}
.nav--true {
	min-height: 9.6rem;
	display: block;
	width: 100%;
	background-color: transparent;
}
.nav__row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.nav__15percent {
	flex: 0 0 15%;
	max-width: 15%;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
@media screen and (max-width: 319px) {
	.nav__15percent {
		flex: 0 0 40%;
		max-width: 40%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.nav__15percent {
		flex: 0 0 40%;
		max-width: 40%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.nav__15percent {
		flex: 0 0 40%;
		max-width: 40%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.nav__15percent {
		flex: 0 0 40%;
		max-width: 40%;
	}
}
.nav__85percent {
	flex: 0 0 85%;
	max-width: 85%;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
@media screen and (max-width: 319px) {
	.nav__85percent {
		flex: 0 0 60%;
		max-width: 60%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.nav__85percent {
		flex: 0 0 60%;
		max-width: 60%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.nav__85percent {
		flex: 0 0 60%;
		max-width: 60%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.nav__85percent {
		flex: 0 0 60%;
		max-width: 60%;
	}
}
.nav__logo-box {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.nav__logo-link {
	display: block;
}
.nav__logo-link img {
	height: auto;
	max-width: 100%;
	margin: auto 0;
}
@media screen and (max-width: 319px) {
	.nav__logo-link img {
		max-width: 68%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.nav__logo-link img {
		max-width: 72%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.nav__logo-link img {
		max-width: 72%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.nav__logo-link img {
		max-width: 80%;
	}
}
.nav__logo-link.mini img {
	max-width: 72%;
}
.nav__menu {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
}
.nav__list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.nav__list--lv2 {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 20rem;
	min-height: 2rem;
	-moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	background-color: #ffffff;
	flex-direction: column;
	justify-content: center;
	align-items: space-between;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	z-index: 999;
}
.nav__list--lv3 {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
	min-width: 16rem;
	min-height: 2rem;
	-moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	background-color: #ffffff;
	flex-direction: column;
	justify-content: center;
	align-items: space-between;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	z-index: 9999;
}
.nav__item:hover > a span:after {
	width: 100%;
	left: 0;
	right: auto;
}
.nav__item:hover > ul {
	display: flex;
}
.nav__item:hover > .mega-menu {
	display: block;
}
.nav__item--lv2 {
	position: relative;
}
.nav__item--lv2:not(:last-child) > a {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.nav__item--lv2:hover > a {
	background-color: rgba(0, 0, 0, 0.04);
	color: rgba(0, 0, 0, 0.87);
}
.nav__item--lv2:hover > ul {
	display: flex;
}
.nav__item--lv3 {
	position: relative;
}
.nav__item--lv3:not(:last-child) > a {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.nav__item--lv3:hover > a {
	background-color: rgba(0, 0, 0, 0.04);
	color: rgba(0, 0, 0, 0.87);
}
.nav--menu-mega {
	position: static;
}
.nav--menu-drop {
	position: relative;
}
.nav__link, .nav__link:link, .nav__link:visited {
	font-size: 1.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.15rem;
	text-transform: uppercase;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.87);
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	display: block;
	padding: 3.2rem 2.2rem 3.2rem;
	overflow: hidden;
	position: relative;
	-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.nav__link.mini {
	padding: 1.2rem 2.2rem 1.2rem;
}
.nav--drop .nav__link:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	font-family: "Material Icons";
	font-size: 2rem;
}
.nav__link span {
	overflow: hidden;
	position: relative;
}
.nav__link span:after {
	content: "";
	position: absolute;
	width: 0;
	left: auto;
	right: 0;
	bottom: -0.1rem;
	height: 0.1rem;
	-moz-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	-o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	background-color: rgba(0, 0, 0, 0.6);
}
.nav__link--lv2 {
	font-size: 1.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.15rem;
	text-transform: uppercase;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.87);
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	display: block;
	padding: 0.4rem 4rem 0.4rem 1.6rem;
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.nav--drop > .nav__link--lv2:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0.8rem;
	transform: translateY(-50%);
	font-family: "Material Icons";
	font-size: 2rem;
	color: rgba(0, 0, 0, 0.54);
}
.nav__link--lv3 {
	font-size: 1.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.15rem;
	text-transform: uppercase;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.87);
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	display: block;
	padding: 0.4rem 1.6rem 0.4rem;
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.nav__btn {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.nav__btn-item {
	margin-left: 2rem;
	position: relative;
	padding: 3.4rem 0;
}
.nav__btn-item.mini {
	padding: 1.4rem 0;
}
.nav__btn-link, .nav__btn-link:link, .nav__btn-link:visited {
	color: rgba(0, 0, 0, 0.87);
	display: flex;
	align-items: center;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	position: relative;
}
.nav__btn-icon {
	font-size: 2.8rem;
	line-height: 1;
}
.nav__search-icon:hover {
	color: #000000;
}
.nav__search-form {
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 999;
	-moz-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
	background-color: #ffffff;
	padding: 1.6rem;
	display: none;
}
.nav__search-input {
	width: 23.2rem;
	border: 1px solid rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	padding: 6px 36px 6px 12px;
}
.nav__search-input:placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.nav__search-input::placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.nav__search-input:-moz-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.nav__search-input::-moz-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.nav__search-input:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.nav__search-input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.nav__search-input:focus {
	outline: none;
}
.nav__search-button {
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 2.4rem;
	padding: 0;
	margin: 0;
	outline: none;
	border: none;
	border: 0;
	background: none;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
}
.nav__search-button:hover i {
	color: rgba(17, 189, 163, 0.87);
}
.nav__search-button:focus {
	outline: none;
}
.nav__search-button i {
	font-size: 2.4rem;
	color: rgba(0, 0, 0, 0.87);
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.nav--effect {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.nav__cart-icon:hover {
	color: #000000;
}
.nav__cart-number {
	position: absolute;
	top: 6px;
	right: -9px;
	background-color: #11BDA3;
	border-radius: 50%;
	min-width: 2rem;
	min-height: 2rem;
	padding: 0rem 0.4rem 0rem 0.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.nav__ajax-cart {
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 9999;
	-moz-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
	background-color: #ffffff;
	padding: 1.6rem;
	display: none;
	max-width: 32rem;
	width: 32rem;
	min-height: 32rem;
}
.nav__product {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.nav__product--link {
	flex-grow: 25;
	flex-basis: 25%;
	position: relative;
}
.nav__product--link:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-color: rgba(0, 0, 0, 0.03);
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.nav__product--link:hover:before {
	background-color: rgba(0, 0, 0, 0.06);
}
.nav__product--picture {
	height: auto;
	max-width: 100%;
}
.nav__product--content {
	flex-grow: 69;
	flex-basis: 69%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 1.6rem;
}
.nav__product--vote {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 0.4rem;
}
.nav__product--vote i {
	color: #ffd700;
	font-size: 2rem;
	line-height: 1;
}
.nav__product--price {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.nav__product--sale {
	margin-right: 1.2rem;
}
.nav__product--close {
	flex-grow: 6;
	flex-basis: 6%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.nav__product--close i {
	font-size: 2.4rem;
	color: rgba(0, 0, 0, 0.87);
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.nav__product--close i:hover {
	color: #11BDA3;
}
.nav__line {
	height: 1px;
	width: 100%;
	margin: 1.6rem 0;
	background-color: rgba(0, 0, 0, 0.12);
}
.nav__bill {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.nav__bill--btn {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-top: 1.6rem;
	width: 100%;
}
.nav__bill--btn a:first-child {
	margin-right: 1.6rem;
}
.nav__total {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: 1.2rem 0;
	width: 100%;
}
.nav__mobile-icon {
	position: relative;
	width: 24px;
	height: 20px;
}
.nav__mobile-icon:hover .nav__mobile-icon--line:before, .nav__mobile-icon:hover .nav__mobile-icon--line:after {
	width: 72%;
}
.nav__mobile-icon--line {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -1px;
	width: 100%;
	height: 2px;
	background-color: rgba(0, 0, 0, 0.87);
	-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.nav__mobile-icon--line:before, .nav__mobile-icon--line:after {
	position: absolute;
	left: 50%;
	width: 100%;
	height: 100%;
	background: inherit;
	content: "";
	-moz-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-transform: translate(-50%);
	-webkit-transform: translate(-50%);
	-ms-transform: translate(-50%);
	-o-transform: translate(-50%);
	transform: translate(-50%);
}
.nav__mobile-icon--line:after {
	top: 8px;
}
.nav__mobile-icon--line:before {
	top: -8px;
}

/*******************mega-menu***********************/
.mega-menu {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background-color: white;
	width: auto;
	min-width: 30rem;
	max-width: none;
	padding: 8rem 0;
	-moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	display: none;
	z-index: 999;
}
.mega-menu ul {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
}
.mega-menu ul li {
	font-size: 1.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.15rem;
	text-transform: uppercase;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.87);
}
.mega-menu ul li:first-child {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	padding-bottom: 0.4rem;
	margin-bottom: 1.2rem;
	margin-right: 2rem;
}
.mega-menu ul li:hover > a span:after {
	width: 100%;
	left: 0;
	right: auto;
}
.mega-menu ul li a {
	font-size: 1.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.15rem;
	text-transform: uppercase;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.87);
	display: block;
	overflow: hidden;
	padding: 0.8rem 0;
	position: relative;
	-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.mega-menu ul li a span {
	overflow: hidden;
	position: relative;
}
.mega-menu ul li a span:after {
	content: "";
	position: absolute;
	width: 0;
	left: auto;
	right: 0;
	bottom: -0.1rem;
	height: 0.1rem;
	-moz-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	-o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	background-color: rgba(0, 0, 0, 0.6);
}

/*******************menu-mb***********************/
.menu-mb {
	background-color: #212121;
	position: relative;
	width: 400px;
	max-width: 84%;
	height: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	overflow-y: auto;
	-moz-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}
.menu-show .menu-mb {
	-moz-transform: none;
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.menu-mb__header {
	height: 56px;
	background-color: #ffffff;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.menu-mb__logo-box {
	margin-left: 16px;
}
.menu-mb__logo-link {
	display: block;
}
.menu-mb__logo-link img {
	height: auto;
	max-width: 72%;
	margin: auto 0;
}
.menu-mb__close-box {
	margin-right: 8px;
}
.menu-mb__close-link {
	position: relative;
	cursor: pointer;
	height: 4rem;
	width: 4rem;
	display: block;
}
.menu-mb__close-link:hover:before, .menu-mb__close-link:hover:after {
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.menu-mb__close-link:before {
	content: "";
	position: absolute;
	top: 1.9rem;
	left: 0.8rem;
	width: 2.4rem;
	height: 0.3rem;
	background: #333333;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.menu-mb__close-link:after {
	content: "";
	position: absolute;
	top: 1.9rem;
	left: 0.8rem;
	width: 2.4rem;
	height: 0.3rem;
	background: #333333;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.menu-mb__item:hover > a {
	color: #ffffff;
}
.menu-mb__item--lv2:hover > a {
	color: #ffffff;
}
.menu-mb__item--lv3:hover > a {
	color: #ffffff;
}
.menu-mb__link {
	font-size: 1.4rem;
	line-height: 3.6rem;
	letter-spacing: 0.125rem;
	text-transform: uppercase;
	font-weight: 500;
	color: #ffffff;
	display: block;
	padding: 4px 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	overflow: hidden;
	position: relative;
	background-color: #212121;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.menu-mb__link:hover {
	color: #ffffff;
}
.menu-mb--drop > .menu-mb__link:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 16px;
	-moz-transform: translateY(-50%) rotate(0deg);
	-webkit-transform: translateY(-50%) rotate(0deg);
	-ms-transform: translateY(-50%) rotate(0deg);
	-o-transform: translateY(-50%) rotate(0deg);
	transform: translateY(-50%) rotate(0deg);
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	font-family: "Material Icons";
	font-size: 2rem;
	color: #ffffff;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.menu-mb--drop.openMn > .menu-mb__link:before {
	-moz-transform: translateY(-50%) rotate(-180deg);
	-webkit-transform: translateY(-50%) rotate(-180deg);
	-ms-transform: translateY(-50%) rotate(-180deg);
	-o-transform: translateY(-50%) rotate(-180deg);
	transform: translateY(-50%) rotate(-180deg);
}
.menu-mb__link--lv2 {
	font-size: 1.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.15rem;
	text-transform: uppercase;
	font-weight: 400;
	color: #ffffff;
	display: block;
	padding: 4px 24px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	overflow: hidden;
	position: relative;
	background-color: #2a2a2a;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.menu-mb__link--lv2:hover {
	color: #ffffff;
}
.menu-mb--drop > .menu-mb__link--lv2:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 16px;
	-moz-transform: translateY(-50%) rotate(0deg);
	-webkit-transform: translateY(-50%) rotate(0deg);
	-ms-transform: translateY(-50%) rotate(0deg);
	-o-transform: translateY(-50%) rotate(0deg);
	transform: translateY(-50%) rotate(0deg);
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	font-family: "Material Icons";
	font-size: 2rem;
	color: #ffffff;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.menu-mb--drop.openMn > .menu-mb__link--lv2:before {
	-moz-transform: translateY(-50%) rotate(-180deg);
	-webkit-transform: translateY(-50%) rotate(-180deg);
	-ms-transform: translateY(-50%) rotate(-180deg);
	-o-transform: translateY(-50%) rotate(-180deg);
	transform: translateY(-50%) rotate(-180deg);
}
.menu-mb__link--lv3 {
	font-size: 1.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.15rem;
	text-transform: uppercase;
	font-weight: 400;
	color: #ffffff;
	display: block;
	padding: 4px 24px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	overflow: hidden;
	position: relative;
	background-color: #3d3d3d;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.menu-mb__link--lv3:hover {
	color: #ffffff;
}
.menu-mb--drop > .menu-mb__link--lv3:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 16px;
	-moz-transform: translateY(-50%) rotate(0deg);
	-webkit-transform: translateY(-50%) rotate(0deg);
	-ms-transform: translateY(-50%) rotate(0deg);
	-o-transform: translateY(-50%) rotate(0deg);
	transform: translateY(-50%) rotate(0deg);
	font-family: "Material Icons";
	font-size: 2rem;
	color: #ffffff;
}

/*******************search-pp***********************/
.search-pp {
	background-color: #212121;
	position: relative;
	width: 400px;
	max-width: 84%;
	height: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	overflow-y: auto;
	-moz-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}
.menu-show .search-pp {
	-moz-transform: none;
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.search-pp__header {
	height: 56px;
	background-color: #ffffff;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.search-pp__logo-box {
	margin-left: 16px;
}
.search-pp__logo-link {
	display: block;
}
.search-pp__logo-link img {
	height: auto;
	max-width: 72%;
	margin: auto 0;
}
.search-pp__close-box {
	margin-right: 8px;
}
.search-pp__close-link {
	position: relative;
	cursor: pointer;
	height: 4rem;
	width: 4rem;
	display: block;
}
.search-pp__close-link:hover:before, .search-pp__close-link:hover:after {
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.search-pp__close-link:before {
	content: "";
	position: absolute;
	top: 1.9rem;
	left: 0.8rem;
	width: 2.4rem;
	height: 0.3rem;
	background: #333333;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.search-pp__close-link:after {
	content: "";
	position: absolute;
	top: 1.9rem;
	left: 0.8rem;
	width: 2.4rem;
	height: 0.3rem;
	background: #333333;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.search-pp__content {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding: 3.2rem 1.6rem;
}
.search-pp__search-form {
	position: relative;
	display: block;
	width: 100%;
}
.search-pp__search-input {
	width: 100%;
	border: 1px solid rgba(255, 255, 255, 0.87);
	border-radius: 4px;
	padding: 6px 36px 6px 12px;
	background-color: transparent;
}
.search-pp__search-input:placeholder {
	color: rgba(255, 255, 255, 0.87);
}
.search-pp__search-input::placeholder {
	color: rgba(255, 255, 255, 0.87);
}
.search-pp__search-input:-moz-placeholder {
	color: rgba(255, 255, 255, 0.87);
}
.search-pp__search-input::-moz-placeholder {
	color: rgba(255, 255, 255, 0.87);
}
.search-pp__search-input:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.87);
}
.search-pp__search-input::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.87);
}
.search-pp__search-input:focus {
	outline: none;
}
.search-pp__search-button {
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0.8rem;
	padding: 0;
	margin: 0;
	outline: none;
	border: none;
	border: 0;
	background: none;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
}
.search-pp__search-button:focus {
	outline: none;
}
.search-pp__search-button i {
	font-size: 2.4rem;
	color: rgba(255, 255, 255, 0.87);
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

/*******************slide-show***********************/
.slide-show {
	max-width: 100%;
	margin: auto;
	position: relative;
}
.slide-show:hover .slide-show--prev {
	left: 0.4rem;
}
.slide-show:hover .slide-show--next {
	right: 0.4rem;
}
.slide-show__container {
	display: none;
}
.slide-show__img {
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
@media screen and (max-width: 319px) {
	.slide-show__img {
		max-width: 300%;
		-moz-transform: translateX(-33.333%);
		-webkit-transform: translateX(-33.333%);
		-ms-transform: translateX(-33.333%);
		-o-transform: translateX(-33.333%);
		transform: translateX(-33.333%);
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.slide-show__img {
		max-width: 300%;
		-moz-transform: translateX(-33.333%);
		-webkit-transform: translateX(-33.333%);
		-ms-transform: translateX(-33.333%);
		-o-transform: translateX(-33.333%);
		transform: translateX(-33.333%);
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.slide-show__img {
		max-width: 200%;
		-moz-transform: translateX(-25%);
		-webkit-transform: translateX(-25%);
		-ms-transform: translateX(-25%);
		-o-transform: translateX(-25%);
		transform: translateX(-25%);
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.slide-show__img {
		max-width: 150%;
		-moz-transform: translateX(-16.677%);
		-webkit-transform: translateX(-16.677%);
		-ms-transform: translateX(-16.677%);
		-o-transform: translateX(-16.677%);
		transform: translateX(-16.677%);
	}
}
.slide-show__wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.slide-show__box {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.slide-show__box {
		max-width: 540px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.slide-show__box {
		max-width: 720px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.slide-show__box {
		max-width: 960px;
	}
}
@media screen and (min-width: 1200px) {
	.slide-show__box {
		max-width: 1170px;
	}
}
.slide-show--prev {
	position: absolute;
	top: 50%;
	left: -2.8rem;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.slide-show--prev.showMxm {
	left: 0.4rem;
}
.slide-show--prev i {
	position: absolute;
	top: 2.1rem;
	left: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(255, 255, 255, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 0% 50%;
}
.slide-show--prev i:first-child {
	transform: translate(0, -0.1rem) rotate(40deg);
}
.slide-show--prev i:last-child {
	transform: translate(0, 0.1rem) rotate(-40deg);
}
.slide-show--prev:hover i:first-child {
	transform: translate(0, -0.1rem) rotate(30deg);
}
.slide-show--prev:hover i:last-child {
	transform: translate(0, 0.1rem) rotate(-30deg);
}
.slide-show--prev:active i:first-child {
	transform: translate(0rem, -0.1rem) rotate(25deg);
}
.slide-show--prev:active i:last-child {
	transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.slide-show--next {
	position: absolute;
	top: 50%;
	right: -2.8rem;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.slide-show--next.showMxm {
	right: 0.4rem;
}
.slide-show--next i {
	position: absolute;
	top: 2.1rem;
	right: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(255, 255, 255, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 100% 50%;
}
.slide-show--next i:first-child {
	transform: translate(0, 0.1rem) rotate(40deg);
}
.slide-show--next i:last-child {
	transform: translate(0, -0.1rem) rotate(-40deg);
}
.slide-show--next:hover i:first-child {
	transform: translate(0, 0.1rem) rotate(30deg);
}
.slide-show--next:hover i:last-child {
	transform: translate(0, -0.1rem) rotate(-30deg);
}
.slide-show--next:active i:first-child {
	transform: translate(0rem, 0.1rem) rotate(25deg);
}
.slide-show--next:active i:last-child {
	transform: translate(0rem, -0.1rem) rotate(-25deg);
}
.slide-show--icon {
	color: rgba(255, 255, 255, 0.6);
	font-size: 6rem;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.slide-show--main-dot {
	position: absolute;
	bottom: 12%;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.slide-show--dot {
	cursor: pointer;
	height: 1.2rem;
	width: 1.2rem;
	margin: 0 0.4rem;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 0.6rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}
.slide-show--dot:hover {
	background-color: rgba(255, 255, 255, 0.87);
}
.slide-show--dot.active {
	width: 3.2rem;
	background-color: rgba(255, 255, 255, 0.87);
	cursor: default;
}
.slide-show--effect {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fade {
	from {
		opacity: 0.4;
	}
	to {
		opacity: 1;
	}
}
@keyframes fade {
	from {
		opacity: 0.4;
	}
	to {
		opacity: 1;
	}
}
/*******************info-box***********************/
.info-box {
	position: relative;
	min-height: 4rem;
	background-color: #333333;
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	z-index: 900;
}
.info-box__contact ul {
	display: flex;
	align-items: center;
	min-height: 4rem;
}
.info-box__item--left {
	margin-right: 2rem;
}
.info-box__link--left, .info-box__link--left:link, .info-box__link--left:visited {
	color: rgba(255, 255, 255, 0.87);
	font-size: 1.4rem;
	line-height: 2.4rem;
	letter-spacing: 0.017rem;
	text-transform: none;
	font-weight: 500;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	display: flex;
	align-items: center;
}
.info-box__link--left:hover {
	color: #ffffff;
}
.info-box__link--left:hover .info-box__icon--left {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.info-box__icon--left {
	margin-right: 0.8rem;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.info-box__social ul {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	min-height: 4rem;
}
.info-box__item--right {
	list-style: none;
	margin-left: 1.2rem;
}
.info-box__link--right, .info-box__link--right:link, .info-box__link--right:visited {
	color: rgba(255, 255, 255, 0.87);
	display: flex;
	align-items: center;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.info-box__link--right:hover {
	color: #ffffff;
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.info-box__icon--right {
	font-size: 1.8rem;
}

/*******************info-box***********************/
.info-box-2 {
	position: relative;
	background-color: #212121;
	background-color: #414141;
	background-color: #333333;
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
@media screen and (max-width: 319px) {
	.info-box-2__contact {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.info-box-2__contact {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.info-box-2__contact {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
}
.info-box-2__contact--link {
	display: block;
	color: rgba(255, 255, 255, 0.87);
	font-size: 1.4rem;
	line-height: 2.4rem;
	letter-spacing: 0.017rem;
	text-transform: none;
	font-weight: 500;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	padding: 1.6rem 0;
}
.info-box-2__contact--link:hover {
	color: #ffffff;
}
.info-box-2__social ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}
@media screen and (max-width: 319px) {
	.info-box-2__social ul {
		justify-content: center;
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.info-box-2__social ul {
		justify-content: center;
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.info-box-2__social ul {
		justify-content: center;
		margin-bottom: 1.6rem;
	}
}
.info-box-2__item {
	list-style: none;
	margin-left: 1.2rem;
}
.info-box-2__link {
	color: rgba(255, 255, 255, 0.87);
	display: block;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.info-box-2__link:hover {
	color: #ffffff;
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.info-box-2__icon {
	font-size: 1.8rem;
}
.info-box-2__contact2 {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.info-box-2__contact2--link {
	display: block;
	color: rgba(255, 255, 255, 0.87);
	font-size: 1.4rem;
	line-height: 2.4rem;
	letter-spacing: 0.017rem;
	text-transform: none;
	font-weight: 500;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	padding: 1.6rem 0;
}
.info-box-2__contact2--link:hover {
	color: #ffffff;
}

/*******************text-box***********************/
.text-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.text-box__list {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	margin-bottom: 2rem;
}
@media screen and (max-width: 319px) {
	.text-box__list {
		margin-bottom: 1.2rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box__list {
		margin-bottom: 1.2rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box__list {
		margin-bottom: 1.2rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box__list {
		margin-bottom: 1.2rem;
	}
}
.text-box__list span:not(:last-child) {
	margin-bottom: 0.8rem;
}
@media screen and (max-width: 319px) {
	.text-box__list span:not(:last-child) {
		margin-bottom: 0.8rem;
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box__list span:not(:last-child) {
		margin-bottom: 0.8rem;
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box__list span:not(:last-child) {
		margin-bottom: 0.8rem;
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box__list span:not(:last-child) {
		margin-bottom: 0.8rem;
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.text-box__list span:not(:last-child) {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (max-width: 319px) {
	.text-box__list span:last-child {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box__list span:last-child {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box__list span:last-child {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box__list span:last-child {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.text-box__list span:last-child {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
.text-box p {
	text-align: left;
	margin-bottom: 2.4rem;
}
@media screen and (max-width: 319px) {
	.text-box p {
		margin-bottom: 1.6rem;
	}
	.text-box p br {
		display: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box p {
		margin-bottom: 1.6rem;
	}
	.text-box p br {
		display: none;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box p {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box p {
		margin-bottom: 1.6rem;
	}
}
.text-box-2 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.text-box-2__list {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	margin-bottom: 2rem;
	text-align: right;
}
@media screen and (max-width: 319px) {
	.text-box-2__list {
		margin-bottom: 1.2rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box-2__list {
		margin-bottom: 1.2rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box-2__list {
		margin-bottom: 1.2rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box-2__list {
		margin-bottom: 1.2rem;
	}
}
.text-box-2__list span:not(:last-child) {
	margin-bottom: 0.8rem;
}
@media screen and (max-width: 319px) {
	.text-box-2__list span:not(:last-child) {
		margin-bottom: 0.8rem;
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box-2__list span:not(:last-child) {
		margin-bottom: 0.8rem;
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box-2__list span:not(:last-child) {
		margin-bottom: 0.8rem;
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box-2__list span:not(:last-child) {
		margin-bottom: 0.8rem;
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.text-box-2__list span:not(:last-child) {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (max-width: 319px) {
	.text-box-2__list span:last-child {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box-2__list span:last-child {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box-2__list span:last-child {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box-2__list span:last-child {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.text-box-2__list span:last-child {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
.text-box-2 p {
	margin-bottom: 2.4rem;
	text-align: right;
}
@media screen and (max-width: 319px) {
	.text-box-2 p {
		margin-bottom: 1.6rem;
	}
	.text-box-2 p br {
		display: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box-2 p {
		margin-bottom: 1.6rem;
	}
	.text-box-2 p br {
		display: none;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box-2 p {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box-2 p {
		margin-bottom: 1.6rem;
	}
}
.text-box3 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.text-box3__title {
	text-align: center;
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.text-box3__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
		margin-bottom: 0.4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box3__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
		margin-bottom: 0.4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box3__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box3__title {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.text-box3__title {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
.text-box3__sub-title {
	text-align: center;
	margin-bottom: 4.8rem;
}
@media screen and (max-width: 319px) {
	.text-box3__sub-title {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box3__sub-title {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box3__sub-title {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box3__sub-title {
		margin-bottom: 3.6rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.text-box3__sub-title {
		margin-bottom: 3.6rem;
	}
}
.text-box3__wrap {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.text-box3__btn {
	margin: 0 1.2rem;
}

.text-box4 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.text-box4__date-cate {
	margin-bottom: 0.8rem;
}
@media screen and (max-width: 319px) {
	.text-box4__date-cate a {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box4__date-cate a {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box4__date-cate a {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box4__date-cate a {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
.text-box4__title {
	margin-bottom: 2rem;
}
@media screen and (max-width: 319px) {
	.text-box4__title a {
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box4__title a {
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box4__title a {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box4__title a {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
.text-box4__paragraph {
	margin-bottom: 2.8rem;
	width: 60%;
}
@media screen and (max-width: 319px) {
	.text-box4__paragraph {
		width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box4__paragraph {
		width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box4__paragraph {
		width: 100%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box4__paragraph {
		width: 70%;
	}
}
.text-box4__wrap {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.text-box4__btn {
	margin: 0rem;
}

.text-box5 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.text-box5 > * {
	opacity: 0;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
	-moz-transform: translateY(32px);
	-webkit-transform: translateY(32px);
	-ms-transform: translateY(32px);
	-o-transform: translateY(32px);
	transform: translateY(32px);
}
.text-box5 > *:nth-child(1) {
	transition-delay: 0.3s;
}
.text-box5 > *:nth-child(2) {
	transition-delay: 0.5s;
}
.text-box5 > *:nth-child(3) {
	transition-delay: 0.7s;
}
.text-box5 > *:nth-child(4) {
	transition-delay: 0.9s;
}
.text-box5 > *:nth-child(5) {
	transition-delay: 1.1s;
}
.text-box5 > *:nth-child(6) {
	transition-delay: 1.3s;
}
.text-box5 > *:nth-child(7) {
	transition-delay: 1.5s;
}
.text-box5 > *:nth-child(8) {
	transition-delay: 1.7s;
}
.text-box5 > *:nth-child(9) {
	transition-delay: 1.9s;
}
.text-box5__title {
	text-align: center;
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.text-box5__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
		margin-bottom: 0.4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box5__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
		margin-bottom: 0.4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box5__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box5__title {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.text-box5__title {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
.text-box5__sub-title {
	text-align: center;
	margin-bottom: 4.8rem;
}
@media screen and (max-width: 319px) {
	.text-box5__sub-title {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box5__sub-title {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box5__sub-title {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box5__sub-title {
		margin-bottom: 3.6rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.text-box5__sub-title {
		margin-bottom: 3.6rem;
	}
}
.text-box5__paragraph {
	text-align: center;
	margin-bottom: 2.4rem;
}
@media screen and (max-width: 319px) {
	.text-box5__paragraph {
		margin-bottom: 1.6rem;
	}
	.text-box5__paragraph br {
		display: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box5__paragraph {
		margin-bottom: 1.6rem;
	}
	.text-box5__paragraph br {
		display: none;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box5__paragraph {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box5__paragraph {
		margin-bottom: 1.6rem;
	}
}
.text-box5__wrap {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.text-box5__btn {
	margin: 0 1.2rem;
}

.text-box05 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.text-box05 > * {
	opacity: 0;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
	-moz-transform: translateY(32px);
	-webkit-transform: translateY(32px);
	-ms-transform: translateY(32px);
	-o-transform: translateY(32px);
	transform: translateY(32px);
}
.text-box05 > *:nth-child(1) {
	transition-delay: 0.3s;
}
.text-box05 > *:nth-child(2) {
	transition-delay: 0.5s;
}
.text-box05 > *:nth-child(3) {
	transition-delay: 0.7s;
}
.text-box05 > *:nth-child(4) {
	transition-delay: 0.9s;
}
.text-box05 > *:nth-child(5) {
	transition-delay: 1.1s;
}
.text-box05 > *:nth-child(6) {
	transition-delay: 1.3s;
}
.text-box05 > *:nth-child(7) {
	transition-delay: 1.5s;
}
.text-box05 > *:nth-child(8) {
	transition-delay: 1.7s;
}
.text-box05 > *:nth-child(9) {
	transition-delay: 1.9s;
}
@media screen and (max-width: 319px) {
	.text-box05__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box05__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box05__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box05__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.text-box05__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
.text-box05__wrap {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.text-box05__btn {
	margin: 0 1.2rem;
}
@media screen and (max-width: 319px) {
	.text-box05__btn {
		margin: 0 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box05__btn {
		margin: 0 0.8rem;
	}
}
.text-box6 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.text-box6 > * {
	opacity: 0;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
	-moz-transform: translateY(32px);
	-webkit-transform: translateY(32px);
	-ms-transform: translateY(32px);
	-o-transform: translateY(32px);
	transform: translateY(32px);
}
.text-box6 > *:nth-child(1) {
	transition-delay: 0.3s;
}
.text-box6 > *:nth-child(2) {
	transition-delay: 0.4s;
}
.text-box6 > *:nth-child(3) {
	transition-delay: 0.5s;
}
.text-box6 > *:nth-child(4) {
	transition-delay: 0.6s;
}
.text-box6 > *:nth-child(5) {
	transition-delay: 0.7s;
}
.text-box6 > *:nth-child(6) {
	transition-delay: 0.8s;
}
.text-box6 > *:nth-child(7) {
	transition-delay: 0.9s;
}
.text-box6 > *:nth-child(8) {
	transition-delay: 1s;
}
.text-box6 > *:nth-child(9) {
	transition-delay: 1.1s;
}
.text-box6__date-cate {
	margin-bottom: 0.8rem;
}
@media screen and (max-width: 319px) {
	.text-box6__date-cate a {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box6__date-cate a {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box6__date-cate a {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box6__date-cate a {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
.text-box6__title {
	margin-bottom: 2rem;
}
@media screen and (max-width: 319px) {
	.text-box6__title a {
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box6__title a {
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box6__title a {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box6__title a {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
.text-box6__paragraph {
	margin-bottom: 2.8rem;
	width: 60%;
}
@media screen and (max-width: 319px) {
	.text-box6__paragraph {
		width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box6__paragraph {
		width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box6__paragraph {
		width: 100%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box6__paragraph {
		width: 70%;
	}
}
.text-box6__wrap {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.text-box6__btn {
	margin: 0rem;
}

.text-box7 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.text-box7 > * {
	opacity: 0;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
	-moz-transform: translateY(32px);
	-webkit-transform: translateY(32px);
	-ms-transform: translateY(32px);
	-o-transform: translateY(32px);
	transform: translateY(32px);
}
.text-box7 > *:nth-child(1) {
	transition-delay: 0.3s;
}
.text-box7 > *:nth-child(2) {
	transition-delay: 0.5s;
}
.text-box7 > *:nth-child(3) {
	transition-delay: 0.7s;
}
.text-box7 > *:nth-child(4) {
	transition-delay: 0.9s;
}
.text-box7 > *:nth-child(5) {
	transition-delay: 1.1s;
}
.text-box7 > *:nth-child(6) {
	transition-delay: 1.3s;
}
.text-box7 > *:nth-child(7) {
	transition-delay: 1.5s;
}
.text-box7 > *:nth-child(8) {
	transition-delay: 1.7s;
}
.text-box7 > *:nth-child(9) {
	transition-delay: 1.9s;
}
.text-box7__title {
	margin-bottom: 0.8rem;
}
@media screen and (max-width: 319px) {
	.text-box7__title {
		margin-bottom: 0.8rem;
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box7__title {
		margin-bottom: 0.8rem;
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box7__title {
		margin-bottom: 0.8rem;
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box7__title {
		margin-bottom: 0.8rem;
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.text-box7__title {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
.text-box7__sub-title {
	margin-bottom: 2rem;
}
@media screen and (max-width: 319px) {
	.text-box7__sub-title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
		margin-bottom: 1.2rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box7__sub-title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
		margin-bottom: 1.2rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box7__sub-title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
		margin-bottom: 1.2rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box7__sub-title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
		margin-bottom: 1.2rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.text-box7__sub-title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
.text-box7__paragraph {
	text-align: left;
	margin-bottom: 2.4rem;
}
@media screen and (max-width: 319px) {
	.text-box7__paragraph {
		margin-bottom: 1.6rem;
	}
	.text-box7__paragraph br {
		display: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box7__paragraph {
		margin-bottom: 1.6rem;
	}
	.text-box7__paragraph br {
		display: none;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box7__paragraph {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box7__paragraph {
		margin-bottom: 1.6rem;
	}
}
.text-box07 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.text-box07 > * {
	opacity: 0;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
	-moz-transform: translateY(32px);
	-webkit-transform: translateY(32px);
	-ms-transform: translateY(32px);
	-o-transform: translateY(32px);
	transform: translateY(32px);
}
.text-box07 > *:nth-child(1) {
	transition-delay: 0.3s;
}
.text-box07 > *:nth-child(2) {
	transition-delay: 0.5s;
}
.text-box07 > *:nth-child(3) {
	transition-delay: 0.7s;
}
.text-box07 > *:nth-child(4) {
	transition-delay: 0.9s;
}
.text-box07 > *:nth-child(5) {
	transition-delay: 1.1s;
}
.text-box07 > *:nth-child(6) {
	transition-delay: 1.3s;
}
.text-box07 > *:nth-child(7) {
	transition-delay: 1.5s;
}
.text-box07 > *:nth-child(8) {
	transition-delay: 1.7s;
}
.text-box07 > *:nth-child(9) {
	transition-delay: 1.9s;
}
@media screen and (max-width: 319px) {
	.text-box07__title {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box07__title {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box07__title {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box07__title {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.text-box07__title {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (max-width: 319px) {
	.text-box07__paragraph {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
	.text-box07__paragraph br {
		display: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box07__paragraph {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
	.text-box07__paragraph br {
		display: none;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box07__paragraph {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box07__paragraph {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.text-box07__paragraph {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
.text-box8 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.text-box8 > * {
	opacity: 0;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
	-moz-transform: translateY(32px);
	-webkit-transform: translateY(32px);
	-ms-transform: translateY(32px);
	-o-transform: translateY(32px);
	transform: translateY(32px);
}
.text-box8 > *:nth-child(1) {
	transition-delay: 0.3s;
}
.text-box8 > *:nth-child(2) {
	transition-delay: 0.5s;
}
.text-box8 > *:nth-child(3) {
	transition-delay: 0.7s;
}
.text-box8 > *:nth-child(4) {
	transition-delay: 0.9s;
}
.text-box8 > *:nth-child(5) {
	transition-delay: 1.1s;
}
.text-box8 > *:nth-child(6) {
	transition-delay: 1.3s;
}
.text-box8 > *:nth-child(7) {
	transition-delay: 1.5s;
}
.text-box8 > *:nth-child(8) {
	transition-delay: 1.7s;
}
.text-box8 > *:nth-child(9) {
	transition-delay: 1.9s;
}
.text-box8__title {
	margin-bottom: 0.8rem;
	text-align: right;
}
@media screen and (max-width: 319px) {
	.text-box8__title {
		margin-bottom: 0.8rem;
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box8__title {
		margin-bottom: 0.8rem;
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box8__title {
		margin-bottom: 0.8rem;
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box8__title {
		margin-bottom: 0.8rem;
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.text-box8__title {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
.text-box8__sub-title {
	margin-bottom: 2rem;
	text-align: right;
}
@media screen and (max-width: 319px) {
	.text-box8__sub-title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
		margin-bottom: 1.2rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box8__sub-title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
		margin-bottom: 1.2rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box8__sub-title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
		margin-bottom: 1.2rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box8__sub-title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
		margin-bottom: 1.2rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.text-box8__sub-title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
.text-box8__paragraph {
	text-align: right;
	margin-bottom: 2.4rem;
}
@media screen and (max-width: 319px) {
	.text-box8__paragraph {
		margin-bottom: 1.6rem;
	}
	.text-box8__paragraph br {
		display: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box8__paragraph {
		margin-bottom: 1.6rem;
	}
	.text-box8__paragraph br {
		display: none;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box8__paragraph {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box8__paragraph {
		margin-bottom: 1.6rem;
	}
}
.text-box08 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.text-box08 > * {
	opacity: 0;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
	-moz-transform: translateY(32px);
	-webkit-transform: translateY(32px);
	-ms-transform: translateY(32px);
	-o-transform: translateY(32px);
	transform: translateY(32px);
}
.text-box08 > *:nth-child(1) {
	transition-delay: 0.3s;
}
.text-box08 > *:nth-child(2) {
	transition-delay: 0.5s;
}
.text-box08 > *:nth-child(3) {
	transition-delay: 0.7s;
}
.text-box08 > *:nth-child(4) {
	transition-delay: 0.9s;
}
.text-box08 > *:nth-child(5) {
	transition-delay: 1.1s;
}
.text-box08 > *:nth-child(6) {
	transition-delay: 1.3s;
}
.text-box08 > *:nth-child(7) {
	transition-delay: 1.5s;
}
.text-box08 > *:nth-child(8) {
	transition-delay: 1.7s;
}
.text-box08 > *:nth-child(9) {
	transition-delay: 1.9s;
}
@media screen and (max-width: 319px) {
	.text-box08__title {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box08__title {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box08__title {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box08__title {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.text-box08__title {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (max-width: 319px) {
	.text-box08__paragraph {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
	.text-box08__paragraph br {
		display: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box08__paragraph {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
	.text-box08__paragraph br {
		display: none;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box08__paragraph {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box08__paragraph {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.text-box08__paragraph {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
.text-box9 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.text-box9 > * {
	opacity: 0;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
	-moz-transform: translateY(32px);
	-webkit-transform: translateY(32px);
	-ms-transform: translateY(32px);
	-o-transform: translateY(32px);
	transform: translateY(32px);
}
.text-box9 > *:nth-child(1) {
	transition-delay: 0.3s;
}
.text-box9 > *:nth-child(2) {
	transition-delay: 0.4s;
}
.text-box9 > *:nth-child(3) {
	transition-delay: 0.5s;
}
.text-box9 > *:nth-child(4) {
	transition-delay: 0.6s;
}
.text-box9 > *:nth-child(5) {
	transition-delay: 0.7s;
}
.text-box9 > *:nth-child(6) {
	transition-delay: 0.8s;
}
.text-box9 > *:nth-child(7) {
	transition-delay: 0.9s;
}
.text-box9 > *:nth-child(8) {
	transition-delay: 1s;
}
.text-box9 > *:nth-child(9) {
	transition-delay: 1.1s;
}
.text-box9__title {
	margin-bottom: 0.8rem;
	text-align: right;
}
@media screen and (max-width: 319px) {
	.text-box9__title {
		margin-bottom: 0.8rem;
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box9__title {
		margin-bottom: 0.8rem;
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box9__title {
		margin-bottom: 0.8rem;
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box9__title {
		margin-bottom: 0.8rem;
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.text-box9__title {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
.text-box9__sub-title {
	margin-bottom: 2rem;
	text-align: right;
}
@media screen and (max-width: 319px) {
	.text-box9__sub-title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
		margin-bottom: 1.2rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box9__sub-title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
		margin-bottom: 1.2rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box9__sub-title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
		margin-bottom: 1.2rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box9__sub-title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
		margin-bottom: 1.2rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.text-box9__sub-title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
.text-box9__paragraph {
	text-align: right;
	margin-bottom: 2.4rem;
}
@media screen and (max-width: 319px) {
	.text-box9__paragraph {
		margin-bottom: 1.6rem;
		display: none;
	}
	.text-box9__paragraph br {
		display: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box9__paragraph {
		margin-bottom: 1.6rem;
		display: none;
	}
	.text-box9__paragraph br {
		display: none;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box9__paragraph {
		margin-bottom: 1.6rem;
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.text-box9__paragraph {
		margin-bottom: 1.6rem;
		display: none;
	}
}
.text-box010 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.text-box010 > * {
	opacity: 0;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
	-moz-transform: translateY(32px);
	-webkit-transform: translateY(32px);
	-ms-transform: translateY(32px);
	-o-transform: translateY(32px);
	transform: translateY(32px);
}
.text-box010 > *:nth-child(1) {
	transition-delay: 0.3s;
}
.text-box010 > *:nth-child(2) {
	transition-delay: 0.5s;
}
.text-box010 > *:nth-child(3) {
	transition-delay: 0.7s;
}
.text-box010 > *:nth-child(4) {
	transition-delay: 0.9s;
}
.text-box010 > *:nth-child(5) {
	transition-delay: 1.1s;
}
.text-box010 > *:nth-child(6) {
	transition-delay: 1.3s;
}
.text-box010 > *:nth-child(7) {
	transition-delay: 1.5s;
}
.text-box010 > *:nth-child(8) {
	transition-delay: 1.7s;
}
.text-box010 > *:nth-child(9) {
	transition-delay: 1.9s;
}
@media screen and (max-width: 319px) {
	.text-box010__title {
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.text-box010__title {
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.text-box010__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
.swiper-slide-active .text-box5 > * {
	opacity: 1;
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
.swiper-slide-active .text-box05 > * {
	opacity: 1;
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
.swiper-slide-active .text-box6 > * {
	opacity: 1;
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
.swiper-slide-active .text-box7 > * {
	opacity: 1;
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
.swiper-slide-active .text-box07 > * {
	opacity: 1;
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
.swiper-slide-active .text-box8 > * {
	opacity: 1;
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
.swiper-slide-active .text-box08 > * {
	opacity: 1;
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
.swiper-slide-active .text-box9 > * {
	opacity: 1;
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
.swiper-slide-active .text-box010 > * {
	opacity: 1;
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}

/*******************buttons***********************/
.btn {
	position: relative;
	padding: 0 1.6rem 0;
	border-radius: 4px;
	font-size: 1.4rem;
	line-height: 3.6rem;
	letter-spacing: 0.125rem;
	text-transform: uppercase;
	font-weight: 500;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 1;
}
.btn--primary {
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	color: #ffffff;
	background-color: #11BDA3;
	border: 1px solid #11BDA3;
}
.btn--primary:hover {
	color: #ffffff;
}
.btn--primary:hover:after {
	opacity: 0;
	-moz-transform: scaleX(1.4) scaleY(1.6);
	-webkit-transform: scaleX(1.4) scaleY(1.6);
	-ms-transform: scaleX(1.4) scaleY(1.6);
	-o-transform: scaleX(1.4) scaleY(1.6);
	transform: scaleX(1.4) scaleY(1.6);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	-moz-transition: all 0.6s ease 0.1s;
	-webkit-transition: all 0.6s ease 0.1s;
	-o-transition: all 0.6s ease 0.1s;
	transition: all 0.6s ease 0.1s;
}
.btn--primary:after {
	background-color: #11BDA3;
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 4px;
	z-index: -1;
	opacity: 1;
	-moz-transition: all 0s ease 0s;
	-webkit-transition: all 0s ease 0s;
	-o-transition: all 0s ease 0s;
	transition: all 0s ease 0s;
}
.btn--secondary {
	color: rgba(0, 0, 0, 0.87);
	background-color: transparent;
	border: 1px solid rgba(0, 0, 0, 0.6);
	-moz-transition: background-color 0.1s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
	-webkit-transition: background-color 0.1s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
	-o-transition: background-color 0.1s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
	transition: background-color 0.1s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
}
.btn--secondary:hover {
	color: #ffffff;
	border: 1px solid transparent;
	background-color: #11BDA3;
	-moz-transition: background-color 0.4s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
	-webkit-transition: background-color 0.4s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
	-o-transition: background-color 0.4s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
	transition: background-color 0.4s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
}
.btn--secondary.active {
	color: #ffffff;
	border: 1px solid transparent;
	background-color: #11BDA3;
	-moz-transition: background-color 0.4s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
	-webkit-transition: background-color 0.4s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
	-o-transition: background-color 0.4s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
	transition: background-color 0.4s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
}
.btn--secondary .text-up {
	z-index: 6;
	position: relative;
}
.btn--3th {
	color: rgba(255, 255, 255, 0.87);
	background-color: transparent;
	border: 1px solid rgba(255, 255, 255, 0.6);
	-moz-transition: color 0s ease 0s , border 0.3s ease 0s;
	-webkit-transition: color 0s ease 0s , border 0.3s ease 0s;
	-o-transition: color 0s ease 0s , border 0.3s ease 0s;
	transition: color 0s ease 0s , border 0.3s ease 0s;
}
.btn--3th:hover {
	color: #ffffff;
	border: 1px solid transparent;
}
.btn--3th:hover:after {
	opacity: 1;
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
	border-radius: 4px;
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.btn--3th:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	opacity: 0;
	background-color: #11BDA3;
	-moz-transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	-moz-transform: scale(0.5, 1);
	-webkit-transform: scale(0.5, 1);
	-ms-transform: scale(0.5, 1);
	-o-transform: scale(0.5, 1);
	transform: scale(0.5, 1);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	border-radius: 12px;
}
.btn--3th .text-up {
	z-index: 6;
	position: relative;
}
.btn--4th {
	color: #ffffff;
	background-color: transparent;
	border: 1px solid #ffffff;
	-moz-transition: background-color 0.1s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
	-webkit-transition: background-color 0.1s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
	-o-transition: background-color 0.1s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
	transition: background-color 0.1s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
}
.btn--4th:hover {
	color: #ffffff;
	border: 1px solid transparent;
	background-color: #11BDA3;
	-moz-transition: background-color 0.4s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
	-webkit-transition: background-color 0.4s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
	-o-transition: background-color 0.4s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
	transition: background-color 0.4s ease 0s , color 0.1s ease 0s , border 0.1s ease 0s;
}
.btn--5th {
	position: relative;
	padding: 0 0rem 0;
	font-size: 1.4rem;
	line-height: 3.6rem;
	letter-spacing: 0.125rem;
	text-transform: uppercase;
	font-weight: 500;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 1;
	color: rgba(0, 0, 0, 0.87);
	background-color: transparent;
	border: 1px solid transparent;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	padding: 0;
}
.btn--5th:hover {
	color: #11BDA3;
}
.btn--6th {
	padding: 0 0rem 0;
	font-size: 1.4rem;
	line-height: 3.6rem;
	letter-spacing: 0.125rem;
	text-transform: uppercase;
	font-weight: 500;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 1;
	color: rgba(0, 0, 0, 0.87);
	background-color: transparent;
	border: 1px solid transparent;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	padding: 0;
}
.btn--6th:hover {
	color: #11BDA3;
}
.btn--7th {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 0 0 0;
	z-index: 1;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.btn--7th:hover .btn--7th---name {
	color: #11BDA3;
}
.btn--7th:hover .btn--7th---icon {
	color: #11BDA3;
	-moz-transform: translateX(4px);
	-webkit-transform: translateX(4px);
	-ms-transform: translateX(4px);
	-o-transform: translateX(4px);
	transform: translateX(4px);
}
.btn--7th---name {
	margin-right: 0.8rem;
	color: rgba(0, 0, 0, 0.87);
	font-size: 1.4rem;
	line-height: 3.6rem;
	letter-spacing: 0.125rem;
	text-transform: uppercase;
	font-weight: 500;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.btn--7th---icon {
	color: rgba(17, 189, 163, 0.87);
	font-size: 1.6rem;
	-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.btn--8th {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 0 0 0;
	z-index: 1;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.btn--8th:hover .btn--8th---name {
	color: #11BDA3;
}
.btn--8th:hover .btn--8th---icon {
	color: #11BDA3;
	-moz-transform: translateX(4px);
	-webkit-transform: translateX(4px);
	-ms-transform: translateX(4px);
	-o-transform: translateX(4px);
	transform: translateX(4px);
}
.btn--8th---name {
	margin-right: 0.8rem;
	color: #ffffff;
	font-size: 1.4rem;
	line-height: 3.6rem;
	letter-spacing: 0.125rem;
	text-transform: uppercase;
	font-weight: 500;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.btn--8th---icon {
	color: rgba(17, 189, 163, 0.87);
	font-size: 1.6rem;
	-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

/*******************card***********************/
.card {
	border-radius: 4px;
	padding: 1.6rem;
	margin-bottom: 4rem;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-moz-transition: box-shadow 0.3s;
	-webkit-transition: box-shadow 0.3s;
	-o-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
}
.card:hover {
	-moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.card__side {
	position: relative;
}
.card__side:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}
.card__img {
	height: auto;
	max-width: 100%;
	margin: auto;
	filter: grayscale(30%);
}
.card__content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.card__heading {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-bottom: 2rem;
}
.card__heading span:not(:last-child) {
	margin-bottom: 0.8rem;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.card__heading span:not(:last-child) {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.card__heading span:not(:last-child) {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.card__heading span:last-child {
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.card__heading span:last-child {
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
/*******************product***********************/
.product {
	border-radius: 4px;
	padding: 1.6rem;
	position: relative;
	margin-bottom: 4rem;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-moz-transition: box-shadow 0.3s;
	-webkit-transition: box-shadow 0.3s;
	-o-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
}
.product:hover {
	-moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.product:hover .product__picture--hover {
	opacity: 1;
	visibility: visible;
}
.product__side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	position: relative;
}
.product__link {
	position: relative;
	margin-bottom: 1.6rem;
}
.product__link:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.03);
	z-index: 4;
}
.product__picture {
	height: auto;
	max-width: 100%;
	z-index: 2;
}
.product__picture--hover {
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	-moz-transition: opacity 0.6s ease 0s , visibility 0.6s ease 0s;
	-webkit-transition: opacity 0.6s ease 0s , visibility 0.6s ease 0s;
	-o-transition: opacity 0.6s ease 0s , visibility 0.6s ease 0s;
	transition: opacity 0.6s ease 0s , visibility 0.6s ease 0s;
}
.product__picture--hover img {
	height: auto;
	max-width: 100%;
}
.product__vote {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.product__vote--icon {
	color: #ffd700;
	font-size: 2rem;
	line-height: 1;
}
.product__price {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 1.6rem;
}
.product__price--sale {
	margin-right: 3.2rem;
}
.product__popup-sale {
	position: absolute;
	top: 1.6rem;
	right: 1.6rem;
	width: 4.8rem;
	height: 4.8rem;
	border-radius: 50%;
	background-color: rgba(17, 189, 163, 0.6);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9;
}

/*******************special***********************/
.special {
	-moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	background-color: #ffffff;
	position: absolute;
	width: 105%;
	top: 16.4rem;
	left: 1.5rem;
	z-index: 90;
}
@media screen and (max-width: 319px) {
	.special {
		position: relative;
		width: auto;
		top: 0;
		left: 0;
		margin-bottom: 4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.special {
		position: relative;
		width: auto;
		top: 0;
		left: 0;
		margin-bottom: 4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.special {
		position: relative;
		width: auto;
		top: 0;
		left: 0;
		margin-bottom: 4rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.special {
		top: 8.4rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.special {
		top: 10.4rem;
	}
}
.special__side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 39.2rem;
}
@media screen and (max-width: 319px) {
	.special__side {
		min-height: 24rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.special__side {
		min-height: 24rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
    .special__side {
		min-height: 24rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.special__side {
		min-height: 25.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.special__side {
		min-height: 31.2rem;
	}
}
.special__heading {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-bottom: 1.6rem;
}
.special__heading span:not(:last-child) {
	margin-bottom: 0.8rem;
}
.special-img {
	position: absolute;
	width: 105%;
	top: 10.4rem;
	right: 1.5rem;
	z-index: 9;
	filter: grayscale(10%);
}
@media screen and (max-width: 319px) {
	.special-img {
		position: relative;
		width: auto;
		top: 0;
		right: 0;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.special-img {
		position: relative;
		width: auto;
		top: 0;
		right: 0;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.special-img {
		position: relative;
		width: auto;
		top: 0;
		right: 0;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.special-img {
		top: 4.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.special-img {
		top: 5.6rem;
	}
}
.special-img:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.03) 30%, rgba(0, 0, 0, 0.03) 100%);
}
.special-img img {
	height: auto;
	max-width: 100%;
}

/*******************category***********************/
.category {
	border-radius: 4px;
	padding: 1.6rem;
	margin-bottom: 4rem;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-moz-transition: box-shadow 0.3s;
	-webkit-transition: box-shadow 0.3s;
	-o-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
}
.category:hover {
	-moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.category__side {
	position: relative;
}
.category__link {
	position: relative;
	display: block;
}
.category__link:before {
	content: "";
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.013) 20%, rgba(0, 0, 0, 0.05) 80%), linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05));
}
.category__picture {
	height: auto;
	max-width: 100%;
}
.category__name {
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	width: calc(100% + 3.2rem);
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.category__name a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 0.4rem;
}
/*******************special-2***********************/
@media screen and (max-width: 319px) {
	.special-2 {
		margin-bottom: 4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.special-2 {
		margin-bottom: 4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.special-2 {
		margin-bottom: 4rem;
	}
}
.special-2__side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	min-height: 69.6rem;
}
@media screen and (max-width: 319px) {
	.special-2__side {
		min-height: 10rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.special-2__side {
		min-height: 10rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.special-2__side {
		min-height: 10rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.special-2__side {
		min-height: 46rem;
	}
}
.special-2__heading {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	margin-bottom: 1.6rem;
}
.special-2__heading span:not(:last-child) {
	margin-bottom: 0.8rem;
}
/*******************deal***********************/
.deal {
	-moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	padding: 1.6rem;
	background-color: #ffffff;
	position: relative;
	top: 50%;
	left: 0;
	-moz-transform: translate(-10%, -50%);
	-webkit-transform: translate(-10%, -50%);
	-ms-transform: translate(-10%, -50%);
	-o-transform: translate(-10%, -50%);
	transform: translate(-10%, -50%);
}
@media screen and (max-width: 319px) {
	.deal {
		top: auto;
		left: auto;
		-moz-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.deal {
		top: auto;
		left: auto;
		-moz-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.deal {
		top: auto;
		left: auto;
		-moz-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
.deal--pesudo {
	position: relative;
	height: 100%;
	width: 100%;
}
.deal--pesudo:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 70%;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.03) 30%, rgba(0, 0, 0, 0.03) 100%), linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url("/images/trending-m-02.jpg");
	background-size: cover;
	background-position: center;
	filter: grayscale(50%);
}
@media screen and (max-width: 319px) {
	.deal--pesudo:before {
		display: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.deal--pesudo:before {
		display: none;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.deal--pesudo:before {
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.deal--pesudo:before {
		height: 86%;
	}
}
.bgd02 .deal--pesudo:before {
	background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.03) 30%, rgba(0, 0, 0, 0.03) 100%), linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url("/images/trending-m-03.jpg");
}
.bgd03 .deal--pesudo:before {
	background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.03) 30%, rgba(0, 0, 0, 0.03) 100%), linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url("/images/trending-m-04.jpg");
}
.bgd04 .deal--pesudo:before {
	background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.03) 30%, rgba(0, 0, 0, 0.03) 100%), linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url("/images/trending-m-06.jpg");
}
.bgd05 .deal--pesudo:before {
	background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.03) 30%, rgba(0, 0, 0, 0.03) 100%), linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url("/images/trending-m-07.jpg");
}
.bgd06 .deal--pesudo:before {
	background-image: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.03) 30%, rgba(0, 0, 0, 0.03) 100%), linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url("/images/trending-m-04.jpg");
}
.deal__side {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 319px) {
	.deal__side {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.deal__side {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}
.deal__picture {
	position: relative;
}
.deal__picture:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.03);
}
.deal__picture img {
	height: auto;
	max-width: 100%;
}
.deal__border {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 1.6rem;
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.deal__border {
		padding: 1.6rem 0 0;
	}
}
.deal__vote {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 1.6rem;
}
.deal__vote--icon {
	color: #ffd700;
	font-size: 2rem;
	line-height: 1;
}
.deal__paragraph {
	margin-bottom: 2rem;
}
.deal__price {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 1.6rem;
}
.deal__price--sale {
	margin-right: 2.4rem;
}
/*******************numeral***********************/
.numeral {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-bottom: 4rem;
}
.numeral__plus {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-bottom: 1.6rem;
}

/*******************item***********************/
.item {
	border-radius: 4px;
	padding: 1.6rem;
	position: relative;
	overflow: hidden;
	margin-bottom: 4rem;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-moz-transition: box-shadow 0.3s;
	-webkit-transition: box-shadow 0.3s;
	-o-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
}
.item:hover {
	-moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.item:hover .item__picture img {
	-moz-transform: scale(1.2) rotate(1deg);
	-webkit-transform: scale(1.2) rotate(1deg);
	-ms-transform: scale(1.2) rotate(1deg);
	-o-transform: scale(1.2) rotate(1deg);
	transform: scale(1.2) rotate(1deg);
}
.item:hover .item__picture:after {
	top: 0;
	bottom: auto;
	height: 100%;
}
.item:hover .item__picture:before {
	top: auto;
	bottom: 0;
	height: 100%;
}
.item__side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	position: relative;
}
.item__date-cate {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 1.2rem;
}
.item__picture {
	overflow: hidden;
	display: block;
	width: calc(100% + 3.2rem);
	position: relative;
	-moz-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	left: 50%;
	margin-bottom: 1.2rem;
}
.item__picture img {
	height: auto;
	max-width: 100%;
	-moz-transform: scale(1) rotate(0deg);
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-moz-transition: all 0.7s ease-in-out 0.1s;
	-webkit-transition: all 0.7s ease-in-out 0.1s;
	-o-transition: all 0.7s ease-in-out 0.1s;
	transition: all 0.7s ease-in-out 0.1s;
}
.item__picture:before {
	position: absolute;
	top: 0;
	bottom: auto;
	height: 0;
	left: 0;
	width: 50%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.item__picture:after {
	position: absolute;
	top: auto;
	bottom: 0;
	height: 0;
	right: 0;
	width: 50%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.item__paragraph {
	margin-bottom: 1.6rem;
}

/*******************info-f***********************/
.info-f {
	background-color: #333333;
	background-color: #262626;
	background-color: #212121;
	position: relative;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	z-index: 90;
	padding: 10.4rem 0 7.2rem;
}
.info-f.bgd02 {
	padding: 6.4rem 0 3.2rem;
}
.info-f__side1 {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	padding-bottom: 3.2rem;
}
.info-f__logo-box {
	margin-bottom: 1.6rem;
}
.info-f__logo-link {
	display: block;
}
.info-f__logo-link img {
	height: auto;
	max-width: 100%;
}
@media screen and (max-width: 319px) {
	.info-f__logo-link img {
		max-width: 72%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.info-f__logo-link img {
		max-width: 72%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.info-f__logo-link img {
		max-width: 72%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.info-f__logo-link img {
		max-width: 72%;
	}
}
@media screen and (max-width: 319px) {
	.info-f__side3 .info-f__logo-link {
		text-align: center;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.info-f__side3 .info-f__logo-link {
		text-align: center;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.info-f__side3 .info-f__logo-link {
		text-align: center;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.info-f__side3 .info-f__logo-link {
		text-align: center;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.info-f__side3 .info-f__logo-link {
		text-align: center;
	}
}
@media screen and (min-width: 1200px) {
	.info-f__side3 .info-f__logo-link {
		text-align: center;
	}
}
.info-f__logo-info {
	margin-bottom: 1.6rem;
}
.info-f__side2 {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	padding-bottom: 3.2rem;
}
.info-f__title {
	margin-bottom: 1.6rem;
}
.info-f__product {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.info-f__product:not(:last-child) {
	margin-bottom: 2.4rem;
}
.info-f__product:hover .info-f__picture {
	-moz-transform: scale3d(1.05, 1.05, 1.05);
	-webkit-transform: scale3d(1.05, 1.05, 1.05);
	-ms-transform: scale3d(1.05, 1.05, 1.05);
	-o-transform: scale3d(1.05, 1.05, 1.05);
	transform: scale3d(1.05, 1.05, 1.05);
}
.info-f__product:hover .info-f__link--overlay {
	opacity: 1;
	left: 0;
	-moz-transform: scaleY(1) skew(0deg, 0deg);
	-webkit-transform: scaleY(1) skew(0deg, 0deg);
	-ms-transform: scaleY(1) skew(0deg, 0deg);
	-o-transform: scaleY(1) skew(0deg, 0deg);
	transform: scaleY(1) skew(0deg, 0deg);
	-moz-transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);
	-webkit-transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);
	-o-transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);
	transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);
}
.info-f__product:hover .info-f__link--icon {
	opacity: 1;
	-moz-transform: perspective(400px) rotate(0deg);
	-webkit-transform: perspective(400px) rotate(0deg);
	-ms-transform: perspective(400px) rotate(0deg);
	-o-transform: perspective(400px) rotate(0deg);
	transform: perspective(400px) rotate(0deg);
	-moz-transition: all 0.8s ease-in-out 0.5s;
	-webkit-transition: all 0.8s ease-in-out 0.5s;
	-o-transition: all 0.8s ease-in-out 0.5s;
	transition: all 0.8s ease-in-out 0.5s;
}
.info-f__news {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.info-f__news:not(:last-child) {
	margin-bottom: 2.4rem;
}
.info-f__news:hover .info-f__picture {
	-moz-transform: scale3d(1.05, 1.05, 1.05);
	-webkit-transform: scale3d(1.05, 1.05, 1.05);
	-ms-transform: scale3d(1.05, 1.05, 1.05);
	-o-transform: scale3d(1.05, 1.05, 1.05);
	transform: scale3d(1.05, 1.05, 1.05);
}
.info-f__news:hover .info-f__link--overlay {
	opacity: 1;
	left: 0;
	-moz-transform: scaleY(1) skew(0deg, 0deg);
	-webkit-transform: scaleY(1) skew(0deg, 0deg);
	-ms-transform: scaleY(1) skew(0deg, 0deg);
	-o-transform: scaleY(1) skew(0deg, 0deg);
	transform: scaleY(1) skew(0deg, 0deg);
	-moz-transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);
	-webkit-transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);
	-o-transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);
	transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);
}
.info-f__news:hover .info-f__link--icon {
	opacity: 1;
	-moz-transform: perspective(400px) rotate(0deg);
	-webkit-transform: perspective(400px) rotate(0deg);
	-ms-transform: perspective(400px) rotate(0deg);
	-o-transform: perspective(400px) rotate(0deg);
	transform: perspective(400px) rotate(0deg);
	-moz-transition: all 0.8s ease-in-out 0.5s;
	-webkit-transition: all 0.8s ease-in-out 0.5s;
	-o-transition: all 0.8s ease-in-out 0.5s;
	transition: all 0.8s ease-in-out 0.5s;
}
.info-f__chip {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.info-f__chip--link {
	display: block;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 1.6rem;
	padding: 0.4rem 1.2rem;
	background-color: transparent;
	height: 3.2rem;
	margin-right: 0.8rem;
	margin-bottom: 0.8rem;
	text-align: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.info-f__link {
	flex-grow: 26;
	flex-basis: 26%;
	overflow: hidden;
	position: relative;
}
.info-f__link:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.03);
	z-index: 1;
}
.info-f__link--overlay {
	background-color: rgba(0, 0, 0, 0.5);
	-moz-transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22);
	-webkit-transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22);
	-o-transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22);
	transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22);
	-moz-transform-origin: top;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-moz-transform: scaleY(1) skew(-90deg, 0deg);
	-webkit-transform: scaleY(1) skew(-90deg, 0deg);
	-ms-transform: scaleY(1) skew(-90deg, 0deg);
	-o-transform: scaleY(1) skew(-90deg, 0deg);
	transform: scaleY(1) skew(-90deg, 0deg);
	position: absolute;
	top: 0;
	left: -100%;
	bottom: 0;
	width: 100%;
	opacity: 0;
	z-index: 2;
}
.info-f__link--icon {
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	-moz-transform-origin: top;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-moz-transform: perspective(400px) rotate(90deg);
	-webkit-transform: perspective(400px) rotate(90deg);
	-ms-transform: perspective(400px) rotate(90deg);
	-o-transform: perspective(400px) rotate(90deg);
	transform: perspective(400px) rotate(90deg);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 3;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.info-f__link--icon i {
	color: white;
	font-size: 2.4rem;
}
.info-f__picture {
	height: auto;
	max-width: 100%;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-moz-transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
}
.info-f__content {
	flex-grow: 74;
	flex-basis: 74%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding-left: 1.6rem;
}
.info-f__vote {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 0.4rem;
}
.info-f__vote--icon {
	color: #ffd700;
	font-size: 2rem;
	line-height: 1;
}
.info-f__price {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.info-f__price--sale {
	margin-right: 1.2rem;
}
.info-f__list {
	margin-bottom: 1.2rem;
}
.info-f__list ul {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.info-f__list ul li {
	margin-bottom: 0.4rem;
}
.info-f__list ul li a, .info-f__list ul li a:link, .info-f__list ul li a:visited {
	color: rgba(255, 255, 255, 0.87);
	font-size: 1.4rem;
	line-height: 2.4rem;
	letter-spacing: 0.017rem;
	text-transform: none;
	font-weight: 500;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.info-f__list ul li a:hover {
	color: #ffffff;
}
.info-f__list ul li a:hover .info-f__icon {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.info-f__icon {
	margin-right: 1.2rem;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.info-f__menu-list ul {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.info-f__menu-list ul li {
	margin-bottom: 0.8rem;
}
.info-f__form {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 4rem;
	width: 100%;
}
.info-f__group {
	width: 100%;
	position: relative;
}
.info-f__input {
	padding: 1.2rem 1.6rem;
	border: 1px solid rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	background-color: #ffffff;
	width: 100%;
}
.info-f__input:focus {
	outline: none;
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.info-f__input:focus:invalid {
	border: 1px solid #f3d0d3;
}
.info-f__input:placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.info-f__input::placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.info-f__input:-moz-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.info-f__input::-moz-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.info-f__input:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.info-f__input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.info-f__input:placeholder-shown + .info-f__label {
	opacity: 0;
	visibility: hidden;
	-moz-transform: translateY(-4rem);
	-webkit-transform: translateY(-4rem);
	-ms-transform: translateY(-4rem);
	-o-transform: translateY(-4rem);
	transform: translateY(-4rem);
}
.info-f__select {
	padding: 1.6rem 1.6rem;
	border: 1px solid rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	background-color: #ffffff;
	width: 100%;
}
.info-f__select:focus {
	outline: none;
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.info-f__select:focus:invalid {
	border: 1px solid #f3d0d3;
}
.info-f__select:placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.info-f__select::placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.info-f__select:-moz-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.info-f__select::-moz-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.info-f__select:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.info-f__select::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.info-f__select + .info-f__label {
	opacity: 0;
	visibility: hidden;
	-moz-transform: translateY(-4rem);
	-webkit-transform: translateY(-4rem);
	-ms-transform: translateY(-4rem);
	-o-transform: translateY(-4rem);
	transform: translateY(-4rem);
}
.info-f__select:focus + .info-f__label {
	opacity: 1;
	visibility: visible;
	-moz-transform: translateY(0rem);
	-webkit-transform: translateY(0rem);
	-ms-transform: translateY(0rem);
	-o-transform: translateY(0rem);
	transform: translateY(0rem);
}
.info-f__label {
	opacity: 1;
	visibility: visible;
	margin-left: 1.6rem;
	margin-top: 0.4rem;
	margin-bottom: 0.4rem;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.info-f__wrap {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.info-f__btn {
	margin-right: 1.6rem;
}
.info-f__checkbox--group {
	margin-right: 8rem;
	display: inline-block;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
@media screen and (max-width: 319px) {
	.info-f__checkbox--group {
		margin-right: 1.2rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.info-f__checkbox--group {
		margin-right: 1.2rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.info-f__checkbox--group {
		margin-right: 3.2rem;
	}
}
.info-f__checkbox--label {
	cursor: pointer;
	position: relative;
	padding-left: 28px;
}
.info-f__checkbox--button {
	height: 20px;
	width: 20px;
	border-radius: 4px;
	border: 2px solid rgba(0, 0, 0, 0.87);
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.info-f__checkbox--button:after {
	content: "";
	width: 5px;
	height: 10px;
	border: solid rgba(0, 0, 0, 0.87);
	border-width: 0 2px 2px 0;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	opacity: 0;
}
.info-f__checkbox--input {
	display: none;
}
.info-f__checkbox--input:checked + .info-f__checkbox--label .info-f__checkbox--button:after {
	opacity: 1;
}
.info-f__side3 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-bottom: 2.4rem;
}
.info-f__menu-center {
	margin-top: 2rem;
}
.info-f__menu-center ul {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 319px) {
	.info-f__menu-center ul {
		flex-wrap: wrap;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.info-f__menu-center ul {
		flex-wrap: wrap;
	}
}
.info-f__menu-center ul li {
	margin: 0 2rem;
}
@media screen and (max-width: 319px) {
	.info-f__menu-center ul li {
		margin-bottom: 0.4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.info-f__menu-center ul li {
		margin-bottom: 0.4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.info-f__menu-center ul li {
		margin: 0 0.8rem;
	}
}
.info-f__menu-center ul li a {
	display: block;
}

/*******************feat***********************/
.feature {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 4rem;
}
.feature:hover .feature__icon i {
	-moz-transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}
.feature:hover .feature__line {
	-moz-transform: scaleX(0.8);
	-webkit-transform: scaleX(0.8);
	-ms-transform: scaleX(0.8);
	-o-transform: scaleX(0.8);
	transform: scaleX(0.8);
}
.feature__icon {
	display: block;
	color: rgba(17, 189, 163, 0.87);
	margin-bottom: 0.4rem;
}
.feature__icon:hover {
	color: #11BDA3;
}
.feature__icon i {
	font-size: 5.2rem;
	-moz-transition: transform 0.5s;
	-webkit-transition: transform 0.5s;
	-o-transition: transform 0.5s;
	transition: transform 0.5s;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.feature__name {
	display: block;
	text-align: center;
}
.feature__line {
	width: 6rem;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.12);
	margin: 0.8rem auto 2rem;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-moz-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}
.feature__paragraph {
	text-align: center;
	margin-bottom: 1.6rem;
}
/*******************show-case***********************/
.show-case {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.show-case__title {
	margin-bottom: 4.8rem;
	text-align: center;
}
.show-case__wrap {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.show-case__btn {
	margin-bottom: 6.4rem;
	margin-left: 1.2rem;
	margin-right: 1.2rem;
}
.show-case__hero {
	filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));
	height: auto;
	margin: 0 auto -6rem;
	max-width: 100%;
}

/*******************portfolio***********************/
.portfolio {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.portfolio__side {
	position: relative;
	width: 100%;
	flex: 0 0 33.3333333333%;
	max-width: 33.3333333333%;
	display: none;
}
@media screen and (max-width: 319px) {
	.portfolio__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.portfolio__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.portfolio__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
.portfolio__side.show {
	display: block;
}
.portfolio__side img {
	height: auto;
	max-width: 100%;
	margin: auto;
}
.portfolio__side:hover .portfolio__content {
	opacity: 1;
	visibility: visible;
}
.portfolio__content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.35);
	padding: 1rem 4.8rem 1rem;
	z-index: 99;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	opacity: 0;
	visibility: hidden;
	-moz-transition: all 1.2s ease 0s;
	-webkit-transition: all 1.2s ease 0s;
	-o-transition: all 1.2s ease 0s;
	transition: all 1.2s ease 0s;
}
@media screen and (max-width: 319px) {
	.portfolio__content {
		opacity: 1;
		visibility: visible;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.portfolio__content {
		opacity: 1;
		visibility: visible;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.portfolio__content {
		opacity: 1;
		visibility: visible;
	}
}
@media screen and (max-width: 319px) {
	.portfolio__content {
		padding: 0.4rem 2.4rem 0.4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.portfolio__content {
		padding: 0.4rem 2.4rem 0.4rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio__content {
		padding: 0.4rem 2.4rem 0.4rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio__content {
		padding: 0.4rem 2.4rem 0.4rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.portfolio__content {
		padding: 0.4rem 2.4rem 0.4rem;
	}
}
.portfolio__icon {
	margin-bottom: 5.6rem;
}
.portfolio__icon i {
	font-size: 3.6rem;
	color: #ffffff;
}
@media screen and (max-width: 319px) {
	.portfolio__icon {
		margin-bottom: 1.2rem;
	}
	.portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.portfolio__icon {
		margin-bottom: 1.2rem;
	}
	.portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio__icon {
		margin-bottom: 1.2rem;
	}
	.portfolio__icon i {
		font-size: 2.4rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio__icon {
		margin-bottom: 1.2rem;
	}
	.portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.portfolio__icon {
		margin-bottom: 1.2rem;
	}
	.portfolio__icon i {
		font-size: 2.8rem;
	}
}
.portfolio__date-cate {
	margin-bottom: 1.2rem;
}
.portfolio__date-cate span {
	color: #ffffff;
}
@media screen and (max-width: 319px) {
	.portfolio__date-cate {
		margin-bottom: 0rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.portfolio__date-cate {
		margin-bottom: 0rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio__date-cate {
		margin-bottom: 0rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio__date-cate {
		margin-bottom: 0rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.portfolio__date-cate {
		margin-bottom: 0rem;
	}
}
.portfolio__name {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.portfolio__name {
		margin-bottom: 0.8rem;
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.portfolio__name {
		margin-bottom: 0.8rem;
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio__name {
		margin-bottom: 0.8rem;
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio__name {
		margin-bottom: 0.8rem;
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.portfolio__name {
		margin-bottom: 0.8rem;
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
.portfolio__paragraph {
	margin-bottom: 4.8rem;
}
@media screen and (max-width: 319px) {
	.portfolio__paragraph {
		margin-bottom: 3.8rem;
		display: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.portfolio__paragraph {
		margin-bottom: 3.8rem;
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio__paragraph {
		margin-bottom: 3.8rem;
		display: none;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio__paragraph {
		margin-bottom: 3.8rem;
		display: none;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.portfolio__paragraph {
		margin-bottom: 2.4rem;
	}
}

.portfolio-t {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 4.8rem;
}
.portfolio-t__title {
	text-align: center;
	margin-bottom: 2.4rem;
}
.portfolio-t__nav {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.portfolio-t__nav a {
	display: block;
	margin: 0rem 0.8rem 1.6rem;
}
/*******************call***********************/
.call {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.call__text {
	margin: auto 1.2rem;
	text-align: center;
}
.call__btn {
	margin: 1.6rem 1.2rem;
}

/*******************skill***********************/
.skill {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 4rem;
}
.skill__circle-wrap {
	width: 12rem;
	height: 12rem;
	background-color: #c7faf2;
	border-radius: 50%;
	margin-bottom: 1.6rem;
	position: relative;
}
.skill__mask {
	width: 12rem;
	height: 12rem;
	position: absolute;
	border-radius: 50%;
	clip: rect(0, 12rem, 12rem, 6rem);
}
.skill__fill {
	width: 12rem;
	height: 12rem;
	position: absolute;
	border-radius: 50%;
	clip: rect(0, 6rem, 12rem, 0);
	background-color: rgba(17, 189, 163, 0.87);
}
.processCircle .percent0 .skill__mask.full, .processCircle .percent0 .skill__fill {
	-webkit-animation: fillNumber0 2s ease-in-out 0.3s both;
	animation: fillNumber0 2s ease-in-out 0.3s both;
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.processCircle .percent1 .skill__mask.full, .processCircle .percent1 .skill__fill {
	-webkit-animation: fillNumber1 2s ease-in-out 0.3s both;
	animation: fillNumber1 2s ease-in-out 0.3s both;
	-moz-transform: rotate(1.8deg);
	-webkit-transform: rotate(1.8deg);
	-ms-transform: rotate(1.8deg);
	-o-transform: rotate(1.8deg);
	transform: rotate(1.8deg);
}
.processCircle .percent2 .skill__mask.full, .processCircle .percent2 .skill__fill {
	-webkit-animation: fillNumber2 2s ease-in-out 0.3s both;
	animation: fillNumber2 2s ease-in-out 0.3s both;
	-moz-transform: rotate(3.6deg);
	-webkit-transform: rotate(3.6deg);
	-ms-transform: rotate(3.6deg);
	-o-transform: rotate(3.6deg);
	transform: rotate(3.6deg);
}
.processCircle .percent3 .skill__mask.full, .processCircle .percent3 .skill__fill {
	-webkit-animation: fillNumber3 2s ease-in-out 0.3s both;
	animation: fillNumber3 2s ease-in-out 0.3s both;
	-moz-transform: rotate(5.4deg);
	-webkit-transform: rotate(5.4deg);
	-ms-transform: rotate(5.4deg);
	-o-transform: rotate(5.4deg);
	transform: rotate(5.4deg);
}
.processCircle .percent4 .skill__mask.full, .processCircle .percent4 .skill__fill {
	-webkit-animation: fillNumber4 2s ease-in-out 0.3s both;
	animation: fillNumber4 2s ease-in-out 0.3s both;
	-moz-transform: rotate(7.2deg);
	-webkit-transform: rotate(7.2deg);
	-ms-transform: rotate(7.2deg);
	-o-transform: rotate(7.2deg);
	transform: rotate(7.2deg);
}
.processCircle .percent5 .skill__mask.full, .processCircle .percent5 .skill__fill {
	-webkit-animation: fillNumber5 2s ease-in-out 0.3s both;
	animation: fillNumber5 2s ease-in-out 0.3s both;
	-moz-transform: rotate(9deg);
	-webkit-transform: rotate(9deg);
	-ms-transform: rotate(9deg);
	-o-transform: rotate(9deg);
	transform: rotate(9deg);
}
.processCircle .percent6 .skill__mask.full, .processCircle .percent6 .skill__fill {
	-webkit-animation: fillNumber6 2s ease-in-out 0.3s both;
	animation: fillNumber6 2s ease-in-out 0.3s both;
	-moz-transform: rotate(10.8deg);
	-webkit-transform: rotate(10.8deg);
	-ms-transform: rotate(10.8deg);
	-o-transform: rotate(10.8deg);
	transform: rotate(10.8deg);
}
.processCircle .percent7 .skill__mask.full, .processCircle .percent7 .skill__fill {
	-webkit-animation: fillNumber7 2s ease-in-out 0.3s both;
	animation: fillNumber7 2s ease-in-out 0.3s both;
	-moz-transform: rotate(12.6deg);
	-webkit-transform: rotate(12.6deg);
	-ms-transform: rotate(12.6deg);
	-o-transform: rotate(12.6deg);
	transform: rotate(12.6deg);
}
.processCircle .percent8 .skill__mask.full, .processCircle .percent8 .skill__fill {
	-webkit-animation: fillNumber8 2s ease-in-out 0.3s both;
	animation: fillNumber8 2s ease-in-out 0.3s both;
	-moz-transform: rotate(14.4deg);
	-webkit-transform: rotate(14.4deg);
	-ms-transform: rotate(14.4deg);
	-o-transform: rotate(14.4deg);
	transform: rotate(14.4deg);
}
.processCircle .percent9 .skill__mask.full, .processCircle .percent9 .skill__fill {
	-webkit-animation: fillNumber9 2s ease-in-out 0.3s both;
	animation: fillNumber9 2s ease-in-out 0.3s both;
	-moz-transform: rotate(16.2deg);
	-webkit-transform: rotate(16.2deg);
	-ms-transform: rotate(16.2deg);
	-o-transform: rotate(16.2deg);
	transform: rotate(16.2deg);
}
.processCircle .percent10 .skill__mask.full, .processCircle .percent10 .skill__fill {
	-webkit-animation: fillNumber10 2s ease-in-out 0.3s both;
	animation: fillNumber10 2s ease-in-out 0.3s both;
	-moz-transform: rotate(18deg);
	-webkit-transform: rotate(18deg);
	-ms-transform: rotate(18deg);
	-o-transform: rotate(18deg);
	transform: rotate(18deg);
}
.processCircle .percent11 .skill__mask.full, .processCircle .percent11 .skill__fill {
	-webkit-animation: fillNumber11 2s ease-in-out 0.3s both;
	animation: fillNumber11 2s ease-in-out 0.3s both;
	-moz-transform: rotate(19.8deg);
	-webkit-transform: rotate(19.8deg);
	-ms-transform: rotate(19.8deg);
	-o-transform: rotate(19.8deg);
	transform: rotate(19.8deg);
}
.processCircle .percent12 .skill__mask.full, .processCircle .percent12 .skill__fill {
	-webkit-animation: fillNumber12 2s ease-in-out 0.3s both;
	animation: fillNumber12 2s ease-in-out 0.3s both;
	-moz-transform: rotate(21.6deg);
	-webkit-transform: rotate(21.6deg);
	-ms-transform: rotate(21.6deg);
	-o-transform: rotate(21.6deg);
	transform: rotate(21.6deg);
}
.processCircle .percent13 .skill__mask.full, .processCircle .percent13 .skill__fill {
	-webkit-animation: fillNumber13 2s ease-in-out 0.3s both;
	animation: fillNumber13 2s ease-in-out 0.3s both;
	-moz-transform: rotate(23.4deg);
	-webkit-transform: rotate(23.4deg);
	-ms-transform: rotate(23.4deg);
	-o-transform: rotate(23.4deg);
	transform: rotate(23.4deg);
}
.processCircle .percent14 .skill__mask.full, .processCircle .percent14 .skill__fill {
	-webkit-animation: fillNumber14 2s ease-in-out 0.3s both;
	animation: fillNumber14 2s ease-in-out 0.3s both;
	-moz-transform: rotate(25.2deg);
	-webkit-transform: rotate(25.2deg);
	-ms-transform: rotate(25.2deg);
	-o-transform: rotate(25.2deg);
	transform: rotate(25.2deg);
}
.processCircle .percent15 .skill__mask.full, .processCircle .percent15 .skill__fill {
	-webkit-animation: fillNumber15 2s ease-in-out 0.3s both;
	animation: fillNumber15 2s ease-in-out 0.3s both;
	-moz-transform: rotate(27deg);
	-webkit-transform: rotate(27deg);
	-ms-transform: rotate(27deg);
	-o-transform: rotate(27deg);
	transform: rotate(27deg);
}
.processCircle .percent16 .skill__mask.full, .processCircle .percent16 .skill__fill {
	-webkit-animation: fillNumber16 2s ease-in-out 0.3s both;
	animation: fillNumber16 2s ease-in-out 0.3s both;
	-moz-transform: rotate(28.8deg);
	-webkit-transform: rotate(28.8deg);
	-ms-transform: rotate(28.8deg);
	-o-transform: rotate(28.8deg);
	transform: rotate(28.8deg);
}
.processCircle .percent17 .skill__mask.full, .processCircle .percent17 .skill__fill {
	-webkit-animation: fillNumber17 2s ease-in-out 0.3s both;
	animation: fillNumber17 2s ease-in-out 0.3s both;
	-moz-transform: rotate(30.6deg);
	-webkit-transform: rotate(30.6deg);
	-ms-transform: rotate(30.6deg);
	-o-transform: rotate(30.6deg);
	transform: rotate(30.6deg);
}
.processCircle .percent18 .skill__mask.full, .processCircle .percent18 .skill__fill {
	-webkit-animation: fillNumber18 2s ease-in-out 0.3s both;
	animation: fillNumber18 2s ease-in-out 0.3s both;
	-moz-transform: rotate(32.4deg);
	-webkit-transform: rotate(32.4deg);
	-ms-transform: rotate(32.4deg);
	-o-transform: rotate(32.4deg);
	transform: rotate(32.4deg);
}
.processCircle .percent19 .skill__mask.full, .processCircle .percent19 .skill__fill {
	-webkit-animation: fillNumber19 2s ease-in-out 0.3s both;
	animation: fillNumber19 2s ease-in-out 0.3s both;
	-moz-transform: rotate(34.2deg);
	-webkit-transform: rotate(34.2deg);
	-ms-transform: rotate(34.2deg);
	-o-transform: rotate(34.2deg);
	transform: rotate(34.2deg);
}
.processCircle .percent20 .skill__mask.full, .processCircle .percent20 .skill__fill {
	-webkit-animation: fillNumber20 2s ease-in-out 0.3s both;
	animation: fillNumber20 2s ease-in-out 0.3s both;
	-moz-transform: rotate(36deg);
	-webkit-transform: rotate(36deg);
	-ms-transform: rotate(36deg);
	-o-transform: rotate(36deg);
	transform: rotate(36deg);
}
.processCircle .percent21 .skill__mask.full, .processCircle .percent21 .skill__fill {
	-webkit-animation: fillNumber21 2s ease-in-out 0.3s both;
	animation: fillNumber21 2s ease-in-out 0.3s both;
	-moz-transform: rotate(37.8deg);
	-webkit-transform: rotate(37.8deg);
	-ms-transform: rotate(37.8deg);
	-o-transform: rotate(37.8deg);
	transform: rotate(37.8deg);
}
.processCircle .percent22 .skill__mask.full, .processCircle .percent22 .skill__fill {
	-webkit-animation: fillNumber22 2s ease-in-out 0.3s both;
	animation: fillNumber22 2s ease-in-out 0.3s both;
	-moz-transform: rotate(39.6deg);
	-webkit-transform: rotate(39.6deg);
	-ms-transform: rotate(39.6deg);
	-o-transform: rotate(39.6deg);
	transform: rotate(39.6deg);
}
.processCircle .percent23 .skill__mask.full, .processCircle .percent23 .skill__fill {
	-webkit-animation: fillNumber23 2s ease-in-out 0.3s both;
	animation: fillNumber23 2s ease-in-out 0.3s both;
	-moz-transform: rotate(41.4deg);
	-webkit-transform: rotate(41.4deg);
	-ms-transform: rotate(41.4deg);
	-o-transform: rotate(41.4deg);
	transform: rotate(41.4deg);
}
.processCircle .percent24 .skill__mask.full, .processCircle .percent24 .skill__fill {
	-webkit-animation: fillNumber24 2s ease-in-out 0.3s both;
	animation: fillNumber24 2s ease-in-out 0.3s both;
	-moz-transform: rotate(43.2deg);
	-webkit-transform: rotate(43.2deg);
	-ms-transform: rotate(43.2deg);
	-o-transform: rotate(43.2deg);
	transform: rotate(43.2deg);
}
.processCircle .percent25 .skill__mask.full, .processCircle .percent25 .skill__fill {
	-webkit-animation: fillNumber25 2s ease-in-out 0.3s both;
	animation: fillNumber25 2s ease-in-out 0.3s both;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.processCircle .percent26 .skill__mask.full, .processCircle .percent26 .skill__fill {
	-webkit-animation: fillNumber26 2s ease-in-out 0.3s both;
	animation: fillNumber26 2s ease-in-out 0.3s both;
	-moz-transform: rotate(46.8deg);
	-webkit-transform: rotate(46.8deg);
	-ms-transform: rotate(46.8deg);
	-o-transform: rotate(46.8deg);
	transform: rotate(46.8deg);
}
.processCircle .percent27 .skill__mask.full, .processCircle .percent27 .skill__fill {
	-webkit-animation: fillNumber27 2s ease-in-out 0.3s both;
	animation: fillNumber27 2s ease-in-out 0.3s both;
	-moz-transform: rotate(48.6deg);
	-webkit-transform: rotate(48.6deg);
	-ms-transform: rotate(48.6deg);
	-o-transform: rotate(48.6deg);
	transform: rotate(48.6deg);
}
.processCircle .percent28 .skill__mask.full, .processCircle .percent28 .skill__fill {
	-webkit-animation: fillNumber28 2s ease-in-out 0.3s both;
	animation: fillNumber28 2s ease-in-out 0.3s both;
	-moz-transform: rotate(50.4deg);
	-webkit-transform: rotate(50.4deg);
	-ms-transform: rotate(50.4deg);
	-o-transform: rotate(50.4deg);
	transform: rotate(50.4deg);
}
.processCircle .percent29 .skill__mask.full, .processCircle .percent29 .skill__fill {
	-webkit-animation: fillNumber29 2s ease-in-out 0.3s both;
	animation: fillNumber29 2s ease-in-out 0.3s both;
	-moz-transform: rotate(52.2deg);
	-webkit-transform: rotate(52.2deg);
	-ms-transform: rotate(52.2deg);
	-o-transform: rotate(52.2deg);
	transform: rotate(52.2deg);
}
.processCircle .percent30 .skill__mask.full, .processCircle .percent30 .skill__fill {
	-webkit-animation: fillNumber30 2s ease-in-out 0.3s both;
	animation: fillNumber30 2s ease-in-out 0.3s both;
	-moz-transform: rotate(54deg);
	-webkit-transform: rotate(54deg);
	-ms-transform: rotate(54deg);
	-o-transform: rotate(54deg);
	transform: rotate(54deg);
}
.processCircle .percent31 .skill__mask.full, .processCircle .percent31 .skill__fill {
	-webkit-animation: fillNumber31 2s ease-in-out 0.3s both;
	animation: fillNumber31 2s ease-in-out 0.3s both;
	-moz-transform: rotate(55.8deg);
	-webkit-transform: rotate(55.8deg);
	-ms-transform: rotate(55.8deg);
	-o-transform: rotate(55.8deg);
	transform: rotate(55.8deg);
}
.processCircle .percent32 .skill__mask.full, .processCircle .percent32 .skill__fill {
	-webkit-animation: fillNumber32 2s ease-in-out 0.3s both;
	animation: fillNumber32 2s ease-in-out 0.3s both;
	-moz-transform: rotate(57.6deg);
	-webkit-transform: rotate(57.6deg);
	-ms-transform: rotate(57.6deg);
	-o-transform: rotate(57.6deg);
	transform: rotate(57.6deg);
}
.processCircle .percent33 .skill__mask.full, .processCircle .percent33 .skill__fill {
	-webkit-animation: fillNumber33 2s ease-in-out 0.3s both;
	animation: fillNumber33 2s ease-in-out 0.3s both;
	-moz-transform: rotate(59.4deg);
	-webkit-transform: rotate(59.4deg);
	-ms-transform: rotate(59.4deg);
	-o-transform: rotate(59.4deg);
	transform: rotate(59.4deg);
}
.processCircle .percent34 .skill__mask.full, .processCircle .percent34 .skill__fill {
	-webkit-animation: fillNumber34 2s ease-in-out 0.3s both;
	animation: fillNumber34 2s ease-in-out 0.3s both;
	-moz-transform: rotate(61.2deg);
	-webkit-transform: rotate(61.2deg);
	-ms-transform: rotate(61.2deg);
	-o-transform: rotate(61.2deg);
	transform: rotate(61.2deg);
}
.processCircle .percent35 .skill__mask.full, .processCircle .percent35 .skill__fill {
	-webkit-animation: fillNumber35 2s ease-in-out 0.3s both;
	animation: fillNumber35 2s ease-in-out 0.3s both;
	-moz-transform: rotate(63deg);
	-webkit-transform: rotate(63deg);
	-ms-transform: rotate(63deg);
	-o-transform: rotate(63deg);
	transform: rotate(63deg);
}
.processCircle .percent36 .skill__mask.full, .processCircle .percent36 .skill__fill {
	-webkit-animation: fillNumber36 2s ease-in-out 0.3s both;
	animation: fillNumber36 2s ease-in-out 0.3s both;
	-moz-transform: rotate(64.8deg);
	-webkit-transform: rotate(64.8deg);
	-ms-transform: rotate(64.8deg);
	-o-transform: rotate(64.8deg);
	transform: rotate(64.8deg);
}
.processCircle .percent37 .skill__mask.full, .processCircle .percent37 .skill__fill {
	-webkit-animation: fillNumber37 2s ease-in-out 0.3s both;
	animation: fillNumber37 2s ease-in-out 0.3s both;
	-moz-transform: rotate(66.6deg);
	-webkit-transform: rotate(66.6deg);
	-ms-transform: rotate(66.6deg);
	-o-transform: rotate(66.6deg);
	transform: rotate(66.6deg);
}
.processCircle .percent38 .skill__mask.full, .processCircle .percent38 .skill__fill {
	-webkit-animation: fillNumber38 2s ease-in-out 0.3s both;
	animation: fillNumber38 2s ease-in-out 0.3s both;
	-moz-transform: rotate(68.4deg);
	-webkit-transform: rotate(68.4deg);
	-ms-transform: rotate(68.4deg);
	-o-transform: rotate(68.4deg);
	transform: rotate(68.4deg);
}
.processCircle .percent39 .skill__mask.full, .processCircle .percent39 .skill__fill {
	-webkit-animation: fillNumber39 2s ease-in-out 0.3s both;
	animation: fillNumber39 2s ease-in-out 0.3s both;
	-moz-transform: rotate(70.2deg);
	-webkit-transform: rotate(70.2deg);
	-ms-transform: rotate(70.2deg);
	-o-transform: rotate(70.2deg);
	transform: rotate(70.2deg);
}
.processCircle .percent40 .skill__mask.full, .processCircle .percent40 .skill__fill {
	-webkit-animation: fillNumber40 2s ease-in-out 0.3s both;
	animation: fillNumber40 2s ease-in-out 0.3s both;
	-moz-transform: rotate(72deg);
	-webkit-transform: rotate(72deg);
	-ms-transform: rotate(72deg);
	-o-transform: rotate(72deg);
	transform: rotate(72deg);
}
.processCircle .percent41 .skill__mask.full, .processCircle .percent41 .skill__fill {
	-webkit-animation: fillNumber41 2s ease-in-out 0.3s both;
	animation: fillNumber41 2s ease-in-out 0.3s both;
	-moz-transform: rotate(73.8deg);
	-webkit-transform: rotate(73.8deg);
	-ms-transform: rotate(73.8deg);
	-o-transform: rotate(73.8deg);
	transform: rotate(73.8deg);
}
.processCircle .percent42 .skill__mask.full, .processCircle .percent42 .skill__fill {
	-webkit-animation: fillNumber42 2s ease-in-out 0.3s both;
	animation: fillNumber42 2s ease-in-out 0.3s both;
	-moz-transform: rotate(75.6deg);
	-webkit-transform: rotate(75.6deg);
	-ms-transform: rotate(75.6deg);
	-o-transform: rotate(75.6deg);
	transform: rotate(75.6deg);
}
.processCircle .percent43 .skill__mask.full, .processCircle .percent43 .skill__fill {
	-webkit-animation: fillNumber43 2s ease-in-out 0.3s both;
	animation: fillNumber43 2s ease-in-out 0.3s both;
	-moz-transform: rotate(77.4deg);
	-webkit-transform: rotate(77.4deg);
	-ms-transform: rotate(77.4deg);
	-o-transform: rotate(77.4deg);
	transform: rotate(77.4deg);
}
.processCircle .percent44 .skill__mask.full, .processCircle .percent44 .skill__fill {
	-webkit-animation: fillNumber44 2s ease-in-out 0.3s both;
	animation: fillNumber44 2s ease-in-out 0.3s both;
	-moz-transform: rotate(79.2deg);
	-webkit-transform: rotate(79.2deg);
	-ms-transform: rotate(79.2deg);
	-o-transform: rotate(79.2deg);
	transform: rotate(79.2deg);
}
.processCircle .percent45 .skill__mask.full, .processCircle .percent45 .skill__fill {
	-webkit-animation: fillNumber45 2s ease-in-out 0.3s both;
	animation: fillNumber45 2s ease-in-out 0.3s both;
	-moz-transform: rotate(81deg);
	-webkit-transform: rotate(81deg);
	-ms-transform: rotate(81deg);
	-o-transform: rotate(81deg);
	transform: rotate(81deg);
}
.processCircle .percent46 .skill__mask.full, .processCircle .percent46 .skill__fill {
	-webkit-animation: fillNumber46 2s ease-in-out 0.3s both;
	animation: fillNumber46 2s ease-in-out 0.3s both;
	-moz-transform: rotate(82.8deg);
	-webkit-transform: rotate(82.8deg);
	-ms-transform: rotate(82.8deg);
	-o-transform: rotate(82.8deg);
	transform: rotate(82.8deg);
}
.processCircle .percent47 .skill__mask.full, .processCircle .percent47 .skill__fill {
	-webkit-animation: fillNumber47 2s ease-in-out 0.3s both;
	animation: fillNumber47 2s ease-in-out 0.3s both;
	-moz-transform: rotate(84.6deg);
	-webkit-transform: rotate(84.6deg);
	-ms-transform: rotate(84.6deg);
	-o-transform: rotate(84.6deg);
	transform: rotate(84.6deg);
}
.processCircle .percent48 .skill__mask.full, .processCircle .percent48 .skill__fill {
	-webkit-animation: fillNumber48 2s ease-in-out 0.3s both;
	animation: fillNumber48 2s ease-in-out 0.3s both;
	-moz-transform: rotate(86.4deg);
	-webkit-transform: rotate(86.4deg);
	-ms-transform: rotate(86.4deg);
	-o-transform: rotate(86.4deg);
	transform: rotate(86.4deg);
}
.processCircle .percent49 .skill__mask.full, .processCircle .percent49 .skill__fill {
	-webkit-animation: fillNumber49 2s ease-in-out 0.3s both;
	animation: fillNumber49 2s ease-in-out 0.3s both;
	-moz-transform: rotate(88.2deg);
	-webkit-transform: rotate(88.2deg);
	-ms-transform: rotate(88.2deg);
	-o-transform: rotate(88.2deg);
	transform: rotate(88.2deg);
}
.processCircle .percent50 .skill__mask.full, .processCircle .percent50 .skill__fill {
	-webkit-animation: fillNumber50 2s ease-in-out 0.3s both;
	animation: fillNumber50 2s ease-in-out 0.3s both;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.processCircle .percent51 .skill__mask.full, .processCircle .percent51 .skill__fill {
	-webkit-animation: fillNumber51 2s ease-in-out 0.3s both;
	animation: fillNumber51 2s ease-in-out 0.3s both;
	-moz-transform: rotate(91.8deg);
	-webkit-transform: rotate(91.8deg);
	-ms-transform: rotate(91.8deg);
	-o-transform: rotate(91.8deg);
	transform: rotate(91.8deg);
}
.processCircle .percent52 .skill__mask.full, .processCircle .percent52 .skill__fill {
	-webkit-animation: fillNumber52 2s ease-in-out 0.3s both;
	animation: fillNumber52 2s ease-in-out 0.3s both;
	-moz-transform: rotate(93.6deg);
	-webkit-transform: rotate(93.6deg);
	-ms-transform: rotate(93.6deg);
	-o-transform: rotate(93.6deg);
	transform: rotate(93.6deg);
}
.processCircle .percent53 .skill__mask.full, .processCircle .percent53 .skill__fill {
	-webkit-animation: fillNumber53 2s ease-in-out 0.3s both;
	animation: fillNumber53 2s ease-in-out 0.3s both;
	-moz-transform: rotate(95.4deg);
	-webkit-transform: rotate(95.4deg);
	-ms-transform: rotate(95.4deg);
	-o-transform: rotate(95.4deg);
	transform: rotate(95.4deg);
}
.processCircle .percent54 .skill__mask.full, .processCircle .percent54 .skill__fill {
	-webkit-animation: fillNumber54 2s ease-in-out 0.3s both;
	animation: fillNumber54 2s ease-in-out 0.3s both;
	-moz-transform: rotate(97.2deg);
	-webkit-transform: rotate(97.2deg);
	-ms-transform: rotate(97.2deg);
	-o-transform: rotate(97.2deg);
	transform: rotate(97.2deg);
}
.processCircle .percent55 .skill__mask.full, .processCircle .percent55 .skill__fill {
	-webkit-animation: fillNumber55 2s ease-in-out 0.3s both;
	animation: fillNumber55 2s ease-in-out 0.3s both;
	-moz-transform: rotate(99deg);
	-webkit-transform: rotate(99deg);
	-ms-transform: rotate(99deg);
	-o-transform: rotate(99deg);
	transform: rotate(99deg);
}
.processCircle .percent56 .skill__mask.full, .processCircle .percent56 .skill__fill {
	-webkit-animation: fillNumber56 2s ease-in-out 0.3s both;
	animation: fillNumber56 2s ease-in-out 0.3s both;
	-moz-transform: rotate(100.8deg);
	-webkit-transform: rotate(100.8deg);
	-ms-transform: rotate(100.8deg);
	-o-transform: rotate(100.8deg);
	transform: rotate(100.8deg);
}
.processCircle .percent57 .skill__mask.full, .processCircle .percent57 .skill__fill {
	-webkit-animation: fillNumber57 2s ease-in-out 0.3s both;
	animation: fillNumber57 2s ease-in-out 0.3s both;
	-moz-transform: rotate(102.6deg);
	-webkit-transform: rotate(102.6deg);
	-ms-transform: rotate(102.6deg);
	-o-transform: rotate(102.6deg);
	transform: rotate(102.6deg);
}
.processCircle .percent58 .skill__mask.full, .processCircle .percent58 .skill__fill {
	-webkit-animation: fillNumber58 2s ease-in-out 0.3s both;
	animation: fillNumber58 2s ease-in-out 0.3s both;
	-moz-transform: rotate(104.4deg);
	-webkit-transform: rotate(104.4deg);
	-ms-transform: rotate(104.4deg);
	-o-transform: rotate(104.4deg);
	transform: rotate(104.4deg);
}
.processCircle .percent59 .skill__mask.full, .processCircle .percent59 .skill__fill {
	-webkit-animation: fillNumber59 2s ease-in-out 0.3s both;
	animation: fillNumber59 2s ease-in-out 0.3s both;
	-moz-transform: rotate(106.2deg);
	-webkit-transform: rotate(106.2deg);
	-ms-transform: rotate(106.2deg);
	-o-transform: rotate(106.2deg);
	transform: rotate(106.2deg);
}
.processCircle .percent60 .skill__mask.full, .processCircle .percent60 .skill__fill {
	-webkit-animation: fillNumber60 2s ease-in-out 0.3s both;
	animation: fillNumber60 2s ease-in-out 0.3s both;
	-moz-transform: rotate(108deg);
	-webkit-transform: rotate(108deg);
	-ms-transform: rotate(108deg);
	-o-transform: rotate(108deg);
	transform: rotate(108deg);
}
.processCircle .percent61 .skill__mask.full, .processCircle .percent61 .skill__fill {
	-webkit-animation: fillNumber61 2s ease-in-out 0.3s both;
	animation: fillNumber61 2s ease-in-out 0.3s both;
	-moz-transform: rotate(109.8deg);
	-webkit-transform: rotate(109.8deg);
	-ms-transform: rotate(109.8deg);
	-o-transform: rotate(109.8deg);
	transform: rotate(109.8deg);
}
.processCircle .percent62 .skill__mask.full, .processCircle .percent62 .skill__fill {
	-webkit-animation: fillNumber62 2s ease-in-out 0.3s both;
	animation: fillNumber62 2s ease-in-out 0.3s both;
	-moz-transform: rotate(111.6deg);
	-webkit-transform: rotate(111.6deg);
	-ms-transform: rotate(111.6deg);
	-o-transform: rotate(111.6deg);
	transform: rotate(111.6deg);
}
.processCircle .percent63 .skill__mask.full, .processCircle .percent63 .skill__fill {
	-webkit-animation: fillNumber63 2s ease-in-out 0.3s both;
	animation: fillNumber63 2s ease-in-out 0.3s both;
	-moz-transform: rotate(113.4deg);
	-webkit-transform: rotate(113.4deg);
	-ms-transform: rotate(113.4deg);
	-o-transform: rotate(113.4deg);
	transform: rotate(113.4deg);
}
.processCircle .percent64 .skill__mask.full, .processCircle .percent64 .skill__fill {
	-webkit-animation: fillNumber64 2s ease-in-out 0.3s both;
	animation: fillNumber64 2s ease-in-out 0.3s both;
	-moz-transform: rotate(115.2deg);
	-webkit-transform: rotate(115.2deg);
	-ms-transform: rotate(115.2deg);
	-o-transform: rotate(115.2deg);
	transform: rotate(115.2deg);
}
.processCircle .percent65 .skill__mask.full, .processCircle .percent65 .skill__fill {
	-webkit-animation: fillNumber65 2s ease-in-out 0.3s both;
	animation: fillNumber65 2s ease-in-out 0.3s both;
	-moz-transform: rotate(117deg);
	-webkit-transform: rotate(117deg);
	-ms-transform: rotate(117deg);
	-o-transform: rotate(117deg);
	transform: rotate(117deg);
}
.processCircle .percent66 .skill__mask.full, .processCircle .percent66 .skill__fill {
	-webkit-animation: fillNumber66 2s ease-in-out 0.3s both;
	animation: fillNumber66 2s ease-in-out 0.3s both;
	-moz-transform: rotate(118.8deg);
	-webkit-transform: rotate(118.8deg);
	-ms-transform: rotate(118.8deg);
	-o-transform: rotate(118.8deg);
	transform: rotate(118.8deg);
}
.processCircle .percent67 .skill__mask.full, .processCircle .percent67 .skill__fill {
	-webkit-animation: fillNumber67 2s ease-in-out 0.3s both;
	animation: fillNumber67 2s ease-in-out 0.3s both;
	-moz-transform: rotate(120.6deg);
	-webkit-transform: rotate(120.6deg);
	-ms-transform: rotate(120.6deg);
	-o-transform: rotate(120.6deg);
	transform: rotate(120.6deg);
}
.processCircle .percent68 .skill__mask.full, .processCircle .percent68 .skill__fill {
	-webkit-animation: fillNumber68 2s ease-in-out 0.3s both;
	animation: fillNumber68 2s ease-in-out 0.3s both;
	-moz-transform: rotate(122.4deg);
	-webkit-transform: rotate(122.4deg);
	-ms-transform: rotate(122.4deg);
	-o-transform: rotate(122.4deg);
	transform: rotate(122.4deg);
}
.processCircle .percent69 .skill__mask.full, .processCircle .percent69 .skill__fill {
	-webkit-animation: fillNumber69 2s ease-in-out 0.3s both;
	animation: fillNumber69 2s ease-in-out 0.3s both;
	-moz-transform: rotate(124.2deg);
	-webkit-transform: rotate(124.2deg);
	-ms-transform: rotate(124.2deg);
	-o-transform: rotate(124.2deg);
	transform: rotate(124.2deg);
}
.processCircle .percent70 .skill__mask.full, .processCircle .percent70 .skill__fill {
	-webkit-animation: fillNumber70 2s ease-in-out 0.3s both;
	animation: fillNumber70 2s ease-in-out 0.3s both;
	-moz-transform: rotate(126deg);
	-webkit-transform: rotate(126deg);
	-ms-transform: rotate(126deg);
	-o-transform: rotate(126deg);
	transform: rotate(126deg);
}
.processCircle .percent71 .skill__mask.full, .processCircle .percent71 .skill__fill {
	-webkit-animation: fillNumber71 2s ease-in-out 0.3s both;
	animation: fillNumber71 2s ease-in-out 0.3s both;
	-moz-transform: rotate(127.8deg);
	-webkit-transform: rotate(127.8deg);
	-ms-transform: rotate(127.8deg);
	-o-transform: rotate(127.8deg);
	transform: rotate(127.8deg);
}
.processCircle .percent72 .skill__mask.full, .processCircle .percent72 .skill__fill {
	-webkit-animation: fillNumber72 2s ease-in-out 0.3s both;
	animation: fillNumber72 2s ease-in-out 0.3s both;
	-moz-transform: rotate(129.6deg);
	-webkit-transform: rotate(129.6deg);
	-ms-transform: rotate(129.6deg);
	-o-transform: rotate(129.6deg);
	transform: rotate(129.6deg);
}
.processCircle .percent73 .skill__mask.full, .processCircle .percent73 .skill__fill {
	-webkit-animation: fillNumber73 2s ease-in-out 0.3s both;
	animation: fillNumber73 2s ease-in-out 0.3s both;
	-moz-transform: rotate(131.4deg);
	-webkit-transform: rotate(131.4deg);
	-ms-transform: rotate(131.4deg);
	-o-transform: rotate(131.4deg);
	transform: rotate(131.4deg);
}
.processCircle .percent74 .skill__mask.full, .processCircle .percent74 .skill__fill {
	-webkit-animation: fillNumber74 2s ease-in-out 0.3s both;
	animation: fillNumber74 2s ease-in-out 0.3s both;
	-moz-transform: rotate(133.2deg);
	-webkit-transform: rotate(133.2deg);
	-ms-transform: rotate(133.2deg);
	-o-transform: rotate(133.2deg);
	transform: rotate(133.2deg);
}
.processCircle .percent75 .skill__mask.full, .processCircle .percent75 .skill__fill {
	-webkit-animation: fillNumber75 2s ease-in-out 0.3s both;
	animation: fillNumber75 2s ease-in-out 0.3s both;
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.processCircle .percent76 .skill__mask.full, .processCircle .percent76 .skill__fill {
	-webkit-animation: fillNumber76 2s ease-in-out 0.3s both;
	animation: fillNumber76 2s ease-in-out 0.3s both;
	-moz-transform: rotate(136.8deg);
	-webkit-transform: rotate(136.8deg);
	-ms-transform: rotate(136.8deg);
	-o-transform: rotate(136.8deg);
	transform: rotate(136.8deg);
}
.processCircle .percent77 .skill__mask.full, .processCircle .percent77 .skill__fill {
	-webkit-animation: fillNumber77 2s ease-in-out 0.3s both;
	animation: fillNumber77 2s ease-in-out 0.3s both;
	-moz-transform: rotate(138.6deg);
	-webkit-transform: rotate(138.6deg);
	-ms-transform: rotate(138.6deg);
	-o-transform: rotate(138.6deg);
	transform: rotate(138.6deg);
}
.processCircle .percent78 .skill__mask.full, .processCircle .percent78 .skill__fill {
	-webkit-animation: fillNumber78 2s ease-in-out 0.3s both;
	animation: fillNumber78 2s ease-in-out 0.3s both;
	-moz-transform: rotate(140.4deg);
	-webkit-transform: rotate(140.4deg);
	-ms-transform: rotate(140.4deg);
	-o-transform: rotate(140.4deg);
	transform: rotate(140.4deg);
}
.processCircle .percent79 .skill__mask.full, .processCircle .percent79 .skill__fill {
	-webkit-animation: fillNumber79 2s ease-in-out 0.3s both;
	animation: fillNumber79 2s ease-in-out 0.3s both;
	-moz-transform: rotate(142.2deg);
	-webkit-transform: rotate(142.2deg);
	-ms-transform: rotate(142.2deg);
	-o-transform: rotate(142.2deg);
	transform: rotate(142.2deg);
}
.processCircle .percent80 .skill__mask.full, .processCircle .percent80 .skill__fill {
	-webkit-animation: fillNumber80 2s ease-in-out 0.3s both;
	animation: fillNumber80 2s ease-in-out 0.3s both;
	-moz-transform: rotate(144deg);
	-webkit-transform: rotate(144deg);
	-ms-transform: rotate(144deg);
	-o-transform: rotate(144deg);
	transform: rotate(144deg);
}
.processCircle .percent81 .skill__mask.full, .processCircle .percent81 .skill__fill {
	-webkit-animation: fillNumber81 2s ease-in-out 0.3s both;
	animation: fillNumber81 2s ease-in-out 0.3s both;
	-moz-transform: rotate(145.8deg);
	-webkit-transform: rotate(145.8deg);
	-ms-transform: rotate(145.8deg);
	-o-transform: rotate(145.8deg);
	transform: rotate(145.8deg);
}
.processCircle .percent82 .skill__mask.full, .processCircle .percent82 .skill__fill {
	-webkit-animation: fillNumber82 2s ease-in-out 0.3s both;
	animation: fillNumber82 2s ease-in-out 0.3s both;
	-moz-transform: rotate(147.6deg);
	-webkit-transform: rotate(147.6deg);
	-ms-transform: rotate(147.6deg);
	-o-transform: rotate(147.6deg);
	transform: rotate(147.6deg);
}
.processCircle .percent83 .skill__mask.full, .processCircle .percent83 .skill__fill {
	-webkit-animation: fillNumber83 2s ease-in-out 0.3s both;
	animation: fillNumber83 2s ease-in-out 0.3s both;
	-moz-transform: rotate(149.4deg);
	-webkit-transform: rotate(149.4deg);
	-ms-transform: rotate(149.4deg);
	-o-transform: rotate(149.4deg);
	transform: rotate(149.4deg);
}
.processCircle .percent84 .skill__mask.full, .processCircle .percent84 .skill__fill {
	-webkit-animation: fillNumber84 2s ease-in-out 0.3s both;
	animation: fillNumber84 2s ease-in-out 0.3s both;
	-moz-transform: rotate(151.2deg);
	-webkit-transform: rotate(151.2deg);
	-ms-transform: rotate(151.2deg);
	-o-transform: rotate(151.2deg);
	transform: rotate(151.2deg);
}
.processCircle .percent85 .skill__mask.full, .processCircle .percent85 .skill__fill {
	-webkit-animation: fillNumber85 2s ease-in-out 0.3s both;
	animation: fillNumber85 2s ease-in-out 0.3s both;
	-moz-transform: rotate(153deg);
	-webkit-transform: rotate(153deg);
	-ms-transform: rotate(153deg);
	-o-transform: rotate(153deg);
	transform: rotate(153deg);
}
.processCircle .percent86 .skill__mask.full, .processCircle .percent86 .skill__fill {
	-webkit-animation: fillNumber86 2s ease-in-out 0.3s both;
	animation: fillNumber86 2s ease-in-out 0.3s both;
	-moz-transform: rotate(154.8deg);
	-webkit-transform: rotate(154.8deg);
	-ms-transform: rotate(154.8deg);
	-o-transform: rotate(154.8deg);
	transform: rotate(154.8deg);
}
.processCircle .percent87 .skill__mask.full, .processCircle .percent87 .skill__fill {
	-webkit-animation: fillNumber87 2s ease-in-out 0.3s both;
	animation: fillNumber87 2s ease-in-out 0.3s both;
	-moz-transform: rotate(156.6deg);
	-webkit-transform: rotate(156.6deg);
	-ms-transform: rotate(156.6deg);
	-o-transform: rotate(156.6deg);
	transform: rotate(156.6deg);
}
.processCircle .percent88 .skill__mask.full, .processCircle .percent88 .skill__fill {
	-webkit-animation: fillNumber88 2s ease-in-out 0.3s both;
	animation: fillNumber88 2s ease-in-out 0.3s both;
	-moz-transform: rotate(158.4deg);
	-webkit-transform: rotate(158.4deg);
	-ms-transform: rotate(158.4deg);
	-o-transform: rotate(158.4deg);
	transform: rotate(158.4deg);
}
.processCircle .percent89 .skill__mask.full, .processCircle .percent89 .skill__fill {
	-webkit-animation: fillNumber89 2s ease-in-out 0.3s both;
	animation: fillNumber89 2s ease-in-out 0.3s both;
	-moz-transform: rotate(160.2deg);
	-webkit-transform: rotate(160.2deg);
	-ms-transform: rotate(160.2deg);
	-o-transform: rotate(160.2deg);
	transform: rotate(160.2deg);
}
.processCircle .percent90 .skill__mask.full, .processCircle .percent90 .skill__fill {
	-webkit-animation: fillNumber90 2s ease-in-out 0.3s both;
	animation: fillNumber90 2s ease-in-out 0.3s both;
	-moz-transform: rotate(162deg);
	-webkit-transform: rotate(162deg);
	-ms-transform: rotate(162deg);
	-o-transform: rotate(162deg);
	transform: rotate(162deg);
}
.processCircle .percent91 .skill__mask.full, .processCircle .percent91 .skill__fill {
	-webkit-animation: fillNumber91 2s ease-in-out 0.3s both;
	animation: fillNumber91 2s ease-in-out 0.3s both;
	-moz-transform: rotate(163.8deg);
	-webkit-transform: rotate(163.8deg);
	-ms-transform: rotate(163.8deg);
	-o-transform: rotate(163.8deg);
	transform: rotate(163.8deg);
}
.processCircle .percent92 .skill__mask.full, .processCircle .percent92 .skill__fill {
	-webkit-animation: fillNumber92 2s ease-in-out 0.3s both;
	animation: fillNumber92 2s ease-in-out 0.3s both;
	-moz-transform: rotate(165.6deg);
	-webkit-transform: rotate(165.6deg);
	-ms-transform: rotate(165.6deg);
	-o-transform: rotate(165.6deg);
	transform: rotate(165.6deg);
}
.processCircle .percent93 .skill__mask.full, .processCircle .percent93 .skill__fill {
	-webkit-animation: fillNumber93 2s ease-in-out 0.3s both;
	animation: fillNumber93 2s ease-in-out 0.3s both;
	-moz-transform: rotate(167.4deg);
	-webkit-transform: rotate(167.4deg);
	-ms-transform: rotate(167.4deg);
	-o-transform: rotate(167.4deg);
	transform: rotate(167.4deg);
}
.processCircle .percent94 .skill__mask.full, .processCircle .percent94 .skill__fill {
	-webkit-animation: fillNumber94 2s ease-in-out 0.3s both;
	animation: fillNumber94 2s ease-in-out 0.3s both;
	-moz-transform: rotate(169.2deg);
	-webkit-transform: rotate(169.2deg);
	-ms-transform: rotate(169.2deg);
	-o-transform: rotate(169.2deg);
	transform: rotate(169.2deg);
}
.processCircle .percent95 .skill__mask.full, .processCircle .percent95 .skill__fill {
	-webkit-animation: fillNumber95 2s ease-in-out 0.3s both;
	animation: fillNumber95 2s ease-in-out 0.3s both;
	-moz-transform: rotate(171deg);
	-webkit-transform: rotate(171deg);
	-ms-transform: rotate(171deg);
	-o-transform: rotate(171deg);
	transform: rotate(171deg);
}
.processCircle .percent96 .skill__mask.full, .processCircle .percent96 .skill__fill {
	-webkit-animation: fillNumber96 2s ease-in-out 0.3s both;
	animation: fillNumber96 2s ease-in-out 0.3s both;
	-moz-transform: rotate(172.8deg);
	-webkit-transform: rotate(172.8deg);
	-ms-transform: rotate(172.8deg);
	-o-transform: rotate(172.8deg);
	transform: rotate(172.8deg);
}
.processCircle .percent97 .skill__mask.full, .processCircle .percent97 .skill__fill {
	-webkit-animation: fillNumber97 2s ease-in-out 0.3s both;
	animation: fillNumber97 2s ease-in-out 0.3s both;
	-moz-transform: rotate(174.6deg);
	-webkit-transform: rotate(174.6deg);
	-ms-transform: rotate(174.6deg);
	-o-transform: rotate(174.6deg);
	transform: rotate(174.6deg);
}
.processCircle .percent98 .skill__mask.full, .processCircle .percent98 .skill__fill {
	-webkit-animation: fillNumber98 2s ease-in-out 0.3s both;
	animation: fillNumber98 2s ease-in-out 0.3s both;
	-moz-transform: rotate(176.4deg);
	-webkit-transform: rotate(176.4deg);
	-ms-transform: rotate(176.4deg);
	-o-transform: rotate(176.4deg);
	transform: rotate(176.4deg);
}
.processCircle .percent99 .skill__mask.full, .processCircle .percent99 .skill__fill {
	-webkit-animation: fillNumber99 2s ease-in-out 0.3s both;
	animation: fillNumber99 2s ease-in-out 0.3s both;
	-moz-transform: rotate(178.2deg);
	-webkit-transform: rotate(178.2deg);
	-ms-transform: rotate(178.2deg);
	-o-transform: rotate(178.2deg);
	transform: rotate(178.2deg);
}
.processCircle .percent100 .skill__mask.full, .processCircle .percent100 .skill__fill {
	-webkit-animation: fillNumber100 2s ease-in-out 0.3s both;
	animation: fillNumber100 2s ease-in-out 0.3s both;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.skill__icon {
	border-radius: 50%;
	width: 10.8rem;
	height: 10.8rem;
	background: #ffffff;
	position: absolute;
	z-index: 100;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.skill__number {
	position: relative;
}
.skill__number:before {
	content: "%";
	position: absolute;
	top: 0;
	left: 100%;
	font-size: 2.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.87);
}
.skill__name {
	text-align: center;
	margin-bottom: 1.2rem;
}
.skill__paragraph {
	text-align: center;
}

@keyframes fillNumber0 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
@keyframes fillNumber1 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(1.8deg);
	}
}
@keyframes fillNumber2 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(3.6deg);
	}
}
@keyframes fillNumber3 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(5.4deg);
	}
}
@keyframes fillNumber4 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(7.2deg);
	}
}
@keyframes fillNumber5 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(9deg);
	}
}
@keyframes fillNumber6 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(10.8deg);
	}
}
@keyframes fillNumber7 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(12.6deg);
	}
}
@keyframes fillNumber8 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(14.4deg);
	}
}
@keyframes fillNumber9 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(16.2deg);
	}
}
@keyframes fillNumber10 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(18deg);
	}
}
@keyframes fillNumber11 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(19.8deg);
	}
}
@keyframes fillNumber12 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(21.6deg);
	}
}
@keyframes fillNumber13 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(23.4deg);
	}
}
@keyframes fillNumber14 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(25.2deg);
	}
}
@keyframes fillNumber15 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(27deg);
	}
}
@keyframes fillNumber16 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(28.8deg);
	}
}
@keyframes fillNumber17 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(30.6deg);
	}
}
@keyframes fillNumber18 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(32.4deg);
	}
}
@keyframes fillNumber19 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(34.2deg);
	}
}
@keyframes fillNumber20 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(36deg);
	}
}
@keyframes fillNumber21 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(37.8deg);
	}
}
@keyframes fillNumber22 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(39.6deg);
	}
}
@keyframes fillNumber23 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(41.4deg);
	}
}
@keyframes fillNumber24 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(43.2deg);
	}
}
@keyframes fillNumber25 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(45deg);
	}
}
@keyframes fillNumber26 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(46.8deg);
	}
}
@keyframes fillNumber27 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(48.6deg);
	}
}
@keyframes fillNumber28 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(50.4deg);
	}
}
@keyframes fillNumber29 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(52.2deg);
	}
}
@keyframes fillNumber30 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(54deg);
	}
}
@keyframes fillNumber31 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(55.8deg);
	}
}
@keyframes fillNumber32 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(57.6deg);
	}
}
@keyframes fillNumber33 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(59.4deg);
	}
}
@keyframes fillNumber34 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(61.2deg);
	}
}
@keyframes fillNumber35 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(63deg);
	}
}
@keyframes fillNumber36 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(64.8deg);
	}
}
@keyframes fillNumber37 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(66.6deg);
	}
}
@keyframes fillNumber38 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(68.4deg);
	}
}
@keyframes fillNumber39 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(70.2deg);
	}
}
@keyframes fillNumber40 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(72deg);
	}
}
@keyframes fillNumber41 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(73.8deg);
	}
}
@keyframes fillNumber42 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(75.6deg);
	}
}
@keyframes fillNumber43 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(77.4deg);
	}
}
@keyframes fillNumber44 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(79.2deg);
	}
}
@keyframes fillNumber45 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(81deg);
	}
}
@keyframes fillNumber46 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(82.8deg);
	}
}
@keyframes fillNumber47 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(84.6deg);
	}
}
@keyframes fillNumber48 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(86.4deg);
	}
}
@keyframes fillNumber49 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(88.2deg);
	}
}
@keyframes fillNumber50 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(90deg);
	}
}
@keyframes fillNumber51 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(91.8deg);
	}
}
@keyframes fillNumber52 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(93.6deg);
	}
}
@keyframes fillNumber53 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(95.4deg);
	}
}
@keyframes fillNumber54 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(97.2deg);
	}
}
@keyframes fillNumber55 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(99deg);
	}
}
@keyframes fillNumber56 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(100.8deg);
	}
}
@keyframes fillNumber57 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(102.6deg);
	}
}
@keyframes fillNumber58 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(104.4deg);
	}
}
@keyframes fillNumber59 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(106.2deg);
	}
}
@keyframes fillNumber60 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(108deg);
	}
}
@keyframes fillNumber61 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(109.8deg);
	}
}
@keyframes fillNumber62 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(111.6deg);
	}
}
@keyframes fillNumber63 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(113.4deg);
	}
}
@keyframes fillNumber64 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(115.2deg);
	}
}
@keyframes fillNumber65 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(117deg);
	}
}
@keyframes fillNumber66 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(118.8deg);
	}
}
@keyframes fillNumber67 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(120.6deg);
	}
}
@keyframes fillNumber68 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(122.4deg);
	}
}
@keyframes fillNumber69 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(124.2deg);
	}
}
@keyframes fillNumber70 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(126deg);
	}
}
@keyframes fillNumber71 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(127.8deg);
	}
}
@keyframes fillNumber72 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(129.6deg);
	}
}
@keyframes fillNumber73 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(131.4deg);
	}
}
@keyframes fillNumber74 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(133.2deg);
	}
}
@keyframes fillNumber75 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(135deg);
	}
}
@keyframes fillNumber76 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(136.8deg);
	}
}
@keyframes fillNumber77 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(138.6deg);
	}
}
@keyframes fillNumber78 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(140.4deg);
	}
}
@keyframes fillNumber79 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(142.2deg);
	}
}
@keyframes fillNumber80 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(144deg);
	}
}
@keyframes fillNumber81 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(145.8deg);
	}
}
@keyframes fillNumber82 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(147.6deg);
	}
}
@keyframes fillNumber83 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(149.4deg);
	}
}
@keyframes fillNumber84 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(151.2deg);
	}
}
@keyframes fillNumber85 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(153deg);
	}
}
@keyframes fillNumber86 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(154.8deg);
	}
}
@keyframes fillNumber87 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(156.6deg);
	}
}
@keyframes fillNumber88 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(158.4deg);
	}
}
@keyframes fillNumber89 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(160.2deg);
	}
}
@keyframes fillNumber90 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(162deg);
	}
}
@keyframes fillNumber91 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(163.8deg);
	}
}
@keyframes fillNumber92 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(165.6deg);
	}
}
@keyframes fillNumber93 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(167.4deg);
	}
}
@keyframes fillNumber94 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(169.2deg);
	}
}
@keyframes fillNumber95 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(171deg);
	}
}
@keyframes fillNumber96 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(172.8deg);
	}
}
@keyframes fillNumber97 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(174.6deg);
	}
}
@keyframes fillNumber98 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(176.4deg);
	}
}
@keyframes fillNumber99 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(178.2deg);
	}
}
@keyframes fillNumber100 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(180deg);
	}
}
/*******************news***********************/
.news {
	position: relative;
	overflow: hidden;
	margin-bottom: 4rem;
}
.news:hover .news__picture img {
	-moz-transform: scale(1.2) rotate(1deg);
	-webkit-transform: scale(1.2) rotate(1deg);
	-ms-transform: scale(1.2) rotate(1deg);
	-o-transform: scale(1.2) rotate(1deg);
	transform: scale(1.2) rotate(1deg);
}
.news:hover .news__picture:after {
	top: 0;
	bottom: auto;
	height: 100%;
}
.news:hover .news__picture:before {
	top: auto;
	bottom: 0;
	height: 100%;
}
.news__side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	position: relative;
}
.news__picture {
	overflow: hidden;
	display: block;
	width: 100%;
	position: relative;
	margin-bottom: 2rem;
}
.news__picture img {
	height: auto;
	max-width: 100%;
	-moz-transform: scale(1) rotate(0deg);
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-moz-transition: all 0.7s ease-in-out 0.1s;
	-webkit-transition: all 0.7s ease-in-out 0.1s;
	-o-transition: all 0.7s ease-in-out 0.1s;
	transition: all 0.7s ease-in-out 0.1s;
}
.news__picture:before {
	position: absolute;
	top: 0;
	bottom: auto;
	height: 0;
	left: 0;
	width: 50%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.news__picture:after {
	position: absolute;
	top: auto;
	bottom: 0;
	height: 0;
	right: 0;
	width: 50%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.news__date-cate {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.news__name {
	margin-bottom: 0.8rem;
}
.news__paragraph {
	margin-bottom: 1.2rem;
}

/*******************brand***********************/
.brand {
	position: relative;
}
.brand:hover .brand__prev, .brand:hover .brand__next {
	opacity: 1;
}
.brand__title {
	margin-bottom: 2rem;
	text-align: center;
}
.brand__viewport {
	max-height: 42.4rem;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.brand__viewport li {
	display: none;
	-webkit-backface-visibility: hidden;
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.brand__viewport li a:hover img {
	filter: none;
}
.brand__viewport li a img {
	max-width: 100%;
	display: block;
	height: auto;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	filter: contrast(10%);
}
@media screen and (max-width: 319px) {
	.brand__viewport li a img {
		filter: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.brand__viewport li a img {
		filter: none;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.brand__viewport li a img {
		filter: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.brand__viewport li a img {
		filter: none;
	}
}
.brand__prev {
	position: absolute;
	top: 50%;
	left: -3.6rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
@media screen and (max-width: 319px) {
	.brand__prev {
		left: 0;
		opacity: 1;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.brand__prev {
		left: 0;
		opacity: 1;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.brand__prev {
		opacity: 1;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.brand__prev {
		opacity: 1;
	}
}
.brand__prev.showMxm {
	left: 0.4rem;
}
.brand__prev i {
	position: absolute;
	top: 2.1rem;
	left: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(255, 255, 255, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 0% 50%;
}
.brand__prev i:first-child {
	transform: translate(0, -0.1rem) rotate(40deg);
}
.brand__prev i:last-child {
	transform: translate(0, 0.1rem) rotate(-40deg);
}
.brand__prev:hover i:first-child {
	transform: translate(0, -0.1rem) rotate(30deg);
}
.brand__prev:hover i:last-child {
	transform: translate(0, 0.1rem) rotate(-30deg);
}
.brand__prev:active i:first-child {
	transform: translate(0rem, -0.1rem) rotate(25deg);
}
.brand__prev:active i:last-child {
	transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.brand__next {
	position: absolute;
	top: 50%;
	right: -3.6rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
@media screen and (max-width: 319px) {
	.brand__next {
		right: 0;
		opacity: 1;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.brand__next {
		right: 0;
		opacity: 1;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.brand__next {
		opacity: 1;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.brand__next {
		opacity: 1;
	}
}
.brand__next.showMxm {
	right: 0.4rem;
}
.brand__next i {
	position: absolute;
	top: 2.1rem;
	right: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(255, 255, 255, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 100% 50%;
}
.brand__next i:first-child {
	transform: translate(0, 0.1rem) rotate(40deg);
}
.brand__next i:last-child {
	transform: translate(0, -0.1rem) rotate(-40deg);
}
.brand__next:hover i:first-child {
	transform: translate(0, 0.1rem) rotate(30deg);
}
.brand__next:hover i:last-child {
	transform: translate(0, -0.1rem) rotate(-30deg);
}
.brand__next:active i:first-child {
	transform: translate(0rem, 0.1rem) rotate(25deg);
}
.brand__next:active i:last-child {
	transform: translate(0rem, -0.1rem) rotate(-25deg);
}

.bgd02 .brand__viewport li a img {
	filter: none;
}
.bgd02 .brand__prev i {
	background: rgba(0, 0, 0, 0.87);
}
.bgd02 .brand__next i {
	background: rgba(0, 0, 0, 0.87);
}

.bgd03 .brand__viewport li a img {
	filter: none;
}
.bgd03 .brand__prev i {
	background: rgba(0, 0, 0, 0.87);
}
.bgd03 .brand__next i {
	background: rgba(0, 0, 0, 0.87);
}

.bgd04 .brand__viewport li a img {
	filter: none;
}
.bgd04 .brand__prev i {
	background: rgba(0, 0, 0, 0.87);
}
.bgd04 .brand__next i {
	background: rgba(0, 0, 0, 0.87);
}

.bgd05 .brand__viewport li a img {
	filter: none;
}
.bgd05 .brand__prev i {
	background: rgba(0, 0, 0, 0.87);
}
.bgd05 .brand__next i {
	background: rgba(0, 0, 0, 0.87);
}

.bgd06 .brand__viewport li a img {
	filter: none;
}
.bgd06 .brand__prev i {
	background: rgba(0, 0, 0, 0.87);
}
.bgd06 .brand__next i {
	background: rgba(0, 0, 0, 0.87);
}

.bgd07 .brand__viewport li a img {
	filter: none;
}
.bgd07 .brand__prev i {
	background: rgba(0, 0, 0, 0.87);
}
.bgd07 .brand__next i {
	background: rgba(0, 0, 0, 0.87);
}

.bgd08 .brand__viewport li a img {
	filter: none;
}
.bgd08 .brand__prev i {
	background: rgba(0, 0, 0, 0.87);
}
.bgd08 .brand__next i {
	background: rgba(0, 0, 0, 0.87);
}

/*******************why***********************/
.why {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 4rem;
}
.why:hover .why__icon i {
	-moz-transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}
.why__icon {
	margin-right: 2rem;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.why__icon {
		margin-right: 1.2rem;
	}
}
.why__icon i {
	font-size: 4.4rem;
	color: rgba(17, 189, 163, 0.87);
	-moz-transition: transform 0.5s;
	-webkit-transition: transform 0.5s;
	-o-transition: transform 0.5s;
	transition: transform 0.5s;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.why__icon i {
		font-size: 3.6rem;
	}
}
.why__content {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
/*******************hero***********************/
.hero {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.hero__title {
	margin-bottom: 1.6rem;
	text-align: center;
}
@media screen and (max-width: 319px) {
	.hero__title {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.hero__title {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.hero__title {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.hero__title {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
.hero__sub-title {
	text-align: center;
}

/*******************who***********************/
.who {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.who__side {
	position: relative;
	width: 100%;
	flex: 0 0 50%;
	max-width: 50%;
	padding-left: 15px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
@media screen and (max-width: 319px) {
	.who__side {
		flex: 0 0 100%;
		max-width: 100%;
		padding-left: 0px;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.who__side {
		flex: 0 0 100%;
		max-width: 100%;
		padding-left: 0px;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.who__side {
		flex: 0 0 100%;
		max-width: 100%;
		padding-left: 0px;
	}
}
@media screen and (max-width: 319px) {
	.who__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.who__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.who__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.who__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
.who__line {
	width: 6rem;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.12);
	margin: 1.6rem 0 2.4rem;
}
.who__btn {
	margin-top: 3.6rem;
}
.who__swiper-slider {
	position: relative;
	width: 100%;
	flex: 0 0 50%;
	max-width: 50%;
	padding-right: 15px;
}
@media screen and (max-width: 319px) {
	.who__swiper-slider {
		flex: 0 0 100%;
		max-width: 100%;
		padding-right: 0px;
		margin-bottom: 4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.who__swiper-slider {
		flex: 0 0 100%;
		max-width: 100%;
		padding-right: 0px;
		margin-bottom: 4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.who__swiper-slider {
		flex: 0 0 100%;
		max-width: 100%;
		padding-right: 0px;
		margin-bottom: 4rem;
	}
}
.who__slider {
	position: relative;
	width: 100%;
	flex: 0 0 50%;
	max-width: 50%;
	padding-right: 15px;
}
@media screen and (max-width: 319px) {
	.who__slider {
		flex: 0 0 100%;
		max-width: 100%;
		padding-right: 0px;
		margin-bottom: 4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.who__slider {
		flex: 0 0 100%;
		max-width: 100%;
		padding-right: 0px;
		margin-bottom: 4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.who__slider {
		flex: 0 0 100%;
		max-width: 100%;
		padding-right: 0px;
		margin-bottom: 4rem;
	}
}
.who__slider:hover .who__next, .who__slider:hover .who__prev {
	opacity: 1;
}
.who__viewport {
	max-height: 40rem;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.who__viewport li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.who__viewport li img {
	max-width: 100%;
	display: block;
	height: auto;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.who__prev {
	position: absolute;
	top: 50%;
	left: 2rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
@media screen and (max-width: 319px) {
	.who__prev {
		left: 0;
		opacity: 1;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.who__prev {
		left: 0;
		opacity: 1;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.who__prev {
		opacity: 1;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.who__prev {
		opacity: 1;
	}
}
.who__prev.showMxm {
	left: 0.4rem;
}
.who__prev i {
	position: absolute;
	top: 2.1rem;
	left: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(255, 255, 255, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 0% 50%;
}
.who__prev i:first-child {
	transform: translate(0, -0.1rem) rotate(40deg);
}
.who__prev i:last-child {
	transform: translate(0, 0.1rem) rotate(-40deg);
}
.who__prev:hover i:first-child {
	transform: translate(0, -0.1rem) rotate(30deg);
}
.who__prev:hover i:last-child {
	transform: translate(0, 0.1rem) rotate(-30deg);
}
.who__prev:active i:first-child {
	transform: translate(0rem, -0.1rem) rotate(25deg);
}
.who__prev:active i:last-child {
	transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.who__next {
	position: absolute;
	top: 50%;
	right: 2rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
@media screen and (max-width: 319px) {
	.who__next {
		right: 0;
		opacity: 1;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.who__next {
		right: 0;
		opacity: 1;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.who__next {
		opacity: 1;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.who__next {
		opacity: 1;
		right: 3.5rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.who__next {
		right: 3.5rem;
	}
}
@media screen and (min-width: 1200px) {
	.who__next {
		right: 3.5rem;
	}
}
.who__next.showMxm {
	right: 0.4rem;
}
.who__next i {
	position: absolute;
	top: 2.1rem;
	right: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(255, 255, 255, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 100% 50%;
}
.who__next i:first-child {
	transform: translate(0, 0.1rem) rotate(40deg);
}
.who__next i:last-child {
	transform: translate(0, -0.1rem) rotate(-40deg);
}
.who__next:hover i:first-child {
	transform: translate(0, 0.1rem) rotate(30deg);
}
.who__next:hover i:last-child {
	transform: translate(0, -0.1rem) rotate(-30deg);
}
.who__next:active i:first-child {
	transform: translate(0rem, 0.1rem) rotate(25deg);
}
.who__next:active i:last-child {
	transform: translate(0rem, -0.1rem) rotate(-25deg);
}

/*******************team***********************/
.team {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 4rem;
}
.team:hover .team__picture:before {
	-moz-transform: scale3d(1.1, 1.1, 1.1);
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	-ms-transform: scale3d(1.1, 1.1, 1.1);
	-o-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.team:hover img {
	-moz-transform: scale3d(1.1, 1.1, 1.1);
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	-ms-transform: scale3d(1.1, 1.1, 1.1);
	-o-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.team:hover .team__social {
	visibility: visible;
	opacity: 1;
}
.team__side {
	position: relative;
	margin-bottom: 2.4rem;
	overflow: hidden;
}
.team__picture {
	position: relative;
	display: block;
	overflow: hidden;
	z-index: 9;
}
.team__picture:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(154, 154, 154, 0.1);
	z-index: 9;
	-moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-moz-transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.team__picture img {
	height: auto;
	max-width: 100%;
	-moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-moz-transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.team__social {
	visibility: hidden;
	opacity: 0;
	-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 99;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.team__social ul {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.team__social ul li {
	margin: 0 0.8rem;
}
.team__social ul li a i {
	font-size: 1.8rem;
	color: rgba(255, 255, 255, 0.87);
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.team__social ul li a:hover i {
	color: #ffffff;
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.team__name {
	margin-bottom: 0.8rem;
}
.team__name a {
	text-align: center;
}
.team__role {
	margin-bottom: 0.4rem;
}
.team__role a {
	text-align: center;
}
.team__paragraph {
	text-align: center;
}
.team__line {
	width: 6rem;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.12);
	margin: 1.2rem 0 1.2rem;
}
.team__btn-parent {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.team__btn {
	margin-bottom: 4rem;
}

/*******************testimonial***********************/
.testimonial {
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	padding: 1.6rem;
	margin-bottom: 4rem;
	min-height: 13.2rem;
	background-color: #ffffff;
}
.testimonial:hover img {
	filter: blur(0.5rem) brightness(70%);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.testimonial:hover .testimonial__icon-link {
	opacity: 1;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.testimonial__avatar {
	position: relative;
	margin-right: 1.6rem;
	margin-top: 0.8rem;
	margin-bottom: 0.8rem;
	border-radius: 50%;
	shape-outside: circle(50% at 50% 50%);
	float: left;
	display: block;
}
.testimonial__picture {
	border-radius: 50%;
	display: block;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0.38);
	position: relative;
}
.testimonial__picture:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(154, 154, 154, 0.1);
	z-index: 9;
	border-radius: 50%;
}
.testimonial__picture img {
	height: auto;
	max-width: 8rem;
	width: 100%;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.testimonial__icon-link {
	position: absolute;
	top: 50%;
	left: 50%;
	color: #ffffff;
	font-size: 2.4rem;
	text-align: center;
	opacity: 0;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-moz-transform: translate(-50%, -20%);
	-webkit-transform: translate(-50%, -20%);
	-ms-transform: translate(-50%, -20%);
	-o-transform: translate(-50%, -20%);
	transform: translate(-50%, -20%);
}
.testimonial__name {
	margin-bottom: 0.8rem;
}
.testimonial__paragraph {
	position: relative;
}
.testimonial__paragraph:before {
	content: "”";
}
.testimonial__paragraph:after {
	content: "“";
}

/*******************list-sv***********************/
.list-sv {
	margin-bottom: 4rem;
}
.list-sv__list--lv2 {
	padding: 8px 16px 8px 72px;
}
.list-sv__item {
	margin-bottom: 0.4rem;
}
.list-sv__link {
	font-size: 1.6rem;
	line-height: 2.8rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.87);
	display: block;
	padding: 8px 42px 8px 72px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	overflow: hidden;
	position: relative;
	background-color: #ffffff;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.list-sv__link:hover {
	color: #000000;
}
.list-sv--drop > .list-sv__link:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 16px;
	-moz-transform: translateY(-50%) rotate(0deg);
	-webkit-transform: translateY(-50%) rotate(0deg);
	-ms-transform: translateY(-50%) rotate(0deg);
	-o-transform: translateY(-50%) rotate(0deg);
	transform: translateY(-50%) rotate(0deg);
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	font-family: "Material Icons";
	font-size: 2.4rem;
	color: rgba(0, 0, 0, 0.87);
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.list-sv--drop > .list-sv__link:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 16px;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	font-family: "Material Icons";
	font-size: 2.4rem;
	color: rgba(0, 0, 0, 0.87);
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.list-sv--drop.openMn > .list-sv__link:before {
	-moz-transform: translateY(-50%) rotate(-180deg);
	-webkit-transform: translateY(-50%) rotate(-180deg);
	-ms-transform: translateY(-50%) rotate(-180deg);
	-o-transform: translateY(-50%) rotate(-180deg);
	transform: translateY(-50%) rotate(-180deg);
}
.list-sv__paragraph {
	margin-bottom: 4rem;
}
.list-sv__wrap {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 4rem;
}
.list-sv__news {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}
.list-sv__news:not(:last-child) {
	margin-bottom: 2.4rem;
}
.list-sv__news:hover .list-sv__picture {
	-moz-transform: scale3d(1.05, 1.05, 1.05);
	-webkit-transform: scale3d(1.05, 1.05, 1.05);
	-ms-transform: scale3d(1.05, 1.05, 1.05);
	-o-transform: scale3d(1.05, 1.05, 1.05);
	transform: scale3d(1.05, 1.05, 1.05);
}
.list-sv__news:hover .list-sv__link1--overlay {
	opacity: 1;
	left: 0;
	-moz-transform: scaleY(1) skew(0deg, 0deg);
	-webkit-transform: scaleY(1) skew(0deg, 0deg);
	-ms-transform: scaleY(1) skew(0deg, 0deg);
	-o-transform: scaleY(1) skew(0deg, 0deg);
	transform: scaleY(1) skew(0deg, 0deg);
	-moz-transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);
	-webkit-transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);
	-o-transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);
	transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.22);
}
.list-sv__news:hover .list-sv__link1--icon {
	opacity: 1;
	-moz-transform: perspective(400px) rotate(0deg);
	-webkit-transform: perspective(400px) rotate(0deg);
	-ms-transform: perspective(400px) rotate(0deg);
	-o-transform: perspective(400px) rotate(0deg);
	transform: perspective(400px) rotate(0deg);
	-moz-transition: all 0.8s ease-in-out 0.5s;
	-webkit-transition: all 0.8s ease-in-out 0.5s;
	-o-transition: all 0.8s ease-in-out 0.5s;
	transition: all 0.8s ease-in-out 0.5s;
}
.list-sv__link1 {
	overflow: hidden;
	position: relative;
}
.list-sv__link1:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.03);
	z-index: 1;
}
.list-sv__link1--overlay {
	background-color: rgba(0, 0, 0, 0.5);
	-moz-transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22);
	-webkit-transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22);
	-o-transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22);
	transition: all 0.9s cubic-bezier(0.62, 0.21, 0.45, 1.22);
	-moz-transform-origin: top;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-moz-transform: scaleY(1) skew(-90deg, 0deg);
	-webkit-transform: scaleY(1) skew(-90deg, 0deg);
	-ms-transform: scaleY(1) skew(-90deg, 0deg);
	-o-transform: scaleY(1) skew(-90deg, 0deg);
	transform: scaleY(1) skew(-90deg, 0deg);
	position: absolute;
	top: 0;
	left: -100%;
	bottom: 0;
	width: 100%;
	opacity: 0;
	z-index: 2;
}
.list-sv__link1--icon {
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	-moz-transform-origin: top;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-moz-transform: perspective(400px) rotate(90deg);
	-webkit-transform: perspective(400px) rotate(90deg);
	-ms-transform: perspective(400px) rotate(90deg);
	-o-transform: perspective(400px) rotate(90deg);
	transform: perspective(400px) rotate(90deg);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 3;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.list-sv__link1--icon i {
	color: white;
	font-size: 2.4rem;
}
.list-sv__picture {
	height: auto;
	width: 100%;
	max-width: 16rem;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-moz-transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
}
.list-sv__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding-left: 1.6rem;
}
.list-sv__form {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 4rem;
}
.list-sv__group {
	width: 100%;
	position: relative;
}
.list-sv__input {
	padding: 1.2rem 1.6rem;
	border: 1px solid rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	background-color: #ffffff;
	width: 100%;
}
.list-sv__input:focus {
	outline: none;
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.list-sv__input:focus:invalid {
	border: 1px solid #f3d0d3;
}
.list-sv__input:placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.list-sv__input::placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.list-sv__input:-moz-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.list-sv__input::-moz-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.list-sv__input:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.list-sv__input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.list-sv__input:placeholder-shown + .list-sv__label {
	opacity: 0;
	visibility: hidden;
	-moz-transform: translateY(-4rem);
	-webkit-transform: translateY(-4rem);
	-ms-transform: translateY(-4rem);
	-o-transform: translateY(-4rem);
	transform: translateY(-4rem);
}
.list-sv__label {
	opacity: 1;
	visibility: visible;
	margin-left: 1.6rem;
	margin-top: 0.4rem;
	margin-bottom: 0.4rem;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

/*******************touch***********************/
.touch__form {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 4rem;
}
.touch__group {
	width: 100%;
	position: relative;
}
.touch__input {
	padding: 1.2rem 1.6rem;
	border: 1px solid rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	background-color: #ffffff;
	width: 100%;
}
.touch__input:focus {
	outline: none;
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.touch__input:focus:invalid {
	border: 1px solid #f3d0d3;
}
.touch__input:placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.touch__input::placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.touch__input:-moz-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.touch__input::-moz-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.touch__input:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.touch__input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.touch__input:placeholder-shown + .touch__label {
	opacity: 0;
	visibility: hidden;
	-moz-transform: translateY(-4rem);
	-webkit-transform: translateY(-4rem);
	-ms-transform: translateY(-4rem);
	-o-transform: translateY(-4rem);
	transform: translateY(-4rem);
}
.touch__label {
	opacity: 1;
	visibility: visible;
	margin-left: 1.6rem;
	margin-top: 0.4rem;
	margin-bottom: 0.4rem;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.touch__side {
	margin-bottom: 4rem;
}
.touch__paragraph {
	margin-bottom: 1.6rem;
}
.touch__row {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-bottom: 0.8rem;
}
.touch__t {
	position: relative;
	width: 100%;
	flex: 0 0 12.3%;
	max-width: 12.3%;
}
@media screen and (max-width: 319px) {
	.touch__t {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.touch__t {
		flex: 0 0 18.3%;
		max-width: 18.3%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.touch__t {
		flex: 0 0 18.3%;
		max-width: 18.3%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.touch__t {
		flex: 0 0 15.3%;
		max-width: 15.3%;
	}
}
.touch__c {
	position: relative;
	width: 100%;
	flex: 0 0 87.7%;
	max-width: 87.7%;
}
@media screen and (max-width: 319px) {
	.touch__c {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.touch__c {
		flex: 0 0 81.7%;
		max-width: 81.7%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.touch__c {
		flex: 0 0 81.7%;
		max-width: 81.7%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.touch__c {
		flex: 0 0 84.7%;
		max-width: 84.7%;
	}
}
.touch__social {
	margin-top: 1.6rem;
}
.touch__social ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}
.touch__social ul li {
	margin-right: 1.6rem;
}
.touch__social ul li a i {
	font-size: 1.8rem;
	color: rgba(0, 0, 0, 0.87);
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.touch__social ul li a:hover i {
	color: #000000;
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

/*******************google***********************/
.google__map {
	width: 100%;
	height: 656px;
}
@media screen and (max-width: 319px) {
	.google__map {
		height: 240px;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.google__map {
		height: 260px;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.google__map {
		height: 320px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.google__map {
		height: 360px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.google__map {
		height: 480px;
	}
}
.google__map-v2 {
	width: 100%;
	height: 370px;
}
@media screen and (max-width: 319px) {
	.google__map-v2 {
		height: 370px;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.google__map-v2 {
		height: 370px;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.google__map-v2 {
		height: 370px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.google__map-v2 {
		height: 340px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.google__map-v2 {
		height: 370px;
	}
}
/*******************progress***********************/
.progress__side {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	margin: 2rem 0;
}
@media screen and (max-width: 319px) {
	.progress__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.progress__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.progress__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.progress__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
.progress__line {
	width: 6rem;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.12);
	margin: 1.6rem 0 2.4rem;
}
.progress__btn {
	margin-top: 3.6rem;
}
.progress__bar {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	margin: 2rem 0;
}
.progress__group {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
}
.progress__group:not(:last-child) {
	margin-bottom: 3.6rem;
}
.progress__ti {
	position: relative;
	width: 100%;
	flex: 0 0 18%;
	max-width: 18%;
}
@media screen and (max-width: 319px) {
	.progress__ti {
		flex: 0 0 24%;
		max-width: 24%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.progress__ti {
		flex: 0 0 24%;
		max-width: 24%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.progress__ti {
		flex: 0 0 24%;
		max-width: 24%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.progress__ti {
		flex: 0 0 22%;
		max-width: 22%;
	}
}
.progress__progress {
	position: relative;
	width: 100%;
	flex: 0 0 82%;
	max-width: 82%;
	background-color: rgba(17, 189, 163, 0.3);
	height: 2px;
}
@media screen and (max-width: 319px) {
	.progress__progress {
		flex: 0 0 72%;
		max-width: 72%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.progress__progress {
		flex: 0 0 72%;
		max-width: 72%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.progress__progress {
		flex: 0 0 76%;
		max-width: 76%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.progress__progress {
		flex: 0 0 78%;
		max-width: 78%;
	}
}
.progress__progress--dot-0 {
	width: 2px;
	height: 2px;
	background-color: #11BDA3;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0%;
}
.progress__progress--dot-1 {
	width: 2px;
	height: 2px;
	background-color: #11BDA3;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 10%;
}
.progress__progress--dot-2 {
	width: 2px;
	height: 2px;
	background-color: #11BDA3;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 20%;
}
.progress__progress--dot-3 {
	width: 2px;
	height: 2px;
	background-color: #11BDA3;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 30%;
}
.progress__progress--dot-4 {
	width: 2px;
	height: 2px;
	background-color: #11BDA3;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 40%;
}
.progress__progress--dot-5 {
	width: 2px;
	height: 2px;
	background-color: #11BDA3;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 50%;
}
.progress__progress--dot-6 {
	width: 2px;
	height: 2px;
	background-color: #11BDA3;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 60%;
}
.progress__progress--dot-7 {
	width: 2px;
	height: 2px;
	background-color: #11BDA3;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 70%;
}
.progress__progress--dot-8 {
	width: 2px;
	height: 2px;
	background-color: #11BDA3;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 80%;
}
.progress__progress--dot-9 {
	width: 2px;
	height: 2px;
	background-color: #11BDA3;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 90%;
}
.progress__progress--dot-10 {
	width: 2px;
	height: 2px;
	background-color: #11BDA3;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 100%;
}
.progress__position {
	background-color: #11BDA3;
	height: 2px;
	position: relative;
}
.processSkillCircle.percent0 .progress__position {
	width: 0%;
	-webkit-animation: goSlider0 2s ease-in-out 0.3s both;
	animation: goSlider0 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent1 .progress__position {
	width: 1%;
	-webkit-animation: goSlider1 2s ease-in-out 0.3s both;
	animation: goSlider1 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent2 .progress__position {
	width: 2%;
	-webkit-animation: goSlider2 2s ease-in-out 0.3s both;
	animation: goSlider2 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent3 .progress__position {
	width: 3%;
	-webkit-animation: goSlider3 2s ease-in-out 0.3s both;
	animation: goSlider3 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent4 .progress__position {
	width: 4%;
	-webkit-animation: goSlider4 2s ease-in-out 0.3s both;
	animation: goSlider4 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent5 .progress__position {
	width: 5%;
	-webkit-animation: goSlider5 2s ease-in-out 0.3s both;
	animation: goSlider5 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent6 .progress__position {
	width: 6%;
	-webkit-animation: goSlider6 2s ease-in-out 0.3s both;
	animation: goSlider6 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent7 .progress__position {
	width: 7%;
	-webkit-animation: goSlider7 2s ease-in-out 0.3s both;
	animation: goSlider7 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent8 .progress__position {
	width: 8%;
	-webkit-animation: goSlider8 2s ease-in-out 0.3s both;
	animation: goSlider8 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent9 .progress__position {
	width: 9%;
	-webkit-animation: goSlider9 2s ease-in-out 0.3s both;
	animation: goSlider9 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent10 .progress__position {
	width: 10%;
	-webkit-animation: goSlider10 2s ease-in-out 0.3s both;
	animation: goSlider10 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent11 .progress__position {
	width: 11%;
	-webkit-animation: goSlider11 2s ease-in-out 0.3s both;
	animation: goSlider11 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent12 .progress__position {
	width: 12%;
	-webkit-animation: goSlider12 2s ease-in-out 0.3s both;
	animation: goSlider12 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent13 .progress__position {
	width: 13%;
    -webkit-animation: goSlider13 2s ease-in-out 0.3s both;
	animation: goSlider13 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent14 .progress__position {
	width: 14%;
	-webkit-animation: goSlider14 2s ease-in-out 0.3s both;
	animation: goSlider14 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent15 .progress__position {
	width: 15%;
	-webkit-animation: goSlider15 2s ease-in-out 0.3s both;
	animation: goSlider15 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent16 .progress__position {
	width: 16%;
	-webkit-animation: goSlider16 2s ease-in-out 0.3s both;
	animation: goSlider16 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent17 .progress__position {
	width: 17%;
	-webkit-animation: goSlider17 2s ease-in-out 0.3s both;
	animation: goSlider17 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent18 .progress__position {
	width: 18%;
	-webkit-animation: goSlider18 2s ease-in-out 0.3s both;
	animation: goSlider18 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent19 .progress__position {
	width: 19%;
	-webkit-animation: goSlider19 2s ease-in-out 0.3s both;
	animation: goSlider19 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent20 .progress__position {
	width: 20%;
	-webkit-animation: goSlider20 2s ease-in-out 0.3s both;
	animation: goSlider20 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent21 .progress__position {
	width: 21%;
	-webkit-animation: goSlider21 2s ease-in-out 0.3s both;
	animation: goSlider21 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent22 .progress__position {
	width: 22%;
	-webkit-animation: goSlider22 2s ease-in-out 0.3s both;
	animation: goSlider22 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent23 .progress__position {
	width: 23%;
	-webkit-animation: goSlider23 2s ease-in-out 0.3s both;
	animation: goSlider23 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent24 .progress__position {
	width: 24%;
	-webkit-animation: goSlider24 2s ease-in-out 0.3s both;
	animation: goSlider24 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent25 .progress__position {
	width: 25%;
	-webkit-animation: goSlider25 2s ease-in-out 0.3s both;
	animation: goSlider25 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent26 .progress__position {
	width: 26%;
	-webkit-animation: goSlider26 2s ease-in-out 0.3s both;
	animation: goSlider26 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent27 .progress__position {
	width: 27%;
	-webkit-animation: goSlider27 2s ease-in-out 0.3s both;
	animation: goSlider27 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent28 .progress__position {
	width: 28%;
	-webkit-animation: goSlider28 2s ease-in-out 0.3s both;
	animation: goSlider28 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent29 .progress__position {
	width: 29%;
	-webkit-animation: goSlider29 2s ease-in-out 0.3s both;
	animation: goSlider29 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent30 .progress__position {
	width: 30%;
	-webkit-animation: goSlider30 2s ease-in-out 0.3s both;
	animation: goSlider30 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent31 .progress__position {
	width: 31%;
	-webkit-animation: goSlider31 2s ease-in-out 0.3s both;
	animation: goSlider31 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent32 .progress__position {
	width: 32%;
	-webkit-animation: goSlider32 2s ease-in-out 0.3s both;
	animation: goSlider32 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent33 .progress__position {
	width: 33%;
	-webkit-animation: goSlider33 2s ease-in-out 0.3s both;
	animation: goSlider33 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent34 .progress__position {
	width: 34%;
	-webkit-animation: goSlider34 2s ease-in-out 0.3s both;
	animation: goSlider34 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent35 .progress__position {
	width: 35%;
	-webkit-animation: goSlider35 2s ease-in-out 0.3s both;
	animation: goSlider35 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent36 .progress__position {
	width: 36%;
	-webkit-animation: goSlider36 2s ease-in-out 0.3s both;
	animation: goSlider36 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent37 .progress__position {
	width: 37%;
	-webkit-animation: goSlider37 2s ease-in-out 0.3s both;
	animation: goSlider37 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent38 .progress__position {
	width: 38%;
	-webkit-animation: goSlider38 2s ease-in-out 0.3s both;
	animation: goSlider38 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent39 .progress__position {
	width: 39%;
	-webkit-animation: goSlider39 2s ease-in-out 0.3s both;
	animation: goSlider39 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent40 .progress__position {
	width: 40%;
	-webkit-animation: goSlider40 2s ease-in-out 0.3s both;
	animation: goSlider40 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent41 .progress__position {
	width: 41%;
	-webkit-animation: goSlider41 2s ease-in-out 0.3s both;
	animation: goSlider41 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent42 .progress__position {
	width: 42%;
	-webkit-animation: goSlider42 2s ease-in-out 0.3s both;
	animation: goSlider42 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent43 .progress__position {
	width: 43%;
	-webkit-animation: goSlider43 2s ease-in-out 0.3s both;
	animation: goSlider43 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent44 .progress__position {
	width: 44%;
	-webkit-animation: goSlider44 2s ease-in-out 0.3s both;
	animation: goSlider44 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent45 .progress__position {
	width: 45%;
	-webkit-animation: goSlider45 2s ease-in-out 0.3s both;
	animation: goSlider45 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent46 .progress__position {
	width: 46%;
	-webkit-animation: goSlider46 2s ease-in-out 0.3s both;
	animation: goSlider46 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent47 .progress__position {
	width: 47%;
	-webkit-animation: goSlider47 2s ease-in-out 0.3s both;
	animation: goSlider47 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent48 .progress__position {
	width: 48%;
	-webkit-animation: goSlider48 2s ease-in-out 0.3s both;
	animation: goSlider48 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent49 .progress__position {
	width: 49%;
	-webkit-animation: goSlider49 2s ease-in-out 0.3s both;
	animation: goSlider49 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent50 .progress__position {
	width: 50%;
	-webkit-animation: goSlider50 2s ease-in-out 0.3s both;
	animation: goSlider50 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent51 .progress__position {
	width: 51%;
	-webkit-animation: goSlider51 2s ease-in-out 0.3s both;
	animation: goSlider51 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent52 .progress__position {
	width: 52%;
	-webkit-animation: goSlider52 2s ease-in-out 0.3s both;
	animation: goSlider52 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent53 .progress__position {
	width: 53%;
	-webkit-animation: goSlider53 2s ease-in-out 0.3s both;
	animation: goSlider53 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent54 .progress__position {
	width: 54%;
	-webkit-animation: goSlider54 2s ease-in-out 0.3s both;
	animation: goSlider54 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent55 .progress__position {
	width: 55%;
	-webkit-animation: goSlider55 2s ease-in-out 0.3s both;
	animation: goSlider55 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent56 .progress__position {
	width: 56%;
	-webkit-animation: goSlider56 2s ease-in-out 0.3s both;
	animation: goSlider56 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent57 .progress__position {
	width: 57%;
	-webkit-animation: goSlider57 2s ease-in-out 0.3s both;
	animation: goSlider57 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent58 .progress__position {
	width: 58%;
	-webkit-animation: goSlider58 2s ease-in-out 0.3s both;
	animation: goSlider58 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent59 .progress__position {
	width: 59%;
	-webkit-animation: goSlider59 2s ease-in-out 0.3s both;
	animation: goSlider59 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent60 .progress__position {
	width: 60%;
	-webkit-animation: goSlider60 2s ease-in-out 0.3s both;
	animation: goSlider60 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent61 .progress__position {
	width: 61%;
	-webkit-animation: goSlider61 2s ease-in-out 0.3s both;
	animation: goSlider61 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent62 .progress__position {
	width: 62%;
	-webkit-animation: goSlider62 2s ease-in-out 0.3s both;
	animation: goSlider62 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent63 .progress__position {
	width: 63%;
	-webkit-animation: goSlider63 2s ease-in-out 0.3s both;
	animation: goSlider63 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent64 .progress__position {
	width: 64%;
	-webkit-animation: goSlider64 2s ease-in-out 0.3s both;
	animation: goSlider64 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent65 .progress__position {
	width: 65%;
	-webkit-animation: goSlider65 2s ease-in-out 0.3s both;
	animation: goSlider65 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent66 .progress__position {
	width: 66%;
	-webkit-animation: goSlider66 2s ease-in-out 0.3s both;
	animation: goSlider66 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent67 .progress__position {
	width: 67%;
	-webkit-animation: goSlider67 2s ease-in-out 0.3s both;
	animation: goSlider67 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent68 .progress__position {
	width: 68%;
	-webkit-animation: goSlider68 2s ease-in-out 0.3s both;
	animation: goSlider68 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent69 .progress__position {
	width: 69%;
	-webkit-animation: goSlider69 2s ease-in-out 0.3s both;
	animation: goSlider69 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent70 .progress__position {
	width: 70%;
	-webkit-animation: goSlider70 2s ease-in-out 0.3s both;
	animation: goSlider70 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent71 .progress__position {
	width: 71%;
	-webkit-animation: goSlider71 2s ease-in-out 0.3s both;
	animation: goSlider71 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent72 .progress__position {
	width: 72%;
	-webkit-animation: goSlider72 2s ease-in-out 0.3s both;
	animation: goSlider72 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent73 .progress__position {
	width: 73%;
	-webkit-animation: goSlider73 2s ease-in-out 0.3s both;
	animation: goSlider73 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent74 .progress__position {
	width: 74%;
	-webkit-animation: goSlider74 2s ease-in-out 0.3s both;
	animation: goSlider74 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent75 .progress__position {
	width: 75%;
	-webkit-animation: goSlider75 2s ease-in-out 0.3s both;
	animation: goSlider75 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent76 .progress__position {
	width: 76%;
	-webkit-animation: goSlider76 2s ease-in-out 0.3s both;
	animation: goSlider76 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent77 .progress__position {
	width: 77%;
	-webkit-animation: goSlider77 2s ease-in-out 0.3s both;
	animation: goSlider77 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent78 .progress__position {
	width: 78%;
	-webkit-animation: goSlider78 2s ease-in-out 0.3s both;
	animation: goSlider78 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent79 .progress__position {
	width: 79%;
	-webkit-animation: goSlider79 2s ease-in-out 0.3s both;
	animation: goSlider79 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent80 .progress__position {
	width: 80%;
	-webkit-animation: goSlider80 2s ease-in-out 0.3s both;
	animation: goSlider80 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent81 .progress__position {
	width: 81%;
	-webkit-animation: goSlider81 2s ease-in-out 0.3s both;
	animation: goSlider81 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent82 .progress__position {
	width: 82%;
	-webkit-animation: goSlider82 2s ease-in-out 0.3s both;
	animation: goSlider82 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent83 .progress__position {
	width: 83%;
	-webkit-animation: goSlider83 2s ease-in-out 0.3s both;
	animation: goSlider83 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent84 .progress__position {
	width: 84%;
	-webkit-animation: goSlider84 2s ease-in-out 0.3s both;
	animation: goSlider84 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent85 .progress__position {
	width: 85%;
	-webkit-animation: goSlider85 2s ease-in-out 0.3s both;
	animation: goSlider85 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent86 .progress__position {
	width: 86%;
	-webkit-animation: goSlider86 2s ease-in-out 0.3s both;
	animation: goSlider86 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent87 .progress__position {
	width: 87%;
	-webkit-animation: goSlider87 2s ease-in-out 0.3s both;
	animation: goSlider87 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent88 .progress__position {
	width: 88%;
	-webkit-animation: goSlider88 2s ease-in-out 0.3s both;
	animation: goSlider88 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent89 .progress__position {
	width: 89%;
	-webkit-animation: goSlider89 2s ease-in-out 0.3s both;
	animation: goSlider89 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent90 .progress__position {
	width: 90%;
	-webkit-animation: goSlider90 2s ease-in-out 0.3s both;
	animation: goSlider90 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent91 .progress__position {
	width: 91%;
	-webkit-animation: goSlider91 2s ease-in-out 0.3s both;
	animation: goSlider91 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent92 .progress__position {
	width: 92%;
	-webkit-animation: goSlider92 2s ease-in-out 0.3s both;
	animation: goSlider92 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent93 .progress__position {
	width: 93%;
	-webkit-animation: goSlider93 2s ease-in-out 0.3s both;
	animation: goSlider93 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent94 .progress__position {
	width: 94%;
	-webkit-animation: goSlider94 2s ease-in-out 0.3s both;
	animation: goSlider94 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent95 .progress__position {
	width: 95%;
	-webkit-animation: goSlider95 2s ease-in-out 0.3s both;
	animation: goSlider95 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent96 .progress__position {
	width: 96%;
	-webkit-animation: goSlider96 2s ease-in-out 0.3s both;
	animation: goSlider96 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent97 .progress__position {
	width: 97%;
	-webkit-animation: goSlider97 2s ease-in-out 0.3s both;
	animation: goSlider97 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent98 .progress__position {
	width: 98%;
	-webkit-animation: goSlider98 2s ease-in-out 0.3s both;
	animation: goSlider98 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent99 .progress__position {
	width: 99%;
	-webkit-animation: goSlider99 2s ease-in-out 0.3s both;
	animation: goSlider99 2s ease-in-out 0.3s both;
}
.processSkillCircle.percent100 .progress__position {
	width: 100%;
	-webkit-animation: goSlider100 2s ease-in-out 0.3s both;
	animation: goSlider100 2s ease-in-out 0.3s both;
}
.progress__popup {
	width: 1.2rem;
	height: 1.2rem;
	background-color: #11BDA3;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 100%;
}
.progress__icon {
	text-align: center;
	font-size: 1.4rem;
	line-height: 2rem;
	letter-spacing: 0.025rem;
	text-transform: none;
	font-weight: 400;
	color: #ffffff;
	padding-top: 0.6rem;
	position: absolute;
	bottom: calc(100% + .4rem);
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 4rem;
	height: 4rem;
	background-color: #11BDA3;
	-webkit-clip-path: polygon(86% 0, 100% 16%, 91% 66%, 66% 80%, 50% 100%, 34% 80%, 9% 66%, 0 16%, 14% 0);
	clip-path: polygon(86% 0, 100% 16%, 91% 66%, 66% 80%, 50% 100%, 34% 80%, 9% 66%, 0 16%, 14% 0);
}

@keyframes goSlider0 {
	0% {
		width: 0;
	}
	100% {
		width: 0%;
	}
}
@keyframes goSlider1 {
	0% {
		width: 0;
	}
	100% {
		width: 1%;
	}
}
@keyframes goSlider2 {
	0% {
		width: 0;
	}
	100% {
		width: 2%;
	}
}
@keyframes goSlider3 {
	0% {
		width: 0;
	}
	100% {
		width: 3%;
	}
}
@keyframes goSlider4 {
	0% {
		width: 0;
	}
	100% {
		width: 4%;
	}
}
@keyframes goSlider5 {
	0% {
		width: 0;
	}
	100% {
		width: 5%;
	}
}
@keyframes goSlider6 {
	0% {
		width: 0;
	}
	100% {
		width: 6%;
	}
}
@keyframes goSlider7 {
	0% {
		width: 0;
	}
	100% {
		width: 7%;
	}
}
@keyframes goSlider8 {
	0% {
		width: 0;
	}
	100% {
		width: 8%;
	}
}
@keyframes goSlider9 {
	0% {
		width: 0;
	}
	100% {
		width: 9%;
	}
}
@keyframes goSlider10 {
	0% {
		width: 0;
	}
	100% {
		width: 10%;
	}
}
@keyframes goSlider11 {
	0% {
		width: 0;
	}
	100% {
		width: 11%;
	}
}
@keyframes goSlider12 {
	0% {
		width: 0;
	}
	100% {
		width: 12%;
	}
}
@keyframes goSlider13 {
	0% {
		width: 0;
	}
	100% {
		width: 13%;
	}
}
@keyframes goSlider14 {
	0% {
		width: 0;
	}
	100% {
		width: 14%;
	}
}
@keyframes goSlider15 {
	0% {
		width: 0;
	}
	100% {
		width: 15%;
	}
}
@keyframes goSlider16 {
	0% {
		width: 0;
	}
	100% {
		width: 16%;
	}
}
@keyframes goSlider17 {
	0% {
		width: 0;
	}
	100% {
		width: 17%;
	}
}
@keyframes goSlider18 {
	0% {
		width: 0;
	}
	100% {
		width: 18%;
	}
}
@keyframes goSlider19 {
	0% {
		width: 0;
	}
	100% {
		width: 19%;
	}
}
@keyframes goSlider20 {
	0% {
		width: 0;
	}
	100% {
		width: 20%;
	}
}
@keyframes goSlider21 {
	0% {
		width: 0;
	}
	100% {
		width: 21%;
	}
}
@keyframes goSlider22 {
	0% {
		width: 0;
	}
	100% {
		width: 22%;
	}
}
@keyframes goSlider23 {
	0% {
		width: 0;
	}
	100% {
		width: 23%;
	}
}
@keyframes goSlider24 {
	0% {
		width: 0;
	}
	100% {
		width: 24%;
	}
}
@keyframes goSlider25 {
	0% {
		width: 0;
	}
	100% {
		width: 25%;
	}
}
@keyframes goSlider26 {
	0% {
		width: 0;
	}
	100% {
		width: 26%;
	}
}
@keyframes goSlider27 {
	0% {
		width: 0;
	}
	100% {
		width: 27%;
	}
}
@keyframes goSlider28 {
	0% {
		width: 0;
	}
	100% {
		width: 28%;
	}
}
@keyframes goSlider29 {
	0% {
		width: 0;
	}
	100% {
		width: 29%;
	}
}
@keyframes goSlider30 {
	0% {
		width: 0;
	}
	100% {
		width: 30%;
	}
}
@keyframes goSlider31 {
	0% {
		width: 0;
	}
	100% {
		width: 31%;
	}
}
@keyframes goSlider32 {
	0% {
		width: 0;
	}
	100% {
		width: 32%;
	}
}
@keyframes goSlider33 {
	0% {
		width: 0;
	}
	100% {
		width: 33%;
	}
}
@keyframes goSlider34 {
	0% {
		width: 0;
	}
	100% {
		width: 34%;
	}
}
@keyframes goSlider35 {
	0% {
		width: 0;
	}
	100% {
		width: 35%;
	}
}
@keyframes goSlider36 {
	0% {
		width: 0;
	}
	100% {
		width: 36%;
	}
}
@keyframes goSlider37 {
	0% {
		width: 0;
	}
	100% {
		width: 37%;
	}
}
@keyframes goSlider38 {
	0% {
		width: 0;
	}
	100% {
		width: 38%;
	}
}
@keyframes goSlider39 {
	0% {
		width: 0;
	}
	100% {
		width: 39%;
	}
}
@keyframes goSlider40 {
	0% {
		width: 0;
	}
	100% {
		width: 40%;
	}
}
@keyframes goSlider41 {
	0% {
		width: 0;
	}
	100% {
		width: 41%;
	}
}
@keyframes goSlider42 {
	0% {
		width: 0;
	}
	100% {
		width: 42%;
	}
}
@keyframes goSlider43 {
	0% {
		width: 0;
	}
	100% {
		width: 43%;
	}
}
@keyframes goSlider44 {
	0% {
		width: 0;
	}
	100% {
		width: 44%;
	}
}
@keyframes goSlider45 {
	0% {
		width: 0;
	}
	100% {
		width: 45%;
	}
}
@keyframes goSlider46 {
	0% {
		width: 0;
	}
	100% {
		width: 46%;
	}
}
@keyframes goSlider47 {
	0% {
		width: 0;
	}
	100% {
		width: 47%;
	}
}
@keyframes goSlider48 {
	0% {
		width: 0;
	}
	100% {
		width: 48%;
	}
}
@keyframes goSlider49 {
	0% {
		width: 0;
	}
	100% {
		width: 49%;
	}
}
@keyframes goSlider50 {
	0% {
		width: 0;
	}
	100% {
		width: 50%;
	}
}
@keyframes goSlider51 {
	0% {
		width: 0;
	}
	100% {
		width: 51%;
	}
}
@keyframes goSlider52 {
	0% {
		width: 0;
	}
	100% {
		width: 52%;
	}
}
@keyframes goSlider53 {
	0% {
		width: 0;
	}
	100% {
		width: 53%;
	}
}
@keyframes goSlider54 {
	0% {
		width: 0;
	}
	100% {
		width: 54%;
	}
}
@keyframes goSlider55 {
	0% {
		width: 0;
	}
	100% {
		width: 55%;
	}
}
@keyframes goSlider56 {
	0% {
		width: 0;
	}
	100% {
		width: 56%;
	}
}
@keyframes goSlider57 {
	0% {
		width: 0;
	}
	100% {
		width: 57%;
	}
}
@keyframes goSlider58 {
	0% {
		width: 0;
	}
	100% {
		width: 58%;
	}
}
@keyframes goSlider59 {
	0% {
		width: 0;
	}
	100% {
		width: 59%;
	}
}
@keyframes goSlider60 {
	0% {
		width: 0;
	}
	100% {
		width: 60%;
	}
}
@keyframes goSlider61 {
	0% {
		width: 0;
	}
	100% {
		width: 61%;
	}
}
@keyframes goSlider62 {
	0% {
		width: 0;
	}
	100% {
		width: 62%;
	}
}
@keyframes goSlider63 {
	0% {
		width: 0;
	}
	100% {
		width: 63%;
	}
}
@keyframes goSlider64 {
	0% {
		width: 0;
	}
	100% {
		width: 64%;
	}
}
@keyframes goSlider65 {
	0% {
		width: 0;
	}
	100% {
		width: 65%;
	}
}
@keyframes goSlider66 {
	0% {
		width: 0;
	}
	100% {
		width: 66%;
	}
}
@keyframes goSlider67 {
	0% {
		width: 0;
	}
	100% {
		width: 67%;
	}
}
@keyframes goSlider68 {
	0% {
		width: 0;
	}
	100% {
		width: 68%;
	}
}
@keyframes goSlider69 {
	0% {
		width: 0;
	}
	100% {
		width: 69%;
	}
}
@keyframes goSlider70 {
	0% {
		width: 0;
	}
	100% {
		width: 70%;
	}
}
@keyframes goSlider71 {
	0% {
		width: 0;
	}
	100% {
		width: 71%;
	}
}
@keyframes goSlider72 {
	0% {
		width: 0;
	}
	100% {
		width: 72%;
	}
}
@keyframes goSlider73 {
	0% {
		width: 0;
	}
	100% {
		width: 73%;
	}
}
@keyframes goSlider74 {
	0% {
		width: 0;
	}
	100% {
		width: 74%;
	}
}
@keyframes goSlider75 {
	0% {
		width: 0;
	}
	100% {
		width: 75%;
	}
}
@keyframes goSlider76 {
	0% {
		width: 0;
	}
	100% {
		width: 76%;
	}
}
@keyframes goSlider77 {
	0% {
		width: 0;
	}
	100% {
		width: 77%;
	}
}
@keyframes goSlider78 {
	0% {
		width: 0;
	}
	100% {
		width: 78%;
	}
}
@keyframes goSlider79 {
	0% {
		width: 0;
	}
	100% {
		width: 79%;
	}
}
@keyframes goSlider80 {
	0% {
		width: 0;
	}
	100% {
		width: 80%;
	}
}
@keyframes goSlider81 {
	0% {
		width: 0;
	}
	100% {
		width: 81%;
	}
}
@keyframes goSlider82 {
	0% {
		width: 0;
	}
	100% {
		width: 82%;
	}
}
@keyframes goSlider83 {
	0% {
		width: 0;
	}
	100% {
		width: 83%;
	}
}
@keyframes goSlider84 {
	0% {
		width: 0;
	}
	100% {
		width: 84%;
	}
}
@keyframes goSlider85 {
	0% {
		width: 0;
	}
	100% {
		width: 85%;
	}
}
@keyframes goSlider86 {
	0% {
		width: 0;
	}
	100% {
		width: 86%;
	}
}
@keyframes goSlider87 {
	0% {
		width: 0;
	}
	100% {
		width: 87%;
	}
}
@keyframes goSlider88 {
	0% {
		width: 0;
	}
	100% {
		width: 88%;
	}
}
@keyframes goSlider89 {
	0% {
		width: 0;
	}
	100% {
		width: 89%;
	}
}
@keyframes goSlider90 {
	0% {
		width: 0;
	}
	100% {
		width: 90%;
	}
}
@keyframes goSlider91 {
	0% {
		width: 0;
	}
	100% {
		width: 91%;
	}
}
@keyframes goSlider92 {
	0% {
		width: 0;
	}
	100% {
		width: 92%;
	}
}
@keyframes goSlider93 {
	0% {
		width: 0;
	}
	100% {
		width: 93%;
	}
}
@keyframes goSlider94 {
	0% {
		width: 0;
	}
	100% {
		width: 94%;
	}
}
@keyframes goSlider95 {
	0% {
		width: 0;
	}
	100% {
		width: 95%;
	}
}
@keyframes goSlider96 {
	0% {
		width: 0;
	}
	100% {
		width: 96%;
	}
}
@keyframes goSlider97 {
	0% {
		width: 0;
	}
	100% {
		width: 97%;
	}
}
@keyframes goSlider98 {
	0% {
		width: 0;
	}
	100% {
		width: 98%;
	}
}
@keyframes goSlider99 {
	0% {
		width: 0;
	}
	100% {
		width: 99%;
	}
}
@keyframes goSlider100 {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}
/*******************team-meet***********************/
.team-meet {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.team-meet__wrap {
	position: relative;
	width: 100%;
	flex: 0 0 50%;
	max-width: 50%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
}
@media screen and (max-width: 319px) {
	.team-meet__wrap {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.team-meet__wrap {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.team-meet__wrap {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.team-meet__wrap {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
.team-meet__wrap:hover .team-meet__picture:before {
	-moz-transform: scale3d(1.1, 1.1, 1.1);
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	-ms-transform: scale3d(1.1, 1.1, 1.1);
	-o-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.team-meet__wrap:hover img {
	-moz-transform: scale3d(1.1, 1.1, 1.1);
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	-ms-transform: scale3d(1.1, 1.1, 1.1);
	-o-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.team-meet__wrap:hover .team-meet__picture:after {
	visibility: visible;
	opacity: 1;
}
.team-meet__wrap:hover .team-meet__line {
	-moz-transform: scaleX(0.8);
	-webkit-transform: scaleX(0.8);
	-ms-transform: scaleX(0.8);
	-o-transform: scaleX(0.8);
	transform: scaleX(0.8);
}
.team-meet__side {
	position: relative;
	width: 100%;
	flex: 0 0 50%;
	max-width: 50%;
}
@media screen and (max-width: 319px) {
	.team-meet__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.team-meet__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
.team-meet__side-info {
	position: relative;
	width: 100%;
	flex: 0 0 50%;
	max-width: 50%;
	padding: 6.4rem 6.4rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #ffffff;
}
@media screen and (max-width: 319px) {
	.team-meet__side-info {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.team-meet__side-info {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.team-meet__side-info {
		padding: 1.2rem 1.6rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.team-meet__side-info {
		padding: 1.2rem 1.6rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.team-meet__side-info {
		padding: 1.2rem 1.6rem;
	}
}
.team-meet__picture {
	position: relative;
	display: block;
	overflow: hidden;
	z-index: 9;
}
.team-meet__picture:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(154, 154, 154, 0.1);
	z-index: 9;
	-moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-moz-transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.team-meet__picture:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 10;
	visibility: hidden;
	opacity: 0;
	-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.team-meet__picture img {
	height: auto;
	max-width: 100%;
	margin: 0 auto;
	-moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-moz-transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.team-meet__name {
	margin-bottom: 1.6rem;
	text-align: center;
}
@media screen and (max-width: 319px) {
	.team-meet__name a {
		font-size: 2rem;
		line-height: 3.2rem;
		letter-spacing: 0.024rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.team-meet__name a {
		font-size: 2rem;
		line-height: 3.2rem;
		letter-spacing: 0.024rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.team-meet__name a {
		font-size: 2rem;
		line-height: 3.2rem;
		letter-spacing: 0.024rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.team-meet__name a {
		font-size: 2rem;
		line-height: 3.2rem;
		letter-spacing: 0.024rem;
		text-transform: none;
		font-weight: 500;
	}
}
.team-meet__paragraph {
	text-align: center;
}
.team-meet__line {
	width: 6rem;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.12);
	margin: 1.6rem auto 1.6rem;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-moz-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}
.team-meet__social ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}
.team-meet__social ul li a i {
	font-size: 1.8rem;
	color: rgba(0, 0, 0, 0.87);
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.team-meet__social ul li a:hover i {
	color: #000000;
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.team-meet__social ul li:not(:last-child) {
	margin-right: 1.6rem;
}

/*******************testimonial-one***********************/
.testimonial-one__slider:hover .testimonial-one__next, .testimonial-one__slider:hover .testimonial-one__prev {
	opacity: 1;
}
.testimonial-one__side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.testimonial-one__ico {
	margin-bottom: 2.8rem;
}
.testimonial-one__ico i {
	font-size: 6rem;
	color: rgba(0, 0, 0, 0.87);
}
.testimonial-one__content {
	text-align: center;
	width: 70%;
	margin-bottom: 3.6rem;
}
@media screen and (max-width: 319px) {
	.testimonial-one__content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.testimonial-one__content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.testimonial-one__content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 90%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.testimonial-one__content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 90%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.testimonial-one__content {
		width: 90%;
	}
}
.testimonial-one__author {
	text-align: center;
}
.testimonial-one__viewport {
	max-height: 40rem;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.testimonial-one__viewport li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.testimonial-one__viewport li img {
	max-width: 100%;
	display: block;
	height: auto;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.testimonial-one__prev {
	position: absolute;
	top: 50%;
	left: -2rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
@media screen and (max-width: 319px) {
	.testimonial-one__prev {
		left: 1rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.testimonial-one__prev {
		left: 1rem;
	}
}
.testimonial-one__prev.showMxm {
	left: 0.4rem;
}
.testimonial-one__prev i {
	position: absolute;
	top: 2.1rem;
	left: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(0, 0, 0, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 0% 50%;
}
.testimonial-one__prev i:first-child {
	transform: translate(0, -0.1rem) rotate(40deg);
}
.testimonial-one__prev i:last-child {
	transform: translate(0, 0.1rem) rotate(-40deg);
}
.testimonial-one__prev:hover i:first-child {
	transform: translate(0, -0.1rem) rotate(30deg);
}
.testimonial-one__prev:hover i:last-child {
	transform: translate(0, 0.1rem) rotate(-30deg);
}
.testimonial-one__prev:active i:first-child {
	transform: translate(0rem, -0.1rem) rotate(25deg);
}
.testimonial-one__prev:active i:last-child {
	transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.testimonial-one__next {
	position: absolute;
	top: 50%;
	right: -2rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
@media screen and (max-width: 319px) {
	.testimonial-one__next {
		right: 1rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.testimonial-one__next {
		right: 1rem;
	}
}
.testimonial-one__next.showMxm {
	right: 0.4rem;
}
.testimonial-one__next i {
	position: absolute;
	top: 2.1rem;
	right: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(0, 0, 0, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 100% 50%;
}
.testimonial-one__next i:first-child {
	transform: translate(0, 0.1rem) rotate(40deg);
}
.testimonial-one__next i:last-child {
	transform: translate(0, -0.1rem) rotate(-40deg);
}
.testimonial-one__next:hover i:first-child {
	transform: translate(0, 0.1rem) rotate(30deg);
}
.testimonial-one__next:hover i:last-child {
	transform: translate(0, -0.1rem) rotate(-30deg);
}
.testimonial-one__next:active i:first-child {
	transform: translate(0rem, 0.1rem) rotate(25deg);
}
.testimonial-one__next:active i:last-child {
	transform: translate(0rem, -0.1rem) rotate(-25deg);
}

/*******************testimonial-two***********************/
.testimonial-two__slider {
	margin: 0 auto;
}
.testimonial-two__slider:hover .testimonial-two__next, .testimonial-two__slider:hover .testimonial-two__prev {
	opacity: 1;
}
.testimonial-two__side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.testimonial-two__side:hover img {
	filter: blur(0.5rem) brightness(70%);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.testimonial-two__side:hover .testimonial-two__icon-link {
	opacity: 1;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.testimonial-two__content {
	margin-bottom: 2.4rem;
	position: relative;
}
.testimonial-two__content:before {
	content: "“";
}
.testimonial-two__content:after {
	content: "”";
}
@media screen and (max-width: 319px) {
	.testimonial-two__content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.testimonial-two__content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
.testimonial-two__wrap {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.testimonial-two__avatar {
	position: relative;
	margin-right: 4rem;
	border-radius: 50%;
}
.testimonial-two__picture {
	border-radius: 50%;
	display: block;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0.38);
	position: relative;
}
.testimonial-two__picture:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(154, 154, 154, 0.1);
	z-index: 9;
	border-radius: 50%;
}
.testimonial-two__picture img {
	height: auto;
	max-width: 13.6rem;
	width: 100%;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
@media screen and (max-width: 319px) {
	.testimonial-two__picture img {
		max-width: 8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.testimonial-two__picture img {
		max-width: 10rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.testimonial-two__picture img {
		max-width: 12rem;
	}
}
.testimonial-two__icon-link {
	position: absolute;
	top: 50%;
	left: 50%;
	color: #ffffff;
	font-size: 2.4rem;
	text-align: center;
	opacity: 0;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-moz-transform: translate(-50%, -20%);
	-webkit-transform: translate(-50%, -20%);
	-ms-transform: translate(-50%, -20%);
	-o-transform: translate(-50%, -20%);
	transform: translate(-50%, -20%);
}
.testimonial-two__author {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.testimonial-two__name {
	position: relative;
}
.testimonial-two__name:before {
	position: absolute;
	left: -1.2rem;
	content: "–";
	color: rgba(0, 0, 0, 0.87);
}
.testimonial-two__viewport {
	max-height: 40rem;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.testimonial-two__viewport li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.testimonial-two__viewport li img {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.testimonial-two__prev {
	position: absolute;
	top: 50%;
	left: -8rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
@media screen and (max-width: 319px) {
	.testimonial-two__prev {
		left: 1rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.testimonial-two__prev {
		left: 1rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.testimonial-two__prev {
		left: 0rem;
	}
}
.testimonial-two__prev.showMxm {
	left: 0.4rem;
}
.testimonial-two__prev i {
	position: absolute;
	top: 2.1rem;
	left: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(0, 0, 0, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 0% 50%;
}
.testimonial-two__prev i:first-child {
	transform: translate(0, -0.1rem) rotate(40deg);
}
.testimonial-two__prev i:last-child {
	transform: translate(0, 0.1rem) rotate(-40deg);
}
.testimonial-two__prev:hover i:first-child {
	transform: translate(0, -0.1rem) rotate(30deg);
}
.testimonial-two__prev:hover i:last-child {
	transform: translate(0, 0.1rem) rotate(-30deg);
}
.testimonial-two__prev:active i:first-child {
	transform: translate(0rem, -0.1rem) rotate(25deg);
}
.testimonial-two__prev:active i:last-child {
	transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.testimonial-two__next {
	position: absolute;
	top: 50%;
	right: -8rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
@media screen and (max-width: 319px) {
	.testimonial-two__next {
		right: 1rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.testimonial-two__next {
		right: 1rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.testimonial-two__next {
		right: 0rem;
	}
}
.testimonial-two__next.showMxm {
	right: 0.4rem;
}
.testimonial-two__next i {
	position: absolute;
	top: 2.1rem;
	right: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(0, 0, 0, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 100% 50%;
}
.testimonial-two__next i:first-child {
	transform: translate(0, 0.1rem) rotate(40deg);
}
.testimonial-two__next i:last-child {
	transform: translate(0, -0.1rem) rotate(-40deg);
}
.testimonial-two__next:hover i:first-child {
	transform: translate(0, 0.1rem) rotate(30deg);
}
.testimonial-two__next:hover i:last-child {
	transform: translate(0, -0.1rem) rotate(-30deg);
}
.testimonial-two__next:active i:first-child {
	transform: translate(0rem, 0.1rem) rotate(25deg);
}
.testimonial-two__next:active i:last-child {
	transform: translate(0rem, -0.1rem) rotate(-25deg);
}

/*******************some-service***********************/
.some-service {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 4rem;
}
.some-service:hover .some-service__icon i {
	-moz-transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}
.some-service:hover .some-service__line {
	-moz-transform: scaleX(0.8);
	-webkit-transform: scaleX(0.8);
	-ms-transform: scaleX(0.8);
	-o-transform: scaleX(0.8);
	transform: scaleX(0.8);
}
.some-service__icon i {
	font-size: 4.4rem;
	color: rgba(17, 189, 163, 0.87);
	-moz-transition: transform 0.5s;
	-webkit-transition: transform 0.5s;
	-o-transition: transform 0.5s;
	transition: transform 0.5s;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.some-service__name {
	text-align: center;
}
.some-service__line {
	width: 6rem;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.12);
	margin: 1.2rem auto 2rem;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-moz-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}
.some-service__paragraph {
	text-align: center;
}

/*******************testimonial-one-dark***********************/
.testimonial-one-dark__slider:hover .testimonial-one-dark__next, .testimonial-one-dark__slider:hover .testimonial-one-dark__prev {
	opacity: 1;
}
.testimonial-one-dark__side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.testimonial-one-dark__ico {
	margin-bottom: 2.8rem;
}
.testimonial-one-dark__ico i {
	font-size: 6rem;
	color: rgba(255, 255, 255, 0.87);
}
.testimonial-one-dark__content {
	text-align: center;
	width: 70%;
	margin-bottom: 3.6rem;
}
@media screen and (max-width: 319px) {
	.testimonial-one-dark__content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.testimonial-one-dark__content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.testimonial-one-dark__content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 90%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.testimonial-one-dark__content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 90%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.testimonial-one-dark__content {
		width: 90%;
	}
}
.testimonial-one-dark__author {
	text-align: center;
}
.testimonial-one-dark__viewport {
	max-height: 40rem;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.testimonial-one-dark__viewport li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.testimonial-one-dark__viewport li img {
	max-width: 100%;
	display: block;
	height: auto;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.testimonial-one-dark__prev {
	position: absolute;
	top: 50%;
	left: -2rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
@media screen and (max-width: 319px) {
	.testimonial-one-dark__prev {
		left: 1rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.testimonial-one-dark__prev {
		left: 1rem;
	}
}
.testimonial-one-dark__prev.showMxm {
	left: 0.4rem;
}
.testimonial-one-dark__prev i {
	position: absolute;
	top: 2.1rem;
	left: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(255, 255, 255, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 0% 50%;
}
.testimonial-one-dark__prev i:first-child {
	transform: translate(0, -0.1rem) rotate(40deg);
}
.testimonial-one-dark__prev i:last-child {
	transform: translate(0, 0.1rem) rotate(-40deg);
}
.testimonial-one-dark__prev:hover i:first-child {
	transform: translate(0, -0.1rem) rotate(30deg);
}
.testimonial-one-dark__prev:hover i:last-child {
	transform: translate(0, 0.1rem) rotate(-30deg);
}
.testimonial-one-dark__prev:active i:first-child {
	transform: translate(0rem, -0.1rem) rotate(25deg);
}
.testimonial-one-dark__prev:active i:last-child {
	transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.testimonial-one-dark__next {
	position: absolute;
	top: 50%;
	right: -2rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
@media screen and (max-width: 319px) {
	.testimonial-one-dark__next {
		right: 1rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.testimonial-one-dark__next {
		right: 1rem;
	}
}
.testimonial-one-dark__next.showMxm {
	right: 0.4rem;
}
.testimonial-one-dark__next i {
	position: absolute;
	top: 2.1rem;
	right: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(255, 255, 255, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 100% 50%;
}
.testimonial-one-dark__next i:first-child {
	transform: translate(0, 0.1rem) rotate(40deg);
}
.testimonial-one-dark__next i:last-child {
	transform: translate(0, -0.1rem) rotate(-40deg);
}
.testimonial-one-dark__next:hover i:first-child {
	transform: translate(0, 0.1rem) rotate(30deg);
}
.testimonial-one-dark__next:hover i:last-child {
	transform: translate(0, -0.1rem) rotate(-30deg);
}
.testimonial-one-dark__next:active i:first-child {
	transform: translate(0rem, 0.1rem) rotate(25deg);
}
.testimonial-one-dark__next:active i:last-child {
	transform: translate(0rem, -0.1rem) rotate(-25deg);
}

/*******************pricing***********************/
.pricing {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding: 2.4rem 1.6rem;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	border-radius: 4px;
	margin-bottom: 4rem;
}
.pricing.active {
	-moz-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.pricing__name {
	text-align: center;
}
.pricing__price {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 1.2rem;
}
.pricing__price span {
	text-align: center;
}
.pricing__price span:first-child {
	position: relative;
}
.pricing__price span:first-child:before {
	content: "$";
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 104%;
	font-size: 2.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.87);
}
.pricing__list {
	width: 100%;
	margin-bottom: 2.4rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
}
.pricing__list li {
	text-align: center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	padding: 1.4rem 0.4rem;
}
.pricing__list li:first-child {
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}
/*******************banner***********************/
.banner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.banner__title {
	margin-bottom: 1.2rem;
}
.banner__nav span {
	color: rgba(255, 255, 255, 0.87);
}

/*******************detail-team***********************/
.detail-team__avatar {
	position: relative;
	display: block;
	overflow: hidden;
	z-index: 9;
	margin-bottom: 4rem;
}
.detail-team__avatar:hover img {
	-moz-transform: scale3d(1.1, 1.1, 1.1);
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	-ms-transform: scale3d(1.1, 1.1, 1.1);
	-o-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.detail-team__avatar:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(154, 154, 154, 0.1);
	z-index: 9;
	-moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-moz-transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.detail-team__avatar img {
	height: auto;
	max-width: 100%;
	-moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-moz-transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.detail-team__name {
	margin-bottom: 0.4rem;
}
.detail-team__role {
	margin-bottom: 1.2rem;
}
.detail-team__paragraph {
	margin-bottom: 1.6rem;
}
.detail-team__row {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-bottom: 1.2rem;
}
.detail-team__t {
	position: relative;
	width: 100%;
	flex: 0 0 20%;
	max-width: 20%;
}
@media screen and (max-width: 319px) {
	.detail-team__t {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.detail-team__t {
		flex: 0 0 21%;
		max-width: 21%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.detail-team__t {
		flex: 0 0 21%;
		max-width: 21%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.detail-team__t {
		flex: 0 0 21%;
		max-width: 21%;
	}
}
.detail-team__c {
	position: relative;
	width: 100%;
	flex: 0 0 80%;
	max-width: 80%;
}
@media screen and (max-width: 319px) {
	.detail-team__c {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.detail-team__c {
		flex: 0 0 79%;
		max-width: 79%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.detail-team__c {
		flex: 0 0 79%;
		max-width: 79%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.detail-team__c {
		flex: 0 0 79%;
		max-width: 79%;
	}
}
.detail-team__social {
	margin-top: 1.6rem;
}
.detail-team__social ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}
.detail-team__social ul li {
	margin-right: 1.6rem;
}
.detail-team__social ul li a i {
	font-size: 1.8rem;
	color: rgba(0, 0, 0, 0.87);
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.detail-team__social ul li a:hover i {
	color: #000000;
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

/*******************slim-skill***********************/
.slim-skill {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 4rem;
}
.slim-skill__circle-wrap {
	width: 12rem;
	height: 12rem;
	background-color: #c7faf2;
	border-radius: 50%;
	margin-bottom: 1.6rem;
	position: relative;
}
.slim-skill__mask {
	width: 12rem;
	height: 12rem;
	position: absolute;
	border-radius: 50%;
	clip: rect(0, 12rem, 12rem, 6rem);
}
.slim-skill__fill {
	width: 12rem;
	height: 12rem;
	position: absolute;
	border-radius: 50%;
	clip: rect(0, 6rem, 12rem, 0);
	background-color: rgba(17, 189, 163, 0.87);
}
.processCircle .percent0 .slim-skill__mask.full, .processCircle .percent0 .slim-skill__fill {
	-webkit-animation: fillNumberMxm0 2s ease-in-out 0.3s both;
	animation: fillNumberMxm0 2s ease-in-out 0.3s both;
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.processCircle .percent1 .slim-skill__mask.full, .processCircle .percent1 .slim-skill__fill {
	-webkit-animation: fillNumberMxm1 2s ease-in-out 0.3s both;
	animation: fillNumberMxm1 2s ease-in-out 0.3s both;
	-moz-transform: rotate(1.8deg);
	-webkit-transform: rotate(1.8deg);
	-ms-transform: rotate(1.8deg);
	-o-transform: rotate(1.8deg);
	transform: rotate(1.8deg);
}
.processCircle .percent2 .slim-skill__mask.full, .processCircle .percent2 .slim-skill__fill {
	-webkit-animation: fillNumberMxm2 2s ease-in-out 0.3s both;
	animation: fillNumberMxm2 2s ease-in-out 0.3s both;
	-moz-transform: rotate(3.6deg);
	-webkit-transform: rotate(3.6deg);
	-ms-transform: rotate(3.6deg);
	-o-transform: rotate(3.6deg);
	transform: rotate(3.6deg);
}
.processCircle .percent3 .slim-skill__mask.full, .processCircle .percent3 .slim-skill__fill {
	-webkit-animation: fillNumberMxm3 2s ease-in-out 0.3s both;
	animation: fillNumberMxm3 2s ease-in-out 0.3s both;
	-moz-transform: rotate(5.4deg);
	-webkit-transform: rotate(5.4deg);
	-ms-transform: rotate(5.4deg);
	-o-transform: rotate(5.4deg);
	transform: rotate(5.4deg);
}
.processCircle .percent4 .slim-skill__mask.full, .processCircle .percent4 .slim-skill__fill {
	-webkit-animation: fillNumberMxm4 2s ease-in-out 0.3s both;
	animation: fillNumberMxm4 2s ease-in-out 0.3s both;
	-moz-transform: rotate(7.2deg);
	-webkit-transform: rotate(7.2deg);
	-ms-transform: rotate(7.2deg);
	-o-transform: rotate(7.2deg);
	transform: rotate(7.2deg);
}
.processCircle .percent5 .slim-skill__mask.full, .processCircle .percent5 .slim-skill__fill {
	-webkit-animation: fillNumberMxm5 2s ease-in-out 0.3s both;
	animation: fillNumberMxm5 2s ease-in-out 0.3s both;
	-moz-transform: rotate(9deg);
	-webkit-transform: rotate(9deg);
	-ms-transform: rotate(9deg);
	-o-transform: rotate(9deg);
	transform: rotate(9deg);
}
.processCircle .percent6 .slim-skill__mask.full, .processCircle .percent6 .slim-skill__fill {
	-webkit-animation: fillNumberMxm6 2s ease-in-out 0.3s both;
	animation: fillNumberMxm6 2s ease-in-out 0.3s both;
	-moz-transform: rotate(10.8deg);
	-webkit-transform: rotate(10.8deg);
	-ms-transform: rotate(10.8deg);
	-o-transform: rotate(10.8deg);
	transform: rotate(10.8deg);
}
.processCircle .percent7 .slim-skill__mask.full, .processCircle .percent7 .slim-skill__fill {
	-webkit-animation: fillNumberMxm7 2s ease-in-out 0.3s both;
	animation: fillNumberMxm7 2s ease-in-out 0.3s both;
	-moz-transform: rotate(12.6deg);
	-webkit-transform: rotate(12.6deg);
	-ms-transform: rotate(12.6deg);
	-o-transform: rotate(12.6deg);
	transform: rotate(12.6deg);
}
.processCircle .percent8 .slim-skill__mask.full, .processCircle .percent8 .slim-skill__fill {
	-webkit-animation: fillNumberMxm8 2s ease-in-out 0.3s both;
	animation: fillNumberMxm8 2s ease-in-out 0.3s both;
	-moz-transform: rotate(14.4deg);
	-webkit-transform: rotate(14.4deg);
	-ms-transform: rotate(14.4deg);
	-o-transform: rotate(14.4deg);
	transform: rotate(14.4deg);
}
.processCircle .percent9 .slim-skill__mask.full, .processCircle .percent9 .slim-skill__fill {
	-webkit-animation: fillNumberMxm9 2s ease-in-out 0.3s both;
	animation: fillNumberMxm9 2s ease-in-out 0.3s both;
	-moz-transform: rotate(16.2deg);
	-webkit-transform: rotate(16.2deg);
	-ms-transform: rotate(16.2deg);
	-o-transform: rotate(16.2deg);
	transform: rotate(16.2deg);
}
.processCircle .percent10 .slim-skill__mask.full, .processCircle .percent10 .slim-skill__fill {
	-webkit-animation: fillNumberMxm10 2s ease-in-out 0.3s both;
	animation: fillNumberMxm10 2s ease-in-out 0.3s both;
	-moz-transform: rotate(18deg);
	-webkit-transform: rotate(18deg);
	-ms-transform: rotate(18deg);
	-o-transform: rotate(18deg);
	transform: rotate(18deg);
}
.processCircle .percent11 .slim-skill__mask.full, .processCircle .percent11 .slim-skill__fill {
	-webkit-animation: fillNumberMxm11 2s ease-in-out 0.3s both;
	animation: fillNumberMxm11 2s ease-in-out 0.3s both;
	-moz-transform: rotate(19.8deg);
	-webkit-transform: rotate(19.8deg);
	-ms-transform: rotate(19.8deg);
	-o-transform: rotate(19.8deg);
	transform: rotate(19.8deg);
}
.processCircle .percent12 .slim-skill__mask.full, .processCircle .percent12 .slim-skill__fill {
	-webkit-animation: fillNumberMxm12 2s ease-in-out 0.3s both;
	animation: fillNumberMxm12 2s ease-in-out 0.3s both;
	-moz-transform: rotate(21.6deg);
	-webkit-transform: rotate(21.6deg);
	-ms-transform: rotate(21.6deg);
	-o-transform: rotate(21.6deg);
	transform: rotate(21.6deg);
}
.processCircle .percent13 .slim-skill__mask.full, .processCircle .percent13 .slim-skill__fill {
	-webkit-animation: fillNumberMxm13 2s ease-in-out 0.3s both;
	animation: fillNumberMxm13 2s ease-in-out 0.3s both;
	-moz-transform: rotate(23.4deg);
	-webkit-transform: rotate(23.4deg);
	-ms-transform: rotate(23.4deg);
	-o-transform: rotate(23.4deg);
	transform: rotate(23.4deg);
}
.processCircle .percent14 .slim-skill__mask.full, .processCircle .percent14 .slim-skill__fill {
	-webkit-animation: fillNumberMxm14 2s ease-in-out 0.3s both;
	animation: fillNumberMxm14 2s ease-in-out 0.3s both;
	-moz-transform: rotate(25.2deg);
	-webkit-transform: rotate(25.2deg);
	-ms-transform: rotate(25.2deg);
	-o-transform: rotate(25.2deg);
	transform: rotate(25.2deg);
}
.processCircle .percent15 .slim-skill__mask.full, .processCircle .percent15 .slim-skill__fill {
	-webkit-animation: fillNumberMxm15 2s ease-in-out 0.3s both;
	animation: fillNumberMxm15 2s ease-in-out 0.3s both;
	-moz-transform: rotate(27deg);
	-webkit-transform: rotate(27deg);
	-ms-transform: rotate(27deg);
	-o-transform: rotate(27deg);
	transform: rotate(27deg);
}
.processCircle .percent16 .slim-skill__mask.full, .processCircle .percent16 .slim-skill__fill {
	-webkit-animation: fillNumberMxm16 2s ease-in-out 0.3s both;
	animation: fillNumberMxm16 2s ease-in-out 0.3s both;
	-moz-transform: rotate(28.8deg);
	-webkit-transform: rotate(28.8deg);
	-ms-transform: rotate(28.8deg);
	-o-transform: rotate(28.8deg);
	transform: rotate(28.8deg);
}
.processCircle .percent17 .slim-skill__mask.full, .processCircle .percent17 .slim-skill__fill {
	-webkit-animation: fillNumberMxm17 2s ease-in-out 0.3s both;
	animation: fillNumberMxm17 2s ease-in-out 0.3s both;
	-moz-transform: rotate(30.6deg);
	-webkit-transform: rotate(30.6deg);
	-ms-transform: rotate(30.6deg);
	-o-transform: rotate(30.6deg);
	transform: rotate(30.6deg);
}
.processCircle .percent18 .slim-skill__mask.full, .processCircle .percent18 .slim-skill__fill {
	-webkit-animation: fillNumberMxm18 2s ease-in-out 0.3s both;
	animation: fillNumberMxm18 2s ease-in-out 0.3s both;
	-moz-transform: rotate(32.4deg);
	-webkit-transform: rotate(32.4deg);
	-ms-transform: rotate(32.4deg);
	-o-transform: rotate(32.4deg);
	transform: rotate(32.4deg);
}
.processCircle .percent19 .slim-skill__mask.full, .processCircle .percent19 .slim-skill__fill {
	-webkit-animation: fillNumberMxm19 2s ease-in-out 0.3s both;
	animation: fillNumberMxm19 2s ease-in-out 0.3s both;
	-moz-transform: rotate(34.2deg);
	-webkit-transform: rotate(34.2deg);
	-ms-transform: rotate(34.2deg);
	-o-transform: rotate(34.2deg);
	transform: rotate(34.2deg);
}
.processCircle .percent20 .slim-skill__mask.full, .processCircle .percent20 .slim-skill__fill {
	-webkit-animation: fillNumberMxm20 2s ease-in-out 0.3s both;
	animation: fillNumberMxm20 2s ease-in-out 0.3s both;
	-moz-transform: rotate(36deg);
	-webkit-transform: rotate(36deg);
	-ms-transform: rotate(36deg);
	-o-transform: rotate(36deg);
	transform: rotate(36deg);
}
.processCircle .percent21 .slim-skill__mask.full, .processCircle .percent21 .slim-skill__fill {
	-webkit-animation: fillNumberMxm21 2s ease-in-out 0.3s both;
	animation: fillNumberMxm21 2s ease-in-out 0.3s both;
	-moz-transform: rotate(37.8deg);
	-webkit-transform: rotate(37.8deg);
	-ms-transform: rotate(37.8deg);
	-o-transform: rotate(37.8deg);
	transform: rotate(37.8deg);
}
.processCircle .percent22 .slim-skill__mask.full, .processCircle .percent22 .slim-skill__fill {
	-webkit-animation: fillNumberMxm22 2s ease-in-out 0.3s both;
	animation: fillNumberMxm22 2s ease-in-out 0.3s both;
	-moz-transform: rotate(39.6deg);
	-webkit-transform: rotate(39.6deg);
	-ms-transform: rotate(39.6deg);
	-o-transform: rotate(39.6deg);
	transform: rotate(39.6deg);
}
.processCircle .percent23 .slim-skill__mask.full, .processCircle .percent23 .slim-skill__fill {
	-webkit-animation: fillNumberMxm23 2s ease-in-out 0.3s both;
	animation: fillNumberMxm23 2s ease-in-out 0.3s both;
	-moz-transform: rotate(41.4deg);
	-webkit-transform: rotate(41.4deg);
	-ms-transform: rotate(41.4deg);
	-o-transform: rotate(41.4deg);
	transform: rotate(41.4deg);
}
.processCircle .percent24 .slim-skill__mask.full, .processCircle .percent24 .slim-skill__fill {
	-webkit-animation: fillNumberMxm24 2s ease-in-out 0.3s both;
	animation: fillNumberMxm24 2s ease-in-out 0.3s both;
	-moz-transform: rotate(43.2deg);
	-webkit-transform: rotate(43.2deg);
	-ms-transform: rotate(43.2deg);
	-o-transform: rotate(43.2deg);
	transform: rotate(43.2deg);
}
.processCircle .percent25 .slim-skill__mask.full, .processCircle .percent25 .slim-skill__fill {
	-webkit-animation: fillNumberMxm25 2s ease-in-out 0.3s both;
	animation: fillNumberMxm25 2s ease-in-out 0.3s both;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.processCircle .percent26 .slim-skill__mask.full, .processCircle .percent26 .slim-skill__fill {
	-webkit-animation: fillNumberMxm26 2s ease-in-out 0.3s both;
	animation: fillNumberMxm26 2s ease-in-out 0.3s both;
	-moz-transform: rotate(46.8deg);
	-webkit-transform: rotate(46.8deg);
	-ms-transform: rotate(46.8deg);
	-o-transform: rotate(46.8deg);
	transform: rotate(46.8deg);
}
.processCircle .percent27 .slim-skill__mask.full, .processCircle .percent27 .slim-skill__fill {
	-webkit-animation: fillNumberMxm27 2s ease-in-out 0.3s both;
	animation: fillNumberMxm27 2s ease-in-out 0.3s both;
	-moz-transform: rotate(48.6deg);
	-webkit-transform: rotate(48.6deg);
	-ms-transform: rotate(48.6deg);
	-o-transform: rotate(48.6deg);
	transform: rotate(48.6deg);
}
.processCircle .percent28 .slim-skill__mask.full, .processCircle .percent28 .slim-skill__fill {
	-webkit-animation: fillNumberMxm28 2s ease-in-out 0.3s both;
	animation: fillNumberMxm28 2s ease-in-out 0.3s both;
	-moz-transform: rotate(50.4deg);
	-webkit-transform: rotate(50.4deg);
	-ms-transform: rotate(50.4deg);
	-o-transform: rotate(50.4deg);
	transform: rotate(50.4deg);
}
.processCircle .percent29 .slim-skill__mask.full, .processCircle .percent29 .slim-skill__fill {
	-webkit-animation: fillNumberMxm29 2s ease-in-out 0.3s both;
	animation: fillNumberMxm29 2s ease-in-out 0.3s both;
	-moz-transform: rotate(52.2deg);
	-webkit-transform: rotate(52.2deg);
	-ms-transform: rotate(52.2deg);
	-o-transform: rotate(52.2deg);
	transform: rotate(52.2deg);
}
.processCircle .percent30 .slim-skill__mask.full, .processCircle .percent30 .slim-skill__fill {
	-webkit-animation: fillNumberMxm30 2s ease-in-out 0.3s both;
	animation: fillNumberMxm30 2s ease-in-out 0.3s both;
	-moz-transform: rotate(54deg);
	-webkit-transform: rotate(54deg);
	-ms-transform: rotate(54deg);
	-o-transform: rotate(54deg);
	transform: rotate(54deg);
}
.processCircle .percent31 .slim-skill__mask.full, .processCircle .percent31 .slim-skill__fill {
	-webkit-animation: fillNumberMxm31 2s ease-in-out 0.3s both;
	animation: fillNumberMxm31 2s ease-in-out 0.3s both;
	-moz-transform: rotate(55.8deg);
	-webkit-transform: rotate(55.8deg);
	-ms-transform: rotate(55.8deg);
	-o-transform: rotate(55.8deg);
	transform: rotate(55.8deg);
}
.processCircle .percent32 .slim-skill__mask.full, .processCircle .percent32 .slim-skill__fill {
	-webkit-animation: fillNumberMxm32 2s ease-in-out 0.3s both;
	animation: fillNumberMxm32 2s ease-in-out 0.3s both;
	-moz-transform: rotate(57.6deg);
	-webkit-transform: rotate(57.6deg);
	-ms-transform: rotate(57.6deg);
	-o-transform: rotate(57.6deg);
	transform: rotate(57.6deg);
}
.processCircle .percent33 .slim-skill__mask.full, .processCircle .percent33 .slim-skill__fill {
	-webkit-animation: fillNumberMxm33 2s ease-in-out 0.3s both;
	animation: fillNumberMxm33 2s ease-in-out 0.3s both;
	-moz-transform: rotate(59.4deg);
	-webkit-transform: rotate(59.4deg);
	-ms-transform: rotate(59.4deg);
	-o-transform: rotate(59.4deg);
	transform: rotate(59.4deg);
}
.processCircle .percent34 .slim-skill__mask.full, .processCircle .percent34 .slim-skill__fill {
	-webkit-animation: fillNumberMxm34 2s ease-in-out 0.3s both;
	animation: fillNumberMxm34 2s ease-in-out 0.3s both;
	-moz-transform: rotate(61.2deg);
	-webkit-transform: rotate(61.2deg);
	-ms-transform: rotate(61.2deg);
	-o-transform: rotate(61.2deg);
	transform: rotate(61.2deg);
}
.processCircle .percent35 .slim-skill__mask.full, .processCircle .percent35 .slim-skill__fill {
	-webkit-animation: fillNumberMxm35 2s ease-in-out 0.3s both;
	animation: fillNumberMxm35 2s ease-in-out 0.3s both;
	-moz-transform: rotate(63deg);
	-webkit-transform: rotate(63deg);
	-ms-transform: rotate(63deg);
	-o-transform: rotate(63deg);
	transform: rotate(63deg);
}
.processCircle .percent36 .slim-skill__mask.full, .processCircle .percent36 .slim-skill__fill {
	-webkit-animation: fillNumberMxm36 2s ease-in-out 0.3s both;
	animation: fillNumberMxm36 2s ease-in-out 0.3s both;
	-moz-transform: rotate(64.8deg);
	-webkit-transform: rotate(64.8deg);
	-ms-transform: rotate(64.8deg);
	-o-transform: rotate(64.8deg);
	transform: rotate(64.8deg);
}
.processCircle .percent37 .slim-skill__mask.full, .processCircle .percent37 .slim-skill__fill {
	-webkit-animation: fillNumberMxm37 2s ease-in-out 0.3s both;
	animation: fillNumberMxm37 2s ease-in-out 0.3s both;
	-moz-transform: rotate(66.6deg);
	-webkit-transform: rotate(66.6deg);
	-ms-transform: rotate(66.6deg);
	-o-transform: rotate(66.6deg);
	transform: rotate(66.6deg);
}
.processCircle .percent38 .slim-skill__mask.full, .processCircle .percent38 .slim-skill__fill {
	-webkit-animation: fillNumberMxm38 2s ease-in-out 0.3s both;
	animation: fillNumberMxm38 2s ease-in-out 0.3s both;
	-moz-transform: rotate(68.4deg);
	-webkit-transform: rotate(68.4deg);
	-ms-transform: rotate(68.4deg);
	-o-transform: rotate(68.4deg);
	transform: rotate(68.4deg);
}
.processCircle .percent39 .slim-skill__mask.full, .processCircle .percent39 .slim-skill__fill {
	-webkit-animation: fillNumberMxm39 2s ease-in-out 0.3s both;
	animation: fillNumberMxm39 2s ease-in-out 0.3s both;
	-moz-transform: rotate(70.2deg);
	-webkit-transform: rotate(70.2deg);
	-ms-transform: rotate(70.2deg);
	-o-transform: rotate(70.2deg);
	transform: rotate(70.2deg);
}
.processCircle .percent40 .slim-skill__mask.full, .processCircle .percent40 .slim-skill__fill {
	-webkit-animation: fillNumberMxm40 2s ease-in-out 0.3s both;
	animation: fillNumberMxm40 2s ease-in-out 0.3s both;
	-moz-transform: rotate(72deg);
	-webkit-transform: rotate(72deg);
	-ms-transform: rotate(72deg);
	-o-transform: rotate(72deg);
	transform: rotate(72deg);
}
.processCircle .percent41 .slim-skill__mask.full, .processCircle .percent41 .slim-skill__fill {
	-webkit-animation: fillNumberMxm41 2s ease-in-out 0.3s both;
	animation: fillNumberMxm41 2s ease-in-out 0.3s both;
	-moz-transform: rotate(73.8deg);
	-webkit-transform: rotate(73.8deg);
	-ms-transform: rotate(73.8deg);
	-o-transform: rotate(73.8deg);
	transform: rotate(73.8deg);
}
.processCircle .percent42 .slim-skill__mask.full, .processCircle .percent42 .slim-skill__fill {
	-webkit-animation: fillNumberMxm42 2s ease-in-out 0.3s both;
	animation: fillNumberMxm42 2s ease-in-out 0.3s both;
	-moz-transform: rotate(75.6deg);
	-webkit-transform: rotate(75.6deg);
	-ms-transform: rotate(75.6deg);
	-o-transform: rotate(75.6deg);
	transform: rotate(75.6deg);
}
.processCircle .percent43 .slim-skill__mask.full, .processCircle .percent43 .slim-skill__fill {
	-webkit-animation: fillNumberMxm43 2s ease-in-out 0.3s both;
	animation: fillNumberMxm43 2s ease-in-out 0.3s both;
	-moz-transform: rotate(77.4deg);
	-webkit-transform: rotate(77.4deg);
	-ms-transform: rotate(77.4deg);
	-o-transform: rotate(77.4deg);
	transform: rotate(77.4deg);
}
.processCircle .percent44 .slim-skill__mask.full, .processCircle .percent44 .slim-skill__fill {
	-webkit-animation: fillNumberMxm44 2s ease-in-out 0.3s both;
	animation: fillNumberMxm44 2s ease-in-out 0.3s both;
	-moz-transform: rotate(79.2deg);
	-webkit-transform: rotate(79.2deg);
	-ms-transform: rotate(79.2deg);
	-o-transform: rotate(79.2deg);
	transform: rotate(79.2deg);
}
.processCircle .percent45 .slim-skill__mask.full, .processCircle .percent45 .slim-skill__fill {
	-webkit-animation: fillNumberMxm45 2s ease-in-out 0.3s both;
	animation: fillNumberMxm45 2s ease-in-out 0.3s both;
	-moz-transform: rotate(81deg);
	-webkit-transform: rotate(81deg);
	-ms-transform: rotate(81deg);
	-o-transform: rotate(81deg);
	transform: rotate(81deg);
}
.processCircle .percent46 .slim-skill__mask.full, .processCircle .percent46 .slim-skill__fill {
	-webkit-animation: fillNumberMxm46 2s ease-in-out 0.3s both;
	animation: fillNumberMxm46 2s ease-in-out 0.3s both;
	-moz-transform: rotate(82.8deg);
	-webkit-transform: rotate(82.8deg);
	-ms-transform: rotate(82.8deg);
	-o-transform: rotate(82.8deg);
	transform: rotate(82.8deg);
}
.processCircle .percent47 .slim-skill__mask.full, .processCircle .percent47 .slim-skill__fill {
	-webkit-animation: fillNumberMxm47 2s ease-in-out 0.3s both;
	animation: fillNumberMxm47 2s ease-in-out 0.3s both;
	-moz-transform: rotate(84.6deg);
	-webkit-transform: rotate(84.6deg);
	-ms-transform: rotate(84.6deg);
	-o-transform: rotate(84.6deg);
	transform: rotate(84.6deg);
}
.processCircle .percent48 .slim-skill__mask.full, .processCircle .percent48 .slim-skill__fill {
	-webkit-animation: fillNumberMxm48 2s ease-in-out 0.3s both;
	animation: fillNumberMxm48 2s ease-in-out 0.3s both;
	-moz-transform: rotate(86.4deg);
	-webkit-transform: rotate(86.4deg);
	-ms-transform: rotate(86.4deg);
	-o-transform: rotate(86.4deg);
	transform: rotate(86.4deg);
}
.processCircle .percent49 .slim-skill__mask.full, .processCircle .percent49 .slim-skill__fill {
	-webkit-animation: fillNumberMxm49 2s ease-in-out 0.3s both;
	animation: fillNumberMxm49 2s ease-in-out 0.3s both;
	-moz-transform: rotate(88.2deg);
	-webkit-transform: rotate(88.2deg);
	-ms-transform: rotate(88.2deg);
	-o-transform: rotate(88.2deg);
	transform: rotate(88.2deg);
}
.processCircle .percent50 .slim-skill__mask.full, .processCircle .percent50 .slim-skill__fill {
	-webkit-animation: fillNumberMxm50 2s ease-in-out 0.3s both;
	animation: fillNumberMxm50 2s ease-in-out 0.3s both;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.processCircle .percent51 .slim-skill__mask.full, .processCircle .percent51 .slim-skill__fill {
	-webkit-animation: fillNumberMxm51 2s ease-in-out 0.3s both;
	animation: fillNumberMxm51 2s ease-in-out 0.3s both;
	-moz-transform: rotate(91.8deg);
	-webkit-transform: rotate(91.8deg);
	-ms-transform: rotate(91.8deg);
	-o-transform: rotate(91.8deg);
	transform: rotate(91.8deg);
}
.processCircle .percent52 .slim-skill__mask.full, .processCircle .percent52 .slim-skill__fill {
	-webkit-animation: fillNumberMxm52 2s ease-in-out 0.3s both;
	animation: fillNumberMxm52 2s ease-in-out 0.3s both;
	-moz-transform: rotate(93.6deg);
	-webkit-transform: rotate(93.6deg);
	-ms-transform: rotate(93.6deg);
	-o-transform: rotate(93.6deg);
	transform: rotate(93.6deg);
}
.processCircle .percent53 .slim-skill__mask.full, .processCircle .percent53 .slim-skill__fill {
	-webkit-animation: fillNumberMxm53 2s ease-in-out 0.3s both;
	animation: fillNumberMxm53 2s ease-in-out 0.3s both;
	-moz-transform: rotate(95.4deg);
	-webkit-transform: rotate(95.4deg);
	-ms-transform: rotate(95.4deg);
	-o-transform: rotate(95.4deg);
	transform: rotate(95.4deg);
}
.processCircle .percent54 .slim-skill__mask.full, .processCircle .percent54 .slim-skill__fill {
	-webkit-animation: fillNumberMxm54 2s ease-in-out 0.3s both;
	animation: fillNumberMxm54 2s ease-in-out 0.3s both;
	-moz-transform: rotate(97.2deg);
	-webkit-transform: rotate(97.2deg);
	-ms-transform: rotate(97.2deg);
	-o-transform: rotate(97.2deg);
	transform: rotate(97.2deg);
}
.processCircle .percent55 .slim-skill__mask.full, .processCircle .percent55 .slim-skill__fill {
	-webkit-animation: fillNumberMxm55 2s ease-in-out 0.3s both;
	animation: fillNumberMxm55 2s ease-in-out 0.3s both;
	-moz-transform: rotate(99deg);
	-webkit-transform: rotate(99deg);
	-ms-transform: rotate(99deg);
	-o-transform: rotate(99deg);
	transform: rotate(99deg);
}
.processCircle .percent56 .slim-skill__mask.full, .processCircle .percent56 .slim-skill__fill {
	-webkit-animation: fillNumberMxm56 2s ease-in-out 0.3s both;
	animation: fillNumberMxm56 2s ease-in-out 0.3s both;
	-moz-transform: rotate(100.8deg);
	-webkit-transform: rotate(100.8deg);
	-ms-transform: rotate(100.8deg);
	-o-transform: rotate(100.8deg);
	transform: rotate(100.8deg);
}
.processCircle .percent57 .slim-skill__mask.full, .processCircle .percent57 .slim-skill__fill {
	-webkit-animation: fillNumberMxm57 2s ease-in-out 0.3s both;
	animation: fillNumberMxm57 2s ease-in-out 0.3s both;
	-moz-transform: rotate(102.6deg);
	-webkit-transform: rotate(102.6deg);
	-ms-transform: rotate(102.6deg);
	-o-transform: rotate(102.6deg);
	transform: rotate(102.6deg);
}
.processCircle .percent58 .slim-skill__mask.full, .processCircle .percent58 .slim-skill__fill {
	-webkit-animation: fillNumberMxm58 2s ease-in-out 0.3s both;
	animation: fillNumberMxm58 2s ease-in-out 0.3s both;
	-moz-transform: rotate(104.4deg);
	-webkit-transform: rotate(104.4deg);
	-ms-transform: rotate(104.4deg);
	-o-transform: rotate(104.4deg);
	transform: rotate(104.4deg);
}
.processCircle .percent59 .slim-skill__mask.full, .processCircle .percent59 .slim-skill__fill {
	-webkit-animation: fillNumberMxm59 2s ease-in-out 0.3s both;
	animation: fillNumberMxm59 2s ease-in-out 0.3s both;
	-moz-transform: rotate(106.2deg);
	-webkit-transform: rotate(106.2deg);
	-ms-transform: rotate(106.2deg);
	-o-transform: rotate(106.2deg);
	transform: rotate(106.2deg);
}
.processCircle .percent60 .slim-skill__mask.full, .processCircle .percent60 .slim-skill__fill {
	-webkit-animation: fillNumberMxm60 2s ease-in-out 0.3s both;
	animation: fillNumberMxm60 2s ease-in-out 0.3s both;
	-moz-transform: rotate(108deg);
	-webkit-transform: rotate(108deg);
	-ms-transform: rotate(108deg);
	-o-transform: rotate(108deg);
	transform: rotate(108deg);
}
.processCircle .percent61 .slim-skill__mask.full, .processCircle .percent61 .slim-skill__fill {
	-webkit-animation: fillNumberMxm61 2s ease-in-out 0.3s both;
	animation: fillNumberMxm61 2s ease-in-out 0.3s both;
	-moz-transform: rotate(109.8deg);
	-webkit-transform: rotate(109.8deg);
	-ms-transform: rotate(109.8deg);
	-o-transform: rotate(109.8deg);
	transform: rotate(109.8deg);
}
.processCircle .percent62 .slim-skill__mask.full, .processCircle .percent62 .slim-skill__fill {
	-webkit-animation: fillNumberMxm62 2s ease-in-out 0.3s both;
	animation: fillNumberMxm62 2s ease-in-out 0.3s both;
	-moz-transform: rotate(111.6deg);
	-webkit-transform: rotate(111.6deg);
	-ms-transform: rotate(111.6deg);
	-o-transform: rotate(111.6deg);
	transform: rotate(111.6deg);
}
.processCircle .percent63 .slim-skill__mask.full, .processCircle .percent63 .slim-skill__fill {
	-webkit-animation: fillNumberMxm63 2s ease-in-out 0.3s both;
	animation: fillNumberMxm63 2s ease-in-out 0.3s both;
	-moz-transform: rotate(113.4deg);
	-webkit-transform: rotate(113.4deg);
	-ms-transform: rotate(113.4deg);
	-o-transform: rotate(113.4deg);
	transform: rotate(113.4deg);
}
.processCircle .percent64 .slim-skill__mask.full, .processCircle .percent64 .slim-skill__fill {
	-webkit-animation: fillNumberMxm64 2s ease-in-out 0.3s both;
	animation: fillNumberMxm64 2s ease-in-out 0.3s both;
	-moz-transform: rotate(115.2deg);
	-webkit-transform: rotate(115.2deg);
	-ms-transform: rotate(115.2deg);
	-o-transform: rotate(115.2deg);
	transform: rotate(115.2deg);
}
.processCircle .percent65 .slim-skill__mask.full, .processCircle .percent65 .slim-skill__fill {
	-webkit-animation: fillNumberMxm65 2s ease-in-out 0.3s both;
	animation: fillNumberMxm65 2s ease-in-out 0.3s both;
	-moz-transform: rotate(117deg);
	-webkit-transform: rotate(117deg);
	-ms-transform: rotate(117deg);
	-o-transform: rotate(117deg);
	transform: rotate(117deg);
}
.processCircle .percent66 .slim-skill__mask.full, .processCircle .percent66 .slim-skill__fill {
	-webkit-animation: fillNumberMxm66 2s ease-in-out 0.3s both;
	animation: fillNumberMxm66 2s ease-in-out 0.3s both;
	-moz-transform: rotate(118.8deg);
	-webkit-transform: rotate(118.8deg);
	-ms-transform: rotate(118.8deg);
	-o-transform: rotate(118.8deg);
	transform: rotate(118.8deg);
}
.processCircle .percent67 .slim-skill__mask.full, .processCircle .percent67 .slim-skill__fill {
	-webkit-animation: fillNumberMxm67 2s ease-in-out 0.3s both;
	animation: fillNumberMxm67 2s ease-in-out 0.3s both;
	-moz-transform: rotate(120.6deg);
	-webkit-transform: rotate(120.6deg);
	-ms-transform: rotate(120.6deg);
	-o-transform: rotate(120.6deg);
	transform: rotate(120.6deg);
}
.processCircle .percent68 .slim-skill__mask.full, .processCircle .percent68 .slim-skill__fill {
	-webkit-animation: fillNumberMxm68 2s ease-in-out 0.3s both;
	animation: fillNumberMxm68 2s ease-in-out 0.3s both;
	-moz-transform: rotate(122.4deg);
	-webkit-transform: rotate(122.4deg);
	-ms-transform: rotate(122.4deg);
	-o-transform: rotate(122.4deg);
	transform: rotate(122.4deg);
}
.processCircle .percent69 .slim-skill__mask.full, .processCircle .percent69 .slim-skill__fill {
	-webkit-animation: fillNumberMxm69 2s ease-in-out 0.3s both;
	animation: fillNumberMxm69 2s ease-in-out 0.3s both;
	-moz-transform: rotate(124.2deg);
	-webkit-transform: rotate(124.2deg);
	-ms-transform: rotate(124.2deg);
	-o-transform: rotate(124.2deg);
	transform: rotate(124.2deg);
}
.processCircle .percent70 .slim-skill__mask.full, .processCircle .percent70 .slim-skill__fill {
	-webkit-animation: fillNumberMxm70 2s ease-in-out 0.3s both;
	animation: fillNumberMxm70 2s ease-in-out 0.3s both;
	-moz-transform: rotate(126deg);
	-webkit-transform: rotate(126deg);
	-ms-transform: rotate(126deg);
	-o-transform: rotate(126deg);
	transform: rotate(126deg);
}
.processCircle .percent71 .slim-skill__mask.full, .processCircle .percent71 .slim-skill__fill {
	-webkit-animation: fillNumberMxm71 2s ease-in-out 0.3s both;
	animation: fillNumberMxm71 2s ease-in-out 0.3s both;
	-moz-transform: rotate(127.8deg);
	-webkit-transform: rotate(127.8deg);
	-ms-transform: rotate(127.8deg);
	-o-transform: rotate(127.8deg);
	transform: rotate(127.8deg);
}
.processCircle .percent72 .slim-skill__mask.full, .processCircle .percent72 .slim-skill__fill {
	-webkit-animation: fillNumberMxm72 2s ease-in-out 0.3s both;
	animation: fillNumberMxm72 2s ease-in-out 0.3s both;
	-moz-transform: rotate(129.6deg);
	-webkit-transform: rotate(129.6deg);
	-ms-transform: rotate(129.6deg);
	-o-transform: rotate(129.6deg);
	transform: rotate(129.6deg);
}
.processCircle .percent73 .slim-skill__mask.full, .processCircle .percent73 .slim-skill__fill {
	-webkit-animation: fillNumberMxm73 2s ease-in-out 0.3s both;
	animation: fillNumberMxm73 2s ease-in-out 0.3s both;
	-moz-transform: rotate(131.4deg);
	-webkit-transform: rotate(131.4deg);
	-ms-transform: rotate(131.4deg);
	-o-transform: rotate(131.4deg);
	transform: rotate(131.4deg);
}
.processCircle .percent74 .slim-skill__mask.full, .processCircle .percent74 .slim-skill__fill {
	-webkit-animation: fillNumberMxm74 2s ease-in-out 0.3s both;
	animation: fillNumberMxm74 2s ease-in-out 0.3s both;
	-moz-transform: rotate(133.2deg);
	-webkit-transform: rotate(133.2deg);
	-ms-transform: rotate(133.2deg);
	-o-transform: rotate(133.2deg);
	transform: rotate(133.2deg);
}
.processCircle .percent75 .slim-skill__mask.full, .processCircle .percent75 .slim-skill__fill {
	-webkit-animation: fillNumberMxm75 2s ease-in-out 0.3s both;
	animation: fillNumberMxm75 2s ease-in-out 0.3s both;
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.processCircle .percent76 .slim-skill__mask.full, .processCircle .percent76 .slim-skill__fill {
	-webkit-animation: fillNumberMxm76 2s ease-in-out 0.3s both;
	animation: fillNumberMxm76 2s ease-in-out 0.3s both;
	-moz-transform: rotate(136.8deg);
	-webkit-transform: rotate(136.8deg);
	-ms-transform: rotate(136.8deg);
	-o-transform: rotate(136.8deg);
	transform: rotate(136.8deg);
}
.processCircle .percent77 .slim-skill__mask.full, .processCircle .percent77 .slim-skill__fill {
	-webkit-animation: fillNumberMxm77 2s ease-in-out 0.3s both;
	animation: fillNumberMxm77 2s ease-in-out 0.3s both;
	-moz-transform: rotate(138.6deg);
	-webkit-transform: rotate(138.6deg);
	-ms-transform: rotate(138.6deg);
	-o-transform: rotate(138.6deg);
	transform: rotate(138.6deg);
}
.processCircle .percent78 .slim-skill__mask.full, .processCircle .percent78 .slim-skill__fill {
	-webkit-animation: fillNumberMxm78 2s ease-in-out 0.3s both;
	animation: fillNumberMxm78 2s ease-in-out 0.3s both;
	-moz-transform: rotate(140.4deg);
	-webkit-transform: rotate(140.4deg);
	-ms-transform: rotate(140.4deg);
	-o-transform: rotate(140.4deg);
	transform: rotate(140.4deg);
}
.processCircle .percent79 .slim-skill__mask.full, .processCircle .percent79 .slim-skill__fill {
	-webkit-animation: fillNumberMxm79 2s ease-in-out 0.3s both;
	animation: fillNumberMxm79 2s ease-in-out 0.3s both;
	-moz-transform: rotate(142.2deg);
	-webkit-transform: rotate(142.2deg);
	-ms-transform: rotate(142.2deg);
	-o-transform: rotate(142.2deg);
	transform: rotate(142.2deg);
}
.processCircle .percent80 .slim-skill__mask.full, .processCircle .percent80 .slim-skill__fill {
	-webkit-animation: fillNumberMxm80 2s ease-in-out 0.3s both;
	animation: fillNumberMxm80 2s ease-in-out 0.3s both;
	-moz-transform: rotate(144deg);
	-webkit-transform: rotate(144deg);
	-ms-transform: rotate(144deg);
	-o-transform: rotate(144deg);
	transform: rotate(144deg);
}
.processCircle .percent81 .slim-skill__mask.full, .processCircle .percent81 .slim-skill__fill {
	-webkit-animation: fillNumberMxm81 2s ease-in-out 0.3s both;
	animation: fillNumberMxm81 2s ease-in-out 0.3s both;
	-moz-transform: rotate(145.8deg);
	-webkit-transform: rotate(145.8deg);
	-ms-transform: rotate(145.8deg);
	-o-transform: rotate(145.8deg);
	transform: rotate(145.8deg);
}
.processCircle .percent82 .slim-skill__mask.full, .processCircle .percent82 .slim-skill__fill {
	-webkit-animation: fillNumberMxm82 2s ease-in-out 0.3s both;
	animation: fillNumberMxm82 2s ease-in-out 0.3s both;
	-moz-transform: rotate(147.6deg);
	-webkit-transform: rotate(147.6deg);
	-ms-transform: rotate(147.6deg);
	-o-transform: rotate(147.6deg);
	transform: rotate(147.6deg);
}
.processCircle .percent83 .slim-skill__mask.full, .processCircle .percent83 .slim-skill__fill {
	-webkit-animation: fillNumberMxm83 2s ease-in-out 0.3s both;
	animation: fillNumberMxm83 2s ease-in-out 0.3s both;
	-moz-transform: rotate(149.4deg);
	-webkit-transform: rotate(149.4deg);
	-ms-transform: rotate(149.4deg);
	-o-transform: rotate(149.4deg);
	transform: rotate(149.4deg);
}
.processCircle .percent84 .slim-skill__mask.full, .processCircle .percent84 .slim-skill__fill {
	-webkit-animation: fillNumberMxm84 2s ease-in-out 0.3s both;
	animation: fillNumberMxm84 2s ease-in-out 0.3s both;
	-moz-transform: rotate(151.2deg);
	-webkit-transform: rotate(151.2deg);
	-ms-transform: rotate(151.2deg);
	-o-transform: rotate(151.2deg);
	transform: rotate(151.2deg);
}
.processCircle .percent85 .slim-skill__mask.full, .processCircle .percent85 .slim-skill__fill {
	-webkit-animation: fillNumberMxm85 2s ease-in-out 0.3s both;
	animation: fillNumberMxm85 2s ease-in-out 0.3s both;
	-moz-transform: rotate(153deg);
	-webkit-transform: rotate(153deg);
	-ms-transform: rotate(153deg);
	-o-transform: rotate(153deg);
	transform: rotate(153deg);
}
.processCircle .percent86 .slim-skill__mask.full, .processCircle .percent86 .slim-skill__fill {
	-webkit-animation: fillNumberMxm86 2s ease-in-out 0.3s both;
	animation: fillNumberMxm86 2s ease-in-out 0.3s both;
	-moz-transform: rotate(154.8deg);
	-webkit-transform: rotate(154.8deg);
	-ms-transform: rotate(154.8deg);
	-o-transform: rotate(154.8deg);
	transform: rotate(154.8deg);
}
.processCircle .percent87 .slim-skill__mask.full, .processCircle .percent87 .slim-skill__fill {
	-webkit-animation: fillNumberMxm87 2s ease-in-out 0.3s both;
	animation: fillNumberMxm87 2s ease-in-out 0.3s both;
	-moz-transform: rotate(156.6deg);
	-webkit-transform: rotate(156.6deg);
	-ms-transform: rotate(156.6deg);
	-o-transform: rotate(156.6deg);
	transform: rotate(156.6deg);
}
.processCircle .percent88 .slim-skill__mask.full, .processCircle .percent88 .slim-skill__fill {
	-webkit-animation: fillNumberMxm88 2s ease-in-out 0.3s both;
	animation: fillNumberMxm88 2s ease-in-out 0.3s both;
	-moz-transform: rotate(158.4deg);
	-webkit-transform: rotate(158.4deg);
	-ms-transform: rotate(158.4deg);
	-o-transform: rotate(158.4deg);
	transform: rotate(158.4deg);
}
.processCircle .percent89 .slim-skill__mask.full, .processCircle .percent89 .slim-skill__fill {
	-webkit-animation: fillNumberMxm89 2s ease-in-out 0.3s both;
	animation: fillNumberMxm89 2s ease-in-out 0.3s both;
	-moz-transform: rotate(160.2deg);
	-webkit-transform: rotate(160.2deg);
	-ms-transform: rotate(160.2deg);
	-o-transform: rotate(160.2deg);
	transform: rotate(160.2deg);
}
.processCircle .percent90 .slim-skill__mask.full, .processCircle .percent90 .slim-skill__fill {
	-webkit-animation: fillNumberMxm90 2s ease-in-out 0.3s both;
	animation: fillNumberMxm90 2s ease-in-out 0.3s both;
	-moz-transform: rotate(162deg);
	-webkit-transform: rotate(162deg);
	-ms-transform: rotate(162deg);
	-o-transform: rotate(162deg);
	transform: rotate(162deg);
}
.processCircle .percent91 .slim-skill__mask.full, .processCircle .percent91 .slim-skill__fill {
	-webkit-animation: fillNumberMxm91 2s ease-in-out 0.3s both;
	animation: fillNumberMxm91 2s ease-in-out 0.3s both;
	-moz-transform: rotate(163.8deg);
	-webkit-transform: rotate(163.8deg);
	-ms-transform: rotate(163.8deg);
	-o-transform: rotate(163.8deg);
	transform: rotate(163.8deg);
}
.processCircle .percent92 .slim-skill__mask.full, .processCircle .percent92 .slim-skill__fill {
	-webkit-animation: fillNumberMxm92 2s ease-in-out 0.3s both;
	animation: fillNumberMxm92 2s ease-in-out 0.3s both;
	-moz-transform: rotate(165.6deg);
	-webkit-transform: rotate(165.6deg);
	-ms-transform: rotate(165.6deg);
	-o-transform: rotate(165.6deg);
	transform: rotate(165.6deg);
}
.processCircle .percent93 .slim-skill__mask.full, .processCircle .percent93 .slim-skill__fill {
	-webkit-animation: fillNumberMxm93 2s ease-in-out 0.3s both;
	animation: fillNumberMxm93 2s ease-in-out 0.3s both;
	-moz-transform: rotate(167.4deg);
	-webkit-transform: rotate(167.4deg);
	-ms-transform: rotate(167.4deg);
	-o-transform: rotate(167.4deg);
	transform: rotate(167.4deg);
}
.processCircle .percent94 .slim-skill__mask.full, .processCircle .percent94 .slim-skill__fill {
	-webkit-animation: fillNumberMxm94 2s ease-in-out 0.3s both;
	animation: fillNumberMxm94 2s ease-in-out 0.3s both;
	-moz-transform: rotate(169.2deg);
	-webkit-transform: rotate(169.2deg);
	-ms-transform: rotate(169.2deg);
	-o-transform: rotate(169.2deg);
	transform: rotate(169.2deg);
}
.processCircle .percent95 .slim-skill__mask.full, .processCircle .percent95 .slim-skill__fill {
	-webkit-animation: fillNumberMxm95 2s ease-in-out 0.3s both;
	animation: fillNumberMxm95 2s ease-in-out 0.3s both;
	-moz-transform: rotate(171deg);
	-webkit-transform: rotate(171deg);
	-ms-transform: rotate(171deg);
	-o-transform: rotate(171deg);
	transform: rotate(171deg);
}
.processCircle .percent96 .slim-skill__mask.full, .processCircle .percent96 .slim-skill__fill {
	-webkit-animation: fillNumberMxm96 2s ease-in-out 0.3s both;
	animation: fillNumberMxm96 2s ease-in-out 0.3s both;
	-moz-transform: rotate(172.8deg);
	-webkit-transform: rotate(172.8deg);
	-ms-transform: rotate(172.8deg);
	-o-transform: rotate(172.8deg);
	transform: rotate(172.8deg);
}
.processCircle .percent97 .slim-skill__mask.full, .processCircle .percent97 .slim-skill__fill {
	-webkit-animation: fillNumberMxm97 2s ease-in-out 0.3s both;
	animation: fillNumberMxm97 2s ease-in-out 0.3s both;
	-moz-transform: rotate(174.6deg);
	-webkit-transform: rotate(174.6deg);
	-ms-transform: rotate(174.6deg);
	-o-transform: rotate(174.6deg);
	transform: rotate(174.6deg);
}
.processCircle .percent98 .slim-skill__mask.full, .processCircle .percent98 .slim-skill__fill {
	-webkit-animation: fillNumberMxm98 2s ease-in-out 0.3s both;
	animation: fillNumberMxm98 2s ease-in-out 0.3s both;
	-moz-transform: rotate(176.4deg);
	-webkit-transform: rotate(176.4deg);
	-ms-transform: rotate(176.4deg);
	-o-transform: rotate(176.4deg);
	transform: rotate(176.4deg);
}
.processCircle .percent99 .slim-skill__mask.full, .processCircle .percent99 .slim-skill__fill {
	-webkit-animation: fillNumberMxm99 2s ease-in-out 0.3s both;
	animation: fillNumberMxm99 2s ease-in-out 0.3s both;
	-moz-transform: rotate(178.2deg);
	-webkit-transform: rotate(178.2deg);
	-ms-transform: rotate(178.2deg);
	-o-transform: rotate(178.2deg);
	transform: rotate(178.2deg);
}
.processCircle .percent100 .slim-skill__mask.full, .processCircle .percent100 .slim-skill__fill {
	-webkit-animation: fillNumberMxm100 2s ease-in-out 0.3s both;
	animation: fillNumberMxm100 2s ease-in-out 0.3s both;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.slim-skill__icon {
	border-radius: 50%;
	width: 10.8rem;
	height: 10.8rem;
	background: #ffffff;
	position: absolute;
	z-index: 100;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.slim-skill__number {
	position: relative;
}
.slim-skill__number:before {
	content: "%";
	position: absolute;
	top: 0;
	left: 100%;
	font-size: 2.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.87);
}
.slim-skill__name {
	text-align: center;
}
.slim-skill__paragraph {
	text-align: center;
}

@keyframes fillNumberMxm0 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
@keyframes fillNumberMxm1 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(1.8deg);
	}
}
@keyframes fillNumberMxm2 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(3.6deg);
	}
}
@keyframes fillNumberMxm3 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(5.4deg);
	}
}
@keyframes fillNumberMxm4 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(7.2deg);
	}
}
@keyframes fillNumberMxm5 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(9deg);
	}
}
@keyframes fillNumberMxm6 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(10.8deg);
	}
}
@keyframes fillNumberMxm7 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(12.6deg);
	}
}
@keyframes fillNumberMxm8 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(14.4deg);
	}
}
@keyframes fillNumberMxm9 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(16.2deg);
	}
}
@keyframes fillNumberMxm10 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(18deg);
	}
}
@keyframes fillNumberMxm11 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(19.8deg);
	}
}
@keyframes fillNumberMxm12 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(21.6deg);
	}
}
@keyframes fillNumberMxm13 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(23.4deg);
	}
}
@keyframes fillNumberMxm14 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(25.2deg);
	}
}
@keyframes fillNumberMxm15 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(27deg);
	}
}
@keyframes fillNumberMxm16 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(28.8deg);
	}
}
@keyframes fillNumberMxm17 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(30.6deg);
	}
}
@keyframes fillNumberMxm18 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(32.4deg);
	}
}
@keyframes fillNumberMxm19 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(34.2deg);
	}
}
@keyframes fillNumberMxm20 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(36deg);
	}
}
@keyframes fillNumberMxm21 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(37.8deg);
	}
}
@keyframes fillNumberMxm22 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(39.6deg);
	}
}
@keyframes fillNumberMxm23 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(41.4deg);
	}
}
@keyframes fillNumberMxm24 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(43.2deg);
	}
}
@keyframes fillNumberMxm25 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(45deg);
	}
}
@keyframes fillNumberMxm26 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(46.8deg);
	}
}
@keyframes fillNumberMxm27 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(48.6deg);
	}
}
@keyframes fillNumberMxm28 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(50.4deg);
	}
}
@keyframes fillNumberMxm29 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(52.2deg);
	}
}
@keyframes fillNumberMxm30 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(54deg);
	}
}
@keyframes fillNumberMxm31 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(55.8deg);
	}
}
@keyframes fillNumberMxm32 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(57.6deg);
	}
}
@keyframes fillNumberMxm33 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(59.4deg);
	}
}
@keyframes fillNumberMxm34 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(61.2deg);
	}
}
@keyframes fillNumberMxm35 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(63deg);
	}
}
@keyframes fillNumberMxm36 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(64.8deg);
	}
}
@keyframes fillNumberMxm37 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(66.6deg);
	}
}
@keyframes fillNumberMxm38 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(68.4deg);
	}
}
@keyframes fillNumberMxm39 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(70.2deg);
	}
}
@keyframes fillNumberMxm40 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(72deg);
	}
}
@keyframes fillNumberMxm41 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(73.8deg);
	}
}
@keyframes fillNumberMxm42 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(75.6deg);
	}
}
@keyframes fillNumberMxm43 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(77.4deg);
	}
}
@keyframes fillNumberMxm44 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(79.2deg);
	}
}
@keyframes fillNumberMxm45 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(81deg);
	}
}
@keyframes fillNumberMxm46 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(82.8deg);
	}
}
@keyframes fillNumberMxm47 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(84.6deg);
	}
}
@keyframes fillNumberMxm48 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(86.4deg);
	}
}
@keyframes fillNumberMxm49 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(88.2deg);
	}
}
@keyframes fillNumberMxm50 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(90deg);
	}
}
@keyframes fillNumberMxm51 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(91.8deg);
	}
}
@keyframes fillNumberMxm52 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(93.6deg);
	}
}
@keyframes fillNumberMxm53 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(95.4deg);
	}
}
@keyframes fillNumberMxm54 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(97.2deg);
	}
}
@keyframes fillNumberMxm55 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(99deg);
	}
}
@keyframes fillNumberMxm56 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(100.8deg);
	}
}
@keyframes fillNumberMxm57 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(102.6deg);
	}
}
@keyframes fillNumberMxm58 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(104.4deg);
	}
}
@keyframes fillNumberMxm59 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(106.2deg);
	}
}
@keyframes fillNumberMxm60 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(108deg);
	}
}
@keyframes fillNumberMxm61 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(109.8deg);
	}
}
@keyframes fillNumberMxm62 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(111.6deg);
	}
}
@keyframes fillNumberMxm63 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(113.4deg);
	}
}
@keyframes fillNumberMxm64 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(115.2deg);
	}
}
@keyframes fillNumberMxm65 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(117deg);
	}
}
@keyframes fillNumberMxm66 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(118.8deg);
	}
}
@keyframes fillNumberMxm67 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(120.6deg);
	}
}
@keyframes fillNumberMxm68 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(122.4deg);
	}
}
@keyframes fillNumberMxm69 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(124.2deg);
	}
}
@keyframes fillNumberMxm70 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(126deg);
	}
}
@keyframes fillNumberMxm71 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(127.8deg);
	}
}
@keyframes fillNumberMxm72 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(129.6deg);
	}
}
@keyframes fillNumberMxm73 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(131.4deg);
	}
}
@keyframes fillNumberMxm74 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(133.2deg);
	}
}
@keyframes fillNumberMxm75 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(135deg);
	}
}
@keyframes fillNumberMxm76 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(136.8deg);
	}
}
@keyframes fillNumberMxm77 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(138.6deg);
	}
}
@keyframes fillNumberMxm78 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(140.4deg);
	}
}
@keyframes fillNumberMxm79 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(142.2deg);
	}
}
@keyframes fillNumberMxm80 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(144deg);
	}
}
@keyframes fillNumberMxm81 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(145.8deg);
	}
}
@keyframes fillNumberMxm82 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(147.6deg);
	}
}
@keyframes fillNumberMxm83 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(149.4deg);
	}
}
@keyframes fillNumberMxm84 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(151.2deg);
	}
}
@keyframes fillNumberMxm85 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(153deg);
	}
}
@keyframes fillNumberMxm86 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(154.8deg);
	}
}
@keyframes fillNumberMxm87 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(156.6deg);
	}
}
@keyframes fillNumberMxm88 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(158.4deg);
	}
}
@keyframes fillNumberMxm89 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(160.2deg);
	}
}
@keyframes fillNumberMxm90 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(162deg);
	}
}
@keyframes fillNumberMxm91 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(163.8deg);
	}
}
@keyframes fillNumberMxm92 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(165.6deg);
	}
}
@keyframes fillNumberMxm93 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(167.4deg);
	}
}
@keyframes fillNumberMxm94 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(169.2deg);
	}
}
@keyframes fillNumberMxm95 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(171deg);
	}
}
@keyframes fillNumberMxm96 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(172.8deg);
	}
}
@keyframes fillNumberMxm97 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(174.6deg);
	}
}
@keyframes fillNumberMxm98 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(176.4deg);
	}
}
@keyframes fillNumberMxm99 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(178.2deg);
	}
}
@keyframes fillNumberMxm100 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(180deg);
	}
}
/*******************form***********************/
.form__form {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 4rem;
}
.form__group {
	width: 100%;
	position: relative;
}
.form__input {
	padding: 1.2rem 1.6rem;
	border: 1px solid rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	background-color: #ffffff;
	width: 100%;
}
.form__input:focus {
	outline: none;
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.form__input:focus:invalid {
	border: 1px solid #f3d0d3;
}
.form__input:placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.form__input::placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.form__input:-moz-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.form__input::-moz-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.form__input:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.form__input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.form__input:placeholder-shown + .form__label {
	opacity: 0;
	visibility: hidden;
	-moz-transform: translateY(-4rem);
	-webkit-transform: translateY(-4rem);
	-ms-transform: translateY(-4rem);
	-o-transform: translateY(-4rem);
	transform: translateY(-4rem);
}
.form__label {
	opacity: 1;
	visibility: visible;
	margin-left: 1.6rem;
	margin-top: 0.4rem;
	margin-bottom: 0.4rem;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.form__wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

/*******************list-faq***********************/
.list-faq {
	margin-bottom: 4rem;
}
.list-faq__list--lv2 {
	padding: 0.8rem 4.2rem 0.8rem 7.2rem;
}
@media screen and (max-width: 319px) {
	.list-faq__list--lv2 {
		padding: 0.8rem 2.8rem 0.8rem 3.2rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.list-faq__list--lv2 {
		padding: 0.8rem 4rem 0.8rem 4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.list-faq__list--lv2 {
		padding: 0.8rem 4rem 0.8rem 4rem;
	}
}
.list-faq__item {
	margin-bottom: 0.4rem;
}
.list-faq__link {
	font-size: 1.6rem;
	line-height: 2.8rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.87);
	display: block;
	padding: 0.8rem 4.2rem 0.8rem 7.2rem;
	border: 1px solid rgba(0, 0, 0, 0.12);
	overflow: hidden;
	position: relative;
	background-color: #ffffff;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
@media screen and (max-width: 319px) {
	.list-faq__link {
		padding: 0.8rem 2.8rem 0.8rem 3.2rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.list-faq__link {
		padding: 0.8rem 4rem 0.8rem 4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.list-faq__link {
		padding: 0.8rem 4rem 0.8rem 4rem;
	}
}
.list-faq__link:hover {
	color: #000000;
}
.list-faq--drop > .list-faq__link:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 1.6rem;
	-moz-transform: translateY(-50%) rotate(0deg);
	-webkit-transform: translateY(-50%) rotate(0deg);
	-ms-transform: translateY(-50%) rotate(0deg);
	-o-transform: translateY(-50%) rotate(0deg);
	transform: translateY(-50%) rotate(0deg);
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	font-family: "Material Icons";
	font-size: 2.4rem;
	color: rgba(0, 0, 0, 0.87);
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
@media screen and (max-width: 319px) {
	.list-faq--drop > .list-faq__link:before {
		right: 0.4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.list-faq--drop > .list-faq__link:before {
		right: 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.list-faq--drop > .list-faq__link:before {
		right: 0.8rem;
	}
}
.list-faq--drop > .list-faq__link:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 1.6rem;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	font-family: "Material Icons";
	font-size: 2.4rem;
	color: rgba(0, 0, 0, 0.87);
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
@media screen and (max-width: 319px) {
	.list-faq--drop > .list-faq__link:after {
		left: 0.4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.list-faq--drop > .list-faq__link:after {
		left: 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.list-faq--drop > .list-faq__link:after {
		left: 0.8rem;
	}
}
.list-faq--drop.openMn > .list-faq__link:before {
	-moz-transform: translateY(-50%) rotate(-180deg);
	-webkit-transform: translateY(-50%) rotate(-180deg);
	-ms-transform: translateY(-50%) rotate(-180deg);
	-o-transform: translateY(-50%) rotate(-180deg);
	transform: translateY(-50%) rotate(-180deg);
}
.list-faq__paragraph {
	margin-bottom: 4rem;
}

/*******************side-navi***********************/
.side-navi__list {
	margin-bottom: 4rem;
	position: relative;
	margin-top: 0;
}
.side-navi__list ul {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
}
.side-navi__list ul li {
	margin-bottom: 0.4rem;
}
.side-navi__list ul li a {
	display: block;
	padding: 0.8rem 1.6rem 0.8rem 6.4rem;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 4px;
	position: relative;
}
.side-navi__list ul li a:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 1.6rem;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	font-family: "Material Icons";
	font-size: 2.4rem;
	color: rgba(0, 0, 0, 0.87);
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.side-navi--fixed {
	position: fixed;
	top: 56px;
	left: 500px;
}
.side-navi__content h5 {
	margin-bottom: 1.2rem;
}
.side-navi__content img {
	float: left;
	margin-right: 2rem;
	margin-top: 0.8rem;
	margin-bottom: 0.8rem;
	display: block;
	max-width: 100%;
	height: auto;
}
@media screen and (max-width: 319px) {
	.side-navi__content img {
		float: none;
		margin: 0.4rem auto;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.side-navi__content img {
		float: none;
		margin: 0.4rem auto;
	}
}
.side-navi__content img.right {
	float: right;
	margin-left: 2rem;
	margin-top: 0.8rem;
	margin-bottom: 0.8rem;
	display: block;
	max-width: 100%;
	height: auto;
}
@media screen and (max-width: 319px) {
	.side-navi__content img.right {
		float: none;
		margin: 0.4rem auto;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.side-navi__content img.right {
		float: none;
		margin: 0.4rem auto;
	}
}
.side-navi__content p {
	margin-bottom: 2rem;
}
.side-navi__content .parent-mxm {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}
@media screen and (max-width: 319px) {
	.side-navi__content .parent-mxm {
		flex-direction: column;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.side-navi__content .parent-mxm {
		flex-direction: column;
	}
}
.side-navi__content ul {
	margin-bottom: 1.2rem;
}
.side-navi__content ul:not(:last-child) {
	margin-right: 12rem;
}
@media screen and (max-width: 319px) {
	.side-navi__content ul:not(:last-child) {
		margin-right: 0.4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.side-navi__content ul:not(:last-child) {
		margin-right: 1.2rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.side-navi__content ul:not(:last-child) {
		margin-right: 1.2rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.side-navi__content ul:not(:last-child) {
		margin-right: 1.2rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.side-navi__content ul:not(:last-child) {
		margin-right: 4rem;
	}
}
.side-navi__content ul li {
	padding: 0rem 0.8rem 0rem 2.4rem;
	position: relative;
}
.side-navi__content ul li:not(:last-child) {
	margin-bottom: 1.2rem;
}
.side-navi__content ul li:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	font-family: "Material Icons";
	font-size: 1.6rem;
	color: rgba(0, 0, 0, 0.87);
}
.side-navi__content blockquote {
	margin-bottom: 4rem;
	margin-top: 4rem;
	text-align: center;
	padding: 5.4rem 10.4rem 0.4rem;
	position: relative;
}
@media screen and (max-width: 319px) {
	.side-navi__content blockquote {
		padding: 5.4rem 0rem 0.4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.side-navi__content blockquote {
		padding: 5.4rem 0rem 0.4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.side-navi__content blockquote {
		padding: 5.4rem 1.8rem 0.4rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.side-navi__content blockquote {
		padding: 5.4rem 1.8rem 0.4rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.side-navi__content blockquote {
		padding: 5.4rem 2.4rem 0.4rem;
	}
}
.side-navi__content blockquote:before {
	content: "";
	font-size: 6rem;
	color: rgba(0, 0, 0, 0.87);
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	left: 50%;
	font-family: "Material Icons";
}
.side-navi__content blockquote figcaption {
	margin-top: 1.2rem;
}

/*******************feature-work***********************/
.feature-work {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.feature-work__side {
	position: relative;
	width: 100%;
	flex: 0 0 33.3333333333%;
	max-width: 33.3333333333%;
}
@media screen and (max-width: 319px) {
	.feature-work__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.feature-work__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.feature-work__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
.feature-work__side.show {
	display: block;
}
.feature-work__side img {
	height: auto;
	max-width: 100%;
	margin: auto;
}
.feature-work__side:hover .feature-work__content {
	opacity: 1;
	visibility: visible;
}
.feature-work__content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.35);
	padding: 1rem 4.8rem 1rem;
	z-index: 99;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	opacity: 0;
	visibility: hidden;
	-moz-transition: all 1.2s ease 0s;
	-webkit-transition: all 1.2s ease 0s;
	-o-transition: all 1.2s ease 0s;
	transition: all 1.2s ease 0s;
}
@media screen and (max-width: 319px) {
	.feature-work__content {
		opacity: 1;
		visibility: visible;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.feature-work__content {
		opacity: 1;
		visibility: visible;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.feature-work__content {
		opacity: 1;
		visibility: visible;
	}
}
@media screen and (max-width: 319px) {
	.feature-work__content {
		padding: 0.4rem 2.4rem 0.4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.feature-work__content {
		padding: 0.4rem 2.4rem 0.4rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.feature-work__content {
		padding: 0.4rem 2.4rem 0.4rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.feature-work__content {
		padding: 0.4rem 2.4rem 0.4rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.feature-work__content {
		padding: 0.4rem 2.4rem 0.4rem;
	}
}
.feature-work__icon {
	margin-bottom: 5.6rem;
}
.feature-work__icon i {
	font-size: 3.6rem;
	color: #ffffff;
}
@media screen and (max-width: 319px) {
	.feature-work__icon {
		margin-bottom: 1.2rem;
	}
	.feature-work__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.feature-work__icon {
		margin-bottom: 1.2rem;
	}
	.feature-work__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.feature-work__icon {
		margin-bottom: 1.2rem;
	}
	.feature-work__icon i {
		font-size: 2.4rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.feature-work__icon {
		margin-bottom: 1.2rem;
	}
	.feature-work__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.feature-work__icon {
		margin-bottom: 1.2rem;
	}
	.feature-work__icon i {
		font-size: 2.8rem;
	}
}
.feature-work__date-cate {
	margin-bottom: 1.2rem;
}
.feature-work__date-cate span {
	color: #ffffff;
}
@media screen and (max-width: 319px) {
	.feature-work__date-cate {
		margin-bottom: 0rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.feature-work__date-cate {
		margin-bottom: 0rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.feature-work__date-cate {
		margin-bottom: 0rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.feature-work__date-cate {
		margin-bottom: 0rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.feature-work__date-cate {
		margin-bottom: 0rem;
	}
}
.feature-work__name {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.feature-work__name {
		margin-bottom: 0.8rem;
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.feature-work__name {
		margin-bottom: 0.8rem;
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.feature-work__name {
		margin-bottom: 0.8rem;
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.feature-work__name {
		margin-bottom: 0.8rem;
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.feature-work__name {
		margin-bottom: 0.8rem;
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
.feature-work__paragraph {
	margin-bottom: 4.8rem;
}
@media screen and (max-width: 319px) {
	.feature-work__paragraph {
		margin-bottom: 3.8rem;
		display: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.feature-work__paragraph {
		margin-bottom: 3.8rem;
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.feature-work__paragraph {
		margin-bottom: 3.8rem;
		display: none;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.feature-work__paragraph {
		margin-bottom: 3.8rem;
		display: none;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.feature-work__paragraph {
		margin-bottom: 2.4rem;
	}
}

.feature-work-t {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 4.8rem;
}
.feature-work-t__title {
	text-align: center;
	margin-bottom: 2.4rem;
}
.feature-work-t__nav {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.feature-work-t__nav a {
	display: block;
	margin: 0rem 0.8rem 1.6rem;
}
/*******************show-case-v2***********************/
.show-case-v2__side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.show-case-v2__side:hover .show-case-v2__line {
	-moz-transform: scaleX(0.8);
	-webkit-transform: scaleX(0.8);
	-ms-transform: scaleX(0.8);
	-o-transform: scaleX(0.8);
	transform: scaleX(0.8);
}
@media screen and (max-width: 319px) {
	.show-case-v2__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.show-case-v2__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.show-case-v2__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.show-case-v2__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.show-case-v2__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
.show-case-v2__line {
	width: 6rem;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.12);
	margin: 1.6rem 0 2.4rem;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-moz-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}
.show-case-v2__paragraph {
	margin-bottom: 4.8rem;
}
.show-case-v2__picture img {
	filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));
	max-width: 160%;
	height: auto;
	margin: auto;
}
@media screen and (max-width: 319px) {
	.show-case-v2__picture img {
		max-width: 100%;
		margin-bottom: 4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.show-case-v2__picture img {
		max-width: 100%;
		margin-bottom: 4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.show-case-v2__picture img {
		max-width: 100%;
		margin-bottom: 4rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.show-case-v2__picture img {
		max-width: 100%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.show-case-v2__picture img {
		max-width: 100%;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.show-case-v2__picture img {
		max-width: 100%;
	}
}

/*******************show-case-v3***********************/
.show-case-v3__side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.show-case-v3__side:hover .show-case-v3__line {
	-moz-transform: scaleX(0.8);
	-webkit-transform: scaleX(0.8);
	-ms-transform: scaleX(0.8);
	-o-transform: scaleX(0.8);
	transform: scaleX(0.8);
}
@media screen and (max-width: 319px) {
	.show-case-v3__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.show-case-v3__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.show-case-v3__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.show-case-v3__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.show-case-v3__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
.show-case-v3__line {
	width: 6rem;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.12);
	margin: 1.6rem 0 2.4rem;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-moz-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}
.show-case-v3__paragraph {
	margin-bottom: 4.8rem;
}
.show-case-v3__picture img {
	filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));
	max-width: 130%;
	-moz-transform: translateX(-24%);
	-webkit-transform: translateX(-24%);
	-ms-transform: translateX(-24%);
	-o-transform: translateX(-24%);
	transform: translateX(-24%);
	height: auto;
	margin: auto;
}
@media screen and (max-width: 319px) {
	.show-case-v3__picture img {
		max-width: 100%;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		margin-bottom: 4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.show-case-v3__picture img {
		max-width: 100%;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		margin-bottom: 4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.show-case-v3__picture img {
		max-width: 100%;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		margin-bottom: 4rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.show-case-v3__picture img {
		max-width: 100%;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.show-case-v3__picture img {
		max-width: 100%;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.show-case-v3__picture img {
		max-width: 100%;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}

/*******************show-case-v4***********************/
.show-case-v4__side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.show-case-v4__side:hover .show-case-v4__line {
	-moz-transform: scaleX(0.8);
	-webkit-transform: scaleX(0.8);
	-ms-transform: scaleX(0.8);
	-o-transform: scaleX(0.8);
	transform: scaleX(0.8);
}
@media screen and (max-width: 319px) {
	.show-case-v4__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.show-case-v4__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
    .show-case-v4__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.show-case-v4__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.show-case-v4__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
.show-case-v4__line {
	width: 6rem;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.2);
	margin: 1.6rem 0 2.4rem;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-moz-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}
.show-case-v4__paragraph {
	margin-bottom: 4.8rem;
}
.show-case-v4__picture img {
	filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));
	max-width: 112%;
	-moz-transform: translateX(-12%);
	-webkit-transform: translateX(-12%);
	-ms-transform: translateX(-12%);
	-o-transform: translateX(-12%);
	transform: translateX(-12%);
	height: auto;
	margin: auto;
}
@media screen and (max-width: 319px) {
	.show-case-v4__picture img {
		max-width: 100%;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		margin-bottom: 4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.show-case-v4__picture img {
		max-width: 100%;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		margin-bottom: 4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.show-case-v4__picture img {
		max-width: 100%;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		margin-bottom: 4rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.show-case-v4__picture img {
		max-width: 100%;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.show-case-v4__picture img {
		max-width: 100%;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.show-case-v4__picture img {
		max-width: 100%;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}

/*******************show-case-v5***********************/
.show-case-v5__side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.show-case-v5__side:hover .show-case-v5__line {
	-moz-transform: scaleX(0.8);
	-webkit-transform: scaleX(0.8);
	-ms-transform: scaleX(0.8);
	-o-transform: scaleX(0.8);
	transform: scaleX(0.8);
}
@media screen and (max-width: 319px) {
	.show-case-v5__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.show-case-v5__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.show-case-v5__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.show-case-v5__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.show-case-v5__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
.show-case-v5__line {
	width: 6rem;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.2);
	margin: 1.6rem 0 2.4rem;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-moz-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}
.show-case-v5__paragraph {
	margin-bottom: 4.8rem;
}
.show-case-v5__picture {
	position: relative;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 319px) {
	.show-case-v5__picture {
		margin-bottom: 4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.show-case-v5__picture {
		margin-bottom: 4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.show-case-v5__picture {
		margin-bottom: 4rem;
	}
}
.show-case-v5__picture img {
	filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));
	max-width: 100%;
	height: auto;
	position: absolute;
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
@media screen and (max-width: 319px) {
	.show-case-v5__picture img {
		position: static !important;
		-moz-transform: translateY(0) !important;
		-webkit-transform: translateY(0) !important;
		-ms-transform: translateY(0) !important;
		-o-transform: translateY(0) !important;
		transform: translateY(0) !important;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.show-case-v5__picture img {
		position: static !important;
		-moz-transform: translateY(0) !important;
		-webkit-transform: translateY(0) !important;
		-ms-transform: translateY(0) !important;
		-o-transform: translateY(0) !important;
		transform: translateY(0) !important;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.show-case-v5__picture img {
		position: static !important;
		-moz-transform: translateY(0) !important;
		-webkit-transform: translateY(0) !important;
		-ms-transform: translateY(0) !important;
		-o-transform: translateY(0) !important;
		transform: translateY(0) !important;
	}
}
/*******************show-case-v6***********************/
.show-case-v6__side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.show-case-v6__side:hover .show-case-v6__line {
	-moz-transform: scaleX(0.8);
	-webkit-transform: scaleX(0.8);
	-ms-transform: scaleX(0.8);
	-o-transform: scaleX(0.8);
	transform: scaleX(0.8);
}
@media screen and (max-width: 319px) {
	.show-case-v6__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.show-case-v6__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.show-case-v6__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.show-case-v6__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.show-case-v6__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
.show-case-v6__line {
	width: 6rem;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.12);
	margin: 1.6rem 0 2.4rem;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-moz-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}
.show-case-v6__paragraph {
	margin-bottom: 4.8rem;
}
.show-case-v6__picture img {
	filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));
	max-width: 100%;
	height: auto;
	margin: auto;
}
@media screen and (max-width: 319px) {
	.show-case-v6__picture img {
		margin-bottom: 4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.show-case-v6__picture img {
		margin-bottom: 4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.show-case-v6__picture img {
		margin-bottom: 4rem;
	}
}
/*******************show-case-v7***********************/
.show-case-v7__side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.show-case-v7__side:hover .show-case-v7__line {
	-moz-transform: scaleX(0.8);
	-webkit-transform: scaleX(0.8);
	-ms-transform: scaleX(0.8);
	-o-transform: scaleX(0.8);
	transform: scaleX(0.8);
}
@media screen and (max-width: 319px) {
	.show-case-v7__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.show-case-v7__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.show-case-v7__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.show-case-v7__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.show-case-v7__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
.show-case-v7__line {
	width: 6rem;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.12);
	margin: 1.6rem 0 2.4rem;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-moz-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}
.show-case-v7__paragraph {
	margin-bottom: 4.8rem;
}
.show-case-v7__picture img {
	filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));
	max-width: 100%;
	height: auto;
	margin: auto;
}
@media screen and (max-width: 319px) {
	.show-case-v7__picture img {
		margin-bottom: 4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.show-case-v7__picture img {
		margin-bottom: 4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.show-case-v7__picture img {
		margin-bottom: 4rem;
	}
}
/*******************show-case-v8***********************/
.show-case-v8 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.show-case-v8__title {
	margin-bottom: 4.8rem;
	text-align: center;
}
.show-case-v8__wrap {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.show-case-v8__btn {
	margin-bottom: 6.4rem;
	margin-left: 1.2rem;
	margin-right: 1.2rem;
}
.show-case-v8__hero {
	filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));
	height: auto;
	margin: 0 auto 0rem;
	max-width: 100%;
}

/*******************show-case-v9***********************/
.show-case-v9 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.show-case-v9__title {
	margin-bottom: 4.8rem;
	text-align: center;
}
.show-case-v9__wrap {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.show-case-v9__btn {
	margin-bottom: 6.4rem;
	margin-left: 1.2rem;
	margin-right: 1.2rem;
}
.show-case-v9__hero {
	filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));
	height: auto;
	margin: 0 auto -18.4rem;
	max-width: 100%;
}
/*******************show-case-v10***********************/
.show-case-v10 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.show-case-v10__title {
	margin-bottom: 4.8rem;
	text-align: center;
}
.show-case-v10__wrap {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.show-case-v10__btn {
	margin-bottom: 6.4rem;
	margin-left: 1.2rem;
	margin-right: 1.2rem;
}
.show-case-v10__hero {
	filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));
	height: auto;
	margin: 0 auto 4rem;
	max-width: 100%;
}
.show-case-v10__feature {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 4rem;
	position: relative;
}
.show-case-v10__feature:hover .show-case-v10__icon--parent {
	box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.38);
}
.show-case-v10__feature:hover .show-case-v10__icon--parent:after {
	-moz-transform: scale(0.85);
	-webkit-transform: scale(0.85);
	-ms-transform: scale(0.85);
	-o-transform: scale(0.85);
	transform: scale(0.85);
	opacity: 0.5;
}
.show-case-v10__feature:hover .show-case-v10__line {
	-moz-transform: scaleX(0.8);
	-webkit-transform: scaleX(0.8);
	-ms-transform: scaleX(0.8);
	-o-transform: scaleX(0.8);
	transform: scaleX(0.8);
}
@media screen and (max-width: 319px) {
	.show-case-v10__feature {
		flex-direction: column;
		align-items: center;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.show-case-v10__feature {
		flex-direction: column;
		align-items: center;
	}
}
.show-case-v10__feature.right {
	flex-direction: row;
}
@media screen and (max-width: 319px) {
	.show-case-v10__feature.right {
		flex-direction: column;
		align-items: center;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.show-case-v10__feature.right {
		flex-direction: column;
		align-items: center;
	}
}
.show-case-v10__icon {
	margin-left: 1.6rem;
}
@media screen and (max-width: 319px) {
	.show-case-v10__icon {
		margin-left: 0rem;
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.show-case-v10__icon {
		margin-left: 0rem;
		margin-bottom: 1.6rem;
	}
}
.show-case-v10__icon--parent {
	width: 7.2rem;
	height: 7.2rem;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	-moz-transition: box-shadow 0.5s;
	-webkit-transition: box-shadow 0.5s;
	-o-transition: box-shadow 0.5s;
	transition: box-shadow 0.5s;
	box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.38);
}
.show-case-v10__icon--parent:after {
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 50%;
	opacity: 1;
	-opacity-transition: transform 0.5s;
	-0.5s-transition: transform 0.5s;
	transition: transform 0.5s;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	box-shadow: 0 0 0 1px #ffffff;
}
.show-case-v10__icon--child {
	font-size: 3.2rem;
	color: #ffffff;
	-moz-transition: transform 0.5s;
	-webkit-transition: transform 0.5s;
	-o-transition: transform 0.5s;
	transition: transform 0.5s;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.right .show-case-v10__icon {
	margin-left: 0rem;
	margin-right: 1.6rem;
}
@media screen and (max-width: 319px) {
	.right .show-case-v10__icon {
		margin-left: 0rem;
		margin-right: 0rem;
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.right .show-case-v10__icon {
		margin-left: 0rem;
		margin-right: 0rem;
		margin-bottom: 1.6rem;
	}
}
.show-case-v10__content {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
}
@media screen and (max-width: 319px) {
	.show-case-v10__content {
		align-items: center;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.show-case-v10__content {
		align-items: center;
	}
}
.right .show-case-v10__content {
	align-items: flex-start;
}
@media screen and (max-width: 319px) {
	.right .show-case-v10__content {
		align-items: center;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.right .show-case-v10__content {
		align-items: center;
	}
}
.show-case-v10__name {
	margin-bottom: 0.8rem;
	text-align: right;
}
@media screen and (max-width: 319px) {
	.show-case-v10__name {
		text-align: center;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.show-case-v10__name {
		text-align: center;
	}
}
.right .show-case-v10__name {
	text-align: left;
}
@media screen and (max-width: 319px) {
	.right .show-case-v10__name {
		text-align: center;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.right .show-case-v10__name {
		text-align: center;
	}
}
.show-case-v10__line {
	width: 6rem;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.2);
	margin: 0.8rem 0 2rem;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-moz-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}
.show-case-v10__paragraph {
	text-align: right;
}
@media screen and (max-width: 319px) {
	.show-case-v10__paragraph {
		text-align: center;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.show-case-v10__paragraph {
		text-align: center;
	}
}
.right .show-case-v10__paragraph {
	text-align: left;
}
@media screen and (max-width: 319px) {
	.right .show-case-v10__paragraph {
		text-align: center;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.right .show-case-v10__paragraph {
		text-align: center;
	}
}
/*******************show-case-v11***********************/
.show-case-v11 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.show-case-v11__title {
	margin-bottom: 4.8rem;
	text-align: center;
}
.show-case-v11__wrap {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.show-case-v11__btn {
	margin-bottom: 6.4rem;
	margin-left: 1.2rem;
	margin-right: 1.2rem;
}
.show-case-v11__hero {
	filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));
	height: auto;
	margin: 0 auto -10.4rem;
	max-width: 100%;
}
/*******************team-meet-full***********************/
.team-meet-full {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.team-meet-full__wrap-full {
	position: relative;
	width: 100%;
	flex: 0 0 100%;
	max-width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
}
@media screen and (max-width: 319px) {
	.team-meet-full__wrap-full {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.team-meet-full__wrap-full {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.team-meet-full__wrap-full {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.team-meet-full__wrap-full {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
.team-meet-full__wrap-full:hover .team-meet-full__picture:before {
	-moz-transform: scale3d(1.1, 1.1, 1.1);
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	-ms-transform: scale3d(1.1, 1.1, 1.1);
	-o-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.team-meet-full__wrap-full:hover img {
	-moz-transform: scale3d(1.1, 1.1, 1.1);
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	-ms-transform: scale3d(1.1, 1.1, 1.1);
	-o-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.team-meet-full__wrap-full:hover .team-meet-full__picture:after {
	visibility: visible;
	opacity: 1;
}
.team-meet-full__wrap-full:hover .team-meet-full__line {
	-moz-transform: scaleX(0.8);
	-webkit-transform: scaleX(0.8);
	-ms-transform: scaleX(0.8);
	-o-transform: scaleX(0.8);
	transform: scaleX(0.8);
}
.team-meet-full__wrap {
	position: relative;
	width: 100%;
	flex: 0 0 50%;
	max-width: 50%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
}
@media screen and (max-width: 319px) {
	.team-meet-full__wrap {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.team-meet-full__wrap {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.team-meet-full__wrap {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.team-meet-full__wrap {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
.team-meet-full__wrap:hover .team-meet-full__picture:before {
	-moz-transform: scale3d(1.1, 1.1, 1.1);
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	-ms-transform: scale3d(1.1, 1.1, 1.1);
	-o-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.team-meet-full__wrap:hover img {
	-moz-transform: scale3d(1.1, 1.1, 1.1);
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	-ms-transform: scale3d(1.1, 1.1, 1.1);
	-o-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.team-meet-full__wrap:hover .team-meet-full__picture:after {
	visibility: visible;
	opacity: 1;
}
.team-meet-full__wrap:hover .team-meet-full__line {
	-moz-transform: scaleX(0.8);
	-webkit-transform: scaleX(0.8);
	-ms-transform: scaleX(0.8);
	-o-transform: scaleX(0.8);
	transform: scaleX(0.8);
}
.team-meet-full__side {
	position: relative;
	width: 100%;
	flex: 0 0 50%;
	max-width: 50%;
}
@media screen and (max-width: 319px) {
	.team-meet-full__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.team-meet-full__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
.team-meet-full__side-info {
	position: relative;
	width: 100%;
	flex: 0 0 50%;
	max-width: 50%;
	padding: 6.4rem 6.4rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #ffffff;
}
@media screen and (max-width: 319px) {
	.team-meet-full__side-info {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.team-meet-full__side-info {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.team-meet-full__side-info {
		padding: 0.8rem 1.6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.team-meet-full__side-info {
		padding: 0.8rem 6.4rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.team-meet-full__side-info {
		padding: 1.2rem 1.6rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.team-meet-full__side-info {
		padding: 1.2rem 1.6rem;
	}
}
.team-meet-full__wrap-full .team-meet-full__side-info {
	padding: 1.2rem 24rem;
}
@media screen and (max-width: 319px) {
	.team-meet-full__wrap-full .team-meet-full__side-info {
		padding: 6.4rem 6.4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.team-meet-full__wrap-full .team-meet-full__side-info {
		padding: 6.4rem 6.4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.team-meet-full__wrap-full .team-meet-full__side-info {
		padding: 0.8rem 1.6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.team-meet-full__wrap-full .team-meet-full__side-info {
		padding: 0.8rem 6.4rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.team-meet-full__wrap-full .team-meet-full__side-info {
		padding: 1.2rem 1.6rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.team-meet-full__wrap-full .team-meet-full__side-info {
		padding: 1.2rem 6.6rem;
	}
}
.team-meet-full__picture {
	position: relative;
	display: block;
	overflow: hidden;
	z-index: 9;
}
.team-meet-full__picture:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(154, 154, 154, 0.1);
	z-index: 9;
	-moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-moz-transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.team-meet-full__picture:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 10;
	visibility: hidden;
	opacity: 0;
	-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.team-meet-full__picture img {
	height: auto;
	max-width: 100%;
	margin: 0 auto;
	-moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-moz-transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
@media screen and (max-width: 319px) {
	.team-meet-full__wrap-full .team-meet-full__picture img {
		max-width: 200%;
		margin: 0 auto;
		-moz-transform: translateX(-25%);
		-webkit-transform: translateX(-25%);
		-ms-transform: translateX(-25%);
		-o-transform: translateX(-25%);
		transform: translateX(-25%);
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.team-meet-full__wrap-full .team-meet-full__picture img {
		max-width: 200%;
		margin: 0 auto;
		-moz-transform: translateX(-25%);
		-webkit-transform: translateX(-25%);
		-ms-transform: translateX(-25%);
		-o-transform: translateX(-25%);
		transform: translateX(-25%);
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.team-meet-full__wrap-full .team-meet-full__picture img {
		max-width: 200%;
		margin: 0 auto;
		-moz-transform: translateX(-25%);
		-webkit-transform: translateX(-25%);
		-ms-transform: translateX(-25%);
		-o-transform: translateX(-25%);
		transform: translateX(-25%);
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.team-meet-full__wrap-full .team-meet-full__picture img {
		max-width: 200%;
		margin: 0 auto;
		-moz-transform: translateX(-25%);
		-webkit-transform: translateX(-25%);
		-ms-transform: translateX(-25%);
		-o-transform: translateX(-25%);
		transform: translateX(-25%);
	}
}
.team-meet-full__name {
	margin-bottom: 1.6rem;
	text-align: center;
}
@media screen and (max-width: 319px) {
	.team-meet-full__name a {
		font-size: 2rem;
		line-height: 3.2rem;
		letter-spacing: 0.024rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.team-meet-full__name a {
		font-size: 2rem;
		line-height: 3.2rem;
		letter-spacing: 0.024rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.team-meet-full__name a {
		font-size: 2rem;
		line-height: 3.2rem;
		letter-spacing: 0.024rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.team-meet-full__name a {
		font-size: 2rem;
		line-height: 3.2rem;
		letter-spacing: 0.024rem;
		text-transform: none;
		font-weight: 500;
	}
}
.team-meet-full__paragraph {
	text-align: center;
}
.team-meet-full__line {
	width: 6rem;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.12);
	margin: 1.6rem auto 1.6rem;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-moz-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}
.team-meet-full__social ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}
.team-meet-full__social ul li a i {
	font-size: 1.8rem;
	color: rgba(0, 0, 0, 0.87);
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.team-meet-full__social ul li a:hover i {
	color: #000000;
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.team-meet-full__social ul li:not(:last-child) {
	margin-right: 1.6rem;
}

/*******************number***********************/
.number {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 4rem;
}
.number__name {
	text-align: center;
	margin-bottom: 1.2rem;
}
.number__percent {
	text-align: center;
	margin-bottom: 0.4rem;
	position: relative;
}
.number__percent:before {
	content: "%";
	position: absolute;
	top: 0;
	left: 100%;
	font-size: 4.8rem;
	line-height: 5.2rem;
	letter-spacing: 0.043rem;
	text-transform: none;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.87);
}
.number__paragraph {
	text-align: center;
	padding: 0 4rem;
}
@media screen and (max-width: 319px) {
	.number__paragraph {
		padding: 0 2rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.number__paragraph {
		padding: 0 4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.number__paragraph {
		padding: 0 12rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.number__paragraph {
		padding: 0 1rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.number__paragraph {
		padding: 0 2rem;
	}
}
/*******************feature-btn***********************/
.feature-btn {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 4rem;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.feature-btn {
		flex-direction: column;
		align-items: center;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.feature-btn {
		flex-direction: column;
		align-items: center;
	}
}
.feature-btn:hover .feature-btn__icon i {
	-moz-transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}
.feature-btn__icon {
	margin-right: 2rem;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.feature-btn__icon {
		margin-right: 0;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.feature-btn__icon {
		margin-right: 0;
	}
}
.feature-btn__icon i {
	font-size: 4.4rem;
	color: rgba(17, 189, 163, 0.87);
	-moz-transition: transform 0.5s;
	-webkit-transition: transform 0.5s;
	-o-transition: transform 0.5s;
	transition: transform 0.5s;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.feature-btn__content {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.feature-btn__content {
		align-items: center;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.feature-btn__content {
		align-items: center;
	}
}
.feature-btn__name {
	margin-bottom: 0.8rem;
}
.feature-btn__paragraph {
	margin-bottom: 2rem;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.feature-btn__paragraph {
		text-align: center;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.feature-btn__paragraph {
		text-align: center;
	}
}
/*******************skill-dark***********************/
.skill-dark {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 4rem;
}
.skill-dark__circle-wrap {
	width: 12rem;
	height: 12rem;
	background-color: #c7faf2;
	border-radius: 50%;
	margin-bottom: 1.6rem;
	position: relative;
}
.skill-dark__mask {
	width: 12rem;
	height: 12rem;
	position: absolute;
	border-radius: 50%;
	clip: rect(0, 12rem, 12rem, 6rem);
}
.skill-dark__fill {
	width: 12rem;
	height: 12rem;
	position: absolute;
	border-radius: 50%;
	clip: rect(0, 6rem, 12rem, 0);
	background-color: rgba(17, 189, 163, 0.87);
}
.processCircle .percent0 .skill-dark__mask.full, .processCircle .percent0 .skill-dark__fill {
	-webkit-animation: fillNumber0 2s ease-in-out 0.3s both;
	animation: fillNumber0 2s ease-in-out 0.3s both;
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.processCircle .percent1 .skill-dark__mask.full, .processCircle .percent1 .skill-dark__fill {
	-webkit-animation: fillNumber1 2s ease-in-out 0.3s both;
	animation: fillNumber1 2s ease-in-out 0.3s both;
	-moz-transform: rotate(1.8deg);
	-webkit-transform: rotate(1.8deg);
	-ms-transform: rotate(1.8deg);
	-o-transform: rotate(1.8deg);
	transform: rotate(1.8deg);
}
.processCircle .percent2 .skill-dark__mask.full, .processCircle .percent2 .skill-dark__fill {
	-webkit-animation: fillNumber2 2s ease-in-out 0.3s both;
	animation: fillNumber2 2s ease-in-out 0.3s both;
	-moz-transform: rotate(3.6deg);
	-webkit-transform: rotate(3.6deg);
	-ms-transform: rotate(3.6deg);
	-o-transform: rotate(3.6deg);
	transform: rotate(3.6deg);
}
.processCircle .percent3 .skill-dark__mask.full, .processCircle .percent3 .skill-dark__fill {
	-webkit-animation: fillNumber3 2s ease-in-out 0.3s both;
	animation: fillNumber3 2s ease-in-out 0.3s both;
	-moz-transform: rotate(5.4deg);
	-webkit-transform: rotate(5.4deg);
	-ms-transform: rotate(5.4deg);
	-o-transform: rotate(5.4deg);
	transform: rotate(5.4deg);
}
.processCircle .percent4 .skill-dark__mask.full, .processCircle .percent4 .skill-dark__fill {
	-webkit-animation: fillNumber4 2s ease-in-out 0.3s both;
	animation: fillNumber4 2s ease-in-out 0.3s both;
	-moz-transform: rotate(7.2deg);
	-webkit-transform: rotate(7.2deg);
	-ms-transform: rotate(7.2deg);
	-o-transform: rotate(7.2deg);
	transform: rotate(7.2deg);
}
.processCircle .percent5 .skill-dark__mask.full, .processCircle .percent5 .skill-dark__fill {
	-webkit-animation: fillNumber5 2s ease-in-out 0.3s both;
	animation: fillNumber5 2s ease-in-out 0.3s both;
	-moz-transform: rotate(9deg);
	-webkit-transform: rotate(9deg);
	-ms-transform: rotate(9deg);
	-o-transform: rotate(9deg);
	transform: rotate(9deg);
}
.processCircle .percent6 .skill-dark__mask.full, .processCircle .percent6 .skill-dark__fill {
	-webkit-animation: fillNumber6 2s ease-in-out 0.3s both;
	animation: fillNumber6 2s ease-in-out 0.3s both;
	-moz-transform: rotate(10.8deg);
	-webkit-transform: rotate(10.8deg);
	-ms-transform: rotate(10.8deg);
	-o-transform: rotate(10.8deg);
	transform: rotate(10.8deg);
}
.processCircle .percent7 .skill-dark__mask.full, .processCircle .percent7 .skill-dark__fill {
	-webkit-animation: fillNumber7 2s ease-in-out 0.3s both;
	animation: fillNumber7 2s ease-in-out 0.3s both;
	-moz-transform: rotate(12.6deg);
	-webkit-transform: rotate(12.6deg);
	-ms-transform: rotate(12.6deg);
	-o-transform: rotate(12.6deg);
	transform: rotate(12.6deg);
}
.processCircle .percent8 .skill-dark__mask.full, .processCircle .percent8 .skill-dark__fill {
	-webkit-animation: fillNumber8 2s ease-in-out 0.3s both;
	animation: fillNumber8 2s ease-in-out 0.3s both;
	-moz-transform: rotate(14.4deg);
	-webkit-transform: rotate(14.4deg);
	-ms-transform: rotate(14.4deg);
	-o-transform: rotate(14.4deg);
	transform: rotate(14.4deg);
}
.processCircle .percent9 .skill-dark__mask.full, .processCircle .percent9 .skill-dark__fill {
	-webkit-animation: fillNumber9 2s ease-in-out 0.3s both;
	animation: fillNumber9 2s ease-in-out 0.3s both;
	-moz-transform: rotate(16.2deg);
	-webkit-transform: rotate(16.2deg);
	-ms-transform: rotate(16.2deg);
	-o-transform: rotate(16.2deg);
	transform: rotate(16.2deg);
}
.processCircle .percent10 .skill-dark__mask.full, .processCircle .percent10 .skill-dark__fill {
	-webkit-animation: fillNumber10 2s ease-in-out 0.3s both;
	animation: fillNumber10 2s ease-in-out 0.3s both;
	-moz-transform: rotate(18deg);
	-webkit-transform: rotate(18deg);
	-ms-transform: rotate(18deg);
	-o-transform: rotate(18deg);
	transform: rotate(18deg);
}
.processCircle .percent11 .skill-dark__mask.full, .processCircle .percent11 .skill-dark__fill {
	-webkit-animation: fillNumber11 2s ease-in-out 0.3s both;
	animation: fillNumber11 2s ease-in-out 0.3s both;
	-moz-transform: rotate(19.8deg);
	-webkit-transform: rotate(19.8deg);
	-ms-transform: rotate(19.8deg);
	-o-transform: rotate(19.8deg);
	transform: rotate(19.8deg);
}
.processCircle .percent12 .skill-dark__mask.full, .processCircle .percent12 .skill-dark__fill {
	-webkit-animation: fillNumber12 2s ease-in-out 0.3s both;
	animation: fillNumber12 2s ease-in-out 0.3s both;
	-moz-transform: rotate(21.6deg);
	-webkit-transform: rotate(21.6deg);
	-ms-transform: rotate(21.6deg);
	-o-transform: rotate(21.6deg);
	transform: rotate(21.6deg);
}
.processCircle .percent13 .skill-dark__mask.full, .processCircle .percent13 .skill-dark__fill {
	-webkit-animation: fillNumber13 2s ease-in-out 0.3s both;
	animation: fillNumber13 2s ease-in-out 0.3s both;
	-moz-transform: rotate(23.4deg);
	-webkit-transform: rotate(23.4deg);
	-ms-transform: rotate(23.4deg);
	-o-transform: rotate(23.4deg);
	transform: rotate(23.4deg);
}
.processCircle .percent14 .skill-dark__mask.full, .processCircle .percent14 .skill-dark__fill {
	-webkit-animation: fillNumber14 2s ease-in-out 0.3s both;
	animation: fillNumber14 2s ease-in-out 0.3s both;
	-moz-transform: rotate(25.2deg);
	-webkit-transform: rotate(25.2deg);
	-ms-transform: rotate(25.2deg);
	-o-transform: rotate(25.2deg);
	transform: rotate(25.2deg);
}
.processCircle .percent15 .skill-dark__mask.full, .processCircle .percent15 .skill-dark__fill {
	-webkit-animation: fillNumber15 2s ease-in-out 0.3s both;
	animation: fillNumber15 2s ease-in-out 0.3s both;
	-moz-transform: rotate(27deg);
	-webkit-transform: rotate(27deg);
	-ms-transform: rotate(27deg);
	-o-transform: rotate(27deg);
	transform: rotate(27deg);
}
.processCircle .percent16 .skill-dark__mask.full, .processCircle .percent16 .skill-dark__fill {
	-webkit-animation: fillNumber16 2s ease-in-out 0.3s both;
	animation: fillNumber16 2s ease-in-out 0.3s both;
	-moz-transform: rotate(28.8deg);
	-webkit-transform: rotate(28.8deg);
	-ms-transform: rotate(28.8deg);
	-o-transform: rotate(28.8deg);
	transform: rotate(28.8deg);
}
.processCircle .percent17 .skill-dark__mask.full, .processCircle .percent17 .skill-dark__fill {
	-webkit-animation: fillNumber17 2s ease-in-out 0.3s both;
	animation: fillNumber17 2s ease-in-out 0.3s both;
	-moz-transform: rotate(30.6deg);
	-webkit-transform: rotate(30.6deg);
	-ms-transform: rotate(30.6deg);
	-o-transform: rotate(30.6deg);
	transform: rotate(30.6deg);
}
.processCircle .percent18 .skill-dark__mask.full, .processCircle .percent18 .skill-dark__fill {
	-webkit-animation: fillNumber18 2s ease-in-out 0.3s both;
	animation: fillNumber18 2s ease-in-out 0.3s both;
	-moz-transform: rotate(32.4deg);
	-webkit-transform: rotate(32.4deg);
	-ms-transform: rotate(32.4deg);
	-o-transform: rotate(32.4deg);
	transform: rotate(32.4deg);
}
.processCircle .percent19 .skill-dark__mask.full, .processCircle .percent19 .skill-dark__fill {
	-webkit-animation: fillNumber19 2s ease-in-out 0.3s both;
	animation: fillNumber19 2s ease-in-out 0.3s both;
	-moz-transform: rotate(34.2deg);
	-webkit-transform: rotate(34.2deg);
	-ms-transform: rotate(34.2deg);
	-o-transform: rotate(34.2deg);
	transform: rotate(34.2deg);
}
.processCircle .percent20 .skill-dark__mask.full, .processCircle .percent20 .skill-dark__fill {
	-webkit-animation: fillNumber20 2s ease-in-out 0.3s both;
	animation: fillNumber20 2s ease-in-out 0.3s both;
	-moz-transform: rotate(36deg);
	-webkit-transform: rotate(36deg);
	-ms-transform: rotate(36deg);
	-o-transform: rotate(36deg);
	transform: rotate(36deg);
}
.processCircle .percent21 .skill-dark__mask.full, .processCircle .percent21 .skill-dark__fill {
	-webkit-animation: fillNumber21 2s ease-in-out 0.3s both;
	animation: fillNumber21 2s ease-in-out 0.3s both;
	-moz-transform: rotate(37.8deg);
	-webkit-transform: rotate(37.8deg);
	-ms-transform: rotate(37.8deg);
	-o-transform: rotate(37.8deg);
	transform: rotate(37.8deg);
}
.processCircle .percent22 .skill-dark__mask.full, .processCircle .percent22 .skill-dark__fill {
	-webkit-animation: fillNumber22 2s ease-in-out 0.3s both;
	animation: fillNumber22 2s ease-in-out 0.3s both;
	-moz-transform: rotate(39.6deg);
	-webkit-transform: rotate(39.6deg);
	-ms-transform: rotate(39.6deg);
	-o-transform: rotate(39.6deg);
	transform: rotate(39.6deg);
}
.processCircle .percent23 .skill-dark__mask.full, .processCircle .percent23 .skill-dark__fill {
	-webkit-animation: fillNumber23 2s ease-in-out 0.3s both;
	animation: fillNumber23 2s ease-in-out 0.3s both;
	-moz-transform: rotate(41.4deg);
	-webkit-transform: rotate(41.4deg);
	-ms-transform: rotate(41.4deg);
	-o-transform: rotate(41.4deg);
	transform: rotate(41.4deg);
}
.processCircle .percent24 .skill-dark__mask.full, .processCircle .percent24 .skill-dark__fill {
	-webkit-animation: fillNumber24 2s ease-in-out 0.3s both;
	animation: fillNumber24 2s ease-in-out 0.3s both;
	-moz-transform: rotate(43.2deg);
	-webkit-transform: rotate(43.2deg);
	-ms-transform: rotate(43.2deg);
	-o-transform: rotate(43.2deg);
	transform: rotate(43.2deg);
}
.processCircle .percent25 .skill-dark__mask.full, .processCircle .percent25 .skill-dark__fill {
	-webkit-animation: fillNumber25 2s ease-in-out 0.3s both;
	animation: fillNumber25 2s ease-in-out 0.3s both;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.processCircle .percent26 .skill-dark__mask.full, .processCircle .percent26 .skill-dark__fill {
	-webkit-animation: fillNumber26 2s ease-in-out 0.3s both;
	animation: fillNumber26 2s ease-in-out 0.3s both;
	-moz-transform: rotate(46.8deg);
	-webkit-transform: rotate(46.8deg);
	-ms-transform: rotate(46.8deg);
	-o-transform: rotate(46.8deg);
	transform: rotate(46.8deg);
}
.processCircle .percent27 .skill-dark__mask.full, .processCircle .percent27 .skill-dark__fill {
	-webkit-animation: fillNumber27 2s ease-in-out 0.3s both;
	animation: fillNumber27 2s ease-in-out 0.3s both;
	-moz-transform: rotate(48.6deg);
	-webkit-transform: rotate(48.6deg);
	-ms-transform: rotate(48.6deg);
	-o-transform: rotate(48.6deg);
	transform: rotate(48.6deg);
}
.processCircle .percent28 .skill-dark__mask.full, .processCircle .percent28 .skill-dark__fill {
	-webkit-animation: fillNumber28 2s ease-in-out 0.3s both;
	animation: fillNumber28 2s ease-in-out 0.3s both;
	-moz-transform: rotate(50.4deg);
	-webkit-transform: rotate(50.4deg);
	-ms-transform: rotate(50.4deg);
	-o-transform: rotate(50.4deg);
	transform: rotate(50.4deg);
}
.processCircle .percent29 .skill-dark__mask.full, .processCircle .percent29 .skill-dark__fill {
	-webkit-animation: fillNumber29 2s ease-in-out 0.3s both;
	animation: fillNumber29 2s ease-in-out 0.3s both;
	-moz-transform: rotate(52.2deg);
	-webkit-transform: rotate(52.2deg);
	-ms-transform: rotate(52.2deg);
	-o-transform: rotate(52.2deg);
	transform: rotate(52.2deg);
}
.processCircle .percent30 .skill-dark__mask.full, .processCircle .percent30 .skill-dark__fill {
	-webkit-animation: fillNumber30 2s ease-in-out 0.3s both;
	animation: fillNumber30 2s ease-in-out 0.3s both;
	-moz-transform: rotate(54deg);
	-webkit-transform: rotate(54deg);
	-ms-transform: rotate(54deg);
	-o-transform: rotate(54deg);
	transform: rotate(54deg);
}
.processCircle .percent31 .skill-dark__mask.full, .processCircle .percent31 .skill-dark__fill {
	-webkit-animation: fillNumber31 2s ease-in-out 0.3s both;
	animation: fillNumber31 2s ease-in-out 0.3s both;
	-moz-transform: rotate(55.8deg);
	-webkit-transform: rotate(55.8deg);
	-ms-transform: rotate(55.8deg);
	-o-transform: rotate(55.8deg);
	transform: rotate(55.8deg);
}
.processCircle .percent32 .skill-dark__mask.full, .processCircle .percent32 .skill-dark__fill {
	-webkit-animation: fillNumber32 2s ease-in-out 0.3s both;
	animation: fillNumber32 2s ease-in-out 0.3s both;
	-moz-transform: rotate(57.6deg);
	-webkit-transform: rotate(57.6deg);
	-ms-transform: rotate(57.6deg);
	-o-transform: rotate(57.6deg);
	transform: rotate(57.6deg);
}
.processCircle .percent33 .skill-dark__mask.full, .processCircle .percent33 .skill-dark__fill {
	-webkit-animation: fillNumber33 2s ease-in-out 0.3s both;
	animation: fillNumber33 2s ease-in-out 0.3s both;
	-moz-transform: rotate(59.4deg);
	-webkit-transform: rotate(59.4deg);
	-ms-transform: rotate(59.4deg);
	-o-transform: rotate(59.4deg);
	transform: rotate(59.4deg);
}
.processCircle .percent34 .skill-dark__mask.full, .processCircle .percent34 .skill-dark__fill {
	-webkit-animation: fillNumber34 2s ease-in-out 0.3s both;
	animation: fillNumber34 2s ease-in-out 0.3s both;
	-moz-transform: rotate(61.2deg);
	-webkit-transform: rotate(61.2deg);
	-ms-transform: rotate(61.2deg);
	-o-transform: rotate(61.2deg);
	transform: rotate(61.2deg);
}
.processCircle .percent35 .skill-dark__mask.full, .processCircle .percent35 .skill-dark__fill {
	-webkit-animation: fillNumber35 2s ease-in-out 0.3s both;
	animation: fillNumber35 2s ease-in-out 0.3s both;
	-moz-transform: rotate(63deg);
	-webkit-transform: rotate(63deg);
	-ms-transform: rotate(63deg);
	-o-transform: rotate(63deg);
	transform: rotate(63deg);
}
.processCircle .percent36 .skill-dark__mask.full, .processCircle .percent36 .skill-dark__fill {
	-webkit-animation: fillNumber36 2s ease-in-out 0.3s both;
	animation: fillNumber36 2s ease-in-out 0.3s both;
	-moz-transform: rotate(64.8deg);
	-webkit-transform: rotate(64.8deg);
	-ms-transform: rotate(64.8deg);
	-o-transform: rotate(64.8deg);
	transform: rotate(64.8deg);
}
.processCircle .percent37 .skill-dark__mask.full, .processCircle .percent37 .skill-dark__fill {
	-webkit-animation: fillNumber37 2s ease-in-out 0.3s both;
	animation: fillNumber37 2s ease-in-out 0.3s both;
	-moz-transform: rotate(66.6deg);
	-webkit-transform: rotate(66.6deg);
	-ms-transform: rotate(66.6deg);
	-o-transform: rotate(66.6deg);
	transform: rotate(66.6deg);
}
.processCircle .percent38 .skill-dark__mask.full, .processCircle .percent38 .skill-dark__fill {
	-webkit-animation: fillNumber38 2s ease-in-out 0.3s both;
	animation: fillNumber38 2s ease-in-out 0.3s both;
	-moz-transform: rotate(68.4deg);
	-webkit-transform: rotate(68.4deg);
	-ms-transform: rotate(68.4deg);
	-o-transform: rotate(68.4deg);
	transform: rotate(68.4deg);
}
.processCircle .percent39 .skill-dark__mask.full, .processCircle .percent39 .skill-dark__fill {
	-webkit-animation: fillNumber39 2s ease-in-out 0.3s both;
	animation: fillNumber39 2s ease-in-out 0.3s both;
	-moz-transform: rotate(70.2deg);
	-webkit-transform: rotate(70.2deg);
	-ms-transform: rotate(70.2deg);
	-o-transform: rotate(70.2deg);
	transform: rotate(70.2deg);
}
.processCircle .percent40 .skill-dark__mask.full, .processCircle .percent40 .skill-dark__fill {
	-webkit-animation: fillNumber40 2s ease-in-out 0.3s both;
	animation: fillNumber40 2s ease-in-out 0.3s both;
	-moz-transform: rotate(72deg);
	-webkit-transform: rotate(72deg);
	-ms-transform: rotate(72deg);
	-o-transform: rotate(72deg);
	transform: rotate(72deg);
}
.processCircle .percent41 .skill-dark__mask.full, .processCircle .percent41 .skill-dark__fill {
	-webkit-animation: fillNumber41 2s ease-in-out 0.3s both;
	animation: fillNumber41 2s ease-in-out 0.3s both;
	-moz-transform: rotate(73.8deg);
	-webkit-transform: rotate(73.8deg);
	-ms-transform: rotate(73.8deg);
	-o-transform: rotate(73.8deg);
	transform: rotate(73.8deg);
}
.processCircle .percent42 .skill-dark__mask.full, .processCircle .percent42 .skill-dark__fill {
	-webkit-animation: fillNumber42 2s ease-in-out 0.3s both;
	animation: fillNumber42 2s ease-in-out 0.3s both;
	-moz-transform: rotate(75.6deg);
	-webkit-transform: rotate(75.6deg);
	-ms-transform: rotate(75.6deg);
	-o-transform: rotate(75.6deg);
	transform: rotate(75.6deg);
}
.processCircle .percent43 .skill-dark__mask.full, .processCircle .percent43 .skill-dark__fill {
	-webkit-animation: fillNumber43 2s ease-in-out 0.3s both;
	animation: fillNumber43 2s ease-in-out 0.3s both;
	-moz-transform: rotate(77.4deg);
	-webkit-transform: rotate(77.4deg);
	-ms-transform: rotate(77.4deg);
	-o-transform: rotate(77.4deg);
	transform: rotate(77.4deg);
}
.processCircle .percent44 .skill-dark__mask.full, .processCircle .percent44 .skill-dark__fill {
	-webkit-animation: fillNumber44 2s ease-in-out 0.3s both;
	animation: fillNumber44 2s ease-in-out 0.3s both;
	-moz-transform: rotate(79.2deg);
	-webkit-transform: rotate(79.2deg);
	-ms-transform: rotate(79.2deg);
	-o-transform: rotate(79.2deg);
	transform: rotate(79.2deg);
}
.processCircle .percent45 .skill-dark__mask.full, .processCircle .percent45 .skill-dark__fill {
	-webkit-animation: fillNumber45 2s ease-in-out 0.3s both;
	animation: fillNumber45 2s ease-in-out 0.3s both;
	-moz-transform: rotate(81deg);
	-webkit-transform: rotate(81deg);
	-ms-transform: rotate(81deg);
	-o-transform: rotate(81deg);
	transform: rotate(81deg);
}
.processCircle .percent46 .skill-dark__mask.full, .processCircle .percent46 .skill-dark__fill {
	-webkit-animation: fillNumber46 2s ease-in-out 0.3s both;
	animation: fillNumber46 2s ease-in-out 0.3s both;
	-moz-transform: rotate(82.8deg);
	-webkit-transform: rotate(82.8deg);
	-ms-transform: rotate(82.8deg);
	-o-transform: rotate(82.8deg);
	transform: rotate(82.8deg);
}
.processCircle .percent47 .skill-dark__mask.full, .processCircle .percent47 .skill-dark__fill {
	-webkit-animation: fillNumber47 2s ease-in-out 0.3s both;
	animation: fillNumber47 2s ease-in-out 0.3s both;
	-moz-transform: rotate(84.6deg);
	-webkit-transform: rotate(84.6deg);
	-ms-transform: rotate(84.6deg);
	-o-transform: rotate(84.6deg);
	transform: rotate(84.6deg);
}
.processCircle .percent48 .skill-dark__mask.full, .processCircle .percent48 .skill-dark__fill {
	-webkit-animation: fillNumber48 2s ease-in-out 0.3s both;
	animation: fillNumber48 2s ease-in-out 0.3s both;
	-moz-transform: rotate(86.4deg);
	-webkit-transform: rotate(86.4deg);
	-ms-transform: rotate(86.4deg);
	-o-transform: rotate(86.4deg);
	transform: rotate(86.4deg);
}
.processCircle .percent49 .skill-dark__mask.full, .processCircle .percent49 .skill-dark__fill {
	-webkit-animation: fillNumber49 2s ease-in-out 0.3s both;
	animation: fillNumber49 2s ease-in-out 0.3s both;
	-moz-transform: rotate(88.2deg);
	-webkit-transform: rotate(88.2deg);
	-ms-transform: rotate(88.2deg);
	-o-transform: rotate(88.2deg);
	transform: rotate(88.2deg);
}
.processCircle .percent50 .skill-dark__mask.full, .processCircle .percent50 .skill-dark__fill {
	-webkit-animation: fillNumber50 2s ease-in-out 0.3s both;
	animation: fillNumber50 2s ease-in-out 0.3s both;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.processCircle .percent51 .skill-dark__mask.full, .processCircle .percent51 .skill-dark__fill {
	-webkit-animation: fillNumber51 2s ease-in-out 0.3s both;
	animation: fillNumber51 2s ease-in-out 0.3s both;
	-moz-transform: rotate(91.8deg);
	-webkit-transform: rotate(91.8deg);
	-ms-transform: rotate(91.8deg);
	-o-transform: rotate(91.8deg);
	transform: rotate(91.8deg);
}
.processCircle .percent52 .skill-dark__mask.full, .processCircle .percent52 .skill-dark__fill {
	-webkit-animation: fillNumber52 2s ease-in-out 0.3s both;
	animation: fillNumber52 2s ease-in-out 0.3s both;
	-moz-transform: rotate(93.6deg);
	-webkit-transform: rotate(93.6deg);
	-ms-transform: rotate(93.6deg);
	-o-transform: rotate(93.6deg);
	transform: rotate(93.6deg);
}
.processCircle .percent53 .skill-dark__mask.full, .processCircle .percent53 .skill-dark__fill {
	-webkit-animation: fillNumber53 2s ease-in-out 0.3s both;
	animation: fillNumber53 2s ease-in-out 0.3s both;
	-moz-transform: rotate(95.4deg);
	-webkit-transform: rotate(95.4deg);
	-ms-transform: rotate(95.4deg);
	-o-transform: rotate(95.4deg);
	transform: rotate(95.4deg);
}
.processCircle .percent54 .skill-dark__mask.full, .processCircle .percent54 .skill-dark__fill {
	-webkit-animation: fillNumber54 2s ease-in-out 0.3s both;
	animation: fillNumber54 2s ease-in-out 0.3s both;
	-moz-transform: rotate(97.2deg);
	-webkit-transform: rotate(97.2deg);
	-ms-transform: rotate(97.2deg);
	-o-transform: rotate(97.2deg);
	transform: rotate(97.2deg);
}
.processCircle .percent55 .skill-dark__mask.full, .processCircle .percent55 .skill-dark__fill {
	-webkit-animation: fillNumber55 2s ease-in-out 0.3s both;
	animation: fillNumber55 2s ease-in-out 0.3s both;
	-moz-transform: rotate(99deg);
	-webkit-transform: rotate(99deg);
	-ms-transform: rotate(99deg);
	-o-transform: rotate(99deg);
	transform: rotate(99deg);
}
.processCircle .percent56 .skill-dark__mask.full, .processCircle .percent56 .skill-dark__fill {
	-webkit-animation: fillNumber56 2s ease-in-out 0.3s both;
	animation: fillNumber56 2s ease-in-out 0.3s both;
	-moz-transform: rotate(100.8deg);
	-webkit-transform: rotate(100.8deg);
	-ms-transform: rotate(100.8deg);
	-o-transform: rotate(100.8deg);
	transform: rotate(100.8deg);
}
.processCircle .percent57 .skill-dark__mask.full, .processCircle .percent57 .skill-dark__fill {
	-webkit-animation: fillNumber57 2s ease-in-out 0.3s both;
	animation: fillNumber57 2s ease-in-out 0.3s both;
	-moz-transform: rotate(102.6deg);
	-webkit-transform: rotate(102.6deg);
	-ms-transform: rotate(102.6deg);
	-o-transform: rotate(102.6deg);
	transform: rotate(102.6deg);
}
.processCircle .percent58 .skill-dark__mask.full, .processCircle .percent58 .skill-dark__fill {
	-webkit-animation: fillNumber58 2s ease-in-out 0.3s both;
	animation: fillNumber58 2s ease-in-out 0.3s both;
	-moz-transform: rotate(104.4deg);
	-webkit-transform: rotate(104.4deg);
	-ms-transform: rotate(104.4deg);
	-o-transform: rotate(104.4deg);
	transform: rotate(104.4deg);
}
.processCircle .percent59 .skill-dark__mask.full, .processCircle .percent59 .skill-dark__fill {
	-webkit-animation: fillNumber59 2s ease-in-out 0.3s both;
	animation: fillNumber59 2s ease-in-out 0.3s both;
	-moz-transform: rotate(106.2deg);
	-webkit-transform: rotate(106.2deg);
	-ms-transform: rotate(106.2deg);
	-o-transform: rotate(106.2deg);
	transform: rotate(106.2deg);
}
.processCircle .percent60 .skill-dark__mask.full, .processCircle .percent60 .skill-dark__fill {
	-webkit-animation: fillNumber60 2s ease-in-out 0.3s both;
	animation: fillNumber60 2s ease-in-out 0.3s both;
	-moz-transform: rotate(108deg);
	-webkit-transform: rotate(108deg);
	-ms-transform: rotate(108deg);
	-o-transform: rotate(108deg);
	transform: rotate(108deg);
}
.processCircle .percent61 .skill-dark__mask.full, .processCircle .percent61 .skill-dark__fill {
	-webkit-animation: fillNumber61 2s ease-in-out 0.3s both;
	animation: fillNumber61 2s ease-in-out 0.3s both;
	-moz-transform: rotate(109.8deg);
	-webkit-transform: rotate(109.8deg);
	-ms-transform: rotate(109.8deg);
	-o-transform: rotate(109.8deg);
	transform: rotate(109.8deg);
}
.processCircle .percent62 .skill-dark__mask.full, .processCircle .percent62 .skill-dark__fill {
	-webkit-animation: fillNumber62 2s ease-in-out 0.3s both;
	animation: fillNumber62 2s ease-in-out 0.3s both;
	-moz-transform: rotate(111.6deg);
	-webkit-transform: rotate(111.6deg);
	-ms-transform: rotate(111.6deg);
	-o-transform: rotate(111.6deg);
	transform: rotate(111.6deg);
}
.processCircle .percent63 .skill-dark__mask.full, .processCircle .percent63 .skill-dark__fill {
	-webkit-animation: fillNumber63 2s ease-in-out 0.3s both;
	animation: fillNumber63 2s ease-in-out 0.3s both;
	-moz-transform: rotate(113.4deg);
	-webkit-transform: rotate(113.4deg);
	-ms-transform: rotate(113.4deg);
	-o-transform: rotate(113.4deg);
	transform: rotate(113.4deg);
}
.processCircle .percent64 .skill-dark__mask.full, .processCircle .percent64 .skill-dark__fill {
	-webkit-animation: fillNumber64 2s ease-in-out 0.3s both;
	animation: fillNumber64 2s ease-in-out 0.3s both;
	-moz-transform: rotate(115.2deg);
	-webkit-transform: rotate(115.2deg);
	-ms-transform: rotate(115.2deg);
	-o-transform: rotate(115.2deg);
	transform: rotate(115.2deg);
}
.processCircle .percent65 .skill-dark__mask.full, .processCircle .percent65 .skill-dark__fill {
	-webkit-animation: fillNumber65 2s ease-in-out 0.3s both;
	animation: fillNumber65 2s ease-in-out 0.3s both;
	-moz-transform: rotate(117deg);
	-webkit-transform: rotate(117deg);
	-ms-transform: rotate(117deg);
	-o-transform: rotate(117deg);
	transform: rotate(117deg);
}
.processCircle .percent66 .skill-dark__mask.full, .processCircle .percent66 .skill-dark__fill {
	-webkit-animation: fillNumber66 2s ease-in-out 0.3s both;
	animation: fillNumber66 2s ease-in-out 0.3s both;
	-moz-transform: rotate(118.8deg);
	-webkit-transform: rotate(118.8deg);
	-ms-transform: rotate(118.8deg);
	-o-transform: rotate(118.8deg);
	transform: rotate(118.8deg);
}
.processCircle .percent67 .skill-dark__mask.full, .processCircle .percent67 .skill-dark__fill {
	-webkit-animation: fillNumber67 2s ease-in-out 0.3s both;
	animation: fillNumber67 2s ease-in-out 0.3s both;
	-moz-transform: rotate(120.6deg);
	-webkit-transform: rotate(120.6deg);
	-ms-transform: rotate(120.6deg);
	-o-transform: rotate(120.6deg);
	transform: rotate(120.6deg);
}
.processCircle .percent68 .skill-dark__mask.full, .processCircle .percent68 .skill-dark__fill {
	-webkit-animation: fillNumber68 2s ease-in-out 0.3s both;
	animation: fillNumber68 2s ease-in-out 0.3s both;
	-moz-transform: rotate(122.4deg);
	-webkit-transform: rotate(122.4deg);
	-ms-transform: rotate(122.4deg);
	-o-transform: rotate(122.4deg);
	transform: rotate(122.4deg);
}
.processCircle .percent69 .skill-dark__mask.full, .processCircle .percent69 .skill-dark__fill {
	-webkit-animation: fillNumber69 2s ease-in-out 0.3s both;
	animation: fillNumber69 2s ease-in-out 0.3s both;
	-moz-transform: rotate(124.2deg);
	-webkit-transform: rotate(124.2deg);
	-ms-transform: rotate(124.2deg);
	-o-transform: rotate(124.2deg);
	transform: rotate(124.2deg);
}
.processCircle .percent70 .skill-dark__mask.full, .processCircle .percent70 .skill-dark__fill {
	-webkit-animation: fillNumber70 2s ease-in-out 0.3s both;
	animation: fillNumber70 2s ease-in-out 0.3s both;
	-moz-transform: rotate(126deg);
	-webkit-transform: rotate(126deg);
	-ms-transform: rotate(126deg);
	-o-transform: rotate(126deg);
	transform: rotate(126deg);
}
.processCircle .percent71 .skill-dark__mask.full, .processCircle .percent71 .skill-dark__fill {
	-webkit-animation: fillNumber71 2s ease-in-out 0.3s both;
	animation: fillNumber71 2s ease-in-out 0.3s both;
	-moz-transform: rotate(127.8deg);
	-webkit-transform: rotate(127.8deg);
	-ms-transform: rotate(127.8deg);
	-o-transform: rotate(127.8deg);
	transform: rotate(127.8deg);
}
.processCircle .percent72 .skill-dark__mask.full, .processCircle .percent72 .skill-dark__fill {
	-webkit-animation: fillNumber72 2s ease-in-out 0.3s both;
	animation: fillNumber72 2s ease-in-out 0.3s both;
	-moz-transform: rotate(129.6deg);
	-webkit-transform: rotate(129.6deg);
	-ms-transform: rotate(129.6deg);
	-o-transform: rotate(129.6deg);
	transform: rotate(129.6deg);
}
.processCircle .percent73 .skill-dark__mask.full, .processCircle .percent73 .skill-dark__fill {
	-webkit-animation: fillNumber73 2s ease-in-out 0.3s both;
	animation: fillNumber73 2s ease-in-out 0.3s both;
	-moz-transform: rotate(131.4deg);
	-webkit-transform: rotate(131.4deg);
	-ms-transform: rotate(131.4deg);
	-o-transform: rotate(131.4deg);
	transform: rotate(131.4deg);
}
.processCircle .percent74 .skill-dark__mask.full, .processCircle .percent74 .skill-dark__fill {
	-webkit-animation: fillNumber74 2s ease-in-out 0.3s both;
	animation: fillNumber74 2s ease-in-out 0.3s both;
	-moz-transform: rotate(133.2deg);
	-webkit-transform: rotate(133.2deg);
	-ms-transform: rotate(133.2deg);
	-o-transform: rotate(133.2deg);
	transform: rotate(133.2deg);
}
.processCircle .percent75 .skill-dark__mask.full, .processCircle .percent75 .skill-dark__fill {
	-webkit-animation: fillNumber75 2s ease-in-out 0.3s both;
	animation: fillNumber75 2s ease-in-out 0.3s both;
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.processCircle .percent76 .skill-dark__mask.full, .processCircle .percent76 .skill-dark__fill {
	-webkit-animation: fillNumber76 2s ease-in-out 0.3s both;
	animation: fillNumber76 2s ease-in-out 0.3s both;
	-moz-transform: rotate(136.8deg);
	-webkit-transform: rotate(136.8deg);
	-ms-transform: rotate(136.8deg);
	-o-transform: rotate(136.8deg);
	transform: rotate(136.8deg);
}
.processCircle .percent77 .skill-dark__mask.full, .processCircle .percent77 .skill-dark__fill {
	-webkit-animation: fillNumber77 2s ease-in-out 0.3s both;
	animation: fillNumber77 2s ease-in-out 0.3s both;
	-moz-transform: rotate(138.6deg);
	-webkit-transform: rotate(138.6deg);
	-ms-transform: rotate(138.6deg);
	-o-transform: rotate(138.6deg);
	transform: rotate(138.6deg);
}
.processCircle .percent78 .skill-dark__mask.full, .processCircle .percent78 .skill-dark__fill {
	-webkit-animation: fillNumber78 2s ease-in-out 0.3s both;
	animation: fillNumber78 2s ease-in-out 0.3s both;
	-moz-transform: rotate(140.4deg);
	-webkit-transform: rotate(140.4deg);
	-ms-transform: rotate(140.4deg);
	-o-transform: rotate(140.4deg);
	transform: rotate(140.4deg);
}
.processCircle .percent79 .skill-dark__mask.full, .processCircle .percent79 .skill-dark__fill {
	-webkit-animation: fillNumber79 2s ease-in-out 0.3s both;
	animation: fillNumber79 2s ease-in-out 0.3s both;
	-moz-transform: rotate(142.2deg);
	-webkit-transform: rotate(142.2deg);
	-ms-transform: rotate(142.2deg);
	-o-transform: rotate(142.2deg);
	transform: rotate(142.2deg);
}
.processCircle .percent80 .skill-dark__mask.full, .processCircle .percent80 .skill-dark__fill {
	-webkit-animation: fillNumber80 2s ease-in-out 0.3s both;
	animation: fillNumber80 2s ease-in-out 0.3s both;
	-moz-transform: rotate(144deg);
	-webkit-transform: rotate(144deg);
	-ms-transform: rotate(144deg);
	-o-transform: rotate(144deg);
	transform: rotate(144deg);
}
.processCircle .percent81 .skill-dark__mask.full, .processCircle .percent81 .skill-dark__fill {
	-webkit-animation: fillNumber81 2s ease-in-out 0.3s both;
	animation: fillNumber81 2s ease-in-out 0.3s both;
	-moz-transform: rotate(145.8deg);
	-webkit-transform: rotate(145.8deg);
	-ms-transform: rotate(145.8deg);
	-o-transform: rotate(145.8deg);
	transform: rotate(145.8deg);
}
.processCircle .percent82 .skill-dark__mask.full, .processCircle .percent82 .skill-dark__fill {
	-webkit-animation: fillNumber82 2s ease-in-out 0.3s both;
	animation: fillNumber82 2s ease-in-out 0.3s both;
	-moz-transform: rotate(147.6deg);
	-webkit-transform: rotate(147.6deg);
	-ms-transform: rotate(147.6deg);
	-o-transform: rotate(147.6deg);
	transform: rotate(147.6deg);
}
.processCircle .percent83 .skill-dark__mask.full, .processCircle .percent83 .skill-dark__fill {
	-webkit-animation: fillNumber83 2s ease-in-out 0.3s both;
	animation: fillNumber83 2s ease-in-out 0.3s both;
	-moz-transform: rotate(149.4deg);
	-webkit-transform: rotate(149.4deg);
	-ms-transform: rotate(149.4deg);
	-o-transform: rotate(149.4deg);
	transform: rotate(149.4deg);
}
.processCircle .percent84 .skill-dark__mask.full, .processCircle .percent84 .skill-dark__fill {
	-webkit-animation: fillNumber84 2s ease-in-out 0.3s both;
	animation: fillNumber84 2s ease-in-out 0.3s both;
	-moz-transform: rotate(151.2deg);
	-webkit-transform: rotate(151.2deg);
	-ms-transform: rotate(151.2deg);
	-o-transform: rotate(151.2deg);
	transform: rotate(151.2deg);
}
.processCircle .percent85 .skill-dark__mask.full, .processCircle .percent85 .skill-dark__fill {
	-webkit-animation: fillNumber85 2s ease-in-out 0.3s both;
	animation: fillNumber85 2s ease-in-out 0.3s both;
	-moz-transform: rotate(153deg);
	-webkit-transform: rotate(153deg);
	-ms-transform: rotate(153deg);
	-o-transform: rotate(153deg);
	transform: rotate(153deg);
}
.processCircle .percent86 .skill-dark__mask.full, .processCircle .percent86 .skill-dark__fill {
	-webkit-animation: fillNumber86 2s ease-in-out 0.3s both;
	animation: fillNumber86 2s ease-in-out 0.3s both;
	-moz-transform: rotate(154.8deg);
	-webkit-transform: rotate(154.8deg);
	-ms-transform: rotate(154.8deg);
	-o-transform: rotate(154.8deg);
	transform: rotate(154.8deg);
}
.processCircle .percent87 .skill-dark__mask.full, .processCircle .percent87 .skill-dark__fill {
	-webkit-animation: fillNumber87 2s ease-in-out 0.3s both;
	animation: fillNumber87 2s ease-in-out 0.3s both;
	-moz-transform: rotate(156.6deg);
	-webkit-transform: rotate(156.6deg);
	-ms-transform: rotate(156.6deg);
	-o-transform: rotate(156.6deg);
	transform: rotate(156.6deg);
}
.processCircle .percent88 .skill-dark__mask.full, .processCircle .percent88 .skill-dark__fill {
	-webkit-animation: fillNumber88 2s ease-in-out 0.3s both;
	animation: fillNumber88 2s ease-in-out 0.3s both;
	-moz-transform: rotate(158.4deg);
	-webkit-transform: rotate(158.4deg);
	-ms-transform: rotate(158.4deg);
	-o-transform: rotate(158.4deg);
	transform: rotate(158.4deg);
}
.processCircle .percent89 .skill-dark__mask.full, .processCircle .percent89 .skill-dark__fill {
	-webkit-animation: fillNumber89 2s ease-in-out 0.3s both;
	animation: fillNumber89 2s ease-in-out 0.3s both;
	-moz-transform: rotate(160.2deg);
	-webkit-transform: rotate(160.2deg);
	-ms-transform: rotate(160.2deg);
	-o-transform: rotate(160.2deg);
	transform: rotate(160.2deg);
}
.processCircle .percent90 .skill-dark__mask.full, .processCircle .percent90 .skill-dark__fill {
	-webkit-animation: fillNumber90 2s ease-in-out 0.3s both;
	animation: fillNumber90 2s ease-in-out 0.3s both;
	-moz-transform: rotate(162deg);
	-webkit-transform: rotate(162deg);
	-ms-transform: rotate(162deg);
	-o-transform: rotate(162deg);
	transform: rotate(162deg);
}
.processCircle .percent91 .skill-dark__mask.full, .processCircle .percent91 .skill-dark__fill {
	-webkit-animation: fillNumber91 2s ease-in-out 0.3s both;
	animation: fillNumber91 2s ease-in-out 0.3s both;
	-moz-transform: rotate(163.8deg);
	-webkit-transform: rotate(163.8deg);
	-ms-transform: rotate(163.8deg);
	-o-transform: rotate(163.8deg);
	transform: rotate(163.8deg);
}
.processCircle .percent92 .skill-dark__mask.full, .processCircle .percent92 .skill-dark__fill {
	-webkit-animation: fillNumber92 2s ease-in-out 0.3s both;
	animation: fillNumber92 2s ease-in-out 0.3s both;
	-moz-transform: rotate(165.6deg);
	-webkit-transform: rotate(165.6deg);
	-ms-transform: rotate(165.6deg);
	-o-transform: rotate(165.6deg);
	transform: rotate(165.6deg);
}
.processCircle .percent93 .skill-dark__mask.full, .processCircle .percent93 .skill-dark__fill {
	-webkit-animation: fillNumber93 2s ease-in-out 0.3s both;
	animation: fillNumber93 2s ease-in-out 0.3s both;
	-moz-transform: rotate(167.4deg);
	-webkit-transform: rotate(167.4deg);
	-ms-transform: rotate(167.4deg);
	-o-transform: rotate(167.4deg);
	transform: rotate(167.4deg);
}
.processCircle .percent94 .skill-dark__mask.full, .processCircle .percent94 .skill-dark__fill {
	-webkit-animation: fillNumber94 2s ease-in-out 0.3s both;
	animation: fillNumber94 2s ease-in-out 0.3s both;
	-moz-transform: rotate(169.2deg);
	-webkit-transform: rotate(169.2deg);
	-ms-transform: rotate(169.2deg);
	-o-transform: rotate(169.2deg);
	transform: rotate(169.2deg);
}
.processCircle .percent95 .skill-dark__mask.full, .processCircle .percent95 .skill-dark__fill {
	-webkit-animation: fillNumber95 2s ease-in-out 0.3s both;
	animation: fillNumber95 2s ease-in-out 0.3s both;
	-moz-transform: rotate(171deg);
	-webkit-transform: rotate(171deg);
	-ms-transform: rotate(171deg);
	-o-transform: rotate(171deg);
	transform: rotate(171deg);
}
.processCircle .percent96 .skill-dark__mask.full, .processCircle .percent96 .skill-dark__fill {
	-webkit-animation: fillNumber96 2s ease-in-out 0.3s both;
	animation: fillNumber96 2s ease-in-out 0.3s both;
	-moz-transform: rotate(172.8deg);
	-webkit-transform: rotate(172.8deg);
	-ms-transform: rotate(172.8deg);
	-o-transform: rotate(172.8deg);
	transform: rotate(172.8deg);
}
.processCircle .percent97 .skill-dark__mask.full, .processCircle .percent97 .skill-dark__fill {
	-webkit-animation: fillNumber97 2s ease-in-out 0.3s both;
	animation: fillNumber97 2s ease-in-out 0.3s both;
	-moz-transform: rotate(174.6deg);
	-webkit-transform: rotate(174.6deg);
	-ms-transform: rotate(174.6deg);
	-o-transform: rotate(174.6deg);
	transform: rotate(174.6deg);
}
.processCircle .percent98 .skill-dark__mask.full, .processCircle .percent98 .skill-dark__fill {
	-webkit-animation: fillNumber98 2s ease-in-out 0.3s both;
	animation: fillNumber98 2s ease-in-out 0.3s both;
	-moz-transform: rotate(176.4deg);
	-webkit-transform: rotate(176.4deg);
	-ms-transform: rotate(176.4deg);
	-o-transform: rotate(176.4deg);
	transform: rotate(176.4deg);
}
.processCircle .percent99 .skill-dark__mask.full, .processCircle .percent99 .skill-dark__fill {
	-webkit-animation: fillNumber99 2s ease-in-out 0.3s both;
	animation: fillNumber99 2s ease-in-out 0.3s both;
	-moz-transform: rotate(178.2deg);
	-webkit-transform: rotate(178.2deg);
	-ms-transform: rotate(178.2deg);
	-o-transform: rotate(178.2deg);
	transform: rotate(178.2deg);
}
.processCircle .percent100 .skill-dark__mask.full, .processCircle .percent100 .skill-dark__fill {
	-webkit-animation: fillNumber100 2s ease-in-out 0.3s both;
	animation: fillNumber100 2s ease-in-out 0.3s both;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.skill-dark__icon {
	border-radius: 50%;
	width: 10.8rem;
	height: 10.8rem;
	background: #666666;
	position: absolute;
	z-index: 100;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.skill-dark__icon:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("/images/pattern_caro.png");
	background-position: center;
	z-index: 1;
	border-radius: 50%;
}
.skill-dark__number {
	position: relative;
	z-index: 99;
}
.skill-dark__number:before {
	content: "%";
	position: absolute;
	top: 0;
	left: 100%;
	font-size: 2.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
	color: #ffffff;
}
.skill-dark__name {
	text-align: center;
	margin-bottom: 1.2rem;
}
.skill-dark__paragraph {
	text-align: center;
}

@keyframes fillNumber0 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
@keyframes fillNumber1 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(1.8deg);
	}
}
@keyframes fillNumber2 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(3.6deg);
	}
}
@keyframes fillNumber3 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(5.4deg);
	}
}
@keyframes fillNumber4 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(7.2deg);
	}
}
@keyframes fillNumber5 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(9deg);
	}
}
@keyframes fillNumber6 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(10.8deg);
	}
}
@keyframes fillNumber7 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(12.6deg);
	}
}
@keyframes fillNumber8 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(14.4deg);
	}
}
@keyframes fillNumber9 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(16.2deg);
	}
}
@keyframes fillNumber10 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(18deg);
	}
}
@keyframes fillNumber11 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(19.8deg);
	}
}
@keyframes fillNumber12 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(21.6deg);
	}
}
@keyframes fillNumber13 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(23.4deg);
	}
}
@keyframes fillNumber14 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(25.2deg);
	}
}
@keyframes fillNumber15 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(27deg);
	}
}
@keyframes fillNumber16 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(28.8deg);
	}
}
@keyframes fillNumber17 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(30.6deg);
	}
}
@keyframes fillNumber18 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(32.4deg);
	}
}
@keyframes fillNumber19 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(34.2deg);
	}
}
@keyframes fillNumber20 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(36deg);
	}
}
@keyframes fillNumber21 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(37.8deg);
	}
}
@keyframes fillNumber22 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(39.6deg);
	}
}
@keyframes fillNumber23 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(41.4deg);
	}
}
@keyframes fillNumber24 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(43.2deg);
	}
}
@keyframes fillNumber25 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(45deg);
	}
}
@keyframes fillNumber26 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(46.8deg);
	}
}
@keyframes fillNumber27 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(48.6deg);
	}
}
@keyframes fillNumber28 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(50.4deg);
	}
}
@keyframes fillNumber29 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(52.2deg);
	}
}
@keyframes fillNumber30 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(54deg);
	}
}
@keyframes fillNumber31 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(55.8deg);
	}
}
@keyframes fillNumber32 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(57.6deg);
	}
}
@keyframes fillNumber33 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(59.4deg);
	}
}
@keyframes fillNumber34 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(61.2deg);
	}
}
@keyframes fillNumber35 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(63deg);
	}
}
@keyframes fillNumber36 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(64.8deg);
	}
}
@keyframes fillNumber37 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(66.6deg);
	}
}
@keyframes fillNumber38 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(68.4deg);
	}
}
@keyframes fillNumber39 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(70.2deg);
	}
}
@keyframes fillNumber40 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(72deg);
	}
}
@keyframes fillNumber41 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(73.8deg);
	}
}
@keyframes fillNumber42 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(75.6deg);
	}
}
@keyframes fillNumber43 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(77.4deg);
	}
}
@keyframes fillNumber44 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(79.2deg);
	}
}
@keyframes fillNumber45 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(81deg);
	}
}
@keyframes fillNumber46 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(82.8deg);
	}
}
@keyframes fillNumber47 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(84.6deg);
	}
}
@keyframes fillNumber48 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(86.4deg);
	}
}
@keyframes fillNumber49 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(88.2deg);
	}
}
@keyframes fillNumber50 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(90deg);
	}
}
@keyframes fillNumber51 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(91.8deg);
	}
}
@keyframes fillNumber52 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(93.6deg);
	}
}
@keyframes fillNumber53 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(95.4deg);
	}
}
@keyframes fillNumber54 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(97.2deg);
	}
}
@keyframes fillNumber55 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(99deg);
	}
}
@keyframes fillNumber56 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(100.8deg);
	}
}
@keyframes fillNumber57 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(102.6deg);
	}
}
@keyframes fillNumber58 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(104.4deg);
	}
}
@keyframes fillNumber59 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(106.2deg);
	}
}
@keyframes fillNumber60 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(108deg);
	}
}
@keyframes fillNumber61 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(109.8deg);
	}
}
@keyframes fillNumber62 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(111.6deg);
	}
}
@keyframes fillNumber63 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(113.4deg);
	}
}
@keyframes fillNumber64 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(115.2deg);
	}
}
@keyframes fillNumber65 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(117deg);
	}
}
@keyframes fillNumber66 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(118.8deg);
	}
}
@keyframes fillNumber67 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(120.6deg);
	}
}
@keyframes fillNumber68 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(122.4deg);
	}
}
@keyframes fillNumber69 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(124.2deg);
	}
}
@keyframes fillNumber70 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(126deg);
	}
}
@keyframes fillNumber71 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(127.8deg);
	}
}
@keyframes fillNumber72 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(129.6deg);
	}
}
@keyframes fillNumber73 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(131.4deg);
	}
}
@keyframes fillNumber74 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(133.2deg);
	}
}
@keyframes fillNumber75 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(135deg);
	}
}
@keyframes fillNumber76 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(136.8deg);
	}
}
@keyframes fillNumber77 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(138.6deg);
	}
}
@keyframes fillNumber78 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(140.4deg);
	}
}
@keyframes fillNumber79 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(142.2deg);
	}
}
@keyframes fillNumber80 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(144deg);
	}
}
@keyframes fillNumber81 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(145.8deg);
	}
}
@keyframes fillNumber82 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(147.6deg);
	}
}
@keyframes fillNumber83 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(149.4deg);
	}
}
@keyframes fillNumber84 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(151.2deg);
	}
}
@keyframes fillNumber85 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(153deg);
	}
}
@keyframes fillNumber86 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(154.8deg);
	}
}
@keyframes fillNumber87 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(156.6deg);
	}
}
@keyframes fillNumber88 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(158.4deg);
	}
}
@keyframes fillNumber89 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(160.2deg);
	}
}
@keyframes fillNumber90 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(162deg);
	}
}
@keyframes fillNumber91 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(163.8deg);
	}
}
@keyframes fillNumber92 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(165.6deg);
	}
}
@keyframes fillNumber93 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(167.4deg);
	}
}
@keyframes fillNumber94 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(169.2deg);
	}
}
@keyframes fillNumber95 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(171deg);
	}
}
@keyframes fillNumber96 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(172.8deg);
	}
}
@keyframes fillNumber97 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(174.6deg);
	}
}
@keyframes fillNumber98 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(176.4deg);
	}
}
@keyframes fillNumber99 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(178.2deg);
	}
}
@keyframes fillNumber100 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(180deg);
	}
}
/*******************some-service-dark***********************/
.some-service-dark {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 4rem;
}
.some-service-dark:hover .some-service-dark__icon {
	box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.38);
}
.some-service-dark:hover .some-service-dark__icon i {
	-moz-transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}
.some-service-dark:hover .some-service-dark__icon:after {
	-moz-transform: scale(0.85);
	-webkit-transform: scale(0.85);
	-ms-transform: scale(0.85);
	-o-transform: scale(0.85);
	transform: scale(0.85);
	opacity: 0.5;
}
.some-service-dark__icon {
	border-radius: 50%;
	width: 12rem;
	height: 12rem;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-bottom: 2rem;
	-moz-transition: box-shadow 0.5s;
	-webkit-transition: box-shadow 0.5s;
	-o-transition: box-shadow 0.5s;
	transition: box-shadow 0.5s;
	box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.38);
}
.some-service-dark__icon:after {
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 50%;
	opacity: 1;
	-opacity-transition: transform 0.5s;
	-0.5s-transition: transform 0.5s;
	transition: transform 0.5s;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	box-shadow: 0 0 0 1px #ffffff;
}
.some-service-dark__icon i {
	font-size: 4.4rem;
	color: #ffffff;
	-moz-transition: transform 0.5s;
	-webkit-transition: transform 0.5s;
	-o-transition: transform 0.5s;
	transition: transform 0.5s;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.some-service-dark__name {
	text-align: center;
	margin-bottom: 0.8rem;
}
.some-service-dark__line {
	width: 6rem;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.12);
	margin: 1.2rem auto 2rem;
}
.some-service-dark__paragraph {
	text-align: center;
}

/*******************show-case-light***********************/
.show-case-light {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.show-case-light__title {
	margin-bottom: 4.8rem;
	text-align: center;
}
.show-case-light__btn {
	margin-bottom: 6.4rem;
}
.show-case-light__hero {
	filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 5px rgba(0, 0, 0, 0.12));
	height: auto;
	margin: 0 auto -6rem;
	max-width: 100%;
}

/*******************feature-round***********************/
.feature-round {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 4rem;
}
.feature-round:hover .feature-round__icon {
	box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.12);
}
.feature-round:hover .feature-round__icon i {
	-moz-transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}
.feature-round:hover .feature-round__icon:after {
	-moz-transform: scale(0.85);
	-webkit-transform: scale(0.85);
	-ms-transform: scale(0.85);
	-o-transform: scale(0.85);
	transform: scale(0.85);
	opacity: 0.5;
}
.feature-round:hover .feature-round__line {
	-moz-transform: scaleX(0.8);
	-webkit-transform: scaleX(0.8);
	-ms-transform: scaleX(0.8);
	-o-transform: scaleX(0.8);
	transform: scaleX(0.8);
}
.feature-round__icon {
	display: block;
	color: rgba(17, 189, 163, 0.87);
	border-radius: 50%;
	width: 12rem;
	height: 12rem;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-bottom: 2rem;
	-moz-transition: box-shadow 0.5s;
	-webkit-transition: box-shadow 0.5s;
	-o-transition: box-shadow 0.5s;
	transition: box-shadow 0.5s;
	box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.12);
}
.feature-round__icon:hover {
	color: #11BDA3;
}
.feature-round__icon:after {
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 50%;
	opacity: 1;
	-opacity-transition: transform 0.5s;
	-0.5s-transition: transform 0.5s;
	transition: transform 0.5s;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38);
}
.feature-round__icon i {
	font-size: 4.4rem;
	-moz-transition: transform 0.5s;
	-webkit-transition: transform 0.5s;
	-o-transition: transform 0.5s;
	transition: transform 0.5s;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.feature-round__name {
	display: block;
	text-align: center;
}
.feature-round__line {
	width: 6rem;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.12);
	margin: 0.8rem auto 2rem;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-moz-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}
.feature-round__paragraph {
	text-align: center;
	margin-bottom: 1.6rem;
}
/*******************some-feature***********************/
.some-feature {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	border-radius: 4px;
	margin-bottom: 4rem;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-moz-transition: box-shadow 0.3s;
	-webkit-transition: box-shadow 0.3s;
	-o-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
	padding: 1.6rem;
}
.some-feature:hover {
	-moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.some-feature:hover .some-feature__icon i {
	-moz-transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}
.some-feature__icon {
	margin-bottom: 0.8rem;
}
.some-feature__icon i {
	font-size: 5.2rem;
	color: rgba(17, 189, 163, 0.87);
	-moz-transition: transform 0.5s;
	-webkit-transition: transform 0.5s;
	-o-transition: transform 0.5s;
	transition: transform 0.5s;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.some-feature__name {
	text-align: center;
}
.some-feature__line {
	width: 6rem;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.12);
	margin: 0.8rem auto 2rem;
}
.some-feature__paragraph {
	text-align: center;
	margin-bottom: 2rem;
}
/*******************portfolio-full***********************/
.portfolio-full {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.portfolio-full__wrap-full {
	position: relative;
	width: 100%;
	flex: 0 0 100%;
	max-width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
}
@media screen and (max-width: 319px) {
	.portfolio-full__wrap-full {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.portfolio-full__wrap-full {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.portfolio-full__wrap-full {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio-full__wrap-full {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
.portfolio-full__wrap-full:hover .portfolio-full__picture:before {
	-moz-transform: scale3d(1.1, 1.1, 1.1);
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	-ms-transform: scale3d(1.1, 1.1, 1.1);
	-o-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.portfolio-full__wrap-full:hover img {
	-moz-transform: scale3d(1.1, 1.1, 1.1);
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	-ms-transform: scale3d(1.1, 1.1, 1.1);
	-o-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.portfolio-full__wrap-full:hover .portfolio-full__picture:after {
	visibility: visible;
	opacity: 1;
}
.portfolio-full__wrap-full:hover .portfolio-full__line {
	-moz-transform: scaleX(0.8);
	-webkit-transform: scaleX(0.8);
	-ms-transform: scaleX(0.8);
	-o-transform: scaleX(0.8);
	transform: scaleX(0.8);
}
.portfolio-full__wrap {
	position: relative;
	width: 100%;
	flex: 0 0 50%;
	max-width: 50%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
}
@media screen and (max-width: 319px) {
	.portfolio-full__wrap {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.portfolio-full__wrap {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.portfolio-full__wrap {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio-full__wrap {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
.portfolio-full__wrap:hover .portfolio-full__picture:before {
	-moz-transform: scale3d(1.1, 1.1, 1.1);
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	-ms-transform: scale3d(1.1, 1.1, 1.1);
	-o-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.portfolio-full__wrap:hover img {
	-moz-transform: scale3d(1.1, 1.1, 1.1);
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	-ms-transform: scale3d(1.1, 1.1, 1.1);
	-o-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.portfolio-full__wrap:hover .portfolio-full__picture:after {
	visibility: visible;
	opacity: 1;
}
.portfolio-full__wrap:hover .portfolio-full__line {
	-moz-transform: scaleX(0.8);
	-webkit-transform: scaleX(0.8);
	-ms-transform: scaleX(0.8);
	-o-transform: scaleX(0.8);
	transform: scaleX(0.8);
}
.portfolio-full__side {
	position: relative;
	width: 100%;
	flex: 0 0 50%;
	max-width: 50%;
}
@media screen and (max-width: 319px) {
	.portfolio-full__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.portfolio-full__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
.portfolio-full__side-info {
	position: relative;
	width: 100%;
	flex: 0 0 50%;
	max-width: 50%;
	padding: 4.8rem 4.8rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	background-color: #ffffff;
}
@media screen and (max-width: 319px) {
	.portfolio-full__side-info {
		flex: 0 0 100%;
		max-width: 100%;
		padding: 4.8rem 4.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.portfolio-full__side-info {
		flex: 0 0 100%;
		max-width: 100%;
		padding: 4.8rem 4.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.portfolio-full__side-info {
		padding: 0.8rem 1.6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio-full__side-info {
		padding: 0.8rem 6.4rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio-full__side-info {
		padding: 1.2rem 1.6rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.portfolio-full__side-info {
		padding: 1.2rem 1.6rem;
	}
}
.portfolio-full__wrap-full .portfolio-full__side-info {
	padding: 4.8rem 4.8rem;
}
@media screen and (max-width: 319px) {
	.portfolio-full__wrap-full .portfolio-full__side-info {
		padding: 4.8rem 4.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.portfolio-full__wrap-full .portfolio-full__side-info {
		padding: 4.8rem 4.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.portfolio-full__wrap-full .portfolio-full__side-info {
		padding: 0.8rem 1.6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio-full__wrap-full .portfolio-full__side-info {
		padding: 0.8rem 6.4rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio-full__wrap-full .portfolio-full__side-info {
		padding: 0.8rem 1.2rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.portfolio-full__wrap-full .portfolio-full__side-info {
		padding: 1.2rem 1.6rem;
	}
}
.portfolio-full__picture {
	position: relative;
	display: block;
	overflow: hidden;
	z-index: 9;
}
.portfolio-full__picture:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(154, 154, 154, 0.1);
	z-index: 9;
	-moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-moz-transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.portfolio-full__picture:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 10;
	visibility: hidden;
	opacity: 0;
	-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.portfolio-full__picture img {
	height: auto;
	max-width: 100%;
	margin: 0 auto;
	-moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-moz-transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
@media screen and (max-width: 319px) {
	.portfolio-full__wrap-full .portfolio-full__picture img {
		max-width: 200%;
		margin: 0 auto;
		-moz-transform: translateX(-25%);
		-webkit-transform: translateX(-25%);
		-ms-transform: translateX(-25%);
		-o-transform: translateX(-25%);
		transform: translateX(-25%);
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.portfolio-full__wrap-full .portfolio-full__picture img {
		max-width: 200%;
		margin: 0 auto;
		-moz-transform: translateX(-25%);
		-webkit-transform: translateX(-25%);
		-ms-transform: translateX(-25%);
		-o-transform: translateX(-25%);
		transform: translateX(-25%);
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.portfolio-full__wrap-full .portfolio-full__picture img {
		max-width: 200%;
		margin: 0 auto;
		-moz-transform: translateX(-25%);
		-webkit-transform: translateX(-25%);
		-ms-transform: translateX(-25%);
		-o-transform: translateX(-25%);
		transform: translateX(-25%);
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio-full__wrap-full .portfolio-full__picture img {
		max-width: 200%;
		margin: 0 auto;
		-moz-transform: translateX(-25%);
		-webkit-transform: translateX(-25%);
		-ms-transform: translateX(-25%);
		-o-transform: translateX(-25%);
		transform: translateX(-25%);
	}
}
.portfolio-full__date-cate {
	margin-bottom: 0.8rem;
}
@media screen and (max-width: 319px) {
	.portfolio-full__name a {
		font-size: 2rem;
		line-height: 3.2rem;
		letter-spacing: 0.024rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.portfolio-full__name a {
		font-size: 2rem;
		line-height: 3.2rem;
		letter-spacing: 0.024rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.portfolio-full__name a {
		font-size: 2rem;
		line-height: 3.2rem;
		letter-spacing: 0.024rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio-full__name a {
		font-size: 2rem;
		line-height: 3.2rem;
		letter-spacing: 0.024rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio-full__name a {
		font-size: 2rem;
		line-height: 3.2rem;
		letter-spacing: 0.024rem;
		text-transform: none;
		font-weight: 500;
	}
}
.portfolio-full__line {
	width: 6rem;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.12);
	margin: 2rem 0 2rem;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-moz-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}
@media screen and (max-width: 319px) {
	.portfolio-full__line {
		margin: 0.8rem 0 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.portfolio-full__line {
		margin: 0.8rem 0 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.portfolio-full__line {
		margin: 0.8rem 0 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio-full__line {
		margin: 0.8rem 0 0.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio-full__line {
		margin: 0.8rem 0 0.8rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.portfolio-full__line {
		margin: 1.2rem 0 1.2rem;
	}
}
.portfolio-full__paragraph {
	margin-bottom: 4.8rem;
}
@media screen and (max-width: 319px) {
	.portfolio-full__paragraph {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.portfolio-full__paragraph {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.portfolio-full__paragraph {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio-full__paragraph {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio-full__paragraph {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.portfolio-full__paragraph {
		margin-bottom: 2.8rem;
	}
}
/*******************feature-v2***********************/
.feature-v2 {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 4rem;
}
@media screen and (max-width: 319px) {
	.feature-v2 {
		flex-direction: column;
		align-items: center;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.feature-v2 {
		flex-direction: column;
		align-items: center;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.feature-v2 {
		flex-direction: column;
		align-items: center;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.feature-v2 {
		flex-direction: column;
		align-items: center;
	}
}
.feature-v2:hover .feature-v2__icon--child {
	-moz-transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}
.feature-v2:hover .feature-v2__icon--parent {
	box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.12);
}
.feature-v2:hover .feature-v2__icon--parent:after {
	-moz-transform: scale(0.85);
	-webkit-transform: scale(0.85);
	-ms-transform: scale(0.85);
	-o-transform: scale(0.85);
	transform: scale(0.85);
	opacity: 0.5;
}
.feature-v2__icon {
	margin-right: 1.6rem;
}
@media screen and (max-width: 319px) {
	.feature-v2__icon {
		margin-right: 0;
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.feature-v2__icon {
		margin-right: 0;
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.feature-v2__icon {
		margin-right: 0;
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.feature-v2__icon {
		margin-right: 0;
		margin-bottom: 0.8rem;
	}
}
.feature-v2__icon--parent {
	width: 7.2rem;
	height: 7.2rem;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	-moz-transition: box-shadow 0.5s;
	-webkit-transition: box-shadow 0.5s;
	-o-transition: box-shadow 0.5s;
	transition: box-shadow 0.5s;
	box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.12);
}
.feature-v2__icon--parent:after {
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 50%;
	opacity: 1;
	-opacity-transition: transform 0.5s;
	-0.5s-transition: transform 0.5s;
	transition: transform 0.5s;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38);
}
.feature-v2__icon--child {
	font-size: 3.2rem;
	color: rgba(17, 189, 163, 0.87);
	-moz-transition: transform 0.5s;
	-webkit-transition: transform 0.5s;
	-o-transition: transform 0.5s;
	transition: transform 0.5s;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.feature-v2__content {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
@media screen and (max-width: 319px) {
	.feature-v2__content {
		align-items: center;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.feature-v2__content {
		align-items: center;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.feature-v2__content {
		align-items: center;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.feature-v2__content {
		align-items: center;
	}
}
.feature-v2__name {
	margin-bottom: 0.8rem;
}
@media screen and (max-width: 319px) {
	.feature-v2__name {
		text-align: center;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.feature-v2__name {
		text-align: center;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.feature-v2__name {
		text-align: center;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.feature-v2__name {
		text-align: center;
	}
}
.feature-v2__paragraph {
	margin-bottom: 2rem;
}
@media screen and (max-width: 319px) {
	.feature-v2__paragraph {
		text-align: center;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.feature-v2__paragraph {
		text-align: center;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.feature-v2__paragraph {
		text-align: center;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.feature-v2__paragraph {
		text-align: center;
	}
}
.feature-v2__line {
	width: 6rem;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.12);
	margin: 0.8rem 0 2rem;
}
@media screen and (max-width: 319px) {
	.feature-v2__line {
		margin: 0rem 0 2rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.feature-v2__line {
		margin: 0rem 0 2rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.feature-v2__line {
		margin: 0rem 0 2rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.feature-v2__line {
		margin: 0rem 0 2rem;
	}
}
/*******************feature-v3***********************/
.feature-v3 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 4rem;
	border-radius: 4px;
	padding: 1.6rem;
	position: relative;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-moz-transition: box-shadow 0.3s;
	-webkit-transition: box-shadow 0.3s;
	-o-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
}
@media screen and (max-width: 319px) {
	.feature-v3 {
		flex-direction: column;
		align-items: center;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.feature-v3 {
		flex-direction: column;
		align-items: center;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.feature-v3 {
		flex-direction: column;
		align-items: center;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.feature-v3 {
		flex-direction: column;
		align-items: center;
	}
}
.feature-v3:hover {
	-moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.feature-v3:hover .feature-v3__icon--child {
	-moz-transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}
.feature-v3:hover .feature-v3__icon--parent {
	box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.12);
}
.feature-v3:hover .feature-v3__icon--parent:after {
	-moz-transform: scale(0.85);
	-webkit-transform: scale(0.85);
	-ms-transform: scale(0.85);
	-o-transform: scale(0.85);
	transform: scale(0.85);
	opacity: 0.5;
}
.feature-v3__icon {
	margin-left: 1.6rem;
}
@media screen and (max-width: 319px) {
	.feature-v3__icon {
		margin-left: 0;
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.feature-v3__icon {
		margin-left: 0;
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.feature-v3__icon {
		margin-left: 0;
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.feature-v3__icon {
		margin-left: 0;
		margin-bottom: 0.8rem;
	}
}
.feature-v3__icon--parent {
	width: 7.2rem;
	height: 7.2rem;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	-moz-transition: box-shadow 0.5s;
	-webkit-transition: box-shadow 0.5s;
	-o-transition: box-shadow 0.5s;
	transition: box-shadow 0.5s;
	box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.12);
}
.feature-v3__icon--parent:after {
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 50%;
	opacity: 1;
	-opacity-transition: transform 0.5s;
	-0.5s-transition: transform 0.5s;
	transition: transform 0.5s;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38);
}
.feature-v3__icon--child {
	font-size: 3.2rem;
	color: rgba(17, 189, 163, 0.87);
	-moz-transition: transform 0.5s;
	-webkit-transition: transform 0.5s;
	-o-transition: transform 0.5s;
	transition: transform 0.5s;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.feature-v3__content {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
@media screen and (max-width: 319px) {
	.feature-v3__content {
		align-items: center;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.feature-v3__content {
		align-items: center;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.feature-v3__content {
		align-items: center;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.feature-v3__content {
		align-items: center;
	}
}
.feature-v3__name {
	margin-bottom: 0.8rem;
}
@media screen and (max-width: 319px) {
	.feature-v3__name {
		text-align: center;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.feature-v3__name {
		text-align: center;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.feature-v3__name {
		text-align: center;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.feature-v3__name {
		text-align: center;
	}
}
.feature-v3__paragraph {
	margin-bottom: 2rem;
}
@media screen and (max-width: 319px) {
	.feature-v3__paragraph {
		text-align: center;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.feature-v3__paragraph {
		text-align: center;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.feature-v3__paragraph {
		text-align: center;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.feature-v3__paragraph {
		text-align: center;
	}
}
.feature-v3__line {
	width: 6rem;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.12);
	margin: 0.8rem 0 2rem;
}
@media screen and (max-width: 319px) {
	.feature-v3__line {
		margin: 0rem 0 2rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.feature-v3__line {
		margin: 0rem 0 2rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.feature-v3__line {
		margin: 0rem 0 2rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.feature-v3__line {
		margin: 0rem 0 2rem;
	}
}
/*******************news-border***********************/
.news-border {
	position: relative;
	overflow: hidden;
	padding: 0rem 1.6rem 1.6rem 1.6rem;
	border-radius: 4px;
	margin-bottom: 4rem;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-moz-transition: box-shadow 0.3s;
	-webkit-transition: box-shadow 0.3s;
	-o-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
}
.news-border:hover {
	-moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.news-border:hover .news-border__picture img {
	-moz-transform: scale(1.2) rotate(1deg);
	-webkit-transform: scale(1.2) rotate(1deg);
	-ms-transform: scale(1.2) rotate(1deg);
	-o-transform: scale(1.2) rotate(1deg);
	transform: scale(1.2) rotate(1deg);
}
.news-border:hover .news-border__picture:after {
	top: 0;
	bottom: auto;
	height: 100%;
}
.news-border:hover .news-border__picture:before {
	top: auto;
	bottom: 0;
	height: 100%;
}
.news-border__side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	position: relative;
}
.news-border__picture {
	overflow: hidden;
	display: block;
	width: calc(100% + 3.2rem);
	position: relative;
	-moz-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	left: 50%;
	margin-bottom: 2rem;
}
.news-border__picture img {
	height: auto;
	max-width: 100%;
	-moz-transform: scale(1) rotate(0deg);
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-moz-transition: all 0.7s ease-in-out 0.1s;
	-webkit-transition: all 0.7s ease-in-out 0.1s;
	-o-transition: all 0.7s ease-in-out 0.1s;
	transition: all 0.7s ease-in-out 0.1s;
}
.news-border__picture:before {
	position: absolute;
	top: 0;
	bottom: auto;
	height: 0;
	left: 0;
	width: 50%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.news-border__picture:after {
	position: absolute;
	top: auto;
	bottom: 0;
	height: 0;
	right: 0;
	width: 50%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.news-border__date-cate {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 0.8rem;
}
.news-border__line {
	width: 100%;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.12);
	margin: 1.2rem auto 2rem;
}
.news-border__name {
	margin-bottom: 0.8rem;
}
.news-border__paragraph {
	margin-bottom: 0.8rem;
}
.news-border__chip {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-bottom: 0.4rem;
}
.news-border__chip--link {
	display: block;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 1.6rem;
	padding: 0.4rem 1.2rem;
	background-color: transparent;
	height: 3.2rem;
	margin-right: 0.8rem;
	margin-bottom: 0.8rem;
	text-align: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

/*******************team-v2***********************/
.team-v2 {
	position: relative;
	overflow: hidden;
	padding: 0rem 1.6rem 1.6rem 1.6rem;
	border-radius: 4px;
	margin-bottom: 4rem;
	background-color: #ffffff;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-moz-transition: box-shadow 0.3s;
	-webkit-transition: box-shadow 0.3s;
	-o-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
}
.team-v2:hover {
	-moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.team-v2:hover .team-v2__picture img {
	-moz-transform: scale(1.2) rotate(1deg);
	-webkit-transform: scale(1.2) rotate(1deg);
	-ms-transform: scale(1.2) rotate(1deg);
	-o-transform: scale(1.2) rotate(1deg);
	transform: scale(1.2) rotate(1deg);
}
.team-v2:hover .team-v2__picture:after {
	top: 0;
	bottom: auto;
	height: 100%;
}
.team-v2:hover .team-v2__picture:before {
	top: auto;
	bottom: 0;
	height: 100%;
}
.team-v2__side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	position: relative;
}
.team-v2__picture {
	overflow: hidden;
	display: block;
	width: calc(100% + 3.2rem);
	position: relative;
	-moz-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	left: 50%;
	margin-bottom: 2rem;
}
.team-v2__picture img {
	height: auto;
	max-width: 100%;
	-moz-transform: scale(1) rotate(0deg);
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-moz-transition: all 0.7s ease-in-out 0.1s;
	-webkit-transition: all 0.7s ease-in-out 0.1s;
	-o-transition: all 0.7s ease-in-out 0.1s;
	transition: all 0.7s ease-in-out 0.1s;
}
.team-v2__picture:before {
	position: absolute;
	top: 0;
	bottom: auto;
	height: 0;
	left: 0;
	width: 50%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.team-v2__picture:after {
	position: absolute;
	top: auto;
	bottom: 0;
	height: 0;
	right: 0;
	width: 50%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.team-v2__name {
	margin-bottom: 0.8rem;
}
.team-v2__role {
	margin-bottom: 0.8rem;
}
.team-v2__paragraph {
	margin-bottom: 0.8rem;
}
.team-v2__line {
	width: 100%;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.12);
	margin: 1.2rem auto 2rem;
}
.team-v2__social ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.team-v2__social ul li {
	margin-right: 1.6rem;
}
.team-v2__social ul li a i {
	font-size: 1.8rem;
	color: rgba(0, 0, 0, 0.6);
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.team-v2__social ul li a:hover i {
	color: rgba(0, 0, 0, 0.87);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

/*******************hero-slider***********************/
.hero-slider {
	position: relative;
}
.hero-slider:hover .hero-slider__next, .hero-slider:hover .hero-slider__prev {
	opacity: 1;
}
.hero-slider__viewport {
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.hero-slider__viewport li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.hero-slider__viewport li img {
	max-width: 100%;
	display: block;
	height: auto;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
@media screen and (max-width: 319px) {
	.hero-slider__viewport li img {
		max-width: 260%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.hero-slider__viewport li img {
		max-width: 260%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.hero-slider__viewport li img {
		max-width: 200%;
	}
}
.hero-slider__side {
	position: relative;
}
.hero-slider__wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 4.8rem;
	z-index: 99;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.hero-slider__prev {
	position: absolute;
	top: 50%;
	left: 2rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.hero-slider__prev.showMxm {
	left: 0.4rem;
}
.hero-slider__prev i {
	position: absolute;
	top: 2.1rem;
	left: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(255, 255, 255, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 0% 50%;
}
.hero-slider__prev i:first-child {
	transform: translate(0, -0.1rem) rotate(40deg);
}
.hero-slider__prev i:last-child {
	transform: translate(0, 0.1rem) rotate(-40deg);
}
.hero-slider__prev:hover i:first-child {
	transform: translate(0, -0.1rem) rotate(30deg);
}
.hero-slider__prev:hover i:last-child {
	transform: translate(0, 0.1rem) rotate(-30deg);
}
.hero-slider__prev:active i:first-child {
	transform: translate(0rem, -0.1rem) rotate(25deg);
}
.hero-slider__prev:active i:last-child {
	transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.hero-slider__next {
	position: absolute;
	top: 50%;
	right: 2rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.hero-slider__next.showMxm {
	right: 0.4rem;
}
.hero-slider__next i {
	position: absolute;
	top: 2.1rem;
	right: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(255, 255, 255, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 100% 50%;
}
.hero-slider__next i:first-child {
	transform: translate(0, 0.1rem) rotate(40deg);
}
.hero-slider__next i:last-child {
	transform: translate(0, -0.1rem) rotate(-40deg);
}
.hero-slider__next:hover i:first-child {
	transform: translate(0, 0.1rem) rotate(30deg);
}
.hero-slider__next:hover i:last-child {
	transform: translate(0, -0.1rem) rotate(-30deg);
}
.hero-slider__next:active i:first-child {
	transform: translate(0rem, 0.1rem) rotate(25deg);
}
.hero-slider__next:active i:last-child {
	transform: translate(0rem, -0.1rem) rotate(-25deg);
}
.hero-slider__control-nav {
	position: absolute;
	bottom: 12%;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.hero-slider__control-nav li a {
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	height: 1.2rem;
	width: 1.2rem;
	margin: 0 0.4rem;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 0.6rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}
.hero-slider__control-nav li a:hover {
	background-color: rgba(255, 255, 255, 0.87);
}
.hero-slider__control-nav li a.hero-slider__active {
	width: 3.2rem;
	background-color: rgba(255, 255, 255, 0.87);
	cursor: default;
}

/*******************news-special***********************/
.news-special__side {
	position: relative;
	margin-bottom: 4rem;
}
.news-special__side img {
	height: auto;
	max-width: 100%;
	margin: auto;
}
.news-special__side:hover .news-special__content {
	opacity: 1;
	visibility: visible;
}
.news-special__content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.35);
	padding: 0.8rem 1.6rem 0.8rem;
	z-index: 99;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	opacity: 0;
	visibility: hidden;
	-moz-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}
@media screen and (max-width: 319px) {
	.news-special__content {
		opacity: 1;
		visibility: visible;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.news-special__content {
		opacity: 1;
		visibility: visible;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.news-special__content {
		opacity: 1;
		visibility: visible;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.news-special__content {
		opacity: 1;
		visibility: visible;
	}
}
.news-special__icon {
	margin-bottom: 5.6rem;
}
.news-special__icon i {
	font-size: 3.6rem;
	color: #ffffff;
}
.news-special__name {
	margin-bottom: 0.4rem;
	display: block;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.news-special__name {
		font-size: 2rem;
		line-height: 3.2rem;
		letter-spacing: 0.024rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.news-special__name {
		font-size: 2rem;
		line-height: 3.2rem;
		letter-spacing: 0.024rem;
		text-transform: none;
		font-weight: 500;
	}
}
.news-special__date-cate {
	margin-bottom: 0.8rem;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.news-special__date-cate a {
		font-size: 1.2rem;
		line-height: 2rem;
		letter-spacing: 0.046rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.news-special__date-cate a {
		font-size: 1.2rem;
		line-height: 2rem;
		letter-spacing: 0.046rem;
		text-transform: none;
		font-weight: 400;
	}
}
.news-special__date-cate span {
	color: #ffffff;
}
.news-special__paragraph {
	margin-bottom: 1.6rem;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.news-special__paragraph {
		display: none;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.news-special__paragraph {
		font-size: 1.2rem;
		line-height: 2rem;
		letter-spacing: 0.046rem;
		text-transform: none;
		font-weight: 400;
	}
}
/*******************item-v2***********************/
.item-v2 {
	border-radius: 4px;
	padding: 1.6rem;
	position: relative;
	overflow: hidden;
	margin-bottom: 4rem;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-moz-transition: box-shadow 0.3s;
	-webkit-transition: box-shadow 0.3s;
	-o-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: flex-start;
}
.item-v2:hover {
	-moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.item-v2:hover .item-v2__picture img {
	-moz-transform: scale(1.2) rotate(1deg);
	-webkit-transform: scale(1.2) rotate(1deg);
	-ms-transform: scale(1.2) rotate(1deg);
	-o-transform: scale(1.2) rotate(1deg);
	transform: scale(1.2) rotate(1deg);
}
.item-v2:hover .item-v2__picture:after {
	top: 0;
	bottom: auto;
	height: 100%;
}
.item-v2:hover .item-v2__picture:before {
	top: auto;
	bottom: 0;
	height: 100%;
}
.item-v2__side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	position: relative;
}
.item-v2__name {
	margin-bottom: 0.4rem;
}
.item-v2__date-cate {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.item-v2__picture {
	overflow: hidden;
	width: 100%;
	max-width: 8rem;
	position: relative;
	margin-left: 1.6rem;
}
.item-v2__picture img {
	height: auto;
	max-width: 100%;
	-moz-transform: scale(1) rotate(0deg);
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-moz-transition: all 0.7s ease-in-out 0.1s;
	-webkit-transition: all 0.7s ease-in-out 0.1s;
	-o-transition: all 0.7s ease-in-out 0.1s;
	transition: all 0.7s ease-in-out 0.1s;
}
.item-v2__picture:before {
	position: absolute;
	top: 0;
	bottom: auto;
	height: 0;
	left: 0;
	width: 50%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.item-v2__picture:after {
	position: absolute;
	top: auto;
	bottom: 0;
	height: 0;
	right: 0;
	width: 50%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}

/*******************item-v3***********************/
.item-v3 {
	border-radius: 4px;
	padding: 1.6rem;
	position: relative;
	overflow: hidden;
	margin-bottom: 4rem;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-moz-transition: box-shadow 0.3s;
	-webkit-transition: box-shadow 0.3s;
	-o-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
	display: flex;
	flex-direction: row;
    justify-content: flex-start;
	align-items: flex-start;
}
@media screen and (max-width: 319px) {
	.item-v3 {
		flex-direction: column;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-v3 {
		flex-direction: column;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.item-v3 {
		flex-direction: column;
	}
}
.item-v3:hover {
	-moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.item-v3:hover .item-v3__picture img {
	-moz-transform: scale(1.2) rotate(1deg);
	-webkit-transform: scale(1.2) rotate(1deg);
	-ms-transform: scale(1.2) rotate(1deg);
	-o-transform: scale(1.2) rotate(1deg);
	transform: scale(1.2) rotate(1deg);
}
.item-v3:hover .item-v3__picture:after {
	top: 0;
	bottom: auto;
	height: 100%;
}
.item-v3:hover .item-v3__picture:before {
	top: auto;
	bottom: 0;
	height: 100%;
}
.item-v3__side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	position: relative;
}
.item-v3__name {
	margin-bottom: 0.4rem;
}
.item-v3__date-cate {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 0.4rem;
}
.item-v3__picture {
	overflow: hidden;
	width: 100%;
	max-width: 18.5rem;
	position: relative;
	margin-right: 1.6rem;
}
@media screen and (max-width: 319px) {
	.item-v3__picture {
		max-width: none;
		margin-bottom: 0.8rem;
		margin-right: 0;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-v3__picture {
		max-width: none;
		margin-bottom: 0.8rem;
		margin-right: 0;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.item-v3__picture {
		max-width: none;
		margin-bottom: 0.8rem;
		margin-right: 0;
	}
}
.item-v3__picture img {
	height: auto;
	max-width: 100%;
	-moz-transform: scale(1) rotate(0deg);
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-moz-transition: all 0.7s ease-in-out 0.1s;
	-webkit-transition: all 0.7s ease-in-out 0.1s;
	-o-transition: all 0.7s ease-in-out 0.1s;
	transition: all 0.7s ease-in-out 0.1s;
}
.item-v3__picture:before {
	position: absolute;
	top: 0;
	bottom: auto;
	height: 0;
	left: 0;
	width: 50%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.item-v3__picture:after {
	position: absolute;
	top: auto;
	bottom: 0;
	height: 0;
	right: 0;
	width: 50%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
/*******************item-blog***********************/
.item-blog {
	border-radius: 4px;
	padding: 1.6rem;
	position: relative;
	overflow: hidden;
	height: 100%;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-moz-transition: box-shadow 0.3s;
	-webkit-transition: box-shadow 0.3s;
	-o-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
}
.item-blog:hover {
	-moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.item-blog:hover .item-blog__picture img {
	-moz-transform: scale(1.2) rotate(1deg);
	-webkit-transform: scale(1.2) rotate(1deg);
	-ms-transform: scale(1.2) rotate(1deg);
	-o-transform: scale(1.2) rotate(1deg);
	transform: scale(1.2) rotate(1deg);
}
.item-blog:hover .item-blog__picture:after {
	top: 0;
	bottom: auto;
	height: 100%;
}
.item-blog:hover .item-blog__picture:before {
	top: auto;
	bottom: 0;
	height: 100%;
}
.item-blog:hover .item-blog__gallery--next, .item-blog:hover .item-blog__gallery--prev, .item-blog:hover .item-blog__gallery--control-nav {
	opacity: 1;
}
.item-blog__side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	position: relative;
}
.quote .item-blog__side {
	height: 100%;
}
.item-blog__date-cate {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 1.2rem;
}
.item-blog__box {
	position: relative;
	width: 100%;
}
.item-blog__audio {
	margin-bottom: 1.2rem;
	width: 100%;
}
.item-blog__audio iframe {
	width: 100%;
	border: 0;
}
.item-blog__picture {
	overflow: hidden;
	display: block;
	width: calc(100% + 3.2rem);
	position: relative;
	-moz-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	left: 50%;
	margin-bottom: 1.2rem;
}
.item-blog__picture img {
	height: auto;
	width: 100%;
	-moz-transform: scale(1) rotate(0deg);
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-moz-transition: all 0.7s ease-in-out 0.1s;
	-webkit-transition: all 0.7s ease-in-out 0.1s;
	-o-transition: all 0.7s ease-in-out 0.1s;
	transition: all 0.7s ease-in-out 0.1s;
}
.normal .item-blog__picture:before {
	position: absolute;
	top: 0;
	bottom: auto;
	height: 0;
	left: 0;
	width: 50%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.normal .item-blog__picture:after {
	position: absolute;
	top: auto;
	bottom: 0;
	height: 0;
	right: 0;
	width: 50%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.image .item-blog__picture:before {
	position: absolute;
	top: 0;
	bottom: auto;
	height: 0;
	left: 0;
	width: 50%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.image .item-blog__picture:after {
	position: absolute;
	top: auto;
	bottom: 0;
	height: 0;
	right: 0;
	width: 50%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.video .item-blog__picture:before {
	position: absolute;
	top: 0;
	bottom: auto;
	height: 0;
	left: 0;
	width: 100%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.video .item-blog__picture:after {
	position: absolute;
	top: auto;
	bottom: 0;
	height: 0;
	right: 0;
	width: 100%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.item-blog__icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.item-blog__icon i {
	font-size: 9.6rem;
	color: #ffffff;
	z-index: 44;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%) scale3d(1, 1, 1);
	-webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
	-ms-transform: translate(-50%, -50%) scale3d(1, 1, 1);
	-o-transform: translate(-50%, -50%) scale3d(1, 1, 1);
	transform: translate(-50%, -50%) scale3d(1, 1, 1);
	-moz-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
	-webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
	transition: all 1s cubic-bezier(0, 0, 0.2, 1);
}
.item-blog__icon i:hover {
	-moz-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
	-webkit-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
	-ms-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
	-o-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
	transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
}
.item-blog__icon img {
	visibility: hidden;
	opacity: 0;
	width: 100%;
}
.item-blog__quote--side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 3.6rem;
}
@media screen and (max-width: 319px) {
	.item-blog__quote--side {
		padding: 0rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-blog__quote--side {
		padding: 0rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.item-blog__quote--side {
		padding: 0rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.item-blog__quote--side {
		padding: 0rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3 .item-blog__quote--side {
		padding: 1.6rem 0;
	}
}
@media screen and (min-width: 1200px) {
	.column-3 .item-blog__quote--side {
		padding: 1.6rem 0;
	}
}
.item-blog__quote--ico {
	margin-bottom: 2.8rem;
}
.item-blog__quote--ico i {
	font-size: 6rem;
	color: rgba(0, 0, 0, 0.87);
}
.column-3 .item-blog__quote--ico {
	margin-bottom: 1.6rem;
}
.item-blog__quote--content {
	text-align: center;
	width: 100%;
	margin-bottom: 3.6rem;
}
@media screen and (max-width: 319px) {
	.item-blog__quote--content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-blog__quote--content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.item-blog__quote--content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 90%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.item-blog__quote--content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 90%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.item-blog__quote--content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 90%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3 .item-blog__quote--content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 100%;
		margin-bottom: 2rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-3 .item-blog__quote--content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 100%;
		margin-bottom: 2rem;
	}
}
.item-blog__quote--author {
	text-align: center;
}
.item-blog__paragraph {
	margin-bottom: 1.6rem;
}
.item-blog__gallery {
	position: relative;
	margin-bottom: 1.2rem;
	overflow: hidden;
	display: block;
	width: calc(100% + 3.2rem);
	-moz-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	left: 50%;
}
.item-blog__gallery--viewport {
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.item-blog__gallery--viewport li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.item-blog__gallery--viewport li img {
	width: 100%;
	display: block;
	height: auto;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.item-blog__gallery--prev {
	position: absolute;
	top: 50%;
	left: 2rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.item-blog__gallery--prev i {
	position: absolute;
	top: 2.1rem;
	left: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(255, 255, 255, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 0% 50%;
}
.item-blog__gallery--prev i:first-child {
	transform: translate(0, -0.1rem) rotate(40deg);
}
.item-blog__gallery--prev i:last-child {
	transform: translate(0, 0.1rem) rotate(-40deg);
}
.item-blog__gallery--prev:hover i:first-child {
	transform: translate(0, -0.1rem) rotate(30deg);
}
.item-blog__gallery--prev:hover i:last-child {
	transform: translate(0, 0.1rem) rotate(-30deg);
}
.item-blog__gallery--prev:active i:first-child {
	transform: translate(0rem, -0.1rem) rotate(25deg);
}
.item-blog__gallery--prev:active i:last-child {
	transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.item-blog__gallery--next {
	position: absolute;
	top: 50%;
	right: 2rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.item-blog__gallery--next i {
	position: absolute;
	top: 2.1rem;
	right: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(255, 255, 255, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 100% 50%;
}
.item-blog__gallery--next i:first-child {
	transform: translate(0, 0.1rem) rotate(40deg);
}
.item-blog__gallery--next i:last-child {
	transform: translate(0, -0.1rem) rotate(-40deg);
}
.item-blog__gallery--next:hover i:first-child {
	transform: translate(0, 0.1rem) rotate(30deg);
}
.item-blog__gallery--next:hover i:last-child {
	transform: translate(0, -0.1rem) rotate(-30deg);
}
.item-blog__gallery--next:active i:first-child {
	transform: translate(0rem, 0.1rem) rotate(25deg);
}
.item-blog__gallery--next:active i:last-child {
	transform: translate(0rem, -0.1rem) rotate(-25deg);
}
.item-blog__gallery--control-nav {
	position: absolute;
	bottom: 12%;
	left: 50%;
	opacity: 0;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.item-blog__gallery--control-nav li a {
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	height: 1.2rem;
	width: 1.2rem;
	margin: 0 0.4rem;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 0.6rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}
.item-blog__gallery--control-nav li a:hover {
	background-color: rgba(255, 255, 255, 0.87);
}
.item-blog__gallery--control-nav li a.item-blog__gallery--active {
	width: 3.2rem;
	background-color: rgba(255, 255, 255, 0.87);
	cursor: default;
}

/*******************item-2-blog***********************/
.item-2-blog {
	position: relative;
	overflow: hidden;
	height: 100%;
}
.item-2-blog:hover .item-2-blog__picture img {
	-moz-transform: scale(1.2) rotate(1deg);
	-webkit-transform: scale(1.2) rotate(1deg);
	-ms-transform: scale(1.2) rotate(1deg);
	-o-transform: scale(1.2) rotate(1deg);
	transform: scale(1.2) rotate(1deg);
}
.item-2-blog:hover .item-2-blog__picture:after {
	top: 0;
	bottom: auto;
	height: 100%;
}
.item-2-blog:hover .item-2-blog__picture:before {
	top: auto;
	bottom: 0;
	height: 100%;
}
.item-2-blog:hover .item-2-blog__gallery--next, .item-2-blog:hover .item-2-blog__gallery--prev, .item-2-blog:hover .item-2-blog__gallery--control-nav {
	opacity: 1;
}
.item-2-blog__side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	position: relative;
}
.item-2-blog__name {
	margin-bottom: 0.8rem;
}
.item-2-blog__date-cate {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.item-2-blog__box {
	position: relative;
	width: 100%;
}
.item-2-blog__audio {
	margin-bottom: 1.2rem;
	width: 100%;
}
.item-2-blog__picture {
	overflow: hidden;
	display: block;
	width: 100%;
	position: relative;
	margin-bottom: 2rem;
}
.item-2-blog__picture img {
	height: auto;
	width: 100%;
	-moz-transform: scale(1) rotate(0deg);
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-moz-transition: all 0.7s ease-in-out 0.1s;
	-webkit-transition: all 0.7s ease-in-out 0.1s;
	-o-transition: all 0.7s ease-in-out 0.1s;
	transition: all 0.7s ease-in-out 0.1s;
}
.normal .item-2-blog__picture:before {
position: absolute;
top: 0;
bottom: auto;
height: 0;
left: 0;
width: 50%;
content: "";
-moz-transition: all 0.5s ease-in-out 0.1s;
-webkit-transition: all 0.5s ease-in-out 0.1s;
-o-transition: all 0.5s ease-in-out 0.1s;
transition: all 0.5s ease-in-out 0.1s;
background-color: rgba(0, 0, 0, 0.3);
z-index: 4;
}
.normal .item-2-blog__picture:after {
	position: absolute;
	top: auto;
	bottom: 0;
	height: 0;
	right: 0;
	width: 50%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.image .item-2-blog__picture:before {
	position: absolute;
	top: 0;
	bottom: auto;
	height: 0;
	left: 0;
	width: 50%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.image .item-2-blog__picture:after {
	position: absolute;
	top: auto;
	bottom: 0;
	height: 0;
	right: 0;
	width: 50%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.video .item-2-blog__picture:before {
	position: absolute;
	top: 0;
	bottom: auto;
	height: 0;
	left: 0;
	width: 100%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.video .item-2-blog__picture:after {
	position: absolute;
	top: auto;
	bottom: 0;
	height: 0;
	right: 0;
	width: 100%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.item-2-blog__icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	z-index: 6;
}
.item-2-blog__icon i {
	font-size: 9.6rem;
	color: #ffffff;
	z-index: 44;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%) scale3d(1, 1, 1);
	-webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
	-ms-transform: translate(-50%, -50%) scale3d(1, 1, 1);
	-o-transform: translate(-50%, -50%) scale3d(1, 1, 1);
	transform: translate(-50%, -50%) scale3d(1, 1, 1);
	-moz-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
	-webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
	transition: all 1s cubic-bezier(0, 0, 0.2, 1);
}
.item-2-blog__icon i:hover {
	-moz-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
	-webkit-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
	-ms-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
	-o-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
	transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
}
.item-2-blog__icon img {
	visibility: hidden;
	opacity: 0;
	width: 100%;
}
.item-2-blog__quote--side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 3.6rem;
}
@media screen and (max-width: 319px) {
	.item-2-blog__quote--side {
		padding: 0rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-2-blog__quote--side {
		padding: 0rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.item-2-blog__quote--side {
		padding: 0rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.item-2-blog__quote--side {
		padding: 0rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3 .item-2-blog__quote--side {
		padding: 1.6rem 0;
	}
}
@media screen and (min-width: 1200px) {
	.column-3 .item-2-blog__quote--side {
		padding: 1.6rem 0;
	}
}
.item-2-blog__quote--ico {
	margin-bottom: 2.8rem;
}
.item-2-blog__quote--ico i {
	font-size: 6rem;
	color: rgba(0, 0, 0, 0.87);
}
.column-3 .item-2-blog__quote--ico {
	margin-bottom: 1.6rem;
}
.item-2-blog__quote--content {
	text-align: center;
	width: 100%;
	margin-bottom: 3.6rem;
}
@media screen and (max-width: 319px) {
	.item-2-blog__quote--content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-2-blog__quote--content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.item-2-blog__quote--content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 90%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.item-2-blog__quote--content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 90%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.item-2-blog__quote--content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 90%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3 .item-2-blog__quote--content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 100%;
		margin-bottom: 2rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-3 .item-2-blog__quote--content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 100%;
		margin-bottom: 2rem;
	}
}
.item-2-blog__quote--author {
	text-align: center;
}
.item-2-blog__paragraph {
	margin-bottom: 1.2rem;
}
.item-2-blog__gallery {
	position: relative;
	margin-bottom: 2rem;
	overflow: hidden;
	display: block;
	width: 100%;
}
.item-2-blog__gallery--viewport {
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.item-2-blog__gallery--viewport li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.item-2-blog__gallery--viewport li img {
	width: 100%;
	display: block;
	height: auto;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.item-2-blog__gallery--prev {
	position: absolute;
	top: 50%;
	left: 2rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.item-2-blog__gallery--prev i {
	position: absolute;
	top: 2.1rem;
	left: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(255, 255, 255, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 0% 50%;
}
.item-2-blog__gallery--prev i:first-child {
	transform: translate(0, -0.1rem) rotate(40deg);
}
.item-2-blog__gallery--prev i:last-child {
	transform: translate(0, 0.1rem) rotate(-40deg);
}
.item-2-blog__gallery--prev:hover i:first-child {
	transform: translate(0, -0.1rem) rotate(30deg);
}
.item-2-blog__gallery--prev:hover i:last-child {
	transform: translate(0, 0.1rem) rotate(-30deg);
}
.item-2-blog__gallery--prev:active i:first-child {
	transform: translate(0rem, -0.1rem) rotate(25deg);
}
.item-2-blog__gallery--prev:active i:last-child {
	transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.item-2-blog__gallery--next {
	position: absolute;
	top: 50%;
	right: 2rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.item-2-blog__gallery--next i {
	position: absolute;
	top: 2.1rem;
	right: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(255, 255, 255, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 100% 50%;
}
.item-2-blog__gallery--next i:first-child {
	transform: translate(0, 0.1rem) rotate(40deg);
}
.item-2-blog__gallery--next i:last-child {
	transform: translate(0, -0.1rem) rotate(-40deg);
}
.item-2-blog__gallery--next:hover i:first-child {
	transform: translate(0, 0.1rem) rotate(30deg);
}
.item-2-blog__gallery--next:hover i:last-child {
	transform: translate(0, -0.1rem) rotate(-30deg);
}
.item-2-blog__gallery--next:active i:first-child {
	transform: translate(0rem, 0.1rem) rotate(25deg);
}
.item-2-blog__gallery--next:active i:last-child {
	transform: translate(0rem, -0.1rem) rotate(-25deg);
}
.item-2-blog__gallery--control-nav {
	position: absolute;
	bottom: 12%;
	left: 50%;
	opacity: 0;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.item-2-blog__gallery--control-nav li a {
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	height: 1.2rem;
	width: 1.2rem;
	margin: 0 0.4rem;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 0.6rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}
.item-2-blog__gallery--control-nav li a:hover {
	background-color: rgba(255, 255, 255, 0.87);
}
.item-2-blog__gallery--control-nav li a.item-2-blog__gallery--active {
	width: 3.2rem;
	background-color: rgba(255, 255, 255, 0.87);
	cursor: default;
}

/*******************modal-video***********************/
@keyframes modal-video {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes modal-video-inner {
	from {
		transform: translate(0, 100px);
	}
	to {
		transform: translate(0, 0);
	}
}
.modal-video {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 1000000;
	cursor: pointer;
	opacity: 1;
	animation-timing-function: ease-out;
	animation-duration: 0.3s;
	animation-name: modal-video;
	-moz-transition: opacity 0.3s ease-out;
	-webkit-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

.modal-video-close {
	opacity: 0;
}
.modal-video-close .modal-video-movie-wrap {
	-moz-transform: translate(0, 100px);
	-webkit-transform: translate(0, 100px);
	-ms-transform: translate(0, 100px);
	-o-transform: translate(0, 100px);
	transform: translate(0, 100px);
}

.modal-video-body {
	max-width: 1400px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	display: table;
	padding: 4rem;
}

.modal-video-inner {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

.modal-video-movie-wrap {
	width: 100%;
	height: 0;
	position: relative;
	padding-bottom: 56.25%;
	background-color: #333333;
	animation-timing-function: ease-out;
	animation-duration: 0.3s;
	animation-name: modal-video-inner;
	-moz-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	-moz-transition: transform 0.3s ease-out;
	-webkit-transition: transform 0.3s ease-out;
	-o-transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}
.modal-video-movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.modal-video-close-btn {
	position: absolute;
	z-index: 2;
	top: -35px;
	right: -35px;
	display: inline-block;
	width: 35px;
	height: 35px;
	overflow: hidden;
	border: none;
	background: transparent;
}
.modal-video-close-btn:before {
	transform: rotate(45deg);
}
.modal-video-close-btn:after {
	transform: rotate(-45deg);
}
.modal-video-close-btn:before, .modal-video-close-btn:after {
	content: "";
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -1px;
	background: #fff;
	border-radius: 5px;
	margin-top: -6px;
}

/*******************smartphoto***********************/
@keyframes smartphoto {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes smartphoto-img-wrap {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes smartphoto-inner {
	from {
		transform: translate(0, 100px);
	}
	to {
		transform: translate(0, 0);
	}
}
@keyframes smartphoto-loader {
	0% {
		opacity: 0.4;
		transform: rotate(0deg);
	}
	50% {
		opacity: 1;
		transform: rotate(180deg);
	}
	100% {
		opacity: 0.4;
		transform: rotate(360deg);
	}
}
@keyframes smartphoto-appear {
	0% {
		display: none;
		opacity: 0;
	}
	1% {
		display: block;
		opacity: 0;
	}
	100% {
		display: block;
		opacity: 1;
	}
}
@keyframes smartphoto-hide {
	0% {
		display: block;
		opacity: 1;
	}
	99% {
		display: block;
		opacity: 0;
	}
	100% {
		display: none;
		opacity: 0;
	}
}
.smartphoto {
	position: fixed;
	z-index: 1000000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.8);
	opacity: 1;
	font-family: sans-serif;
	cursor: pointer;
	-moz-transition: opacity 0.3s ease-out;
	-webkit-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	animation-name: smartphoto;
	animation-duration: 0.3s;
	animation-timing-function: ease-out;
}

.smartphoto[aria-hidden=true] {
	display: none;
}

.smartphoto-close {
	opacity: 0;
}

.smartphoto-count {
	display: inline-block;
	color: #ffffff;
	font-size: 1.6rem;
}

.smartphoto-header {
	display: block;
	box-sizing: border-box;
	position: fixed;
	z-index: 102;
	top: 0;
	left: 0;
	width: 100%;
	height: 5.6rem;
	padding: 1.6rem;
	background-color: black;
}

.smartphoto-content {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.smartphoto-dismiss {
	display: block;
	position: absolute;
	top: 1.5rem;
	right: 1rem;
	width: 2rem;
	height: 2rem;
	padding: 0;
	border: none;
	background-color: transparent;
	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiI+PHRpdGxlPmljb248L3RpdGxlPjxwYXRoIGQ9Ik0xNTc2LjQyLDE0MDYuNzYsMjc4NCwxOTkuMTlhNTYuODYsNTYuODYsMCwwLDAsMC04MC4xOGwtNzguOTItNzguOTJhNTYuODYsNTYuODYsMCwwLDAtODAuMTgsMEwxNDE3LjMyLDEyNDcuNjYsMjA5Ljc1LDQwLjA5YTU2Ljg2LDU2Ljg2LDAsMCwwLTgwLjE4LDBMNTAuNjUsMTE5YTU2Ljg2LDU2Ljg2LDAsMCwwLDAsODAuMThMMTI1OC4yMywxNDA2Ljc2LDUwLjY1LDI2MTQuMzRhNTYuODYsNTYuODYsMCwwLDAsMCw4MC4xOGw3OC45Miw3OC45MmE1Ni44Niw1Ni44NiwwLDAsMCw4MC4xOCwwTDE0MTcuMzIsMTU2NS44NiwyNjI0LjksMjc3My40NGE1Ni44Niw1Ni44NiwwLDAsMCw4MC4xOCwwbDc4LjkyLTc4LjkyYTU2Ljg2LDU2Ljg2LDAsMCwwLDAtODAuMThaIi8+PC9zdmc+);
	text-shadow: 0 1px 0 #ffffff;
	color: #ffffff;
	font-size: 3rem;
	text-decoration: none;
	cursor: pointer;
	line-height: 1;
	outline: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.smartphoto-body {
	position: relative;
	z-index: 102;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.smartphoto-inner {
	position: relative;
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.smartphoto-img {
	display: none;
	max-width: none;
	width: auto;
	height: auto;
	cursor: zoom-in;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: transform 0.3s ease-out;
	-webkit-user-drag: none;
}

.smartphoto-img.active {
	display: block;
}

.smartphoto-img-onmove {
	cursor: grab;
	cursor: -webkit-grab;
	transition: none;
}

.smartphoto-img-elasticmove {
	transition: transform 0.3s ease-out;
}

.smartphoto-img-wrap {
	display: inline-block;
	opacity: 1;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	animation-name: smartphoto-img-wrap;
	animation-duration: 0.3s;
	animation-timing-function: ease-out;
}

.smartphoto-img-left {
	transform: translateX(150%) !important;
}

.smartphoto-img-right {
	transform: translateX(-150%) !important;
}

.smartphoto-arrows {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1002;
	top: 50%;
	left: 0;
	opacity: 1;
	animation-name: smartphoto-appear;
	animation-duration: 0.3s;
	animation-timing-function: ease-out;
}

.smartphoto-arrows[aria-hidden=true] {
	animation-name: smartphoto-hide;
	display: none;
}

.smartphoto-arrows li {
	display: block;
	position: absolute;
	top: 50%;
	width: 30px;
	height: 30px;
	margin-top: -20px;
	box-sizing: content-box;
	animation-duration: 0.3s;
	animation-timing-function: ease-out;
	animation-name: smartphoto-appear;
}
.smartphoto-arrows li:focus {
	outline: none;
}

.smartphoto-arrows [aria-hidden=true] {
	animation-name: smartphoto-hide;
	display: none;
}

.smartphoto-arrows a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.smartphoto-arrow-right {
	right: 0;
	padding: 5px 0;
	background-color: rgba(0, 0, 0, 0.5);
}
.smartphoto-arrow-right a {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiAiPjx0aXRsZT5pY29uPC90aXRsZT48cGF0aCBkPSJNMTgzNy44OCwxNDE3LjMyLDY0My41OSwyMjNhNzIuMjEsNzIuMjEsMCwwLDEsMC0xMDEuODJMNzQzLjgyLDIxYTcyLjIxLDcyLjIxLDAsMCwxLDEwMS44MiwwTDIwOTAuODMsMTI2Ni4xOWwxMDAuMjMsMTAwLjIzYTcyLjIxLDcyLjIxLDAsMCwxLDAsMTAxLjgyTDg0NS42NCwyODEzLjY1YTcyLjIxLDcyLjIxLDAsMCwxLTEwMS44MiwwTDY0My41OSwyNzEzLjQyYTcyLjIxLDcyLjIxLDAsMCwxLDAtMTAxLjgyWiIvPjwvc3ZnPg==);
}

.smartphoto-arrow-left {
	left: 0;
	padding: 5px 0;
	background-color: rgba(0, 0, 0, 0.5);
}
.smartphoto-arrow-left a {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiI+PHRpdGxlPmljb248L3RpdGxlPjxwYXRoIGQ9Ik05OTYuNzcsMTQxNy4zMiwyMTkxLjA2LDIyM2E3Mi4yMSw3Mi4yMSwwLDAsMCwwLTEwMS44MkwyMDkwLjgzLDIxQTcyLjIxLDcyLjIxLDAsMCwwLDE5ODksMjFMNzQzLjgyLDEyNjYuMTksNjQzLjU5LDEzNjYuNDJhNzIuMjEsNzIuMjEsMCwwLDAsMCwxMDEuODJMMTk4OSwyODEzLjY1YTcyLjIxLDcyLjIxLDAsMCwwLDEwMS44MiwwbDEwMC4yMy0xMDAuMjNhNzIuMjEsNzIuMjEsMCwwLDAsMC0xMDEuODJaIi8+PC9zdmc+);
}

.smartPhotoArrowHideIcon {
	display: none;
}

.smartphoto-nav {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	opacity: 1;
	animation-name: smartphoto-appear;
	animation-duration: 0.3s;
	animation-timing-function: ease-out;
}

.smartphoto-nav[aria-hidden=true] {
	animation-name: smartphoto-hide;
	display: none;
}

.smartphoto-nav ul {
	display: block;
	overflow-x: auto;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

.smartphoto-nav li {
	display: inline-block;
	overflow: hidden;
	width: 50px;
	height: 50px;
}

.smartphoto-nav a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	background-position: center center;
	background-size: cover;
	opacity: 0.5;
}
.smartphoto-nav a:focus {
	opacity: 0.8;
}

.smartphoto-nav a.current {
	opacity: 1;
}

.smartphoto-nav img {
	width: auto;
	height: 100%;
}

.smartphoto-list {
	list-style-type: none;
	position: absolute;
	z-index: 101;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.smartphoto-list li {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-out;
}
.smartphoto-list li:focus {
	outline: none;
}

.smartphoto-list-onmove {
	transition: all 0.3s ease-out;
}

.smartphoto-caption {
	overflow: hidden;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5.6rem;
	padding: 0 50px;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	line-height: 50px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.smartphoto-caption:focus {
	outline: none;
}

.smartphoto-loader-wrap {
	display: block;
	position: relative;
	z-index: 103;
	width: 0;
	height: 0;
	transform: translate(50vw, 50vh);
}

.smartphoto-loader {
	position: absolute;
	z-index: 101;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	margin-top: -25px;
	margin-left: -25px;
	border: 8px solid #11BDA3;
	border-right-color: transparent;
	border-radius: 50%;
	animation: smartphoto-loader 0.5s infinite linear;
}

.smartphoto-img-clone {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	transition: all 0.3s ease-out;
}

.smartphoto-sr-only {
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	clip: rect(0, 0, 0, 0);
}

/*******************widget***********************/
.widget {
	margin-bottom: 3.2rem;
}
.widget__search-form {
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 1.6rem;
}
.widget__search-input {
	width: 100%;
	border: 1px solid rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	padding: 12px 36px 12px 12px;
	background-color: transparent;
}
.widget__search-input:placeholder {
	color: rgba(0, 0, 0, 0.87);
}
.widget__search-input::placeholder {
	color: rgba(0, 0, 0, 0.87);
}
.widget__search-input:-moz-placeholder {
	color: rgba(0, 0, 0, 0.87);
}
.widget__search-input::-moz-placeholder {
	color: rgba(0, 0, 0, 0.87);
}
.widget__search-input:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.87);
}
.widget__search-input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.87);
}
.widget__search-input:focus {
	outline: none;
}
.widget__search-button {
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0.8rem;
	padding: 0;
	margin: 0;
	outline: none;
	border: none;
	border: 0;
	background: none;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
}
.widget__search-button:hover i {
	color: rgba(17, 189, 163, 0.87);
}
.widget__search-button:focus {
	outline: none;
}
.widget__search-button i {
	font-size: 2.8rem;
	color: rgba(0, 0, 0, 0.87);
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.widget__header {
	margin-bottom: 2.4rem;
}
.widget__side {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.widget__blog {
	position: relative;
	width: 100%;
	flex: 0 0 100%;
	max-width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 1.6rem;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.widget__blog {
		flex: 0 0 50%;
		max-width: 50%;
		padding-right: 1.6rem;
	}
}
.widget__blog:hover .widget__blog--img:before {
	-moz-transform: scale3d(1.1, 1.1, 1.1);
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	-ms-transform: scale3d(1.1, 1.1, 1.1);
	-o-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.widget__blog:hover img {
	-moz-transform: scale3d(1.1, 1.1, 1.1);
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	-ms-transform: scale3d(1.1, 1.1, 1.1);
	-o-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.widget__blog:hover .widget__blog--img:after {
	visibility: visible;
	opacity: 1;
}
.widget__blog--avatar {
	margin-right: 1.6rem;
}
.widget__blog--img {
	position: relative;
	display: block;
	overflow: hidden;
	z-index: 9;
}
.widget__blog--img:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(154, 154, 154, 0.1);
	z-index: 9;
	-moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-moz-transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.widget__blog--img:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 10;
	visibility: hidden;
	opacity: 0;
	-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.widget__blog--img img {
	width: 100%;
	height: auto;
	max-width: 5.6rem;
	min-width: 5.6rem;
	-moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-moz-transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
@media screen and (max-width: 319px) {
	.widget__blog--img img {
		max-width: 8.8rem;
		min-width: 8.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.widget__blog--img img {
		max-width: 8.8rem;
		min-width: 8.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.widget__blog--img img {
		max-width: 8.8rem;
		min-width: 8.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.widget__blog--img img {
		max-width: 8.8rem;
		min-width: 8.8rem;
	}
}
.widget__blog--content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.widget__product {
	position: relative;
	width: 100%;
	flex: 0 0 100%;
	max-width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 1.6rem;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.widget__product {
		flex: 0 0 50%;
		max-width: 50%;
		padding-right: 1.6rem;
	}
}
.widget__product:hover .widget__blog--img:before {
	-moz-transform: scale3d(1.1, 1.1, 1.1);
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	-ms-transform: scale3d(1.1, 1.1, 1.1);
	-o-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.widget__product:hover img {
	-moz-transform: scale3d(1.1, 1.1, 1.1);
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	-ms-transform: scale3d(1.1, 1.1, 1.1);
	-o-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.widget__product:hover .widget__blog--img:after {
	visibility: visible;
	opacity: 1;
}
.widget__product--avatar {
	margin-right: 1.6rem;
}
.widget__product--img {
	position: relative;
	display: block;
	overflow: hidden;
	z-index: 9;
}
.widget__product--img:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(154, 154, 154, 0.1);
	z-index: 9;
	-moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-moz-transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.widget__product--img:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 10;
	visibility: hidden;
	opacity: 0;
	-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.widget__product--img img {
	width: 100%;
	height: auto;
	max-width: 6.8rem;
	min-width: 6.8rem;
	-moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-moz-transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
@media screen and (max-width: 319px) {
	.widget__product--img img {
		max-width: 8.8rem;
		min-width: 8.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.widget__product--img img {
		max-width: 8.8rem;
		min-width: 8.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.widget__product--img img {
		max-width: 8.8rem;
		min-width: 8.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.widget__product--img img {
		max-width: 8.8rem;
		min-width: 8.8rem;
	}
}
.widget__product--content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.widget__product--vote {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 0.4rem;
}
.widget__product--vote---icon {
	color: #ffd700;
	font-size: 2rem;
	line-height: 1;
}
.widget__product--price {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.widget__product--price---sale {
	margin-right: 1.2rem;
}
.widget__category {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.6rem;
	position: relative;
	width: 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.widget__category {
		flex: 0 0 50%;
		max-width: 50%;
		padding-right: 1.6rem;
	}
}
.widget__product-category {
	margin-bottom: 1.6rem;
	position: relative;
	width: 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.widget__product-category--list {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
}
.widget__product-category--list---lv2 {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
}
.widget__product-category--list---lv3 {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
}
.widget__product-category--item {
	margin-bottom: 0.8rem;
}
.widget__product-category--link {
	display: block;
	padding: 0.8rem 1.6rem;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	position: relative;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.widget__product-category--drop > .widget__product-category--link:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 16px;
	-moz-transform: translateY(-50%) rotate(0deg);
	-webkit-transform: translateY(-50%) rotate(0deg);
	-ms-transform: translateY(-50%) rotate(0deg);
	-o-transform: translateY(-50%) rotate(0deg);
	transform: translateY(-50%) rotate(0deg);
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	font-family: "Material Icons";
	font-size: 2rem;
	color: rgba(0, 0, 0, 0.6);
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.widget__product-category--drop.openMn > .widget__product-category--link:before {
	-moz-transform: translateY(-50%) rotate(-180deg);
	-webkit-transform: translateY(-50%) rotate(-180deg);
	-ms-transform: translateY(-50%) rotate(-180deg);
	-o-transform: translateY(-50%) rotate(-180deg);
	transform: translateY(-50%) rotate(-180deg);
}
.widget__product-category--link---lv2 {
	display: block;
	padding: 0.8rem 4rem;
	position: relative;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.widget__product-category--drop > .widget__product-category--link---lv2:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 16px;
	-moz-transform: translateY(-50%) rotate(0deg);
	-webkit-transform: translateY(-50%) rotate(0deg);
	-ms-transform: translateY(-50%) rotate(0deg);
	-o-transform: translateY(-50%) rotate(0deg);
	transform: translateY(-50%) rotate(0deg);
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	font-family: "Material Icons";
	font-size: 2rem;
	color: rgba(0, 0, 0, 0.6);
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.widget__product-category--drop.openMn > .widget__product-category--link---lv2:before {
	-moz-transform: translateY(-50%) rotate(-180deg);
	-webkit-transform: translateY(-50%) rotate(-180deg);
	-ms-transform: translateY(-50%) rotate(-180deg);
	-o-transform: translateY(-50%) rotate(-180deg);
	transform: translateY(-50%) rotate(-180deg);
}
.widget__product-category--link---lv3 {
	display: block;
	padding: 0.8rem 6.4rem;
	position: relative;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.widget__product-category--drop > .widget__product-category--link---lv3:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 16px;
	-moz-transform: translateY(-50%) rotate(0deg);
	-webkit-transform: translateY(-50%) rotate(0deg);
	-ms-transform: translateY(-50%) rotate(0deg);
	-o-transform: translateY(-50%) rotate(0deg);
	transform: translateY(-50%) rotate(0deg);
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	font-family: "Material Icons";
	font-size: 2rem;
	color: rgba(0, 0, 0, 0.6);
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.widget__product-category--drop.openMn > .widget__product-category--link---lv3:before {
	-moz-transform: translateY(-50%) rotate(-180deg);
	-webkit-transform: translateY(-50%) rotate(-180deg);
	-ms-transform: translateY(-50%) rotate(-180deg);
	-o-transform: translateY(-50%) rotate(-180deg);
	transform: translateY(-50%) rotate(-180deg);
}
.widget__chip {
	margin-bottom: 0.8rem;
}
.widget__chip ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.widget__chip ul li {
	margin-right: 0.8rem;
	margin-bottom: 0.8rem;
}
.widget__chip ul li a {
	display: block;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 1.6rem;
	padding: 0.4rem 1.2rem;
	background-color: transparent;
	height: 3.2rem;
	text-align: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.widget__social {
	margin-bottom: 0.8rem;
}
.widget__social ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.widget__social ul li {
	margin-right: 0.8rem;
	margin-bottom: 0.8rem;
}
.widget__social ul li a {
	display: block;
	width: 3.2rem;
	height: 3.2rem;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.widget__social ul li a i {
	font-size: 1.8rem;
	color: rgba(0, 0, 0, 0.87);
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.widget__social ul li a:hover {
	-moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.widget__social ul li a:hover i {
	color: #000000;
	-moz-transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}
.widget__archives {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.6rem;
	position: relative;
	width: 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.widget__archives {
		flex: 0 0 50%;
		max-width: 50%;
		padding-right: 1.6rem;
	}
}
.widget__portfolio {
	position: relative;
	width: 100%;
	flex: 0 0 100%;
	max-width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 1.6rem;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.widget__portfolio {
		flex: 0 0 50%;
		max-width: 50%;
		padding-right: 1.6rem;
	}
}
.widget__portfolio:hover .widget__portfolio--img:before {
	-moz-transform: scale3d(1.1, 1.1, 1.1);
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	-ms-transform: scale3d(1.1, 1.1, 1.1);
	-o-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.widget__portfolio:hover img {
	-moz-transform: scale3d(1.1, 1.1, 1.1);
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	-ms-transform: scale3d(1.1, 1.1, 1.1);
	-o-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.widget__portfolio:hover .widget__portfolio--img:after {
	visibility: visible;
	opacity: 1;
}
.widget__portfolio--avatar {
	margin-right: 1.6rem;
}
.widget__portfolio--img {
	position: relative;
	display: block;
	overflow: hidden;
	z-index: 9;
}
.widget__portfolio--img:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(154, 154, 154, 0.1);
	z-index: 9;
	-moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-moz-transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.widget__portfolio--img:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 10;
	visibility: hidden;
	opacity: 0;
	-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.widget__portfolio--img img {
	width: 100%;
	height: auto;
	max-width: 5.6rem;
	min-width: 5.6rem;
	-moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-moz-transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
@media screen and (max-width: 319px) {
	.widget__portfolio--img img {
		max-width: 8.8rem;
		min-width: 8.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.widget__portfolio--img img {
		max-width: 8.8rem;
		min-width: 8.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.widget__portfolio--img img {
		max-width: 8.8rem;
		min-width: 8.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.widget__portfolio--img img {
		max-width: 8.8rem;
		min-width: 8.8rem;
	}
}
.widget__portfolio--content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.widget__comment {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 1.6rem;
	position: relative;
	width: 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.widget__comment {
		flex: 0 0 50%;
		max-width: 50%;
		padding-right: 1.6rem;
	}
}
.widget__price-filter {
	margin-bottom: 1.6rem;
	position: relative;
	width: 100%;
	flex: 0 0 100%;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.widget__price-filter--slide {
	background-color: #e6e6e6;
	height: 2px;
	position: relative;
	margin-bottom: 2.4rem;
}
.widget__price-filter--slide .ui-slider-range {
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	z-index: 1;
	background-color: #666666;
}
.widget__price-filter--slide .ui-slider-handle {
	background-color: #666666;
	cursor: pointer;
	height: 12px;
	width: 12px;
	z-index: 2;
	border-radius: 50%;
	position: absolute;
	margin-left: -3px;
	top: -5px;
}
.widget__price-filter--wrap {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.widget__gallery {
	margin-bottom: 1.6rem;
	position: relative;
	width: 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.widget__gallery:hover .widget__gallery--slider---next, .widget__gallery:hover .widget__gallery--slider---prev, .widget__gallery:hover .widget__gallery--slider---control-nav {
	opacity: 1;
}
.widget__gallery--slider {
	position: relative;
	overflow: hidden;
	display: block;
	width: 100%;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.widget__gallery--slider {
		width: 70%;
		margin: 0 auto;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.widget__gallery--slider {
		width: 70%;
		margin: 0 auto;
	}
}
.widget__gallery--slider---viewport {
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.widget__gallery--slider---viewport li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.widget__gallery--slider---viewport li img {
	width: 100%;
	display: block;
	height: auto;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.widget__gallery--slider---prev {
	position: absolute;
	top: 50%;
	left: 1.6rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.widget__gallery--slider---prev i {
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: rgba(0, 0, 0, 0.6);
	z-index: 99;
	font-size: 2.8rem;
}
.widget__gallery--slider---prev i:hover {
	color: rgba(0, 0, 0, 0.38);
}
.widget__gallery--slider---next {
	position: absolute;
	top: 50%;
	right: 1.6rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.widget__gallery--slider---next i {
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: rgba(0, 0, 0, 0.6);
	z-index: 99;
	font-size: 2.8rem;
}
.widget__gallery--slider---next i:hover {
	color: rgba(0, 0, 0, 0.38);
}
.widget__gallery--slider---control-nav {
	position: absolute;
	bottom: 8%;
	left: 50%;
	opacity: 0;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.widget__gallery--slider---control-nav li a {
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	height: 1.2rem;
	width: 1.2rem;
	margin: 0 0.4rem;
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 0.6rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}
.widget__gallery--slider---control-nav li a:hover {
	background-color: rgba(0, 0, 0, 0.38);
}
.widget__gallery--slider---control-nav li a.widget__gallery--slider---active {
	width: 3.2rem;
	background-color: rgba(0, 0, 0, 0.38);
	cursor: default;
}

/*******************pagination***********************/
.pagination {
	margin-bottom: 2.4rem;
}
.pagination ul {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.pagination ul li {
	margin-right: 0.8rem;
	margin-left: 0.8rem;
	margin-bottom: 1.6rem;
}
@media screen and (max-width: 319px) {
	.pagination ul li {
		margin-right: 0.4rem;
		margin-left: 0.4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.pagination ul li {
		margin-right: 0.4rem;
		margin-left: 0.4rem;
	}
}
.pagination ul li a {
	display: block;
	width: 4rem;
	height: 4rem;
	border: 1px solid rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background-color: #ffffff;
	-moz-transition: color 0.4s ease-in , background-color 0.4s ease-in , border 0.4s ease-in;
	-webkit-transition: color 0.4s ease-in , background-color 0.4s ease-in , border 0.4s ease-in;
	-o-transition: color 0.4s ease-in , background-color 0.4s ease-in , border 0.4s ease-in;
	transition: color 0.4s ease-in , background-color 0.4s ease-in , border 0.4s ease-in;
}
@media screen and (max-width: 319px) {
	.pagination ul li a {
		width: 3.6rem;
		height: 3.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.pagination ul li a {
		width: 3.6rem;
		height: 3.6rem;
	}
}
.pagination ul li a:hover {
	border: 1px solid #11BDA3;
	background-color: #11BDA3;
	color: #ffffff;
}
.pagination ul li a.active {
	border: 1px solid #11BDA3;
	background-color: #11BDA3;
	color: #ffffff;
}
.pagination__side {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.pagination__btn {
	margin-bottom: 1.6rem;
}

/*******************masonry***********************/
.masonry__parent {
	display: none;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 100%;
}
.masonry__item {
	margin-bottom: 4rem;
	padding-right: 15px;
	padding-left: 15px;
}
@media screen and (max-width: 319px) {
	.column2 .masonry__item {
		width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column2 .masonry__item {
		width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column2 .masonry__item {
		width: 50%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column2 .masonry__item {
		width: 50%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column2 .masonry__item {
		width: 50%;
	}
}
@media screen and (min-width: 1200px) {
	.column2 .masonry__item {
		width: 50%;
	}
}
@media screen and (max-width: 319px) {
	.column2-sidebar .masonry__item {
		width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column2-sidebar .masonry__item {
		width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column2-sidebar .masonry__item {
		width: 50%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column2-sidebar .masonry__item {
		width: 50%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column2-sidebar .masonry__item {
		width: 50%;
	}
}
@media screen and (min-width: 1200px) {
	.column2-sidebar .masonry__item {
		width: 50%;
	}
}
@media screen and (max-width: 319px) {
	.column2Full .masonry__item {
		width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column2Full .masonry__item {
		width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column2Full .masonry__item {
		width: 50%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column2Full .masonry__item {
		width: 50%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column2Full .masonry__item {
		width: 50%;
	}
}
@media screen and (min-width: 1200px) {
	.column2Full .masonry__item {
		width: 50%;
	}
}
@media screen and (max-width: 319px) {
	.column3 .masonry__item {
		width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column3 .masonry__item {
		width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column3 .masonry__item {
		width: 50%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column3 .masonry__item {
		width: 50%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column3 .masonry__item {
		width: 33.3333333333%;
	}
}
@media screen and (min-width: 1200px) {
	.column3 .masonry__item {
		width: 33.3333333333%;
	}
}
@media screen and (max-width: 319px) {
	.column3-sidebar .masonry__item {
		width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column3-sidebar .masonry__item {
		width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column3-sidebar .masonry__item {
		width: 50%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column3-sidebar .masonry__item {
		width: 50%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column3-sidebar .masonry__item {
		width: 50%;
	}
}
@media screen and (min-width: 1200px) {
	.column3-sidebar .masonry__item {
		width: 33.3333333333%;
	}
}
@media screen and (max-width: 319px) {
	.column3Full .masonry__item {
		width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column3Full .masonry__item {
		width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column3Full .masonry__item {
		width: 50%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column3Full .masonry__item {
		width: 50%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column3Full .masonry__item {
		width: 33.3333333333%;
	}
}
@media screen and (min-width: 1200px) {
	.column3Full .masonry__item {
		width: 33.3333333333%;
	}
}
@media screen and (max-width: 319px) {
	.column4 .masonry__item {
		width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column4 .masonry__item {
		width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column4 .masonry__item {
		width: 50%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column4 .masonry__item {
		width: 50%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column4 .masonry__item {
		width: 33.3333333333%;
	}
}
@media screen and (min-width: 1200px) {
	.column4 .masonry__item {
		width: 25%;
	}
}
@media screen and (max-width: 319px) {
	.column4Full .masonry__item {
		width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column4Full .masonry__item {
		width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column4Full .masonry__item {
		width: 50%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column4Full .masonry__item {
		width: 50%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column4Full .masonry__item {
		width: 33.3333333333%;
	}
}
@media screen and (min-width: 1200px) {
	.column4Full .masonry__item {
		width: 25%;
	}
}
@media screen and (max-width: 319px) {
	.column5 .masonry__item {
		width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column5 .masonry__item {
		width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column5 .masonry__item {
		width: 50%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column5 .masonry__item {
		width: 33.3333333333%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column5 .masonry__item {
		width: 33.3333333333%;
	}
}
@media screen and (min-width: 1200px) {
	.column5 .masonry__item {
		width: 20%;
	}
}
@media screen and (max-width: 319px) {
	.column5Full .masonry__item {
		width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column5Full .masonry__item {
		width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column5Full .masonry__item {
		width: 50%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column5Full .masonry__item {
		width: 33.3333333333%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column5Full .masonry__item {
		width: 33.3333333333%;
	}
}
@media screen and (min-width: 1200px) {
	.column5Full .masonry__item {
		width: 20%;
	}
}
.masonry__preloader {
	position: relative;
	left: calc(50% - 24px);
}
.masonry__preloader:after {
	content: "";
	display: block;
	margin-top: 10px;
	border: 4px solid #c7faf2;
	border-radius: 50%;
	border-top: 4px solid #11BDA3;
	width: 48px;
	height: 48px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	margin-top: 0.4rem;
	margin-bottom: 4rem;
	position: relative;
	left: calc(50% - 24px);
}

/*******************item-detail***********************/
.item-detail {
	position: relative;
	overflow: hidden;
	margin-bottom: 2.8rem;
}
.item-detail:hover .item-detail__picture img {
	-moz-transform: scale(1.2) rotate(1deg);
	-webkit-transform: scale(1.2) rotate(1deg);
	-ms-transform: scale(1.2) rotate(1deg);
	-o-transform: scale(1.2) rotate(1deg);
	transform: scale(1.2) rotate(1deg);
}
.item-detail:hover .item-detail__picture:after {
	top: 0;
	bottom: auto;
	height: 100%;
}
.item-detail:hover .item-detail__picture:before {
	top: auto;
	bottom: 0;
	height: 100%;
}
.item-detail:hover .item-detail__gallery--next, .item-detail:hover .item-detail__gallery--prev, .item-detail:hover .item-detail__gallery--control-nav {
	opacity: 1;
}
.item-detail__side {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
}
.item-detail__name {
	margin-bottom: 1.6rem;
}
.item-detail__date-cate {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 0.4rem;
}
.item-detail__box {
	position: relative;
	width: 100%;
}
.item-detail__audio {
	margin-bottom: 1.2rem;
	width: 100%;
}
.item-detail__picture {
	overflow: hidden;
	display: block;
	width: 100%;
	position: relative;
	margin-bottom: 2rem;
}
.item-detail__picture img {
	height: auto;
	width: 100%;
	-moz-transform: scale(1) rotate(0deg);
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-moz-transition: all 0.7s ease-in-out 0.1s;
	-webkit-transition: all 0.7s ease-in-out 0.1s;
	-o-transition: all 0.7s ease-in-out 0.1s;
	transition: all 0.7s ease-in-out 0.1s;
}
.item-detail__picture-frame {
	overflow: hidden;
	display: block;
	width: 100%;
	position: relative;
	margin-bottom: 2rem;
	background-color: rgba(0, 0, 0, 0.87);
}
.item-detail__picture-frame iframe {
	height: 58rem;
}
@media screen and (max-width: 319px) {
	.item-detail__picture-frame iframe {
		height: 24rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-detail__picture-frame iframe {
		height: 24rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.item-detail__picture-frame iframe {
		height: 32rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.item-detail__picture-frame iframe {
		height: 44rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.item-detail__picture-frame iframe {
		height: 40rem;
	}
}
.normal .item-detail__picture:before {
	position: absolute;
	top: 0;
	bottom: auto;
	height: 0;
	left: 0;
	width: 50%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.normal .item-detail__picture:after {
	position: absolute;
	top: auto;
	bottom: 0;
	height: 0;
	right: 0;
	width: 50%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.image .item-detail__picture:before {
	position: absolute;
	top: 0;
	bottom: auto;
	height: 0;
	left: 0;
	width: 50%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.image .item-detail__picture:after {
	position: absolute;
	top: auto;
	bottom: 0;
	height: 0;
	right: 0;
	width: 50%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.video .item-detail__picture:before {
	position: absolute;
	top: 0;
	bottom: auto;
	height: 0;
	left: 0;
	width: 100%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.video .item-detail__picture:after {
	position: absolute;
	top: auto;
	bottom: 0;
	height: 0;
	right: 0;
	width: 100%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.item-detail__icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	z-index: 6;
}
.item-detail__icon i {
	font-size: 9.6rem;
	color: #ffffff;
	z-index: 44;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%) scale3d(1, 1, 1);
	-webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
	-ms-transform: translate(-50%, -50%) scale3d(1, 1, 1);
	-o-transform: translate(-50%, -50%) scale3d(1, 1, 1);
	transform: translate(-50%, -50%) scale3d(1, 1, 1);
	-moz-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
	-webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
	transition: all 1s cubic-bezier(0, 0, 0.2, 1);
}
.item-detail__icon i:hover {
	-moz-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
	-webkit-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
	-ms-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
	-o-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
	transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
}
.item-detail__icon img {
	visibility: hidden;
	opacity: 0;
	width: 100%;
}
.item-detail__quote--side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 3.6rem;
}
@media screen and (max-width: 319px) {
	.item-detail__quote--side {
		padding: 0rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-detail__quote--side {
		padding: 0rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.item-detail__quote--side {
		padding: 0rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.item-detail__quote--side {
		padding: 0rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3 .item-detail__quote--side {
		padding: 1.6rem 0;
	}
}
@media screen and (min-width: 1200px) {
	.column-3 .item-detail__quote--side {
		padding: 1.6rem 0;
	}
}
.item-detail__quote--ico {
	margin-bottom: 2.8rem;
}
.item-detail__quote--ico i {
	font-size: 6rem;
	color: rgba(0, 0, 0, 0.87);
}
.column-3 .item-detail__quote--ico {
	margin-bottom: 1.6rem;
}
.item-detail__quote--content {
	text-align: center;
	width: 100%;
	margin-bottom: 3.6rem;
}
@media screen and (max-width: 319px) {
	.item-detail__quote--content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-detail__quote--content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.item-detail__quote--content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 90%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.item-detail__quote--content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 90%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.item-detail__quote--content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 90%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3 .item-detail__quote--content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 100%;
		margin-bottom: 2rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-3 .item-detail__quote--content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 100%;
		margin-bottom: 2rem;
	}
}
.item-detail__quote--author {
	text-align: center;
}
.item-detail__gallery {
	position: relative;
	margin-bottom: 2rem;
	overflow: hidden;
	display: block;
	width: 100%;
}
.item-detail__gallery--viewport {
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.item-detail__gallery--viewport li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.item-detail__gallery--viewport li img {
	width: 100%;
	display: block;
	height: auto;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.item-detail__gallery--prev {
	position: absolute;
	top: 50%;
	left: 2rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.item-detail__gallery--prev i {
	position: absolute;
	top: 2.1rem;
	left: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(255, 255, 255, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 0% 50%;
}
.item-detail__gallery--prev i:first-child {
	transform: translate(0, -0.1rem) rotate(40deg);
}
.item-detail__gallery--prev i:last-child {
	transform: translate(0, 0.1rem) rotate(-40deg);
}
.item-detail__gallery--prev:hover i:first-child {
	transform: translate(0, -0.1rem) rotate(30deg);
}
.item-detail__gallery--prev:hover i:last-child {
	transform: translate(0, 0.1rem) rotate(-30deg);
}
.item-detail__gallery--prev:active i:first-child {
	transform: translate(0rem, -0.1rem) rotate(25deg);
}
.item-detail__gallery--prev:active i:last-child {
	transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.item-detail__gallery--next {
	position: absolute;
	top: 50%;
	right: 2rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.item-detail__gallery--next i {
	position: absolute;
	top: 2.1rem;
	right: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(255, 255, 255, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 100% 50%;
}
.item-detail__gallery--next i:first-child {
	transform: translate(0, 0.1rem) rotate(40deg);
}
.item-detail__gallery--next i:last-child {
	transform: translate(0, -0.1rem) rotate(-40deg);
}
.item-detail__gallery--next:hover i:first-child {
	transform: translate(0, 0.1rem) rotate(30deg);
}
.item-detail__gallery--next:hover i:last-child {
	transform: translate(0, -0.1rem) rotate(-30deg);
}
.item-detail__gallery--next:active i:first-child {
	transform: translate(0rem, 0.1rem) rotate(25deg);
}
.item-detail__gallery--next:active i:last-child {
	transform: translate(0rem, -0.1rem) rotate(-25deg);
}
.item-detail__gallery--control-nav {
	position: absolute;
	bottom: 12%;
	left: 50%;
	opacity: 0;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.item-detail__gallery--control-nav li a {
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	height: 1.2rem;
	width: 1.2rem;
	margin: 0 0.4rem;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 0.6rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}
.item-detail__gallery--control-nav li a:hover {
	background-color: rgba(255, 255, 255, 0.87);
}
.item-detail__gallery--control-nav li a.item-detail__gallery--active {
	width: 3.2rem;
	background-color: rgba(255, 255, 255, 0.87);
	cursor: default;
}
.item-detail__content h5 {
	margin-bottom: 1.2rem;
}
.item-detail__content img {
	float: left;
	margin-right: 2rem;
	margin-top: 0.8rem;
	margin-bottom: 0.8rem;
	display: block;
	max-width: 100%;
	height: auto;
}
@media screen and (max-width: 319px) {
	.item-detail__content img {
		float: none;
		margin: 0.4rem auto;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-detail__content img {
		float: none;
		margin: 0.4rem auto;
	}
}
.item-detail__content img.right {
	float: right;
	margin-left: 2rem;
	margin-top: 0.8rem;
	margin-bottom: 0.8rem;
	display: block;
	max-width: 100%;
	height: auto;
}
@media screen and (max-width: 319px) {
	.item-detail__content img.right {
		float: none;
		margin: 0.4rem auto;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-detail__content img.right {
		float: none;
		margin: 0.4rem auto;
	}
}
.item-detail__content p {
	margin-bottom: 2rem;
}
.item-detail__content .parent-mxm {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}
@media screen and (max-width: 319px) {
	.item-detail__content .parent-mxm {
		flex-direction: column;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-detail__content .parent-mxm {
		flex-direction: column;
	}
}
.item-detail__content ul {
	margin-bottom: 1.2rem;
}
.item-detail__content ul:not(:last-child) {
	margin-right: 12rem;
}
@media screen and (max-width: 319px) {
	.item-detail__content ul:not(:last-child) {
		margin-right: 0.4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-detail__content ul:not(:last-child) {
		margin-right: 1.2rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.item-detail__content ul:not(:last-child) {
		margin-right: 1.2rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.item-detail__content ul:not(:last-child) {
		margin-right: 1.2rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.item-detail__content ul:not(:last-child) {
		margin-right: 4rem;
	}
}
.item-detail__content ul li {
	padding: 0rem 0.8rem 0rem 2.4rem;
	position: relative;
}
.item-detail__content ul li:not(:last-child) {
	margin-bottom: 1.2rem;
}
.item-detail__content ul li:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	font-family: "Material Icons";
	font-size: 1.6rem;
	color: rgba(0, 0, 0, 0.87);
}
.item-detail__content blockquote {
	margin-bottom: 4rem;
	margin-top: 4rem;
	text-align: center;
	padding: 5.4rem 10.4rem 0.4rem;
	position: relative;
}
@media screen and (max-width: 319px) {
	.item-detail__content blockquote {
		padding: 5.4rem 0rem 0.4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-detail__content blockquote {
		padding: 5.4rem 0rem 0.4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.item-detail__content blockquote {
		padding: 5.4rem 1.8rem 0.4rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.item-detail__content blockquote {
		padding: 5.4rem 1.8rem 0.4rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.item-detail__content blockquote {
		padding: 5.4rem 2.4rem 0.4rem;
	}
}
.item-detail__content blockquote:before {
	content: "";
	font-size: 6rem;
	color: rgba(0, 0, 0, 0.87);
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	left: 50%;
	font-family: "Material Icons";
}
.item-detail__content blockquote figcaption {
	margin-top: 1.2rem;
}
.item-detail__chip {
	margin-bottom: 3.2rem;
}
.item-detail__chip ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.item-detail__chip ul li {
	margin-right: 0.8rem;
	margin-bottom: 0.8rem;
}
.item-detail__chip ul li a {
	display: block;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 1.6rem;
	padding: 0.4rem 1.2rem;
	background-color: transparent;
	height: 3.2rem;
	text-align: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.item-detail__social {
	margin-bottom: 4rem;
}
.item-detail__social ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.item-detail__social ul li {
	margin-right: 0.8rem;
	margin-bottom: 0.8rem;
}
.item-detail__social ul li a {
	display: block;
	width: 3.2rem;
	height: 3.2rem;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.item-detail__social ul li a i {
	font-size: 1.8rem;
	color: rgba(0, 0, 0, 0.87);
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.item-detail__social ul li a:hover {
	-moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.item-detail__social ul li a:hover i {
	color: #000000;
	-moz-transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}
.item-detail__author {
	padding: 1.6rem;
	margin-bottom: 9.6rem;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-moz-transition: box-shadow 0.3s;
	-webkit-transition: box-shadow 0.3s;
	-o-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
}
.item-detail__author:hover {
	-moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.item-detail__author:hover .item-detail__author--avatar:before {
	-moz-transform: scale3d(1.1, 1.1, 1.1);
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	-ms-transform: scale3d(1.1, 1.1, 1.1);
	-o-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.item-detail__author:hover img {
	-moz-transform: scale(1.1) rotate(1deg);
	-webkit-transform: scale(1.1) rotate(1deg);
	-ms-transform: scale(1.1) rotate(1deg);
	-o-transform: scale(1.1) rotate(1deg);
	transform: scale(1.1) rotate(1deg);
}
.item-detail__author:hover .item-detail__author--avatar:after {
	visibility: visible;
	opacity: 1;
}
.item-detail__author--side {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
@media screen and (max-width: 319px) {
	.item-detail__author--side {
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-detail__author--side {
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}
}
.item-detail__author--avatar {
	width: 100%;
	max-width: 10.4rem;
	margin-right: 1.6rem;
	position: relative;
	overflow: hidden;
}
@media screen and (max-width: 319px) {
	.item-detail__author--avatar {
		margin-right: 0;
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-detail__author--avatar {
		margin-right: 0;
		margin-bottom: 1.6rem;
	}
}
.item-detail__author--avatar:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(154, 154, 154, 0.05);
	z-index: 9;
	-moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-moz-transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.item-detail__author--avatar:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.1);
	z-index: 10;
	visibility: hidden;
	opacity: 0;
	-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.item-detail__author--avatar img {
	width: 100%;
	height: auto;
	-moz-transform: scale(1) rotate(0deg);
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-moz-transition: all 0.7s ease-in-out 0.1s;
	-webkit-transition: all 0.7s ease-in-out 0.1s;
	-o-transition: all 0.7s ease-in-out 0.1s;
	transition: all 0.7s ease-in-out 0.1s;
}
.item-detail__author--content {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
@media screen and (max-width: 319px) {
	.item-detail__author--content {
		align-items: center;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-detail__author--content {
		align-items: center;
	}
}
.item-detail__author--role {
	margin-bottom: 0.4rem;
}
@media screen and (max-width: 319px) {
	.item-detail__author--paragraph {
		text-align: center;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-detail__author--paragraph {
		text-align: center;
	}
}
.item-detail__line {
	width: 100%;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.12);
	margin: 0.8rem 0 4.8rem;
}
.item-detail__direct {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 4rem;
}

/*******************comment***********************/
.comment {
	margin-bottom: 6.4rem;
}
.comment__title {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 4rem;
	margin-top: 6.4rem;
}
.comment ul li ul {
	margin-left: 4.8rem;
}
@media screen and (max-width: 319px) {
	.comment ul li ul {
		margin-left: 2.4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.comment ul li ul {
		margin-left: 2.4rem;
	}
}
.comment__level {
	padding: 1.6rem;
	margin-bottom: 2.4rem;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-moz-transition: box-shadow 0.3s;
	-webkit-transition: box-shadow 0.3s;
	-o-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
}
.comment__level:hover {
	-moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.comment__level:hover .comment__avatar:before {
	-moz-transform: scale3d(1.1, 1.1, 1.1);
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	-ms-transform: scale3d(1.1, 1.1, 1.1);
	-o-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.comment__level:hover img {
	-moz-transform: scale(1.1) rotate(1deg);
	-webkit-transform: scale(1.1) rotate(1deg);
	-ms-transform: scale(1.1) rotate(1deg);
	-o-transform: scale(1.1) rotate(1deg);
	transform: scale(1.1) rotate(1deg);
}
.comment__level:hover .comment__avatar:after {
	visibility: visible;
	opacity: 1;
}
.comment__side {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}
.comment__avatar {
	width: 100%;
	max-width: 8rem;
	min-width: 8rem;
	margin-right: 1.6rem;
	position: relative;
	overflow: hidden;
}
@media screen and (max-width: 319px) {
	.comment__avatar {
		max-width: 6.8rem;
		min-width: 6.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.comment__avatar {
		max-width: 6.8rem;
		min-width: 6.8rem;
	}
}
.comment__avatar:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(154, 154, 154, 0.05);
	z-index: 9;
	-moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-moz-transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.comment__avatar:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.1);
	z-index: 10;
	visibility: hidden;
	opacity: 0;
	-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.comment__avatar img {
	width: 100%;
	height: auto;
	-moz-transform: scale(1) rotate(0deg);
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-moz-transition: all 0.7s ease-in-out 0.1s;
	-webkit-transition: all 0.7s ease-in-out 0.1s;
	-o-transition: all 0.7s ease-in-out 0.1s;
	transition: all 0.7s ease-in-out 0.1s;
}
.comment__content {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
	width: 100%;
}
.comment__date {
	margin-bottom: 0.4rem;
}
.comment__btn {
	position: absolute;
	top: 0;
	right: 0;
}

/*******************item-portfolio***********************/
.item-portfolio {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	margin-bottom: 4rem;
}
.item-portfolio__side {
	position: relative;
	width: 100%;
	display: none;
}
@media screen and (max-width: 319px) {
	.item-portfolio__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
.item-portfolio__side.show {
	display: block;
}
.item-portfolio__side img {
	height: auto;
	width: 100%;
	margin: auto;
}
.item-portfolio__side:hover .item-portfolio__content {
	opacity: 1;
	visibility: visible;
}
.column-2-full .item-portfolio__side {
	flex: 0 0 50%;
	max-width: 50%;
}
@media screen and (max-width: 319px) {
	.column-2-full .item-portfolio__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-2-full .item-portfolio__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-2-full .item-portfolio__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-2-full .item-portfolio__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
.column-3-full .item-portfolio__side {
	flex: 0 0 33.3333333333%;
	max-width: 33.3333333333%;
}
@media screen and (max-width: 319px) {
	.column-3-full .item-portfolio__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-3-full .item-portfolio__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-3-full .item-portfolio__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-3-full .item-portfolio__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3-full .item-portfolio__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
.column-4-full .item-portfolio__side {
	flex: 0 0 25%;
	max-width: 25%;
}
@media screen and (max-width: 319px) {
	.column-4-full .item-portfolio__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-4-full .item-portfolio__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-4-full .item-portfolio__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-4-full .item-portfolio__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-4-full .item-portfolio__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-4-full .item-portfolio__side {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}
}
.column-5-full .item-portfolio__side {
	flex: 0 0 20%;
	max-width: 20%;
}
@media screen and (max-width: 319px) {
	.column-5-full .item-portfolio__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-5-full .item-portfolio__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-5-full .item-portfolio__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-5-full .item-portfolio__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-5-full .item-portfolio__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-5-full .item-portfolio__side {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}
}
.column-2 .item-portfolio__side {
	flex: 0 0 50%;
	max-width: 50%;
}
@media screen and (max-width: 319px) {
	.column-2 .item-portfolio__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-2 .item-portfolio__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-2 .item-portfolio__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-2 .item-portfolio__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-2 .item-portfolio__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
.column-3 .item-portfolio__side {
	flex: 0 0 33.3333333333%;
	max-width: 33.3333333333%;
}
@media screen and (max-width: 319px) {
	.column-3 .item-portfolio__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-3 .item-portfolio__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-3 .item-portfolio__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-3 .item-portfolio__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3 .item-portfolio__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
.column-4 .item-portfolio__side {
	flex: 0 0 25%;
	max-width: 25%;
}
@media screen and (max-width: 319px) {
	.column-4 .item-portfolio__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-4 .item-portfolio__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-4 .item-portfolio__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-4 .item-portfolio__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-4 .item-portfolio__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
.column-5 .item-portfolio__side {
	flex: 0 0 20%;
	max-width: 20%;
}
@media screen and (max-width: 319px) {
	.column-5 .item-portfolio__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-5 .item-portfolio__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-5 .item-portfolio__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-5 .item-portfolio__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-5 .item-portfolio__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
.item-portfolio__content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.35);
	z-index: 99;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	opacity: 0;
	visibility: hidden;
	-moz-transition: all 1.2s ease 0s;
	-webkit-transition: all 1.2s ease 0s;
	-o-transition: all 1.2s ease 0s;
	transition: all 1.2s ease 0s;
}
@media screen and (max-width: 319px) {
	.item-portfolio__content {
		opacity: 1;
		visibility: visible;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-portfolio__content {
		opacity: 1;
		visibility: visible;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.item-portfolio__content {
		opacity: 1;
		visibility: visible;
	}
}
.column-2-full .item-portfolio__content {
	padding: 1rem 4.8rem 1rem;
}
@media screen and (max-width: 319px) {
	.column-2-full .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-2-full .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-2-full .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-2-full .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
.column-3-full .item-portfolio__content {
	padding: 1rem 4.8rem 1rem;
}
@media screen and (max-width: 319px) {
	.column-3-full .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-3-full .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-3-full .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-3-full .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3-full .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-3-full .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
.column-4-full .item-portfolio__content {
	padding: 1rem 4.8rem 1rem;
}
@media screen and (max-width: 319px) {
	.column-4-full .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-4-full .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-4-full .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-4-full .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-4-full .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-4-full .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-4-full .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
.column-5-full .item-portfolio__content {
	padding: 1rem 4.8rem 1rem;
}
@media screen and (max-width: 319px) {
	.column-5-full .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-5-full .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-5-full .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-5-full .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-5-full .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-5-full .item-portfolio__content {
		padding: 0.4rem 1.2rem 0.4rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-5-full .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
.column-2 .item-portfolio__content {
	padding: 0.8rem 1.6rem 0.8rem;
}
@media screen and (max-width: 319px) {
	.column-2 .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-2 .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-2 .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-2 .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-2 .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
.column-3 .item-portfolio__content {
	padding: 0.8rem 1.6rem 0.8rem;
}
@media screen and (max-width: 319px) {
	.column-3 .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-3 .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-3 .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-3 .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3 .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
.column-4 .item-portfolio__content {
	padding: 0.8rem 1.6rem 0.8rem;
}
@media screen and (max-width: 319px) {
	.column-4 .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-4 .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-4 .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-4 .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-4 .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
.column-5 .item-portfolio__content {
	padding: 0.8rem 1.6rem 0.8rem;
}
@media screen and (max-width: 319px) {
	.column-5 .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-5 .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-5 .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-5 .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-5 .item-portfolio__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
.item-portfolio__icon i {
	color: #ffffff;
}
.column-2-full .item-portfolio__icon {
	margin-bottom: 5.6rem;
}
.column-2-full .item-portfolio__icon i {
	font-size: 3.6rem;
}
@media screen and (max-width: 319px) {
	.column-2-full .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-2-full .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-2-full .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-2-full .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-2-full .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-2-full .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-2-full .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-2-full .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
.column-3-full .item-portfolio__icon {
	margin-bottom: 5.6rem;
}
.column-3-full .item-portfolio__icon i {
	font-size: 3.6rem;
}
@media screen and (max-width: 319px) {
	.column-3-full .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-3-full .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-3-full .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-3-full .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-3-full .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-3-full .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-3-full .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-3-full .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3-full .item-portfolio__icon {
		margin-bottom: 3.2rem;
	}
	.column-3-full .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-3-full .item-portfolio__icon {
		margin-bottom: 3.2rem;
	}
	.column-3-full .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
.column-4-full .item-portfolio__icon {
	margin-bottom: 5.6rem;
}
.column-4-full .item-portfolio__icon i {
	font-size: 3.6rem;
}
@media screen and (max-width: 319px) {
	.column-4-full .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-4-full .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-4-full .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-4-full .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-4-full .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-4-full .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-4-full .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-4-full .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-4-full .item-portfolio__icon {
		margin-bottom: 3.2rem;
	}
	.column-4-full .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-4-full .item-portfolio__icon {
		margin-bottom: 3.2rem;
	}
	.column-4-full .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-4-full .item-portfolio__icon {
		margin-bottom: 3.2rem;
	}
	.column-4-full .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
.column-5-full .item-portfolio__icon {
	margin-bottom: 5.6rem;
}
.column-5-full .item-portfolio__icon i {
	font-size: 3.6rem;
}
@media screen and (max-width: 319px) {
	.column-5-full .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-5-full .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-5-full .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-5-full .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-5-full .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-5-full .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-5-full .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-5-full .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-5-full .item-portfolio__icon {
		margin-bottom: 3.2rem;
	}
	.column-5-full .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-5-full .item-portfolio__icon {
		margin-bottom: 1.2rem;
	}
	.column-5-full .item-portfolio__icon i {
		font-size: 2.4rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-5-full .item-portfolio__icon {
		margin-bottom: 3.2rem;
	}
	.column-5-full .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
.column-2 .item-portfolio__icon {
	margin-bottom: 3.2rem;
}
.column-2 .item-portfolio__icon i {
	font-size: 2.8rem;
}
@media screen and (max-width: 319px) {
	.column-2 .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-2 .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-2 .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-2 .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-2 .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-2 .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-2 .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-2 .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-2 .item-portfolio__icon {
		margin-bottom: 3.2rem;
	}
	.column-2 .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
.column-3 .item-portfolio__icon {
	margin-bottom: 3.2rem;
}
.column-3 .item-portfolio__icon i {
	font-size: 2.8rem;
}
@media screen and (max-width: 319px) {
	.column-3 .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-3 .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-3 .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-3 .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-3 .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-3 .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-3 .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-3 .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3 .item-portfolio__icon {
		margin-bottom: 3.2rem;
	}
	.column-3 .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
.column-4 .item-portfolio__icon {
	margin-bottom: 3.2rem;
}
.column-4 .item-portfolio__icon i {
	font-size: 2.8rem;
}
@media screen and (max-width: 319px) {
	.column-4 .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-4 .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-4 .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-4 .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-4 .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-4 .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-4 .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-4 .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-4 .item-portfolio__icon {
		margin-bottom: 3.2rem;
	}
	.column-4 .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-4 .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-4 .item-portfolio__icon i {
		font-size: 2.4rem;
	}
}
.column-5 .item-portfolio__icon {
	margin-bottom: 3.2rem;
}
.column-5 .item-portfolio__icon i {
	font-size: 2.8rem;
}
@media screen and (max-width: 319px) {
	.column-5 .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-5 .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-5 .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-5 .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-5 .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-5 .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-5 .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-5 .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-5 .item-portfolio__icon {
		margin-bottom: 3.2rem;
	}
	.column-5 .item-portfolio__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-5 .item-portfolio__icon {
		margin-bottom: 1.6rem;
	}
	.column-5 .item-portfolio__icon i {
		font-size: 2.4rem;
	}
}
.item-portfolio__date-cate span {
	color: #ffffff;
}
.column-2-full .item-portfolio__date-cate {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-2-full .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-2-full .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-2-full .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-2-full .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
.column-3-full .item-portfolio__date-cate {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-3-full .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-3-full .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-3-full .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-3-full .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3-full .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-3-full .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
.column-4-full .item-portfolio__date-cate {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-4-full .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-4-full .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-4-full .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-4-full .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .column-4-full .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-4-full .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-4-full .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
.column-5-full .item-portfolio__date-cate {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-5-full .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-5-full .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-5-full .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-5-full .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-5-full .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-5-full .item-portfolio__date-cate {
		margin-bottom: 0.4rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-5-full .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
.column-2 .item-portfolio__date-cate {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-2 .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-2 .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-2 .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-2 .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-2 .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
.column-3 .item-portfolio__date-cate {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-3 .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-3 .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-3 .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-3 .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3 .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
.column-4 .item-portfolio__date-cate {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-4 .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-4 .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-4 .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-4 .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-4 .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
.column-5 .item-portfolio__date-cate {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-5 .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-5 .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-5 .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-5 .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-5 .item-portfolio__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-5 .item-portfolio__date-cate {
		display: none;
	}
}
.column-2-full .item-portfolio__name {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-2-full .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-2-full .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-2-full .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-2-full .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
.column-3-full .item-portfolio__name {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-3-full .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-3-full .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-3-full .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-3-full .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3-full .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-3-full .item-portfolio__name {
		margin-bottom: 0.8rem;
	}
}
.column-4-full .item-portfolio__name {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-4-full .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-4-full .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-4-full .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-4-full .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-4-full .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-4-full .item-portfolio__name {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-4-full .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
.column-5-full .item-portfolio__name {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-5-full .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-5-full .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-5-full .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-5-full .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-5-full .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-5-full .item-portfolio__name {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-5-full .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
.column-2 .item-portfolio__name {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-2 .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-2 .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-2 .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-2 .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-2 .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
.column-3 .item-portfolio__name {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-3 .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-3 .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-3 .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-3 .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3 .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
.column-4 .item-portfolio__name {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-4 .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-4 .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-4 .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-4 .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-4 .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
.column-5 .item-portfolio__name {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-5 .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-5 .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-5 .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-5 .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-5 .item-portfolio__name {
		margin-bottom: 1.6rem;
	}
}
.column-2-full .item-portfolio__paragraph {
	margin-bottom: 4.8rem;
}
@media screen and (max-width: 319px) {
	.column-2-full .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-2-full .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-2-full .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-2-full .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
.column-3-full .item-portfolio__paragraph {
	margin-bottom: 4.8rem;
}
@media screen and (max-width: 319px) {
	.column-3-full .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-3-full .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-3-full .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-3-full .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3-full .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-3-full .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
.column-4-full .item-portfolio__paragraph {
	margin-bottom: 4.8rem;
}
@media screen and (max-width: 319px) {
	.column-4-full .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-4-full .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-4-full .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-4-full .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-4-full .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-4-full .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-4-full .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
.column-5-full .item-portfolio__paragraph {
	margin-bottom: 4.8rem;
}
@media screen and (max-width: 319px) {
	.column-5-full .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-5-full .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-5-full .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-5-full .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-5-full .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-5-full .item-portfolio__paragraph {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-5-full .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
.column-2 .item-portfolio__paragraph {
	margin-bottom: 2.8rem;
}
@media screen and (max-width: 319px) {
	.column-2 .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-2 .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-2 .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-2 .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-2 .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
.column-3 .item-portfolio__paragraph {
	margin-bottom: 2.8rem;
}
@media screen and (max-width: 319px) {
	.column-3 .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-3 .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-3 .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-3 .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3 .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
.column-4 .item-portfolio__paragraph {
	margin-bottom: 2.8rem;
}
@media screen and (max-width: 319px) {
	.column-4 .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-4 .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-4 .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-4 .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-4 .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-4 .item-portfolio__paragraph {
		display: none;
	}
}
.column-5 .item-portfolio__paragraph {
	margin-bottom: 2.8rem;
}
@media screen and (max-width: 319px) {
	.column-5 .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-5 .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-5 .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-5 .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-5 .item-portfolio__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-5 .item-portfolio__paragraph {
		display: none;
	}
}
@media screen and (min-width: 1200px) {
	.column-5 .item-portfolio__btn {
		display: none;
	}
}
.item-portfolio__nav-wrap {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 4.8rem;
}
.item-portfolio__nav {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.item-portfolio__nav a {
	display: block;
	margin: 0rem 0.8rem 1.6rem;
}
/*******************item-2-portfolio***********************/
.item-2-portfolio {
	position: relative;
	overflow: hidden;
	height: 100%;
}
.item-2-portfolio__side {
	width: 100%;
	position: relative;
}
.item-2-portfolio__side img {
	height: auto;
	width: 100%;
	margin: auto;
}
.item-2-portfolio__side:hover .item-2-portfolio__content {
	opacity: 1;
	visibility: visible;
}
.item-2-portfolio__content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.35);
	z-index: 99;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	opacity: 0;
	visibility: hidden;
	-moz-transition: all 1.2s ease 0s;
	-webkit-transition: all 1.2s ease 0s;
	-o-transition: all 1.2s ease 0s;
	transition: all 1.2s ease 0s;
}
@media screen and (max-width: 319px) {
	.item-2-portfolio__content {
		opacity: 1;
		visibility: visible;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-2-portfolio__content {
		opacity: 1;
		visibility: visible;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.item-2-portfolio__content {
		opacity: 1;
		visibility: visible;
	}
}
.column2 .item-2-portfolio__content {
	padding: 1.6rem 1.6rem 1.6rem;
}
.column3 .item-2-portfolio__content {
	padding: 1.6rem 1.6rem 1.6rem;
}
.column4 .item-2-portfolio__content {
	padding: 1.6rem 1.6rem 1.6rem;
}
.column5 .item-2-portfolio__content {
	padding: 1.6rem 1.6rem 1.6rem;
}
.column2Full .item-2-portfolio__content {
	padding: 1.6rem 1.6rem 1.6rem;
}
.column3Full .item-2-portfolio__content {
	padding: 1.6rem 1.6rem 1.6rem;
}
.column4Full .item-2-portfolio__content {
	padding: 1.6rem 1.6rem 1.6rem;
}
.column5Full .item-2-portfolio__content {
	padding: 1.6rem 1.6rem 1.6rem;
}
.item-2-portfolio__icon i {
	color: #ffffff;
}
.column2 .item-2-portfolio__icon {
	position: absolute;
	top: 1.6rem;
	left: 1.6rem;
}
.column2 .item-2-portfolio__icon i {
	font-size: 2.4rem;
}
.column3 .item-2-portfolio__icon {
	position: absolute;
	top: 1.6rem;
	left: 1.6rem;
}
.column3 .item-2-portfolio__icon i {
	font-size: 2.4rem;
}
.column4 .item-2-portfolio__icon {
	position: absolute;
	top: 1.6rem;
	left: 1.6rem;
}
.column4 .item-2-portfolio__icon i {
	font-size: 2.4rem;
}
.column5 .item-2-portfolio__icon {
	position: absolute;
	top: 1.6rem;
	left: 1.6rem;
}
.column5 .item-2-portfolio__icon i {
	font-size: 2.4rem;
}
.column2Full .item-2-portfolio__icon {
	position: absolute;
	top: 1.6rem;
	left: 1.6rem;
}
.column2Full .item-2-portfolio__icon i {
	font-size: 2.4rem;
}
.column3Full .item-2-portfolio__icon {
	position: absolute;
	top: 1.6rem;
	left: 1.6rem;
}
.column3Full .item-2-portfolio__icon i {
	font-size: 2.4rem;
}
.column4Full .item-2-portfolio__icon {
	position: absolute;
	top: 1.6rem;
	left: 1.6rem;
}
.column4Full .item-2-portfolio__icon i {
	font-size: 2.4rem;
}
.column5Full .item-2-portfolio__icon {
	position: absolute;
	top: 1.6rem;
	left: 1.6rem;
}
.column5Full .item-2-portfolio__icon i {
	font-size: 2.4rem;
}
.item-2-portfolio__date-cate span {
	color: #ffffff;
}
.column2 .item-2-portfolio__date-cate {
	margin-bottom: 0.4rem;
}
.column3 .item-2-portfolio__date-cate {
	margin-bottom: 0.4rem;
}
.column4 .item-2-portfolio__date-cate {
	margin-bottom: 0.4rem;
}
.column5 .item-2-portfolio__date-cate {
	margin-bottom: 0.4rem;
}
@media screen and (min-width: 1200px) {
	.column5 .item-2-portfolio__date-cate {
		display: none;
	}
}
.column2Full .item-2-portfolio__date-cate {
	margin-bottom: 0.4rem;
}
.column3Full .item-2-portfolio__date-cate {
	margin-bottom: 0.4rem;
}
.column4Full .item-2-portfolio__date-cate {
	margin-bottom: 0.4rem;
}
.column5Full .item-2-portfolio__date-cate {
	margin-bottom: 0.4rem;
}
@media screen and (min-width: 1200px) {
	.column5Full .item-2-portfolio__date-cate {
		display: none;
	}
}
.column2 .item-2-portfolio__name {
	margin-bottom: 0.8rem;
}
.column3 .item-2-portfolio__name {
	margin-bottom: 0.8rem;
}
.column4 .item-2-portfolio__name {
	margin-bottom: 0.8rem;
}
.column5 .item-2-portfolio__name {
	margin-bottom: 0.8rem;
}
.column2Full .item-2-portfolio__name {
	margin-bottom: 0.8rem;
}
.column3Full .item-2-portfolio__name {
	margin-bottom: 0.8rem;
}
.column4Full .item-2-portfolio__name {
	margin-bottom: 0.8rem;
}
.column5Full .item-2-portfolio__name {
	margin-bottom: 0.8rem;
}
.column2 .item-2-portfolio__paragraph {
	margin-bottom: 2rem;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column2 .item-2-portfolio__paragraph {
		display: none;
	}
}
.column3 .item-2-portfolio__paragraph {
	margin-bottom: 2rem;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column3 .item-2-portfolio__paragraph {
		display: none;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column3 .item-2-portfolio__paragraph {
		display: none;
	}
}
.column4 .item-2-portfolio__paragraph {
	margin-bottom: 2rem;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column4 .item-2-portfolio__paragraph {
		display: none;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column4 .item-2-portfolio__paragraph {
		display: none;
	}
}
@media screen and (min-width: 1200px) {
	.column4 .item-2-portfolio__paragraph {
		display: none;
	}
}
.column5 .item-2-portfolio__paragraph {
	margin-bottom: 2rem;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column5 .item-2-portfolio__paragraph {
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column5 .item-2-portfolio__paragraph {
		display: none;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column5 .item-2-portfolio__paragraph {
		display: none;
	}
}
@media screen and (min-width: 1200px) {
	.column5 .item-2-portfolio__paragraph {
		display: none;
	}
}
.column2Full .item-2-portfolio__paragraph {
	margin-bottom: 2rem;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column2Full .item-2-portfolio__paragraph {
		display: none;
	}
}
.column3Full .item-2-portfolio__paragraph {
	margin-bottom: 2rem;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column3Full .item-2-portfolio__paragraph {
		display: none;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column3Full .item-2-portfolio__paragraph {
		display: none;
	}
}
.column4Full .item-2-portfolio__paragraph {
	margin-bottom: 2rem;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column4Full .item-2-portfolio__paragraph {
		display: none;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column4Full .item-2-portfolio__paragraph {
		display: none;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column4Full .item-2-portfolio__paragraph {
		display: none;
	}
}
.column5Full .item-2-portfolio__paragraph {
	margin-bottom: 2rem;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column5Full .item-2-portfolio__paragraph {
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column5Full .item-2-portfolio__paragraph {
		display: none;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column5Full .item-2-portfolio__paragraph {
		display: none;
	}
}
@media screen and (min-width: 1200px) {
	.column5Full .item-2-portfolio__paragraph {
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column5 .item-2-portfolio__btn {
		display: none;
	}
}
@media screen and (min-width: 1200px) {
	.column5 .item-2-portfolio__btn {
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column5Full .item-2-portfolio__btn {
		display: none;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column5Full .item-2-portfolio__btn {
		display: none;
	}
}

/*******************portfolio-detail***********************/
.portfolio-detail {
	margin-bottom: 6.4rem;
}
.portfolio-detail__picture {
	margin-bottom: 4rem;
}
.portfolio-detail__picture img {
	width: 100%;
	height: auto;
}
.portfolio-detail__side {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 4rem;
}
.portfolio-detail__name {
	margin-bottom: 0.4rem;
}
.portfolio-detail__cate-date {
	margin-bottom: 1.2rem;
}
.portfolio-detail__paragraph {
	margin-bottom: 1.6rem;
}
.portfolio-detail__row {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-bottom: 1.6rem;
	width: 100%;
}
.portfolio-detail__t {
	position: relative;
	width: 100%;
	flex: 0 0 30%;
	max-width: 30%;
}
@media screen and (max-width: 319px) {
	.portfolio-detail__t {
		flex: 0 0 28%;
		max-width: 28%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.portfolio-detail__t {
		flex: 0 0 28%;
		max-width: 28%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.portfolio-detail__t {
		flex: 0 0 20%;
		max-width: 20%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio-detail__t {
		flex: 0 0 20%;
		max-width: 20%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio-detail__t {
		flex: 0 0 14%;
		max-width: 14%;
	}
}
.option2 .portfolio-detail__t {
	flex: 0 0 10%;
	max-width: 10%;
}
@media screen and (max-width: 319px) {
	.option2 .portfolio-detail__t {
		flex: 0 0 28%;
		max-width: 28%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.option2 .portfolio-detail__t {
		flex: 0 0 28%;
		max-width: 28%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.option2 .portfolio-detail__t {
		flex: 0 0 20%;
		max-width: 20%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.option2 .portfolio-detail__t {
		flex: 0 0 20%;
		max-width: 20%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.option2 .portfolio-detail__t {
		flex: 0 0 14%;
		max-width: 14%;
	}
}
.portfolio-detail__c {
	position: relative;
	width: 100%;
	flex: 0 0 70%;
	max-width: 70%;
}
@media screen and (max-width: 319px) {
	.portfolio-detail__c {
		flex: 0 0 72%;
		max-width: 72%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.portfolio-detail__c {
		flex: 0 0 72%;
		max-width: 72%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.portfolio-detail__c {
		flex: 0 0 80%;
		max-width: 80%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio-detail__c {
		flex: 0 0 80%;
		max-width: 80%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio-detail__c {
		flex: 0 0 86%;
		max-width: 86%;
	}
}
.option2 .portfolio-detail__c {
	flex: 0 0 90%;
	max-width: 90%;
}
@media screen and (max-width: 319px) {
	.option2 .portfolio-detail__c {
		flex: 0 0 72%;
		max-width: 72%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.option2 .portfolio-detail__c {
		flex: 0 0 72%;
		max-width: 72%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.option2 .portfolio-detail__c {
		flex: 0 0 80%;
		max-width: 80%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.option2 .portfolio-detail__c {
		flex: 0 0 80%;
		max-width: 80%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.option2 .portfolio-detail__c {
		flex: 0 0 86%;
		max-width: 86%;
	}
}
.portfolio-detail__social {
	margin-bottom: 2.4rem;
}
.portfolio-detail__social ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}
.portfolio-detail__social ul li {
	margin-right: 1.6rem;
}
.portfolio-detail__social ul li a i {
	font-size: 1.8rem;
	color: rgba(0, 0, 0, 0.87);
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.portfolio-detail__social ul li a:hover i {
	color: #000000;
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.portfolio-detail__direct {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 4rem;
}
@media screen and (max-width: 319px) {
	.portfolio-detail__direct {
		justify-content: space-between;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.portfolio-detail__direct {
		justify-content: space-between;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.portfolio-detail__direct {
		justify-content: space-between;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio-detail__direct {
		justify-content: space-between;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio-detail__direct {
		justify-content: space-between;
	}
}
.portfolio-detail__direct a {
	margin-right: 2.4rem;
}
@media screen and (max-width: 319px) {
	.portfolio-detail__direct a {
		margin-right: 0rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.portfolio-detail__direct a {
		margin-right: 0rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.portfolio-detail__direct a {
		margin-right: 0rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio-detail__direct a {
		margin-right: 0rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio-detail__direct a {
		margin-right: 0rem;
	}
}
.option2 .portfolio-detail__direct {
	justify-content: space-between;
}
@media screen and (max-width: 319px) {
	.option2 .portfolio-detail__direct {
		justify-content: space-between;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.option2 .portfolio-detail__direct {
		justify-content: space-between;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.option2 .portfolio-detail__direct {
		justify-content: space-between;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.option2 .portfolio-detail__direct {
		justify-content: space-between;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.option2 .portfolio-detail__direct {
		justify-content: space-between;
	}
}
.option2 .portfolio-detail__direct a {
	margin-right: 0rem;
}
@media screen and (max-width: 319px) {
	.option2 .portfolio-detail__direct a {
		margin-right: 0rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.option2 .portfolio-detail__direct a {
		margin-right: 0rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.option2 .portfolio-detail__direct a {
		margin-right: 0rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.option2 .portfolio-detail__direct a {
		margin-right: 0rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.option2 .portfolio-detail__direct a {
		margin-right: 0rem;
	}
}
.portfolio-detail__gallery {
	position: relative;
	margin-bottom: 4rem;
	overflow: hidden;
	display: block;
	width: 100%;
}
.portfolio-detail__gallery:hover .portfolio-detail__gallery--next, .portfolio-detail__gallery:hover .portfolio-detail__gallery--prev, .portfolio-detail__gallery:hover .portfolio-detail__gallery--control-nav {
	opacity: 1;
}
.portfolio-detail__gallery--viewport {
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.portfolio-detail__gallery--viewport li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.portfolio-detail__gallery--viewport li img {
	width: 100%;
	display: block;
	height: auto;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.portfolio-detail__gallery--prev {
	position: absolute;
	top: 50%;
	left: 2rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.portfolio-detail__gallery--prev i {
	position: absolute;
	top: 2.1rem;
	left: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(255, 255, 255, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 0% 50%;
}
.portfolio-detail__gallery--prev i:first-child {
	transform: translate(0, -0.1rem) rotate(40deg);
}
.portfolio-detail__gallery--prev i:last-child {
	transform: translate(0, 0.1rem) rotate(-40deg);
}
.portfolio-detail__gallery--prev:hover i:first-child {
	transform: translate(0, -0.1rem) rotate(30deg);
}
.portfolio-detail__gallery--prev:hover i:last-child {
	transform: translate(0, 0.1rem) rotate(-30deg);
}
.portfolio-detail__gallery--prev:active i:first-child {
	transform: translate(0rem, -0.1rem) rotate(25deg);
}
.portfolio-detail__gallery--prev:active i:last-child {
	transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.portfolio-detail__gallery--next {
	position: absolute;
	top: 50%;
	right: 2rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.portfolio-detail__gallery--next i {
	position: absolute;
	top: 2.1rem;
	right: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(255, 255, 255, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 100% 50%;
}
.portfolio-detail__gallery--next i:first-child {
	transform: translate(0, 0.1rem) rotate(40deg);
}
.portfolio-detail__gallery--next i:last-child {
	transform: translate(0, -0.1rem) rotate(-40deg);
}
.portfolio-detail__gallery--next:hover i:first-child {
	transform: translate(0, 0.1rem) rotate(30deg);
}
.portfolio-detail__gallery--next:hover i:last-child {
	transform: translate(0, -0.1rem) rotate(-30deg);
}
.portfolio-detail__gallery--next:active i:first-child {
	transform: translate(0rem, 0.1rem) rotate(25deg);
}
.portfolio-detail__gallery--next:active i:last-child {
	transform: translate(0rem, -0.1rem) rotate(-25deg);
}
.portfolio-detail__gallery--control-nav {
	position: absolute;
	bottom: 12%;
	left: 50%;
	opacity: 0;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.portfolio-detail__gallery--control-nav li a {
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	height: 1.2rem;
	width: 1.2rem;
	margin: 0 0.4rem;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 0.6rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}
.portfolio-detail__gallery--control-nav li a:hover {
	background-color: rgba(255, 255, 255, 0.87);
}
.portfolio-detail__gallery--control-nav li a.portfolio-detail__gallery--active {
	width: 3.2rem;
	background-color: rgba(255, 255, 255, 0.87);
	cursor: default;
}
.portfolio-detail__thumbnail-slider {
	position: relative;
	margin-bottom: 0.4rem;
	overflow: hidden;
	display: block;
	width: 100%;
}
.portfolio-detail__thumbnail-slider:hover .portfolio-detail__thumbnail-slider--next, .portfolio-detail__thumbnail-slider:hover .portfolio-detail__thumbnail-slider--prev, .portfolio-detail__thumbnail-slider:hover .portfolio-detail__thumbnail-slider--control-nav {
	opacity: 1;
}
.portfolio-detail__thumbnail-slider--viewport {
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.portfolio-detail__thumbnail-slider--viewport li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.portfolio-detail__thumbnail-slider--viewport li img {
	width: 100%;
	display: block;
	height: auto;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.portfolio-detail__thumbnail-slider--prev {
	position: absolute;
	top: 50%;
	left: 2rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.portfolio-detail__thumbnail-slider--prev i {
	position: absolute;
	top: 2.1rem;
	left: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(255, 255, 255, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 0% 50%;
}
.portfolio-detail__thumbnail-slider--prev i:first-child {
	transform: translate(0, -0.1rem) rotate(40deg);
}
.portfolio-detail__thumbnail-slider--prev i:last-child {
	transform: translate(0, 0.1rem) rotate(-40deg);
}
.portfolio-detail__thumbnail-slider--prev:hover i:first-child {
	transform: translate(0, -0.1rem) rotate(30deg);
}
.portfolio-detail__thumbnail-slider--prev:hover i:last-child {
	transform: translate(0, 0.1rem) rotate(-30deg);
}
.portfolio-detail__thumbnail-slider--prev:active i:first-child {
	transform: translate(0rem, -0.1rem) rotate(25deg);
}
.portfolio-detail__thumbnail-slider--prev:active i:last-child {
	transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.portfolio-detail__thumbnail-slider--next {
	position: absolute;
	top: 50%;
	right: 2rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.portfolio-detail__thumbnail-slider--next i {
	position: absolute;
	top: 2.1rem;
	right: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(255, 255, 255, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 100% 50%;
}
.portfolio-detail__thumbnail-slider--next i:first-child {
	transform: translate(0, 0.1rem) rotate(40deg);
}
.portfolio-detail__thumbnail-slider--next i:last-child {
	transform: translate(0, -0.1rem) rotate(-40deg);
}
.portfolio-detail__thumbnail-slider--next:hover i:first-child {
	transform: translate(0, 0.1rem) rotate(30deg);
}
.portfolio-detail__thumbnail-slider--next:hover i:last-child {
	transform: translate(0, -0.1rem) rotate(-30deg);
}
.portfolio-detail__thumbnail-slider--next:active i:first-child {
	transform: translate(0rem, 0.1rem) rotate(25deg);
}
.portfolio-detail__thumbnail-slider--next:active i:last-child {
	transform: translate(0rem, -0.1rem) rotate(-25deg);
}
.portfolio-detail__thumbnail-slider--control-nav {
	position: absolute;
	bottom: 12%;
	left: 50%;
	opacity: 0;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.portfolio-detail__thumbnail-slider--control-nav li a {
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	height: 1.2rem;
	width: 1.2rem;
	margin: 0 0.4rem;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 0.6rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}
.portfolio-detail__thumbnail-slider--control-nav li a:hover {
	background-color: rgba(255, 255, 255, 0.87);
}
.portfolio-detail__thumbnail-slider--control-nav li a.portfolio-detail__gallery--active {
	width: 3.2rem;
	background-color: rgba(255, 255, 255, 0.87);
	cursor: default;
}
.portfolio-detail__carousel {
	position: relative;
	margin-bottom: 4rem;
	overflow: hidden;
	display: block;
	width: 100%;
}
.portfolio-detail__carousel--viewport {
	width: 88%;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
@media screen and (max-width: 319px) {
	.portfolio-detail__carousel--viewport {
		width: 74%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.portfolio-detail__carousel--viewport {
		width: 74%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.portfolio-detail__carousel--viewport {
		width: 80%;
	}
}
.portfolio-detail__carousel--viewport li {
	padding: 0.4rem 0.4rem;
}
.portfolio-detail__carousel--viewport li img {
	width: 100%;
	display: block;
	height: auto;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 4px;
}
.portfolio-detail__carousel--viewport li img:hover {
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.portfolio-detail__carousel--viewport .portfolio-detail__carousel--active-slide img {
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.portfolio-detail__carousel--prev {
	position: absolute;
	top: 50%;
	left: 0.8rem;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 3rem;
	height: 4.8rem;
	background-color: transparent;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.portfolio-detail__carousel--prev:hover {
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.portfolio-detail__carousel--prev i {
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: rgba(0, 0, 0, 0.87);
	z-index: 99;
	font-size: 2.8rem;
}
.portfolio-detail__carousel--next {
	position: absolute;
	top: 50%;
	right: 0.8rem;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 3rem;
	height: 4.8rem;
	background-color: transparent;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.portfolio-detail__carousel--next:hover {
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.portfolio-detail__carousel--next i {
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: rgba(0, 0, 0, 0.87);
	z-index: 99;
	font-size: 2.8rem;
}
.portfolio-detail__carousel--control-nav {
	position: absolute;
	bottom: 12%;
	left: 50%;
	opacity: 0;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.portfolio-detail__carousel--control-nav li a {
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	height: 1.2rem;
	width: 1.2rem;
	margin: 0 0.4rem;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 0.6rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}
.portfolio-detail__carousel--control-nav li a:hover {
	background-color: rgba(255, 255, 255, 0.87);
}
.portfolio-detail__carousel--control-nav li a.portfolio-detail__gallery--active {
	width: 3.2rem;
	background-color: rgba(255, 255, 255, 0.87);
	cursor: default;
}

/*******************mini-sale***********************/
.mini-sale {
	margin-bottom: 2.8rem;
}
.mini-sale__side {
	position: relative;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.mini-sale__side:hover {
	-moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mini-sale__img {
	width: 100%;
	height: auto;
}
.mini-sale__content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}
.mini-sale__title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-right: 7%;
}
@media screen and (max-width: 319px) {
	.mini-sale__title {
		margin-right: 8%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.mini-sale__title {
		margin-right: 8%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.mini-sale__title {
		margin-right: 11%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.mini-sale__title {
		margin-right: 3%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.mini-sale__title {
		margin-right: 4%;
	}
}
.mini-sale__title span {
	text-align: center;
}
.mini-sale__title span:first-child {
	margin-bottom: 0.8rem;
}

/*******************collect***********************/
.collect {
	-moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	background-color: #ffffff;
	padding: 10.4rem 9.6rem;
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.collect {
		padding: 1.6rem 1.6rem;
		margin-bottom: 4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.collect {
		padding: 5.6rem 5.6rem;
		margin-bottom: 4rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.collect {
		padding: 3.6rem 3.6rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.collect {
		padding: 5.6rem 5.6rem;
	}
}
.collect__side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.collect__heading {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	margin-bottom: 1.2rem;
}
.collect__paragraph {
	margin-bottom: 2.4rem;
}
.collect__picture a img {
	height: auto;
	width: calc(100% + 30px);
	-moz-transform: translateX(-30px);
	-webkit-transform: translateX(-30px);
	-ms-transform: translateX(-30px);
	-o-transform: translateX(-30px);
	transform: translateX(-30px);
	position: relative;
	z-index: 99;
}
@media screen and (max-width: 319px) {
	.collect__picture a img {
		width: 100%;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.collect__picture a img {
		width: 100%;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.collect__picture a img {
		width: 100%;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}
/*******************slide-shop***********************/
.slide-shop {
	position: relative;
	margin-bottom: 2.8rem;
}
.slide-shop:hover .slide-shop__next, .slide-shop:hover .slide-shop__prev {
	opacity: 1;
}
.slide-shop__viewport {
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.slide-shop__viewport li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.slide-shop__viewport li img {
	width: 100%;
	display: block;
	height: auto;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
@media screen and (max-width: 319px) {
	.slide-shop__viewport li img {
		width: 260%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.slide-shop__viewport li img {
		width: 260%;
	}
}
.slide-shop__side {
	position: relative;
}
.slide-shop__wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 2.8rem;
	z-index: 99;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}
.slide-shop__prev {
	position: absolute;
	top: 50%;
	left: 2rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.slide-shop__prev.showMxm {
	left: 0.4rem;
}
.slide-shop__prev i {
	position: absolute;
	top: 2.1rem;
	left: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(255, 255, 255, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 0% 50%;
}
.slide-shop__prev i:first-child {
	transform: translate(0, -0.1rem) rotate(40deg);
}
.slide-shop__prev i:last-child {
	transform: translate(0, 0.1rem) rotate(-40deg);
}
.slide-shop__prev:hover i:first-child {
	transform: translate(0, -0.1rem) rotate(30deg);
}
.slide-shop__prev:hover i:last-child {
	transform: translate(0, 0.1rem) rotate(-30deg);
}
.slide-shop__prev:active i:first-child {
	transform: translate(0rem, -0.1rem) rotate(25deg);
}
.slide-shop__prev:active i:last-child {
	transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.slide-shop__next {
	position: absolute;
	top: 50%;
	right: 2rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.slide-shop__next.showMxm {
	right: 0.4rem;
}
.slide-shop__next i {
	position: absolute;
	top: 2.1rem;
	right: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(255, 255, 255, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 100% 50%;
}
.slide-shop__next i:first-child {
	transform: translate(0, 0.1rem) rotate(40deg);
}
.slide-shop__next i:last-child {
	transform: translate(0, -0.1rem) rotate(-40deg);
}
.slide-shop__next:hover i:first-child {
	transform: translate(0, 0.1rem) rotate(30deg);
}
.slide-shop__next:hover i:last-child {
	transform: translate(0, -0.1rem) rotate(-30deg);
}
.slide-shop__next:active i:first-child {
	transform: translate(0rem, 0.1rem) rotate(25deg);
}
.slide-shop__next:active i:last-child {
	transform: translate(0rem, -0.1rem) rotate(-25deg);
}
.slide-shop__control-nav {
	position: absolute;
	bottom: 12%;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.slide-shop__control-nav li a {
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	height: 1.2rem;
	width: 1.2rem;
	margin: 0 0.4rem;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 0.6rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}
.slide-shop__control-nav li a:hover {
	background-color: rgba(255, 255, 255, 0.87);
}
.slide-shop__control-nav li a.slide-shop__active {
	width: 3.2rem;
	background-color: rgba(255, 255, 255, 0.87);
	cursor: default;
}

/*******************mini-hero***********************/
.mini-hero {
	margin-bottom: 2.8rem;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.mini-hero {
		margin-bottom: 2.6rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.mini-hero {
		margin-bottom: 2.6rem;
	}
}
.mini-hero__side {
	position: relative;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.mini-hero__side:hover {
	-moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mini-hero__img {
	width: 100%;
	height: auto;
}
.mini-hero__content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}
.mini-hero__title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-right: 7%;
}
@media screen and (max-width: 319px) {
	.mini-hero__title {
		margin-right: 8%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.mini-hero__title {
		margin-right: 8%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.mini-hero__title {
		margin-right: 11%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.mini-hero__title {
		margin-right: 3%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.mini-hero__title {
		margin-right: 4%;
	}
}
.mini-hero__title span {
	text-align: center;
}
.mini-hero__title span:first-child {
	margin-bottom: 0.8rem;
}

/*******************slide-2-shop***********************/
.slide-2-shop {
	position: relative;
}
.slide-2-shop:hover .slide-2-shop__next, .slide-2-shop:hover .slide-2-shop__prev {
	opacity: 1;
}
.slide-2-shop__viewport {
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.slide-2-shop__viewport li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.slide-2-shop__viewport li img {
	width: 100%;
	display: block;
	height: auto;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
@media screen and (max-width: 319px) {
	.slide-2-shop__viewport li img {
		width: 260%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.slide-2-shop__viewport li img {
		width: 260%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.slide-2-shop__viewport li img {
		width: 200%;
	}
}
.slide-2-shop__side {
	position: relative;
}
.slide-2-shop__wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 2.8rem 6rem;
	z-index: 99;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}
@media screen and (max-width: 319px) {
	.slide-2-shop__wrap {
		padding: 2.8rem 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.slide-2-shop__wrap {
		padding: 2.8rem 2.8rem;
	}
}
.slide-2-shop__prev {
	position: absolute;
	top: 50%;
	left: 2rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.slide-2-shop__prev.showMxm {
	left: 0.4rem;
}
.slide-2-shop__prev i {
	position: absolute;
	top: 2.1rem;
	left: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(255, 255, 255, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 0% 50%;
}
.slide-2-shop__prev i:first-child {
	transform: translate(0, -0.1rem) rotate(40deg);
}
.slide-2-shop__prev i:last-child {
	transform: translate(0, 0.1rem) rotate(-40deg);
}
.slide-2-shop__prev:hover i:first-child {
	transform: translate(0, -0.1rem) rotate(30deg);
}
.slide-2-shop__prev:hover i:last-child {
	transform: translate(0, 0.1rem) rotate(-30deg);
}
.slide-2-shop__prev:active i:first-child {
	transform: translate(0rem, -0.1rem) rotate(25deg);
}
.slide-2-shop__prev:active i:last-child {
	transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.slide-2-shop__next {
	position: absolute;
	top: 50%;
	right: 2rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.slide-2-shop__next.showMxm {
	right: 0.4rem;
}
.slide-2-shop__next i {
	position: absolute;
	top: 2.1rem;
	right: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(255, 255, 255, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 100% 50%;
}
.slide-2-shop__next i:first-child {
	transform: translate(0, 0.1rem) rotate(40deg);
}
.slide-2-shop__next i:last-child {
	transform: translate(0, -0.1rem) rotate(-40deg);
}
.slide-2-shop__next:hover i:first-child {
	transform: translate(0, 0.1rem) rotate(30deg);
}
.slide-2-shop__next:hover i:last-child {
	transform: translate(0, -0.1rem) rotate(-30deg);
}
.slide-2-shop__next:active i:first-child {
	transform: translate(0rem, 0.1rem) rotate(25deg);
}
.slide-2-shop__next:active i:last-child {
	transform: translate(0rem, -0.1rem) rotate(-25deg);
}
.slide-2-shop__control-nav {
	position: absolute;
	bottom: 12%;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.slide-2-shop__control-nav li a {
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	height: 1.2rem;
	width: 1.2rem;
	margin: 0 0.4rem;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 0.6rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}
.slide-2-shop__control-nav li a:hover {
	background-color: rgba(255, 255, 255, 0.87);
}
.slide-2-shop__control-nav li a.slide-2-shop__active {
	width: 3.2rem;
	background-color: rgba(255, 255, 255, 0.87);
	cursor: default;
}

/*******************ship-info***********************/
.ship-info {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 4rem;
	border-radius: 4px;
	padding: 1.6rem;
	position: relative;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-moz-transition: box-shadow 0.3s;
	-webkit-transition: box-shadow 0.3s;
	-o-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
}
@media screen and (max-width: 319px) {
	.ship-info {
		flex-direction: column;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.ship-info {
		flex-direction: column;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.ship-info {
		flex-direction: column;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.ship-info {
		flex-direction: column;
	}
}
.ship-info:hover {
	-moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.ship-info:hover .ship-info__icon--child {
	-moz-transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}
.ship-info:hover .ship-info__icon--parent {
	box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.12);
}
.ship-info:hover .ship-info__icon--parent:after {
	-moz-transform: scale(0.85);
	-webkit-transform: scale(0.85);
	-ms-transform: scale(0.85);
	-o-transform: scale(0.85);
	transform: scale(0.85);
	opacity: 0.5;
}
.ship-info__icon {
	margin-left: 1.6rem;
}
@media screen and (max-width: 319px) {
	.ship-info__icon {
		margin-left: 0;
		margin-bottom: 1.2rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.ship-info__icon {
		margin-left: 0;
		margin-bottom: 1.2rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.ship-info__icon {
		margin-left: 0;
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.ship-info__icon {
		margin-left: 0;
		margin-bottom: 1.6rem;
	}
}
.ship-info__icon--parent {
	width: 7.2rem;
	height: 7.2rem;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	-moz-transition: box-shadow 0.5s;
	-webkit-transition: box-shadow 0.5s;
	-o-transition: box-shadow 0.5s;
	transition: box-shadow 0.5s;
	box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.12);
}
.ship-info__icon--parent:after {
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 50%;
	opacity: 1;
	-opacity-transition: transform 0.5s;
	-0.5s-transition: transform 0.5s;
	transition: transform 0.5s;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38);
}
.ship-info__icon--child {
	font-size: 4rem;
	color: rgba(0, 0, 0, 0.87);
	-moz-transition: transform 0.5s;
	-webkit-transition: transform 0.5s;
	-o-transition: transform 0.5s;
	transition: transform 0.5s;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.ship-info__content {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
@media screen and (max-width: 319px) {
	.ship-info__content {
		align-items: center;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.ship-info__content {
		align-items: center;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.ship-info__content {
		align-items: center;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.ship-info__content {
		align-items: center;
	}
}
.ship-info__name {
	margin-bottom: 0.4rem;
}
@media screen and (max-width: 319px) {
	.ship-info__name {
		text-align: center;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.ship-info__name {
		text-align: center;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.ship-info__name {
		text-align: center;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.ship-info__name {
		text-align: center;
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.ship-info__name {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (max-width: 319px) {
	.ship-info__paragraph {
		text-align: center;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.ship-info__paragraph {
		text-align: center;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.ship-info__paragraph {
		text-align: center;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.ship-info__paragraph {
		text-align: center;
		font-size: 1.4rem;
		line-height: 2rem;
		letter-spacing: 0.025rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.ship-info__paragraph {
		font-size: 1.4rem;
		line-height: 2rem;
		letter-spacing: 0.025rem;
		text-transform: none;
		font-weight: 400;
	}
}
.ship-info__line {
	width: 6rem;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.12);
	margin: 0.8rem 0 2rem;
}
@media screen and (max-width: 319px) {
	.ship-info__line {
		margin: 0rem 0 2rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.ship-info__line {
		margin: 0rem 0 2rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.ship-info__line {
		margin: 0rem 0 2rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.ship-info__line {
		margin: 0rem 0 2rem;
	}
}
/*******************item-product***********************/
.item-product {
	border-radius: 4px;
	padding: 1.6rem;
	position: relative;
	overflow: hidden;
	height: 100%;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-moz-transition: box-shadow 0.3s;
	-webkit-transition: box-shadow 0.3s;
	-o-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
}
.item-product:hover {
	-moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.item-product:hover .item-product__picture--hover {
	opacity: 1;
	visibility: visible;
}
.item-product__side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	position: relative;
}
.item-product__link {
	position: relative;
	margin-bottom: 1.6rem;
}
.item-product__link:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.03);
	z-index: 4;
}
.item-product__picture {
	height: auto;
	max-width: 100%;
	z-index: 2;
}
.item-product__picture--hover {
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	-moz-transition: opacity 0.6s ease 0s , visibility 0.6s ease 0s;
	-webkit-transition: opacity 0.6s ease 0s , visibility 0.6s ease 0s;
	-o-transition: opacity 0.6s ease 0s , visibility 0.6s ease 0s;
	transition: opacity 0.6s ease 0s , visibility 0.6s ease 0s;
}
.item-product__picture--hover img {
	height: auto;
	max-width: 100%;
}
.item-product__vote {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.item-product__vote--icon {
	color: #ffd700;
	font-size: 2rem;
	line-height: 1;
}
.item-product__price {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 1.6rem;
}
.item-product__price--sale {
	margin-right: 3.2rem;
}
.item-product__popup-sale {
	position: absolute;
	top: 1.6rem;
	right: 1.6rem;
	width: 4.8rem;
	height: 4.8rem;
	border-radius: 50%;
	background-color: rgba(17, 189, 163, 0.6);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9;
}

/*******************item-2-product***********************/
.item-2-product {
	border-radius: 4px;
	padding: 1.6rem;
	position: relative;
	overflow: hidden;
	height: 100%;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-moz-transition: box-shadow 0.3s;
	-webkit-transition: box-shadow 0.3s;
	-o-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
}
.item-2-product:hover {
	-moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.item-2-product:hover .item-2-product__picture--hover {
	opacity: 1;
	visibility: visible;
}
.item-2-product__side {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	position: relative;
}
@media screen and (max-width: 319px) {
	.item-2-product__side {
		flex-direction: column;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-2-product__side {
		flex-direction: column;
	}
}
.item-2-product__link {
	position: relative;
}
@media screen and (max-width: 319px) {
	.item-2-product__link {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-2-product__link {
		margin-bottom: 1.6rem;
	}
}
.item-2-product__link:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.03);
	z-index: 4;
}
.item-2-product__picture {
	height: auto;
	width: 100%;
	max-width: 23.8rem;
	min-width: 23.8rem;
	z-index: 2;
}
@media screen and (max-width: 319px) {
	.item-2-product__picture {
		max-width: none;
		min-width: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-2-product__picture {
		max-width: none;
		min-width: none;
	}
}
.item-2-product__picture--hover {
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	-moz-transition: opacity 0.6s ease 0s , visibility 0.6s ease 0s;
	-webkit-transition: opacity 0.6s ease 0s , visibility 0.6s ease 0s;
	-o-transition: opacity 0.6s ease 0s , visibility 0.6s ease 0s;
	transition: opacity 0.6s ease 0s , visibility 0.6s ease 0s;
}
.item-2-product__picture--hover img {
	height: auto;
	width: 100%;
}
.item-2-product__popup-sale {
	position: absolute;
	top: 1.6rem;
	right: 1.6rem;
	width: 4.8rem;
	height: 4.8rem;
	border-radius: 50%;
	background-color: rgba(17, 189, 163, 0.6);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9;
}
.item-2-product__wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding-left: 1.6rem;
}
@media screen and (max-width: 319px) {
	.item-2-product__wrap {
		padding-left: 0;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-2-product__wrap {
		padding-left: 0;
	}
}
.item-2-product__vote {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 0.8rem;
}
.item-2-product__vote--icon {
	color: #ffd700;
	font-size: 2rem;
	line-height: 1;
}
.item-2-product__name {
	margin-bottom: 0.8rem;
}
.item-2-product__price {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 1.6rem;
}
.item-2-product__price--sale {
	margin-right: 3.2rem;
}
.item-2-product__paragraph {
	margin-bottom: 1.6rem;
}

/*******************item-product-detail***********************/
.item-product-detail {
	margin-bottom: 6.4rem;
}
.item-product-detail__picture {
	position: relative;
	margin-bottom: 0.8rem;
	overflow: hidden;
	display: block;
	width: 100%;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.item-product-detail__picture:hover .item-product-detail__picture--next, .item-product-detail__picture:hover .item-product-detail__picture--prev, .item-product-detail__picture:hover .item-product-detail__picture--control-nav {
	opacity: 1;
}
.item-product-detail__picture ul.slides {
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.item-product-detail__picture ul.slides li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.item-product-detail__picture ul.slides li img {
	width: 100%;
	display: block;
	height: auto;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.item-product-detail__picture--prev {
	position: absolute;
	top: 50%;
	left: 2rem;
	opacity: 0;
	z-index: 9;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.item-product-detail__picture--prev i {
	position: absolute;
	top: 2.1rem;
	left: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(0, 0, 0, 0.38);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 0% 50%;
}
.item-product-detail__picture--prev i:first-child {
	transform: translate(0, -0.1rem) rotate(40deg);
}
.item-product-detail__picture--prev i:last-child {
	transform: translate(0, 0.1rem) rotate(-40deg);
}
.item-product-detail__picture--prev:hover i:first-child {
	transform: translate(0, -0.1rem) rotate(30deg);
}
.item-product-detail__picture--prev:hover i:last-child {
	transform: translate(0, 0.1rem) rotate(-30deg);
}
.item-product-detail__picture--prev:active i:first-child {
	transform: translate(0rem, -0.1rem) rotate(25deg);
}
.item-product-detail__picture--prev:active i:last-child {
	transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.item-product-detail__picture--next {
	position: absolute;
	top: 50%;
	right: 2rem;
	opacity: 0;
	z-index: 9;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.item-product-detail__picture--next i {
	position: absolute;
	top: 2.1rem;
	right: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(0, 0, 0, 0.38);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 100% 50%;
}
.item-product-detail__picture--next i:first-child {
	transform: translate(0, 0.1rem) rotate(40deg);
}
.item-product-detail__picture--next i:last-child {
	transform: translate(0, -0.1rem) rotate(-40deg);
}
.item-product-detail__picture--next:hover i:first-child {
	transform: translate(0, 0.1rem) rotate(30deg);
}
.item-product-detail__picture--next:hover i:last-child {
	transform: translate(0, -0.1rem) rotate(-30deg);
}
.item-product-detail__picture--next:active i:first-child {
	transform: translate(0rem, 0.1rem) rotate(25deg);
}
.item-product-detail__picture--next:active i:last-child {
	transform: translate(0rem, -0.1rem) rotate(-25deg);
}
.item-product-detail__picture--control-nav {
	position: absolute;
	bottom: 12%;
	left: 50%;
	opacity: 0;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.item-product-detail__picture--control-nav li a {
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	height: 1.2rem;
	width: 1.2rem;
	margin: 0 0.4rem;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 0.6rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}
.item-product-detail__picture--control-nav li a:hover {
	background-color: rgba(255, 255, 255, 0.87);
}
.item-product-detail__picture--control-nav li a.portfolio-detail__gallery--active {
	width: 3.2rem;
	background-color: rgba(255, 255, 255, 0.87);
	cursor: default;
}
.item-product-detail__carousel {
	position: relative;
	margin-bottom: 4rem;
	overflow: hidden;
	display: block;
	width: 100%;
}
.item-product-detail__carousel--viewport {
	width: 76%;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
@media screen and (max-width: 319px) {
	.item-product-detail__carousel--viewport {
		width: 74%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-product-detail__carousel--viewport {
		width: 74%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.item-product-detail__carousel--viewport {
		width: 80%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.item-product-detail__carousel--viewport {
		width: 74%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.item-product-detail__carousel--viewport {
		width: 74%;
	}
}
.item-product-detail__carousel--viewport li {
	padding: 0.8rem 0.4rem;
	position: relative;
}
.item-product-detail__carousel--viewport li img {
	width: 100%;
	display: block;
	height: auto;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.item-product-detail__carousel--viewport li img:hover {
	-moz-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14) , 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14) , 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14) , 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.item-product-detail__carousel--viewport .item-product-detail__carousel--active-slide img {
	-moz-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14) , 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14) , 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14) , 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.item-product-detail__carousel--prev {
	position: absolute;
	top: 50%;
	left: 0.8rem;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 3rem;
	height: 4.8rem;
	background-color: transparent;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.item-product-detail__carousel--prev:hover {
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.item-product-detail__carousel--prev i {
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: rgba(0, 0, 0, 0.87);
	z-index: 99;
	font-size: 2.8rem;
}
.item-product-detail__carousel--next {
	position: absolute;
	top: 50%;
	right: 0.8rem;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 3rem;
	height: 4.8rem;
	background-color: transparent;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.item-product-detail__carousel--next:hover {
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.item-product-detail__carousel--next i {
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: rgba(0, 0, 0, 0.87);
	z-index: 99;
	font-size: 2.8rem;
}
.item-product-detail__popup-sale {
	position: absolute;
	top: 1.6rem;
	right: 1.6rem;
	width: 4.8rem;
	height: 4.8rem;
	border-radius: 50%;
	background-color: rgba(17, 189, 163, 0.6);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9;
}
.item-product-detail__side {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 4rem;
}
.item-product-detail__name {
	margin-bottom: 0.8rem;
}
.item-product-detail__vote {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 0.8rem;
}
.item-product-detail__vote--icon {
	color: #ffd700;
	font-size: 2rem;
	line-height: 1;
}
.item-product-detail__price {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 1.2rem;
}
.item-product-detail__price--sale {
	margin-right: 3.2rem;
}
.item-product-detail__paragraph {
	margin-bottom: 2rem;
}
.item-product-detail__row {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-bottom: 1.6rem;
	width: 100%;
}
.item-product-detail__t {
	position: relative;
	width: 100%;
	flex: 0 0 30%;
	max-width: 30%;
}
.item-product-detail__c {
	position: relative;
	width: 100%;
	flex: 0 0 70%;
	max-width: 70%;
}
.item-product-detail__social {
	margin-bottom: 3.2rem;
}
.item-product-detail__social ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}
.item-product-detail__social ul li {
	margin-right: 1.6rem;
}
.item-product-detail__social ul li a i {
	font-size: 1.8rem;
	color: rgba(0, 0, 0, 0.87);
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.item-product-detail__social ul li a:hover i {
	color: #000000;
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.item-product-detail__quantity {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.item-product-detail__number {
	outline: none;
	padding: 0px;
	margin: 0px;
	height: 3.6rem;
	width: 4.4rem;
	border: 1px solid rgba(0, 0, 0, 0.12);
	color: rgba(0, 0, 0, 0.87);
	text-align: center;
	font-size: 1.4rem;
	line-height: 3.6rem;
	letter-spacing: 0.125rem;
	text-transform: uppercase;
	font-weight: 500;
	margin-right: 2.8rem;
}
.item-product-detail__content--tab-descrip {
	overflow: hidden;
}
.item-product-detail__content--tab-descrip ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.item-product-detail__content--tab-descrip ul li {
	margin-right: 2.8rem;
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-product-detail__content--tab-descrip ul li {
		margin-right: 1.2rem;
	}
}
.item-product-detail__content--link {
	display: block;
	padding: 0.4rem 0rem;
	border-bottom: 2px solid transparent;
	font-size: 1.4rem;
	line-height: 3.6rem;
	letter-spacing: 0.125rem;
	text-transform: uppercase;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.6);
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}
.item-product-detail__content--link.active {
	color: rgba(0, 0, 0, 0.87);
	border-bottom: 2px solid rgba(0, 0, 0, 0.6);
}
.item-product-detail__content--link:hover {
	color: rgba(0, 0, 0, 0.87);
	border-bottom: 2px solid rgba(0, 0, 0, 0.6);
}
.item-product-detail__content--tab-container {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
}
.item-product-detail__content--tab-container---inside {
	display: none;
}
.item-product-detail__content--tab-container---inside.openMxm {
	display: flex;
}
.item-product-detail__content--tab-container---style-1 {
	padding: 2.4rem 0 7.2rem;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.item-product-detail__content--tab-container---style-1 h5 {
	margin-bottom: 1.2rem;
}
.item-product-detail__content--tab-container---style-1 img {
	float: left;
	margin-right: 2rem;
	margin-top: 0.8rem;
	margin-bottom: 0.8rem;
	display: block;
	max-width: 100%;
	height: auto;
}
@media screen and (max-width: 319px) {
	.item-product-detail__content--tab-container---style-1 img {
		float: none;
		margin: 0.4rem auto;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-product-detail__content--tab-container---style-1 img {
		float: none;
		margin: 0.4rem auto;
	}
}
.item-product-detail__content--tab-container---style-1 img.right {
	float: right;
	margin-left: 2rem;
	margin-top: 0.8rem;
	margin-bottom: 0.8rem;
	display: block;
	max-width: 100%;
	height: auto;
}
@media screen and (max-width: 319px) {
	.item-product-detail__content--tab-container---style-1 img.right {
		float: none;
		margin: 0.4rem auto;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-product-detail__content--tab-container---style-1 img.right {
		float: none;
		margin: 0.4rem auto;
	}
}
.item-product-detail__content--tab-container---style-1 p {
	margin-bottom: 2rem;
}
.item-product-detail__content--tab-container---style-1 .parent-mxm {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}
@media screen and (max-width: 319px) {
	.item-product-detail__content--tab-container---style-1 .parent-mxm {
		flex-direction: column;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-product-detail__content--tab-container---style-1 .parent-mxm {
		flex-direction: column;
	}
}
.item-product-detail__content--tab-container---style-1 ul {
	margin-bottom: 1.2rem;
}
.item-product-detail__content--tab-container---style-1 ul:not(:last-child) {
	margin-right: 12rem;
}
@media screen and (max-width: 319px) {
	.item-product-detail__content--tab-container---style-1 ul:not(:last-child) {
		margin-right: 0.4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-product-detail__content--tab-container---style-1 ul:not(:last-child) {
		margin-right: 1.2rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.item-product-detail__content--tab-container---style-1 ul:not(:last-child) {
		margin-right: 1.2rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.item-product-detail__content--tab-container---style-1 ul:not(:last-child) {
		margin-right: 1.2rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.item-product-detail__content--tab-container---style-1 ul:not(:last-child) {
		margin-right: 4rem;
	}
}
.item-product-detail__content--tab-container---style-1 ul li {
	padding: 0rem 0.8rem 0rem 2.4rem;
	position: relative;
}
.item-product-detail__content--tab-container---style-1 ul li:not(:last-child) {
	margin-bottom: 1.2rem;
}
.item-product-detail__content--tab-container---style-1 ul li:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	font-family: "Material Icons";
	font-size: 1.6rem;
	color: rgba(0, 0, 0, 0.87);
}
.item-product-detail__content--tab-container---style-1 blockquote {
	margin-bottom: 4rem;
	margin-top: 4rem;
	text-align: center;
	padding: 5.4rem 10.4rem 0.4rem;
	position: relative;
}
@media screen and (max-width: 319px) {
	.item-product-detail__content--tab-container---style-1 blockquote {
		padding: 5.4rem 0rem 0.4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-product-detail__content--tab-container---style-1 blockquote {
		padding: 5.4rem 0rem 0.4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.item-product-detail__content--tab-container---style-1 blockquote {
		padding: 5.4rem 1.8rem 0.4rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.item-product-detail__content--tab-container---style-1 blockquote {
		padding: 5.4rem 1.8rem 0.4rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.item-product-detail__content--tab-container---style-1 blockquote {
		padding: 5.4rem 2.4rem 0.4rem;
	}
}
.item-product-detail__content--tab-container---style-1 blockquote:before {
	content: "";
	font-size: 6rem;
	color: rgba(0, 0, 0, 0.87);
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	left: 50%;
	font-family: "Material Icons";
}
.item-product-detail__content--tab-container---style-1 blockquote figcaption {
	margin-top: 1.2rem;
}
.item-product-detail__content--tab-container---style-2 {
	padding: 2.4rem 0 5.6rem;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.item-product-detail__content--tab-container---style-3 {
	padding: 2.4rem 0 9.4rem;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

/*******************review***********************/
.review {
	margin-bottom: 2.8rem;
}
.review__title {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 4rem;
	margin-top: 0rem;
}
.review ul li ul {
	margin-left: 4.8rem;
}
@media screen and (max-width: 319px) {
	.review ul li ul {
		margin-left: 2.4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.review ul li ul {
		margin-left: 2.4rem;
	}
}
.review__level {
	padding: 1.6rem;
	margin-bottom: 2.4rem;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-moz-transition: box-shadow 0.3s;
	-webkit-transition: box-shadow 0.3s;
	-o-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
}
.review__level:hover {
	-moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.review__level:hover .review__avatar:before {
	-moz-transform: scale3d(1.1, 1.1, 1.1);
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	-ms-transform: scale3d(1.1, 1.1, 1.1);
	-o-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.review__level:hover img {
	-moz-transform: scale(1.1) rotate(1deg);
	-webkit-transform: scale(1.1) rotate(1deg);
	-ms-transform: scale(1.1) rotate(1deg);
	-o-transform: scale(1.1) rotate(1deg);
	transform: scale(1.1) rotate(1deg);
}
.review__level:hover .review__avatar:after {
	visibility: visible;
	opacity: 1;
}
.review__side {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}
.review__avatar {
	width: 100%;
	max-width: 8rem;
	min-width: 8rem;
	margin-right: 1.6rem;
	position: relative;
	overflow: hidden;
}
@media screen and (max-width: 319px) {
	.review__avatar {
		max-width: 6.8rem;
		min-width: 6.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.review__avatar {
		max-width: 6.8rem;
		min-width: 6.8rem;
	}
}
.review__avatar:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(154, 154, 154, 0.05);
	z-index: 9;
	-moz-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-webkit-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	-moz-transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.review__avatar:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.1);
	z-index: 10;
	visibility: hidden;
	opacity: 0;
	-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.review__avatar img {
	width: 100%;
	height: auto;
	-moz-transform: scale(1) rotate(0deg);
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-moz-transition: all 0.7s ease-in-out 0.1s;
	-webkit-transition: all 0.7s ease-in-out 0.1s;
	-o-transition: all 0.7s ease-in-out 0.1s;
	transition: all 0.7s ease-in-out 0.1s;
}
.review__content {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
	width: 100%;
}
.review__date {
	margin-bottom: 0.4rem;
}
.review__btn {
	position: absolute;
	top: 0;
	right: 0;
}
.review__vote {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 0.8rem;
}
@media screen and (max-width: 319px) {
	.review__vote {
		position: static;
		top: auto;
		right: auto;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.review__vote {
		position: static;
		top: auto;
		right: auto;
	}
}
.review__vote--icon {
	color: #ffd700;
	font-size: 2rem;
	line-height: 1;
}

/*******************rating-form***********************/
.rating-form__form {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 4rem;
}
.rating-form__title {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 1.2rem;
}
.rating-form__tip {
	margin-bottom: 1.2rem;
}
.rating-form__group {
	width: 100%;
	position: relative;
}
.rating-form__group-2 {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 1.2rem;
}
.rating-form__lbl {
	margin-right: 1.6rem;
}
.rating-form__input {
	padding: 1.2rem 1.6rem;
	border: 1px solid rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	background-color: #ffffff;
	width: 100%;
}
.rating-form__input:focus {
	outline: none;
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.rating-form__input:focus:invalid {
	border: 1px solid #f3d0d3;
}
.rating-form__input:placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.rating-form__input::placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.rating-form__input:-moz-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.rating-form__input::-moz-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.rating-form__input:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.rating-form__input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.rating-form__input:placeholder-shown + .rating-form__label {
	opacity: 0;
	visibility: hidden;
	-moz-transform: translateY(-4rem);
	-webkit-transform: translateY(-4rem);
	-ms-transform: translateY(-4rem);
	-o-transform: translateY(-4rem);
	transform: translateY(-4rem);
}
.rating-form__label {
	opacity: 1;
	visibility: visible;
	margin-left: 1.6rem;
	margin-top: 0.4rem;
	margin-bottom: 0.4rem;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.rating-form__wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.rating-form__vote {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.rating-form__vote--icon {
	color: #ffd700;
	font-size: 2rem;
	line-height: 1;
}

/*******************table***********************/
.table {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	border-radius: 4px;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.table__row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}
.table__row:not(:last-child) {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.table__col {
	padding: 1.6rem 3.2rem;
}

/*******************cart***********************/
.cart__table {
	margin-bottom: 10rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	border-radius: 4px;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.cart__table--row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.cart__table--row-2 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
}
.cart__table--col {
	padding: 1.6rem 4.4rem;
	flex: 0 0 18%;
	max-width: 18%;
}
@media screen and (max-width: 319px) {
	.cart__table--col {
		padding: 1.6rem 0.4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.cart__table--col {
		padding: 1.6rem 0.4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.cart__table--col {
		padding: 1.6rem 1.6rem;
	}
}
.cart__table--col-2 {
	padding: 1.6rem 4.4rem;
	flex: 0 0 46%;
	max-width: 46%;
}
@media screen and (max-width: 319px) {
	.cart__table--col-2 {
		padding: 1.6rem 0.4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.cart__table--col-2 {
		padding: 1.6rem 0.4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.cart__table--col-2 {
		padding: 1.6rem 1.6rem;
	}
}
.cart__table--col-3 {
	padding: 1.6rem 4.4rem;
	flex: 0 0 50%;
	max-width: 50%;
}
@media screen and (max-width: 319px) {
	.cart__table--col-3 {
		padding: 1.6rem 0.4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.cart__table--col-3 {
		padding: 1.6rem 0.4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.cart__table--col-3 {
		padding: 1.6rem 1.6rem;
	}
}
.cart__table--title {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
@media screen and (max-width: 319px) {
	.cart__table--title h4 {
		word-break: break-all;
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.cart__table--title h4 {
		word-break: break-all;
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
.cart__table--content {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.cart__table--content-2 {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.cart__table--content-3 {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
}
.cart__table--txt {
	padding: 1.2rem 1.6rem;
	border: 1px solid rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	background-color: #ffffff;
	width: 50%;
	margin-bottom: 1.6rem;
}
@media screen and (max-width: 319px) {
	.cart__table--txt {
		width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.cart__table--txt {
		width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.cart__table--txt {
		width: 100%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.cart__table--txt {
		width: 80%;
	}
}
.cart__table--close {
	cursor: pointer;
	margin-right: 2rem;
	font-size: 2rem;
	color: rgba(0, 0, 0, 0.6);
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
@media screen and (max-width: 319px) {
	.cart__table--close {
		margin-right: 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.cart__table--close {
		margin-right: 0.8rem;
	}
}
.cart__table--close:hover {
	color: #11BDA3;
}
.cart__table--avatar {
	display: block;
	margin-right: 2rem;
}
@media screen and (max-width: 319px) {
	.cart__table--avatar {
		margin-right: 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.cart__table--avatar {
		margin-right: 0.8rem;
	}
}
.cart__table--avatar img {
	width: 100%;
	max-width: 10.4rem;
	min-width: 10.4rem;
}
@media screen and (max-width: 319px) {
	.cart__table--avatar img {
		max-width: 6rem;
		min-width: 6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.cart__table--avatar img {
		max-width: 6rem;
		min-width: 6rem;
	}
}
.cart__table--number {
	outline: none;
	padding: 0px;
	margin: 0px;
	height: 3.6rem;
	width: 4.4rem;
	border: 1px solid rgba(0, 0, 0, 0.12);
	color: rgba(0, 0, 0, 0.87);
	text-align: center;
	font-size: 1.4rem;
	line-height: 3.6rem;
	letter-spacing: 0.125rem;
	text-transform: uppercase;
	font-weight: 500;
	margin-right: 2.8rem;
}
.cart__title {
	margin-bottom: 5.4rem;
}
.cart__table-2 {
	margin-bottom: 4rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	border-radius: 4px;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.cart__table-2--row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.cart__table-2--row:not(:last-child) {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.cart__table-2--col {
	padding: 1.6rem 4.4rem;
	flex: 0 0 50%;
	max-width: 50%;
}
@media screen and (max-width: 319px) {
	.cart__table-2--col {
		padding: 1.6rem 0.4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.cart__table-2--col {
		padding: 1.6rem 0.4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.cart__table-2--col {
		padding: 1.6rem 1.6rem;
	}
}
.cart__table-2--col-2 {
	padding: 1.6rem 4.4rem;
	flex: 0 0 100%;
	max-width: 100%;
}
@media screen and (max-width: 319px) {
	.cart__table-2--col-2 {
		padding: 1.6rem 0.4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.cart__table-2--col-2 {
		padding: 1.6rem 0.4rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.cart__table-2--col-2 {
		padding: 1.6rem 1.6rem;
	}
}
.cart__table-2--title {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.cart__table-2--content {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

/*******************checkout***********************/
.checkout__header {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	-moz-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14) , 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14) , 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14) , 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
	padding: 0.4rem 1.6rem;
	margin-bottom: 3.6rem;
}
.checkout__question {
	margin-right: 1.6rem;
}
.checkout__tip {
	margin-bottom: 2rem;
}
.checkout__form {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 4rem;
	width: 100%;
}
.checkout__form-login {
	display: none;
}
.checkout__form-login.openMxm {
	display: flex;
}
.checkout__form-coupon {
	display: none;
}
.checkout__form-coupon.openMxm {
	display: flex;
}
.checkout__group {
	width: 100%;
	position: relative;
}
.checkout__input {
	padding: 1.2rem 1.6rem;
	border: 1px solid rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	background-color: #ffffff;
	width: 100%;
}
.checkout__input:focus {
	outline: none;
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.checkout__input:focus:invalid {
	border: 1px solid #f3d0d3;
}
.checkout__input:placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.checkout__input::placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.checkout__input:-moz-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.checkout__input::-moz-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.checkout__input:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.checkout__input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.checkout__input:placeholder-shown + .checkout__label {
	opacity: 0;
	visibility: hidden;
	-moz-transform: translateY(-4rem);
	-webkit-transform: translateY(-4rem);
	-ms-transform: translateY(-4rem);
	-o-transform: translateY(-4rem);
	transform: translateY(-4rem);
}
.checkout__select {
	padding: 1.6rem 1.6rem;
	border: 1px solid rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	background-color: #ffffff;
	width: 100%;
}
.checkout__select:focus {
	outline: none;
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.checkout__select:focus:invalid {
	border: 1px solid #f3d0d3;
}
.checkout__select:placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.checkout__select::placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.checkout__select:-moz-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.checkout__select::-moz-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.checkout__select:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.checkout__select::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.checkout__select + .checkout__label {
	opacity: 0;
	visibility: hidden;
	-moz-transform: translateY(-4rem);
	-webkit-transform: translateY(-4rem);
	-ms-transform: translateY(-4rem);
	-o-transform: translateY(-4rem);
	transform: translateY(-4rem);
}
.checkout__select:focus + .checkout__label {
	opacity: 1;
	visibility: visible;
	-moz-transform: translateY(0rem);
	-webkit-transform: translateY(0rem);
	-ms-transform: translateY(0rem);
	-o-transform: translateY(0rem);
	transform: translateY(0rem);
}
.checkout__label {
	opacity: 1;
	visibility: visible;
	margin-left: 1.6rem;
	margin-top: 0.4rem;
	margin-bottom: 0.4rem;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.checkout__wrap {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.checkout__btn {
	margin-right: 1.6rem;
}
.checkout__checkbox--group {
	margin-right: 8rem;
	display: inline-block;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
@media screen and (max-width: 319px) {
	.checkout__checkbox--group {
		margin-right: 1.2rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.checkout__checkbox--group {
		margin-right: 1.2rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.checkout__checkbox--group {
		margin-right: 3.2rem;
	}
}
.checkout__checkbox--label {
	cursor: pointer;
	position: relative;
	padding-left: 28px;
}
.checkout__checkbox--button {
	height: 20px;
	width: 20px;
	border-radius: 4px;
	border: 2px solid rgba(0, 0, 0, 0.87);
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.checkout__checkbox--button:after {
	content: "";
	width: 5px;
	height: 10px;
	border: solid rgba(0, 0, 0, 0.87);
	border-width: 0 2px 2px 0;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	opacity: 0;
}
.checkout__checkbox--input {
	display: none;
}
.checkout__checkbox--input:checked + .checkout__checkbox--label .checkout__checkbox--button:after {
	opacity: 1;
}
.checkout__title {
	margin-bottom: 4rem;
}
.checkout__table {
	margin-bottom: 4rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	border-radius: 4px;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.checkout__table--row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.checkout__table--row:not(:last-child) {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.checkout__table--col {
	padding: 1.6rem 4.4rem;
	flex: 0 0 50%;
	max-width: 50%;
}
@media screen and (max-width: 319px) {
	.checkout__table--col {
		padding: 1.6rem 1.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.checkout__table--col {
		padding: 1.6rem 1.6rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.checkout__table--col {
		padding: 1.6rem 1.6rem;
	}
}
.checkout__table--col-2 {
	padding: 1.6rem 4.4rem;
	flex: 0 0 100%;
	max-width: 100%;
}
@media screen and (max-width: 319px) {
	.checkout__table--col-2 {
		padding: 1.6rem 1.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.checkout__table--col-2 {
		padding: 1.6rem 1.6rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.checkout__table--col-2 {
		padding: 1.6rem 1.6rem;
	}
}
.checkout__table--title {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.checkout__table--content {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.checkout__otherAddShip {
	display: none;
}
.checkout__otherAddShip.openMxm {
	display: flex;
}

/*******************received***********************/
.received__title {
	margin-bottom: 4rem;
}
.received__table {
	margin-bottom: 4rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	border-radius: 4px;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.received__table--row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.received__table--row:not(:last-child) {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.received__table--col {
	padding: 1.6rem 4.4rem;
	flex: 0 0 50%;
	max-width: 50%;
}
@media screen and (max-width: 319px) {
	.received__table--col {
		padding: 1.6rem 1.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.received__table--col {
		padding: 1.6rem 1.6rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.received__table--col {
		padding: 1.6rem 1.6rem;
	}
}
.received__table--col-2 {
	padding: 1.6rem 4.4rem;
	flex: 0 0 100%;
	max-width: 100%;
}
@media screen and (max-width: 319px) {
	.received__table--col-2 {
		padding: 1.6rem 1.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.received__table--col-2 {
		padding: 1.6rem 1.6rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.received__table--col-2 {
		padding: 1.6rem 1.6rem;
	}
}
.received__table--title {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.received__table--content {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.received__table-2 {
	margin-bottom: 4rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	border-radius: 4px;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.received__table-2--row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.received__table-2--row:not(:last-child) {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.received__table-2--col {
	padding: 1.6rem 4.4rem;
	flex: 0 0 100%;
	max-width: 100%;
}
@media screen and (max-width: 319px) {
	.received__table-2--col {
		padding: 1.6rem 1.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.received__table-2--col {
		padding: 1.6rem 1.6rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.received__table-2--col {
		padding: 1.6rem 1.6rem;
	}
}
.received__table-2--col-2 {
	padding: 1.6rem 4.4rem;
	flex: 0 0 100%;
	max-width: 100%;
}
@media screen and (max-width: 319px) {
	.received__table-2--col-2 {
		padding: 1.6rem 1.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.received__table-2--col-2 {
		padding: 1.6rem 1.6rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.received__table-2--col-2 {
		padding: 1.6rem 1.6rem;
	}
}
.received__table-2--title {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.received__table-2--content {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

/*******************item-search***********************/
.item-search {
	border-radius: 4px;
	padding: 1.6rem;
	position: relative;
	overflow: hidden;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-moz-transition: box-shadow 0.3s;
	-webkit-transition: box-shadow 0.3s;
	-o-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
}
@media screen and (max-width: 319px) {
	.item-search {
		flex-direction: column;
		align-items: flex-start;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-search {
		flex-direction: column;
		align-items: flex-start;
	}
}
.item-search:hover {
	-moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.item-search:hover .item-search__picture img {
	-moz-transform: scale(1.2) rotate(1deg);
	-webkit-transform: scale(1.2) rotate(1deg);
	-ms-transform: scale(1.2) rotate(1deg);
	-o-transform: scale(1.2) rotate(1deg);
	transform: scale(1.2) rotate(1deg);
}
.item-search:hover .item-search__picture:after {
	top: 0;
	bottom: auto;
	height: 100%;
}
.item-search:hover .item-search__picture:before {
	top: auto;
	bottom: 0;
	height: 100%;
}
.item-search:hover .item-search__gallery--next, .item-search:hover .item-search__gallery--prev, .item-search:hover .item-search__gallery--control-nav {
	opacity: 1;
}
.item-search__side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	position: relative;
}
.quote .item-search__side {
	height: 100%;
}
.item-search__date-cate {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 1.2rem;
}
.item-search__box {
	position: relative;
}
.item-search__audio {
	margin-bottom: 1.2rem;
	width: 100%;
}
.item-search__picture {
	overflow: hidden;
	display: block;
	position: relative;
	width: 36rem;
	margin-right: 1.6rem;
}
@media screen and (max-width: 319px) {
	.item-search__picture {
		width: 100%;
		margin-right: 0;
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-search__picture {
		width: 100%;
		margin-right: 0;
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.item-search__picture {
		width: 24rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.item-search__picture {
		width: 28rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.item-search__picture {
		width: 28rem;
	}
}
.item-search__picture img {
	height: auto;
	width: 100%;
	-moz-transform: scale(1) rotate(0deg);
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-moz-transition: all 0.7s ease-in-out 0.1s;
	-webkit-transition: all 0.7s ease-in-out 0.1s;
	-o-transition: all 0.7s ease-in-out 0.1s;
	transition: all 0.7s ease-in-out 0.1s;
}
.normal .item-search__picture:before {
	position: absolute;
	top: 0;
	bottom: auto;
	height: 0;
	left: 0;
	width: 50%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.normal .item-search__picture:after {
	position: absolute;
	top: auto;
	bottom: 0;
	height: 0;
	right: 0;
	width: 50%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.image .item-search__picture:before {
	position: absolute;
	top: 0;
	bottom: auto;
	height: 0;
	left: 0;
	width: 50%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.image .item-search__picture:after {
	position: absolute;
	top: auto;
	bottom: 0;
	height: 0;
	right: 0;
	width: 50%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.video .item-search__picture:before {
	position: absolute;
	top: 0;
	bottom: auto;
	height: 0;
	left: 0;
	width: 100%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.video .item-search__picture:after {
	position: absolute;
	top: auto;
	bottom: 0;
	height: 0;
	right: 0;
	width: 100%;
	content: "";
	-moz-transition: all 0.5s ease-in-out 0.1s;
	-webkit-transition: all 0.5s ease-in-out 0.1s;
	-o-transition: all 0.5s ease-in-out 0.1s;
	transition: all 0.5s ease-in-out 0.1s;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 4;
}
.item-search__icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.item-search__icon i {
	font-size: 9.6rem;
	color: #ffffff;
	z-index: 44;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%) scale3d(1, 1, 1);
	-webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
	-ms-transform: translate(-50%, -50%) scale3d(1, 1, 1);
	-o-transform: translate(-50%, -50%) scale3d(1, 1, 1);
	transform: translate(-50%, -50%) scale3d(1, 1, 1);
	-moz-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
	-webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
	transition: all 1s cubic-bezier(0, 0, 0.2, 1);
}
.item-search__icon i:hover {
	-moz-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
    -webkit-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
	-ms-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
	-o-transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
	transform: translate(-50%, -50%) scale3d(1.15, 1.15, 1.15);
}
.item-search__icon img {
	visibility: hidden;
	opacity: 0;
}
.item-search__quote--side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 3.6rem;
}
@media screen and (max-width: 319px) {
	.item-search__quote--side {
		padding: 0rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-search__quote--side {
		padding: 0rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.item-search__quote--side {
		padding: 0rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.item-search__quote--side {
		padding: 0rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3 .item-search__quote--side {
		padding: 1.6rem 0;
	}
}
@media screen and (min-width: 1200px) {
	.column-3 .item-search__quote--side {
		padding: 1.6rem 0;
	}
}
.item-search__quote--ico {
	margin-bottom: 2.8rem;
}
.item-search__quote--ico i {
	font-size: 6rem;
	color: rgba(0, 0, 0, 0.87);
}
.column-3 .item-search__quote--ico {
	margin-bottom: 1.6rem;
}
.item-search__quote--content {
	text-align: center;
	width: 100%;
	margin-bottom: 3.6rem;
}
@media screen and (max-width: 319px) {
	.item-search__quote--content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-search__quote--content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.item-search__quote--content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 90%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.item-search__quote--content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 90%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.item-search__quote--content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 90%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3 .item-search__quote--content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 100%;
		margin-bottom: 2rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-3 .item-search__quote--content {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		width: 100%;
		margin-bottom: 2rem;
	}
}
.item-search__quote--author {
	text-align: center;
}
.item-search__paragraph {
	margin-bottom: 1.6rem;
}
.item-search__gallery {
	position: relative;
	margin-bottom: 1.2rem;
	overflow: hidden;
	display: block;
	width: calc(100% + 3.2rem);
	-moz-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	left: 50%;
}
.item-search__gallery--viewport {
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.item-search__gallery--viewport li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.item-search__gallery--viewport li img {
	width: 100%;
	display: block;
	height: auto;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.item-search__gallery--prev {
	position: absolute;
	top: 50%;
	left: 2rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.item-search__gallery--prev i {
	position: absolute;
	top: 2.1rem;
	left: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(255, 255, 255, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 0% 50%;
}
.item-search__gallery--prev i:first-child {
	transform: translate(0, -0.1rem) rotate(40deg);
}
.item-search__gallery--prev i:last-child {
	transform: translate(0, 0.1rem) rotate(-40deg);
}
.item-search__gallery--prev:hover i:first-child {
	transform: translate(0, -0.1rem) rotate(30deg);
}
.item-search__gallery--prev:hover i:last-child {
	transform: translate(0, 0.1rem) rotate(-30deg);
}
.item-search__gallery--prev:active i:first-child {
	transform: translate(0rem, -0.1rem) rotate(25deg);
}
.item-search__gallery--prev:active i:last-child {
	transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.item-search__gallery--next {
	position: absolute;
	top: 50%;
	right: 2rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.item-search__gallery--next i {
	position: absolute;
	top: 2.1rem;
	right: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(255, 255, 255, 0.87);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 100% 50%;
}
.item-search__gallery--next i:first-child {
	transform: translate(0, 0.1rem) rotate(40deg);
}
.item-search__gallery--next i:last-child {
	transform: translate(0, -0.1rem) rotate(-40deg);
}
.item-search__gallery--next:hover i:first-child {
	transform: translate(0, 0.1rem) rotate(30deg);
}
.item-search__gallery--next:hover i:last-child {
	transform: translate(0, -0.1rem) rotate(-30deg);
}
.item-search__gallery--next:active i:first-child {
	transform: translate(0rem, 0.1rem) rotate(25deg);
}
.item-search__gallery--next:active i:last-child {
	transform: translate(0rem, -0.1rem) rotate(-25deg);
}
.item-search__gallery--control-nav {
	position: absolute;
	bottom: 12%;
	left: 50%;
	opacity: 0;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.item-search__gallery--control-nav li a {
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	height: 1.2rem;
	width: 1.2rem;
	margin: 0 0.4rem;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 0.6rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}
.item-search__gallery--control-nav li a:hover {
	background-color: rgba(255, 255, 255, 0.87);
}
.item-search__gallery--control-nav li a.item-search__gallery--active {
	width: 3.2rem;
	background-color: rgba(255, 255, 255, 0.87);
	cursor: default;
}
.item-search__result--title {
	margin-bottom: 2.4rem;
}
.item-search__result--search-form {
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 4rem;
}
.item-search__result--search-input {
	width: 100%;
	border: 1px solid rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	padding: 12px 36px 12px 12px;
	background-color: transparent;
}
.item-search__result--search-input:placeholder {
	color: rgba(0, 0, 0, 0.87);
}
.item-search__result--search-input::placeholder {
	color: rgba(0, 0, 0, 0.87);
}
.item-search__result--search-input:-moz-placeholder {
	color: rgba(0, 0, 0, 0.87);
}
.item-search__result--search-input::-moz-placeholder {
	color: rgba(0, 0, 0, 0.87);
}
.item-search__result--search-input:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.87);
}
.item-search__result--search-input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.87);
}
.item-search__result--search-input:focus {
	outline: none;
}
.item-search__result--search-button {
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0.8rem;
	padding: 0;
	margin: 0;
	outline: none;
	border: none;
	border: 0;
	background: none;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
}
.item-search__result--search-button:hover i {
	color: rgba(17, 189, 163, 0.87);
}
.item-search__result--search-button:focus {
	outline: none;
}
.item-search__result--search-button i {
	font-size: 2.8rem;
	color: rgba(0, 0, 0, 0.87);
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

/*******************page-404***********************/
.page-404__result--title {
	margin-bottom: 2.4rem;
	text-align: center;
}
.page-404__result--search-form {
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 4rem;
}
.page-404__result--search-input {
	width: 100%;
	border: 1px solid rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	padding: 12px 36px 12px 12px;
	background-color: transparent;
}
.page-404__result--search-input:placeholder {
	color: rgba(0, 0, 0, 0.87);
}
.page-404__result--search-input::placeholder {
	color: rgba(0, 0, 0, 0.87);
}
.page-404__result--search-input:-moz-placeholder {
	color: rgba(0, 0, 0, 0.87);
}
.page-404__result--search-input::-moz-placeholder {
	color: rgba(0, 0, 0, 0.87);
}
.page-404__result--search-input:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.87);
}
.page-404__result--search-input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.87);
}
.page-404__result--search-input:focus {
	outline: none;
}
.page-404__result--search-button {
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0.8rem;
	padding: 0;
	margin: 0;
	outline: none;
	border: none;
	border: 0;
	background: none;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
}
.page-404__result--search-button:hover i {
	color: rgba(17, 189, 163, 0.87);
}
.page-404__result--search-button:focus {
	outline: none;
}
.page-404__result--search-button i {
	font-size: 2.8rem;
	color: rgba(0, 0, 0, 0.87);
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

/*******************sign***********************/
.sign__title {
	margin-bottom: 4rem;
}
.sign__tip {
	margin-bottom: 0.8rem;
}
.sign__form {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 4rem;
	width: 100%;
}
.sign__group {
	width: 100%;
	position: relative;
}
.sign__input {
	padding: 1.2rem 1.6rem;
	border: 1px solid rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	background-color: #ffffff;
	width: 100%;
}
.sign__input:focus {
	outline: none;
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.sign__input:focus:invalid {
	border: 1px solid #f3d0d3;
}
.sign__input:placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.sign__input::placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.sign__input:-moz-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.sign__input::-moz-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.sign__input:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.sign__input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.sign__input:placeholder-shown + .sign__label {
	opacity: 0;
	visibility: hidden;
	-moz-transform: translateY(-4rem);
	-webkit-transform: translateY(-4rem);
	-ms-transform: translateY(-4rem);
	-o-transform: translateY(-4rem);
	transform: translateY(-4rem);
}
.sign__select {
	padding: 1.6rem 1.6rem;
	border: 1px solid rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	background-color: #ffffff;
	width: 100%;
}
.sign__select:focus {
	outline: none;
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.sign__select:focus:invalid {
	border: 1px solid #f3d0d3;
}
.sign__select:placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.sign__select::placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.sign__select:-moz-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.sign__select::-moz-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.sign__select:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.sign__select::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.6);
}
.sign__select + .sign__label {
	opacity: 0;
	visibility: hidden;
	-moz-transform: translateY(-4rem);
	-webkit-transform: translateY(-4rem);
	-ms-transform: translateY(-4rem);
	-o-transform: translateY(-4rem);
	transform: translateY(-4rem);
}
.sign__select:focus + .sign__label {
	opacity: 1;
	visibility: visible;
	-moz-transform: translateY(0rem);
	-webkit-transform: translateY(0rem);
	-ms-transform: translateY(0rem);
	-o-transform: translateY(0rem);
	transform: translateY(0rem);
}
.sign__label {
	opacity: 1;
	visibility: visible;
	margin-left: 1.6rem;
	margin-top: 0.4rem;
	margin-bottom: 0.4rem;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.sign__wrap {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 2.8rem;
}
.sign__btn {
	margin-right: 1.6rem;
}
.sign__checkbox--group {
	margin-right: 8rem;
	display: inline-block;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
@media screen and (max-width: 319px) {
	.sign__checkbox--group {
		margin-right: 1.2rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.sign__checkbox--group {
		margin-right: 1.2rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.sign__checkbox--group {
		margin-right: 3.2rem;
	}
}
.sign__checkbox--label {
	cursor: pointer;
	position: relative;
	padding-left: 28px;
}
.sign__checkbox--button {
	height: 20px;
	width: 20px;
	border-radius: 4px;
	border: 2px solid rgba(0, 0, 0, 0.87);
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.sign__checkbox--button:after {
	content: "";
	width: 5px;
	height: 10px;
	border: solid rgba(0, 0, 0, 0.87);
	border-width: 0 2px 2px 0;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	opacity: 0;
}
.sign__checkbox--input {
	display: none;
}
.sign__checkbox--input:checked + .sign__checkbox--label .sign__checkbox--button:after {
	opacity: 1;
}
.sign__captcha {
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 5.6rem;
}
.sign__paragraph {
	margin-bottom: 2.8rem;
}
.sign__slider {
	position: relative;
	margin-bottom: 4rem;
}
.sign__slider:hover .sign__slider--prev, .sign__slider:hover .sign__slider--next {
	opacity: 1;
}
.sign__slider--viewport {
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.sign__slider--viewport li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.sign__slider--viewport li a img {
	max-width: 100%;
	display: block;
	height: auto;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.sign__slider--prev {
	position: absolute;
	top: 50%;
	left: 2rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.sign__slider--prev.showMxm {
	left: 0.4rem;
}
.sign__slider--prev i {
	position: absolute;
	top: 2.1rem;
	left: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(0, 0, 0, 0.6);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 0% 50%;
}
.sign__slider--prev i:first-child {
	transform: translate(0, -0.1rem) rotate(40deg);
}
.sign__slider--prev i:last-child {
	transform: translate(0, 0.1rem) rotate(-40deg);
}
.sign__slider--prev:hover i:first-child {
	transform: translate(0, -0.1rem) rotate(30deg);
}
.sign__slider--prev:hover i:last-child {
	transform: translate(0, 0.1rem) rotate(-30deg);
}
.sign__slider--prev:active i:first-child {
	transform: translate(0rem, -0.1rem) rotate(25deg);
}
.sign__slider--prev:active i:last-child {
	transform: translate(0rem, 0.1rem) rotate(-25deg);
}
.sign__slider--next {
	position: absolute;
	top: 50%;
	right: 2rem;
	opacity: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1));
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.sign__slider--next.showMxm {
	right: 0.4rem;
}
.sign__slider--next i {
	position: absolute;
	top: 2.1rem;
	right: 1rem;
	width: 2.2rem;
	height: 0.5rem;
	border-radius: 0.25rem;
	background: rgba(0, 0, 0, 0.6);
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	transform-origin: 100% 50%;
}
.sign__slider--next i:first-child {
	transform: translate(0, 0.1rem) rotate(40deg);
}
.sign__slider--next i:last-child {
	transform: translate(0, -0.1rem) rotate(-40deg);
}
.sign__slider--next:hover i:first-child {
	transform: translate(0, 0.1rem) rotate(30deg);
}
.sign__slider--next:hover i:last-child {
	transform: translate(0, -0.1rem) rotate(-30deg);
}
.sign__slider--next:active i:first-child {
	transform: translate(0rem, 0.1rem) rotate(25deg);
}
.sign__slider--next:active i:last-child {
	transform: translate(0rem, -0.1rem) rotate(-25deg);
}

/*******************tem***********************/
.tem {
	margin-bottom: 4rem;
}
.tem:hover .tem__picture {
	-moz-transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	-o-transform: translateY(-20px);
	transform: translateY(-20px);
	-moz-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.tem__side {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.tem__side h3 {
	text-align: center;
}
.tem__picture {
	margin-bottom: 2rem;
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14) , 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	-moz-transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
	-o-transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
	transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.tem__picture img {
	width: 100%;
	height: auto;
}
.tem__name {
	text-align: center;
}

/*******************portfolio-filter***********************/
.portfolio-filter {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.portfolio-filter__side {
	position: relative;
	width: 100%;
	flex: 0 0 33.3333333333%;
	max-width: 33.3333333333%;
}
@media screen and (max-width: 319px) {
	.portfolio-filter__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.portfolio-filter__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.portfolio-filter__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
.portfolio-filter__side.show {
	display: block;
}
.portfolio-filter__side img {
	height: auto;
	max-width: 100%;
	margin: auto;
}
.portfolio-filter__side:hover .portfolio-filter__content {
	opacity: 1;
	visibility: visible;
}
.portfolio-filter__content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.35);
	padding: 1rem 4.8rem 1rem;
	z-index: 99;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	opacity: 0;
	visibility: hidden;
	-moz-transition: all 1.2s ease 0s;
	-webkit-transition: all 1.2s ease 0s;
	-o-transition: all 1.2s ease 0s;
	transition: all 1.2s ease 0s;
}
@media screen and (max-width: 319px) {
	.portfolio-filter__content {
		opacity: 1;
		visibility: visible;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.portfolio-filter__content {
		opacity: 1;
		visibility: visible;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.portfolio-filter__content {
		opacity: 1;
		visibility: visible;
	}
}
@media screen and (max-width: 319px) {
	.portfolio-filter__content {
		padding: 0.4rem 2.4rem 0.4rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.portfolio-filter__content {
		padding: 0.4rem 2.4rem 0.4rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio-filter__content {
		padding: 0.4rem 2.4rem 0.4rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio-filter__content {
		padding: 0.4rem 2.4rem 0.4rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.portfolio-filter__content {
		padding: 0.4rem 2.4rem 0.4rem;
	}
}
.portfolio-filter__icon {
	margin-bottom: 5.6rem;
}
.portfolio-filter__icon i {
	font-size: 3.6rem;
	color: #ffffff;
}
@media screen and (max-width: 319px) {
	.portfolio-filter__icon {
		margin-bottom: 1.2rem;
	}
	.portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.portfolio-filter__icon {
		margin-bottom: 1.2rem;
	}
	.portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio-filter__icon {
		margin-bottom: 1.2rem;
	}
	.portfolio-filter__icon i {
		font-size: 2.4rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio-filter__icon {
		margin-bottom: 1.2rem;
	}
	.portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.portfolio-filter__icon {
		margin-bottom: 1.2rem;
	}
	.portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
.portfolio-filter__date-cate {
	margin-bottom: 1.2rem;
}
.portfolio-filter__date-cate span {
	color: #ffffff;
}
@media screen and (max-width: 319px) {
	.portfolio-filter__date-cate {
		margin-bottom: 0rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.portfolio-filter__date-cate {
		margin-bottom: 0rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio-filter__date-cate {
		margin-bottom: 0rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio-filter__date-cate {
		margin-bottom: 0rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.portfolio-filter__date-cate {
		margin-bottom: 0rem;
	}
}
.portfolio-filter__name {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.portfolio-filter__name {
		margin-bottom: 0.8rem;
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.portfolio-filter__name {
		margin-bottom: 0.8rem;
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio-filter__name {
		margin-bottom: 0.8rem;
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio-filter__name {
		margin-bottom: 0.8rem;
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.portfolio-filter__name {
		margin-bottom: 0.8rem;
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
.portfolio-filter__paragraph {
	margin-bottom: 4.8rem;
}
@media screen and (max-width: 319px) {
	.portfolio-filter__paragraph {
		margin-bottom: 3.8rem;
		display: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.portfolio-filter__paragraph {
		margin-bottom: 3.8rem;
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.portfolio-filter__paragraph {
		margin-bottom: 3.8rem;
		display: none;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.portfolio-filter__paragraph {
		margin-bottom: 3.8rem;
		display: none;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.portfolio-filter__paragraph {
		margin-bottom: 2.4rem;
	}
}

.portfolio-filter-t {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 4.8rem;
}
.portfolio-filter-t__title {
	text-align: center;
	margin-bottom: 2.4rem;
}
.portfolio-filter-t__nav {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.portfolio-filter-t__nav li {
	display: block;
	margin: 0rem 0.8rem 1.6rem;
	cursor: pointer;
}
/*****************************************************/
/*****************************************************/
/*****************************************************/
/*****************************************************/
/*****************************************************/
/*****************************************************/
/*******************Swiper main***********************/
@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;
font-display: swap;
}
/*****************************************************/
/*****************************************************/
/*******************import functions***********************/
/*****************************************************/
/*****************************************************/
/*******************import core***********************/
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	/* Fix of Webkit flickering */
	z-index: 1;
}
.swiper-container__v1 {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}
.swiper-container__v2 {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	list-style: none;
	padding: 0;
	padding-top: 4rem;
	padding-bottom: 6.4rem;
	padding-left: 3.6rem;
	padding-right: 3.6rem;
	z-index: 1;
}
.swiper-container__v3 {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}
.swiper-container__v4 {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}
.swiper-container__v5 {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}
.swiper-container__v6 {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}
.swiper-container__v7 {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}
.swiper-container__v8 {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}
.swiper-container__v9 {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}
.swiper-container__v10 {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}
.swiper-container__v11 {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}
.swiper-container__v12 {
	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;
}

/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
	height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height;
}

/* 3D Effects */
.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));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	/* For Firefox */
	-ms-overflow-style: none;
	/* For Internet Explorer and Edge */
}
.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;
}

/*****************************************************/
/*****************************************************/
/*******************import swiper pagination***********************/
.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: 300ms opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}
.swiper-pagination__v1 {
	position: absolute;
	transition: 300ms opacity;
	z-index: 10;
}
.swiper-pagination__v1--bullets {
	bottom: 10.4rem;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.swiper-pagination__v1--bullet {
	margin: 0.4rem 1.6rem;
	padding: 1px;
	font-size: 2rem;
	line-height: 3.2rem;
	letter-spacing: 0.024rem;
	text-transform: none;
	font-weight: 500;
	color: #ffffff;
	position: relative;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	outline: none;
}
.swiper-pagination__v1--bullet:hover:after {
	width: 100%;
	left: 0;
	right: auto;
}
.swiper-pagination__v1--bullet:after {
	content: "";
	position: absolute;
	width: 0;
	left: auto;
	right: 0;
	bottom: -4px;
	height: 2px;
	-moz-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	-o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	background-color: #ffffff;
}
.swiper-pagination__v1--active:after {
	width: 100%;
	left: 0;
	right: auto;
}
.swiper-pagination__v2--custom {
	background: #f1f1f1;
	position: absolute;
	width: 36rem;
	height: 4px;
	bottom: 0.8rem;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.swiper-pagination__v2--fill {
	background: #11BDA3;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.swiper-pagination__v2--fill:before {
	content: "";
	position: absolute;
	top: -6px;
	right: -8px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #11BDA3;
}
.swiper-pagination__v5 {
	position: absolute;
	transition: 300ms opacity;
	z-index: 10;
}
.swiper-pagination__v5--bullets {
	bottom: 12%;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.swiper-pagination__v5--bullet {
	position: relative;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 6px;
	height: 12px;
	width: 12px;
	display: block;
	margin: 0 4px;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
	outline: none;
}
.swiper-pagination__v5--bullet:hover {
	background-color: rgba(255, 255, 255, 0.87);
}
.swiper-pagination__v5--active {
	width: 32px;
	background-color: rgba(255, 255, 255, 0.87);
	cursor: default;
}
.swiper-pagination__v8 {
	position: absolute;
	transition: 300ms opacity;
	z-index: 10;
}
.swiper-pagination__v8--bullets {
	bottom: 12%;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.swiper-pagination__v8--bullet {
	position: relative;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 6px;
	height: 12px;
	width: 12px;
	display: block;
	margin: 0 4px;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
	outline: none;
}
.swiper-pagination__v8--bullet:hover {
	background-color: rgba(255, 255, 255, 0.87);
}
.swiper-pagination__v8--active {
	width: 32px;
	background-color: rgba(255, 255, 255, 0.87);
	cursor: default;
}
.swiper-pagination__v9 {
	position: absolute;
	transition: 300ms opacity;
	z-index: 10;
}
.swiper-pagination__v9--bullets {
	bottom: 12%;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.swiper-pagination__v9--bullet {
	position: relative;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 6px;
	height: 12px;
	width: 12px;
	display: block;
	margin: 0 4px;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
	outline: none;
}
.swiper-pagination__v9--bullet:hover {
	background-color: rgba(255, 255, 255, 0.87);
}
.swiper-pagination__v9--active {
	width: 32px;
	background-color: rgba(255, 255, 255, 0.87);
	cursor: default;
}
.swiper-pagination__v10 {
	position: absolute;
	transition: 300ms opacity;
	z-index: 999;
}
.swiper-pagination__v10--bullets {
	bottom: 12%;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.swiper-pagination__v10--bullet {
	position: relative;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 6px;
	height: 12px;
	width: 12px;
	display: block;
	margin: 0 4px;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-moz-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
	outline: none;
}
.swiper-pagination__v10--bullet:hover {
	background-color: rgba(255, 255, 255, 0.87);
}
.swiper-pagination__v10--active {
	width: 32px;
	background-color: rgba(255, 255, 255, 0.87);
	cursor: default;
}
.swiper-pagination__v11 {
	position: absolute;
	z-index: 10;
	right: 4rem;
	bottom: 4rem;
}
.swiper-pagination__v11--side {
	font-size: 2rem;
	line-height: 3.2rem;
	letter-spacing: 0.024rem;
	text-transform: none;
	font-weight: 500;
	color: #ffffff;
}
.swiper-pagination__v12 {
	position: absolute;
	transition: 300ms opacity;
	z-index: 10;
}
.swiper-pagination__v12--bullets {
	bottom: 10.4rem;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.swiper-pagination__v12--bullet {
	margin: 0.4rem 1.6rem;
	padding: 1px;
	font-size: 2rem;
	line-height: 3.2rem;
	letter-spacing: 0.024rem;
	text-transform: none;
	font-weight: 500;
	color: #ffffff;
	position: relative;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	outline: none;
}
.swiper-pagination__v12--bullet:hover:after {
	width: 100%;
	left: 0;
	right: auto;
}
.swiper-pagination__v12--bullet:after {
	content: "";
	position: absolute;
	width: 0;
	left: auto;
	right: 0;
	bottom: -4px;
	height: 2px;
	-moz-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	-o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	background-color: #ffffff;
}
.swiper-pagination__v12--active:after {
	width: 100%;
	left: 0;
	right: auto;
}

/* Common Styles */
.swiper-pagination-fraction, .swiper-pagination-custom {
	bottom: 10px;
	left: 0;
	width: 100%;
}

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

/* Bullets */
.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: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: 0.2;
}
button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	appearance: none;
}

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

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #11BDA3;
}

.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;
}

/* Progress */
.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, 0.25);
	position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #11BDA3;
	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-lock {
	display: none;
}

/*****************************************************/
/*****************************************************/
/*******************import swiper navigation***********************/
.swiper-button-prev__v4, .swiper-button-next__v4 {
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 99;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 319px) {
	.swiper-button-prev__v4, .swiper-button-next__v4 {
		display: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.swiper-button-prev__v4, .swiper-button-next__v4 {
		display: none;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.swiper-button-prev__v4, .swiper-button-next__v4 {
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.swiper-button-prev__v4, .swiper-button-next__v4 {
		display: none;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.swiper-button-prev__v4, .swiper-button-next__v4 {
		display: none;
	}
}
.swiper-button-prev__v4:hover i, .swiper-button-next__v4:hover i {
	color: #ffffff;
}
.swiper-button-prev__v4 i, .swiper-button-next__v4 i {
	font-size: 4.8rem;
	color: rgba(255, 255, 255, 0.6);
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.swiper-button-prev__v5, .swiper-button-next__v5 {
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 99;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 319px) {
	.swiper-button-prev__v5, .swiper-button-next__v5 {
		display: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.swiper-button-prev__v5, .swiper-button-next__v5 {
		display: none;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.swiper-button-prev__v5, .swiper-button-next__v5 {
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.swiper-button-prev__v5, .swiper-button-next__v5 {
		display: none;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.swiper-button-prev__v5, .swiper-button-next__v5 {
		display: none;
	}
}
.swiper-button-prev__v5:hover i, .swiper-button-next__v5:hover i {
	color: #ffffff;
}
.swiper-button-prev__v5 i, .swiper-button-next__v5 i {
	font-size: 5.6rem;
	color: rgba(255, 255, 255, 0.6);
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.swiper-button-prev__v8, .swiper-button-next__v8 {
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 99;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 319px) {
	.swiper-button-prev__v8, .swiper-button-next__v8 {
		display: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.swiper-button-prev__v8, .swiper-button-next__v8 {
		display: none;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.swiper-button-prev__v8, .swiper-button-next__v8 {
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.swiper-button-prev__v8, .swiper-button-next__v8 {
		display: none;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.swiper-button-prev__v8, .swiper-button-next__v8 {
		display: none;
	}
}
.swiper-button-prev__v8:hover i, .swiper-button-next__v8:hover i {
	color: #ffffff;
	opacity: 1;
}
.swiper-button-prev__v8 i, .swiper-button-next__v8 i {
	font-size: 5.6rem;
	color: rgba(255, 255, 255, 0.6);
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	opacity: 0;
}
.swiper-button-prev__v9, .swiper-button-next__v9 {
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 99;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 319px) {
	.swiper-button-prev__v9, .swiper-button-next__v9 {
		display: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.swiper-button-prev__v9, .swiper-button-next__v9 {
		display: none;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.swiper-button-prev__v9, .swiper-button-next__v9 {
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.swiper-button-prev__v9, .swiper-button-next__v9 {
		display: none;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.swiper-button-prev__v9, .swiper-button-next__v9 {
		display: none;
	}
}
.swiper-button-prev__v9:hover i, .swiper-button-next__v9:hover i {
	color: #ffffff;
	opacity: 1;
}
.swiper-button-prev__v9 i, .swiper-button-next__v9 i {
	font-size: 5.6rem;
	color: rgba(255, 255, 255, 0.6);
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	opacity: 0;
}
.swiper-button-prev__v10, .swiper-button-next__v10 {
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 999;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 319px) {
	.swiper-button-prev__v10, .swiper-button-next__v10 {
		display: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.swiper-button-prev__v10, .swiper-button-next__v10 {
		display: none;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.swiper-button-prev__v10, .swiper-button-next__v10 {
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.swiper-button-prev__v10, .swiper-button-next__v10 {
		display: none;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.swiper-button-prev__v10, .swiper-button-next__v10 {
		display: none;
	}
}
.swiper-button-prev__v10:hover i, .swiper-button-next__v10:hover i {
	color: #ffffff;
	opacity: 1;
}
.swiper-button-prev__v10 i, .swiper-button-next__v10 i {
	font-size: 5.6rem;
	color: rgba(255, 255, 255, 0.6);
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	opacity: 0;
}
.swiper-button-prev__v11, .swiper-button-next__v11 {
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 99;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 5.2rem;
	height: 5.2rem;
	background-color: rgba(0, 0, 0, 0.3);
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
@media screen and (max-width: 319px) {
	.swiper-button-prev__v11, .swiper-button-next__v11 {
		display: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.swiper-button-prev__v11, .swiper-button-next__v11 {
		display: none;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.swiper-button-prev__v11, .swiper-button-next__v11 {
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.swiper-button-prev__v11, .swiper-button-next__v11 {
		display: none;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.swiper-button-prev__v11, .swiper-button-next__v11 {
		display: none;
	}
}
.swiper-button-prev__v11:hover i, .swiper-button-next__v11:hover i {
	color: #ffffff;
}
.swiper-button-prev__v11 i, .swiper-button-next__v11 i {
	font-size: 4.4rem;
	color: rgba(255, 255, 255, 0.6);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.swiper-button-prev__v11:hover, .swiper-button-next__v11:hover {
	background-color: rgba(0, 0, 0, 0.6);
}

.swiper-button-prev__v4 {
	left: 1.6rem;
}
.swiper-button-prev__v5 {
	left: 1.6rem;
}
.swiper-button-prev__v8 {
	left: 0.8rem;
}
.swiper-button-prev__v9 {
	left: 0.8rem;
}
.swiper-button-prev__v10 {
	left: 0.8rem;
}
.swiper-button-prev__v11 {
	left: 0rem;
}

.swiper-button-next__v4 {
	right: 1.6rem;
}
.swiper-button-next__v5 {
	right: 1.6rem;
}
.swiper-button-next__v8 {
	right: 0.8rem;
}
.swiper-button-next__v9 {
	right: 0.8rem;
}
.swiper-button-next__v10 {
	right: 0.8rem;
}
.swiper-button-next__v11 {
	right: 0rem;
}

.swiper-button-prev, .swiper-button-next {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #11BDA3;
}
.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: 44px;
	text-transform: none !important;
	letter-spacing: 0;
	text-transform: none;
	font-variant: initial;
	line-height: 1;
}

.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-lock {
	display: none;
}

/*****************************************************/
/*****************************************************/
/*******************import swiper scrollbar***********************/
.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;
}

/*****************************************************/
/*****************************************************/
/*******************import swiper fade***********************/
.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;
}

/*******************slider-swiper-v1***********************/
.slider-swiper-v1__wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.slider-swiper-v1__box {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.slider-swiper-v1__box {
		max-width: 540px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.slider-swiper-v1__box {
		max-width: 720px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.slider-swiper-v1__box {
		max-width: 960px;
	}
}
@media screen and (min-width: 1200px) {
	.slider-swiper-v1__box {
		max-width: 1170px;
	}
}
.slider-swiper-v1__img {
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
.slider-swiper-v5__wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.slider-swiper-v5__box {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.slider-swiper-v5__box {
		max-width: 540px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.slider-swiper-v5__box {
		max-width: 720px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.slider-swiper-v5__box {
		max-width: 960px;
	}
}
@media screen and (min-width: 1200px) {
	.slider-swiper-v5__box {
		max-width: 1170px;
	}
}
.slider-swiper-v5__img {
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
.slider-swiper-v8__wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.slider-swiper-v8__box {
	width: 100%;
	padding-right: 56px;
	padding-left: 56px;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (max-width: 319px) {
	.slider-swiper-v8__box {
		padding-right: 16px;
		padding-left: 16px;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.slider-swiper-v8__box {
		padding-right: 16px;
		padding-left: 16px;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.slider-swiper-v8__box {
		max-width: 540px;
		padding-right: 16px;
		padding-left: 16px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.slider-swiper-v8__box {
		max-width: 720px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.slider-swiper-v8__box {
		max-width: 960px;
	}
}
@media screen and (min-width: 1200px) {
	.slider-swiper-v8__box {
		max-width: 1170px;
	}
}
.slider-swiper-v8__img {
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
.slider-swiper-v9__wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.slider-swiper-v9__box {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.slider-swiper-v9__box {
		max-width: 540px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.slider-swiper-v9__box {
		max-width: 720px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.slider-swiper-v9__box {
		max-width: 960px;
	}
}
@media screen and (min-width: 1200px) {
	.slider-swiper-v9__box {
		max-width: 1170px;
	}
}
.slider-swiper-v9__img {
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
.slider-swiper-v10__wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.slider-swiper-v10__box {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.slider-swiper-v10__box {
		max-width: 540px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.slider-swiper-v10__box {
		max-width: 720px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.slider-swiper-v10__box {
		max-width: 960px;
	}
}
@media screen and (min-width: 1200px) {
	.slider-swiper-v10__box {
		max-width: 1170px;
	}
}
.slider-swiper-v10__img {
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
.slider-swiper-v10__list-pic {
	position: absolute;
	z-index: 2;
	left: 0;
	height: 100%;
	width: 100%;
	pointer-events: none;
}
.slider-swiper-v10__list-pic--item {
	display: flex;
	align-items: center;
	position: absolute;
	pointer-events: none;
	user-select: none;
	top: 50%;
	left: 0;
	transform: translateY(-50%) translateX(-45%);
	opacity: 0;
	transition: all 0.8s;
	height: 100%;
	width: 100%;
}
.slider-swiper-v10__list-pic--item.active {
	opacity: 1;
	transform: translateY(-50%) translateX(0);
	transition-delay: 0.4s;
}
.slider-swiper-v10__list-pic--img {
	object-fit: contain;
	object-position: center right;
	height: auto;
	max-width: 100%;
}
.slider-swiper-v10__wrap-out {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 99;
}
.slider-swiper-v10__txt-box {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.slider-swiper-v10__txt-box {
		max-width: 540px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.slider-swiper-v10__txt-box {
		max-width: 720px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.slider-swiper-v10__txt-box {
		max-width: 960px;
	}
}
@media screen and (min-width: 1200px) {
	.slider-swiper-v10__txt-box {
		max-width: 1170px;
	}
}
.slider-swiper-v10__txt-box--side {
	position: absolute;
	right: 15px;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 3;
}
.slider-swiper-v10__txt-box--side > * {
	opacity: 0;
	visibility: hidden;
	-moz-transition: all 0s;
	-webkit-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
	-moz-transform: translateY(32px);
	-webkit-transform: translateY(32px);
	-ms-transform: translateY(32px);
	-o-transform: translateY(32px);
	transform: translateY(32px);
}
.slider-swiper-v10__txt-box--side > *:nth-child(1) {
	transition-delay: 0s;
}
.slider-swiper-v10__txt-box--side > *:nth-child(2) {
	transition-delay: 0s;
}
.slider-swiper-v10__txt-box--side > *:nth-child(3) {
	transition-delay: 0s;
}
.slider-swiper-v10__txt-box--side > *:nth-child(4) {
	transition-delay: 0s;
}
.slider-swiper-v10__txt-box--side > *:nth-child(5) {
	transition-delay: 0s;
}
.slider-swiper-v10__txt-box--side > *:nth-child(6) {
	transition-delay: 0s;
}
.slider-swiper-v10__txt-box--side > *:nth-child(7) {
	transition-delay: 0s;
}
.slider-swiper-v10__txt-box--side > *:nth-child(8) {
	transition-delay: 0s;
}
.slider-swiper-v10__txt-box--side > *:nth-child(9) {
	transition-delay: 0s;
}
.slider-swiper-v10__txt-box--side.active {
	z-index: 8;
}
.slider-swiper-v10__txt-box--side.active > * {
	opacity: 1;
	visibility: visible;
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
}
.slider-swiper-v10__txt-box--side.active > *:nth-child(1) {
	transition-delay: 0.3s;
}
.slider-swiper-v10__txt-box--side.active > *:nth-child(2) {
	transition-delay: 0.5s;
}
.slider-swiper-v10__txt-box--side.active > *:nth-child(3) {
	transition-delay: 0.7s;
}
.slider-swiper-v10__txt-box--side.active > *:nth-child(4) {
	transition-delay: 0.9s;
}
.slider-swiper-v10__txt-box--side.active > *:nth-child(5) {
	transition-delay: 1.1s;
}
.slider-swiper-v10__txt-box--side.active > *:nth-child(6) {
	transition-delay: 1.3s;
}
.slider-swiper-v10__txt-box--side.active > *:nth-child(7) {
	transition-delay: 1.5s;
}
.slider-swiper-v10__txt-box--side.active > *:nth-child(8) {
	transition-delay: 1.7s;
}
.slider-swiper-v10__txt-box--side.active > *:nth-child(9) {
	transition-delay: 1.9s;
}
.slider-swiper-v10__txt-box--title {
	margin-bottom: 0.8rem;
	text-align: right;
}
@media screen and (max-width: 319px) {
	.slider-swiper-v10__txt-box--title {
		margin-bottom: 0.8rem;
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.87);
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.slider-swiper-v10__txt-box--title {
		margin-bottom: 0.8rem;
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.87);
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.slider-swiper-v10__txt-box--title {
		margin-bottom: 0.8rem;
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
		text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.87);
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.slider-swiper-v10__txt-box--title {
		margin-bottom: 0.8rem;
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.slider-swiper-v10__txt-box--title {
		font-size: 1.6rem;
		line-height: 2.8rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
.slider-swiper-v10__txt-box--sub-title {
	margin-bottom: 2rem;
	text-align: right;
}
@media screen and (max-width: 319px) {
	.slider-swiper-v10__txt-box--sub-title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
		margin-bottom: 1.2rem;
		text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.87);
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.slider-swiper-v10__txt-box--sub-title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
		margin-bottom: 1.2rem;
		text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.87);
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.slider-swiper-v10__txt-box--sub-title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
		margin-bottom: 1.2rem;
		text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.87);
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.slider-swiper-v10__txt-box--sub-title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
		margin-bottom: 1.2rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.slider-swiper-v10__txt-box--sub-title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
.slider-swiper-v10__txt-box--paragraph {
	text-align: right;
	margin-bottom: 2.4rem;
}
@media screen and (max-width: 319px) {
	.slider-swiper-v10__txt-box--paragraph {
		margin-bottom: 1.6rem;
		display: none;
	}
	.slider-swiper-v10__txt-box--paragraph br {
		display: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.slider-swiper-v10__txt-box--paragraph {
		margin-bottom: 1.6rem;
		display: none;
	}
	.slider-swiper-v10__txt-box--paragraph br {
		display: none;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.slider-swiper-v10__txt-box--paragraph {
		margin-bottom: 1.6rem;
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.slider-swiper-v10__txt-box--paragraph {
		margin-bottom: 1.6rem;
		display: none;
	}
}
.slider-swiper-v11__wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.slider-swiper-v11__box {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.slider-swiper-v11__box {
		max-width: 540px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.slider-swiper-v11__box {
		max-width: 720px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.slider-swiper-v11__box {
		max-width: 960px;
	}
}
@media screen and (min-width: 1200px) {
	.slider-swiper-v11__box {
		max-width: 1170px;
	}
}
.slider-swiper-v11__img {
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
.slider-swiper-v12__wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.slider-swiper-v12__box {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.slider-swiper-v12__box {
		max-width: 540px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.slider-swiper-v12__box {
		max-width: 720px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.slider-swiper-v12__box {
		max-width: 960px;
	}
}
@media screen and (min-width: 1200px) {
	.slider-swiper-v12__box {
		max-width: 1170px;
	}
}
.slider-swiper-v12__img {
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
/*******************parallax-item***********************/
.parallax-item__watch {
	position: absolute;
	bottom: 8rem;
	right: 14.4rem;
	z-index: 99;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 319px) {
	.parallax-item__watch {
		display: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.parallax-item__watch {
		right: 1.6rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.parallax-item__watch {
		bottom: 14.4rem;
		right: 2rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.parallax-item__watch {
		right: 4rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.parallax-item__watch {
		right: 4rem;
	}
}
.parallax-item__watch--title {
	margin-right: 1.6rem;
}
@media screen and (max-width: 319px) {
	.parallax-item__watch--title {
		display: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.parallax-item__watch--title {
		display: none;
	}
}
.parallax-item__watch--icon {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	width: 8rem;
	height: 8rem;
	background-color: rgba(0, 0, 0, 0.6);
	-moz-transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-moz-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
	-webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
	transition: all 1s cubic-bezier(0, 0, 0.2, 1);
	-moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14) , 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.parallax-item__watch--icon:hover {
	-moz-transform: scale3d(1.15, 1.15, 1.15);
	-webkit-transform: scale3d(1.15, 1.15, 1.15);
	-ms-transform: scale3d(1.15, 1.15, 1.15);
	-o-transform: scale3d(1.15, 1.15, 1.15);
	transform: scale3d(1.15, 1.15, 1.15);
}
.parallax-item__watch--icon i {
	font-size: 4.8rem;
	color: #ffffff;
}
.parallax-item__mouse {
	position: absolute;
	bottom: 10.4rem;
	left: 14.4rem;
	z-index: 99;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 319px) {
	.parallax-item__mouse {
		display: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.parallax-item__mouse {
		left: 1.6rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.parallax-item__mouse {
		left: 2rem;
		bottom: 16.4rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.parallax-item__mouse {
		left: 4rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.parallax-item__mouse {
		left: 4rem;
	}
}
.parallax-item__mouse--title {
	margin-right: 1.6rem;
}
@media screen and (max-width: 319px) {
	.parallax-item__mouse--title {
		display: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.parallax-item__mouse--title {
		display: none;
	}
}
.parallax-item__mouse--icon {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	-moz-transform: scale3d(1, 1, 1);
	-webkit-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-moz-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
	-webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
	-o-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
	transition: all 1s cubic-bezier(0, 0, 0.2, 1);
}
.parallax-item__mouse--icon:hover {
	-moz-transform: scale3d(1.15, 1.15, 1.15);
	-webkit-transform: scale3d(1.15, 1.15, 1.15);
	-ms-transform: scale3d(1.15, 1.15, 1.15);
	-o-transform: scale3d(1.15, 1.15, 1.15);
	transform: scale3d(1.15, 1.15, 1.15);
}
.parallax-item__mouse--icon i {
	font-size: 3.2rem;
	color: #ffffff;
}
.parallax-item--p1 {
	position: absolute;
	background-image: radial-gradient(closest-side at 50% 50%, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.2), transparent);
	clip-path: polygon(50% 0%, 90% 50%, 50% 100%, 10% 50%);
	left: -10%;
	top: 10%;
	width: 48rem;
	height: 48rem;
}

/*******************particles***********************/
.particles--v1 {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

/*******************feature-do***********************/
.feature-do {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	border-radius: 4px;
	margin-bottom: 4rem;
	background-color: #ffffff;
	-moz-transition: box-shadow 0.3s;
	-webkit-transition: box-shadow 0.3s;
	-o-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
	padding: 0.8rem 0.8rem;
}
.feature-do:hover {
	-moz-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.14) , 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.feature-do:hover .feature-do__icon i {
	-moz-transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}
.feature-do:hover .feature-do__side {
	border: 1px solid rgba(17, 189, 163, 0.6);
}
.feature-do__side {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding: 5.2rem 1.6rem;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	-moz-transition: border 0.3s;
	-webkit-transition: border 0.3s;
	-o-transition: border 0.3s;
	transition: border 0.3s;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.feature-do__side {
		padding: 4rem 0.8rem;
	}
}
.feature-do__icon {
	margin-bottom: 2.4rem;
}
.feature-do__icon i {
	font-size: 4.8rem;
	color: rgba(17, 189, 163, 0.87);
	-moz-transition: transform 0.5s;
	-webkit-transition: transform 0.5s;
	-o-transition: transform 0.5s;
	transition: transform 0.5s;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.feature-do__name {
	text-align: center;
	margin-bottom: 2.4rem;
}
.feature-do__line {
	width: 6rem;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.12);
	margin: 0.8rem auto 2rem;
}
.feature-do__paragraph {
	text-align: center;
	margin-bottom: 3.6rem;
}
/*******************blob***********************/
.blob__obj01 {
	position: absolute;
	top: 0;
	left: 0;
	fill: rgba(0, 0, 0, 0.02);
	width: 50vmax;
	animation: moveBlob 10s ease-in-out infinite;
	transform-origin: 50% 50%;
}
.blob__obj02 {
	position: absolute;
	top: 0;
	right: 0;
	fill: rgba(0, 0, 0, 0.02);
	width: 50vmax;
	animation: moveBlob2 20s ease-in-out infinite;
	transform-origin: 50% 50%;
}

/*******************portfolio-v1***********************/
.portfolio-v1 {
	position: relative;
}
.portfolio-v1:hover .portfolio-v1__overlay {
	visibility: visible;
	opacity: 0.87;
}
.portfolio-v1:hover .portfolio-v1__name a {
	opacity: 1;
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
.portfolio-v1__pic img {
	height: auto;
	max-width: 100%;
}
.portfolio-v1__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	visibility: hidden;
	opacity: 0;
	-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.portfolio-v1__name a {
	display: block;
	opacity: 0;
	-moz-transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	transform: translateY(10px);
	-moz-transition: all 0.5s ease-out 0.2s;
	-webkit-transition: all 0.5s ease-out 0.2s;
	-o-transition: all 0.5s ease-out 0.2s;
	transition: all 0.5s ease-out 0.2s;
}

/*******************number-v1***********************/
.number-v1__title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.number-v1__side {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 2rem;
	margin-bottom: 2rem;
	flex-wrap: wrap;
}
.number-v1__num {
	flex: 0 0 33.33333%;
	max-width: 33.33333%;
}
@media screen and (max-width: 319px) {
	.number-v1__num {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.number-v1__num {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
.number-v1__content {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	flex: 0 0 66.66667%;
	max-width: 66.66667%;
	padding-left: 0.8rem;
}
.number-v1__name {
	margin-bottom: 2.4rem;
}
/*******************wave***********************/
.wave {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

/*******************testimonial-v1***********************/
.testimonial-v1 {
	border-radius: 4px;
	padding: 1.6rem;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14) , 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	-moz-transition: box-shadow 0.3s;
	-webkit-transition: box-shadow 0.3s;
	-o-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
}
.testimonial-v1:hover {
	-moz-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 8px 11px 9px rgba(0, 0, 0, 0.14) , 0px 3px 16px 13px rgba(0, 0, 0, 0.12);
}
.testimonial-v1__side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 2.4rem 1.6rem 2rem;
}
.testimonial-v1__content {
	margin-bottom: 3.2rem;
	position: relative;
}
.testimonial-v1__content:before {
	content: open-quote;
}
.testimonial-v1__content:after {
	content: close-quote;
}
.testimonial-v1__wrap {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.testimonial-v1__avatar {
	position: relative;
	border-radius: 50%;
}
.testimonial-v1__picture {
	border-radius: 50%;
	display: block;
	overflow: hidden;
	position: relative;
}
.testimonial-v1__picture:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(154, 154, 154, 0.1);
	z-index: 9;
	border-radius: 50%;
}
.testimonial-v1__picture img {
	height: auto;
	width: 100%;
	max-width: 6.4rem;
}
.testimonial-v1__author {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	margin-left: 2.4rem;
}
.testimonial-v1__name {
	position: relative;
}
.testimonial-v1__name:before {
	position: absolute;
	left: -1.2rem;
	content: "–";
}
.testimonial-v1__quote {
	width: 100%;
	text-align: right;
}
.testimonial-v1__quote i {
	font-size: 3.4rem;
	color: rgba(17, 189, 163, 0.87);
}

/*******************brand-v1***********************/
.brand-v1__picture {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.brand-v1__picture:hover img {
	opacity: 1;
}
.brand-v1__picture img {
	height: auto;
	max-width: 100%;
	margin: 0 auto;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	opacity: 0.6;
}

.dark .brand-v1__picture:hover img {
	opacity: 1;
}
.dark .brand-v1__picture img {
	opacity: 0.85;
}

/*******************news-v1***********************/
.news-v1__side {
	position: relative;
}
.news-v1__picture {
	height: auto;
	max-width: 100%;
}
.news-v1__content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.35);
	padding: 6.4rem 3.2rem 6.4rem;
	z-index: 99;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
}
.news-v1__date-cate {
	margin-bottom: 1.2rem;
}
.news-v1__date-cate span {
	color: #ffffff;
}
.news-v1__cate {
	position: relative;
}
.news-v1__cate:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.38);
	bottom: -4px;
	left: 0;
}
.news-v1__name {
	margin-bottom: 2.8rem;
}
.news-v1__btn-all {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 5.2rem;
}

/*******************skill-v1***********************/
.skill-v1 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 4rem;
}
.skill-v1__circle-wrap {
	width: 12rem;
	height: 12rem;
	border-radius: 50%;
	margin-bottom: 1.6rem;
	position: relative;
}
.skill-v1__me {
	width: 12rem;
	height: 12rem;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	border-radius: 50%;
}
.skill-v1__full {
	stroke: #c7faf2;
}
.skill-v1__percent {
	stroke: rgba(17, 189, 163, 0.87);
	stroke-dasharray: 0 37.69908rem;
	-moz-transition: stroke-dasharray 2s ease-in-out 0s;
	-webkit-transition: stroke-dasharray 2s ease-in-out 0s;
	-o-transition: stroke-dasharray 2s ease-in-out 0s;
	transition: stroke-dasharray 2s ease-in-out 0s;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--0 {
	stroke-dasharray: 0rem 37.69908rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--1 {
	stroke-dasharray: 0.3769908rem 37.3220892rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--2 {
	stroke-dasharray: 0.7539816rem 36.9450984rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--3 {
	stroke-dasharray: 1.1309724rem 36.5681076rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--4 {
	stroke-dasharray: 1.5079632rem 36.1911168rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--5 {
	stroke-dasharray: 1.884954rem 35.814126rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--6 {
	stroke-dasharray: 2.2619448rem 35.4371352rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--7 {
	stroke-dasharray: 2.6389356rem 35.0601444rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--8 {
	stroke-dasharray: 3.0159264rem 34.6831536rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--9 {
	stroke-dasharray: 3.3929172rem 34.3061628rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--10 {
	stroke-dasharray: 3.769908rem 33.929172rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--11 {
	stroke-dasharray: 4.1468988rem 33.5521812rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--12 {
	stroke-dasharray: 4.5238896rem 33.1751904rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--13 {
	stroke-dasharray: 4.9008804rem 32.7981996rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--14 {
	stroke-dasharray: 5.2778712rem 32.4212088rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--15 {
	stroke-dasharray: 5.654862rem 32.044218rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--16 {
	stroke-dasharray: 6.0318528rem 31.6672272rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--17 {
	stroke-dasharray: 6.4088436rem 31.2902364rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--18 {
	stroke-dasharray: 6.7858344rem 30.9132456rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--19 {
	stroke-dasharray: 7.1628252rem 30.5362548rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--20 {
	stroke-dasharray: 7.539816rem 30.159264rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--21 {
	stroke-dasharray: 7.9168068rem 29.7822732rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--22 {
	stroke-dasharray: 8.2937976rem 29.4052824rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--23 {
	stroke-dasharray: 8.6707884rem 29.0282916rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--24 {
	stroke-dasharray: 9.0477792rem 28.6513008rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--25 {
	stroke-dasharray: 9.42477rem 28.27431rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--26 {
	stroke-dasharray: 9.8017608rem 27.8973192rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--27 {
	stroke-dasharray: 10.1787516rem 27.5203284rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--28 {
	stroke-dasharray: 10.5557424rem 27.1433376rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--29 {
	stroke-dasharray: 10.9327332rem 26.7663468rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--30 {
	stroke-dasharray: 11.309724rem 26.389356rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--31 {
	stroke-dasharray: 11.6867148rem 26.0123652rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--32 {
	stroke-dasharray: 12.0637056rem 25.6353744rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--33 {
	stroke-dasharray: 12.4406964rem 25.2583836rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--34 {
	stroke-dasharray: 12.8176872rem 24.8813928rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--35 {
	stroke-dasharray: 13.194678rem 24.504402rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--36 {
	stroke-dasharray: 13.5716688rem 24.1274112rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--37 {
	stroke-dasharray: 13.9486596rem 23.7504204rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--38 {
	stroke-dasharray: 14.3256504rem 23.3734296rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--39 {
	stroke-dasharray: 14.7026412rem 22.9964388rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--40 {
	stroke-dasharray: 15.079632rem 22.619448rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--41 {
	stroke-dasharray: 15.4566228rem 22.2424572rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--42 {
	stroke-dasharray: 15.8336136rem 21.8654664rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--43 {
	stroke-dasharray: 16.2106044rem 21.4884756rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--44 {
	stroke-dasharray: 16.5875952rem 21.1114848rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--45 {
	stroke-dasharray: 16.964586rem 20.734494rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--46 {
	stroke-dasharray: 17.3415768rem 20.3575032rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--47 {
	stroke-dasharray: 17.7185676rem 19.9805124rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--48 {
	stroke-dasharray: 18.0955584rem 19.6035216rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--49 {
	stroke-dasharray: 18.4725492rem 19.2265308rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--50 {
	stroke-dasharray: 18.84954rem 18.84954rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--51 {
	stroke-dasharray: 19.2265308rem 18.4725492rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--52 {
	stroke-dasharray: 19.6035216rem 18.0955584rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--53 {
	stroke-dasharray: 19.9805124rem 17.7185676rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--54 {
	stroke-dasharray: 20.3575032rem 17.3415768rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--55 {
	stroke-dasharray: 20.734494rem 16.964586rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--56 {
	stroke-dasharray: 21.1114848rem 16.5875952rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--57 {
	stroke-dasharray: 21.4884756rem 16.2106044rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--58 {
	stroke-dasharray: 21.8654664rem 15.8336136rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--59 {
	stroke-dasharray: 22.2424572rem 15.4566228rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--60 {
	stroke-dasharray: 22.619448rem 15.079632rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--61 {
	stroke-dasharray: 22.9964388rem 14.7026412rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--62 {
	stroke-dasharray: 23.3734296rem 14.3256504rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--63 {
	stroke-dasharray: 23.7504204rem 13.9486596rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--64 {
	stroke-dasharray: 24.1274112rem 13.5716688rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--65 {
	stroke-dasharray: 24.504402rem 13.194678rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--66 {
	stroke-dasharray: 24.8813928rem 12.8176872rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--67 {
	stroke-dasharray: 25.2583836rem 12.4406964rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--68 {
	stroke-dasharray: 25.6353744rem 12.0637056rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--69 {
	stroke-dasharray: 26.0123652rem 11.6867148rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--70 {
	stroke-dasharray: 26.389356rem 11.309724rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--71 {
	stroke-dasharray: 26.7663468rem 10.9327332rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--72 {
	stroke-dasharray: 27.1433376rem 10.5557424rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--73 {
	stroke-dasharray: 27.5203284rem 10.1787516rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--74 {
	stroke-dasharray: 27.8973192rem 9.8017608rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--75 {
	stroke-dasharray: 28.27431rem 9.42477rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--76 {
	stroke-dasharray: 28.6513008rem 9.0477792rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--77 {
	stroke-dasharray: 29.0282916rem 8.6707884rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--78 {
	stroke-dasharray: 29.4052824rem 8.2937976rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--79 {
	stroke-dasharray: 29.7822732rem 7.9168068rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--80 {
	stroke-dasharray: 30.159264rem 7.539816rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--81 {
	stroke-dasharray: 30.5362548rem 7.1628252rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--82 {
	stroke-dasharray: 30.9132456rem 6.7858344rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--83 {
	stroke-dasharray: 31.2902364rem 6.4088436rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--84 {
	stroke-dasharray: 31.6672272rem 6.0318528rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--85 {
	stroke-dasharray: 32.044218rem 5.654862rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--86 {
	stroke-dasharray: 32.4212088rem 5.2778712rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--87 {
	stroke-dasharray: 32.7981996rem 4.9008804rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--88 {
	stroke-dasharray: 33.1751904rem 4.5238896rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--89 {
	stroke-dasharray: 33.5521812rem 4.1468988rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--90 {
	stroke-dasharray: 33.929172rem 3.769908rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--91 {
	stroke-dasharray: 34.3061628rem 3.3929172rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--92 {
	stroke-dasharray: 34.6831536rem 3.0159264rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--93 {
	stroke-dasharray: 35.0601444rem 2.6389356rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--94 {
	stroke-dasharray: 35.4371352rem 2.2619448rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--95 {
	stroke-dasharray: 35.814126rem 1.884954rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--96 {
	stroke-dasharray: 36.1911168rem 1.5079632rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--97 {
	stroke-dasharray: 36.5681076rem 1.1309724rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--98 {
	stroke-dasharray: 36.9450984rem 0.7539816rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--99 {
	stroke-dasharray: 37.3220892rem 0.3769908rem;
}
.skill-v1__circle.drawCircle .skill-v1__percent.percent--100 {
	stroke-dasharray: 37.69908rem 0rem;
}
.skill-v1__full, .skill-v1__percent {
	fill: none;
	stroke-linecap: round;
	stroke-width: 0.8rem;
}
.skill-v1__icon {
	width: 12rem;
	height: 12rem;
	position: absolute;
	z-index: 100;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.skill-v1__number {
	position: relative;
}
.skill-v1__number:before {
	content: "%";
	position: absolute;
	top: 0;
	left: 100%;
	font-size: 2.4rem;
	line-height: 3.2rem;
	letter-spacing: 0.014rem;
	text-transform: none;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.87);
}
.skill-v1.dark .skill-v1__number:before {
	color: #ffffff;
}
.skill-v1__name {
	text-align: center;
	margin-bottom: 1.2rem;
}
.skill-v1.detail .skill-v1__name {
	margin-bottom: 0rem;
}
.skill-v1__paragraph {
	text-align: center;
}

/*******************item-portfolio-filter***********************/
.item-portfolio-filter {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 4rem;
}
.item-portfolio-filter__side {
	position: relative;
	width: 100%;
}
@media screen and (max-width: 319px) {
	.item-portfolio-filter__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
.item-portfolio-filter__side.show {
	display: block;
}
.item-portfolio-filter__side img {
	height: auto;
	width: 100%;
	margin: auto;
}
.item-portfolio-filter__side:hover .item-portfolio-filter__content {
	opacity: 1;
	visibility: visible;
}
.column-2-full .item-portfolio-filter__side {
	flex: 0 0 50%;
	max-width: 50%;
}
@media screen and (max-width: 319px) {
	.column-2-full .item-portfolio-filter__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-2-full .item-portfolio-filter__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-2-full .item-portfolio-filter__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-2-full .item-portfolio-filter__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
.column-3-full .item-portfolio-filter__side {
	flex: 0 0 33.3333333333%;
	max-width: 33.3333333333%;
}
@media screen and (max-width: 319px) {
	.column-3-full .item-portfolio-filter__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-3-full .item-portfolio-filter__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-3-full .item-portfolio-filter__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-3-full .item-portfolio-filter__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3-full .item-portfolio-filter__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
.column-4-full .item-portfolio-filter__side {
	flex: 0 0 25%;
	max-width: 25%;
}
@media screen and (max-width: 319px) {
	.column-4-full .item-portfolio-filter__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-4-full .item-portfolio-filter__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-4-full .item-portfolio-filter__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-4-full .item-portfolio-filter__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-4-full .item-portfolio-filter__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-4-full .item-portfolio-filter__side {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}
}
.column-5-full .item-portfolio-filter__side {
	flex: 0 0 20%;
	max-width: 20%;
}
@media screen and (max-width: 319px) {
	.column-5-full .item-portfolio-filter__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-5-full .item-portfolio-filter__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-5-full .item-portfolio-filter__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-5-full .item-portfolio-filter__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-5-full .item-portfolio-filter__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-5-full .item-portfolio-filter__side {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}
}
.column-2 .item-portfolio-filter__side {
	flex: 0 0 50%;
	max-width: 50%;
}
@media screen and (max-width: 319px) {
	.column-2 .item-portfolio-filter__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-2 .item-portfolio-filter__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-2 .item-portfolio-filter__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-2 .item-portfolio-filter__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-2 .item-portfolio-filter__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
.column-3 .item-portfolio-filter__side {
	flex: 0 0 33.3333333333%;
	max-width: 33.3333333333%;
}
@media screen and (max-width: 319px) {
	.column-3 .item-portfolio-filter__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-3 .item-portfolio-filter__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-3 .item-portfolio-filter__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-3 .item-portfolio-filter__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3 .item-portfolio-filter__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
.column-4 .item-portfolio-filter__side {
	flex: 0 0 25%;
	max-width: 25%;
}
@media screen and (max-width: 319px) {
	.column-4 .item-portfolio-filter__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-4 .item-portfolio-filter__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-4 .item-portfolio-filter__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-4 .item-portfolio-filter__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-4 .item-portfolio-filter__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
.column-5 .item-portfolio-filter__side {
	flex: 0 0 20%;
	max-width: 20%;
}
@media screen and (max-width: 319px) {
	.column-5 .item-portfolio-filter__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-5 .item-portfolio-filter__side {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-5 .item-portfolio-filter__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-5 .item-portfolio-filter__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-5 .item-portfolio-filter__side {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
.item-portfolio-filter__content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.35);
	z-index: 99;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	opacity: 0;
	visibility: hidden;
	-moz-transition: all 1.2s ease 0s;
	-webkit-transition: all 1.2s ease 0s;
	-o-transition: all 1.2s ease 0s;
	transition: all 1.2s ease 0s;
}
@media screen and (max-width: 319px) {
	.item-portfolio-filter__content {
		opacity: 1;
		visibility: visible;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.item-portfolio-filter__content {
		opacity: 1;
		visibility: visible;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.item-portfolio-filter__content {
		opacity: 1;
		visibility: visible;
	}
}
.column-2-full .item-portfolio-filter__content {
	padding: 1rem 4.8rem 1rem;
}
@media screen and (max-width: 319px) {
	.column-2-full .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-2-full .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-2-full .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-2-full .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
.column-3-full .item-portfolio-filter__content {
	padding: 1rem 4.8rem 1rem;
}
@media screen and (max-width: 319px) {
	.column-3-full .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-3-full .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-3-full .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-3-full .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3-full .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-3-full .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
.column-4-full .item-portfolio-filter__content {
	padding: 1rem 4.8rem 1rem;
}
@media screen and (max-width: 319px) {
	.column-4-full .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-4-full .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-4-full .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-4-full .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-4-full .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-4-full .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-4-full .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
.column-5-full .item-portfolio-filter__content {
	padding: 1rem 4.8rem 1rem;
}
@media screen and (max-width: 319px) {
	.column-5-full .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-5-full .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-5-full .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-5-full .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-5-full .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-5-full .item-portfolio-filter__content {
		padding: 0.4rem 1.2rem 0.4rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-5-full .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
.column-2 .item-portfolio-filter__content {
	padding: 0.8rem 1.6rem 0.8rem;
}
@media screen and (max-width: 319px) {
	.column-2 .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-2 .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-2 .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-2 .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-2 .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
.column-3 .item-portfolio-filter__content {
	padding: 0.8rem 1.6rem 0.8rem;
}
@media screen and (max-width: 319px) {
	.column-3 .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-3 .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-3 .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-3 .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3 .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
.column-4 .item-portfolio-filter__content {
	padding: 0.8rem 1.6rem 0.8rem;
}
@media screen and (max-width: 319px) {
	.column-4 .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-4 .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-4 .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-4 .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-4 .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
.column-5 .item-portfolio-filter__content {
	padding: 0.8rem 1.6rem 0.8rem;
}
@media screen and (max-width: 319px) {
	.column-5 .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-5 .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-5 .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-5 .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-5 .item-portfolio-filter__content {
		padding: 0.8rem 1.6rem 0.8rem;
	}
}
.item-portfolio-filter__icon i {
	color: #ffffff;
}
.column-2-full .item-portfolio-filter__icon {
	margin-bottom: 5.6rem;
}
.column-2-full .item-portfolio-filter__icon i {
	font-size: 3.6rem;
}
@media screen and (max-width: 319px) {
	.column-2-full .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-2-full .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-2-full .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-2-full .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-2-full .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-2-full .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-2-full .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-2-full .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
.column-3-full .item-portfolio-filter__icon {
	margin-bottom: 5.6rem;
}
.column-3-full .item-portfolio-filter__icon i {
	font-size: 3.6rem;
}
@media screen and (max-width: 319px) {
	.column-3-full .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-3-full .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-3-full .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-3-full .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-3-full .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-3-full .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-3-full .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-3-full .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3-full .item-portfolio-filter__icon {
		margin-bottom: 3.2rem;
	}
	.column-3-full .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-3-full .item-portfolio-filter__icon {
		margin-bottom: 3.2rem;
	}
	.column-3-full .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
.column-4-full .item-portfolio-filter__icon {
	margin-bottom: 5.6rem;
}
.column-4-full .item-portfolio-filter__icon i {
	font-size: 3.6rem;
}
@media screen and (max-width: 319px) {
	.column-4-full .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-4-full .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-4-full .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-4-full .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-4-full .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-4-full .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-4-full .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-4-full .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-4-full .item-portfolio-filter__icon {
		margin-bottom: 3.2rem;
	}
	.column-4-full .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-4-full .item-portfolio-filter__icon {
		margin-bottom: 3.2rem;
	}
	.column-4-full .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-4-full .item-portfolio-filter__icon {
		margin-bottom: 3.2rem;
	}
	.column-4-full .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
.column-5-full .item-portfolio-filter__icon {
	margin-bottom: 5.6rem;
}
.column-5-full .item-portfolio-filter__icon i {
	font-size: 3.6rem;
}
@media screen and (max-width: 319px) {
	.column-5-full .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-5-full .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-5-full .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-5-full .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-5-full .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-5-full .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-5-full .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-5-full .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-5-full .item-portfolio-filter__icon {
		margin-bottom: 3.2rem;
	}
	.column-5-full .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-5-full .item-portfolio-filter__icon {
		margin-bottom: 1.2rem;
	}
	.column-5-full .item-portfolio-filter__icon i {
		font-size: 2.4rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-5-full .item-portfolio-filter__icon {
		margin-bottom: 3.2rem;
	}
	.column-5-full .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
.column-2 .item-portfolio-filter__icon {
	margin-bottom: 3.2rem;
}
.column-2 .item-portfolio-filter__icon i {
	font-size: 2.8rem;
}
@media screen and (max-width: 319px) {
	.column-2 .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-2 .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-2 .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-2 .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-2 .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-2 .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-2 .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-2 .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-2 .item-portfolio-filter__icon {
		margin-bottom: 3.2rem;
	}
	.column-2 .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
.column-3 .item-portfolio-filter__icon {
	margin-bottom: 3.2rem;
}
.column-3 .item-portfolio-filter__icon i {
	font-size: 2.8rem;
}
@media screen and (max-width: 319px) {
	.column-3 .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-3 .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-3 .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-3 .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-3 .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-3 .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-3 .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-3 .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3 .item-portfolio-filter__icon {
		margin-bottom: 3.2rem;
	}
	.column-3 .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
.column-4 .item-portfolio-filter__icon {
	margin-bottom: 3.2rem;
}
.column-4 .item-portfolio-filter__icon i {
	font-size: 2.8rem;
}
@media screen and (max-width: 319px) {
	.column-4 .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-4 .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-4 .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-4 .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-4 .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-4 .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-4 .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-4 .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-4 .item-portfolio-filter__icon {
		margin-bottom: 3.2rem;
	}
	.column-4 .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-4 .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-4 .item-portfolio-filter__icon i {
		font-size: 2.4rem;
	}
}
.column-5 .item-portfolio-filter__icon {
	margin-bottom: 3.2rem;
}
.column-5 .item-portfolio-filter__icon i {
	font-size: 2.8rem;
}
@media screen and (max-width: 319px) {
	.column-5 .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-5 .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-5 .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-5 .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-5 .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-5 .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-5 .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-5 .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-5 .item-portfolio-filter__icon {
		margin-bottom: 3.2rem;
	}
	.column-5 .item-portfolio-filter__icon i {
		font-size: 2.8rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-5 .item-portfolio-filter__icon {
		margin-bottom: 1.6rem;
	}
	.column-5 .item-portfolio-filter__icon i {
		font-size: 2.4rem;
	}
}
.item-portfolio-filter__date-cate span {
	color: #ffffff;
}
.column-2-full .item-portfolio-filter__date-cate {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-2-full .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-2-full .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-2-full .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-2-full .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
.column-3-full .item-portfolio-filter__date-cate {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-3-full .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-3-full .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-3-full .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-3-full .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3-full .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-3-full .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
.column-4-full .item-portfolio-filter__date-cate {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-4-full .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-4-full .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-4-full .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-4-full .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-4-full .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-4-full .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-4-full .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
.column-5-full .item-portfolio-filter__date-cate {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-5-full .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-5-full .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-5-full .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-5-full .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-5-full .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-5-full .item-portfolio-filter__date-cate {
		margin-bottom: 0.4rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-5-full .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
.column-2 .item-portfolio-filter__date-cate {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-2 .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-2 .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-2 .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-2 .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-2 .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
.column-3 .item-portfolio-filter__date-cate {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-3 .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-3 .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-3 .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-3 .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3 .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
.column-4 .item-portfolio-filter__date-cate {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-4 .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-4 .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-4 .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-4 .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-4 .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
.column-5 .item-portfolio-filter__date-cate {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-5 .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-5 .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-5 .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-5 .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-5 .item-portfolio-filter__date-cate {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-5 .item-portfolio-filter__date-cate {
		display: none;
	}
}
.column-2-full .item-portfolio-filter__name {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-2-full .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-2-full .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-2-full .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-2-full .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
.column-3-full .item-portfolio-filter__name {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-3-full .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-3-full .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-3-full .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-3-full .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3-full .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-3-full .item-portfolio-filter__name {
		margin-bottom: 0.8rem;
	}
}
.column-4-full .item-portfolio-filter__name {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-4-full .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-4-full .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-4-full .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-4-full .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-4-full .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-4-full .item-portfolio-filter__name {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-4-full .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
.column-5-full .item-portfolio-filter__name {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-5-full .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-5-full .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-5-full .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-5-full .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-5-full .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-5-full .item-portfolio-filter__name {
		margin-bottom: 0.8rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-5-full .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
.column-2 .item-portfolio-filter__name {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-2 .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-2 .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-2 .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-2 .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-2 .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
.column-3 .item-portfolio-filter__name {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-3 .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-3 .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-3 .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-3 .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3 .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
.column-4 .item-portfolio-filter__name {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-4 .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-4 .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-4 .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-4 .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-4 .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
.column-5 .item-portfolio-filter__name {
	margin-bottom: 1.2rem;
}
@media screen and (max-width: 319px) {
	.column-5 .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-5 .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-5 .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-5 .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-5 .item-portfolio-filter__name {
		margin-bottom: 1.6rem;
	}
}
.column-2-full .item-portfolio-filter__paragraph {
	margin-bottom: 4.8rem;
}
@media screen and (max-width: 319px) {
	.column-2-full .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-2-full .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-2-full .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-2-full .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
.column-3-full .item-portfolio-filter__paragraph {
	margin-bottom: 4.8rem;
}
@media screen and (max-width: 319px) {
	.column-3-full .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-3-full .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-3-full .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-3-full .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3-full .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-3-full .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
.column-4-full .item-portfolio-filter__paragraph {
	margin-bottom: 4.8rem;
}
@media screen and (max-width: 319px) {
	.column-4-full .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-4-full .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-4-full .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-4-full .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-4-full .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-4-full .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-4-full .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
.column-5-full .item-portfolio-filter__paragraph {
	margin-bottom: 4.8rem;
}
@media screen and (max-width: 319px) {
	.column-5-full .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-5-full .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-5-full .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-5-full .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-5-full .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-5-full .item-portfolio-filter__paragraph {
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1686px) {
	.column-5-full .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
.column-2 .item-portfolio-filter__paragraph {
	margin-bottom: 2.8rem;
}
@media screen and (max-width: 319px) {
	.column-2 .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-2 .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-2 .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-2 .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-2 .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
.column-3 .item-portfolio-filter__paragraph {
	margin-bottom: 2.8rem;
}
@media screen and (max-width: 319px) {
	.column-3 .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-3 .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-3 .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-3 .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-3 .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
.column-4 .item-portfolio-filter__paragraph {
	margin-bottom: 2.8rem;
}
@media screen and (max-width: 319px) {
	.column-4 .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-4 .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-4 .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-4 .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-4 .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-4 .item-portfolio-filter__paragraph {
		display: none;
	}
}
.column-5 .item-portfolio-filter__paragraph {
	margin-bottom: 2.8rem;
}
@media screen and (max-width: 319px) {
	.column-5 .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.column-5 .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.column-5 .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.column-5 .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.column-5 .item-portfolio-filter__paragraph {
		margin-bottom: 2.8rem;
	}
}
@media screen and (min-width: 1200px) {
	.column-5 .item-portfolio-filter__paragraph {
		display: none;
	}
}
@media screen and (min-width: 1200px) {
	.column-5 .item-portfolio-filter__btn {
		display: none;
	}
}
.item-portfolio-filter__nav-wrap {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 4.8rem;
}
.item-portfolio-filter__nav {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.item-portfolio-filter__nav li {
	display: block;
	margin: 0rem 0.8rem 1.6rem;
	cursor: pointer;
}
/*******************service-v1***********************/
.service-v1 {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 4rem;
}
.service-v1__name span {
	color: rgba(17, 189, 163, 0.87);
}
.service-v1__line {
	width: 100%;
	height: 1px;
	background-color: rgba(17, 189, 163, 0.38);
	margin: 1.2rem auto 2rem;
}
/*******************portfolio-filter-v1***********************/
.portfolio-filter-v1:hover .portfolio-filter-v1__content {
	opacity: 1;
}
.portfolio-filter-v1:hover .portfolio-filter-v1__link {
	opacity: 1;
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.portfolio-filter-v1__img {
	height: auto;
	max-width: 100%;
	margin: auto;
}
.portfolio-filter-v1__content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.35);
	z-index: 99;
	opacity: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.portfolio-filter-v1__link {
	width: 4rem;
	height: 4rem;
	background-color: rgba(255, 255, 255, 0.87);
	border-radius: 50%;
	margin: 0.4rem;
	opacity: 0;
	-moz-transform: translate3d(0, -50%, 0);
	-webkit-transform: translate3d(0, -50%, 0);
	-ms-transform: translate3d(0, -50%, 0);
	-o-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	-moz-transition: all 0.35s ease;
	-webkit-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.portfolio-filter-v1__link:hover {
	background-color: white;
}
.portfolio-filter-v1__link img {
	visibility: hidden;
	opacity: 0;
	width: 100%;
	position: absolute;
}
.portfolio-filter-v1__link i {
	color: rgba(0, 0, 0, 0.87);
}
.portfolio-filter-v1-title {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 4.8rem;
}
.portfolio-filter-v1-title__nav {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.portfolio-filter-v1-title__nav li {
	display: block;
	margin: 0rem 0.8rem 0.8rem 0rem;
	cursor: pointer;
}
/*******************portfolio-filter-v2***********************/
.portfolio-filter-v2:hover .portfolio-filter-v2__content {
	opacity: 1;
}
.portfolio-filter-v2:hover .portfolio-filter-v2__link {
	opacity: 1;
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.portfolio-filter-v2__img {
	height: auto;
	max-width: 100%;
	margin: auto;
}
.portfolio-filter-v2__content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.35);
	z-index: 99;
	opacity: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.portfolio-filter-v2__link {
	width: 4rem;
	height: 4rem;
	background-color: rgba(255, 255, 255, 0.87);
	border-radius: 50%;
	margin: 0.4rem;
	opacity: 0;
	-moz-transform: translate3d(0, -50%, 0);
	-webkit-transform: translate3d(0, -50%, 0);
	-ms-transform: translate3d(0, -50%, 0);
	-o-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	-moz-transition: all 0.35s ease;
	-webkit-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.portfolio-filter-v2__link:hover {
	background-color: white;
}
.portfolio-filter-v2__link img {
	visibility: hidden;
	opacity: 0;
	width: 100%;
	position: absolute;
}
.portfolio-filter-v2__link i {
	color: rgba(0, 0, 0, 0.87);
}
.portfolio-filter-v2-title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 4.8rem;
}
.portfolio-filter-v2-title__nav {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.portfolio-filter-v2-title__nav li {
	display: block;
	margin: 0rem 0.8rem 0.8rem 0rem;
	cursor: pointer;
}
/*******************call-v1***********************/
.call-v1 {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.call-v1__text {
	margin: auto 1.2rem;
	text-align: center;
}
@media screen and (max-width: 319px) {
	.call-v1__text {
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.call-v1__text {
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.call-v1__text {
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.call-v1__text {
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.call-v1__text {
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
.call-v1__btn {
	margin: 1.6rem 1.2rem;
}

/*******************call-v2***********************/
.call-v2 {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	border: 1px solid rgba(0, 0, 0, 0.12);
	padding: 3.2rem 0;
}
.call-v2__text {
	margin: auto 1.2rem;
	text-align: center;
}
@media screen and (max-width: 319px) {
	.call-v2__text {
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.call-v2__text {
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.call-v2__text {
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.call-v2__text {
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.call-v2__text {
		font-size: 2.4rem;
		line-height: 3.2rem;
		letter-spacing: 0.014rem;
		text-transform: none;
		font-weight: 500;
	}
}
.call-v2__btn {
	margin: 1.6rem 1.2rem;
}

/*******************testimonial-v2***********************/
.testimonial-v2__side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 60%;
	margin: 0 auto;
}
@media screen and (max-width: 319px) {
	.testimonial-v2__side {
		width: 100%;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.testimonial-v2__side {
		width: 100%;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.testimonial-v2__side {
		width: 100%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.testimonial-v2__side {
		width: 80%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.testimonial-v2__side {
		width: 80%;
	}
}
.testimonial-v2__side:hover img {
	filter: blur(0.5rem) brightness(70%);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.testimonial-v2__side:hover .testimonial-v2__icon-link {
	opacity: 1;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.testimonial-v2__avatar {
	position: relative;
	border-radius: 50%;
	margin-bottom: 2rem;
}
.testimonial-v2__picture {
	border-radius: 50%;
	display: block;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0.38);
	position: relative;
}
.testimonial-v2__picture:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(154, 154, 154, 0.1);
	z-index: 9;
	border-radius: 50%;
}
.testimonial-v2__picture img {
	height: auto;
	max-width: 8rem;
	width: 100%;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.testimonial-v2__icon-link {
	position: absolute;
	top: 50%;
	left: 50%;
	color: #ffffff;
	font-size: 2.4rem;
	text-align: center;
	opacity: 0;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-moz-transform: translate(-50%, -20%);
	-webkit-transform: translate(-50%, -20%);
	-ms-transform: translate(-50%, -20%);
	-o-transform: translate(-50%, -20%);
	transform: translate(-50%, -20%);
}
.testimonial-v2__content {
	margin-bottom: 2.4rem;
	text-align: center;
	position: relative;
}
.testimonial-v2__content:before {
	content: "“";
}
.testimonial-v2__content:after {
	content: "”";
}
.testimonial-v2__name {
	position: relative;
}
.testimonial-v2__name:before {
	position: absolute;
	left: -1.2rem;
	content: "–";
}
/*******************title-box***********************/
@media screen and (max-width: 319px) {
	.title-box__lv1 {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.title-box__lv1 {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.title-box__lv1 {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.title-box__lv1 {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.title-box__lv1 {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
/*******************video-bg***********************/
.section-video-bg {
	overflow: hidden;
	position: relative;
	height: 1000px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 319px) {
	.section-video-bg {
		height: 640px;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.section-video-bg {
		height: 640px;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.section-video-bg {
		height: 640px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.section-video-bg {
		height: 780px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.section-video-bg {
		height: 800px;
	}
}
.section-video-bg:before {
	content: "";
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.section-video-bg:after {
	content: "";
	background-image: url("/images/pattern_caro.png");
	background-position: center;
	filter: opacity(87%);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.video-bg__side {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 2;
	position: relative;
}
.video-bg__title {
	text-align: center;
}
@media screen and (max-width: 319px) {
	.video-bg__title {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.video-bg__title {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.video-bg__title {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.video-bg__title {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.video-bg__title {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
.video-bg__viewport {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -1;
}
.video-bg video {
	display: block;
	width: 100%;
	height: auto;
}

/*******************img-bg***********************/
.img-bg__side {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.img-bg__title {
	text-align: center;
}
@media screen and (max-width: 319px) {
	.img-bg__title {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.img-bg__title {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.img-bg__title {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.img-bg__title {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.img-bg__title {
		font-size: 4.8rem;
		line-height: 5.2rem;
		letter-spacing: 0.043rem;
		text-transform: none;
		font-weight: 400;
	}
}
.img-bg__viewport {
	position: relative;
}
.img-bg__img {
	width: 100%;
	height: auto;
}

/*******************call-v3***********************/
@media screen and (max-width: 319px) {
	.call-v3__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.call-v3__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	.call-v3__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.call-v3__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.call-v3__title {
		font-size: 3.4rem;
		line-height: 4rem;
		letter-spacing: 0.054rem;
		text-transform: none;
		font-weight: 400;
	}
}
.call-v3__wrap {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.call-v3__btn {
	margin: 0 1.2rem;
}
@media screen and (max-width: 319px) {
	.call-v3__btn {
		margin: 0 0.8rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 575px) {
	.call-v3__btn {
		margin: 0 0.8rem;
	}
}
/*******************about-v1***********************/
.about-v1 {
	margin-bottom: 4rem;
}
.about-v1__pic {
	margin-bottom: 1.6rem;
}
.about-v1__pic img {
	max-width: 100%;
	height: auto;
}
.about-v1__sub {
	margin-bottom: 1.6rem;
}

/*# sourceMappingURL=style.css.map */