@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Play:400,700);
body,
html {
	width: 100%
}

a,
cite,
code,
dd,
dl dt,
em,
i,
ins,
mark,
p,
pre,
strong,
sup {
	text-decoration: none
}

cite,
em,
i,
mark,
sup {
	vertical-align: baseline
}



.mask,
body,
svg:not(:root) {
	overflow: hidden
}

.copyright,
.language li a {
	font-family: Play, sans-serif;
	color: #f26e20
}

.colum-box-news,
.overlay-dark,
.overlay-menu {
	-ms-touch-action: none;
	-webkit-touch-callout: none
}

.all-pics .text-length,
.colum-box-news,
.dragscroll,
.img-moving,
.overlay-dark,
.overlay-menu,
.slide-slidebox,
.slider-about,
.slider-home,
html {
	-khtml-user-select: none;
	-moz-user-select: -moz-none
}

.colum-box-news,
.overlay-dark,
.overlay-menu,
.slide-item,
.slider-about,
.slider-home,
html {
	-webkit-touch-callout: none
}

.all-pics .text-length,
.colum-box-news,
.dragscroll,
.img-moving,
.overlay-dark,
.overlay-menu,
.slide-item,
.slide-slidebox,
.slider-about,
.slider-home,
html {
	-webkit-user-select: none;
	-ms-user-select: none
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #1e4465
}

* {
	-webkit-font-smoothing: antialiased
}

*,
:after,
:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: '';
	content: none
}

:focus {
	outline: 0;
	border: none
}

p {
	font-weight: 400;
	font-size: 100%;
	-webkit-text-size-adjust: none
}

strong {
	font-weight: 700
}

.copyright,
.language li a,
cite,
em,
h1,
h2,
h3,
h4,
h5,
h6,
i,
mark,
sup {
	font-weight: 400
}

cite,
em,
i {
	line-height: 1
}

sup {
	bottom: 5px;
	font-size: 70%;
	position: relative
}

del {
	text-decoration: line-through
}

.btn:hover {
	background-position: bottom
}

img[alt] {
	font-size: 0
}

img.nailthumb-image {
	margin: 0;
	padding: 0;
	max-width: none;
	float: left
}

.clearfix:after,
.clearfix:before {
	content: "";
	display: table
}

.clearfix {
	clear: both
}

.nicescroll-rails {
	cursor: pointer!important
}

iframe [name=google_conversion_frame] {
	width: 0!important;
	height: 0!important;
	position: absolute;
	z-index: -9999999
}

.loadicon,
.loadicon2 {
	background: url(../images/cycle.png) center center no-repeat;
	top: 50%;
	left: 50%;
	width: 82px;
	height: 82px;
	margin: -41px 0 0 -41px
}

.loadicon {
	position: fixed;
	z-index: 110000;
	-ms-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	animation: Rotate 2.5s linear infinite;
	-webkit-animation: Rotate 2.5s linear infinite
}

.loadicon2 {
	position: absolute;
	z-index: 110000;
	-ms-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	animation: Rotate 2.5s linear infinite;
	-webkit-animation: Rotate 2.5s linear infinite
}

.header {
	width: 100%;
	height: auto;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 60
}

.container {
	height: 100vh;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative
}

.logo {
	background: url(/logo.png) center center/contain no-repeat;
	width: 202px;
	height: 105px;
	position: absolute;
	left: 20px;
	top: 20px;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	z-index: 30
}

.logo.show {
	opacity: 1
}

.investor li a:hover,
.social li a:hover {
	opacity: .5
}

.logo.scale {
	width: 150px
}

.mask {
	width: 100%;
	height: 100%;
	position: fixed;
	right: 0;
	bottom: 0;
	background-color: #738591;
	-webkit-transition: width .6s ease-in-out;
	transition: width .6s ease-in-out;
	z-index: 9999
}

.social,
.social li {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.mask.hide {
	width: 0
}

.social {
	height: auto;
	margin: 0;
	text-align: center;
	z-index: 10
}

.social li {
	width: 30px;
	height: 50px;
	margin: 0 2px
}

.social li a {
	width: 30px;
	height: 50px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	display: block
}

.footer,
.investor {
	position: absolute;
	height: auto
}

.investor li a,
.language li a {
	-webkit-transition: all .3s ease-in-out
}

.facebook {
	background: url(../images/facebook.png) center center no-repeat
}

.google {
	background: url(../images/google.png) center center no-repeat
}

.youtube {
	background: url(../images/youtube.png) center center no-repeat
}

.footer {
	width: 100%;
	display: block;
	bottom: 0;
	left: 0;
	text-align: right;
	padding: 0
}

.investor {
	left: 20px;
	bottom: 20px;
	width: auto;
	z-index: 10
}

.investor li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
	position: relative
}

.investor li a {
	display: block;
	position: relative;
	transition: all .3s ease-in-out
}

.logo-angia {
	background: url(../images/angia_logo.svg) center center no-repeat;
	width: 120px;
	height: 34px
}

.logo-creed {
	background: url(../images/creed_logo.svg) center center no-repeat;
	width: 58px;
	height: 34px
}

.bottom-text,
.copyright {
	position: relative;
	width: auto
}

.bottom-text {
	height: auto;
	margin: 0 20px 0 0;
	display: inline-block;
	vertical-align: middle;
	z-index: 10
}

.copyright {
	font-size: 12px;
	line-height: 1.4;
	text-align: right;
	display: block;
	padding: 20px 0
}

.hotline,
.language,
.language li a,
.nav ul,
.navigation {
	text-align: center
}

.copyright a,
.language {
	display: none
}

.copyright strong {
	font-weight: 700
}

.language {
	position: absolute;
	height: auto;
	width: 50px;
	top: 20px;
	right: 80px;
	z-index: 10
}

.language li {
	position: relative;
	width: 50px;
	height: 48px;
	display: inline-block;
	vertical-align: middle;
	margin: 0
}

.language li a {
	display: block;
	width: 50px;
	height: 50px;
	font-size: 15px;
	line-height: 48px;
	text-transform: uppercase;
	transition: all .3s ease-in-out
}

.hotline a,
.nav li a {
	font-family: Play, sans-serif;
	font-weight: 400;
	font-size: 18px;
	white-space: nowrap
}

.hotline,
.hotline a {
	padding: 0;
	-webkit-transition: all .3s ease-in-out
}

.language li:hover a {
	color: #a7aaac
}

.language li.active {
	display: none
}

.hotline a,
.hotline span.call {
	display: inline-block;
	vertical-align: middle
}

.hotline {
	width: auto;
	height: 48px;
	position: absolute;
	margin: 0;
	right: 150px;
	top: 20px;
	transition: all .3s ease-in-out;
	z-index: 4
}

.hotline span.call {
	width: 40px;
	height: 40px;
	position: relative;
	z-index: -1
}

.hotline span.call::after,
.hotline span.call::before {
	position: absolute;
	top: 0;
	width: 40px;
	height: 40px;
	content: "";
	left: 0
}

.hotline span.call::before {
	background: url(../images/call.png) center top no-repeat
}

.hotline span.call::after {
	background: url(../images/call.png) center bottom no-repeat;
	opacity: 0
}

.hotline a {
	width: auto;
	position: relative;
	line-height: 48px;
	color: #f26e20;
	transition: all .3s ease-in-out
}

.nav li a,
.nav-click::after {
	-webkit-transition: all .3s ease-in-out
}

.hotline:hover a {
	color: #fff
}

.hotline:hover span.call::before {
	opacity: 0
}

.hotline:hover span.call::after {
	opacity: 1;
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: Shake .6s cubic-bezier(.175, .885, .32, 1.275);
	animation: Shake .6s cubic-bezier(.175, .885, .32, 1.275);
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

.bottom-link>a,
.bottom-link>a.hidden {
	display: none
}

.nav-click {
	background: url(../images/nav-click.png) center top no-repeat;
	position: fixed;
	cursor: pointer;
	width: 60px;
	height: 48px;
	right: 20px;
	top: 20px;
	z-index: 600
}

.navigation,
.navigation span,
.overlay-menu {
	right: 0;
	overflow: hidden
}

.nav-click::after {
	content: "";
	background: url(../images/nav-click.png) center -48px no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	height: 48px;
	transition: all .3s ease-in-out;
	opacity: 0
}

.nav-click:hover::after {
	opacity: 1
}

.nav-click.active::after {
	opacity: 0
}

.nav-click.active {
	background-position: center bottom
}

.navigation {
	width: 0;
	height: 100%;
	position: fixed;
	top: 0;
	-webkit-transition: width .3s ease-in-out;
	transition: width .3s ease-in-out;
	z-index: 5
}

.nav {
	width: 100%;
	height: auto;
	position: absolute;
	top: 70px;
	left: 0;
	z-index: 30
}

.nav li,
.nav ul {
	position: relative;
	height: auto;
	width: 100%;
	margin: 0
}

.nav ul {
	display: inline-block
}

.nav li {
	display: block;
	opacity: 0
}

.nav li a {
	display: block;
	line-height: 50px;
	color: #2f2f2f;
	text-align: right;
	text-transform: uppercase;
	padding: 0 30px 0 0;
	transition: all .3s ease-in-out
}

.sub-nav li a,
.title-page h1 {
	font-family: Play, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}

.nav li.current a,
.nav li:hover a {
	color: #fff
}

.nav li::before {
	content: '';
	width: 0;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	z-index: -1
}

.nav li.current::before,
.nav li:hover::before {
	width: 130px
}

.nav li.current {
	pointer-events: none
}

.navigation span,
.navigation span::after {
	width: 100%;
	position: absolute;
	height: 100%;
	top: 0
}

.navigation span {
	background: url(../images/pattern2.png);
	z-index: -1
}

.navigation span::after {
	content: "";
	left: 0;
	background: url(../images/bg_menu.png) left top repeat-x
}

.hotline.scale,
.language.scale,
.nav-click.scale,
.subscribe-icon.scale,
.subscribe-icon.show.scale {
	opacity: 0;
	pointer-events: none
}

.navigation.show {
	width: 350px
}

.navigation.show .nav li {
	-webkit-animation-name: goRight;
	animation-name: goRight;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.overlay-menu {
	background-color: rgba(0, 0, 0, .5);
	height: 100%;
	width: 100%;
	display: none;
	opacity: 0;
	position: fixed;
	top: 0;
	-webkit-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
	z-index: 50
}

.overlay-menu.show {
	display: block;
	opacity: 1;
	cursor: url(../images/close.png) 64 64, auto
}

.box,
.box-nav li,
.pic-zoom-in {
	cursor: pointer
}

.title-page {
	overflow: hidden;
	width: 0;
	position: absolute;
	z-index: -9999
}

.title-page h1 {
	font-size: 48px;
	line-height: 1;
	padding: 10px;
	text-align: center;
	color: #fff;
	position: relative;
	display: block;
	white-space: nowrap
}

.sub-house,
.sub-house ul,
.sub-nav,
.sub-nav ul {
	text-align: left
}

.title-page h1>span>span {
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
	opacity: 0
}

.sub-house li,
.sub-nav li a {
	-webkit-transition: all .3s ease-in-out
}

.title-page h1>span>span.move {
	opacity: 1
}

.sub-nav {
	position: absolute;
	width: auto;
	height: auto;
	left: 50%;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	top: 200px;
	box-shadow: 0 20px 30px rgba(0, 0, 0, .1);
	z-index: 10
}

.sub-nav li,
.sub-nav li a,
.sub-nav ul {
	position: relative;
	width: auto;
	height: auto
}

.sub-nav ul {
	display: inline-block;
	white-space: nowrap;
	background-color: #183c5d;
	padding: 5px
}

.sub-nav li {
	display: inline-block;
	margin: 0;
	vertical-align: middle
}

.sub-nav li a {
	display: block;
	padding: 10px 30px;
	font-size: 18px;
	line-height: 1.4;
	color: #f26e20;
	background-color: #183c5d;
	transition: all .3s ease-in-out
}

.sub-house li h3,
.sub-house li span {
	font-weight: 400;
	vertical-align: middle
}

.sub-nav li.current a,
.sub-nav li:not(.current):hover a {
	background-color: #0c2a47
}

.sub-nav li.current a {
	pointer-events: none
}

.sub-house {
	position: absolute;
	right: 20px;
	top: 50%;
	width: auto;
	height: auto;
	margin: 0;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	z-index: 20
}

.sub-house ul {
	width: 100%;
	height: auto;
	display: block;
	position: relative
}

.sub-house li {
	position: relative;
	display: inline-block;
	float: left;
	margin: 0 0 5px;
	padding: 5px 15px 5px 5px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background-color: rgba(0, 0, 0, 0);
	clear: both;
	transition: all .3s ease-in-out
}

.sub-house li h3,
.subscribe-icon a {
	font-family: Play, sans-serif;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
	text-transform: uppercase;
	-webkit-transition: all .3s ease-in-out
}

.sub-house li span {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 5px 0 0;
	line-height: 30px;
	background-color: #60788b;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-family: Play, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}

.pic-video,
.pic-video::after {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.sub-house li.current,
.sub-house li:not(.current):hover {
	background-color: #f26e20
}

.box-nav li,
.player-vid {
	-webkit-border-radius: 50%
}

.sub-house li h3 {
	display: inline-block;
	font-size: 18px;
	color: #f26e20;
	line-height: 1;
	transition: all .3s ease-in-out
}

.sub-house li.current h3,
.sub-house li:not(.current):hover h3 {
	color: #fff
}

.sub-house li h3 strong {
	font-weight: 700;
	font-size: 130%
}

.sub-house li a {
	display: block
}

.sub-house li.current a {
	pointer-events: none
}

#home-page .title-page {
	display: none
}

.pic-video {
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: scroll;
	-webkit-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
	z-index: 2
}

.pic-video::after {
	content: '';
	background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(1, 33, 59, .5) 80%);
	background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(1, 33, 59, .5) 80%)
}

.go-page::after,
.subscribe-icon a::after {
	content: ""
}

.pic-video.hide {
	opacity: 0;
	z-index: -1
}

.box-video-center {
	width: 100vw;
	height: 100vh;
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	text-align: center
}

.player-vid,
.subscribe-icon,
.video-full {
	left: 50%;
	position: absolute
}

.video-cover {
	width: 100%;
	height: 100%;
	position: relative;
	display: block
}

.video-full {
	background-color: transparent;
	min-width: 100%;
	min-height: 100vh;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.player-vid {
	background: url(../images/play2.png) center center no-repeat;
	width: 140px;
	height: 140px;
	top: 50%;
	margin: -70px 0 0 -70px;
	background-color: rgba(255, 255, 255, .1);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	border-radius: 50%;
	-webkit-background-size: cover;
	background-size: cover;
	opacity: 0;
	z-index: 99999
}

.player-vid:hover {
	background-color: rgba(0, 0, 0, .1)
}

.player-vid.hide {
	display: none;
	opacity: 0
}

.player-vid.show {
	display: block;
	opacity: 1
}

.subscribe-icon {
	width: auto;
	height: auto;
	bottom: 50px;
	right: auto;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: inline-block;
	margin: 10px 0;
	-webkit-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
	opacity: 0;
	pointer-events: none;
	z-index: 5
}

.box-nav ul,
.slider-home {
	margin: 0;
	padding: 0
}

.subscribe-icon a {
	font-weight: 400;
	font-size: 18px;
	line-height: 1.4;
	color: #fff;
	padding: 10px 20px;
	background-color: #f26e20;
	display: block;
	transition: all .3s ease-in-out
}

.box-nav li,
.subscribe-icon a::after {
	-webkit-transition: all .3s ease-in-out
}

.subscribe-icon a::after {
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	position: absolute;
	left: -10px;
	top: -10px;
	border: 1px solid #f26e20;
	transition: all .3s ease-in-out
}

.slide-bg,
.slider-home {
	width: 100%;
	height: 100%;
	position: relative
}

.subscribe-icon a:hover {
	background-color: rgba(0, 0, 0, .5);
	color: #f26e20;
	text-shadow: none
}

.box-nav li a,
.box-nav li.active a,
.box-nav li:hover a {
	background-color: #f26e20
}

.subscribe-icon a:hover::after {
	border-width: 5px
}

.subscribe-icon.show {
	opacity: 1;
	pointer-events: auto
}

.box-nav li.active,
.colum-pic img,
.group-right[data-name=intro-home],
.group-right[data-name=news-home],
.show-box-pic img,
.typical {
	pointer-events: none
}

.subscribe-icon.b-corner {
	bottom: 10px
}

.subscribe-icon.r-corner {
	bottom: 70px;
	right: 30px;
	left: auto;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.group-left,
.group-right {
	bottom: 0;
	overflow: hidden
}

.slider-home {
	overflow: hidden;
	text-align: center;
	display: block
}

.slide-bg {
	overflow: hidden
}

.box-nav {
	position: fixed;
	width: 30px;
	height: auto;
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 5
}

.box-nav li,
.box-nav ul {
	display: inline-block;
	position: relative
}

.box-cover,
.box-cover-right {
	background-size: cover;
	background-repeat: no-repeat;
	top: 0;
	-webkit-backface-visibility: hidden
}

.box-nav li {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0);
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.box-nav li a,
.pic-zoom-in,
.pointer {
	-webkit-border-radius: 50%
}

.box-nav li a {
	width: 10px;
	height: 10px;
	position: relative;
	display: block;
	margin: 4px;
	-ms-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.box-left,
.box-right,
.box-slider {
	height: 100vh;
	position: relative;
	display: block
}

.box-nav li.active,
.box-nav li:hover {
	border: 2px solid #f26e20
}

.box-slider {
	width: 100%;
	overflow: hidden
}

.box-left,
.box-right {
	width: 50vw;
	float: left
}

.box-cover,
.group-left,
.group-right {
	height: 100%;
	position: absolute;
	width: 100%;
	left: 0
}

.group-left {
	-webkit-transform: translateY(100%);
	transform: translateY(100%)
}

.group-left.select {
	z-index: 1
}

.group-right {
	-webkit-transform: translateY(100%);
	transform: translateY(100%)
}

.box-cover {
	background-position: left top;
	backface-visibility: hidden;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)
}

.box-cover img {
	width: 100%;
	height: auto;
	position: relative;
	display: none
}

.box-cover-right {
	width: 100%;
	height: 100%;
	background-position: center bottom;
	position: absolute;
	left: 0;
	backface-visibility: hidden;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)
}

.center-content,
.line,
.logo-center {
	position: relative;
	display: inline-block
}

.box-cover-right:first-child,
.box-cover:first-child,
.group-left:first-child,
.group-right:first-child {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.center-content {
	width: 90%;
	max-width: 900px;
	height: auto;
	text-align: center;
	vertical-align: middle
}

.logo-center {
	background: url(../images/logo.svg) center center/contain no-repeat;
	width: 368px;
	height: 192px;
	opacity: 0;
	margin: 20px;
	z-index: 5
}

.line {
	background: url(../images/line.png) center center no-repeat;
	width: 100%;
	height: 1px;
	margin: 10px 0;
	-webkit-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
	z-index: 5
}

.center-content h2:not(.slogan),
.slogan {
	line-height: 1.4;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
	text-transform: uppercase;
	display: block;
	margin: 0 0 10px;
	position: relative;
	font-family: Play, sans-serif;
	color: #fff;
	font-weight: 400;
	z-index: 5
}

.center-content h2:not(.slogan) {
	font-size: 36px
}

.slogan {
	font-size: 40px
}

.box-text {
	width: auto;
	height: auto;
	display: inline-block;
	position: relative;
	text-align: center;
	margin: 0;
	padding: 0;
	z-index: 5
}

.box-text p {
	font-family: Play, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6;
	margin: 0 0 10px;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
	display: block;
	position: relative
}

.text-intro h2,
.text-intro h3 {
	line-height: 1.4;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
	text-transform: uppercase
}

.text-intro,
.text-intro h2 {
	display: inline-block;
	position: relative
}

.text-intro {
	width: 90%;
	height: auto;
	margin: 0 auto;
	padding: 0 5%;
	vertical-align: middle;
	text-align: right
}

.text-intro h2,
.text-intro p {
	font-family: Play, sans-serif;
	margin: 0 0 10px;
	color: #f26e20
}

.text-intro h2 {
	font-weight: 400;
	font-size: 36px
}

.text-intro h3 {
	font-family: Play, sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: #f26e20;
	display: block
}

.go-page,
.text-intro p {
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
	position: relative;
	display: inline-block
}

.text-intro p {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6;
	max-width: 450px
}

.box h2,
.go-page {
	font-family: Play, sans-serif;
	font-size: 18px
}

.text-intro a:not(.go-page) {
	font-weight: 400;
	color: #f26e20;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.go-page,
.text-intro a:hover {
	color: #fff
}

.text-intro strong {
	font-weight: 700
}

.go-page {
	font-weight: 400;
	line-height: 1.4;
	padding: 10px 20px;
	text-transform: uppercase;
	background-color: #f26e20;
	margin: 20px 0 0;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	opacity: 0
}

.go-details::before,
.go-page::after {
	-webkit-transition: all .3s ease-in-out
}

.go-page::after {
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	position: absolute;
	left: -10px;
	top: -10px;
	border: 1px solid #f26e20;
	transition: all .3s ease-in-out
}

.box,
.wrap-news {
	height: auto;
	display: inline-block;
	position: relative
}

.colum-pic img,
.pic-zoom-in {
	-webkit-transition: all .5s ease-in-out
}

.go-page:hover {
	background-color: rgba(0, 0, 0, .5);
	color: #f26e20;
	text-shadow: none
}

.box h2,
.colum-text h3 {
	color: #fff;
	text-transform: uppercase
}

.go-page:hover::after {
	border-width: 5px
}

.wrap-news {
	width: 94%;
	max-width: 1200px;
	text-align: center;
	vertical-align: middle;
	z-index: 5
}

.box {
	width: auto;
	margin: 0;
	vertical-align: top;
	overflow: hidden;
	background-color: #f26e20;
	padding: 10px;
	opacity: 0
}

.box h2 {
	font-weight: 700;
	line-height: 1.4;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
	display: block;
	text-align: center;
	position: absolute;
	left: 10px;
	top: 10px;
	padding: 10px 15px;
	background-color: rgba(0, 0, 0, .3)
}

.colum-text h3,
.colum-text p {
	font-family: Play, sans-serif;
	font-weight: 400;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
	display: block;
	line-height: 1.4
}

.colum-pic,
.colum-pic img,
.colum-text,
.colum-text g {
	position: relative
}

.news,
.copier,
.video-home {
	width: 24%;
	height: 310px
}
.copier{
    height: 270px;
    margin-bottom: 5px;
}
.album-home {
	width: 46%
}

.colum-pic {
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden
}

.news .colum-pic {
	height: 180px
}
.news.copier .colum-pic {
	height: 220px
}
.album-home .colum-pic,
.video-home .colum-pic {
	height: 290px
}

.colum-pic img {
	width: auto;
	min-width: 100%;
	height: 100%;
	margin: 0 -50%;
	transition: all .5s ease-in-out
}

.colum-text {
	width: 100%;
	height: auto;
	display: block;
	padding: 10px;
	text-align: left
}

.colum-text h3 {
	font-size: 14px;
	max-width: calc(100% - 60px)
}

.colum-text p {
	max-height: 35px;
	overflow: hidden;
	font-size: 13px;
	color: #fff
}

.apartment-pointer h3,
.colum-text g {
	font-family: Play, sans-serif;
	font-weight: 400;
	line-height: 1;
	color: #fff
}

.colum-text g {
	font-size: 13px;
	display: inline-block;
	text-align: center
}

.go-details {
	width: 60px;
	height: 60px;
	position: absolute;
	right: 0;
	bottom: 60px;
	z-index: 10
}

.go-details::after,
.go-details::before {
	content: '';
	width: 100%;
	top: 0;
	left: 0;
	position: absolute
}

.go-details::before {
	background: url(../images/go.png) center top no-repeat;
	height: 100%;
	transition: all .3s ease-in-out
}

.go-details::after {
	background: url(../images/go.png) center bottom no-repeat;
	height: 100%;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	opacity: 0
}

.go-details:hover::after {
	opacity: 1
}

.go-details:hover::before {
	opacity: 0
}

.box:hover .colum-pic img {
	-webkit-transform: rotate(-3deg) scale(1.08);
	transform: rotate(-3deg) scale(1.08)
}

.box:hover a::after {
	opacity: 1
}

.box:hover a::before,
.group-left[data-name=intro-home] .box-text,
.group-left[data-name=contact-home] .box-text {
	opacity: 0
}

.group-left::after,
.group-left::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}
.group-left::before {
	content: "";

}
.group-left[data-name=full-width],
.group-left[data-name=intro-home],
.group-left[data-name=news-home],
.group-left[data-name=contact-home] {
	width: 100vw;
	text-align: center
}

.group-left[data-name=facilities-home],
.group-left[data-name=facilities-home] .box-text p,
.group-left[data-name=half-width],
.group-left[data-name=half-width] .box-text p {
	text-align: right
}

.group-left[data-name=intro-home] .box-cover::after {
	content: "";
	background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .5) 80%);
	background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .5) 80%);
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%
}

