/*
Theme Name: Jannali
Theme URI: http://tivlabs.com/
Author: Tivlabs
Author URI: http://tivlabs.com/
Description: This theme have develope for The Jannali.
Version: 1.1 
*/
 
@font-face {
  font-family: 'Archer-Book';
  src: url('fonts/Archer-Book.eot?#iefix') format('embedded-opentype'),  url('fonts/Archer-Book.otf')  format('opentype'),
	     url('fonts/Archer-Book.woff') format('woff'), url('fonts/Archer-Book.ttf')  format('truetype'), url('fonts/Archer-Book.svg#Archer-Book') format('svg');
  font-weight: normal; font-style: normal;}
  
@font-face {
  font-family: 'GothamBlack';
  src: url('fonts/GothamBlack.eot?#iefix') format('embedded-opentype'),  url('fonts/GothamBlack.woff') format('woff'), url('fonts/GothamBlack.ttf')  format('truetype'), url('fonts/GothamBlack.svg#GothamBlack') format('svg');
  font-weight: normal;
  font-style: normal;
} 

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

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


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


body{font-family:'AvenirLTStd-Light', Helvetica, sans-serif; background-color:#f3f3f4;}

.paddingR20{padding-right:20px;}
.paddingR40{padding-right:40px;}
.paddingB30{padding-bottom:30px;}

.paddingT50{padding-top:50px;}
.paddingB50{padding-bottom:50px;}
.paddingB100{padding-bottom:100px;}


.logo{padding-bottom:22px;}
.logoNav{padding:12px 0 6px 0;}
 
header{ position:relative; padding:30px 0; text-align:center;}
header:after{display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%;}

.headerContent{width:100%; text-align:center; display:table; padding:40px 50px; position:relative; z-index:2; background:url(images/bg.jpg) no-repeat; background-size:cover;}
.headerContent:after{display:block; content:''; background:rgba(0,0,0,.5); width:100%; height:100%; position:absolute; left:0; top:0;}
.headerContent .verbottom{z-index:1;} 

.headerStrip{text-align:center; padding-top:30px; padding-bottom:5px;}

.mobileIcon{display:none;}

nav.mainNav{background:#322f31; position:relative; z-index:9999; padding:5px 0; font-family: 'Moon-Light', serif;}
nav.mainNav.satynav{position:fixed; top:0; left:0; width:100%;}
ul.sknav{list-style-type:none; display:table; margin-left:auto; font-size:14px; text-transform:uppercase; margin-bottom:0; margin-right:-15px; padding:0;}
ul.sknav:after{display:block; content:''; clear:both; height:0;}
ul.sknav li{float:left;}
ul.sknav li a{display:block; padding:15px 16px 12px 16px; color:#58595b; text-decoration:none; letter-spacing:2px; font-weight:600;}
ul.sknav li a:hover{color:#FFFFFF;}

.container-fluid{padding-left:45px; padding-right:45px;}
.small-container{max-width:550px; position:relative; margin:0 auto;}
.container.small-container p{padding:6px 0;}


.content{padding:80px 0;}

h4, .title{text-transform:uppercase; padding:15px 0; color: #000; font-weight:normal; margin:0; letter-spacing:3px; font-family: 'Raleway', sans-serif; font-weight:500; letter-spacing:8px; color:#58595b; line-height:25px;}

.sliderNavWrap{position:absolute; top:50%; width:100%; left:0; right:0;}
.sliderNavWrap a.left, .sliderNavWrap a.right{display:inline-block; color:#FFFFFF; font-size:48px; font-weight:normal; padding:8px; margin-top:-22px;}

.sliderNavWrap a.left{float:left;}
.sliderNavWrap a.right{float:right}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{width:100%;}


.display-salesbtn{}
.display-salesbtn a.displaylb{background:#322f31 url(images/display.png) no-repeat; position:fixed; right:0; margin-top:-112px; color:#FFFFFF; display:inline-block; text-decoration:none; width:45px; height:225px; background-position:center;  text-transform:uppercase; font-size:11px; letter-spacing:2px; z-index:50; top:50%}


#displayModal{z-index:99999;}
#displayModal .modal-dialog{width:1170px; text-align:center;}
#displayModal .modal-dialog h4{padding-bottom:6px; color:#0a090a;}

#displayModal .modal-content{background-image:url(images/half-LBbottom-spider.png); background-repeat:no-repeat; background-position:center bottom; padding-bottom:150px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
#displayModal a.btn-reg{font-size: 16px; border: 1px solid; padding: 3px 7px; min-width: inherit; line-height: 20px;}


 #map {width: 100%;
                height: 500px; }

a.closelb{display:inline-block; background:#322f31; padding:12px; position:absolute; right:0; z-index:999; color:#FFFFFF; text-decoration:none; min-width:50px;}
a.closelb:hover{background:#1b1b1b;}

/*Register*/
.closeRegister{position:absolute; right:0; top:0; color:#c6a977; background:#FFFFFF; font-size:24px; padding:10px; cursor:pointer; z-index:999991;}
.closeRegister:hover{background:#f3f3f3;}

.vermiddle{vertical-align:middle; display:table-cell; position:relative;}

.verbottom{vertical-align:bottom; display:table-cell; position:relative;}

.scrollBtn{padding:120px 0 30px 0;}
.scrollBtn a{border:#FFFFFF 2px solid; color:#FFFFFF; display:inline-block; padding:12px 20px; text-transform:uppercase; letter-spacing:1.5px; min-width:250px; font-size:12px; text-decoration:none;}
.scrollBtn a:hover{color:#CCC; border-color:#CCC;}


.teamHeadImg{text-align:center; padding:60px 0;}
.teamHeadImg img{max-width:100%;}

#the-team{background:url(images/half-bottom-spider.png); background-repeat:no-repeat; background-position:center bottom; padding:75px 70px 190px 70px; position:relative;}
#the-team .small-container img{margin:20px 0;}
#the-team .small-container a{color:#c6a977;}

#the-team:before{display:block; content:''; background:url(images/spider-team.png) no-repeat; width:230px; height:380px; position:absolute; left:-10px; top:-198px; z-index:-1; background-repeat:no-repeat;}

#the-team {}

ul.teamList{list-style-type:none; padding:0; position:relative; display:table; margin-left:auto; margin-right:auto; text-align:center;}
ul.teamList:after{display:block; content:''; clear:both; height:0;}
ul.teamList li{display:block; margin-top:50px; float:left; padding:0 25px; width:31%;}
ul.teamList li .teamlist-content{max-width:470px;}


ul.teamList li .teamlist-content img{padding:30px 0 35px 0;}

ul.lsImgList{list-style-type:none; padding:0; margin:0;}
ul.lsImgList:after{display:block; content:''; clear:both; height:0;}
ul.lsImgList li{float:left; width:50%; height:500px; background-size:cover; background-repeat:no-repeat;}

.lsLeft{float:left; float:left; width:50%;}
.lsRight{float:right; height:500px; width:50%; background-repeat:no-repeat; background-size:cover;}
#lifestyle .content.basecolor{padding:50px;}

.bottom-top{position:fixed; bottom:10px; right:10px; z-index:2; display:none; /*width:30px !important;*/}
.bottom-top a{display:inline-block; background:#000; color:#FFF; padding:5px 9px; font-size:18px; line-height:18px;}

.bottom-top.last-bottom{bottom:20px;} 

img{max-width:100%;}


#development{padding:100px 45px 20px 45px;}
#apartments{padding:100px 45px 20px 45px;}
.EggStyle{
   display:block; overflow:hidden; margin-top:40px;
   width: auto; /*margin-top:82px; margin-left:80px;*/ margin-right:20px;
   height: 760px; border:#dbe0e1 1px solid;
	background-repeat:no-repeat; background-size:cover; background-position:center;
   -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
   border-radius:         50%  50%  50%  50%  / 60%   60%   40%  40%;
}


.EggStyle:before{content:''; /*background:url(images/shape.png) center no-repeat;*/ display:block; background-size:cover; position:absolute; left:0; top:0; right:0; bottom:0;}

#development .EggStyle:after{	display: block;
    content: '';
    
    width: 12px;
    height: 180px;
    position: absolute;
    top: 20px; left: 50%;}

/*.EggStyle.eggleft:before{background:url(images/shape-left-sml.png) center no-repeat; background-size:cover;}
.EggStyle.eggright:before{background:url(images/shape-right-sml.png) center no-repeat; background-size:cover;}*/

.EggStyle.teameggstyl{width: 385px; margin-top:0; margin-right:20px; height: 390px; position:absolute;}

.location-spider img, .slideLeftlogo img{position:absolute; z-index:2;}
.location-spider img{bottom:50px; right:-80px;}

.rightSectionContent{padding-top:300px;}

p{font-family: 'Libre Baskerville', serif; font-size:11px; line-height:18px; color:#58595b;}

a.btn-reg{display:inline-block; padding:12px 5px; min-width:280px; text-align:center; border:#363636 2px solid; display:inline-block; color:#030303; text-decoration:none; text-transform:uppercase; letter-spacing:2px; margin-top:30px; font-size:13px;}

.sectionImg{padding:100px 0 0 0;}

#location{padding:120px 45px 40px 45px;}

#lifestyle{padding:120px 45px 0px 45px;}

.lsimge{text-align:center; padding-top:70px;}


/*Contact us*/
#register{background:#252525; color:#FFFFFF; text-align:center; padding:140px 20px; font-family:'AvenirLTStd-Light', Helvetica, sans-serif;}
#register p{padding:0; font-size:12px;}
#register h2{letter-spacing:5px; font-weight:bold; margin:0; padding:0; padding-bottom:20px;}

.title-register{text-transform:uppercase; letter-spacing:5px;}

#register form{padding:20px 50px 0 50px}
.frow{text-align:left;}
.frow:after{display:block; content:''; display:block; clear:both; height:0;}
.frow .ffleft{float:left; width:49.5%;}
.frow .fright{float:right; width:49.5%;}

.frow{margin-bottom:4px;}
.frow input:not([type="submit"]), .frow select{color:#fff; background:#000000; font-weight:normal; width:100%; padding:2px 12px; border:none; height:32px; letter-spacing:.8px; outline:none; font-weight:300; font-family:'AvenirLTStd-Light', Helvetica, sans-serif; font-size:12px; -webkit-appearance: none;}
.frow input[type="submit"]{background:#000000; color:#fff; border:none; padding:10px 20px; letter-spacing:5px; margin-top:5px; font-size:12px; display:block; text-transform:uppercase; width:100%; }
.frow input[type="submit"]:hover{background:#101010;}

::-webkit-input-placeholder{color:#fff;}
::-moz-placeholder {color:#fff;}
:-ms-input-placeholder {color: #fff;}
:-moz-placeholder {color: #fff;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin:0;}

.disclaimer{padding:25px 0; font-size:7px; line-height:8px;}

/*Footer*/
footer{background:#fff; color:#252525; padding:18px 0;}
.siteBy{padding:35px 0; font-size:9px; text-align:center;}
.siteBy a{color:#fff; }