#nprogress {
	pointer-events: none
}

#nprogress
.bar {
	background: #29d;
	position: fixed;
	z-index: 1031;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px
}

#nprogress
.peg {
	display: block;
	position: absolute;
	right: 0px;
	width: 100px;
	height: 100%;
	box-shadow: 0 0 10px #29d, 0 0 5px #29d;
	opacity: 1.0;
	-webkit-transform: rotate(3deg) translate(0px, -4px);
	-ms-transform: rotate(3deg) translate(0px, -4px);
	transform: rotate(3deg) translate(0px, -4px)
}

#nprogress
.spinner {
	display: block;
	position: fixed;
	z-index: 1031;
	top: 15px;
	right: 15px
}

#nprogress .spinner-icon {
	width: 18px;
	height: 18px;
	box-sizing: border-box;
	border: solid 2px transparent;
	border-top-color: #29d;
	border-left-color: #29d;
	border-radius: 50%;
	-webkit-animation: nprogress-spinner 400ms linear infinite;
	animation: nprogress-spinner 400ms linear infinite
}

.nprogress-custom-parent {
	overflow: hidden;
	position: relative
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress
.bar {
	position: absolute
}

@-webkit-keyframes nprogress-spinner {
	0% {
		-webkit-transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes nprogress-spinner {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}
/*! responsive-nav.js 1.0.39 by @viljamis */
.nav-collapse
ul {
	margin: 0;
	padding: 0;
	width: 100%;
	display: block;
	list-style: none
}

.nav-collapse
li {
	width: 100%;
	display: block
}

.js .nav-collapse {
	clip: rect(0 0 0 0);
	max-height: 0;
	position: absolute;
	display: block;
	overflow: hidden;
	zoom: 1
}

.nav-collapse.opened {
	max-height: 9999px
}

.nav-toggle {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none
}

@media screen and (min-width: 40em) {
	.js .nav-collapse {
		position: relative
	}

	.js .nav-collapse.closed {
		max-height: none
	}

	.nav-toggle {
		display: none
	}
}

.slick-slider {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block
}

.slick-track:before,.slick-track:after {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}[dir='rtl'] .slick-slide {
	float: right
}

.slick-slide
img {
	display: block
}

.slick-slide.slick-loading
img {
	display: none
}

.slick-slide.dragging
img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px
solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.slick-loading .slick-list {
	background: #fff url('../images/ajax-loader.gif') center center no-repeat
}

@font-face {
	font-family:'slick';font-weight:normal;font-style:normal;src:url('/workspace/assets/components/slick-carousel/slick/fonts/slick.eot');src:url('../fonts/slick.eot') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg')
}

.slick-prev,.slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	margin-top: -10px\9;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent
}

.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent
}

.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {
	opacity: 1
}

.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {
	opacity: .25
}

.slick-prev:before,.slick-next:before {
	font-family: 'slick';
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-prev {
	left: -25px
}[dir='rtl'] .slick-prev {
	right: -25px;
	left: auto
}

.slick-prev:before {
	content: '←'
}[dir='rtl'] .slick-prev:before {
	content: '→'
}

.slick-next {
	right: -25px
}[dir='rtl'] .slick-next {
	right: auto;
	left: -25px
}

.slick-next:before {
	content: '→'
}[dir='rtl'] .slick-next:before {
	content: '←'
}

.slick-slider {
	margin-bottom: 30px
}

.slick-dots {
	position: absolute;
	bottom: -45px;
	display: block;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center
}

.slick-dots
li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0
5px;
	padding: 0;
	cursor: pointer
}

.slick-dots li
button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1
}

.slick-dots li button:before {
	font-family: 'slick';
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '•';
	text-align: center;
	opacity: .25;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
	opacity: .75;
	color: black
}/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face {
	font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot');src:url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2') format('woff2'),url('../fonts/fontawesome-webfont.woff') format('woff'),url('../fonts/fontawesome-webfont.ttf') format('truetype'),url('../fonts/fontawesome-webfont.svg') format('svg');font-weight:normal;font-style:normal
}

.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.fa-lg {
	font-size: 1.33333333em;
	line-height: .75em;
	vertical-align: -15%
}

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

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

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

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

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

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

.fa-ul>li {
	position: relative
}

.fa-li {
	position: absolute;
	left: -2.14285714em;
	width: 2.14285714em;
	top: .14285714em;
	text-align: center
}

.fa-li.fa-lg {
	left: -1.85714286em
}

.fa-border {
	padding: .2em .25em .15em;
	border: solid .08em #eee;
	border-radius: .1em
}

.fa-pull-left {
	float: left
}

.fa-pull-right {
	float: right
}

.fa.fa-pull-left {
	margin-right: .3em
}

.fa.fa-pull-right {
	margin-left: .3em
}

.pull-right {
	float: right
}

.pull-left {
	float: left
}

.fa.pull-left {
	margin-right: .3em
}

.fa.pull-right {
	margin-left: .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(359deg);
		transform: rotate(359deg)
	}
}

@keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

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

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

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

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

