/*
PALLETE

Gold - #cca876 rgb(204,168,118)
GOLD HOVER - #7f6748
grey - #302d36
dark grey - #868689

*/

:root {
    --text_default:#166474;
    --gold:#C5A860;
    --red: #9C2025;
    --green:#166474;
    --reservations_green:#176775;
    --title_margin_bot:50px;
    --elem_margin:40px;
    --title_size:4rem;
    --subtitle_size:2rem;
    --subtitle_size2:1.6rem;
    --text_size:1.5rem;

}


@font-face {
    font-family: 'TelAviv';
    src: url('../fonts/TelAviv-Medium.eot');
    src: url('../fonts/TelAviv-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TelAviv-Medium.woff2') format('woff2'),
        url('../fonts/TelAviv-Medium.woff') format('woff'),
        url('../fonts/TelAviv-Medium.ttf') format('truetype'),
        url('../fonts/TelAviv-Medium.svg#TelAviv-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TelAviv';
    src: url('../fonts/TelAviv-Regular.eot');
    src: url('TelAviv-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TelAviv-Regular.woff2') format('woff2'),
        url('../fonts/TelAviv-Regular.woff') format('woff'),
        url('../fonts/TelAviv-Regular.ttf') format('truetype'),
        url('../fonts/TelAviv-Regular.svg#TelAviv-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TelAviv';
    src: url('../fonts/TelAviv-Light.eot');
    src: url('../fonts/TelAviv-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TelAviv-Light.woff2') format('woff2'),
        url('../fonts/TelAviv-Light.woff') format('woff'),
        url('../fonts/TelAviv-Light.ttf') format('truetype'),
        url('../fonts/TelAviv-Light.svg#TelAviv-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sveglia';
    src: url('../fonts/Sveglia-Script.eot');
    src: url('../fonts/Sveglia-Script.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Sveglia-Script.woff2') format('woff2'),
        url('../fonts/Sveglia-Script.woff') format('woff'),
        url('../fonts/Sveglia-Script.ttf') format('truetype'),
        url('../fonts/Sveglia-Script.svg#Sveglia-Script') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'EshkolMF';
    src: url('../fonts/EshkolMF-Medium.eot');
    src: url('../fonts/EshkolMF-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/EshkolMF-Medium.woff2') format('woff2'),
        url('../fonts/EshkolMF-Medium.woff') format('woff'),
        url('../fonts/EshkolMF-Medium.ttf') format('truetype'),
        url('../fonts/EshkolMF-Medium.svg#EshkolMF-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


*{
    padding:0;
    border:0;
    outline:0;
    margin:0;
}

a{
    text-decoration:none;
    color:inherit;
}

a:hover,a:focus,a:visited{
    text-decoration:none;
    /*color:inherit;*/
}
.clear{
    font-size:0;
    line-height:0;
    clear:both;
}



body{
    font-family:"TelAviv", sans-serif;
    background-color:#fff;
    color:var(--text_default);
    font-size:14px;
    width:100%;
    overflow-x: hidden;
    text-align:center;

}


.proxima-bold{
    font-family:"ProximaBold", sans-serif;
}



h1,h2,h3,h4,h5,h6{
    color:inherit;
    margin:0;
}

.max-width-1600{
    width:100%;
    max-width:1600px;
}

.max-width-1280{
    width:100%;
    max-width:1280px;
}

.max-width-980{
    width:100%;
    max-width:980px;
}

.max-width-720{
    width:100%;
    max-width:720px;
}

.no-padding{
    padding-left:0 !important;
    padding-right:0 !important;
}


.fix-row{
    margin-left:0 !important;
    margin-right:0 !important;
}
.body-no-scroll{
    overflow:hidden !important;
}


.loader-wrapper{
    position:fixed;
    height:100vh;
    width:100vw;
    padding:15px;
    background-color:var(--green);
    z-index:10000;
    display:inline-flex;
    top:0;
    left:0;
    /* background-image:url('../img/about_intro_bg.jpg'); */
    background-repeat:repeat;
    
}

.loader-wrapper img{
    margin:auto;
    width:200px;
    /*height:82px;*/
}
/*/////////////////////

OFFLINE WRAPPER

//////////////////////*/

.offline-wrapper{
    width:100%;
    display:flex;
    flex-direction: column;
    min-height:100vh;
    text-align:center;
}

.offline-container{
    margin:auto;
    display:inline-block;
}

.offline-logo{
    max-width:300px;
    height:auto;
}

.offline-message{
    width:100%;
    display:inline-block;
    margin-top:50px;
    font-size:30px;
    color:#000;
}

/*/////////////////////

OWL CAROUSEL

//////////////////////*/

.slide-item{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    /*height: 75vh;*/
    /*width: 100%;*/
    height: 600px;
    width: 100vw;

    display: inline-flex;
    max-height: 600px;
    min-height: 300px;
}
.owl-carousel.owl-drag .owl-item{
    display:inline-flex;
    /*padding: 0 15px;*/
}

.owl-carousel .owl-stage{
    display:inline-flex;
}

/*.prev-button{
    color: #fff;
    cursor: pointer;
    font-size: 80px !important;
    margin-top: -55px;
    padding: 15px 25px;
    position: absolute;
    top: 50%;
    z-index: 10;
    left: 20px;
}

.next-button{
    color: #fff;
    font-size: 80px !important;
    position: absolute;
    margin-top: -55px;
    top: 50%;
    z-index: 10;
    right: 20px;
    cursor: pointer;
    padding: 15px 25px;
}*/


.carousel-nav{
    position:absolute;
    height:100%;
    color:#fff;
    font-size:22px;
    top:0;
    bottom:0;
    vertical-align:middle;
    z-index:2;
    display:flex;
    cursor:pointer;
}

.carousel-nav span{
    padding:8px;
    margin:auto;
    cursor:pointer;
    color:#fff;
}


#new-carousel-next{
    right:0px;
}

#new-carousel-prev{
    left:0px;
}

/*/////////////////////

HEADER

//////////////////////*/
header{
    left: 0;
    top: 0;
    z-index: 250;
    width: 100%;
    position:fixed;
    background-color: #fff;
    border-bottom:8px solid var(--gold);
}

.headerbar{
    width: 100%;
    max-width: 1280px;
    padding: 30px 15px 30px;
    z-index: 500;
    position: relative;
    margin:auto;
    height:90px;
    display:inline-block;
}

.header-logo-container{
    background-color: #fff;
    display: inline-block;
    position: absolute;
    z-index: 10;
    left: 15px;
    text-align: left;
    height: 100%;
    top: 0;
    padding-top:30px;
}

.logo-wrapper{
    display: inline-block;
    margin: auto;
    margin-top: -5px;
    padding-left: 0;
    position: relative;
    left: 0;

}

.logo-wrapper img{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    height:50px;
}


.menu-wrapper{
    z-index: 5;
    display:inline-block;
    text-align: center;
    vertical-align:bottom;
}


.menu-wrapper nav{
    /*display:contents;*/
    float:right;
    width:100%;
    z-index:1;
}
.menu-wrapper nav ul{
    /*display:inline-block;*/
    display:contents;
    width:100%
}

.menu-wrapper nav ul li:before{
    content:'';
}
.menu-wrapper .nav-item{
    display:inline;
    margin-right:50px;
    font-size:1.2rem;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    text-transform:uppercase;
}

.menu-wrapper .nav-item .nav-link{
    padding:0;
    display:inline-block;
    padding-bottom:4px;
    position:relative;
    /*width:max-content;*/

}

.menu-wrapper nav ul li:last-of-type{
    margin-right:0;
}

.menu-wrapper .nav-item .nav-selected{
    color:var(--gold);
}

.menu-wrapper .nav-item .nav-selected.nav-selected::after{
    display: block;
    position: relative;
    left: 0;
    width: 100%;
    height: 4px;
    content: "";
    background-image:url('../img/underline_xl2.png');
    background-size:100% 5px;
    background-repeat: no-repeat;
}

.menu-wrapper .nav-item .nav-link:hover{
    color:var(--gold);
}

.menu-wrapper .nav-item .nav-link:hover::after{
    display: block;
    position: relative;
    left: 0;
    width: 100%;
    height: 4px;
    content: "";
    background-image:url('../img/underline_xl2.png');
    background-size:100% 5px;
    background-repeat: no-repeat;
}



.menu-right-wrapper{
    position:absolute;
    right:15px;
}

.lang-menu{
    pointer-events: auto;
    display:inline-block;
    margin-left:1.5rem;
}

.lang-menu-item{
    color:var(--green)!important;
    display:inline-block;
    text-transform:uppercase;
    font-size:1rem;
    font-weight:400;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}
.lang-menu-item:hover{
    color:var(--yellow) !important;
}

.lang-menu-item-selected{
    color:var(--yellow) !important;
}


 .reservations-button{
    background-color:var(--green);
    padding:0px 10px;
    text-transform:uppercase;
    font-size:1.2rem;
    color:#fff;
}
.reservations-button:hover{
    background-color:var(--gold);
    color:#fff;

}

footer .reservations-button{
    letter-spacing:4px;
}
 .social-network-wrapper{
    display:inline-block;
}

.social-network-wrapper a{
    margin-left:20px;
}

 .social-network-wrapper a i{
    font-size:1.4rem;
    vertical-align: text-bottom;
}

footer .social-network-wrapper a i{
    font-size:1.8rem;
}

.social-network-wrapper a:hover i{
    color:var(--gold);
}

/*/////////////////////

MENU BUTTON

//////////////////////*/

.menu-button{
    color:var(--green);
    right: 40px;
    top: 0px;
    cursor:pointer;
    position:relative;
    display:none;
    float:right;
    z-index:2;
}

.menu-button div span{
    font-size:28px;
    color:inherit;
}

.menu-close{
    opacity:1
}
.menu-open,.menu-close{
    position:absolute;
    top:3px;
    left:15px;
    opacity:0;
    pointer-events: none;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;

}

.menu-button-active{
    opacity:1;
    pointer-events: auto;
    transform:rotate(720deg)
}


/*/////////////////////

MAIN

//////////////////////*/

main{
    display:inline-block;
    width:100%;
    position:relative;
    text-align:center;
}


.page-section{
    width:100%;
    margin:auto;
    position:relative;
    display:inline-block;
    padding:80px 30px;
    border-bottom:8px solid var(--gold);
    border-image:url('../img/border_h.jpg') 8 stretch;
}

.page-section-container{
    width:100%;
    margin:auto;
    display:inline-block;
    padding:0 15px;
}

.page-section-title{
    font-family:'Sveglia',sans-serif;
    font-size:var(--title_size);
    margin-bottom:var(--title_margin_bot);
    color:var(--gold);
}

.page-section-subtitle{
    font-size:22px;
    color:#fff;
    font-size:var(--text_size);
    margin-bottom:0;
    letter-spacing: 4.5px;
}

.page-section-content{
    display:inline-block;
    width:100%;
    line-height:1.2;
    color:#fff;
    font-size:var(--text_size);
    letter-spacing: 4.5px;
}


/*//////////////////////////////

VIDEO

///////////////////////////////*/

.video-section{
    height: calc((100vw * 9 / 16) - 115px);
    max-height:calc(100vh - 115px);
    width: 100vw;
    position: relative;
    margin-top: 105px;
    border-bottom:8px solid transparent;
    border-image:url('../img/border_h.jpg') 8 stretch;
    min-height: calc(400px * 9 / 16);
}

.video-section h1{
    margin:auto;
    display:inline-block;
    z-index:2;
}

.video-section .video-overlay{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    display:flex;
}

#overlay-brand.video-overlay img{ 
   margin:auto;
   width:40vw;
   max-width: 729px;
   min-width:200px;
}
#overlay-grid.video-overlay{
    background-image:url('../img/video_grid2.png')
}

.video-section video, .video-section iframe{
    width:100%;
    height:calc(100% + 1px);
    object-fit: cover; 
    pointer-events: none;
    margin-top: -1px;
}
.ytp-watermark.yt-uix-sessionlink{
    display:none;
}

#get-full-video{
    display:inline-block;
    position:absolute;
    width:150px;
    height:auto;
    right:30px;
    bottom:15px;
    z-index:5;
    background-color: transparent;
    border: none;
    outline: none;
}

