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

@font-face {
    font-family: 'quicksand';
    src: url('fonts/quicksand/quicksand-regular.woff2') format('woff2'),
         url('fonts/quicksand/quicksand-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'quicksandlight';
    src: url('fonts/quicksand/quicksand-light.woff2') format('woff2'),
         url('fonts/quicksand/quicksand-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'quicksandbold';
    src: url('fonts/quicksand/quicksand-bold.woff2') format('woff2'),
         url('fonts/quicksand/quicksand-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'cinzel';
    src: url('fonts/cinzel/cinzel-regular.woff2') format('woff2'),
         url('fonts/cinzel/cinzel-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'cinzelbold';
    src: url('fonts/cinzel/cinzel-bold.woff2') format('woff2'),
         url('fonts/cinzel/cinzel-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'cinzelblack';
    src: url('fonts/cinzel/cinzel-black.woff2') format('woff2'),
         url('fonts/cinzel/cinzel-black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'samarkan';
    src: url('fonts/samarkan/saman.woff2') format('woff2'),
         url('fonts/samarkan/saman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

ul li{
	list-style-type:none;
}
a{
	text-decoration:none;
}

h2{
	line-height: 1.2;
    font-weight: 500;
}

body{
	font-family:'quicksand';
}

body p{
	font-size:12px;
	line-height:20px;
}

.wrapper{
	margin:0px;
	padding:0px;
	overflow: hidden;
}

.full-width{
	width:100%;
	float:left;
}

.min-width{
	width:80%;
	float:left;
	margin:0 10%;
}

.padding{
	padding:60px 0;
}

.heading{
	width:100%;
	float:left;
	padding-bottom:30px;
	text-align:center;
}

.heading h2{
	font-size:30px;
	letter-spacing:2px;
	color:#19102e;
	text-transform:uppercase;
	font-family:'cinzelbold';
}

.white h2{
	color:#fff;
}


.focus-red:focus {
	background: #ff7676 !important;
    color: #fff !important;
}
.focus-red:focus::-webkit-input-placeholder { 
  color:#FFFFFF;
}
.focus-red:focus::-moz-placeholder { 
  color:#FFFFFF;
}
.focus-red:focus:-ms-input-placeholder { 
  color:#FFFFFF;
}
.focus-red:focus:-moz-placeholder {
  color:#FFFFFF;
}

/*header
==========================================*/
.header{
	width:100%;
	float:left;
	position:absolute;
	top:0;
	z-index:9;
}

.logo{
	width:150px;
	padding:10px;
	float:left;
}

.logo img{
	width:100%;
	display:block;
}

#rightLogo{
	float:right;
}


/*banner
==========================================*/
.banner{
	width:100%;
	float:left;
}

.bannerSlider{
	width:100%;
	float:left;
	height:100vh;
}

.bannerSlider li{
	width:100%;
	float:left;
	height:100vh;
}

.bannerSlider li img{
	width:100%;
	float:left;
	height:100vh;
}

.bannerLogo{
	width:400px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	text-align:center;
}

.bannerLogo img{
	width:100%;
	display:block;
}

.banner .bx-wrapper {
    box-shadow:none;
    border:none;
    background:none;
	margin:0;
}

.banner .bx-wrapper .bx-pager{
	display:none;
}


/*ProjectContainer
==========================================*/
.ProjectContainer{
}

.project{
	width:100%;
	float:left;
	text-align:center;
	background:#f9dcb7;
	position:relative;
}

.projectText{
	width:100%;
	float:left;
	text-align:center;
}

.projectText::before{
	content:'';
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	background:url(images/texture.png) no-repeat right;
	background-size:cover;
	opacity:0.1;
}

.projectText h4{
	color:#000;
	font-weight:400;
	padding-bottom:10px;
	font-size:22px;
	line-height:35px;
}

.projectText h2{
	color:#000;
	font-weight:400;
	font-family:'cinzelbold';
}

.projectBox{
	width:100%;
	float:left;
	text-align:center;
	margin-top:30px;
}

.projectBox ul li{
	width:25%;
	display:inline-block;
	margin:0 -2px;
	vertical-align:top;
	padding:10px;
}

.projectBox ul li a{
	display:block;
	cursor:pointer;
}

.projectSubBox{
	width:100%;
	float:left;
	padding:20px 10px;
	background:#fff;
	position:relative;
	border-radius:15px;
	transition:all 300ms ease-in-out;
	z-index:1;
}

.projectSubBox::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url(images/texture-2.png) no-repeat top;
	background-size:100%;
	border-radius:15px;
	opacity:0.6;
	z-index:-1;
}

.projectLogoBox{
	width:100%;
	float:left;
	text-align:center;
}

.projectLogoBox img{
	width:180px;
	display:inline-block;
	margin:0 -2px;
	background:#fff;
	padding:5px;
	border-radius:50%;
	box-shadow:5px 5px 10px rgba(0,0,0,0.62);
	transition:all 300ms ease-in-out;
}

.projectContentBox{
	width:100%;
	float:left;
	text-align:center;
	margin-top:15px;
}

.projectContentBox h3{
	font-family:'cinzelbold';
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #d4c1a8;
	font-size:21px;
	color:#a56403;
}

.projectContentBox h4{
	color:#000;
}

.projectBox ul li a:hover .projectLogoBox img{
	box-shadow:none;
	background:#ffebd1;
}

.projectBox ul li a:hover .projectSubBox{
	box-shadow:5px 5px 10px rgba(0,0,0,0.62);
}

.projectDetail{
	display:none;
}

#projectDetail1{
	display:block;
}

.projectDetailBox{
	width:100%;
	float:left;
	text-align:center;
}

.projectOverviewBox{
	width:100%;
	float:left;
}

.projectOverviewBox h1{
	text-transform:uppercase;
	margin-bottom:15px;
	font-family:'quicksand';
}

.projectOverviewBox h1 span{
	font-weight:400;
	color:#05846b;
	font-family:'cinzelbold';
}

.viharCity h1 span{
	color:#c76128;
}

#kusumVatika h1 span{
	color:#69461f;
}

.projectOverviewBox h2{
	line-height:35px;
	font-family:'quicksand';
}

.project-btn-active .projectLogoBox img{
	box-shadow:none;
	background:#fff;
}

.project-btn-active .projectSubBox{
	box-shadow:5px 5px 10px rgba(0,0,0,0.62);
	background:#a5610b;
}

.project-btn-active .projectContentBox h3{
	color:#fff;
}

.project-btn-active .projectContentBox h4{
	color:#fff;
}


/*amenities
===============================================*/
.amenities{
	background:#05846b;
}

#viharCity{
	background:#c76128;
}

#kusumBg{
	background:#69461f;
}

.amenitiesBox{
	width:100%;
	float:left;
	text-align:center;
}

.amenitiesBox ul li{
	width:25%;
	display:inline-block;
	margin:0 -2px;
	vertical-align:top;
	padding:2px;
}

.amenities-InBox{
	width:100%;
	float:left;
	background:rgba(255, 255, 255, 0.13);
	border-radius:50px;
	padding:5px;
}

.amenities-imgBox{
	width:60px;
	display:inline-block;
	vertical-align:middle;
	margin:0 -2px;
	padding:8px;
	background:#fff;
	border-radius:50%;
}

.amenities-imgBox img{
	width:100%;
	display:block;
}

.amenities-textBox{
	width:calc(100% - 60px);
	display:inline-block;
	vertical-align:middle;
	margin:0 -2px;
	text-align:left;
}

.amenities-textBox p{
	color:#fff;
	padding-left:20px;
	font-size:14px;
	text-shadow:1px 1px 2px rgba(0, 0, 0, 0.62);
}

/*gallery
===========================================*/
.gallery{
}

.gallery-Box{
	width:100%;
	float:left;
}

.gallSlideBox{
	width:100%;
	float:left;
	text-align:center;
}

.gallSlideBox li{
	width:20%;
	float: left;
	padding:1.5px;
	text-align:center;
}

.galHeading {
    text-align: center;
	position:relative;
}

.galHeading h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
	font-family:'cinzelbold';
    z-index: 9999;
    font-weight: 400;
	text-transform:uppercase;
}

.galHeading a::before{
	display:none;
}

.gallSlideBox li a{
	display:block;
	position:relative;
	color:rgba(0,0,0,0.36);
	overflow:hidden;
}

.gallSlideBox li a::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background: rgba(0,0,0,0.49) url(images/zoom.png) center no-repeat;
    background-size: 50px;
    /*border: 1px solid #bc8a3f;*/
    transition: all 300ms;
	z-index:99;
}