.fa-flip-vertical {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
	-webkit-transform: scale(1, -1);
	-ms-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 {
	filter: none
}

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

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

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

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

.fa-inverse {
	color: #fff
}

.fa-glass:before {
	content: "\f000"
}

.fa-music:before {
	content: "\f001"
}

.fa-search:before {
	content: "\f002"
}

.fa-envelope-o:before {
	content: "\f003"
}

.fa-heart:before {
	content: "\f004"
}

.fa-star:before {
	content: "\f005"
}

.fa-star-o:before {
	content: "\f006"
}

.fa-user:before {
	content: "\f007"
}

.fa-film:before {
	content: "\f008"
}

.fa-th-large:before {
	content: "\f009"
}

.fa-th:before {
	content: "\f00a"
}

.fa-th-list:before {
	content: "\f00b"
}

.fa-check:before {
	content: "\f00c"
}

.fa-remove:before,.fa-close:before,.fa-times:before {
	content: "\f00d"
}

.fa-search-plus:before {
	content: "\f00e"
}

.fa-search-minus:before {
	content: "\f010"
}

.fa-power-off:before {
	content: "\f011"
}

.fa-signal:before {
	content: "\f012"
}

.fa-gear:before,.fa-cog:before {
	content: "\f013"
}

.fa-trash-o:before {
	content: "\f014"
}

.fa-home:before {
	content: "\f015"
}

.fa-file-o:before {
	content: "\f016"
}

.fa-clock-o:before {
	content: "\f017"
}

.fa-road:before {
	content: "\f018"
}

.fa-download:before {
	content: "\f019"
}

.fa-arrow-circle-o-down:before {
	content: "\f01a"
}

.fa-arrow-circle-o-up:before {
	content: "\f01b"
}

.fa-inbox:before {
	content: "\f01c"
}

.fa-play-circle-o:before {
	content: "\f01d"
}

.fa-rotate-right:before,.fa-repeat:before {
	content: "\f01e"
}

.fa-refresh:before {
	content: "\f021"
}

.fa-list-alt:before {
	content: "\f022"
}

.fa-lock:before {
	content: "\f023"
}

.fa-flag:before {
	content: "\f024"
}

.fa-headphones:before {
	content: "\f025"
}

.fa-volume-off:before {
	content: "\f026"
}

.fa-volume-down:before {
	content: "\f027"
}

.fa-volume-up:before {
	content: "\f028"
}

.fa-qrcode:before {
	content: "\f029"
}

.fa-barcode:before {
	content: "\f02a"
}

.fa-tag:before {
	content: "\f02b"
}

.fa-tags:before {
	content: "\f02c"
}

.fa-book:before {
	content: "\f02d"
}

.fa-bookmark:before {
	content: "\f02e"
}

.fa-print:before {
	content: "\f02f"
}

.fa-camera:before {
	content: "\f030"
}

.fa-font:before {
	content: "\f031"
}

.fa-bold:before {
	content: "\f032"
}

.fa-italic:before {
	content: "\f033"
}

.fa-text-height:before {
	content: "\f034"
}

.fa-text-width:before {
	content: "\f035"
}

.fa-align-left:before {
	content: "\f036"
}

.fa-align-center:before {
	content: "\f037"
}

.fa-align-right:before {
	content: "\f038"
}

.fa-align-justify:before {
	content: "\f039"
}

.fa-list:before {
	content: "\f03a"
}

.fa-dedent:before,.fa-outdent:before {
	content: "\f03b"
}

.fa-indent:before {
	content: "\f03c"
}

.fa-video-camera:before {
	content: "\f03d"
}

.fa-photo:before,.fa-image:before,.fa-picture-o:before {
	content: "\f03e"
}

.fa-pencil:before {
	content: "\f040"
}

.fa-map-marker:before {
	content: "\f041"
}

.fa-adjust:before {
	content: "\f042"
}

.fa-tint:before {
	content: "\f043"
}

.fa-edit:before,.fa-pencil-square-o:before {
	content: "\f044"
}

.fa-share-square-o:before {
	content: "\f045"
}

.fa-check-square-o:before {
	content: "\f046"
}

.fa-arrows:before {
	content: "\f047"
}

.fa-step-backward:before {
	content: "\f048"
}

.fa-fast-backward:before {
	content: "\f049"
}

.fa-backward:before {
	content: "\f04a"
}

.fa-play:before {
	content: "\f04b"
}

.fa-pause:before {
	content: "\f04c"
}

.fa-stop:before {
	content: "\f04d"
}

.fa-forward:before {
	content: "\f04e"
}

.fa-fast-forward:before {
	content: "\f050"
}

.fa-step-forward:before {
	content: "\f051"
}

.fa-eject:before {
	content: "\f052"
}

.fa-chevron-left:before {
	content: "\f053"
}

.fa-chevron-right:before {
	content: "\f054"
}

.fa-plus-circle:before {
	content: "\f055"
}

.fa-minus-circle:before {
	content: "\f056"
}

.fa-times-circle:before {
	content: "\f057"
}

.fa-check-circle:before {
	content: "\f058"
}

.fa-question-circle:before {
	content: "\f059"
}

.fa-info-circle:before {
	content: "\f05a"
}

.fa-crosshairs:before {
	content: "\f05b"
}

.fa-times-circle-o:before {
	content: "\f05c"
}

.fa-check-circle-o:before {
	content: "\f05d"
}

.fa-ban:before {
	content: "\f05e"
}

.fa-arrow-left:before {
	content: "\f060"
}

.fa-arrow-right:before {
	content: "\f061"
}

.fa-arrow-up:before {
	content: "\f062"
}

.fa-arrow-down:before {
	content: "\f063"
}

.fa-mail-forward:before,.fa-share:before {
	content: "\f064"
}

.fa-expand:before {
	content: "\f065"
}

.fa-compress:before {
	content: "\f066"
}

.fa-plus:before {
	content: "\f067"
}

.fa-minus:before {
	content: "\f068"
}

.fa-asterisk:before {
	content: "\f069"
}

.fa-exclamation-circle:before {
	content: "\f06a"
}

.fa-gift:before {
	content: "\f06b"
}

.fa-leaf:before {
	content: "\f091"
}

.anlizansi:before {
    content: "\f02d"
}
.fa-fire:before {
	content: "\f06d"
}

.fa-eye:before {
	content: "\f06e"
}

.fa-eye-slash:before {
	content: "\f070"
}

.fa-warning:before,.fa-exclamation-triangle:before {
	content: "\f071"
}

.fa-plane:before {
	content: "\f072"
}

.fa-calendar:before {
	content: "\f073"
}

.fa-random:before {
	content: "\f074"
}

.fa-comment:before {
	content: "\f075"
}

.fa-magnet:before {
	content: "\f076"
}

.fa-chevron-up:before {
	content: "\f077"
}

.fa-chevron-down:before {
	content: "\f078"
}

.fa-retweet:before {
	content: "\f079"
}

.fa-shopping-cart:before {
	content: "\f07a"
}

.fa-folder:before {
	content: "\f07b"
}

.fa-folder-open:before {
	content: "\f07c"
}

.fa-arrows-v:before {
	content: "\f07d"
}

.fa-arrows-h:before {
	content: "\f07e"
}

.fa-bar-chart-o:before,.fa-bar-chart:before {
	content: "\f080"
}

.fa-twitter-square:before {
	content: "\f081"
}

.fa-facebook-square:before {
	content: "\f082"
}

.fa-camera-retro:before {
	content: "\f083"
}

.fa-key:before {
	content: "\f084"
}

.fa-gears:before,.fa-cogs:before {
	content: "\f085"
}

.fa-comments:before {
	content: "\f086"
}

.fa-thumbs-o-up:before {
	content: "\f087"
}

.fa-thumbs-o-down:before {
	content: "\f088"
}

.fa-star-half:before {
	content: "\f089"
}

.fa-heart-o:before {
	content: "\f08a"
}

.fa-sign-out:before {
	content: "\f08b"
}

.fa-linkedin-square:before {
	content: "\f08c"
}

.fa-thumb-tack:before {
	content: "\f08d"
}

.fa-external-link:before {
	content: "\f08e"
}

.fa-sign-in:before {
	content: "\f090"
}

.fa-trophy:before {
	content: "\f091"
}

.fa-github-square:before {
	content: "\f092"
}

.fa-upload:before {
	content: "\f093"
}

.fa-lemon-o:before {
	content: "\f094"
}

.fa-phone:before {
	content: "\f095"
}

.fa-square-o:before {
	content: "\f096"
}

.fa-bookmark-o:before {
	content: "\f097"
}

.fa-phone-square:before {
	content: "\f098"
}

.fa-twitter:before {
	content: "\f099"
}

.fa-facebook-f:before,.fa-facebook:before {
	content: "\f09a"
}

.fa-github:before {
	content: "\f09b"
}

.fa-unlock:before {
	content: "\f09c"
}

.fa-credit-card:before {
	content: "\f09d"
}

.fa-feed:before,.fa-rss:before {
	content: "\f09e"
}

.fa-hdd-o:before {
	content: "\f0a0"
}

.fa-bullhorn:before {
	content: "\f0a1"
}

.fa-bell:before {
	content: "\f0f3"
}

.fa-certificate:before {
	content: "\f0a3"
}

.fa-hand-o-right:before {
	content: "\f0a4"
}

.fa-hand-o-left:before {
	content: "\f0a5"
}

.fa-hand-o-up:before {
	content: "\f0a6"
}

.fa-hand-o-down:before {
	content: "\f0a7"
}

.fa-arrow-circle-left:before {
	content: "\f0a8"
}

.fa-arrow-circle-right:before {
	content: "\f0a9"
}

.fa-arrow-circle-up:before {
	content: "\f0aa"
}

.fa-arrow-circle-down:before {
	content: "\f0ab"
}

.fa-globe:before {
	content: "\f0ac"
}

.fa-wrench:before {
	content: "\f0ad"
}

.fa-tasks:before {
	content: "\f0ae"
}

.fa-filter:before {
	content: "\f0b0"
}

.fa-briefcase:before {
	content: "\f0b1"
}

.fa-arrows-alt:before {
	content: "\f0b2"
}

.fa-group:before,.fa-users:before {
	content: "\f0c0"
}

.fa-chain:before,.fa-link:before {
	content: "\f0c1"
}

.fa-cloud:before {
	content: "\f0c2"
}

.fa-flask:before {
	content: "\f0c3"
}

.fa-cut:before,.fa-scissors:before {
	content: "\f0c4"
}

.fa-copy:before,.fa-files-o:before {
	content: "\f0c5"
}

.fa-paperclip:before {
	content: "\f0c6"
}

.fa-save:before,.fa-floppy-o:before {
	content: "\f0c7"
}

.fa-square:before {
	content: "\f0c8"
}

.fa-navicon:before,.fa-reorder:before,.fa-bars:before {
	content: "\f0c9"
}

.fa-list-ul:before {
	content: "\f0ca"
}

.fa-list-ol:before {
	content: "\f0cb"
}

.fa-strikethrough:before {
	content: "\f0cc"
}

.fa-underline:before {
	content: "\f0cd"
}

.fa-table:before {
	content: "\f0ce"
}

.fa-magic:before {
	content: "\f0d0"
}

.fa-truck:before {
	content: "\f0d1"
}

.fa-pinterest:before {
	content: "\f0d2"
}

.fa-pinterest-square:before {
	content: "\f0d3"
}

.fa-google-plus-square:before {
	content: "\f0d4"
}

.fa-google-plus:before {
	content: "\f0d5"
}

.fa-money:before {
	content: "\f0d6"
}

.fa-caret-down:before {
	content: "\f0d7"
}

.fa-caret-up:before {
	content: "\f0d8"
}

.fa-caret-left:before {
	content: "\f0d9"
}

.fa-caret-right:before {
	content: "\f0da"
}

.fa-columns:before {
	content: "\f0db"
}

.fa-unsorted:before,.fa-sort:before {
	content: "\f0dc"
}

.fa-sort-down:before,.fa-sort-desc:before {
	content: "\f0dd"
}

.fa-sort-up:before,.fa-sort-asc:before {
	content: "\f0de"
}

.fa-envelope:before {
	content: "\f0e0"
}

.fa-linkedin:before {
	content: "\f0e1"
}

.fa-rotate-left:before,.fa-undo:before {
	content: "\f0e2"
}

.fa-legal:before,.fa-gavel:before {
	content: "\f0e3"
}

.fa-dashboard:before,.fa-tachometer:before {
	content: "\f0e4"
}

.fa-comment-o:before {
	content: "\f0e5"
}

.fa-comments-o:before {
	content: "\f0e6"
}

.fa-flash:before,.fa-bolt:before {
	content: "\f0e7"
}

.fa-sitemap:before {
	content: "\f0e8"
}

.fa-umbrella:before {
	content: "\f0e9"
}

.fa-paste:before,.fa-clipboard:before {
	content: "\f0ea"
}

.fa-lightbulb-o:before {
	content: "\f0eb"
}

.fa-exchange:before {
	content: "\f0ec"
}

.fa-cloud-download:before {
	content: "\f0ed"
}

.fa-cloud-upload:before {
	content: "\f0ee"
}

.fa-user-md:before {
	content: "\f0f0"
}

.fa-stethoscope:before {
	content: "\f0f1"
}

.fa-suitcase:before {
	content: "\f0f2"
}

.fa-bell-o:before {
	content: "\f0a2"
}

.fa-coffee:before {
	content: "\f0f4"
}

.fa-cutlery:before {
	content: "\f0f5"
}

.fa-file-text-o:before {
	content: "\f0f6"
}

.fa-building-o:before {
	content: "\f0f7"
}

.fa-hospital-o:before {
	content: "\f0f8"
}

.fa-ambulance:before {
	content: "\f0f9"
}

.fa-medkit:before {
	content: "\f0fa"
}

.fa-fighter-jet:before {
	content: "\f0fb"
}

.fa-beer:before {
	content: "\f0fc"
}

.fa-h-square:before {
	content: "\f0fd"
}

.fa-plus-square:before {
	content: "\f0fe"
}

.fa-angle-double-left:before {
	content: "\f100"
}

.fa-angle-double-right:before {
	content: "\f101"
}

.fa-angle-double-up:before {
	content: "\f102"
}

.fa-angle-double-down:before {
	content: "\f103"
}

.fa-angle-left:before {
	content: "\f104"
}

.fa-angle-right:before {
	content: "\f105"
}

.fa-angle-up:before {
	content: "\f106"
}

.fa-angle-down:before {
	content: "\f107"
}

.fa-desktop:before {
	content: "\f108"
}

.fa-laptop:before {
	content: "\f109"
}

.fa-tablet:before {
	content: "\f10a"
}

.fa-mobile-phone:before,.fa-mobile:before {
	content: "\f10b"
}

.fa-circle-o:before {
	content: "\f10c"
}

.fa-quote-left:before {
	content: "\f10d"
}

.fa-quote-right:before {
	content: "\f10e"
}

.fa-spinner:before {
	content: "\f110"
}

.fa-circle:before {
	content: "\f111"
}

.fa-mail-reply:before,.fa-reply:before {
	content: "\f112"
}

.fa-github-alt:before {
	content: "\f113"
}

.fa-folder-o:before {
	content: "\f114"
}

.fa-folder-open-o:before {
	content: "\f115"
}

.fa-smile-o:before {
	content: "\f118"
}

.fa-frown-o:before {
	content: "\f119"
}

.fa-meh-o:before {
	content: "\f11a"
}

.fa-gamepad:before {
	content: "\f11b"
}

.fa-keyboard-o:before {
	content: "\f11c"
}

.fa-flag-o:before {
	content: "\f11d"
}

.fa-flag-checkered:before {
	content: "\f11e"
}

.fa-terminal:before {
	content: "\f120"
}

.fa-code:before {
	content: "\f121"
}

.fa-mail-reply-all:before,.fa-reply-all:before {
	content: "\f122"
}

.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before {
	content: "\f123"
}

.fa-location-arrow:before {
	content: "\f124"
}

.fa-crop:before {
	content: "\f125"
}

.fa-code-fork:before {
	content: "\f126"
}

.fa-unlink:before,.fa-chain-broken:before {
	content: "\f127"
}

.fa-question:before {
	content: "\f128"
}

.fa-info:before {
	content: "\f129"
}

.fa-exclamation:before {
	content: "\f12a"
}

.fa-superscript:before {
	content: "\f12b"
}

.fa-subscript:before {
	content: "\f12c"
}

.fa-eraser:before {
	content: "\f12d"
}

.fa-puzzle-piece:before {
	content: "\f12e"
}

.fa-microphone:before {
	content: "\f130"
}

.fa-microphone-slash:before {
	content: "\f131"
}

.fa-shield:before {
	content: "\f132"
}

.fa-calendar-o:before {
	content: "\f133"
}

.fa-fire-extinguisher:before {
	content: "\f134"
}

.fa-rocket:before {
	content: "\f135"
}

.fa-maxcdn:before {
	content: "\f136"
}

.fa-chevron-circle-left:before {
	content: "\f137"
}

.fa-chevron-circle-right:before {
	content: "\f138"
}

.fa-chevron-circle-up:before {
	content: "\f139"
}

.fa-chevron-circle-down:before {
	content: "\f13a"
}

.fa-html5:before {
	content: "\f13b"
}

.fa-css3:before {
	content: "\f13c"
}

.fa-anchor:before {
	content: "\f13d"
}

.fa-unlock-alt:before {
	content: "\f13e"
}

.fa-bullseye:before {
	content: "\f140"
}

.fa-ellipsis-h:before {
	content: "\f141"
}

.fa-ellipsis-v:before {
	content: "\f142"
}

.fa-rss-square:before {
	content: "\f143"
}

.fa-play-circle:before {
	content: "\f144"
}

.fa-ticket:before {
	content: "\f145"
}

.fa-minus-square:before {
	content: "\f146"
}

.fa-minus-square-o:before {
	content: "\f147"
}

.fa-level-up:before {
	content: "\f148"
}

.fa-level-down:before {
	content: "\f149"
}

.fa-check-square:before {
	content: "\f14a"
}

.fa-pencil-square:before {
	content: "\f14b"
}

.fa-external-link-square:before {
	content: "\f14c"
}

.fa-share-square:before {
	content: "\f14d"
}

.fa-compass:before {
	content: "\f14e"
}

.fa-toggle-down:before,.fa-caret-square-o-down:before {
	content: "\f150"
}

.fa-toggle-up:before,.fa-caret-square-o-up:before {
	content: "\f151"
}

.fa-toggle-right:before,.fa-caret-square-o-right:before {
	content: "\f152"
}

.fa-euro:before,.fa-eur:before {
	content: "\f153"
}

.fa-gbp:before {
	content: "\f154"
}

.fa-dollar:before,.fa-usd:before {
	content: "\f155"
}

.fa-rupee:before,.fa-inr:before {
	content: "\f156"
}

.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before {
	content: "\f157"
}

.fa-ruble:before,.fa-rouble:before,.fa-rub:before {
	content: "\f158"
}

.fa-won:before,.fa-krw:before {
	content: "\f159"
}

.fa-bitcoin:before,.fa-btc:before {
	content: "\f15a"
}

.fa-file:before {
	content: "\f15b"
}

.fa-file-text:before {
	content: "\f15c"
}

.fa-sort-alpha-asc:before {
	content: "\f15d"
}

.fa-sort-alpha-desc:before {
	content: "\f15e"
}

.fa-sort-amount-asc:before {
	content: "\f160"
}

.fa-sort-amount-desc:before {
	content: "\f161"
}

.fa-sort-numeric-asc:before {
	content: "\f162"
}

.fa-sort-numeric-desc:before {
	content: "\f163"
}

.fa-thumbs-up:before {
	content: "\f164"
}

.fa-thumbs-down:before {
	content: "\f165"
}

.fa-youtube-square:before {
	content: "\f166"
}

.fa-youtube:before {
	content: "\f167"
}

.fa-xing:before {
	content: "\f168"
}

.fa-xing-square:before {
	content: "\f169"
}

.fa-youtube-play:before {
	content: "\f16a"
}

.fa-dropbox:before {
	content: "\f16b"
}

.fa-stack-overflow:before {
	content: "\f16c"
}

.fa-instagram:before {
	content: "\f16d"
}

.fa-flickr:before {
	content: "\f16e"
}

.fa-adn:before {
	content: "\f170"
}

.fa-bitbucket:before {
	content: "\f171"
}

.fa-bitbucket-square:before {
	content: "\f172"
}

.fa-tumblr:before {
	content: "\f173"
}

.fa-tumblr-square:before {
	content: "\f174"
}

.fa-long-arrow-down:before {
	content: "\f175"
}

.fa-long-arrow-up:before {
	content: "\f176"
}

.fa-long-arrow-left:before {
	content: "\f177"
}

.fa-long-arrow-right:before {
	content: "\f178"
}

.fa-apple:before {
	content: "\f179"
}

.fa-windows:before {
	content: "\f17a"
}

.fa-android:before {
	content: "\f17b"
}

.fa-linux:before {
	content: "\f17c"
}

.fa-dribbble:before {
	content: "\f17d"
}

.fa-skype:before {
	content: "\f17e"
}

.fa-foursquare:before {
	content: "\f180"
}

.fa-trello:before {
	content: "\f181"
}

.fa-female:before {
	content: "\f182"
}

.fa-male:before {
	content: "\f183"
}

.fa-gittip:before,.fa-gratipay:before {
	content: "\f184"
}

.fa-sun-o:before {
	content: "\f185"
}

.fa-moon-o:before {
	content: "\f186"
}

.fa-archive:before {
	content: "\f187"
}

.fa-bug:before {
	content: "\f188"
}

.fa-vk:before {
	content: "\f189"
}

.fa-weibo:before {
	content: "\f18a"
}

.fa-renren:before {
	content: "\f18b"
}

.fa-pagelines:before {
	content: "\f18c"
}

.fa-stack-exchange:before {
	content: "\f18d"
}

.fa-arrow-circle-o-right:before {
	content: "\f18e"
}

.fa-arrow-circle-o-left:before {
	content: "\f190"
}

.fa-toggle-left:before,.fa-caret-square-o-left:before {
	content: "\f191"
}

.fa-dot-circle-o:before {
	content: "\f192"
}

.fa-wheelchair:before {
	content: "\f193"
}

.fa-vimeo-square:before {
	content: "\f194"
}

.fa-turkish-lira:before,.fa-try:before {
	content: "\f195"
}

.fa-plus-square-o:before {
	content: "\f196"
}

.fa-space-shuttle:before {
	content: "\f197"
}

.fa-slack:before {
	content: "\f198"
}

.fa-envelope-square:before {
	content: "\f199"
}

.fa-wordpress:before {
	content: "\f19a"
}

.fa-openid:before {
	content: "\f19b"
}

.fa-institution:before,.fa-bank:before,.fa-university:before {
	content: "\f19c"
}

.fa-mortar-board:before,.fa-graduation-cap:before {
	content: "\f19d"
}

.fa-yahoo:before {
	content: "\f19e"
}

.fa-google:before {
	content: "\f1a0"
}

.fa-reddit:before {
	content: "\f1a1"
}

.fa-reddit-square:before {
	content: "\f1a2"
}

.fa-stumbleupon-circle:before {
	content: "\f1a3"
}

.fa-stumbleupon:before {
	content: "\f1a4"
}

.fa-delicious:before {
	content: "\f1a5"
}

.fa-digg:before {
	content: "\f1a6"
}

.fa-pied-piper:before {
	content: "\f1a7"
}

.fa-pied-piper-alt:before {
	content: "\f1a8"
}

.fa-drupal:before {
	content: "\f1a9"
}

.fa-joomla:before {
	content: "\f1aa"
}

.fa-language:before {
	content: "\f1ab"
}

.fa-fax:before {
	content: "\f1ac"
}

.fa-building:before {
	content: "\f1ad"
}

.fa-child:before {
	content: "\f1ae"
}

.fa-paw:before {
	content: "\f1b0"
}

.fa-spoon:before {
	content: "\f1b1"
}

.fa-cube:before {
	content: "\f1b2"
}

.fa-cubes:before {
	content: "\f1b3"
}

.fa-behance:before {
	content: "\f1b4"
}

.fa-behance-square:before {
	content: "\f1b5"
}

.fa-steam:before {
	content: "\f1b6"
}

.fa-steam-square:before {
	content: "\f1b7"
}

.fa-recycle:before {
	content: "\f1b8"
}

.fa-automobile:before,.fa-car:before {
	content: "\f1b9"
}

.fa-cab:before,.fa-taxi:before {
	content: "\f1ba"
}

.fa-tree:before {
	content: "\f1bb"
}

.fa-spotify:before {
	content: "\f1bc"
}

.fa-deviantart:before {
	content: "\f1bd"
}

.fa-soundcloud:before {
	content: "\f1be"
}

.fa-database:before {
	content: "\f1c0"
}

.fa-file-pdf-o:before {
	content: "\f1c1"
}

.fa-file-word-o:before {
	content: "\f1c2"
}

.fa-file-excel-o:before {
	content: "\f1c3"
}

.fa-file-powerpoint-o:before {
	content: "\f1c4"
}

.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before {
	content: "\f1c5"
}

.fa-file-zip-o:before,.fa-file-archive-o:before {
	content: "\f1c6"
}

.fa-file-sound-o:before,.fa-file-audio-o:before {
	content: "\f1c7"
}

.fa-file-movie-o:before,.fa-file-video-o:before {
	content: "\f1c8"
}

.fa-file-code-o:before {
	content: "\f1c9"
}

.fa-vine:before {
	content: "\f1ca"
}

.fa-codepen:before {
	content: "\f1cb"
}

.fa-jsfiddle:before {
	content: "\f1cc"
}

.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before {
	content: "\f1cd"
}

.fa-circle-o-notch:before {
	content: "\f1ce"
}

.fa-ra:before,.fa-rebel:before {
	content: "\f1d0"
}

.fa-ge:before,.fa-empire:before {
	content: "\f1d1"
}

.fa-git-square:before {
	content: "\f1d2"
}

.fa-git:before {
	content: "\f1d3"
}

.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before {
	content: "\f1d4"
}

.fa-tencent-weibo:before {
	content: "\f1d5"
}

.fa-qq:before {
	content: "\f1d6"
}

.fa-wechat:before,.fa-weixin:before {
	content: "\f1d7"
}

.fa-send:before,.fa-paper-plane:before {
	content: "\f1d8"
}

.fa-send-o:before,.fa-paper-plane-o:before {
	content: "\f1d9"
}

.fa-history:before {
	content: "\f1da"
}

.fa-circle-thin:before {
	content: "\f1db"
}

.fa-header:before {
	content: "\f1dc"
}

.fa-paragraph:before {
	content: "\f1dd"
}

.fa-sliders:before {
	content: "\f1de"
}

.fa-share-alt:before {
	content: "\f1e0"
}

.fa-share-alt-square:before {
	content: "\f1e1"
}

.fa-bomb:before {
	content: "\f1e2"
}

.fa-soccer-ball-o:before,.fa-futbol-o:before {
	content: "\f1e3"
}

.fa-tty:before {
	content: "\f1e4"
}

.fa-binoculars:before {
	content: "\f1e5"
}

.fa-plug:before {
	content: "\f1e6"
}

.fa-slideshare:before {
	content: "\f1e7"
}

.fa-twitch:before {
	content: "\f1e8"
}

.fa-yelp:before {
	content: "\f1e9"
}

.fa-newspaper-o:before {
	content: "\f1ea"
}

.fa-wifi:before {
	content: "\f1eb"
}

.fa-calculator:before {
	content: "\f1ec"
}

.fa-paypal:before {
	content: "\f1ed"
}

.fa-google-wallet:before {
	content: "\f1ee"
}

.fa-cc-visa:before {
	content: "\f1f0"
}

.fa-cc-mastercard:before {
	content: "\f1f1"
}

.fa-cc-discover:before {
	content: "\f1f2"
}

.fa-cc-amex:before {
	content: "\f1f3"
}

.fa-cc-paypal:before {
	content: "\f1f4"
}

.fa-cc-stripe:before {
	content: "\f1f5"
}

.fa-bell-slash:before {
	content: "\f1f6"
}

.fa-bell-slash-o:before {
	content: "\f1f7"
}

.fa-trash:before {
	content: "\f1f8"
}

.fa-copyright:before {
	content: "\f1f9"
}

.fa-at:before {
	content: "\f1fa"
}

.fa-eyedropper:before {
	content: "\f1fb"
}

.fa-paint-brush:before {
	content: "\f1fc"
}

.fa-birthday-cake:before {
	content: "\f1fd"
}

.fa-area-chart:before {
	content: "\f1fe"
}

.fa-pie-chart:before {
	content: "\f200"
}

.fa-line-chart:before {
	content: "\f201"
}

.fa-lastfm:before {
	content: "\f202"
}

.fa-lastfm-square:before {
	content: "\f203"
}

.fa-toggle-off:before {
	content: "\f204"
}

.fa-toggle-on:before {
	content: "\f205"
}

.fa-bicycle:before {
	content: "\f206"
}

.fa-bus:before {
	content: "\f207"
}

.fa-ioxhost:before {
	content: "\f208"
}

.fa-angellist:before {
	content: "\f209"
}

.fa-cc:before {
	content: "\f20a"
}

.fa-shekel:before,.fa-sheqel:before,.fa-ils:before {
	content: "\f20b"
}

.fa-meanpath:before {
	content: "\f20c"
}

.fa-buysellads:before {
	content: "\f20d"
}

.fa-connectdevelop:before {
	content: "\f20e"
}

.fa-dashcube:before {
	content: "\f210"
}

.fa-forumbee:before {
	content: "\f211"
}

.fa-leanpub:before {
	content: "\f212"
}

.fa-sellsy:before {
	content: "\f213"
}

.fa-shirtsinbulk:before {
	content: "\f214"
}

.fa-simplybuilt:before {
	content: "\f215"
}

.fa-skyatlas:before {
	content: "\f216"
}

.fa-cart-plus:before {
	content: "\f217"
}

.fa-cart-arrow-down:before {
	content: "\f218"
}

.fa-diamond:before {
	content: "\f219"
}

.fa-ship:before {
	content: "\f21a"
}

.fa-user-secret:before {
	content: "\f21b"
}

.fa-motorcycle:before {
	content: "\f21c"
}

.fa-street-view:before {
	content: "\f21d"
}

.fa-heartbeat:before {
	content: "\f21e"
}

.fa-venus:before {
	content: "\f221"
}

.fa-mars:before {
	content: "\f222"
}

.fa-mercury:before {
	content: "\f223"
}

.fa-intersex:before,.fa-transgender:before {
	content: "\f224"
}

.fa-transgender-alt:before {
	content: "\f225"
}

.fa-venus-double:before {
	content: "\f226"
}

.fa-mars-double:before {
	content: "\f227"
}

.fa-venus-mars:before {
	content: "\f228"
}

.fa-mars-stroke:before {
	content: "\f229"
}

.fa-mars-stroke-v:before {
	content: "\f22a"
}

.fa-mars-stroke-h:before {
	content: "\f22b"
}

.fa-neuter:before {
	content: "\f22c"
}

.fa-genderless:before {
	content: "\f22d"
}

.fa-facebook-official:before {
	content: "\f230"
}

.fa-pinterest-p:before {
	content: "\f231"
}

.fa-whatsapp:before {
	content: "\f232"
}

.fa-server:before {
	content: "\f233"
}

.fa-user-plus:before {
	content: "\f234"
}

.fa-user-times:before {
	content: "\f235"
}

.fa-hotel:before,.fa-bed:before {
	content: "\f236"
}

.fa-viacoin:before {
	content: "\f237"
}

.fa-train:before {
	content: "\f238"
}

.fa-subway:before {
	content: "\f239"
}

.fa-medium:before {
	content: "\f23a"
}

.fa-yc:before,.fa-y-combinator:before {
	content: "\f23b"
}

.fa-optin-monster:before {
	content: "\f23c"
}

.fa-opencart:before {
	content: "\f23d"
}

.fa-expeditedssl:before {
	content: "\f23e"
}

.fa-battery-4:before,.fa-battery-full:before {
	content: "\f240"
}

.fa-battery-3:before,.fa-battery-three-quarters:before {
	content: "\f241"
}

.fa-battery-2:before,.fa-battery-half:before {
	content: "\f242"
}

.fa-battery-1:before,.fa-battery-quarter:before {
	content: "\f243"
}

.fa-battery-0:before,.fa-battery-empty:before {
	content: "\f244"
}

.fa-mouse-pointer:before {
	content: "\f245"
}

.fa-i-cursor:before {
	content: "\f246"
}

.fa-object-group:before {
	content: "\f247"
}

.fa-object-ungroup:before {
	content: "\f248"
}

.fa-sticky-note:before {
	content: "\f249"
}

.fa-sticky-note-o:before {
	content: "\f24a"
}

.fa-cc-jcb:before {
	content: "\f24b"
}

.fa-cc-diners-club:before {
	content: "\f24c"
}

.fa-clone:before {
	content: "\f24d"
}

.fa-balance-scale:before {
	content: "\f24e"
}

.fa-hourglass-o:before {
	content: "\f250"
}

.fa-hourglass-1:before,.fa-hourglass-start:before {
	content: "\f251"
}

.fa-hourglass-2:before,.fa-hourglass-half:before {
	content: "\f252"
}

.fa-hourglass-3:before,.fa-hourglass-end:before {
	content: "\f253"
}

.fa-hourglass:before {
	content: "\f254"
}

.fa-hand-grab-o:before,.fa-hand-rock-o:before {
	content: "\f255"
}

.fa-hand-stop-o:before,.fa-hand-paper-o:before {
	content: "\f256"
}

.fa-hand-scissors-o:before {
	content: "\f257"
}

.fa-hand-lizard-o:before {
	content: "\f258"
}

.fa-hand-spock-o:before {
	content: "\f259"
}

.fa-hand-pointer-o:before {
	content: "\f25a"
}

.fa-hand-peace-o:before {
	content: "\f25b"
}

.fa-trademark:before {
	content: "\f25c"
}

.fa-registered:before {
	content: "\f25d"
}

.fa-creative-commons:before {
	content: "\f25e"
}

.fa-gg:before {
	content: "\f260"
}

.fa-gg-circle:before {
	content: "\f261"
}

.fa-tripadvisor:before {
	content: "\f262"
}

.fa-odnoklassniki:before {
	content: "\f263"
}

.fa-odnoklassniki-square:before {
	content: "\f264"
}

.fa-get-pocket:before {
	content: "\f265"
}

.fa-wikipedia-w:before {
	content: "\f266"
}

.fa-safari:before {
	content: "\f267"
}

.fa-chrome:before {
	content: "\f268"
}

.fa-firefox:before {
	content: "\f269"
}

.fa-opera:before {
	content: "\f26a"
}

.fa-internet-explorer:before {
	content: "\f26b"
}

.fa-tv:before,.fa-television:before {
	content: "\f26c"
}

.fa-contao:before {
	content: "\f26d"
}

.fa-500px:before {
	content: "\f26e"
}

.fa-amazon:before {
	content: "\f270"
}

.fa-calendar-plus-o:before {
	content: "\f271"
}

.fa-calendar-minus-o:before {
	content: "\f272"
}

.fa-calendar-times-o:before {
	content: "\f273"
}

.fa-calendar-check-o:before {
	content: "\f274"
}

.fa-industry:before {
	content: "\f275"
}

.fa-map-pin:before {
	content: "\f276"
}

.fa-map-signs:before {
	content: "\f277"
}

.fa-map-o:before {
	content: "\f278"
}

.fa-map:before {
	content: "\f279"
}

.fa-commenting:before {
	content: "\f27a"
}

.fa-commenting-o:before {
	content: "\f27b"
}

.fa-houzz:before {
	content: "\f27c"
}

.fa-vimeo:before {
	content: "\f27d"
}

.fa-black-tie:before {
	content: "\f27e"
}

.fa-fonticons:before {
	content: "\f280"
}

@-webkit-keyframes a {
	0% {
		-webkit-transform: translate(-50%,-50%) rotateX(0) rotateY(0);
		transform: translate(-50%,-50%) rotateX(0) rotateY(0)
	}

	50% {
		-webkit-transform: translate(-50%,-50%) rotateX(-180deg) rotateY(0);
		transform: translate(-50%,-50%) rotateX(-180deg) rotateY(0)
	}

	to {
		-webkit-transform: translate(-50%,-50%) rotateX(-180deg) rotateY(-180deg);
		transform: translate(-50%,-50%) rotateX(-180deg) rotateY(-180deg)
	}
}

@keyframes a {
	0% {
		-webkit-transform: translate(-50%,-50%) rotateX(0) rotateY(0);
		transform: translate(-50%,-50%) rotateX(0) rotateY(0)
	}

	50% {
		-webkit-transform: translate(-50%,-50%) rotateX(-180deg) rotateY(0);
		transform: translate(-50%,-50%) rotateX(-180deg) rotateY(0)
	}

	to {
		-webkit-transform: translate(-50%,-50%) rotateX(-180deg) rotateY(-180deg);
		transform: translate(-50%,-50%) rotateX(-180deg) rotateY(-180deg)
	}
}

.fluidbox {
	outline: none
}

.fluidbox__overlay {
	background-color: hsla(0,0%,100%,.85);
	cursor: pointer;
	cursor: zoom-out;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.fluidbox--opened .fluidbox__overlay {
	pointer-events: auto
}

.fluidbox__wrap {
	background-position: center center;
	background-size: cover;
	margin: 0 auto;
	position: relative;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.fluidbox--closed .fluidbox__thumb,.fluidbox__thumb {
	-webkit-transition: opacity 0s ease-in-out 0s;
	transition: opacity 0s ease-in-out 0s
}

.fluidbox__ghost {
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	transition-duration: 0s,.5s;
	transition-delay: 0s;
	-webkit-transition-property: opacity,-webkit-transform;
	transition-property: opacity,-webkit-transform;
	transition-property: opacity,transform
}

.fluidbox--opened .fluidbox__ghost {
	cursor: pointer;
	cursor: zoom-out
}

.fluidbox--closed .fluidbox__ghost {
	-webkit-transition-delay: .5s,0s;
	transition-delay: .5s,0s
}

.fluidbox__loader {
	opacity: 0;
	-webkit-perspective: 200px;
	perspective: 200px;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

.fluidbox__loader:before {
	background-color: hsla(0,0%,100%,.85);
	content: '';
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20%;
	padding-bottom: 20%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}

.fluidbox--loading .fluidbox__loader {
	opacity: 1;
	-webkit-transition: opacity .5s ease-in-out .5s;
	transition: opacity .5s ease-in-out .5s
}

.fluidbox--loading .fluidbox__loader:before {
	-webkit-animation: a 1s 0s infinite ease-in-out forwards;
	animation: a 1s 0s infinite ease-in-out forwards
}
/*# sourceMappingURL=fluidbox.min.css.map */.swiper-container {
	margin: 0
auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}

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

.swiper-container-android .swiper-slide,.swiper-wrapper {
	-webkit-transform: translate3d(0px,0,0);
	-moz-transform: translate3d(0px,0,0);
	-o-transform: translate(0px,0px);
	-ms-transform: translate3d(0px,0,0);
	transform: translate3d(0px,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

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

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative
}

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

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-transition-property: -webkit-transform, height;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform, height
}

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

.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-button-prev,.swiper-button-next {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}

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

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

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

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

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

.swiper-pagination-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;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none
}

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

.swiper-pagination-white .swiper-pagination-bullet {
	background: #fff
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

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

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

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

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

.swiper-pagination-progress .swiper-pagination-progressbar {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top
}

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

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

.swiper-pagination-progress.swiper-pagination-white {
	background: rgba(255, 255, 255, 0.5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
	background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
	background: #000
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-o-perspective: 1200px;
	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 {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	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: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	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: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	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: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	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: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
	-ms-perspective: 1200px
}

.swiper-container-cube,.swiper-container-flip {
	overflow: visible
}

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

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

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

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

.swiper-container-cube .swiper-slide {
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}

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

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

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

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

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

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

.swiper-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-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-moz-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

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

@keyframes swiper-preloader-spin {
	100% {
		transform: rotate(360deg)
	}
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	-ms-touch-action: none;
	touch-action: none;
	z-index: 1500;
	-webkit-text-size-adjust: 100%;
	-webkit-backface-visibility: hidden;
	outline: none
}

.pswp
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.pswp
img {
	max-width: none
}

.pswp--animate_opacity {
	opacity: 0.001;
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: opacity 333ms cubic-bezier(0.4,0,0.22,1)
}

.pswp--open {
	display: block
}

.pswp--zoom-allowed
.pswp__img {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}

.pswp--zoomed-in
.pswp__img {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab
}

.pswp--dragging
.pswp__img {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing
}

.pswp__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	will-change: opacity
}

.pswp__scroll-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.pswp__container,.pswp__zoom-wrap {
	-ms-touch-action: none;
	touch-action: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.pswp__container,.pswp__img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none
}

.pswp__zoom-wrap {
	position: absolute;
	width: 100%;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: transform 333ms cubic-bezier(0.4,0,0.22,1)
}

.pswp__bg {
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
	-webkit-transition: none;
	transition: none
}

.pswp__container,.pswp__zoom-wrap {
	-webkit-backface-visibility: hidden
}

.pswp__item {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden
}

.pswp__img {
	position: absolute;
	width: auto;
	height: auto;
	top: 0;
	left: 0
}

.pswp__img--placeholder {
	-webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
	background: #222
}

.pswp--ie
.pswp__img {
	width: 100% !important;
	height: auto !important;
	left: 0;
	top: 0
}

.pswp__error-msg {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	margin-top: -8px;
	color: #CCC
}

.pswp__error-msg
a {
	color: #CCC;
	text-decoration: underline
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
	width: 44px;
	height: 44px;
	position: relative;
	background: none;
	cursor: pointer;
	overflow: visible;
	-webkit-appearance: none;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	opacity: 0.75;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	-webkit-box-shadow: none;
	box-shadow: none
}

.pswp__button:focus,.pswp__button:hover {
	opacity: 1
}

.pswp__button:active {
	outline: none;
	opacity: 0.9
}

.pswp__button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.pswp__ui--over-close .pswp__button--close {
	opacity: 1
}

.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before {
	background: url(../fonts/9e62684a0af44dc996a902e9521e2777.svg)
}

.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
	background: none
}}

.pswp__button--close {
	background-position: 0 -44px
}

.pswp__button--share {
	background-position: -44px -44px
}

.pswp__button--fs {
	display: none
}

.pswp--supports-fs .pswp__button--fs {
	display: block
}

.pswp--fs .pswp__button--fs {
	background-position: -44px 0
}

.pswp__button--zoom {
	display: none;
	background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
	display: block
}

.pswp--zoomed-in .pswp__button--zoom {
	background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
	visibility: hidden
}

.pswp__button--arrow--left,.pswp__button--arrow--right {
	background: none;
	top: 50%;
	margin-top: -50px;
	width: 70px;
	height: 100px;
	position: absolute
}

.pswp__button--arrow--left {
	left: 0
}

.pswp__button--arrow--right {
	right: 0
}

.pswp__button--arrow--left:before,.pswp__button--arrow--right:before {
	content: '';
	top: 35px;
	background-color: rgba(0,0,0,0.3);
	height: 30px;
	width: 32px;
	position: absolute
}

.pswp__button--arrow--left:before {
	left: 6px;
	background-position: -138px -44px
}

.pswp__button--arrow--right:before {
	right: 6px;
	background-position: -94px -44px
}

.pswp__counter,.pswp__share-modal {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.pswp__share-modal {
	display: block;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 10px;
	position: absolute;
	z-index: 1600;
	opacity: 0;
	-webkit-transition: opacity 0.25s ease-out;
	transition: opacity 0.25s ease-out;
	-webkit-backface-visibility: hidden;
	will-change: opacity
}

.pswp__share-modal--hidden {
	display: none
}

.pswp__share-tooltip {
	z-index: 1620;
	position: absolute;
	background: #FFF;
	top: 56px;
	border-radius: 2px;
	display: block;
	width: auto;
	right: 44px;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
	-webkit-transform: translateY(6px);
	-ms-transform: translateY(6px);
	transform: translateY(6px);
	-webkit-transition: -webkit-transform 0.25s;
	transition: transform 0.25s;
	-webkit-backface-visibility: hidden;
	will-change: transform
}

.pswp__share-tooltip
a {
	display: block;
	padding: 8px
12px;
	color: #000;
	text-decoration: none;
	font-size: 14px;
	line-height: 18px
}

.pswp__share-tooltip a:hover {
	text-decoration: none;
	color: #000
}

.pswp__share-tooltip a:first-child {
	border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
	border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
	opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip
a {
	padding: 16px
12px
}

a.pswp__share--facebook:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: -12px;
	right: 15px;
	border: 6px
solid transparent;
	border-bottom-color: #FFF;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	pointer-events: none
}

a.pswp__share--facebook:hover {
	background: #3E5C9A;
	color: #FFF
}

a.pswp__share--facebook:hover:before {
	border-bottom-color: #3E5C9A
}

a.pswp__share--twitter:hover {
	background: #55ACEE;
	color: #FFF
}

a.pswp__share--pinterest:hover {
	background: #CCC;
	color: #CE272D
}

a.pswp__share--download:hover {
	background: #DDD
}

.pswp__counter {
	position: absolute;
	left: 0;
	top: 0;
	height: 44px;
	font-size: 13px;
	line-height: 44px;
	color: #FFF;
	opacity: 0.75;
	padding: 0
10px
}

.pswp__caption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	min-height: 44px
}

.pswp__caption
small {
	font-size: 11px;
	color: #BBB
}

.pswp__caption__center {
	text-align: left;
	max-width: 420px;
	margin: 0
auto;
	font-size: 13px;
	padding: 10px;
	line-height: 20px;
	color: #CCC
}

.pswp__caption--empty {
	display: none
}

.pswp__caption--fake {
	visibility: hidden
}

.pswp__preloader {
	width: 44px;
	height: 44px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -22px;
	opacity: 0;
	-webkit-transition: opacity 0.25s ease-out;
	transition: opacity 0.25s ease-out;
	will-change: opacity;
	direction: ltr
}

.pswp__preloader__icn {
	width: 20px;
	height: 20px;
	margin: 12px
}

.pswp__preloader--active {
	opacity: 1
}

.pswp__preloader--active
.pswp__preloader__icn {
	background: url(../images/preloader.gif) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
	opacity: 1
}

.pswp--css_animation .pswp__preloader--active
.pswp__preloader__icn {
	-webkit-animation: clockwise 500ms linear infinite;
	animation: clockwise 500ms linear infinite
}

.pswp--css_animation .pswp__preloader--active
.pswp__preloader__donut {
	-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
	animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite
}

.pswp--css_animation
.pswp__preloader__icn {
	background: none;
	opacity: 0.75;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 15px;
	top: 15px;
	margin: 0
}

.pswp--css_animation
.pswp__preloader__cut {
	position: relative;
	width: 7px;
	height: 14px;
	overflow: hidden
}

.pswp--css_animation
.pswp__preloader__donut {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 14px;
	height: 14px;
	border: 2px
solid #FFF;
	border-radius: 50%;
	border-left-color: transparent;
	border-bottom-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	background: none;
	margin: 0
}

@media screen and (max-width: 1024px) {
	.pswp__preloader {
		position: relative;
		left: auto;
		top: auto;
		margin: 0;
		float: right
	}
}

@-webkit-keyframes
clockwise {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

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

@keyframes
clockwise {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

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

@-webkit-keyframes donut-rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	50% {
		-webkit-transform: rotate(-140deg);
		transform: rotate(-140deg)
	}

	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}

@keyframes donut-rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	50% {
		-webkit-transform: rotate(-140deg);
		transform: rotate(-140deg)
	}

	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}

.pswp__ui {
	-webkit-font-smoothing: auto;
	visibility: visible;
	opacity: 1;
	z-index: 1550
}

.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	height: 44px;
	width: 100%
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
	-webkit-backface-visibility: hidden;
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
	visibility: visible
}

.pswp__top-bar,.pswp__caption {
	background-color: rgba(0, 0, 0, 0.5)
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit
.pswp__caption {
	background-color: rgba(0, 0, 0, 0.3)
}

.pswp__ui--idle .pswp__top-bar {
	opacity: 0
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
	opacity: 0
}

.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
	opacity: 0.001
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide
.pswp__counter {
	display: none
}

.pswp__element--disabled {
	display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
	background: none
}

.select2-container {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle
}

.select2-container .select2-selection--single {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 28px;
	user-select: none;
	-webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
	display: block;
	padding-left: 8px;
	padding-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
	position: relative
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
	padding-right: 8px;
	padding-left: 20px
}

.select2-container .select2-selection--multiple {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	min-height: 32px;
	user-select: none;
	-webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
	display: inline-block;
	overflow: hidden;
	padding-left: 8px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.select2-container .select2-search--inline {
	float: left
}

.select2-container .select2-search--inline .select2-search__field {
	box-sizing: border-box;
	border: none;
	font-size: 100%;
	margin-top: 5px;
	padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
	-webkit-appearance: none
}

.select2-dropdown {
	background-color: white;
	border: 1px
solid #aaa;
	border-radius: 4px;
	box-sizing: border-box;
	display: block;
	position: absolute;
	left: -100000px;
	width: 100%;
	z-index: 1051
}

.select2-results {
	display: block
}

.select2-results__options {
	list-style: none;
	margin: 0;
	padding: 0
}

.select2-results__option {
	padding: 6px;
	user-select: none;
	-webkit-user-select: none
}

.select2-results__option[aria-selected] {
	cursor: pointer
}

.select2-container--open .select2-dropdown {
	left: 0
}

.select2-container--open .select2-dropdown--above {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-search--dropdown {
	display: block;
	padding: 4px
}

.select2-search--dropdown .select2-search__field {
	padding: 4px;
	width: 100%;
	box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
	-webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
	display: none
}

.select2-close-mask {
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	min-height: 100%;
	min-width: 100%;
	height: auto;
	width: auto;
	opacity: 0;
	z-index: 99;
	background-color: #fff;
	filter: alpha(opacity=0)
}

.select2-hidden-accessible {
	border: 0
!important;
	clip: rect(0 0 0 0) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0
!important;
	position: absolute !important;
	width: 1px !important
}

.select2-container--default .select2-selection--single {
	background-color: #fff;
	border: 1px
solid #aaa;
	border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: bold
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 26px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow
b {
	border-color: #888 transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	height: 0;
	left: 50%;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
	float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
	left: 1px;
	right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
	background-color: #eee;
	cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
	display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow
b {
	border-color: transparent transparent #888 transparent;
	border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
	background-color: white;
	border: 1px
solid #aaa;
	border-radius: 4px;
	cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	padding: 0
5px;
	width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered
li {
	list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
	color: #999;
	margin-top: 5px;
	float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #e4e4e4;
	border: 1px
solid #aaa;
	border-radius: 4px;
	cursor: default;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	padding: 0
5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #999;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
	float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
	margin-left: 5px;
	margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
	margin-left: 2px;
	margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: solid black 1px;
	outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
	background-color: #eee;
	cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
	display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px
solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
	background: transparent;
	border: none;
	outline: 0;
	box-shadow: none;
	-webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
	max-height: 200px;
	overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
	padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
	color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
	padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
	padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -1em;
	padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -2em;
	padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -3em;
	padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -4em;
	padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -5em;
	padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #5897fb;
	color: white
}

.select2-container--default .select2-results__group {
	cursor: default;
	display: block;
	padding: 6px
}

.select2-container--classic .select2-selection--single {
	background-color: #f7f7f7;
	border: 1px
solid #aaa;
	border-radius: 4px;
	outline: 0;
	background-image: -webkit-linear-gradient(top, white 50%, #eee 100%);
	background-image: -o-linear-gradient(top, white 50%, #eee 100%);
	background-image: linear-gradient(to bottom, white 50%, #eee 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
	border: 1px
solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: bold;
	margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
	color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
	background-color: #ddd;
	border: none;
	border-left: 1px solid #aaa;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	height: 26px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px;
	background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
	background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
	background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow
b {
	border-color: #888 transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	height: 0;
	left: 50%;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
	float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
	border: none;
	border-right: 1px solid #aaa;
	border-radius: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	left: 1px;
	right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
	border: 1px
solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
	background: transparent;
	border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow
b {
	border-color: transparent transparent #888 transparent;
	border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background-image: -webkit-linear-gradient(top, white 0%, #eee 50%);
	background-image: -o-linear-gradient(top, white 0%, #eee 50%);
	background-image: linear-gradient(to bottom, white 0%, #eee 50%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-image: -webkit-linear-gradient(top, #eee 50%, white 100%);
	background-image: -o-linear-gradient(top, #eee 50%, white 100%);
	background-image: linear-gradient(to bottom, #eee 50%, white 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
	background-color: white;
	border: 1px
solid #aaa;
	border-radius: 4px;
	cursor: text;
	outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
	border: 1px
solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
	list-style: none;
	margin: 0;
	padding: 0
5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
	display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
	background-color: #e4e4e4;
	border: 1px
solid #aaa;
	border-radius: 4px;
	cursor: default;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	padding: 0
5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
	color: #888;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
	float: right
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
	margin-left: 5px;
	margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
	margin-left: 2px;
	margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
	border: 1px
solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
	border: 1px
solid #aaa;
	outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
	outline: 0;
	box-shadow: none
}

.select2-container--classic .select2-dropdown {
	background-color: white;
	border: 1px
solid transparent
}

.select2-container--classic .select2-dropdown--above {
	border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
	border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
	max-height: 200px;
	overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
	padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
	color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
	background-color: #3875d7;
	color: white
}

.select2-container--classic .select2-results__group {
	cursor: default;
	display: block;
	padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
	border-color: #5897fb
}

.plyr input[type=range]:focus,.plyr:focus {
	outline: 0
}

.plyr .plyr__video-embed iframe,.plyr__tooltip {
	pointer-events: none
}

@keyframes plyr-progress {
	to {
		background-position: 25px 0
	}
}

.plyr {
	position: relative;
	max-width: 100%;
	min-width: 200px;
	font-family: Avenir,'Avenir Next','Helvetica Neue','Segoe UI',Helvetica,Arial,sans-serif;
	direction: ltr
}

.plyr,.plyr *,.plyr ::after,.plyr ::before {
	box-sizing: border-box
}

.plyr a,.plyr button,.plyr input,.plyr
label {
	-ms-touch-action: manipulation;
	touch-action: manipulation
}

.plyr audio,.plyr
video {
	width: 100%;
	height: auto;
	vertical-align: middle;
	border-radius: inherit
}

.plyr input[type=range] {
	display: block;
	height: 20px;
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	border: none;
	background: 0 0
}

.plyr input[type=range]::-webkit-slider-runnable-track {
	height: 8px;
	background: 0 0;
	border: 0;
	border-radius: 4px;
	-webkit-user-select: none;
	user-select: none
}

.plyr input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	margin-top: -4px;
	position: relative;
	height: 16px;
	width: 16px;
	background: #fff;
	border: 2px
solid transparent;
	border-radius: 100%;
	transition: background .2s ease,border .2s ease,transform .2s ease;
	box-shadow: 0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15);
	box-sizing: border-box
}

.plyr input[type=range]::-moz-range-track {
	height: 8px;
	background: 0 0;
	border: 0;
	border-radius: 4px;
	-moz-user-select: none;
	user-select: none
}

.plyr input[type=range]::-moz-range-thumb {
	position: relative;
	height: 16px;
	width: 16px;
	background: #fff;
	border: 2px
solid transparent;
	border-radius: 100%;
	transition: background .2s ease,border .2s ease,transform .2s ease;
	box-shadow: 0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15);
	box-sizing: border-box
}

.plyr input[type=range]::-ms-track {
	height: 8px;
	background: 0 0;
	border: 0;
	color: transparent
}

.plyr input[type=range]::-ms-fill-upper {
	height: 8px;
	background: 0 0;
	border: 0;
	border-radius: 4px;
	-ms-user-select: none;
	user-select: none
}

.plyr input[type=range]::-ms-fill-lower {
	height: 8px;
	border: 0;
	border-radius: 4px;
	-ms-user-select: none;
	user-select: none;
	background: #404750
}

.plyr input[type=range]::-ms-thumb {
	position: relative;
	height: 16px;
	width: 16px;
	background: #fff;
	border: 2px
solid transparent;
	border-radius: 100%;
	transition: background .2s ease,border .2s ease,transform .2s ease;
	box-shadow: 0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15);
	box-sizing: border-box;
	margin-top: 0
}

.plyr input[type=range]::-ms-tooltip {
	display: none
}

.plyr input[type=range]::-moz-focus-outer {
	border: 0
}

.plyr input[type=range].tab-focus:focus {
	outline-offset: 3px
}

.plyr input[type=range]:active::-webkit-slider-thumb {
	background: #404750;
	border-color: #fff;
	transform: scale(1.25)
}

.plyr input[type=range]:active::-moz-range-thumb {
	background: #404750;
	border-color: #fff;
	transform: scale(1.25)
}

.plyr input[type=range]:active::-ms-thumb {
	background: #404750;
	border-color: #fff;
	transform: scale(1.25)
}

.plyr--video input[type=range].tab-focus:focus {
	outline: rgba(255,255,255,.5) dotted 1px
}

.plyr--audio input[type=range].tab-focus:focus {
	outline: rgba(86,93,100,.5) dotted 1px
}

.plyr__sr-only {
	clip: rect(1px,1px,1px,1px);
	overflow: hidden;
	position: absolute!important;
	padding: 0!important;
	border: 0!important;
	height: 1px!important;
	width: 1px!important
}

.plyr__video-wrapper {
	position: relative;
	background: #000;
	border-radius: inherit;
	-webkit-mask-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}

.plyr__video-embed {
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden
}

.plyr__video-embed
iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.plyr__video-embed>div {
	position: relative;
	padding-bottom: 200%;
	transform: translateY(-35.95%)
}

.plyr video::-webkit-media-text-track-container {
	display: none
}

.plyr__captions {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px;
	transform: translateY(-40px);
	transition: transform .3s ease;
	color: #fff;
	font-size: 16px;
	text-align: center;
	font-weight: 400
}

.plyr__captions
span {
	border-radius: 2px;
	padding: 3px
10px;
	background: rgba(0,0,0,.7);
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	line-height: 150%
}

.plyr__captions span:empty {
	display: none
}

@media (min-width:768px) {
	.plyr__captions {
		font-size: 24px
	}
}

.plyr--captions-active
.plyr__captions {
	display: block
}

.plyr--fullscreen-active
.plyr__captions {
	font-size: 32px
}

.plyr--hide-controls
.plyr__captions {
	transform: translateY(-15px)
}

.plyr ::-webkit-media-controls {
	display: none
}

.plyr__controls {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1;
	text-align: center
}

.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls>button {
	margin-left: 5px
}

.plyr__controls .plyr__progress:first-child,.plyr__controls .plyr__time:first-child,.plyr__controls>button:first-child {
	margin-left: 0
}

.plyr__controls
.plyr__volume {
	margin-left: 5px
}

.plyr__controls [data-plyr=pause] {
	margin-left: 0
}

.plyr__controls
button {
	position: relative;
	display: inline-block;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	overflow: visible;
	vertical-align: middle;
	padding: 7px;
	border: 0;
	background: 0 0;
	border-radius: 3px;
	cursor: pointer;
	transition: background .3s ease,color .3s ease,opacity .3s ease;
	color: inherit
}

.plyr__controls button
svg {
	width: 18px;
	height: 18px;
	display: block;
	fill: currentColor
}

.plyr__controls button:focus {
	outline: 0
}

.plyr__controls .icon--captions-on,.plyr__controls .icon--exit-fullscreen,.plyr__controls .icon--muted {
	display: none
}

@media (min-width:480px) {
	.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls>button {
		margin-left: 10px
	}
}

.plyr--hide-controls
.plyr__controls {
	opacity: 0;
	pointer-events: none
}

.plyr--video
.plyr__controls {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 50px
10px 10px;
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
	color: #fff;
	transition: opacity .3s ease
}

.plyr--video .plyr__controls button.tab-focus:focus,.plyr--video .plyr__controls button:hover {
	background: #404750;
	color: #fff
}

.plyr--audio
.plyr__controls {
	padding: 10px;
	border-radius: inherit;
	background: #fff;
	border: 1px
solid #dbe3e8;
	color: #565D64
}

.plyr--audio .plyr__controls button.tab-focus:focus,.plyr--audio .plyr__controls button:hover,.plyr__play-large {
	background: #404750;
	color: #fff
}

.plyr__play-large {
	display: none;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	padding: 10px;
	border: 4px
solid currentColor;
	border-radius: 100%;
	box-shadow: 0 1px 1px rgba(0,0,0,.15);
	transition: all .3s ease
}

.plyr__play-large
svg {
	position: relative;
	left: 2px;
	width: 20px;
	height: 20px;
	display: block;
	fill: currentColor
}

.plyr__play-large:focus {
	outline: rgba(255,255,255,.5) dotted 1px
}

.plyr .plyr__play-large {
	display: inline-block
}

.plyr--audio .plyr__play-large,.plyr--playing .plyr__controls [data-plyr=play],.plyr__controls [data-plyr=pause] {
	display: none
}

.plyr--playing .plyr__play-large {
	opacity: 0;
	visibility: hidden
}

.plyr--playing .plyr__controls [data-plyr=pause] {
	display: inline-block
}

.plyr--captions-active .plyr__controls .icon--captions-on,.plyr--fullscreen-active .icon--exit-fullscreen,.plyr--muted .plyr__controls .icon--muted {
	display: block
}

.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr--captions-active .plyr__controls .icon--captions-on+svg,.plyr--fullscreen-active .icon--exit-fullscreen+svg,.plyr--muted .plyr__controls .icon--muted+svg {
	display: none
}

.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen] {
	display: inline-block
}

.plyr__tooltip {
	position: absolute;
	z-index: 2;
	bottom: 100%;
	margin-bottom: 10px;
	padding: 5px
7.5px;
	opacity: 0;
	background: rgba(0,0,0,.7);
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	line-height: 1.3;
	transform: translate(-50%,10px) scale(.8);
	transform-origin: 50% 100%;
	transition: transform .2s .1s ease,opacity .2s .1s ease
}

.plyr__tooltip::before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	left: 50%;
	transform: translateX(-50%);
	bottom: -4px;
	border-right: 4px solid transparent;
	border-top: 4px solid rgba(0,0,0,.7);
	border-left: 4px solid transparent;
	z-index: 2
}

.plyr button.tab-focus:focus .plyr__tooltip,.plyr button:hover .plyr__tooltip,.plyr__tooltip--visible {
	opacity: 1;
	transform: translate(-50%,0) scale(1)
}

.plyr button:hover
.plyr__tooltip {
	z-index: 3
}

.plyr__controls button:first-child
.plyr__tooltip {
	left: 0;
	transform: translate(0,10px) scale(.8);
	transform-origin: 0 100%
}

.plyr__controls button:first-child .plyr__tooltip::before {
	left: 16px
}

.plyr__controls button:last-child
.plyr__tooltip {
	right: 0;
	transform: translate(0,10px) scale(.8);
	transform-origin: 100% 100%
}

.plyr__controls button:last-child .plyr__tooltip::before {
	left: auto;
	right: 16px;
	transform: translateX(50%)
}

.plyr__controls button:first-child .plyr__tooltip--visible,.plyr__controls button:first-child.tab-focus:focus .plyr__tooltip,.plyr__controls button:first-child:hover .plyr__tooltip,.plyr__controls button:last-child .plyr__tooltip--visible,.plyr__controls button:last-child.tab-focus:focus .plyr__tooltip,.plyr__controls button:last-child:hover
.plyr__tooltip {
	transform: translate(0,0) scale(1)
}

.plyr__progress {
	position: relative;
	display: none;
	-ms-flex: 1;
	flex: 1
}

.plyr__progress input[type=range] {
	position: relative;
	z-index: 2
}

.plyr__progress input[type=range]::-webkit-slider-runnable-track {
	background: 0 0
}

.plyr__progress input[type=range]::-moz-range-track {
	background: 0 0
}

.plyr__progress input[type=range]::-ms-fill-upper {
	background: 0 0
}

.plyr__progress
.plyr__tooltip {
	left: 0
}

.plyr
.plyr__progress {
	display: inline-block
}

.plyr__progress--buffer,.plyr__progress--played,.plyr__volume--display {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 8px;
	margin: -4px 0 0;
	padding: 0;
	vertical-align: top;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	border-radius: 100px
}

.plyr__progress--buffer::-webkit-progress-bar,.plyr__progress--played::-webkit-progress-bar,.plyr__volume--display::-webkit-progress-bar {
	background: 0 0
}

.plyr__progress--buffer::-webkit-progress-value,.plyr__progress--played::-webkit-progress-value,.plyr__volume--display::-webkit-progress-value {
	background: currentColor;
	border-radius: 100px;
	min-width: 8px
}

.plyr__progress--buffer::-moz-progress-bar,.plyr__progress--played::-moz-progress-bar,.plyr__volume--display::-moz-progress-bar {
	background: currentColor;
	border-radius: 100px;
	min-width: 8px
}

.plyr__progress--buffer::-ms-fill,.plyr__progress--played::-ms-fill,.plyr__volume--display::-ms-fill {
	border-radius: 100px
}

.plyr__progress--played,.plyr__volume--display {
	z-index: 1;
	color: #404750;
	background: 0 0;
	transition: none
}

.plyr__progress--played::-webkit-progress-value,.plyr__volume--display::-webkit-progress-value {
	min-width: 8px;
	max-width: 99%;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	transition: none
}

.plyr__progress--played::-moz-progress-bar,.plyr__volume--display::-moz-progress-bar {
	min-width: 8px;
	max-width: 99%;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	transition: none
}

.plyr__progress--played::-ms-fill,.plyr__volume--display::-ms-fill {
	display: none
}

.plyr__progress--buffer::-webkit-progress-value {
	transition: width .2s ease
}

.plyr__progress--buffer::-moz-progress-bar {
	transition: width .2s ease
}

.plyr__progress--buffer::-ms-fill {
	transition: width .2s ease
}

.plyr--video .plyr__progress--buffer,.plyr--video .plyr__volume--display {
	background: rgba(255,255,255,.25)
}

.plyr--video .plyr__progress--buffer {
	color: rgba(255,255,255,.25)
}

.plyr--audio .plyr__progress--buffer,.plyr--audio .plyr__volume--display {
	background: rgba(198,214,219,.66)
}

.plyr--audio .plyr__progress--buffer {
	color: rgba(198,214,219,.66)
}

.plyr--loading .plyr__progress--buffer {
	animation: plyr-progress 1s linear infinite;
	background-size: 25px 25px;
	background-repeat: repeat-x;
	background-image: linear-gradient(-45deg,rgba(0,0,0,.15) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.15) 50%,rgba(0,0,0,.15) 75%,transparent 75%,transparent);
	color: transparent
}

.plyr--video.plyr--loading .plyr__progress--buffer {
	background-color: rgba(255,255,255,.25)
}

.plyr--audio.plyr--loading .plyr__progress--buffer {
	background-color: rgba(198,214,219,.66)
}

.plyr__time {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px
}

.plyr__time+.plyr__time {
	display: none
}

@media (min-width:768px) {
	.plyr__time+.plyr__time {
		display: inline-block
	}
}

.plyr__time+.plyr__time::before {
	content: '\2044';
	margin-right: 10px
}

.plyr__volume {
	display: none
}

.plyr
.plyr__volume {
	-ms-flex: 1;
	flex: 1;
	position: relative
}

.plyr .plyr__volume input[type=range] {
	position: relative;
	z-index: 2
}

@media (min-width:480px) {
	.plyr
.plyr__volume {
		display: block;
		max-width: 60px
	}
}

@media (min-width:768px) {
	.plyr
.plyr__volume {
		max-width: 100px
	}
}

.plyr--is-ios .plyr__volume,.plyr--is-ios [data-plyr=mute] {
	display: none!important
}

.plyr--fullscreen-active {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	z-index: 10000000;
	background: #000;
	border-radius: 0!important
}

.plyr--fullscreen-active
video {
	height: 100%
}

.plyr--fullscreen-active .plyr__video-wrapper {
	height: 100%;
	width: 100%
}

.plyr--fullscreen-active
.plyr__controls {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0
}

.plyr--fullscreen-active.plyr--vimeo .plyr__video-wrapper {
	height: 0;
	top: 50%;
	transform: translateY(-50%)
}

body.stop-scrolling {
	height: 100%;
	overflow: hidden
}

.sweet-overlay {
	background-color: black;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	background-color: rgba(0,0,0,0.4);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: none;
	z-index: 10000
}

.sweet-alert {
	background-color: white;
	font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	width: 478px;
	padding: 17px;
	border-radius: 5px;
	text-align: center;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -256px;
	margin-top: -200px;
	overflow: hidden;
	display: none;
	z-index: 99999
}

@media all and (max-width: 540px) {
	.sweet-alert {
		width: auto;
		margin-left: 0;
		margin-right: 0;
		left: 15px;
		right: 15px
	}
}

.sweet-alert
h2 {
	color: #575757;
	font-size: 30px;
	text-align: center;
	font-weight: 600;
	text-transform: none;
	position: relative;
	margin: 25px
0;
	padding: 0;
	line-height: 40px;
	display: block
}

.sweet-alert
p {
	color: #797979;
	font-size: 16px;
	text-align: center;
	font-weight: 300;
	position: relative;
	text-align: inherit;
	float: none;
	margin: 0;
	padding: 0;
	line-height: normal
}

.sweet-alert
fieldset {
	border: none;
	position: relative
}

.sweet-alert .sa-error-container {
	background-color: #f1f1f1;
	margin-left: -17px;
	margin-right: -17px;
	overflow: hidden;
	padding: 0
10px;
	max-height: 0;
	webkit-transition: padding 0.15s, max-height 0.15s;
	transition: padding 0.15s, max-height 0.15s
}

.sweet-alert .sa-error-container.show {
	padding: 10px
0;
	max-height: 100px;
	webkit-transition: padding 0.2s, max-height 0.2s;
	transition: padding 0.25s, max-height 0.25s
}

.sweet-alert .sa-error-container
.icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: #ea7d7d;
	color: white;
	line-height: 24px;
	text-align: center;
	margin-right: 3px
}

.sweet-alert .sa-error-container
p {
	display: inline-block
}

.sweet-alert .sa-input-error {
	position: absolute;
	top: 29px;
	right: 26px;
	width: 20px;
	height: 20px;
	opacity: 0;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: all 0.1s;
	transition: all 0.1s
}

.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
	content: "";
	width: 20px;
	height: 6px;
	background-color: #f06e57;
	border-radius: 3px;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	left: 50%;
	margin-left: -9px
}

.sweet-alert .sa-input-error::before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.sweet-alert .sa-input-error::after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.sweet-alert .sa-input-error.show {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.sweet-alert
input {
	width: 100%;
	box-sizing: border-box;
	border-radius: 3px;
	border: 1px
solid #d7d7d7;
	height: 43px;
	margin-top: 10px;
	margin-bottom: 17px;
	font-size: 18px;
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
	padding: 0
12px;
	display: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.sweet-alert input:focus {
	outline: none;
	box-shadow: 0px 0px 3px #c4e6f5;
	border: 1px
solid #b4dbed
}

.sweet-alert input:focus::-moz-placeholder {
	transition: opacity 0.3s 0.03s ease;
	opacity: 0.5
}

.sweet-alert input:focus:-ms-input-placeholder {
	transition: opacity 0.3s 0.03s ease;
	opacity: 0.5
}

.sweet-alert input:focus::-webkit-input-placeholder {
	transition: opacity 0.3s 0.03s ease;
	opacity: 0.5
}

.sweet-alert input::-moz-placeholder {
	color: #bdbdbd
}

.sweet-alert input:-ms-input-placeholder {
	color: #bdbdbd
}

.sweet-alert input::-webkit-input-placeholder {
	color: #bdbdbd
}

.sweet-alert.show-input
input {
	display: block
}

.sweet-alert .sa-confirm-button-container {
	display: inline-block;
	position: relative
}

.sweet-alert .la-ball-fall {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -27px;
	margin-top: 4px;
	opacity: 0;
	visibility: hidden
}
.video>.small-6.xlarge-4.column{
    width: 25%;
    height: 430px;
}
.video{
    width: 100%;
}
button {
	background-color: #8CD4F5;
	color: white;
	border: none;
	box-shadow: none;
	font-size: 17px;
	font-weight: 500;
	-webkit-border-radius: 4px;
	border-radius: 5px;
	padding: 10px
32px;
	margin: 26px
5px 0 5px;
	cursor: pointer
}

.sweet-alert button:focus {
	outline: none;
	box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05)
}

.sweet-alert button:hover {
	background-color: #7ecff4
}

.sweet-alert button:active {
	background-color: #5dc2f1
}

.sweet-alert
button.cancel {
	background-color: #C1C1C1
}

.sweet-alert button.cancel:hover {
	background-color: #b9b9b9
}

.sweet-alert button.cancel:active {
	background-color: #a8a8a8
}

.sweet-alert button.cancel:focus {
	box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important
}

.sweet-alert button[disabled] {
	opacity: .6;
	cursor: default
}

.sweet-alert button.confirm[disabled] {
	color: transparent
}

.sweet-alert button.confirm[disabled]~.la-ball-fall {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s
}

.sweet-alert button::-moz-focus-inner {
	border: 0
}

.sweet-alert[data-has-cancel-button=false] button {
	box-shadow: none !important
}

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
	padding-bottom: 40px
}

.sweet-alert .sa-icon {
	width: 80px;
	height: 80px;
	border: 4px
solid gray;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	border-radius: 50%;
	margin: 20px
auto;
	padding: 0;
	position: relative;
	box-sizing: content-box
}

.sweet-alert .sa-icon.sa-error {
	border-color: #F27474
}

.sweet-alert .sa-icon.sa-error .sa-x-mark {
	position: relative;
	display: block
}

.sweet-alert .sa-icon.sa-error .sa-line {
	position: absolute;
	height: 5px;
	width: 47px;
	background-color: #F27474;
	display: block;
	top: 37px;
	border-radius: 2px
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	left: 17px
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	right: 16px
}

.sweet-alert .sa-icon.sa-warning {
	border-color: #F8BB86
}

.sweet-alert .sa-icon.sa-warning .sa-body {
	position: absolute;
	width: 5px;
	height: 47px;
	left: 50%;
	top: 10px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin-left: -2px;
	background-color: #F8BB86
}

.sweet-alert .sa-icon.sa-warning .sa-dot {
	position: absolute;
	width: 7px;
	height: 7px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-left: -3px;
	left: 50%;
	bottom: 10px;
	background-color: #F8BB86
}

.sweet-alert .sa-icon.sa-info {
	border-color: #C9DAE1
}

.sweet-alert .sa-icon.sa-info::before {
	content: "";
	position: absolute;
	width: 5px;
	height: 29px;
	left: 50%;
	bottom: 17px;
	border-radius: 2px;
	margin-left: -2px;
	background-color: #C9DAE1
}

.sweet-alert .sa-icon.sa-info::after {
	content: "";
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	margin-left: -3px;
	top: 19px;
	background-color: #C9DAE1
}

.sweet-alert .sa-icon.sa-success {
	border-color: #A5DC86
}

.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
	content: '';
	-webkit-border-radius: 40px;
	border-radius: 40px;
	border-radius: 50%;
	position: absolute;
	width: 60px;
	height: 120px;
	background: white;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.sweet-alert .sa-icon.sa-success::before {
	-webkit-border-radius: 120px 0 0 120px;
	border-radius: 120px 0 0 120px;
	top: -7px;
	left: -33px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 60px 60px;
	transform-origin: 60px 60px
}

.sweet-alert .sa-icon.sa-success::after {
	-webkit-border-radius: 0 120px 120px 0;
	border-radius: 0 120px 120px 0;
	top: -11px;
	left: 30px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 0px 60px;
	transform-origin: 0px 60px
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
	width: 80px;
	height: 80px;
	border: 4px
solid rgba(165, 220, 134, 0.2);
	-webkit-border-radius: 40px;
	border-radius: 40px;
	border-radius: 50%;
	box-sizing: content-box;
	position: absolute;
	left: -4px;
	top: -4px;
	z-index: 2
}

.sweet-alert .sa-icon.sa-success .sa-fix {
	width: 5px;
	height: 90px;
	background-color: white;
	position: absolute;
	left: 28px;
	top: 8px;
	z-index: 1;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.sweet-alert .sa-icon.sa-success .sa-line {
	height: 5px;
	background-color: #A5DC86;
	display: block;
	border-radius: 2px;
	position: absolute;
	z-index: 2
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
	width: 25px;
	left: 14px;
	top: 46px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
	width: 47px;
	right: 8px;
	top: 38px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.sweet-alert .sa-icon.sa-custom {
	background-size: contain;
	border-radius: 0;
	border: none;
	background-position: center center;
	background-repeat: no-repeat
}

@-webkit-keyframes
showSweetAlert {
	0% {
		transform: scale(0.7);
		-webkit-transform: scale(0.7)
	}

	45% {
		transform: scale(1.05);
		-webkit-transform: scale(1.05)
	}

	80% {
		transform: scale(0.95);
		-webkit-transform: scale(0.95)
	}

	100% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

@keyframes
showSweetAlert {
	0% {
		transform: scale(0.7);
		-webkit-transform: scale(0.7)
	}

	45% {
		transform: scale(1.05);
		-webkit-transform: scale(1.05)
	}

	80% {
		transform: scale(0.95);
		-webkit-transform: scale(0.95)
	}

	100% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

@-webkit-keyframes
hideSweetAlert {
	0% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}

	100% {
		transform: scale(0.5);
		-webkit-transform: scale(0.5)
	}
}

@keyframes
hideSweetAlert {
	0% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}

	100% {
		transform: scale(0.5);
		-webkit-transform: scale(0.5)
	}
}

@-webkit-keyframes
slideFromTop {
	0% {
		top: 0%
	}

	100% {
		top: 50%
	}
}

@keyframes
slideFromTop {
	0% {
		top: 0%
	}

	100% {
		top: 50%
	}
}

@-webkit-keyframes
slideToTop {
	0% {
		top: 50%
	}

	100% {
		top: 0%
	}
}

@keyframes
slideToTop {
	0% {
		top: 50%
	}

	100% {
		top: 0%
	}
}

@-webkit-keyframes
slideFromBottom {
	0% {
		top: 70%
	}

	100% {
		top: 50%
	}
}

@keyframes
slideFromBottom {
	0% {
		top: 70%
	}

	100% {
		top: 50%
	}
}

@-webkit-keyframes
slideToBottom {
	0% {
		top: 50%
	}

	100% {
		top: 70%
	}
}

@keyframes
slideToBottom {
	0% {
		top: 50%
	}

	100% {
		top: 70%
	}
}

.showSweetAlert[data-animation=pop] {
	-webkit-animation: showSweetAlert 0.3s;
	animation: showSweetAlert 0.3s
}

.showSweetAlert[data-animation=none] {
	-webkit-animation: none;
	animation: none
}

.showSweetAlert[data-animation=slide-from-top] {
	-webkit-animation: slideFromTop 0.3s;
	animation: slideFromTop 0.3s
}

.showSweetAlert[data-animation=slide-from-bottom] {
	-webkit-animation: slideFromBottom 0.3s;
	animation: slideFromBottom 0.3s
}

.hideSweetAlert[data-animation=pop] {
	-webkit-animation: hideSweetAlert 0.2s;
	animation: hideSweetAlert 0.2s
}

.hideSweetAlert[data-animation=none] {
	-webkit-animation: none;
	animation: none
}

.hideSweetAlert[data-animation=slide-from-top] {
	-webkit-animation: slideToTop 0.4s;
	animation: slideToTop 0.4s
}

.hideSweetAlert[data-animation=slide-from-bottom] {
	-webkit-animation: slideToBottom 0.3s;
	animation: slideToBottom 0.3s
}

@-webkit-keyframes
animateSuccessTip {
	0% {
		width: 0;
		left: 1px;
		top: 19px
	}

	54% {
		width: 0;
		left: 1px;
		top: 19px
	}

	70% {
		width: 50px;
		left: -8px;
		top: 37px
	}

	84% {
		width: 17px;
		left: 21px;
		top: 48px
	}

	100% {
		width: 25px;
		left: 14px;
		top: 45px
	}
}

@keyframes
animateSuccessTip {
	0% {
		width: 0;
		left: 1px;
		top: 19px
	}

	54% {
		width: 0;
		left: 1px;
		top: 19px
	}

	70% {
		width: 50px;
		left: -8px;
		top: 37px
	}

	84% {
		width: 17px;
		left: 21px;
		top: 48px
	}

	100% {
		width: 25px;
		left: 14px;
		top: 45px
	}
}

@-webkit-keyframes
animateSuccessLong {
	0% {
		width: 0;
		right: 46px;
		top: 54px
	}

	65% {
		width: 0;
		right: 46px;
		top: 54px
	}

	84% {
		width: 55px;
		right: 0px;
		top: 35px
	}

	100% {
		width: 47px;
		right: 8px;
		top: 38px
	}
}

@keyframes
animateSuccessLong {
	0% {
		width: 0;
		right: 46px;
		top: 54px
	}

	65% {
		width: 0;
		right: 46px;
		top: 54px
	}

	84% {
		width: 55px;
		right: 0px;
		top: 35px
	}

	100% {
		width: 47px;
		right: 8px;
		top: 38px
	}
}

@-webkit-keyframes
rotatePlaceholder {
	0% {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg)
	}

	5% {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg)
	}

	12% {
		transform: rotate(-405deg);
		-webkit-transform: rotate(-405deg)
	}

	100% {
		transform: rotate(-405deg);
		-webkit-transform: rotate(-405deg)
	}
}

@keyframes
rotatePlaceholder {
	0% {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg)
	}

	5% {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg)
	}

	12% {
		transform: rotate(-405deg);
		-webkit-transform: rotate(-405deg)
	}

	100% {
		transform: rotate(-405deg);
		-webkit-transform: rotate(-405deg)
	}
}

.animateSuccessTip {
	-webkit-animation: animateSuccessTip 0.75s;
	animation: animateSuccessTip 0.75s
}

.animateSuccessLong {
	-webkit-animation: animateSuccessLong 0.75s;
	animation: animateSuccessLong 0.75s
}

.sa-icon.sa-success.animate::after {
	-webkit-animation: rotatePlaceholder 4.25s ease-in;
	animation: rotatePlaceholder 4.25s ease-in
}

@-webkit-keyframes
animateErrorIcon {
	0% {
		transform: rotateX(100deg);
		-webkit-transform: rotateX(100deg);
		opacity: 0
	}

	100% {
		transform: rotateX(0deg);
		-webkit-transform: rotateX(0deg);
		opacity: 1
	}
}

@keyframes
animateErrorIcon {
	0% {
		transform: rotateX(100deg);
		-webkit-transform: rotateX(100deg);
		opacity: 0
	}

	100% {
		transform: rotateX(0deg);
		-webkit-transform: rotateX(0deg);
		opacity: 1
	}
}

.animateErrorIcon {
	-webkit-animation: animateErrorIcon 0.5s;
	animation: animateErrorIcon 0.5s
}

@-webkit-keyframes
animateXMark {
	0% {
		transform: scale(0.4);
		-webkit-transform: scale(0.4);
		margin-top: 26px;
		opacity: 0
	}

	50% {
		transform: scale(0.4);
		-webkit-transform: scale(0.4);
		margin-top: 26px;
		opacity: 0
	}

	80% {
		transform: scale(1.15);
		-webkit-transform: scale(1.15);
		margin-top: -6px
	}

	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
		margin-top: 0;
		opacity: 1
	}
}

@keyframes
animateXMark {
	0% {
		transform: scale(0.4);
		-webkit-transform: scale(0.4);
		margin-top: 26px;
		opacity: 0
	}

	50% {
		transform: scale(0.4);
		-webkit-transform: scale(0.4);
		margin-top: 26px;
		opacity: 0
	}

	80% {
		transform: scale(1.15);
		-webkit-transform: scale(1.15);
		margin-top: -6px
	}

	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
		margin-top: 0;
		opacity: 1
	}
}

.animateXMark {
	-webkit-animation: animateXMark 0.5s;
	animation: animateXMark 0.5s
}

@-webkit-keyframes
pulseWarning {
	0% {
		border-color: #F8D486
	}

	100% {
		border-color: #F8BB86
	}
}

@keyframes
pulseWarning {
	0% {
		border-color: #F8D486
	}

	100% {
		border-color: #F8BB86
	}
}

.pulseWarning {
	-webkit-animation: pulseWarning 0.75s infinite alternate;
	animation: pulseWarning 0.75s infinite alternate
}

@-webkit-keyframes
pulseWarningIns {
	0% {
		background-color: #F8D486
	}

	100% {
		background-color: #F8BB86
	}
}

@keyframes
pulseWarningIns {
	0% {
		background-color: #F8D486
	}

	100% {
		background-color: #F8BB86
	}
}

.pulseWarningIns {
	-webkit-animation: pulseWarningIns 0.75s infinite alternate;
	animation: pulseWarningIns 0.75s infinite alternate
}

@-webkit-keyframes rotate-loading {
	0% {
		transform: rotate(0deg)
	}

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

@keyframes rotate-loading {
	0% {
		transform: rotate(0deg)
	}

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

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
	-ms-transform: rotate(45deg) \9
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
	-ms-transform: rotate(-45deg) \9
}

.sweet-alert .sa-icon.sa-success {
	border-color: transparent\9
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
	-ms-transform: rotate(45deg) \9
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
	-ms-transform: rotate(-45deg) \9
}
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall,.la-ball-fall>div {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.la-ball-fall {
	display: block;
	font-size: 0;
	color: #fff
}

.la-ball-fall.la-dark {
	color: #333
}

.la-ball-fall>div {
	display: inline-block;
	float: none;
	background-color: currentColor;
	border: 0
solid currentColor
}

.la-ball-fall {
	width: 54px;
	height: 18px
}

.la-ball-fall>div {
	width: 10px;
	height: 10px;
	margin: 4px;
	border-radius: 100%;
	opacity: 0;
	-webkit-animation: ball-fall 1s ease-in-out infinite;
	-moz-animation: ball-fall 1s ease-in-out infinite;
	-o-animation: ball-fall 1s ease-in-out infinite;
	animation: ball-fall 1s ease-in-out infinite
}

.la-ball-fall>div:nth-child(1) {
	-webkit-animation-delay: -200ms;
	-moz-animation-delay: -200ms;
	-o-animation-delay: -200ms;
	animation-delay: -200ms
}

.la-ball-fall>div:nth-child(2) {
	-webkit-animation-delay: -100ms;
	-moz-animation-delay: -100ms;
	-o-animation-delay: -100ms;
	animation-delay: -100ms
}

.la-ball-fall>div:nth-child(3) {
	-webkit-animation-delay: 0ms;
	-moz-animation-delay: 0ms;
	-o-animation-delay: 0ms;
	animation-delay: 0ms
}

.la-ball-fall.la-sm {
	width: 26px;
	height: 8px
}

.la-ball-fall.la-sm>div {
	width: 4px;
	height: 4px;
	margin: 2px
}

.la-ball-fall.la-2x {
	width: 108px;
	height: 36px
}

.la-ball-fall.la-2x>div {
	width: 20px;
	height: 20px;
	margin: 8px
}

.la-ball-fall.la-3x {
	width: 162px;
	height: 54px
}

.la-ball-fall.la-3x>div {
	width: 30px;
	height: 30px;
	margin: 12px
}

@-webkit-keyframes ball-fall {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-145%);
		transform: translateY(-145%)
	}

	10% {
		opacity: .5
	}

	20% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	80% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	90% {
		opacity: .5
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(145%);
		transform: translateY(145%)
	}
}

@-moz-keyframes ball-fall {
	0% {
		opacity: 0;
		-moz-transform: translateY(-145%);
		transform: translateY(-145%)
	}

	10% {
		opacity: .5
	}

	20% {
		opacity: 1;
		-moz-transform: translateY(0);
		transform: translateY(0)
	}

	80% {
		opacity: 1;
		-moz-transform: translateY(0);
		transform: translateY(0)
	}

	90% {
		opacity: .5
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(145%);
		transform: translateY(145%)
	}
}

@-o-keyframes ball-fall {
	0% {
		opacity: 0;
		-o-transform: translateY(-145%);
		transform: translateY(-145%)
	}

	10% {
		opacity: .5
	}

	20% {
		opacity: 1;
		-o-transform: translateY(0);
		transform: translateY(0)
	}

	80% {
		opacity: 1;
		-o-transform: translateY(0);
		transform: translateY(0)
	}

	90% {
		opacity: .5
	}

	100% {
		opacity: 0;
		-o-transform: translateY(145%);
		transform: translateY(145%)
	}
}

@keyframes ball-fall {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-145%);
		-moz-transform: translateY(-145%);
		-o-transform: translateY(-145%);
		transform: translateY(-145%)
	}

	10% {
		opacity: .5
	}

	20% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}

	80% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}

	90% {
		opacity: .5
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(145%);
		-moz-transform: translateY(145%);
		-o-transform: translateY(145%);
		transform: translateY(145%)
	}
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.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
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut {
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

@-webkit-keyframes
bounce {
	from,20%,53%,80%,to {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
		animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	40%,43% {
		-webkit-animation-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
		animation-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
		-webkit-transform: translate3d(0,-30px,0);
		transform: translate3d(0,-30px,0)
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
		animation-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
		-webkit-transform: translate3d(0,-15px,0);
		transform: translate3d(0,-15px,0)
	}

	90% {
		-webkit-transform: translate3d(0,-4px,0);
		transform: translate3d(0,-4px,0)
	}
}

@keyframes
bounce {
	from,20%,53%,80%,to {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
		animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	40%,43% {
		-webkit-animation-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
		animation-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
		-webkit-transform: translate3d(0,-30px,0);
		transform: translate3d(0,-30px,0)
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
		animation-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
		-webkit-transform: translate3d(0,-15px,0);
		transform: translate3d(0,-15px,0)
	}

	90% {
		-webkit-transform: translate3d(0,-4px,0);
		transform: translate3d(0,-4px,0)
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

@-webkit-keyframes
flash {
	from,50%,to {
		opacity: 1
	}

	25%,75% {
		opacity: 0
	}
}

@keyframes
flash {
	from,50%,to {
		opacity: 1
	}

	25%,75% {
		opacity: 0
	}
}

.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}

@-webkit-keyframes
pulse {
	from {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}

	50% {
		-webkit-transform: scale3d(1.05,1.05,1.05);
		transform: scale3d(1.05,1.05,1.05)
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes
pulse {
	from {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}

	50% {
		-webkit-transform: scale3d(1.05,1.05,1.05);
		transform: scale3d(1.05,1.05,1.05)
	}

	to {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}

@-webkit-keyframes
rubberBand {
	from {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}

	30% {
		-webkit-transform: scale3d(1.25,0.75,1);
		transform: scale3d(1.25,0.75,1)
	}

	40% {
		-webkit-transform: scale3d(0.75,1.25,1);
		transform: scale3d(0.75,1.25,1)
	}

	50% {
		-webkit-transform: scale3d(1.15,0.85,1);
		transform: scale3d(1.15,0.85,1)
	}

	65% {
		-webkit-transform: scale3d(.95,1.05,1);
		transform: scale3d(.95,1.05,1)
	}

	75% {
		-webkit-transform: scale3d(1.05,.95,1);
		transform: scale3d(1.05,.95,1)
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes
rubberBand {
	from {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}

	30% {
		-webkit-transform: scale3d(1.25,0.75,1);
		transform: scale3d(1.25,0.75,1)
	}

	40% {
		-webkit-transform: scale3d(0.75,1.25,1);
		transform: scale3d(0.75,1.25,1)
	}

	50% {
		-webkit-transform: scale3d(1.15,0.85,1);
		transform: scale3d(1.15,0.85,1)
	}

	65% {
		-webkit-transform: scale3d(.95,1.05,1);
		transform: scale3d(.95,1.05,1)
	}

	75% {
		-webkit-transform: scale3d(1.05,.95,1);
		transform: scale3d(1.05,.95,1)
	}

	to {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}

@-webkit-keyframes
shake {
	from,to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	10%,30%,50%,70%,90% {
		-webkit-transform: translate3d(-10px,0,0);
		transform: translate3d(-10px,0,0)
	}

	20%,40%,60%,80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

@keyframes
shake {
	from,to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	10%,30%,50%,70%,90% {
		-webkit-transform: translate3d(-10px,0,0);
		transform: translate3d(-10px,0,0)
	}

	20%,40%,60%,80% {
		-webkit-transform: translate3d(10px,0,0);
		transform: translate3d(10px,0,0)
	}
}

.shake {
	-webkit-animation-name: shake;
	animation-name: shake
}

@-webkit-keyframes
headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg)
	}

	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg)
	}

	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg)
	}

	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg)
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes
headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg)
	}

	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg)
	}

	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg)
	}

	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg)
	}

	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.headShake {
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: headShake;
	animation-name: headShake
}