#get-full-video:visited,
#get-full-video:focus,
#get-full-video:focus-visible{
    outline: none;
    border: none;
    box-shadow: none;
}

#get-full-video img{
    width:100%;
}

.video-section .video-overlay .video-poster{
    position:absolute;
    z-index:1;
    display: inline-block;
    width: 100%;
    height: calc(100% + 1px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top:-1px;
}

#full-video-wrapper .modal-dialog{
    max-width:100%;
    width: 100vw;
    height: 100vh;
    display: flex;
    position: fixed;
    left:0;
    margin: auto;
}

#full-video-wrapper .modal-dialog .modal-content{
    background-color: transparent;
    border: none;
    margin: auto;
    height:100vh
}

#full-video-wrapper .modal-dialog .modal-content .modal-body{
    height:100vh;
    display:flex;
}

#full-video-wrapper .modal-dialog .modal-content #full-video{
    
    margin: auto;
}

@media (min-aspect-ratio: 16/9) {
    #full-video-wrapper .modal-dialog .modal-content #full-video{
        width: auto;
        height: 100%;
    }
  }
  
  @media (max-aspect-ratio: 16/9) {
    #full-video-wrapper .modal-dialog .modal-content #full-video{
        width: 100%;
        height: auto;
    }
  }



#full-video-wrapper .modal-dialog .modal-content #full-video-close{
    background-color:transparent;
    outline: none;
    border: 0;
    position:absolute;
    right: 30px;
    top: 20px;
    font-size:1.2rem;
    z-index: 100;
    padding:15px;
}

