/*** Fonts ***/

@font-face {

    font-family: 'FbHachaluzim regular';

    src:	url('FbHachaluzim-regular.eot'); 

    src:	url('FbHachaluzim-regular.eot?#iefix') format('embedded-opentype'), 

        url('FbHachaluzim-regular.woff') format('woff'), 

        url('FbHachaluzim-regular.ttf') format('truetype'); 

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'FbHachaluzim bold';

    src:	url('FbHachaluzim-bold.eot'); 

    src:	url('FbHachaluzim-bold.eot?#iefix') format('embedded-opentype'), 

        url('FbHachaluzim-bold.woff') format('woff'), 

        url('FbHachaluzim-bold.ttf') format('truetype'); 

    font-weight: normal;

    font-style: normal;

}



/*** HTML elements ***/

/* including Eric Meyer’s CSS Reset */ 

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 

del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 

h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 

dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea,

header, nav, section, article, aside, figcaption, figure, footer /* HTML5 tags too */ {

    outline: 0;

    padding: 0;

    margin: 0;

    border: 0;

    /*vertical-align: baseline;*/

    font-family: inherit;

    font-weight: inherit;

    font-style: inherit;

    font-size: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

/* remember to define focus styles! */

:focus { 

    outline:0; 

}

html { 

    height: 100%;

}

body { 

    height: 100%;

    background: #f1ebe9;

    /*background: #fff;*/

    color: #716659; 

    line-height: 1; 

    font-family: "FbHachaluzim regular", Tahoma, sans-serif; 

    font-size: 18px;

    overflow-x: hidden;

}

ol, ul { 

    list-style: none; 

}

a { 

    color: #000;

    text-decoration:none; 

}



textarea{ resize: none; overflow: hidden; vertical-align: top; }

input:-webkit-autofill, input:autofill, input:-moz-autofill { background-color:#fff !important; }

/***/

/*** Multiuse classes ***/

.trans { 

    -webkit-transition: all 0.2s ease; 

    -moz-transition: 	all 0.2s ease; 

    -ms-transition: 	all 0.2s ease; 

    -o-transition: 		all 0.2s ease; 

    transition: 		all 0.2s ease; 

}

.latin {

    font-family: Helvetica, sans-serif !important;

    font-size: 0.75em !important;

}

.clear { 

    clear:both; 

}

.zoom11, .zoomafter11:after  {

    -webkit-transition: all 0.2s ease; 

    -moz-transition: 	all 0.2s ease; 

    -ms-transition: 	all 0.2s ease; 

    -o-transition: 		all 0.2s ease; 

    transition: 		all 0.2s ease;

}

.zoom11:hover,

.zoomafter11:hover:after {

    -webkit-transform: scale(1.105);

    -moz-transform: scale(1.105);

    -ms-transform: scale(1.105);

    -o-transform: scale(1.105);

    transform: scale(1.105);	

}

.strong {

    font-weight: bold;

}

.lastline {
    /*display: inline-block;*/
    /*width: 100%;*/
    /*text-align: center;*/
}

/*** Third party ***/

/* A) nyroModal */

.nyroModalBg {position:fixed;z-index:999;overflow:hidden;top:0;left:0;height:100%;width:100%;background:#000;}

.nmReposition {position:absolute;}

.closeButtonContainer{display:block;position:absolute;z-index:9999;top:0;right:0;}

.nyroModalCloseButton {display:block;position:absolute;z-index:9999;top:-19px;right:-19px;width:38px;height:38px;background: transparent url('../img/popup-btns.png') no-repeat -25px -2px;}

.nyroModalCloseButton:hover{}

.nyroModalTitle {display:none;}

.nyroModalCont {position:absolute;z-index:9999;margin:63px;background-color:#5F4B30; overflow: visible !important;}

.nyroModalError {border:1px solid red;color:red;width:250px;height:250px;}

.nyroModalError div {min-width:0;min-height:0;padding:10px;}

.nyroModalLink, .nyroModalDom, .nyroModalForm, .nyroModalFormFile {position:relative;}

.nyroModalImage, .nyroModalSwf{position:relative;text-align:center;margin:0px;}

.nyroModalIframe, .nyroModalIframeForm {position:relative;text-align:center;background-color:transparent;}

/*.nyroModalImage img {display:block;height:100% !important;width:100% !important;}*/

@media only screen and (orientation:portrait) {.nyroModalImage img {	}}

.nyroModalHidden {left:-9999em;top:-9999em;}

.nyroModalLoad {position:absolute;width:100px;height:100px;background: transparent url(../img/loading-black.gif) no-repeat center;padding:0;}

.nyroModalPrev, .nyroModalNext {outline:none;position:absolute;top:0;height:60%;width:150px;min-height:50px;max-height:300px;cursor:pointer;

                                text-indent:-9999em;background:transparent url('data:image/gif;base64,AAAA') no-repeat;}

/*.nyroModalCont:hover .nyroModalPrev, .nyroModalCont:hover .nyroModalNext { opacity:0.8;filter:alpha(opacity=80); }*/

.nyroModalPrev, .nyroModalNext { height: 35px; width: 44px; position: absolute; z-index: 9999; top: 50%; margin-top: -17px; background: transparent url('../img/popup-btns.png') no-repeat; }

.nyroModalPrev {left:-44px; background-position: 0 -42px;}

.nyroModalNext {right:-44px; background-position: -44px -42px;}

.closeButtonContainer,.nyroModalPrev ,.nyroModalNext, .nyroModalCloseButton { -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; }

.nyroModalPrev:hover ,.nyroModalNext:hover, .nyroModalCloseButton:hover { /*transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); */}

/***/

/* *** */







/*** Template stuff ***/

#viewport {

    height: 100%;

    direction: rtl;

}

header {

    position: fixed;

    z-index: 11;

    width: 100%;

    height: 115px;

    background: url(../img/headerBg.png) repeat-x 50% 0;

    font-size: 22px;

    letter-spacing: 1px;

}

header nav {

    max-width: 960px;

    margin: 0 auto;

}

#logo {

    display: block;

    float: right;

    width: 154px;

    height: 172px;

    margin-top: -13px;

    margin-left: 10px;

    background: url(../img/logo.png) no-repeat;

}
.prestige {
    position: relative;
    right: 133px;
    top: 7px;
}
header nav > ul {

    margin-top: 25px;

}

header nav > ul > li {

    display: inline-block;

    position: relative;

    margin: 0 16px;

    line-height: 57px;

}

header nav > ul > li > a {

    display: inline-block;

    line-height: 42px;

    color: #679c4e;

    text-shadow: 1px 0px 0px #679c4e;

}

header nav > ul > li > a:hover,

header nav > ul > li > a:active,

header nav > ul > li > a.active {
    color: #5e4a30;
    text-shadow: 1px 0px 0px #5e4a30;
}

header nav > ul > li > ul {
    position: absolute;
    top: 100%;
    margin-top: -24px;
    padding-top: 2px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease; 
    -moz-transition: 	all 0.2s ease; 
    -ms-transition: 	all 0.2s ease; 
    -o-transition: 		all 0.2s ease; 
    transition: 		all 0.2s ease; 

}

header nav > ul > li:hover > ul {

    margin-top: 0;

    visibility: visible;

    opacity: 1;

}

header nav > ul > li > ul > li {	

    width: 132px;

    height: 47px;

    line-height: 47px;

    margin-top: 2px;

    text-align: center;

    font-size: 20px;

}

header nav > ul > li > ul > li > a {	

    display: block;

    width: 100%;

    height: 100%;

    background: #f2f1f1;

    background: rgba(242, 241, 241, 0.95);

    color: #9b958d;

    text-shadow: 1px 0px 0px #9b958d;

}

header nav > ul > li > ul > li > a:hover,

header nav > ul > li > ul > li > a:active,

header nav > ul > li > ul > li > a.active {	

    background: #f2f1f1;

    background: rgba(242, 241, 241, 0.75);

    color: #5e4a30;

    text-shadow: 1px 0px 0px #5e4a30;

}



.section  {
    width: 100%;
    /*min-height: 95%;*/
    position: relative;
    border-top: 1px solid transparent;
    /*padding-top: 14px;*/
    background-repeat: no-repeat;
    background-position: 50% 0;
    display: inline-block;

} 

.section.full {

    background-position: 50% 50%;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}

@media screen and (min-width: 1920px) {

    .section {
        background-position: 50% 50%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        display: inline-block;
    }

}

.section > footer {
    position: absolute;
    bottom: 11px;
    width: 100%;
    text-align: center;
    font-size: 16px;

}

.section > footer > .emlink {
    display: inline-block;
    width: 78px;
    height: 11px;
    margin: 8px 0;
    background: url(../img/em-logos.png) no-repeat;
}

.section > footer.white {

    color: #fff;

}

.section > footer.grey {

    color: #929b97;

}

.section > footer.grey  > .emlink{

    background-position: 0 -15px;

}

.section > footer.green {

    color: #4d661b;

}

.section > footer.green  > .emlink{

    background-position: 0 -30px;

}

.content {

    width: 100%;

    height: 100%;

    margin-top: 194px;

    border-top: 1px solid transparent;

}

.content.stripe {

    background: #fff;

}

.content .box {

    width: 743px;

    overflow: hidden;

    margin: 32px auto 77px auto;

    padding: 87px 109px;

    background: #e4dfd3;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

}

.content.stripe .box{

    background: transparent;

    padding: 27px 109px;

}

.content .deco {

    display: block;

    margin: 0 auto 37px auto;

}

.content .deco2 {

    display: block;

    margin: 37px auto 0 auto;

}

.content p {

    text-align: justify;

    line-height: 1.33em;

    margin-bottom: 1em;

}

.goDown {
    height: 42px;
    border-top: 4px solid #FFFFFF;
    background: #5e4a30;
    text-align: center;
}

.goDown .downBtn,
.goDown .upBtn {
    display: inline-block;
    width: 45px;
    height: 45px;
    margin-top: -23px;
    position: relative;
    z-index: 1;
    background: url(../img/next-page.png) no-repeat;
}

.goDown .upBtn {

    background-position: 0 -46px; 

}

/* *** */





/*** Page specific ***/



/* About */

#about-project {

    background-image: url(../img/about-project-bg.jpg);

    background-position: 25% 50%;

}

#about-project .content .box{

    padding-top: 47px;

    padding-bottom: 66px;

}