@-webkit-keyframes
swing {
	20% {
		-webkit-transform: rotate3d(0,0,1,15deg);
		transform: rotate3d(0,0,1,15deg)
	}

	40% {
		-webkit-transform: rotate3d(0,0,1,-10deg);
		transform: rotate3d(0,0,1,-10deg)
	}

	60% {
		-webkit-transform: rotate3d(0,0,1,5deg);
		transform: rotate3d(0,0,1,5deg)
	}

	80% {
		-webkit-transform: rotate3d(0,0,1,-5deg);
		transform: rotate3d(0,0,1,-5deg)
	}

	to {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

@keyframes
swing {
	20% {
		-webkit-transform: rotate3d(0,0,1,15deg);
		transform: rotate3d(0,0,1,15deg)
	}

	40% {
		-webkit-transform: rotate3d(0,0,1,-10deg);
		transform: rotate3d(0,0,1,-10deg)
	}

	60% {
		-webkit-transform: rotate3d(0,0,1,5deg);
		transform: rotate3d(0,0,1,5deg)
	}

	80% {
		-webkit-transform: rotate3d(0,0,1,-5deg);
		transform: rotate3d(0,0,1,-5deg)
	}

	to {
		-webkit-transform: rotate3d(0,0,1,0deg);
		transform: rotate3d(0,0,1,0deg)
	}
}

.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}

@-webkit-keyframes
tada {
	from {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}

	10%,20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0,0,1,-3deg)
	}

	30%,50%,70%,90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0,0,1,3deg)
	}

	40%,60%,80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0,0,1,-3deg)
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes
tada {
	from {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}

	10%,20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0,0,1,-3deg)
	}

	30%,50%,70%,90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0,0,1,3deg)
	}

	40%,60%,80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0,0,1,-3deg)
	}

	to {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada
}

@-webkit-keyframes
wobble {
	from {
		-webkit-transform: none;
		transform: none
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0,0,1,-5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0,0,1,3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0,0,1,-3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0,0,1,2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0,0,1,-1deg)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes
wobble {
	from {
		-webkit-transform: none;
		transform: none
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0,0,1,-5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0,0,1,3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0,0,1,-3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0,0,1,2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0,0,1,-1deg)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}

@-webkit-keyframes
jello {
	from,11.1%,to {
		-webkit-transform: none;
		transform: none
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg)
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}

	66.6% {
		-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
		transform: skewX(-0.78125deg) skewY(-0.78125deg)
	}

	77.7% {
		-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
		transform: skewX(0.390625deg) skewY(0.390625deg)
	}

	88.8% {
		-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
		transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
	}
}

@keyframes
jello {
	from,11.1%,to {
		-webkit-transform: none;
		transform: none
	}

	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}

	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg)
	}

	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}

	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}

	66.6% {
		-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
		transform: skewX(-0.78125deg) skewY(-0.78125deg)
	}

	77.7% {
		-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
		transform: skewX(0.390625deg) skewY(0.390625deg)
	}

	88.8% {
		-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
		transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
	}
}

.jello {
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-transform-origin: center;
	transform-origin: center
}

@-webkit-keyframes
bounceIn {
	from,20%,40%,60%,80%,to {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
		animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	20% {
		-webkit-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1)
	}

	40% {
		-webkit-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03,1.03,1.03);
		transform: scale3d(1.03,1.03,1.03)
	}

	80% {
		-webkit-transform: scale3d(.97,.97,.97);
		transform: scale3d(.97,.97,.97)
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes
bounceIn {
	from,20%,40%,60%,80%,to {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
		animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	20% {
		-webkit-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1)
	}

	40% {
		-webkit-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03,1.03,1.03);
		transform: scale3d(1.03,1.03,1.03)
	}

	80% {
		-webkit-transform: scale3d(.97,.97,.97);
		transform: scale3d(.97,.97,.97)
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}

@-webkit-keyframes
bounceInDown {
	from,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
		animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-3000px,0);
		transform: translate3d(0,-3000px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,25px,0);
		transform: translate3d(0,25px,0)
	}

	75% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,5px,0);
		transform: translate3d(0,5px,0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes
bounceInDown {
	from,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
		animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-3000px,0);
		transform: translate3d(0,-3000px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,25px,0);
		transform: translate3d(0,25px,0)
	}

	75% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,5px,0);
		transform: translate3d(0,5px,0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}

@-webkit-keyframes
bounceInLeft {
	from,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
		animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px,0,0);
		transform: translate3d(-3000px,0,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px,0,0);
		transform: translate3d(25px,0,0)
	}

	75% {
		-webkit-transform: translate3d(-10px,0,0);
		transform: translate3d(-10px,0,0)
	}

	90% {
		-webkit-transform: translate3d(5px,0,0);
		transform: translate3d(5px,0,0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes
bounceInLeft {
	from,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
		animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px,0,0);
		transform: translate3d(-3000px,0,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px,0,0);
		transform: translate3d(25px,0,0)
	}

	75% {
		-webkit-transform: translate3d(-10px,0,0);
		transform: translate3d(-10px,0,0)
	}

	90% {
		-webkit-transform: translate3d(5px,0,0);
		transform: translate3d(5px,0,0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}

@-webkit-keyframes
bounceInRight {
	from,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
		animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(3000px,0,0);
		transform: translate3d(3000px,0,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px,0,0);
		transform: translate3d(-25px,0,0)
	}

	75% {
		-webkit-transform: translate3d(10px,0,0);
		transform: translate3d(10px,0,0)
	}

	90% {
		-webkit-transform: translate3d(-5px,0,0);
		transform: translate3d(-5px,0,0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes
bounceInRight {
	from,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
		animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(3000px,0,0);
		transform: translate3d(3000px,0,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px,0,0);
		transform: translate3d(-25px,0,0)
	}

	75% {
		-webkit-transform: translate3d(10px,0,0);
		transform: translate3d(10px,0,0)
	}

	90% {
		-webkit-transform: translate3d(-5px,0,0);
		transform: translate3d(-5px,0,0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}

@-webkit-keyframes
bounceInUp {
	from,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
		animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(0,3000px,0);
		transform: translate3d(0,3000px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0)
	}

	75% {
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,-5px,0);
		transform: translate3d(0,-5px,0)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes
bounceInUp {
	from,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
		animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(0,3000px,0);
		transform: translate3d(0,3000px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0)
	}

	75% {
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,-5px,0);
		transform: translate3d(0,-5px,0)
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}

@-webkit-keyframes
bounceOut {
	20% {
		-webkit-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9)
	}

	50%,55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}

@keyframes
bounceOut {
	20% {
		-webkit-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9)
	}

	50%,55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut
}

@-webkit-keyframes
bounceOutDown {
	20% {
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0)
	}

	40%,45% {
		opacity: 1;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes
bounceOutDown {
	20% {
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0)
	}

	40%,45% {
		opacity: 1;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,2000px,0);
		transform: translate3d(0,2000px,0)
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}

@-webkit-keyframes
bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px,0,0);
		transform: translate3d(20px,0,0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes
bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px,0,0);
		transform: translate3d(20px,0,0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px,0,0);
		transform: translate3d(-2000px,0,0)
	}
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}

@-webkit-keyframes
bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px,0,0);
		transform: translate3d(-20px,0,0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

@keyframes
bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px,0,0);
		transform: translate3d(-20px,0,0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0)
	}
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}

@-webkit-keyframes
bounceOutUp {
	20% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}

	40%,45% {
		opacity: 1;
		-webkit-transform: translate3d(0,20px,0);
		transform: translate3d(0,20px,0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes
bounceOutUp {
	20% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}

	40%,45% {
		opacity: 1;
		-webkit-transform: translate3d(0,20px,0);
		transform: translate3d(0,20px,0)
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,-2000px,0);
		transform: translate3d(0,-2000px,0)
	}
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}

@-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: none;
		transform: none
	}
}

@keyframes
fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes
fadeInDownBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,-2000px,0);
		transform: translate3d(0,-2000px,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes
fadeInDownBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,-2000px,0);
		transform: translate3d(0,-2000px,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}

@-webkit-keyframes
fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes
fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@-webkit-keyframes
fadeInLeftBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-2000px,0,0);
		transform: translate3d(-2000px,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes
fadeInLeftBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-2000px,0,0);
		transform: translate3d(-2000px,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}

@-webkit-keyframes
fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes
fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

@-webkit-keyframes
fadeInRightBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes
fadeInRightBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}

@-webkit-keyframes
fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes
fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes
fadeInUpBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,2000px,0);
		transform: translate3d(0,2000px,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes
fadeInUpBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,2000px,0);
		transform: translate3d(0,2000px,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}

@-webkit-keyframes
fadeOut {
	from {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes
fadeOut {
	from {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@-webkit-keyframes
fadeOutDown {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes
fadeOutDown {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}

@-webkit-keyframes
fadeOutDownBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes
fadeOutDownBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,2000px,0);
		transform: translate3d(0,2000px,0)
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}

@-webkit-keyframes
fadeOutLeft {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes
fadeOutLeft {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}

@-webkit-keyframes
fadeOutLeftBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes
fadeOutLeftBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px,0,0);
		transform: translate3d(-2000px,0,0)
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}

@-webkit-keyframes
fadeOutRight {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes
fadeOutRight {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}

@-webkit-keyframes
fadeOutRightBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

@keyframes
fadeOutRightBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0)
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}

@-webkit-keyframes
fadeOutUp {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes
fadeOutUp {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}

@-webkit-keyframes
fadeOutUpBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes
fadeOutUpBig {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,-2000px,0);
		transform: translate3d(0,-2000px,0)
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}

@-webkit-keyframes
flip {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0,1,0,-360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0,1,0,-190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0,1,0,-170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
		transform: perspective(400px) scale3d(.95,.95,.95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

@keyframes
flip {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0,1,0,-360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0,1,0,-190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0,1,0,-170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
		transform: perspective(400px) scale3d(.95,.95,.95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}

@-webkit-keyframes
flipInX {
	from {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1,0,0,90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1,0,0,-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1,0,0,10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1,0,0,-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes
flipInX {
	from {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1,0,0,90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1,0,0,-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1,0,0,10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1,0,0,-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}

@-webkit-keyframes
flipInY {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0,1,0,90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0,1,0,-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0,1,0,10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0,1,0,-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes
flipInY {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0,1,0,90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0,1,0,-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0,1,0,10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0,1,0,-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

@-webkit-keyframes
flipOutX {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1,0,0,-20deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0
	}
}

@keyframes
flipOutX {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1,0,0,-20deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1,0,0,90deg);
		opacity: 0
	}
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important
}

@-webkit-keyframes
flipOutY {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0,1,0,-15deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0
	}
}

@keyframes
flipOutY {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0,1,0,-15deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0,1,0,90deg);
		opacity: 0
	}
}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}

@-webkit-keyframes
lightSpeedIn {
	from {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}

	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes
lightSpeedIn {
	from {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}

	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

@-webkit-keyframes
lightSpeedOut {
	from {
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

@keyframes
lightSpeedOut {
	from {
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

@-webkit-keyframes
rotateIn {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0,0,1,-200deg);
		transform: rotate3d(0,0,1,-200deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes
rotateIn {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0,0,1,-200deg);
		transform: rotate3d(0,0,1,-200deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn
}

@-webkit-keyframes
rotateInDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,-45deg);
		transform: rotate3d(0,0,1,-45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes
rotateInDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,-45deg);
		transform: rotate3d(0,0,1,-45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft
}

@-webkit-keyframes
rotateInDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,45deg);
		transform: rotate3d(0,0,1,45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes
rotateInDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,45deg);
		transform: rotate3d(0,0,1,45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight
}

@-webkit-keyframes
rotateInUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,45deg);
		transform: rotate3d(0,0,1,45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes
rotateInUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,45deg);
		transform: rotate3d(0,0,1,45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft
}

@-webkit-keyframes
rotateInUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,-90deg);
		transform: rotate3d(0,0,1,-90deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes
rotateInUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,-90deg);
		transform: rotate3d(0,0,1,-90deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight
}

@-webkit-keyframes
rotateOut {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0
	}
}

@keyframes
rotateOut {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0,0,1,200deg);
		transform: rotate3d(0,0,1,200deg);
		opacity: 0
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut
}

@-webkit-keyframes
rotateOutDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}
}

@keyframes
rotateOutDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,45deg);
		transform: rotate3d(0,0,1,45deg);
		opacity: 0
	}
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft
}

@-webkit-keyframes
rotateOutDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

@keyframes
rotateOutDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,-45deg);
		transform: rotate3d(0,0,1,-45deg);
		opacity: 0
	}
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight
}

@-webkit-keyframes
rotateOutUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

@keyframes
rotateOutUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,-45deg);
		transform: rotate3d(0,0,1,-45deg);
		opacity: 0
	}
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft
}

@-webkit-keyframes
rotateOutUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0
	}
}

@keyframes
rotateOutUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,90deg);
		transform: rotate3d(0,0,1,90deg);
		opacity: 0
	}
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight
}

@-webkit-keyframes
hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%,80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}
}

@keyframes
hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%,80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(0,700px,0);
		transform: translate3d(0,700px,0);
		opacity: 0
	}
}

.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge
}

@-webkit-keyframes
rollIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0,0,1,-120deg)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes
rollIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0,0,1,-120deg)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}

@-webkit-keyframes
rollOut {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
	}
}

@keyframes
rollOut {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0,0,1,120deg)
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}

@-webkit-keyframes
zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	50% {
		opacity: 1
	}
}

@keyframes
zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	50% {
		opacity: 1
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

@-webkit-keyframes
zoomInDown {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0,-1000px,0);
		-webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
		animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
	}
}

@keyframes
zoomInDown {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0,-1000px,0);
		-webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
		animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0,60px,0);
		-webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
		animation-timing-function: cubic-bezier(0.175,0.885,0.320,1)
	}
}

.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}

@-webkit-keyframes
zoomInLeft {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px,0,0);
		-webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
		animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
	}
}

@keyframes
zoomInLeft {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px,0,0);
		-webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
		animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px,0,0);
		-webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
		animation-timing-function: cubic-bezier(0.175,0.885,0.320,1)
	}
}

.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}

@-webkit-keyframes
zoomInRight {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px,0,0);
		-webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
		animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
	}
}

@keyframes
zoomInRight {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px,0,0);
		-webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
		animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px,0,0);
		-webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
		animation-timing-function: cubic-bezier(0.175,0.885,0.320,1)
	}
}

.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight
}

@-webkit-keyframes
zoomInUp {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0,1000px,0);
		-webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
		animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
	}
}

@keyframes
zoomInUp {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0,1000px,0);
		-webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
		animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0,-60px,0);
		-webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
		animation-timing-function: cubic-bezier(0.175,0.885,0.320,1)
	}
}

.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}

@-webkit-keyframes
zoomOut {
	from {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	to {
		opacity: 0
	}
}

@keyframes
zoomOut {
	from {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	to {
		opacity: 0
	}
}

.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}

@-webkit-keyframes
zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0,-60px,0);
		-webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
		animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
	}
}

@keyframes
zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0,-60px,0);
		-webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
		animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
		animation-timing-function: cubic-bezier(0.175,0.885,0.320,1)
	}
}

.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown
}

@-webkit-keyframes
zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px,0,0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}
}

@keyframes
zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px,0,0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}
}

.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft
}

@-webkit-keyframes
zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px,0,0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}
}

@keyframes
zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px,0,0)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}
}

.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight
}

@-webkit-keyframes
zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0,60px,0);
		-webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
		animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
	}
}

@keyframes
zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0,60px,0);
		-webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
		animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
	}

	to {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
		animation-timing-function: cubic-bezier(0.175,0.885,0.320,1)
	}
}

.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp
}

