/*Hagiva 2020*/
body {background: none;}
#lobbyText h2, .subheadline h2, .grid-text-section.contactBotLogoSec h2 {font-family: NexaRustScriptS-3; font-size: 150%;}
label.error, span.error {font-size: 70%;}
#SiteContainer:before {content: none;}

section h2:after, section #headline h1:after, section .headline h1:after {content: none;}
section h2, section #headline h1, section .headline h1, #contact h2 {color: #000; padding: 0;}
section.albumSec #headline h2, section.recommendationsSection h2 {color: #403837;}

/*Header*/
header#header, header#header.bg, header .headerInner {background: none;}
#header ul.menu li:hover { color: inherit;}
header#header.bg:not(.open):after { content: ''; position: absolute; width: 100%; height: 150px; top: 0; right: 0; pointer-events: none; z-index: -1;
    background: linear-gradient(to bottom, rgb(0, 0, 0, 0.8) 0%, rgba(254,254,254,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0, 0.8)), to(rgba(254,254,254,0)));
    background: -o-linear-gradient(top, rgb(0, 0, 0, 0.8) 0%, rgba(254,254,254,0) 100%);}

/*Top Banner*/
#home-gallery:after { content: ''; position: absolute; width: 100%; height: 300px; top: 0; right: 0; pointer-events: none;
    background: linear-gradient(to bottom, rgb(0, 0, 0, 0.8) 0%, rgba(254,254,254,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0, 0.8)), to(rgba(254,254,254,0)));
    background: -o-linear-gradient(top, rgb(0, 0, 0, 0.8) 0%, rgba(254,254,254,0) 100%);}
#home-gallery .gallery-caption {display: none;}
#home-gallery .scroll-down { font-size: 100%;}
#home-gallery .scroll-down:after {content: ''; position: absolute; width: 34px; height: 19px; right: 50%; top: 50%; pointer-events: none;
    background-image: url('xIcon/scrollDown.png'); background-size: cover; background-position: center center; background-repeat: no-repeat;
    transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%);}
#home-gallery .scroll-down img, #home-gallery .scroll-down svg { width: 34px; min-width: unset; height: 19px; opacity: 0;}
#home-gallery .iconsBoxLeft img {max-width: 55px; height: auto;}
.footer-address {font-size: 130%; left: 30px; padding: 0; bottom: auto;}
#home-gallery .opacity-layer {background: none;}

/*About Section*/
.aboutSec {padding: 95px 0;}
.aboutSec #headline { margin-bottom: 75px;}
.aboutSec .grid-text-section {padding: 0;}
.grid-text .grid-text-content {float: none;}

/*Galleries Section*/
section.placeSection {width: 100%;}
.gallery-container {width: 100%;}
.owl-carousel .owl-item .item {padding: 0;}
/*section.gallSec:not(.teamSection) .SectionTopImage {height: 690px;}
section.gallSec:not(.teamSection) .galleryview .gallery-container {display: none;}*/
/*section.gallSec:not(.teamSection) .SectionTopImage .section-slider .gallery-item {background-attachment: fixed;}*/
section.gallSec:not(.teamSection) .owl-carousel .owl-stage {transition: all 500ms ease-in-out !important; -webkit-transition: all 500ms ease-in-out !important; -o-transition: all 500ms ease-in-out !important;}
section.gallSec:not(.teamSection) .owl-carousel .owl-item:not(.active) {opacity: 0;}
section.gallSec:not(.teamSection) .owl-carousel .owl-item.active {opacity: 1;}
section.gallSec:not(.teamSection) .owl-carousel .owl-item { transition: all 1500ms ease-in-out; -webkit-transition: all 1500ms ease-in-out; -o-transition: all 1500ms ease-in-out;}

.placeSection #text1 p:nth-child(1) {text-align: center; margin: 0;}
#text1 p:last-child {font-family: inherit; margin-bottom: 0;}
section.gallSec, section.placeSection {padding: 0 0 70px 0;}
section.gallSec {padding-left: 15px; padding-right: 15px;}
.gallSec #text1 { position: absolute; top: 47%; right: 50%; z-index: 10;
    transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%);}