.group-left[data-name=contact-home] .box-cover::after {
	content: "";
	background: url(../images/pattern.png);
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1
}

.group-left[data-name=facilities-home] .box-text,
.group-left[data-name=half-width] .box-text {
	text-align: right;
	display: block;
	width: 100%
}

.group-left[data-name=apartment-home],
.group-left[data-name=apartment-home] .text-intro,
.group-left[data-name=contact-home],
.group-left[data-name=contact-home] .text-intro {
	text-align: center
}

.group-left[data-name=apartment-home] .box-text {
	width: 100%
}

.group-right[data-name=half-width] .box-cover-right {
	background-position: left bottom
}

.group-left[data-name=contact-home] .box-cover::before {
	content: "";
	height: 1px;
	width: 100%;
	background-color: #738591;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
	z-index: 1
}

.group-left[data-name=contact-home] .box-text {
	border: 1px solid #738591;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	padding: 40px;
	background: url(../images/pattern.png);
	z-index: 2
}

.group-left[data-name=contact-home] .text-intro h2 {
	display: block
}

.group-left[data-name=contact-home] .text-intro {
	text-align: center;
	margin: -50px 0 0;
	width: auto
}

.group-left.select[data-name=contact-home] .box-cover::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

.group-left.select[data-name=contact-home] .box-text {
	-webkit-animation: scaleLarge;
	animation: scaleLarge;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.slogan>span>span {
	-webkit-transition: opacity .8s ease-in-out;
	transition: opacity .8s ease-in-out;
	opacity: 0
}

.group-left.select .go-page,
.slogan>span>span.move {
	opacity: 1
}

.group-left.select .logo-center {
	-webkit-animation: scaleLarge;
	animation: scaleLarge;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.group-left.select .line {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

.group-left[data-name=intro-home] .box-text.show {
	-webkit-animation: fadeIn;
	animation: fadeIn;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.group-left.select .news {
	-webkit-animation: fadeInUp;
	animation: fadeInUp;
	-webkit-animation-duration: .7s;
	animation-duration: .7s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.group-left.select .album-home {
	-webkit-animation: fadeInDown;
	animation: fadeInDown;
	-webkit-animation-duration: .7s;
	animation-duration: .7s;
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.group-left.select .video-home {
	-webkit-animation: fadeInUp;
	animation: fadeInUp;
	-webkit-animation-duration: .7s;
	animation-duration: .7s;
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.apartment-pointer.show,
.facilities.show-text h2 {
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: forwards
}

#about-page .text-intro {
	position: absolute;
	width: 85%;
	max-width: 580px;
	left: 50%;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	top: 270px;
	padding: 0;
	text-align: left;
	-webkit-transition: opacity .6s ease-in-out;
	transition: opacity .6s ease-in-out;
	opacity: 0;
	z-index: 10
}

#about-page .box-cover::after,
#location-page .box-cover-right::after,
#location-page .box-cover::after {
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute
}

#about-page .box-text {
	text-align: left;
	width: 100%;
	display: block
}

#about-page .group-left::before,
#about-page .text-intro h2,
.group-left::after {
	display: none
}

#about-page .text-intro p {
	max-width: inherit;
	font-size: 14px;
	margin: 0 0 20px;
	text-align: justify
}

#about-page .text-intro strong {
	font-size: 110%
}

#about-page .box-cover::after {
	background: url(../images/pattern.png)
}

.group-right[data-name=overview] .box-cover-right {
	background-position: 10% bottom
}

.group-right[data-name=project-scale] .box-cover-right {
	background-position: left bottom
}

.group-right[data-name=investor] .box-cover-right {
	background-position: 90% bottom
}

#about-page .group-left.select .text-intro {
	opacity: 1
}

.map-img,
.viewer {
	opacity: 0
}

#location-page .box-cover::after {
	background: url(../images/pattern.png)
}

#location-page .box-cover-right {
	background-color: #637f96
}

#location-page .box-cover-right::after {
	background: -webkit-radial-gradient(circle farthest-side at center center, rgba(255, 255, 255, .8) 0, rgba(255, 255, 255, 0) 100%);
	background: radial-gradient(circle farthest-side at center center, rgba(255, 255, 255, .8) 0, rgba(255, 255, 255, 0) 100%);
	z-index: -1
}

.download-pdf::after,
.pic-library-video::after,
.pointer::after,
.show-box-pic::after,
.title-pdf h3::after {
	content: ''
}

#location-page .box-text {
	text-align: right
}

#location-page .text-intro h2 {
	font-size: 30px
}

.compass {
	background: url(../images/compass.svg) center center no-repeat;
	background-size: contain;
	width: 62px;
	height: 62px;
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 20
}

.location,
.panzoom,
.viewer {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute
}

.location {
	overflow: hidden
}

.map-img {
	width: 1500px;
	height: 1200px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -600px 0 0 -750px;
	-webkit-transition: all .9s ease-in-out;
	-ms-transition: all .9s ease-in-out;
	transition: all .9s ease-in-out
}

.map-img.show {
	opacity: 1
}

.map-img img {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	margin: 0 auto
}

.apartment-pointer {
	width: 130px;
	height: 130px;
	position: absolute;
	top: 58%;
	left: 56%;
	opacity: 0;
	z-index: 10
}

.apartment-pointer a,
.pointer {
	top: 0;
	display: block;
	position: absolute
}

.pointer {
	width: 100%;
	height: 100%;
	left: 0;
	background: url(../images/pointer.svg) center center/contain no-repeat #a48741;
	border-radius: 50%;
	box-shadow: 8px -2px 0 rgba(0, 0, 0, .3);
	border: 5px solid #a48741
}

.pointer::after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 30px 0 0;
	border-color: #a48741 transparent transparent;
	position: absolute;
	bottom: -30px;
	left: 40px;
	z-index: -1
}

.apartment-pointer.show {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
	animation-duration: 1s;
	animation-fill-mode: forwards
}

.apartment-pointer a {
	width: 100%;
	height: 100%;
	left: 0;
	z-index: 1
}

.apartment-pointer h3 {
	font-size: 18px;
	text-align: center;
	display: block;
	padding: 10px 20px;
	white-space: nowrap;
	text-transform: uppercase;
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background-color: #a48741;
	position: absolute;
	top: 50%;
	left: 100px;
	margin: -22px 0 0;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	z-index: 20
}

.facilities h2,
.show-box h3 {
	color: #f26e20;
	font-weight: 700;
	font-family: Play, sans-serif;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
	text-transform: uppercase
}