.gallSlideBox li a::after{
    content: '';
    position: absolute;
    left:10px;
    bottom:10px;
    top:10px;
    right:10px;
    border: 1px solid #fff;
    background-size: 50px;
    transition: all 300ms;
	z-index:99;
}

.gallSlideBox li a:hover::before{
	opacity:0;
	visibility:hidden;
}

.gallSlideBox li a img{
	width:100%;
	display:block;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
	-o-transition:all 400ms ease-in-out;
	transition:all 400ms ease-in-out;
	/*border:1px solid #f7bb1b;*/
}

/*.gallSlideBox li a:hover img{
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}*/

/*floorPlan
====================================*/
.floorplan{
	background:#f9dcb7;
}

.floorPlanBox{
	width:100%;
	float:left;
	text-align:center;
	display:none;
	padding-top:30px;
}

#floorPlanBox1{
	display:block;
}

.floorPlanBox ul li{
	width:30%;
	display:inline-block;
	margin:0 -2px;
	vertical-align:top;
	padding:2px;
}

.floorPlanBox ul li a{
	width:100%;
	float:left;
	position:relative;
	background:#fdf0d0;
	padding:5px;
}

.floorPlanBox ul li a::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.38);
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
	-o-transition:all 400ms ease-in-out;
	transition:all 400ms ease-in-out;
	z-index:9;
}

