@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------

Prototype Version:  2.4

*/

/* Table of Contents
-----------------------------------------------------------------------------

1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework

*/

:root {
    --black: #000;
    --black-2 :#1A1A18;
    --white: #fff;
    --yellow: #CCC096;
    --default-font: 'Almoni Tzar';
}

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

html, body, br, hr, div, span, a, object, iframe, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}

html, body{-webkit-appearance:none; border:none; -webkit-text-size-adjust:none;}
body{position:relative; color: var(--black); font-family: var(--default-font); font-size: 28px; font-weight: 300;line-height: 1.5;}
body *{direction: rtl}

/* Class for clearing floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.cf:after,.cf:before{display: table;content: ''}
.cf:after{clear: both;}


/* 2. Define Base Typography
------------------------------------------------------------------------------*/

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6{font-weight: normal; line-height: 1;}

/* Specific Header Settings */
h1 {font-size:80px;}
h2 {font-size:77px; line-height: 0.9;}
h3 {font-size:55px;}
h4 {font-size: 44px;}
h5 {font-size:40px; margin-bottom: 15px;}
h6, .h6 {font-size: 30px;}

/* Create the Default Paragraphs */
p{margin-bottom: 42px;}

/* Other Typo */
strong {font-weight: bold;}
hr{border:1px var(--black) solid; clear: both; height: 0;}
blockquote, q {quotes: none;}
br{height: 0;}
dl, ol, ul{margin: 0; padding-right: 20px;}
ul.unstyled{list-style: none; padding-right: 0;}
section{padding: 50px 0;}
address{font-style: normal;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img{border: 0; border-style: none; max-width: 100%;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {color: var(--black); text-decoration:none; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
a:hover{color: var(--yellow);}
a:focus {outline: none;}
.stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0,0,0,0); }
.top-header-space{padding-top: 203px;}
.overflow-hidden{overflow: hidden;}

/* button */
.btn{border: 1px solid var(--black-2); background: transparent; padding: 24.5px 20px; color: var(--black-2); min-width: 305px; min-height: 80px;     display: inline-block; text-align: center; line-height: 1; font-size: 29px; font-weight: bold; cursor: pointer; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; position: relative;overflow: hidden;} 
.btn:hover{color: var(--white);}
.btn::after{content: ''; background: url(../images/site/black-left-arrow.png) no-repeat; width: 13px; height: 21px; display: inline-block; margin-right: 20px; margin-bottom: -4px;}
.btn::before{
    content: '';
    position: absolute;
    right: 0;
    height: 100%;
  left: -35%;
  top: 0;
  transform: skew(50deg);
  transition-duration: 0.6s;
    background: var(--yellow);
    z-index: -1;
  transform-origin: top left;
  width: 0;}
.btn:hover::before{height: 100%;
  width: 135%;
    
}
.btn-white{border-color: var(--white); color: var(--white);}
.btn-white:hover{color: var(--white);}
.btn-white::after{background-image: url(../images/site/white-left-arrow.png);}

.footer-contact-form .submit_btn::before{
    content: '';
    position: absolute;
    right: 0;
    height: 100%;
  left: -35%;
  top: 0;
  transform: skew(50deg);
  transition-duration: 0.6s;
    background: var(--yellow);
    z-index: -1;
  transform-origin: top left;
  width: 0;
    transition: all .6s ease;
}
.footer-contact-form .submit_btn:hover::before{
    height: 100%;
  width: 135%;
}
/* 5. Forms
------------------------------------------------------------------------------*/
input[type='submit']{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none; font-family: var(--default-font);}
select{-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;}
input[type='text'],input[type='tel'],input[type='email'],input[type='password']{font-family: var(--default-font);}
textarea{overflow:auto;font-family: var(--default-font);}
::-webkit-input-placeholder{ color: var(--black);}
:-moz-placeholder{ color: var(--black);}
::-moz-placeholder{ color: var(--black);}
:-ms-input-placeholder{ color: var(--black);}
::-ms-input-placeholder{ color: var(--black);}
:placeholder-shown{ color: var(--black);}
.form-group{margin-bottom: 43px; padding-left: 21px; padding-right: 21px;}
.form-control{width: 100%; background-color: var(--white); color: var(--black);height: 63px; padding: 15px 35px;text-align: right;transition: all .4s ease;}
textarea.form-control{height: auto; min-height: 134px;}
.form-group.col-4{max-width: 33.333333%; width: 100%;}
.form-group.col-12{max-width: 100%; width: 100%;}

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}

/* 7. Framework
------------------------------------------------------------------------------*/
.text-center{text-align: center;}