.apartment-pointer a:hover h3 {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.facilities-name,
.show-box {
	opacity: 0;
	-webkit-transform: scale(0)
}

.apartment-pointer.show .pointer {
	-webkit-animation: Border1 2s infinite;
	animation: Border1 2s infinite
}

.apartment-pointer.show .pointer::after {
	-webkit-animation: Border 2s infinite;
	animation: Border 2s infinite
}

.apartment-pointer:hover .pointer,
.apartment-pointer:hover .pointer::after {
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.mouse {
	width: 28px;
	height: 80px;
	position: absolute;
	left: 0;
	top: -20px;
	background: url(../images/mouse_down.png) center center no-repeat
}

.buttons {
	position: absolute;
	bottom: 60px;
	right: 20px;
	height: 50px;
	z-index: 20;
	width: 150px
}

.pic-zoom-in {
	width: 50px;
	height: 50px;
	left: 35px;
	background: url(../images/zoom-in.png) center center no-repeat;
	background-color: rgba(0, 0, 0, .2);
	border-radius: 50%;
	transition: all .5s ease-in-out;
	font-size: 0;
	text-indent: -9999px;
	border: none;
	position: absolute
}

.pic-reset,
.pic-zoom-out {
	-webkit-transition: all .5s ease-in-out;
	font-size: 0;
	text-indent: -9999px
}

.pic-zoom-in:hover {
	background-color: rgba(0, 0, 0, .5)
}

.pic-zoom-out {
	width: 50px;
	height: 50px;
	left: 95px;
	background: url(../images/zoom-out.png) center center no-repeat;
	background-color: rgba(0, 0, 0, .2);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	transition: all .5s ease-in-out;
	border: none;
	position: absolute;
	cursor: pointer
}

.pic-reset,
.zoom-range {
	height: 30px;
	position: absolute;
	cursor: pointer
}

.pic-zoom-out:hover {
	background-color: rgba(0, 0, 0, .5)
}

.pic-reset {
	width: 30px;
	right: 90px;
	background: url(../images/zoom-fit.png) center center no-repeat;
	background-color: rgba(255, 255, 255, .2);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	transition: all .5s ease-in-out;
	border: none
}

.show-box,
.show-box-pic {
	-webkit-transition: all .5s ease-in-out
}

.show-box,
.show-box img {
	-webkit-border-radius: 50%
}

.pic-reset:hover {
	background-color: rgba(0, 0, 0, .5)
}

.show-box,
.show-box h3 {
	background-color: #183c5d
}

.zoom-range {
	width: 100px;
	right: 120px
}

.map-mobile {
	width: 100%;
	height: auto;
	position: relative;
	display: none;
	margin: 0
}

.bot-circle,
.bot-dot,
.show-box,
.show-box h3,
.show-box img,
.zoom-box {
	position: absolute
}

.map-mobile img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto
}

.bot-dot {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 5
}

.bot-circle {
	width: 100%;
	height: auto;
	left: 0;
	top: 0
}

.show-box {
	width: 240px;
	height: 240px;
	left: auto;
	top: auto;
	right: auto;
	overflow: hidden;
	border-radius: 50%;
	transition: all .5s ease-in-out;
	box-shadow: 0 0 30px rgba(0, 0, 0, .5);
	z-index: 9000;
	transform: scale(0)
}

.facilities-name,
.zoom-box {
	-webkit-transition: all .3s ease-in-out
}

.show-box h3 {
	width: 100%;
	height: auto;
	font-size: 13px;
	line-height: 1.4;
	text-align: center;
	padding: 10px 60px 20px;
	bottom: 0;
	left: 0;
	z-index: 1
}

.show-box h3 small {
	font-family: Play, sans-serif;
	font-weight: 400;
	font-size: 11px;
	display: block
}

.show-box img {
	width: 230px;
	height: 230px;
	left: 5px;
	top: 5px;
	border-radius: 50%
}

.show-box.showup {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

.zoom-box {
	background: url(../images/zoom2.png) center center/contain no-repeat;
	width: 56px;
	height: 56px;
	z-index: 10;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: block;
	transition: all .3s ease-in-out
}

.zoom-box span.circle {
	border: 1px solid rgba(255, 255, 255, .2);
	width: 70px;
	height: 70px;
	position: absolute;
	left: -7px;
	top: -7px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(255, 255, 255, .2);
	-webkit-animation: Ani 2s infinite;
	animation: Ani 2s infinite
}

.facilities,
.facilities-map {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.facilities-name,
.show-box-pic {
	box-shadow: 5px 5px 0 rgba(0, 0, 0, .2)
}

.zoom-box:hover span.circle {
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.zoom-box:hover {
	background-color: rgba(0, 0, 0, .3)
}

.pot-02 {
	right: 69%;
	top: 57%
}

.pot-03 {
	right: 83%;
	top: 60%
}

.pot-04 {
	right: 63%;
	top: 69%
}

.pot-05 {
	right: 68%;
	top: 66%
}

.pot-06 {
	right: 59%;
	top: 59%
}

.pot-07 {
	right: 63.2%;
	top: 74%
}

#facilities-page .compass {
	left: auto;
	top: auto;
	bottom: 65px;
	right: 100px
}

#facilities-page .pagination {
	display: none
}

.facilities h2 {
	font-size: 24px;
	line-height: 1.4;
	position: relative;
	margin: 0 0 20px;
	text-align: left;
	display: none
}

.facilities h2 strong {
	font-weight: 700
}

.facilities-map {
	position: absolute;
	left: 0;
	top: 0
}

.facilities-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 2000px;
	height: 1125px;
	background-position: center bottom;
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat
}

.facilities-bg img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.all-dot {
	width: 2000px;
	height: 1125px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10
}

.all-dot-top {
	position: absolute;
	left: 512px;
	top: 522px;
	width: 810px;
	height: 425px
}

.info-facilities {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.facilities-name {
	background-color: rgba(255, 255, 255, 1);
	width: auto;
	max-width: 150px;
	height: auto;
	position: absolute;
	left: auto;
	top: auto;
	right: auto;
	-ms-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	transform: scale(0);
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	z-index: 500
}

.facilities-name h3 {
	font-family: Play, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #333;
	line-height: 1;
	text-align: center;
	padding: 8px 15px 8px 30px;
	display: table-cell;
	vertical-align: middle
}

.faci-text h3,
.facilities-name span:not(.shape) {
	font-family: Play, sans-serif;
	font-weight: 700
}

.facilities-name span:not(.shape) {
	position: absolute;
	left: 2px;
	top: 50%;
	height: 24px;
	width: 24px;
	margin: -12px 0 0;
	padding: 5px;
	background-color: #5a0d51;
	font-size: 13px;
	color: #fff;
	line-height: 14px;
	text-align: center;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.facilities-name span.shape {
	background: url(../images/arrow-down2.png) center bottom no-repeat;
	width: 46px;
	height: 16px;
	position: absolute;
	bottom: -14px;
	left: 50%;
	margin-left: -23px;
	z-index: -1
}

.faci-text,
.show-box-pic img {
	display: block;
	margin: 0;
	height: auto;
	float: left
}

.facilities-name.show {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.facilities-name a {
	display: block
}

.show-box-pic {
	width: 500px;
	height: auto;
	position: absolute;
	left: auto;
	top: auto;
	right: auto;
	padding: 10px;
	text-align: center;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	transition: all .5s ease-in-out;
	background-color: #f26e20;
	cursor: pointer;
	z-index: 500;
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0)
}

.show-box-pic img {
	width: 40%;
	-webkit-border-radius: 15px;
	border-radius: 15px
}

.faci-text {
	width: 60%
}

.faci-text h3 {
	font-size: 14px;
	line-height: 1.2;
	color: #fff;
	padding: 5px 10px;
	text-transform: uppercase;
	display: block;
	width: 100%;
	height: auto;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
	text-align: left
}

.faci-text p,
.faci-text span {
	display: block;
	width: 100%;
	height: auto;
	font-family: Play, sans-serif;
	font-weight: 400;
	text-align: left
}

.faci-text p {
	padding: 0 10px;
	font-size: 14px;
	line-height: 1.6;
	color: #000
}

.faci-text span {
	position: relative;
	padding: 10px;
	font-size: 13px;
	line-height: 1.4;
	color: #fff
}

.show-box-pic.showup {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

.show-box-pic::after {
	position: absolute;
	left: 50%;
	bottom: -15px;
	margin: 0 0 0 -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 20px 0;
	border-color: #f26e20 transparent transparent;
	z-index: -1
}

.show-box-pic[data-pic="10"]::after {
	left: 20px;
	margin: 0
}

.note-facilities {
	position: absolute;
	width: auto;
	height: auto;
	right: 30px;
	top: 120px;
	z-index: 10
}

.note-facilities li {
	position: relative;
	display: inline-block;
	float: left;
	margin: 0 0 2px;
	padding: 3px 14px 3px 3px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	background-color: rgba(0, 0, 0, 0);
	clear: both;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	cursor: pointer
}

.note-facilities li .no-pic,
.note-facilities li span:not(.no-pic) {
	width: 25px;
	height: 25px;
	margin: 0 5px 0 0;
	font-size: 12px;
	display: inline-block;
	font-family: Play, sans-serif;
	color: #fff;
	vertical-align: middle;
	font-weight: 400;
	text-align: center;
	line-height: 25px
}

.note-facilities li span:not(.no-pic) {
	background-color: #e46b00;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .5)
}

.note-facilities li .no-pic {
	background-color: #60788b;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-shadow: none
}

.note-facilities li h3 {
	display: inline-block;
	font-family: Play, sans-serif;
	font-weight: 400;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
	line-height: 1;
	vertical-align: middle;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.dot-num,
.dot-num span.circle {
	display: block;
	position: absolute
}

.note-facilities li.current {
	background-color: #fff;
	box-shadow: 0 0 20px 5px rgba(255, 255, 255, 1)
}

.note-facilities li.current h3 {
	color: #000;
	text-shadow: none
}

.apartment h2,
.dot-num,
.number {
	font-family: Play, sans-serif;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}

.dot-num {
	width: 34px;
	height: 34px;
	line-height: 32px;
	background-color: #e46b00;
	border: 1px solid rgba(255, 255, 255, 1);
	color: #fff;
	font-weight: 400;
	text-align: center;
	font-size: 15px;
	box-shadow: 0 0 20px 5px rgba(255, 255, 255, 0);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.no-pic {
	background-color: #60788b
}

.dot-num span.circle {
	left: -10px;
	top: -10px;
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	border: 1px solid #e46b00;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(255, 255, 255, 1)
}

#apartment-page .pagination,
.dot-num.current span.circle,
.dot-num:hover span.circle,
.number {
	display: none
}

.dot-num.current,
.dot-num:hover {
	background-color: #fff;
	border: 10px solid #be0000;
	color: rgba(255, 255, 255, 0);
	box-shadow: 0 0 20px 5px rgba(255, 255, 255, 1);
	font-size: 0
}

.all-dot-top .dot-num span.circle {
	-webkit-animation: Ani 2s infinite;
	animation: Ani 2s infinite
}

.num-block,
.number {
	background-color: #e46b00
}

.number {
	position: absolute;
	top: -5px;
	left: -5px;
	width: 30px;
	height: 30px;
	line-height: 28px;
	border: 1px solid rgba(255, 255, 255, 1);
	color: #fff;
	font-weight: 400;
	text-align: center;
	font-size: 14px;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.apartment,
.apartment-map {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.apartment h2,
.apartment h2 strong,
.num-block {
	font-weight: 700
}

.dot-01 {
	left: 390px;
	top: -50px
}

.dot-02 {
	left: 390px;
	top: 100px
}

.dot-03 {
	left: 120px;
	top: 80px
}

.dot-04 {
	left: 700px;
	top: 70px
}

.dot-05 {
	left: 260px;
	top: 200px
}

.dot-06 {
	left: 390px;
	top: 220px
}

.dot-07 {
	left: 350px;
	top: 320px
}

.dot-08 {
	left: 60px;
	top: 340px
}

.dot-09 {
	left: -150px;
	top: 190px
}

.dot-10 {
	left: -170px;
	top: 30px
}

.dot-201 {
	left: 710px;
	top: 80px
}

.dot-202 {
	left: 310px;
	top: 80px
}

.dot-203 {
	left: 410px;
	top: 0
}

.dot-204 {
	left: 220px;
	top: 0
}

.dot-205 {
	left: 650px;
	top: 20px
}

.dot-206 {
	left: 40px;
	top: 80px
}

.dot-207 {
	left: 450px;
	top: 80px
}

.dot-208 {
	left: 350px;
	top: 40px
}

#facilities-page .sub-nav {
	top: -100px;
	-webkit-transition: top .8s ease-in-out;
	transition: top .8s ease-in-out
}

.house-text,
.info-block {
	box-shadow: 0 10px 30px rgba(0, 0, 0, .3);
	-webkit-transition: all .3s ease-in-out
}

#facilities-page .sub-nav.show {
	top: 20px
}

.all-dot-top .dot-num,
.facilities h2,
.note-facilities {
	opacity: 0
}

.facilities.show-text h2 {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	animation-duration: 1s;
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
	animation-fill-mode: forwards
}

.note-facilities.show,
.show-house .title-box {
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: forwards
}

.note-facilities.show {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	animation-duration: 1s;
	animation-fill-mode: forwards
}

#apartment-page .apartment-pointer {
	left: 41%;
	top: 35%
}

#apartment-page .apartment-pointer .pointer {
	cursor: pointer
}

.apartment h2 {
	font-size: 24px;
	line-height: 1.4;
	position: relative;
	margin: 0 0 20px;
	color: #f26e20;
	text-align: left;
	text-transform: uppercase;
	display: none
}

.house-text p,
.num-block {
	line-height: 1.2;
	font-family: Play, sans-serif
}

.apartment-bg,
.apartment-bg img,
.apartment-map,
.typical {
	position: absolute;
	left: 0;
	top: 0
}

.house-text a,
.house-text p {
	display: block
}

.apartment-bg {
	width: 2000px;
	height: 1125px;
	background-position: center bottom;
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat
}

.apartment-bg area,
.apartment-bg img,
.typical {
	height: 100%;
	width: 100%
}

.info-house {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 60
}

.house-text,
.num-block {
	width: auto;
	height: auto;
	position: absolute
}

.num-block {
	-webkit-border-radius: 20px;
	border-radius: 20px;
	font-size: 18px;
	color: #fff;
	padding: 5px 10px;
	left: 20px;
	top: -20px;
	border: 3px solid rgba(255, 255, 255, 1)
}

.house-text {
	background-color: #fff;
	max-width: 180px;
	padding: 20px 20px 10px;
	-webkit-border-radius: 30px 20px 40px;
	border-radius: 30px 20px 40px;
	text-align: center;
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	transition: all .3s ease-in-out;
	z-index: 120
}

.info-block,
.select-list {
	-webkit-border-radius: 30px
}

.house-text p {
	text-align: left;
	font-size: 13px;
	color: #333;
	font-weight: 400;
	position: relative
}

.info-block,
.num {
	position: absolute
}

.house-text p small {
	font-size: 12px;
	color: #777;
	text-align: center
}

.info-block h3,
.num {
	color: #fff;
	text-align: center;
	font-weight: 400
}

.house-text span.shape {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 15px 10px 0;
	border-color: transparent #fff transparent transparent;
	position: absolute;
	bottom: auto;
	top: 20px;
	left: -10px;
	right: auto;
	z-index: -1
}

.description,
.house-des {
	border-top: 1px dotted #f26e20
}

.a-01,
.a-02,
.a-03,
.a-04,
.a-05 {
	top: 62%
}

.house-text.show {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.info-block {
	width: auto;
	height: auto;
	background-color: #a48741;
	border-radius: 30px;
	text-align: center;
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	transition: all .3s ease-in-out;
	z-index: 120
}

.box-library-picture,
.pic-library-video,
.select-box {
	box-shadow: 5px 5px 0 rgba(0, 0, 0, .1)
}

.info-block h3 {
	font-family: Play, sans-serif;
	font-size: 18px;
	line-height: 1;
	display: block;
	padding: 10px 20px;
	white-space: nowrap;
	text-transform: uppercase
}

.info-block.show {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.num {
	width: 30px;
	height: 30px;
	line-height: 30px;
	background-color: #e46b00;
	font-family: Play, sans-serif;
	font-size: 15px;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.house-des li h3,
.title-box h2 {
	line-height: 1.2;
	color: #f26e20;
	font-family: Play, sans-serif;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}

.num.hide {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0)
}

.a-01 {
	left: 53%
}

.a-02 {
	left: 47.5%
}

.a-03 {
	left: 41%
}

.a-04 {
	left: 34%
}

.a-05 {
	left: 25.5%
}

.a-06,
.a-07,
.a-08,
.a-09,
.a-10,
.a-11,
.a-12,
.a-12a,
.a-14 {
	top: 39%
}

.a-06 {
	left: 23.5%
}

.a-07 {
	left: 31%
}

.a-08 {
	left: 39%
}

.a-09 {
	left: 45%
}

.a-10 {
	left: 50%
}

.a-11 {
	left: 56%
}

.a-12 {
	left: 64%
}

.a-12a {
	left: 70%
}

.a-14 {
	left: 77%
}

.a-15 {
	left: 76%;
	top: 62%
}

.a-16 {
	left: 67.5%;
	top: 62%
}

#apartment-page .sub-nav {
	top: -100px;
	-webkit-transition: top .8s ease-in-out;
	transition: top .8s ease-in-out
}

#apartment-page .sub-nav.show {
	top: 20px
}

.apartment-map>.compass,
.facilities-map>.compass {
	left: auto;
	top: auto;
	bottom: 65px;
	right: 100px
}

.house-detail .compass {
	width: 30px;
	height: 30px;
	left: -20px;
	top: -10px
}

.bg-house,
.load-apartment {
	height: 100%;
	width: 100%;
	left: 0;
	top: 0
}

.load-apartment {
	position: fixed;
	display: none;
	background-color: rgba(0, 0, 0, .5);
	z-index: 1000
}

.bg-house {
	position: absolute;
	background: url(../images/pattern.png);
	opacity: 0;
	z-index: -1
}

.house-detail {
	height: auto;
	width: 90%;
	max-width: 1400px;
	left: 50%;
	top: 50%;
	position: absolute;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.apartment-pic {
	width: 55%;
	max-width: 800px;
	max-height: 90vh;
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin: 0 -10px
}

.apartment-pic::after,
.apartment-pic::before {
	content: "";
	height: 100%;
	display: inline-block;
	vertical-align: middle
}

.apartment-pic img,
.title-box {
	height: auto;
	display: inline-block;
	position: relative
}

.apartment-pic img {
	width: auto;
	max-width: 90%;
	max-height: 84vh;
	vertical-align: middle;
	margin: 0 auto
}

.title-box {
	width: 23%;
	vertical-align: top;
	text-align: left;
	margin: 30px 0 0 30px;
	padding: 10px 20px
}

.description,
.house-des,
.title-box h2 {
	width: 100%;
	padding: 10px 0 0;
	height: auto
}

.title-box h2 {
	font-weight: 400;
	font-size: 24px;
	display: block;
	white-space: nowrap;
	position: relative;
	text-transform: uppercase;
	z-index: 1
}

.title-box h2 strong {
	font-weight: 700
}

.house-des {
	margin: 10px 0 0
}

.house-des ul {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	text-align: left
}

.house-bottom,
.keyplan p,
.share {
	text-align: center
}

.house-des li {
	position: relative;
	display: block;
	vertical-align: middle;
	width: 100%;
	height: auto;
	margin: 0 0 5px
}

.house-des li h3 {
	font-weight: 400;
	font-size: 15px;
	display: block
}

.house-des li h3 strong {
	font-weight: 700;
	font-size: 130%
}

.description {
	margin: 10px 0 0
}

.description p {
	font-family: Play, sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.6;
	display: block;
	color: #f26e20;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
	margin: 70px 0 0;
	font-style: italic
}

.keyplan p,
.share span {
	font-size: 13px;
	color: #f26e20;
	text-transform: uppercase;
	font-family: Play, sans-serif
}

.house-bottom,
.keyplan {
	position: relative;
	display: inline-block
}

.description p strong {
	font-weight: 700
}

.house-bottom {
	width: 18%;
	height: auto;
	max-width: 280px;
	vertical-align: bottom;
	margin: 0 0 20px;
	padding: 0 0 0 20px;
	z-index: 1
}

.keyplan,
.share {
	vertical-align: top
}

.keyplan,
.keyplan img {
	width: 100%;
	margin: 0;
	height: auto
}

.keyplan img,
.keyplan p {
	display: block;
	position: relative
}

.keyplan p {
	font-weight: 400;
	line-height: 1.6;
	margin: 0 0 10px
}

.share {
	width: auto;
	height: auto;
	position: relative;
	display: inline-block;
	margin: 10px 0 0
}

.share span,
.share ul {
	width: 100%;
	position: relative
}

.share li,
.thumb-degee li {
	vertical-align: middle;
	margin: 0
}

.share span {
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	margin: 0;
	display: block
}

.box-progress h3,
.thumb-degee li span {
	line-height: 1.4;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
	text-align: center
}

.share ul {
	text-align: center;
	margin: 0;
	height: auto
}

.share li,
.share li a {
	width: 30px;
	height: 50px
}

.share li {
	position: relative;
	display: inline-block
}

.share li a {
	display: block;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.share li a:hover {
	opacity: .5
}

.apartment-pic,
.bg-degee,
.go-back,
.house-bottom,
.title-box {
	opacity: 0
}

.show-house .title-box {
	-webkit-animation-name: goLeft;
	animation-name: goLeft;
	animation-duration: 1s;
	animation-fill-mode: forwards
}

.show-house .apartment-pic,
.show-house .house-bottom {
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: forwards
}

.show-house .house-bottom {
	-webkit-animation-name: goRight;
	animation-name: goRight;
	animation-duration: 1s;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	animation-fill-mode: forwards
}

.show-house .apartment-pic {
	-webkit-animation-name: scaleLarge;
	animation-name: scaleLarge;
	animation-duration: 1s;
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
	animation-fill-mode: forwards
}

.go-back.show,
.show-house .bg-house {
	-webkit-animation-fill-mode: forwards
}

.go-back.show {
	pointer-events: auto;
	-webkit-animation-name: goRight;
	animation-name: goRight;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	animation-fill-mode: forwards
}

.fadein,
.show-house .bg-house {
	-webkit-animation-duration: .8s
}

.show-house .bg-house {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	animation-duration: .8s;
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
	animation-fill-mode: forwards
}

.bg-degee {
	position: relative;
	min-height: 50vh;
	overflow: hidden;
	margin: 0;
	visibility: hidden;
	pointer-events: none;
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-attachment: scroll
}

.bg-degee.show,
.controls[data-state=visible] {
	visibility: visible
}

.bg-degee.show {
	pointer-events: auto
}

.bg-degee iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	pointer-events: none;
	z-index: -9999
}

.bg-degee.show iframe {
	pointer-events: auto;
	z-index: 10
}

.go-back,
.level-index-out,
.next-pic.disabled,
.no-link,
.pic-library img,
.pic-library-video img,
.pic-progress img,
.pic-thumb img,
.prev-pic.disabled,
.scroll-down,
.select-box li.current,
.select-box li.selected,
.thumb-degee li img,
.thumb-degee li.current a {
	pointer-events: none
}

.thumb-degee {
	width: 300px;
	height: auto;
	position: absolute;
	right: 70px;
	bottom: 40px;
	opacity: 0;
	z-index: 10
}

.thumb-degee ul {
	width: 100%;
	height: auto;
	position: relative;
	display: block;
	text-align: center
}

.thumb-degee li {
	display: inline-block;
	position: relative;
	width: 48%;
	height: auto;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	opacity: .5
}

.thumb-degee li a {
	display: block;
	width: 100%;
	height: 80px;
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 60px 60px 0;
	border-radius: 60px 60px 0;
	background-color: rgba(0, 0, 0, .5)
}

.thumb-degee li img {
	width: auto;
	height: 100%;
	position: relative;
	display: block;
	margin: 0 auto
}

.thumb-degee li.current,
.thumb-degee li:hover {
	opacity: 1
}

.thumb-degee li span {
	font-family: Play, sans-serif;
	font-weight: 700;
	font-size: 15px;
	text-transform: uppercase;
	margin: 5px 0 10px;
	display: block
}

.box-progress h3,
.select-header h3 {
	font-size: 16px;
	text-transform: uppercase;
	font-family: Play, sans-serif
}

.progress-list {
	position: absolute;
	width: 100%;
	height: calc(100vh - 70px);
	top: 70px;
	left: 0;
	z-index: 5
}

.progress-list::after {
	content: "";
	width: 100%;
	height: 100px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, 0) 80%);
	background: linear-gradient(0deg, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, 0) 80%)
}

.box-progress {
	width: 31%;
	margin: 5px;
	background-color: #f26e20;
	display: inline-block;
	height: auto;
	overflow: hidden;
	padding: 10px;
	position: relative;
	vertical-align: top;
	opacity: 0;
	-webkit-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out
}

.box-progress:hover {
	background-color: #0e314d
}

.box-progress h3 {
	font-weight: 400;
	padding: 10px 20px;
	position: absolute;
	left: 10px;
	bottom: 10px;
	background-color: rgba(0, 0, 0, .5);
	display: block;
	width: calc(100% - 20px)
}

.pic-progress,
.pic-progress img {
	width: 100%;
	height: auto;
	display: block;
	position: relative
}

.pic-progress {
	max-height: 250px;
	overflow: hidden
}

.select-list {
	position: absolute;
	left: 0;
	top: 20px;
	display: inline-block;
	width: 230px;
	height: 40px;
	border-radius: 30px;
	vertical-align: top;
	opacity: 0;
	z-index: 20
}

.select-header {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	background-color: #fff;
	cursor: pointer;
	-webkit-border-radius: 30px;
	border-radius: 30px
}

.select-header .but {
	position: absolute;
	right: 5px;
	top: 5px;
	display: block;
	width: 26px;
	height: 26px;
	background: url(../images/list.png) center center/contain no-repeat #f26e20;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	z-index: 1
}

.select-box li,
.select-box li h3 {
	-webkit-transition: all .3s ease-in-out
}

.select-header .but:hover {
	background-color: #0e314d
}

.select-header h3 {
	font-weight: 400;
	display: block;
	padding: 0 40px 0 20px;
	color: #666;
	line-height: 36px;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.select-box {
	position: absolute;
	top: 40px;
	left: 0;
	display: none;
	width: 100%;
	height: auto;
	max-height: 300px;
	padding: 3px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 99999;
	background-color: #fff
}

.select-box li,
.select-box ul {
	position: relative;
	height: auto
}

.all-album,
.all-pics,
.allvideo,
.box-library-picture,
.full,
.head-text p,
.overlay-dark,
.pic-library,
.pic-library-video,
.pic-thumb,
.register-form,
.register-form form,
.slider-about {
	overflow: hidden
}

.select-box ul {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 0
}

.select-box li {
	display: block;
	width: 98%;
	margin: 0 auto 1px;
	background-color: #f26e20;
	cursor: pointer;
	transition: all .3s ease-in-out
}

.select-box li a {
	display: block;
	width: 100%;
	height: auto
}

.box-library,
.slider-about {
	width: 100%;
	height: 100%;
	position: relative
}

.select-box li h3 {
	font-family: Play, sans-serif;
	font-weight: 400;
	font-size: 16px;
	display: block;
	padding: 10px 15px;
	line-height: 20px;
	color: #fff;
	text-align: left;
	transition: all .3s ease-in-out
}

.box-library h2,
.slider-about {
	text-align: center;
	display: block;
	margin: 0
}

.select-box li:hover {
	background-color: #0e314d
}

.select-box li.current h3,
.select-box li.selected h3,
.select-box li:hover h3 {
	color: #fff
}

.select-box li.current,
.select-box li.selected {
	background-color: #0e314d
}

.slider-about {
	left: 0;
	top: 0;
	padding: 0
}

.box-library {
	display: block;
	margin: 0
}

.box-library h2,
.center-slide {
	position: absolute;
	width: 100%;
	left: 0
}

.box-library h2 {
	font-family: Play, sans-serif;
	font-weight: 400;
	font-size: 36px;
	line-height: 1.2;
	color: #f26e20;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
	text-transform: uppercase;
	height: auto;
	top: 20px;
	opacity: 0
}

.title-pdf h3,
.title-pic h3,
.title-video h3 {
	font-size: 15px;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
	text-align: center;
	white-space: normal;
	font-family: Play, sans-serif;
	text-transform: uppercase
}

.box-library h2 strong {
	font-weight: 700
}

.center-slide {
	height: 100%;
	top: 0;
	z-index: 100
}

.box-library-video,
.pic-center {
	position: relative;
	display: inline-block
}

.pic-center {
	width: 80%;
	max-width: 1040px;
	height: auto;
	text-align: center;
	opacity: 0
}

.box-library-video {
	width: 98%;
	max-width: 500px;
	height: auto;
	vertical-align: top
}

.pic-library-video,
.pic-library-video img {
	position: relative;
	display: block;
	height: auto
}

.pic-library-video {
	width: 100%;
	max-height: 280px;
	margin: 0 auto
}

.pic-library-video img {
	width: 100%;
	margin: 0
}

.pic-library-video::after {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border: 2px solid rgba(255, 255, 255, .5);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.box-library-picture,
.title-video {
	position: relative;
	display: block;
	height: auto
}

.title-video {
	width: 100%;
	padding: 15px 20px
}

.title-video h3 {
	display: block;
	font-weight: 400;
	line-height: 1.4
}

.box-library-video:hover .pic-library-video::after {
	border: 15px solid #f26e20
}

.box-library-picture {
	width: 98%;
	max-width: 500px;
	margin: 0 auto;
	border: 2px solid rgba(255, 255, 255, .2)
}

.pic-library,
.pic-library img {
	margin: 0;
	width: 100%;
	height: auto;
	display: block
}

.box-library-pdf img,
.download-pdf {
	position: relative;
	-webkit-border-radius: 50%
}

.pic-library {
	max-height: 280px;
	padding: 10px 10px 0;
	background-color: rgba(0, 0, 0, .2);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	line-height: 0
}

.pic-library img {
	position: relative
}

.title-pic {
	position: relative;
	width: 100%;
	height: auto;
	padding: 15px 20px;
	-webkit-transition: background-color .5s;
	transition: background-color .5s
}

.title-pic h3 {
	display: block;
	font-weight: 400;
	line-height: 1.4
}

.box-library-picture:hover>.pic-library {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.box-library-picture:hover>.title-pic {
	background-color: #f26e20
}

.pdf-slide {
	max-width: 800px
}

.box-library-pdf {
	width: 98%;
	max-width: 350px;
	height: 350px;
	position: relative;
	display: block;
	margin: 0 auto;
	text-align: center
}

.box-library-pdf img {
	width: 100%;
	height: 100%;
	display: block;
	margin: 0;
	pointer-events: none;
	border-radius: 50%
}

.download-pdf {
	width: 70px;
	height: 70px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 -30px;
	border-radius: 50%
}

.download-pdf::after {
	background: url(../images/pdf_down.png) center center/cover no-repeat #b70f13;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out
}

.title-pdf,
.title-pdf h3 {
	position: relative;
	display: inline-block
}

.title-pdf {
	width: auto;
	height: auto;
	vertical-align: top;
	margin: -100px 0 0;
	cursor: pointer;
	z-index: 1
}

.title-pdf h3 {
	font-weight: 400;
	line-height: 1.2;
	vertical-align: middle;
	padding: 10px 40px 10px 20px
}

#library-page .box-library h2,
.news-list.hide::after {
	display: none
}

.title-pdf h3::after {
	background-color: rgba(0, 0, 0, .8);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	z-index: -1
}

.title-pdf:hover .download-pdf::after {
	background-color: #fff
}

.slider-about .pagination {
	position: absolute;
	width: 30px;
	height: auto;
	right: 20px;
	top: 50%;
	margin: 0;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}

.news-list,
.news-list::after {
	width: 100%;
	position: absolute;
	left: 0
}

#library-page .bg-cover::after {
	opacity: 0
}

#library-page .show-text .bg-cover::after {
	opacity: .8
}

#library-page .sub-nav {
	top: -100px;
	-webkit-transition: top .8s ease-in-out;
	transition: top .8s ease-in-out
}

#library-page .sub-nav.show {
	top: 20px
}

.show-text .pic-center {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

#news-page .box-library h2 {
	opacity: 1
}

.news-list {
	height: calc(100vh - 70px);
	top: 70px;
	z-index: 5
}

.news-list::after {
	content: "";
	height: 100px;
	bottom: 0;
	background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, 0) 80%);
	background: linear-gradient(0deg, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, 0) 80%)
}