#full-video-wrapper .modal-dialog .modal-content #full-video-close i{
    color: #fff;
}
.modal-backdrop.show{
    opacity: .9;
}



/*/////////////////////

FOOTER

//////////////////////*/

footer{
    background-color:#fff;
    background-image:url('../img/footer_bg.jpg');
    background-size:cover;
    background-position: bottom right;
    background-repeat: no-repeat;
    width:100%;
    text-align:center;
    position:relative;
    z-index: 0;
}

.footer-border{
    width:100%;
    display:inline-block;
    border-top:8px solid var(--gold);
}

.footer-wrapper{
    margin:auto;
    padding:30px;
    text-align:left;
    display:inline-block;
}
.footer-logo-wrapper{
    margin-bottom:30px;
}

.footer-logo-wrapper #footer-logo{
    margin-bottom:10px;
    display:inline-block;
}

.footer-logo-wrapper #footer-logo img{
    display:inline-block;
    width:100%;
    max-width: 250px;
    height:auto
}

.footer-group-wrapper{
    text-align:left;
    margin:auto;
    display:inline-block;
    width:100%;
}


.footer-group{
    float:left;
    font-size:18px;
    padding:0;

}


/* .footer-group:last-of-type{
   margin-top:var(--elem_margin)
} */

.footer-group-item{
    margin-bottom:30px;
    color:var(--green);
    letter-spacing:.15rem
}


