/* Style for our header texts
* --------------------------------------- */

@font-face {

    font-family: 'FbKalisher regular';
    src: url('/fonts/FbKalisher-regular.eot');
    src: url('/fonts/FbKalisher-regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/FbKalisher-regular.woff') format('woff'),
        url('/fonts/FbKalisher-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

@font-face {

    font-family: 'FbKalisher light';
    src: url('/fonts/FbKalisher-light.eot');
    src: url('/fonts/FbKalisher-light.eot?#iefix') format('embedded-opentype'),
        url('/fonts/FbKalisher-light.woff') format('woff'),
        url('/fonts/FbKalisher-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

a, a:hover, a:focus {
    outline:none;
}

body,html {
    font-family: "FbKalisher regular";
    direction:rtl;
}

p,h3,span,input{
    font-family: "FbKalisher regular";
}

h1,h2 {
    font-family: "FbKalisher bold";
}

h1{

    margin:0;
}
.intro p{
    color: #fff;
}


.section{
    text-align:center;
    background-color: #fef6e1;
}

.fullpage-wrapper {
    margin-right: 70px;
}


.controlArrow.prev {
    left: 50px;

}
.controlArrow.next{
    right: 50px;
}



/* Section0 */

.section{
    z-index:2;
}

#section0 {
    /*background-image: url("/img/bg1.jpg");*/
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}

#section1 {
    /*background-image: url(/img/bg1over.png), url(/img/bg1.jpg);*/
    background-position: center bottom;
    background-size:cover;
    background-repeat: no-repeat;
}

/*NAVIGATION SIDEBAR*/

#navi {
    position:fixed;
    right:0;
    height:100%;
    background:#fef6e1;
    width: 210px;
    z-index:999;

    //round corners

    -webkit-border-top-left-radius: 30px;
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-bottomleft: 30px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}


.logo {
    text-align:center;
    margin-top:75px; 
    transition: opacity 0.2s;
}

.arrow{
    position:absolute;
    bottom:70px;
    right:40px;
    display:none;
}


.menu {
    margin-top:60px;
}

.main-nav{
    margin-right:35px;


}

.main-nav a{
    background:url(../img/bt_sprite.png) no-repeat right center transparent;
    transition: all 0.2s;
    font-size:25px;
    color:#79493f;
    transition: all 0.2s;
    height:100%;
    display:block;
    text-decoration:none;
    text-align:right;
    font-family: "FbKalisher bold";
    padding:16px 40px 0 0;
    min-height:30px;
    width:100%;

}

.main-nav a#item1{background-position: right -280px}
.main-nav a#item1:hover, .main-nav a#item1.active{background-position: right 0px;color:#dc4b36}
.main-nav a#item2{background-position: right -320px}
.main-nav a#item2:hover,.main-nav a#item2.active{background-position: right -40px;color:#5cbcae}
.main-nav a#item3{background-position: right -360px}
.main-nav a#item3:hover,.main-nav a#item3.active{background-position: right -80px;color:#efa245}
.main-nav a#item4{background-position: right -400px}
.main-nav a#item4:hover,.main-nav a#item4.active{background-position: right -120px;color:#75834b}
.main-nav a#item5{background-position: right -440px}
.main-nav a#item5:hover,.main-nav a#item5.active{background-position: right -160px;color:#efa245}
.main-nav a#item6{background-position: right -480px}
.main-nav a#item6:hover,.main-nav a#item6.active{background-position: right -200px;color:#5cbcae}
.main-nav a#item7{background-position: right -520px}
.main-nav a#item7:hover,.main-nav a#item7.active{background-position: right -240px;color:#e47953}


/*THE PROJECT PAGE*/


.half{
    padding:0px 0px;
    height:100%;
    background-size:cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    /*background-color: #efefef;*/
    background-color: #fff;
    overflow:hidden;
}

.section.row{
    margin:0;
    padding:0;
}




/*GALLERY*/
.col-sm-3 {
    background:url('/img/gallery/1.jpg');
    padding:0 !important;
    margin:0 !important;
}

.portfolio-overlay:hover {
    background: url("/img/plus.png") no-repeat scroll center center rgba(121,102,78,0.5) !important;
    opacity:1;
    transition: opacity 0.2s;
}

.portfolio-overlay {
    position:absolute;
    z-index:99;
    opacity:0;
    left:0px;
}

.gallery-wrapepr
{

}

/*LOCATION AND ACCESABILITY*/


#gmap
{
    width:85%;
    height:100%;

}



/*KRASKI ONLY*/




#home-slider {
    height: 100%;
    position: relative;
    width: 100%;
}

.karaski-flach {
    position:absolute;
    left:180px;
    top:150px;
    opacity:0.9;
    margin:0;
    z-index:9999;
}



/*PROJECT PAGE*/ 

.projectImg{
    border-left:30px solid #79493f;
    padding:0;
    background: url(../img/project-building.jpg);
    background-size:cover;
    background-repeat: no-repeat;
    height:100%;
    right:-50%;
}