.gallSec #text1 h2 { margin-bottom: 34px; padding: 0; color: #fff; font-size: 450%;}
.gallSec #text1 a { min-width: 192px; display: inline-block; width: auto; background: #fff; color: #000; padding: 0 20px;}
.gallSec .owl-carousel .owl-item a.slide-bg-layer { pointer-events: none;}
.gallSec .owl-carousel .owl-item .item .plus-sign { display: none;}
.kitchenSection .owl-carousel .owl-stage, .owl-carousel .owl-item a.slide-bg-layer { cursor: auto;}
.gallSec .owl-carousel .owl-nav div { width: 22px; height: 36px; z-index: 10; }
.gallSec .owl-carousel .owl-prev:after, .gallSec .owl-carousel .owl-next:after { width: 100%; height: 100%; display: inline-block;
    background-size: cover; background-position: center center; background-repeat: no-repeat;}
.gallSec .owl-carousel .owl-next:after {background-image: url('../../../warehouse/temp/hagiva/2020/gallArrLeft.png');}
.gallSec .owl-carousel .owl-prev:after {background-image: url('../../../warehouse/temp/hagiva/2020/gallArrRight.png');}

/*Team Section*/
section.teamSection {padding: 70px 0 90px;}
.teamSection .gallery-container {max-width: 970px;}
.gallery.teamSection .headline, .gallery.gallSec .headline {display: none;}
section.teamSection .subheadline {margin-bottom: 80px;}
.teamSection .owl-carousel .owl-next:after {background-image: url('../../../warehouse/temp/hagiva/2020/gallArrLeftBrown.png');}
.teamSection .owl-carousel .owl-prev:after {background-image: url('../../../warehouse/temp/hagiva/2020/gallArrRightBrown.png');}
.teamSection .owl-carousel .owl-item {opacity: 1;}