.floorPlanBox ul li a::after{
	content:'\f00e';
	position:absolute;
	top:50%;
	left:50%;
	font-size:22px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
	-o-transition:all 400ms ease-in-out;
	transition:all 400ms ease-in-out;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	color:#fff;
	z-index:9;
}

.floorPlanBox ul li a:hover::after{
	opacity:1;
	visibility:visible;
}

.floorPlanBox ul li a:hover::before{
	opacity:1;
	visibility:visible;
}

.floorPlan-imgBox{
	width:100%;
	float:left;
	text-align:center;
}

.floorPlan-imgBox img{
	width:100%;
	display:block;
}

.floorPlan-textBox{
	width:100%;
	float:left;
	padding:10px 0;
}

.floorPlan-textBox h5{
	text-transform:uppercase;
	font-size:18px;
	font-family:'cinzelbold';
	color:#925404;
	margin-bottom:10px;
}

.floorPlan-textBox h4{
	text-transform:uppercase;
	font-size:18px;
	color:#000;
}

/*location
====================================*/
.location{
}
#viharCity-location{
	background:#f1f1f1;
}
#kusumVatika1{
	background:#f1f1f1;
}

.locationBox{
	width:100%;
	float:left;
	padding:10px;
}

.locationInBox{
	width:50%;
	float:left;
	padding:5px;
	text-align:center;
}

.locationImgBox{
	width:100%;
	float:left;
	padding:5px;
	background:#05846b;
	overflow:hidden;
}

.locationImgBox a{
	display:block;
}

.locationImgBox a:hover img{
	filter: grayscale(100%);
}

.locationImgBox img{
	width:100%;
	display:block;
	transition:all 400ms ease-in-out;
}


/*form
=============================================*/
.form{
	position:absolute;
	right:0;
	width:300px;
	padding:30px 10px;
	display:block;
	background:#ffebd1;
}

.fixedForm{
	display:none;
}

.fixedForm1{
	position:fixed;
	top:50%;
	z-index:9999;
}

.form .min-width{
	width:100%;
	margin:0;
}
/*#viharCity-form{
	background:#fff;
}*/

.contactBox{
	width:100%;
	float:left;
	position:relative;
	text-align:center;
}

.contactSubBox{
	width:100%;
	position:absolute;
	left:50%;
	top:50%;
	text-align:center;
	transform:translate(-50%,-50%);
}

.contactSubBox h2{
	color:#000;
	text-transform:uppercase;
	font-weight:100;
	font-size:18px;
	letter-spacing:1px;
	font-family:'poppinslight';
}

.contactSubBox span{
	width:100%;
	float:left;
	margin-top:10px;
}