.grid {
	position: relative;
	display: block;
	width: 90%;
	height: auto;
	max-width: 900px;
	margin: 0 auto;
	padding: 0 0 100px;
	text-align: left
}

.grid-item {
	width: 33%;
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin: 0;
	padding: 5px;
	opacity: 0
}

.head-text,
.link-page,
.pic-thumb {
	position: relative;
	display: block;
	margin: 0;
	width: 100%;
	height: auto
}

.link-page {
	background-color: #fff;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	padding: 10px;
	cursor: pointer
}

.pic-thumb {
	max-height: 160px;
	-webkit-border-radius: 18px 18px 0;
	border-radius: 18px 18px 0
}

.pic-thumb img {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0
}

.head-text {
	padding: 10px 10px 20px
}

.head-text::after {
	content: "[ ... ]";
	font-family: Play, sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: #ddd;
	line-height: 1.6;
	text-align: center;
	display: block;
	position: relative;
	margin: 5px 0 0
}

.head-text h3,
.head-text p {
	text-align: left;
	position: relative;
	white-space: normal;
	font-family: Play, sans-serif;
	display: block
}

.head-text h3 {
	font-weight: 400;
	font-size: 15px;
	color: #333;
	line-height: 1.4;
	margin: 0 0 10px;
	-webkit-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out
}

.head-text p,
.news-text h3:nth-child(1),
.news-text p {
	font-weight: 400;
	line-height: 1.6
}

.head-text p {
	font-size: 13px;
	color: #666;
	margin: 0;
	-webkit-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;
	width: 100%;
	height: auto;
	max-height: 40px
}

.go-news,
.go-news::before,
.new-icon {
	position: absolute
}

.go-news {
	width: 60px;
	height: 60px;
	right: 0;
	bottom: 0;
	opacity: 0;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	z-index: 1
}

.go-news::before {
	content: '';
	background: url(../images/go.png) center top no-repeat;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.link-page:hover {
	background-color: #f26e20
}

.link-page:hover .go-news {
	opacity: 1;
	bottom: -15px
}

.link-page:hover .head-text h3,
.link-page:hover .head-text p,
.link-page:hover .head-text::after {
	color: #fff
}

.new-icon {
	left: 10px;
	top: 5px;
	display: block;
	width: 50px;
	height: 30px;
	background: url(../images/new.png) center center no-repeat;
	text-align: center;
	z-index: 3;
	text-indent: -9999px;
	font-size: 0
}

.colum-box-news,
.colum-box-news::after {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0
}

.colum-box-news {
	height: 0;
	overflow: hidden;
	-webkit-transition: height .5s ease-in-out;
	transition: height .5s ease-in-out;
	z-index: 10
}

.colum-box-news::after {
	content: "";
	height: 100px;
	background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, 0) 80%);
	background: linear-gradient(0deg, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, 0) 80%)
}

.news-content,
.news-text {
	width: 100%;
	height: auto;
	margin: 0 auto;
	opacity: 0
}

.news-content {
	position: relative;
	max-width: 940px;
	background-color: #fff;
	display: block
}

.news-text {
	position: relative;
	padding: 20px 30px 80px
}

/*.news-text h3:nth-child(1) {
	position: relative;
	font-family: Play, sans-serif;
	font-size: 18px;
	color: #f26e20;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 0;
	margin: 0 0 10px;
	border-bottom: 1px dotted #333
}*/

.news-text p {
	position: relative;
	margin: 0 0 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	text-align: left
}

.news-text strong,
.news-text strong i,
.news-text strong i u,
.news-text strong u,
.news-text strong u i {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700
}

.news-text table,
.news-text table div {
	font-family: Arial, Helvetica, sans-serif;
	color: #333!important;
	line-height: 1.6;
	font-weight: 400;
	position: relative
}

.news-text table {
	font-size: 15px
}

.news-text table div {
	font-size: 14px;
	text-align: left
}

.album-pic-center .pic-name h2,
.infobox h3,
.infobox p,
.input-but button,
.register-form h3 {
	font-family: Play, sans-serif
}

.news-text img {
	position: relative;
	display: block;
	max-width: 100%;
	width: auto!important;
	height: auto!important;
	margin: 10px auto
}

.news-text a {
	color: #f26e20
}

.news-text a:hover {
	color: #333
}

.click-hover {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	display: none
}

.grid-item.show {
	-webkit-animation: fadeInUp;
	animation: fadeInUp;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.colum-box-news.show {
	height: 100%
}

.colum-box-news.show .click-hover,
.colum-box-news.show .close-news {
	display: block
}

#contact-page .box-left,
#contact-page .group-left {
	text-align: center;
	width: 100%
}

.group-left[data-name=contact] .box-cover::after {
	content: "";
	background: url(../images/pattern.png);
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.group-left[data-name=contact] .box-cover::before {
	content: "";
	height: 1px;
	width: 100%;
	background-color: #738591;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
	z-index: 1
}

.group-left[data-name=contact] .text-intro {
	text-align: center;
	margin: -50px 0 0
}

.group-left[data-name=contact] .text-intro h2 {
	display: block;
	font-size: 18px
}

.group-left[data-name=contact] .text-intro h3 {
	font-size: 36px
}

.group-left[data-name=contact] .text-intro p {
	font-size: 18px
}

.group-left[data-name=contact] .box-text {
	border: 1px solid #738591;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	padding: 40px;
	background: url(../images/pattern.png);
	z-index: 2
}

.group-left[data-name=contact] .box-text,
.group-left[data-name=contact] .text-intro h2 {
	opacity: 0
}

.group-left.select[data-name=contact] .box-cover::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

.group-left.select[data-name=contact] .box-text {
	-webkit-animation: scaleLarge;
	animation: scaleLarge;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.group-left[data-name=contact] .text-intro.show h2 {
	-webkit-animation: fadeIn;
	animation: fadeIn;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.group-left[data-name=contact] .text-intro h3>span>span {
	-webkit-transition: opacity .8s ease-in-out;
	transition: opacity .8s ease-in-out;
	opacity: 0
}

.group-left[data-name=contact] .text-intro.move h3>span>span.move {
	opacity: 1
}

.register-form {
	height: 0;
	width: 1000px;
	left: 50%;
	top: 0;
	margin: 0 0 0 -500px;
	position: fixed;
	background: -webkit-linear-gradient(0deg, rgba(182, 165, 124, .9) 0, rgba(174, 144, 89, .9) 80%);
	background: linear-gradient(0deg, rgba(182, 165, 124, .9) 0, rgba(174, 144, 89, .9) 80%);
	text-align: center;
	-webkit-transition: height .3s ease-in-out;
	transition: height .3s ease-in-out;
	z-index: 200
}

.register-form form,
.register-form h3 {
	display: inline-block;
	position: relative
}

.register-form.show {
	height: 100%;
	overflow-y: hidden
}

.register-form::after,
.register-form::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.register-form h3 {
	font-weight: 700;
	font-size: 30px;
	line-height: 1.2;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
	width: 100%;
	text-align: center;
	vertical-align: top;
	margin: 20px 0;
	text-transform: uppercase;
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

.register-form form {
	width: 0;
	max-width: 900px;
	height: auto;
	margin: 0;
	vertical-align: middle;
	z-index: 20
}

.register-form span {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: fixed;
	display: none
}

.register-form.show form {
	width: 80%
}

.register-form.show span {
	display: block
}

.input-area,
.input-text,
.require-col {
	position: relative;
	display: inline-block;
	vertical-align: top
}

.require-col {
	width: 90%;
	height: auto;
	text-align: center
}

.input-text {
	width: 100%;
	height: auto;
	margin: 0 0 2px;
	border: 5px solid rgba(255, 255, 255, .2)
}

.input-text:nth-child(6) {
	width: 96%
}

.input-text input[type=text],
.input-text input[type=email],
.input-text input[type=tel] {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 15px;
	line-height: 48px;
	padding: 0 20px;
	border: none;
	width: 100%;
	height: 50px;
	font-weight: 400;
	background-color: #fff;
	box-shadow: none;
	opacity: .8;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.input-text input[type=text]:focus,
.input-text input[type=email]:focus,
.input-text input[type=tel]:focus {
	opacity: 1
}

.input-area {
	width: calc(96% + 5px);
	height: auto;
	margin: 0;
	border: 5px solid rgba(255, 255, 255, .2)
}

.input-area textarea {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 15px;
	line-height: 24px;
	padding: 5px 20px;
	border: none;
	width: 100%;
	height: 120px;
	font-weight: 400;
	background-color: #fff;
	opacity: .8;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	resize: none;
	box-shadow: none
}

.input-but,
.input-but button {
	height: auto;
	position: relative;
	display: inline-block;
	text-align: center
}

.input-area textarea:focus {
	opacity: 1
}

.input-but {
	width: 96%;
	margin: 20px 0
}

.input-but button {
	font-weight: 400;
	font-size: 18px;
	line-height: 1.4;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
	padding: 10px 20px;
	color: #fff;
	width: auto;
	-webkit-appearance: none;
	cursor: pointer;
	margin: 0;
	text-transform: uppercase;
	border: none;
	background: -webkit-linear-gradient(0deg, rgba(182, 165, 124, 1) 0, rgba(174, 144, 89, 1) 80%);
	background: linear-gradient(0deg, rgba(182, 165, 124, 1) 0, rgba(174, 144, 89, 1) 80%);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.input-but button::after {
	content: '';
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	position: absolute;
	left: -10px;
	top: -10px;
	border: 1px solid #fff;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.input-but button:hover {
	background: rgba(0, 0, 0, .5)
}

.input-but button:hover::after {
	border-width: 5px
}

.register-form .input-area,
.register-form .input-but,
.register-form .require-col .input-text,
.register-form h3 {
	opacity: 0
}

.register-form .require-col .input-text {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.register-form .input-area {
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}

.register-form .input-but {
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}

.register-form .input-area.show,
.register-form .input-but.show,
.register-form .require-col .input-text.show,
.register-form h3.show {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-webkit-animation-duration: .6s;
	animation-duration: .6s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.googlemap {
	position: relative;
	width: 50vw;
	height: 100vh;
	display: block
}

#map-canvas {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.infobox h3,
.infobox img,
.infobox p {
	position: relative
}

#map-canvas>div {
	background-color: transparent!important
}

.infobox {
	background-color: #0e314d;
	z-index: 998;
	width: 250px;
	height: auto;
	cursor: default;
	box-shadow: rgba(0, 0, 0, .1) 3px 3px 0;
	-webkit-border-radius: 30px 0 30px 30px;
	border-radius: 30px 0 30px 30px;
	display: inline-block;
	padding-bottom: 20px
}

.infobox img {
	width: 230px;
	height: auto;
	display: block;
	margin: 10px;
	-webkit-border-radius: 20px 0 20px 20px;
	border-radius: 20px 0 20px 20px
}

.infobox h3 {
	font-size: 24px;
	color: #f26e20;
	line-height: 1.2;
	font-weight: 400;
	text-align: center;
	margin: 0 20px 10px;
	display: block;
	text-transform: uppercase
}

.infobox p {
	font-weight: 400;
	font-size: 13px;
	color: #f26e20;
	line-height: 1.4;
	text-align: center;
	margin: 0 20px;
	display: block
}

.infobox p a {
	color: #f26e20;
	font-weight: 700
}

.infobox p a:hover {
	color: #fff
}

.infoBox img[align=right] {
	background-color: #0e314d;
	background-image: url(../images/close.png)!important;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	width: 40px;
	height: 40px;
	position: absolute!important;
	cursor: pointer;
	left: -10px;
	top: -20px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, .1) 3px 3px 0;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	z-index: 10
}

.infoBox img[align=right]:hover {
	background-color: #f26e20
}

.zoom-control {
	position: absolute;
	top: 50%;
	left: 20px;
	display: block;
	width: 50px;
	height: 110px;
	margin: -50px 0 0;
	z-index: 20
}

.zoom-control .zoom-in,
.zoom-control .zoom-out {
	display: block;
	float: left;
	width: 48px;
	height: 48px;
	border: 1px solid rgba(255, 255, 255, .1);
	box-shadow: 0 15px 20px rgba(0, 0, 0, .1)
}

.zoom-control .zoom-in {
	margin: 0 0 10px;
	background: url(../images/zoom-in.png) center center no-repeat #f26e20;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.zoom-control .zoom-out {
	margin: 0;
	background: url(../images/zoom-out.png) center center no-repeat #f26e20;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.zoom-control a:hover {
	background-color: #0e314d
}

.all-album {
	width: 100vw;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	z-index: 3600
}

.album-center,
.album-load,
.album-pic-center {
	display: block;
	position: relative
}

.album-load {
	width: 100%;
	height: 100%;
	opacity: 0
}

.album-center {
	width: 100vw;
	height: 100vh
}

.album-pic-center {
	width: 100%;
	height: 100%;
	text-align: center
}

.album-pic-center img {
	width: auto;
	height: auto;
	position: relative;
	display: inline-block;
	margin: auto;
	vertical-align: middle;
	max-height: 85%;
	max-width: 85%
}

.album-pic-center .pic-name {
	position: absolute;
	left: 0;
	top: 1.5%;
	z-index: 5;
	width: 100%;
	height: auto
}

.album-pic-center .pic-name h2 {
	font-weight: 400;
	font-size: 22px;
	line-height: 22px;
	text-align: left;
	position: relative;
	display: block;
	margin-bottom: 10px;
	color: rgba(255, 255, 255, 1);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
}

.album-pic-center .pic-name h3,
.all-pics .text-length h3 {
	font-family: Play, sans-serif;
	font-weight: 400;
	font-size: 24px;
	color: #fff;
	padding: 10px 20px;
	text-transform: uppercase;
	text-align: center
}

.album-pic-center .pic-name h2>span {
	-webkit-transition: all .8s ease;
	-ms-transition: all .8s ease;
	transition: all .8s ease;
	opacity: 0
}

.album-pic-center .pic-name.move h2>span.move {
	opacity: 1
}

.album-pic-center .pic-name h3 {
	line-height: 30px;
	display: inline-block;
	position: relative;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
}

.album-pic-center .pic-name h3>span>span {
	-webkit-transition: opacity .6s ease;
	transition: opacity .6s ease;
	opacity: 0
}

.album-pic-center .pic-name.move h3>span>span.move {
	opacity: 1
}

.slide-pic-nav {
	width: 100%;
	position: absolute;
	height: auto;
	top: 50%;
	margin-top: -30px;
	bottom: auto;
	left: 0;
	z-index: 10;
	display: none
}

.allvideo,
.bg-cover,
.bg-cover::after,
.video-list,
.video-wrap {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.bg-cover {
	position: absolute;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	z-index: -1
}

.bg-cover::after {
	content: '';
	position: absolute;
	background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) 80%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) 80%);
	opacity: 0;
	-webkit-transition: opacity .6s ease;
	transition: opacity .6s ease;
	mix-blend-mode: multiply
}

.close-pics::after,
.pinch-zoom:after,
.pinch-zoom:before {
	content: "";
	vertical-align: middle
}

.bg-cover.show::after {
	opacity: .8
}

.allvideo {
	position: fixed;
	display: none;
	z-index: 2200
}

.video-list,
.video-wrap {
	position: absolute;
	z-index: 100
}

.video-skin {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: auto;
	min-height: 100%;
	z-index: 10
}

.all-pics,
.video-wrap iframe {
	height: 100%;
	width: 100%;
	left: 0;
	top: 0
}

.video-wrap iframe {
	position: absolute;
	background-color: rgba(0, 0, 0, 1);
	display: block;
	z-index: 10
}

.all-pics {
	position: fixed;
	z-index: 4000;
	display: none
}

.all-pics.show {
	display: block
}

.all-pics .text-length {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9998;
	opacity: 0;
	text-align: center
}

.full,
.full img {
	position: relative
}

.all-pics .text-length h3 {
	line-height: 1.2;
	position: relative;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
	background-color: rgba(0, 0, 0, .5);
	display: inline-block
}

.full {
	width: 100vw;
	height: 100vh;
	display: block
}

.full img {
	width: auto;
	max-width: 80%;
	height: auto;
	outline: 0;
	border: none;
	margin: 0 auto;
	display: block;
	opacity: 0;
	cursor: url(../images/openhand.png) 6 8, move;
	z-index: 5
}

.full span {
	width: 100vw;
	height: 100vh;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1
}

.pinch-zoom-container {
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
	margin: 0
}

.pinch-zoom {
	width: 100%;
	left: 0;
	top: 0;
	text-align: center
}

.pinch-zoom:after,
.pinch-zoom:before {
	display: inline-block;
	height: 100%
}

.pinch-zoom img {
	width: auto;
	height: auto;
	max-width: 100%;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin: 0
}

.close-pics-small {
	background: url(../images/close.svg) center center/cover no-repeat;
	width: 40px;
	height: 40px;
	cursor: pointer;
	position: fixed;
	left: 50%;
	top: 10px;
	margin-left: -20px;
	display: none;
	z-index: 99999
}

.close,
.close-album,
.close-news,
.close-pics,
.close-video {
	right: 20px;
	top: 20px
}

.close,
.close-album,
.close-news,
.close-pics,
.close-video,
.go-back {
	position: absolute;
	left: auto;
	bottom: auto;
	margin: 0;
	font-family: Play, sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 60px;
	z-index: 9999;
	cursor: pointer;
	color: #fff
}

.close-pics {
	width: auto;
	height: 60px;
	display: block
}

.close-pics::after {
	background: url(../images/close.svg) center center/contain no-repeat;
	width: 60px;
	height: 60px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	display: inline-block
}

.close-album::after,
.close::after {
	content: "";
	background: url(../images/close.svg) center center/contain no-repeat;
	height: 60px;
	-webkit-transition: all .3s ease-in-out
}

.close-pics:hover::after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.close-album {
	width: auto;
	height: 60px;
	display: block
}

.close-album::after {
	width: 60px;
	transition: all .3s ease-in-out;
	display: inline-block;
	vertical-align: middle
}

.close-album:hover::after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.close {
	width: auto;
	height: 60px;
	display: block
}

.close::after {
	width: 60px;
	transition: all .3s ease-in-out;
	display: inline-block;
	vertical-align: middle
}

.close-news::after,
.close-video::after {
	-webkit-transition: all .3s ease-in-out;
	content: "";
	background: url(../images/close.svg) center center/contain no-repeat;
	height: 60px;
	vertical-align: middle
}

.close:hover::after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.close-video {
	width: auto;
	height: 60px;
	display: block
}

.close-video::after {
	width: 60px;
	transition: all .3s ease-in-out;
	display: inline-block
}

.close-video:hover::after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.close-news {
	width: auto;
	height: 60px;
	display: block
}

.close-news::after {
	width: 60px;
	transition: all .3s ease-in-out;
	display: inline-block
}

.go-back::after,
.next-pic {
	-webkit-transition: all .3s ease-in-out
}

.close-news:hover::after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.go-back {
	width: auto;
	height: 60px;
	right: 10px;
	top: 10px;
	display: block
}

.go-back::after {
	content: "";
	background: url(../images/close.svg) center center/contain no-repeat;
	width: 60px;
	height: 60px;
	transition: all .3s ease-in-out;
	display: inline-block;
	vertical-align: middle
}

.next-pic,
.prev-pic {
	width: 40px;
	height: 80px;
	top: 0;
	position: absolute
}

.go-back:hover::after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.next-pic {
	background: url(../images/next-2.svg) center center/contain no-repeat;
	right: 20px;
	cursor: pointer;
	transition: all .3s ease-in-out
}

.go-top,
.prev-pic {
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out
}

.prev-pic {
	background: url(../images/previous-2.svg) center center/contain no-repeat;
	left: 20px;
	transition: all .3s ease-in-out
}

.player,
.view-album {
	left: 50%;
	margin: -50px 0 0 -50px
}

.next-pic:not(.disabled):hover,
.prev-pic:not(.disabled):hover {
	-webkit-transform: scale(.8);
	transform: scale(.8)
}

.next-pic.disabled,
.prev-pic.disabled {
	opacity: .2
}

.player {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	z-index: 10
}

.player::after,
.player::before {
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-transition: all .5s ease-in-out;
	position: absolute
}

.player::before {
	background: url(../images/player.png) center top no-repeat;
	transition: all .5s ease-in-out
}

.player::after {
	background: url(../images/player.png) center bottom no-repeat;
	transition: all .5s ease-in-out;
	opacity: 0
}

.view-album::before,
.zoom {
	-webkit-transition: all .5s ease-in-out
}

.player:hover::before {
	opacity: 0
}

.player:hover::after {
	opacity: 1
}

.zoom {
	background: url(../images/zoom.png) center center/cover no-repeat;
	width: 62px;
	height: 62px;
	position: absolute;
	right: 10px;
	top: 10px;
	box-shadow: 0 0 30px rgba(0, 0, 0, .3);
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	transition: all .5s ease-in-out;
	z-index: 20;
	opacity: .8;
	display: block
}

.go-top,
.slide-page {
	-webkit-border-radius: 50%
}

.zoom:hover {
	box-shadow: 0 0 30px rgba(255, 255, 255, 1);
	opacity: 1
}

.view-album {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	z-index: 10
}

.view-album::after,
.view-album::before {
	content: "";
	height: 100%;
	position: absolute;
	width: 100%
}

.view-album::before {
	background: url(../images/dot-bg.png) center top no-repeat;
	left: 0;
	top: 0;
	transition: all .5s ease-in-out
}

.view-album::after {
	background: url(../images/dot-bg.png) center bottom no-repeat;
	left: 0;
	top: 0;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	opacity: 0
}

.view-album:hover::before {
	opacity: 0
}

.view-album:hover::after {
	opacity: 1
}

.overlay-dark {
	background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, .9) 80%);
	background: linear-gradient(0deg, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, .9) 80%);
	height: 0;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	-webkit-transition: height .5s ease-in-out;
	transition: height .5s ease-in-out;
	z-index: 1500
}

.overlay-dark.show {
	height: 100%
}

.no-scroll {
	overflow-x: hidden;
	overflow-y: hidden!important;
	overflow: hidden
}

.wrap-page {
	width: 100%;
	max-width: 900px;
	position: relative;
	margin: 0 auto;
	height: auto
}

.go-top,
.scroll-down,
.whell {
	position: fixed
}

.level-index-out {
	z-index: -9999
}

.level-index-in {
	z-index: 9999
}

.visible {
	overflow: visible
}

.TA-center .slide-wrapper {
	width: 100%!important;
	white-space: nowrap;
	text-align: center
}

.TA-center .slide-item {
	float: none!important;
	display: inline-block!important;
	vertical-align: top
}

.scroll-down {
	left: 50%;
	bottom: 50px;
	margin: 0 0 0 -9px;
	width: 18px;
	height: 46px;
	background: url(../images/scroll-down.png) repeat-y;
	background-size: 90px 46px;
	opacity: 0;
	-webkit-animation: Play 1.6s steps(20) infinite alternate;
	animation: Play 1.6s steps(20) infinite alternate;
	z-index: -9999
}

.scroll-down.show {
	opacity: 1;
	pointer-events: auto;
	z-index: 10
}

.go-top {
	background: url(../images/top2.png) center center no-repeat;
	width: 60px;
	height: 60px;
	bottom: 20px;
	right: 20px;
	display: none;
	-ms-border-radius: 50%;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, .1);
	box-shadow: 0 0 20px rgba(0, 0, 0, .1);
	border: 1px solid rgba(255, 255, 255, .5);
	opacity: 1;
	transition: all .3s ease-in-out;
	z-index: 15
}

