@import url("../small.css");




em{font-family:quicksandbold_italic; color:rgb(0,160,176);}
strong{font-family:quicksandbold_italic;}


.ui-body-c, .ui-overlay-c { 
	background-color: white !important; 
	background-image: none !important; 
}


/*-----------------------------Maanak Residency Contents------------------------*/

.diff-block,.proj-features,.proj-features-list
{display: none;}

.mobile-only{display: block;}


.mnkreshomecontainer{
	position: relative;
	width: 100%;
	height: 95vh;
background-color: rgb(235,204,175);

}


#mnkreslogo{
	position: absolute;
	top:200px;
	left:30%;
	right: 30%;
	width: 150px;
	height: 150px;
transition: all .5s;
	margin: 0 auto;

}

.blackTransparency{
	background-color: rgb(249,242,231);
}


.divider_line { 
    margin-top: 25px;
    margin-bottom: 5em;
    height: 2px;
    background: rgb(205,179,128);
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 500, from(rgb(205, 179, 128)), to(white));

    
}

.divider_line+.firstLine
{

	margin-top: 0;
}

#mnkrespunchline{
position: absolute;
text-align:right; padding:0;font-family: quicksandregular;
width: 100%;
top:350px;

background-color: transparent;
color: rgb(255,255,255);

 }

 #mnkrespunchline>.divider_line{
 	width:40%;
margin: 0 auto;
/*background: -webkit-gradient(linear, 0 0, 100% 0, from(rgb(205,179,128)), to(rgb(205,179,128)), color-stop(50%, white));*/
background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(white), to(rgb(235,204,175)));

 }

.full-bar{
text-align:center; padding:0;
font-family: 'Prompt', sans-serif;
font-weight: 300;
font-size:24px;

color:rgb(255,255,255);

 }

.callouts{
	position: absolute;
	background-color: rgb(196,189,151);
	padding: .5em .5em;
	bottom: 0px;

}
.callouts-text-block{

	padding: 1em .5em;
	display: block;
	background-color: rgb(196,189,151);
/*	color: rgb(255,255,255);*/
	font-size: 24px;
	font-family: quicksandregular;
	display: block;

	text-align: center;
-webkit-box-shadow: inset -3px 3px 119px -10px rgba(0,0,0,0.75);
-moz-box-shadow: inset -3px 3px 119px -10px rgba(0,0,0,0.75);
box-shadow: inset -3px 3px 119px -10px rgba(0,0,0,0.75);

/*	box-shadow: 0 0 100px rgba(0, 0, 0, 0.75) inset;*/
/*	border-radius: 5px;
	-webkit-border-radius: 5px;*/
	
}





th {
    border-bottom: 1px solid #d6d6d6;
}

tr:nth-child(odd) {
    background: rgb(232,221,203);
}


.ui-block-a:nth-child(even), .ui-block-b:nth-child(even), .ui-block-c:nth-child(even) {
    background-color: rgb(242,134,12);
    border: 2px outset white;
    height: 100px;
    text-align: center;
    padding: 30px 20px;
    font-size: 16px;
    color: rgb(255,255,255);
}



.ui-block-a:nth-child(odd), .ui-block-b:nth-child(odd), .ui-block-c:nth-child(odd) {
    background-color: rgb(0,160,176);
    border: 2px outset white;
    height: 100px;
    text-align: center;
    padding: 30px 20px;
    font-size: 16px;
    color: rgb(255,255,255);
}

.places{
	font-size: 16px;
}


.text>.tr>.td, .text>.caption{display: none;}

/*---------------------------------------------------------Desktop section--------------------------------------------------------------------------*/
@media only screen and (min-width: 769px) and (max-width: 1360px){

.text>.tr>.td{display: table-cell;}

.text>.caption{display: table-caption;}

*{
	box-sizing: border-box;
}

/*body,html{
	background-color: rgb(241,238,217);

}*/


#mnkreslogo{
	position: absolute;
	top:200px;

	width: 150px;
	height: 150px;


}


