/*
Theme Name: The Grove
Theme URI: http://tivlabs.in/
Author: TivLabs
Author URI: http://tivlabs.in/
Description: This will be use for The Grove
Version: 2.1
*/
 
 
@font-face {
  font-family: 'AGaramondPro-Regular';
  src: url('fonts/AGaramondPro-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/AGaramondPro-Regular.otf')  format('opentype'),
	     url('fonts/AGaramondPro-Regular.woff') format('woff'), url('fonts/AGaramondPro-Regular.ttf')  format('truetype'), url('fonts/AGaramondPro-Regular.svg#AGaramondPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
} 


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


body{font-family:'AGaramondPro-Regular', Helvetica, sans-serif; background:#bbbbbd url(images/bg.jpg) no-repeat;}

.logo-header{text-align:center;} 
.logo-header img{padding:130px 0;}

img.logonav { width: 114px; }
 
header{} 
header nav{background:rgba(187, 187, 189, 0.9); border-bottom:#609265 2px solid; padding:30px 0 20px 0 } 
header nav.staynav{position:fixed; top:0; z-index:999; right:0; left:0; padding:15px 0 10px 0;} 
header nav.staynav img{max-width:120px;}
 
.mobileIcon{display:none;} 

ul.sknav{padding:0; list-style-type:none; margin-bottom:0; display:table; margin-left:auto; padding-top:15px;}
ul.sknav:after{display:block; content:''; clear:both; height:0;}

ul.sknav li{float:left; padding-left:26px;}
ul.sknav li a{display:block; padding:5px; text-transform:uppercase; color:#0c0c0c; font-size:18px; letter-spacing:1px; cursor:pointer;} 

.container-fluid{padding:0 52px;}

.container.container-midium{max-width:980px;}
.container.container-small{max-width:800px;}

 
img{max-width:100%; height:auto;}

h1{text-transform:uppercase; }


ul.homeItemList{padding:0; margin:0; list-style-type:none;}
ul.homeItemList:after{display:block; content:''; clear:both; height:0;}
ul.homeItemList li{float:left; width:34%; padding:0 7px;}
@media(min-width: 992px){
ul.homeItemList li:first-child{padding-left:0; width:33%;}
ul.homeItemList li:last-child{padding-right:0; width:33%;}
}

#apartments{background:url(images/apartments.jpg) no-repeat; padding:150px 0; position:relative; background-size:cover; color:#FFFFFF; text-align:center; height:370px; display:block;}
#apartments:before{content:''; background:rgba(0,0,0,.7); display:block; position:absolute; left:0; right:0; width:100%; height:100%; top:0; visibility:hidden;}


#lifestyle{background:url(images/lifestyle.jpg) no-repeat; padding:150px 0; position:relative; color:#FFFFFF; text-align:center; height:370px; background-size:cover; display:block;}
#lifestyle:before{content:''; background:rgba(0,0,0,.7); display:block; position:absolute; left:0; right:0; width:100%; height:100%; top:0; visibility:hidden;}

#locataion{background:url(images/location.jpg) no-repeat; padding:150px 0; position:relative; background-size:cover; color:#FFFFFF; text-align:center; height:370px; display:block;}
#locataion:before{content:''; background:rgba(0,0,0,.7); display:block; position:absolute; left:0; right:0; width:100%; height:100%; top:0; visibility:hidden;}
h1.title-home{position:relative; font-size:36px; letter-spacing:10px; text-decoration:none;}

h2.title{text-align:center; padding:130px 0 85px 0; margin:0; font-size:30px; letter-spacing:5px; text-transform:uppercase;}

ul.homeItemList li:hover #lifestyle:before,
ul.homeItemList li:hover #locataion:before, 
ul.homeItemList li:hover #apartments:before{visibility:visible;}
ul.homeItemList li h1.title-home{visibility:hidden;}
ul.homeItemList li:hover h1.title-home{visibility:visible}

ul.homeItemList li a{text-decoration:none;}

.content{background:rgba(250, 250, 250, 0.9); border:#7ea082 1px solid; text-align:center; padding:40px 150px; margin-bottom:120px;}
.content.noborder{border:#7ea082 1px solid;}
.content h3{text-transform:uppercase; letter-spacing:5px; font-size:20px;}
.content p{padding:10px 0;}



.apartmentImg{margin-bottom:80px;}

.carousel-indicators{left:32%;}
.carousel-indicators .active, .carousel-indicators li{width:9px; height:9px; margin:1px 10px;}
.carousel-indicators .active{background:#609265; border-color:#609265;}


.apartment_content{margin-bottom:80px;}



/*floorplan*/
.forsale-content{background:#ffffff;  border:#7ea082 1px solid;  padding:80px 50px 30px 50px; margin-bottom:60px; margin-top:60px;}
.floorplan{background:url(images/floorplan.png) no-repeat; height:400px; margin-top:60px; position:relative;}
.floorplan .florrID{display:inline-block; width:130px; height:43px; margin-bottom:4px; font-size:16px; padding:5px; text-decoration:none; outline:none;}
 
body.page-template-forsale-php header nav.staynav { padding: 30px 0 20px; position: static }

 
@media(min-width:992px){
.floorplan .florrID{text-indent:-9999px; position:absolute;}
}
.enlargheading{display:none;}

.floorplan #fpID1{bottom:51px; left:254px;}
.floorplan #fpID2{bottom:99px; left:254px;}
.floorplan #fpID3{bottom:146px; left:254px;}

.floorplan #fpID5{bottom: 241px; left: 324px;}
.floorplan #fpID6{bottom: 288px; left: 328px;}

.floorplan #fpID7{bottom: 241px; left: 548px;}
.floorplan #fpID8{bottom: 288px; left: 548px;}
@media(min-width:992px){
.floorplan #fpID9, .floorplan #fpID10, .floorplan #fpID11, .floorplan #fpID12{width:50px; height:85px;}
}
.floorplan #fpID9{bottom: 83px; left: 439px;}
.floorplan #fpID10{bottom: 83px; left: 496px;}
.floorplan #fpID11{bottom: 83px; left: 553px;}
.floorplan #fpID12{bottom: 83px; left: 609px;}


.floorplan #fpID15, .floorplan #fpID16, .floorplan #fpID17, .floorplan #fpID18, .floorplan #fpID19{left: 778px;}
.floorplan #fpID15{bottom:289px;}
.floorplan #fpID16{bottom:242px;}
.floorplan #fpID17{bottom:195px;}
.floorplan #fpID18{bottom:149px;}
.floorplan #fpID19{bottom:102px;}






.lsgallery{padding:15px;}
.lsgallery ul{padding:0; list-style-type:none;}
.lsgallery ul:after{display:block; content:''; clear:both; height:0;}
.lsgallery ul li{float:left; width:33.333%; padding:8px;}
.lsgallery ul li img{min-width:100%; height:auto; height:350px;}

.lsgallery ul li a{display:block; position:relative;}
.lsgallery ul li a:after{display:block; content:''; position:absolute; background-position:center; width:100%; height:100%; top:0;}

.lsgallery ul li:hover a:after{ background-color:rgba(0,0,0,.5); background-image:url(images/plus.jpg); background-repeat:no-repeat;}



body.openpopup{overflow:hidden;}
/* Lightbox background */
#lightbox {
  display:none;
  background: rgba(0,0,0,0.8);
  position:absolute;
  top:0px;
  left:0px;
  min-width:100%;
  min-height:100%;
  z-index:1000;
}
/* Lightbox panel with some content */
#lightbox-panel{display: none; position: fixed; top: 0; left: 0; margin-left: 0; width: 100%; background: #bbbbbd; color:#000000; padding: 20px 25px 40px 25px; z-index: 9999; height: 100%; overflow-y: auto; text-align:center;}

a#close-panel{display:inline-block; font-size:24px; line-height:28px; color:#000000; text-decoration:none;}

#lightbox-panel h4{text-transform:uppercase;}
#lightbox-panel h3{line-height:30px; padding:10px 0;}
#lightbox-panel h3.text-uppercase{ letter-spacing:5px; }
#lightbox-panel form{padding-top:20px;}

.footLogo{padding:30px 0 40px 0;}

.frow{}
.frow:after{display:block; content:''; clear:both; height:0;}
.frow .fleft{float:left; width:50%;}
.frow .fright{float:right; width:50%; border-left:#6c6c6c 1px solid;}
.frow select, .frow textarea, .frow input:not([type="submit"]){width:100%; background:none; padding:15px 0; border:none; border-top:#8b8b8b 1px solid; outline:none; font-size:13px; font-family:'AGaramondPro-Italic', Helvetica, sans-serif; letter-spacing:1px; color:#000;}
.frow .fright input{padding-left:10px;}
.frow textarea{border-bottom:#8b8b8b 1px solid; height:50px; resize:none;}
.frow select option{color:#000000;}
.frow input[type="submit"]{display:table; margin-left:auto; margin-right:auto; background:#000; color:#fff; text-transform:uppercase; letter-spacing:5px; padding:12px 25px 10px 25px; border:none; margin-top:20px;}


.frow ::-webkit-input-placeholder {color:#000;}
.frow ::-moz-placeholder {color:#000;}
.frow :-ms-input-placeholder {color:#000;}
.frow :-moz-placeholder {color:#000;}

footer{background:#bbbbbd; padding:20px 0 24px 0;}
.disclaimer{background:#000000; color:#edeaea; font-size:10px; text-align:center; padding:32px 0; font-family:Arial, Helvetica, sans-serif;}

.fpForm{padding:0px 20px 20px 20px; text-align:center;}
.fpForm .frow select, .frow textarea, .frow input:not([type="submit"]){color:#000; font-size:16px;} 
.fpForm form{padding-top:20px;}
.fpForm  .frow ::-webkit-input-placeholder {color:#000;}
.fpForm .frow ::-moz-placeholder {color:#000;}
.fpForm .frow :-ms-input-placeholder {color:#000;}
.fpForm .frow :-moz-placeholder {color:#000;}
.fpForm .frow input[type="submit"]{background:#000000; color:#FFF;}
.fpForm .frow textarea{height:90px;}
.fpForm button.close{font-size:30px;}

.fpForm .wpcf7-not-valid{border-top:#FF0000 1px solid !important;}
span.wpcf7-not-valid-tip{display:none !important;}


.modal-dialog.floorplanLBC{width:98%;}