@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700&display=swap');
	@import url('https://fonts.googleapis.com/css?family=Roboto:400,500&display=swap');
	*{margin:0%; padding:0%;}
	body{font-family: 'Oswald', sans-serif !important;     overflow-x: hidden;}
	.skewed {
	  transform: skew(40deg); /* Equal to skewX(10deg) */
	  position:absolute;top:0; left: -5%;
	  background-color: #007db0;
	  width:500px;
	  height: 50px;
	}
	#home{clear:both; position:relative;}
	.homebanner{position:relative;}
	.homebanner img{position:relative;}
	.captioninfo{position:absolute; border:5px solid #ffffff; box-shadow:inset 4px 5px 10px 0px #989393; font-family: 'Oswald', sans-serif; font-weight:400; font-size:22px; color:#000000; width:400px; right:400px; top:30%; padding:2%; z-index:99; text-align:justify;     background-color: rgba(255, 255, 255, 0.66); display:none;}
	.captioninfo span{font-weight:700;  font-family: 'Oswald', sans-serif;     font-size: 18px; }
	.captionbg{position:absolute; right:370px; width:350px; top:0%; background-color: rgba(193, 39, 45, 0.8); height:100%; display:none;}
	.captionprice{position:absolute; right:400px; top:70%;  z-index:99;letter-spacing: 5px; color: #ffffff; font-family: 'Roboto', sans-serif; font-weight:500; font-size:15px; display:none;}
	.bannerlogo{ top: 5px; position: fixed !important; width: 75px; left: 1%; z-index: 9; transition:1s;}
	#projectform option{background-color:#000000;}
	.carousel-control.left{background-image:none !important;}
	.carousel-control.right{background-image:none !important;}
	#investmentoption{
	/* background-image:url('../images/kolte_patil_smart city-background-image.jpg'); */
	background-color: #007db0 !important;
	background-position:left;
	background-repeat:no-repeat;
	padding:2% 2% 0% 2%;
	padding-bottom:1%;
	}
	.investicon{width:20%; float:left; margin-right:5%; padding-bottom:15%;}
	.investmentleft{width:42%; margin-right:4%; margin-left:4%; float:left;}
	.investmentright{width:41%; margin-right:3%; float:left;}
	.investhead{color:#FFFFFF; font-weight:400; font-size:20px;}
	.investcontent{color:#FFFFFF;  font-size:15px; font-family: 'Roboto', sans-serif; letter-spacing: 1px;  line-height: 1.4; }
	.investhead_b{color:#000000; font-weight:400; font-size:20px;}
	.investcontent_b{color:#000000;  font-size:15px; font-family: 'Roboto', sans-serif; letter-spacing: 1px;  line-height: 1.4;}

	.fond{position:relative;padding-top:80px; background-image:url('../images/kolate_patil_project _background.jpg');
	background-position:left; background-repeat:no-repeat;}

	.fond_am{position:relative;padding-top:40px; background-image:url('../images/kolate_patil_project _background.jpg');
	background-position:left; background-repeat:no-repeat;}

	.projecthead{font-family: 'Oswald', sans-serif; font-weight:400; background-color:#ffffff; padding:1% 0 1% 2%; text-transform:capitalize; color:#007db0; line-height:1.3; text-align:center;}

	.style_prevu_kit{display:inline-block; border:0; width:30%; margin-right:3%; margin-bottom:4%; position: relative;
		-webkit-transition: all 500ms ease-in;
		-webkit-transform: scale(1); 
		-ms-transition: all 500ms ease-in;
		-ms-transform: scale(1); 
		-moz-transition: all 500ms ease-in;
		-moz-transform: scale(1);
		transition: all 500ms ease-in;
		transform: scale(1);   
		z-index:9;
	}

	.style_prevu_kit_text{
		text-align:top;
		height:70%;
		display:inline-block; border:0; width:30%; margin-right:1%; margin-bottom:1%; position: relative;
	}
	.style_prevu_kit:hover{box-shadow: 0px 0px 150px #000 z-index: 2;
		-webkit-transition: all 500ms ease-in;
		-webkit-transform: scale(1.1);
		-ms-transition: all 500ms ease-in;
		-ms-transform: scale(1.1);   
		-moz-transition: all 500ms ease-in;
		-moz-transform: scale(1.1);
		transition: all 500ms ease-in;
		transform: scale(1.1);
	}

	.style_prevu_kit_am{display:inline-block; border:0; width:20%; margin-right:1%; margin-bottom:1%; position: relative;
		-webkit-transition: all 500ms ease-in;
		-webkit-transform: scale(1); 
		-ms-transition: all 500ms ease-in;
		-ms-transform: scale(1); 
		-moz-transition: all 500ms ease-in;
		-moz-transform: scale(1);
		transition: all 500ms ease-in;
		transform: scale(1);   
		z-index:9;
	}
	.style_prevu_kit_am:hover{box-shadow: 0px 0px 150px #000 z-index: 2;
		-webkit-transition: all 500ms ease-in;
		-webkit-transform: scale(1.1);
		-ms-transition: all 500ms ease-in;
		-ms-transform: scale(1.1);   
		-moz-transition: all 500ms ease-in;
		-moz-transform: scale(1.1);
		transition: all 500ms ease-in;
		transform: scale(1.1);
	}

	.projectpart{width:90%; margin:0 auto; clear:both; margin-bottom:1%; position:relative;}
	.shapeone{ position: absolute; background-color: #007db0; top: -10%; left: -25%; z-index: 0;  width: 50px; height: 400px;}
	.shapethree{position: absolute; background-color: #007db0; top: -5%; left: 30%; z-index: 0; width: 50px; height: 300px;}
	.shapetwo{ position: absolute; background-color: #007db0; top: -10%; right: 0%; z-index: 0;  width: 50px; height: 300px;}
	.projectimg{position:relative;     box-shadow: 2px 2px 4px 0px #585858;}
	.projectlogoimg{position: absolute; left: 50%; top: -2%; transform: translate(-50%, -50%); width:30%;}
	.projectloc{color:#007db0; font-family: 'Oswald', sans-serif; font-weight:300; font-size:27px; margin-bottom:5px;}
	.projectconfig{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:400; margin-bottom:5px;}
	.projectconfig span{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:500;}
	.onwardsfont{    font-size: 14px !important;
		font-family: 'Roboto', sans-serif !important;
		font-weight: 400 !important;}
	.projectallinclusive{font-family: 'Roboto', sans-serif; font-size:12px;}
	.bottombtn{width:96%; clear:both;}
	.projectbtn{width: 30%;    margin-left: 1%; margin-right: 1.5%; float: left; background-color: #007db0; color: #ffffff; font-family: 'Roboto', sans-serif;
		font-size: 14px; padding: 5px 2px; border-radius: 5px; cursor:pointer;}
	.lifebrc{text-decoration:none !important; }
	.projectbtn:hover{color:#ffffff;}
	.closecoursespopup{ position: absolute; color: #ffffff; right: 2%; top: 7%; font-size: 24px; font-weight: bold;  border-radius: 5px solid #ffffff;  border-radius: 5px;  border: 1px solid #ffffff;  padding: 0px 10px;  cursor: pointer;}

	.mapview{ position:fixed; top:0%; left:0%; background-color:rgba(0, 0, 0, 0.79); width:100%; z-index:9999; display:none; height:100vH;}
	.threejewelsview, .sanchetiview, .ivyview, .tuscanview, .stargezview, .wasternview, .lifeview{margin:0 auto; display:none;}
	.allmapview{display:none; margin:6% auto;}
	.preramain{background-color:#007db0; width:100%; padding:3%; }	
	.selectptab{display:none;}
	.lrh, .waw, .sb, .eec, .tek, .iew, .sw, .tjk{display:none;}
	.rerahead{color:#ffffff; border:1px solid #ffffff; padding:5px; font-family: 'Oswald', sans-serif; font-weight:300; font-size:20px; text-align:center;	margin:2% auto; width:75%; }
	.rerainfop{font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; text-align:justify; width:90%; margin:10px auto; color:#ffffff;}
	.rerainfop span{font-family: 'Roboto', sans-serif; font-size:15px; font-weight:500; color:#ffffff; text-transform:uppercase;}
	/* Menu */
	/* To Navigation Style */
	.codrops-top {background: #fff; background: rgba(255, 255, 255, 0.6);	text-transform: uppercase;	width: 100%;	font-size: 0.69em;
		line-height: 2.2;}
	.codrops-top a {	text-decoration: none;	padding: 0 1em;	letter-spacing: 0.1em;	color: #888;	display: inline-block;}
	.codrops-top a:hover {	background: rgba(255,255,255,0.95);	color: #716d62;}
	.codrops-top span.right {	float: right;}
	.codrops-top span.right a {	float: left;	display: block;}
	.codrops-icon:before {	font-family: 'codropsicons';	margin: 0 4px;	speak: none;	font-style: normal;	font-weight: normal;	font-variant: normal;	text-transform: none;	line-height: 1;	-webkit-font-smoothing: antialiased;}
	.codrops-icon-drop:before {	content: "\e001";}
	.codrops-icon-prev:before {	content: "\e004";}
	.container > section {	margin: 0 auto;	padding: 10em 3em;	text-align: center;}
	.color-1 {	background: #435a6b;}
	.color-2 {	background: #f39c12;}
	.color-3 {	background: #2ac56c;}
	.color-4 {    background: #ffffff;    position: fixed;    width: 100%;    left: 0%;    top: 0%;    z-index: 999;    height: 50px;}
	.color-5 {	background: #cd4436;}
	.color-6 {	background: #f19f0f;}
	.color-7 {	background: #3fa46a;}
	.color-8 {	background: #ecf0f1;}
	.color-9 {	background: #9e487f;}
	.color-10 {	background: #16a085;}
	.color-11 {	background: #aab7b7;}
	.rightprojectimg{position: absolute; right: 2%; top: 1%; width:3%;}
	#aboutus{padding:3% 2%; clear:both; position:relative; padding-bottom:5%;}
	.aboutushead{font-size: 40px; font-family: 'Oswald', sans-serif; font-weight: 300; color: #007db0; text-align: center;letter-spacing: 6px;}
	.aboutusinfo{ font-family: 'Roboto', sans-serif;font-size: 14px; font-weight: 400; text-align: center; line-height: 1.7;
		width: 90%; margin: 0 auto; border-bottom: 3px solid #1b1464; padding: 2% 0%;}
	.aboutusboldifo{width:19%; margin-right:1%; font-family: 'Oswald', sans-serif; float:left; text-align:center; color:#000000; margin-top:4%; font-weight:300;}
	.abtspan{font-size:25px;}
	.abtspann{font-family: 'Roboto', sans-serif;font-size: 12px; font-weight: 500;  line-height:0.8;}
	#enquirenow{background-color:#007db0; position:relative; padding-left:0%; padding-right:0%;}
	.enquirenowhead{font-size:50px; text-align:center; position:absolute; top:0%;  font-family: 'Oswald', sans-serif; font-weight: 700; letter-spacing:8px; color:rgba(0,0,0,0.4);   left: 50%;   transform: translate(-50%, -50%); text-transform:uppercase;}
	#enquiryform{width:90%; margin:0 auto; margin-top:6%; padding-bottom: 5px;}
	#email_form03 .form-control { height: 35px !important; padding: 5px !important;  min-height: 35px;  margin-bottom: 1rem;
		background-color: transparent; border-radius:0px; border-color:#ffffff; font-family: 'Oswald', sans-serif; color:#ffffff; }
	.forminputt{width:47%; float:left; margin-right:2%;}	
	#enquiryform option{background-color:#1b1464;}
	.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  color: #ffffff !important; font-family: 'Oswald', sans-serif; 
	  font-size:14px;
	}
	.form-control::-moz-placeholder { /* Firefox 19+ */
	  color: #ffffff !important; font-family: 'Oswald', sans-serif; font-size:14px;
	}
	.form-control:-ms-input-placeholder { /* IE 10+ */
	  color: #ffffff !important; font-family: 'Oswald', sans-serif; font-size:14px;
	}
	.form-control:-moz-placeholder { /* Firefox 18- */
	  color: #ffffff !important; font-family: 'Oswald', sans-serif; font-size:14px;
	}
	.warningggg {width: 100%; background-color: #1b1464; color: #ffffff;  text-align: center;  font-family: 'Roboto', sans-serif;
		font-size: 14px;   font-weight: 400;   padding: 3%;   margin: 0; position:relative;}
	.btn03{position: absolute; margin: 0 auto; width: 149px; text-align: center; bottom: -12%; height: 36px;  background-color: #007db0;
		border: 0px; color: #ffffff !important; font-size: 23px; border-radius: 4px; position: absolute; left: 48%; transform: translate(-50%, -50%);
		border: 1px solid #ffffff;  z-index: 9;}	
	.borderright{    position: absolute; top: -25%; right: 3%; z-index: 99;}	

	#projectenquiry{width:240px; margin:0 auto; margin-top:10%; padding-bottom: 1%;}
	#projectenquiry .form-control { height: 35px !important; padding: 5px !important;  min-height: 35px;  margin-bottom: 1rem;
		background-color: transparent; border-radius:0px; border-color:#ffffff; font-family: 'Oswald', sans-serif; color:#ffffff; }
	#projectenquiry .forminputt{width:100%;}
	#projectenquiry h1{color:#ffffff;}
	.projectsubmit{  position: absolute; margin: 3% auto; width: 150px; color: #000000; text-align: center; height: 35px;
		background-color: #ffffff; border: 0px; color: #1b1464; font-size: 21px; border-radius: 4px; position: absolute; left: 50%;
		transform: translate(-50%, -50%);  border: 1px solid #ffffff;  z-index: 9;}
	.sideformbtn{position:fixed; top:20%; right:0%; z-index: 99; cursor:pointer;}	
	#sideform{position:fixed; top:20%; right:0px; width:240px; z-index:999; background-color:rgba(0,0,0,0.8); padding:8px; box-shadow:inset 1px 0px 8px -2px #fff;}
	#sideform .forminputt { width: 75%; margin: 0 auto; text-align: center;  float: none;}
	.sideformhead{font-size:20px; text-align:center; font-family: 'Oswald', sans-serif; font-weight: 700; text-transform:uppercase;color:#ffffff;}
	#sideform option{background-color:#000;}
	.sidewrn{width: 100%; color: #ffffff;  text-align: center;  font-family: 'Roboto', sans-serif;
		font-size: 11px;   font-weight: 400;  margin: 0; position:relative; margin-top:5px;}
	.sidebtnform{ width: 100px; padding: 2px; background: #ffffff;  border-radius: 8px; margin-top:5px;}	
	.sidebtnform:hover{ background: #000000; color:#ffffff;}
	.closeside{     position: absolute; color: #ffffff; right: 2%; top: 1%; font-size: 17px; font-weight: bold; border-radius: 5px solid #ffffff;
		border-radius: 5px; border: 1px solid #ffffff; padding: 0px 7px; cursor: pointer;}
	#sideform .form-control { height: 30px !important; padding: 5px !important;  min-height: 30px;  margin-bottom: 5px;
		background-color: transparent; border-radius:0px; border-color:#ffffff; font-family: 'Oswald', sans-serif; color:#ffffff; }
	.forminputt{width:47%; float:left; margin-right:2%;}

	.hmenu{position:absolute; float:right; right:5%; top:5%; display:none;}
	.hmenumain{width:240px; background-color:rgba(0,0,0,0.7); position:fixed; top:0%; right:-240px; padding:1%; }
	.hmenumain a{ width:50%; margin:0 auto; clear:both; float:none; padding:2% 1%;}
	.closemenu{     position: absolute; color: #ffffff; right: 2%; top: 1%; font-size: 17px; font-weight: bold; border-radius: 5px solid #ffffff;
		border-radius: 5px; border: 1px solid #ffffff; padding: 0px 7px; cursor: pointer;}
	#footersection {background-color: #000000; color: #ffffff;  padding: 1% 1%;   font-size: 11px;    letter-spacing: 1px;  font-family: 'Roboto', sans-serif;}
	#disc-modal{    background-color: rgb(255, 255, 255) !important;  width: 80%; margin: auto; height: 80vH;}
	#rera-modal{    background-color: rgb(255, 255, 255) !important; width: 80%; margin: auto; height: 80vH;}
	#disc-modal h3, #rera-modal h3{text-align:center;}
	#disc-modal p, #rera-modal p{text-align:left; font-family: 'Roboto', sans-serif;}
	.reradisclaimerbtn{cursor:pointer;  font-family: 'Roboto', sans-serif;
		 }
	@media screen and (max-width: 25em) {

		.codrops-icon span {
			display: none;
		}

	}

	@media screen and (max-width: 786px) {
		.fond{position:relative;padding-top:40px; background-image:url('../images/kolate_patil_project _background.jpg');
	background-position:left; background-repeat:no-repeat;}
	.style_prevu_kit_text{
		text-align:top;
		height:70%;
		display:inline-block; border:0; width:100%; margin-right:1%; margin-bottom:1%; position: relative;
	}

	}