#mnkrespunchline{

top:350px;

 }


 #mnkrespunchline>.divider_line{
 	width:auto;

 }


img{width: 100%;}

#mnkreslogo:hover
{
		transform: scale(1.2);
}

.sectionImage, 
.sectionImage .ui-bar{
	display: none;
}
.text{background-color: rgb(0,168,198); width: 50%; padding: 0px;}

.table{
	width:100%;
	margin: 0 auto;
	min-width: 800px;
	margin-bottom: 20px;

}
.text,.image{
/*	display: inherit;*/
	background-color: transparent;
}

.diff .image
{

background: url(images/unitplan/2bhkstore.png) no-repeat center right; 

-webkit-background-size: contain;
 -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  transition: all .5s;
}

/* .u2ba .image:hover,
.u2bb .image:hover,
.u2bsa .image:hover,
.u2bsb .image:hover,
.u3b .image:hover
{
	transform: scale(1.2);

	transform-origin: top top;



} */

.sports .image
{

background: url(images/Sports-Collage_d.jpg) no-repeat center center; 

-webkit-background-size: cover;
 -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  transition: all .5s;
}

.kids .image
{

background: url(images/Kids-Collage_d.jpg) no-repeat center center; 

-webkit-background-size: cover;
 -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.leisure .image
{

background: url(images/leisure_d.jpg) no-repeat center center; 

-webkit-background-size: cover;
 -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.gym .image
{

background: url(images/Gym-Collage_d.jpg) no-repeat center center; 

-webkit-background-size: cover;
 -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.convenience .image
{

background: url(images/Convenience_d.jpg) no-repeat center center; 

-webkit-background-size: cover;
 -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.location .image
{

background: url(images/locationmap_d.jpg) no-repeat center center; 

-webkit-background-size:100% auto;
 -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;


}

.u2ba .image
{

background: url(images/unitplan/2bhkstore.png) no-repeat center right; 

-webkit-background-size: contain;
 -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
border-bottom: 4em solid transparent;
 transition: all .5s;
}

.u2bb .image
{

background: url(images/unitplan/2bhkstore-b.jpg) no-repeat center right; 

-webkit-background-size: contain;
 -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  border-bottom: 4em solid transparent;
   transition: all .5s;

}

.u2bsa .image
{

background: url(images/unitplan/2bhkstudystore.jpg) no-repeat center right; 

-webkit-background-size: contain;
 -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  border-bottom: 4em solid transparent;
   transition: all .5s;

}

.u2bsb .image
{

background: url(images/unitplan/2bhkstudystore-b.jpg) no-repeat center right; 

-webkit-background-size: contain;
 -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  border-bottom: 4em solid transparent;
   transition: all .5s;

}

.u3b .image
{

background: url(images/unitplan/3bhk.jpg) no-repeat center right; 

-webkit-background-size: contain;
 -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  border-bottom: 4em solid transparent;
   transition: all .5s;

}

.siteplan .image
{

background: url(images/siteplan/siteplan.png) no-repeat center right; 

-webkit-background-size: contain;
 -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  border-bottom: 4em solid transparent;
   transition: all .5s;

}


.diff .text,
.u2ba .text,
.u2bb .text,
.u2bsa .text,
.u2bsb .text,
.u3b .text,
.siteplan .text,
.convenience .text
{padding:6em 5em;}

.td>.tr>.td
{

	width:5%; padding:5em 4em; margin: 2px; border:1px solid rgb(241,238,217);color: rgb(88,53,26);transition: all .5s;

}



.td>.tr>
{
	text-align: center; 
}

.kids .td>.tr>.td
{
	padding:7em 14.4em; margin: 2px; border:1px solid rgb(241,238,217); text-align: center; background-color: white;
}

/* .kids .td>.tr>.td:hover
{
	border:1px solid darkkhaki; background-color: white; color:darkkhaki;font-weight: 700;
} */

.gym .td>.tr>.td
{
	padding:15em 5em; margin: 2px; border:1px solid rgb(241,238,217); text-align: center;background-color: white;
}

/* .gym .td>.tr>.td:hover
{
	border:1px solid darkcyan; background-color: white;color:darkcyan;font-weight: 700;
} */


/* .leisure .td>.tr>.td:hover
{
	border:1px solid rgb(0,168,198); background-color: white;color:rgb(0,168,198);font-weight: 700;
} */


.sports .td>.tr>.td
{
	background-color: white;
}

/* .sports .td>.tr>.td:hover
{
	background-color: white;color: darkcyan;border:1px solid darkcyan;font-weight: 700;
} */

.leisure .td>.tr>.td
{
	background-color: white;
}

.convenience .text{
	color: rgb(88,53,26);
	background-color: white;
	/* border: 1px solid darkkhaki; */
	transition: all .5s;
	
}

/* .convenience .text:hover{
	color: darkkhaki;
	background-color: white;
	font-weight: 700;
} */

.location .text{
	color: rgb(88,53,26);
	background-color: white;
	/* border: 1px solid darkcyan; */
	transition: all .5s;
	padding:3em;
}

/* .location .text:hover{
	color: darkcyan;
	background-color: white;
	font-weight: 700;
} */


/*.spacer{height:0px;width:100%;}*/


.caption .tr{display: inline-table; width: 100%; overflow: hidden; }
.caption .tr .td{border:1px solid rgb(241,238,217);padding:5em 4em;}

.ui-block-a,.ui-block-b,.ui-block-c,.ui-block-d,.ui-block-e,.ui-block-f,.ui-block-g,.ui-block-h{width: 12.5%;float: left;font-size: 80%;}

.callouts{
	display:block;
	position:absolute;
	 bottom: 175px; 
	 width: 100%;
	 padding: 0;
	 margin: 0 auto;
	 background-color: transparent;
	}

.callouts-text-block{
	width: 100%;background-color: transparent;
}


.diff-block
{
	display:block;position: absolute;bottom: 10px;width: 100%;overflow: hidden;min-width: 1000px;
}

.diff-block>div
{
	
	/*width:12.5%;*/
	width: 25%;
	float: left;
	height: 80px;
	background-color: rgb(148,138,84);

	text-align: center;

/*	color:white;*/
/*	border-style: solid inset;*/
	-webkit-box-shadow: 0px 1px 19px 0px rgba(34, 37, 32, 0.77);
    -moz-box-shadow:    0px 1px 19px 0px rgba(34, 37, 32, 0.77);
    box-shadow:         0px 1px 19px 0px rgba(34, 37, 32, 0.77);))
transition: all .5s;
}

.diff-block>div:hover
{
	color:rgb(148,138,84);background-color: white;
}


.diff-block>div>span{vertical-align: middle;}

.mobile-only{display: none;}

.ui-bar{display: table-caption;}

.blackTransparency
{
	font-size: 18px;
background-color: transparent;
text-align: left;
color: rgb(88,53,26);
}

li+li
{
	padding-bottom: .5em;
}

.sectionimage-heading-color-2
{
	text-align: center;
	font-size: 40px;
}


[class*="ui-grid"]{display: none;}


span[class="firstLine"]:nth-of-type(odd){ 	background-color:transparent; }

span[class="firstLine"]:nth-of-type(even){	background-color:transparent;}

#units .sectionImage img{ max-width: 500px; }


.gradient-bg{
	background: linear-gradient(#fff, #FDFDFD, #F7F7F7);

}

#units .firstLine{

/*	padding-top: 5em;*/
	color: rgb(27,103,107);
	font-weight: 700;
	font-size: 22px;
}




}


/*---------------------------------------------------------Desktop section--------------------------------------------------------------------------*/
@media only screen and (min-width: 1361px){

.text>.tr>.td{display: table-cell;}

.text>.caption{display: table-caption;}




*{
	box-sizing: border-box;
}

/*body,html{
	background-color: rgb(241,238,217);

}*/

img{width: 100%;}

#mnkreslogo:hover
{
		transform: scale(1.2);
}

.sectionImage, 
.sectionImage .ui-bar{
	display: none;
}
.text{background-color: rgb(0,168,198); width: 50%; padding: 0px;}

.table{
	width:100%;
	margin: 0 auto;
	min-width: 800px;
	margin-bottom: 20px;

}
.text,.image{
/*	display: inherit;*/
	background-color: transparent;
}

.diff .image
{

background: url(images/unitplan/2bhkstore.png) no-repeat center right; 

-webkit-background-size: contain;
 -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  transition: all .5s;
  padding: 20em 0;
}

/*Commented out to remove the image magnification on hover for unit plans on the maanak residency page*/
/* .u2ba .image:hover,
.u2bb .image:hover,
.u2bsa .image:hover,
.u2bsb .image:hover,
.u3b .image:hover
{
	transform: scale(1.2);
	transform-origin: top right;

} */

.sports .image
{

background: url(images/Sports-Collage_d.jpg) no-repeat center center; 

-webkit-background-size: cover;
 -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  transition: all .5s;
}

.kids .image
{

background: url(images/Kids-Collage_d.jpg) no-repeat center center; 

-webkit-background-size: cover;
 -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.leisure .image
{

background: url(images/leisure_d.jpg) no-repeat center center; 

-webkit-background-size: cover;
 -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.gym .image
{

background: url(images/Gym-Collage_d.jpg) no-repeat center center; 

-webkit-background-size: cover;
 -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.convenience .image
{

background: url(images/Convenience_d.jpg) no-repeat center center; 

-webkit-background-size: cover;
 -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.location .image
{

background: url(images/locationmap_new.png) no-repeat center center; 

-webkit-background-size: 100% auto;
 -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;


}

.u2ba .image
{

background: url(images/unitplan/2bhkstore.png) no-repeat center right; 

-webkit-background-size: contain;
 -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
border-bottom: 5em solid transparent;
 transition: all .5s;

}

.u2bb .image
{

background: url(images/unitplan/2bhkstore-b.jpg) no-repeat center right; 

-webkit-background-size: contain;
 -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
border-bottom: 5em solid transparent;
   transition: all .5s;

}

.u2bsa .image
{

background: url(images/unitplan/2bhkstudystore.jpg) no-repeat center right; 

-webkit-background-size: contain;
 -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
border-bottom: 5em solid transparent;
   transition: all .5s;

}

.u2bsb .image
{

background: url(images/unitplan/2bhkstudystore-b.jpg) no-repeat center right; 

-webkit-background-size: contain;
 -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
border-bottom: 5em solid transparent;
   transition: all .5s;

}

.u3b .image
{

background: url(images/unitplan/3bhk.jpg) no-repeat center right; 

-webkit-background-size: contain;
 -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
border-bottom: 5em solid transparent;
   transition: all .5s;

}

.siteplan .image
{

background: url(images/siteplan/siteplan.png) no-repeat center right; 

-webkit-background-size: contain;
 -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
border-bottom: 5em solid transparent;
   transition: all .5s;

}



.u2ba .text,
.u2bb .text,
.u2bsa .text,
.u2bsb .text,
.u3b .text,
.siteplan .text,
.convenience .text
{padding:6em 5em;}
.td>.tr>.td
{

	width:5%; padding:5em 4em; margin: 2px; border:1px solid rgb(241,238,217);color: rgb(88,53,26);transition: all .5s;

}



.td>.tr>
{
	text-align: center; 
}

.kids .td>.tr>.td
{
	padding:7em 14.4em; margin: 2px; border:1px solid rgb(241,238,217); text-align: center; background-color: white;
}

/* .kids .td>.tr>.td:hover
{
	border:1px solid darkkhaki; background-color: white; color:darkkhaki;font-weight: 700;
} */

.gym .td>.tr>.td
{
	padding:15em 5em; margin: 2px; border:1px solid rgb(241,238,217); text-align: center;background-color: white;
}

/* .gym .td>.tr>.td:hover
{
	border:1px solid darkcyan; background-color: white;color:darkcyan;font-weight: 700;
} */


/* .leisure .td>.tr>.td:hover
{
	border:1px solid rgb(0,168,198); background-color: white;color:rgb(0,168,198);font-weight: 700;
} */


.sports .td>.tr>.td
{
	background-color: white;
}

/* .sports .td>.tr>.td:hover
{
	background-color: white;color: darkcyan;border:1px solid darkcyan;font-weight: 700;
} */

.leisure .td>.tr>.td
{
	background-color: white;
}

.convenience .text{
	color: rgb(88,53,26);
	background-color: white;
	/* border: 1px solid darkkhaki; */
	transition: all .5s;
	
}

/* .convenience .text:hover{
	color: darkkhaki;
	background-color: white;
	font-weight: 700;
} */

.location .text{
	color: rgb(88,53,26);
	background-color: white;
	/* border: 1px solid darkcyan; */
	transition: all .5s;
	padding:3em;
}

/* .location .text:hover{
	color: darkcyan;
	background-color: white;
	font-weight: 700;
} */

.spacer{height:20px;width:100%;}


.caption .tr{display: inline-table; width: 100%; overflow: hidden; }
.caption .tr .td{border:1px solid rgb(241,238,217);padding:5em 4em;}

.ui-block-a,.ui-block-b,.ui-block-c,.ui-block-d,.ui-block-e,.ui-block-f,.ui-block-g,.ui-block-h{width: 12.5%;float: left;font-size: 80%;}

.callouts{
	display:block;
	position:absolute;
	 bottom: 175px; 
	 width: 100%;
	 padding: 0;
	 margin: 0 auto;
	 background-color: rgb(255,255,255);
	}

.callouts-text-block{
	width: 100%;background-color: transparent;
}


.diff-block
{
	display:block;position: absolute;bottom: 10px;width: 100%;overflow: hidden;min-width: 1000px;
}

.diff-block>div
{
	
/*	width:12.5%;*/
width: 25%;
	float: left;
	height: 80px;
	/*background-color: rgb(148,138,84);*/
background-color: rgb(255,255,255);
	text-align: center;
	font-size: 110%;
/*	color:white;*/
/*	border-style: solid inset;*/
/*	-webkit-box-shadow: 0px 1px 19px 0px rgba(34, 37, 32, 0.77);
    -moz-box-shadow:    0px 1px 19px 0px rgba(34, 37, 32, 0.77);
    box-shadow:         0px 1px 19px 0px rgba(34, 37, 32, 0.77);))*/
    -webkit-box-shadow: inset -3px 3px 119px -10px rgba(0,0,0,0.75);
-moz-box-shadow: inset -3px 3px 119px -10px rgba(0,0,0,0.75);
box-shadow: inset -3px 3px 119px -10px rgba(0,0,0,0.75);
transition: all .5s;
}

.diff-block>div:hover
{
	color:rgb(148,138,84);background-color: white;
}


.diff-block>div>span{vertical-align: middle;}

.mobile-only{display: none;}

.ui-bar{display: table-caption;}

.blackTransparency
{
	font-size: 18px;
background-color: transparent;
text-align: left;
color: rgb(88,53,26);
}

li+li
{
	padding-bottom: .5em;
}

.sectionimage-heading-color-2
{
	text-align: center;
	font-size: 40px;
}



[class*="ui-grid"]{display: none;}


span[class="firstLine"]:nth-of-type(odd){ 	background-color:transparent; }

span[class="firstLine"]:nth-of-type(even){	background-color:transparent;}

#units .sectionImage img{ max-width: 500px; }


.gradient-bg{
	background: linear-gradient(#fff, #FDFDFD, #F7F7F7);

}

#units .firstLine{

/*	padding-top: 5em;*/
	color: rgb(27,103,107);
	font-weight: 700;
	font-size: 22px;
}


}