@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

*{
	box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
}

body{    
    line-height: 1.4;
    overflow-x: hidden;
}

.border{
    border: 1px solid #000;
}

textarea:focus, input:focus, select:focus,button:focus{
    outline: none;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ddd1b9;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ddd1b9;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #ddd1b9;
}

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

a {
    text-decoration: none;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;    
}

h1, h2, h3, h4, h5, h6{
	margin-top:0px;
	line-height:1.2;
}
html{scroll-behavior: smooth;}

/*-------------------------------------------------------------default--*/
.rows{
    display: flex;
    flex-wrap: wrap;
    padding-left: 15px;   
    padding-right:15px;
}
.rows.ai{
    align-items: center;
}
.rows.jc{
    justify-content: center;
}
.col-3{
    width: 25%;
}
.col-4{
    width: 33.33%;
}
.col-5{
    width: 41.66%;
}
.col-6{
    width: 50%;
}
.col-7{
    width: 58.33%;
}
.col-8{
    width: 66.66%;
}

.hover-zoom{
	transition:0.5s;
}
.hover-zoom:hover{
	transform:scale(1.05);
}

.cus-hide-large{
	display:none;
}
/*------------------------------------------------------------keyframe---*/
@keyframes line-anim{
	to{
		stroke-dashoffset:0;
	}
}
@keyframes fills{
	from{
		fill:transparent;
	}
	to{
		fill:#783A19;		
	}
}

