*{
	margin:0;
	padding:0;
	box-sizing:border-box;	
}

body{
	margin:0;
	padding:0;
	background:#d2e7f5;	
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

h1, h2, h3, h4, h5, h6, form, input, select, textarea, ul, p{
	margin:0;
	padding:0;	
}
h2
{
	font-size: 38px;
	line-height: 44px;
	font-weight: 500;
}

h3 {
	font-size: 30px;
	line-height: 36px;
	font-weight: 500;
}
}
a{
	text-decoration:none;
	outline:none;	
}

img{
	max-width:100%;
}

ul li{
	list-style:none;	
}

img.img_full{
	width:1024px;	
}


.clr{
	clear:both;
}

.wrapper{
	width:800px;
	margin:0 auto;
	position:relative;	
}

.logo{
	text-align:center;
}

.montize_sec {
    margin: 0 auto;
    padding: 10px 0;
    width: 632px;
}

.montize_sec .mon_left{
	width:14%;
	float:left;	
}

.montize_sec .mon_left img{
	width:100%;
}	

.montize_sec .mon_rt{
	width:83%;
	float:right;
	font-family: 'Exo', sans-serif;	
}

.montize_sec .mon_rt h3{
	color:#563e1c;
	font-size:37px;
	font-weight:400;	
}

.mon_row{
	margin:0;
	padding:0;	
}

.mon_row h3{
	display:inline-block;	
}

.mon_row img {
	margin: 0 0 0 6px;
	width: 36px;
}

.montize_sec .mon_rt h2{
	color: #1a323f;
	font-size:96px;
	font-weight: 800;
	line-height:64px;
	padding:10px 0 3px;
	text-transform: uppercase;	
}

.montize_sec p{
	color:#1a323f;
	font-size:17px;
	padding:15px 0 5px 0;	
	font-family: 'Open Sans', sans-serif;
}

.home_area{
	position:relative;	
}

.solar_city {
	left: 14%;
	position: absolute;
	top: 11%;
}

.urban_sitter {
	position: absolute;
	right: 22%;
	top: 19%;
}

.eat_with {
	position: absolute;
	right: 39%;
	top: 53%;
}

.park {
	bottom: 17%;
	left: 10%;
	position: absolute;
}

.s_pool {
	left: 34%;
	position: absolute;
	top: 15%;

}

.lap_top{
	position: absolute;
	right: 8%;
	top: 52%;
}

.rover{
	bottom: 15%;
	position: absolute;
	right: 35%;
}

.stage1{
	left: 53%;
	position: absolute;
	top: 6%;
}

.stage2{
	left: 48%;
	position: absolute;
	top: 33%;
}

.stage3{
	left: 7%;
	position: absolute;
	top: 34%;
}

.stage4{
	left: 23%;
	position: absolute;
	top: 49%;
}

.stage5{
	left: 11%;
	position: absolute;
	top: 65%;
}

.stage6{
	left: 44%;
	position: absolute;
	top: 66%;
}

.stage7{
	position: absolute;
	right: 27%;
	top: 69%;
}


@keyframes pulse_animation {
	0% { transform: scale(1); }
	30% { transform: scale(1); }
	40% { transform: scale(1.08); }
	50% { transform: scale(1); }
	60% { transform: scale(1); }
	70% { transform: scale(1.05); }
	80% { transform: scale(1); }
	100% { transform: scale(1); }
}