@-webkit-keyframes
slideInDown {
	from {
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes
slideInDown {
	from {
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}

@-webkit-keyframes
slideInLeft {
	from {
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes
slideInLeft {
	from {
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}

@-webkit-keyframes
slideInRight {
	from {
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes
slideInRight {
	from {
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}

@-webkit-keyframes
slideInUp {
	from {
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes
slideInUp {
	from {
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}

@-webkit-keyframes
slideOutDown {
	from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes
slideOutDown {
	from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}
}

.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown
}

@-webkit-keyframes
slideOutLeft {
	from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes
slideOutLeft {
	from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}
}

.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}

@-webkit-keyframes
slideOutRight {
	from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes
slideOutRight {
	from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}
}

.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight
}

@-webkit-keyframes
slideOutUp {
	from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes
slideOutUp {
	from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}
}

.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}/*!
	Modaal - accessible modals - v0.3.1
	by Humaan, for all humans.
	http://humaan.com
 */
.modaal-accessible-hide,.modaal-close span,.modaal-gallery-control span {
	position: absolute!important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px,1px,1px,1px);
	padding: 0!important;
	border: 0!important;
	height: 1px!important;
	width: 1px!important;
	overflow: hidden
}

.modaal-overlay,.modaal-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	opacity: 0
}

.modaal-wrapper {
	display: block;
	z-index: 9999;
	overflow: auto;
	opacity: 1;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	transition: all .3s ease-in-out
}

.modaal-wrapper * {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-backface-visibility: hidden
}

.modaal-wrapper .modaal-close {
	border: none;
	background: 0 0;
	padding: 0;
	-webkit-appearance: none
}

.modaal-wrapper.modaal-start_none {
	display: none;
	opacity: 1
}

.modaal-wrapper.modaal-start_fade {
	opacity: 0
}

.modaal-wrapper [tabindex="0"] {
	outline: none!important
}

.modaal-wrapper.modaal-fullscreen {
	overflow: hidden
}

.modaal-outer-wrapper {
	display: table;
	position: relative;
	width: 100%;
	height: 100%
}

.modaal-fullscreen .modaal-outer-wrapper,.modaal-gallery-item img {
	display: block
}

.modaal-inner-wrapper {
	display: table-cell;
	width: 100%;
	height: 100%;
	position: relative;
	vertical-align: middle;
	text-align: center;
	padding: 80px 25px
}

.modaal-fullscreen .modaal-inner-wrapper {
	padding: 0;
	display: block;
	vertical-align: top
}

.modaal-container {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: auto;
	text-align: left;
	color: #000;
	max-width: 1000px;
	border-radius: 0;
	background: #fff;
	box-shadow: 0 4px 15px rgba(0,0,0,.2);
	cursor: auto
}

.modaal-container.is_loading {
	height: 100px;
	width: 100px;
	overflow: hidden
}

.modaal-fullscreen .modaal-container {
	max-width: none;
	height: 100%;
	overflow: auto
}

.modaal-close {
	position: fixed;
	right: 20px;
	top: 20px;
	color: #fff;
	cursor: pointer;
	opacity: 1;
	width: 50px;
	height: 50px;
	background: 0 0;
	border-radius: 100%;
	transition: all .2s ease-in-out
}

.modaal-close:focus,.modaal-close:hover {
	outline: none;
	background: #fff
}

.modaal-close:focus:after,.modaal-close:focus:before,.modaal-close:hover:after,.modaal-close:hover:before {
	background: #b93d0c
}

.modaal-close:after,.modaal-close:before {
	display: block;
	content: " ";
	position: absolute;
	top: 14px;
	left: 23px;
	width: 4px;
	height: 22px;
	border-radius: 4px;
	background: #fff;
	transition: background .2s ease-in-out
}

.modaal-close:before {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.modaal-close:after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.modaal-fullscreen .modaal-close {
	background: #afb7bc;
	right: 10px;
	top: 10px
}

.modaal-content-container {
	padding: 30px
}

.modaal-confirm-wrap {
	padding: 30px 0 0;
	text-align: center;
	font-size: 0
}

.modaal-confirm-btn {
	font-size: 14px;
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	background: 0 0
}

.modaal-confirm-btn.modaal-ok {
	padding: 10px 15px;
	color: #fff;
	background: #555;
	border-radius: 3px;
	transition: background .2s ease-in-out
}

.modaal-confirm-btn.modaal-ok:hover {
	background: #2f2f2f
}

.modaal-confirm-btn.modaal-cancel {
	text-decoration: underline
}

.modaal-confirm-btn.modaal-cancel:hover {
	text-decoration: none;
	color: #2f2f2f
}

@keyframes instaReveal {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes instaReveal {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.modaal-instagram .modaal-container {
	width: auto;
	background: 0 0;
	box-shadow: none!important
}

.modaal-instagram .modaal-content-container {
	padding: 0;
	background: 0 0
}

.modaal-instagram .modaal-content-container>blockquote {
	width: 1px!important;
	height: 1px!important;
	opacity: 0!important
}

.modaal-instagram iframe {
	opacity: 0;
	margin: -6px!important;
	border-radius: 0!important;
	width: 1000px!important;
	max-width: 800px!important;
	box-shadow: none!important;
	-webkit-animation: instaReveal 1s linear forwards;
	animation: instaReveal 1s linear forwards
}

.modaal-image .modaal-inner-wrapper {
	padding-left: 140px;
	padding-right: 140px
}

.modaal-image .modaal-container {
	width: auto;
	max-width: 100%
}

.modaal-gallery-wrap {
	position: relative;
	color: #fff
}

.modaal-gallery-item {
	display: none
}

.modaal-gallery-item.is_active {
	display: block
}

.modaal-gallery-label {
	position: absolute;
	left: 0;
	width: 100%;
	margin: 20px 0 0;
	font-size: 18px;
	text-align: center;
	color: #fff
}

.modaal-gallery-label:focus {
	outline: none
}

.modaal-gallery-control {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 1;
	cursor: pointer;
	color: #fff;
	width: 50px;
	height: 50px;
	background: 0 0;
	border: none;
	border-radius: 100%;
	transition: all .2s ease-in-out
}

.modaal-gallery-control.is_hidden {
	opacity: 0;
	cursor: default
}

.modaal-gallery-control:focus,.modaal-gallery-control:hover {
	outline: none;
	background: #fff
}

.modaal-gallery-control:focus:after,.modaal-gallery-control:focus:before,.modaal-gallery-control:hover:after,.modaal-gallery-control:hover:before {
	background: #afb7bc
}

.modaal-gallery-control:after,.modaal-gallery-control:before {
	display: block;
	content: " ";
	position: absolute;
	top: 16px;
	left: 25px;
	width: 4px;
	height: 18px;
	border-radius: 4px;
	background: #fff;
	transition: background .2s ease-in-out
}

.modaal-gallery-control:before {
	margin: -5px 0 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.modaal-gallery-control:after {
	margin: 5px 0 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.modaal-gallery-next {
	left: 100%;
	margin-left: 40px
}

.modaal-gallery-prev {
	right: 100%;
	margin-right: 40px
}

.modaal-gallery-prev:after,.modaal-gallery-prev:before {
	left: 22px
}

.modaal-gallery-prev:before {
	margin: 5px 0 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.modaal-gallery-prev:after {
	margin: -5px 0 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.modaal-video-wrap {
	margin: auto 50px;
	position: relative
}

.modaal-video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0,0,0,.3);
	background: #000;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto
}

.modaal-video-container embed,.modaal-video-container iframe,.modaal-video-container object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.modaal-iframe .modaal-content,.modaal-iframe-elem {
	width: 100%;
	height: 100%
}

.modaal-iframe-elem {
	display: block
}

@media only screen and (min-width:1400px) {
	.modaal-video-container {
		padding-bottom: 0;
		height: 731px
	}
}

@media only screen and (max-width:1140px) {
	.modaal-image .modaal-inner-wrapper {
		padding-left: 25px;
		padding-right: 25px
	}

	.modaal-gallery-control {
		top: auto;
		bottom: 20px;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		background: rgba(0,0,0,.7)
	}

	.modaal-gallery-control:after,.modaal-gallery-control:before {
		background: #fff
	}

	.modaal-gallery-next {
		left: auto;
		right: 20px
	}

	.modaal-gallery-prev {
		left: 20px;
		right: auto
	}
}

@media screen and (max-width:900px) {
	.modaal-instagram iframe {
		width: 500px!important
	}
}

@media screen and (max-height:1100px) {
	.modaal-instagram iframe {
		width: 700px!important
	}
}

@media screen and (max-height:1000px) {
	.modaal-inner-wrapper {
		padding-top: 60px;
		padding-bottom: 60px
	}

	.modaal-instagram iframe {
		width: 600px!important
	}
}

@media screen and (max-height:900px) {
	.modaal-instagram iframe {
		width: 500px!important
	}

	.modaal-video-container {
		max-width: 900px;
		max-height: 510px
	}
}

@media only screen and (max-width:600px) {
	.modaal-instagram iframe {
		width: 280px!important
	}
}

@media only screen and (max-height:820px) {
	.modaal-gallery-label {
		display: none
	}
}

.modaal-loading-spinner {
	background: 0 0;
	position: absolute;
	width: 200px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -100px;
	-webkit-transform: scale(.25);
	-ms-transform: scale(.25);
	transform: scale(.25)
}

@-webkit-keyframes modaal-loading-spinner {
	0% {
		opacity: 1;
		-ms-transform: scale(1.5);
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}

	to {
		opacity: .1;
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes modaal-loading-spinner {
	0% {
		opacity: 1;
		-ms-transform: scale(1.5);
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}

	to {
		opacity: .1;
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.modaal-loading-spinner>div {
	width: 24px;
	height: 24px;
	margin-left: 4px;
	margin-top: 4px;
	position: absolute
}

.modaal-loading-spinner>div>div {
	width: 100%;
	height: 100%;
	border-radius: 15px;
	background: #fff
}

.modaal-loading-spinner>div:nth-of-type(1)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: 0s;
	animation-delay: 0s
}

.modaal-loading-spinner>div:nth-of-type(2)>div,.modaal-loading-spinner>div:nth-of-type(3)>div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite
}

.modaal-loading-spinner>div:nth-of-type(1) {
	-ms-transform: translate(84px,84px) rotate(45deg) translate(70px,0);
	-webkit-transform: translate(84px,84px) rotate(45deg) translate(70px,0);
	transform: translate(84px,84px) rotate(45deg) translate(70px,0)
}

.modaal-loading-spinner>div:nth-of-type(2)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .12s;
	animation-delay: .12s
}

.modaal-loading-spinner>div:nth-of-type(2) {
	-ms-transform: translate(84px,84px) rotate(90deg) translate(70px,0);
	-webkit-transform: translate(84px,84px) rotate(90deg) translate(70px,0);
	transform: translate(84px,84px) rotate(90deg) translate(70px,0)
}

.modaal-loading-spinner>div:nth-of-type(3)>div,.modaal-loading-spinner>div:nth-of-type(4)>div,.modaal-loading-spinner>div:nth-of-type(5)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .25s;
	animation-delay: .25s
}

.modaal-loading-spinner>div:nth-of-type(4)>div,.modaal-loading-spinner>div:nth-of-type(5)>div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .37s;
	animation-delay: .37s
}

.modaal-loading-spinner>div:nth-of-type(3) {
	-ms-transform: translate(84px,84px) rotate(135deg) translate(70px,0);
	-webkit-transform: translate(84px,84px) rotate(135deg) translate(70px,0);
	transform: translate(84px,84px) rotate(135deg) translate(70px,0)
}

.modaal-loading-spinner>div:nth-of-type(4) {
	-ms-transform: translate(84px,84px) rotate(180deg) translate(70px,0);
	-webkit-transform: translate(84px,84px) rotate(180deg) translate(70px,0);
	transform: translate(84px,84px) rotate(180deg) translate(70px,0)
}

.modaal-loading-spinner>div:nth-of-type(5)>div {
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}

.modaal-loading-spinner>div:nth-of-type(6)>div,.modaal-loading-spinner>div:nth-of-type(7)>div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite
}

.modaal-loading-spinner>div:nth-of-type(5) {
	-ms-transform: translate(84px,84px) rotate(225deg) translate(70px,0);
	-webkit-transform: translate(84px,84px) rotate(225deg) translate(70px,0);
	transform: translate(84px,84px) rotate(225deg) translate(70px,0)
}

.modaal-loading-spinner>div:nth-of-type(6)>div,.modaal-loading-spinner>div:nth-of-type(7)>div,.modaal-loading-spinner>div:nth-of-type(8)>div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .62s;
	animation-delay: .62s
}

.modaal-loading-spinner>div:nth-of-type(6) {
	-ms-transform: translate(84px,84px) rotate(270deg) translate(70px,0);
	-webkit-transform: translate(84px,84px) rotate(270deg) translate(70px,0);
	transform: translate(84px,84px) rotate(270deg) translate(70px,0)
}

.modaal-loading-spinner>div:nth-of-type(7)>div,.modaal-loading-spinner>div:nth-of-type(8)>div {
	-webkit-animation-delay: .75s;
	animation-delay: .75s
}

.modaal-loading-spinner>div:nth-of-type(7) {
	-ms-transform: translate(84px,84px) rotate(315deg) translate(70px,0);
	-webkit-transform: translate(84px,84px) rotate(315deg) translate(70px,0);
	transform: translate(84px,84px) rotate(315deg) translate(70px,0)
}

.modaal-loading-spinner>div:nth-of-type(8)>div {
	-webkit-animation-delay: .87s;
	animation-delay: .87s
}

.modaal-loading-spinner>div:nth-of-type(8) {
	-ms-transform: translate(84px,84px) rotate(360deg) translate(70px,0);
	-webkit-transform: translate(84px,84px) rotate(360deg) translate(70px,0);
	transform: translate(84px,84px) rotate(360deg) translate(70px,0)
}

body {
	background-color: #fff
}

@media only screen and (max-width: 40em) {
	.row {
		padding: 0
10px
	}
}

.oem-image-grid-section .section-hd {
	padding: 30px
16px 20px;
	background-color: #1d90a6
}

.oem-image-grid-section .section-hd .zh-title,
.oem-image-grid-section .section-hd .en-title {
	color: #fff
}

.oem-image-grid-section .section-hd .zh-title:after {
	display: none
}

.oem-image-grid-section .section-bd {
	padding: 16px
0 0
}

.oem-image-grid-section .image-row {
	margin-bottom: 16px
}

.oem-image-grid-section .no-padding-Yes .image-row {
	margin-bottom: 0
}

.oem-image-grid-section .no-padding-Yes
.column {
	padding: 0
}

.oem-image-grid-section .image-box {
	position: relative;
	overflow: hidden
}

.oem-image-grid-section .no-padding-Yes .swiper-pagination {
	bottom: 0
}

.oem-image-grid-section .swiper-pagination {
	bottom: 50px
}

.oem-image-grid-section .swiper-pagination-bullet {
	background: #fff
}

.oem-image-grid-section .swiper-pagination-bullet-active {
	background: #fff
}

.oem-image-grid-section .image-item {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden
}

.oem-image-grid-section .image-item
img {
	display: block;
	width: 100%;
	height: auto
}

.oem-image-grid-section .image-box
.title {
	margin: 0;
	padding: 10px;
	line-height: 28px;
	font-size: 15px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.6);
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 20
}

.oem-image-grid-section .hide-info-Yes .image-box
.title {
	display: none
}

.oem-video-section {
	margin-bottom: 20px;
	background-position: 50% 0;
	-webkit-background-size: cover;
	background-size: cover
}

.oem-video-section .section-hd .en-title {
	color: #fff
}

.oem-video-section .section-hd .zh-title {
	color: #fff
}

.oem-video-section .section-hd .zh-title:after {
	background-color: #fff
}

.oem-video-section .section-hd {
	padding-bottom: 0
}

.oem-video-section .section-bd {
	padding-bottom: 50px;
	padding-top: 30px
}

.oem-video-section .video-box {
	padding: 10px
}

.oem-video-section .video-box
video {
	object-fit: cover
}

@media only screen and (min-width:64.0625em) {
	.oem-video-section .video-wrap {
		display: flex;
		justify-content: space-between
	}
}

.oem-quality-control-section {
	padding: 0
16px
}

.oem-quality-control-section .section-hd {
	padding-bottom: 0
}

.oem-quality-control-section .section-bd {
	padding-top: 30px
}

.oem-quality-control-section .block-summary {
	text-align: center;
	margin-bottom: 40px
}

.oem-quality-control-section .block-images {
	text-align: center
}

.oem-quality-control-section .block-images
img {
	display: inline-block;
	max-width: 280px;
	height: auto;
	margin: 0
30px;
	vertical-align: top
}

.contact-section
p {
	font-size: 16px;
	color: #000
}

.contact-section
strong {
	font-weight: bold
}

.contact-section
ul {
	margin: 0;
	padding: 0
}

.contact-section ul
li {
	list-style: none;
	font-size: 15px
}

:focus {
	outline: none
}

.cfix::after {
	content: '';
	display: block;
	visibility: hidden;
	height: 0;
	line-height: 0;
	clear: both
}

.valign-wrapper {
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

.valign-wrapper
.valign {
	display: block;
	width: 100%
}

.plyr__controls
button {
	margin: 0
}

#infscr-loading {
	text-align: center
}
.active .video-entry p{
    height: 400px!important;
}

.active iframe{
    width: 100%!important;
    height: 100%!important;
    
}
.no-flexbox .valign-wrapper {
	width: 100%;
	height: 100%;
	display: table
}

.no-flexbox .valign-wrapper
.valign {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.no-padding {
	padding: 0
!important
}

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

.no-padding-bottom {
	padding-bottom: 0 !important
}

.sweet-alert
fieldset {
	margin: 0;
	padding: 0
}

.sweet-alert .sa-input-error {
	top: 23px
}

.sweet-alert
button {
	box-shadow: none !important
}

.sweet-alert
button.confirm {
	background-color: #404750 !important
}

.sweet-alert input:focus {
	outline: none;
	box-shadow: none;
	border: 1px
solid #404750
}

video {
	width: 100%;
	height: auto;
}

body {
	background-color: #f0f0f0;
	-webkit-font-smoothing: antialiased;
	font-smooth: antialiased;
	height: auto
}

html.js-nav-active {
	height: 100%
}

.js-nav-active
body {
	height: 100%;
	overflow: hidden
}

.js-nav-active
header {
	position: fixed !important;
	background-color: #fff
}

body.coc-index-page {
	background-color: #fff
}

picture {
	display: block;
	margin: 0;
	padding: 0
}

picture
img {
	width: 100%;
	height: auto;
	max-width: 100%;

}

a {
	-webkit-tap-highlight-color: transparent
}

.button:focus,.button:hover,button:focus,button:hover {
	outline: none
}

#nprogress
.bar {
	background: #404750
}

#nprogress
.peg {
	box-shadow: 0 0 10px #404750, 0 0 5px #404750
}

#nprogress .spinner-icon {
	border-top-color: #404750;
	border-left-color: #404750
}

header {
	width: 100%;
	height: 4.8125rem;
	background-color: #fff;
	border-bottom: #e5e5e5 solid 1px;
	position: relative;
	z-index: 999
}

header
.row {
	height: 100%;
	max-width: 100%
}

@media only screen and (min-width: 64.0625em) {
	header
.row {
		max-width: 1380px
	}
}

@media only screen and (min-width: 1680px) {
	header
.row {
		max-width: 1600px
	}
}

header .row
.column {
	height: 100%;
	position: relative;
	padding: 0
}

@media only screen and (min-width: 64.0625em) {
	header .row
.column {
		padding: 0
0.3125rem
	}
}

#sitename {
	display: block;
	width: 308px;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99
}



#sitename
a {
	display: block;
	width: 100%;
	height: 100%;

	text-indent: -9999px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

}

#cocos {
	display: none;
	width: 2.75rem;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0.9375rem;
	z-index: 99
}

#cocos
a {
	display: block;
	width: 100%;
	height: 100%;
	background: url('../images/cocos_logo.png') no-repeat 0 50%;
	text-indent: -9999px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
	#cocos
a {
		-webkit-background-size: 43px 57px;
		background-size: 43px 57px;
		background-image: url('../images/cocos_logo@2x.png')
	}
}

#homeslide-wrap {
	position: relative;
	overflow: hidden
}

#homeslide {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: 0
}
/*
@media only screen and (min-width: 64.0625em) {
	#homeslide {
		height: 41.66666vw
	}
}*/

#homeslide
a {
	display: block;
	width: 100%;
	height: 100%
}

#homeslide a
picture {
	width: 100%;
	height: 100%
}

#homeslide a picture
img {
	display: block
}

#homeslide
.item {
	display: none;
	float: left
}

#homeslide .slide-info {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer
}

#homeslide .slide-info
.row {
	max-width: 90%
}

#homeslide .slide-info .en-title
p {
	color: #fff;
	font-size: 3rem;
	font-family: 'Roboto',sans-serif;
	font-weight: 900;
	line-height: 100%;
	margin-bottom: 0;
	opacity: 0;
	-webkit-transform: translate3d(0, 30%, 0);
	-ms-transform: translate3d(0, 30%, 0);
	-o-transform: translate3d(0, 30%, 0);
	transform: translate3d(0, 30%, 0);
	-webkit-transition: opacity, -webkit-transform 0.3s ease;
	-o-transition: opacity, -o-transform 0.3s ease;
	transition: opacity, transform 0.3s ease;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
	#homeslide .slide-info .en-title
p {
		font-size: 2rem
	}
}

@media only screen and (max-width: 40em) {
	#homeslide .slide-info .en-title
p {
		font-size: 1.25rem
	}
}

#homeslide .swiper-slide-active .slide-info .en-title
p {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

#homeslide .slide-info .zh-title
p {
	color: #fff;
	font-size: 3rem;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 3.125rem;
	opacity: 0;
	-webkit-transform: translate3d(0, 30%, 0);
	-ms-transform: translate3d(0, 30%, 0);
	-o-transform: translate3d(0, 30%, 0);
	transform: translate3d(0, 30%, 0);
	-webkit-transition: opacity, -webkit-transform 0.3s ease;
	-o-transition: opacity, -o-transform 0.3s ease;
	transition: opacity, transform 0.3s ease;
	-webkit-transition-delay: 0.15s;
	-moz-transition-delay: 0.15s;
	-ms-transition-delay: 0.15s;
	-o-transition-delay: 0.15s;
	transition-delay: 0.15s;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
	#homeslide .slide-info .zh-title
p {
		font-size: 2rem
	}
}

@media only screen and (max-width: 40em) {
	#homeslide .slide-info .zh-title
p {
		font-size: 1.25rem;
		margin-bottom: 0.75rem
	}
}

#homeslide .swiper-slide-active .slide-info .zh-title
p {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

#homeslide .slide-info
.btn {
	opacity: 0;
	-webkit-transform: translate3d(0, 30%, 0);
	-ms-transform: translate3d(0, 30%, 0);
	-o-transform: translate3d(0, 30%, 0);
	transform: translate3d(0, 30%, 0);
	-webkit-transition: opacity, -webkit-transform 0.3s ease;
	-o-transition: opacity, -o-transform 0.3s ease;
	transition: opacity, transform 0.3s ease;
	-webkit-transition-delay: 0.25s;
	-moz-transition-delay: 0.25s;
	-ms-transition-delay: 0.25s;
	-o-transition-delay: 0.25s;
	transition-delay: 0.25s;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

#homeslide .swiper-slide-active .slide-info
.btn {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

#homeslide .slide-info .btn
a {
	display: inline-block;
	color: #404750;
	background-color: #fff;
	overflow: hidden;
	font-size: 0.6875rem;
	width: 10rem;
	height: 2.25rem;
	line-height: 2.25rem;
	padding-right: 1.875rem;
	line-height: 2.25rem;
	font-weight: 500;
	position: relative
}

@media only screen and (max-width: 40em) {
	#homeslide .slide-info .btn
a {
		width: 8.75rem;
		font-size: 0.625rem;
		height: 2rem;
		line-height: 2rem
	}
}

#homeslide .slide-info .btn a:after {
	content: '';
	display: block;
	width: 0;
	height: 100%;
	opacity: 0;
	background-color: #b2b2b2;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

#homeslide .slide-info .btn a:hover:after {
	opacity: 1;
	width: 100%
}

#homeslide .slide-info .btn a
i.fa {
	font-size: 1rem;
	padding-left: 1rem;
	position: absolute;
	right: 0.75rem;
	top: 50%;
	margin-top: -0.5rem;
	z-index: 2
}

#homeslide .slide-info .btn a:hover
i.fa {
	color: #fff
}

#homeslide .slide-info .btn a
span {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-indent: 0.75rem;
	position: relative;
	z-index: 2;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

#homeslide .slide-info .btn .en-text {
	font-family: 'Roboto',sans-serif
}

#homeslide .slide-info .btn .zh-text {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transform: translate3d(0, 30%, 0);
	-ms-transform: translate3d(0, 30%, 0);
	-o-transform: translate3d(0, 30%, 0);
	transform: translate3d(0, 30%, 0)
}

#homeslide .slide-info .btn a:hover .en-text {
	opacity: 0;
	-webkit-transform: translate3d(0, -30%, 0);
	-ms-transform: translate3d(0, -30%, 0);
	-o-transform: translate3d(0, -30%, 0);
	transform: translate3d(0, -30%, 0)
}

#homeslide .slide-info .btn a:hover .zh-text {
	color: #fff;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

#homeslide-wrap .homeslide-button {
	display: none
}
#homeslide:hover .homeslide-button{
    display:block;
}
@media only screen and (min-width: 40.0625em) {
	#homeslide-wrap .homeslide-button {

		color: #fff;
		font-size: 3rem;
		line-height: 1.875rem;
		position: absolute;
		top: 50%;
		margin-top: -1.875rem;
		cursor: pointer;
		padding: 0.9375rem 0.625rem;
		z-index: 99;
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		transform-style: preserve-3d
	}
}

#homeslide-wrap .homeslide-button
i.fa {
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

#homeslide-wrap .homeslide-button:hover
i.fa {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5)
}

#homeslide-wrap .homeslide-button-prev {
	left: 1.25rem
}

@media only screen and (max-width: 40em) {
	#homeslide-wrap .homeslide-button-prev {
		left: 0.3125rem
	}
}

#homeslide-wrap .homeslide-button-next {
	right: 1.25rem
}

@media only screen and (max-width: 40em) {
	#homeslide-wrap .homeslide-button-next {
		right: 0.3125rem
	}
}

.js .nav-collapse {
	width: 100%;
	float: none;
	position: absolute;
	top: 4.75rem;
	background-color: #fff;
	height: calc(100vh - 4.75rem);
	overflow-x: hidden !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch
}

@media only screen and (min-width: 64.0625em) {
	.js .nav-collapse {
		float: left;
		height: auto !important;
		position: relative;
		top: auto;
		padding-left: 320px;
		background-color: transparent;
		overflow: visible !important;
		-webkit-transform: translate3d(0, 0, 0) translateZ(0);
		-ms-transform: translate3d(0, 0, 0) translateZ(0);
		-o-transform: translate3d(0, 0, 0) translateZ(0);
		transform: translate3d(0, 0, 0) translateZ(0);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		transform-style: preserve-3d
	}
}

.nav-collapse #main-nav {
	width: 100%
}

.nav-collapse li.level-0 {
	position: relative
}

@media only screen and (min-width: 64.0625em) {
	.nav-collapse li.level-0 {
		width: auto;
		display: inline-block;
		float: left
	}
}

.nav-collapse li.level-0 {
	font-size: 0.8125rem;
	font-weight: 500
}

@media only screen and (min-width: 64.0625em) {
	.nav-collapse li.level-0 {
		width: 12%;
		display: inline-block;
		float: left;
		padding: 1.5rem 0
	}
}

@media only screen and (max-width: 1280px) {
	.nav-collapse li.level-0 {
		width: 10%;
		display: inline-block;
		float: left;
		padding: 1.5rem 0
	}
}

.nav-collapse li a.level-0 {
	display: block;
	width: 100%;
	height: 3.75rem;
	line-height: 3.75rem;
	border-bottom: #f0f0f0 solid 1px;
	font-size: 1rem;
	font-weight: 500
}

@media only screen and (min-width: 64.0625em) {
	.nav-collapse li a.level-0 {
		font-size: 1rem;
		font-weight: 400;
		display: inline-block;
		height: 1.5rem;
		line-height: 1.5rem;
		text-align: center;
		border: 0
none;
		-webkit-transition: color, background-color 0.3s ease;
		-o-transition: color, background-color 0.3s ease;
		transition: color, background-color 0.3s ease;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.nav-collapse li a.level-0
.fa {
	margin-right: 0.25rem
}

@media only screen and (max-width: 40em) {
	.nav-collapse li.first a.level-0 {
		border-top: #f0f0f0 solid 1px
	}
}

@media only screen and (min-width: 64.0625em) {
	.nav-collapse li a.level-0:hover,
.nav-collapse li.active a.level-0,
.nav-collapse li:hover a.level-0 {
		color: #fff;
		background-color: #b2b2b2
	}
}

@media only screen and (min-width: 64.0625em) {
	.nav-collapse li.active a.level-0
span {
		color: #fff
	}
}

.nav-collapse li a.level-0
span {
	color: #4d4d4d;
	display: inline-block;
	width: 100%;
	height: 100%;
	text-indent: 1rem
}

@media only screen and (min-width: 64.0625em) {
	.nav-collapse li a.level-0
span {
		position: absolute;
		top: 0;
		left: 0;
		text-indent: 0;
		-webkit-transition: opacity 0.3s ease;
		-o-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		transform-style: preserve-3d
	}
}

@media only screen and (min-width: 64.0625em) {
	.nav-collapse li a.level-0:hover span.zh-text,
.nav-collapse li:hover a.level-0 span.zh-text {
		opacity: 0
	}
}

.nav-collapse li a.level-0 span.en-text {
	display: none;
	color: #fff
	background: #bc3e2f;
}

@media only screen and (min-width: 64.0625em) {
	.nav-collapse li a.level-0 span.en-text {
		display: inline-block;
		opacity: 0
	}
}

.nav-collapse li a.level-0:hover span.en-text,
.nav-collapse li:hover a.level-0 span.en-text {
	opacity: 1
}

.menu-store:hover
.mpcode {
	display: block !important;
	display: block !important;
	padding: 10px;
	background-color: #fff
}

.menu-global {
	min-width: 116px
}

.menu-global a
span {
	font-size: 0.8125rem
}

.menu-global:hover a:before {
	opacity: 0
}

.menu-global a:before {
	content: '';
	display: block;
	width: 18px;
	height: 18px;
	background: url('../images/icon_en2.svg') no-repeat 0 0;
	-webkit-background-size: 18px 18px;
	background-size: 18px 18px;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -0.5rem
}

.menu-search {
	width: 40px
}

#main-nav
.submenu {
	visibility: hidden;
	width: 100%;
	opacity: 1;
	position: relative;
	top: auto;
	left: auto;
	padding: 0;
	border-bottom: #f0f0f0 solid 1px;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none
}

@media only screen and (min-width: 64.0625em) {
	#main-nav
.submenu {
		width: 15rem;
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 4.75rem;
		left: 0;
		z-index: 99;
		margin: 0;
		padding-top: 1px;
		border-bottom: 0 none;
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		-webkit-transform: translate3d(0, 30px, 0);
		-ms-transform: translate3d(0, 30px, 0);
		-o-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0);
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden
	}
}

.js .nav-collapse-0.opened #main-nav
.submenu {
	visibility: visible
}

@media only screen and (min-width: 64.0625em) {
	#main-nav li:hover
.submenu {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

#main-nav .submenu
li {
	list-style: none
}

@media only screen and (max-width: 40em) {
	#main-nav .submenu
li {
		border-top: #f5f5f5 solid 1px
	}
}

@media only screen and (min-width: 64.0625em) {
	#main-nav .submenu
li {
		position: relative
	}
}

#main-nav .submenu
li.first {
}

#main-nav .submenu li:last-child {
	border-bottom: 0 none
}

#main-nav .submenu li a.level-1 {
	display: block;
	background-color: #fff;
	height: 3.5rem;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}

#main-nav .submenu li a:hover {
	color: #fff;
	background-color: #404750
}

#main-nav .submenu li a.level-1
span {
	color: #4d4d4d;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0.9375rem 0;
	text-indent: 3.125rem
}

@media only screen and (min-width: 64.0625em) {
	#main-nav .submenu li a.level-1
span {
		font-size: 0.875rem;
		width: 100%;
		height: 100%;
		padding: 0.9375rem 1.25rem;
		position: absolute;
		top: 0;
		left: 0;
		text-indent: 0;
		-webkit-transition: opacity 0.3s ease;
		-o-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease
	}
}

#main-nav .submenu li a.level-1:hover span.zh-text {
	opacity: 0
}

@media only screen and (max-width: 40em) {
	#main-nav .submenu li a.level-1:hover span.zh-text {
		opacity: 1;
		color: #fff
	}
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
	#main-nav .submenu li a.level-1:hover span.zh-text {
		opacity: 1;
		color: #fff
	}
}

#main-nav .submenu li a.level-1 span.en-text {
	display: none;
	opacity: 0
}

@media only screen and (min-width: 64.0625em) {
	#main-nav .submenu li a.level-1 span.en-text {
		display: block
	}
}

@media only screen and (min-width: 64.0625em) {
	#main-nav .submenu li a.level-1:hover span.en-text {
		color: #fff;
		opacity: 1
	}
}

@media only screen and (min-width: 64.0625em) {
	#main-nav .tertiary-menu {
		visibility: hidden;
		width: 30rem;
		height: auto;
		background-color: #f2f2f2;
		position: absolute;
		top: 0;
		left: 15rem;
		padding: 0.625rem;
		opacity: 0;
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease
	}
}

@media only screen and (max-width: 40em) {
	#main-nav .products-topic-menu {
		display: none !important;
		visibility: hidden !important
	}
}

#main-nav .tertiary-menu
li {
	width: 50%;
	float: left;
	margin-bottom: 0.625rem
}

#main-nav .submenu li.level-1:hover .tertiary-menu {
	visibility: visible;
	opacity: 1
}

#main-nav .tertiary-menu
a {
	display: block;
	padding: 0.625rem;
	text-align: center;
	font-size: 0.875rem
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
	#main-nav .tertiary-menu
a {
		padding: 1.25rem 1.25rem 1.25rem 3.75rem
	}
}

@media only screen and (max-width: 40em) {
	#main-nav .tertiary-menu
a {
		padding: 1.25rem 1.25rem 1.25rem 3.75rem;
		text-align: left
	}
}

#main-nav .tertiary-menu a
.cover {
	display: block;
	margin-bottom: 0.375rem
}

.nav-toggle {
	display: block;
	width: 2.25rem;
	height: 1.5rem;
	line-height: 1.75rem;
	overflow: hidden;
	position: absolute;
	top: 50%;
	right: 1rem;
	margin-top: -0.75rem
}

@media only screen and (min-width: 64.0625em) {
	.nav-toggle {
		display: none
	}
}

.nav-toggle:before {
	content: '\f0c9';
	display: block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	color: #404750;
	font-size: 1.5rem
}

.news-index-page
#main {
	padding-bottom: 3.125rem
}

#support-page
#main {
	padding-bottom: 1.875rem
}

.home-section>.row {
	max-width: 80rem
}

	    .subname{
	        position: relative
	    }
	    .subname1{
	        position: absolute;
	        top: 0;
	        color: #fff;
	        text-align: center;
	       margin: 100px 15rem;
	       width: 150px;
	       height: 100px;
	       background: #6f6c6c;
	       opacity: 0.7;
	       border-radius: 10px;
	    }
	    .subname1 h3{
	        color: #fff;
	    }
	    
@media only screen and (max-width: 40em) {
	.home-section>.row>.column {
		padding: 0
0.9375rem
	}
}
.m712{
    width: 100%;
    height: auto;
    text-align: center;
	margin: 0;
}
.jdfgh{
    width: 80rem;
    margin: 0 auto;
}
.m712 img{
    max-width: 80rem;
    width: 80rem;
    height: auto;
    
}
.home-section .section-hd {
	padding: 1.25rem 0
}

.home-section .section-hd .section-title .zh-text {
	display: block;
	color: #454545;
	font-weight: 600;
	font-size: 1.5rem;
	line-height: 110%
}

.home-section .section-hd .section-title .en-text {
	display: block;
	font-family: 'Roboto',sans-serif;
	color: #999;
	font-weight: normal;
	font-size: 0.875rem;
	text-transform: uppercase
}

.home-section .section-hd>.row {
	max-width: 80rem
}

@media only screen and (max-width: 40em) {
	.home-section .section-hd>.row>.column {
		padding: 0
0.9375rem
	}
}

.home-section .section-bd {
	padding: 0.625rem 0 1.875rem
}

.home-section .section-bd>.row {
	max-width: 80rem
}

@media only screen and (max-width: 40em) {
	.home-section .section-bd>.row>.column {
		padding: 0
0.9375rem
	}
}

.products-cats-entrance {
	margin-bottom: 0
}

@media only screen and (min-width: 40.0625em) {
	.products-cats-entrance {
		margin-bottom: 1.875rem
	}
}

@media only screen and (min-width: 64.0625em) {
	.products-cats-entrance {
		margin-bottom: 3.125rem
	}
}

.products-cats-entrance
a {
	display: block
}

@media only screen and (max-width: 40em) {
	.products-cats-entrance
a {
		margin-bottom: 1rem
	}
}

.products-cats-entrance a .cover-wrap {
	display: block;
	position: relative;
	overflow: hidden;
	margin-bottom: 0.625rem
}

.products-cats-entrance a .cover-wrap::before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 110%
}

.products-cats-entrance a
.cover {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	transform-style: preserve-3d;
	transition: transform 0.4s ease
}

.products-cats-entrance a:hover
.cover {
	transform: scale(1.04)
}

#home-solution-wrap {
	position: relative
}

#home-solution-wrap .home-solution-button {
	display: none
}