@keyframes backInUp {
    0% {
      -webkit-transform: translateY(1200px) scale(0.7);
      transform: translateY(1200px) scale(0.7);
      opacity: 0.7;
    }
  
    80% {
      -webkit-transform: translateY(0px) scale(0.7);
      transform: translateY(0px) scale(0.7);
      opacity: 0.7;
    }
  
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }
}
@-webkit-keyframes Ani {
    0% {
        box-shadow: 0 0 0 rgba(255, 255, 255, 0);
        border: 1px solid rgba(255, 255, 255, 0);
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    70% {
        box-shadow: 0 0 50px rgba(255, 255, 255, 1);
        border: 1px solid rgba(255, 255, 255, 1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        box-shadow: 0 0 60px rgba(255, 255, 255, 0);
        border: 0 solid rgba(255, 255, 255, 0);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}
@keyframes Ani {
    0% {
        box-shadow: 0 0 0 rgba(255, 255, 255, 0);
        border: 1px solid rgba(255, 255, 255, 0);
        transform: scale(0);
    }
    70% {
        box-shadow: 0 0 50px rgba(255, 255, 255, 1);
        border: 1px solid rgba(255, 255, 255, 1);
        transform: scale(1);
    }
    100% {
        box-shadow: 0 0 60px rgba(255, 255, 255, 0);
        border: 0 solid rgba(255, 255, 255, 0);
        transform: scale(1.5);
    }
}

@keyframes move-chevron{
	25%{
		opacity: 1;
	}
	33.3% {
	  opacity: 1;
	  transform: translateY(0.4vw);
	}
	66.6% {
	  opacity: 1;
	  transform: translateY(0.8vw);
	}
	100% {
	  opacity: 0;
	  transform: translateY(1.4vw) scale(0.5);
	}
}

@keyframes nudge {
    0%, 100% {
      transform: translate(0,0);
    }  
    *50% {
      transform: translate(0,-5px);
    }    
    80% {
      transform: translate(0,-10px);
    }    
  }

  
/*--------------------------------------------------------------loader--*/
.loader{
    position: fixed;
    width:100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
}
.logo-svg{
    width:100%;
	height:100%;
	position:relative;
	display:flex;
	align-items: center;
    justify-content: center;
	background-color:#e9c9b4;
}


.logo-svg svg{
	width:50%;
	animation: fills 1s ease forwards 2s;
}
.logo-svg svg path,.logo-svg svg polygon{	
	stroke:#783A19;
	stroke-width:2px;
	
}
.logo-svg svg path:nth-child(1){		
	stroke-dasharray: 339;
    stroke-dashoffset: 339;
	animation: line-anim 2s ease forwards;
}
.logo-svg svg path:nth-child(2){	
	stroke-dasharray: 375;
    stroke-dashoffset: 375;	
	animation: line-anim 2s ease forwards;
}
.logo-svg svg path:nth-child(3){	
	stroke-dasharray: 374;
    stroke-dashoffset: 374;	
	animation: line-anim 2s ease forwards;
}
.logo-svg svg path:nth-child(4){	
	stroke-dasharray: 374;
    stroke-dashoffset: 374;	
	animation: line-anim 2s ease forwards;
}
.logo-svg svg path:nth-child(5){	
	stroke-dasharray: 392;
    stroke-dashoffset: 392;	
	animation: line-anim 2s ease forwards;
}

.logo-svg svg path:nth-child(7){
	stroke-dasharray: 460;
    stroke-dashoffset: 460;	
	animation: line-anim 2s ease forwards;
}
.logo-svg svg path:nth-child(9){
	stroke-dasharray: 374;
    stroke-dashoffset: 374;	
	animation: line-anim 2s ease forwards;
}

.logo-svg svg path:nth-child(10){
	stroke-dasharray: 374;
    stroke-dashoffset: 374;	
	animation: line-anim 2s ease forwards;
}
.logo-svg svg polygon:nth-child(6){
	stroke-dasharray: 464;
    stroke-dashoffset: 464;	
	animation: line-anim 2s ease forwards;
}
.logo-svg svg polygon:nth-child(8){
	stroke-dasharray: 167;
    stroke-dashoffset: 167;	
	animation: line-anim 2s ease forwards;
}
.logo-svg svg path:nth-child(11){
	stroke-dasharray: 125;
    stroke-dashoffset: 125;	
	animation: line-anim 4s ease forwards;
}
.logo-svg svg path:nth-child(12){
	stroke-dasharray: 179;
    stroke-dashoffset: 179;	
	animation: line-anim 4s ease forwards;
}
.logo-svg svg path:nth-child(13){
	stroke-dasharray: 159;
    stroke-dashoffset: 159;	
	animation: line-anim 3s ease forwards;
}
.logo-svg svg path:nth-child(14){
	stroke-dasharray: 179;
    stroke-dashoffset: 179;	
	animation: line-anim 2s ease forwards;
}
.logo-svg svg path:nth-child(15){
	stroke-dasharray: 54;
    stroke-dashoffset: 54;	
	animation: line-anim 2s ease forwards;
}
.logo-svg svg path:nth-child(16){
	stroke-dasharray: 130;
    stroke-dashoffset: 130;	
	animation: line-anim 2s ease forwards;
}
.logo-svg svg path:nth-child(17){
	stroke-dasharray: 179;
    stroke-dashoffset: 179;	
	animation: line-anim 2s ease forwards;
}

/*--------------------------------------------------------------section1--*/

.sec1{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    min-height: 100vh;  
    display: block;
    visibility: hidden;   
    opacity: 0;
    transition: opacity 1s ease-in;   
}
.sec1 .logo{
    margin-top: 2vw;
    display: flex;
    /*justify-content: flex-end;  */        
}
.sec1 .logo img{
    width: 20%;
}

.sec1 .title1{
    margin-top: 2vw; 
    padding-left: 5vw; 
    width: 100%;  
    height: 100%;
}
.sec1 .title1 img{
    height:12vw;
}

.sec1 .img-flag{
	position:absolute;
	top:0;
	right:16%;
}

.sec1 .img-flag img{
	width:100%;
}
/*--------------------------------------------------------header----*/
.rps-menu{
    position: relative;
}

.rps-menu.sticky{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.menu{
	cursor: pointer;
    display: block;
    position: fixed;
    top: 1.5vw;
    right: 2vw;
    z-index: 9999;
    padding: 2vw;
	color:#fff;
	background: url(../img/svg/line-menu.svg) no-repeat 50%/contain;
}
.menu.active{
	display:none;
}
.menu span{
	position:relative;
	width:100%;
	font-weight: 500;
	color:#ffd792;
    font-size: 1vw;
}
.menu span:after{
	width: 2vw;
    bottom: -3px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
	background-color: #763a1e;
	background-repeat:no-repeat;   
}
.nav-menu{
    width: 0;
    height: 100%;
    position: fixed;   
    right: 0;
    top: 0;
	background-color:rgba(120,58,25,.8);
    -webkit-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    z-index: 9999;
}
.nav-menu.active{
	width: 20vw;
}
.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: 9999;
	position: fixed;
}
.overlay-menu.active {
    width: calc(100% - 20vw);
}
.no-scroll{
    overflow-x: hidden;
    overflow-y: hidden!important;
    overflow: hidden;
	height:100%;
}

.nav-close{
	width:2vw;
	height:2vw;
	border:1px solid #fff;
	display: flex;
    align-items: center;	
    justify-content: center;
	margin-top:1.5vw;
	margin-left:1.5vw;
	color:#fff;
	text-align:center;
	font-size:1.2vw;
	line-height:1.2;
}

.nav-menu ul{
    margin-top: 2vw;
    padding-left: 2vw;
	list-style-type:none;	
}
.nav-menu ul li{
	padding: 0.7vw 0.7vw;
	font-size:1.2vw;
	font-weight: 400;
	color:#fff;
	transition:0.5s;
}
.nav-menu ul li:hover{
	padding-left:1.5vw;
}

/*----------------------------nav-box--------_*/
.box-nav{
    width: 6vw;
    padding: 0.5vw;
	position: fixed;
	left:0;
	bottom:7%;
	z-index: 999;
}
.box-360{
	width: 100%;
    height: 100%;
    padding-left: 10%;
    padding-right: 10%;
}
.box-360 img{
	width:100%
}
.nav-fb{
	margin-top:1vw;
	width:100%;
    height: intrinsic;
	position:relative;
	display:flex;
	justify-content: center;	
	margin-bottom:1.2vw;
}
.nav-fb svg{
	width:2vw;
    height: intrinsic;
	fill:#fff;	
}

.box-footer{
	position: fixed;
    left: 0;
    bottom: 0px;
    width: 100%;
    padding-top: 3vw;
    padding-bottom: 3vw;
    padding-left: 2vw;
    padding-right: 2vw;
    display: flex;
    align-items: center;
	justify-content:space-between;
	z-index:999;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(0deg, rgba(0,0,0,0.8855917366946778) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.8855917366946778) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(0deg, rgba(0,0,0,0.8855917366946778) 0%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);
}

.scroll-bottom{	
	position:relative;	
}

.chevron {
    position: absolute;
    width: 2vw;
    height: 0.1vw;
    opacity: 0;
    transform: scale(0.3);
    animation: move-chevron 3s ease-out infinite;
}

.chevron:first-child {
  animation: move-chevron 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  animation: move-chevron 3s ease-out 2s infinite;
}

.chevron:before,.chevron:after {
 content: '';
 position: absolute;
 top: 0;
 height: 100%;
 width: 50%;
 background: #fff;
}

.chevron:before {
 left: 0;
 transform: skewY(30deg);
}

.chevron:after {
 right: 0;
 width: 50%;
 transform: skewY(-30deg);
}



/*----------------------------footer-box------------*/
.subscribe {
    width: 20vw;
    height: 4vw;
    position: fixed;
    left: 50%;
    transform: translate(-50%);
    z-index: 999;
    bottom: 1.2vw;
	text-align:center;   
	display:flex;
	justify-content:center;
	align-items:center;
	-webkit-transition:0.3s;
    transition:0.3s;
}
.subscribe-icon {
    width: 20vw;
    height: 4vw;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
	-webkit-transition:0.3s;
    transition:0.3s;
}
.subscribe-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}
.subscribe a {
    font-weight: 400;
    width: auto;
    position: relative;
    display: inline-block;
    font-size: 1vw;
    color: #fff;
	padding:0.4vw 0.8vw;
	-webkit-transition:0.3s;
    transition:0.3s;	
}

.subscribe--en a {
    padding: 38px 20px;  
}



.subscribe:hover a {
    background-color: #946d49;
}
.subscribe:hover .subscribe-icon {
    -webkit-transform: scaleX(1.1);
    transform: scaleX(1.1);
} 


.subscribe--en:hover a{
    background-color: transparent;
}


.hotline{
    width: auto;
    height: 4vw;
    position: fixed;
    right: 3vw;
    z-index: 999;
    bottom: 1vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hotline .call {
    width: 3vw;
    height: 3.5vw;
}
.call svg {
    display: block;
    width: 100%;
    height: 100%;
	fill:#fff;
}
.hotline a {
    width: auto;
    font-size: 1.7vw;
    white-space: nowrap;
	color:#fff;
	font-weight:600;
}

/*--------------------------------------------------------video---*/
.group-central{
    width: 100%;
    height: 120vh;
    position: relative;   
}

.bg-video {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
    padding: 20px;
    background-size: cover;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: opacity 0.6s ease-in-out;
    z-index: 1;
}
.bg-video.hide,
.play-button {
    opacity: 0;
    pointer-events: none;
}


.box-video-center {
    width: 100%;
    height: 100%;   
}

.video-youtube-full {
    height: 100%;
    position: relative;  
}

.video-youtube-full:hover .control{
    opacity:1;
}
.youtube-video iframe {
    z-index: auto;
}

.video-youtube-full.playing iframe {
    z-index: 2;
}


.video-youtube-full, .youtube-video {
    position: relative;
    width: 100%;				
    display: block;
}
.youtube-video{
    height:100%;
    overflow: hidden;
}		

.youtube-video iframe {
    width: 100%;
    height: 56.25vw;	
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);	
    z-index: -1;
}

.full-frame .youtube-video iframe {
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    transform: none;
}

.play-button.show {
    opacity: 1;
    pointer-events: auto;
}
.pause-button {
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    margin: 0;
    pointer-events: none;
}

.play-button {
    width: 10vw;
    height: 10vw;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -70px 0 0 -70px;
    border-radius: 50%;
    z-index: 99999;
}
.play-button:before {
    transform: scale(.6);   
    border-radius: 50%;
    z-index: -1;
    transition: all .5s ease-in-out;
    background: rgb(99,79,70);
    background: -moz-linear-gradient(150deg, rgba(99,79,70,1) 0%, rgba(175,134,114,0.8911939775910365) 100%);
    background: -webkit-linear-gradient(150deg, rgba(99,79,70,1) 0%, rgba(175,134,114,0.8911939775910365) 100%);
    background: linear-gradient(150deg, rgba(99,79,70,1) 0%, rgba(175,134,114,0.8911939775910365) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#634f46",endColorstr="#af8672",GradientType=1);
}

.play-button:after, .play-button:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.play-button:after, .play-button:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.play-button:after {
    background: url('../img/bg/play.svg') no-repeat 50%/contain;
}

.play-button:hover:before {
    transform: scale(1);
}
/*-----------------------------------------control-------------------*/
.control,
.pause-button {
    position: absolute;
    opacity: 0;
}
.control {
    width: auto;
    height: auto;
    padding: 10px;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    text-align: center;
    color: #fff;
    font-size: 12px;
    transition: opacity 0.5s ease-in-out;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    z-index: 10;
}
.control:after {
    background: linear-gradient(45deg, rgba(150, 96, 46, 0.7), hsla(47, 86%, 83%, 0.7));
    transition: background-color 0.3s ease-in-out;
    z-index: -2;
}
.control:after,
.control:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 10px;
}
.control:before {
    background: linear-gradient(45deg, #96602e, #f9e8ad);
    transition: background-color 0.3s ease-in-out;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    z-index: -1;
}
.control.show, .control:hover {
    opacity: 1;
}

.control.hide {
    opacity: 0;
}
.control:hover:before {
    opacity: 1;
}
.control span {
    margin: 0 5px;
}
.control button,
.control span {
    display: inline-block;
    vertical-align: middle;
}
.control button {
    outline: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    position: relative;
    margin: 0 10px;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}
.control button:hover {
    opacity: 0.5;
    background-color: transparent;
}
.control button:focus {
    opacity: 1;
    background-color: transparent;
}

button[data-state="play"] {
    background-image: url(../img/svg/play1.svg);
}
button[data-state="pause"] {
    background-image: url(../img/svg/pause.svg);
}
button[data-state="stop"] {
    background-image: url(../img/svg/stop.svg);
    display: none;
}
button[data-state="mute"] {
    background-image: url(../img/svg/mute.svg);
}
button[data-state="unmute"] {
    background-image: url(../img/svg/unmute.svg);
}
button[data-state="go-fullscreen"] {
    background-image: url(../img/svg/fullscreen.svg);
}
button[data-state="cancel-fullscreen"] {
    background-image: url(../img/svg/cancel-fullscreen.svg);
}

/*-----------------------------------------------------------------sec2--*/
.sec2{
    width: 100%;
    min-height: 100vh;
    background-image: url(../img/bg/bg2.jpg);
    background-size: cover;
    background-position: center;   
    position: relative;
}

.sec-logo{
    width: 100%;
    position: relative;
    display: flex;   
    justify-content: center;
}
.sec-logo img{
    width: 15vw;
    height: intrinsic;
    margin-top: 2vw;
}

.sec2-content{
    width:35%;
    display: flex;
    flex-wrap: wrap;
    margin-left: 11vw;   
    padding-top: 1vw;    
    align-items: center;
    justify-content: center;
}

.sec2-content img{
    width: 100%;
}

.sec2-content p{
    padding:0px 20px;
    text-align: justify;
    font-size: 1.25vw;
}
.sec2-content p span{
    color: #9d530c;
}

.sec2-content ul{
    width:75%;
    list-style-type: none;   
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;

}
.sec2-content ul li{
    width: 50%;
    font-size: 1vw;
    font-weight: 500;    
    margin-bottom: 0.5vw;
    color: #915113;
    position: relative;
}

.sec2-content ul li:before {
    content: "";
    position: absolute;
    left: 0;
    bottom:-1vw;
    background-image: url(../img/light-text.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 10vw;
    height: 30px;
}

/*---------------------------------------------------------sec3--------*/
.sec3{   
    min-height: 100vh;
    background-image: url(../img/f4.jpg);
    background-size: cover;
    background-position:center;
    position: relative;
}
.sec3-content{
    width: 40%;
    margin-left: 19%;
    padding-top: 36px;
    position: relative;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.sec3-content img{
    width: 80%;
}
.sec3-content p{
    padding:0px 5vw;
    text-align: justify;
    font-size: 1.1vw;
    color:#9d530c;
}
/*---------------------------------------------------------sec4--------*/
.sec4{
    min-height: 100vh;
    background-image: url(../img/bg/title-3.jpg);
    background-size: cover;
    background-position:center;
    position: relative;
}
.sec4-container{
	width:100%;
	display:flex;
	justify-content:flex-end;
	position: absolute;
	bottom:0px;
}
.sec4-content{
    width: 50%;
    margin-right: 10%;  
    position: relative;  
    display: flex;   
}
.sec4-content .img{
	width:40%;
}
.sec4-content .img img{
    width: 100%;
}
.sec4-content .info{
	width:60%;
	padding-left:5%;
	padding-top:7%;
	background:#fff;
	opacity: 0.7;
}

.sec4-content h2{
    font-size: 2.4vw;
    font-weight: 600;
    color:#9d530c ;  
    margin-bottom: 0.5vw;
}

.sec4-content .tx4{
    font-size: 1vw;
    color:#632c05;
    margin-bottom: 0.3vw;
   line-height: 1.2;
}
.sec4-content .tx4 strong{
    font-weight: 500;
    font-size: 1.1vw;
}
.sec4-content .tx4 span{
    font-weight: 700;
    font-size:1.5vw;    
}

.sec4-content h3{
    font-size: 1.3vw;
    font-weight: 600;
    color: #663300;
    margin-bottom: 0;
    margin-top: 1vw;
}

.sec4-content ul{
    margin: 0;
    padding-left: 2vw;
    font-size: 1vw;
}
.sec4-content ul li{
    color:#663300;   
}
.sec4-content ul li strong{
    font-size: 1vw;
    font-weight: 400;
}
.sec4-content ul li span{
    font-weight: 700;
    font-size:1.6vw;
}
/*-------------------------------------------------sec5---*/

.sec5{
    height: 100%;
    background-color: #efcab7;   
    position: relative;
}

.project-location{
    position: relative;
    width:100%;
	max-width:920px;
    display: flex;
    align-items: center;
    justify-content: center;
	margin:0 auto;
}
.project-location .img-location{
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}
.project-location .img-location img{
	max-width:100%;
}
.project-location .svg-location{   
    width: 100%;  
}
.project-location .svg-location svg{
    width: 100%;
}
.project-location .loca{
    width: 6vw;
    height: 6vw;
	max-width:90px;
	max-height:90px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center; 
    transition: 0.5s;
}
.project-location .loca:hover{
    transform: scale(1.5);
    background-color:#9d530c; 
    z-index: 10;   
}
.project-location .loca img{
    width: 5.5vw;
    height: 5.5vw;
	max-width:85px;
	max-height:85px;
    border-radius: 50%;
}
.project-location .loca1{
    position: absolute;
    top: 4%;
    left: 16%;
}
.project-location .loca2{
    position: absolute;
    top: 35%;
    left: 15%;
}

.project-location .loca3{
    position: absolute;
    top: 55%;
    left: 23%;
}

.project-location .loca4{
    position: absolute;
    top: 68%;
    left: 35%;
}

.project-location .loca5{
    position: absolute;
    top: 79%;
    left: 44%;
}

.project-location .loca6{
    position: absolute;
    top: 0%;
    left: 71%;
}

.project-location .loca7{
    position: absolute;
    top: 21%;
    left: 67%;
}
.project-location .loca8{
    position: absolute;
    top: 50%;
    left: 69%;
}

.g-maps{
	width: 4%;
    position: absolute;
    bottom: 27%;
    left: 59%;
    animation: nudge 2s linear infinite alternate;
}

.g-maps img{
	width:100%;
}


.sec5-content{
    padding-left: 5vw;
    padding-top: 3vw;
    padding-right: 5vw;
}

.sec5-content h2{
    font-size: 2.4vw;
    font-weight: 600;
    color:#9d530c ;  
    margin-bottom: 7vw;
    position: relative;
}
.sec5-content h2::before{
    content: "";
    background-color: #9d530c;
    border-radius: 15px;
    position: absolute;
    bottom: -1.5vw;
    left: 0;
    width: 5vw;
    height: 0.4vw;
}

.sec5-content .sec5-tx{
    font-size: 1.7vw;
    font-weight: 600;
    color:#9d530c ;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.5vw;
}
.sec5-content .sec5-tx span{
    width: 100%;
}
.sec5-content p{
    color:#663300;  
    font-size: 1.01vw;
    text-align: justify;
}
/*--------------------------------------------------------------------------------------sec6---*/

.sec6{
    height:100%;
    /*background-image: url(img/bg/tmb-newtowndiamond-0707234444.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
   position: relative;
}
.sec6 .map-svg{
    height:100%;    
    position: relative; 
}
.sec6 .map-svg svg{
    width: 100%;
    height: 100%;
}

#kv-vip{
	fill:transparent;
	stroke:transparent;
}
#kv-vip:hover{
	fill:#903405;
	stroke:#FBCE6E;
}
#kv-donlap > path{
	fill:transparent;
	stroke:transparent;
}

#kv-donlap:hover >path{
	fill:#903405;
	stroke:#FBCE6E;
}

#kv-songlap > path{
	fill:transparent;
	stroke:transparent;
}

#kv-songlap:hover >path{
	fill:#903405;
	stroke:#FBCE6E;
}
#clup_house{
	fill:transparent;
	stroke:transparent;
}
#clup_house:hover{
	fill:#903405;
	stroke:#FBCE6E;
}


.sec6-tit{
    position: absolute;
    top:5%;
    left: 50%;
    transform: translateX(-50%);
}
.sec6-tit h2{
    font-size: 2vw;
    color:#ffffff;
    font-weight: 500;
}

.sec6-tit h2::before{
    content: "";
    background-color: #ffffff;
    border-radius: 15px;
    position: absolute;
    bottom: -1vw;
    left: 50%;
    transform: translateX(-50%);
    width: 5vw;
    height: 0.3vw;
}

.sec6 .img-h {
    position: absolute;
    top: 30%;
    left: 53%;
}

.sec6 .img-h img{
    width: 30vw;
    height: intrinsic;
}

.sec6 .icon-m{
    position: absolute;
    top: 6%;
    left: 23%;
    width: 6vw;
}
.sec6 .icon-m img{
    width: 100%;
}

/*--------------------------------------------------------------------------------------sec7---*/
.sec7{
    height: 100%;
    position: relative;    
    margin-bottom: -1vw;

}
.sec7 .img{
    width: 100%;
}
.sec7 .img img{
    width: 100%;
    margin-bottom: -1vw;
}

/*--------------------------------------------------------------------------------------sec8---*/
.sec8{
    height: 100%;   
    padding: 0 5vw 2vw 5vw;
    background-image: url(../img/f10.jpg);
    background-size: cover;
    background-position:center;
    position: relative;
}

.sec8 .sec8-left{
    width: 100%;
    padding: 2vw;
}

.sec8 .sec8-left .img img,.sec8 .sec8-left .title img{
    width: 100%;
}
.sec8-left .img{
	position:relative;
	padding:1vw;
}
.sec8-left .img img{
	border-radius:1vw;
}
.sec8-left .img .icon-toplef{
	position: absolute;
    top: 0;
    left: 0%;
    width: 2vw;
    height: 2vw;
    background-image: url(../img/svg/icon-picture-1.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.sec8-left .img .icon-botrig{
	position: absolute;
    bottom: 0.3vw;
    right: 0;
    width: 2vw;
    height: 2vw;
    background-image: url(../img/svg/icon-picture-2.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.sec8 .sec8-right{
    width: 100%;
    padding: 2vw;
    display: flex;
    padding-top: 7.5vw;
}

.sec8-right ul {
    width: 45%;
    list-style-type: none;
    padding: 0;
}
.sec8-right ul li {
    display: flex;
    align-items: center;
    padding: 0.5vw;
    position: relative;
    font-size: 1.1vw;
    margin-bottom: 0.2vw;
    transition: 0.4s;
}
.badge{
	width:2vw;
	height:2vw;
    font-size: 1vw;
	border-radius:50%;
	background-color:#f3d2bf;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#000;	
	float:left;
	margin-right:10px;
}
.sec8-right ul li:hover{
	color:#cc6600;
	font-weight:bold;
}

.sec8-right ul li:hover .img-hover{
	display:block;
}

.img-hover{	
	display:none;
	z-index:2;
	width:15vw;
	position:absolute;
	top:50%;
	left:55%;
	transform:translate(0,-50%);
}
/*--------------------------------------------------------------------------------------sec-libs.---*/
.sec-libs{
    min-height: 100vh;
    background-image: url(../img/bg/f16.jpg);
    background-size: cover;
    background-position:center;
    position: relative;
}
.lib1{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-left: 4vw;
    padding-right: 4vw;  
}
.lib1 .title{
    width: 35%;
    padding-left: 2vw;
    padding-right: 2vw;
}
.lib1 .title img{
    width: 100%;
}

.lib-slide{
    width: 65%;   
    padding:2vw 1vw;
    position: relative;
}
.libs-slide img{
    width: 100%; 
    border-radius: 15px;   
}

.lib-slide .icon-toplef{
    position: absolute;
    top:2%;
    left: 0%;
    width: 2vw;
    height: 2vw;
    background-image: url("../img/svg/icon-picture-1.svg");
    background-repeat: no-repeat;
    background-size: contain;    
}

.lib-slide .icon-botrig{
    position: absolute;
    bottom:89px;
    right: 0%;
    width: 2vw;
    height: 2vw;
    background-image: url("../img/svg/icon-picture-2.svg");
    background-repeat: no-repeat;
    background-size: contain;    
}

.box-ctrl{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:25px;
}
.ctrl-next,.ctrl-prev{
	cursor: pointer;
}
.lib1 .info-lib{
    padding: 2vw;
}
.lib1 .info-lib h3{
    font-size: 1.7vw;
    font-weight: 600;
}

.lib1 .info-lib ul{
    padding-top: 1vw;
    list-style-type: none;
}

.lib1 .info-lib ul li{
    margin-bottom: 0.4vw;
    color: #763c16;
    font-size: 1.2vw;
}
/*--------------------------------------------------------------------------------------sec-policy---*/
.sec-policy{
    min-height: 100vh;
    background-image: url(../img/bg/bg-lux.jpg);
    background-size: cover;
    background-position:center;
    position: relative;
}
.policies{
    padding: 2vw 8vw;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.policy-title{
    display: flex;  
    justify-content: center;
    margin-bottom: 2vw;
}
.policy-title h3{
    width: 40%;
    padding-top: 0.3vw;
    font-size: 2vw;
    color:#903405;  
    position: relative;
}
.policy-title h3::before{
    content: "";
    background-color: #903405;
    border-radius: 15px;
    position: absolute;
    bottom: 1.5vw;
    left: 0;   
    width: 5vw;
    height: 0.3vw;
}
.policy-title .img{
    width: 60%;
}
.policy-title .img img{
    width: 100%;
}

.policy-content{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 4vw 0;
}

.policy-content .lef,.policy-content .rig{
    width: 50%;
    display: flex;
}

.policy-content .lef .box-img,.policy-content .rig .box-img{
    width: 50%;
    padding:1.5vw;
}
.policy-content .box-img img{
    width: 100%;
}
/*---------------------------------------------------------------------------------------------news---*/
.news{
    height: 100%;
    background-image: url(../img/bg/new.jpg);
    background-size: cover;
    background-position:center;
    position: relative;
    padding-bottom:2vw ;
}
.news .news-title{
    margin: 0px 7vw;
    font-size: 2vw;
    position: relative;
    padding-bottom: 0.2vw;
    color: #763c16;
    font-weight: 500;
}
.news .news-title:before{
	content: "";
    background-color: #dac4b7;   
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 1px;
}
.news .news-title:after{		
	content: "";
    background-color: #783a17;
    border-radius: 2px;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100px;
    height: 4px;
}

.news-content{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding:2vw 7vw;
}

.news-content .news-item{ 
    width: 33.33%;    
    padding: 1vw;
    height: 21vw;
}
.news-item .img {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 0.5vw;
}

.news-item .img img{
    width: 100%;
    transition:0.5s;
    border-radius: 0.5vw;
}
.news-item:hover .img img {	
	transform:scale(1.1);
    border-radius: 0.5vw;
}
.news-item h3{
	font-size:1.1vw;
    font-weight: 400;
	margin-top:0.6vw;
	color:#763c16;	
}
.news-item h3>a{
	position:relative;
	transition:0.5s;
    color:#763c16;
}
.news-item h3>a:hover{
	color:#000;
	letter-spacing:1px;
}
/*--------------------------------------------------------------------------------------contracts---*/
.contracts{
    height: 100%;
    background-image: url(../img/bg/f16.jpg);
    background-size: cover;
    background-position:center;
    position: relative;
    padding-bottom:2vw ;
}
.contracts-content{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding:2vw 5vw;
}


.box-register {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 999;
    height: 80vh;
}

.box-register .frm-register {
    width: 50%;   
    padding: 1vw;
    font-size: 1.1vw;
    color: #ddd1b9;
    margin-top: 1.5vw;
}

.frm-register h3 {
    font-weight: 500;
    font-size: 1.5vw;
    text-align: center;
    color: #fff;
}
.frm-register .cus-input {
    padding: 0.5vw 0.5vw 0.5vw 0px;
    display: block;
    border: none;
    border-bottom: 1px solid #ddd1b9;
    width: 100%;
    margin-bottom: 0.5vw;
    color: #fff;
    background-color: transparent;
}

.frm-register .frm-button{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2vw;
}

.frm-register .cus-btn {
    padding: 5px 30px;
    border: none;
    border-radius: 20px;
    color: #754227;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    background: rgb(198,159,118);
    background: -moz-linear-gradient(95deg, rgba(198,159,118,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(95deg, rgba(198,159,118,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(95deg, rgba(198,159,118,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c69f76",endColorstr="#ffffff",GradientType=1);
}

.frm-register .cus-btn:hover{
    background-color: rgba(198,159,118,1);
    color: #fff;
}


.box-register .overlay-form {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: -1;
    overflow: hidden;
}

.box-register .overlay-form:after {
    width: 100%;
    height: 100%;
    left: 0;
    top: -3%;
}
.overlay-form:after {
    content: "";
    width: 80%;
    height: 80%;
    left: 10%;
    top: 10%;
    position: absolute;
    background: url(../img/bg/box-bg-color1.svg) no-repeat 50%/contain;
    z-index: 1;
}


.overlay-form span:first-child {
    width: 97%;
    height: 97%;
    left: 1%;
    top: 1.5%;
    position: absolute;
    z-index: -2;
    background: url(../img/bg/box-bg-color2.svg) no-repeat 50%/contain;
    transform: rotate(20deg);
}
.box-register .overlay-form span:first-child {
    width: 110%;
    height: 110%;
    left: -5%;
    top: -5%;
}

.overlay-form span:nth-child(2) {
    width: 97%;
    height: 97%;
    left: 2%;
    top: 2%;
    position: absolute;
    z-index: -3;
    background: url(../img/bg/box-bg-color3.svg) no-repeat 50%/contain;
    transform: rotate(-20deg);
}

.box-register .overlay-form span:nth-child(2) {
    width: 110%;
    height: 110%;
    left: -5%;
    top: -5%;
}


.contracts-content ul.info{
    width: 80%;
    list-style-type: none;
    margin: 0;
    padding-bottom: 2vw;
    border-bottom: 1px solid #a67860;
}

.contracts-content ul.info li{
    margin-bottom: 1vw;
}

.li-land,.li-daily,.li-doitac{
    display: flex;
    align-items: center;
	flex-wrap:wrap;
}
.li-land strong{    
    font-size: 1vw;
    color:#754227;
	 font-weight: 600;
	text-transform:uppercase;
}

.li-daily p{
    font-size: 1vw;
    color:#754227;
    margin-bottom: 0.2vw;
    font-weight: 600;
	text-transform:uppercase;
	text-align:center;
}

.li-doitac .center-r{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
    
	
.li-land img{
   /*height: 3.5vw;*/
}
.li-daily img{
    height: 4vw;
}

.li-doitac p{
    font-size: 0.9vw;
    color:#754227;
    margin-bottom: 0.2vw;
    font-weight: 600;
	text-transform:uppercase;
	text-align:center;
}

.li-doitac img{
    height: 3vw;
}

.li-doitac .title{
	width:100%;
	margin-bottom:1vw;
	font-size: 1vw;
	font-weight: 600;
	text-transform:uppercase;
}

.contact-info{
    padding-top: 3vw;    
}

.contact-info .title-info {
    color: #783a17;
    font-size: 2.5vw;   
    position: relative;
    font-weight: 300;
    margin-bottom: 2vw;
}

.contact-info .title-info:before {
    content: "";
    background-color: #783a17;
    border-radius: 0.2vw;
    position: absolute;
    bottom: -2px;    
    width: 5vw;
    height: 0.2vw;
	left: 50%;
    width: 5vw;
    transform: translateX(-50%);
}

.contact-info .box-info h3{   
    font-size: 1.7vw;   
    position: relative;
    font-weight: 500;
    margin-bottom: 1vw;
}
.contact-info .box-info p {
    font-size: 1.1vw;
    color: #783a17;
}

.box-info .social{
	width:100%;
	display:flex;	
	align-items: center;
	z-index:99999;
}
.box-info .social .phone{
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:99999;
	margin-right:2vw;
}
.box-info .social .phone .icon{
	height:2.5vw;
	width:2.5vw;
	margin-right:0.5vw;
}
.box-info .social .phone .icon svg{
	width:100%;
	height:100%;
}
.box-info .social .phone span{
	color:#000;
	font-size:1.4vw;
	font-weight:600;
}

.box-info .social .social-item{
	height:2.3vw;
	width:2.3vw;
	margin-right:0.5vw;
	margin-left:0.5vw;
	z-index:99999;
}
.box-info .social .social-item svg{
	width: 100%;
    height: 100%;
}

.en .sec4-content h2{
	font-size: 2vw;
}
.en .lib1 .info-lib h3 {
    font-size: 1.2vw;
    font-weight: 700;
}
.en .lib1 .info-lib {
    padding: 1vw;
}



.en .li-doitac .title {    
    font-size: 1.2vw;
}

.center-r{
	display:flex;
	align-items:center;
	justify-content:center;	
}
.flex-column{
	flex-direction:column;
}
.tx-center{
	text-align:center;
}

.lang{
	display: flex;
    color: #9d530c;
    position: fixed;
    cursor: pointer;
    top: 7%;
    right: 10%;
    z-index: 9999;
    align-items: center;
    justify-content: center;	
}
.lang span{
	margin-right:5px;
	font-size:1.2vw;
}
.lang img{
	width:30px;
	height:30px;
}
/*--------------------------------------------------------------------------------------svg location---*/
.st0{opacity:0.3;}
.st1{clip-path:url(#SVGID_1_);}
.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#EBC8B5;}
.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#E4BFAA;}
.st4{fill-rule:evenodd;clip-rule:evenodd;fill:#E0B099;}
.st5{fill-rule:evenodd;clip-rule:evenodd;fill:#D7A285;}
.st6{fill:#FFFFFF;}
.st7{fill:#010101;}
.st8{fill:none;stroke:#020202;stroke-width:0.817;stroke-miterlimit:10;}
.st9{fill:none;stroke:#020202;stroke-width:0.3894;stroke-miterlimit:10;}
.st10{fill-rule:evenodd;clip-rule:evenodd;fill:#793C1B;}
.st11{fill:#793C1B;}
.st12{fill:#7B1317;}
.st13{fill:#A31E22;}
.st14{fill:#DA5126;}
.st15{fill:#9F3622;}
.st16{fill:#E16E28;}
.st17{fill:#E08328;}
.st18{fill:#FFE4BF;}
.st19{clip-path:url(#SVGID_3_);}
.st20{clip-path:url(#SVGID_4_);fill:#FFE4BF;}
.st21{fill:none;stroke:#603B1A;stroke-width:0.3811;stroke-miterlimit:10;stroke-dasharray:0.7644,0.7644;}
.st22{opacity:0.4;}
.st23{clip-path:url(#SVGID_5_);}
.st24{clip-path:url(#SVGID_6_);fill:#DA5126;}
.st25{clip-path:url(#SVGID_7_);}
.st26{clip-path:url(#SVGID_8_);fill:#DA5126;}
.st27{fill:#F05B3C;}
.st28{clip-path:url(#SVGID_9_);}
.st29{clip-path:url(#SVGID_10_);fill:#FFE4BF;}
.st30{fill:none;stroke:#603B1A;stroke-width:0.3811;stroke-miterlimit:10;stroke-dasharray:0.7621,0.7621;}
.st31{clip-path:url(#SVGID_11_);}
.st32{clip-path:url(#SVGID_12_);fill:#DA5126;}
.st33{clip-path:url(#SVGID_13_);}
.st34{clip-path:url(#SVGID_14_);fill:#DA5126;}
.st35{clip-path:url(#SVGID_15_);}
.st36{clip-path:url(#SVGID_16_);fill:#FFE4BF;}
.st37{clip-path:url(#SVGID_17_);}
.st38{clip-path:url(#SVGID_18_);fill:#DA5126;}
.st39{clip-path:url(#SVGID_19_);}
.st40{clip-path:url(#SVGID_20_);fill:#DA5126;}
.st41{clip-path:url(#SVGID_21_);}
.st42{clip-path:url(#SVGID_22_);fill:#FFE4BF;}
.st43{clip-path:url(#SVGID_23_);}
.st44{clip-path:url(#SVGID_23_);fill:#010101;}
.st45{clip-path:url(#SVGID_23_);fill:none;stroke:#603B1A;stroke-width:0.3811;stroke-miterlimit:10;stroke-dasharray:0.7621,0.7621;}
.st46{clip-path:url(#SVGID_24_);}
.st47{clip-path:url(#SVGID_25_);fill:#FFE4BF;}
.st48{clip-path:url(#SVGID_26_);}
.st49{clip-path:url(#SVGID_27_);fill:#DA5126;}
.st50{clip-path:url(#SVGID_28_);}
.st51{clip-path:url(#SVGID_29_);fill:#DA5126;}
.st52{clip-path:url(#SVGID_30_);}
.st53{clip-path:url(#SVGID_31_);fill:#FFE4BF;}
.st54{clip-path:url(#SVGID_32_);}
.st55{clip-path:url(#SVGID_33_);fill:#DA5126;}
.st56{clip-path:url(#SVGID_34_);}
.st57{clip-path:url(#SVGID_35_);fill:#DA5126;}
.st58{clip-path:url(#SVGID_36_);}
.st59{clip-path:url(#SVGID_37_);fill:#FFE4BF;}
.st60{fill:#65676A;}
.st61{fill:#112A4C;}
.st62{fill:#2F4361;}
.st63{fill:#1A1A1B;}
.st64{fill:#3C6678;}
.st65{fill:#4F829F;}
.st66{fill:#8A2320;}
.st67{fill:#692222;}
.st68{fill:#CED2D2;}
.st69{fill:#919495;}
.st70{fill:#A3A4A8;}
.st71{clip-path:url(#SVGID_38_);}
.st72{clip-path:url(#SVGID_39_);fill:#DA5126;}
.st73{clip-path:url(#SVGID_40_);}
.st74{clip-path:url(#SVGID_41_);fill:#DA5126;}

.vt0{fill:#903405;fill-opacity:0.451;stroke:#FBCE6E;stroke-width:5;}
.vt1{opacity:0.83;fill:url(#SVGID_1_);enable-background:new    ;}
.vt2{fill:#7A3C1C;}
.vt3{enable-background:new    ;}
.vt4{fill:#FFFFFF;}
.vt5{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
.vt6{opacity:0.6;fill:#FFFFFF;enable-background:new    ;}
.vt7{opacity:0.33;fill:#7A3C1C;enable-background:new    ;}
.vt8{fill:none;stroke:#7A3C1C;stroke-miterlimit:10;}
.vt9{opacity:0.83;fill:url(#SVGID_2_);enable-background:new    ;}
.vt10{opacity:0.83;fill:url(#SVGID_3_);enable-background:new    ;}
.vt11{opacity:0.83;fill:url(#SVGID_4_);enable-background:new    ;}
/*--------------------------------------------------------------section1--*/
@media (max-width: 767px) {
    .cus-hide-small{
		display:none;
	}
	.cus-hide-large{
		display:block;
	}
    .sec1{
        min-height: 90vh;
		background-position:center center;
    }

	.sec1 .rows{		
		justify-content: center;
	}
	.sec1 .title1{
		margin-top: 14vw; 
		padding-left: 0; 		
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.sec1 .title1 img {
		width: 120%;
		height: auto;
	}
	
	.sec1 .img-flag img{
		width:80%;
	}


	/*---------------------------------------------------------------footer-----*/
	.box-footer {
		background: none;
		background-color: #704d3a;
		padding-top: 29px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.subscribe{
		bottom: 0px;
		width: 250px;
		height: 50px;
	}
	.subscribe-icon {
		width: 100%;
		height: 100%;
	}	
	.subscribe a {		
		font-size: 12px;		
		padding: 8px 10px
	}	

	.box-nav {
		width: 60px;
		padding: 5px;
		position: fixed;
		left: 0;
		bottom: -12px;
		z-index: 8888;
	}
	.nav-fb {
		margin-top: 20px;
		width: 100%;
		position: relative;
		display: flex;
		justify-content: center;
		margin-bottom: 20px;
	}
	.nav-fb svg {
		width: 6vw;
	}


    /*----------------------------------------------------------------header---*/
    .rps-menu{
		width:100%;
		height:auto;
		
		background: rgb(211,157,97);
		background: -moz-linear-gradient(150deg, rgba(211,157,97,1) 0%, rgba(255,246,205,1) 100%);
		background: -webkit-linear-gradient(150deg, rgba(211,157,97,1) 0%, rgba(255,246,205,1) 100%);
		background: linear-gradient(150deg, rgba(211,157,97,1) 0%, rgba(255,246,205,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d39d61",endColorstr="#fff6cd",GradientType=1);
		
		position:unset;
		display:flex;
		align-items:center;
		justify-content:space-between;
		padding-left:10px;
		padding-right:10px;
		z-index: 9999;
		overflow:hidden;
	}	
	.menu{		
		position: unset;
		top: auto;
		right: auto;
		padding:3vw;
        margin: 0.5vw;
	}	
	.menu span {		
		font-size: 10px;		
	}	
	.rps-menu .logo{
		width:40vw;
	}
	.rps-menu .logo img{
		width:100%;
	}	
	.mhotline{
		width:40px;
		height:40px;
		transition: all .3s ease-in-out;
		position:relative;
	}
	.mhotline .call {
		width: 44px;
		height: 44px;
		background-color: #bd8d76;
		color: #fff;
		-webkit-border-radius: 50%;
		border-radius: 50%;
	}
	
	.mhotline a {
		opacity: 0;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.mhotline::after {
		content: '';
		border: 1px solid rgba(255,255,255,.2);
		width: 40px;
		height: 40px;
		position: absolute;
		left: 0px;
		top: 0px;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		box-shadow: 0 0 10px rgb(255 255 255 / 20%);
		-webkit-animation: Ani 2s infinite;
		animation: Ani 2s infinite;
		opacity: .8;
		
	}

	.nav-menu.active{
		width: 40vw;
	}

	.overlay-menu.active {
		width: calc(100% - 40vw);
	}
	.nav-menu ul li {
		padding: 1vw;
		font-size: 2.5vw;
		font-weight: 400;
		color: #fff;
		transition: 0.5s;
	}

	.nav-close {
		width: 4vw;
		height: 4vw;
		margin-top: 2vw;
		margin-left: 2vw;	
		font-size: 2.5vw;		
	}




	
	/*--------------------------------------------------------video---*/
	.group-central{
		height: 55vw;		 
	}
	.play-button {
		width: 50px;
		height: 50px;
		transform: translate(-50%,-50%);
		margin: auto;
	}

	/*--------------------------------------------------------sec2---*/
	.sec2{
		min-height: 100vw;
	}
	.sec2-content{
		padding-top: 30px;
		width: 60%;
	}
	.sec2-content p {		
		font-size: 2.2vw;
	}
	.sec2-content ul li {		
		font-size: 2vw;		
		margin-bottom: 1.5vw;
	}

	/*--------------------------------------------------------sec3-----*/
	.sec3{   
		min-height: 100vw;	
	}
	.sec3-content{
		width: 70%;
		position: absolute;
		top: 15%;
		left: 50%;
		transform: translateX(-50%);
		margin-left: 0;    	
	}

	.sec3-content p{
		font-size: 2.2vw;
	}

	/*--------------------------------------------------------sec4-----*/
	.sec4{   
		min-height: 114vw;
		background-color:#fdf9f0;
		background-size: contain;
		background-position:bottom;	
		background-repeat: no-repeat;	
	}
	.sec4-content {
		width: 100%;
		margin-left: 10%;
		padding-top: 3vw;
		flex-wrap: wrap;
		flex-direction:column;
	}
	.sec4-content .img {
		width: 70%;
	}
	.sec4-content .info {
		width: 80%;
		padding-left: 5%;
		padding-top: 0px;
	}
	
	.sec4-content h2 {
		font-size: 4vw;		
		margin-bottom: 1.5vw;
	}
	.sec4-content .tx4 {
		font-size: 2.7vw;	
		margin-bottom: 1vw;
	}
	.sec4-content .tx4 strong {
		font-size: 2.7vw;
	}
	.sec4-content .tx4 span {	
		font-size: 3.5vw;
	}
	.sec4-content h3 {
		font-size: 3.2vw;
		margin-bottom: 1vw;
	}
	.sec4-content ul {		
		padding-left: 4vw;
		font-size: 2.7vw;
	}
	.sec4-content ul li{
		margin-bottom: 1vw;
	}
	.sec4-content ul li span {		
		font-size: 3.2vw;
	}
	.sec4-content ul li strong {
		font-size: 2.5vw;
		font-weight: 400;
	}

	/*-------------------------------------------.sec5------------------------*/
	.sec5 .col-4,.sec5 .col-8{
		width: 100%;
	}
	.sec5-content{		
		padding-top: 10vw;
		max-width: 500px;
		margin: auto;
	}
	.sec5-content h2 {
		font-size: 5vw;
	}
	.sec5-content .sec5-tx{
		font-size: 4vw;
	}
	.sec5-content .sec5-tx span {
		width: auto;		
		padding-right:5px;
	}
	.sec5-content p {
		font-size: 3.2vw;
	}

	.project-location .loca{
		width: 10vw;
		height: 10vw;
	}

	.project-location .loca img{
		width: 9.5vw;
		height: 9.5vw;
	}

	/*--------------------------------------------------------------------------------------sec6---*/
	.sec6 .map-svg {
		height: 100%;
		padding: 10vw 0px;
	}
	.sec6-tit {	
		top: 5%;
		width: 100%;
	}
	.sec6-tit h2{
		text-align: center;
		font-size: 4vw;
	}
	.sec6 .icon-m {
		position: absolute;
		top: 40%;
		left: 6%;
		width: 14vw;
	}
	/*---------------------------------------------------------------------------------------sec8---*/
	.sec8{
		padding-left: 0;
		padding-right: 0;
	}
	.sec8 .col-6{
		width: 100%;
	}
	.sec8-left{
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}
	.order1{
		order: 1;
	}
	.order2{
		order: 2;
	}
	.sec8-right{
		align-items: center;
		justify-content: center;
	}
	.sec8-right ul li {
		font-size: 2.8vw;
	}
	.badge{
		width:4vw;
		height:4vw;
		font-size: 2vw;
	}

	.img-hover{	
		width:20vw;
		left: 65%;
	}
	
	.sec8-left .img .icon-toplef{		
		width: 4vw;
		height: 4vw;		
	}
	.sec8-left .img .icon-botrig{		
		bottom: 1vw;		
		width: 4vw;
		height: 4vw;		
	}

	/*-----------------------------------------------------------------------sec-libs---*/
	.sec-libs{
		min-height: 100%;
	}

	.lib1 .title{
		padding-top:2vw;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.lib1 .lib-slide{
		width: 100%;
	}

	.lib1 .info-lib h3{
		font-size: 3.9vw;
	}
	.lib1 .info-lib ul li{
		font-size: 3vw;
	}

	.title9{
		width: 55%!important;		
	}
	.title7{
		width: 70vw!important;
	}
	/*--------------------------------------------------------------------------------------sec-policy---*/
	.sec-policy{
		min-height: auto;
		height: 180vw;
	}
	.policies {
		padding: 4vw 2vw;
	}
	.policy-title{
		flex-direction: column;
	}
	.policy-title h3{
		width: 100%;
		font-size: 5vw;
		padding-bottom: 2vw;
	}
	.policy-title h3::before {	
		bottom: 1.5vw;		
		width: 11vw;
		height: 0.5vw;
	}
	.policy-title .img {
		width: 100%;
		margin-top: 2vw;
	}
	.policy-content{
		height: 100%;
		padding: 0px 2vw;	
		position: relative;
		flex-wrap: wrap;
	}

	.policy-content .lef, .policy-content .rig{
		width:100%;
	}	

	/*---------------------------------------------------------------------------------------------news---*/
	.news{
		padding-top: 5vw;
	}

	.news .news-title {		
		font-size: 4vw;		
		padding-bottom: 1vw;	
	}
	.news-content {		
		overflow-y: scroll;
		height: 120vw;
	}

	.news-content .news-item {
		width: 100%;		
		height:auto;
	}
	.news-item h3 {
		font-size: 3.5vw;
		margin-top: 0vw;		
	}

	/*--------------------------------------------------------------------------------------contracts---*/
	.contracts .col-6{
		width: 100%;		
	}
	
	.contracts-content ul.info{
		padding-top: 5vw;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.contracts-content ul.info li{
		width:100%;
	}
	.li-land{
		display:flex;
		align-items:center;
		justify-content:space-around;
	}
	.li-land strong{
		font-size: 2.5vw;
	}
	.li-land img{
		height: 100vw;
	}
	.li-daily .col-4,.li-daily .col-8{
		display:flex;
		align-items:center;
		justify-content:center;
		flex-direction:column;
	}
	.li-daily p{
		font-size: 2.1vw;		
		margin-bottom: 1vw;		
	}	
	.li-daily img{
		height: 6vw;
	}
	.li-doitac p{
		font-size: 2.5vw;		
		margin-bottom: 1vw;
		text-align: center;			
	}	
	.li-doitac img{
		height: 5vw;
	}
	.contact-info {		
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		text-align: center;
	}
	.contact-info .title-info {	
		font-size: 5vw;
		margin-bottom: 5vw;
	}
	.contact-info .title-info:before {
		
		left: 50%;
		width: 20vw;
		transform:translateX(-50%);
	}
	.box-info .social {
		justify-content:center;
	}

	.contact-info .box-info h3 {
		font-size: 3.3vw;		
		margin-bottom: 4vw;
	}

	.contact-info .box-info p {
		font-size: 2.5vw;
	}

	.mboxfrm{
		padding:0px!important;
		overflow:hidden;
		height: 122vw;
	}
	.box-register .frm-register {
		
		width: 71%;
	}
	.frm-register h3 {
		font-size: 4vw;
	}
	
	.box-register .overlay-form {
		width: 130%;
		height: 130%;
		left: -14%;
		top: -63px;
		position: absolute;
		z-index: -1;		
	}

	.box-register{
		height:100%;		
	}

	.frm-register .cus-input {
		padding: 8px 8px 8px 0px;
		display: block;
		border: none;
		border-bottom: 1px solid #ddd1b9;
		width: 100%;
		margin-bottom: 7px;
		color: #fff;
	}

	.box-register .frm-register {		
		font-size: 2.5vw;
	}
	
	.box-info .social .phone .icon {
		height: 5vw;
		width: 5vw;
	}
	.box-info .social .phone span {		
		font-size: 2.6vw;		
	}
	.box-info .social .social-item {
		height: 5vw;
		width: 5vw;
	}
	
	.li-doitac .title {	
		font-size: 2.5vw;	
		text-align: center;
		margin-top:10px;
		margin-bottom:10px;
	}
	.li-doitac .col-4{
		display:flex;
		align-items:center;
		justify-content:center;
		flex-direction:column;
	}
	

	/*----------------------------------------location----*/
	.project-location .loca1 {		
		top: 5%;
		left: 8%;
	}
	
	.project-location .loca2 {	
		top: 35%;
		left: 6%;
	}
	
	.project-location .loca3 {
		position: absolute;
		top: 55%;
		left: 15%;
	}
	.project-location .loca4 {
		position: absolute;
		top: 68%;
		left: 31%;
	}
	.project-location .loca7 {
		position: absolute;
		top: 21%;
		left: 73%;
	}
	.project-location .loca8 {
		position: absolute;
		top: 50%;
		left: 75%;
	}	
	.sec6 .img-h {
		position: unset;
		top: auto;
		left: auto;
		padding: 5% 10%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.sec6 .img-h img {
		width: 100%;
	}
	
	.en .li-land {		
		align-items: center;
		justify-content: space-evenly;		
	}
	.en .li-doitac .title {
		font-size: 3.2vw;
	}
	.li-land {		
		margin-bottom: 3vw!important;
	}
	.en .li-doitac p {
		font-size: 2.3vw;
		margin-bottom: 1vw;
		text-align: center;
	}
	.lang{		
		top: auto;
		right: 4%;
		bottom: 8px;		
	}
	.lang span{
		display:none;
	}
}
@media (min-width:768px) and (max-width:1023px){
	.project-location .loca1 {		
		top: 6%;
		left: 8%;
	}
	.project-location .loca2{		
		top: 35%;
		left: 7%;
	}
	.project-location .loca3{		
		top: 58%;
		left: 16%;
	}
	.project-location .loca4{		
		top: 69%;
		left: 32%;
	}
	.project-location .loca5 {		
		top: 79%;
		left: 44%;
	}	
	.project-location .loca6 {		
		top: 1%;
		left: 73%;
	}	
	.project-location .loca7 {		
		top: 24%;
		left: 73%;
	}
	.project-location .loca8 {		
		top: 51%;
		left: 76%;
	}

}
@media (min-width:1024px) and (max-width:1200px){
	.project-location .loca1{		
		top: 6%;
		left: 8%;
	}
	.project-location .loca2 {		
		top: 35%;
		left: 6%;
	}
	.project-location .loca3 {		
		top: 58%;
		left: 17%;
	}
	.project-location .loca4 {		
		top: 69%;
		left: 32%;
	}
	.project-location .loca6 {		
		top: 1%;
		left: 75%;
	}
	.project-location .loca7{		
		top: 24%;
		left: 73%;
	}
	.project-location .loca8{		
		top: 51%;
		left: 76%;
	}

}

@media (min-width:768px) and (max-width:1300px){
	.sec1{		
		min-height: 50vw;
	}

	.group-central {	
		height: 50vw;
	}
	.sec2 {	
		min-height: 50vw;
	}
	.sec3 {
		min-height: 50vw;
	}
	.sec3-content {	
		padding-top: 3.5vw;
	}
	.sec4 {
		min-height: 50vw;
	}
	.sec6 .map-svg {
		height: 50vw;
	}
	.sec6 .icon-m {
		position: absolute;
		top: 7vw;
		left: 14vw;
		width: 8vw;
	}
	.sec-libs {
		min-height: 50vw;
	}
	.lib-slide .icon-botrig {	
		bottom: auto;
		top: 76%;
		right: -1%;
	}
	.sec-policy {
    	min-height: 50vw;
	}
}

@media (min-width:1366px){
	.sec3-content{
		padding-top:14vh!important;
	}	
}

@media (min-width:2048px){
	
	.sec3-content{
		padding-top:12vh!important;
	}	
}