/*
Theme Name: MPG Apartments
Theme URI: http://www.tivlabs.com
Author: Tivlabs
Author URI: http://www.tivlabs.com
Description: This theme have develope for MPG Apartments.
Version: 4.0.2
*/

body{font-family: 'Open Sans', sans-serif;}

img{max-width:100%;} 
 
header{padding:0; position:relative; background-repeat:no-repeat; background-size:cover; background-color:#0e2442; overflow:hidden;}
header:before{content:''; display:block; background:rgba(14, 36, 66, 0.32); position:absolute; left:0; top:0; right:0; bottom:0;}

header .container{position:relative;}
 
.logo{text-align:center; padding:50px 0;}
.logo a{text-decoration:none; color:#FFFFFF;}
.logo h1{display:inline-block; text-align:left;}
.logo a h1{color:#b49255; margin:0; text-transform:uppercase; font-size:50px;}
.logo a h1 span{color:#FFFFFF; display:block;} 

.mobileIcon{display:none;}

ul.socialList{display:table; margin-left:auto; margin-right:auto; padding:8px 0 26px 0;}
ul.socialList:after{display:block; content:''; clear:both; height:0;}
ul.socialList li{float:left; list-style-type:none; padding:0 20px; }
ul.socialList li a{display:inline-block; color:#e1e1e1; font-size:16px;}
ul.socialList li a:hover{color:#ccc9c9;}

header nav{position:absolute; width:100%; margin-top:20px; left:0; z-index:9999;}
header nav.styaNav{position:fixed; top:0; background:#0e2442; margin-top:0; padding:10px 0 0px 0;}

nav{padding:12px 0;}
ul.skNav{padding:0; margin-left:auto; margin-right:auto; display:table; list-style-type:none;}
ul.skNav:after{display:block; content:''; clear:both; height:0;}
ul.skNav > li{float:left; padding:0 12px; position:relative;}
ul.skNav li a{display:inline-block; padding:5px; color:#fff; font-size:15px; text-transform:uppercase; font-weight:400; letter-spacing:2px;}

ul.skNav li a:hover{/*color:#b49255; text-decoration:none;*/}

ul.skNav ul{position:absolute; list-style-type:none; padding:0; margin:0; background:#FFF; width:230px; padding:5px; z-index:999; display:none; padding-top:5px;}
ul.skNav > li:hover ul{display:block;}
ul.skNav ul li{padding:1px 0;}
ul.skNav ul a{color:#000000; font-size:15px; font-weight:300; text-transform:uppercase; letter-spacing:1px;}
ul.skNav ul a:hover{color:#b49255; text-decoration:none;}

.headerInner{display:table; width:100%;}
.headerDownArrow{position:absolute; position:absolute; bottom:20px; z-index:1; width:100%; text-align:center;}

.headerImg{padding:15px 0;}
.headerImg img{width:100%; min-height:120px;}

.vAlignMiddle{display:table-cell; vertical-align:middle; width:100%;}

.container.small-container{max-width:790px;}



.innerheader{height:302px; text-align:center; display:table; width:100%; margin:20px 0;}
.innerheader h1 span{border:#171210 1px solid; padding:10px; display:inline-block; text-transform:uppercase; color:#000000; font-size:50px; letter-spacing:2px; min-width:250px;}

.contentInner{padding:90px 0;}


.contentBelow{width:100%; text-align:center; padding:20px 0;}
.contentBelow iframe{width:100%;}

 
ul.exploreList{list-style-type:none; padding:0; margin:0;}
ul.exploreList:after{display:block; content:''; clear:both; height:0;}
ul.exploreList li{display:block; padding:30px 0; margin-bottom:60px;}
ul.exploreList li:after{display:block; content:''; clear:both; height:0;}
ul.exploreList li h3{text-transform:uppercase; font-weight:400; padding-bottom:20px; margin-top:10px;}

ul.exploreList li img{float:left; padding-right:110px;}
ul.exploreList li:nth-child(even) img{float:right; padding-right:0; padding-left:110px;}


a.bookOnlineNow{display:inline-block; border:#747170 1px solid; padding:0 10px 0 15px; color:#000000; text-transform:uppercase; letter-spacing:1px; font-size:20px; text-decoration:none; margin-top:60px;}
a.bookOnlineNow span{display:inline-block; border-left:#000 1px solid; padding:5px 10px;}

/* ---- grid ---- */
.grid{max-width: inherit; overflow:hidden; margin-bottom:5px; margin-top:10px;}
/* clearfix */
.grid:after{content: ''; display: block; clear: both;}

/* ---- grid-item ---- */
.grid-sizer, .grid-item{width: 25%;}
.grid-item{display:block; height: 520px; float: left; background-size:cover; border:rgba(255, 255, 255, 0) 5px solid; box-sizing:border-box; overflow:hidden; position:relative;}
.grid-item .project_img{display:block; height:520px; width:100%; background-repeat:no-repeat; background-size:cover;}
.grid-item .project_img .projectOverly{background:rgba(180, 146, 85, 0.63) url(images/project-overly.png); background-repeat:no-repeat; background-position:right bottom; 
    position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding:25px; visibility:hidden;}

.grid-item .project_img .projectOverly h2{color:#FFFFFF; text-transform:uppercase; letter-spacing:1px; font-weight:400;} 

.grid-item:hover .project_img .projectOverly{visibility:visible;}



ul.projectNav{display:table; margin-left:auto; list-style-type:none; padding:30px 5px 5px 5px;}
ul.projectNav:after{display:block; content:''; clear:both; height:0;}
ul.projectNav li{float:left;}
ul.projectNav li a{display:block; color:#191919; font-size:22px; font-weight:300; text-decoration:none; padding:6px 27px;}
ul.projectNav li a:hover, ul.projectNav li a.is-checked{background:#b49255; color:#FFFFFF;}
 

#fancybox-title-over{margin-right:20px;}

.project-wrap{background:url(images/project-bg.jpg); background-size:cover; padding:0 25px 70px 25px;}
.project-wrap h1{padding-top:15px; padding-left:20px;}

.apartmentWrap{padding:0; overflow:hidden;}
.apartmentContent{display:table; width:100%;}
.apartmentContent .vAlignMiddle{padding:20px 90px; text-align:center;}
.apartmentContent h1{text-transform:uppercase; color:#b49255; font-weight:300; padding:10px 0;}
.apartmentContent p{padding:8px 0; font-size:12px;}

a.moreBtn{display:inline-block; background:#b49255; color:#fff; padding:8px 25px; text-decoration:none; letter-spacing:1px; font-size:16px; margin-top:15px}

.apartmentImg img{width:100%; height:auto;}


.team-wrap{background:#f5f5f5; padding:55px 50px;}
.team-wrap > h1{text-transform:uppercase; font-weight:400; text-align:center; padding-bottom:50px; font-size:58px; color:#b49255;}

/* ---- grid ---- */
.team-grid{max-width: inherit; overflow:hidden; margin-bottom:5px; margin-top:10px;}
.team-grid:after{content: ''; display: block; clear: both;}
.team-item {display: block; text-align:center; float: left; padding:2px; background-size: cover; border: rgba(255, 255, 255, 0) 5px solid; box-sizing: border-box; overflow: hidden; position: relative;}

.teambox{background:#b49255; color:#FFF; height:400px; padding:20px 22px; display:table; width:100%;
	transition:background .2s;
}
.middleItem{position: relative; z-index: 1; display: table-cell; vertical-align: middle; transition: all .3s;}
.itemAnimation{-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: -webkit-transform .8s ease;
    transition: -webkit-transform .8s ease;
    transition: transform .8s ease;
    transition: transform .8s ease,-webkit-transform .8s ease;}
.hiddentext{position: absolute; padding:0 25px;
    top: 50%; overflow-y:auto; height:200px;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    opacity: 0;
    -webkit-transition: opacity .8s ease,-webkit-transform .8s ease;
    transition: opacity .8s ease,-webkit-transform .8s ease;
    transition: transform .8s ease,opacity .8s ease;
    transition: transform .8s ease,opacity .8s ease,-webkit-transform .8s ease;}

.teambox:hover{background:#0e2442;}
.teambox:hover .itemAnimation{-webkit-transform: translateY(-80px);
    transform: translateY(-80px);}
.teambox:hover .hiddentext{-webkit-transform: translateY(50px);
    transform: translateY(50px); opacity: 1;}



/* ---- grid-item ---- */
.team-wrap .grid-sizer, .team-item{width:33.333%;}

.team-item h1{text-transform:uppercase; font-weight:300;}
.team-item h3.designation{text-transform:uppercase; font-size:20px; font-weight:300; letter-spacing:1px; margin-top:0; padding-bottom:30px;}
.team-item p{font-size:12px; padding:8px 0;}

ul.aboutItemList{list-style:none; padding:0; margin:0; padding:0;}
ul.aboutItemList li{display:block;}
ul.aboutItemList li:after{display:block; content:''; clear:both; height:0;}
ul.aboutItemList li .aboutItemImg{float:right; width:50%;}
ul.aboutItemList li .aboutItemContent{float:left; width:50%; text-align:center; display:table;}
ul.aboutItemList li:nth-child(even) .aboutItemImg{float:left;}
ul.aboutItemList li img{height:auto; width:100%;}
ul.aboutItemList li .aboutItemContent .vAlignMiddle{padding:60px 95px;}

ul.aboutItemList li h1{text-transform:uppercase; color:#b49255; font-weight:300; padding-bottom:10px;}
ul.aboutItemList li p{font-size:12px; line-height:16px; padding:5px 0;}
  
  
.singleContentWrap{}
.singleContentWrap:after{display:block; content:''; clear:both; height:0;}
.singleContent{float:left; width:50%; display:table; text-align:center;}
.singleImg{float:right; width:50%;}
.singleImg img{width:100%; height:auto;}
.singleContent .vAlignMiddle{padding:65px;}  

.singleContent h1{font-weight:300; color:#b49255; text-transform:uppercase;}
.singleContent p{font-size:12px; padding:5px 0; color:#1b1b1b;}

.singleGallery .grid-sizer, .singleGallery .grid-item{width:50%;}
.singleGallery .grid-item .project_img .projectOverly{background:rgba(180, 146, 85, 0.63) url(images/sing-overly.png); background-repeat: no-repeat; background-position: right bottom;}
.singleGallery  .grid-item .project_img .projectOverly h2{padding:5px 20px; margin-top:0;}

.leas-room-Wrap{padding:30px 0;}
ul.apartment-available{list-style:none; padding:0; margin:0; margin-top:25px;}
ul.apartment-available:after{display:block; content:''; clear:both; height:0;}
ul.apartment-available li{float:left; width:25%;}


a.enqNow{display:inline-block; background:#b49255; color:#FFFFFF; text-transform:uppercase; padding:8px; min-width:250px; margin-top:25px; text-align:center; text-decoration:none; font-size:12px;}

/*Footer*/
footer{padding:112px 10px 55px 10px; background:#0e2442; background-image:url(images/footer-left.png), url(images/footer-right.png); background-repeat:no-repeat; background-position:0 bottom, right top; color:#FFFFFF;}
footer img{max-width:185px; padding-bottom:50px;}
footer a{color:#000000;}
footer ul.socialList{margin-top:5px;} 
footer h1{text-transform:uppercase; padding-bottom:45px; margin-top:0;}
footer p{color:#dfdfe1; padding-bottom:10px;}

.frow:after{display:block; content:''; clear:both; height:0;}
.frow .ffleft{float:left; width:48.5%;}
.frow .ffright{float:right; width:48.5%;}
input, textarea{background:#e1e1e1; border:none; width:100%; padding:10px 15px; margin-bottom:10px; font-weight:600; font-size:12px; color:#0e2442; text-transform:uppercase;}
textarea{resize:none; height:90px;}  

         
input[type="submit"], input[type="reset"]{background:#e1e1e1; border:none; padding:10px 28px; display:block; width:100%; font-weight:600; letter-spacing:2px; background:#b49255; color:#FFFFFF;}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #0e2442;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #0e2442
}
:-ms-input-placeholder { /* IE 10+ */
  color: #0e2442
}
:-moz-placeholder { /* Firefox 18- */
  color: #0e2442
}