@media only screen and (min-width: 40.0625em) {
	#home-solution-wrap .home-solution-button {
		color: #afafaf;
		font-size: 2.5rem;
		display: block;
		position: absolute;
		top: 50%;
		margin-top: -4.375rem;
		cursor: pointer;
		transition: color 0.3s ease
	}

	#home-solution-wrap .home-solution-button:hover {
		color: #404750
	}
}

#home-solution-wrap .home-solution-button-prev {
	left: -3.125rem
}

#home-solution-wrap .home-solution-button-next {
	right: -3.125rem
}


.home-solution-swiper .section-hd {
	padding: 2.5rem 0 1.25rem
}

#home-solution-swiper .slide-bd {
	margin-bottom: 1.25rem
}

#home-solution-swiper .slide-bd
.cover {
	display: block;
	position: relative;
	background-size: cover;
	background-position: 50% 50%
}

@media only screen and (max-width: 40em) {
	#home-solution-swiper .slide-bd
.cover {
		margin-bottom: 1rem
	}
}

#home-solution-swiper .slide-bd .cover::before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 50.80128205128205%
}

@media only screen and (min-width: 40.0625em) {
	#home-solution-swiper .slide-bd .info-inner {
		padding: 1.25rem
	}
}

@media only screen and (min-width: 64.0625em) {
	#home-solution-swiper .slide-bd .info-inner {
		padding: 2.5rem
	}
}

#home-solution-swiper .slide-bd .info-inner
h3 {
	font-size: 1.25rem;
	font-weight: bold;
	margin-bottom: 1rem
}

@media only screen and (min-width: 40.0625em) {
	#home-solution-swiper .slide-bd .info-inner
h3 {
		font-size: 1.375rem;
		margin-bottom: 1.125rem
	}
}

@media only screen and (min-width: 64.0625em) {
	#home-solution-swiper .slide-bd .info-inner
h3 {
		font-size: 1.5rem;
		margin-bottom: 1.25rem
	}
}

#home-solution-swiper .slide-bd .info-inner
p {
	color: #4d4d4d;
	font-size: 0.9375rem
}

#home-solution-swiper .slide-bd .info-inner
p.subtitle {
	color: #fff;
	display: inline-block;
	background-color: #404750;
	font-size: 0.9375rem;
	font-weight: bold;
	margin-bottom: 0.375rem;
	padding: 0
0.75rem
}

@media only screen and (min-width: 40.0625em) {
	#home-solution-swiper .slide-bd .info-inner
p.subtitle {
		font-size: 1rem;
		margin-bottom: 0.5rem
	}
}

@media only screen and (min-width: 64.0625em) {
	#home-solution-swiper .slide-bd .info-inner
p.subtitle {
		font-size: 1.125rem;
		margin-bottom: 0.625rem
	}
}

#home-solution-swiper .slide-bd .info-inner
.viewmore {
	font-size: 0.8125rem
}

#home-solution-swiper .slide-bd .info-inner .viewmore
a {
	color: #404750;
	transition: color 0.3s ease;
	text-decoration: underline;
	font-size: 0.9375rem
}

#home-solution-swiper .slide-bd .info-inner .viewmore a:hover {
	color: #1e7284
}

#home-solution-swiper .slide-bd .info-inner .viewmore a::after {
	content: '\f105';
	font: normal normal normal 15px/1 FontAwesome;
	display: inline-block;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	margin-left: 4px
}

#home-solution-swiper .slide-ft
a {
	display: block;
	color: #707070;
	font-size: 0.875rem
}

#home-solution-swiper .slide-ft a:hover {
	color: #404750
}

@media only screen and (max-width: 40em) {
	#home-solution-swiper .slide-ft
a {
		margin-bottom: 0.75rem
	}
}

#home-solution-swiper .slide-ft
.cover {
	display: block;
	position: relative;
	background-size: cover;
	height: 220px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	margin-bottom: 0.625rem;
	transition: opacity 0.3s ease
}

#home-solution-swiper .slide-ft .cover::before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 47.26027397260274%
}

#home-solution-swiper .slide-ft .cover::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	border: rgba(37, 143, 165, 0) solid 0;
	transition: border 0.3s ease
}

#home-solution-swiper .slide-ft
a {
	display: block
}

#home-solution-swiper .slide-ft a:hover
.cover {
	opacity: 0.8
}

#home-solution-swiper .slide-ft a:hover .cover::after {
	border: #404750 solid 4px
}

#home-solution-swiper .slide-ft
.title {
	display: block;
	text-align: center;
	height: 1.375rem;
	line-height: 1.375rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#home-fitness {
	padding-bottom: 1.875rem
}

#home-fitness .section-hd {
	padding-top: 1.875rem
}

#home-fitness .section-bd {
	padding: 0
}

#home-fitness .section-bd
.banner {
    width: 100%;
    height: auto;
	display: block;
	position: relative;
	background-size: cover;
	background-position: 50% 0
}

#home-fitness .section-bd .banner::before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 30%
}

#home-fitness .section-ft
a {
	display: block;
	overflow: hidden;
	position: relative;
	background-color: #404750
}

#home-fitness .section-ft a:hover
span.title {
	color: #fff;
	background-color: #404750
}

#home-fitness .section-ft a:hover
.cover {
	transform: scale(1.04);
	opacity: 0.8
}

#home-fitness .section-ft
.cover {
	display: block;
	position: relative;
	background-size: cover;
	transition: transform 0.4s ease;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	transform-style: preserve-3d
}

#home-fitness .section-ft .cover::before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 50%
}

#home-fitness .section-ft
span.title {
	display: block;
	background-color: #fff;
	padding: 0.625rem 0.75rem;
	position: relative;
	z-index: 2;
	transition: background-color, color 0.3s ease
}

@media only screen and (max-width: 40em) {
	#home-fitness .section-ft .column:nth-child(1) {
		padding-right: 0.3125rem
	}

	#home-fitness .section-ft .column:nth-child(2) {
		padding-left: 0.3125rem
	}
}

#about-overview-section {
	margin-bottom: 5.625rem
}

@media only screen and (max-width: 40em) {
	#about-overview-section {
		margin-bottom: 3.75rem
	}
}

#about-overview-section
.row {
	max-width: 80rem；
}

@media only screen and (max-width: 40em) {
	#about-overview-section .row
.column {
		padding: 0
0.9375rem
	}
}

.about-overview-block .block-hd {
	padding: 3.75rem 0;
	text-align: center
}

@media only screen and (max-width: 40em) {
	.about-overview-block .block-hd {
		padding: 0
0 1.25rem
	}
}

.about-overview-block .en-title {
	color: #ccc;
	font-family: 'Roboto',sans-serif;
	font-size: 1.875rem;
	font-weight: 900;
	text-transform: uppercase;
	margin: 0
}

.about-overview-block .zh-title {
	display: inline-block;
	color: #1a1a1a;
	font-size: 1.125rem;
	position: relative;
	padding: 0
0 0.375rem
}

.about-overview-block .zh-title:after {
	content: '';
	display: block;
	width: 100%;
	height: 0.125rem;
	background-color: #d9d9d9
}

.about-overview-block
p {
	color: #666;
	font-size: 0.875rem;
	line-height: 180%;
	text-align: justify
}

.about-overview-block
.btn {
	color: #4d4d4d;
	text-align: center;
	font-size: 0.875rem;
	font-weight: 500;
	margin-top: 2rem;
	padding-top: 2rem;
	background: url('../images/more_dots.png') no-repeat 50% 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
	.about-overview-block
.btn {
		background-image: url('../images/more_dots@2x.png');
		-webkit-background-size: 23px 5px;
		background-size: 23px 5px
	}
}

#about-history-section {
	min-height: 45rem;
	padding: 5rem 0;
	background-color: #404750;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: 50% 100%;
	overflow: hidden
}

@media only screen and (max-width: 40em) {
	#about-history-section {
		padding: 2.5rem 0
	}
}

#about-history-section
.row {
	max-width: 60.625rem
}

#about-history-section .block-ft
.row {
	max-width: 64.75rem
}

.about-history-block .block-hd {
	text-align: center;
	margin-bottom: 2.8125rem
}

.about-history-block .en-title {
	color: #fff;
	font-family: 'Roboto',sans-serif;
	font-size: 1.875rem;
	font-weight: 900;
	text-transform: uppercase;
	margin: 0
}

.about-history-block .zh-title {
	display: inline-block;
	color: #fff;
	font-size: 1.125rem;
	position: relative;
	padding: 0
0 0.375rem
}

.about-history-block .zh-title:after {
	content: '';
	display: block;
	width: 100%;
	height: 0.125rem;
	background-color: #fff;
	opacity: 0.4
}

.about-history-block
.cover {
	display: inline-block;
	position: relative;
	float: left;
	margin-right: 2.5rem;
	margin-bottom: 0.875rem
}

@media only screen and (max-width: 40em) {
	.about-history-block
.cover {
		display: block;
		float: none;
		width: 9.375rem;
		margin: 0
auto 1.25rem
	}
}

.about-history-block .cover
img {
	display: block;
	border: #fff solid 0.375rem;
	opacity: 0;
	-webkit-box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.2);
	box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translate3d(0, 40px, 0);
	-ms-transform: translate3d(0, 40px, 0);
	-o-transform: translate3d(0, 40px, 0);
	transform: translate3d(0, 40px, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition-delay: 0.15s;
	-moz-transition-delay: 0.15s;
	-ms-transition-delay: 0.15s;
	-o-transition-delay: 0.15s;
	transition-delay: 0.15s
}

.about-history-block .slick-active .cover
img {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.about-history-block .cover-desc {
	display: inline-block;
	color: #404750;
	background-color: #fff;
	height: 2rem;
	line-height: 1rem;
	padding: 0.5rem 1.5rem;
	font-size: 0.875rem;
	font-weight: 500;
	position: absolute;
	top: -3.25rem;
	left: 0;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translate3d(0, 40px, 0);
	-ms-transform: translate3d(0, 40px, 0);
	-o-transform: translate3d(0, 40px, 0);
	transform: translate3d(0, 40px, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

@media only screen and (max-width: 40em) {
	.about-history-block .cover-desc {
		text-align: center;
		font-size: 0.75rem
	}
}

.about-history-block .slick-active .cover-desc {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.about-history-block .item-content {
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translate3d(0, 40px, 0);
	-ms-transform: translate3d(0, 40px, 0);
	-o-transform: translate3d(0, 40px, 0);
	transform: translate3d(0, 40px, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition-delay: 0.25s;
	-moz-transition-delay: 0.25s;
	-ms-transition-delay: 0.25s;
	-o-transition-delay: 0.25s;
	transition-delay: 0.25s
}

@media only screen and (max-width: 40em) {
	.about-history-block .item-content {
		padding: 0
1.875rem
	}
}

.about-history-block .slick-active .item-content {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.about-history-block
p {
	color: #fff
}

#about-history-carousel {
	visibility: hidden;
	margin-bottom: 2.5rem;
	opacity: 0
}

#about-history-carousel.slick-initialized {
	visibility: visible;
	opacity: 1
}

#about-history-carousel
.year {
	color: #fff;
	font-size: 15rem;
	font-family: 'Oxygen',sans-serif;
	font-weight: 700;
	line-height: 100%;
	margin: 0;
	position: absolute;
	bottom: -1.25rem;
	left: 19.375rem;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translate3d(0, 40px, 0);
	-ms-transform: translate3d(0, 40px, 0);
	-o-transform: translate3d(0, 40px, 0);
	transform: translate3d(0, 40px, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition-delay: 0.35s;
	-moz-transition-delay: 0.35s;
	-ms-transition-delay: 0.35s;
	-o-transition-delay: 0.35s;
	transition-delay: 0.35s
}

@media only screen and (max-width: 40em) {
	#about-history-carousel
.year {
		width: 100%;
		left: 0;
		bottom: -0.625rem;
		font-size: 7.5rem;
		text-align: center
	}
}

#about-history-carousel .slick-active
.year {
	opacity: 0.2;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

#about-history-carousel
.item {
	display: none;
	position: relative;
	min-height: 19.75rem;
	padding: 3.25rem 0 0
}

@media only screen and (max-width: 40em) {
	#about-history-carousel
.item {
		min-height: 22.5rem
	}
}

#about-history-carousel .item:focus {
	outline: none
}

#about-history-carousel .slick-track
.item {
	display: block
}

#about-history-carousel-nav {
	height: 1.875rem;
	position: relative;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease
}

#about-history-carousel-nav.slick-initialized {
	visibility: visible;
	opacity: 1
}

#about-history-carousel-nav:before {
	content: '';
	display: block;
	width: 110%;
	height: 0.25rem;
	background-color: #fff;
	position: absolute;
	left: -5%;
	top: 3.75rem
}

#about-history-carousel-nav
.item {
	width: 1.25rem;
	height: 1.25rem;
	padding: 3.5rem 0;
	position: relative;
	text-align: center;
	cursor: pointer
}

#about-history-carousel-nav .item:focus {
	outline: none
}

#about-history-carousel-nav .item:before {
	content: '';
	display: block;
	width: 0.875rem;
	height: 0.875rem;
	border-radius: 100%;
	background-color: #fff;
	border: #ddd solid 0.1875rem;
	margin: 0
auto
}

#about-history-carousel-nav .item.slick-current:before {
	background-color: #404750;
	border-color: #fff
}

#about-history-carousel-nav .item .item-label {
	position: absolute;
	color: #404750;
	background-color: #fff;
	top: 0;
	left: 50%;
	margin-left: -1.25rem;
	padding: 0.25rem 0.625rem;
	font-size: 0.875rem;
	visibility: hidden;
	opacity: 0
}

#about-history-carousel-nav .item.slick-current .item-label {
	visibility: visible;
	opacity: 1
}

#about-history-carousel-nav .item .item-label:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left: transparent solid 0.625rem;
	border-right: transparent solid 0.625rem;
	border-top: #fff solid 0.5rem;
	position: absolute;
	bottom: -0.5rem
}

#about-history-carousel-nav .item
.year {
	font-size: 1.125rem;
	font-family: 'Roboto',sans-serif;
	font-weight: 700;
	padding-top: 0.25rem;
	opacity: 0.7;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease
}

#about-history-carousel-nav .item.slick-current
.year {
	opacity: 1
}

#about-history-carousel-nav .slick-next,
#about-history-carousel-nav .slick-prev {
	top: 75%
}

#about-culture-section {
	width: 100%;
	background-color: #fff;
	padding: 2.5rem 0;
	overflow: hidden
}

#about-culture-section .block-hd {
	padding: 3.75rem 0;
	text-align: center
}

#about-culture-section .en-title {
	color: #ccc;
	font-family: 'Roboto',sans-serif;
	font-size: 1.875rem;
	font-weight: 900;
	text-transform: uppercase;
	margin: 0
}

#about-culture-section .zh-title {
	display: inline-block;
	color: #1a1a1a;
	font-size: 1.125rem;
	position: relative;
	padding: 0
0 0.375rem
}

#about-culture-section .zh-title:after {
	content: '';
	display: block;
	width: 100%;
	height: 0.125rem;
	background-color: #d9d9d9
}

#about-culture-carousel {
	visibility: hidden;
	margin-bottom: 2.5rem;
	opacity: 0
}

#about-culture-carousel.slick-initialized {
	visibility: visible;
	opacity: 1
}

#about-culture-carousel
.item {
	display: none;
	position: relative;
	min-height: 19.75rem;
	padding: 3.25rem 0 0
}

@media only screen and (max-width: 40em) {
	#about-culture-carousel
.item {
		min-height: 22.5rem;
		padding: 3.25rem 0.9375rem 0
	}
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
	#about-culture-carousel
.item {
		padding: 3.25rem 0.9375rem 0
	}
}

#about-culture-carousel .item
p {
	color: #4d4d4d;
	font-size: 0.875rem;
	text-align: justify
}

#about-culture-carousel .item:focus {
	outline: none
}

#about-culture-carousel .slick-track
.item {
	display: block
}

#about-culture-carousel-nav {
	margin-bottom: 1.875rem;
	position: relative;
	opacity: 0;
	visibility: hidden;
	border: #e8e8e6 solid 1px;
	border-left: 0 none;
	border-right: 0 none;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease
}

#about-culture-carousel-nav.slick-initialized {
	visibility: visible;
	opacity: 1
}

#about-culture-carousel-nav
.item {
	color: #ccc;
	width: 1.25rem;
	position: relative;
	text-align: center;
	cursor: pointer;
	font-size: 1rem;
	padding: 0.375rem 0
}

#about-culture-carousel-nav .item.slick-current {
	color: #404750
}

#about-culture-carousel-nav .item.slick-current:before {
	content: '';
	width: 1.875rem;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0
}

#about-culture-carousel-nav .item:focus {
	outline: none
}

#about-culture-carousel-nav .item:after {
	content: '';
	display: block;
	width: 1px;
	height: 60%;
	position: absolute;
	top: 20%;
	right: -10%;
	background-color: #e3e3e3;
	-webkit-transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	-o-transform: skewX(-25deg);
	transform: skewX(-25deg)
}

#about-technology-section {
	background-color: #404750;
	margin-bottom: 1.25rem
}

#about-technology-section .section-hd {
	padding: 1.875rem 0
}

#about-technology-section .section-hd .en-title {
	color: #fff;
	font-size: 1.875rem;
	font-weight: 700;
	font-family: 'Roboto',sans-serif;
	line-height: 100%;
	text-transform: uppercase;
	margin: 0
}

#about-technology-section .section-hd .zh-title {
	color: #fff;
	font-size: 1.125rem;
	margin: 0
}

#about-technology-section .section-bd
.row {
	max-width: 100%
}

#about-technology-section .section-bd .row
.column {
	padding: 0
}

#about-awards-section {
	background-color: #fff;
	padding-bottom: 3.125rem
}

#about-awards-section .section-hd {
	padding-bottom: 0
}

#about-awards-section .section-bd {
	padding-bottom: 0
}

@media only screen and (max-width: 40em) {
	#about-awards-section table thead
th {
		width: 25%;
		text-align: left
	}
}

@media only screen and (max-width: 40em) {
	#about-awards-section table thead th:last-child {
		display: none
	}
}

@media only screen and (max-width: 40em) {
	#about-awards-section table
tr {
		display: block
	}

	#about-awards-section table tr
th {
		width: 33.333333%
	}
}

#about-awards-section table tbody
td {
	border: 0
none;
	border-bottom: #d9d9d9 solid 1px
}

@media only screen and (max-width: 40em) {
	#about-awards-section table tbody
td {
		display: block
	}
}

.tech-text-block {
	position: relative
}

.tech-text-block
img.placeholder {
	display: block
}

.tech-text-block .text-wrap {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	padding: 1.875rem
}

.tech-block-1 .tech-text-block,
.tech-block-2 .tech-text-block {
	color: #666;
	background-color: #fff
}

.tech-text-block {
	color: #fff;
	background-color: #404750
}

@media only screen and (max-width: 40em) {
	.tech-text-block {
		color: #666;
		background-color: #fff
	}
}

.tech-text-block
h4 {
	color: inherit;
	font-size: 1rem;
	font-weight: 600
}

.tech-text-block
p {
	color: inherit;
	font-size: 0.875rem
}

.tech-text-block
.num {
	color: #fff;
	font-size: 3.75rem;
	font-weight: 300;
	font-family: 'Roboto',sans-serif;
	line-height: 100%;
	margin-bottom: 0.375rem
}

.tech-block-1 .tech-text-block .num,
.tech-block-2 .tech-text-block
.num {
	color: #404750
}

#news-grid {
	max-width: 80.375rem;
	margin: 0
auto;
	overflow: hidden
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
	#news-grid {
		padding: 0
6px 1.875rem
	}
}

@media only screen and (max-width: 40em) {
	#news-grid {
		padding: 0
6px 1.875rem
	}
}

#news-grid
.row {
	max-width: 80.375rem
}

#news-grid .grid-item {
	padding: 0
0.375rem;
	overflow: hidden;
	margin-bottom: 0.75rem
}

#news-grid .grid-item
.cover {
	width: 100%;
	height: auto;
	background-color: #404750
}

#news-grid .grid-item .cover
a {
	display: block;
	width: 100%;
	height: auto
}

@media only screen and (min-width: 64.0625em) {
	#news-grid .grid-item .cover a
img {
		height: 16.25rem
	}
}

#news-grid .grid-item:hover .cover
a {
	opacity: 0.5
}

#news-grid .grid-item .no-cover
a {
	background: url('../images/cover_logo.png') no-repeat 50% 50%;
	-webkit-background-size: auto;
	background-size: auto
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
	#news-grid .grid-item .no-cover
a {
		background-image: url('../images/cover_logo@2x.png');
		-webkit-background-size: 133px 46px;
		background-size: 133px 46px
	}
}

#news-grid .grid-item
.info {
	color: #999;
	height: 6.375rem;
	background-color: #fff;
	overflow: hidden;
	padding: 0.625rem 1.25rem;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

@media only screen and (max-width: 40em) {
	#news-grid .grid-item
.info {
		height: 8.5rem
	}
}

#news-grid .grid-item .info
h3 {
	font-size: 1rem;
	margin: 0
}

#news-grid .grid-item .info h3
a {
	display: block;
	min-height: 2.75rem;
	line-height: 1.375rem;
	width: 100%;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

#news-grid .grid-item:hover .info h3
a {
	color: #fff
}

#news-grid .grid-item .info
time {
	font-size: 0.875rem;
	color: gray;
	margin-right: 0.625rem;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

#news-grid .grid-item:hover .info
time {
	color: #fff
}

#news-grid .grid-item:hover
.info {
	color: #fff;
	background-color: #404750
}

#news-grid .grid-item .info
i.fa {
	margin-right: 0.25rem
}

#news-grid .grid-item .info
.views {
	font-size: 0.875rem
}

#headlines-wrap {
	position: relative;
	overflow: hidden;
	margin-bottom: 1.875rem
}

#headlines {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: 0
}

@media only screen and (min-width: 64.0625em) {
	#headlines {
		height: 31.59722vw
	}
}

#headlines
.item {
	display: none;
	float: left
}

#headlines .item-1 {
	display: block
}

#headlines .slick-track
.item {
	display: block
}

#headlines .slide-info {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

#headlines .slide-info
.row {
	max-width: 90%
}

#headlines .slide-info
.title {
	color: #fff;
	font-size: 1.5rem;
	font-weight: 900;
	line-height: 100%;
	margin-bottom: 0;
	opacity: 0;
	-webkit-transform: translate3d(0, 30%, 0);
	-ms-transform: translate3d(0, 30%, 0);
	-o-transform: translate3d(0, 30%, 0);
	transform: translate3d(0, 30%, 0);
	-webkit-transition: opacity, -webkit-transform 0.3s ease;
	-o-transition: opacity, -o-transform 0.3s ease;
	transition: opacity, transform 0.3s ease;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
	#headlines .slide-info
.title {
		font-size: 1.375rem
	}
}

@media only screen and (max-width: 40em) {
	#headlines .slide-info
.title {
		font-size: 1.125rem;
		width: 11.25rem;
		height: 1rem;
		line-height: 1rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}
}

#headlines .light .slide-info
.title {
	color: #404750
}

#headlines .dark .slide-info
.title {
	color: #fff
}

#headlines .slick-active .slide-info
.title {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

#headlines .slick-active .slide-info .title
a {
	display: inline-block;
	color: inherit;
	position: relative;
	padding-bottom: 0.25rem;
	overflow: hidden
}

#headlines .slick-active .slide-info .title a:focus {
	outline: none
}

#headlines .slick-active .slide-info .title a:after {
	content: '';
	display: block;
	width: 0;
	height: 1px;
	background-color: #fff;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	transform: translateX(-100%)
}

#headlines .light .slide-info .title a:after {
	background-color: #404750
}

#headlines .slick-active .slide-info .title a:hover:after {
	opacity: 1;
	width: 100%;
	transform: translateX(0)
}

#headlines .slide-info
.subtitle {
	color: #fff;
	font-size: 1.125rem;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 1.25rem;
	opacity: 0;
	-webkit-transform: translate3d(0, 30%, 0);
	-ms-transform: translate3d(0, 30%, 0);
	-o-transform: translate3d(0, 30%, 0);
	transform: translate3d(0, 30%, 0);
	-webkit-transition: opacity, -webkit-transform 0.3s ease;
	-o-transition: opacity, -o-transform 0.3s ease;
	transition: opacity, transform 0.3s ease;
	-webkit-transition-delay: 0.15s;
	-moz-transition-delay: 0.15s;
	-ms-transition-delay: 0.15s;
	-o-transition-delay: 0.15s;
	transition-delay: 0.15s;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
	#headlines .slide-info
.subtitle {
		font-size: 1rem
	}
}

@media only screen and (max-width: 40em) {
	#headlines .slide-info
.subtitle {
		font-size: 0.875rem;
		margin-bottom: 0.75rem;
		width: 12.5rem;
		height: 1rem;
		line-height: 1rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}
}

#headlines .light .slide-info
.subtitle {
	color: #666
}

#headlines .dark .slide-info
.subtitle {
	color: #fff
}

#headlines .slide-info
time {
	display: block;
	font-size: 0.875rem;
	padding-top: 1rem;
	position: relative;
	opacity: 0;
	-webkit-transform: translate3d(0, 30%, 0);
	-ms-transform: translate3d(0, 30%, 0);
	-o-transform: translate3d(0, 30%, 0);
	transform: translate3d(0, 30%, 0);
	-webkit-transition: opacity, -webkit-transform 0.3s ease;
	-o-transition: opacity, -o-transform 0.3s ease;
	transition: opacity, transform 0.3s ease;
	-webkit-transition-delay: 0.25s;
	-moz-transition-delay: 0.25s;
	-ms-transition-delay: 0.25s;
	-o-transition-delay: 0.25s;
	transition-delay: 0.25s;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

#headlines .slick-active .slide-info
time {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

#headlines .light .slide-info
time {
	color: #666
}

#headlines .dark .slide-info
time {
	color: #fff
}

#headlines .slide-info time:before {
	content: '';
	display: block;
	width: 0;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: width 0.3s ease;
	-o-transition: width 0.3s ease;
	transition: width 0.3s ease;
	-webkit-transition-delay: 0.25s;
	-moz-transition-delay: 0.25s;
	-ms-transition-delay: 0.25s;
	-o-transition-delay: 0.25s;
	transition-delay: 0.25s
}

#headlines .slick-active .slide-info time:before {
	width: 2.5rem
}

#headlines .light .slide-info time:before {
	background-color: rgba(0, 0, 0, 0.3)
}

#headlines .dark .slide-info time:before {
	background-color: #fff
}

#headlines .slick-active .slide-info
.subtitle {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

#headlines-wrap .slick-dots {
	width: 100%;
	height: 0.5rem;
	margin: 0;
	padding: 0
5.125rem;
	position: absolute;
	bottom: 3.875rem;
	left: 0;
	text-align: right
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
	#headlines-wrap .slick-dots {
		bottom: 3rem;
		padding: 0
0.75rem
	}
}

@media only screen and (max-width: 40em) {
	#headlines-wrap .slick-dots {
		bottom: 2.25rem;
		padding: 0
0.75rem
	}
}

#headlines-wrap .slick-dots
li {
	display: inline-block
}

#headlines-wrap .slick-dots
li {
	width: 3rem;
	height: 0.3125rem;
	padding: 0;
	margin: 0
0.125rem
}

#headlines-wrap .slick-dots li
button {
	width: 100%;
	height: 100%;
	padding: 0
}

#headlines-wrap .slick-dots li button:before {
	content: '';
	width: 100%;
	height: 100%;
	background-color: #fff;
	padding: 0
}

#headlines-wrap .slick-dots li.slick-active button:before {
	background-color: #404750
}

.new-products-list .products-index-section {
	background-color: transparent !important;
	padding-bottom: 3.125rem
}

.new-products-list .products-index-section .products-section-solution {
	max-width: 82.5rem !important;
	margin: 0
0 1.25rem 6px !important
}

.new-products-list .products-index-section .products-section-list {
	max-width: 82.5rem !important;
	margin: 0
0 0 6px !important
}

.products-index-section:nth-child(even) {
	background-color: #fff
}

.products-index-section:nth-last-child(1) {
	padding-bottom: 2.5rem
}

@media only screen and (max-width: 40em) {
	.products-index-section {
		padding: 0
0.9375rem
	}
}

.products-index-section
.row {
	max-width: 80rem
}

.products-index-section .section-hd {
	padding: 1.25rem 0
}

.products-index-section .section-bd {
	padding: 0
0 1.25rem
}

.products-index-section .section-ft {
	padding: 0
0 1.875rem
}

.products-index-section
.banner {
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-position: 50% 0
}

.products-index-section .banner::before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 58.59375%
}

@media only screen and (min-width: 40.0625em) {
	.products-index-section .banner::before {
		padding-top: 28.47141190198366%
	}
}

.products-section-solution {
	max-width: 65rem !important;
	margin: 0
auto 1.25rem !important
}

.products-section-solution
.cover {
	display: block;
	position: relative;
	background-size: cover;
	background-position: 50% 50%
}

@media only screen and (max-width: 40em) {
	.products-section-solution
.cover {
		margin-bottom: 1rem
	}
}

.products-section-solution .cover::before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 50.80128205128205%
}

@media only screen and (min-width: 40.0625em) {
	.products-section-solution .info-inner {
		padding: 1.25rem
	}
}

@media only screen and (min-width: 64.0625em) {
	.products-section-solution .info-inner {
		padding: 1.875rem
	}
}

.products-section-solution .info-inner
h3 {
	font-size: 1.25rem;
	font-weight: bold;
	margin-bottom: 1rem
}

@media only screen and (min-width: 40.0625em) {
	.products-section-solution .info-inner
h3 {
		font-size: 1.375rem;
		margin-bottom: 1.125rem
	}
}

@media only screen and (min-width: 64.0625em) {
	.products-section-solution .info-inner
h3 {
		font-size: 1.5rem;
		margin-bottom: 1.25rem
	}
}

.products-section-solution .info-inner
p {
	color: #4d4d4d;
	font-size: 0.9375rem
}

.products-section-solution .info-inner
p.subtitle {
	color: #fff;
	display: inline-block;
	background-color: #404750;
	font-size: 0.9375rem;
	font-weight: bold;
	margin-bottom: 0.375rem;
	padding: 0
0.75rem
}

@media only screen and (min-width: 40.0625em) {
	.products-section-solution .info-inner
p.subtitle {
		font-size: 1rem;
		margin-bottom: 0.5rem
	}
}

@media only screen and (min-width: 64.0625em) {
	.products-section-solution .info-inner
p.subtitle {
		font-size: 1.125rem;
		margin-bottom: 0.625rem
	}
}

.products-section-solution .info-inner
.viewmore {
	font-size: 0.8125rem
}

.products-section-solution .info-inner .viewmore
a {
	color: #404750;
	transition: color 0.3s ease;
	text-decoration: underline;
	font-size: 0.9375rem
}

.products-section-solution .info-inner .viewmore a:hover {
	color: #1e7284
}

.products-section-solution .info-inner .viewmore a::after {
	content: '\f105';
	font: normal normal normal 15px/1 FontAwesome;
	display: inline-block;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	margin-left: 4px
}

.products-section-list {
	max-width: 65rem !important;
	margin: 0
auto !important
}

.products-list-swiper-wrap {
	position: relative
}

.products-list-swiper-wrap .products-list-swiper-button {
	display: none
}

@media only screen and (min-width: 40.0625em) {
	.products-list-swiper-wrap .products-list-swiper-button {
		color: #afafaf;
		font-size: 2.5rem;
		display: block;
		position: absolute;
		top: 50%;
		margin-top: -2.625rem;
		cursor: pointer;
		transition: color 0.3s ease
	}

	.products-list-swiper-wrap .products-list-swiper-button:hover {
		color: #404750
	}
}

.products-list-swiper-wrap .products-list-swiper-button-prev {
	left: -1.875rem
}

.products-list-swiper-wrap .products-list-swiper-button-next {
	right: -1.875rem
}

@media only screen and (min-width: 40.0625em) {
	.products-list-swiper-wrap .swiper-slide {
		width: 33.3333333%;
		margin-right: 0.75rem
	}
}

.products-list-swiper-wrap .swiper-slide
a {
	color: #707070;
	display: block;
	width: 100%;
	font-size: 0.875rem
}

.products-list-swiper-wrap .swiper-slide a:hover .cover::after {
	border: #404750 solid 4px
}

.products-list-swiper-wrap .swiper-slide
.cover {
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-color: #e0e0e0;
	margin-bottom: 0.25rem
}

.products-list-swiper-wrap .swiper-slide .cover::before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 50%
}

.products-list-swiper-wrap .swiper-slide .cover::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	border: rgba(37, 143, 165, 0) solid 0;
	transition: border 0.3s ease
}

#products-head-section {
	background-color: #404750;
	padding: 4.6875rem 0
}

@media only screen and (max-width: 40em) {
	#products-head-section {
		padding: 4.0625rem 0
	}
}

#products-head-section .en-text {
	color: #fff;
	font-family: 'Roboto',sans-serif;
	font-weight: 800;
	font-size: 3rem;
	margin: 0
}

@media only screen and (max-width: 40em) {
	#products-head-section .en-text {
		font-size: 2rem
	}
}

#products-head-section .zh-text {
	color: #fff;
	font-size: 1.375rem;
	margin: 0
}

@media only screen and (max-width: 40em) {
	#products-head-section .zh-text {
		font-size: 1.25rem
	}
}

.products-grid {
	max-width: 80rem;
	margin: 0
auto
}

.products-grid
.row {
	max-width: 100%
}

.products-grid .grid-item {
	width: 50%;
	float: left;
	padding: 0
0.25rem;
	margin-bottom: 0.5rem
}

.products-grid .grid-item.w1h1 {
	width: 50%
}

@media only screen and (min-width: 40.0625em) {
	.products-grid .grid-item.w1h1 {
		width: 25%
	}
}

@media only screen and (min-width: 64.0625em) {
	.products-grid .grid-item.w1h1 {
		height: 25.25rem
	}
}

.products-grid .grid-item.w2h1 {
	width: 50%
}

@media only screen and (min-width: 40.0625em) {
	.products-grid .grid-item.w2h1 {
		width: 50%
	}
}

@media only screen and (min-width: 64.0625em) {
	.products-grid .grid-item.w2h1 {
		height: 25.25rem
	}
}

.products-grid .grid-item.w1h2 {
	width: 50%
}

@media only screen and (min-width: 40.0625em) {
	.products-grid .grid-item.w1h2 {
		width: 25%
	}
}

@media only screen and (min-width: 64.0625em) {
	.products-grid .grid-item.w1h2 {
		width: 25%;
		height: 44.8125rem
	}
}

.products-grid .grid-item
.cover {
	background-color: #404750
}

.products-grid .grid-item a
img {
	display: block
}

.products-grid .grid-item .cover
a {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.products-grid .grid-item:hover .cover
a {
	opacity: 0.5
}

.products-grid .grid-item
.info {
	color: #999;
	height: 6.1875rem;
	background-color: #fff;
	overflow: hidden;
	padding: 0.625rem 1.875rem;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

@media only screen and (max-width: 40em) {
	.products-grid .grid-item
.info {
		height: 8.5rem
	}
}

.products-grid .grid-item:hover
.info {
	background-color: #404750
}

.products-grid .grid-item .info
h3 {
	font-size: 1rem;
	margin: 0
}

.products-grid .grid-item .info h3
a {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.products-grid .grid-item:hover .info h3
a {
	color: #fff
}

.products-grid .grid-item .info
h3 {
	color: #4d4d4d;
	font-size: 1.125rem;
	margin: 0;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease
}

.products-grid .grid-item .info h3
a {
	color: inherit
}

.products-grid .grid-item .info
p {
	color: gray;
	font-size: 0.9375rem;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease
}

.products-grid .grid-item:hover .info
p {
	color: #fff
}

#products-cats-section {
	margin: 0.75rem 0
}

@media only screen and (min-width: 40.0625em) {
	#products-cats-section {
		margin: 0;
		background-color: #e0e0e0;
		border: #e5e5e5 solid 1px;
		border-left: 0 none;
		border-right: 0 none;
		border-top: 0 none
	}
}

#products-cats-section
.row {
	max-width: 80rem
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
	#products-cats-section
.row {
		padding: 0
0.75rem
	}
}

.products-cats-menu {
	margin: 0
}

.products-cats-menu .menu-item {
	width: 33.33333%;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left
}

@media only screen and (min-width: 40.0625em) {
	.products-cats-menu .menu-item {
		width: 16.666666666666667%
	}

	.total-8 .products-cats-menu .menu-item {
		width: 25%
	}

	.total-7 .products-cats-menu .menu-item {
		width: 14.285714286%
	}

	.total-8 .products-cats-menu .menu-item-5
a {
		background-color: #f1f1f1 !important
	}

	.total-8 .products-cats-menu .menu-item-6
a {
		background-color: #fff !important
	}

	.total-8 .products-cats-menu .menu-item a:hover,
.total-8 .products-cats-menu .menu-item.active
a {
		color: #fff !important;
		background-color: #404750 !important
	}
}

.products-cats-menu .menu-item span.icon-wrap {
	display: block;
	position: relative;
	overflow: hidden;
	width: 5.4375rem;
	margin: 0
auto
}

.products-cats-menu .menu-item span.icon-wrap::before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 105%
}

.products-cats-menu .menu-item span.icon-wrap
img {
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	z-index: 1
}

.products-cats-menu .menu-item span.icon-wrap img.icon-hover {
	z-index: 2
}

.products-cats-menu .menu-item
a {
	color: #666;
	display: block;
	width: 100%;
	height: 8.75rem;
	background-color: #fff;
	padding: 0;
	text-align: center;
	position: relative;
	outline: none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}

.products-cats-menu .menu-item:nth-child(even) a {
	background-color: #f1f1f1
}
.products-cats-menu .menu-item:nth-child(5) a {
	background-color: #f1f1f1
}
.products-cats-menu .menu-item:nth-child(6) a {
	background-color: #ffff;
}
.products-cats-menu .menu-item:nth-child(7) a {
	background-color: #f1f1f1
}
.products-cats-menu .menu-item:nth-child(8) a {
	background-color: #fff
}
.products-cats-menu .menu-item.active a,
.products-cats-menu .menu-item a:focus {
	color: #fff !important;
	background-color: #404750 !important
}