.go-top:hover {
	background-color: rgba(0, 0, 0, .2);
	box-shadow: 0 0 20px rgba(255, 255, 255, .5)
}

.whell {
	background: url(../images/whell.png) center center no-repeat;
	width: 30px;
	height: 70px;
	right: 20px;
	bottom: 60px;
	opacity: 0;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	pointer-events: none;
	z-index: 30
}

.controls button,
.map-background,
.touch {
	background-repeat: no-repeat
}

.whell.show {
	opacity: 1
}

.container-zoom img.zoomscale {
	cursor: zoom-in
}

.container-zoom img.zoomin {
	cursor: ew-resize;
	cursor: e-resize;
	cursor: url(../images/grabbing.png) 8 8, move
}

.touch {
	background-image: url(../images/pinchzoom.png);
	background-position: left top
}

.cursor {
	cursor: url(../images/openhand.png) 8 8, move
}

.drag-cursor {
	cursor: url(../images/grabbing.png) 8 8, move
}

.desktop {
	display: block
}

.mobile {
	display: none
}

img.desktop {
	display: block
}

img.mobile {
	display: none
}

.map-background {
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
	background-position: top center;
	background-size: contain
}

.map-background img {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0
}

.map-background canvas {
	width: 2000px;
	height: 1125px;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	display: block;
	opacity: 1
}

.controls,
.img-moving {
	width: 100%;
	overflow: hidden
}

.img-moving {
	position: relative;
	height: 100%;
	cursor: url(../images/hand.cur) 6 8, move
}

.img-moving img {
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	position: absolute;
	top: 0;
	left: 0
}

.hidemouse {
	pointer-events: none
}

.controls {
	position: absolute;
	height: 30px;
	padding: 5px 0;
	bottom: 0;
	left: 0;
	white-space: nowrap;
	text-align: center;
	background-color: rgba(255, 255, 255, 0);
	-webkit-transition: all .9s ease-in-out;
	transition: all .9s ease-in-out;
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	z-index: 10
}

.controls[data-state=hidden] {
	display: none
}

.controls .progress,
.controls button {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer
}

.controls .progress {
	width: calc(100% - 150px);
	max-width: 300px;
	height: 10px;
	margin: 1px 0;
	padding: 1px;
	background-color: rgba(255, 255, 255, .2)
}

.controls progress[data-state=fake] {
	background-color: #fff;
	height: 20px
}

.controls button {
	text-align: center;
	background-color: transparent;
	border: none;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	width: 30px;
	height: 30px;
	overflow: hidden;
	background-position: center center;
	background-size: contain;
	opacity: 1
}

.controls button:hover {
	opacity: .5
}

.controls button:focus {
	opacity: 1
}

.controls progress {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	border: none;
	overflow: hidden;
	background-color: rgba(0, 0, 0, .1);
	color: #fff
}

.controls progress span {
	width: 0;
	height: 100%;
	display: inline-block;
	background-color: #fff
}

.controls progress::-moz-progress-bar {
	background-color: #fff
}

.controls button[data-state=play] {
	background-image: url(../images/video/play.svg);
	width: 20px;
	height: 20px;
	background-size: cover
}

.controls button[data-state=pause] {
	background-image: url(../images/video/pause.svg);
	width: 20px;
	height: 20px;
	background-size: cover
}

.controls button[data-state=stop] {
	background-image: url(../images/video/stop.svg);
	width: 0;
	height: 0;
	background-size: cover;
	opacity: 0
}

.controls button[data-state=mute] {
	background-image: url(../images/video/mute.svg);
	width: 25px;
	height: 25px;
	background-size: cover
}

.controls button[data-state=unmute] {
	background-image: url(../images/video/unmute.svg);
	width: 25px;
	height: 25px;
	background-size: cover
}

.controls button[data-state=go-fullscreen] {
	background-image: url(../images/video/fullscreen.svg);
	width: 20px;
	height: 20px;
	background-size: cover
}

.controls button[data-state=cancel-fullscreen] {
	background-image: url(../images/video/cancel-fullscreen.svg);
	width: 20px;
	height: 20px;
	background-size: cover
}

.video-cover[data-fullscreen=true] {
	position: fixed;
	left: 0;
	top: 0
}

.video-cover[data-fullscreen=true] video {
	height: auto
}

.video-cover[data-fullscreen=true] figcaption {
	display: none
}

.scrollA,
.scrollD {
	display: inline-block;
	padding: 0 20px 0 0;
	margin: 0;
	width: 100%;
	overflow: hidden
}

.video-cover[data-fullscreen=true] .controls {
	bottom: 0;
	z-index: 2147483647;
	position: fixed
}

.controls.addshow {
	display: none;
	bottom: 15px;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}

.slide-item,
.slide-wrapper {
	-webkit-transform: translate3d(0, 0, 0)
}

.scrollA {
	height: 100%;
	position: relative
}

.scrollB,
.scrollC {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden
}

.scrollD {
	height: auto;
	position: relative
}

.scroll-list {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	margin: 0;
	position: absolute
}

.content-text .nicescroll-cursors {
	margin-right: -30px
}

.slide-slidebox {
	position: relative;
	-ms-touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slide-wrapper {
	display: none;
	position: relative;
	height: auto
}

.slide-wrapper::after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.slide-controls,
.slide-page,
.slide-pagination {
	position: relative;
	height: auto
}

.slide-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%
}

.slide-wrapper-outer.autoheight {
	-webkit-transition: height .3s ease-in-out;
	transition: height .3s ease-in-out
}

.slide-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-tap-highlight-color: transparent;
	-moz-user-select: none
}

.slide-loaded {
	display: block
}

.slide-loading {
	opacity: 0;
	display: block
}

.slide-controls {
	text-align: center;
	width: 100%;
	margin: 0 auto;
	z-index: 2
}

.slide-pagination {
	width: 100%;
	margin: 10px 0
}

.slide-buttons div,
.slide-page {
	cursor: pointer
}

.slide-page {
	display: inline-block;
	width: auto;
	margin: 0 5px;
	border-radius: 50%
}

.slide-page span:not(.slide-numbers) {
	display: block;
	width: 8px;
	height: 8px;
	background-color: rgba(255, 255, 255, .8);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin: 0
}

.slide-page span:not(.slide-numbers)::before {
	border: 1px solid rgba(255, 255, 255, 0);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	display: block;
	content: "";
	width: 16px;
	height: 16px;
	left: -4px;
	top: -4px
}

.slide-page:hover span:not(.slide-numbers)::before {
	border: 1px solid rgba(255, 255, 255, 1)
}

.slide-page:hover span:not(.slide-numbers) {
	background-color: rgba(255, 255, 255, 1)
}

.slide-page.active span:not(.slide-numbers)::before {
	pointer-events: none;
	border: 1px solid rgba(255, 255, 255, 1)
}

.slide-page.active span:not(.slide-numbers) {
	pointer-events: none;
	background-color: rgba(255, 255, 255, 1)
}

.slide-page span.slide-numbers {
	color: #333;
	padding: 0;
	font-size: 30px;
	line-height: 50px;
	text-align: center;
	display: block;
	width: 50px;
	height: 50px;
	border: 1px solid #333;
	background-color: rgba(245, 128, 32, 0);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin: 10px 0;
	pointer-events: auto
}

.lazy-preloader::after,
.preloader::after {
	content: "";
	clear: both;
	line-height: 0
}

.slide-page.active span.slide-numbers,
.slide-page:hover span.slide-numbers {
	background-color: rgba(31, 165, 75, 1);
	border: 1px solid rgba(245, 128, 32, 0);
	color: #fff
}

.slide-page.active span.slide-numbers {
	pointer-events: none
}

.slide-pagination.grey .slide-page span:not(.slide-numbers),
.slide-pagination.grey .slide-page.active span:not(.slide-numbers) {
	background-color: rgba(0, 0, 0, .3)
}

.slide-page.active {
	pointer-events: none
}

.slide-pagination.grey .slide-page.active span:not(.slide-numbers)::before,
.slide-pagination.grey .slide-page:hover span:not(.slide-numbers)::before {
	border: 1px solid rgba(0, 0, 0, .3)
}

.slide-buttons {
	position: absolute;
	width: 100%;
	height: auto;
	text-align: center;
	top: -50%;
	left: 0
}

.slide-next,
.slide-prev {
	position: absolute;
	top: 50%;
	height: 100px;
	width: 50px;
	margin: -50px 0 0;
	cursor: pointer;
	-webkit-transform: scale(.8);
	transform: scale(.8);
	opacity: .8;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	z-index: 100
}

.slide-prev {
	background: url(../images/previous-2.svg) center center/contain no-repeat;
	left: -50px
}

.slide-next {
	background: url(../images/next-2.svg) center center/contain no-repeat;
	right: -50px
}

.slide-prev:hover {
	-webkit-transform: scale(1);
	transform: scale(1);
	margin: -50px 0 0 -10px;
	opacity: 1
}

.slide-next:hover {
	-webkit-transform: scale(1);
	transform: scale(1);
	margin: -50px -10px 0 0;
	opacity: 1
}

.slide-next.disabled,
.slide-prev.disabled {
	pointer-events: none;
	opacity: .2
}

.preloader {
	width: 100%;
	height: 100%;
	min-height: 300px;
	position: absolute;
	left: 0;
	top: 0;
	border: none;
	background-color: transparent;
	display: none;
	z-index: 10
}

.preloader::before {
	content: "";
	width: 82px;
	height: 82px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -41px 0 0 -41px;
	background-image: url(../images/cycle.png);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-animation: Preloader 1s steps(12, end) infinite;
	animation: Preloader 1s steps(12, end) infinite
}

.preloader::after {
	display: block;
	visibility: hidden;
	height: 0
}

.loading .preloader {
	display: block
}

.preloader.done {
	display: none
}