.pulse {
	animation-name: pulse_animation;
	animation-duration: 5000ms;
	transform-origin:70% 70%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.pulse2 {
	-webkit-animation: pulse2 1s linear infinite;
	-moz-animation: pulse2 1s linear infinite;
	-ms-animation: pulse2 1s linear infinite;
	animation: pulse2 1s linear infinite;
}



@keyframes "pulse2" {
 0% {
    -webkit-transform: scale(1.1);
   	-moz-transform: scale(1.1);
   	-o-transform: scale(1.1);
   	-ms-transform: scale(1.1);
   	transform: scale(1.1);
 }

 50% {
    -webkit-transform: scale(0.8);
   	-moz-transform: scale(0.8);
   	-o-transform: scale(0.8);
   	-ms-transform: scale(0.8);
   	transform: scale(0.8);
 }

 100% {
    -webkit-transform: scale(1);
   	-moz-transform: scale(1);
   	-o-transform: scale(1);
   	-ms-transform: scale(1);
   	transform: scale(1);
 }

}



@-moz-keyframes pulse2 {
 0% {
   -moz-transform: scale(1.1);
   transform: scale(1.1);
 }
 50% {
   -moz-transform: scale(0.8);
   transform: scale(0.8);
 }

 100% {
   -moz-transform: scale(1);
   transform: scale(1);
 }
}

@-webkit-keyframes "pulse2" {
 0% {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
 }

 50% {
   -webkit-transform: scale(0.8);
   transform: scale(0.8);
 }

 100% {
   -webkit-transform: scale(1);
   transform: scale(1);
 }

}

@-ms-keyframes "pulse2" {
 0% {
   -ms-transform: scale(1.1);
   transform: scale(1.1);
 }

 50% {
   -ms-transform: scale(0.8);
   transform: scale(0.8);
 }

 100% {
   -ms-transform: scale(1);
   transform: scale(1);
 }
}

.pulse2:hover{
	animation: bounce 1s; -webkit-animation: bounce 1s; -0-animation: bounce 1s; -moz-animation: bounce 1s;
}

.solar_city:hover .con_box{
	display:block;	
}

.con_box{
	display:none;
	position:absolute;
	width:300px;
	z-index:1;
	font-family: 'Open Sans', sans-serif;	
}

.top_tab {text-align:left;}

.top_tab ul{
	text-align:left;
	margin-bottom:0px;
}

.top_tab ul.solar_tab{
	background:#1ab1bf;
	display:inline-block;
	padding:4px 18px 0 18px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	font-weight:700;		
}

.top_tab ul.spool_tab{
	background:#829e3c;		
}

.top_tab ul.solar_tab li{
	display:inline-block;
	color:#000;
}

.solar_con{
	background:#fff;
	border:solid 7px #1ab1bf;
	-webkit-border-radius: 5px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 5px;
-moz-border-radius-topleft: 0;
border-radius: 5px;
border-top-left-radius: 0;
}

.solar_con p{
	padding:5px;
	font-size:13px!important;
	margin:0px;
	text-align:left;	
}

.s_pool:hover .con_box{
	display:block;
}

.s_pool_con{
	border:solid 7px #829e3c;	
}



.eat_with:hover .con_box{
	display:block;
	right:-50%;	
}

.top_tab ul.eat_tab{
	background:#4f3d1f;	
}

.top_tab ul.eat_tab li{
	color:#fff;
}

.eat_con{
	border:solid 7px #4f3d1f;		
}

.park:hover .con_box{
	display:block;
	width:400px;	
}

.urban_sitter:hover .con_box{
	display:block;
	right:-50%;	
}

.top_tab ul.ub_tab{
	background:#b07f5e;	
}

.top_tab ul.airnb{
	background:#7F9F48;	
}

.top_tab ul.orange_tab{
	background:#FD8632;	
}

.ub_con{
	border:solid 7px #b07f5e;		
}



.lap_top:hover .con_box{
	display:block;
	right:0;
	width:237px;	
}

.top_tab ul.lap_tab{
	background:#cfd576;	
}

.airnb_con{
	border:solid 7px #7F9F48;		
}

.orange_con{
	border:solid 7px #FD8632;		
}

.lap_con{
	border:solid 7px #cfd576;		
}

.rover:hover .con_box{
	display:block;
	width:408px;
	right:-90%;	
}

.stage1:hover .con_box,.stage2:hover .con_box,.stage3:hover .con_box,.stage4:hover .con_box,.stage5:hover .con_box,.stage6:hover .con_box,.stage7:hover .con_box{
	display:block;
	width:300px;	
}

.bottom_logo {
    bottom: 14px;
    position: absolute;
    right: 24px;
}

.mon_row h3{
	display:block;	
}		

.solar_con > img { display: block; margin-top:10px}

.park .con_box {
    width: 600px !important;
}

.park .con_box {
    left: 60px;
    top: 0;
}

/*----------------------------Responsive css----------------------*/

@media (max-width: 800px){
.wrapper{width:96%;	}	
.con_box{ width:250px !important;}
.park .con_box { width:480px !important; top:-30px}
.rover .con_box { width: 410px !important;}
}

@media (max-width: 640px){
.pulse2 img {
    width: 33px;
}

.montize_sec{
	width:100%;	
}

.montize_sec .mon_rt h2{
	font-size:42px;
	line-height:42px;	
}	

.top_tab ul.solar_tab li{ font-size:13px}

.solar_con p{ font-size:13px !important}

.con_box{ bottom:45px}

.con_box img{ width:auto !important}

.park .con_box {
    width: 250px !important;
}

.stage1 .con_box, .rover .con_box {
    right: -80px !important;
}

.s_pool .con_box {
    right: -140px !important;
}

.stage2 .con_box, .eat_with .con_box {
    right: -100px !important;
}

.stage4 .con_box {
    left: -40px !important;
}

.stage6 .con_box {
    left: -100px;
}

.stage7 .con_box {
    right: -60px;}
	.park .con_box {
    left:0;
    top: auto;}
	.rover .con_box { width: 250px !important}
}