@media only screen and (max-width: 40em) {
	.products-cats-menu .menu-item-7 {
		width: 100%;
		border-top: #e3e3e3 solid 1px
	}
}

@media only screen and (min-width: 40.0625em) {
	.products-cats-menu.menu-item-even
a {
		background-color: #f3f3f3
	}
}

@media only screen and (max-width: 40em) {
	.products-cats-menu .menu-item-2 a,
.products-cats-menu .menu-item-4 a,
.products-cats-menu .menu-item-6
a {
		background-color: #f3f3f3
	}
}

.products-cats-menu .menu-item a:hover,
.products-cats-menu .menu-item.active
a {
	color: #fff;
	background-color: #404750
}

.products-cats-menu .menu-item a .icon,
.products-cats-menu .menu-item a .icon-hover {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease
}

.products-cats-menu .menu-item a:focus .icon,
.products-cats-menu .menu-item a:hover .icon,
.products-cats-menu .menu-item.active a
.icon {
	opacity: 0
}

.products-cats-menu .menu-item a .icon-hover {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -2.75rem;
	opacity: 0
}

.products-cats-menu .menu-item a:focus .icon-hover,
.products-cats-menu .menu-item a:hover .icon-hover,
.products-cats-menu .menu-item.active a .icon-hover {
	opacity: 1
}

#products-filter {
	padding-top: 10.5625rem
}

@media only screen and (max-width: 40em) {
	#products-filter {
		padding: 1.25rem 1rem 0
	}
}

#products-filter .filter-block {
	margin-bottom: 3.125rem
}

#products-filter
h3 {
	color: #4d4d4d;
	font-size: 0.875rem;
	height: 2.5rem;
	line-height: 2.25rem;
	margin: 0;
	padding: 0
}

#products-filter
ul {
	margin: 0;
	padding: 0
}

#products-filter .block-hd
h4 {
	display: block;
	width: 100%;
	height: auto;
	line-height: 1.5rem;
	font-size: 0.875rem;
	padding: 0.625rem 0 0.375rem;
	border-top: #909090 solid 1px;
	border-bottom: #c0c0c0 solid 1px
}

#products-filter .block-hd h4
svg {
	display: block;
	max-width: 24px;
	margin-right: 0.625rem;
	float: left
}

#products-filter ul
li {
	list-style: none
}

#products-filter ul li
a {
	color: #333;
	position: relative;
	display: block;
	cursor: pointer;
	font-size: 0.875rem;
	padding: 2px
5px;
	margin: 5px
0
}

#products-filter ul li a:hover {
	color: #404750
}

#products-filter ul li
a.current {
	color: #fff;
	background-color: #404750
}

#productslide-wrap {
	position: relative;
	overflow: hidden
}

#productslide {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: 0
}

@media only screen and (min-width: 64.0625em) {
	#productslide {
		height: 29.16666666666667vw
	}
}

#productslide
a {
	display: block
}

#productslide .slide-info {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer
}

#productslide .slide-info
.row {
	max-width: 90%
}

#productslide .slide-info .en-title
p {
	color: #fff;
	font-size: 3rem;
	font-family: 'Roboto',sans-serif;
	font-weight: 900;
	line-height: 100%;
	margin-bottom: 0;
	opacity: 0;
	-webkit-transform: translate3d(0, 30%, 0);
	-ms-transform: translate3d(0, 30%, 0);
	-o-transform: translate3d(0, 30%, 0);
	transform: translate3d(0, 30%, 0);
	-webkit-transition: opacity, -webkit-transform 0.3s ease;
	-o-transition: opacity, -o-transform 0.3s ease;
	transition: opacity, transform 0.3s ease;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
	#productslide .slide-info .en-title
p {
		font-size: 2rem
	}
}

@media only screen and (max-width: 40em) {
	#productslide .slide-info .en-title
p {
		font-size: 1.25rem
	}
}

#productslide .swiper-slide-active .slide-info .en-title
p {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

#productslide .slide-info .zh-title
p {
	color: #fff;
	font-size: 3rem;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 3.125rem;
	opacity: 0;
	-webkit-transform: translate3d(0, 30%, 0);
	-ms-transform: translate3d(0, 30%, 0);
	-o-transform: translate3d(0, 30%, 0);
	transform: translate3d(0, 30%, 0);
	-webkit-transition: opacity, -webkit-transform 0.3s ease;
	-o-transition: opacity, -o-transform 0.3s ease;
	transition: opacity, transform 0.3s ease;
	-webkit-transition-delay: 0.15s;
	-moz-transition-delay: 0.15s;
	-ms-transition-delay: 0.15s;
	-o-transition-delay: 0.15s;
	transition-delay: 0.15s;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
	#productslide .slide-info .zh-title
p {
		font-size: 2rem
	}
}

@media only screen and (max-width: 40em) {
	#productslide .slide-info .zh-title
p {
		font-size: 1.25rem;
		margin-bottom: 0.75rem
	}
}

#productslide .swiper-slide-active .slide-info .zh-title
p {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

#productslide .slide-info
.btn {
	opacity: 0;
	-webkit-transform: translate3d(0, 30%, 0);
	-ms-transform: translate3d(0, 30%, 0);
	-o-transform: translate3d(0, 30%, 0);
	transform: translate3d(0, 30%, 0);
	-webkit-transition: opacity, -webkit-transform 0.3s ease;
	-o-transition: opacity, -o-transform 0.3s ease;
	transition: opacity, transform 0.3s ease;
	-webkit-transition-delay: 0.25s;
	-moz-transition-delay: 0.25s;
	-ms-transition-delay: 0.25s;
	-o-transition-delay: 0.25s;
	transition-delay: 0.25s;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

#productslide .swiper-slide-active .slide-info
.btn {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

#productslide .slide-info .btn
a {
	display: inline-block;
	color: #404750;
	background-color: #fff;
	overflow: hidden;
	font-size: 0.6875rem;
	width: 10rem;
	height: 2.25rem;
	line-height: 2.25rem;
	padding-right: 1.875rem;
	line-height: 2.25rem;
	font-weight: 500;
	position: relative
}

@media only screen and (max-width: 40em) {
	#productslide .slide-info .btn
a {
		width: 8.75rem;
		font-size: 0.625rem;
		height: 2rem;
		line-height: 2rem
	}
}

#productslide .slide-info .btn a:after {
	content: '';
	display: block;
	width: 0;
	height: 100%;
	opacity: 0;
	background-color: #b2b2b2;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

#productslide .slide-info .btn a:hover:after {
	opacity: 1;
	width: 100%
}

#productslide .slide-info .btn a
i.fa {
	font-size: 1rem;
	padding-left: 1rem;
	position: absolute;
	right: 0.75rem;
	top: 50%;
	margin-top: -0.5rem;
	z-index: 2
}

#productslide .slide-info .btn a:hover
i.fa {
	color: #fff
}

#productslide .slide-info .btn a
span {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-indent: 0.75rem;
	position: relative;
	z-index: 2;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

#productslide .slide-info .btn .en-text {
	font-family: 'Roboto',sans-serif
}

#productslide .slide-info .btn .zh-text {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transform: translate3d(0, 30%, 0);
	-ms-transform: translate3d(0, 30%, 0);
	-o-transform: translate3d(0, 30%, 0);
	transform: translate3d(0, 30%, 0)
}

#productslide .slide-info .btn a:hover .en-text {
	opacity: 0;
	-webkit-transform: translate3d(0, -30%, 0);
	-ms-transform: translate3d(0, -30%, 0);
	-o-transform: translate3d(0, -30%, 0);
	transform: translate3d(0, -30%, 0)
}

#productslide .slide-info .btn a:hover .zh-text {
	color: #fff;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

#productslide-wrap .productslide-button {
	display: none !important
}

@media only screen and (min-width: 40.0625em) {
	#productslide-wrap .productslide-button {
		display: block !important;
		color: #fff;
		font-size: 1.875rem;
		line-height: 1.875rem;
		position: absolute;
		top: 50%;
		margin-top: -1.875rem;
		cursor: pointer;
		padding: 0.9375rem 0.625rem;
		z-index: 99;
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		transform-style: preserve-3d
	}
}

#productslide-wrap .productslide-button
i.fa {
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

#productslide-wrap .productslide-button:hover
i.fa {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5)
}

#productslide-wrap .productslide-button-prev {
	left: 1.25rem
}

@media only screen and (max-width: 40em) {
	#productslide-wrap .productslide-button-prev {
		left: 0.3125rem
	}
}

#productslide-wrap .productslide-button-next {
	right: 1.25rem
}

@media only screen and (max-width: 40em) {
	#productslide-wrap .productslide-button-next {
		right: 0.3125rem
	}
}

#new-products-list>.row>.column {
	padding: 0
1.25rem
}
.small-12.medium-9.large-10.column{
    width: 100%;
}

@media only screen and (max-width: 40em) {
	#new-products-list>.row>.column {
		padding: 0
5px
	}
}
/*
.products-list-section {
	margin-bottom: 7.5rem
}
*/
@media only screen and (max-width: 40em) {
	.products-list-section {
		margin-bottom: 3.75rem
	}
}

.new-products-list .products-list-section {
	margin-bottom: 3.125rem
}

@media only screen and (max-width: 40em) {
	.new-products-list .products-list-section {
		margin-bottom: 1.25rem
	}
}

.new-products-list
.row {
	max-width: 100rem
}

.new-products-list .section-bd {
	padding: 0
}

.products-list-section
.row {
	max-width: 82.5rem
}

@media only screen and (min-width: 40.0625em) {
	.products-list-section .section-hd
.column {
		padding-right: 0.75rem
	}
}

@media only screen and (max-width: 40em) {
	.products-list-section .section-hd
.column {
		padding: 0
0.75rem
	}
}

.products-list-section .filters
.row {
	max-width: 31.25rem;
	margin: 0
auto
}

.products-list-section .section-bd-more {
	max-height: 0;
	overflow: hidden
}

.products-list-section .section-bd-more[aria-expanded='true'] {
	overflow: visible !important
}

.products-list-section
a.btn {
	display: block;
	margin: 0
auto;
	text-align: center;
	padding-top: 1.875rem
}

@media only screen and (max-width: 40em) {
	.products-list-section .medium-7 {
		padding: 0
0.75rem
	}
}

@media medium-up {
	.products-list-section .medium-5 {
		padding-right: 0
	}
}

.products-list-section .section-cover {
	background-color: #fff;
	position: relative;
	margin-bottom: 0.75rem
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
	.products-list-section .section-cover {
		margin-bottom: 0
	}
}

@media only screen and (min-width: 64.0625em) {
	.products-list-section .section-cover {
		margin-bottom: 0;
		min-height: 33.75rem
	}
}

.products-list-section .section-cover
img {
	display: block
}

.products-list-section .section-cover
.desc {
	color: #fff;
	display: block;
	width: 100%;
	height: 3.375rem;
	line-height: 2rem;
	padding: 0.6875rem 1.25rem;
	font-size: 1.375rem;
	background-color: #404750;
	position: absolute;
	bottom: 0;
	left: 0
}

.products-list-section .row .column
.column {
	padding: 0
0.375rem
}

.products-list-section .feature-item {
	margin-bottom: 0.75rem
}

@media only screen and (min-width: 64.0625em) {
	.products-list-section .feature-item {
		min-height: 16.5rem;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden
	}
}

.products-list-section .feature-item
a {
	display: block
}

.products-list-section .feature-item
.cover {
	display: block;
	position: relative;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.products-list-section .feature-item .cover:before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 81.4%
}

.products-list-section .feature-item a
img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.products-list-section .feature-item a:hover {
	background-color: #404750
}

.products-list-section .feature-item a:hover
img {
	opacity: 0.5
}

.products-list-section .feature-item
.title {
	color: #fff;
	display: block;
	width: 100%;
	padding: 1rem 1.25rem;
	font-size: 1rem;
	line-height: 1rem;
	background-color: #404750
}

.products-list-section .feature-item .title
em {
	font-style: normal;
	display: block;
	line-height: 22px;
	height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.products-list-section .section-hd .en-title {
	color: #404750;
	font-size: 2rem;
	font-weight: 700;
	font-family: 'Roboto',sans-serif;
	line-height: 100%;
	text-transform: uppercase;
	margin: 0
}

.products-list-section .section-hd .zh-title {
	font-size: 1.375rem;
	border-bottom: #404750 solid 0.125rem;
	padding-bottom: 0.25rem;
	margin: 0
0 1.25rem
}

#page-hero-wrap {
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
	margin-bottom: 1.875rem
}

@media only screen and (max-width: 40em) {
	#page-hero-wrap {
		height: auto
	}
}

#page-hero-wrap.no-margin-bottom {
	margin-bottom: 0
}

#contact-page #page-hero-wrap {
	margin-bottom: 0
}

#page-hero-wrap
.row {
	height: 100%
}

#page-hero-wrap .row
.column {
	height: 100%
}

#page-hero-bg {
	position: absolute;
	top: -5%;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

@media only screen and (max-width: 40em) {
	#page-hero-bg {
		display: none;
		visibility: hidden;
		background: none !important
	}
}

#page-hero-bg::before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: -webkit-linear-gradient(45deg, #f9c556 0%, #09c 50%, #3646dc 100%);
	background: linear-gradient(45deg, #f9c556 0%, #09c 50%, #3646dc 100%);
	opacity: 0.5
}

#page-hero-wrap
picture {
	display: none
}

@media only screen and (max-width: 40em) {
	#page-hero-wrap
picture {
		display: block;
		height: 58.5vw;
		margin-bottom: 0.75rem
	}
}

#page-hero-info {
	position: relative;
	top: -1.875rem;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden
}

@media only screen and (max-width: 40em) {
	#page-hero-info {
		top: auto
	}
}

@media only screen and (max-width: 40em) {
	#about-page #page-hero-info {
		display: none
	}
}

#page-hero-wrap .hero-info-wrap {
	width: 100%;
	max-width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center
}

#page-hero-wrap .zh-title {
	display: inline-block;
	color: #fff;
	font-size: 1.5rem;
	text-transform: uppercase;
	line-height: 140%;
	text-align: center
}

@media only screen and (max-width: 40em) {
	#page-hero-wrap .zh-title {
		font-size: 1.125rem;
		line-height: 1.25rem
	}
}

#page-hero-wrap .en-title {
	color: #fff;
	font-size: 3.75rem;
	line-height: 4rem;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin: 0
}

@media only screen and (max-width: 40em) {
	#page-hero-wrap .en-title {
		font-size: 2rem;
		line-height: 2.25rem
	}
}

#page-hero-wrap .zh-title:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #fff;
	margin: 0
auto;
	opacity: 0.7
}

#page-hero-wrap .page-breadcrumb {
	padding: 0.9375rem 0;
	line-height: 1rem;
	font-size: 0.875rem;
	position: relative;
	top: -3.125rem
}

@media only screen and (max-width: 40em) {
	#page-hero-wrap .page-breadcrumb {
		top: auto;
		border-top: #eee solid 1px;
		padding: 0.9375rem 0;
		margin: 0
-0.9375rem;
		text-indent: 0.9375rem
	}
}

#page-hero-wrap .page-breadcrumb
p {
	color: #fff;
	margin: 0
}

@media only screen and (max-width: 40em) {
	#page-hero-wrap .page-breadcrumb
p {
		color: #4d4d4d
	}
}

#page-hero-wrap .page-breadcrumb
a {
	color: #fff
}

@media only screen and (max-width: 40em) {
	#page-hero-wrap .page-breadcrumb
a {
		color: #4d4d4d
	}
}

.page-hero {
	margin-bottom: 1.875rem;
	position: relative
}

.solution-index-section {
	margin-bottom: 4.375rem
}

@media only screen and (max-width: 40em) {
	.solution-index-section
.row {
		padding: 0
1rem
	}
}

@media only screen and (max-width: 40em) {
	.solution-index-section
.item {
		margin-bottom: 1rem
	}
}

.solution-index-section .item
.title {
	color: #4d4d4d;
	display: block;
	width: 100%;
	height: 3.375rem;
	padding: 1.1875rem 1.25rem;
	font-size: 1rem;
	line-height: 1rem;
	background-color: #fff
}

.solution-index-section .item
a {
	display: block;
	background-color: #404750
}

.solution-index-section .item a
img {
	display: block;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease
}

.solution-index-section .item a:hover
img {
	opacity: 0.5
}

.solution-index-section .item .title
em {
	font-style: normal
}

.solution-index-section .section-hd {
	padding: 1.875rem 0 0.625rem
}

.solution-index-section .section-bd {
	padding: 1.25rem 0
}

.solution-index-section .section-hd .en-title {
	color: #404750;
	font-size: 2rem;
	font-weight: 700;
	font-family: 'Roboto',sans-serif;
	line-height: 100%;
	text-transform: uppercase;
	margin: 0;
	-webkit-transition: opacity, background-color 0.3s ease;
	-o-transition: opacity, background-color 0.3s ease;
	transition: opacity, background-color 0.3s ease
}

.solution-index-section .item a:hover
.title {
	color: #fff;
	background-color: #404750
}

.solution-index-section .section-hd .zh-title {
	font-size: 1.375rem;
	border-bottom: #404750 solid 0.125rem;
	padding-bottom: 0.25rem;
	margin: 0
0 1.25rem
}

.solution-index-section .section-hd .zh-title::after {
	display: none
}

.fitness-grid {
	max-width: 90rem;
	margin: 0
auto 1.875rem
}

.fitness-grid
.row {
	max-width: 80rem
}

.fitness-grid .grid-item {
	width: 100%;
	padding: 0
0.375rem;
	margin-bottom: 0.75rem
}

@media only screen and (min-width: 40.0625em) {
	.fitness-grid .grid-item {
		float: left
	}
}

.fitness-grid .grid-item.w1h1 {
	width: 100%
}

@media only screen and (min-width: 40.0625em) {
	.fitness-grid .grid-item.w1h1 {
		width: 33.33333%
	}
}

.fitness-grid .grid-item.w2h1 {
	width: 100%;
	min-height: 18.5625rem
}

@media only screen and (min-width: 40.0625em) {
	.fitness-grid .grid-item.w2h1 {
		width: 25%;
		height: 420px;
	}
}

#solution-entry .fitness-grid .grid-item.w2h1 {
	min-height: 0
}

.fitness-grid .grid-item.w1h2 {
	width: 100%
}

@media only screen and (min-width: 40.0625em) {
	.fitness-grid .grid-item.w1h2 {
		width: 33.33333%
	}
}

.fitness-grid .grid-item
.cover {
	background-color: #404750
}

.fitness-grid .grid-item a
img {
	display: block;
}

.fitness-grid .grid-item .cover
a {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.fitness-grid .grid-item:hover .cover
a {
	opacity: 0.5
}

.fitness-grid .grid-item
.info {
	color: #999;
	height: 6.1875rem;
	background-color: #fff;
	overflow: hidden;
	padding: 0.625rem 1.875rem;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

@media only screen and (max-width: 40em) {
	.fitness-grid .grid-item
.info {
		height: 8.5rem
	}
}

.sports-health-wellness-course-page .fitness-grid .grid-item
.info {
	height: auto
}

.fitness-grid .grid-item:hover
.info {
	background-color: #404750
}

.fitness-grid .grid-item .info
h3 {
	font-size: 1rem;
	margin: 0
}

.fitness-grid .grid-item .info h3
a {
	line-height: 1.375rem;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.fitness-grid .grid-item:hover .info h3
a {
	color: #fff
}

.fitness-grid .grid-item .info
h3 {
	min-height: 2.75rem;
	color: #4d4d4d;
	font-size: 1rem;
	margin: 0;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease
}

.fitness-grid .grid-item .info h3
a {
	color: inherit
}

.fitness-grid .grid-item .info
p {
	color: gray;
	font-size: 0.9375rem;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease
}

.fitness-grid .grid-item:hover .info
p {
	color: #fff
}

.fitness-grid .grid-item .info
time {
	font-size: 0.875rem;
	color: gray;
	margin-right: 0.625rem;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.fitness-grid .grid-item:hover .info
time {
	color: #fff
}

.fitness-grid .grid-item:hover
.info {
	color: #fff;
	background-color: #404750
}

.fitness-grid .grid-item .info
i.fa {
	margin-right: 0.25rem
}

.fitness-grid .grid-item .info
.views {
	font-size: 0.875rem
}

#fitness-cats-section {
	margin-bottom: 1.875rem;
	background-color: #e0e0e0;
	border: #e5e5e5 solid 1px;
	border-left: 0 none;
	border-right: 0 none
}

#fitness-cats-section
.row {
	max-width: 80rem
}

.fitness-cats-menu {
    margin: 0;
	display: flex;
	justify-content: center;

}

.fitness-cats-menu .menu-item {
	width: 50%;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left
}

.cats-3 .fitness-cats-menu .menu-item {
	width: 33.3333333%
}

.cats-4 .fitness-cats-menu .menu-item {
	width: 25%
}

.cats-5 .fitness-cats-menu .menu-item {
	width: 20%
}

@media only screen and (max-width: 40em) {
	.fitness-cats-menu .menu-item-5 {
		width: 100%;
		border-top: #e3e3e3 solid 1px
	}
}

.fitness-cats-menu .menu-item
a {
	color: #666;
	display: block;
	width: 100%;
	height: 8.75rem;
	background-color: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
	outline: none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}

.fitness-cats-menu .menu-item a.active,
.fitness-cats-menu .menu-item a:hover {
	color: #fff;
	background-color: #404750
}

@media only screen and (min-width: 40.0625em) {
	.fitness-cats-menu .menu-item-even
a {
		background-color: #f3f3f3
	}
}

@media only screen and (max-width: 40em) {
	.fitness-cats-menu .menu-item-2 a,
.fitness-cats-menu .menu-item-3
a {
		background-color: #f3f3f3
	}
}

.fitness-cats-menu .menu-item a:hover {
	color: #fff;
	background-color: #404750
}
    #marquee-box{
	width:100%;
	overflow: hidden;
	height:300px
}
#marquee-con{
	width:500%;
	float:left;
}
#marquee,#marquee-1{
	float:left;
}
.marquee-img{
	float:left;
	height:300px;
	width: 300px;
	margin-left:16px;
	border-radius: 10px;
}

.fitness-cats-menu .menu-item a
i.fa {
	display: block;
	font-size: 2rem;
	width: 5.4375rem;
	height: 3.75rem;
	padding-top: 1.25rem;
	margin: 0
auto;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease
}

#fitness-promo {
	width: 100%;
	height: 80%;
	position: absolute;
	bottom: 0;
	left: 0
}

#fitness-promo
.row {
	height: 100%
}

#fitness-promo .row>.column {
	height: 100%
}

#fitness-promo .promo-item
a {
	display: block
}

#fitness-promo .promo-item a
img {
	display: block
}

.project-cases-menu {
	margin: 0
}

.project-cases-menu .menu-item {
	width: 50%;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left
}

@media only screen and (min-width: 40.0625em) {
	.project-cases-menu .menu-item {
		width: 25%
	}

	.project-cases-menu.menus-10 .menu-item {
		width: 20%
	}

	.project-cases-menu.menus-8 .menu-item-5 a,
.project-cases-menu.menus-8 .menu-item-7
a {
		background-color: #f3f3f3 !important
	}

	.project-cases-menu.menus-8 .menu-item-6 a,
.project-cases-menu.menus-8 .menu-item-8
a {
		background-color: #fff !important
	}

	.project-cases-menu .menu-item a:hover,
.project-cases-menu .menu-item
a.active {
		background-color: #404750 !important
	}
}

@media only screen and (max-width: 40em) {
	.project-cases-menu .menu-item-5 {
		width: 100%;
		border-top: #e3e3e3 solid 1px
	}
}

.project-cases-menu .menu-item
a {
	color: #666;
	display: block;
	width: 100%;
	height: 8.75rem;
	line-height: 0;
	background-color: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
	outline: none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}

.project-cases-menu .menu-item a .icon-wrap {
	display: inline-block;
	width: 42px;
	height: 55px;
	overflow: hidden;
	position: relative;
	margin: 2.1875rem auto 0.25rem
}

.project-cases-menu .menu-item a .icon-wrap
.icon {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}

.project-cases-menu .menu-item a .icon-wrap .icon-hover {
	opacity: 0;
	visibility: hidden
}

.project-cases-menu .menu-item a.active,
.project-cases-menu .menu-item a:hover {
	color: #fff;
	background-color: #404750
}

.project-cases-menu .menu-item a.active .icon-default,
.project-cases-menu .menu-item a:hover .icon-default {
	visibility: hidden;
	opacity: 0
}

.project-cases-menu .menu-item a.active .icon-hover,
.project-cases-menu .menu-item a:hover .icon-hover {
	visibility: visible;
	opacity: 1
}

.project-cases-menu .menu-item a:focus {
	color: #fff;
	background-color: #404750
}

@media only screen and (min-width: 40.0625em) {
	.project-cases-menu .menu-item-even
a {
		background-color: #f3f3f3
	}
}

@media only screen and (max-width: 40em) {
	.project-cases-menu .menu-item-2 a,
.project-cases-menu .menu-item-3
a {
		background-color: #f3f3f3
	}
}

.project-cases-menu .menu-item a:hover {
	color: #fff;
	background-color: #404750
}

.project-cases-menu .menu-item a
i.fa {
	display: block;
	font-size: 2rem;
	width: 5.4375rem;
	height: 3.75rem;
	padding-top: 1.25rem;
	margin: 0
auto;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease
}

.breadcrumb-wrap {
	margin-bottom: 1.875rem;
	background-color: #404750
}

.product-custom-entry .breadcrumb-wrap {
	margin-bottom: 0
}

.breadcrumb-wrap .row
.column {
	padding: 0
0.75rem
}

.breadcrumbs {
	border: 0
none;
	background: none;
	height: 2.5rem;
	padding: 0.75rem 0
}

.breadcrumbs>a::before {
	color: #fff !important;
	opacity: 0.5
}

.breadcrumbs>* {
	color: #fff;
	opacity: 0.7
}

.breadcrumbs>a:hover {
	color: #fff;
	opacity: 1
}

.breadcrumbs>*.current {
	color: #fff;
	opacity: 0.7
}

.product-entry {
	background-color: #fff
}

.product-overview-section {
	padding: 0
0 3.125rem
}

.product-overview-section .row
.column {
	padding: 0
0.75rem
}

.product-photo-carousel-wrap {
	padding-bottom: 2.5rem;
	border: #dedede solid 1px
}

@media only screen and (max-width: 40em) {
	.product-photo-carousel-wrap {
		margin-bottom: 1rem
	}
}

.product-photo-carousel
.item {
	display: none;
	outline: none
}

@media only screen and (min-width: 64.0625em) {
	.product-photo-carousel
.item {
		min-height: 28.4375rem
	}
}

.product-photo-carousel .item-1,
.product-photo-carousel .slick-track
.item {
	display: block
}

.product-photo-carousel .item
img {
	display: block
}

.product-photo-carousel-nav {
	width: 80%;
	margin: 0
auto
}

.product-photo-carousel-nav
.item {
	display: none;
	outline: none;
	position: relative
}

.product-photo-carousel-nav .item
img {
	opacity: 0.5;
	background-color: #404750;
	border: #e5e5e5 solid 1px
}

.product-photo-carousel-nav .item:after {
	content: '';
	display: block;
	width: 5rem;
	height: 5rem;
	border: #404750 solid 0.25rem;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden
}

.product-photo-carousel-nav .item.slick-current:after {
	visibility: visible;
	opacity: 1
}

.product-photo-carousel-nav .slick-track .item.slick-current
img {
	opacity: 1
}

.product-photo-carousel-nav .slick-track
.item {
	display: block
}

.product-photo-carousel-nav .slick-next:before,
.product-photo-carousel-nav .slick-prev:before {
	color: #404750
}

.product-photo-carousel .slick-next:before,
.product-photo-carousel .slick-prev:before {
	color: #404750
}

.product-photo-carousel-nav .slick-prev {
	left: -1.875rem
}

.product-photo-carousel-nav .slick-next {
	right: -1.875rem
}

.product-photo-carousel .slick-prev {
	left: 32px;
	font-size: 28px;
	z-index: 10
}

.product-photo-carousel .slick-next {
	right: 32px;
	font-size: 28px;
	z-index: 10
}

.product-overview-info
.model {
	display: inline-block;
	color: #fff;
	background-color: #404750;
	padding: 0.5rem 1rem;
	font-size: 1.125rem;
	margin: 0
0 0.625rem
}

.product-overview-info
.title {
	color: #4d4d4d;
	font-size: 1.375rem;
	margin-bottom: 1.25rem
}

.product-overview-info
.price {
	display: inline-block;
	color: #1a1a1a;
	background-color: #f0f0f0;
	padding: 0.125rem 5rem 0.125rem 0.75rem
}

.product-overview-info .price
span {
	font-size: 1rem
}

.product-overview-info .price
em {
	color: #404750;
	font-style: normal;
	font-size: 2.25rem;
	font-family: 'Roboto',sans-serif;
	font-weight: 400
}

.product-overview-info .colors>span {
	display: block;
	margin-bottom: 0.25rem
}

.product-overview-info .colors
span.color {
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	text-indent: -9999px;
	margin-right: 0.375rem
}

.product-overview-info .category
a {
	color: #666;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease
}

.product-overview-info .category a:hover {
	color: #404750
}

.product-overview-info .category a
i.fa {
	color: inherit;
	margin-right: 0.25rem
}

.product-overview-info .dropdown.button,
.product-overview-info
button.dropdown {
	margin-right: 1.25rem;
	padding: 0.375rem 8rem 0.375rem 1rem
}

.product-overview-info
a.qrcode {
	color: #999;
	height: 1.75rem;
	line-height: 1.75rem;
	position: relative;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease
}

.product-overview-info a.qrcode:hover {
	color: #404750
}

.product-overview-info a.qrcode .qrcode-img {
	display: block;
	max-width: none;
	width: 200px;
	height: 200px;
	position: absolute;
	bottom: -220px;
	left: 0;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translate3d(0, 40px, 0);
	-ms-transform: translate3d(0, 40px, 0);
	-o-transform: translate3d(0, 40px, 0);
	transform: translate3d(0, 40px, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.product-overview-info a.qrcode:hover .qrcode-img {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.product-overview-info a.qrcode
.fa {
	font-size: 1.5rem;
	margin-right: 0.25rem;
	position: relative;
	top: 0.1875rem;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translate3d(0, 0, 0) rotate(0deg);
	-ms-transform: translate3d(0, 0, 0) rotate(0deg);
	-o-transform: translate3d(0, 0, 0) rotate(0deg);
	transform: translate3d(0, 0, 0) rotate(0deg);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.product-overview-info a.qrcode:hover
.fa {
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

.product-details-section .section-hd {
	background-color: #f6f6f6;
	padding: 0
}

.product-details-section .section-hd .tabs
.column {
	padding: 0
}

.product-details-section .section-hd .tabs .tab-title > a,
.product-details-section .section-hd .tabs .tab-title>a:active {
	outline: none
}

.product-details-section .section-hd .tabs .tab-title>a {
	color: #4d4d4d;
	padding: 0.5rem 0;
	text-align: center;
	border-right: #ddd solid 1px;
	font-size: 1rem;
	background: none
}

.product-details-section .section-hd .tabs .tab-title:first-child>a {
	border-left: #ddd solid 1px
}

.product-details-section .section-hd .tabs .tab-title.active>a {
	color: #404750;
	font-weight: 500;
	position: relative;
	background-color: #fff
}

.product-details-section .section-hd .tabs .tab-title.active>a:after {
	content: '';
	display: block;
	width: calc(100% + 2px);
	height: 0.125rem;
	background-color: #404750;
	position: absolute;
	top: 0;
	left: -1px
}

.product-details-section .section-bd {
	padding-top: 1.25rem
}

.tabs-content
.content {
	padding: 1.875rem 0
}

.tabs-content .content
.table {
	width: 100%;
	border-collapse: collapse;
	border: 0
none
}

.tabs-content .content .table
td.highlight {
	color: #fff;
	background-color: #404750;
	border: 0
none
}

.tabs-content .content .table
td {
	color: #666;
	font-size: 1rem;
	width: 25%;
	border: #e5e5e5 solid 1px;
	border-left: 0 none;
	border-right: 0 none;
	padding: 0.75rem 1rem;
	vertical-align: middle;
	word-break: break-all
}

.tabs-content .content .table td:last-child {
	white-space: nowrap
}

.tabs-content .content .table td:nth-child(2) {
	border-right: #e5e5e5 solid 1px
}

.tabs-content .content .block-title {
	font-size: 1rem;
	color: #404750
}

.spec-cover {
	text-align: center;
	padding: 3.125rem 0
}

.tabs-content .content .faq-block table td:nth-child(1),
.tabs-content .content .faq-block table td:nth-child(2) {
	border-right: #e5e5e5 solid 1px
}

.tabs-content .content .faq-block table td.highlight:nth-child(1) {
	border: 0
none
}

.tabs-content .content .faq-block table td
p {
	margin: 0
}

.tabs-content .content .faq-block table td
ol {
	margin: 0;
	padding: 0
}

.tabs-content .content .faq-block table td ol
li {
	list-style: none
}

#about-responsibility-section {
	margin-bottom: 3.75rem
}

#about-responsibility-section .section-hd {
	padding: 1.875rem 0;
	text-align: center
}

@media only screen and (max-width: 40em) {
	#about-responsibility-section .section-hd {
		padding: 1.25rem 0
	}
}

#about-responsibility-section .en-title {
	color: #ccc;
	font-family: 'Roboto',sans-serif;
	font-size: 1.875rem;
	font-weight: 900;
	text-transform: uppercase;
	margin: 0
}

#about-responsibility-section .zh-title {
	display: inline-block;
	color: #1a1a1a;
	font-size: 1.125rem;
	position: relative;
	padding: 0
0 0.375rem
}

#about-responsibility-section .zh-title:after {
	content: '';
	display: block;
	width: 100%;
	height: 0.125rem;
	background-color: #d9d9d9
}

.section-hd {
	padding: 3.75rem 0;
	text-align: center
}

@media only screen and (max-width: 40em) {
	.section-hd {
		padding: 1.875rem 0
	}
}

.section-bd {
	padding: 0 0；
}

@media only screen and (max-width: 40em) {
	.section-bd {
		padding: 1.875rem 0
	}
}

#support-index-download .section-bd {
	padding-bottom: 0
}

.section-hd .en-title {
	color: #ccc;
	font-family: 'Roboto',sans-serif;
	font-size: 1.875rem;
	font-weight: 900;
	text-transform: uppercase;
	margin: 0
}

.section-hd .zh-title {
	display: inline-block;
	color: #1a1a1a;
	font-size: 1.125rem;
	position: relative;
	padding: 0
0 0.375rem
}

.section-hd .zh-title:after {
	content: '';
	display: block;
	width: 100%;
	height: 0.125rem;
	background-color: #d9d9d9
}

.products-list-section .section-hd .zh-title:after {
	display: none
}

.section-ft {
	padding: 1.25rem 0
}

.section-ft .btn-readmore {
	display: inline-block;
	color: #4d4d4d;
	text-align: center;
	font-size: 0.875rem;
	font-weight: 500;
	margin-top: 2rem;
	padding-top: 2rem;
	background: url('../images/more_dots.png') no-repeat 50% 0;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease
}

.section-ft a.btn-readmore:hover {
	color: #404750
}

.news-entry {
	background-color: #fff;
	position: relative;
	padding-bottom: 3.125rem
}


.news-entry
.row {
	max-width: 80rem
}

#fitness-page .news-entry
.row {
	max-width: 73.125rem
}

@media only screen and (max-width: 40em) {
	.news-entry .row>.column {
		padding: 0
1rem
	}
}

.news-entry .entry-hd {
	padding: 4.375rem 0
}

@media only screen and (max-width: 40em) {
	.news-entry .entry-hd {
		padding: 1.875rem 0
	}
}

.news-entry .entry-hd .entry-title {
	color: #404750;
	font-size: 1.75rem;
	text-align: center
}

@media only screen and (max-width: 40em) {
	.news-entry .entry-hd .entry-title {
		font-size: 1.375rem;
		text-align: left
	}
}

.news-entry .entry-hd .entry-subtitle {
	color: #666;
	font-size: 1.25rem;
	text-align: center
}

@media only screen and (max-width: 40em) {
	.news-entry .entry-hd .entry-subtitle {
		margin-bottom: 1.25rem;
		font-size: 1rem;
		text-align: left
	}
}

.news-entry .entry-hd .entry-meta {
	font-size: 0.875rem;
	color: gray;
	text-align: center;
	padding-top: 0.625rem;
	border-top: #e9e9e9 solid 1px;
	margin-top: 1.875rem
}

@media only screen and (max-width: 40em) {
	.news-entry .entry-hd .entry-meta {
		text-align: left
	}
}

.news-entry .entry-hd
.sep {
	display: inline-block;
	padding: 0
0.625rem
}

.news-entry .entry-hd
.date {
	display: inline-block;
	color: gray;
	font-size: 0.875rem
}

.news-entry .entry-hd .buttons
a.back {
	display: inline-block;
	text-indent: -9999px
}

.news-entry .entry-hd .buttons a.back:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 48px;
	height: 48px;
	vertical-align: middle;
	content: '';
	background: url('../images/bg_header_icon.png') no-repeat;
	background-position: 0 -144px;
	display: inline-block
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
	.news-entry .entry-hd .buttons a.back:before {
		background: url('../images/bg_header_iconx2.png') no-repeat;
		background-size: 96px 192px;
		background-position: 0 -144px
	}
}

.news-entry .entry-hd .buttons a.back:hover:before {
	background-position: -48px -144px
}

.news-entry .entry-ft
.row {
	color: #999;
	border-top: #e3e3e3 solid 1px;
	padding-top: 1.875rem;
	margin-top: 1.875rem
}