.footer-group-item img{
    width:100%;
}
.footer-group-item address{
    line-height:1.2;
    word-break: break-word;
}

.footer-group-item a:hover{
    color:var(--gold);
}

.footer-nav ul li{
    display:inline-block;
    width:100%;
    text-transform:capitalize;
    font-size:1.2rem;
}
.footer-nav ul li a{
    letter-spacing: .15rem;
}

.footer-nav ul li a:hover{
    color:var(--gold);
}

.social-network-footer a{
    margin-left:0;
    margin-right:10px;
}

footer #footer-symbol{
    background-image:url('../img/footer_symbol.png');
    position:absolute;
    background-size:300px 156px;
    right:30px;
    bottom:0;
    pointer-events: none;
    width:300px;
    height:156px;
    z-index:-1;
}


/*//////////////////////////

COOKIE BANNER

/////////////////////////////*/

.cookie-banner-wrapper{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    padding:10px 15px;
    padding-right:35px;
    background-color:var(--green);
    color:#fff;
    display:inline-block;
    box-shadow: #333 2px 12px 7px 11px;
    z-index:10;
}

.cookie-banner{
    margin:auto;
    font-size:18px;
    max-width:1280px;
    text-align:left;
    white-space:pre-line;
}

.cookie-banner a:hover{
    color:#000;
    text-decoration: underline;
}

.cookie-button{
    cursor:pointer;
    padding:3px 8px;
    background-color:#000;
    color:#fff;
    font-size:16px;
    border-radius:5px;
    display:inline-block;
    margin-top:10px;
}

/*//////////////////////////////

WIDGET

///////////////////////////////*/
.widget-wrapper{
    display:flex;
    flex-direction: row;
    margin-bottom:20px;
}
.widget-container{
    margin:auto;

}

/*//////////////////////////////

LITY

///////////////////////////////*/
/*.lity-content .page-section{
    padding:0 !important;
}

.no-scroll-body{
    overflow:hidden !important;
}

.lity{
    background-color:rgba(255,255,255,0.90) !important;
    overflow:auto  !important;
    z-index:200 !important;
}
.lity-wrap{
    position:absolute  !important;
}

.lity-content:after{
    box-shadow:none !important;
    -webkit-box-shadow: none !important;
}*/