.slide-item {
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.grabbing {
	cursor: ew-resize;
	cursor: e-resize;
	cursor: url(../images/grabbing.png) 8 8, move
}

.slide-container,
.slide-container-horizontal,
.slide-container-vertical {
	position: relative;
	overflow: hidden
}

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

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

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

.item-wrapper,
.slide-container-android .item-container {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

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

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

.item-container {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

.gallery-thumbs {
	height: auto;
	box-sizing: border-box;
	padding: 10px 0
}

.gallery-thumbs .item-container {
	width: 25%;
	opacity: .4
}

.gallery-thumbs .item-active {
	opacity: 1
}

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

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

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

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

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

.button-next,
.button-prev {
	position: absolute;
	top: 50%;
	height: 100px;
	width: 50px;
	margin: -58px 0 0;
	cursor: pointer;
	opacity: .8;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transform: scale(.8);
	transform: scale(.8);
	z-index: 100
}

.button-prev {
	background: url(../images/previous-2.svg) center center/contain no-repeat;
	left: 0
}

.button-next {
	background: url(../images/next-2.svg) center center/contain no-repeat;
	right: 0
}

.pagination-bullet i,
.pagination-bullet-active i,
.pagination-bullet:hover i {
	background-color: #f26e20
}

.button-next:hover,
.button-prev:hover {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.button-next.disabled,
.button-prev.disabled {
	pointer-events: none;
	opacity: .2;
	cursor: default
}

.pagination {
	position: relative;
	text-align: center;
	margin: 10px auto;
	-webkit-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	width: 100%;
	z-index: 10
}

.pagination.pagination-hidden {
	opacity: 0
}

.pagination-custom,
.pagination-fraction {
	color: #fff;
	width: 100%
}

.pagination-current,
.pagination-total {
	color: #fff
}

.pagination-bullet {
	width: 22px;
	height: 22px;
	display: inline-block;
	position: relative;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid transparent;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.pagination-bullet i {
	width: 10px;
	height: 10px;
	position: relative;
	display: block;
	margin: 4px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.pagination-bullet:hover {
	border: 2px solid #f26e20
}

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

.pagination-bullet-active {
	border: 2px solid #f26e20;
	pointer-events: none
}

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

.slide-container-vertical>.pagination-bullets .pagination-bullet {
	margin: 3px;
	display: block
}

.slide-container-horizontal>.pagination-bullets .pagination-bullet {
	margin: 3px
}

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

.pagination-progress .pagination-progressbar {
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top
}

.slide-container-rtl .pagination-progress .pagination-progressbar {
	-webkit-transform-origin: right top;
	transform-origin: right top
}

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

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

.pagination-progress.pagination-white {
	background-color: rgba(255, 255, 255, .5)
}

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

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

.slide-container-3d {
	-webkit-perspective: 1200px;
	perspective: 1200px
}

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

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

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

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

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

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

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

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

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

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

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

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

.slide-container-cube .item-container {
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

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

.slide-container-cube .item-active {
	pointer-events: auto;
	visibility: visible
}

.slide-container-cube .cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50%;
	background-color: rgba(0, 0, 0, .3);
	opacity: .5;
	-webkit-filter: blur(100px);
	filter: blur(100px);
	z-index: 0
}

.slide-container-fade.slide-container-free-mode .item-container {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

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

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

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

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

.slide-container-horizontal>.scrollbar {
	height: 5px;
	width: 100%;
	z-index: 50;
	margin: 5px 0 0
}

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

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

.scrollbar-cursor-drag {
	cursor: move
}

.lazy-preloader {
	width: 100%;
	min-height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border: none;
	background-color: transparent;
	z-index: 1
}

.lazy-preloader::before {
	content: "";
	width: 82px;
	height: 82px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -41px 0 0 -41px;
	background-image: url(../images/cycle.png);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-animation: Preloader 1s steps(12, end) infinite;
	animation: Preloader 1s steps(12, end) infinite
}

.lazy-preloader::after {
	display: block;
	visibility: hidden;
	height: 0
}

.container-zoom {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center
}

.container-zoom>canvas,
.container-zoom>img,
.container-zoom>svg {
	object-fit: contain
}

.class-hidden {
	display: none
}

#contact-loader,
#register-loader {
	background: url(../images/loader.png) center center no-repeat;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 110000;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	-ms-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	animation: Rotate 2s linear infinite;
	-webkit-animation: Rotate 2s linear infinite;
	display: none
}

.contact-success,
.register-success {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -150px;
	padding: 20px;
	line-height: 25px;
	width: 300px;
	height: auto;
	background-color: #F63;
	-webkit-border-radius: 15px;
	-ms-border-radius: 15px;
	border-radius: 15px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	z-index: 99999;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .5)
}

.color-red {
	background-color: #700809;
	color: #fff
}

.color-blue {
	background-color: #042750;
	color: #fff
}

.rotatenew {
	-webkit-animation-name: RotateNew;
	animation-name: RotateNew;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate
}

.fadein {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	animation-duration: .8s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.fadeout,
.flipoutx {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: forwards
}

.fadeout {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
	animation-duration: .8s;
	animation-fill-mode: forwards
}

.flipoutx {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	animation-duration: .8s;
	animation-fill-mode: forwards
}

.flipinx,
.goleft {
	-webkit-animation-duration: .8s
}

.fadeindown,
.flipinx {
	-webkit-animation-fill-mode: forwards
}

.flipinx {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
	animation-duration: .8s;
	animation-fill-mode: forwards
}

.fadeindown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	animation-fill-mode: forwards
}

.fadeinup,
.fadeoff {
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: forwards
}

.fadeinup {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	animation-duration: 1s;
	animation-fill-mode: forwards
}

.fadeoff {
	-webkit-animation-name: fadeOff;
	animation-name: fadeOff;
	animation-duration: 1s;
	animation-fill-mode: forwards
}

.fadeon,
.goleft {
	-webkit-animation-fill-mode: forwards
}

.fadeon {
	-webkit-animation-name: fadeOn;
	animation-name: fadeOn;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	animation-fill-mode: forwards
}

.goleft {
	-webkit-animation-name: goLeft;
	animation-name: goLeft;
	animation-duration: .8s;
	animation-fill-mode: forwards
}

.goright {
	-webkit-animation-name: goRight;
	animation-name: goRight;
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.scalelarge {
	-webkit-animation: scaleLarge;
	animation: scaleLarge;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.slide-fade-out {
	-webkit-animation: fadeOut;
	animation: fadeOut;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.slide-fade-in {
	z-index: 10;
	-webkit-animation: fadeIn;
	animation: fadeIn;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.slide-backSlide-out {
	-webkit-animation: backSlideOut;
	animation: backSlideOut;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.slide-backSlide-in {
	-webkit-animation: backSlideIn;
	animation: backSlideIn;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.slide-goDown-out {
	-webkit-animation: scaleToFade;
	animation: scaleToFade;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.slide-goDown-in {
	-webkit-animation: goDown;
	animation: goDown;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.slide-fadeUp-in {
	-webkit-animation: scaleUpFrom;
	animation: scaleUpFrom;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.slide-fadeUp-out {
	-webkit-animation: scaleUpTo;
	animation: scaleUpTo;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

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

@keyframes Preloader {
	100% {
		transform: rotate(360deg)
	}
}

@-webkit-keyframes Bg-Animation {
	0%,
	100% {
		-webkit-transform: scale(1)
	}
	70% {
		-webkit-transform: scale(1.1)
	}
}

@keyframes Bg-Animation {
	0%,
	100% {
		transform: scale(1)
	}
	70% {
		transform: scale(1.1)
	}
}

@-webkit-keyframes Go {
	from {
		background-position: center 50px
	}
	to {
		background-position: center 140px
	}
}

@keyframes Go {
	from {
		background-position: center 50px
	}
	to {
		background-position: center 140px
	}
}

@-webkit-keyframes RotateNew {
	0%,
	100% {
		-webkit-transform: rotate(0) scale(1);
		opacity: 1
	}
	33% {
		-webkit-transform: rotate(0) scale(.8);
		opacity: .3
	}
	80% {
		-webkit-transform: rotate(35deg) scale(1);
		opacity: 1
	}
}

@keyframes RotateNew {
	0%,
	100% {
		transform: rotate(0) scale(1);
		opacity: 1
	}
	33% {
		transform: rotate(0) scale(.8);
		opacity: .3
	}
	80% {
		transform: rotate(35deg) scale(1);
		opacity: 1
	}
}

@-webkit-keyframes Play {
	from {
		background-position: 0
	}
	to {
		background-position: -360px
	}
}

@keyframes Play {
	from {
		background-position: 0
	}
	to {
		background-position: -360px
	}
}

@-webkit-keyframes Ani2 {
	0% {
		box-shadow: 0 0 0 rgba(10, 130, 60, 0);
		border: 1px solid rgba(10, 130, 60, 0);
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	70% {
		box-shadow: 0 0 50px rgba(10, 130, 60, 1);
		border: 1px solid rgba(10, 130, 60, 1);
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	100% {
		box-shadow: 0 0 60px rgba(10, 130, 60, 0);
		border: 0 solid rgba(10, 130, 60, 0);
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}
}

@keyframes Ani2 {
	0% {
		box-shadow: 0 0 0 rgba(10, 130, 60, 0);
		border: 1px solid rgba(10, 130, 60, 0);
		transform: scale(0)
	}
	70% {
		box-shadow: 0 0 50px rgba(10, 130, 60, 1);
		border: 1px solid rgba(10, 130, 60, 1);
		transform: scale(1)
	}
	100% {
		box-shadow: 0 0 60px rgba(10, 130, 60, 0);
		border: 0 solid rgba(10, 130, 60, 0);
		transform: scale(1.5)
	}
}

@-webkit-keyframes Ani {
	0% {
		box-shadow: 0 0 0 rgba(255, 255, 255, 0);
		border: 1px solid rgba(255, 255, 255, 0);
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	70% {
		box-shadow: 0 0 50px rgba(255, 255, 255, 1);
		border: 1px solid rgba(255, 255, 255, 1);
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	100% {
		box-shadow: 0 0 60px rgba(255, 255, 255, 0);
		border: 0 solid rgba(255, 255, 255, 0);
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}
}

@keyframes Ani {
	0% {
		box-shadow: 0 0 0 rgba(255, 255, 255, 0);
		border: 1px solid rgba(255, 255, 255, 0);
		transform: scale(0)
	}
	70% {
		box-shadow: 0 0 50px rgba(255, 255, 255, 1);
		border: 1px solid rgba(255, 255, 255, 1);
		transform: scale(1)
	}
	100% {
		box-shadow: 0 0 60px rgba(255, 255, 255, 0);
		border: 0 solid rgba(255, 255, 255, 0);
		transform: scale(1.5)
	}
}

@keyframes Rotate {
	from {
		transform: rotate(0) translateZ(0)
	}
	to {
		transform: rotate(360deg) translateZ(0)
	}
}

@-webkit-keyframes Rotate {
	from {
		-webkit-transform: rotate(0) translateZ(0)
	}
	to {
		-webkit-transform: rotate(360deg) translateZ(0)
	}
}

@-webkit-keyframes empty {
	0% {
		opacity: 1
	}
}

@keyframes empty {
	0% {
		opacity: 1
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@-webkit-keyframes fadeOff {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}
}

@keyframes fadeOff {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}
}

@-webkit-keyframes fadeOn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes fadeOn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@-webkit-keyframes backSlideOut {
	25% {
		opacity: .5;
		-webkit-transform: translateZ(-500px)
	}
	100%,
	75% {
		opacity: .5;
		-webkit-transform: translateZ(-500px) translateX(-200%)
	}
}

@keyframes backSlideOut {
	25% {
		opacity: .5;
		transform: translateZ(-500px)
	}
	100%,
	75% {
		opacity: .5;
		transform: translateZ(-500px) translateX(-200%)
	}
}

@-webkit-keyframes backSlideIn {
	0%,
	25% {
		opacity: 1;
		-webkit-transform: translateZ(-500px) translateX(200%)
	}
	75% {
		opacity: 1;
		-webkit-transform: translateZ(-500px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateZ(0) translateX(0)
	}
}

@keyframes backSlideIn {
	0%,
	25% {
		opacity: 1;
		transform: translateZ(-500px) translateX(200%)
	}
	75% {
		opacity: 1;
		transform: translateZ(-500px)
	}
	100% {
		opacity: 1;
		transform: translateZ(0) translateX(0)
	}
}

@-webkit-keyframes scaleToFade {
	to {
		opacity: 0;
		-webkit-transform: scale(.8)
	}
}

@keyframes scaleToFade {
	to {
		opacity: 0;
		transform: scale(.8)
	}
}

@-webkit-keyframes goDown {
	from {
		-webkit-transform: translateY(-100%)
	}
}

@keyframes goDown {
	from {
		transform: translateY(-100%)
	}
}

@-webkit-keyframes scaleUpFrom {
	from {
		opacity: 0;
		-webkit-transform: scale(1.5)
	}
}

@keyframes scaleUpFrom {
	from {
		opacity: 0;
		transform: scale(1.5)
	}
}

@-webkit-keyframes scaleUpTo {
	to {
		opacity: 0;
		-webkit-transform: scale(1.5)
	}
}

@keyframes scaleUpTo {
	to {
		opacity: 0;
		transform: scale(1.5)
	}
}

@-webkit-keyframes scaleUp {
	from {
		opacity: 0;
		transform: scale(.2)
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1)
	}
}

@keyframes scaleUp {
	from {
		opacity: 0;
		transform: scale(.2)
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1)
	}
}

@-webkit-keyframes downTop {
	from {
		opacity: 0;
		margin-top: -100%
	}
	to {
		opacity: 1;
		margin-top: 0
	}
}

@keyframes downTop {
	from {
		opacity: 0;
		margin-top: -100%
	}
	to {
		opacity: 1;
		margin-top: 0
	}
}

@-webkit-keyframes fadeTop {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-300px, 0, 0);
		transform: translate3d(-500px, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeTop {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-300px, 0, 0);
		-ms-transform: translate3d(-300px, 0, 0);
		transform: translate3d(-300px, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 200px, 0);
		transform: translate3d(0, 200px, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 200px, 0);
		-ms-transform: translate3d(0, 200px, 0);
		transform: translate3d(0, 200px, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -200px, 0);
		transform: translate3d(0, -200px, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -200px, 0);
		-ms-transform: translate3d(0, -200px, 0);
		transform: translate3d(0, -200px, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(0) scale(.5);
		opacity: 0
	}
	100% {
		-webkit-transform: perspective(400px) rotateX(0) scale(1);
		opacity: 1
	}
}

@keyframes flipInX {
	0% {
		transform: perspective(400px) rotateX(0) scale(.5);
		opacity: 0
	}
	100% {
		transform: perspective(400px) rotateX(0) scale(1);
		opacity: 1
	}
}

@-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px) rotateX(0) scale(1);
		opacity: 1
	}
	100% {
		-webkit-transform: perspective(400px) rotateX(0) scale(.5);
		opacity: 0
	}
}

@keyframes flipOutX {
	0% {
		transform: perspective(400px) rotateX(0) scale(1);
		opacity: 1
	}
	100% {
		transform: perspective(400px) rotateX(0) scale(.5);
		opacity: 0
	}
}

@-webkit-keyframes goLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

@keyframes goLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

@-webkit-keyframes goRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

@keyframes goRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

@-webkit-keyframes Shake {
	from,
	to {
		-webkit-transform: translate3d(0, 0, 0) rotate(0)
	}
	0%,
	50% {
		-webkit-transform: translate3d(-10px, 0, 0) rotate(15deg)
	}
	25% {
		-webkit-transform: translate3d(10px, 0, 0) rotate(-15deg)
	}
}

@keyframes Shake {
	from,
	to {
		transform: translate3d(0, 0, 0) rotate(0)
	}
	0%,
	50% {
		transform: translate3d(-10px, 0, 0) rotate(15deg)
	}
	25% {
		transform: translate3d(10px, 0, 0) rotate(-15deg)
	}
}

@-webkit-keyframes Clip {
	0% {
		clip: rect(700px, 0, 0, 700px)
	}
	100% {
		clip: rect(0, 700px, 700px, 0)
	}
}

@keyframes Clip {
	0% {
		clip: rect(700px, 0, 0, 700px)
	}
	100% {
		clip: rect(0, 700px, 700px, 0)
	}
}

@keyframes scaleSmall {
	0% {
		opacity: 0;
		transform: scale(0)
	}
	100% {
		opacity: 1;
		transform: scale(1)
	}
}

@-webkit-keyframes scaleLarge {
	0% {
		opacity: 0;
		-webkit-transform: scale(2)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1)
	}
}

@keyframes scaleLarge {
	0% {
		opacity: 0;
		transform: scale(2)
	}
	100% {
		opacity: 1;
		transform: scale(1)
	}
}

@-webkit-keyframes Opacity {
	0%,
	100% {
		opacity: 0
	}
	50% {
		opacity: 1
	}
}

@keyframes Opacity {
	0%,
	100% {
		opacity: 0
	}
	50% {
		opacity: 1
	}
}

@-webkit-keyframes bounceInDown {
	60%,
	75%,
	90%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	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;
		opacity: 1
	}
}

@keyframes bounceInDown {
	60%,
	75%,
	90%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	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;
		opacity: 1
	}
}

@-webkit-keyframes Color {
	0%,
	100% {
		background-color: #ff3000
	}
	50% {
		background-color: #ffa800
	}
}

@keyframes Color {
	0%,
	100% {
		background-color: #ff3000
	}
	50% {
		background-color: #ffa800
	}
}

@-webkit-keyframes Shape {
	0%,
	100% {
		border-top: 20px solid #ff3000
	}
	50% {
		border-top: 20px solid #50ad77
	}
}

@keyframes Shape {
	0%,
	100% {
		border-top: 20px solid #ff3000
	}
	50% {
		border-top: 20px solid #50ad77
	}
}

@-webkit-keyframes Border {
	0%,
	60% {
		border-top-color: #a48741
	}
	30% {
		border-top-color: #fff
	}
}

@keyframes Border {
	0%,
	60% {
		border-top-color: #a48741
	}
	30% {
		border-top-color: #fff
	}
}

@-webkit-keyframes Border1 {
	0%,
	60% {
		border-color: #a48741
	}
	30% {
		border-color: #fff
	}
}

@keyframes Border1 {
	0%,
	60% {
		border-color: #a48741
	}
	30% {
		border-color: #fff
	}
}

@-webkit-keyframes musicBtnLine {
	0%,
	100%,
	50% {
		height: 0
	}
	25% {
		height: 10px
	}
	75% {
		height: 15px
	}
}

@keyframes musicBtnLine {
	0%,
	100%,
	50% {
		height: 0
	}
	25% {
		height: 10px
	}
	75% {
		height: 15px
	}
}

@media screen and (max-width:1600px) and (min-height:740px) {
	.group-right[data-name=overview] .box-cover-right,
	.group-right[data-name=facilities-home] .box-cover-right,
	.group-right[data-name=half-width] .box-cover-right {
		background-position: 28% bottom
	}
	.group-right[data-name=investor] .box-cover-right {
		background-position: 75% bottom
	}
}

@media screen and (max-width:1600px) and (max-height:740px) {
	.nav li a {
		line-height: 44px
	}
	.sub-nav {
		top: 150px
	}
	#about-page .text-intro {
		top: 220px
	}
}

@media screen and (max-width:1600px) {
	#location-page .text-intro h2,
	.text-intro h2 {
		font-size: 28px
	}
	.apartment-pic {
		max-width: 700px
	}
}

@media screen and (max-width:1500px) {
	#location-page .text-intro h2,
	.text-intro h2 {
		font-size: 26px
	}
	.dot-num {
		width: 40px;
		height: 40px;
		line-height: 38px
	}
	.apartment-pic {
		max-width: 650px
	}
	.slogan {
		font-size: 36px
	}
}

@media screen and (max-width:1400px) {
	#location-page .text-intro h2,
	.text-intro h2 {
		font-size: 24px
	}
	.house-bottom {
		max-width: 250px
	}
	.apartment-pic {
		max-width: 600px
	}
}

@media screen and (max-width:1300px) {
	.sub-nav li a {
		font-size: 16px;
		padding: 10px 30px
	}
	.apartment-pic img {
		max-width: 700px
	}
	.grid,
	.wrap-page {
		max-width: 780px
	}
	.box-library h2 {
		font-size: 30px
	}
	.text-intro p {
		font-size: 15px
	}
}

@media screen and (max-width:1200px) {
	.sub-nav li a {
		padding: 10px 20px
	}
	#location-page .text-intro h2 {
		font-size: 20px
	}
	.box-library h2 {
		font-size: 24px
	}
	.grid,
	.wrap-page {
		max-width: 700px
	}
}

@media screen and (max-width:1100px) {
	.logo,
	.logo.hide {
		opacity: 1
	}
	.navigation,
	body {
		overflow-x: hidden
	}
	.bottom-link>a,
	.nav,
	.subscribe-icon {
		vertical-align: top
	}
	.all-pics.show::after,
	.sub-news:after {
		content: ''
	}
	.video-cover,
	.video-full {
		min-height: inherit
	}
	.grid,
	.sub-news ul {
		white-space: nowrap
	}
	body {
		overflow-y: auto
	}
	.next-prev,
	.note-block,
	.sub-house,
	.sub-nav {
		width: 0;
		height: 0;
		z-index: -99999;
		overflow: hidden
	}
	.scroll-down {
		right: 10px;
		bottom: 40px;
		left: auto;
		margin: 0
	}
	.slide-nav {
		width: 100%;
		height: auto
	}
	.bg-nav,
	.box-nav,
	.corner-bottom,
	.corner-top,
	.group-right,
	.navigation span,
	.shadow,
	.shape-bg,
	.slide-but,
	.sub-faci,
	.whell {
		display: none
	}
	.header {
		height: 60px;
		background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 100%);
		background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 100%);
		box-shadow: 0 0 20px rgba(0, 0, 0, .2)
	}
	.container {
		position: relative;
		width: 100%;
		height: auto;
		top: auto;
		left: auto;
		margin: 60px 0 0
	}
	.logo,
	.logo.scale {
		width: 152px
	}
	.logo {
		background: url(/logo.png) center center/contain no-repeat #ffffff;
		height: 80px;
		left: 50%;
		top: 0;
		margin: 0 0 0 -76px;
		-webkit-transition: none;
		transition: none
	}
	.navigation {
		top: 60px;
		right: 0;
		height: calc(100% - 60px);
		width: 0;
		overflow-y: auto;
		background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 0, #f26e20 80%);
		background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0, #f26e20 80%)
	}
	.navigation.show {
		width: 300px
	}
	.nav,
	.nav li {
		height: auto;
		width: 100%;
		position: relative
	}
	.nav {
		top: auto;
		left: auto;
		margin: 30px 0
	}
	.nav li {
		display: block;
		margin: 0
	}
	.nav li::before {
		display: none
	}
	.nav li a {
		padding: 0 25px;
		line-height: 2.5;
		display: inline-block;
		text-shadow: none;
		-webkit-transition: none;
		transition: none
	}
	.nav li.current {
		background-color: rgba(0, 0, 0, .2)
	}
	.nav li:hover a {
		color: #2f2f2f;
		text-shadow: none
	}
	.hotline:hover a,
	.language li:hover a {
		color: #f26e20
	}
	.nav-click {
		right: 20px;
		top: 5px
	}
	.nav-click::after {
		-webkit-transition: none;
		transition: none
	}
	.nav-click:not(.active):hover::after {
		opacity: 0
	}
	.hotline.show,
	.hotline:hover span.call::before,
	.investor li a:hover,
	.player-vid,
	.social li a:hover,
	.subscribe-icon,
	.subscribe-icon.hide,
	.zoom {
		opacity: 1
	}
	.language {
		width: 40px;
		top: 5px;
		right: 90px
	}
	.language li {
		position: relative;
		width: 40px
	}
	.language li a {
		width: 40px;
		height: 48px;
		-webkit-transition: none;
		transition: none
	}
	.bottom-text,
	.footer {
		height: auto;
		width: 100%;
		margin: 0
	}
	.hotline {
		right: auto;
		left: 20px;
		top: 5px;
		-webkit-animation: none;
		animation: none
	}
	.footer,
	.investor,
	.subscribe-icon {
		left: auto;
		bottom: auto
	}
	.hotline span.call::after {
		display: none
	}
	.bottom-link,
	.footer {
		display: block;
		float: left;
		position: relative;
		text-align: center
	}
	.hotline a {
		-webkit-transition: none;
		transition: none
	}
	.hotline:hover span.call::after {
		-webkit-animation: none;
		animation: none
	}
	.footer {
		right: auto;
		padding: 0
	}
	.investor {
		width: 100%;
		position: relative;
		padding: 30px 0;
		background: url(../images/pattern.png)
	}
	.investor li a {
		-webkit-transition: none;
		transition: none
	}
	.social {
		width: 100%
	}
	.social li a {
		-webkit-transition: none;
		transition: none
	}
	.bottom-text {
		position: relative;
		padding: 10px 20px;
		background-color: #fff
	}
	.copyright,
	.copyright a,
	.copyright strong {
		color: #666;
		font-size: 11px;
		line-height: 1.5;
		text-align: center
	}
	.subscribe-icon {
		position: relative;
		margin: 20px 10px;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		-webkit-transition: none;
		transition: none;
		pointer-events: auto
	}
	.subscribe-icon.b-corner,
	.subscribe-icon.r-corner {
		bottom: auto;
		right: auto
	}
	.subscribe-icon a::after {
		width: calc(100% + 10px);
		height: calc(100% + 10px);
		left: -5px;
		top: -5px;
		-webkit-transition: none;
		transition: none
	}
	.bottom-link,
	.sub-news {
		width: 100%;
		height: auto
	}
	.subscribe-icon a:hover::after {
		border-width: 1px
	}
	.subscribe-icon a {
		font-size: 16px;
		-webkit-transition: none;
		transition: none
	}
	.subscribe-icon a:hover {
		background-color: #f26e20;
		color: #fff;
		text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
	}
	.bottom-link {
		margin: 0;
		padding: 0 0 10px;
		border-bottom: 1px dotted rgba(255, 255, 255, .5)
	}
	.bottom-link>a,
	.sub-news li,
	.sub-news ul {
		display: inline-block
	}
	.bottom-link>a {
		margin: 20px 10px
	}
	.colum-text,
	.sub-news li,
	.sub-news ul {
		vertical-align: middle
	}
	.hotline.scale,
	.language.scale,
	.nav-click.scale,
	.subscribe-icon.scale,
	.subscribe-icon.show.scale {
		opacity: 1;
		pointer-events: auto
	}
	.scrollA,
	.scrollB,
	.scrollC,
	.scrollD {
		position: relative;
		width: 100%;
		height: auto;
		left: auto;
		top: auto;
		overflow: visible!important;
		padding: 0;
		margin: 0
	}
	.sub-news {
		top: 180px;
		left: 0;
		right: auto;
		padding: 10px 0;
		margin: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		overflow-y: hidden;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		text-align: center
	}
	.sub-news>* {
		-webkit-transform: translate3d(0, 0, 0)
	}
	.sub-news ul {
		position: relative;
		text-align: center
	}
	.sub-news li {
		height: auto;
		width: auto;
		margin: 0;
		float: none
	}
	.sub-news li a {
		padding: 12px 20px 10px
	}
	.sub-news li h3 {
		font-size: 16px;
		text-align: center
	}
	.sub-news:after {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
		background-color: rgba(0, 0, 0, .4)
	}
	.box-content,
	.colum-box,
	.content-page {
		position: relative;
		height: auto
	}
	.content-page {
		width: 100%
	}
	.box-content {
		top: auto;
		left: auto;
		width: auto;
		display: block
	}
	.colum-box {
		width: 100%;
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		background: linear-gradient(0deg, rgba(118, 174, 67, 1) 0, rgba(17, 172, 228, 1) 80%)
	}
	.player::after,
	.view-album::after {
		display: none
	}
	.all-pics.show::after {
		background: url(../images/pinchzoom.png) left top no-repeat;
		position: absolute;
		left: 0;
		top: 0;
		width: 80px;
		height: 80px
	}
	.allvideo,
	.overlay-video.show,
	.video-skin {
		height: 100%
	}
	.full.lock {
		overflow-x: hidden
	}
	.full img {
		max-width: 100%
	}
	.all-pics .text-length h3 {
		font-size: 20px;
		line-height: 26px;
		padding: 10px 20px
	}
	.all-pics .text-length p {
		font-size: 16px;
		line-height: 22px
	}
	.allvideo {
		width: 100%;
		left: 0;
		top: 0;
		z-index: 5000
	}
	.video-skin {
		left: 0;
		top: 0;
		bottom: auto
	}
	.album-pic-center img {
		max-width: 90%;
		max-height: inherit
	}
	.go-top {
		background: url(../images/top.png) center center no-repeat;
		width: 40px;
		height: 40px;
		bottom: 10px;
		right: 10px;
		background-color: rgba(0, 0, 0, .2);
		box-shadow: 0 0 30px transparent;
		-webkit-transition: none;
		transition: none
	}
	.go-top:hover,
	.house-text,
	.show-box-pic,
	.zoom,
	.zoom:hover {
		box-shadow: none
	}
	.color-show,
	.go-details {
		-webkit-transition: none;
		transition: none
	}
	.pagination-bullet {
		width: 14px;
		height: 14px;
		margin: 0 3px
	}
	.pagination-bullet i {
		width: 8px;
		height: 8px;
		margin: 2px
	}
	.slide-page span:not(.slide-numbers)::before {
		width: 14px;
		height: 14px;
		left: -3px;
		top: -3px
	}
	.slide-page span:not(.slide-numbers) {
		width: 8px;
		height: 8px
	}
	.slide-pic-nav {
		top: auto;
		margin-top: 0;
		bottom: 60px;
		left: 0
	}
	.container-zoom {
		height: auto
	}
	.container-zoom.zoomin {
		height: 90vh
	}
	.next-pic,
	.prev-pic {
		width: 30px;
		height: 50px
	}
	.next-pic {
		right: 10px;
		-webkit-transition: none;
		transition: none
	}
	.player-vid,
	.prev-pic {
		-webkit-transition: none
	}
	.prev-pic {
		left: 10px;
		transition: none
	}
	.next-pic:hover,
	.next-pic:hover:not(.disabled),
	.prev-pic:hover,
	.prev-pic:hover:not(.disabled) {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	.player-vid {
		transition: none;
		width: 70px;
		height: 70px;
		margin: -35px 0 0 -35px
	}
	.close-album,
	.zoom {
		width: 40px;
		height: 40px
	}
	.player-vid:hover {
		background-color: rgba(255, 255, 255, .1)
	}
	.zoom {
		right: 10px;
		top: 10px;
		-webkit-transition: none;
		transition: none;
		-webkit-background-size: cover;
		background-size: cover
	}
	.zoom:hover {
		opacity: .8
	}
	.player:hover::before,
	.view-album:hover::before {
		opacity: 1
	}
	.view-album {
		-webkit-transform: scale(.8);
		transform: scale(.8)
	}
	.view-album::before {
		-webkit-transition: none;
		transition: none
	}
	.player {
		-webkit-transform: scale(.8);
		transform: scale(.8)
	}
	.player::before {
		-webkit-transition: none;
		transition: none
	}
	.close-pics-small {
		display: block
	}
	.close-news::after,
	.close-pics,
	.desktop {
		display: none
	}
	.close-album {
		right: auto;
		bottom: 10px;
		left: 50%;
		top: auto;
		margin: 0 0 0 -20px;
		text-indent: -9999px;
		font-size: 0
	}
	.close,
	.close-video {
		right: auto;
		bottom: auto;
		margin: 0 0 0 -20px;
		text-indent: -9999px;
		font-size: 0
	}
	.close-album::after {
		width: 100%;
		height: 100%;
		-webkit-transition: none;
		transition: none;
		left: 0;
		top: 0;
		position: absolute
	}
	.close-video::after,
	.close::after {
		-webkit-transition: none;
		position: absolute
	}
	.close-album:hover {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	.close {
		left: 50%;
		top: 10px;
		width: 40px;
		height: 40px
	}
	.close::after {
		width: 100%;
		height: 100%;
		transition: none;
		left: 0;
		top: 0
	}
	.close:hover {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	.close-video {
		left: 50%;
		top: 20px;
		width: 40px;
		height: 40px
	}
	.close-video::after {
		width: 100%;
		height: 100%;
		transition: none;
		left: 0;
		top: 0
	}
	.close-video:hover {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	.close-news {
		text-indent: -9999px;
		font-size: 0
	}
	.go-back {
		position: fixed;
		width: 40px;
		height: 40px;
		right: 20px;
		text-indent: -9999px;
		font-size: 0
	}
	.go-back::after,
	.title-page {
		width: 100%;
		position: absolute;
		left: 0
	}
	.go-back::after {
		height: 100%;
		-webkit-transition: none;
		transition: none;
		top: 0
	}
	.go-back:hover::after {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	.mobile {
		display: block
	}
	img.desktop {
		display: none
	}
	.title-page,
	img.mobile {
		display: block
	}
	.title-page {
		height: auto;
		top: 40px;
		text-align: center;
		z-index: 15
	}
	.title-page h1 {
		font-size: 40px;
		padding: 10px 20px
	}
	.map-background {
		background-image: none!important
	}
	.map-background img {
		opacity: 1;
		position: relative
	}
	.map-background canvas {
		display: none;
		opacity: 0!important
	}
	.img-moving {
		overflow: visible;
		height: auto;
		cursor: default
	}
	.img-moving img {
		position: relative;
		top: auto!important;
		left: auto!important
	}
	.box-video-center,
	.video-full {
		left: auto;
		position: relative;
		top: auto;
		width: 100%
	}
	.video-full {
		height: 100%;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	.box-video-center {
		height: auto
	}
	.controls {
		bottom: 0;
		left: 0;
		margin: 0
	}
	.box-slider {
		height: auto;
		overflow: visible
	}
	.box-left,
	.box-right {
		width: 100%;
		height: auto
	}
	.box-cover-right,
	.line,
	.logo-center {
		display: none
	}
	.group-left[data-name=intro-home] {
		padding: 0
	}
	.group-left {
		position: relative;
		width: 100%;
		height: auto;
		left: auto;
		top: auto;
		bottom: auto;
		display: block;
		text-align: center;
		padding: 50px 0;
		-webkit-transform: translateY(0)!important;
		transform: translateY(0)!important
	}
	.box-cover {
		width: 100%;
		background-position: center center;
		-webkit-transform: translateY(0)!important;
		transform: translateY(0)!important
	}
	.pic-video::after {
		display: none
	}
	.center-content {
		position: absolute;
		bottom: 50px;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		pointer-events: none;
		z-index: 10
	}
	.text-intro {
		text-align: center;
		margin: 40px 0 0
	}
	.slogan {
		font-size: 30px
	}
	.center-content h2:not(.slogan),
	.text-intro h2 {
		font-size: 24px
	}
	.text-intro h2 {
		color: #fff;
		opacity: 1
	}
	.box-text {
		opacity: 1;
		text-align: center
	}
	.box-text p,
	.text-intro p {
		font-size: 15px;
		line-height: 1.6;
		max-width: 550px
	}
	.text-intro a:not(.go-page) {
		-webkit-transition: none;
		transition: none
	}
	.text-intro a:not(.go-page):hover {
		color: #f26e20
	}
	.description p,
	.go-page:hover,
	.select-box li:hover h3,
	.title-box h2,
	.title-box li h3 {
		color: #fff
	}
	.go-page {
		font-size: 16px;
		padding: 10px 18px;
		-webkit-transition: none;
		transition: none;
		opacity: 1
	}
	.go-page::after {
		width: calc(100% + 10px);
		height: calc(100% + 10px);
		left: -5px;
		top: -5px;
		-webkit-transition: none;
		transition: none
	}
	#about-page .box-cover,
	#about-page .text-intro,
	#location-page .box-cover {
		left: auto;
		top: auto;
		position: relative
	}
	.go-page:hover {
		background-color: #f26e20;
		text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
	}
	.go-page:hover::after {
		border-width: 1px
	}
	.box {
		opacity: 1;
		margin: 0 0 5px
	}
	.news {
		width: 45%;
		height: auto
	}
	.album-home {
		width: 35%
	}
	.video-home {
		width: calc(80% + 5px);
		height: auto
	}
	.news .colum-pic {
		height: 170px;
		width: 40%;
		float: left
	}
	.colum-text {
		width: auto;
		display: table-cell;
		padding: 0 0 10px 10px
	}
	.colum-text h3 {
		max-width: inherit
	}
	.album-home .colum-pic {
		height: 170px
	}
	.video-home .colum-pic {
		height: 290px
	}
	.colum-pic img {
		-webkit-transition: none;
		transition: none
	}
	.go-details {
		-webkit-transform: scale(.8);
		transform: scale(.8);
		position: relative;
		bottom: auto;
		right: auto;
		display: block;
		margin: 5px -5px 0
	}
	.go-details::after,
	.group-left::after,
	.group-left::before {
		display: none
	}
	.go-details::before {
		-webkit-transition: none;
		transition: none
	}
	.go-details:hover::before {
		opacity: 1
	}
	.box:hover .colum-pic img {
		-webkit-transform: rotate(0) scale(1);
		transform: rotate(0) scale(1)
	}
	.box:hover a::before {
		opacity: 1
	}
	.group-left[data-name=intro-home],
	.group-left[data-name=news-home] {
		width: 100%
	}
	.group-left[data-name=facilities-home],
	.group-left[data-name=facilities-home] .box-text,
	.group-left[data-name=facilities-home] .box-text p,
	.group-left[data-name=half-width],
	.group-left[data-name=half-width] .box-text,
	.group-left[data-name=half-width] .box-text p {
		text-align: center
	}
	.group-right[data-name=contact-home] {
		display: block;
		height: auto;
		position: relative;
		left: auto;
		bottom: auto;
		-webkit-transform: translateY(0)!important;
		transform: translateY(0)!important
	}
	.group-right[data-name=apartment-home],
	.group-right[data-name=intro-home],
	.group-right[data-name=facilities-home],
	.group-right[data-name=half-width] {
		display: none
	}
	.group-left[data-name=intro-home] .box-cover {
		background-position: left bottom
	}
	.group-left[data-name=facilities-home],
	.group-left[data-name=half-width] {
		padding: 0 0 50px
	}
	.group-left[data-name=facilities-home] .box-cover,
	.group-left[data-name=half-width] .box-cover {
		background-image: none!important;
		position: relative;
		height: auto;
		left: auto;
		top: auto
	}
	.group-left[data-name=facilities-home] .box-cover img,
	.group-left[data-name=half-width] .box-cover img {
		display: block
	}
	.group-left[data-name=contact-home] .box-cover::before {
		display: none
	}
	.group-left[data-name=contact-home] .box-text {
		border: none;
		-webkit-border-radius: 0;
		border-radius: 0;
		padding: 0;
		background-image: none
	}
	.group-left[data-name=contact-home] .text-intro {
		margin: 0
	}
	.group-left.select .album-home,
	.group-left.select .line,
	.group-left.select .logo-center,
	.group-left.select .news,
	.group-left.select .video-home {
		-webkit-animation: none;
		animation: none;
		-webkit-animation-duration: 0s;
		animation-duration: 0s;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
		-webkit-animation-delay: 0s!important;
		animation-delay: 0s!important
	}
	#about-page {
		background-color: #1b3a57
	}
	#about-page .text-intro {
		width: 90%;
		max-width: 700px;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		padding: 20px 5%;
		text-align: center;
		-webkit-transition: none;
		transition: none;
		opacity: 1;
		margin: -50px 0 0;
		background: -webkit-linear-gradient(180deg, #183c5d 0, rgba(24, 60, 93, 0) 80%);
		background: linear-gradient(180deg, #183c5d 0, rgba(24, 60, 93, 0) 80%)
	}
	#about-page .box-text {
		text-align: center
	}
	#about-page .text-intro p {
		font-size: 15px;
		text-align: center
	}
	#location-page .text-intro h2,
	.facilities h2 {
		font-size: 24px
	}
	#about-page .text-intro h2 {
		display: block;
		margin: 0 0 20px;
		padding: 0 0 20px;
		border-bottom: dotted 1px rgba(255, 255, 255, .5)
	}
	#about-page .box-cover-right {
		display: none;
		background-image: none!important
	}
	#about-page .box-cover {
		background-image: none!important;
		height: auto
	}
	.group-left[data-name=investor] .box-cover {
		overflow: hidden;
		max-height: 450px
	}
	.apartment-map,
	.facilities-map,
	.location {
		overflow: visible
	}
	#about-page .box-cover::after {
		display: none
	}
	#about-page .box-cover img {
		display: block
	}
	#location-page .box-cover-right,
	#location-page .box-cover-right::after,
	.box-right,
	.viewer {
		display: none
	}
	#about-page .group-left {
		padding: 0
	}
	#about-page .group-left.select .text-intro {
		opacity: 1
	}
	#location-page .box-text {
		text-align: center
	}
	#location-page .box-cover {
		height: auto
	}
	#location-page .group-left {
		padding: 0 0 40px
	}
	#location-page .compass {
		top: 50px
	}
	.compass {
		width: 50px;
		height: 50px;
		right: auto;
		left: 10px;
		top: 0
	}
	.location {
		width: 100%;
		height: auto;
		position: relative;
		left: auto;
		top: auto;
		padding: 150px 0 0;
		display: block
	}
	.map-mobile {
		display: block;
		float: left;
		padding: 60px 0 0
	}
	.map-mobile::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background: -webkit-radial-gradient(circle farthest-side at center center, rgba(255, 255, 255, .8) 0, rgba(255, 255, 255, 0) 100%);
		background: radial-gradient(circle farthest-side at center center, rgba(255, 255, 255, .8) 0, rgba(255, 255, 255, 0) 100%);
		background-color: #637f96
	}
	.map-mobile::after {
		content: '';
		background: url(../images/pinchzoom.png) center center/contain no-repeat;
		width: 100%;
		height: 80px;
		position: absolute;
		left: 0;
		bottom: 0
	}
	#facilities-page .compass {
		right: 20px;
		bottom: 20px
	}
	.facilities:first-child {
		padding: 50px 0 0;
		background-color: #041533
	}
	.facilities,
	.facilities-map {
		position: relative;
		height: auto;
		top: auto;
		left: auto
	}
	.facilities-bg {
		z-index: auto
	}
	.facilities h2 {
		position: absolute;
		width: 100%;
		left: 0;
		top: 16%;
		text-align: center;
		display: block;
		z-index: 1
	}
	.note-facilities {
		right: auto;
		top: auto;
		width: 100%;
		height: auto;
		padding: 10px;
		position: relative;
		display: block;
		text-align: center;
		background-color: #989386
	}
	.note-facilities li,
	.show-box-pic {
		display: inline-block;
		margin: 0 0 5px;
		vertical-align: top
	}
	.note-facilities li {
		float: none;
		background-color: rgba(0, 0, 0, .2);
		padding: 2px 10px 2px 2px;
		width: 48%;
		text-align: left
	}
	.note-facilities li h3 {
		font-weight: 400
	}
	.note-facilities li span {
		width: 25px;
		height: 25px;
		line-height: 25px;
		font-size: 12px
	}
	.info-facilities {
		position: relative;
		height: auto;
		top: auto;
		left: auto;
		text-align: center;
		padding: 20px 0;
		background-color: #989386
	}
	.show-box-pic {
		width: 90%;
		max-width: 450px;
		position: relative;
		left: auto!important;
		top: auto!important;
		-webkit-transition: none;
		transition: none;
		z-index: auto;
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	.house-text,
	.item-plan {
		-webkit-transition: none
	}
	.show-box-pic::after {
		display: none
	}
	.faci-text,
	.show-box-pic img {
		display: inline-block;
		float: none;
		vertical-align: middle
	}
	.show-box-pic img {
		width: 140px;
		-webkit-border-radius: 50% 10%;
		border-radius: 50% 10%;
		border: 5px solid #cfc3b0
	}
	.faci-text {
		width: calc(100% - 150px)
	}
	.faci-text span {
		position: relative;
		width: auto
	}
	.dot-num span.circle {
		display: none
	}
	.apartment h2,
	.number {
		display: block
	}
	.dot-num {
		width: 45px;
		height: 45px;
		line-height: 43px;
		font-size: 18px
	}
	.apartment h2,
	.info-house {
		width: 100%;
		text-align: center
	}
	.all-dot-top .dot-num,
	.facilities h2,
	.note-facilities {
		opacity: 1
	}
	.facilities.show-text h2,
	.note-facilities.show {
		-webkit-animation: none;
		animation: none;
		-webkit-animation-duration: 0s;
		animation-duration: 0s;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
		-webkit-animation-delay: 0s!important;
		animation-delay: 0s!important
	}
	#apartment-page .compass {
		right: 20px;
		bottom: 20px
	}
	.apartment:first-child {
		padding: 50px 0 0;
		background-color: #041533
	}
	.apartment,
	.apartment-map {
		position: relative;
		height: auto;
		top: auto;
		left: auto
	}
	.apartment-bg {
		z-index: auto
	}
	.apartment h2 {
		position: absolute;
		left: 0;
		top: 16%;
		font-size: 24px;
		opacity: 1;
		z-index: 1
	}
	.info-house {
		height: auto;
		position: relative;
		left: auto;
		top: auto;
		display: inline-block;
		margin: 0;
		padding: 20px;
		z-index: 10
	}
	.item-plan {
		transition: none
	}
	.item-plan.keyplan {
		-webkit-transform: translate(0, 0) scale(1);
		transform: translate(0, 0) scale(1)
	}
	.hight-light,
	.top-block {
		display: none
	}
	.house-text,
	.num-block {
		display: inline-block;
		position: relative
	}
	.num-block {
		margin: 0 0 -10px;
		left: auto;
		top: -15px;
		font-size: 13px
	}
	.house-text {
		-webkit-border-radius: 20px;
		border-radius: 20px;
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
		transition: none;
		vertical-align: middle;
		margin: 0 0 15px;
		padding: 5px 10px 10px;
		left: auto!important;
		top: auto!important
	}
	.house-text p {
		display: block;
		font-size: 13px;
		text-align: center
	}
	.bg-house,
	.house-text span.shape {
		display: none
	}
	.house-text.current {
		background-color: #999;
		pointer-events: none
	}
	.num {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 18px
	}
	.apartment-pic,
	.house-detail,
	.load-apartment {
		width: 100%;
		max-width: inherit
	}
	#apartment-page .apartment-pointer {
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}
	#apartment-detail-page {
		text-align-last: center
	}
	.load-apartment {
		height: 100%;
		left: 0;
		top: 0;
		overflow-x: hidden;
		overflow-y: auto;
		background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .98) 0, rgba(0, 0, 0, .98) 80%);
		background: linear-gradient(0deg, rgba(0, 0, 0, .98) 0, rgba(0, 0, 0, .98) 80%)
	}
	.house-detail {
		height: auto;
		left: auto;
		top: auto;
		position: relative;
		display: block;
		padding: 20px 0;
		text-align: center;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	.apartment-pic {
		max-height: inherit;
		height: auto;
		position: relative;
		margin: 0
	}
	.apartment-pic img {
		width: 80%;
		height: auto;
		max-height: inherit;
		max-width: 780px;
		position: relative;
		display: block;
		margin: 20px auto
	}
	.title-box {
		width: 90%;
		height: auto;
		padding: 0 5%;
		margin: 0;
		text-align: center
	}
	.title-box h2 {
		font-size: 24px;
		margin: 0
	}
	.house-des ul {
		text-align: center
	}
	.house-des {
		border: none
	}
	.description {
		border-top: 1px dotted #fff
	}
	.description p {
		margin: 10px 0 0
	}
	.house-bottom {
		width: 90%;
		max-width: 300px
	}
	.grid,
	.news-content,
	.pic-center {
		max-width: inherit
	}
	.house-detail .compass {
		left: 0
	}
	.bg-degee iframe,
	.progress-list,
	.thumb-degee {
		position: relative;
		left: auto
	}
	.show-house .title-box {
		-webkit-animation-name: fadeInUp;
		animation-name: fadeInUp;
		-webkit-animation-duration: .5s;
		animation-duration: .5s
	}
	.show-house .house-bottom {
		-webkit-animation-name: fadeIn;
		animation-name: fadeIn;
		-webkit-animation-duration: .5s;
		animation-duration: .5s
	}
	.show-house .apartment-pic {
		-webkit-animation-name: fadeInUp;
		animation-name: fadeInUp;
		-webkit-animation-duration: .8s;
		animation-duration: .8s
	}
	.go-back.show {
		-webkit-animation-name: fadeIn;
		animation-name: fadeIn
	}
	.bg-degee iframe {
		width: 100%;
		height: 100%;
		top: auto
	}
	.thumb-degee {
		bottom: auto;
		right: auto;
		margin: 20px 0;
		width: 100%;
		text-align: center
	}
	.thumb-degee li {
		margin: 0 10px;
		-webkit-transition: none;
		transition: none;
		width: 100px
	}
	.thumb-degee li:not(.current):hover {
		opacity: .5
	}
	#progress-page .box-library h2 {
		opacity: 0
	}
	.progress-list {
		display: block;
		top: auto;
		width: 100%;
		height: auto;
		padding: 10px 0;
		margin: 0;
		min-height: 50vh
	}
	.progress-list::after {
		display: none
	}
	.box-progress {
		width: 45%;
		margin: 5px;
		padding: 5px;
		-webkit-transition: none;
		transition: none
	}
	.box-progress:hover {
		background-color: #f26e20
	}
	.pic-progress {
		max-height: 180px
	}
	.box-progress h3 {
		font-size: 15px;
		left: 5px;
		bottom: 5px;
		padding: 5px 10px;
		width: calc(100% - 10px)
	}
	.box-library h2,
	.content-library,
	.select-list {
		position: relative;
		left: auto;
		top: auto
	}
	.box-library,
	.content-library,
	.select-header,
	.slider-about .slide-bg {
		width: 100%;
		height: auto
	}
	.select-list {
		margin: 30px 0
	}
	.select-header {
		position: relative;
		display: block;
		background-color: #fff;
		cursor: pointer;
		-webkit-border-radius: 30px;
		border-radius: 30px
	}
	.select-box li:hover,
	.select-header .but:hover {
		background-color: #f26e20
	}
	.select-box li,
	.select-box li h3,
	.select-header .but {
		-webkit-transition: none;
		transition: none
	}
	#library-page .box-library h2 {
		display: block
	}
	.slider-about .pagination {
		display: none
	}
	.slider-about {
		overflow: visible;
		height: auto;
		z-index: 1
	}
	.slider-about .item-wrapper {
		display: block;
		width: 100%;
		height: auto;
		-webkit-transform: none!important;
		transform: none!important
	}
	.slider-about .item-container {
		display: block;
		height: auto
	}
	.box-library {
		position: relative;
		display: block;
		padding: 0 0 40px;
		text-align: center
	}
	.box-library h2 {
		font-size: 24px;
		line-height: 1.4;
		margin: -53px 0 0;
		color: #fff;
		background-color: rgba(0, 0, 0, .5);
		padding: 10px 20px;
		opacity: 1
	}
	.pic-center {
		display: block;
		width: 90%;
		margin: 20px auto 0;
		opacity: 1
	}
	.bg-cover::after,
	.colum-box-news.show .click-hover,
	.colum-box-news.show .close-news,
	.pic-center .slide-buttons {
		display: none
	}
	.box-library-pdf {
		width: 300px;
		height: 300px;
		margin: 0 auto 20px
	}
	.download-pdf::after {
		-webkit-transition: none;
		transition: none
	}
	.title-pdf:hover .download-pdf::after {
		background-color: #b70f13
	}
	.box-library-picture:hover>.title-pic,
	.title-pic {
		background-color: rgba(0, 0, 0, .2)
	}
	.box-library-picture {
		width: 96%;
		max-width: inherit
	}
	.box-library-picture:hover>.pic-library {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
	.pic-library,
	.title-pic {
		-webkit-transition: none;
		transition: none
	}
	.box-library-video:hover .title-pic {
		background-color: transparent
	}
	.pic-library-video::after {
		-webkit-transition: none;
		transition: none
	}
	.box-library-video:hover .pic-library-video::after {
		border: 2px solid rgba(255, 255, 255, .5)
	}
	.title-pdf h3,
	.title-pic h3,
	.title-video h3 {
		font-size: 14px
	}
	.pic-center.video-slide .slide-wrapper-outer {
		padding: 20px 0 0
	}
	#video-page .video-skin {
		height: 100%;
		bottom: auto;
		top: 0;
		left: 0;
		background-color: #000
	}
	.colum-box-news.show,
	.news-list {
		height: auto;
		width: 100%
	}
	#video-page .video-wrap,
	.bg-cover,
	.colum-box-news,
	.news-list {
		left: auto;
		top: auto;
		position: relative
	}
	#video-page .video-wrap {
		bottom: auto;
		width: 100%;
		height: auto
	}
	.bg-cover {
		max-height: 450px
	}
	.news-list .scrollB {
		overflow: hidden;
		display: block
	}
	.news-list {
		display: block;
		padding: 10px 0;
		margin: 0;
		overflow-y: hidden;
		overflow-x: auto;
		background-color: rgba(0, 0, 0, .1)
	}
	.news-list::after {
		display: none
	}
	.grid {
		width: 100%;
		padding: 0;
		text-align: center;
		margin: 0
	}
	.grid-item {
		opacity: 1;
		-webkit-animation: none;
		animation: none;
		-webkit-animation-duration: 0s;
		animation-duration: 0s;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
		-webkit-animation-delay: 0s!important;
		animation-delay: 0s!important;
		width: 250px;
		padding: 0 1px;
		height: 90px
	}
	.go-news,
	.link-page.current .go-news,
	.link-page:not(.current):hover .go-news {
		opacity: 0
	}
	.grid-item:first-child {
		margin: 0 -3px 0 5%
	}
	.grid-item:last-child {
		margin: 0 5% 0 -3px
	}
	.colum-box-news {
		bottom: auto;
		width: 0;
		height: auto;
		display: block;
		background-image: none;
		margin: 0;
		min-height: 80vh
	}
	.colum-box-news::after {
		display: none
	}
	.news-content {
		margin: 0 auto;
		width: 90%
	}
	.news-text {
		padding: 30px 5%
	}
	.news-text h3:nth-child(1) {
		padding: 0 0 10px;
		text-align: center
	}
	.link-page {
		-webkit-transition: none;
		transition: none;
		min-height: inherit;
		height: 90px;
		padding: 5px;
		margin: 0;
		-webkit-border-radius: 0;
		border-radius: 0
	}
	.head-text {
		padding: 0;
		width: calc(100% - 90px);
		height: 80px;
		display: table-cell;
		vertical-align: middle
	}
	.close-news,
	.head-text p,
	.head-text::after {
		display: none
	}
	.head-text h3 {
		-webkit-transition: none;
		transition: none;
		font-size: 13px
	}
	.go-news,
	.head-text p {
		-webkit-transition: none
	}
	.go-news,
	.head-text p {
		transition: none
	}
	.link-page:not(.current):hover {
		background-color: #fff
	}
	.link-page:not(.current):hover .head-text h3 {
		color: #333
	}
	.close-news {
		z-index: -9999
	}
	.pic-thumb {
		width: 80px;
		height: 80px;
		float: left;
		margin: 0 10px 0 0;
		-webkit-border-radius: 0;
		border-radius: 0
	}
	.pic-thumb img {
		height: 100%;
		width: auto;
		margin: 0 -50%
	}
	.link-page.current {
		background-color: #f26e20;
		pointer-events: none
	}
	.link-page.current .head-text h3 {
		color: #fff
	}
	.link-page .new-icon {
		left: 0;
		top: 0
	}
	.group-left[data-name=contact] {
		padding: 0 0 40px
	}
	.group-left[data-name=contact] .box-cover {
		background-image: none!important;
		position: relative;
		height: auto;
		left: auto;
		top: auto
	}
	.group-left[data-name=contact] .box-cover img {
		display: block;
		float: left
	}
	.group-left[data-name=contact] .text-intro h3 {
		font-size: 30px;
		color: #fff;
		padding: 10px;
		background-color: rgba(0, 0, 0, .5)
	}
	.group-left[data-name=contact] .text-intro p {
		font-size: 16px
	}
	.group-left[data-name=contact] .text-intro {
		text-align: center;
		margin: -60px 0 0;
		border: none;
		width: 100%;
		padding: 0
	}
	.group-left[data-name=contact] .box-text {
		margin: 20px 0 0
	}
	.group-left[data-name=contact] .text-intro h2 {
		display: none
	}
	#map-canvas,
	.googlemap {
		display: block;
		width: 100%
	}
	.group-left[data-name=contact-home] .box-text {
		opacity: 1
	}
	.googlemap {
		position: relative;
		height: 420px;
		left: auto;
		top: auto
	}
	#map-canvas {
		position: absolute;
		height: 100%;
		left: 0;
		top: 0
	}
	.zoom-control {
		display: none
	}
	.infoBox img[align=right] {
		-webkit-transition: none;
		transition: none
	}
	.infoBox img[align=right]:hover {
		background-color: #0e314d
	}
	.register-form {
		width: 100%;
		top: 0;
		left: 0;
		margin: 0;
		text-align: center;
		z-index: 1000
	}
	.register-form.show {
		height: 100%;
		overflow-y: auto
	}
	.require-col {
		width: 100%;
		margin: 40px 0 0
	}
	.input-area,
	.input-but,
	.input-text,
	.input-text:nth-child(6) {
		width: 100%
	}
	.register-form.show form {
		width: 80%
	}
	.register-form h3 {
		font-size: 24px;
		margin: 30px 0 20px
	}
	.input-but {
		margin: 20px 0 30px
	}
	.input-but button {
		-webkit-transition: none;
		transition: none
	}
	.input-but button::after {
		width: calc(100% + 10px);
		height: calc(100% + 10px);
		left: -5px;
		top: -5px;
		-webkit-transition: none;
		transition: none
	}
	.input-but button:hover::after {
		border-width: 1px
	}
	.input-but button:hover {
		background: -webkit-linear-gradient(0deg, rgba(182, 165, 124, 1) 0, rgba(174, 144, 89, 1) 80%);
		background: linear-gradient(0deg, rgba(182, 165, 124, 1) 0, rgba(174, 144, 89, 1) 80%)
	}
}