.news-entry .entry-ft span,
.news-entry .entry-hd
span {
	display: inline-block;
	margin-right: 0.25rem
}

.news-entry .entry-ft a,
.news-entry .entry-hd
a {
	color: gray;
	display: inline-block;
	margin-right: 0.375rem;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease
}

.news-entry .entry-ft a:hover,
.news-entry .entry-hd a:hover {
	color: #404750
}

@media only screen and (max-width: 40em) {
	.news-entry .entry-ft .quick-links {
		margin-bottom: 1.25rem
	}
}

.news-entry .entry-ft .quick-links a:hover {
	text-decoration: underline
}

.news-entry .entry-share {
	text-align: right
}

@media only screen and (max-width: 40em) {
	.news-entry .entry-share {
		text-align: left
	}
}

.news-entry .entry-bd
p {
	color: #666;
	font-size: 1rem;
	line-height: 180%
}

.news-entry .entry-bd p
* {
    font-size: inherit;
}

.news-entry
img {
	display: block;
	margin: 0
auto
}

.news-entry
iframe {
	display: block;
	max-width: 100%;
	min-width: 720px;
	min-height: 405px;
	margin: 0
auto
}

@media only screen and (max-width: 40em) {
	.news-entry
iframe {
		height: 56.25vw
	}
}

.news-entry-next-section {
	color: rgba(255, 255, 255, 0.7);
	padding: 6.25rem 0;
	background-color: #1f7a8c
}

.news-entry-next-section h4
a {
	color: #fff
}

.news-entry-next-section h4 a:hover {
	text-decoration: underline
}

.news-entry-next-section
a.button {
	display: inline-block;
	height: 2.75rem;
	line-height: 1.75rem;
	border-radius: 1.375rem;
	padding: 0.5rem 1rem
}

.news-entry-next-section a.button:hover {
	color: #404750;
	background-color: #fff
}

.small-hero-block {
	position: relative
}

@media only screen and (max-width: 40em) {
	.small-hero-block {
		margin-bottom: 0.75rem
	}
}

.small-hero-block
a {
	display: block;
	background-color: #404750
}

.small-hero-block a
img {
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease
}

.small-hero-block a:hover
img.cover {
	opacity: 0.5
}

.small-hero-block a
.icon {
	position: absolute;
	bottom: 0.75rem;
	right: 0.75rem
}

.small-hero-block
.cover {
	position: absolute;
	top: 0;
	left: 0
}

.large-hero-block {
	background-color: #404750
}

@media only screen and (max-width: 40em) {
	.large-hero-block {
		margin-bottom: 0.75rem
	}
}

.large-hero-block a
img {
	display: block;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease
}

.large-hero-block a:hover
img {
	opacity: 0.5
}

.product-item-carousel-wrap {
	position: relative;
	background-color: #fff
}

.product-item-carousel {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.product-item-carousel .swiper-slide
a {
	outline: none
}

.product-item-carousel .swiper-slide a
img {
	display: block;
	margin-bottom: 0.625rem
}

.product-item-carousel .swiper-slide
.title {
	display: block;
	width: 80%;
	height: 1rem;
	line-height: 1rem;
	color: #666;
	font-size: 0.875rem;
	padding: 0
1rem;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0
auto
}

.product-item-carousel-wrap .swiper-pagination {
	width: 100%;
	bottom: 1.25rem;
	position: absolute
}

.product-item-carousel-wrap .swiper-pagination-bullet {
	background-color: #404750;
	margin: 0
0.25rem
}

#footer {
	
	background-color: #404750
}

#footer
.row {
	position: relative
}
.footer-bd{
    padding: 3.125rem 0 0;
}

.copyinfo
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
	#footer
.row {
		padding: 0
1rem 0 2.25rem
	}
}

@media only screen and (max-width: 40em) {
	#footer
.row {
		padding: 0
0.9375rem
	}
}

@media only screen and (max-width: 40em) {
	#footer .row>.column {
		padding: 0
	}
}

#footer .menu-block {
	margin-bottom: 1.875rem
}

@media only screen and (max-width: 40em) {
	#footer .menu-block {
		margin-bottom: 0
	}
}

@media only screen and (max-width: 40em) {
	#footer .column:first-child .menu-block {
		min-height: 0
	}
}

#footer .menu-block
h4 {
	color: #fff;
	font-size: 0.875rem;
	font-weight: bold;
	margin-bottom: 0.9375rem
}

@media only screen and (max-width: 40em) {
	#footer .menu-block
h4 {
		margin: 0
	}
}

#footer .menu-block h4
a {
	color: #fff
}

@media only screen and (max-width: 40em) {
	#footer .menu-block h4
a {
		color: rgba(255, 255, 255, 0.7);
		display: block;
		border-bottom: rgba(0, 0, 0, 0.15) solid 1px;
		padding: 0.75rem
	}
}

@media only screen and (max-width: 40em) {
	#footer .column:first-child > .menu-block:first-child h4
a {
		border-top: rgba(0, 0, 0, 0.15) solid 1px
	}
}

#footer .menu-block
li {
	display: block
}

#footer .menu-block
a {
	color: rgba(255, 255, 255, 0.7);
	display: inline-block;
	position: relative;
	padding-bottom: 0.125rem;
	overflow: hidden;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}

#footer .menu-block a:hover {
	color: white
}

@media only screen and (max-width: 40em) {
	#footer .menu-block a:hover {
		background-color: #23889d
	}
}

#footer .menu-block a
span {
	position: relative;
	z-index: 2
}

#footer .menu-block a
i {
	font-size: 1rem;
	padding-right: 0.1875rem;
	padding-bottom: 15px;
}

#footer .menu-block a:after {
	opacity: 0;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	z-index: 1;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translate3d(-100%, 0, 0);
	-ms-transform: translate3d(-100%, 0, 0);
	-o-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

@media only screen and (max-width: 40em) {
	#footer .menu-block a:after {
		display: none
	}
}

#footer .menu-block a:hover:after {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

#footer .menu-block
ul {
	margin: 0;
	padding: 0
}

@media only screen and (max-width: 40em) {
	#footer .menu-block
ul {
		display: none
	}
}

#footer .menu-block ul
li {
	list-style: none;
	font-size: 0.875rem;
	line-height: 140%
}

@media only screen and (max-width: 40em) {
	#footer .footer-bd {
		padding-bottom: 2.5rem
	}
}

#footer .footer-ft {
	background-color: #404750;
	padding: 1.875rem 0
}

@media only screen and (max-width: 40em) {
	#footer .footer-ft {
		padding: 1.25rem 0
	}
}

#footer .footer-ft
p {
	color: rgba(255, 255, 255, 0.7);
	margin: 0;
	font-size: 0.875rem
}

#footer .footer-ft
a {
	color: inherit
}

.index-cats-menu {
	position: relative;
	margin-bottom: 0.625rem
}



#contact-cats-menu {
	padding: 1.875rem 0
}

.index-cats-menu .menu-block {
	display: block;
	width: 100%
}
.copyinfo a{
    color: white;
    font-size: 12px;
    
}
@media only screen and (max-width: 40em) {
	.index-cats-menu .menu-block {
		margin-bottom: 0.75rem
	}
}

.index-cats-menu .menu-block
a {
	color: #1a1a1a;
	display: block;
	width: 100%;
	height: 14.75rem;
	background-color: #fff;
	padding-top: 3rem;
	text-align: center
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
	.index-cats-menu .menu-block
a {
		height: 13.5rem
	}
}

@media only screen and (max-width: 40em) {
	.index-cats-menu .menu-block
a {
		height: 9.75rem;
		padding-top: 1.875rem
	}
}

.index-cats-menu .menu-block a:hover {
	color: #fff;
	background-color: #404750
}

.index-cats-menu .menu-block a:hover svg
path {
	fill: #fff !important
}

.index-cats-menu .menu-block a
svg {
	margin-bottom: 6px
}

.index-cats-menu .menu-block a .block-title {
	color: inherit;
	display: block;
	font-size: 1.125rem;
	text-align: center
}

@media only screen and (max-width: 40em) {
	.index-cats-menu .menu-block a .block-title {
		font-size: 1rem
	}
}

.index-cats-menu .menu-block a .block-desc {
	color: inherit;
	display: block;
	text-align: center;
	font-size: 0.875rem;
	opacity: 0.6
}

@media only screen and (max-width: 40em) {
	.index-cats-menu .menu-block a .block-desc {
		width: 90%;
		height: 0.875rem;
		line-height: 0.875rem;
		font-size: 0.75rem;
		overflow: hidden;
		text-overflow: ellipsis;
		margin: 0
auto 1rem
	}
}

.index-cats-menu .menu-block a .block-icon {
	display: block;
	width: 4rem;
	height: 4rem;
	margin: 0
auto;
	position: relative;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease
}

@media only screen and (max-width: 40em) {
	.index-cats-menu .menu-block a .block-icon {
		width: 2rem;
		height: 2rem
	}
}

#contact-page .index-cats-menu .menu-block-1 a .block-icon {
	width: 4.875rem;
	height: 4.875rem;
	margin-top: -0.4375rem
}

@media only screen and (max-width: 40em) {
	#contact-page .index-cats-menu .menu-block-1 a .block-icon {
		width: 2.375rem;
		height: 2.375rem;
		margin-top: 0
	}
}

.index-cats-menu .menu-block a .block-icon .icon-hover {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease
}

.index-cats-menu .menu-block a:hover .block-icon
.icon {
	opacity: 0
}

.index-cats-menu .menu-block a:hover .block-icon .icon-hover {
	opacity: 1
}

.index-extra-menu {
	background-color: #fff
}

@media only screen and (max-width: 40em) {
	.index-extra-menu {
		background: none
	}
}

.index-extra-menu .row
.column {
	padding: 0
0.75rem
}

@media only screen and (min-width: 40.0625em) {
	.index-extra-menu .row
.column {
		padding: 0
	}
}

.index-extra-menu .menu-block {
	display: block;
	width: 100%
}

@media only screen and (max-width: 40em) {
	.index-extra-menu .menu-block {
		margin-bottom: 0.75rem
	}
}

.index-extra-menu .menu-block
a {
	color: #1a1a1a;
	display: block;
	width: 100%;
	background-color: #fff;
	padding: 1.875rem 0 2.5rem;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease
}

.index-extra-menu .menu-block a:hover {
	color: #fff;
	background-color: #404750
}

.index-extra-menu .menu-block a .block-num {
	font-family: 'Roboto',sans-serif;
	font-weight: 500;
	display: block;
	color: inherit;
	font-size: 3rem;
	opacity: 0.1;
	text-align: center
}

.index-extra-menu .menu-block a:hover .block-num {
	color: inherit
}

.index-extra-menu .menu-block a .block-title {
	color: inherit;
	display: block;
	font-size: 1.125rem;
	text-align: center
}

@media only screen and (max-width: 40em) {
	.index-extra-menu .menu-block a .block-title {
		font-size: 1rem
	}
}

.index-extra-menu .menu-block a .block-desc {
	color: inherit;
	display: block;
	text-align: center;
	font-size: 0.875rem;
	margin-bottom: 2rem;
	opacity: 0.6
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
	.index-extra-menu .menu-block a .block-desc {
		margin-bottom: 1.375rem
	}
}

@media only screen and (max-width: 40em) {
	.index-extra-menu .menu-block a .block-desc {
		width: 90%;
		height: 0.875rem;
		line-height: 0.875rem;
		font-size: 0.75rem;
		overflow: hidden;
		text-overflow: ellipsis;
		margin: 0
auto 1rem
	}
}

.index-extra-menu .menu-block a .block-label {
	color: #404750;
	display: block;
	text-align: center;
	font-size: 1.25rem
}

.index-extra-menu .menu-block a:hover .block-label {
	color: inherit
}

.index-extra-menu .menu-block a .block-icon {
	display: block;
	width: 4rem;
	height: 4rem;
	margin: 0
auto 0.75rem;
	position: relative;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease
}

@media only screen and (max-width: 40em) {
	.index-extra-menu .menu-block a .block-icon {
		width: 2rem;
		height: 2rem
	}
}

.index-extra-menu .menu-block a .block-icon .icon-hover {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease
}

.index-extra-menu .menu-block a:hover .block-icon
.icon {
	opacity: 0
}

.index-extra-menu .menu-block a:hover .block-icon .icon-hover {
	opacity: 1
}

table.table-download-list {
	width: 100%;
	border-collapse: collapse;
	border: 0
none;
	background: none
}

table.table-download-list
thead {
	background: none
}

table.table-download-list
th {
	color: #fff;
	background-color: #404750;
	border-bottom: #404750 solid 1px;
	font-size: 0.875rem;
	padding: 1rem
}

table.table-download-list
tbody {
	background: none
}

table.table-download-list
tr {
	background: #fff
}

table.table-download-list tr.alt,
table.table-download-list tr.even,
table.table-download-list tr:nth-of-type(even) {
	background: #fafafa
}

table.table-download-list tbody
td {
	color: gray;
	background-color: transparent;
	font-size: 0.875rem;
	border-bottom: #e5e5e5 solid 1px;
	padding: 1rem
}

table.table-download-list tbody td a:hover {
	text-decoration: underline
}

table.table-download-list tbody td
i.fa {
	margin-right: 0.125rem
}

@media only screen and (max-width: 40em) {
	table.table-download-list tbody tr td.btn-download
span {
		display: none
	}
}

#contact-info-section
.row {
	max-width: 80rem
}

#contact-info-section .contact-info-block {
	padding: 6.25rem 3rem
}

#contact-info-section .en-title {
	color: #ccc;
	font-family: 'Roboto',sans-serif;
	font-size: 1.875rem;
	font-weight: 900;
	text-transform: uppercase;
	margin: 0
}

#contact-info-section .zh-title {
	display: inline-block;
	color: #1a1a1a;
	font-size: 1.125rem;
	position: relative;
	padding: 0
0 0.375rem;
	margin-bottom: 1.875rem
}

#contact-info-section .zh-title:after {
	content: '';
	display: block;
	width: 100%;
	height: 0.125rem;
	background-color: #d9d9d9
}

#contact-info-section .zh-title.highlight {
	color: #404750
}

#contact-info-section .section-hd {
	margin-bottom: 0;
	padding-bottom: 0
}

#contact-info-section
.card {
	background-color: #fff;
	margin-bottom: 0.75rem
}

#contact-info-section .card .cover
img {
	display: block;
	width: 100%
}

#contact-info-section .card-content {
	padding: 1.25rem
}

#contact-info-section .card-content
p {
	font-size: 0.875rem
}

.faq-list-table {
	width: 100%;
	border-collapse: collapse;
	border: 0
none
}

@media only screen and (max-width: 40em) {
	.faq-list-table
td {
		display: block;
		width: 100%
	}
}

table.faq-list-table {
	width: 100%;
	border-collapse: collapse;
	border: 0
none;
	background: none;
	margin-bottom: 20px
}

table.faq-list-table.active {
	margin-bottom: 2px
}

table.faq-list-table
thead {
	background: none
}

table.faq-list-table
th {
	width: 80%;
	font-size: 0.875rem;
	border-bottom: #d8d8d8 solid 1px;
	padding: 1rem;
	text-align: left
}

table.faq-list-table th:first-child {
	width: 20%
}

table.faq-list-table.active
th {
	background-color: #404750;
	color: #fff;
	border-bottom: #404750 solid 1px
}

table.faq-list-table
tbody {
	background: none
}

table.faq-list-table.active
tbody {
	width: 100%;
	display: table-row-group
}

@media only screen and (max-width: 40em) {
	table.faq-list-table.active
tbody {
		display: block
	}
}

table.faq-list-table
tr {
	background: #fff
}

@media only screen and (max-width: 40em) {
	table.faq-list-table
tr {
		display: block;
		width: 100%
	}
}

table.faq-list-table tr.alt,
table.faq-list-table tr.even,
table.faq-list-table tr:nth-of-type(even) {
	background: #fafafa
}

table.faq-list-table ol,
table.faq-list-table
ul {
	margin: 0
}

table.faq-list-table li,
table.faq-list-table p,
table.faq-list-table
td {
	font-size: 0.875rem;
	margin: 0
}

table.faq-list-table tbody
td {
	color: gray;
	background-color: transparent;
	font-size: 0.875rem;
	border-bottom: #e5e5e5 solid 1px;
	border-right: #e5e5e5 solid 1px;
	padding: 1rem;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}

@media only screen and (max-width: 40em) {
	table.faq-list-table tbody
td {
		display: block;
		width: 100%
	}
}

table.faq-list-table tbody td:first-child {
	width: 20%
}

@media only screen and (max-width: 40em) {
	table.faq-list-table tbody td:first-child {
		display: block;
		width: 100%
	}
}

table.faq-list-table tbody td:last-child {
	border-right: 0 none
}

table.faq-list-table tbody td
i.fa {
	margin-right: 0.25rem
}

table.faq-list-table tbody tr:hover td
a {
	color: #fff
}

table.faq-list-table
.subhead {
	color: #1a1a1a;
	background-color: #eceae6
}

table.faq-list-table .subhead
td {
	font-size: 1rem;
	font-weight: bold;
	border-right: #d8d8d8 solid 1px
}

@media only screen and (max-width: 40em) {
	table.faq-list-table .subhead
td {
		border-right: 0 none
	}
}

table.faq-list-table .subhead td:last-child {
	border-right: 0 none
}

table.faq-list-table ol,
table.faq-list-table
ul {
	margin: 0
}

table.faq-list-table ol
li {
	list-style: none
}

.single-paper {
	background-color: #fff;
	padding: 3.125rem 1.875rem
}

.single-paper
h3 {
	font-size: 1rem;
	font-weight: bold
}

.single-paper
p {
	color: #666;
	font-size: 0.875rem
}

#feedback-section {
	padding-bottom: 3.125rem
}

#feedback-section
.row {
	max-width: 60rem
}

.feedback-form
.row {
	max-width: 45rem;
	margin: 0
auto
}

.feedback-form input,
.feedback-form
textarea {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #c8c8c8
}

.feedback-form input:focus,
.feedback-form textarea:focus {
	color: #404750;
	border-color: #404750
}

.feedback-form
button {
	padding: 0.5rem 0.9375rem
}

.feedback-form button
span {
	display: inline-block;
	margin-right: 1.875rem
}

#recruit-section {
	margin-bottom: 3.125rem
}

.accordion .accordion-navigation>a {
	background-color: transparent;
	border-bottom: #d9d9d9 solid 1px;
	font-size: 0.875rem;
	color: #4d4d4d;
	padding: 0.75rem 1rem
}

.accordion-navigation a
span {
	display: inline-block;
	float: left
}

.accordion-navigation a
span.num {
	width: 10%
}

.accordion-navigation a
span.title {
	width: 60%
}

.accordion-navigation a
span.date {
	width: 20%
}

.accordion-navigation a
i.fa {
	display: inline-block;
	text-align: right;
	float: right;
	width: 10%
}

.accordion .accordion-navigation>.content {
	padding: 1.875rem 0
}

.accordion .accordion-navigation > .content.active,
.accordion dd>.content.active {
	background-color: transparent;
	border-bottom: #404750 solid 1px
}

.accordion .accordion-navigation.active .fa-angle-down:before {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.accordion .accordion-navigation .content
p {
	color: #333;
	font-size: 0.875rem;
	line-height: 180%
}

.accordion .accordion-navigation .content ol,
.accordion .accordion-navigation .content
ul {
	margin: 0
0 1rem
}

.accordion .accordion-navigation .content
li {
	color: #333;
	list-style: none;
	font-size: 0.875rem;
	line-height: 180%
}

.accordion .accordion-head {
	height: 3rem;
	list-style: none;
	font-size: 0.875rem;
	color: #fff;
	background-color: #404750;
	padding: 0.75rem 1rem
}

.accordion .accordion-head
span {
	display: inline-block;
	float: left
}

.accordion .accordion-head span.num-head {
	width: 10%
}

.accordion .accordion-head span.title-head {
	width: 60%
}

.accordion .accordion-head span.date-head {
	width: 20%
}

#hotline-section {
	margin-bottom: 3.125rem
}

#hotline-section .section-hd {
	margin-bottom: 0.625rem;
	padding-bottom: 1.25rem
}

#hotline-section .section-hd
.title {
	color: #4d4d4d;
	font-size: 1.125rem
}

#hotline-section
span.sep {
	display: inline-block;
	width: 0.9375rem
}

@media only screen and (max-width: 40em) {
	#hotline-section
span.sep {
		display: block
	}
}

#hotline-section .section-hd
.row {
	border-bottom: #404750 solid 2px
}

#hotline-section .section-bd {
	padding: 0
}

#hotline-section .section-bd
p {
	color: #404750;
	font-size: 1.125rem;
	font-weight: bold
}

#support-policy-section .section-hd {
	padding-bottom: 0.625rem
}

#support-policy-section .section-bd {
	padding-top: 1.25rem
}

table {
	width: 100%;
	border-collapse: collapse;
	border: 0
none;
	background: none;
	margin-bottom: 0
}

table
thead {
	background: none
}

table thead tr th,
table tr
th {
	color: #fff;
	background-color: #404750;
	font-size: 0.875rem;
	border-bottom: #d8d8d8 solid 1px;
	padding: 1rem;
	text-align: left
}

table
tr {
	background: #fff
}

@media only screen and (max-width: 40em) {
	table
tr {
		display: flex;
		width: 100%
	}
}

table tr.alt,
table tr.even,
table tr:nth-of-type(even) {
	background: #fafafa
}

table tbody
td {
	color: gray;
	background-color: transparent;
	font-size: 0.875rem;
	border-bottom: #e5e5e5 solid 1px;
	border-right: #e5e5e5 solid 1px;
	padding: 1rem;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}

@media only screen and (max-width: 40em) {
	table tbody
td {
		display: block;
		width: 100%
	}
}

table tbody td:first-child {
	width: 20%
}

@media only screen and (max-width: 40em) {
	table tbody td:first-child {
		display: block;
		width: 100%
	}
}

table tbody td:last-child {
	border-right: 0 none
}

table tbody td
i.fa {
	margin-right: 0.25rem
}

table
.subhead {
	color: #1a1a1a;
	background-color: #eceae6
}

table .subhead
td {
	font-size: 1rem;
	font-weight: bold;
	border-right: #d8d8d8 solid 1px
}

@media only screen and (max-width: 40em) {
	table .subhead
td {
		border-right: 0 none
	}
}

table .subhead td:last-child {
	border-right: 0 none
}

table ol,
table
ul {
	margin: 0
}

table ol
li {
	list-style: none
}

.table-section {
	margin-bottom: 1.875rem
}

.table-section-hd
.title {
	color: #4d4d4d;
	font-size: 1.125rem
}

#recruit-entry-section
.row {
	max-width: 60rem
}

.button {
	min-width: 10rem;
	padding: 0.5rem 1rem;
	text-align: left
}

.button
i.fa {
	float: right
}

.btn-apply {
	display: inline-block;
	width: 10rem;
	padding: 0.5rem 1rem
}

.btn-apply
span {
	float: left
}

.btn-apply
i.fa {
	float: right
}

#location-map-section .content-row {
	display: none
}

#location-map-section.has-result .content-row {
	display: block
}

.network-list {
	margin: 0;
	min-height: 42.75rem;
	max-height: 42.75rem;
	overflow: scroll
}

.network-list
li {
	list-style: none
}

.network-list li
a {
	display: block;
	min-height: 4.75rem;
	background-color: #f8f8f6;
	border-bottom: #d9d9d9 solid 1px;
	text-align: left;
	padding: 1rem
}

.network-list li a:hover,
.network-list li.active
a {
	background-color: #fff;
	border-bottom-color: #404750
}

.network-list li a
.title {
	display: block;
	color: #333;
	font-size: 1rem
}

.network-list li a:hover .title,
.network-list li.active a
.title {
	color: #404750
}

.network-list li a
.address {
	display: block;
	color: #666;
	font-size: 0.875rem
}

#product-download-list tr
td {
	border-right: #e5e5e5 solid 1px
}

@media only screen and (max-width: 40em) {
	#product-download-list tr
td {
		display: table-cell
	}
}

@media only screen and (max-width: 40em) {
	#product-download-list table.table-download-list thead
tr {
		background-color: #404750
	}
}

#product-download-list tr td:last-child {
	border-right: 0 none
}

#product-download-list tr td:nth-child(1) {
	width: 10%
}

#product-download-list tr td:nth-child(2) {
	width: 50%
}

#product-download-list tr td:nth-child(5) {
	width: 15%
}

#product-download-list tr td
a {
	display: inline-block;
	width: 5rem;
	text-align: center
}

#solution-entry
.row {
	max-width: 61.25rem
}

#solution-entry .entry-hd {
	margin-bottom: 1.25rem
}

#solution-entry .entry-hd
.title {
	color: #4d4d4d;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 1.5rem
}

#solution-entry .entry-hd
p {
	color: gray;
	font-size: 0.875rem;
	line-height: 160%
}

.solution-gallery-wrap {
	background-color: #e9f4f6;
	padding: 1.25rem;
	margin-bottom: 1.875rem;
	border-bottom: #404750 solid 8px
}

.solution-gallery-wrap
.title {
	color: #404750;
	font-size: 1.375rem;
	font-weight: bold
}

.solution-gallery-wrap .gallery-bd {
	margin-bottom: 1.25rem
}

.solution-gallery-wrap .gallery-ft
p {
	font-size: 0.875rem
}

.solution-gallery-wrap .gallery-ft p
strong {
	color: #404750
}

.solution-gallery-wrap
.thumb {
	margin-bottom: 0.75rem;
	text-align: center
}

.solution-gallery-wrap .thumb
img {
	margin-bottom: 0.625rem
}

.solution-gallery-wrap .thumb
span.zoom {
	display: inline-block;
	color: #fff;
	padding: 0.25rem 1.875rem;
	background-color: #404750
}

.solution-content {
	padding: 0.3125rem 0.625rem
}

.solution-content
p {
	color: #666;
	font-size: 0.875rem;
	line-height: 160%
}

#solution-entry
.block {
	margin-bottom: 0.625rem
}

#solution-entry .block
a.btn {
	color: #fff;
	display: block;
	width: 100%;
	background-color: #404750;
	padding: 0.5rem 1.25rem
}

#solution-entry .block-contact {
	background-color: #f1f1f1;
	padding: 0.75rem
}

#solution-entry .block-contact
img {
	display: block;
	margin-bottom: 1rem
}

#solution-entry .block-contact .block-title {
	font-size: 1rem;
	color: #404750;
	font-weight: bold
}

#solution-entry .block-contact
p {
	color: #4d4d4d;
	font-size: 1rem;
	line-height: 180%
}

.infowindow
h3 {
	font-size: 1.125rem
}

.select2
select {
	visibility: hidden;
	margin: 0;
	height: 2.25rem;
	line-height: 2.25rem
}

.filters {
	height: 2rem;
	margin-bottom: 1.875rem
}

.select2-container--default .select2-selection--single {
	border-radius: 0
}

.news-index-page .select2-search--dropdown {
	display: none
}

.select2-dropdown {
	border-radius: 0;
	border: 0
none
}

.select2-container .select2-selection--single {
	height: 2.25rem;
	line-height: 2.25rem;
	background-color: transparent;
	border: 0
none;
	border-radius: 0;
	border-bottom: #878787 solid 2px
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	color: #fff;
	background-color: #404750
}

.select2-container--default .select2-results__option--highlighted[aria-selected] a {
	color: #fff
}

.select2-container--default.select2-container--open .select2-selection--single {
	background-color: #fff;
	border-bottom-color: #fff
}

#news-page
.filters {
	max-width: 33.33333%;
	margin: 0
auto 1.875rem
}

.coc-section .section-hd {
	padding: 0;
	background-color: #e8e8e8
}

.coc-section .section-hd .tabs
.column {
	padding: 0
}

.coc-section .section-hd .tabs .tab-title > a,
.coc-section .section-hd .tabs .tab-title>a:active {
	outline: none
}

.coc-section .section-hd .tabs .tab-title>a {
	color: #4d4d4d;
	padding: 0.5rem 0;
	text-align: center;
	border-right: #ddd solid 1px;
	font-weight: 300;
	font-size: 1rem;
	background: none
}

.coc-section .section-hd .tabs .tab-title:first-child>a {
	border-left: #ddd solid 1px
}

.coc-section .section-hd .tabs .tab-title.active>a {
	color: #404750;
	font-weight: 500;
	position: relative;
	background-color: #fff
}

.coc-section .section-hd .tabs .tab-title.active>a:after {
	content: '';
	display: block;
	width: calc(100% + 2px);
	height: 0.125rem;
	background-color: #404750;
	position: absolute;
	top: 0;
	left: -1px
}

.coc-section .section-bd {
	background-color: #fff
}

@media only screen and (max-width: 40em) {
	.coc-section
.column {
		padding: 0
1.25rem
	}
}

@media only screen and (max-width: 40em) {
	.coc-news-list .news-item
.cover {
		margin-bottom: 0.9375rem
	}
}

.coc-news-list .news-item
h3 {
	display: inline-block;
	font-size: 1.125rem;
	float: left
}

@media only screen and (max-width: 40em) {
	.coc-news-list .news-item
h3 {
		display: block;
		float: none;
		margin-bottom: 0.625rem
	}
}

@media only screen and (min-width: 40.0625em) {
	.coc-news-list .news-item .medium-8 {
		padding-left: 1.25rem
	}
}

.coc-news-list .news-item h3 a:hover {
	text-decoration: underline
}

.coc-news-list .news-item
time {
	float: right;
	font-size: 0.875rem;
	color: #4d4d4d
}

@media only screen and (max-width: 40em) {
	.coc-news-list .news-item
time {
		float: none
	}
}

.coc-news-list .news-item .info-hd {
	border-bottom: #ccc solid 1px;
	margin-bottom: 0.9375rem
}

.coc-news-list .news-item .info-bd
p {
	font-size: 0.875rem;
	color: #666;
	line-height: 180%
}

.coc-news-list .news-item .info-bd
a {
	font-size: 0.875rem
}

.coc-news-list .news-item .info-bd a:hover {
	text-decoration: underline
}

.olympic-schedule .schedule-section {
	margin-bottom: 0.75rem
}

.olympic-schedule .schedule-hd
h4 {
	font-size: 1.25rem;
	font-weight: bold;
	color: #404750
}

.olympic-hd
h3 {
	font-size: 1.375rem;
	color: #404750;
	text-align: center
}

.olympic-hd {
	margin-bottom: 0.9375rem;
	border-bottom: #ddd solid 1px;
	padding-bottom: 0.9375rem
}

.pswp__caption,.pswp__top-bar {
	background-color: #404750
}

.pswp__img--placeholder--blank {
	background-color: #fff
}

.pswp__button--arrow--left:before,.pswp__button--arrow--right:before {
	background-color: rgba(37,143,165,0.5)
}

.pswp__bg {
	background-color: rgba(37, 143, 165, 0.7)
}

#support-download-list .filters
.row {
	max-width: 25rem;
	margin: 0
auto
}

#support-download-list .section-bd {
	padding-bottom: 0
}

#sh-gotop {
	position: fixed;
	right: 0.625rem;
	bottom: 40px;
	z-index: 102;
	border: #e5e5e5;
	background-color: #fff
}

#sh-gotop.show {
	opacity: 1
}

#sh-gotop
a {
	color: #fff;
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0.625rem;
	text-align: center;
	font-size: 1.125rem;
	line-height: 1.25rem;
	background-color: #fff;
	border-bottom: #e5e5e5 solid 1px
}

#sh-gotop a.btn-gotop {
	border-bottom: 0 none;
	background-color: #404750
}

#sh-gotop svg
path {
	fill: #999
}

#sh-gotop .btn-form
svg {
	width: 16px;
	height: 16px
}

#sh-gotop .btn-qrcode
svg {
	width: 18px;
	height: 18px
}

#sh-gotop .btn-phone {
	border-bottom: none
}

#sh-gotop .btn-phone
svg {
	width: 24px;
	height: 24px
}

#sh-gotop a:hover svg
path {
	fill: #fff
}

#sh-gotop a:hover,
.show-global-customer-service #sh-gotop a.btn-customer-service,
.show-global-phone #sh-gotop a.btn-phone,
.show-global-form #sh-gotop a.btn-form {
	background-color: #404750
}

.show-global-customer-service a.btn-customer-service svg path,
.show-global-phone #sh-gotop a.btn-phone svg path,
.show-global-form #sh-gotop a.btn-form svg
path {
	fill: #fff !important
}

#footer .share-menu-block ul li ul
li {
	line-height: 200% !important
}

.weixin-link a,
.weixin-video-link a,
.tiktok-link a,
.shua-app-link
a {
	position: relative;
	overflow: visible !important
}

.weixin-link a .qrcode,
.weixin-video-link a .qrcode,
.tiktok-link a .qrcode,
.shua-app-link a
.qrcode {
	background: url('../images/sh_weixin.png') no-repeat 0 0;
	background-size: contain;
	width: 200px;
	height: 200px;
	position: absolute !important;
	left: -216px;
	top: -150px;
	opacity: 0;
	transform: scale(0);
	-webkit-transform: scale(0);
	transform-origin: 100% 70%;
	-webkit-transform-origin: 100% 70%;
	transition: transform ease 0.3s, opacity ease 0.3s;
	-webkit-transition: all ease 0.3s
}

.weixin-link a .text,
.weixin-video-link a .text,
.tiktok-link a .text,
.shua-app-link a
.text {
	position: relative;
	z-index: 10
}

.weixin-video-link a
.qrcode {
	background-image: url('../images/weixin_video.png')
}

.tiktok-link a
.qrcode {
	background-image: url('../images/tiktok.png')
}

.shua-app-link a
.qrcode {
	background-image: url('../images/shua_app.png')
}

.weixin-link a:hover .qrcode,
.weixin-video-link a:hover .qrcode,
.tiktok-link a:hover .qrcode,
.shua-app-link a:hover
.qrcode {
	display: block;
	transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 1
}

.menu-search {
	width: 40px !important;
	padding: 14px
0 !important
}

.sh-search-trigger {
	display: block;
	position: absolute;
	right: 30px;
	top: 17px;
	z-index: 3;
	height: 40px !important;
	width: 40px !important;
	margin: 0;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s
}

.sh-search-trigger
span.text {
	display: block;
	color: #4d4d4d;
	font-size: 0.875rem;
	width: 2.5rem;
	position: absolute;
	top: 0.625rem;
	left: 2.125rem
}

.sh-search-trigger.search-form-visible
span.text {
	display: none
}

.sh-search-trigger::after,.sh-search-trigger:before {
	content: '';
	position: absolute
}

.sh-search-trigger::after {
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	height: 16px;
	width: 16px;
	background: url('../images/icons_search.svg') no-repeat -16px 0
}

.sh-search-trigger::before {
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0);
	-ms-transform: translateX(-50%) translateY(-50%) scale(0);
	-o-transform: translateX(-50%) translateY(-50%) scale(0);
	transform: translateX(-50%) translateY(-50%) scale(0);
	height: 100%;
	width: 100%;
	background-color: #404750;
	border-radius: 50%;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s
}

.no-touch .sh-search-trigger:hover::before {
	background-color: #404750
}

.sh-search-trigger.search-form-visible {
	-webkit-transform: translateX(-120px);
	-moz-transform: translateX(-120px);
	-ms-transform: translateX(-120px);
	-o-transform: translateX(-120px);
	transform: translateX(-120px)
}

.sh-search-trigger.search-form-visible::after {
	background-image: url('../images/icons_search_white.svg')
}

.sh-search-trigger.search-form-visible::before {
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
	-moz-transform: translateX(-50%) translateY(-50%) scale(1);
	-ms-transform: translateX(-50%) translateY(-50%) scale(1);
	-o-transform: translateX(-50%) translateY(-50%) scale(1);
	transform: translateX(-50%) translateY(-50%) scale(1)
}

.nav-collapse li a.sh-search-trigger:hover,
.nav-collapse li.active a.sh-search-trigger,
.nav-collapse li:hover a.sh-search-trigger {
	background: none
}

.sh-main-search .sh-select {
	display: none
}

.sh-main-search
.close {
	display: none
}

.sh-main-search input[type='search'] {
	width: 100%;
	color: #4d4d4d
}

.sh-main-search input[type='search']:focus {
	outline: none
}

.sh-main-search input[type='search']::-webkit-input-placeholder {
	color: #5c5d6a
}

.sh-main-search input[type='search']::-moz-placeholder {
	color: #5c5d6a
}

.sh-main-search input[type='search']:-moz-placeholder {
	color: #5c5d6a
}

.sh-main-search input[type='search']:-ms-input-placeholder {
	color: #5c5d6a
}

@media only screen and (max-width: 1024px) {
	.sh-main-search {
		display: none
	}

	.sh-search-trigger {
		display: none
	}
}