/*transition effect*/
.tra{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/* Page Layout */
#full_wrapper{min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; /* the bottom margin is the negative value of the footer's height */}
.container{width:100%; margin:0 auto; padding-left: 15px; padding-right: 15px;}
.content{ margin:0 auto; padding:0; width:100%;}

#preloader{width: 100%;height: 100vh;position: fixed;background: #faebd7fc;z-index: 9999;top: 0;left: 0;display: none;}
#preloader .loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
/* Push */
.push{margin: 0;}

.section-title{position: relative; margin-bottom: 55px; z-index: 1;}
.section-title h2 span{font-size: 122px; font-weight: bold; color: #DCDCDC; position: absolute; z-index: -1; right: -18px; top: -46px;line-height: 0.7;}
.section-title.center{text-align: center;}
.section-title.center h2 span{right: 50%;transform: translateX(50%);}
.head-title{position: relative; }
.head-title::after{content: ''; background: url(../images/site/logo-icon.png) no-repeat; width: 64px; height: 40px; display: block; margin: 27px auto;}

header{padding: 27px 65px; display: flex; align-items: center; justify-content: space-between; background-color: var(--black-2); font-weight: normal; position: sticky; width: 100%; top: 0; z-index: 99;}
header .logo-block, header .call-block{max-width: 20%; width: 100%;} 
header .call-block{display: flex; align-items: center;}
.call-block .call_icon{display: contents;}
header .call-block img{margin-right: 15px;}
header .call-block a{color:var(--white);}
header .call-block a:hover{color: var(--yellow);}
header .logo-block{font-size: 0;text-align: left;}
header .main-menu > ul{display: flex; align-items: center;}
header .main-menu > ul > li{padding: 0 34.5px;}
header .main-menu > ul > li > a{color: var(--yellow);}
header .main-menu > ul > li > a:hover{color:var(--white);}

.hamburger{position: relative;cursor: pointer;display: flex; flex-direction: column; justify-content: center; align-items: flex-end;}
.hamburger span{display: block; width: 33px; height: 4px; margin-bottom: 5px; position: relative; background: var(--yellow); border-radius: 3px; z-index: 1;  transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;}
.hamburger span:last-child{margin-bottom: 0;}
.hamburger.open span{transform: rotate( 45deg) translate(2px, -1px);}
.hamburger.open span:nth-child(2){opacity: 0;}
.hamburger.open span:last-child{transform: rotate( -45deg) translate(-1px, 0);}

.banner{background-repeat: no-repeat; background-size: cover; background-position: center;display: flex; align-items: center; justify-content: center; padding: 50px ; position: relative; min-height: 844px;}
.banner::before{content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); position: absolute; top: 0; left: 0;}

.full-banner::before, .quality-section::before, .quality-section::after, .contact-section::before{content: ''; position: absolute; width: 100%; height: 12px; bottom: 0; left:0;
background: rgb(164,152,110); /* Old browsers */background: -moz-linear-gradient(left,  rgba(164,152,110,1) 0%, rgba(204,192,150,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left,  rgba(164,152,110,1) 0%,rgba(204,192,150,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right,  rgba(164,152,110,1) 0%,rgba(204,192,150,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4986e', endColorstr='#ccc096',GradientType=1 ); /* IE6-9 */}
.full-banner::before{top: inherit; height: 6px;}
.scroll-arrow{position: absolute; bottom: 33px; left: 50%; transform: translateX(-50%);}
.scroll-arrow img{animation: scroll-arrow 1s infinite alternate;}
.banner h2{color: #fff; font-weight: bold;}
.banner-container{position: relative; z-index: 1;}

.about-section{padding: 109px 0 136px;}
.about-section .about-inner{margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
.about-section .about-inner .about-content{padding-right: 95px; margin-top: 60px; max-width: 840px; width: 100%;}
.about-section .about-inner .about-img{position: relative; padding-top: 20px; padding-right: 20px; max-width: 556px; width: 100%;}
.about-section .about-inner .about-img::after{content: ''; background-color: var(--yellow); width: calc(100% - 20px); height: calc(100% - 34px); display: block; right: 0; top: 0; position: absolute; z-index: -1;}

.quality-section{min-height: 498px; background-repeat: no-repeat; background-position: left top;position: relative; color: var(--white); display: flex; align-items: center; padding: 50px 160px; background-size: cover;}
.quality-section::before{top: 0; }
.quality-section::after{bottom: 0; transform: rotate(180deg);}
.quality-section .quality-text h2{font-size: 182px; font-weight: 300;}
.quality-section .quality-text h2 span{color: var(--yellow);}

.projects-section{padding: 178px 0 118px;}
.projects-section .container{max-width: 1530px;}
.projects-list{padding-top: 180px;}
.projects-list ul{display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between;}
.projects-list .project-item{position: relative; height: auto; margin-bottom: 136px; margin-left: 15px; margin-right: 15px; overflow: hidden; max-width: 398px; width: 100%;}
.projects-list .project-item:nth-child(3n + 2){margin-top: -75px;}
.projects-list .project-item::before{content: '';  position: absolute; top: 10px; right: 10px; bottom: 20px; left: 10px;  background-color: rgba(0, 0, 0, 0.39); transition: all 0.5s;}
.projects-list .project-item::after{content: '';  height: 140px; position: absolute; bottom: 20px; left: 10px; right: 10px; 
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}
.projects-list .project-item .item-text{position: absolute; bottom: 50px; right: 40px; z-index: 1;}
.projects-list .project-item .item-text h3{color: var(--white);}
.projects-list .project-item .item-text h4{color: var(--yellow);}
.more-product{margin-top: -87px;}
.projects-list .project-item:hover:before { top: 0; right: 0; bottom: 13px; left: 0; }

.contact-section{position: relative; background-repeat: no-repeat; background-position: center center; padding: 140px 0 48px;}
.contact-section .container{max-width: 1245px;}
.contact-section::before{top: 0; z-index: 2;}
.contact-section::after{content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.53); pointer-events: none;}
.contact-section .section-title{margin-bottom: 35px;}
.contact-section .section-title h2{color: var(--white);margin-bottom: 12px;}
.contact-section .section-title h2 span{opacity: 0.14;}
.contact-section .section-title p{font-size: 29px; color: var(--white); margin-bottom: 0;}
.contact-section .footer-contact-form{margin: 0 -21px; position: relative; z-index: 1; display: flex; flex-wrap: wrap;}

.top-content{padding: 151px 0 56px;}
.top-content .top-inner-content{max-width: 730px; margin:0 auto;}
.top-content .top-inner-content p:last-child{margin-bottom: 0;}

.about{background-color: #FBF8F8;padding: 0;}
.about .container{max-width: 1780px;}
.about .about-inner-section{position: relative; overflow: hidden;}
.about .about-box-img{position: absolute;width: 50%; height: 100%; top: 50%; transform: translateY(-50%); left: 0;}
.about .about-inner-section:not(:nth-child(2n)) .about-box-img{right: 0;}
.about .about-box-img img{height: 100%; width: 100%; object-fit: cover; object-position: center;}
.about .about-inner-section .about-inner-text{width: 50%; padding: 118px 0; padding-left: 154px;}
.about .about-inner-section:not(:nth-child(2n)) .about-inner-text{margin-right: auto; padding-right: 154px; padding-left: 0;}
.about .about-inner-section .about-inner-text p:last-child{margin-bottom: 0;}

.team-section{padding: 120px 0 193px;}
.team-section .container{max-width: 1510px;}
.team-section .team-block{padding-top: 108px;}
.team-section .team-list{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; margin:0 -15px;}
.team-section .team-list li{padding: 0 15px; max-width: 341px;}
.team-section .team-list li .team-img{border: 1px solid #CCC096; height: 311px; margin-bottom: 20px; overflow: hidden;}
.team-section .team-list li h4{margin-bottom: 10px;}
.team-section .team-list li h6{font-weight: 100; color: var(--yellow);}

.contact-page-section{max-width: 1620px; margin: 0 auto; padding: 93px 0 60px;}
.contact-page-section::before{display: none;}
.contact-map{padding-bottom: 0;margin-bottom: -20px; padding-top: 134px;}

.tabs-projects{padding: 106px 0 70px;}
.tabs-projects .projects-list{padding-top: 155px;}
.tabs-nav{display: flex; align-items: center; justify-content: center;}
.tabs-nav li{padding: 0 20px;}
.tabs-nav li.tab-active a{color: var(--yellow); position: relative;}
.tabs-nav li.tab-active a::after{content: ''; height: 4px; width: 100%; background-color: var(--yellow); position: absolute; bottom: -5px; left: 0;}
.tabs-projects .projects-list .project-item:nth-child(3n + 2){margin-top: 0;}
.tabs-projects .projects-list ul{justify-content: flex-start;}
.tabs-projects .projects-list .project-item{margin-left: 51px; margin-right: 51px;text-align: right;}

.project-details{padding-top: 110px;}
.project-details .project-details-info{padding-top: 50px; padding-bottom: 45px;}
.project-details .project-details-info ul{display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: center;}
.project-details .project-details-info ul li{text-align: center; padding: 10px; width: 173px; height: 163px; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16); margin: 0 76px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.project-details .project-details-info ul li h6, .project-details .project-details-info ul li .h6{font-weight: bold; font-size: 30px;position: relative;}
.project-details .project-details-info ul li h6{padding-bottom: 15px;margin-bottom: 15px;}
.project-details .project-details-info ul li h6::after{content: ''; width: 110px; height: 1px; position: absolute; bottom: 0; background-color: var(--yellow); left: 50%; transform: translateX(-50%);}

.project-location-section{display: flex;}
.project-location-section .col-6{max-width: 50%;width: 100%;z-index: 0;}
.project-location-section .project-images img{width: 100%; height: 100%; object-fit: cover; object-position: center center;}

.apartment-section{padding: 77px 0 305px;}
.apartment-section .container{max-width: 1500px;}
.apartment-section .plans-list{padding-top: 70px;}
.apartment-section .plans-list ul{display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: center; margin: 0 -38px;}
.apartment-section .plans-list ul li{padding: 0 38px;max-width: 386px; width: 100%;}
.apartment-section .plans-list ul li .plan-info{padding: 10px 50px 10px 10px;border-right: 13px solid var(--yellow); min-height: 163px; display: flex; flex-direction: column; justify-content: center; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16);}
.apartment-section .plans-list ul li h6{font-weight: bold;}
.team-info h5{margin-bottom: 2px;}

@-webkit-keyframes scroll-arrow {
    from { transform: translateY(0); } 
    to { transform: translateY(15px); } 
}
@keyframes scroll-arrow {
    from { transform: translateY(0); } 
    to { transform: translateY(15px); } 
}
.contact_map .location-map{height:570px;z-index: 0;}


/* Footer */
footer{background-color: var(--black-2); padding: 83px 0 15px;}
footer .foorer-menu{padding: 30px 0 62px;}
footer .foorer-menu ul{display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
footer .foorer-menu ul li{padding: 0 34.5px;}
footer .foorer-menu a{color: var(--white);}
footer .foorer-menu a:hover{color: var(--yellow);}
footer .footer-logo{max-width: 202px;}   

.footer-contact-form .submit_btn{max-width:305px;width:100%;margin:0 auto;position:relative;overflow:hidden;}
.submit_btn input[type='submit']{border: 1px solid #ffffff;}
.footer-contact-form .submit_btn::after { content: ''; position: absolute; width: 13px; height: 21px; background: url(../images/site/white-left-arrow.png); left: 90px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; }
.wpcf7-spinner{display: none;}
.contact-section form.invalid .wpcf7-not-valid-tip{display: none;}
.contact-section .wpcf7-response-output{margin: 0 !important;padding: 10px 0 !important;color: #ffffff;font-size: 15px;border: none !important;text-align: center;}
.footer-contact-form .form-group .wpcf7-not-valid{border: 2px solid #ff0000b3; box-shadow: 0 0 15px #ff000075;}

body.error404{background: #ccc09670;min-height: 100vh;}
body.error404 #preloader{display: none;}
body.error404 footer{position: absolute;bottom: 0;left: 0;right: 0;}
body.archive .projects-section ,body.blog .projects-section{ padding: 10px 0 118px; }
.tabs-projects .projects-list{text-align: center;}

.txt_area .error_txt{font-size: 200px; letter-spacing: 15px;}
.txt_area .error_txt span{font-weight: bold; color: #786830;}
.appendloadMore{display: flex;justify-content: center;align-items: center;}
body.error404 .main{position:absolute;top:180px;left:50%;transform:translateX(-50%);}

.banner{background-color: var(--black-2);}
.about-section .about-inner>div,
.projects-list .project-item,
.contact-section .container form>div,
.about .about-inner-section>div,
.team-section .team-list li{opacity: 0;transform: translateY(50px);transition: 0.4s ease all;}
.about-section .about-inner>div.come-in,
.projects-list .project-item.come-in,
.contact-section .container form>div.come-in,
.about .about-inner-section>div.come-in,
.team-section .team-list li.come-in,
.tabs-projects .projects-list .project-item.come-in{opacity: 1;transform: translateY(0px);}
.about .about-inner-section>.about-box-img.come-in{transform:translateY(-50%);}


.quality-section .quality-text{opacity: 0;transition: 0.4s ease all;}
.quality-section .quality-text.come-in{opacity: 1;}
.projects-list .project-item{opacity: 1;}

#banner-video {width: 100%; height: 100%;object-fit: cover;position: absolute; top: 0;left: 0;}
/* .wp-video,video.wp-video-shortcode,.mejs-container,.mejs-overlay.load{width:100% !important;height:100% !important;}
.mejs-container{padding-top:56.25%;}
.wp-video,video.wp-video-shortcode{max-width:100% !important;}
video.wp-video-shortcode{position:relative;}
.mejs-mediaelement{position:absolute;top:0;right:0;bottom:0;left:0;}
.mejs-controls{display:none;}
.mejs-overlay-play{top:0;right:0;bottom:0;left:0;width:auto !important;height:auto !important;} */
.tabs-nav li.active a{color: var(--yellow);}

.wpcf7-response-output{
    color: #ccc096;
    z-index: 9;
    position: relative;
}