@media screen and (max-width:840px) {
	.title-page h1 {
		font-size: 32px
	}
	.slogan {
		font-size: 26px
	}
	.dot-num {
		width: 50px;
		height: 50px;
		line-height: 48px;
		font-size: 24px
	}
	.num {
		width: 45px;
		height: 45px;
		line-height: 45px;
		font-size: 22px
	}
}

@media screen and (max-width:790px) {
	.album-home,
	.news,
	.video-home {
		width: 70%
	}
	.album-home .colum-pic,
	.video-home .colum-pic {
		height: 200px
	}
	.slogan {
		font-size: 24px
	}
}

@media screen and (max-width:680px) {
	.title-page h1 {
		font-size: 30px
	}
	.pic-progress {
		max-height: 160px
	}
	.group-left[data-name=contact] .text-intro h3 {
		font-size: 24px
	}
	.group-left[data-name=contact] .text-intro {
		margin: -50px 0 0
	}
}

@media screen and (max-width:620px) {
	.box-library-pdf {
		width: 250px;
		height: 250px;
		margin: 0 auto 40px
	}
	.title-pdf {
		margin: -50px 0 0
	}
	.dot-num {
		width: 60px;
		height: 60px;
		line-height: 58px;
		font-size: 30px
	}
	.apartment h2,
	.facilities h2 {
		top: 13%
	}
	.num {
		width: 55px;
		height: 55px;
		line-height: 55px;
		font-size: 28px
	}
	.apartment-pic img {
		width: 98%
	}
}