@media only screen and (min-width: 1024px) {
	.sh-main-search {
		position: absolute;
		z-index: 2;
		top: 0;
		right: 0;
		height: 100%;
		width: calc(100% - 320px);
		background: #fff;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity 0.3s, visibility 0.3s;
		-moz-transition: opacity 0.3s, visibility 0.3s;
		transition: opacity 0.3s, visibility 0.3s
	}

	.sh-main-search
form {
		position: relative;
		height: 100%;
		margin: 0
calc(5% + 116px) 0 calc(5% + 170px)
	}

	.sh-main-search input[type='search'] {
		font-size: 0.875rem;
		height: 100%;
		background-color: transparent;
		padding-right: 170px;
		border: 0
none;
		box-shadow: none
	}

	.sh-main-search .sh-select {
		display: inline-block;
		position: absolute;
		right: 0;
		top: 50%;
		bottom: auto;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		color: #5c5d6a;
		font-size: 1.4rem;
		overflow: hidden
	}

	.sh-main-search
span {
		display: inline-block
	}

	.sh-main-search
option {
		color: #333545;
		background-color: #fff
	}

	.sh-main-search
select {
		position: absolute;
		right: 0;
		top: 50%;
		bottom: auto;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		opacity: 0;
		color: transparent
	}

	.sh-main-search select:focus {
		outline: none
	}

	.sh-main-search select:focus+span.selected-value {
		background-color: #3d3f4e
	}

	.sh-main-search .selected-value {
		color: #fff;
		pointer-events: none;
		-webkit-transition: background-color 0.3s;
		-moz-transition: background-color 0.3s;
		transition: background-color 0.3s
	}

	.sh-main-search .selected-value,
.sh-main-search
select {
		padding: 0.5em 1.7em 0.5em 0.3em;
		font-size: 1.4rem;
		border-radius: 3px
	}

	.no-pointerevents .sh-main-search .selected-value {
		display: none
	}

	.no-pointerevents .sh-main-search
select {
		position: relative;
		color: #fff;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}

	.no-pointerevents .sh-main-search select:focus {
		background-color: #3d3f4e
	}

	.sh-main-search
.close {
		display: inline-block;
		position: absolute;
		right: 5%;
		top: 50%;
		height: 40px;
		width: 40px;
		-webkit-transform: translateY(-50%) scale(0);
		-moz-transform: translateY(-50%) scale(0);
		-ms-transform: translateY(-50%) scale(0);
		-o-transform: translateY(-50%) scale(0);
		transform: translateY(-50%) scale(0);
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s
	}

	.sh-main-search .close::after,
.sh-main-search .close::before {
		content: '';
		position: absolute;
		height: 20px;
		width: 2px;
		background-color: #404750;
		left: 50%;
		top: 50%
	}

	.sh-main-search .close::before {
		-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
		-moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
		-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
		-o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
		transform: translateX(-50%) translateY(-50%) rotate(-45deg)
	}

	.sh-main-search .close::after {
		-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
		-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
		-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
		-o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
		transform: translateX(-50%) translateY(-50%) rotate(45deg)
	}

	.sh-main-search.is-visible {
		opacity: 1;
		visibility: visible
	}

	.sh-main-search.is-visible
.close {
		-webkit-transform: translateY(-50%) scale(1);
		-moz-transform: translateY(-50%) scale(1);
		-ms-transform: translateY(-50%) scale(1);
		-o-transform: translateY(-50%) scale(1);
		transform: translateY(-50%) scale(1)
	}

	.animate-search .sh-main-search.is-visible {
		-webkit-animation: cd-slide-in 0.3s;
		-moz-animation: cd-slide-in 0.3s;
		animation: cd-slide-in 0.3s
	}
}

@-webkit-keyframes cd-slide-in {
	0% {
		-webkit-transform: translateY(-100%)
	}

	100% {
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes cd-slide-in {
	0% {
		-moz-transform: translateY(-100%)
	}

	100% {
		-moz-transform: translateY(0)
	}
}

@keyframes cd-slide-in {
	0% {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%)
	}

	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
}

.search-index-section .search-hd {
	margin-bottom: 0;
	padding-bottom: 0 !important
}

.product-default-section {
	position: relative
}

.product-default-section .section-layer,
.product-image-parallax-section .section-layer {
	position: absolute
}

.product-image-parallax-section {
	position: relative;
	overflow: hidden
}

@media only screen and (min-width: 40.0625em) {
	.product-image-parallax-section .section-bg {
		position: absolute;
		top: 50%;
		-webkit-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		-o-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		transform-style: preserve-3d
	}
}

@media only screen and (max-width: 40em) {
	.product-image-parallax-section .section-bg {
		position: relative !important;
		-webkit-transform: translate3d(0, 0, 0) !important;
		-ms-transform: translate3d(0, 0, 0) !important;
		-o-transform: translate3d(0, 0, 0) !important;
		transform: translate3d(0, 0, 0) !important
	}
}

.product-image-parallax-section .section-bg
img {
	display: block;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

@media only screen and (min-width: 40.0625em) {
	.product-image-parallax-section:first-child .section-bg {
		-webkit-transform: translate3d(0, -50%, 0);
		-ms-transform: translate3d(0, -50%, 0);
		-o-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0)
	}
}

.product-image-parallax-section .section-info {
	height: auto;
	position: relative;
	top: auto;
	left: auto
}

@media only screen and (min-width: 64.0625em) {
	.product-image-parallax-section .section-info {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0
	}
}

@media only screen and (max-width: 40em) {
	.product-image-parallax-section .section-info {
		padding: 0
0.625rem 1.875rem
	}
}

.product-image-parallax-section .align-center {
	text-align: center
}

.product-image-parallax-section .align-left .product-image-parallax-section .align-right {
	text-align: left
}

.product-image-parallax-section .section-info
.info {
	padding: 4.375rem 0
}

.product-image-parallax-section .section-info
.column {
	float: none
}

.product-image-parallax-section .align-center
.column {
	margin: 0
auto
}

.product-image-parallax-section .align-right
.column {
	float: right
}

.product-image-parallax-section .section-info .light-info {
	color: #fff
}

.product-image-parallax-section .section-info
.subtitle {
	font-size: 1rem;
	font-weight: 200;
	margin-bottom: 0
}

.products-entry > div:nth-child(1) .section-info
.subtitle {
	color: inherit;
	font-size: 1.375rem;
	font-weight: 700
}

.product-image-parallax-section .section-info
h3 {
	font-size: 2rem;
	font-weight: 100;
	margin-bottom: 1.25rem
}

@media only screen and (max-width: 40em) {
	.product-image-parallax-section .section-info
h3 {
		font-size: 1.375rem
	}
}

.product-image-parallax-section .section-info .desc
p {
	font-size: 0.875rem;
	margin-bottom: 0;
	opacity: 0.7
}

.fitness-password-form {
	max-width: 600px;
	margin: 0
auto;
	background-color: #fff;
	padding: 1.875rem;
	text-align: center;
	margin-top: 5.625rem;
	margin-bottom: 3.75rem
}

.sports-health-section.primary-bg {
	color: #fff;
	background-color: #404750
}

.sports-health-section.primary-bg
p {
	color: #fff !important
}

.sports-health-section.primary-bg p
strong {
	color: #fff !important
}

.sports-health-section.primary-bg
h3 {
	color: #fff !important
}

.sports-health-section .section-hd {
	padding: 1.875rem 0.9375rem 0.625rem
}

@media only screen and (min-width: 64.0625em) {
	.sports-health-section .section-hd {
		padding: 3.125rem 0.9375rem 1.25rem
	}
}

.sports-health-section .section-hd
h3 {
	color: #404750
}

.sports-health-section .section-hd h3 .en-text {
	display: block;
	font-weight: bold;
	font-size: 1.375rem;
	line-height: 1.375rem;
	font-family: 'Roboto'
}

@media only screen and (min-width: 40.0625em) {
	.sports-health-section .section-hd h3 .en-text {
		font-size: 1.5rem
	}
}

@media only screen and (min-width: 64.0625em) {
	.sports-health-section .section-hd h3 .en-text {
		font-size: 1.75rem
	}
}

.sports-health-section .section-hd h3 .zh-text {
	display: inline-block;
	font-size: 1rem;
	line-height: 1.125rem;
	text-decoration: underline
}

.sports-health-section .section-hd
.summary {
	font-size: 0.875rem
}

.sports-health-section .section-bd {
	padding: 1.875rem 0.9375rem
}

@media only screen and (min-width: 64.0625em) {
	.sports-health-section .section-bd {
		padding: 2.5rem 0.9375rem
	}
}

.sports-health-section
table {
	width: 100%;
	margin-bottom: 1.25rem
}

.sports-health-section
p {
	color: #707070;
	font-size: 1rem
}

@media only screen and (max-width: 40em) {
	.sports-health-section p
br {
		display: none
	}
}

.sports-health-section p
strong {
	color: #404750
}

#sports-health-page .modaal-content
.title {
	color: #404750;
	font-size: 1.125rem;
	font-weight: bold;
	margin-bottom: 1.25rem
}

#sports-health-page .modaal-content
.label {
	color: #fff;
	background-color: #404750;
	padding: 2px
8px;
	margin-bottom: 1.25rem
}

#sports-health-page .modaal-content
p {
	font-size: 1rem
}

#sports-health-page .modaal-content p
strong {
	color: #404750;
	font-weight: bold
}

#sports-health-page .modaal-content ul
li {
	color: #4d4d4d;
	font-size: 0.875rem;
	margin-bottom: 0.625rem
}

.sports-health-section-01 {
	background-color: #f8f8f8
}

.sports-health-section-01 .section-bd {
	padding-top: 2.5rem
}

.sports-health-section-01 table tr:nth-of-type(even) {
	background-color: #f5f5f5
}

@media only screen and (min-width: 64.0625em) {
	.sports-health-section-01 table tr
td {
		font-size: 1rem
	}
}

.sports-health-section-01 table tr td:nth-child(2) {
	color: #404750;
	font-family: 'fontawesome';
	letter-spacing: 1px
}

@media only screen and (min-width: 64.0625em) {
	.sports-health-section-01 table tr td:nth-child(2) {
		font-size: 1.25rem;
		letter-spacing: 8px
	}
}

.sports-health-section-02
svg {
	max-width: 62.5rem
}

.sports-health-section-02 .row-02 {
	margin-bottom: 1.25rem;
	text-align: center
}

@media only screen and (min-width: 64.0625em) {
	.sports-health-section-02 .row-02 {
		margin-bottom: 1.875rem
	}
}

@media only screen and (min-width: 64.0625em) {
	.sports-health-section-02 .row-03
.column {
		padding: 0
1.125rem
	}
}

.sports-health-section-03
.cover {
	position: relative;
	overflow: hidden;
	background-color: #fff;
	background-size: cover
}

@media only screen and (max-width: 40em) {
	.sports-health-section-03
.cover {
		margin-bottom: 1.25rem
	}
}

.sports-health-section-03 .cover::before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 62.25%
}

@media only screen and (min-width: 64.0625em) {
	.sports-health-section-03 .section-bd .row
.column {
		padding: 0
0.625rem
	}
}

.sports-health-section-03 .section-bd .row .column
p {
	text-align: justify;
	font-size: 1rem;
	line-height: 180%
}

.sports-health-section-04 {
	background-color: #fff
}

.sports-health-section-04
.cover {
	position: relative;
	overflow: hidden;
	background-color: #404750;
	background-size: cover
}

@media only screen and (max-width: 40em) {
	.sports-health-section-04
.cover {
		margin-bottom: 1.25rem
	}
}

.sports-health-section-04 .cover::before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 62.25%
}

@media only screen and (min-width: 64.0625em) {
	.sports-health-section-04 .section-bd .row
.column {
		padding: 0
0.625rem
	}
}

.sports-health-section-04 .section-bd .row .column
h3 {
	font-size: 1.25rem;
	color: #404750;
	font-weight: bold
}

.sports-health-section-04 .section-bd .row .column
p {
	text-align: justify;
	font-size: 0.875rem;
	line-height: 1.125rem;
	margin: 0
0 0.25rem;
	margin-bottom: 1.25rem
}

@media only screen and (min-width: 64.0625em) {
	.sports-health-section-04 .section-bd .row .column
p {
		margin-bottom: 1.875rem
	}
}

.sports-health-section-04 .section-bd .row .column p
strong {
	color: #707070;
	font-size: 0.9375rem
}

.sports-health-section-05 .section-bd .row-01 {
	margin-bottom: 1.25rem
}

@media only screen and (max-width: 40em) {
	.sports-health-section-05 .section-bd .row-01 {
		text-align: center
	}
}

@media only screen and (min-width: 64.0625em) {
	.sports-health-section-05 .section-bd .row-01 {
		margin-bottom: 1.25rem
	}
}

.sports-health-section-05 .section-bd .row-01
.column {
	position: relative
}

@media only screen and (min-width: 64.0625em) {
	.sports-health-section-05 .section-bd .row-01 .column::before {
		content: '';
		display: block;
		width: 27px;
		height: 18px;
		background: url('../fonts/arrow_right.svg') no-repeat 0 0;
		background-size: 27px 18px;
		position: absolute;
		top: 6.25rem;
		right: 1.875rem
	}

	.sports-health-section-05 .section-bd .row-01 .column:nth-last-child(1)::before {
		display: none
	}
}

.sports-health-section-05 .section-bd .row-01 .flow-item {
	color: #fff;
	background-color: #404750;
	max-width: 100%
}

@media only screen and (max-width: 40em) {
	.sports-health-section-05 .section-bd .row-01 .flow-item {
		margin-bottom: 1.25rem
	}
}

@media only screen and (min-width: 40.0625em) {
	.sports-health-section-05 .section-bd .row-01 .flow-item {
		max-width: 18.4375rem
	}
}

.sports-health-section-05 .section-bd .row-01 .flow-item ul li,
.sports-health-section-05 .section-bd .row-01 .flow-item
p {
	color: inherit
}

@media only screen and (max-width: 40em) {
	.sports-health-section-05 .section-bd .row-01 .flow-item
.cover {
		margin-bottom: 1.875rem
	}
}

.sports-health-section-05 .section-bd .row-01 .flow-item
.info {
	padding: 1.25rem 1.25rem 0.625rem
}

.sports-health-section-05 .section-bd .row-01 .flow-item .info ul li,
.sports-health-section-05 .section-bd .row-01 .flow-item .info
p {
	color: inherit
}

@media only screen and (max-width: 40em) {
	.sports-health-section-05 .section-bd .row-01 .flow-item .info ul li,
.sports-health-section-05 .section-bd .row-01 .flow-item .info
p {
		text-align: left !important
	}
}

.sports-health-section-05 .section-bd .row .column
h3 {
	font-size: 1.25rem;
	color: #404750;
	font-weight: bold
}

.sports-health-section-05 .section-bd .row .column
p {
	text-align: justify;
	font-size: 0.875rem;
	line-height: 1.125rem;
	margin: 0
0 0.25rem
}

.sports-health-section-05 .section-bd .row .column p.zh-text {
	font-size: 1rem
}

.sports-health-section-05 .section-bd .tags-row {
	padding: 1.25rem 0
}

@media only screen and (min-width: 40.0625em) {
	.sports-health-section-05 .section-bd .tags-row {
		padding: 1.875rem 0
	}
}

@media only screen and (min-width: 40.0625em) {
	.sports-health-section-05 .section-bd .tags-row .row-hd {
		padding: 1.25rem 0
	}
}

.sports-health-section-05 .section-bd .tags-row .row-hd
h4 {
	font-size: 1rem;
	color: #404750;
	font-weight: bold;
	margin-bottom: 1rem
}

@media only screen and (min-width: 40.0625em) {
	.sports-health-section-05 .section-bd .tags-row .row-bd {
		max-width: 65rem;
		margin: 0
auto;
		text-align: center
	}
}

.sports-health-section-05 .section-bd .tags-row .row-bd
.tag {
	display: inline-block;
	width: 50%;
	color: #404750;
	font-size: 0.875rem;
	padding: 0
0.25rem;
	margin: 0
0 0.5rem;
	text-align: center;
	margin-bottom: 0.5rem
}

@media only screen and (max-width: 40em) {
	.sports-health-section-05 .section-bd .tags-row .row-bd
.tag {
		float: left
	}
}

@media only screen and (min-width: 40.0625em) {
	.sports-health-section-05 .section-bd .tags-row .row-bd
.tag {
		width: 20%
	}
}

@media only screen and (min-width: 64.0625em) {
	.sports-health-section-05 .section-bd .tags-row .row-bd
.tag {
		width: 16.666666666666667%
	}
}

.sports-health-section-05 .section-bd .tags-row .row-bd .tag .tag-inner {
	display: inline-block;
	width: 100%;
	padding: 0.75rem 0.9375rem;
	background-color: #fff;
	border-radius: 6px
}

.sports-health-section-05 .section-bd .devices-row
a {
	display: block
}

.sports-health-section-05 .section-bd .devices-row a:hover
.title {
	color: #404750
}

.sports-health-section-05 .section-bd .devices-row
.cover {
	display: block;
	margin-bottom: 0.5rem
}

.sports-health-section-05 .section-bd .devices-row
.title {
	color: #505050;
	font-size: 1rem;
	transition: color 0.3s ease
}

@media only screen and (max-width: 40em) {
	.sports-health-section-05 .section-bd .devices-row
.title {
		height: 2.75rem;
		line-height: 1.375rem;
		text-overflow: ellipsis;
		overflow: hidden
	}
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
	.sports-health-section-05 .section-bd .devices-row
.title {
		height: 2.75rem;
		line-height: 1.375rem;
		text-overflow: ellipsis;
		overflow: hidden
	}
}

@media only screen and (min-width: 64.0625em) {
	.sports-health-section-05 .section-bd .devices-row
.title {
		height: 1.375rem;
		line-height: 1.375rem;
		overflow: hidden;
		text-overflow: ellipsis
	}
}

.sports-health-section-05 .section-bd .devices-row
.label {
	color: #fff;
	display: inline-block;
	background-color: #404750;
	font-size: 1rem;
	padding: 6px
8px;
	margin-bottom: 1.25rem !important
}

.sports-health-wellness-course-page .sports-health-section-06 {
	background-color: transparent
}

.sports-health-section-06 {
	background-color: #fff
}

.sports-health-section-06 .course-item {
	max-width: 22.5rem;
	margin: 0
auto
}

.sports-health-section-06 .cover
img {
	display: block;
	width: 100%;
	height: auto
}

.sports-health-section-06 .info
.title {
	display: block;
	width: 100%;
	padding: 12px
20px;
	margin-top: 0;
	color: #fff;
	background-color: #0cbbe8;
	margin-bottom: 1.875rem
}

.sports-health-section-06 .info
.desc {
	color: #707070;
	font-size: 0.875rem;
	padding: 1.25rem;
	border: #404750 solid 1px;
	border-radius: 6px;
	margin-bottom: 1.25rem
}

.sports-health-section-06 .info .desc ul li,
.sports-health-section-06 .info .desc
p {
	color: inherit;
	font-size: inherit
}

.sports-health-section-07 .section-bd {
	padding-bottom: 0
}

.sports-health-section-07 .section-bd
svg {
	display: block;
	margin: 0
auto
}
.i-title a img{
    width: 85%;
}

.sports-health-section-08 {
	background-color: #fff
}

.sports-health-section-08 #expert-team-swiper .swiper-slide {
	width: 100%
}

@media only screen and (min-width: 40.0625em) {
	.sports-health-section-08 #expert-team-swiper .swiper-slide {
		width: 33.333333333%;
		padding: 0
0.625rem
	}
}

.sports-health-section-08 #expert-team-swiper .swiper-slide
.cover {
	width: 100%;
	display: block;
	margin-bottom: 0.625rem
}

.sports-health-section-08 #expert-team-swiper .swiper-slide
img {
	width: 100%;
	height: auto
}

.sports-health-section-08 #expert-team-swiper .swiper-slide
p {
	font-size: 0.875rem
}

#about-bases-section .section-hd {
	padding-bottom: 0
}

@media only screen and (max-width: 40em) {
	#about-bases-section .section-bd {
		padding: 0
0.625rem
	}
}

#about-bases-section .section-bd
.row {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center
}

#about-bases-section .section-bd .base-item {
	float: none
}

#about-bases-section .section-bd .base-item
.cover {
	margin-bottom: 0.625rem
}

#about-bases-section .section-bd .base-item .info
.title {
	font-size: 15px;
	font-weight: bold;
	color: #404750
}

#about-bases-section .section-bd .base-item .info .desc
p {
	font-size: 0.875rem
}

#about-marketing-section {
	background-color: #fff
}

@media only screen and (max-width: 40em) {
	#about-marketing-section
p {
		font-size: 0.875rem;
		line-height: 160%
	}

	#about-marketing-section p:nth-child(1) img {
		display: block;
		margin: 0.9375rem 0 0
	}

	#about-marketing-section p
br {
		display: none
	}
}

#about-marketing-section p
strong {
	color: #404750
}

#about-marketing-section .section-hd {
	padding-bottom: 0
}

@media only screen and (max-width: 40em) {
	#about-marketing-section .section-bd {
		padding: 0
0.625rem
	}
}

#about-marketing-section .model-items {
	display: flex;
	padding: 1.25rem 0
}

@media only screen and (min-width: 40.0625em) {
	#about-marketing-section .model-items {
		padding: 2.5rem 0 3.75rem
	}
}

#about-marketing-section .model-items .model-item {
	display: block;
	width: 50%;
	float: left;
	text-align: center;
	margin-bottom: 1.25rem
}

@media only screen and (min-width: 40.0625em) {
	#about-marketing-section .model-items .model-item {
		width: 20%;
		margin-bottom: 0.625rem
	}
}

#about-marketing-section .model-items .model-item
.icon {
	display: block;
	max-width: 6.25rem;
	margin: 0
auto 1rem;
	position: relative;
	background-size: cover;
	border-radius: 50%;
	overflow: hidden
}

#about-marketing-section .model-items .model-item .icon::before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 100%
}

#about-research-section .block-hd .zh-title {
	color: inherit;
	text-align: left !important;
	font-size: 1.25rem;
	font-weight: bold;
	margin-bottom: 1.25rem
}

#about-research-section .block-hd .en-title {
	color: inherit;
	text-align: left !important;
	font-size: 1.5rem;
	font-weight: bold
}

#about-research-section .section-bd {
	color: #fff;
	background-color: #404750
}

@media only screen and (max-width: 40em) {
	#about-research-section .section-bd {
		padding: 1.25rem 0.625rem
	}
}

@media only screen and (min-width: 40.0625em) {
	#about-research-section .section-bd
.info {
		padding: 0.9375rem
	}
}

@media only screen and (min-width: 64.0625em) {
	#about-research-section .section-bd
.info {
		padding: 1.25rem 2.5rem 1.25rem 0
	}
}

#about-research-section .section-bd
p {
	text-align: left;
	text-align: justify;
	line-height: 180%;
	font-size: 0.875rem
}

@media only screen and (min-width: 40.0625em) {
	#about-research-section .section-bd
p {
		font-size: 1rem
	}
}

#about-research-section .section-bd p
strong {
	color: #404750;
	font-weight: bold
}

#about-services-section .section-hd {
	padding-bottom: 0
}

@media only screen and (max-width: 40em) {
	#about-services-section .section-bd {
		padding: 0
0.625rem
	}
}

#about-services-section .section-bd .service-item
.desc {
	background-color: #fff;
	padding: 15px;
	min-height: 100px
}

#about-cooperation-section {
	background-color: #fff
}

#about-cooperation-section .section-hd {
	padding-bottom: 0
}

@media only screen and (max-width: 40em) {
	#about-cooperation-section .section-bd {
		padding: 0
0.625rem
	}
}

#about-cooperation-section .section-bd
h3 {
	color: #404750;
	font-weight: bold;
	font-size: 1.125rem
}

#about-cooperation-section .section-bd
p {
	font-size: 0.875rem
}

#about-cooperation-section .section-bd p
strong {
	color: #404750
}

#about-cooperation-section .about-cooperation-logos {
	width: 18.75rem
}

@media only screen and (max-width: 40em) {
	#about-cooperation-section .about-cooperation-logos {
		margin: 0
auto;
		padding: 1.25rem 0
	}
}

@media only screen and (min-width: 40.0625em) {
	#about-cooperation-section .about-cooperation-logos {
		float: right
	}
}

#about-cooperation-section .about-cooperation-logos .logo-item {
	width: 100%;
	max-width: 7.5rem;
	margin: 0
0.9375rem 0.9375rem;
	float: left
}

#about-cooperation-section .about-cooperation-logos .logo-item
.cover {
	display: block;
	width: 100%;
	max-width: 7.5rem;
	margin: 0
auto;
	position: relative;
	background-size: cover;
	border-radius: 100%;
	border: #c9c9c9 solid 8px
}

@media only screen and (max-width: 40em) {
	#about-cooperation-section .about-cooperation-logos .logo-item
.cover {
		border-width: 6px
	}
}

#about-cooperation-section .about-cooperation-logos .logo-item .cover::before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 100%
}

.home-partners {
	display: block;
	height: 5.260416667vw;
	background-color: #404750;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-position: 0 0;
	background-repeat: no-repeat
}

.mobile-search-link {
	display: none
}

@media only screen and (max-width: 40em) {
	.mobile-search-link {
		display: block;
		position: absolute;
		top: 50%;
		right: 72px;
		margin-top: -10px
	}

	.search-index-section .section-hd {
		padding: 30px
15px 20px
	}

	.search-index-section .section-hd
.button {
		min-width: 100%
	}

	.search-index-section .section-hd .small-12 {
		padding: 0
	}

	.search-result {
		padding: 0
15px
	}
}

.videos-filter {
	padding-top: 0
}

#product-videos-list .feature-item {
	margin-bottom: 12px
}

#product-videos-list .feature-item
.title {
	display: block;
	width: 100%;
	background-color: #fff;
	padding: 10px
15px
}

#product-videos-list .feature-item .title
em {
	font-style: normal
}

.product-videos {
	width: 100%;
	max-width: 720px;
	margin: 0
auto
}

.subject-survey-form .main-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.subject-survey-form .main-column {
	float: none;
	padding: 0
6px
}

.subject-survey-form .covers-column
.column {
	padding: 0
6px
}

.subject-survey-form .covers-column
.row {
	margin-bottom: 12px
}

.subject-survey-form .covers-column .row:last-child {
	margin-bottom: 0
}

.subject-survey-form .covers-column
.title {
	color: #fff;
	background-color: #404750;
	height: 70px;
	line-height: 50px;
	text-align: center;
	padding: 10px
}

.subject-survey-form .survey-form
h4 {
	color: #404750;
	font-weight: 500;
	margin-bottom: 15px
}

.subject-survey-form .survey-form {
	height: 100%;
	background-color: #fff;
	padding: 20px
}

.subject-survey-form .survey-form label
span {
	display: inline-block;
	margin-bottom: 4px
}

.subject-survey-form .survey-form input[type='text'] {
	background-color: #f8f8f8;
	border: #d3d3d3 solid 1px
}

.subject-survey-form .survey-form
textarea {
	resize: none;
	background-color: #f8f8f8;
	height: 140px;
	border: #d3d3d3 solid 1px
}

.subject-survey-form .survey-form label
em {
	color: red
}

.subject-survey-form .survey-form
.note {
	color: #808080;
	font-size: 13px;
	text-align: center
}

.subject-survey-form .survey-form .action-row {
	text-align: center
}

.subject-survey-form .btn-apply {
	width: auto;
	margin: 20px
auto 16px
}

.online-customer-service {
	width: 480px;
	height: 70vh;
	background-color: #fff;
	border: #404750 solid 2px;
	position: fixed;
	z-index: 999;
	bottom: 40px;
	right: 50px;
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.15);
	visibility: hidden;
	opacity: 0;
	transform: translate3d(0, 50px, 0);
	transition: all 0.3s ease
}

.show-global-customer-service .online-customer-service {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0,0,0)
}

.global-feedback-form {
	width: 390px;
	height: 470px;
	background-color: #fff;
	border: #ddd solid 1px;
	position: fixed;
	z-index: 999;
	bottom: 40px;
	right: 60px;
	padding: 15px;
	border-radius: 3px;
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.15);
	visibility: hidden;
	opacity: 0;
	transform: translate3d(0, 50px, 0);
	transition: all 0.3s ease
}

.show-global-form .global-feedback-form {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0)
}

.global-feedback-form
h4 {
	font-size: 16px;
	font-weight: 500;
	color: #404750
}

.global-feedback-form
label {
	position: relative
}

.global-feedback-form label
span {
	width: 100%;
	position: absolute;
	top: 8px;
	left: 6px;
	pointer-events: none
}

.global-feedback-form label
em {
	color: red;
	position: absolute;
	right: 20px
}

.global-feedback-form label
input {
	text-indent: 70px
}

.global-feedback-form
textarea {
	height: 130px;
	resize: none;
	text-indent: 60px
}

.global-wechat-qrcode {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background-color: rgba(37, 143, 165, 0.75);
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease
}

.show-global-qrcode .global-wechat-qrcode {
	opacity: 1;
	visibility: visible
}

.global-wechat-qrcode .qrcode-wrap {
	width: 235px;
	padding: 10px;
	background-color: #fff;
	text-align: center;
	font-size: 15px;
	color: #000;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translate3d(0, 30px, 0);
	-ms-transform: translate3d(0, 30px, 0);
	-o-transform: translate3d(0, 30px, 0);
	transform: translate3d(0, 30px, 0)
}

.show-global-qrcode .qrcode-wrap {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.global-wechat-qrcode .qrcode-wrap
.text {
	height: 28px;
	line-height: 28px
}

.global-wechat-qrcode
img {
	display: block;
	width: 215px;
	height: 215px
}

.global-phone {
	width: 270px;
	height: 160px;
	position: fixed;
	bottom: 40px;
	right: 50px;
	color: #fff;
	z-index: 101;
	background: #404750;
	padding: 10px
20px;
	font-weight: 500;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translate3d(40px, 0, 0);
	-ms-transform: translate3d(40px, 0, 0);
	-o-transform: translate3d(40px, 0, 0);
	transform: translate3d(40px, 0, 0)
}

.show-global-phone .global-phone {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.global-phone .phone-label {
	margin-bottom: 20px
}

.global-phone .phone-label
i {
	margin-right: 6px
}

.global-phone
.phone {
	font-size: 20px;
	font-weight: bold;
	line-height: 36px
}

.solution-commercial-fitness-page .section-hd .en-title {
	color: #404750
}

.solution-commercial-fitness-page .section-hd .section-hd .zh-title:after {
	background-color: #404750
}

.solution-commercial-fitness-page .more-wrap {
	padding: 20px
0 30px;
	text-align: center
}

.contact-franchise-support-page {
	background-color: #fff
}

.franchise-support-section {
	max-width: 1200px;
	margin: 0
auto
}

.franchise-support-section .section-bd {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-around;
	padding: 30px
0 20px
}

.franchise-support-section .section-bd .fs-item {
	width: 50%;
	padding: 0
10px;
	margin: 0
0 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.franchise-support-section .section-bd .fs-item-bd {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	background-color: #e8fcff;
	padding: 15px
30px 20px
}

.franchise-support-section .section-bd .fs-item .item-icon {
	width: 90px;
	margin-right: 20px;
	flex-shrink: 0
}

.franchise-support-section .section-bd .fs-item
h3 {
	font-size: 20px;
	font-weight: bold
}

.franchise-support-section .section-bd .fs-item
.desc {
	font-size: 15px;
	color: #333
}

.franchise-support-section .section-bd .fs-item .item-icon
svg {
	width: 100%
}

.franchise-contact-info-section {
	max-width: 1200px;
	margin: 0
auto
}

.franchise-contact-info-section .section-hd {
	padding: 20px
0
}

.franchise-contact-info-section table
td {
	color: #000;
	font-size: 15px;
	width: auto !important;
	background-color: #eafdff;
	border: 0
none;
	border-bottom: 6px solid #fff
}

.search-result-news-list
strong {
	font-weight: normal
}

.search-result-news-list
.item {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
/*! autoprefixer: on */;
	overflow: hidden;
	height: 24px;
	margin-bottom: 20px
}

#project-subcats-section {
	display: flex;
	justify-content: center;
	margin-bottom: 40px
}

#project-subcats-section
a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px
20px;
	background-color: #fff;
	margin: 0
10px;
	border-radius: 3px;
	color: #666;
	font-size: 14px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease
}

#project-subcats-section a:hover,
#project-subcats-section
a.active {
	color: #fff;
	background-color: #404750
}

.location-infowindow {
	padding: 10px;
	width: 400px
}

.location-infowindow
h4 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 16px
}

.location-infowindow
p {
	margin-bottom: 8px
}

.service-block {
	cursor: pointer
}

.service-block .block-name {
	font-size: 32px;
	font-weight: 600;
	color: rgba(17,17,17,1);
	position: absolute;
	left: 30px;
	bottom: 70px
}

.service-block .view-more {
	position: absolute;
	text-align: center;
	bottom: 24px;
	left: 30px;
	line-height: 36px;
	width: 148px;
	color: #333;
	font-size: 14px;
	border-radius: 36px;
	border: 1px
solid #ccc;
	background-color: #fff
}

.service-block
.cover {
	overflow: hidden;
	position: relative
}

.service-block .cover
img {
	transition: all 0.4s ease
}

.service-block:hover .cover
img {
	transform: scale(1.06)
}

.toptext {

	width: 100%;

	background: #bc3e2f;

	height: 36px

}

 .toptext p {

	color: #fff;

	font-size: 14px;

	line-height: 36px;

	width: auto;

	display: inline-block;

	overflow: hidden;
margin:0
}


.toptext span {

	width: 49%;

	display: inline-block;

	text-align: right;

	height: 36px;

	overflow: hidden

}



.toptext span a {

	height: 36px;

	display: inline-block

}



.toptext span a img {

	height: 24px;

	margin-top: 6px;

	float: left

}



.toptext span a i {

	float: left;

	font-size: 14px;

	font-style: normal;

	line-height: 16px;

	margin-top: 10px;

	margin-left: 3px

}



.toptext span a:first-child i {

	border-right: 1px solid #333;

	padding-right: 8px;

	margin-right: 8px

}


.tac {
    text-align: center;
}
.i-title h2 {
	font-size: 24px;
    color: #333;
    line-height: 38px;
    height: 38px;
}
.i-title p {
	height: 26px;
    font-size: 14px;
    color: #b1b1b1;
    line-height: 26px;
    overflow: hidden;
}
.project {
	background: #f7f7f7;
	padding: 20px 0;
	width: 100%;
}
.project-main-wrap {
	max-width: 80rem;
	margin: 0 auto;
	position: relative;
}
.project-main {
	margin-left: -8px;
	margin-right: -8px;
}

.project-main li .item {
	padding: 0 8px;
	margin-bottom: 16px;
}
.project-main li .item a img {
    transition: all 0.3s ease-out;
}
.project-main .item:hover a img {
	transform: scale(1.1, 1.1);
}
.project-main .item .wrap {
	height: 90px;
    width: 90%;
    position: absolute;
    bottom: -100px;
    left: 20px;
    border-top: 1px solid #999;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.project-main li .item:hover .wrap {
	bottom: 16px;
}
.project-main .item .bg {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
}
.project-main .item .t1 {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 80%;
    height: 100%;
    padding: 34px 0 5px 30px;
}
.project-main .item .t1 span {
	width: 100%;
    font-size: 16px;
    display: block;
    line-height: 26px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 28px;
}
.project-main .item .t1 i {
	width: 270px;
    color: #F5F5F5;
	font-size:16px;
    display: block;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}
.project-main .item .ic {
	width: 36px;
    display: block;
    margin-top: 8px;
    position: absolute;
    right: 20px;
    border-left: 1px solid #777;
    bottom: 35px;
    height: 20px;
}
.project-main .item .ic i {
	background: url(../images/icon.png) no-repeat 0 -71px;
    width: 14px;
    height: 9px;
    display: block;
    margin: 5px 0 0 11px;
}
.i-more {
    display: block;
    width: 130px;
    height: 38px;
    margin: 0 auto;
    background:#d12839;
    border: 2px solid transparent;
    position: relative;
    transition: all .3s ease-out 0s;
}
.i-more:hover {
	background: #fff;
    border: 2px solid #d12839;
}
.i-more span {
	background: url(../images/icon.png) no-repeat 0 -22px;
    width: 34px;
    height: 14px;
    display: block;
    position: absolute;
	left: 50%;
	margin-left: -17px;
	top: 12px;
    transition: all .3s ease-out 0s;
}
.i-more:hover span {
	background: url(../images/icon.png) no-repeat 0 -39px;
}
.ov {
    overflow: hidden;
}
.rel {
    position: relative;
}
ul, ol, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#new-products-list{width:1200px;margin:0 auto}
.cp-list{width: 100%; margin: 40px 0;}
.cp-list-item{position:relative;border-bottom: 1px dashed #ccc;min-height: 60px;line-height: 60px;}
.cp-list-tit{left: 45px;float: left;margin-right: 15px; font-size:1rem; font-weight:bold;}
.cp-list-all{cursor:pointer; padding: 0 6px;color: #c20a26;margin-right: 0px;float: left;
    line-height: 23px;
    margin-top: 20px; border-radius: 5px;}
.cp-list-all a{color:#666}
.cp-list-all:hover{border: 1px solid #404750; color:#F90;}
.cp-list-all:active,.cp-list-all:visited{border: 1px solid #404750!important;}
.cp-list-div{
    float: left;}
.cp-list-div a:hover{
    background: #404750;
    color:#fff ;
    border-radius: 3px;
}
.cp-list-div a.active{
    background: #404750;
    color:#fff ;
    border-radius: 3px;
}
.cp-list-div a {color: #666; margin-right: 20px;}
.duino.wid-all{ width:100%; }
.duino.wid-all li{ width:23%; padding:10px 10px 0; margin: 0 1%; margin-top:21px; border:1px solid #e5e5e5; float:left; box-shadow:5px 5px 0px #e5e5e5;-moz-box-shadow:5px 5px 0px #e5e5e5; -webkit-box-shadow:5px 5px 0px #e5e5e5;}
.duino.wid-all li .pic img{ width:258px; max-height:179px;}
.duino.wid-all li .tit{ height:30px; line-height:30px; overflow:hidden; color:#333; font-size:16px; text-transform:uppercase;}
.duino.wid-all li .tit a:hover,.duino li .cont a:hover{ color:#404750;}
.duino.wid-all li .cont{ line-height:20px; height:60px; overflow:hidden;}
.duino.wid-all li .cont a{ color:#666;}
.duino.wid-all li .link{ margin-top:15px; line-height:30px; border-top:1px solid #e5e5e5; background:url(../images/eys.jpg) no-repeat left center; padding-left:30px; color:#999; font-size:12px;}
.duino.wid-all li .link a{ float:right; color:#999;}

@media only screen and (max-width: 768px) {
	#sitename {
		width:240px
	}
	header .row .column{position:absolute}
	.toptext,.footer-bd{display:none}
	.m712 img{max-width:100%}
	.nav-collapse li.level-0{width:100%}
	#about-overview-section .row{max-width:100%}
}