@charset "utf-8";

@font-face {
	font-family: 'Didot';
	src: url('../fonts/Didot.eot');
	src: url('../fonts/Didot.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Didot.woff') format('woff'),
		url('../fonts/Didot.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Titillium-Light';
	src: url('../fonts/Titillium-Light.eot');
	src: url('../fonts/Titillium-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Titillium-Light.woff') format('woff'),
		url('../fonts/Titillium-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Titillium-Regular';
	src: url('../fonts/Titillium-Regular.eot');
	src: url('../fonts/Titillium-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Titillium-Regular.woff') format('woff'),
		url('../fonts/Titillium-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Titillium-Semibold';
	src: url('../fonts/Titillium-Semibold.eot');
	src: url('../fonts/Titillium-Semibold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Titillium-Semibold.woff') format('woff'),
		url('../fonts/Titillium-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}


/* Webfont: Lato-Regular */@font-face {
    font-family: 'Latoreg';
    src: url('../fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Light */@font-face {
    font-family: 'Latolight';
    src: url('../fonts/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Light.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Semibold */@font-face {
    font-family: 'Latosemibold';
    src: url('../fonts/Lato-Semibold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-Semibold.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Semibold.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-Semibold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


@media screen and (max-width:1920px){

.g1{
	padding-left:7%;
	padding-right:7%;
}

.ground{
	background-position:center;
	background-color:#f6f4f1;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
}

.pad{
	padding-bottom:20px;
}

.logo img{
	width:75%;
	image-position:center;
	margin-left:12%;
}

.socmed{
	margin:5% 0 0 0;
	padding:0;
}

.btn-facebook {
    color: #000000;
}

a.btn-facebook{
	padding:0 0 0 15%;
	font-size:22px;
}

.btn-instagram {
    color: #000000;
	background-color:transparent;
}

a.btn-instagram{
	padding:0 0 0 15%;
	font-size:22px;
}

.btn-twitter {
    color: #000000;
}

a.btn-twitter{
	padding:0 0 0 15%;
	margin-top:-2px;
	font-size:26px;
}

.base img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:50vh;
}




.floor1{
	background-image:url(../images/main/floor1-rev.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center bottom;
	z-index:-10;
	position:relative;
}

.logo_collapse img{
	display:none;
}

.over img{
	width:104.9%;
	position:absolute;
	margin-top:-14.5%;
	left:7.8%;
	
}

.logo_floor1 img{
	width:65%;
	image-position:center;
	margin-top:-55%;
	margin-left:22%;
}

.pop1{
		position: absolute;
        /*margin-top: 1%;*/
		bottom : 4.5%;
}

.pop{
	position: absolute;
	/*margin-top: 1%;*/
	bottom : -5%;
}
 
.pop1 img{
	width:102%;
	z-index:5;
	position:relative;
	margin-top:-1.5%;
	left:9%;
}
 
.pop img{
	width:102%;
	z-index:5;
	position:relative;
	margin-top:-1.5%;
	left:9%;
}

.content1{
	text-align:center;
	margin-left:30%;
}


.pop1 h1{
	opacity:1.0;
	font-family:'Didot';
	line-height:1.4;
	text-align:center;
	font-size:52px;
	position:absolute;
	z-index:50;
}

.pop h1{
	opacity:1.0;
	font-family:'Didot';
	line-height:1.4;
	text-align:center;
	font-size:52px;
	position:absolute;
	z-index:50;
}


.over img{
}

.btn-default:hover{
	background-color:white;
}


.desc{
	width:100%;
	z-index:10;
}


/*--------------------------------------------------------------------------------------------*/

.bubble{
	left:55%;
	opacity:0.0;
	-webkit-transition: opacity 0.03s ease-in-out;
	transition: opacity 0.03s ease-in-out;
	color:black;
	padding:0;
	margin-top:-38.5%;
	z-index:20;
}

.bubble h4{
	font-family:'Didot';
	font-size:18px;
}

.bubble p{
	font-family:'Latolight';
	font-size:14px;
}

.bubble img{
	width:75%;
}

.bub1{
	padding:0;
}

.bub2{
	padding:0;
	margin-left:-5%;
	margin-top:-10%;
}

.see{
	background-color:transparent;
	border:1px solid black;
	box-shadow:none;
	color:black;
	font-family:'Latolight';
	font-size:14px;
	z-index:50;
}

.see:hover{
	border:1px solid black;
	box-shadow:none;
}



.gps_ring {
    border: 2px solid #ffffff;
    border-radius: 30px;
    height: 20px;
    width: 20px;
    position: absolute;
    left:55%;
    top:38%;
    -moz-animation: pulsate1 1.5s ease-out;
	-webkit-animation: pulsate1 1.5s ease-out;
    -moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
    opacity: 0.0;
	cursor:pointer;
	z-index:50;
}

.gps_ball {
    border: 8px solid #ffffff;
    border-radius: 30px;
    height: 12px;
    width: 12px;
	position:center;
    -moz-animation: pulsate2 1.5s ease-out;
	-webkit-animation: pulsate2 1.5s ease-out;
    -moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
    opacity: 0.0
}

.rep-dots{
	display:none;
    position: absolute;
    left:54.3%;
    top:37.5%;
	z-index:30;
}

.rep-dots img{
	width:53%;
	cursor:pointer;
	z-index:50;
}

/*---------------------------------------------------------------------------------------------------*/

.gps_ring1 {
    border: 2px solid #ffffff;
	border-radius: 30px;
    height: 20px;
    width: 20px;
    position: absolute;
    left:5%;
    top:95%;
    -moz-animation: pulsate1 1.5s ease-out;
	-webkit-animation: pulsate1 1.5s ease-out;
    -moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
    opacity: 0.0;
	cursor:pointer;
	z-index:50;
}

.gps_ball1 {
    border: 8px solid #ffffff;
    border-radius: 30px;
    height: 12px;
    width: 12px;
	position:center;
    -webkit-animation: pulsate2 1.5s ease-out;
	-moz-animation: pulsate2 1.5s ease-out;
    -webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
    opacity: 0.0
}

.bubble1{
	left:2.8%;
	opacity:0.0;
	-webkit-transition: opacity 0.03s ease-in-out;
	transition: opacity 0.03s ease-in-out;
	color:black;
	padding:0;
	margin-top:-41.5%;
	z-index:20;
}

.bubble1 h4{
	font-family:'Didot';
	font-size:18px;
}

.bubble1 p{
	font-family:'Latolight';
	font-size:14px;
}

.bubble1 img{
	width:75%;
}

.bub3{
	padding:0;
	margin-top:10%;
}

.bub4{
	padding:0;
	margin-left:0;
	margin-top:-20%;
}

.see1{
	background-color:transparent;
	border:1px solid black;
	box-shadow:none;
	color:black;
	font-family:'Latolight';
	font-size:14px;
}

.see1:hover{
	border:1px solid black;
	box-shadow:none;
}

.rep-dots1{
	display:none;
    position: absolute;
    left:4.3%;
    top:94.6%;
	z-index:30;
}

.rep-dots1 img{
	width:53%;
	cursor:pointer;
}

/*--------------------------------------------------------------------------------------------------*/

.gps_ring2 {
    border: 2px solid #ffffff;
    border-radius: 30px;
    height: 20px;
    width: 20px;
    position: absolute;
    left:26%;
    top:48%;
    -moz-animation: pulsate1 1.5s ease-out;
	-webkit-animation: pulsate1 1.5s ease-out;
    -moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
    opacity: 0.0;
	cursor:pointer;
	z-index:50;
}

.gps_ball2 {
    border: 8px solid #ffffff;
    border-radius: 30px;
    height: 12px;
    width: 12px;
	position:center;
    -moz-animation: pulsate2 1.5s ease-out;
	-webkit-animation: pulsate2 1.5s ease-out;
    -moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
    opacity: 0.0;
}

.bubble2{
	left:26.5%;
	opacity:0.0;
	-webkit-transition: opacity 0.03s ease-in-out;
	transition: opacity 0.03s ease-in-out;
	color:black;
	padding:0;
	margin-top:-34.5%;
	z-index:20;
}

.bubble2 h4{
	font-family:'Didot';
	font-size:18px;
}

.bubble2 p{
	font-family:'Latolight';
	font-size:14px;
}

.bubble2 img{
	width:75%;
}

.bub5{
	padding:0;
}

.bub6{
	padding:0;
	margin-left:-5%;
	margin-top:-25%;
	
}

.see2{
	background-color:transparent;
	border:1px solid black;
	box-shadow:none;
	color:black;
	font-family:'Latolight';
	font-size:14px;
}

.see2:hover{
	border:1px solid black;
	box-shadow:none;
}

.rep-dots2{
	display:none;
    position: absolute;
    left:25.3%;
    top:48%;
	z-index:30;
}

.rep-dots2 img{
	width:53%;
	cursor:pointer;
}

/*---------------------------------------------------------------------------------------------------------*/

.gps_ring3 {
    border: 2px solid #ffffff;
    border-radius: 30px;
    height: 20px;
    width: 20px;
    position: absolute;
    left:40%;
    top:52%;
    -moz-animation: pulsate1 1.5s ease-out;
	-webkit-animation: pulsate1 1.5s ease-out;
    -moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
    opacity: 0.0;
	cursor:pointer;
	z-index:50;
}

.gps_ball3 {
    border: 8px solid #ffffff;
    border-radius: 30px;
    height: 12px;
    width: 12px;
	position:center;
    -moz-animation: pulsate2 1.5s ease-out;
	-webkit-animation: pulsate2 1.5s ease-out;
    -moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
    opacity: 0.0;
}

.bubble3{
	left:39%;
	opacity:0.0;
	-webkit-transition: opacity 0.03s ease-in-out;
	transition: opacity 0.03s ease-in-out;
	color:black;
	padding:0;
	margin-top:-37%;
	z-index:20;
}

.bubble3 h4{
	font-family:'Didot';
	font-size:18px;
}

.bubble3 p{
	font-family:'Latolight';
	font-size:14px;
}

.bubble3 img{
	width:75%;
}

.bub7{
	padding:0 0 0 3%;
}

.bub7 img{
	width:20%;
}

.bub8{
	padding:0;
	margin-left:-5%;
	margin-top:-18%;
}

.see3{
	background-color:transparent;
	border:1px solid black;
	box-shadow:none;
	color:black;
	font-family:'Latolight';
	font-size:14px;
}

.see3:hover{
	border:1px solid black;
	box-shadow:none;
}

.rep-dots3{
	display:none;
    position: absolute;
    left:39.2%;
    top:52%;
	z-index:30;
}

.rep-dots3 img{
	width:53%;
	cursor:pointer;
}
/*---------------------------------------------------------------------------------------------------------*/
.gps_ring4 {
    border: 2px solid #ffffff;
    border-radius: 30px;
    height: 20px;
    width: 20px;
    position: absolute;
    left:93%;
    top:30%;
    -moz-animation: pulsate1 1.5s ease-out;
	-webkit-animation: pulsate1 1.5s ease-out;
    -moz-animation-iteration-count: infinite; 
	-webkit-animation-iteration-count: infinite; 
    opacity: 0.0;
	cursor:pointer;
	z-index:50;
}

.gps_ball4 {
    border: 8px solid #ffffff;
    border-radius: 30px;
    height: 12px;
    width: 12px;
	position:center;
    -moz-animation: pulsate2 1.5s ease-out;
	-webkit-animation: pulsate2 1.5s ease-out;
    -moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
    opacity: 0.0;
}

.bubble4{
	left:72.7%;
	opacity:0.0;
	-webkit-transition: opacity 0.03s ease-in-out;
	transition: opacity 0.03s ease-in-out;
	color:black;
	padding:0;
	margin-top:-40%;
	z-index:20;
}

.bubble4 h4{
	font-family:'Didot';
	font-size:18px;
}

.bubble4 p{
	font-family:'Latolight';
	font-size:14px;
}

.bubble4 img{
	width:75%;
}

.bub9{
	padding:0;
	
	margin-top:-18%;
}

.bub10{
	padding:0;
	margin-top:40%;
}

.bub10 img{
	width:150%;
	top:50%;
}



.see4{
	background-color:transparent;
	border:1px solid black;
	box-shadow:none;
	color:black;
	font-family:'Latolight';
	font-size:14px;
}

.see4:hover{
	border:1px solid black;
	box-shadow:none;
}

.rep-dots4{
	display:none;
    position: absolute;
    left:92.3%;
    top:30%;
	z-index:30;
}

.rep-dots4 img{
	width:53%;
	cursor:pointer;
}

/*---------------------------------------------------------------------------------------------------------*/
@-webkit-keyframes pulsate1 {
    0% {-webkit-transform: scale(0.5, 0.5); opacity: 0.2;}
    25% {opacity: 1.0;}
	50% {opacity: 1.0;}
	75% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.1;}
}

@-webkit-keyframes pulsate2 {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.2;}
    25% {opacity: 1.0;}
	50% {opacity: 1.0;}
	75% {opacity: 0.8;}
    100% {-webkit-transform: scale(0.8, 0.8); opacity: 0.2;}
}

@keyframes pulsate1 {
    0% {-webkit-transform: scale(0.5, 0.5);transform: scale(0.5, 0.5); opacity: 0.2;}
    25% {opacity: 1.0;}
	50% {opacity: 1.0;}
	75% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2); opacity: 0.1;}
}

@keyframes pulsate2 {
    0% {-webkit-transform: scale(0.1, 0.1);transform: scale(0.1, 0.1); opacity: 0.2;}
    25% {opacity: 1.0;}
	50% {opacity: 1.0;}
	75% {opacity: 0.8;}
    100% {-webkit-transform: scale(0.8, 0.8);transform: scale(0.8, 0.8); opacity: 0.2;}
}



.socmed_white{
	padding-right:0;
}

.icon_white{
	padding-right:0;
}

.btn-facebook_white {
    color:white;
	font-size:23px;
}

a.btn-facebook_white{
}

.btn-instagram_white {
    color:white;
	font-size:25px;
}

a.btn-instagram_white{
	
}

.btn-twitter_white {
   color:white;
   font-size:28px;
}

a.btn-twitter_white{
	
}

.floor2{
	background-image:url(../images/main/floor2.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center bottom;
	z-index:-10;
	position:relative;
}

.content2{
	width:60%;
	margin-top:50px;
	margin-left:30%;
	z-index:1;
}

.content2 h1{
	font-family:'Didot';
	margin-top:-35px;
	line-height:1.4;
	text-align:center;
	font-size:54px;
	z-index:5;
	color:white;
}

.floorr{
	margin-top:115px;
	padding-right:0;
}

/*---------------------------------------------------------------------------------------------------------*/

.bubble5{
	left:15%;
	margin-top:-42.5%;
	opacity:0.0;
	-webkit-transition: opacity 0.03s ease-in-out;
	transition: opacity 0.03s ease-in-out;
	color:white;
	padding:0;
	z-index:20;
}

.bubble5 h4{
	font-family:'Didot';
	font-size:18px;
}

.bubble5 p{
	font-family:'Latolight';
	font-size:14px;
}

.bubble5 img{
	width:75%;
}



.gps_ring5 {
    border: 2px solid #ffffff;
    border-radius: 30px;
    height: 20px;
    width: 20px;
    position: absolute;
    left:15%;
    top:33%;
    -moz-animation: pulsate1 1.5s ease-out;
	-webkit-animation: pulsate1 1.5s ease-out;
    -moz-animation-iteration-count: infinite; 
	-webkit-animation-iteration-count: infinite;
    opacity: 0.0;
	cursor:pointer;
	z-index:50;
}

.gps_ball5 {
    border: 8px solid #ffffff;
    border-radius: 30px;
    height: 12px;
    width: 12px;
	position:center;
    -moz-animation: pulsate2 1.5s ease-out;
	-webkit-animation: pulsate2 1.5s ease-out;
    -moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
    opacity: 0.0;
}

.rep-dots5{
	display:none;
    position: absolute;
    left:14.3%;
    top:32.8%;
	z-index:30;
}

.rep-dots5 img{
	width:50%;
	cursor:pointer;
}

.bub11{
	padding:0;
}

.bub12{
	padding:0;
	margin-left:-3%;
	margin-top:-10%;
}
    
.see5{
	background-color:transparent;
	border:1px solid white;
	box-shadow:none;
	color:white;
	font-family:'Latolight';
	font-size:10px;
}

/*---------------------------------------------------------------------------------------------------------*/

.gps_ring6 {
    border: 2px solid #ffffff;
    border-radius: 30px;
    height: 20px;
    width: 20px;
    position: absolute;
    left:34%;
    top:30%;
    -moz-animation: pulsate1 1.5s ease-out;
	-webkit-animation: pulsate1 1.5s ease-out;
    -moz-animation-iteration-count: infinite; 
	-webkit-animation-iteration-count: infinite; 
    opacity: 0.0;
    cursor:pointer;
	z-index:51;
}

.gps_ball6 {
    border: 8px solid #ffffff;
    border-radius: 30px;
    height: 12px;
    width: 12px;
	position:center;
    -moz-animation: pulsate2 1.5s ease-out;
	-webkit-animation: pulsate2 1.5s ease-out;
    -moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
    opacity: 0.0;
}

.rep-dots6{
	display:none;
    position: absolute;
    left:33.3%;
    top:29.8%;
	z-index:30;
}

.rep-dots6 img{
	width:53%;
	cursor:pointer;
}

.bub13{
	padding:0;
}

.bub14{
	padding:0;
	margin-left:-5%;
	margin-top:-10%;
}

.bubble6{
	left:34%;
	margin-top:-44%;
	opacity:0.0;
	-webkit-transition: opacity 0.03s ease-in-out;
	transition: opacity 0.03s ease-in-out;
	color:white;
	padding:0;
	z-index:21;
}

.bubble6 h4{
	font-family:'Didot';
	font-size:18px;
}

.bubble6 p{
	font-family:'Latolight';
	font-size:14px;
}

.bubble6 img{
	width:75%;
}

.see6{
	background-color:transparent;
	border:1px solid white;
	box-shadow:none;
	color:white;
	font-family:'Latolight';
	font-size:10px;
	z-index:50;
}

/*---------------------------------------------------------------------------------------------------------*/

.gps_ring7 {
    border: 2px solid #ffffff;
    border-radius: 30px;
    height: 20px;
    width: 20px;
    position: absolute;
    left:44%;
    top:45.5%;
    -moz-animation: pulsate1 1.5s ease-out;
	-webkit-animation: pulsate1 1.5s ease-out;
    -moz-animation-iteration-count: infinite; 
	-webkit-animation-iteration-count: infinite;
    opacity: 0.0;
    cursor:pointer;
	z-index:51;
}

.gps_ball7 {
    border: 8px solid #ffffff;
    border-radius: 30px;
    height: 12px;
    width: 12px;
	position:center;
    -moz-animation: pulsate2 1.5s ease-out;
	-webkit-animation: pulsate2 1.5s ease-out;
    -moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
    opacity: 0.0;
}

.rep-dots7{
	display:none;
    position: absolute;
    left:43.3%;
    top:45%;
	z-index:30;
}

.rep-dots7 img{
	width:53%;
	cursor:pointer;
}

.bub15{
	padding:0;
	margin-top:12%;
}

.bub16{
	padding:0;
	margin-left:-5%;
	margin-top:-27%;
}


.bubble7{
	left:44.5%;
	margin-top:-40%;
	opacity:0.0;
	-webkit-transition: opacity 0.03s ease-in-out;
	transition: opacity 0.03s ease-in-out;
	color:white;
	padding:0;
	z-index:22;
}

.bubble7 h4{
	font-family:'Didot';
	font-size:18px;
}

.bubble7 p{
	font-family:'Latolight';
	font-size:14px;
}

.bubble7 img{
	width:75%;
}

.see7{
	background-color:transparent;
	border:1px solid white;
	box-shadow:none;
	color:white;
	font-family:'Latolight';
	font-size:10px;
	z-index:50;
}

/*---------------------------------------------------------------------------------------------------------*/

.gps_ring8 {
    border: 2px solid #ffffff;
    border-radius: 30px;
    height: 20px;
    width: 20px;
    position: absolute;
    left:79.5%;
    top:40%;
    -moz-animation: pulsate1 1.5s ease-out;
	-webkit-animation: pulsate1 1.5s ease-out;
    -moz-animation-iteration-count: infinite; 
	-webkit-animation-iteration-count: infinite;
    opacity: 0.0;
    cursor:pointer;
	z-index:51;
}

.gps_ball8 {
    border: 8px solid #ffffff;
    border-radius: 30px;
    height: 12px;
    width: 12px;
	position:center;
    -moz-animation: pulsate2 1.5s ease-out;
	-webkit-animation: pulsate2 1.5s ease-out;
    -moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
    opacity: 0.0;
}

.rep-dots8{
	display:none;
    position: absolute;
    left:79%;
    top:39.5%;
	z-index:30;
}

.rep-dots8 img{
	width:53%;
	cursor:pointer;
}

.bub17{
	padding:0;
}

.bub18{
	padding:0;
	margin-top:-22%;
}

.bubble8{
	left:56.5%;
	margin-top:-39.5%;
	opacity:0.0;
	-webkit-transition: opacity 0.03s ease-in-out;
	transition: opacity 0.03s ease-in-out;
	color:white;
	padding:0;
	z-index:23;
}

.bubble8 h4{
	font-family:'Didot';
	font-size:18px;
}

.bubble8 p{
	font-family:'Latolight';
	font-size:14px;
}

.bubble8 img{
	width:75%;
}

.see8{
	background-color:transparent;
	border:1px solid white;
	box-shadow:none;
	color:white;
	font-family:'Latolight';
	font-size:10px;
	z-index:50;
}

/*---------------------------------------------------------------------------------------------------------*/

.gps_ring9 {
    border: 2px solid #ffffff;
    border-radius: 30px;
    height: 20px;
    width: 20px;
    position: absolute;
    left:97%;
    top:31%;
    -moz-animation: pulsate1 1.5s ease-out;
	-webkit-animation: pulsate1 1.5s ease-out;
    -moz-animation-iteration-count: infinite; 
	-webkit-animation-iteration-count: infinite;
    opacity: 0.0;
    cursor:pointer;
	z-index:51;
}

.gps_ball9 {
    border: 8px solid #ffffff;
    border-radius: 30px;
    height: 12px;
    width: 12px;
	position:center;
    -moz-animation: pulsate2 1.5s ease-out;
	-webkit-animation: pulsate2 1.5s ease-out;
    -moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
    opacity: 0.0;
}

.rep-dots9{
	display:none;
    position: absolute;
    left:96.3%;
    top:30.8%;
	z-index:30;
}

.rep-dots9 img{
	width:53%;
	cursor:pointer;
}

.bub20{
	padding:0;
	margin-top:-10%;
}

.bub19{
	padding:0;
	margin-left:-10px;
}


.bubble9{
	left:75%;
	margin-top:-43%;
	opacity:0.0;
	-webkit-transition: opacity 0.03s ease-in-out;
	transition: opacity 0.03s ease-in-out;
	color:white;
	padding:0;
	z-index:24;
}

.bubble9 h4{
	font-family:'Didot';
	font-size:18px;
}

.bubble9 p{
	font-family:'Latolight';
	font-size:14px;
}

.bubble9 img{
	width:75%;
}

.see9{
	background-color:transparent;
	border:1px solid white;
	box-shadow:none;
	color:white;
	font-family:'Latolight';
	font-size:10px;
	z-index:50;
}

/*---------------------------------------------------------------------------------------------------------*/
img.lampu{
	width:7%;
	position:absolute;
	top:-2.3%;
	left:73%;
}

.gps_ring10 {
    border: 2px solid #ffffff;
    border-radius: 30px;
    height: 20px;
    width: 20px;
    position: absolute;
    left:62%;
    bottom:21%;
    -moz-animation: pulsate1 1.5s ease-out;
	-webkit-animation: pulsate1 1.5s ease-out;
    -moz-animation-iteration-count: infinite; 
	-webkit-animation-iteration-count: infinite;
    opacity: 0.0;
    cursor:pointer;
	z-index:51;
}

.gps_ball10 {
    border: 8px solid #ffffff;
    border-radius: 30px;
    height: 12px;
    width: 12px;
	position:center;
    -moz-animation: pulsate2 1.5s ease-out;
	-webkit-animation: pulsate2 1.5s ease-out;
    -moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
    opacity: 0.0;
}

.rep-dots10{
	display:none;
    position: absolute;
    left:61.5%;
    bottom:20.5%;
	z-index:30;
}

.rep-dots10 img{
	width:53%;
	cursor:pointer;
}

.bub22{
	padding:0;
	margin-top:-17%;
}

.bub21{
	padding:0;
	margin-left:-10px;
}


.bubble10{
	left:63%;
	margin-top:-43%;
	opacity:0.0;
	-webkit-transition: opacity 0.03s ease-in-out;
	transition: opacity 0.03s ease-in-out;
	color:white;
	padding:0;
	z-index:23;
}

.bubble10 h4{
	font-family:'Didot';
	font-size:18px;
}

.bubble10 p{
	font-family:'Latolight';
	font-size:14px;
}

.bubble10 img{
	width:75%;
}

.see10{
	background-color:transparent;
	border:1px solid white;
	box-shadow:none;
	color:white;
	font-family:'Latolight';
	font-size:10px;
	z-index:50;
}

/*---------------------------------------------------------------------------------------------------------*/

.socmed_white2{
	top:495px;
	padding-right:0;
}

.floor3{
	background-image:url(../images/main/back4-rev2.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

.padtop{
	padding-top:18%;
}

.content3{
	
	margin-bottom:30px;
}

.content3 h1{
	font-family:'Didot';
	margin-top:-35px;
	line-height:1.4;
	text-align:center;
	font-size:54px;
	z-index:5;
}

.content3 p{
	text-align:center;
	font-family:'Latoreg';
	font-size:18px;
}

.isi3{
	margin-top:6%;
	padding:0 10%;
}

.floorri{
	margin-top:115px;
	padding-right:0;
}

.bot3{
	margin-left:5%;
}

.serv{
	background-color:transparent;
	border-color:black;
	color:black;
	padding: 2% 18%;
	border-radius:1px;
	font-family:'Latoreg';
	font-size:12px;
	left:50px;
}

.foot_sp{
	padding-left:6%;
	padding-right:6%;
}

.footer{
	background-color:#272727;
	padding:0.7% 0 0.1% 0;
	position:absolute;
	bottom:0;
}

.RR{
	padding-left:0;
}

.RR p{
	font-family:'Latolight';
	font-size:11px;
	color:white;
}

.imagine{
	padding-right:0;
	margin-right:-8%;
}

.imagine p{
	font-family:'Latolight';
	font-size:11px;
	color:white;
	float:right;
	padding-right:20%;
}

#animation img {
    display: none;
}
#animation img:first-child {
    display: block;
} 

.goo{
	display:none;
}
}

@media screen and (max-width:1807px){
    .pop h1{
        font-size: 50px;
    }
    .content2 h1{
        font-size: 52px;
    }
    .content3 h1{
        font-size: 50px;
    }
}


@media screen and (max-width:1765px){

.content1 h1{
	font-size:52px;
}
.content2 h1{
	font-size:52px;
}

}

@media screen and (max-width:1764px){


.content1 h1{
	font-size:50px;
}

.content2 h1{
	font-size:50px;
}

.content3 h1{
	font-size:50px;
}
}

@media screen and (max-width:1752px){
.socmed_white2{
	top:465px;
	padding-right:0;
}
}

@media screen and (max-width:1695px){
    .pop h1{
        font-size: 48px;
    }
    .content2 h1{
        font-size: 50px;
    }
    .content3 h1{
        font-size: 48px;
    }
}

@media screen and (max-width:1680px){
    .bub2{
        margin-top: -15%;
    }
}

@media screen and (max-width:1665px){
.content1 h1{
	font-size:50px;
}

}



@media screen and (max-width:1660px){
.socmed_white2{
	top:415px;
	padding-right:0;
}
}

@media screen and (max-width:1626px) {
.content1 h1{
	font-size:48px;
}
.content2 h1{
	font-size:48px;
}
.content3 h1{
	font-size:48px;
}
}

@media screen and (max-width:1572px){
.socmed_white2{
	top:385px;
	padding-right:0;
}
}

@media screen and (max-width:1560px){
.content1 h1{
	font-size:46px;
}
.content2 h1{
	font-size:46px;
}
.content3 h1{
	font-size:46px;
}

}


@media screen and (max-width:1556px){
.content1 h1{
	font-size:44px;
}
.content2 h1{
	font-size:44px;
}
.content3 h1{
	font-size:44px;
}


a.btn-facebook{
	font-size:20px;
}

a.btn-instagram{
	font-size:20px;
}

a.btn-twitter{
	font-size:24px;
}

a.btn-facebook_white{
	font-size:21px;
}

a.btn-instagram_white{
	font-size:21px;
}

a.btn-twitter_white{
	font-size:25px;
}
}

@media screen and (max-width:1545px) {
.RR{
	font-size:13px;
}
.imagine{
	font-size:13px;
}
}

@media screen and (max-width:1538px){
    .pop h1{
        font-size: 46px;
    }
    .content2 h1{
        font-size: 46px;
    }
    .content3 h1{
        font-size: 46px;
    }
	a.btn-facebook{
	font-size:22px;
}

a.btn-instagram{
	font-size:22px;
}

a.btn-twitter{
	font-size:26px;
}
    
a.btn-facebook_white{
	font-size:20px;
}

a.btn-instagram_white{
	font-size:20px;
}

a.btn-twitter_white{
	font-size:24px;
}
}

@media screen and (max-width:1500px){
    .bub2{
        margin-top: -17%;
    }
    
    .bub6{
        margin-top: -27%;
    }
}

@media screen and (max-width:1485px){
.content1 h1{
	font-size:41px;
}
.content2 h1{
	font-size:41px;
}
.content3 h1{
	font-size:41px;
}
}

@media screen and (max-width:1479px){
.content1 h1{
	font-size:42px;
}
.content2 h1{
	font-size:42px;
}
.content3 h1{
	font-size:42px;
}
}

@media screen and (max-width:1468px){
    .pop h1{
        font-size: 44px;
    }
    .content2 h1{
        font-size: 44px;
    }
    .content3 h1{
        font-size: 44px;
    }
}


@media screen and (max-width:1454px) {
.content1 h1{
	font-size:40px;
}
.content2 h1{
	font-size:40px;
}
.content3 h1{
	font-size:40px;
}
}

@media screen and (max-width:1445px){
.socmed_white2{
	top:365px;
	padding-right:0;
}
}

@media screen and (max-width:1440px){
    .bubble h4{
        font-size: 17px;
    }
    
    .bubble p{
        font-size: 13px;
    }
    
    .bubble2 h4{
        font-size: 17px;
    }
    
    .bubble2 p{
        font-size: 13px;
    }
    
    .bub2{
        margin-top: -27%;
    }
    
    .bub6{
        margin-top: -30%;
    }
    
    .bubble5 h4{
        font-size: 17px;
    }
    
    .bubble5 p{
        font-size: 13px;
    }
    
    .bub12{
        margin-top: -32%;
    }
    
    .bubble6 h4{
        font-size: 17px;
    }
    
    .bubble6 p{
        font-size: 13px;
    }
    
    .bub14{
        margin-top: -20%;
    }
    
    .bubble7 h4{
        font-size: 17px;
    }
    
    .bubble7 p{
        font-size: 13px;
    }
    
    .bub16{
        margin-top: -37%;
    }
    
    .bubble8 h4{
        font-size: 17px;
    }
    
    .bubble8 p{
        font-size: 13px;
    }
	
	.bub17{
		right:-60%;
	}
    
    .bub18{
        margin-top: -49%;
    }
    
    .bub20{
        margin-top: -13%;
    }
	
	.bubble9 h4{
        font-size: 17px;
    }
    
    .bubble9 p{
        font-size: 13px;
    }
	
	.bubble10 h4{
        font-size: 17px;
    }
    
    .bubble8 10{
        font-size: 13px;
    }
    
    
}

@media screen and (max-width:1410px){
.socmed_white2{
	top:345px;
	padding-right:0;
}
}

@media screen and (max-width:1409px){
    .pop h1{
        font-size: 42px;
    }
    .content2 h1{
        font-size: 42px;
    }
    .content3 h1{
        font-size: 42px;
    }
}

@media screen and (max-width:1387px){
	.bub17{
		right:-3%;
	}
}

@media screen and (max-width:1385px) {
.content1 h1{
	font-size:38px;
}
.content2 h1{
	font-size:38px;
}
.content3 h1{
	font-size:38px;
}

}

@media screen and (max-width:1371px) {
.content1 h1{
	font-size:36px;
}
.content2{
	margin-top:4%;
}
.content2 h1{
	font-size:36px;
}
.content3 h1{
	font-size:36px;
}

}

@media screen and (max-width:1370px){
.socmed_white2{
	top:315px;
	padding-right:0;
}
}



@media screen and (max-width:1366px) and (max-height:552px){
.base img{
	width:36vh;
}
}
/*
@media screen  and (min-width:1857px) and (max-width:1858px) and (max-height:962px){
.gps_ring{
	top:31.5%
}

.gps_ring2{
	top:80%;
}
}


@media screen and (max-width:1837px) and (max-height:961px){
.gps_ring{
	top:30.5%
	
}

.gps_ring2{
	top:80%;
	left:25%;
}

.gps_ring3{
	left:39%
}

.gps_ring4{
	left:96%;
}
}



@media screen and (max-width:1827px) and (max-height:960px){
.gps_ring{
	top:30.5%
	
}

.gps_ring2{
	top:80%;
	left:25%;
}

.gps_ring3{
	left:39%
}

.gps_ring4{
	left:96.5%;
}
}

@media screen and (max-width:1819px) and (max-height:940px){
.gps_ring{
	top:29%
	
}

.gps_ring2{
	top:78%;
	left:24.5%;
}

.gps_ring3{
	left:38.5%
}

.gps_ring4{
	left:95%;
}
}





@media screen and (max-width:1744px) and (max-height:908px){
.gps_ring4{
	left:95.5%;
}
}

@media screen and (max-width:1733px) and (max-height:908px){
.gps_ring4{
	left:96.5%;
}
}

@media screen and (max-width:1721px) and (max-height:884px){
.logo_floor1 img{
	margin-left:35%;
}
.gps_ring2{
	left:24.5%;
	top:71.5%;
}

.gps_ring4{
	left:95.5%;
}

.gps_ring5{
	top:53%;
	left:22%;
}

.gps_ring6{
	left:53.5%;
}

.gps_ring7{
	left:66%;
}

.gps_ring8{
	left:71.5%;
}
}










*/

@media screen and (max-width:1366px) {
/*and (min-height:640px) and (max-height:958px)*/
.g1{
	padding-left:7%;
	padding-right:7%;
}

.ground{
	background-position:center;
	background-color:#f6f4f1;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
}

.pad{
	padding-bottom:20px;
}

.logo img{
	width:75%;
	image-position:center;
	margin-left:12%;
}

.socmed{
	margin:5% 0 0 0;
	padding:0;
}

.btn-facebook {
    color: #000000;
}

a.btn-facebook{
	padding:0 0 0 15%;
	font-size:16px;
}

.btn-instagram {
    color: #000000;
	background-color:transparent;
}

a.btn-instagram{
	padding:0 0 0 15%;
	font-size:16px;
}

.btn-twitter {
    color: #000000;
}

a.btn-twitter{
	padding:0 0 0 15%;
	margin-top:-2px;
	font-size:20px;
}

.base img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:50vh;
}


.floor1{
	background-image:url(../images/main/floor1-rev9.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center bottom;
	z-index:-10;
	position:relative;
}

.logo_collapse img{
	display:none;
}

.over img{
	width:104.9%;
	position:absolute;
	margin-top:-14.5%;
	left:7.8%;
	
}

.logo_floor1 img{
	width:65%;
	image-position:center;
	margin-top:-55%;
	margin-left:22%;
}

.pop{
	margin-top:0.2%;
}

.pop img{
	width:102%;
	z-index:5;
	position:relative;
	margin-top:-1.5%;
	left:9%;
}

.content1{
	text-align:center;
	margin-left:30%;
}


.pop h1{
	opacity:1.0;
	font-family:'Didot';
	line-height:1.4;
	text-align:center;
	font-size:38px;
	position:absolute;
	z-index:50;
}


.over img{
}

.btn-default:hover{
	background-color:white;
}


.desc{
	width:100%;
	z-index:10;
}


/*--------------------------------------------------------------------------------------------*/

.bubble{
	left:55%;
	opacity:0.0;
	color:black;
	padding:0;
	margin-top:-38.5%;
	z-index:20;
}

.bubble h4{
	font-family:'Didot';
	font-size:14px;
}

.bubble p{
	font-family:'Latolight';
	font-size:10px;
}

.bubble img{
	width:75%;
}

.bub1{
	padding:0;
}

.bub2{
	padding:0;
	margin-left:-5%;
	margin-top:-10%;
}

.see{
	background-color:transparent;
	border:1px solid black;
	box-shadow:none;
	color:black;
	font-family:'Latolight';
	font-size:10px;
	z-index:50;
}

.see:hover{
	border:1px solid black;
	box-shadow:none;
}



.gps_ring {
    border: 2px solid #ffffff;
    -webkit-border-radius: 30px;
    height: 20px;
    width: 20px;
    position: absolute;
    left:55%;
    top:38%;
    -webkit-animation: pulsate1 1.5s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.0;
	cursor:pointer;
	z-index:50;
}

.gps_ball {
    border: 8px solid #ffffff;
    -webkit-border-radius: 30px;
    height: 12px;
    width: 12px;
	position:center;
    -webkit-animation: pulsate2 1.5s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0
}

.rep-dots{
	display:none;
    position: absolute;
    left:54.3%;
    top:37.5%;
	z-index:30;
}

.rep-dots img{
	width:53%;
	cursor:pointer;
	z-index:50;
}

/*---------------------------------------------------------------------------------------------------*/

.gps_ring1 {
    border: 2px solid #ffffff;
    -webkit-border-radius: 30px;
    height: 20px;
    width: 20px;
    position: absolute;
    left:5%;
    top:95%;
    -webkit-animation: pulsate1 1.5s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.0;
	cursor:pointer;
	z-index:50;
}

.gps_ball1 {
    border: 8px solid #ffffff;
    -webkit-border-radius: 30px;
    height: 12px;
    width: 12px;
	position:center;
    -webkit-animation: pulsate2 1.5s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0
}

.bubble1{
	left:2.8%;
	opacity:0.0;
	color:black;
	padding:0;
	margin-top:-41%;
	z-index:20;
}

.bubble1 h4{
	font-family:'Didot';
	font-size:14px;
}

.bubble1 p{
	font-family:'Latolight';
	font-size:10px;
}

.bubble1 img{
	width:75%;
}

.bub3{
	padding:0;
	margin-top:10%;
}

.bub4{
	padding:0;
	margin-left:0;
	margin-top:-20%;
}

.see1{
	background-color:transparent;
	border:1px solid black;
	box-shadow:none;
	color:black;
	font-family:'Latolight';
	font-size:10px;
}

.see1:hover{
	border:1px solid black;
	box-shadow:none;
}

.rep-dots1{
	display:none;
    position: absolute;
    left:4.3%;
    top:94.6%;
	z-index:30;
}

.rep-dots1 img{
	width:53%;
	cursor:pointer;
}

/*--------------------------------------------------------------------------------------------------*/

.gps_ring2 {
    border: 2px solid #ffffff;
    -webkit-border-radius: 30px;
    height: 20px;
    width: 20px;
    position: absolute;
    left:26%;
    top:48%;
    -webkit-animation: pulsate1 1.5s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.0;
	cursor:pointer;
	z-index:50;
}

.gps_ball2 {
    border: 8px solid #ffffff;
    -webkit-border-radius: 30px;
    height: 12px;
    width: 12px;
	position:center;
    -webkit-animation: pulsate2 1.5s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0;
}

.bubble2{
	left:26.5%;
	opacity:0.0;
	color:black;
	padding:0;
	margin-top:-34.5%;
	z-index:20;
}

.bubble2 h4{
	font-family:'Didot';
	font-size:14px;
}

.bubble2 p{
	font-family:'Latolight';
	font-size:10px;
}

.bubble2 img{
	width:75%;
}

.bub5{
	padding:0;
}

.bub6{
	padding:0;
	margin-left:-5%;
	margin-top:-25%;
	
}

.see2{
	background-color:transparent;
	border:1px solid black;
	box-shadow:none;
	color:black;
	font-family:'Latolight';
	font-size:10px;
}

.see2:hover{
	border:1px solid black;
	box-shadow:none;
}

.rep-dots2{
	display:none;
    position: absolute;
    left:25.3%;
    top:48%;
	z-index:30;
}

.rep-dots2 img{
	width:53%;
	cursor:pointer;
}

/*---------------------------------------------------------------------------------------------------------*/

.gps_ring3 {
    border: 2px solid #ffffff;
    -webkit-border-radius: 30px;
    height: 20px;
    width: 20px;
    position: absolute;
    left:40%;
    top:52%;
    -webkit-animation: pulsate1 1.5s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.0;
	cursor:pointer;
	z-index:50;
}

.gps_ball3 {
    border: 8px solid #ffffff;
    -webkit-border-radius: 30px;
    height: 12px;
    width: 12px;
	position:center;
    -webkit-animation: pulsate2 1.5s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0;
}

.bubble3{
	left:39%;
	opacity:0.0;
	color:black;
	padding:0;
	margin-top:-37%;
	z-index:20;
}

.bubble3 h4{
	font-family:'Didot';
	font-size:14px;
}

.bubble3 p{
	font-family:'Latolight';
	font-size:10px;
}

.bubble3 img{
	width:75%;
}

.bub7{
	padding:0 0 0 3%;
}

.bub7 img{
	width:20%;
}

.bub8{
	padding:0;
	margin-left:-5%;
	margin-top:-18%;
}

.see3{
	background-color:transparent;
	border:1px solid black;
	box-shadow:none;
	color:black;
	font-family:'Latolight';
	font-size:10px;
}

.see3:hover{
	border:1px solid black;
	box-shadow:none;
}

.rep-dots3{
	display:none;
    position: absolute;
    left:39.2%;
    top:52%;
	z-index:30;
}

.rep-dots3 img{
	width:53%;
	cursor:pointer;
}
/*---------------------------------------------------------------------------------------------------------*/
.gps_ring4 {
    border: 2px solid #ffffff;
    -webkit-border-radius: 30px;
    height: 20px;
    width: 20px;
    position: absolute;
    left:93%;
    top:30%;
    -webkit-animation: pulsate1 1.5s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.0;
	cursor:pointer;
	z-index:50;
}

.gps_ball4 {
    border: 8px solid #ffffff;
    -webkit-border-radius: 30px;
    height: 12px;
    width: 12px;
	position:center;
    -webkit-animation: pulsate2 1.5s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0;
}

.bubble4{
	left:72.7%;
	opacity:0.0;
	color:black;
	padding:0;
	margin-top:-40%;
	z-index:20;
}

.bubble4 h4{
	font-family:'Didot';
	font-size:14px;
}

.bubble4 p{
	font-family:'Latolight';
	font-size:10px;
}

.bubble4 img{
	width:75%;
}

.bub9{
	padding:0;
	
	margin-top:-18%;
}

.bub10{
	padding:0;
	margin-top:40%;
}

.bub10 img{
	width:150%;
	top:50%;
}



.see4{
	background-color:transparent;
	border:1px solid black;
	box-shadow:none;
	color:black;
	font-family:'Latolight';
	font-size:10px;
}

.see4:hover{
	border:1px solid black;
	box-shadow:none;
}

.rep-dots4{
	display:none;
    position: absolute;
    left:92.3%;
    top:30%;
	z-index:30;
}

.rep-dots4 img{
	width:53%;
	cursor:pointer;
}

/*---------------------------------------------------------------------------------------------------------*/
@-webkit-keyframes pulsate1 {
    0% {-webkit-transform: scale(0.5, 0.5); opacity: 0.2;}
    25% {opacity: 1.0;}
	50% {opacity: 1.0;}
	75% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.1;}
}

@-webkit-keyframes pulsate2 {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.2;}
    25% {opacity: 1.0;}
	50% {opacity: 1.0;}
	75% {opacity: 0.8;}
    100% {-webkit-transform: scale(0.8, 0.8); opacity: 0.2;}
}

.socmed_white{
	padding-right:0;
	margin-top:-1%;
}

.icon_white{
	padding-right:0;
}

.btn-facebook_white {
    color:white;
	font-size:17px;
}

a.btn-facebook_white{
	font-size:17px;
}

.btn-instagram_white {
    color:white;
	font-size:19px;
}

a.btn-instagram_white{
	font-size:19px;
}

.btn-twitter_white {
   color:white;
   font-size:22px;
}

a.btn-twitter_white{
	font-size:22px;
}

.floor2{
	background-image:url(../images/main/floor2.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center bottom;
	z-index:-10;
	position:relative;
}

.content2{
	text-align:center;
	margin-left:30%;
}

.content2 h1{
	color:white;
}

.floorr{
	margin-top:115px;
	padding-right:0;
}

/*---------------------------------------------------------------------------------------------------------*/

.gps_ring5 {
    border: 2px solid #ffffff;
    -webkit-border-radius: 30px;
    height: 20px;
    width: 20px;
    position: absolute;
    left:15%;
    top:33%;
    -webkit-animation: pulsate1 1.5s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.0;
	cursor:pointer;
	z-index:50;
}

.gps_ball5 {
    border: 8px solid #ffffff;
    -webkit-border-radius: 30px;
    height: 12px;
    width: 12px;
	position:center;
    -webkit-animation: pulsate2 1.5s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0;
}

.rep-dots5{
	display:none;
    position: absolute;
    left:14.3%;
    top:32.8%;
}

.rep-dots5 img{
	width:53%;
	cursor:pointer;
}

.bub11{
	padding:0;
}

.bub12{
	padding:0;
	margin-left:-5%;
	margin-top:-15%;
}

.bubble5{
	left:15%;
	margin-top:-42.5%;
	opacity:0.0;
	color:white;
	padding:0;
	z-index:20;
}

.bubble5 h4{
	font-family:'Didot';
	font-size:14px;
}

.bubble5 p{
	font-family:'Latolight';
	font-size:10px;
}

.bubble5 img{
	width:75%;
}

.see5{
	background-color:transparent;
	border:1px solid white;
	box-shadow:none;
	color:white;
	font-family:'Latolight';
	font-size:10px;
}

/*---------------------------------------------------------------------------------------------------------*/

.gps_ring6 {
     border: 2px solid #ffffff;
    -webkit-border-radius: 30px;
    height: 20px;
    width: 20px;
    position: absolute;
	left:34%;
    top:30%;
    -webkit-animation: pulsate1 1.5s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.0;
	cursor:pointer;
	z-index:50;
}

.gps_ball6 {
    border: 8px solid #ffffff;
    -webkit-border-radius: 30px;
    height: 12px;
    width: 12px;
	position:center;
    -webkit-animation: pulsate2 1.5s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0
}

.rep-dots6{
	display:none;
    position: absolute;
    left:33.3%;
    top:29.8%;
}

.rep-dots6 img{
	width:53%;
	cursor:pointer;
}

.bub13{
	padding:0;
}

.bub14{
	padding:0;
	margin-left:-5%;
	margin-top:-10%;
}

.bubble6{
	left:34%;
	margin-top:-44%;
	opacity:0.0;
	color:white;
	padding:0;
	z-index:21;
}

.bubble6 h4{
	font-family:'Didot';
	font-size:14px;
}

.bubble6 p{
	font-family:'Latolight';
	font-size:10px;
}

.bubble6 img{
	width:75%;
}

.see6{
	background-color:transparent;
	border:1px solid white;
	box-shadow:none;
	color:white;
	font-family:'Latolight';
	font-size:10px;
}
/*---------------------------------------------------------------------------------------------------------*/

.gps_ring7 {
	 border: 2px solid #ffffff;
    -webkit-border-radius: 30px;
    height: 20px;
    width: 20px;
    position: absolute;
    left:44%;
    top:45.5%;
    -webkit-animation: pulsate1 1.5s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.0;
	cursor:pointer;
	z-index:50;
}

.gps_ball7 {
    border: 8px solid #ffffff;
    -webkit-border-radius: 30px;
    height: 12px;
    width: 12px;
	position:center;
    -webkit-animation: pulsate2 1.5s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0
}

.rep-dots7{
	display:none;
    position: absolute;
    left:43.3%;
    top:45%;
}

.rep-dots7 img{
	width:53%;
	cursor:pointer;
}

.bub15{
	padding:0;
	margin-top:12%;
}

.bub16{
	padding:0;
	margin-left:-5%;
	margin-top:-27%;
}


.bubble7{
	left:44.5%;
	margin-top:-40%;
	opacity:0.0;
	color:white;
	padding:0;
	z-index:22;
}

.bubble7 h4{
	font-family:'Didot';
	font-size:14px;
}

.bubble7 p{
	font-family:'Latolight';
	font-size:10px;
}

.bubble7 img{
	width:75%;
}

.see7{
	background-color:transparent;
	border:1px solid white;
	box-shadow:none;
	color:white;
	font-family:'Latolight';
	font-size:10px;
}
/*---------------------------------------------------------------------------------------------------------*/

.gps_ring8 {
     border: 2px solid #ffffff;
    -webkit-border-radius: 30px;
    height: 20px;
    width: 20px;
    position: absolute;
    left:79%;
    top:40%;
    -webkit-animation: pulsate1 1.5s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.0;
	cursor:pointer;
	z-index:50;
}

.gps_ball8 {
    border: 8px solid #ffffff;
    -webkit-border-radius: 30px;
    height: 12px;
    width: 12px;
	position:center;
    -webkit-animation: pulsate2 1.5s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0
}

.rep-dots8{
	display:none;
    position: absolute;
    left:78.3%;
    top:39.5%;
}

.rep-dots8 img{
	width:53%;
	cursor:pointer;
}

.bub17{
	padding:0;
	right:0;
}

.bub18{
	padding:0;
	margin-top:-37%;
}

.bubble8{
	left:56.3%;
	margin-top:-39.5%;
	opacity:0.0;
	color:white;
	padding:0;
	z-index:23;
}

.bubble8 h4{
	font-family:'Didot';
	font-size:14px;
}

.bubble8 p{
	font-family:'Latolight';
	font-size:10px;
}

.bubble8 img{
	width:75%;
}

.see8{
	background-color:transparent;
	border:1px solid white;
	box-shadow:none;
	color:white;
	font-family:'Latolight';
	font-size:10px;
}

/*---------------------------------------------------------------------------------------------------------*/

.gps_ring9 {
     border: 2px solid #ffffff;
    -webkit-border-radius: 30px;
    height: 20px;
    width: 20px;
    position: absolute;
    left:91%;
    top:33%;
    -webkit-animation: pulsate1 1.5s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.0;
	cursor:pointer;
	z-index:50;
}

.gps_ball9 {
    border: 8px solid #ffffff;
    -webkit-border-radius: 30px;
    height: 12px;
    width: 12px;
	position:center;
    -webkit-animation: pulsate2 1.5s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0
}

.rep-dots9{
	display:none;
    position: absolute;
    left:90.3%;
    top:32.8%;
	z-index:30;
}

.rep-dots9 img{
	width:53%;
	cursor:pointer;
}

.bub20{
	padding:0;
	margin-top:-20px;
}

.bub19{
	padding:0;
	margin-left:-10px;
}


.bubble9{
	left:70%;
	margin-top:-43%;
	opacity:0.0;
	color:white;
	padding:0;
	z-index:24;
}

.bubble9 h4{
	font-family:'Didot';
	font-size:14px;
}

.bubble9 p{
	font-family:'Latolight';
	font-size:10px;
}

.bubble9 img{
	width:75%;
}

.see9{
	background-color:transparent;
	border:1px solid white;
	box-shadow:none;
	color:white;
	font-family:'Latolight';
	font-size:10px;
}
/*---------------------------------------------------------------------------------------------------------*/

img.lampu{
	width:7%;
	position:absolute;
	top:-2.3%;
	left:73%;
}

.gps_ring10 {
    border: 2px solid #ffffff;
    border-radius: 30px;
    height: 20px;
    width: 20px;
    position: absolute;
    left:62%;
    bottom:21%;
    -moz-animation: pulsate1 1.5s ease-out;
	-webkit-animation: pulsate1 1.5s ease-out;
    -moz-animation-iteration-count: infinite; 
	-webkit-animation-iteration-count: infinite;
    opacity: 0.0;
    cursor:pointer;
	z-index:51;
}

.gps_ball10 {
    border: 8px solid #ffffff;
    border-radius: 30px;
    height: 12px;
    width: 12px;
	position:center;
    -moz-animation: pulsate2 1.5s ease-out;
	-webkit-animation: pulsate2 1.5s ease-out;
    -moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
    opacity: 0.0;
}

.rep-dots10{
	display:none;
    position: absolute;
    left:61.5%;
    bottom:20.5%;
	z-index:30;
}

.rep-dots10 img{
	width:53%;
	cursor:pointer;
}

.bub22{
	padding:0;
	margin-top:-17%;
}

.bub21{
	padding:0;
	margin-left:-10px;
}


.bubble10{
	left:63%;
	margin-top:-43%;
	opacity:0.0;
	color:white;
	padding:0;
	z-index:23;
}

.bubble10 h4{
	font-family:'Didot';
	font-size:14px;
}

.bubble10 p{
	font-family:'Latolight';
	font-size:10px;
}

.bubble10 img{
	width:75%;
}

.see10{
	background-color:transparent;
	border:1px solid white;
	box-shadow:none;
	color:white;
	font-family:'Latolight';
	font-size:10px;
	z-index:50;
}

/*---------------------------------------------------------------------------------------------------------*/
.socmed_white2{
	top:315px;
	padding-right:0;
}

.floor3{
	background-image:url(../images/main/back4-rev2.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

.padtop{
	padding-top:18%;
}

.content3{
	
	margin-bottom:30px;
}

.content3 h1{
	font-family:'Didot';
	margin-top:-50px;
	line-height:1.4;
	text-align:center;
	font-size:38px;
	z-index:5;
}

.content3 p{
	text-align:center;
	font-family:'Latoreg';
	font-size:14px;
}

.isi3{
	margin-top:6%;
	padding:0 10%;
}

.floorri{
	margin-top:115px;
	padding-right:0;
}

.bot3{
	margin-left:5%;
}

.serv{
	background-color:transparent;
	border-color:black;
	color:black;
	padding: 2% 16%;
	border-radius:1px;
	font-family:'Latoreg';
	font-size:12px;
	left:50px;
}

.foot_sp{
	padding-left:6%;
	padding-right:6%;
}

.footer{
	background-color:#272727;
	padding:0.7% 0 0.1% 0;
	position:absolute;
	bottom:0;
}

.RR{
	padding-left:0;
}

.RR p{
	font-family:'Latolight';
	font-size:11px;
	color:white;
}

.imagine{
	padding-right:0;
	margin-right:-8%;
}

.imagine p{
	font-family:'Latolight';
	font-size:11px;
	color:white;
	float:right;
	padding-right:20%;
}

#animation img {
    display: none;
}
#animation img:first-child {
    display: block;
} 

.goo{
	display:none;
}

}

@media screen and (max-width:1352px){

.padtop{
	padding-top:17%;
}

@media screen and (max-width:1295px){
.bub17{
	right:0; 
}
}

@media screen and (max-width:1291px){
.bubble4 h4{
	font-size:12px;
}
}

@media screen and (max-width:1280px){
.pop h1{
	font-size:36px;
}

.content2 h1{
	font-size:36px;
}

.content3 h1{
	font-size:36px;
}
}

@media screen and (max-width:1276px){


.bubble3{
	margin-top:-38%;
}

.gps_ring4{
	top:28%;
}

.rep-dots4{
	top:28%;
}

.bubble4{
	margin-top:-40.5%;
}
}

@media screen and (max-width:1275px){

}

@media screen and (max-width:1269px){
.bubble{
	left:56%;
}
}

@media screen and (max-width:1212px){
.bubble4 h4{
	font-size:11px;
}
}

@media screen and (max-width:1180px){
.pop h1{
	font-size:34px;
}

.content2 h1{
	font-size:34px;
}

.bubble-static h4{
	font-size:13px;
}

.content3 h1{
	font-size:34px;
}

.serv{
	padding:2% 15%;
}
}

@media screen and (max-width:1160px){
.socmed_white2{
	top:295px;
}
}

@media screen and (max-width:1143px){
.bubble4 p{
	font-size:9px;
}
}

@media screen and (max-width:1125px){
.socmed_white2{
	top:275px;
}
}

@media screen and (max-width:1120px){
.pop h1{
	font-size:32px;
}

.bubble-static h4{
	font-size:12px;
}

.content3 h1{
	font-size:32px;
}

.content3 p{
	font-size:13px;
}

.serv{
	padding:2% 15%;
}
}

@media screen and (max-width:1116px){
.bubble4 h4{
	font-size:10px;
}

}

@media screen and (max-width:1110px){
.pop h1{
	font-size:32px;
}

.content2 h1{
	font-size:32px;
}

.content3 h1{
	font-size:32px;
}

.bub3{
	padding-top:1%;
}

.bub4{
	margin-top:-1.5%;
}

.bub6{
	margin-top:-28%;
}

.bubble3{
	margin-top:-40%;
}
.serv{
	padding:2% 14.5%;
}
}

@media screen and (max-width:1099px){
.bubble{
	margin-top:-40%;
}

.bub1{
	padding-top:12%;
}
}

@media screen and (max-width:1091px){
.bubble-static p{
	font-size:9px;
}

.see{
	font-size:9px;
}
.see1{
	font-size:9px;
}
.see2{
	font-size:9px;
}
.see3{
	font-size:9px;
}
.see4{
	font-size:9px;
}
.see5{
	font-size:9px;
}
.see6{
	font-size:9px;
}
.see7{
	font-size:9px;
}
.see8{
	font-size:9px;
}
.see9{
	font-size:9px;
}
.see10{
	font-size:9px;
}
}

@media screen and (max-width:1069px){
.bub3{
	padding-top:2%;
}

.bub4{
	margin-top:-3.5%;
}
}

@media screen and (max-width:1060px){
.gps_ring{
	top:32%;
}

.bubble{
	left:56%;
	margin-top:-41.5%;
}

.bub1{
	padding-top:10%;
}

.rep-dots{
	top:31.5%;
}

.bub3{
	padding-top:3%;
}

.bub4{
	margin-top:-9.5%;
}

.gps_ring2{
	top:43%;
}

.rep-dots2{
	top:42%;
}

.bub6{
	margin-top:-37%;
}

.gps_ring3{
	top:47%;
}

.rep-dots3{
	top:47%;
}
.bubble3{
	margin-top:-42%;
}
}

@media screen and (max-width:1051px){
.pop h1{
	font-size:30px;
}

.content2 h1{
	font-size:30px;
}

.content3 h1{
	font-size:30px;
}
}

@media screen and (max-width:1045px){
.socmed_white2{
	top:255px;
}
}

@media screen and (max-width:1034px) {
.bub9{
	margin-top:-30%;
}
}

@media screen and (max-width:1027px) {
.bubble1 h4{
	font-size:12px;
}
.bub4{
	margin-top:-10.5%;
}
}

@media screen and (max-width:1024px){
	.bubble10{
		left:41.5%;
		margin-top:-44%;
	}
	
	.bub17{
		right:-6%;
	}
	
	.bub18{
		margin-top:-35%;
	}
}

@media screen and (max-width:1021px) {
.bubble4 p{
	font-size:8px;
}
}

@media screen and (max-width:1007px){
.bubble{
	margin-top:-43%;
}

.bub1{
	padding-top:15%;
}
.bub6{
	margin-top:-42%;
}
}

@media screen and (max-width:1000px){
.pop h1{
	font-size:29px;
}

.content3 h1{
	font-size:29px;
}
}

@media screen and (max-width:992px){
.bub4{
	margin-top:-13.5%;
}
}

@media screen and (max-width:990px){
.pop h1{
	font-size:28px;
}

.content2 h1{
	font-size:28px;
}

.content3 h1{
	font-size:28px;
}

.content3 p{
	font-size:12px;
}

.serv{
	font-size:11px;
}
}

@media screen and (max-width:985px){
.socmed_white2{
	top:235px;
}
}
  

@media screen and (max-width:964px){
.bub4{
	margin-top:-15.5%;
}
}

@media screen and (max-width:958px){
.see4{
	font-size:9px;
}
}

@media screen and (max-width:957px){
.gps_ring{
	top:30%;
}

.bubble{
	margin-top:-45%;
}

.bub1 img{
	width:90%;
}

.bub2{
	margin-left:0;
}

.rep-dots{
	top:29%;
}

.gps_ring2{
	top:42%;
}

.bubble2 h4{
	font-size:12px;
}

.gps_ring3{
	top:48%;
}

.gps_ring4{
	top:27%;
}
}

@media screen and (max-width:939px){
.bub4{
	margin-top:-17.5%;
}
.pop h1{
	font-size:27px;
}

.content2 h1{
	font-size:27px;
}

.bubble-static h4{
	font-size:11px;
}

.content3 h1{
	font-size:27px;
}

.serv{
	font-size:10px;
}
}

@media screen and (max-width:936px){
.bubble3{
	margin-top:-45%;
}

.bubble3 h4{
	font-size:12px;
}
}

@media screen and (max-width:931px){
.pop h1{
	font-size:26px;
}

.bubble h4{
	font-size:12px;
}

.bubble2 p{
	font-size:9px;
}

.content2 h1{
	font-size:26px;
}

.content3 h1{
	font-size:26px;
}
.serv{
	padding:2% 13.5%;
}
}

@media screen and (max-width:929px){
a.btn-facebook{
	padding:0 0 0 10%;
}

a.btn-instagram{
	padding:0 0 0 10%;
}

a.btn-twitter{
	padding:0 0 0 10%;
}

a.btn-facebook_white{
	font-size:16px;
	padding:0 0 0 12%;
}

a.btn-instagram_white{
	font-size:18px;
	padding:0 0 0 12%;
}

a.btn-twitter_white{
	font-size:21px;
	padding:0 0 0 12%;
}
}

@media screen and (max-width:915px){
.bubble1 h4{
	font-size:12px;
}
}



@media screen and (max-width:900px){
.socmed_white2{
	top:215px;
}
}

@media screen and (max-width:893px){


.bubble1 p{
	font-size:9px;
}
}

@media screen and (max-width:882px){
.gps_ring{
	top:32%;
}

.rep-dots{
	top:32%;
}

.bubble p{
	font-size:9px;
}

.bub1{
	padding-top:15%;
}

.bubble2 h4{
	font-size:11px;
}

.gps_ring2{
	top:43.5%;
}
.rep-dots2{
	top:43.5%;
}

.gps_ring3{
	top:46%;
}
.rep-dots3{
	top:46%;
}

.gps_ring4{
	top:25%;
	left:91%;
}
.rep-dots4{
	top:25%;
	left:91%;
}
}

@media screen and (max-width:878px){
a.btn-facebook{
	font-size:14px;
}

a.btn-instagram{
	font-size:14px;
}

a.btn-twitter{
	font-size:18px;
}
}

@media screen and (max-width:872px){
.pop h1{
	font-size:24px;
}
.content2 h1{
	font-size:24px;
}

.content3 h1{
	font-size:24px;
}

.serv{
	padding:2% 13%;
}
}

@media screen and (max-width:840px){
.bub6{
	margin-top:-47%;
}

.socmed_white2{
	top:195px;
}

}

@media screen and (max-width:833px){
.bubble1 h4{
	font-size:11px;
}
}

@media screen and (max-width:830px){
.bubble{
	left:57%;
}
.bubble h4{
	font-size:11px;
}

.bub1{
	padding-top:17%;
}
}

@media screen and (max-width:822px){
a.btn-facebook{
	font-size:12px;
}

a.btn-instagram{
	font-size:12px;
}

a.btn-twitter{
	font-size:16px;
}
}

@media screen and (max-width:819px){
.pop h1{
	font-size:23px;
}

.content2 h1{
	font-size:23px;
}

.bubble-static h4{
	font-size:10px;
}

.bubble-static p{
	font-size:8px;
}

.see{
	font-size:8px;
}
.see1{
	font-size:8px;
}
.see2{
	font-size:8px;
}
.see3{
	font-size:8px;
}
.see4{
	font-size:8px;
}
.see5{
	font-size:8px;
}
.see6{
	font-size:8px;
}
.see7{
	font-size:8px;
}
.see8{
	font-size:8px;
}
.see9{
	font-size:8px;
}

.content3 h1{
	font-size:23px;
}

.serv{
	padding:2% 12.5%;
}
}


@media screen and (max-width:801px){
.bubble{
	margin-top:-47%;
}

.bub1{
	padding-top:25%;
}

.bub6{
	margin-top:-56%;
}

.bubble3{
	margin-top:-47%;
}

.bubble3 p{
	font-size:9px;
}
}

@media screen and (max-width:784px){
.rep-dots img{
	width:45%;
}

.rep-dots1 img{
	width:45%;
}

.rep-dots2 img{
	width:45%;
}

.rep-dots3 img{
	width:45%;
}

.rep-dots4 img{
	width:45%;
}
}

@media screen and (max-width:782px){
.pop h1{
	font-size:22px;
}

.content2 h1{
	font-size:22px;
}

.content3 h1{
	font-size:22px;
}
.serv{
	font-size:10px;
}
}

@media screen and (max-width:780px){
.socmed_white2{
	top:175px;
}
}

@media screen and (max-width:767px){
.pop{
	margin-top:-2.2%;
}

.logo_collapse img{
	display:block;
	width:60%;
}

.gps_ring{
	display:none;
}
.gps_ring1{
	display:none;
}
.gps_ring2{
	display:none;
}
.gps_ring3{
	display:none;
}
.gps_ring4{
	display:none;
}

.socmed_white2{
	top:155px;
}

a.btn-facebook_white{
	font-size:14px;
}

a.btn-instagram_white{
	font-size:16px;
}

a.btn-twitter_white{
	font-size:19px;
}

.foot_sp{
	padding-top:0.5%;
}

.foot_sp p{
	margin-bottom:1%;
}

}

@media screen and (max-width:766px){
a.btn-facebook{
	font-size:11px;
}

a.btn-instagram{
	font-size:11px;
}

a.btn-twitter{
	font-size:15px;
}
}

@media screen and (max-width:752px){
.pop h1{
	font-size:21px;
}

.bubble{
	margin-top:-50.5%;
}

.bub1{
	padding-top:40%;
}

.content2 h1{
	font-size:21px;
}

.content3 h1{
	font-size:21px;
}
}

@media screen and (max-width:736px){
a.btn-facebook{
	font-size:10px;
}

a.btn-instagram{
	font-size:10px;
}

a.btn-twitter{
	font-size:14px;
}
}

@media screen and (max-width:734px){
.bubble3 h4{
	font-size:11px;
}

.gps_ring{
	top:28%;
}

.gps_ring2{
	top:39%;
}
}

@media screen and (max-width:723px){
.pop h1{
	font-size:20px;
}

.content2 h1{
	font-size:20px;
}

.content3 h1{
	font-size:20px;
}
.serv{
	padding:2% 12%;
}
}

@media screen and (max-width:715px){
.RR p{
	font-size:10px;
}

.imagine p{
	font-size:10px;
}
}

@media screen and (max-width:712px){
.gps_ring3{
	top:40%;
}
.rep-dots3{
	top:40%;
}
}

@media screen and (max-width:710px){
.bubble h4{
	font-size:10px;
}
.bubble{
	margin-top:-51.5%;
}


.socmed_white2{
	top:135px;
}
}

@media screen and (max-width:709px){
.bubble3{
	margin-top:-49%;
}
.bubble3 h4{
	font-size:10px;
}

.bubble3 p{
	font-size:8px;
}

a.btn-facebook{
	padding:0 0 0 7%;
}

a.btn-instagram{
	padding:0 0 0 7%;
}

a.btn-twitter{
	padding:0 0 0 7%;
}
}


@media screen and (max-height:705px){
.base img{
	width:46vh;
}
}

@media screen and (max-width:702px){
.bubble p{
	font-size:8px;
}
}

@media screen and (max-width:693px){
.pop h1{
	font-size:19px;
}

.content2 h1{
	font-size:19px;
}

.content3 h1{
	font-size:19px;
}
}

@media screen and (max-width:680px){

a.btn-facebook_white{
	font-size:12px;
}

a.btn-instagram_white{
	font-size:14px;
}

a.btn-twitter_white{
	font-size:17px;
}
}

@media screen and (max-width:679px){

a.btn-facebook_white{
	padding:0 0 0 10%;
}

a.btn-instagram_white{
	padding:0 0 0 10%;
}

a.btn-twitter_white{
	padding:0 0 0 10%;
}
}

@media screen and (max-width:663px){
.pop h1{
	font-size:18px;
}

.content2 h1{
	font-size:18px;
}

.content3 h1{
	font-size:18px;
}
.serv{
	font-size:9px;
}
}

@media screen and (max-width:661px){
.see{
	font-size:9px;
}
}

@media screen and (max-width:653px){
a.btn-facebook{
	padding:0 0 0 4%;
}

a.btn-instagram{
	padding:0 0 0 4%;
}

a.btn-twitter{
	padding:0 0 0 4%;
}
}

@media screen and (max-width:640px){
.socmed_white2{
	top:115px;
}
}

@media screen and (max-width:632px){
.pop h1{
	font-size:17px;
}

.content2 h1{
	font-size:17px;
}

.content3 h1{
	font-size:17px;
}
}


@media screen and  (max-height:618px){
.base img{
	width:45vh;
}
}


@media screen and (max-width:609px){
a.btn-facebook{
	font-size:9px;
}

a.btn-instagram{
	font-size:9px;
}

a.btn-twitter{
	font-size:12px;
}
}


@media screen and (max-width:599px){
a.btn-facebook{
	padding:0 0 0 2%;
}

a.btn-instagram{
	padding:0 0 0 2%;
}

a.btn-twitter{
	padding:0 0 0 2%;
}
}


@media screen and (max-height:563px){
.base img{
	width:44vh;
}
}

@media screen and (max-height:554px){
.base img{
	width:42vh;
}
}

@media screen and (max-height:507px){
.base img{
	width:40vh;
}
}

@media screen and (max-height:475px){
.base img{
	width:38vh;
}
}

/*

@media screen and (max-width:1366px)and (max-height:546px){
.base img{
	width:48vh;
}
}

@media screen and (max-width:1366px)and (max-height:496px){
.base img{
	width:45vh;
}
}

@media screen and (max-width:1366px)and (max-height:439px){
.base img{
	width:42vh;
}
}

@media screen and (max-width:1366px)and (max-height:393px){
.base img{
	width:39vh;
}
}

@media screen and (max-width:1365px) and (max-height:635px){

.base img{
	width:45vh;
}

.socmed_white{
	margin-top:16%;
}

}

@media screen and (max-width:1365px) and (max-height:640px){
.socmed_white{
	margin-top:15%;
}

a.btn-facebook_white{
	font-size:17px;
}

a.btn-instagram_white{
	font-size:19px;
}

a.btn-twitter_white{
	font-size:22px;
}

.socmed_white2{
	margin-top:-0.2%;
}
.content1{
	margin-top:0.5%;
}
.content1 h1{
	font-size:35px;
}
}

@media screen and (max-width:1298px) and (max-height:635px){

.menu li{
	padding:0 0.5%;
}

.marleft{
	width:16%;
}

.gps_ring{
	top:25%;
}

.gps_ring2{
	top:75%;
}

.gps_ring5{
	top:50%;
}

.gps_ring6{
	top:258%;
}

.gps_ring7{
	top:135%;
}

.gps_ring8{
	top:55%;
}

}

@media screen and (max-width:1286px)and (max-height:603px){
.base img{
	width:46vh;
}
}
*/


/*

@media screen and (max-width:1250px) and (max-height:635px){

.menu li{
	padding:0 0.4%;
}

.gps_ring{
	top:18%;
}

.gps_ring2{
	top:68%;
}

.gps_ring3{
	top:90%;
}

.gps_ring4{
	top:-3%;
}

.gps_ring5{
	top:45%;
}

.gps_ring6{
	top:253%;
}

.gps_ring7{
	top:127%;
}

.gps_ring8{
	top:50%;
}

}

@media screen and (max-width:1248px) and (max-height:640px){
.gps_ring{
	top:23%;
}
.gps_ring2{
	top:66%;
}
.gps_ring3{
	top:86%;
}
}



@media screen and (max-width:1236px) and (max-height:635px){
.menu li{
	padding:0 0.3%;
}

.content1 h1{
	font-size:36px;
}

.gps_ring{
	top:26%;
}

.gps_ring2{
	top:75%;
}

.gps_ring3{
	top:93%;
}

.socmed_white{
	margin-top:18%;
}

.content2 h1{
	font-size:36px;
}

.gps_ring6{
	top:257%;
}

.gps_ring7{
	top:132%;
}

.gps_ring8{
	top:53%;
}

}

@media screen and (max-width:1232px) and (max-height:641px){
.logo_floor1 img{
	margin-left:29%;
}

a.btn-facebook{
	font-size:17px;
}

a.btn-instagram{
	font-size:19px;
}

a.btn-twitter{
	font-size:22px;
}
.gps_ring{
	top:16%;
}
.gps_ring1{
	top:-60%;
}
.gps_ring2{
	top:45%;
	left:24%;
}
.gps_ring3{
	top:60%;
}

.socmed_white{
	margin-top:12%;
}

.socmed_white2{
	margin-top:17%;
}
}

@media screen and (max-width:1210px) and (max-height:631px){
.content1 h2{
	font-size:34px;
}

.content2 h2{
	font-size:34px;
}
.gps_ring{
	top:10%;
}
.gps_ring2{
	top:40%;
}
.gps_ring3{
	top:51%;
}
.gps_ring7{
	top:130%;
}
.gps_ring8{
	top:50%;
}
.RR{
	font-size:13px;
}
.imagine{
	font-size:13px;
}
}

@media screen and (max-width:1210px) and (max-height:621px){
.gps_ring6{
	top:252%;
	left:53%;
}

.RR{
	font-size:12px;
}
.imagine{
	font-size:12px;
}
}


@media screen and (max-width:1200px) and (max-height:635px){
.menu li{
	padding:0 0.4%;
}

.logo_floor1 img{
	left:30%;
}

.content1 h1{
	margin-bottom:0;
	font-size:35px;
}



.socmed_white{
	margin-top:20%;
}

.content2 h1{
	font-size:35px;
}



.padtop{
	padding-top:19%;
}

.content3 h1{
	font-size:35px;
}

.RR{
	padding-left:5%;
}

.imagine{
	padding-right:8%;
}

}

@media screen and (max-width:1210px) and (max-height:621px){
.content1 h2{
	font-size:33px;
}

.content2 h2{
	font-size:33px;
}
}

@media screen and (max-width:1143px) and (max-height:577px){
.gps_ring{
	top:8%;
}
.gps_ring2{
	top:34%;
}
.gps_ring3{
	top:45%;
}
.gps_ring5{
	top:40%;
}
.gps_ring6{
	top:248%;
}
.gps_ring7{
	top:120%;
	left:66%;
}
.gps_ring8{
	top:40%;
	left:71%;
}
.content1 h1{
	font-size:34px;
}
.content2 h1{
	font-size:34px;
}
.content3 h1{
	font-size:35px;
}
.bot3{
	margin-left:3.3%;
}
.serv{
	font-size:11px;
}
.RR p{
	font-size:12px;
}
.imagine p{
	font-size:12px;
}
}

@media screen and (max-width:1109px) and (max-height:577px){
.logo_floor1 img{
	margin-left:21%;
}

.imagine p{
	padding-right:10%;
}
}

@media screen and (max-width:1101px) and (max-height:557px){
a.btn-facebook{
	font-size:16px;
}

a.btn-instagram{
	font-size:18px;
}

a.btn-twitter{
	font-size:21px;
}
.content1 h1{
	font-size:33px;
}
.socmed_white{
	margin-top:7%;
}

a.btn-facebook_white{
	font-size:16px;
}

a.btn-instagram_white{
	font-size:18px;
}

a.btn-twitter_white{
	font-size:21px;
}
.content2 h1{
	font-size:33px;
}
.gps_ring7{
	top:122%;
}
.gps_ring8{
	top:42%;
}
.content3 h1{
	font-size:34px;
}

}

@media screen and (max-width:1085px) and (max-height:557px){
a.btn-facebook{
	font-size:15px;
}

a.btn-instagram{
	font-size:17px;
}

a.btn-twitter{
	font-size:20px;
}
.gps_ring{
	top:7%;
}
.gps_ring2{
	top:30%;
}
.gps_ring3{
	top:40%;
}
.gps_ring4{
	top:-10%;
	left:95%;
}
}

@media screen and (max-width:1045px) and (max-height:538px){
a.btn-facebook{
	font-size:14px;
}

a.btn-instagram{
	font-size:16px;
}

a.btn-twitter{
	font-size:19px;
}
.content1 h1{
	font-size:31px;
}
.content2 h1{
	font-size:31px;
}
.socmed_white{
	margin-top:6%;
}
.content3 h1{
	font-size:32px;
}
}

@media screen and (max-width:1025px) and (max-height:521px){
.logo_floor1 img{
	margin-left:27%;
}
.content1 h1{
	font-size:30px;
}
.content2 h1{
	font-size:30px;
}
.content3 h1{
	font-size:31px;
}
.gps_ring{
	top:5%;
}
.gps_ring1{
	top:-50%;
}
.gps_ring2{
	top:28%;
}
.gps_ring3{
	top:36%;
}
.gps_ring4{
	top:-10%;
	left:95%;
}
.serv{
	font-size:10px;
	padding:2.5% 17%;
}
}

@media screen and (max-width:1000px) and (max-height:510px){
.socmed_white{
	margin-top:5%;
}
}

@media screen and (max-width:959px) and (max-height:510px){
a.btn-facebook{
	font-size:12px;
}

a.btn-instagram{
	font-size:14px;
}

a.btn-twitter{
	font-size:17px;
}
.content1 h1{
	font-size:28px;
}
.gps_ring4{
	left:97%;
}
.gps_ring6{
	left:55%;
}
.gps_ring7{
	left:67.5%;
}
.gps_ring8{
	left:73%;
}
.content2 h1{
	font-size:28px;
}
.content3 h1{
	font-size:29px;
}
.socmed_white{
	margin-top:2%;
}
.imagine{
	padding-right:5%;
}
}

@media screen and (max-width:959px) and (max-height:498px){
.logo_floor1 img{
	margin-left:20%;
}
a.btn-facebook{
	padding:0 0 0 10%;
}

a.btn-instagram{
	padding:0 0 0 10%;
}

a.btn-twitter{
	padding:0 0 0 10%;
}
.gps_ring2{
	top:24%;
}
.gps_ring3{
	top:30%;
}
.gps_ring4{
	left:95%;
}


.gps_ring6{
	left:53.5%;
	top:243%;
}
.gps_ring7{
	left:66%;
	top:120%;
}
.gps_ring8{
	left:71%;
}
}


@media screen and (max-width:934px) and (max-height:466px){
.content1 h1{
	font-size:27px;
	margin-top:1.5%;
}
.gps_ring1{
	top:-30%;
}

.socmed_white{
	margin-top:-2%;
}
.gps_ring6{
	top:239%;
	left:53%;
}
.content2 h1{
	font-size:27px;
}
.socmed_white2{
	margin-top:15.5%;
}
a.btn-facebook_white{
	font-size:14px;
}

a.btn-instagram_white{
	font-size:16px;
}

a.btn-twitter_white{
	font-size:19px;
}
.content3 h1{
	font-size:28px;
}
}
@media screen and (max-width:873px) and (max-height:452px){
.socmed_white{
	margin-top:-5%;
}
.btn{
	padding:1% 5%;
}
.gps_ring2{
	top:20%;
}
.gps_ring3{
	top:28%;
}
}
@media screen and (max-width:871px) and (max-height:444px){
.content1 h1{
	font-size:25px;
}
.content2 h1{
	font-size:25px;
}
.gps_ring5{
	top:30%;
	left:21%;
}
.gps_ring6{
	top:190%;
}
.gps_ring7{
	left:65.5%;
	top:90%;
}
.gps_ring8{
	left:71%;
	top:30%;
}
}

@media screen and (max-width:859px) and (max-height:446px){
.content1 h1{
	font-size:24px;
}
.content2 h1{
	font-size:24px;
}
.gps_ring5{
	top:25.5%;
}
.gps_ring6{
	top:190%;
}
.gps_ring7{
	top:95%;
}
.gps_ring8{
	top:33%;
}
}

@media screen and (max-width:830px)and (max-height:635px){
.base img{
	width:50vh;
}
}

*/