#about-project p{

    line-height: 1.2em;

    margin-bottom: 0.5em;

}

/***/



/* Location */

#location {

    background-image: url(../img/location-bg.jpg);

    background-position: 25% 50%;

}

#location .content .box {

    padding: 40px;

    background: #fff;

    position: relative;

    overflow: hidden;

    -webkit-perspective-origin: 50% 50%; 

    -moz-perspective-origin: 50% 50%; 

    -ms-perspective-origin: 50% 50%; 

    -o-perspective-origin: 50% 50%; 

    perspective-origin: 50% 50%;

    -webkit-perspective: 800px; 

    -moz-perspective: 800px; 

    -ms-perspective: 800px; 

    -o-perspective: 800px; 

    perspective: 800px;

    -webkit-transform-style: preserve-3d;

}

#map {

    width: 100%;

    height: 423px;

}

#mapBtns {
    position: absolute;
    z-index: 2;
    top: 57px;
    right: 13px;
    width: 54px;
    height: 110px;
    x
}

#mapToggle, #mapZoom,

#mapToggle:after, #mapZoom:after {

    display: block;

    width: 54px;

    height: 54px;

    position: relative;

    background: url(../img/map-btns.png) no-repeat;

    cursor: pointer;

}

#mapToggle:after, #mapZoom:after {

    content: '';

    position: absolute;

    top: 0;

    opacity: 0;

    -webkit-transition: all 0.2s ease; 

    -moz-transition: 	all 0.2s ease; 

    -ms-transition: 	all 0.2s ease; 

    -o-transition: 		all 0.2s ease; 

    transition: 		all 0.2s ease; 

}