.contactSubBox span a{
	letter-spacing:2px;
	font-size:40px;
	font-family:'poppinsblack';
	color:#000;
	transition:all 300ms ease-in-out;
}

.contactSubBox span a:hover{
	color:#b71715;
}

.contactSubBox span a i{
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	background:#b71715;
	font-size:30px;
	margin-right:20px;
	color:#fff;
	border-radius:10px;
}

.contactFormBox{
}

.contactFormBox h2{
	color:#000;
	text-transform:uppercase;
	font-weight:100;
	margin-bottom:10px;
	letter-spacing:1px;
	font-family:'cinzelbold';
}

.contactFormBox from{
	width:100%;
	float:left;
}

.contactFormBox .fields{
	width:100%;
	float:left;
	padding:6px;
}

.contactFormBox .fields span{
	width:100%;
	float:left;
	font-size:14px;
	color:#fff;
	text-align:left;
	margin-bottom:5px;
}

.contactFormBox .fields input{
	width:100%;
	padding:10px;
	border:none;
	outline:none;
	color:#000;
	background:rgba(165, 97, 11, 0.28);
}

.fields input::placeholder, .fields textarea::placeholder{
	color:#000;
}


.fields input.submit{
	width: 100%;
	color:#fff;
	text-transform: uppercase;
	cursor: pointer;
	background: #a5610b;
	transition:all 300ms ease-in-out;
}

.fields input.submit:hover{
    background:#654f35;
	color:#fff;
}

.closebox{
	position:absolute;
    left: 0;
    top: -35px;
	cursor:pointer;
}

.fixedBtn{
	display:block;
}

.enquaryicon{
	position:fixed;
	width:100%;
	bottom:0;
	text-align:center;
    background:#6b3c00;
	cursor:pointer;
	display:none;
	z-index:999;
	color:#fff;
}

.enquaryicon i{
	padding:10px;
	color:#fff;
}

.enquaryiconFix{
	display:block;
}

.enquaryiconFix span{
	background:#9a641f;
	color:#fff;
	border-radius:4px;
	padding:3px 10px;
}

.closebox i{
	color:#fff;
	font-size:20px;
    width: 35px;
    height: 35px;
    background: #d2181f;
    text-align: center;
    line-height: 35px;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-ms-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

.closebox i:hover{
	background:#000;
}

.fixedForm{
	width:100%;
	position:fixed;
	top:auto;
	bottom:0;
	display:none;
	background:#000;
	z-index:999;
}



/*footer
=======================================*/
.fullwidth-footer{
	padding:0;
	background:#a5610b;
	text-align:center;
	z-index:99999;
}
.footer{
	width:100%;
	float:left;
}

.footer p{
	color:#fff;
	padding:10px;
	font-family:lato;
	font-weight:100;
	font-size:14px;
}
@media screen and (max-width:1025px)
{
	.projectBox ul li {
    	width: 33%;
	}
	.projectOverviewBox h1 {
    font-size: 25px;
}
.projectOverviewBox h2 {
    font-size: 20px;
}
.min-width {
    width: 90%;
    margin: 0 5%;
}
.amenitiesBox ul li {
    width: 33%;
}
}
@media screen and (max-width:900px)
{
	

.bannerSlider{
	height:80vh;
}

.bannerSlider li{
	height:80vh;
}

.bannerSlider li img{
	height:80vh;
}
}
@media screen and (max-width:768px)
{
	
.amenitiesBox ul li {
    width:50%;
}

}
@media screen and (max-width:500px)
{ 
	.projectBox ul li {
    	width:100%;
	}
	.projectOverviewBox h1 {
    font-size:18px;
}
.projectOverviewBox h2 {
    font-size:14px;
    line-height: 26px;
}
.amenitiesBox ul li {
    width:100%;
}
.floorPlanBox ul li {
    width: 100%;
}
.gallSlideBox li {
    width: 50%;
}
.heading h2 {
    font-size: 21px;
}
.locationInBox {
    width: 100%;
	margin-bottom:20px;
}
.contactFormBox .fields {
    width: 100%;
}
.bannerSlider{
	height:60vh;
}

.bannerSlider li{
	height:60vh;
}

.bannerSlider li img{
	height:60vh;
}
}