/*Album Section*/
section.albumSec {  padding: 90px 0;}
section.albumSec .grid-content-section {padding: 0;}
section.albumSec .grid-content-section .grid-boxes { padding-top: 0;}
section.albumSec #headline { margin-bottom: 30px;}
section.albumSec .LobbyModule .grid-box, .LobbyModule .grid-boxes .grid-box-title h3 {font-size: 100%;}
section.albumSec .grid-content-section .grid-boxes .grid-box-title h3 a {color: #403837;}

/*Recommendation Section*/
section.recommendationsSection {background: transparent; padding: 90px 0 115px;}
.recommendationsSection .section-content {max-width: 1088px;}

/*Media Section*/
section.media { margin: 0 0 125px; padding: 0; background: none !important;}
section.media:after { content: none;}
section.media #headline { display: none;}
section.media .grid-short-box.box { background: #1a1a1a; color: #fff;}
section.media .grid-short-box.box .grid-short-box-text { color: #fff;}
section.media .grid-short-box.box .grid-short-box-subtitle { border-bottom: 0;}
section.media .grid-short-box.box { margin-bottom: 0;}
#gridshort-view-media {max-width: 1100px;}
#gridshort-view-media .grid-short-box-label { font-size: 160%; line-height: 0.9;}
section.media .grid-short-box.box .text-caption {font-family: 'font37-regular';}
section.media .grid-short-box.box .grid-short-box-subtitle {padding: 20px 0 0; font-size: 90%;}
section.media .grid-short-box.box .grid-short-box-text {display: none;}
section.media #gridshort-view-media .owl-item > div {padding: 0 25px;}

/*Contact Section*/
section#contact { background: #f8f8f8;}
.grid-form-section { margin: 0; padding: 50px 0 70px;}
.grid-form-section .button-holder {display: none;}
section#contact #headline {margin-bottom: 0;}
#contact #lobbyText { margin: 70px 0 50px;}
#contact #DynamicFormObject {background: none;}
#contact #lobbyText { color: #000;}
.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormEndText {display: none;}
.dynamicFormObjectTitle span {display: block; font-family: almoni-dl-aaa-400; margin-top: 5px; font-size: 15.5px; }
#contact #DynamicFormObject .dynamicFormObjectFields {float: none; padding: 0 10px;}
#contact #DynamicFormObject .dynamicFormObjectFields .top-form {margin: 0;}
#contact #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; padding: 0; }
#contact #DynamicFormObject.thanks-mode .dynamicFormObjectTitleAndText {display: none;}
#contact input.form-submit {height: 40px;}

.grid-text-section.contactTopLogoSec, .grid-text-section.contactBotLogoSec { padding: 0;}
.contactTopLogoSec .grid-text-content img { max-width: 73px; height: auto; margin: 0 16px;}

@media(min-width: 1360px) {
    header ul.menu li {margin-left: 40px;}
}

@media(max-width: 1170px) {
    .aboutSec .LobbyModule.section-content {max-width: 100%;}
}

@media(min-width: 1025px) {
    header .headerInner { max-width: 1220px; width: 100%; padding: 25px 0;}
    #header-logo {left: auto; right: -20px;}
    #header-logo img {max-height: 40px;}
    header ul.menu {padding-right: 160px; font-size: 110%;}
    header ul.menu li { color: #f8f5ec;}
    #header ul.menu > li.active:after { width: 100%; border-bottom: 3px solid; bottom: -4px;}
    #header ul.menu > li:not(#header-logo).active a, #header ul.menu > li:not(#header-logo).active:hover a, #header ul.menu > li:not(#header-logo).active:focus a 
        {border: none;}
    #header ul.menu li > a {line-height: unset; border: none;}
    header ul.menu li.social-links {margin-right: 40px; vertical-align: middle;}
    #header ul.menu li.social-links a.social_icon_linkedin, #header ul.menu li.social-links a.social_icon_youtube {display: none;}
    header ul.menu li.social-links a {margin: 0 4px;}
    header ul.menu li.social-links svg {fill: #fff;}

    .TopVideo iframe { height: 190vh; width: 210%; left: 50%; top: -50%;
        transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}

    .gallSec:not(.teamSection) .owl-carousel .owl-item img { height: 690px;}
    .kitchenSection .owl-carousel, .placeSection .owl-carousel, .owl-carousel .owl-item img {max-height: 690px; }
    .owl-carousel .owl-item img {object-fit: cover;}

    .teamSection .owl-carousel .owl-next { left: -130px;}
    .teamSection .owl-carousel .owl-prev { right: -130px;}
}

@media(max-width: 1280px) {
    header .headerInner { max-width: 90%;}
    .teamSection .gallery-container {width: 70%;}
}

@media(min-width: 991px) {
    #home-gallery #side-contact-form { width: auto;}
    .button-holder#FixFormOuter { background: none; position: absolute; width: 118px; left: auto; right: -160px; padding: 0;}
    .button-holder#FixFormOuter img {max-width: 100% !important; margin: 0 !important;}
    .button-holder#FixFormOuter.open {width: 30px; height: 30px; right: -60px; }
    .button-holder#FixFormOuter.open:after {content: ''; position: absolute; width: 100%; height: 100%; top: 0; right: 0;
        background: url(../../../warehouse/temp/hagiva/2020/xIcon.png); background-size: cover; background-position: center center; background-repeat: no-repeat;}
    .button-holder#FixFormOuter.open img {opacity: 0;}

    .iconsBoxLeft { left: 300px; bottom: 20px;}
    .footer-address { top: 93vh;}
}

@media(min-width: 768px) {
    body { font-size: 18px;}
    #home-gallery .scroll-down { bottom: 30px;}

    .grid-text-section .grid-text .grid-text-content > div { display: inline-block; width: 100%; max-width: 470px; margin: 0 22px; text-align: right; vertical-align: top;}
    .grid-text-section .grid-text .grid-text-content > div p {line-height: 1.2; font-size: 95%;}

    .owl-carousel .owl-next {left: 30px;}
    .owl-carousel .owl-prev { right: 30px;}

    .teamSection .owl-carousel .owl-item {padding: 0 34px;}
    
    #contact #DynamicFormObject .dynamicFormObjectTitleAndText { max-width: 234px;}
    #contact #DynamicFormObject .dynamicFormObjectField { max-width: 194px;}
    #contact #DynamicFormObject .dynamicFormObjectSubmit { max-width: 160px;}
    #contact #DynamicFormObject .dynamicFormObjectTitleAndText {top: -10px;}
}

@media(max-width: 1024px) {
    header .headerInner { max-width: 90%;}
    #header:not(.open) #nav-toggle span, #header:not(.open) #nav-toggle span:before, #header:not(.open) #nav-toggle span:after {background: #fff;}
    #mobileKidumBtn a {background: #fff; color: #000;}
}

@media(min-width: 768px) and (max-width: 1024px) {
    .grid-text-section .grid-text .grid-text-content > div {width: 45%; margin: 0 15px; vertical-align: top;}
    .gallSec:not(.teamSection) .owl-carousel .owl-item img {height: 500px; object-fit: cover;}
    section.albumSec .section-content {max-width: 70%;}

    .teamSection .owl-carousel .owl-prev {right: -70px;}
    .teamSection .owl-carousel .owl-next {left: -70px;}

     #gridshort-view-media .grid-short-box-label {font-size: 130%;}
}

@media(min-width: 991px) and (max-width: 1024px) {
    #mobileKidumBtn {padding-right: 37vw;}
    #mobileKidumBtn a {; padding: 5px 15px; border-radius: 4px; color: #000; font-size: 130%;}

    .footer-address {top: 95vh;}
    .teamSection .gallery-container {width: 80%;}
}

@media(max-width: 990px) {
    /*Header*/
    #home-gallery:after { height: 160px;}
    #mobileKidumBtn a {padding-top: 3px;}

    .aboutSec {padding: 60px 0;}
    .aboutSec #headline {margin-bottom: 30px;}
    .placeSection .owl-controls {display: block;}

    section.gallSec, section.placeSection {padding-bottom: 50px;}
    section.teamSection {padding: 50px 0;}
    section.teamSection .subheadline {margin-bottom: 40px;}

    section.recommendationsSection {padding: 50px 0;}
    section.albumSec { padding: 50px 0 0;}
    section.gallery .headline {margin-bottom: 30px;}

    section.media {margin-bottom: 50px;}
    #gridshort-view-media { max-width: 90%; margin: 0 auto;}
    #gridshort-view-media .owl-dots {text-align: center;}

    #contact #lobbyText {margin: 20px 0;}
    .grid-form-section {padding: 40px 0;}
    .grid-text-section.contactBotLogoSec {max-width: 90%; margin: 0 auto;}
    .grid-text-section.contactBotLogoSec img { width: 100%; height: auto;}

}

@media(min-width: 768px) and (max-width: 990px) {
    .footer-address {top: 94vh;}
    .iconsBoxLeft {bottom: 7%;}

    .teamSection .gallery-container {width: 50%;}

    #gridshort-view-media {max-width: 75%;}

    #contact #DynamicFormObject .dynamicFormObjectFields {width: 72%;}
    #contact #DynamicFormObject .dynamicFormObjectTitleAndText {float: right; font-size: 120%; top: -5px;}
    .dynamicFormObjectTitle span {font-size: 12px;}
    #contact #DynamicFormObject .dynamicFormObjectField, #contact #DynamicFormObject .dynamicFormObjectSubmit {width: 33.333%;}
    #contact #DynamicFormObject .dynamicFormObjectTitleAndText {font-size: 150%;}
}

@media(max-width: 767px) {
    section.gallSec {padding-left: 5px; padding-right: 5px;}
    .gallSec:not(.teamSection) .owl-carousel .owl-item img {height: 300px; object-fit: cover;}

    #header .phone-icon, #header .waze-navigation { top: 0;}
    header#header.bg:not(.open):after {height: 100px;}
    .waze-navigation path.st0 {fill: #fff;}
    #header .phone-icon a {color: #fff;}
    #header.open .phone-icon, #header.open .waze-navigation, #header.open  #header-logo { opacity: 0; pointer-events: none;}

    .iconsBoxRight, .iconsBoxLeft { bottom: 70px;}
    #home-gallery:after { z-index: 2;}
    .footer-address { top: 92vh; left: 20px;}
    .TopVideo {position: relative;}
    .TopVideo #mainVideo { height: 110vh !important; width: 110% !important; position: absolute; left: 50%; top: -50px;
        transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}


    #ourstory.aboutSec {padding: 0 0 50px;}
    .gallSec #text1 h2 {font-size: 300%; }
    .gallSec #text1 {max-width: 280px; width: 100%;}

    section.teamSection {padding-bottom: 0;}
    section.teamSection .subheadline h2 {line-height: 1.4;}
    .teamSection .gallery-container { width: 90%;}
    .teamSection .owl-carousel .owl-prev {right: 0;}
    .teamSection .owl-carousel .owl-next {left: 0;}

    section.recommendationsSection {padding: 0 0 70px;}

    #gridshort-view-media {max-width: 70%;}
    section.media .grid-short-box.box .grid-short-box-subtitle {font-size: 110%;}

    section#contact {padding-bottom: 40px;}
    #contact #DynamicFormObject .dynamicFormObjectTitleAndText {margin-bottom: 20px;}
    .dynamicFormObjectTitle span { font-size: 50%;}
    .grid-text-section.contactBotLogoSec {max-width: 100%;}
    .grid-text-section.contactBotLogoSec .grid-text-content { padding: 0;}
    .contactTopLogoSec .grid-text-content img { max-width: 60px; margin: 0 10px;}
}

@media(min-height: 750px) and (max-height: 900px) {
    .TopVideo #mainVideo { width: 125% !important; height: 190vh !important; top: -360px;}
}


@media(max-width: 320px) {
    .footer-address {left: 10px; top: 90vh;}

    #contact #DynamicFormObject .dynamicFormObjectTitleAndText {width: 75%; margin: 0 auto 20px;}
    .dynamicFormObjectTitle span {line-height: 1.2;}
}