#mapToggle.on:after, #mapZoom.off:after {

    opacity: 1;

}

#mapZoom {

    background-position: 0 -56px;

}

#mapToggle:after {

    background-position: -56px 0;

}

#mapZoom:after {

    background-position: -56px -56px;

}

#locationDetails {

    position: absolute;

    top: 60px; bottom: 60px;

    right: 62px; left: 62px;

    padding: 52px 76px;

    background: #fff;

    background: rgba(255,255,255,0.95);

    opacity: 0;

    -webkit-transform: rotateY(90deg) scale3d(0.5,0.5,1);

    -moz-transform: rotateY(90deg) scale3d(0.5,0.5,1);

    -ms-transform: rotateY(90deg) scale3d(0.5,0.5,1);

    -o-transform: rotateY(90deg) scale3d(0.5,0.5,1);

    transform: rotateY(90deg) scale3d(0.5,0.5,1);

    -webkit-transition: all 0.5s ease; 

    -moz-transition: 	all 0.5s ease; 

    -ms-transition: 	all 0.5s ease; 

    -o-transition: 		all 0.5s ease; 

    transition: 		all 0.5s ease; 

}

#locationDetails.on {

    opacity: 1;

    -webkit-transform: rotateY(0deg) scale3d(1,1,1);

    -moz-transform: rotateY(0deg) scale3d(1,1,1);

    -ms-transform: rotateY(0deg) scale3d(1,1,1);

    -o-transform: rotateY(0deg) scale3d(1,1,1);

    transform: rotateY(0deg) scale3d(1,1,1);

}

/***/



/* Gallery */

#gallery .content .box {
    padding: 54px;
    background: #fff;
    background: rgba(255,255,255,0.85);
    /*width: 960px;*/
}