@media screen and (max-width:520px) {
	.title-page h1 {
		font-size: 28px
	}
	.center-content h2:not(.slogan),
	.register-form h3,
	.text-intro h2 {
		font-size: 18px
	}
	.hotline {
		left: 20px;
		top: 10px;
		width: 50px;
		overflow: hidden
	}
	.hotline a {
		opacity: 0;
		width: 50px;
		position: absolute;
		left: 0;
		top: 0
	}
	.language {
		right: auto;
		left: 70px
	}
	.bottom-link>a {
		margin: 20px 10px 5px
	}
	.news {
		width: 80%
	}
	.news .colum-pic {
		height: 190px;
		width: 50%
	}
	.album-home,
	.video-home {
		width: 80%
	}
	.album-home .colum-pic,
	.video-home .colum-pic {
		height: 180px
	}
	.center-content {
		bottom: 30px
	}
	.text-intro {
		width: 100%
	}
	.slogan {
		font-size: 22px
	}
	#location-page .text-intro h2,
	.facilities h2 {
		font-size: 18px
	}
	.box-library h2 {
		font-size: 18px;
		margin: -45px 0 0
	}
	.googlemap {
		height: 80vh;
		min-height: 350px
	}
	.dot-num {
		width: 70px;
		height: 70px;
		line-height: 68px;
		font-size: 36px
	}
	.note-facilities li {
		width: 98%
	}
	.apartment h2 {
		font-size: 18px
	}
	.num {
		width: 60px;
		height: 60px;
		line-height: 60px;
		font-size: 32px
	}
	#apartment-page .apartment-pointer {
		-webkit-transform: scale(2);
		transform: scale(2)
	}
	.box-progress {
		width: 80%
	}
	.pic-progress {
		max-height: inherit
	}
	.group-left[data-name=contact] .text-intro {
		margin: -40px 0 0
	}
	.group-left[data-name=contact] .text-intro h3 {
		font-size: 18px
	}
	.group-left[data-name=contact] .text-intro p {
		font-size: 14px
	}
	.group-left[data-name=contact] .box-text {
		padding: 20px 30px;
		-webkit-border-radius: 30px;
		border-radius: 30px;
		max-width: 90%
	}
}

@media screen and (max-width:450px) {
	.album-home,
	.news,
	.video-home {
		width: 94%
	}
	.album-home .colum-pic,
	.video-home .colum-pic {
		height: 170px
	}
	.box-text g {
		display: block;
		opacity: 0;
		position: relative;
		height: 0;
		text-indent: -9999px
	}
}

@media screen and (max-width:420px) {
	.logo,
	.logo.scale {
		width: 140px
	}
	#apartment-page .compass,
	#facilities-page .compass {
		right: 10px;
		bottom: 10px
	}
	.logo {
		height: 74px;
		margin: 0 0 0 -70px
	}
	.nav-click {
		right: 10px
	}
	.hotline {
		left: 0
	}
	.language {
		left: 50px
	}
	.navigation.show {
		width: 260px
	}
	.pagination-bullet {
		height: 12px;
		width: 12px;
		margin: 0 2px
	}
	.pagination-bullet i {
		width: 6px;
		height: 6px
	}
	.slide-page span:not(.slide-numbers)::before {
		height: 12px;
		width: 12px
	}
	.slide-page span:not(.slide-numbers) {
		height: 6px;
		width: 6px
	}
	.title-page h1 {
		font-size: 20px
	}
	.news .colum-pic {
		height: auto;
		width: 100%
	}
	.news .colum-pic img {
		width: 100%;
		height: auto;
		margin: 0;
		display: block
	}
	.colum-text {
		width: 100%;
		display: inline-block;
		padding: 10px 10px 0;
		text-align: center
	}
	.colum-text g {
		display: block;
		margin: 5px 0
	}
	.go-details {
		display: inline-block;
		margin: 0
	}
	.text-intro {
		width: 100%
	}
	.box-video-center {
		min-height: 50vh
	}
	.box h2 {
		font-size: 15px
	}
	.slogan {
		font-size: 20px;
		font-weight: 700
	}
	#location-page .text-intro h2,
	.center-content h2:not(.slogan),
	.text-intro h2 {
		font-size: 14px;
		font-weight: 700
	}
	.compass {
		width: 30px;
		height: 30px
	}
	.register-form.show form {
		width: 90%
	}
	.register-form h3 {
		font-size: 18px
	}
	.facilities h2,
	.input-but button,
	.news-text h3:nth-child(1) {
		font-size: 16px
	}
	.news-content {
		width: 96%
	}
	.box-library h2 {
		font-size: 16px;
		margin: -42px 0 0
	}
	.dot-num {
		width: 80px;
		height: 80px;
		line-height: 78px;
		font-size: 40px
	}
	.note-facilities li h3 {
		font-size: 13px
	}
	.note-facilities li span {
		font-size: 11px;
		width: 20px;
		height: 20px;
		line-height: 20px
	}
	.show-box-pic img {
		width: 90px;
		border-width: 3px
	}
	.faci-text {
		width: calc(100% - 100px)
	}
	#apartment-page .apartment-pointer {
		-webkit-transform: scale(3);
		transform: scale(3)
	}
	.apartment h2 {
		font-size: 16px
	}
	.num {
		width: 70px;
		height: 70px;
		line-height: 70px;
		font-size: 36px
	}
	.title-box h2 {
		font-size: 18px
	}
	.box-progress {
		width: 90%
	}
	.group-left[data-name=contact] .text-intro {
		margin: -36px 0 0
	}
	.group-left[data-name=contact] .text-intro h3 {
		font-size: 16px
	}
}

@media screen and (max-width:350px) {
	.logo,
	.logo.scale {
		width: 114px
	}
	.logo {
		height: 70px;
		margin: 0 0 0 -57px
	}
	.language {
		right: 70px
	}
	.slogan {
		font-size: 18px
	}
	.center-content h2:not(.slogan),
	.text-intro h2 {
		font-size: 13px
	}
	#location-page .text-intro h2 {
		font-size: 13px;
		font-weight: 700
	}
	.group-left[data-name=contact] .text-intro {
		margin: -30px 0 0
	}
	.group-left[data-name=contact] .text-intro h3 {
		font-size: 15px
	}
}