/*** Fonts ***/
@font-face {
    font-family: 'FbPractica regular';
    src: url('FbPractica-regular.eot');
    src: url('FbPractica-regular.eot?#iefix') format('embedded-opentype'),
        url('FbPractica-regular.woff') format('woff'),
        url('FbPractica-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FbPractica light';
    src: url('FbPractica-light.eot');
    src: url('FbPractica-light.eot?#iefix') format('embedded-opentype'),
        url('FbPractica-light.woff') format('woff'),
        url('FbPractica-light.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%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}
/* remember to define focus styles! */
:focus { 
    outline:0; 
}
html { 
    height: 100%;
}
body { 
    position: relative;
    min-height: 100%;
    /*min-height: 480px;*/
    line-height: 1; 
    font-family: "FbPractica light", Helvetica, sans-serif; 
    font-size: 17.5px;
}
ol, ul { 
    list-style: none;
}
a { 
    text-decoration:none; 
}
a:hover, a:active, a.active {
}
h1 {
    font-family: "FbPractica regular", Helvetica, sans-serif; 
    font-size: 1.5em;
    color: #23a7c9;
}
h1 > span {
    font-family: "FbPractica light", Helvetica, sans-serif; 
}
h1:not(:first-child) {
    margin-top: 1em;
}
h3 {
    font-family: "FbPractica regular", Helvetica, sans-serif; 
    font-size: 1.25em;
}
h1.green, h3.green { color: #62bb46; }
h1.fuchsia, h3.fuchsia { color: #ee3e80; }
h1.bleu, h3.bleu { color: #21a1c1; }
figure > img {
    max-width: 100%;
}
textarea{ resize: none; overflow: hidden; }
input:-webkit-autofill, input:autofill, input:-moz-autofill { background-color:#fff !important; }
/***/
/* Multiple usage 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; 
    font-size: 0.8em !important;
}
.strong {
    font-family: "FbPractica regular", Helvetica, sans-serif; 
}
.clear { 
    clear:both; 
}
.clear-after:after {
    display: block;
    content: '';
    clear: both;
}
.preloaded {
    display: none;
}
/***/
/*** 3RD PARTY ***/
/* A) Custom Scrollbar - minified */
.mCSB_container{width:auto;margin-right:30px;overflow:hidden}.mCSB_container.mCS_no_scrollbar,.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{margin-right:30px}.mCustomScrollBox>.mCSB_scrollTools{width:16px;height:98%;top:0;right:0;margin-right:6px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;height:100%;margin:0 auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;text-align:center}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:relative;height:20px;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{top:100%;margin-top:-40px}.mCSB_horizontal>.mCSB_container{height:auto;margin-right:0;margin-bottom:30px;overflow:hidden}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{margin-bottom:0}.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{width:100%;height:16px;top:auto;right:auto;bottom:0;left:0;overflow:hidden}.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{margin:0 20px}.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:2px;margin:7px 0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{width:30px;height:100%}.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{display:block;position:relative;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer;float:left}.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{margin-left:-40px;float:right}.mCustomScrollBox{-ms-touch-action:none}.mCustomScrollBox>.mCSB_scrollTools{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCustomScrollBox:hover>.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background:#000;background:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#fff;background:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(../images/mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{background:#000;background:rgba(0,0,0,.15)}.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#000;background:rgba(0,0,0,.75)}.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(0,0,0,.85)}.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:rgba(0,0,0,.9)}.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{width:4px;background:#fff;background:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background:#fff;background:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(255,255,255,.85)}.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:rgba(255,255,255,.9)}.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{width:4px;background:#000;background:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background:#000;background:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(0,0,0,.85)}.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:rgba(0,0,0,.9)}.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{width:4px;background:#fff;background:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background:#fff;background:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(255,255,255,.85)}.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:rgba(255,255,255,.9)}.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{width:4px;background:#000;background:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background:#000;background:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(0,0,0,.85)}.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:rgba(0,0,0,.9)}.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{background:#fff;background:rgba(255,255,255,.1)}.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%}.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{background:#000;background:rgba(0,0,0,.15)}.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px;background:#000;background:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(0,0,0,.85)}.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:rgba(0,0,0,.9)}.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}
/* B) nyroModal lightbox */
.nyroModalBg {position:fixed;z-index:999;overflow:hidden;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,0.9);}
.nmReposition {position:absolute;}
.closeButtonContainer{display:block;position:absolute;z-index:9999;top:0;right:0;}
.nyroModalCloseButton {display:block;position:absolute;z-index:9999;top:-38px;right:-38px;width:38px;height:38px;background: transparent url('../images/popup-btns.png') no-repeat 0 0;
                       opacity:0.8;filter:alpha(opacity=80);}
.nyroModalCloseButton:hover{opacity:1;filter:alpha(opacity=100);}
.nyroModalTitle {display:none;}
.nyroModalCont {position:absolute;z-index:9999;margin:63px;background-color:#000; overflow: visible !important;}
.nyroModalError {border:1px solid red;color:white;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:#000 url(../images/loading-black.gif) no-repeat center;padding:0;}
.nyroModalPrev, .nyroModalNext {outline:none;position:absolute;z-index:9999;top:50%;height:85px;width:66px;margin-top:-42px;/*min-height:50px;max-height:300px;*/cursor:pointer;
                                text-indent:-9999em;background: transparent url('../images/popup-btns.png') no-repeat;opacity:0.8;filter:alpha(opacity=80);}
.nyroModalPrev {left:-66px; background-position: 22px -40px;}
.nyroModalNext {right:-66px; background-position: -22px -40px;}
.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 { opacity:1;filter:alpha(opacity=100); }
/***/
/* Template */
header {
    position: relative;
    z-index: 9;
    width: 100%;
    height: 137px;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAClCAYAAACdmJdxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADFJREFUeNpi+P//PwMDmQQQMJJMMBEmmLES/0F2jhLDlsAZ8cQlGhJTIiXpHkQABBgALgDJk/WqGEgAAAAASUVORK5CYII=);
    background-repeat: repeat-x;
    background-position: 0 7px;
    font-size: 21px;
    direction: rtl;
    -webkit-box-shadow: 2px 3px 5px 1px rgba(0,0,0,0.18);
    -moz-box-shadow: 2px 3px 5px 1px rgba(0,0,0,0.18);
    box-shadow: 2px 3px 5px 1px rgba(0,0,0,0.18);
}
header .container {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    position: relative;
    border-top: 1px solid transparent;
}
header #logo{
    display: block;
    float: right;
    width: 211px;
    height: 211px;
}
header #logo img{
    display: block;
    width: 100%;
    /*min-height: 137px;*/
}
header #login-form {
    float: right;
    max-width: 50%;
    margin: 9px 9px 0 0;
    padding: 2px 32px 0 32px;
    background:url(../images/lock.png) no-repeat 100% 0 #ebebeb;
    color: #999999;
    font-size: 15px;
    line-height: 21px;
    white-space: nowrap;

    display:none;
}
header #login-form a {
    color: inherit;
}
header .navbar-toggle {
    display: none;
    width: 48px;
    height: 32px;
    position: absolute;
    top: 73px;
    left: 24px;
    background:url(../images/threelines.png) no-repeat 50% 50%;
}
header nav {
    position: relative;
    margin-right: 211px;
    padding: 41px 30px 54px 0;
}
header nav > ul {
    width: 100%;
    white-space: nowrap;
}
header nav a {
    display: block;
}
header nav a,
header nav a:active,
header nav a:hover {
    color: #231f20;
}
header nav > ul > li > ul > li > a {
    color: #7c7c7c;
}
@media all and (min-width: 960px) {
    header nav > ul > li {
        position: relative;
        display: inline-block;
        height: 96px;
        line-height: 96px;
        padding-right: 12px;
        background: url(../images/li-dot.png) no-repeat 150% 50%;
    }
    header nav > ul > li:hover,
    header nav > ul > li.active {
        background-position: 100% 50%;
    }
    header nav > ul > li > a {
        margin: 0 4px 0 20px;
    }
    header nav > ul > li > ul {
        position: absolute;
        top: -1000px;
        right: 50%;
        margin-top: -1px;
        margin-right: -75%;
        width: 150%;
        background: #fff;
        -webkit-transform: translateY(-12px); 
        -moz-transform: translateY(-12px); 
        -ms-transform: translateY(-12px); 
        -o-transform: translateY(-12px); 
        transform: translateY(-12px);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
        filter: alpha(opacity=0); 
        -moz-opacity: 0; 
        -khtml-opacity: 0; 
        opacity: 0;
        -webkit-transition: -webkit-transform 0.2s ease, opacity 0.2s ease, top 0.1s ease 0.2s; 
        -moz-transition:	   -moz-transform 0.2s ease, opacity 0.2s ease, top 0.1s ease 0.2s; 
        -ms-transition: 	-ms-transform 0.2s ease, opacity 0.2s ease, top 0.1s ease 0.2s; 
        -o-transition: 	 -o-transform 0.2s ease, opacity 0.2s ease, top 0.1s ease 0.2s; 
        transition:			transform 0.2s ease, opacity 0.2s ease, top 0.1s ease 0.2s; 
    }
    header nav > ul > li:hover > ul {
        top: 100%;
        -webkit-transform: translateY(0px); 
        -moz-transform: translateY(0px); 
        -ms-transform: translateY(0px); 
        -o-transform: translateY(0px); 
        transform: translateY(0px);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
        filter: alpha(opacity=100); 
        -moz-opacity: 1; 
        -khtml-opacity: 1; 
        opacity: 1;
        -webkit-transition: -webkit-transform 0.2s ease, opacity 0.2s ease; 
        -moz-transition:	   -moz-transform 0.2s ease, opacity 0.2s ease; 
        -ms-transition: 	-ms-transform 0.2s ease, opacity 0.2s ease; 
        -o-transition: 	 -o-transform 0.2s ease, opacity 0.2s ease; 
        transition:			transform 0.2s ease, opacity 0.2s ease; 
    }
    header nav > ul > li > ul > li {
        display: block;
        width: 80%;
        height: 52px;
        margin: 0 auto;
        border-bottom: 2px solid #dcdcdc;
        line-height: 52px;
        text-align: center;
    }
    header nav > ul > li > ul > li:last-child {
        border-bottom: 0px;
    }
}
@media all and (max-width: 959px) {
    header .navbar-toggle {
        display: block;
        z-index: 9;
    }
    header nav { 
        margin-top: 135px;
        padding: 0;
        height: 0;
    }
    header nav ul {
        width: 100%;
        max-height: 0;
        overflow: hidden;
        -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;
    }
    header nav ul  li {	
        display: block;
        width: 100%;
        min-height: 2em;
        overflow: hidden;
        border-top: 1px solid #ccc;
        line-height: 2em;
    }
    header nav > ul.open {
        max-height: 22em;
    }
    header nav > ul  > li {
        background: #fff;
        text-align: center;
    }
    header nav > ul > li > ul {
        position: relative;
        margin-top: -1px;
        margin-right: 0;
        background: #ccc;	
    }													
    header nav > ul > li > ul > li {
        padding-right: 50%;
        background: #eee;
        text-align: right;
    }
    header nav > ul > li > ul.open {
        max-height: 8em;
    }
}
@media all and (max-width: 640px) {
    header #logo{
        width: 137px;
        height: 137px;
    }
    header nav {
        margin-right: 0;
    }
}
@media all and (max-width: 480px) {

}
footer {
    position: absolute;
    z-index: 9;
    bottom: 0;
    width: 100%;
    height: 44px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAsCAYAAACkJ9JhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABVJREFUeNpiYGBg+A3EDP+HHwEQYACR5CvRaf+WTwAAAABJRU5ErkJggg==);	
    background-repeat: repeat-x;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 44px;
    direction: rtl;
}
footer span.dot{
    display: inline-block;
    margin: 0 10px 0 6px;
    width: 4px;
    height: 1em;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAFCAYAAABirU3bAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD1JREFUeNpi/P//PxsDA0MNEHMCcRUDUMAciN8B8QcgdgQJnPiPABeYgMpWMiDAapAKLiCeC8QrgJgbIMAAwgMwfI7SjcIAAAAASUVORK5CYII=);
    background-position: 50% 0.3em;
    vertical-align: middle;
}
footer img {
    vertical-align: -0.26em;
}
#loading {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff url(../images/loading-white.gif) no-repeat 50% 50%;
    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; 
}
#loading.on {
    opacity: 1;
    z-index: 9999;
    -webkit-transition: all 0.2s ease 0.5s; 
    -moz-transition:	all 0.2s ease 0.5s; 
    -ms-transition: all 0.2s ease 0.5s; 
    -o-transition: all 0.2s ease 0.5s; 
    transition:	all 0.2s ease 0.5s; 
}
#viewport {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
}
.page {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 137px 0 44px 0;
    background: #fff none no-repeat 50% 0 fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;	
    -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; 
    opacity: 0;
}
.page.active{
    z-index: 1;
    opacity: 100;
}
.page-wrapper {
    width: auto;
    max-width: 960px;
    max-height: 100%;
    margin: 0 auto;
    padding: 92px 0 24px 0;
}
.full-height{
    height: 100%;
}
.white-bg{
    background: #fff;	
}
.page-container {
    height: 100%;
}
.page-container.scrollable {
    height: auto;
    max-height: 100%;
    padding-right: 0;
    padding-left: 30px;
}
.page-content {
    height: 100%;
}
.page-content:not(.scrollable) {
    direction: rtl;
}
.page-content.scrollable {
    height: auto;
    max-height: 100%;
    padding-right: 0;
    padding-left: 30px;
}
.page-content.scrollable > * {
    direction: rtl;
}
.page-content.sub-pages {
    height: 100%;
    position: relative;
}
.sub-page {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -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; 
    opacity: 0;
}
.sub-page.active {
    z-index: 1;
    opacity: 100;
}
.sidebar {
    width: 211px;
    margin-top: 32px;
    float: right;
}
.sidebar:after {
    content: '';
    display: block;
    height: 2px;
    background: url(../images/sidebar-sep.png) no-repeat 50% 0;
}
.sidebar a {
    display: block;
    line-height: 55px;
    text-align: center;
    font-size: 21px;
    color: #231f20;
    background: url(../images/sidebar-sep.png) no-repeat 50% 0;
}
.page.dark .sidebar a{
    color: #999999;
}
.sidebar a:not(.disabled):hover,
.sidebar a:not(.disabled).active {
    font-family: "FbPractica regular", Helvetica, sans-serif; 
    color: #ee3e80;
}
.sidebar a.active,
.sidebar a.disabled,
.sidebar a.disabled:hover {
    pointer-events: none;
    color: #888888;
}
.sidebar + .page-content {
    margin-right: 211px;
}
.page-content p {
    line-height: 1.25em;
    margin-bottom: 0.25em;
    text-align: justify;
}
@media all and (max-width: 640px) {
    .page-wrapper {
        padding-top: 32px;
    }
    .sidebar {
        width: 137px;
        background: #fff;
    }
    .sidebar + .page-content {
        margin-right: 157px;
    }
}
/*@media all and (max-height: 640px) {
    header {
        height: 73px;
        background-position: 0 -34px;
    }
    header #logo{
        width: 73px;
        height: 73px;
    }
    header .navbar-toggle {
        top: 21px;
    }
    header nav{
        margin-top: 73px;
        margin-bottom: 80px;
    }

    #viewport {
        position: relative;
        min-height: 100%;
    }
    .page {
        height: auto;
        padding-top: 0;
    }
    .page.active {
        position: relative;
    }
    .sub-page {
        height: auto;
    }
    .sub-page.active {
        position: relative;
    }
    .page-wrapper {
        max-height: initial;
        height: auto;
    }
    .page-content {
        height: auto;
    }
    .page-content.sub-pages {
        height: auto;
    }
    .sidebar {
        width: 137px;
    }
    .sidebar + .page-content {
        margin-right: 157px;
    }
}*/
/***/
/* Home page */
/***/
/* About page */
@media all and (min-width: 640px) {
    #about-page .page-wrapper {
        padding-right: 211px;
        padding-left: 145px;
    }
}
/***/
/* Location page */
#area-page .page-content {
    padding: 0 211px 4em 0;
}
#area-page #media-listing  h1 {
    margin-right: -130px;
    margin-top: 1.6em;
    border-bottom: 1px solid #cbcac6;
    line-height: 1.4em;
    font-size: 20px;
}
.media-item {
    padding: 1em 0;
}
.media-item:not(:last-child) {
    border-bottom: 1px solid #cbcac6;
}
.media-item figure {
    width: 181px;
    float: right;
    margin-right: -211px;
    padding-top: 4px;
    text-align: left;
}
.media-item h3 {
    color: #21a1c1;
}
.media-item .read-more {
    display: block;
    margin-top: 0.5em;
    color: #21a1c1;
    font-family: "FbPractica regular", Helvetica, sans-serif; 
    font-size: 0.85em;
}
@media all and (max-width: 640px) {
    #area-page .page-content {
        padding: 0 137px 4em 0;
    }
    #area-page #media-listing  h1 {
        margin-right: 0;
    }
    #area-page figure {
        width: 107px;
        margin-right: -137px;
    }
}
/***/
/* Map page */
#map-page .page-wrapper{
    padding-top: 0;
    padding-bottom: 0;
}
#map-page .page-container{
    padding-left: 0;
}
#map-page .page-content{
    padding: 0 7px 7px 7px;
}
@media all and (min-width: 960px) {	
    #map-page {
        padding-top: 0;
    }
}
#map-page .mCSB_container {
    margin-right: 0px;
}
.mapWrapper {
    max-width: 752px;
    margin-top:147px;
}
#map {
    display: block;
    width: 100%;
}
/***/
/* Floorplans */
.floorplans-page .page-content {
    padding-left: 0;
    /*margin-right: 0;*/
}
.apartments-list {
    margin-left: -30px;
    margin-top: -24px;
    direction: ltr;
    text-align: right;
}
.apartments-list > li {
    display: inline-block;
    margin: 24px 0 0 24px;
    direction: rtl;
    text-align: center;
}
.apartments-list > li > a {
    display: block;
    position: relative;
    margin: 18px 0 28px 0;
}
.apartments-list > li > a > img {
    display: block;
    width: 210px;
    height: 184px;
    -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; 
    -webkit-transform-style: preserve-3d;
}
.apartments-list > li > a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/plus.png) no-repeat 50% 50%;
    opacity: 0;
    -webkit-transform: scale(0.75); 
    -moz-transform: scale(0.75); 
    -ms-transform: scale(0.75); 
    -o-transform: scale(0.75); 
    transform: scale(0.75);
    -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; 
}
.apartments-list > li > a:hover:after {
    opacity: 100;
    -webkit-transform: scale(1); 
    -moz-transform: scale(1); 
    -ms-transform: scale(1); 
    -o-transform: scale(1); 
    transform: scale(1);
}
.apartments-list h3 {
    display: inline-block;
    border-top: 2px solid rgba(0,0,0,.6);
    border-bottom: 2px solid rgba(0,0,0,.6);
    line-height: 28px;
    color: #000;
    font-family: "FbPractica regular", Helvetica, sans-serif; 
    font-size: 18px;
}
/***/
/* Apartment page */
.apartment-page .page-content {
    /*margin-right: 0;*/
}
.apartment ul.dots {
    list-style: disc outside none;
    margin: 0 1em 0.25em 0;
    line-height: 1.25em;
    text-align: justify;
}
.apartment p + ul.dots {
    margin-top: -0.25em;
}
.apartment ul.dots + p {
    margin-top: 0.5em;
}
/***/
/* Table page */
.table-page {
}
.sales-table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    text-align: center;
}
.sales-table th,
.sales-table td {
    border-top: 1px solid #b6b7ba;
    border-left: 1px solid #b6b7ba;
    border-bottom: 0;
    border-right: 0;
    line-height: 2em;
}
.sales-table th:last-child,
.sales-table td:last-child {
    border-left: 0;
}
.sales-table thead th{
    background: #000;
    color: #fefefe;
}
.sales-table tr.pink > td{
    background: #ec008c;
}
.sales-table tr.cyan > td{
    background: #23bce3;
}
.sales-table tr:not(.pink):not(.cyan):hover > td{
    background: #ccc;
}
/***/
/* Gallery */
.gallery {
    margin-left: -30px;
    margin-top: -24px;
    direction: ltr;
    text-align: right;
}
.gallery > li{
    display: inline-block;
    /*float: left;*/
    margin: 24px 0 0 24px;
}
.gallery > li > a {
    display: block;
    position: relative;
}
.gallery > li > a > img {
    display: block;
    width: 211px;
    height: 184px;
    -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; 
    -webkit-transform-style: preserve-3d;
}
.gallery > li > a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/plus2.png) no-repeat 50% 50%;
    opacity: 0;
    -webkit-transform: scale(0.75); 
    -moz-transform: scale(0.75); 
    -ms-transform: scale(0.75); 
    -o-transform: scale(0.75); 
    transform: scale(0.75);
    -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; 
}
.gallery > li > a:hover:after {
    opacity: 100;
    -webkit-transform: scale(1); 
    -moz-transform: scale(1); 
    -ms-transform: scale(1); 
    -o-transform: scale(1); 
    transform: scale(1);
}
.gallery > li > a:hover > img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    /*filter: url(../images/grayscale.svg);
    filter: gray;
    */
}	
/***/
/* Entrepreneurs + Partners */
#entrepreneurs-page .page-content,
#partners-page .page-content {
    padding: 0 211px 4em 15%;
}
#entrepreneurs-page figure,
#partners-page figure {
    width: 181px;
    float: right;
    margin-right: -211px;
    padding-top: 4px;
    text-align: left;
}
#entrepreneurs-page .line,
#partners-page .line {
    margin: 2em 0 3em 0;
    border-top: 1px solid #cbcac6;
}
@media all and (max-width: 640px) {
    #entrepreneurs-page .page-content,
    #partners-page .page-content {
        padding: 0 137px 4em 0;
    }
    #entrepreneurs-page figure,
    #partners-page figure {
        width: 107px;
        margin-right: -137px;
    }
}
/***/
/* Contact */
#contact-page {
    /*padding-right: 211px;*/
}
#contact-page .page-wrapper {
    /*max-width: 836px;*/
}
#contact-page .page-content {
    max-width: 394px;
    margin: 0 auto;	
    font-family: "FbPractica regular", Helvetica, sans-serif; 
    font-size: 15px;
    text-align: center;
}
#contact-page h1 {
    margin: 32px 0 40px 0;
}
#contact-form {
}
#contact-form h1 {
}
#contact-form input[type="text"],
#contact-form textarea {
    width: 100%;
    margin-bottom: 9px;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    padding: 0 8px;
    background: #ebebeb;
    color: #706f6f;
    font-size: 16px;
    line-height: 26px;
}
#contact-form input[type="text"] {
    height: 26px;
}
#contact-form textarea {
    height: 78px;
}
.invalid-input {
    -webkit-transition: all 300ms ease; 
    -moz-transition: all 300ms ease; 
    -ms-transition: all 300ms ease; 
    -o-transition: all 300ms ease; 
    transition: all 300ms ease;
}
.invalid-input:nth-child(2) {
    -webkit-transition-delay: 0.07s; 
    -moz-transition-delay: 0.07s; 
    transition-delay: 0.07s;
}
.invalid-input:nth-child(3) {
    -webkit-transition-delay: 0.14s; 
    -moz-transition-delay: 0.14s; 
    transition-delay: 0.14s;
}
.invalid-input.invalid-input-animation {
    -webkit-transform: scale(1.1, 1.06); 
    -moz-transform: scale(1.1, 1.06); 
    -ms-transform: scale(1.1, 1.06); 
    -o-transform: scale(1.1, 1.06); 
    transform: scale(1.1, 1.06);
    -webkit-box-shadow: 0 8px 12px -8px #000;
    -moz-box-shadow: 0 8px 12px -8px #000;
    box-shadow: 0 8px 12px -8px #000;
}
#contact-form input[type="submit"] {
    width: 70px;
    height: 22px;
    margin: 12px 0;
    background: #62bb46;
    color: #ffffff;
}
#mail-return {
    position: relative;
    min-height: 48px;
    padding-top: 8px;
    text-align: center;
    line-height: 20px;
    color: #ee3e80;
}
#mail-return:after {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff url(../images/sending-mail.gif) no-repeat 50% 50%;
    opacity: 0;
    -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;
}
#mail-return.loading:after{
    opacity: 1;
    z-index: 1;
}
#contact-details {
    display: inline-block;
    max-width: 334px;
    margin: 32px auto;
    border-top: 2px solid #d5cec5;
    padding: 12px;
    color: #706e6e;
    text-align: center;
    font-family: "FbPractica regular", Helvetica, sans-serif; 
    line-height: 20px;
}
#contact-details a {
    color: inherit;
}
/***/