#galleryList {

    margin-left: -27px;

    text-align: center;

}

#galleryList:after {

    display: block;

    clear: both;

    content: '';

}

#galleryList li {

    /*float: right;*/

    display: inline-block;

    margin-left: 29px;

    margin-bottom: 26px;

    border-bottom: 2px solid #d7d4b9;

    padding-bottom: 12px;

}

#galleryList a {

    display: block;

    position: relative;

}

#galleryList img{

    display: block;

}

#galleryList a:before{

    content: '';

    display: block;

    position: absolute;

    z-index: 1;

    top: 0; bottom: 0; left: 0; right: 0;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiiPc2WAwQYAADZQF+TwWFFgAAAABJRU5ErkJggg==);

    background-repeat: repeat;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    opacity: 0;

    -webkit-transition: all 0.2s ease; 

    -moz-transition: 	all 0.2s ease; 

    -ms-transition: 	all 0.2s ease; 

    -o-transition: 		all 0.2s ease; 

    transition: 		all 0.2s ease; 

}

#galleryList a:hover:before {

    opacity: 1;

}

#galleryList a:after {

    content: '';

    display: block;

    width: 38px;

    height: 38px;

    position: absolute;

    z-index: 2;

    left: 50%;

    bottom: -25px;

    margin-left: -17px;

    background: url(../img/zoom.png) no-repeat;

} 

/***/



/* Floorplans */

#floorplans .content .box {
    padding: 49px 49px 0 49px;
    margin: 5px auto 68px;
    background: #fff;
    background: rgba(255,255,255,0.85);
}

#floorplansList {

    margin-left: -50px;

}

#floorplansList:after {

    display: block;

    clear: both;

    content: '';

}

#floorplansList li{
    float: right;
    margin-left: 24px;
    margin-bottom: 42px;
    padding-bottom: 12px;
    text-align: center;
    font-size: 22px;
font-weight: bold;
}

#floorplansList li strong {
font-weight: normal;
    color: #679c4e;
    font-size: 0.95em;
}

#floorplansList li:after{
    display: block;
    width: 80%;
    margin: 0 auto;
    content: '';
}

#floorplansList a {

    display: block;
    position: relative;
    margin-bottom: 25px;
    border-bottom: 2px solid #d7d4b9;

}

#floorplansList img{

    display: block;
    margin-bottom: 32px;

}

#floorplansList a:after{
    content: '';
    display: block;
    width: 38px;
    height: 38px;
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: -22px;
    margin-left: -17px;
    background: url(../img/zoom.png) no-repeat;

}

/***/



/* Contact */

#contact .content {	

    margin-top: 155px;

}

#contact .content .box {

    padding: 37px 84px 50px 84px;

    font-size: 22px;

    text-align: center;

}

#contact img.deco {

    margin-bottom: 50px;

}

#contact .content .box h3 {

    text-align: center;

    font-size: 23px;

    margin-bottom: 29px;

}

#contact .content .box p {

    text-align: center;

}

#contactForm {

    width: 232px;

    margin: 0 auto 27px auto;

    border-bottom: 2px solid #d7d4b9;

    padding-bottom: 37px;

}

.editbox,

.textbox {

    width: 100%;

    line-height: 23px;

    margin-bottom: 8px;

    padding: 0 8px;

    background: #f1ebe9;

    color: #867c72;

    font-size: 14px;

    -webkit-transition: all 0.2s ease; 

    -moz-transition: 	all 0.2s ease; 

    -ms-transition: 	all 0.2s ease; 

    -o-transition: 		all 0.2s ease; 

    transition: 		all 0.2s ease; 

}

.editbox {

    height: 23px;

}

.textbox {

    height: 69px;

}

.submit {

    width: 70px;

    height: 23px;

    margin: 23px auto 3px auto;

    background: #679c4e;

    color: #fff;

    font-size: 15px;

    cursor: pointer;

}

.invalid {

    background: #ddd1a3 !important;

}

#formReturn {

    color: #679c4e;

    font-size: 15px;

    visibility: hidden;

    opacity: 0;

    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    -ms-transform: scale(0.5);

    -o-transform: scale(0.5);

    transform: scale(0.5);

    -webkit-transition: all 0.2s ease; 

    -moz-transition: 	all 0.2s ease; 

    -ms-transition: 	all 0.2s ease; 

    -o-transition: 		all 0.2s ease; 

    transition: 		all 0.2s ease; 

}

#formReturn.on{

    visibility: visible;

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}

#contactDetails {

    font-size: 17px;

}

#contactDetails a{

    color: inherit;

}

/***/



/* *** */