.flach-project{
    background-color: #5bbcae;
    position:absolute;
    top:0;
    height:100%;
    width:350px;
    right:-330px;
    z-index:1;
}

.flach-project p{
    float:left;
    margin-left: 50px;
    width:230px;
    text-align:justify;
    color:white;
    font-size: 20px;
    height:100%;
    margin-top:100px;
}

.project {
    height:100%;
}


/*LOCATION PAGE*/

.flach-location{
    background-color: #f1a345;
    position:absolute;
    top:0;
    height:100%;
    width:350px;
    right:-330px;
    z-index:9999;
}

.flach-location p{
    float:left;
    margin-left: 50px;
    width:230px;
    text-align:justify;
    color:white;
    font-size: 20px;
    height:100%;
    margin-top:200px;
}

/*PLANS*/

.plans-title {
    color: #79493e;
    font-size:46px;
    text-align:right;
}

.flach-apartments-title {
    color: #FEF6E1;
    font-size:46px;
    text-align:center;
    margin-top:110px;
}

.flach-apartments-subtitle {
    color: #FEF6E1;
    font-size:36px;
    text-align:center;
    margin-top:30px;
}

.plan{
    text-align:right;
}

.plan img{
    transition: all 0.2s;
}

.plan img:hover{
    opacity:0.8;
}

.apartments .row {
    margin-bottom:50px;
    width:90%;
    float:left;
}


.flach-apartments{
    background-color: #75834b;
    position:absolute;
    top:0;
    height:100%;
    width:320px;
    right:-300px;
    z-index:9999;
}

.flach-apartments p{
    float:left;
    margin-left: 45px;
    width:200px;
    text-align:justify;
    color:white;
    font-size: 18px;
    line-height:20px;
}

.top-row{
    top:-500px;
}

.apartments-row {
    position:relative;
    left:-2000px;

}


/*ABOUT SECTION*/


.flach-about{
    background-color: #5bbcae;
    position:absolute;
    top:0;
    height:100%;
    width:280px;
    right:-200px;
    z-index:9999;
}

.flach-about img{
    margin-top:200px;
    float:left;
    margin-left: 45px;
}

.about {
    height:100%;
}

.aboutImg{
    padding:0;
    background: url(../img/about-bg.jpg);
    background-size:cover;
    background-repeat: no-repeat;
    height:100%;
    left:0px;
    opacity: 0;
}

.project-info{
    width:420px;
    position:absolute;
    right:-380px;
    margin-top:180px;
    color: #79493F;

}
.project-info p {
    font-size:22px;
    text-align:justify;
}

.project-info h3 {
    font-family: "FbKalisher bold";
    font-size:34px;
    text-align:right;
}


/*GaLLERY SECTION*/
.galleryItem{
    opacity: 0;
}
/*CONTACT SECTION*/

.flach-contact{
    background-color: #e47953;
    position:absolute;
    top:0;
    height:100%;
    width:756px;
    right:50px;
    z-index:9999;
}

.bgContact{
    background: url(../img/contact-bg.jpg);
    background-size:cover;
    height:100%;
    /*right:-50%;*/
}

.contact {
    height:100%;

}

.contact-form-page{
    width:50%;
    margin-right:50px;
    position:absolute;
    top:-700px;
    display:none;
    text-align:right;
}

.contact-form-title{
    text-align:right;
    font-size:46px;
    color:#e47953;
    margin-bottom:50px;
    font-family: "FbKalisher regular";
}

.contact-form-page label {
    color:#79493E;
    font-weight:normal;
    font-size:24px;
    margin-left:6px;
    text-align:right;
}

.contact-form-page input {
    background:white;
    border:none;
    color:#79493E;

    font-size:18px;
    margin-bottom:15px;
    text-indent: 10px;
}

.contact-form-page textarea {
    text-align:right;
    margin-bottom:15px;
    width:100%;
}

.contact-form-page #name {
    width:100%;
}

.contact-form-page #phone{
    width:100%;
}

.contact-form-page #email {
    width:100%;
}

.contact-form-page #message {
    width:100%;
}

.submity{
    margin-top:20px;
    border-bottom: 2px solid #79493E;
    border-top: 2px solid #79493E;
    text-align: right;
}


.contact-form-page  #submit{
    background: url('/img/send.png') no-repeat;
    width:111px;
    height: 36px;
    border:none;
    margin-top:10px;
}

.contact-details {
    text-align:right;
    font-size:20px;
    color: #79493E;
    margin-top:24px;
}

#submit-response-page {
    color: #5d3341;
    display: none;
    font-size: 24px;
    min-height: 200px;
    padding-top: 70px;
    text-align: right;
    transition: all 0.4s ease 0s;
    width: 100%;
}

/* kenburns*/
#kenburns {
    position: relative;
    width:100%;
    height: 100%;
    overflow: hidden;
}

.kb-slide{
    position: absolute;
    z-index: 1;
    opacity: 0;
}

.kb-slide img{
    position: relative;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}