body,html{
    width:100%;
    scrollbar-color:inherit;
    scrollbar-width:thin
}
a,button,cite,code,dd,dl dt,em,i,ins,mark,p,pre,strong,sup{
    text-decoration:none
}
cite,em,i,mark,sup{
    vertical-align:baseline
}
a,body,button,cite,em,h1,h2,h3,h4,h5,h6,i,p,sup{
    font-family:Montserrat,sans-serif
}
.mask,.navigation,body,svg:not(:root){
    overflow:hidden
}
.copyright,.language li a,.nav li a,.subscribe a{
    text-transform:uppercase
}
.left-content h2,.left-content h3{
    text-shadow:1px 1px 1px rgba(0,0,0,.5)
}
.colum-box-news,.overlay-dark,.overlay-menu{
    -ms-touch-action:none;
    -webkit-touch-callout:none
}
.colum-box-news,.overlay-dark,.overlay-menu,.slider-about,html{
    -webkit-touch-callout:none
}
.banner-inner img,.box-library-pdf img,.box-nav li.current a,.colum-pic img,.dot-num::after,.fullcontent .header,.go-back,.go-top,.level-index-out,.mask.finish,.nav li.current,.next-pic.disabled,.no-link,.num::after,.pic-library img,.pic-thumb img,.pinch-zoom>img,.prev-pic.disabled,.select-box li.current,.select-box li.selected,.show-box-pic img,.sub-nav li.current a,.sub-news li.active,.sub-news li.active a,.sub-news li.current a,.thumb-click li img,.thumb-click li.current,.typical{
    pointer-events:none
}
.all-album,.all-pics .text-length,.box-slider,.dragscroll,.img-moving,.overlay-dark,.overlay-menu,.slider-about,html{
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:-moz-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
}
*{
    -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
}
a,p{
    font-weight:400
}
strong{
    font-weight:700
}
.copyright,cite,em,i,mark,sup{
    font-weight:400
}
cite,em,i{
    line-height:1
}
sup{
    bottom:5px;
    font-size:70%
}
del{
    text-decoration:line-through
}
.btn:hover{
    background-position:bottom
}
img[alt]{
    font-size:0
}
h1,h2,h3,h4,h5,h6{
    line-height:1.4
}
.hover-item h3::before,.news-text p{
    font-family:Arial,Helvetica,sans-serif
}
img[data-src].lazy{
    opacity:0
}
.clearfix:after,.clearfix:before{
    content:"";
    display:table
}
.clearfix{
    clear:both
}
.nicescroll-rails{
    cursor:pointer!important;
    -webkit-border-radius:5px;
    border-radius:5px
}
iframe [name=google_conversion_frame]{
    width:0!important;
    height:0!important;
    position:absolute;
    z-index:-9999999
}
::-webkit-scrollbar{
    width:8px
}
::-webkit-scrollbar-track{
    background-color:#f1f1f1
}
::-webkit-scrollbar-thumb{
    background-color:#aaa
}
::-webkit-scrollbar-thumb:hover{
    background-color:#666
}
.loadicon{
    position:fixed;
    top:50%;
    left:50%;
    width:500px;
    height:500px;
    margin:-250px 0 0 -250px;
    z-index:110000
}
.load-present{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0
}
.header,.loadx{
    position:fixed
}
.loadicon.show .stroke-line{
    -webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
    fill-opacity:1;
    stroke-opacity:0
}
.stroke-line{
    fill-opacity:0;
    fill:#F5AD1C;
    stroke:#F5AD1C;
    stroke-miterlimit:10;
    stroke-width:.5;
    stroke-dasharray:300;
    stroke-dashoffset:300
}
.call svg path,.subscribe-icon svg path{
    fill:currentColor
}
.loader .stroke-line{
    -webkit-animation-name:DrawStroke;
    animation-name:DrawStroke;
    -webkit-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards
}
.loadx{
    background:url(../images/cycle.png) center center no-repeat;
    top:50%;
    left:50%;
    width:82px;
    height:82px;
    margin:-41px 0 0 -41px;
    -webkit-border-radius:50%;
    border-radius:50%;
    -webkit-animation:Rotate 1s linear infinite;
    animation:Rotate 1s linear infinite;
    display:none;
    z-index:110000
}
.header{
    width:100%;
    height:auto;
    left:0;
    top:0;
    z-index:60
}
.header.hide{
    top:0
}
.container{
    height:100vh;
    width:100%;
    margin:0;
    padding:0;
    position:relative
}
.logo{
    width:350px;
    height:100px;
    position:absolute;
    left:40px;
    top:20px;
    z-index:30
}
.mask,.mask span::before,.mask span:nth-child(1){
    top:0;
    left:0
}
.logo::after,.logo::before{
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    -webkit-transition:opacity .3s ease-in-out;
    transition:opacity .3s ease-in-out
}
.logo::before{
    background:url(../images/logo.svg) center center/contain no-repeat
}
.logo::after{
    background:url(../images/logo2.svg) center center/contain no-repeat;
    opacity:0
}
.logo.scale::after{
    opacity:1
}
.logo.scale::before{
    opacity:0
}
.mask{
    position:fixed;
    width:100%;
    height:100%;
    z-index:99999
}
.mask span{
    width:100%;
    height:20vh;
    position:absolute
}
.mask span::after,.mask span::before{
    content:'';
    position:absolute;
    width:100%;
    height:52%;
    background-color:#fff
}
.mask span::after{
    bottom:0;
    right:0
}
.mask span:nth-child(2){
    right:0;
    top:20vh
}
.mask span:nth-child(3){
    left:0;
    top:40vh
}
.mask span:nth-child(4){
    right:0;
    top:60vh
}
.mask span:nth-child(5){
    left:0;
    top:80vh
}
.mask span:nth-child(1)::before,.mask span:nth-child(2)::before{
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.mask span:nth-child(3)::before{
    -webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}
.mask span:nth-child(4)::before{
    -webkit-transition:all .6s ease-in-out;
    transition:all .6s ease-in-out
}
.mask span:nth-child(5)::before{
    -webkit-transition:all .7s ease-in-out;
    transition:all .7s ease-in-out
}
.mask span:nth-child(1)::after,.mask span:nth-child(2)::after{
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.mask span:nth-child(3)::after{
    -webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}
.mask span:nth-child(4)::after{
    -webkit-transition:all .6s ease-in-out;
    transition:all .6s ease-in-out
}
.mask span:nth-child(5)::after{
    -webkit-transition:all .7s ease-in-out;
    transition:all .7s ease-in-out
}
.mask.show span::after,.mask.show span::before{
    width:0
}
.mask.finish{
    height:0
}
.footer{
    position:absolute;
    width:100%;
    height:auto;
    display:block;
    bottom:20px;
    left:0;
    text-align:right;
    padding:0;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.social,.social li{
    position:relative;
    display:inline-block;
    vertical-align:middle
}
.footer.hide{
    bottom:-100px
}
.social{
    height:auto;
    width: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
}
.bottom-text,.copyright{
    position:relative;
    width:auto
}
.facebook{
    background:url(../images/facebook.svg) center center/contain no-repeat
}
.youtube{
    background:url(../images/youtube.svg) center center/contain no-repeat
}
.facebook2{
    background:url(../images/facebook2.svg) center center/contain no-repeat
}
.google{
    background:url(../images/google.svg) center center/contain no-repeat
}
.social li a:hover{
    opacity:.5
}
.bottom-text{
    height:auto;
    margin:0 10px;
    display:inline-block;
    vertical-align:middle;
    z-index:10
}
.copyright{
    color:#fff;
    font-size:11px;
    line-height:1.4;
    text-align:left;
    display:block;
    padding:10px 0;
    margin:0 80px 0 0
}
.copyright strong,.hotline a{
    font-weight:700
}
.hotline a,.subscribe a{
    line-height:50px;
    white-space:nowrap
}
.hotline,.language li a,.nav ul,.navigation,.subscribe{
    text-align:center
}
.bottom-link>a,.bottom-link>a.hidden,.copyright a{
    display:block; 
}
.hotline,.hotline a{
    width:auto;
    padding:0
}
.copyright a{ color:#fff}

 .copyright a:hover{
    background:#fff;
}

.bottom-link{
    position:absolute;
    width:auto;
    height:auto;
    bottom:0;
    left:40px
}
.call,.hotline,.hotline a{
    position:relative;
    display:inline-block;
    vertical-align:middle
}
.hotline{
    height:50px;
    margin:0;
    z-index:6;
}
.hotline a{
    font-size:24px;
    /*color: #187105;*/
}
.call{
    width:40px;
    height:35px;
  
}
.call svg{
    display:block;
    width:100%;
    height:100%
}
.subscribe,.subscribe a{
    width:auto;
    padding:0;
    position:relative;
    display:inline-block;
    vertical-align:middle
}
.subscribe{
    height:50px;
    margin:0 10px 0 0;
    z-index:6
}
.subscribe a{
    font-weight:400;
    font-size:13px;
   
}
.subscribe-icon{
    width:40px;
    height:30px;
    position:relative;
    display:inline-block;
    vertical-align:middle;
    
}
.subscribe-icon svg{
    display:block;
    width:100%;
    height:100%
}
.nav-click{
    background:url(../images/nav-click.svg) center top no-repeat;
    position:absolute;
    cursor:pointer;
    width:60px;
    height:48px;
    right:30px;
    top:30px;
    z-index:100
}
.language,.language li,.language li a{
    width:40px;
    height:40px
}
.nav-click.active{
    background-position:center bottom
}
.language{
    position:absolute;
    right:130px;
    top:35px;
    z-index:10
}
.language li{
    position:relative;
    display:block;
    margin:0
}
.language li a{
    font-size:14px;
    font-weight:700;
    display:block;
    line-height:38px;
    -webkit-border-radius:50%;
    border-radius:50%;
    color:#187105
}
.language li svg{
    width:100%;
    height:100%;
    display:block;
    position:absolute;
    left:0;
    top:0;
    opacity:.5
}
.language li.active{
    display:none
}
.navigation{
    width:0;
    height:100%;
    position:fixed;
    right:0;
    top:0;
    -webkit-transition:width .3s ease-in-out;
    transition:width .3s ease-in-out;
    z-index:90
}
.nav,.nav ul{
    width:100%;
    display:inline-block
}
.navigation::after,.navigation::before{
    content:'';
    height:100%;
    position:relative;
    display:inline-block;
    vertical-align:middle
}
.nav,.nav li,.nav ul{
    position:relative;
    height:auto
}
.nav{
    vertical-align:middle;
    margin:0 -5px;
    z-index:30
}
.nav ul{
    margin:0;
    counter-reset:section
}
.nav li,.nav li a,.title-page h1{
    text-align:right
}
.nav li{
    width:100%;
    display:block;
    margin:0 0 5px;
    opacity:0;
    padding:0 50px 0 0
}
.navigation>span,.navigation>span span{
    width:100%;
    right:0;
    position:absolute;
    top:0
}
.nav li a,.nav li::after{
    display:inline-block;
    vertical-align:middle;
    line-height:1.4
}
.nav li a{
    font-weight:400;
    font-size:calc(100vh/40);
    padding:10px 20px;
    color:#fff;
    white-space:nowrap
}
.nav li:hover a{
    color: #0C0;
}



.nav li::after{
    counter-increment:section;
    content:"0" counter(section);
    font-size:12px;
    color:#eee;
    margin:0 0 0 5px
}
.nav li.current a{
   font-weight:700;
}
.navigation>span{
    height:100%;
    background-color:rgba(207, 154, 44, 0.6);
    overflow:hidden;
    z-index:5
}
.navigation>span span{
    height:100%;
    background-color:rgba(207, 154, 44, 0.8);
    opacity:0
}
.overlay-menu,.title-page{
    overflow:hidden;
    position:fixed
}
.navigation.show>span span{
    -webkit-animation:goRight2;
    animation:goRight2;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-delay:.5s;
    animation-delay:.5s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards
}
.navigation.show{
    width:500px
}
.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
}
.navigation:not(.show) .nav li{
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut;
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards
}
.overlay-menu{
    height:100%;
    width:0;
    background-color:rgba(0,0,0,.3);
    left:0;
    top:0;
    -webkit-transition:width .5s ease-in-out;
    transition:width .5s ease-in-out;
    z-index:50
}
.overlay-menu.show{
    width:calc(100% - 500px)
}
.title-page{
    width:auto;
    height:auto;
    right:190px;
    top:45px;
    z-index:10
}
.title-page h1{
    font-weight:700;
    font-style:italic;
    font-size:18px;
    line-height:1;
    color:#fff;
    position:relative
}
.text-intro h2,.title h2{
    line-height:1.2;
    display:block;
    margin:20px auto;
    font-style:italic
}
.title-page h1>span>span{
    -webkit-transition:opacity .8s linear;
    transition:opacity .8s linear;
    opacity:0
}
.title-page h1>span>span.move{
    opacity:1
}
.text-intro h2{
    font-weight:400;
    font-size:calc(100vw/40);
    position:relative
}
.left-content h2,.title h2{
    font-weight:700;
    color:#fff
}
.text-intro h2>span{
    display:block
}
.text-intro h2>span>span{
    -webkit-transition:opacity .8s linear;
    transition:opacity .8s linear;
    opacity:0;
    position:relative
}
.text-intro h2>span>span.move{
    opacity:1
}
.title{
    position:absolute;
    width:100%;
    height:auto;
    left:0;
    top:0;
    z-index:1
}
.title h2{
    font-size:30px;
    text-align:center
}
.box-nav,.sub-nav,.sub-news{
    width:20px;
    height:auto;
    position:absolute;
    right:20px;
    top:50%;
    padding:10px 0;
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    z-index:20
}
.box-nav ul,.sub-nav ul,.sub-news ul{
    width:100%;
    height:auto;
    position:relative;
    text-align:center;
    list-style:none
}
.box-nav li,.sub-nav li,.sub-news li{
    position:relative;
    display:inline-block;
    vertical-align:top;
    height:auto;
    margin:8px 0
}
.hover-item h3,.hover-item::after,.hover-item::before,.partner span,.picture,.text-intro,.wrap-news{
    vertical-align:middle
}
.box-nav li a,.sub-nav li a,.sub-news li a{
    display:block;
    width:20px;
    height:20px;
    -webkit-border-radius:50%;
    border-radius:50%;
    color:#fff
}
.box-nav li a svg,.sub-nav li a svg,.sub-news li a svg{
    width:100%;
    height:100%;
    display:block
}
.box-nav li a::after,.sub-nav li a::after,.sub-news li a::after{
    content:'';
    display:block;
    width:8px;
    height:8px;
    left:6px;
    top:6px;
    position:absolute;
    background-color:#fff;
    -webkit-border-radius:50%;
    border-radius:50%
}
.box-nav li span,.sub-nav li span,.sub-news li span{
    font-weight:700;
    font-size:12px;
    line-height:1;
    color:#fff;
	text-shadow: 1px 1px 1px #000;
    text-transform:uppercase;
    text-align:right;
    white-space:nowrap;
    padding:8px;
    position:absolute;
    display:inline-block;
    top:50%;
    right:20px;
    margin:-16px 0 0;
    opacity:0;
    visibility:hidden
}
.banner-inner,.content-main{
    text-align:center;
    overflow:hidden
}
.box-slider{
    width:100%;
    height:100vh;
    position:relative;
    overflow:hidden;
    display:block;
    float:left;
    -webkit-tap-highlight-color:transparent;
    z-index:1
}
.bg-cover,.content-main,.group-central{
    position:absolute;
    top:0
}
.group-central{
    width:100%;
    height:100vh;
    left:0;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transform:translate(0,100%);
    transform:translate(0,100%);
    overflow:hidden
}
.group-central.show-text{
    z-index:1
}
.bg-cover,.box-cover{
    width:100%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    z-index:-1;
    left:0
}
.group-central:first-child{
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.content-main{
    width:100%;
    height:100vh;
    left:0
}
.content-main::after,.content-main::before{
    content:'';
    display:inline-block;
    height:100%;
    vertical-align:middle
}
.bg-cover{
    height:100%
}
.box-cover{
    height:100vh;
    position:absolute;
    top:0
}
 .blur {	filter: blur(0px); -webkit-filter: blur(0px); }	

.bg-cover svg,.box-cover svg,.box-cover::after{
    width:100%;
    height:100%;
    top:0;
    position:absolute
}
.box-cover::after{
    content:'';
    right:0;
    background:-webkit-linear-gradient(270deg,rgba(0,84,95,1) 0,rgba(0,84,95,0) 100%);
    background:linear-gradient(270deg,rgba(0,84,95,1) 0,rgba(0,84,95,0) 100%);
    display:none;
    opacity:0;
    mix-blend-mode:multiply
}
.bg-cover svg,.box-cover svg{
    left:0;
    z-index:3
}
.blur{
    -webkit-filter:blur(10px);
    filter:blur(10px)
}
.box-01{
    width:55vw;
    height:55vw;
    right:0;
    top:0;
    position:absolute;
    background:url(../images/box.svg) center center/cover no-repeat
}
.box-02{
    width:50vw;
    height:50vw;
    right:0;
    top:0;
    position:absolute;
    background:url(../images/box2.svg) center center/cover no-repeat
}
.banner-home,.banner-inner,.banner-inner img,.slide-pics,.slider-inner{
    width:100%;
    position:relative
}
#home-page .title-page{
    display:none
}
.slide-pics{
    height:100%;
    display:block
}
.banner-home{
    height:100vh;
    display:block;
    overflow:hidden
}
.slider-inner{
    height:auto;
    overflow:hidden;
    display:block;
    margin:0
}
.banner-inner{
    height:auto;
    padding:0;
    display:block;
    margin:0;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.banner-inner img{
    height:auto;
    margin:0;
    display:block;
    opacity:0;
    z-index:-9999
}
.slide-pics .slide-controls{
    position:absolute;
    bottom:auto;
	top: 50vh;
    left:10vw;
    max-width:80vw;
    margin:0 ;
}
.slide-pics .slide-pagination{
    position:absolute;
    opacity:0;
}
.left-content{
    width:auto;
    height:auto;
    position:absolute;
    left:40px;
    text-align:left;
    bottom:200px;
    z-index:50
}
.left-content h2{
    font-size:calc(100vw/40);
    line-height:1.4;
    text-align:left;
    position:relative;
    display:block;
    opacity:0
}
.left-content h3{
    font-weight:400;
    font-size:calc(100vw/65);
    font-style:italic;
    line-height:1.4;
    color:#fff;
    text-align:left;
    display:block;
    position:relative;
    max-width:400px;
    opacity:0
}
.select-banner .left-content h2{
    -webkit-animation:goLeft;
    animation:goLeft;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-delay:0s;
    animation-delay:0s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards
}
.select-banner .left-content h3{
    -webkit-animation:fadeInUp;
    animation:fadeInUp;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-delay:.5s;
    animation-delay:.5s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards
}
.text-intro{
    position:relative;
    width: 70vw;
    max-width:1200px;
    height:auto;
    margin:0 -5px;
    padding:0;
    color:#fff;
    display:inline-block;
    text-align:center;
    z-index:5
}
.text-intro h3,.text-intro p{
    font-weight:400;
    margin:0 auto 5px
}
.text-intro h3{
    font-style:italic;
    font-size:32px;
    line-height:1.4;
    display:block;
	text-shadow:1px 1px 1px #000;
	 font-weight:700;
}
.text-intro p{
    font-size:18px;
    line-height:1.2;
    display:block;
    max-width:500px;
	text-shadow:1px 1px 1px #000;
}
.faci-text h3,.go-inner,.go-page{
    font-weight:700;
    text-transform:uppercase
}
.text-intro h2::after{
    content:'';
    width:60%;
    max-width:300px;
    position:relative;
    display:block;
    height:1px;
    background:-webkit-linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    margin:20px auto
}
.text-intro a:not(.go-inner,.go-page){
    color:#187105
}
.go-inner,.go-page{
    font-size:12px;
    line-height:1.4;
    padding:10px 20px;
    display:inline-block;
    position:relative;
    margin:10px 0;
    color:#fff;
    -webkit-border-radius:10px;
    border-radius:10px;
    z-index:10
}
.bg-black::after,.go-page::after,.go-page::before{
    position:absolute;
    content:''
}
.go-page::after,.go-page::before{
    width:70px;
    height:1px;
    top:50%
}
.go-page::before{
    left:-70px;
    background:-webkit-linear-gradient(90deg,rgba(255,255,255,0) 0,#fff 100%);
    background:linear-gradient(90deg,rgba(255,255,255,0) 0,#fff 100%)
}
.go-page::after{
    right:-70px;
    background:-webkit-linear-gradient(90deg,#fff 0,rgba(255,255,255,0) 100%);
    background:linear-gradient(90deg,#fff 0,rgba(255,255,255,0) 100%)
}
.content-left{
    text-align:left;
    width:90%;
    left:5%
}
.content-right{
    text-align:right;
    width:90%;
    left:5%
}
.content-left .text-intro,.content-right .text-intro{
    text-align:left;
    width:40%;
    max-width:600px;
    margin:0 10% 0 0;
	padding:0 25px 25px;
	line-height:21px;
}

.content-left .text-intro h2::after,.content-right .text-intro h2::after{
    display:none
}
.content-left .text-intro p,.content-right .text-intro p{
    max-width:inherit
}
.content-right .go-page{
    margin:0 0 0 70px
}
	.bg-black2 {
	background:rgba(120, 80, 10, 0.5);	
    width:450px;
    height:450px;
	max-width:100%;
	max-height:100%;
    left:0;
    top:30px;
    -webkit-border-radius:50%;
    border-radius:50%;
	padding:60px 40px;
    z-index:-1;
	}

.bg-black{
    padding:90px 40px;
    width:450px;
    height:450px
}
.box-news,.box-news:nth-child(1) .colum-text,.colum-text{
    padding:10px
}
.bg-black::after{
    width:100%;
    height:100%;
    left:0;
    top:0;
    -webkit-border-radius:50%;
    border-radius:50%;
    z-index:-1
}
.box-pic,.box-pic img,.picture{
    position:relative
}
.picture{
    width:55vw;
    height:100vh;
    display:inline-block;
    margin:0 -5px
}
.picture.circle{
    -webkit-border-radius:50%;
    border-radius:50%
}
.picture.circle .box-pic{
    height:90vh;
    width:90vh;
    -webkit-border-radius:50%;
    border-radius:50%
}
.picture.circle .box-pic img{
    width:auto;
    height:100%;
    margin:0 -50%
}
.box-pic{
    width:100%;
    height:100%;
    display:block
}
.box-pic img,.box-pic svg{
    width:calc(1300/1000 * 100vh);
    height:100vh
}
.box-pic img{
    display:block;
    margin:0;
    z-index:1
}
.box-pic svg{
    position:absolute;
    left:0;
    top:0
}
.st-line{
    fill:none;
    stroke:#fff;
    stroke-miterlimit:10;
    stroke-width:2;
    stroke-dasharray:20;
    stroke-dashoffset:0
}
.dot-logo{
    position:relative;
    cursor:pointer;
    color:#00707E;
    -webkit-filter:drop-shadow( 0 10px 20px rgba(0,0,0,.5) );
    filter:drop-shadow( 0 10px 20px rgba(0, 0, 0, .5) )
}
.half{
    max-width:40vw;
    margin:0 0 0 5vw
}
.map-svg{
    z-index:2
}
.map-bg{
    z-index:-1
}
.hover-box{
    width:100%;
    height:100%;
    position:absolute;
	 display:flex;
    left:0;
    top:0;
    overflow:hidden
}
.hover-item{
    height:100%;
    width:20%;
    display:block;
    position:relative;
    float:left;
    text-align:center;
    z-index:2
}
.hover-item::after,.hover-item::before{
    content:'';
    display:inline-block;
    height:100%
}
.hover-item h3{
    font-weight:400;
    font-style:italic;
    font-size:30px;
    display:inline-block;
    position:relative;
    color:#fff;
    text-align: center;
    max-width:100%;
    height:auto;
	top:20vh;
	padding:20px 30px;
}
.hover-item h3::before{
    /*content:'“';
    font-size:300%;
    color:#fff;
    position:absolute;
    left:-40px;
    top:-20px*/
}
.hover-item span{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    z-index:-1
}
.group-central[data-name=apartment-home] .box-cover::after{
    display:block
}
.wrap-news{
    width:100%;
    max-width:800px;
    position:relative;
    height:auto;
    display:inline-block;
    text-align:right;
    z-index:5
}
.go-details{
    width:60px;
    height:60px;
    position:absolute;
    right:10px;
    bottom:10px;
    z-index:10
}
.go-details::after,.go-details::before{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    content:''
}
.go-details::before{
    background:url(../images/go.png) center top no-repeat
}
.go-details::after{
    background:url(../images/go.png) center bottom no-repeat;
    opacity:0
}
.box-news,.colum-pic,.colum-text{
    position:relative
}
.box-news{
    height:auto;
    display:block;
    float:left;
    overflow:hidden;
    cursor:pointer;
    -webkit-border-radius:20px;
    border-radius:20px
}
.colum-text{
    width:auto;
    height:auto;
    color:#fff;
    display:block;
    text-align:left
}
.colum-pic,.colum-pic img{
    width:100%;
    height:auto;
    display:block
}
.colum-text h3{
    font-weight:400;
    font-size:18px;
    line-height:1.4;
    display:block;
    margin:0 0 10px
}
.colum-text p{
    font-weight:400;
    max-height:35px;
    overflow:hidden;
    font-size:14px;
    line-height:1.4;
    display:block
}
.colum-pic{
    overflow:hidden;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
}
.colum-pic img{
    opacity:0
}
.box-news:nth-child(1){
    width:35%;
    height:420px;
    background:rgba(134,83,4,.8);
    margin:0
}
.box-news:nth-child(2){
    width:60%;
    height:205px;
    background:rgba(139,146,21,.8);
    margin:0 0 5px 5px
}
.box-news:nth-child(3){
    width:60%;
    height:205px;
    background:rgba(24,113,5,.8);
    margin:5px 0 0 5px
}
.box-news:nth-child(1) .colum-pic{
    height:200px;
    -webkit-border-radius:18px 18px 0 0;
    border-radius:18px 18px 0 0
}
.box-news:nth-child(2) .colum-pic{
    max-height:inherit;
    width:50%;
    height:100%;
    -webkit-border-radius:0 18px 18px 0;
    border-radius:0 18px 18px 0;
    float:right;
    margin:0 0 0 10px
}
.box-news:nth-child(3) .colum-pic{
    max-height:inherit;
    width:50%;
    height:100%;
    -webkit-border-radius:18px 0 0 18px;
    border-radius:18px 0 0 18px;
    float:left;
    margin:0 10px 0 0
}
.all-logo,.pic-logo{
    width:100%;
    height:auto;
    display:block;
    position:relative
}
.box-news:nth-child(2) .go-details{
    
}
.partner{
    margin:auto
}
.all-logo{
    margin:0 auto 50vh;
    text-align:center
}
.pic-logo{
    margin:0 0 10px
}
.box-text,.box-text li{
    display:block;
    width:100%;
    margin:0;
    height:auto;
	text-shadow: 1px 1px 1px #000;
}

.box-text ul{
    display:flex;
   
}



.pic-logo>h3{
    color:#fff;	
    font-size:12px;
    font-weight:400;
    font-style:normal;
    position:relative;
    display:block;
    padding:0 10px;
    text-align:center;
    text-transform:uppercase
}
.box-library h2,.description p,.group-central[data-name=location] .text-intro p strong,.register-form h3{
    font-style:italic
}
.box-text{
    position:relative;
    padding:20px;
    font-weight:400;
    font-size:15px;
    line-height:1.6;
    color:#fff;
	background:rgba(2,131,62,.8);
	border-radius:50px;
}
.box-text a{
    color:#fff
}
.box-text p{
    margin:0 0 10px;
    display:inline-block;
    position:relative;
    max-width:inherit
}
.pic-logo img{
    display:block;
    width:auto;
    height:auto;
    max-width:400px;    
    margin:10px auto 0
}
.pic-logo span{
    width:auto;
    display:block;
    margin:0 auto
}
/*.partner span{
    width:33%;
    display:inline-block;
    margin:0 -3px 20px
}*/
.partner small{
    font-size:13px;
    line-height:1.4;
    font-weight:400;
    display:block
}
.address,.email,.phone,.website{
    width:30px;
    height:30px;
    display:inline-block;
    vertical-align:middle
}
.box-text span{
    margin:0 5px 0 0
}
.phone{
    background:url(../images/phone.svg) center center/cover no-repeat
}
.email{
    background:url(../images/email.svg) center center/cover no-repeat
}
.address{
    background:url(../images/add.svg) center center/cover no-repeat
}
.website{
    background:url(../images/web.svg) center center/cover no-repeat
}
.compass,.compass2{
    width:62px;
    position:absolute;
    z-index:20
}
.group-central[data-name=invest] .box-cover::after,.group-central[data-name=partner] .box-cover::after{
    background:-webkit-linear-gradient(0deg,rgba(0,84,95,1) 0,rgba(0,84,95,.5) 100%);
    background:linear-gradient(0deg,rgba(0,84,95,1) 0,rgba(0,84,95,.5) 100%);
    display:block
}
.group-central[data-name=location] .text-intro{
    max-width:400px;
    position:absolute;
    left:50px;
    bottom:80px;
    text-align:left
}
.buttons,.facilities h2,.show-box-pic,.slider-about{
    text-align:center
}


    .group-central[data-name=intro] .text-intro::after{
        content:'';
        width:100%;
        height:100%;
        position:absolute;
        left:0;
        top:0;
        background:linear-gradient(20deg,rgba(0,0,0,0.3)30%,rgba(0,0,0,.5) 50%);
		border-radius:35px;
		z-index: -1;
    }
	
    .group-central[data-name=master] .text-intro::after{
        content:'';
        width:100%;
        height:100%;
        position:absolute;
        left:0;
        top:0;
        background:rgba(0,0,0,0.65);
		border-radius:35px;
		z-index: -1;
    }
	    .group-central[data-name=master] img{
        max-width:100%;
    }


.compass{
    background:url(../images/compass.svg) center center no-repeat;
    background-size:contain;
    height:62px;
    left:20px;
    top:20px
}
.compass2{
    background:url(../images/compass2.svg) center center no-repeat;
    background-size:contain;
    height:62px;
    right:200px;
    top:120px
}
.box-cover-right{
    width:calc(100% - 500px);
    height:100vh;
    position:absolute;
    right:0;
    top:0;
    z-index:5
}
.location,.panzoom,.viewer{
    width:100%;
    height:100%;
    top:0;
    position:absolute
}
.location{
    left:0;
    overflow:hidden
}
.viewer{
    right:0;
    cursor:ew-resize;
    cursor:e-resize;
    cursor:url(../images/hand.cur) 8 8,move;
    overflow:visible!important
}
.item-floor,.slider-about{
    overflow:hidden
}
.panzoom{
    left:0
}
.map-img{
    width:1500px;
    height:1000px;
    display:block;
    position:absolute;
    left:50%;
    top:50%;
    margin:-500px 0 0 -750px;
    -webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}
.map-img svg{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0
}
.map-img img{
    width:100%;
    height:100%;
    display:block;
    position:relative;
    margin:0 auto;
    z-index:1
}
.buttons{
    position:absolute;
    bottom:100px;
    right:50px;
    height:50px;
    width:110px;
    z-index:20
}
.pic-zoom-in,.pic-zoom-out{
    width:50px;
    height:50px;
    -webkit-border-radius:50%;
    border-radius:50%;
    font-size:0;
    text-indent:-9999px;
    border:none;
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin:5px 0;
    cursor:pointer
}
#facilities-page .box-cover,.map-mobile{
    display:none
}
.item-floor,.map-mobile,.slide-plan{
    width:100%;
    margin:0;
    position:relative
}
.pic-zoom-in{
    background:url(../images/zoom-in.png) center center no-repeat rgba(0,0,0,.2)
}
.pic-zoom-out{
    background:url(../images/zoom-out.png) center center no-repeat rgba(0,0,0,.2)
}
.map-mobile{
    height:auto
}
.item-floor,.slide-plan{
    display:block;
    height:100vh;
    padding:0
}
.slide-plan .slide-buttons{
    margin-left:50px
}
.faci-text,.slider-about{
    display:block;
    margin:0
}
.slide-plan .slide-prev{
    left:calc(100vw / 8);
    opacity:1;
    height:150px;
    width:60px
}
.slide-plan .slide-next{
    right:calc(100vw / 8);
    opacity:1;
    height:150px;
    width:60px
}
.slider-about{
    position:relative;
    left:0;
    top:0;
    width:100%;
    height:100%;
    padding:0
}
.facilities .pinch-zoom-container{
    height:100%!important
}
.facilities,.facilities-map,.slide-bg{
    width:100%;
    height:100%;
    overflow:hidden
}
.slide-bg{
    position:relative
}
.all-dot,.all-dot-top,.facilities h2,.facilities-bg,.facilities-map,.info-facilities,.show-box-pic{
    position:absolute
}
.facilities{
    background-color:#ffffff;
    color:#fff
}
.facilities h2{
    font-weight:400;
    font-size:30px;
    line-height:1.4;
    left:0;
    top:0;
    width:100%;
    text-transform:uppercase;
    padding:30px 0;
    z-index:3
}
.facilities-map{
    left:0;
    top:0
}
.facilities-bg{
    left:0;
    top:0;
    width:2400px;
    height:1500px;
    background-position:center center;
    -webkit-background-size:contain;
    background-size:contain;
    background-repeat:no-repeat;
    z-index:1
}
.facilities-bg img{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0
}
.all-dot{
    width:2400px;
    height:1500px;
    left:0;
    top:0;
    z-index:10
}
.all-dot-top{
    left:600px;
    top:580px;
    width:1300px;
    height:400px
}
.info-facilities{
    left:0;
    top:0;
    width:100%;
    height:auto
}
.show-box-pic{
    width:auto;
    max-width:220px;
    height:auto;
    left:auto;
    top:auto;
    right:auto;
    padding:8px;
    -webkit-border-radius:15px;
    border-radius:15px;
    -webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
    box-shadow:0 10px 20px 0 rgba(0,0,0,.1);
    background-color:#187105;
    cursor:pointer;
    color:#fff;
    z-index:500;
    opacity:0;
    -webkit-transform:scale(0);
    transform:scale(0)
}
.faci-text,.faci-text h3,.show-box-pic img{
    width:100%;
    height:auto
}
.show-box-pic.no-pic{
    max-width:inherit
}
.show-box-pic img{
    display:block;
    -webkit-border-radius:10px;
    border-radius:10px
}
.faci-text h3{
    font-size:13px;
    line-height:1.4;
    margin:5px 0;
    display:block;
    white-space:normal
}
.faci-text p,.faci-text span{
    display:block;
    width:100%;
    height:auto;
    font-weight:400
}
.faci-text p{
    font-size:12px;
    line-height:1.6;
    white-space:normal
}
.faci-text span{
    position:relative;
    font-size:11px;
    line-height:1.4;
    margin:5px 0
}
.show-box-pic.showup{
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1
}
.show-box-pic::after{
    content:'';
    position:absolute;
    left:25px;
    bottom:-15px;
    top:auto;
    margin:0 0 0 -10px;
    width:0;
    height:0;
    border-style:solid;
    border-width:20px 20px 0 0;
    border-color:#187105 transparent transparent
}
.note-facilities{
    position:absolute;
    width:auto;
    height:auto;
    left:50%;
    bottom:70px;
    text-align:left;
    background-color:#ffffff;
    -webkit-border-radius:20px;
    border-radius:20px;
    padding:10px;
    z-index:10
}
.note-facilities ul{
    display:inline-block;
    position:relative;
    vertical-align:top;
    width:auto;
    max-width:260px;
    height:auto;
    margin:0
}
.note-facilities li h3,.note-facilities li span{
    display:inline-block;
    font-weight:400;
    font-size:12px;
    vertical-align:middle
}
.note-facilities li{
    position:relative;
    display:inline-block;
    float:left;
    margin:0 0 2px;
    padding:5px 15px 5px 5px;
    -webkit-border-radius:25px;
    border-radius:25px;
    background-color:rgba(0,0,0,0);
    clear:both;
    cursor:pointer
}
.note-facilities li span{
    width:20px;
    height:20px;
    margin:0 5px 0 0;
    line-height:20px;
    background-color:#7fa4ae;
    -webkit-border-radius:50%;
    border-radius:50%;
    color:#fff;
    text-align:center
}
.note-facilities li h3{
    color:#fff;
    text-transform:uppercase;
    line-height:1.4;
    max-width:calc(100% - 30px);
    white-space:nowrap
}
.dot-num,.house-text a,.house-text h3,.house-text p,.house-text small{
    display:block
}
.dot-num,.number{
    font-weight:700;
    -webkit-border-radius:50%;
    position:absolute;
    color:#fff;
    text-align:center
}
.note-facilities li.current{
    background-color:#187105
}
.dot-num{
    width:34px;
    height:34px;
    line-height:32px;
    background-color:#ffffff;
    font-size:16px;
    box-shadow:0 0 20px 5px rgba(255,255,255,0);
    border-radius:50%;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.dot-num::after{
    content:'';
    width:calc(100% + 8px);
    height:calc(100% + 8px);
    left:-4px;
    top:-4px;
    position:absolute;
    border:4px solid rgba(255,255,255,.5);
    -webkit-border-radius:50%;
    border-radius:50%;
    z-index:-1
}
.dot-num span.circle{
    position:absolute;
    left:-10px;
    top:-10px;
    display:block;
    width:calc(100% + 20px);
    height:calc(100% + 20px);
    border:1px solid #00707e;
    -webkit-border-radius:50%;
    border-radius:50%;
    box-shadow:0 0 10px rgba(255,255,255,1)
}
#apartment-page .box-cover,.dot-num.current span.circle,.number{
    display:none
}
.dot-num.current{
    background-color:#d09b2c
}
.number{
    top:-5px;
    left:-5px;
    width:25px;
    height:25px;
    line-height:23px;
    background-color:#187105;
    font-size:12px;
    border-radius:50%
}
.dot-01{
    left:0;
    top:120px
}
.dot-02{
    left:300px;
    top:170px
}
.dot-03{
    left:300px;
    top:0
}
.dot-04{
    left:550px;
    top:250px
}
.dot-05{
    left:650px;
    top:190px
}
.dot-06{
    left:330px;
    top:270px
}
.dot-07{
    left:520px;
    top:50px
}
.dot-08{
    left:1250px;
    top:450px
}
.dot-09{
    left:1320px;
    top:320px
}
.dot-201{
    left:550px;
    top:100px
}
.dot-202{
    left:580px;
    top:200px
}
.dot-203{
    left:1200px;
    top:300px
}
.dot-301{
    left:260px;
    top:200px
}
.dot-302{
    left:340px;
    top:290px
}
.dot-303{
    left:560px;
    top:220px
}
.dot-304{
    left:400px;
    top:70px
}
.dot-305{
    left:560px;
    top:70px
}
.dot-306{
    left:1400px;
    top:290px
}
.dot-307{
    left:1200px;
    top:390px
}
.apartment{
    width:100%;
    height:100%;
    overflow:hidden;
    background-color:#ffffff;
    color:#fff
}
.apartment .pinch-zoom-container{
    height:100%!important
}
.apartment h2{
    font-weight:400;
    font-size:30px;
    line-height:1.4;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    text-transform:uppercase;
    padding:30px 0;
    text-align:center;
    z-index:3
}
.house-detail .compass2{
    width:30px;
    height:40px;
    left:auto;
    top:30px;
    right:0;
    margin:0;
    background:url(../images/compass3.svg) center center/contain no-repeat
}
.apartment-bg,.apartment-bg img,.apartment-map{
    left:0;
    top:0;
    position:absolute
}
.apartment-bg,.pic-progress{
    background-position:center center;
    background-repeat:no-repeat
}
.hover-fill{
    cursor:pointer;
    fill-opacity:0
}
.apartment-map{
    width:100%;
    height:100%;
    overflow:hidden
}
.apartment-bg{
    width:2400px;
    height:1500px;
    -webkit-background-size:contain;
    background-size:contain
}
.apartment-bg area,.apartment-bg img,.typical{
    height:100%;
    width:100%
}
.typical{
    position:absolute;
    left:70px;
    top:100px
}
.info-house{
    width:100%;
    height:auto;
    position:absolute;
    left:0;
    top:0;
    z-index:60
}
.num-block{
    font-weight:700;
    -webkit-border-radius:50%;
    border-radius:50%;
    width:30px;
    height:30px;
    font-size:13px;
    color:#fff;
    line-height:28px;
    background-color:#187105;
    position:absolute;
    left:10px;
    top:-12px;
    border-left:2px solid #fff;
    text-align:center
}
.house-text{
    background-color:#fff;
    width:auto;
    max-width:180px;
    height:auto;
    padding:20px;
    position:absolute;
    -webkit-border-radius:15px;
    border-radius:15px;
    text-align:left;
    box-shadow:0 10px 30px rgba(0,0,0,.3);
    z-index:120
}
.house-text a h2,.house-text h3{
    text-align:left;
    position:relative
}
.house-text a h2{
    width:auto;
    font-weight:700;
    font-size:15px;
    line-height:1.4;
    left:auto;
    top:auto;
    padding:0;
    color:#187105;
    opacity:1
}
.apartment.show-text .house-text a h2{
    -webkit-animation:none;
    animation:none;
    -webkit-animation-duration:0s;
    animation-duration:0s
}
.house-text h3{
    font-size:14px;
    color:#333;
    line-height:1.2;
    font-weight:400
}
.num,.num::after{
    position:absolute
}
.house-text p{
    font-size:12px;
    color:#777;
    line-height:1.6;
    font-weight:400
}
.house-text small{
    font-size:13px;
    color:#ffffff;
    line-height:1.6;
    font-weight:700
}
.house-text span.shape{
    width:0;
    height:0;
    border-style:solid;
    border-width:15px 15px 0;
    border-color:#fff transparent transparent;
    position:absolute;
    bottom:-14px;
    left:30px;
    z-index:-1
}
.num{
    width:32px;
    height:32px;
    line-height:30px;
    background-color:rgba(0,84,91,.7);
    color:#fff;
    font-weight:700;
    text-align:center;
    font-size:15px;
    -webkit-border-radius:50%;
    border-radius:50%
}
.num::after{
    content:'';
    width:calc(100% + 2px);
    height:calc(100% + 2px);
    left:-1px;
    top:-1px;
    border:1px solid rgba(255,255,255,.5);
    -webkit-border-radius:50%;
    border-radius:50%
}
.bg-house,.select-list{
    -webkit-border-radius:30px
}
.C-01{
    left:68.2%;
    top:39.8%
}
.C-02{
    left:71.2%;
    top:42%
}
.C-03{
    left:77.8%;
    top:48%
}
.C-04{
    left:80.5%;
    top:50.2%
}
.C-05{
    left:83.7%;
    top:52.8%
}
.C-06{
    left:86.8%;
    top:55.5%
}
.C-07{
    left:75.1%;
    top:65.3%
}
.C-08{
    left:72.5%;
    top:63.1%
}
.C-09{
    left:69.5%;
    top:60.5%
}
.C-10{
    left:67%;
    top:58%
}
.C-11{
    left:64%;
    top:55%
}
.C-12{
    left:61.5%;
    top:52.3%
}
.C-13{
    left:58.5%;
    top:50%
}
.C-14,.C-15,.C-16,.C-17{
    top:52%
}
.C-14{
    left:47.5%
}
.C-15{
    left:44.5%
}
.C-16{
    left:41.2%
}
.C-17,.C-18{
    left:38%
}
.C-18,.C-19,.C-20,.C-21{
    top:35%
}
.C-19{
    left:41.2%
}
.C-20{
    left:44.5%
}
.C-21{
    left:47.5%
}
.B-01{
    left:79.5%;
    top:69.5%
}
.B-02{
    left:33%;
    top:52%
}
.B-03{
    left:33%;
    top:35%
}
.B-04{
    left:76.5%;
    top:66.5%
}
.A-05{
    left:35%;
    top:50%
}
.A-06{
    left:35%;
    top:38%
}
.m11-04{
    left:76%;
    top:67.5%
}
.m11-05{
    left:72.5%;
    top:63.5%
}
.m11-06{
    left:69.5%;
    top:60.5%
}
.m11-07{
    left:67%;
    top:58%
}
.m11-08{
    left:64%;
    top:55%
}
.m11-09{
    left:61.5%;
    top:52.3%
}
.m11-10{
    left:59%;
    top:49%
}
.apartment .pinch-zoom::after,.apartment .pinch-zoom::before,.facilities .pinch-zoom::after,.facilities .pinch-zoom::before{
    display:none
}
.load-apartment{
    width:90%;
    max-width:1400px;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    position:absolute;
    display:none;
    z-index:7000
}
.bg-house,.bg-house::after{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0
}
.bg-house{
    background-color:#fff;
    -webkit-transform:scale3d(1,0,1);
    transform:scale3d(1,0,1);
    -webkit-transition:all .6s ease-in-out;
    transition:all .6s ease-in-out;
    border-radius:30px;
    z-index:-1
}
.bg-house::after{
    content:'';
    border:5px solid #fff;
    box-shadow:inset 0 0 20px rgba(0,0,0,.3);
    opacity:0;
    -webkit-transition:opacity 1s ease-in-out 2s;
    transition:opacity 1s ease-in-out 2s;
    -webkit-border-radius:30px;
    border-radius:30px
}
.house-detail,.title-block{
    display:block;
    width:100%;
    height:auto
}
.house-detail,.item-house,.slide-house,.title-block{
    position:relative;
    text-align:center
}
.house-detail{
    max-height:96vh;
    padding:10px;
    color:#ffffff;
    overflow:hidden
}
.title-block{
    font-weight:400;
    font-size:18px;
    color:#d09b2c;
    text-transform:uppercase;
    line-height:1.4;
    padding:10px 0;
    z-index:5
}
.slide-house{
    width:55%;
    max-width:800px;
    max-height:100%;
    display:inline-block;
    vertical-align:top;
    margin:0 -10px;
    padding:30px 0
}
.apartment-pic,.item-house{
    display:block;
    overflow:hidden
}
.slide-house .pinch-zoom-container{
    height:auto!important;
    width:100%!important
}
.apartment-pic,.apartment-pic img,.item-house{
    width:100%;
    height:auto
}
.item-house{
    color:#ffffff
}
.apartment-pic{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    margin:auto
}
.apartment-pic::after,.apartment-pic::before{
    display:none!important
}
.apartment-pic img{
    max-height:80vh;
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin:0 -5px
}
.keyplan,.share,.title-box{
    vertical-align:top
}
.item-house h3{
    font-size:16px;
    font-weight:400;
    line-height:1.4;
    display:block;
    text-align:center;
    margin:20px;
    text-transform:uppercase
}
.thumb-click{
    position:absolute;
    width:auto;
    height:auto;
    display:block;
    top:120px;
    right:30px
}
.thumb-click ul{
    position:relative;
    width:100%;
    height:auto;
    display:block;
    text-align:center
}
.description,.title-box{
    left:30px;
    text-align:left;
    max-width:250px
}
.thumb-click li{
    width:100px;
    height:auto;
    display:inline-block;
    margin:0 5px;
    border:3px solid #fff
}
.thumb-click li img{
    width:100%;
    height:auto;
    position:relative;
    display:block
}
.thumb-click li.current{
    opacity:.5;
    border-color:#aaa
}
.title-box{
    width:25%;
    height:auto;
    position:absolute;
    top:30px;
    display:inline-block;
    margin:0;
    padding:0;
    z-index:5
}
.title-box h2{
    font-weight:400;
    font-size:36px;
    color:#d09b2c;
    text-transform:uppercase;
    line-height:1.4;
    display:block;
    padding:10px 0 0;
    white-space:nowrap;
    position:relative;
    width:100%;
    height:auto;
    z-index:5
}
.title-box small{
    font-weight:700;
    font-size:30px;
    line-height:1.4;
    color:#ffffff;
    display:block
}
.description p,.house-des h3,.house-des p{
    font-weight:400;
    display:block
}
.house-des{
    width:100%;
    height:auto;
    padding:10px 0;
    margin:10px 0 0;
    border-top:1px dotted #666;
    border-bottom:1px dotted #666
}
.description,.house-bottom{
    height:auto;
    bottom:30px;
    margin:0;
    padding:0;
    background-color:#fff;
    z-index:5
}
.house-des h3{
    font-size:20px;
    line-height:1.4;
    color:#aaa
}
.house-des h3 strong{
    font-size:130%;
    color:#ffffff
}
.house-des p{
    font-size:15px;
    line-height:1.6;
    color:#ffffff
}
.description{
    color:#ffffff;
    position:absolute;
    width:25%
}
.description p{
    font-size:11px;
    line-height:1.4
}
.house-bottom,.keyplan{
    position:absolute;
    display:inline-block
}
.house-bottom{
    width:100%;
    left:0;
    text-align:center
}
.keyplan,.keyplan img{
    width:100%;
    margin:auto;
    height:auto
}
.keyplan{
    color:#ffffff;
    max-width:280px;
    right:30px;
    bottom:0
}
.keyplan img,.keyplan p{
    display:block;
    position:relative
}
.keyplan p{
    font-weight:300;
    font-size:12px;
    line-height:1.6;
    text-align:center;
    margin:0 0 10px;
    text-transform:uppercase
}
.box-progress h3,.share span{
    font-weight:400;
    text-transform:uppercase
}
.share{
    width:auto;
    height:auto;
    position:absolute;
    bottom:50px;
    left:50px;
    text-align:center;
    display:inline-block;
    margin:0
}
.share span,.share ul{
    width:100%;
    text-align:center
}
.note,.share li,.share span,.share ul{
    position:relative
}
.share span{
    font-size:12px;
    line-height:1.5;
    color:#ffffff;
    margin:0;
    display:block
}
.share ul{
    margin:5px 0;
    height:auto
}
.share li,.share li a{
    width:60px;
    height:60px
}
.share li{
    display:inline-block;
    vertical-align:middle;
    margin:0
}
.share li a{
    display:block
}
.share li a:hover{
    opacity:.5
}
.note{
    width:100%;
    display:block;
    margin:20px 0;
    color:#aaa;
    line-height:1.6;
    font-size:14px
}
.load-apartment .slide-pic-nav{
    position:fixed
}
.load-apartment .next-pic{
    right:-60px
}
.load-apartment .prev-pic{
    left:-60px
}
#progress-page .box-library{
    width:100%;
    height:100vh;
    display:block;
    margin:0
}
#progress-page .box-library h2{
    width:100%;
    position:absolute;
    left:0;
    top:10px
}
.progress-list{
    position:absolute;
    width:100%;
    height:calc(100vh - 90px);
    top:90px;
    left:0;
    text-align-last:center;
    z-index:5
}
.box-progress{
    width:48%;
    margin:5px;
    background-color:rgba(255,255,255,.5);
    display:inline-block;
    height:auto;
    overflow:hidden;
    padding:10px;
    position:relative;
    vertical-align:top;
    -webkit-border-radius:20px;
    border-radius:20px;
    cursor:pointer
}
.box-progress h3{
    font-size:15px;
    line-height:1.4;
    color:#fff;
    text-align:center;
    padding:10px 20px;
    position:absolute;
    left:10px;
    bottom:10px;
    background-color:rgba(0,0,0,.5);
    display:block;
    -webkit-border-radius:0 0 0 16px;
    border-radius:0 0 0 16px
}
.pic-progress,.pic-progress img{
    width:100%;
    height:auto;
    display:block;
    position:relative
}
.pic-progress{
    max-height:250px;
    overflow:hidden;
    background-size:cover;
    -webkit-border-radius:16px;
    border-radius:16px
}
.pic-progress img{
    opacity:0;
    pointer-events:none
}
.select-list{
    position:absolute;
    right:20px;
    top:40px;
    display:inline-block;
    width:210px;
    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/80% 80% no-repeat #00707e;
    -webkit-border-radius:50%;
    border-radius:50%;
    z-index:1
}
.select-header h3{
    font-weight:700;
    font-size:13px;
    display:block;
    padding:0 40px 0 20px;
    color:#666;
    line-height:36px;
    text-transform:uppercase;
    text-align:left;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.head-text h3,.title-pdf h3,.title-pic h3{
    color:#fff;
    white-space:normal
}
.select-box{
    position:absolute;
    top:40px;
    left:0;
    display:none;
    width:100%;
    height:auto;
    max-height:300px;
    padding:3px;
    box-shadow:5px 5px 0 rgba(0,0,0,.1);
    overflow-x:hidden;
    overflow-y:auto;
    z-index:99999;
    background-color:#fff
}
.box-library,.select-box li,.select-box ul{
    position:relative;
    height:auto
}
.box-library-pdf,.captcha,.g-recaptcha>div,.googlemap,.head-text,.library-thumb,.pic-library,.pic-thumb,.register-form,.register-form form,.register-form span{
    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:#00707e;
    cursor:pointer
}
.select-box li a{
    display:block;
    width:100%;
    height:auto
}
.select-box li h3{
    font-weight:400;
    font-size:14px;
    display:block;
    padding:10px 15px;
    line-height:20px;
    color:#fff;
    text-align:left
}
.select-box li.current h3,.select-box li.selected h3{
    color:#fff
}
.select-box li.current,.select-box li.selected{
    background-color:#ffffff
}
.box-library-pdf,.pic-library,.title-pic{
    background-color:rgba(0,0,0,.3)
}
.box-library{
    width:90%;
    display:inline-block;
    vertical-align:middle;
    margin:0 -5px
}
.box-library h2,.library-thumb{
    display:block;
    position:relative
}
.box-library h2{
    font-weight:400;
    font-size:36px;
    line-height:1.2;
    text-align:center;
    color:#fff;
    margin:20px 0;
    z-index:3
}
.head-text h3,.news-text p,.title-pdf h3,.title-pic h3{
    font-weight:400;
    font-size:15px
}
.pic-center{
    position:relative;
    display:inline-block;
    width:80%;
    max-width:1040px;
    height:auto;
    text-align:center
}
.library-thumb{
    width:98%;
    max-width:500px;
    height:auto;
    margin:0 auto;
    border:1px solid rgba(255,255,255,.2);
    cursor:pointer;
    -webkit-border-radius:20px;
    border-radius:20px
}
.pic-library,.pic-library img{
    margin:0;
    width:100%;
    height:auto;
    display:block
}
.pic-library{
    max-height:280px;
    padding:10px 10px 0;
    line-height:0;
    -webkit-border-radius:16px 16px 0 0;
    border-radius:16px 16px 0 0
}
.pic-library img{
    position:relative;
    -webkit-border-radius:16px 16px 0 0;
    border-radius:16px 16px 0 0
}
.title-pic{
    position:relative;
    width:100%;
    height:auto;
    padding:10px 20px
}
.title-pic h3{
    display:block;
    line-height:1.4;
    text-align:center;
    text-transform:uppercase
}
.pdf-slide{
    max-width:800px
}
.box-library-pdf{
    width:98%;
    max-width:350px;
    height:350px;
    position:relative;
    display:block;
    margin:0 auto;
    -webkit-border-radius:50%;
    border-radius:50%;
    text-align:center;
    cursor:pointer;
    padding:10px;
    border:1px solid rgba(255,255,255,.2)
}
.box-library-pdf img,.download-pdf{
    position:relative;
    -webkit-border-radius:50%
}
.box-library-pdf img{
    width:100%;
    height:100%;
    display:block;
    margin:0;
    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{
    content:'';
    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%
}
.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{
    line-height:1.2;
    text-shadow:1px 1px 0 rgba(0,0,0,.3);
    text-align:center;
    text-transform:uppercase;
    vertical-align:middle;
    padding:10px 40px 10px 20px
}
#news-page .box-library h2,.news-list,.news-list::after,.title-pdf h3::after{
    width:100%;
    position:absolute;
    left:0
}





.title-pdf h3::after{
    content:'';
    background-color:#ffffff;
    top:0;
    height:100%;
    -webkit-border-radius:30px;
    border-radius:30px;
    z-index:-1
}
#news-page .box-library{
    width:100%;
    height:100%;
    display:block;
    margin:0;
    z-index:10
}
#news-page .box-library h2{
    top:0;
	text-shadow: 1px 1px 1px #000;
	
}
.news-list{
    height:calc(100vh - 80px);
    top:130px;
    z-index:5
}
.news-list::after{
    content:"";
    height:100px;
    bottom:0;
    background:-webkit-linear-gradient(0deg,rgba(0,0,0,.5) 0,rgba(0,84,91,0) 100%);
    background:linear-gradient(0deg,rgba(0,0,0,.5) 0,rgba(0,84,91,0) 100%)
}
.grid,.grid-item{
    position:relative
}
.news-list.hide::after{
    display:none
}
.grid{
    display:block;
    width:90%;
    height:auto;
    max-width:1000px;
    margin:0 auto;
    padding:0 0 100px;
    text-align:left
}
.grid-item{
    width:33%;
    display:inline-block;
    vertical-align:top;
    margin:0 -1px;
    padding:5px
}
.head-text,.link-page{
    width:100%;
    padding:10px;
    margin:0;
    position:relative;
    display:block
}
.link-page{
    height:auto;
    /*background:rgba(34,88,28,0.8);*/
    -webkit-border-radius:20px;
    border-radius:20px;
    cursor:pointer
}
.pic-thumb{
    position:relative;
    display:block;
    width:100%;
    height:180px;
    margin:0;
    background-position:center center;
    background-repeat:no-repeat;
    background-size: contain;
    -webkit-border-radius:16px 16px 0 0;
    border-radius:16px 16px 0 0
}
.captcha,.captcha::after{
    -webkit-border-radius:10px
}
.pic-thumb img{
    position:relative;
    width:100%;
    height:auto;
    margin:0;
    opacity:0
}
.head-text{
    height:55px
}
.head-text h3{
    line-height:1.4;
    margin:0;
    text-align: center;
    position:relative;
    display:block;
	font-weight:bold;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #000;
}
.go-news,.go-news::before,.new-icon{
    position:absolute
}
.go-news{
    width:150px;
	max-width:100%;
    height:120px;
    left:15px;
    top:40px;
    opacity:0;
    z-index:1;
	color:#333;
	  background:rbga(255,255,255,0.5) ;
	  font-size:12px;
}
.go-news::before{
    content:'';
  
   /* background: #fff url(../images/go.png) center top no-repeat;*/
    width:100%;
    height:100%;
    left:0;
    top:0
}
.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-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:-moz-none;
    -ms-user-select:none;
    -webkit-transition:height .8s ease;
    transition:height .8s ease;
    z-index:10
}
.colum-box-news::after{
    content:"";
    height:100px;
    background:-webkit-linear-gradient(0deg,rgba(0,0,0,.5) 0,rgba(0,84,91,0) 100%);
    background:linear-gradient(0deg,rgba(0,0,0,.5) 0,rgba(0,84,91,0) 100%)
}
.news-content,.news-text{
    height:auto;
    margin:0 auto
}
.news-content{
    position:relative;
    width:90%;
    max-width:1000px;
    background-color:#fff;
    display:block
}
.news-text{
    position:relative;
    width:100%;
    padding:20px 30px 80px
}
.news-text h3:nth-child(1){
    position:relative;
    font-weight:400;
    font-size:30px;
    color:#00707e;
    line-height:1.6;
    text-align:center;
    padding:0 0 10px;
    margin:0 0 10px;
    border-bottom:1px dotted #333
}
.news-text p{
    position:relative;
    margin:0 0 15px;
    color:#333;
    line-height:1.6;
    text-align:left
}
.news-text table,.news-text table div{
    font-family:Arial,Helvetica,sans-serif;
    font-size:15px;
    color:#333!important;
    position:relative;
    line-height:1.6
}
.news-text strong{
    font-family:Arial,Helvetica,sans-serif;
    font-weight:700
}
.news-text table{
    font-weight:400
}
.news-text table div{
    text-align:left;
    font-weight:400
}
.news-text img{
    position:relative;
    display:block;
    max-width:100%;
    width:auto!important;
    height:auto!important;
    margin:10px auto
}
.news-text a{
    color:#00707e
}
.news-text a:hover{
    color:#333
}
.click-hover{
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    display:none
}
.captcha,.captcha::after,.g-recaptcha{
    display:inline-block
}
.captcha{
    width:220px;
    height:70px;
    vertical-align:middle;
    position:relative;
    text-align:center;
    float:left;
    border-radius:10px
}
.captcha::after{
    content:'';
    position:absolute;
    right:0;
    top:5px;
    width:60px;
    height:60px;
    background:url(https://www.gstatic.com/recaptcha/api2/logo_48.png) center center no-repeat #f9f9f9;
    border-radius:10px;
    z-index:2
}
.g-recaptcha{
    width:100%;
    height:auto;
    position:relative;
    margin:0
}
.g-recaptcha>div{
    width:220px!important;
    height:70px!important;
    position:relative;
    display:block;
    -webkit-border-radius:10px;
    border-radius:10px
}
.captcha+button.but{
    float:right;
    margin:10px 0
}
.group-central[data-name=info] .box-cover::after{
    background:-webkit-linear-gradient(0deg,rgba(0,84,95,.8) 0,rgba(0,84,95,.5) 100%);
    background:linear-gradient(0deg,rgba(0,84,95,.8) 0,rgba(0,84,95,.5) 100%);
    display:block
}
.register-form{
    height:0;
    width:1000px;
    left:50%;
    top:0;
    margin:0 0 0 -500px;
    position:fixed;
    text-align:center;
    -webkit-transition:height .3s ease-in-out;
    transition:height .3s ease-in-out;
    z-index:200
}
.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:400;
    font-size:36px;
    line-height:1.2;
    color:#fff;
    width:100%;
    position:relative;
    display:inline-block;
    text-align:center;
    vertical-align:top;
    margin:20px 0
}
.contact-form,.register-form form{
    margin:0;
    position:relative;
    display:inline-block;
    vertical-align:middle
}
.register-form form{
    width:0;
    max-width:900px;
    height:auto;
    z-index:20
}
.register-form span{
    width:100%;
    height:0;
    left:0;
    top:0;
    position:fixed;
    background-color:rgba(0,84,95,.9);
    -webkit-transition:height .6s ease-in-out;
    transition:height .6s ease-in-out
}
.register-form.show form{
    width:80%
}
.register-form.show span{
    height:100%
}
.register-form .require-col{
    width:100%;
    padding:20px;
    background-color:rgba(0,112,126,.6);
    -webkit-border-radius:20px;
    border-radius:20px
}
.contact-form,.require-col{
    width:90%;
    text-align:center;
    height:auto
}
.contact-form{
    max-width:1000px
}
.input-area,.input-text,.require-col{
    position:relative;
    display:inline-block;
    vertical-align:top
}
.input-text{
    width:48%;
    height:auto;
    margin:0 0 5px;
    border:1px solid #00707e;
    -webkit-border-radius:10px;
    border-radius:10px
}
.input-area textarea,.input-text input[type=text]{
    color:#00707e;
    font-size:15px;
    border:none;
    font-weight:400;
    background-color:rgba(255,255,255,.6);
    font-family:Arial,Helvetica,sans-serif
}
.input-text:nth-child(6){
    width:96%
}
.input-text input[type=text]{
    line-height:48px;
    padding:0 20px;
    width:100%;
    height:50px;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    -webkit-border-radius:10px;
    border-radius:10px
}
.input-area{
    width:calc(96% + 5px);
    height:auto;
    margin:0;
    border:1px solid #00707e;
    -webkit-border-radius:10px;
    border-radius:10px
}
.input-area textarea{
    line-height:24px;
    padding:5px 20px;
    width:100%;
    height:120px;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    resize:none;
    -webkit-border-radius:10px;
    border-radius:10px
}
.input-but,.input-but button{
    height:auto;
    position:relative;
    display:inline-block;
    text-align:center
}
.infobox h3,.input-but button{
    font-weight:700;
    text-transform:uppercase
}
.input-area textarea:focus,.input-text input[type=text]:focus{
    background-color:#fff;
    color:#333
}
.input-but{
    width:96%;
    margin:20px 0
}
.input-but button{
    font-size:16px;
    line-height:1.4;
    padding:10px 20px;
    color:#00707e;
    width:auto;
    -webkit-appearance:none;
    cursor:pointer;
    margin:0;
    border:none;
    -webkit-border-radius:20px;
    border-radius:20px;
    background-color:rgba(255,255,255,.8)
}
.infobox a,.infobox p{
    color:#fff
}
.input-but button::after{
    content:'';
    width:calc(100% + 10px);
    height:calc(100% + 10px);
    position:absolute;
    left:-5px;
    top:-5px;
    border:1px solid rgba(255,255,255,.8);
    -webkit-border-radius:24px;
    border-radius:24px
}
.google-map,.logo-invest{
    position:relative;
    margin:20px auto;
    display:block
}
.logo-invest{
    background:url(../images/logo_investment.svg) center center/contain no-repeat;
    width:200px;
    height:100px
}
.google-map{
    background:url(../images/logo-map.png) center center/contain no-repeat;
    width:100px;
    height:137px
}
#map-canvas,.googlemap{
    height:100%;
    width:100%;
    left:0
}
.googlemap{
    position:fixed;
    top:-100%;
    -webkit-transition:top 1s ease-in-out;
    transition:top 1s ease-in-out;
    background-color:#ccc;
    z-index:120
}
#map-canvas>div,.gm-style div div div div div div div{
    background-color:transparent!important
}
.googlemap.show{
    top:0
}
#map-canvas{
    position:absolute;
    display:block;
    top:0
}
.gm-style .infobox,.infobox h3,.infobox p,.pic-map{
    position:relative
}
.gm-style .gm-style-iw>div{
    max-width:inherit!important;
    max-height:inherit!important
}
.gm-style .gm-style-iw>div>div{
    overflow:hidden!important;
    width:100%;
    height:auto
}
.gm-style div div div div{
    z-index:200!important
}
.gm-style div div div div:nth-child(4){
    z-index:10!important
}
.gm-style div div div div div div div{
    box-shadow:none!important
}
.gm-style .gmnoprint{
    z-index:300!important
}
.gm-style .infobox{
    display:inline-block;
    width:240px;
    height:auto;
    z-index:999!important
}
.gm-style .infobox-inner{
    position:relative;
    display:block;
    width:auto;
    height:auto;
    margin:15px 15px 0 0;
    padding-bottom:15px;
    background-color:#00707e!important
}
.pic-map,.pic-map img{
    width:100%;
    display:block
}
.pic-map{
    height:130px;
    overflow:hidden!important
}
.all-album,.all-pics,.allvideo,.full{
    overflow:hidden
}
.pic-map img{
    height:auto
}
.infobox{
    text-align:center;
    line-height:1.4
}
.infobox h3{
    font-size:13px;
    color:#fff;
    display:block;
    padding:15px 15px 10px
}
.infobox p{
    font-size:12px;
    display:block;
    padding:0 15px;
    font-weight:400
}
.infobox .close-box-map{
    position:absolute;
    right:0;
    top:0;
    width:40px;
    height:40px;
    cursor:pointer;
    z-index:99999!important
}
.infobox .close-box-map::after{
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background:url(../images/close.png) 50%/80% no-repeat #00707e;
    -webkit-border-radius:50%;
    border-radius:50%
}
.gm-style .gm-style-iw-t::after,.gm-style-iw-t::before{
    display:none
}
.gm-style button[title=Close],.gm-style button[title=Close] img{
    display:none!important
}
.gm-style .gm-style-iw+div img,.gm-style button img{
    display:none
}
.gm-style .gm-style-iw~img{
    right:-10px!important;
    top:calc(50% - 20px)!important;
    width:40px!important;
    height:40px!important;
    opacity:0
}
.zoom-control{
    position:absolute;
    bottom:10px;
    right:10px;
    display:block;
    width:auto;
    height:auto;
    margin:0;
    z-index:20
}
.zoom-control a{
    display:block;
    width:35px;
    height:35px;
    -webkit-border-radius:5px;
    border-radius:5px;
    box-shadow:0 5px 24px rgba(0,0,0,.2);
    margin:10px 0
}
.zoom-in{
    background:url(../images/zoom-in.svg) 50%/80% no-repeat #00707e
}
.zoom-out{
    background:url(../images/zoom-out.svg) 50%/80% no-repeat #00707e
}
.zoom-full{
    background:url(../images/video/fullscreen.svg) 50%/80% no-repeat #00707e
}
.zoom-full.active{
    background:url(../images/video/cancel-fullscreen.svg) 50%/80% no-repeat #00707e
}
.gm-style button{
    background:url(../images/video/fullscreen.svg) 50%/80% no-repeat #00707e!important;
    width:35px!important;
    height:35px!important;
    -webkit-border-radius:5px;
    border-radius:5px;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.gm-style.fullcontent button{
    background:url(../images/video/cancel-fullscreen.svg) 50%/80% no-repeat #00707e!important
}
.fullcontent .header{
    z-index:-9999
}
.all-album{
    width:100vw;
    height:100vh;
    position:fixed;
    left:0;
    top:0;
    display:none;
    z-index:3600
}
.album-center,.album-load{
    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%;
    position:relative;
    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,.album-pic-center .pic-name h3{
    font-size:16px;
    position:relative;
    line-height:1.4;
    color:#fff;
    font-weight:400;
    text-align:center
}
.allvideo,.video-list,.video-wrap{
    width:100%;
    height:100%;
    top:0;
    left:0
}
.album-pic-center .pic-name h2{
    display:block;
    margin-bottom:10px
}
.album-pic-center .pic-name h2>span{
    -webkit-transition:opacity .8s linear;
    transition:opacity .8s linear;
    opacity:0
}
.album-pic-center .pic-name.move h2>span.move{
    opacity:1
}
.album-pic-center .pic-name h3{
    display:inline-block;
    text-transform:uppercase;
    padding:10px 20px
}
.album-pic-center .pic-name h3>span>span{
    -webkit-transition:opacity .8s linear;
    transition:opacity .8s linear;
    opacity:0
}
.album-pic-center .pic-name.move h3>span>span.move{
    opacity:1
}
.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;
    display:none;
    z-index:9999
}
.all-pics.show{
    display:block
}
.all-pics .text-length{
    width:100%;
    height:auto;
    position:absolute;
    left:0;
    top:0;
    padding:0 40px;
    opacity:0;
    text-align:center;
    z-index:9998
}
.all-pics .text-length h3{
    font-weight:400;
    color:#fff;
    font-size:15px;
    line-height:1.4;
    text-align:center;
    display:inline-block;
    position:relative;
    text-transform:uppercase;
    padding:10px 15px;
    background-color:rgba(0,0,0,.5)
}
.full,.full img{
    display:block;
    position:relative
}
.full{
    width:100vw;
    height:100vh
}
.full img{
    width:auto;
    height:auto;
    outline:0;
    border:none;
    margin:0 auto;
    opacity:0;
    cursor:url(../images/openhand.png) 6 8,move;
    z-index:5
}
.full.size-large img{
    max-width:inherit;
    max-height:inherit
}
.size-large::after,.size-large::before{
    display:none
}
.size-large img{
    max-width:inherit!important;
    max-height:inherit!important;
    left:0;
    top:0;
    display:block;
    margin:0
}
.size-large{
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.overlay-dark,.size-large.dragscroll{
    overflow:hidden
}
.full span{
    width:100vw;
    height:100vh;
    position:absolute;
    left:0;
    top:0;
    z-index:1
}
.pinch-zoom-container{
    width:100vw!important;
    height:100vh!important;
    position:relative;
    display:block;
    margin:0
}
.pinch-zoom{
    width:100%;
    left:0;
    top:0;
    text-align:center
}
.pinch-zoom::after,.pinch-zoom::before{
    content:"";
    display:inline-block;
    vertical-align:middle;
    height:100%
}
.pinch-zoom>img{
    width:auto;
    height:auto;
    max-width:100%;
    display:inline-block;
    vertical-align:middle;
    position:relative;
    margin:0 -5px
}
.close-pics-small{
    background:url(../images/close.svg) center center/cover no-repeat;
    width:40px;
    height:40px;
    cursor:pointer;
    position:fixed;
    left:50%;
    bottom:20px;
    margin-left:-20px;
    display:none;
    z-index:99999
}
.close-album::after,.close-pics::after,.close::after{
    content:"";
    background:url(../images/close.svg) center center/contain no-repeat
}
.close-pics-small.right-corner{
    left:20px;
    margin:0
}
.close-album,.close-pics{
    position:fixed;
    right:20px;
    left:auto;
    margin:0;
    z-index:9999;
    cursor:pointer;
    top:20px;
    bottom:auto;
    display:block
}
.close-pics{
    width:60px;
    height:60px
}
.close-pics::after{
    width:100%;
    height:100%;
    display:block
}
.close-album{
    width:60px;
    height:60px
}
.close-album::after{
    width:100%;
    height:100%;
    display:block
}
.close{
    width:60px;
    height:60px;
    cursor:pointer;
    position:absolute;
    left:50%;
    top:20px;
    right:auto;
    bottom:auto;
    margin:0 0 0 -30px;
    -webkit-border-radius:50%;
    border-radius:50%;
    display:block;
    z-index:9999
}
.close-map,.close-video{
    top:20px;
    bottom:auto;
    margin:0;
    position:fixed;
    cursor:pointer;
    left:auto;
    z-index:9999;
    right:20px
}
.close::after{
    width:100%;
    height:100%;
    display:block
}
.close-map::after,.close-video::after{
    background:url(../images/close3.svg) 50%/80% no-repeat #00707e;
    -webkit-border-radius:50%;
    content:""
}
.close-video{
    width:60px;
    height:60px;
    display:block
}
.close-video::after{
    width:100%;
    height:100%;
    border-radius:50%;
    display:block
}
.close-map{
    width:60px;
    height:60px;
    display:none
}
.close-map::after{
    width:100%;
    height:100%;
    border-radius:50%;
    display:block
}
.close-news{
    width:60px;
    height:60px;
    cursor:pointer;
    position:fixed;
    right:20px;
    top:50%;
    left:auto;
    bottom:auto;
    margin:-30px 0 0;
    display:none;
    color:#fff;
    z-index:9999
}
.go-back,.slide-pic-nav{
    position:absolute;
    bottom:auto
}
.go-back,.go-back::after,.googlemap.show .close-map{
    display:block
}
.close-news::after{
    content:"";
    background:url(../images/close.svg) center center/contain no-repeat;
    width:100%;
    height:100%;
    display:block
}
.go-back{
    width:60px;
    height:60px;
    cursor:pointer;
    right:20px;
    top:20px;
    left:auto;
    margin:0;
    color:#86949d;
    z-index:9999
}
.go-back::after{
    content:"";
    background:url(../images/close2.svg) center center/contain no-repeat;
    width:100%;
    height:100%
}
.slide-pic-nav{
    width:100%;
    height:auto;
    top:50%;
    margin-top:-30px;
    left:0;
    z-index:10;
    display:none
}
.next-pic,.prev-pic{
    width:40px;
    height:80px;
    top:0;
    position:absolute;
    cursor:pointer
}
.player,.view-album{
    margin:-50px 0 0 -50px;
    z-index:10
}
.next-pic{
    background:url(../images/next.svg) center center/contain no-repeat;
    right:20px
}
.prev-pic{
    background:url(../images/previous.svg) center center/contain no-repeat;
    left:20px
}
.next-pic.disabled,.prev-pic.disabled{
    opacity:.2
}
.player{
    width:100px;
    height:100px;
    position:absolute;
    left:50%;
    top:50%
}
.player::after,.player::before{
    content:"";
    width:100%;
    height:100%;
    left:0;
    top:0;
    position:absolute
}
.player::before{
    background:url(../images/player.png) center top no-repeat
}
.player::after{
    background:url(../images/player.png) center bottom no-repeat;
    opacity:0
}
.view-album{
    width:100px;
    height:100px;
    position:absolute;
    left:50%;
    top:50%
}
.view-album::after,.view-album::before{
    content:"";
    width:100%;
    height:100%;
    top:0;
    position:absolute;
    left:0
}
.view-album::before{
    background:url(../images/dot-bg.png) center top no-repeat
}
.view-album::after{
    background:url(../images/dot-bg.png) center bottom no-repeat;
    opacity:0
}
.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%;
    z-index:20;
    opacity:.8;
    display:block
}
.overlay-dark{
    background-color:rgba(0,84,91,.9);
    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-list,.scrollA{
    margin:0
}
.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
}
.go-top{
    background:url(../images/top2.png) center center no-repeat;
    width:50px;
    height:50px;
    position:fixed;
    bottom:20px;
    right:20px;
    cursor:pointer;
    -webkit-border-radius:50%;
    border-radius:50%;
    background-color:rgba(0,0,0,.1);
    border:1px solid rgba(255,255,255,.5);
    opacity:0;
    z-index:15
}
.map-background,.touch{
    background-size:contain;
    background-repeat:no-repeat
}
.touch,.wheel{
    z-index:10;
    position:absolute
}
.go-top.show{
    opacity:1;
    pointer-events:auto
}
.hidemouse,.touch,.wheel{
    pointer-events:none
}
.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;
    width:60px;
    height:60px;
    left:0;
    top:0
}
.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
}
.wheel{
    width:20px;
    height:auto;
    right:20px;
    bottom:0
}
.wheel span{
    position:absolute;
    left:-25px;
    bottom:100px
}
.wheel span::after{
    content:"scroll";
    position:absolute;
    font-size:14px;
    color:#bbbdbf;
    font-weight:400;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    letter-spacing:5px
}
.wheel.show::after{
    content:"";
    position:absolute;
    bottom:-10px;
    left:10px;
    width:1px;
    height:60px;
    background-color:#bbbdbf
}
.wheel.show span,.wheel.show::after{
    -webkit-animation:trackBallSlide 3s linear infinite;
    animation:trackBallSlide 3s linear infinite
}
.map-background{
    width:100%;
    height:100%;
    position:relative;
    display:block;
    background-position:top center
}
.map-background img{
    opacity:0;
    position:absolute;
    left:0;
    top:0
}
.map-background canvas{
    width:2400px;
    height:1500px;
    position:absolute;
    left:0;
    top:0;
    padding:0;
    display:block;
    opacity:1
}
.img-moving,.scrollA{
    width:100%;
    height:100%;
    overflow:hidden
}
.img-moving{
    position:relative;
    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
}
.scrollA{
    position:relative;
    display:block;
    padding:0
}
.scroll-list,.scrollB,.scrollC{
    width:100%;
    height:100%;
    left:0;
    top:0;
    position:absolute
}
.scrollB,.scrollC{
    overflow:hidden
}
.class-hidden{
    display:none
}
#contact-loader{
    position:fixed;
    top:50%;
    left:50%;
    z-index:110000;
    width:82px;
    height:82px;
    margin:-41px 0 0 -41px;
    -ms-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    animation:Rotate 2.5s linear infinite;
    -webkit-animation:Rotate 2.5s linear infinite;
    display:none
}
.contact-success,.register-success{
    position:fixed;
    top:50%;
    left:50%;
    margin:-30px 0 0 -150px;
    padding:20px;
    font-size:15px;
    line-height:1.6;
    width:300px;
    height:auto;
    background-color:#c30004;
    -webkit-border-radius:20px;
    border-radius:20px;
    color:#fff;
    font-weight:700;
    text-align:center;
    z-index:99999;
    text-shadow:1px 1px 0 rgba(0,0,0,.5)
}
.color-red{
    background-color:#d00;
    color:#fff
}
.color-blue{
    background-color:#008c44;
    color:#fff
}
.inputContainer{
    position:relative;
    float:left
}
.formError{
    position:absolute;
    top:-30px;
    left:20px;
    display:block;
    cursor:pointer;
    z-index:5000
}
.formErrorContent{
    background-color:rgba(209,0,8,.8);
    position:relative;
    display:inline-block;
    color:#fff;
    width:auto;
    height:auto;
    max-width:250px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    line-height:1.4;
    box-shadow:0 0 10px rgba(0,0,0,.3);
    padding:8px 12px;
    -webkit-border-radius:10px;
    border-radius:10px;
    z-index:5001
}
.formErrorContent::after{
    content:'';
    position:absolute;
    left:20px;
    bottom:-10px;
    width:0;
    height:0;
    border-style:solid;
    border-width:10px 7px 0;
    border-color:rgba(209,0,8,.8) transparent transparent
}
.greenPopup .formErrorContent{
    background-color:#008c44
}
.blackPopup .formErrorContent{
    background-color:#393939;
    color:#fff
}
.ajaxSubmit{
    padding:20px;
    background-color:#008c44;
    display:none
}
.popup-home{
    overflow:hidden!important;
    opacity:0
}
.popup-home .details-center{
    width:98%;
    max-width:800px;
    height:auto;
    position:relative;
    display:inline-block;
    margin:0 -3px;
    vertical-align:middle;
    background-color:transparent;
    min-height:0
}
.popup-home img{
    width:100%;
    height:auto;
    display:block
}
.details-center,.popup-home.details-content:after,.popup-home.details-content:before{
    display:inline-block
}
.details-content{
    position:fixed;
    width:100%;
    height:100%;
    opacity:0;
    z-index:3000;
    text-align:center;
    overflow:hidden;
    overflow-y:auto
}
.details-content::after,.details-content::before{
    content:'';
    position:relative;
    display:inline-block;
    width:auto;
    height:100%;
    vertical-align:middle
}
.details-content>span{
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:1
}
.details-center{
    font-family:Montserrat,sans-serif;
    position:relative;
    width:90%;
    height:auto;
    vertical-align:middle;
    max-width:1000px;
    padding:0;
    margin:0 auto;
    z-index:5;
    background-color:#fff;
    opacity:0
}
.details-text img,.details-text p img{
    display:block;
    width:auto;
    height:auto;
    max-width:100%;
    margin:0 auto;
    border:10px solid rgba(255,255,255,.5);
    -webkit-border-radius:30px;
    border-radius:30px
}
@media screen and (min-width:1100px) and (max-height:760px){
    .logo{
        width:80px;
        height:80px;
        top:20px
    }
    .text-intro h2::after{
        margin:20px auto 0
    }
    .pic-library{
        max-height:250px
    }
}
@media screen and (max-width:1600px) and (min-height:780px){
    .logo{
        width:100px;
        height:100px;
        top:30px
    }
}
@media screen and (max-width:1500px){
    .nav li a{
        font-size:24px
    }
    .box-nav li span,.sub-nav li span,.sub-news li span{
        font-size:14px
    }
    .content-right .text-intro{
        margin:0 6% 0 0
    }
    .content-left .text-intro{
        max-width:550px
    }
    .hover-item h3{
        font-size:24px
    }
    .dot-num{
        width:40px;
        height:40px;
        line-height:38px;
        font-size:20px
    }
    .note-facilities{
        bottom:30px
    }
    .apartment-pic{
        max-width:650px
    }
}
@media screen and (max-width:1400px){
    .title-page h1{
        font-size:16px
    }
    .hover-item h3{
       font-size: 22px;
top: 20vh;
padding: 20px;
text-align: center;

    }
    #progress-page .box-library h2,.title-box h2{
        font-size:30px
    }
    .grid,.news-content,.wrap-page{
        max-width:800px
    }
    .head-text p{
        display:none
    }
    /*.pic-thumb{
        height:120px
    }*/
    .apartment-pic{
        max-width:600px
    }
    .keyplan{
        max-width:240px
    }
    .house-des h3,.title-box small{
        font-size:24px
    }
    .note{
        font-size:13px
    }
    .thumb-click li{
        width:80px
    }
}
@media screen and (max-width:1300px){
    .grid,.wrap-page{
        max-width:780px
    }
}
@media screen and (max-width:1200px){
    .grid,.wrap-page{
        max-width:700px
    }
}
@media screen and (max-width:1100px){
    .navigation,body{
        overflow-y:auto;
        overflow-x:hidden
    }
    .bg-nav,.box-nav,.corner-bottom,.corner-top,.logo::after,.logo::before,.navigation::after,.navigation::before,.shadow,.shape-bg,.slide-but,.sub-nav,.sub-plan,.wheel{
        display:none
    }
    
    .mobile,.subscribe{
        pointer-events:auto
    }
    .video-cover,.video-full{
        min-height:inherit
    }
    .hotline::after,.hover-item span::after{
        content:''
    }
    .grid,.sub-news ul{
        white-space:nowrap
    }
    ::-webkit-scrollbar{
        width:0
    }
    body{
        height:auto
    }
    .next-prev,.note-block,.sub-house,.sub-nav{
        width:0;
        height:0;
        z-index:-99999;
        overflow:hidden
    }
    .loadicon{
        width:300px;
        height:300px;
        margin:-150px 0 0 -150px
    }
    .header{
        height:60px;
        
        -webkit-transition:top .3s ease-in-out;
        transition:top .3s ease-in-out
    }
    .hotline,.social{
        -webkit-transition:all .3s ease-in-out
    }
    .header.hide{
        top:-80px
    }
    .container{
        height:auto;
        margin:0px 0 0
    }
    .logo{
        background: url(../images/logo.svg) 50%/90% no-repeat ;
        width:250px;
        height:70px;
        left:50%;
        top:5px;
        margin:0 0 0 -125px;
        -webkit-border-radius:10px;
        border-radius:10px;
       /* box-shadow:0 20px 30px rgba(0,0,0,.1);*/
        z-index:999
    }
    .call,.footer,.navigation{
        background-color:#ffffff
    }
    .logo.hide{
        opacity:1
    }
    .nav-click{
        right:20px;
        top:5px
    }
    .navigation{
        top:0px;
        right:0;
        height:100%;
        width:0;
        -webkit-overflow-scrolling:touch
    }
    .navigation.show{
        width:100%;
        max-width:500px
    }
    .nav{
        width:100%;
        position:relative;
        top:auto;
        left:auto;
        padding:50px 0
    }
    .nav li{
        padding:0 40px 0 0;
        margin:10px 0
    }
    .nav li a{
        font-size:24px
    }
    .language{
        right:auto;
        left:20px;
        top:13px;
        width:34px;
        height:34px
    }
    .language li,.language li a{
        width:34px;
        height:34px;
        line-height:32px
    }
    .language li svg{
        opacity:.5
    }
    .hotline{
        width:40px;
        height:40px;
        position:fixed;
        right:auto;
        left:10px;
        bottom:20px;
        transition:all .3s ease-in-out;
        z-index:50
    }
    .hotline a{
        opacity:0;
        width:40px;
        position:absolute;
        left:0;
        top:0
    }
    .hotline::after{
        border:1px solid rgba(255,214,125,.2);
        width:54px;
        height:54px;
        position:absolute;
        left:-5px;
        top:-5px;
        -webkit-border-radius:50%;
        border-radius:50%;
        box-shadow:0 0 10px rgba(255,214,125,.2);
        -webkit-animation:Ani2 2s infinite;
        animation:Ani2 2s infinite;
        opacity:.8;
        z-index:-2
    }
    .call svg,.footer{
        position:relative
    }
    .call{
        width:44px;
        height:44px;
        color:#187105;
        -webkit-border-radius:50%;
        border-radius:50%;
        border:2px solid #187105
    }
    .call svg{
        margin:5% -5%;
        width:90%;
        height:90%
    }
    .hotline.fixed{
        bottom:80px
    }
    .footer,.footer.hide{
        bottom:auto
    }
    .footer{
        width:100%;
        height:auto;
        left:auto;
        right:auto;
        display:block;
        margin:0;
        padding:0 ;
        text-align:center;
        float:left;
        -webkit-transition:none;
        transition:none
    }
	
	
	
	
	
    .social{
        width:100%;
        position:fixed;
        left:0;
        bottom:-60px;
        transition:all .3s ease-in-out;
        z-index:10
    }
    .social ul{
        width:80px;
        display:block;
        margin:5px 0 5px 180px
    }
    .social li a{
        height:40px;
        margin:5px 0
    }
    .social.fixed{
        background-color:#187105;
        bottom:0
    }
    .bottom-text{
        position:relative;
        height:auto;
        width:100%;
        margin:0;
        padding:0 20px;
        background-color:#167d00;
        z-index:auto
    }
    .copyright{
        margin:0
    }
    .copyright,.copyright a,.copyright strong{
        color:#fff;
        font-size:10px;
        line-height:1.5;
        text-align:center
    }
    .house-des h3,.house-des h3 strong,.item-house,.keyplan{
        color:#fff
    }
    .subscribe{
        position:fixed;
        left:10px;
        bottom:-50px;
        height:40px;
        margin:0;
        -webkit-transition:all .3s ease-in-out;
        transition:all .3s ease-in-out;
        z-index:12
    }
    .bottom-link,.scrollA,.scrollB,.scrollC,.scrollD,.sub-news{
        width:100%;
        left:auto;
        position:relative
    }
    .subscribe.hide{
        opacity:1
    }
    .subscribe a{
        line-height:40px;
        font-size:12px
    }
    .bottom-link{
        height:auto;
        padding:0;
        margin:0;
        text-align:center;
        display:block;
        float:left
    }
    .bottom-link>a{
        display:inline-block;
        margin:20px 5px;
        vertical-align:middle;
        font-size:14px;
        padding:10px 15px;
        border:1px solid #008a98
    }
    .bottom-link>a::after,.bottom-link>a::before{
        display:none
    }
    .subscribe.fixed{
        bottom:10px; display:none;
    }
    .scrollA,.scrollB,.scrollC,.scrollD{
        height:auto;
        top:auto;
        overflow:visible!important;
        padding:0;
        margin:0
    }
    .sub-news{
        display:block;
        height:auto;
        top:auto;
        right:auto;
        padding:30px 0 10px;
        margin:0;
        text-align:center;
        opacity:0;
        -webkit-transition:opacity .3s ease-in-out;
        transition:opacity .3s ease-in-out;
        -webkit-transform:none;
        transform:none
    }
    .sub-news li,.sub-news ul{
        display:inline-block;
        vertical-align:middle
    }
    .sub-news.show{
        background-color:#00707e;
        opacity:1
    }
    .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{
        display:block;
        width:100%;
        height:100%;
        position:absolute;
        left:0;
        top:0;
        border:none;
        -webkit-border-radius:0;
        border-radius:0;
        z-index:5
    }
    .box-content,.colum-box,.content-page{
        height:auto;
        position:relative
    }
    .sub-news li a svg,.sub-news li a::after{
        display:none
    }
    .box-content,.close-pics-small,.colum-box{
        display:block
    }
    .sub-news li span{
        font-size:15px;
        line-height:1.4;
        font-weight:700;
        text-align:center;
        padding:8px 15px;
        position:relative;
        display:block;
        top:auto;
        right:auto;
        margin:0;
        opacity:1;
        visibility:visible
    }
    .album-pic-center .pic-name h3,.all-pics .text-length h3{
        font-size:14px
    }
    .sub-news li.active{
        background-color:rgba(0,0,0,.5)
    }
    .content-page{
        width:100%
    }
    .box-content{
        top:auto;
        left:auto;
        width:auto
    }
    .colum-box{
        width:100%;
        float:left;
        margin:0;
        padding:0
    }
    .allvideo,.overlay-video.show,.video-skin{
        height:100%
    }
    .full.lock{
        overflow-x:hidden
    }
    .full img{
        max-width:100%
    }
    .allvideo{
        width:100%;
        left:0;
        top:0;
        z-index:5000
    }
    .video-skin{
        left:0;
        top:0;
        bottom:auto
    }
    .go-top,.zoom{
        width:40px;
        height:40px
    }
    .album-pic-center img{
        max-width:98%;
        max-height:inherit
    }
    .go-top{
        background:url(../images/top.png) center center no-repeat #187105;
        bottom:30px;
        border:none;
        right:10px;
        margin:0
    }
    .color-show{
        -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
    }
    .prev-pic{
        left:10px
    }
    .zoom{
        opacity:1;
        right:10px;
        top:10px;
        box-shadow:none;
        -webkit-background-size:cover;
        background-size:cover
    }
    .close,.close-album{
        left:50%;
        margin:0 0 0 -20px;
        width:40px;
        height:40px;
        right:auto
    }
    .player,.view-album{
        -webkit-transform:scale(.8);
        transform:scale(.8)
    }
    .close-pics{
        display:none
    }
    .close-album{
        bottom:10px;
        top:auto
    }
    .close{
        top:10px;
        bottom:auto
    }
    .close-map,.close-video,.go-back{
        width:40px;
        height:40px;
        right:10px;
        top:10px
    }
    .close-news{
        display:none!important
    }
    .go-back{
        position:fixed
    }
    .desktop{
        display:none
    }
    .mobile{
        display:block
    }
    img.desktop{
        display:none
    }
	
	
	.bg-black2 {
  background: none;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  left: 0;
  top: 10px;
  -webkit-border-radius: 0%;
  border-radius:0%;
  padding: 30px 20px;
  z-index: 0;
}
	
    .title-page,img.mobile{
        display:block
    }
    .title.mobile{
        position:relative;
        left:auto;
        top:20px;
		 text-transform:uppercase;
    }
    .title-page{
        width:100%;
        height:auto;
        position:absolute;
        left:0;
        top:calc((1125/2000 * 100vw) - 100px);
        right:auto;
        text-align:center;
        z-index:15
    }
    .title-page h1{
        font-size:40px;
        font-style:normal;
        padding:10px 20px;
        text-transform:uppercase;
        text-align:center
    }
    .text-intro h2>span>span{
        opacity:1;
        -webkit-transition:none;
        transition:none
    }
    .item-plan,.player-vid{
        -webkit-transition:none
    }
    .map-background{
        background-image:none!important
    }
    .map-background img{
        opacity:1;
        position:relative
    }
    .map-background canvas{
        display:none;
        opacity:0!important
    }
    .zoom-control{
        display:none
    }
    .close-map{
        width:40px;
        height:40px
    }
    .group-central,.slide-pics{
        width:100%;
        position:relative
    }
    .is-IOS .gm-style button{
        display:none!important
    }
    .img-moving{
        overflow:visible;
        height:auto;
        cursor:default
    }
    .img-moving img{
        position:relative;
        top:auto!important;
        left:auto!important
    }
    .box-slider{
        height:auto;
        float:none
    }
    .group-central{
        height:auto;
        left:auto;
        top:auto;
        display:block;
        float:left;
        text-align:center;
        -webkit-transform:translate(0,0)!important;
        transform:translate(0,0)!important;
        z-index:auto!important;
        overflow:visible;
        background-color:#ffffff
    }
    .player-vid,.player-vid:hover{
        background-color:rgba(0,0,0,.3)
    }
    .bg-cover,.bg-cover.pattern,.box-cover,.box-cover.pattern{
        height:calc(1125/2000 * 100vw);
        position:relative;
        display:block;
        left:auto;
        top:auto
    }
    .banner-home,.slide-pics{
        height:auto
    }
    .bg-cover span,.bg-cover span::after,.bg-cover::after,.bg-cover::before,.box-cover span,.box-cover span::after,.box-cover::after,.box-cover::before,.slide-pics .slide-buttons{
        display:none
    }
    .slide-pics .slide-controls{
        bottom:20px;
        max-width:inherit;
        margin:0;
        left:0
    }
    .box-video-center,.video-full{
        width:100%;
        left:auto;
        position:relative;
        top:auto
    }
    .slide-pics .slide-pagination{
        display:block
    }
    .video-full{
        height:100%;
        -webkit-transform:translate(0,0);
        transform:translate(0,0)
    }
    .box-video-center{
        height:calc(1125/2000 * 100vw)
    }
    .controls{
        bottom:0;
        left:0;
        margin:0
    }
    .pic-video::after{
        display:none
    }
    .player-vid{
        transition:none;
        width:80px;
        height:80px;
        margin:-40px 0 0 -40px;
        opacity:1
    }
    .controls.addshow{
        bottom:10px
    }
    .content-left,.content-main,.content-right{
        position:relative;
        width:100%;
        height:auto;
        display:block;
        left:auto;
        top:auto;
        padding:0;
        text-align:center
    }
    .content-left .text-intro,.content-right .text-intro{
        width:100%;
        margin:0;
        padding:0 20px
    }
    .content-main::after,.content-main::before{
        display:none
    }
    .text-intro{
        padding:20px;
        vertical-align:top;
        width:100%;
        max-width:800px;
        margin:0
    }
    .text-intro h2,.title h2{
        font-size:30px
    }
    .text-intro h3{
        font-size:24px
    }
    .text-intro p{
        font-size:14px
    }
    .group-central[data-name=intro-home] .content-main{
        position:absolute;
        width:100%;
        height:auto;
        left:0;
        bottom:10px
    }
    .box-pic img,.box-pic svg,.picture{
        width:100vw;
        height:calc(1400/2000 * 100vw)
    }
    .left-content{
        bottom:50px
    }
    .left-content h2{
        font-size:calc(100vw/30);
        line-height:1.4
    }
    .left-content h3{
        font-size:14px
    }
    .group-central[data-name=location-home]{
        background-color:#007da5
    }
    .group-central[data-name=location-home] .box-cover{
        height:calc(1400/2000 * 100vw);
        background-position:left top;
        position:absolute;
        bottom:0
    }
    .half{
        max-width:800px;
        margin:0
    }
    .picture{
        display:block;
        margin:0
    }
    .group-central[data-name=facilities-home] .box-cover,.picture.circle{
        display:none
    }
    .st-line{
        -webkit-animation:StrokeLine 2s infinite linear;
        animation:StrokeLine 2s infinite linear
    }
    #home-page .dot-logo{
        opacity:1
    }
    .group-central[data-name=facilities-home] .content-main{
        background-color:#167d00
    }
    .hover-box{
        width:100%;
        height:auto;
        position:relative;
        left:auto;
        top:auto ;
		display: flex;
    }
    .hover-item{
        width:50%;
        height:calc(900/2000 * 50vw)
    }
    .hover-item h3{
        font-size:18px;
        padding:10px
    }
    .hover-item h3::before{
        font-size:400%;
        left:-20px;
        top:-20px
    }
    .hover-item span::after{
        width:100%;
        height:100%;
        background-color:rgba(0,0,0,.5);
        position:absolute;
        left:0;
        top:0
    }
    .bg-black{
        height:auto;
        width:auto;
        padding:40px 20px
    }
    .group-central[data-name=apartment-home] .box-cover::after{
        display:block;
        opacity:1;
        mix-blend-mode:inherit
    }
    .group-central[data-name=apartment-home] .content-right{
        position:absolute;
        width:50%;
        right:0;
        bottom:10px;
        padding:20px
    }
    .group-central[data-name=apartment-home] .content-right .text-intro{
        width:100%
    }
    .group-central[data-name=news-home]{
        background-color:#b89f86
    }
    .group-central[data-name=news-home] .box-cover{
        display:none
    }
    .wrap-news{
        max-width:inherit;
        text-align:center;
        padding: 40px 0 10px;
        display:block
    }
    .box-news,.box-news:nth-child(1),.box-news:nth-child(2),.box-news:nth-child(3){
        width:30%;
        height:auto;
        margin:0;
        display:inline-block;
        vertical-align:top;
        float:none;
     
    }
    .box-news:nth-child(1) .colum-pic,.box-news:nth-child(2) .colum-pic,.box-news:nth-child(3) .colum-pic{
        height: 100px;
        width: 30%;
        -webkit-border-radius: 18px;
        border-radius: 18px;
        margin: 0 10px 10px;
        float: left;
		background-size: contain;
    }
    .box-news:nth-child(1) .colum-text,.colum-text,
	.box-news:nth-child(2) .colum-text,.colum-text,
	.box-news:nth-child(3) .colum-text,.colum-text{
        padding:0;
        float:left ;
		width:50%;
    }
	
	
	
    .go-details{
        width:40px;
        height:40px;
        position:relative;
        display:block;
        margin:10px 10px 0;
        float:left
    }
    .go-details::before{
        background-size:cover
    }
    .colum-text h3{
        font-size:16px;
        font-weight:400;
        line-height:1.4
    }
    .colum-text p{
        font-size:13px
    }
    .box-text p,.pic-logo>h3{
        font-size:14px
    }
    .group-central[data-name=contact-home]{
        background-color:#167d00
    }
    .group-central[data-name=location] .content-main,.map-mobile{
        background-color:#007da5
    }
    .group-central[data-name=contact-home] .box-cover{
        display:none
    }
    .group-central[data-name=contact-home] .box-text{
        padding:20px 0 0px;
		background:none;
    }
	  .group-central[data-name=contact-home] .box-text ul {display: block;}
	  
	
	
    .pic-logo>h3{
        padding:10px
    }
    .all-logo{
        width:100%;
        height:auto;
        margin:0
    }
    .pic-logo img{
        max-height:200px
    }
    .group-central[data-name=intro] .text-intro{
        padding:20px 5% 5%;
        text-align: justify;
    }
    .group-central[data-name=intro] .text-intro::after{
        content:'';
        width:100%;
        height:100%;
        position:absolute;
        left:0;
        top:0;
        
        background-position:center center;
        background-size:cover;
        background-repeat:no-repeat;
		border-radius:0px;
        z-index:-1
    }
    .group-central[data-name=master] .content-left .text-intro{
        width:100%
    }
    .group-central[data-name=invest] .box-cover{
        position:absolute;
        width:100%;
        height:100%;
        left:0;
        top:0
    }
    .group-central[data-name=invest] .content-main{
        padding:10vh 0
    }
    .group-central[data-name=invest] .box-cover::after{
        display:block;
        opacity:1;
        mix-blend-mode:inherit
    }
    #location-page .title-page{
        top:120px
    }
    #location-page .compass{
        top:10px
    }
    .group-central[data-name=location] .box-cover{
        max-height:400px
    }
    .buttons,.group-central[data-name=location] .box-cover-right{
        display:none
    }
    .group-central[data-name=location] .text-intro{
        max-width:800px;
        width:90%;
        position:relative;
        left:auto;
        bottom:auto;
        text-align:center
    }
    .group-central[data-name=location] .text-intro p{
        text-align:center
    }
    .compass{
        width:50px;
        height:50px;
        right:auto;
        left:10px;
        top:0
    }
    .map-mobile{
        display:block
    }
    .map-mobile img{
        position:relative;
        width:100%;
        height:auto;
        display:inline-block;
        z-index:1
    }
    .map-mobile svg{
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%
    }
    .map-bg{
        z-index:auto
    }
    .compass2{
        width:50px;
        height:50px;
        right:20px;
        top:20px;
        left:auto;
        bottom:auto;
        margin:0
    }
    #facilities-page .box-cover{
        display:block;
        z-index:auto
    }
    .item-floor,.slide-bg,.slide-plan,.slider-about{
        width:100%;
        height:auto
    }
    .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
    }
	
	
	
	
	
	
    .facilities,.facilities-map{
        position:relative;
        width:100%;
        height:auto;
        top:auto;
        left:auto;
        overflow:visible
    }
    .facilities-map{
        height:calc(1200/2400 * 100vw)
    }
    .facilities .pinch-zoom-container{
        height:calc(1500/2400 * 100vw)!important
    }
    .facilities h2{
        font-size:24px;
        padding:20px;
        position:relative;
        left:auto;
        top:auto
    }
    .note-facilities{
        left:auto!important;
        right:auto!important;
        bottom:auto!important;
        width:100%;
        max-width:inherit;
        height:auto;
        padding:20px 5%;
        position:relative;
        display:block;
        text-align:center;
        -webkit-border-radius:0;
        border-radius:0;
        background-color:#87774f
    }
    .note-facilities li span,.note-facilities li.current{
        background-color:transparent
    }
    .note-facilities ul{
        display:inline-block;
        text-align:center;
        width:100%;
        max-width:inherit
    }
    .note-facilities li{
        padding:2px 10px 2px 2px;
        vertical-align:top;
        margin:0 0 10px;
        width:auto;
        text-align:left;
        -webkit-border-radius:0;
        border-radius:0;
        float:none;
        clear:none
    }
    .apartment h2,.info-house{
        position:relative;
        top:auto;
        padding:20px;
        left:auto
    }
    .box-library,.description,.grid,.house-des,.house-detail,.house-text,.house-text a h2,.house-text p,.info-house,.news-text h3:nth-child(1),.register-form{
        text-align:center
    }
    .show-box-pic::after{
        display:none
    }
    .dot-num.current{
        -webkit-transform:scale(1.2)!important;
        transform:scale(1.2)!important
    }
    .number{
        display:block
    }
    .note-facilities li span{
        border-left:2px solid #eee;
        font-size:11px
    }
    #apartment-page .box-cover{
        display:block;
        z-index:auto
    }
    .apartment{
        background-color:#e7f6ff;
        background-image:none
    }
    .apartment,.apartment-map{
        position:relative;
        width:100%;
        height:auto;
        top:auto;
        left:auto;
        overflow:visible;
        -webkit-border-radius:0;
        border-radius:0;
        border:none
    }
    .apartment-map{
        height:calc(1200/2400 * 100vw)
    }
    .apartment .pinch-zoom-container{
        height:calc(1500/2400 * 100vw)!important
    }
    .apartment-bg{
        z-index:auto
    }
    .apartment h2{
        font-size:24px
    }
    .apartment>h2{
        background-color:#ffffff
    }
    .info-house{
        width:100%;
        height:auto;
        display:inline-block;
        margin:0;
        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{
        position:relative;
        display:inline-block
    }
    .num-block{
        margin:0 0 -10px;
        left:auto;
        top:-15px;
        font-size:13px
    }
    .house-text{
        -webkit-border-radius:20px;
        border-radius:20px;
        box-shadow:none;
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1);
        -webkit-transition:none;
        transition:none;
        vertical-align:middle;
        margin:0 0 15px;
        padding:5px 10px 10px;
        left:auto!important;
        top:auto!important
    }
    .house-detail,.slide-house{
        padding:0;
        max-height:inherit
    }
    .house-text p{
        display:block;
        font-size:13px
    }
    .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-detail-page{
        text-align-last:center
    }
    .load-apartment{
        position:fixed;
        height:100%;
        width:100%;
        max-width:inherit;
        left:0;
        top:0;
        overflow-x:hidden;
        overflow-y:auto;
        -webkit-overflow-scrolling:touch;
        -webkit-transform:none;
        transform:none;
        background-color:#ffffff;
        scrollbar-color:inherit;
        scrollbar-width:thin
    }
    .house-detail,.slide-house,.title-box{
        height:auto;
        max-width:inherit
    }
    .house-detail,.thumb-click,.title-box{
        position:relative;
        width:100%;
        top:auto
    }
    .house-detail{
        left:auto;
        display:block
    }
    .slide-house{
        width:100%;
        position:relative;
        display:block;
        margin:0
    }
    .apartment-pic{
        width:100%;
        max-width:inherit
    }
    .apartment-pic img{
        width:100%;
        max-height:inherit
    }
    .title-box{
        margin:0;
        text-align:center;
        left:auto;
        background-color:transparent
    }
    .title-box h2{
        font-size:30px;
        margin:0;
        padding:20px 0;
        background-color:#0a3b49
    }
    .title-box small{
        font-size:24px;
        color:#fff;
        padding:20px 0;
        background-color:#ffffff
    }
    .house-des h3,.house-des li h3{
        font-size:18px
    }
    .house-des{
        margin:0;
        background-color:#c19866;
        border:none
    }
    .note{
        background-color:#0a3b49;
        margin:0;
        padding:20px 0
    }
    .description{
        width:100%;
        border-top:1px dotted #666;
        position:relative;
        display:block;
        left:auto;
        bottom:auto;
        max-width:inherit;
        padding:5%;
        background-color:transparent
    }
    .description p{
        max-width:800px;
        display:block;
        margin:auto
    }
    .house-bottom{
        width:100%;
        max-width:inherit;
        position:relative;
        right:auto;
        bottom:auto;
        left:auto;
        background-color:#ffffff
    }
    .keyplan{
        max-width:280px;
        display:block;
        margin:10px auto 30px;
        position:relative;
        right:auto;
        bottom:auto;
        left:auto
    }
    .keyplan img{
        margin:20px 0;
        -webkit-border-radius:20px;
        border-radius:20px
    }
    .share{
        position:relative;
        right:auto;
        bottom:auto;
        left:auto;
        padding:30px 0;
        width:100%;
        background-color:#eee
    }
    .go-back::after{
        background:url(../images/close.svg) center center/contain no-repeat
    }
    .thumb-click{
        right:auto;
        padding:20px 0;
        background-color:#0a3b49
    }
    .thumb-click li{
        width:80px;
        border:2px solid #fff
    }
    .load-apartment .slide-pic-nav{
        top:50%;
        bottom:auto;
        margin-top:-30px
    }
    .load-apartment .next-pic{
        right:0;
        background-color:#ffffff;
        width:30px;
        height:60px
    }
    .load-apartment .prev-pic{
        left:0;
        background-color:#ffffff;
        width:30px;
        height:60px
    }
    #progress-page .box-library h2,.progress-list{
        left:auto;
        width:100%;
        position:relative;
        top:auto
    }
    #progress-page .box-cover{
        max-height:400px
    }
    #progress-page .title-page{
        display:none
    }
    #progress-page .box-library h2{
        margin:10px 0
    }
    #progress-page .box-library{
        height:auto;
        background-color:#00707e
    }
    .box-library-pdf,.pic-library,.title-pic{
        background-color:rgba(255,255,255,.3)
    }
    .progress-list{
        display:block;
        height:auto;
        padding:20px 0 0;
        margin:0;
        min-height:50vh;
        z-index:auto
    }
    .progress-list::after{
        display:none
    }
    .box-progress{
        width:45%;
        margin:5px;
        padding:5px;
        -webkit-transition:none;
        transition:none
    }
    .pic-progress{
        max-height:180px
    }
    .box-progress h3{
        font-size:15px;
        left:5px;
        bottom:5px;
        padding:5px 10px
    }
    .select-list{
        position:relative;
        right:auto;
        top:auto;
        margin:10px 0
    }
    #library-page .box-cover{
        max-height:400px
    }
    #library-page .title-page{
        top:120px
    }
    #news-page .box-library h2,.box-library h2,.colum-box-news,.news-list{
        position:relative;
        left:auto;
        top:auto
    }
    #library-page .content-main{
        margin:-80px 0 0
    }
    .box-library{
        position:relative;
        display:block;
        width:100%;
        height:auto;
        padding:0 0 40px;
        margin:0
    }
    .box-library h2{
        font-size:36px;
        font-weight:700;
        line-height:1.4;
        margin:10px 0 50px;
        padding:10px 20px
    }
    .head-text h3,.title-pdf h3,.title-pic h3{
        font-size:13px
    }
    .pic-center{
        display:block;
        width:90%;
        max-width:inherit;
        margin:20px auto 0;
        opacity:1
    }
    #news-page .title-page,.colum-box-news.show .click-hover,.colum-box-news.show .close-news,.pic-center .slide-buttons{
       
    }
	 #news-page .box-slider {
    width: 100%;
    height: 100vh;
    position: absolute;
    overflow: hidden;
    display: block;
    float: left;
    -webkit-tap-highlight-color: transparent;
    z-index: 1;
    top: 0;
}
	
	
	
	
    .box-library-pdf{
        width:300px;
        height:300px;
        margin:0 auto 20px
    }
    .grid,.news-list{
        margin:0;
        width:100%
    }
    .library-thumb{
        width:96%;
        max-width:inherit
    }
    .pic-library{
        max-height:250px
    }
    #news-page .box-cover,.group-central[data-name=info] .box-cover{
        max-height:400px
    }
    .pic-center.video-slide .slide-wrapper-outer{
        padding:20px 0 0
    }
    #news-page .box-library{
        height:auto;
        margin:0;
        padding:0
    }
    #news-page .box-library h2{
        width:100%;
        margin:0
    }
    .grid,.wrap-page{
        max-width:90%
    }
    .colum-box-news{
        background-color:#96bcc2
    }
    .colum-box-news.show{
        width:100%;
        height:auto;
        min-height:inherit
    }
    .news-list .scrollB{
        overflow:hidden;
        display:block
    }
    .news-list{
        display:block;
        height:auto;
        padding:10px 0;
        overflow-y:hidden;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
        background-color:rgba(0,0,0,.1)
    }
    .news-list::after{
        display:none
    }
    .grid{
        max-width:inherit;
        padding:0
    }
    .grid-item{
        width:250px;
        padding:0 1px;
        height:90px;
        opacity:1
    }
    .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;
        max-width:inherit;
        width:90%
    }
    .news-text{
        padding:30px 5%
    }
    .news-text h3:nth-child(1){
        padding:0 0 10px
    }
    .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
    }
    .go-news,.head-text p,.head-text::after{
        display:none
    }
    .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 .go-news{
        opacity:0
    }
    .link-page .new-icon{
        left:0;
        top:0
    }
    .link-page.current{
        background-color:#fff;
        pointer-events:none
    }
    .link-page.current .head-text h3{
        color:#333
    }
    #contact-page .title-page{
        top:120px
    }
    .group-central[data-name=info]{
        background-color:#725a48
    }
    .register-form{
        width:100%;
        top:0;
        left:0;
        margin:0;
        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:30px;
        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
    }
}
@media screen and (max-width:840px){
    .title-page h1{
        font-size:32px
    }
    .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
    }
}
@media screen and (max-width:740px){
    .title-page h1{
        font-size:30px
    }
    #contact-page .text-intro h2,.text-intro h2,.title h2{
        font-size:24px
    }
    .title h2{
        margin:10px
    }
    .align-top span{
        width:48%;
        margin:10px 0
    }
    .apartment .compass2{
        top:10px
    }
    .pic-progress{
        max-height:160px
    }
}
@media screen and (max-width:620px){
    .address,.group-central[data-name=apartment-home] .box-cover::after{
        display:none
    }
	
.blur {	filter: blur(0px); -webkit-filter: blur(0px); }	
	
.wrap-news .box-news:nth-child(1), .wrap-news .box-news:nth-child(2), .wrap-news  .box-news:nth-child(3){
        width:90%!important;
        margin:0 0 10px!important;
    }
	
	
   .group-central[data-name=intro-home] .content-main{
       position: absolute;
        left: 42vw;
        background: rgb(85 78 4 / 60%);
        width: 55vw;
        -webkit-border-radius: 20px;
        border-radius: 20px;
    }
	
	    .text-intro h2::after { margin: 10px auto; }
	.text-intro h2, .title h2 {  margin: 0px auto;}
	.group-central[data-name=intro-home] .text-intro {padding:0 0 20px; }
	
	
	
	 .go-details, .box-news:nth-child(2) .go-details {
        width: 30px;
        height: 30px;
        position: relative;
        display: block;
        margin: 30px -5px 0 0;
        float: right;
    }
}
	
	
	   .group-central[data-name="master"] .content-main,
	   .group-central[data-name="intro"] .content-main,
	   .group-central[data-name="partner"] .content-main
	   {position:relative;margin:-30px 0 0;	 background-color:#167d00; border-radius: 30px 30px 0 0;  }
	
	.group-central[data-name="master"] .text-intro::after,
	.group-central[data-name="intro"] .text-intro::after,
	.group-central[data-name="partner"] .text-intro::after
	{
		content: '';
		background: none;
        background-color:#167d00;
        width:100%;
		border-radius: 30px 30px 0 0;
		left: 0;
		top: 0;
		
}
	
	
    .hover-item{
        width:100%;
        height:calc(900/2000 * 100vw)
    }
    .hover-item h3{
        font-size:16px;
        text-align:center;
		top: 0vh;
		font-weight: bold;
    }
    .group-central[data-name=apartment-home] .content-right{
        position:relative;
        width:100%;
        right:auto;
        bottom:auto;
        text-align:center
    }
    .content-left .text-intro,.content-right .text-intro{
        text-align:center
    }
    .content-right .go-page{
        margin:10px 0
    }
   
    .group-central[data-name=master] .content-left{
        position:relative;
        width:100%;
        left:auto;
        bottom:auto;
        text-align:center;
        -webkit-transform:none;
        transform:none;
        background-color:#009fb3
    }
    .box-library-pdf{
        width:250px;
        height:250px;
        margin:0 auto 40px
    }
    .title-pdf{
        margin:-150px 0 0
    }
    .captcha{
        width:110px
    }
}
@media screen and (max-width:540px){
	
	
	
    .compass2,.nav-click{
        right:10px
    }
    .title-page h1{
        font-size:28px
    }
    .left-content h2,.register-form h3{
        font-size:24px
    }
    .language{
        left:10px
    }
    .slide-pics .box-cover{
       /* min-height:70vh;*/
        height:calc(1400/2000 * 100vw)
    }
    .left-content{
        left:5%
    }
    .left-content h3{
        font-size:13px
    }
    .partner span{
       /* width:48%*/
    }
    #location-page .text-intro h2,#progress-page .box-library h2,.box-library h2{
        font-size:24px
    }
    #contact-page .text-intro h2,.apartment h2,.facilities h2{
        font-size:20px
    }
    .compass2{
        width:30px;
        height:30px;
        top:10px
    }
    .apartment-map .compass2{
        top:10px
    }
    .title-box h2 strong{
        display:block
    }
    .thumb-click li{
        width:60px
    }
    .box-progress{
        width:80%
    }
    .pic-progress{
        max-height:inherit
    }
}
@media screen and (max-width:440px){
.sub-news {
  display: block;
  height: auto;
  top: 180px;
  right: auto;
  padding: 5px 0;
  text-align: center;
  overflow: scroll;
}

.sub-news::-webkit-scrollbar     {
	height: 4px;
	background-color: #F5F5F5;
}
.sub-news::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #D62929;
}


	
.sub-news li span {
  padding: 5px 2px;
  font-size: 12px;
  font-weight:normal
}
.sub-news li span:after {
  content:" |";
  padding-left: 4px;

}	
.sub-news.show {
  background-color:#187105;
  opacity: 1;
}	
.box-library h2 {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.2;
  text-align: center;
  color: #187105;
  margin: 10px 0;
  z-index: 9;
}	
    .nav li,.nav li a{
        text-align:center;
		padding: 5px 10px;
		white-space: normal;
    }
    .nav li{
        padding:0 10px
    }
    .nav li a{
        font-size:14px
    }
    .logo{
        width:65px;
        margin:0;
        height:65px ;
		left: 10px;
    }
    .loadicon{
        width:240px;
        margin:-120px 0 0 -120px
    }
    .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{
        
    }
    .header.hide{
        top:-74px
    }
    .copyright a{
        display:block
    }
    #location-page .text-intro h2,.text-intro h2,.text-intro h3,.title h2{
        font-size:18px
    }
	
	 .go-inner, .go-page { padding: 10px 20px;  margin: 0px 0;}
	
	
	
    .compass{
        width:30px;
        height:30px
    }
    .register-form.show form{
        width:90%
    }
    .input-but button{
        font-size:16px
    }
    .news-content{
        width:96%
    }
    .news-text h3:nth-child(1){
        font-size:18px
    }
    .box-library h2{
        font-size:20px
    }
    .apartment h2,.facilities h2{
        font-size:16px
    }
    .title-box h2{
        font-size:24px
    }
    .load-apartment .slide-pic-nav{
        margin-top:-20px
    }
    .load-apartment .next-pic,.load-apartment .prev-pic{
        height:40px;
        width:20px
    }
    .box-progress{
        width:90%
    }
    #progress-page .box-library h2{
        font-size:20px
    }
    .contact-form{
        width:100%
    }
    #contact-page .text-intro h2{
        font-size:18px
    }
    #contact-page .title-page,#library-page .title-page,#location-page .title-page{
        top:80px
    }
}
@media screen and (max-width:350px){
    #contact-page .title-page,#library-page .title-page,#location-page .title-page{
        top:60px
    }
}
.content-table::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important
}
.news-list::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important
}
.info-facilities::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important
}
.video-cover[data-fullscreen=true] video::-webkit-media-controls{
    display:none!important
}
.video-cover[data-fullscreen=true] video::-webkit-media-controls-enclosure{
    display:none!important
}
.controls progress::-webkit-progress-value{
    background-color:#fff
}
.controls progress::-webkit-progress-bar,.controls progress::-webkit-progress-value{
    background-color:rgba(255,255,255,.5)!important
}
:-webkit-full-screen,:-webkit-full-screen-ancestor:not(iframe){
    background-color:#fff!important;
    position:fixed!important;
    left:0;
    top:0;
    z-index:2147483647!important
}









@media screen and (max-width: 600px) {
table {
 margin: auto;
  border-collapse: collapse;
  overflow-x: auto;
  display: block;
  width: fit-content;
  max-width: 100%;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);
  font-size:12px!important;
  line-height:18px!important;
}

td span, td p{
    font-size:14px!important;
  line-height:18px!important;
}
td, th {
  border: solid rgb(200, 200, 200) 1px;
  padding: .5rem;
  min-width:200px;
}

th {
  text-align: left;
  background-color: rgb(190, 220, 250);
  text-transform: uppercase;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: rgb(50, 50, 100) solid 2px;
  border-top: none;
}

td {
  /*white-space: break-spaces;*/
  border-bottom: none;
  color: rgb(20, 20, 20);

}

td:first-of-type, th:first-of-type {
  border-left: none;
}

td:last-of-type, th:last-of-type {
  border-right: none;
}
}