﻿/*shani*/
a:hover, a:focus { color: inherit; }

.grid-rows .grid-row-text a.grid-row-button { width: 188px; }

a.heroBtn, .grid-rows .grid-row-text a.grid-row-button, a.FormResultPageButton, .content-section-Btn a, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit, #DynamicFormObject .dynamicFormObjectSubmit { /*width: 188px;*/ border: none; color: #fff; position: relative; height: 46px; display: flex; justify-content: flex-end; margin-top: 44px; align-items: center; line-height: 0.8; background: #1f454b; border-radius: 0; flex-direction: row-reverse; background-image: linear-gradient(90deg, #fff 10%, #1f454b 10%); }
a.heroBtn { background: #f7ece2; width: 165px; justify-content: center; color: #000; margin-top: 20px; }
#home-gallery .gallery-caption .gallery-text a.heroBtn {white-space:normal;}

a.heroBtn::after, .grid-rows .grid-row-text a.grid-row-button:after, a.FormResultPageButton:after, .content-section-Btn a:after, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:after, #DynamicFormObject .dynamicFormObjectSubmit:after { content: ''; position: absolute; width: 46px; height: 100%; left: -1px; background: #d6b285; /*border: 1px solid#d6b285;*/ transition: .3s linear; }
a.heroBtn::after{left:-23px;}

a.heroBtn:hover:after, .grid-rows .grid-row-text a.grid-row-button:hover:after, a.FormResultPageButton:hover:after, .content-section-Btn a:hover:after, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:hover:after, #DynamicFormObject .dynamicFormObjectSubmit:hover:after { transform: rotate(45deg); }

a.heroBtn:hover, a.heroBtn:focus, .grid-rows .grid-row-text a.grid-row-button:focus, .grid-rows .grid-row-text a.grid-row-button:hover { background-image: linear-gradient(90deg, #fff 10%, #1f454b 10%); }
a.heroBtn:hover { background: #f7ece2;}

.content-section-Btn a { padding-right: 20px; }

.content-section-Btn a:after { border: none; }

a.heroBtn:before, .grid-rows .grid-row-text a.grid-row-button:before, a.FormResultPageButton:before, .content-section-Btn a:before, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:before, #DynamicFormObject .dynamicFormObjectSubmit:before { content: ''; background-image: url(/warehouse/temp/ShaniB/Arrow-left.svg); background-repeat: no-repeat; height: 16px; width: 41px; background-size: contain; z-index: 10; position: absolute; left: 16px; }
a.heroBtn:before { background-image: url( /warehouse/dynamic/385954.svg); left: -8px; }

.top-caption h1 { font-size: inherit; }

.section-title h2 { font-size: 200%; color: #1f454b; font-weight: bold; }

.section-title h3 { font-size: 25px; margin-top: 10px; margin-bottom: 50px; }

#text1 p { letter-spacing: 0.7px; }

#header2 { background: #fff; color: #000; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); padding: 11px; }

#header2 #header-container { display: flex; justify-content: space-between; align-items: center; }

#header2 .header-top-left a, #header2 ul.menu li, #header2 ul.menu li.active, #header2 ul.menu li:hover { color: inherit; }

#header2 ul.menu > li:before { display: none; }

.hscroll-line { bottom: 0; left: 50%; transform: translateX(-50%); position: absolute; overflow: hidden; height: 100%; width: 4px; background-color: #d6b28547; pointer-events: none; }

.hscroll-line::after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: "" }

.hscroll-line:before { background-color: #d6b28547; }

.hscroll-line::after { background-image: linear-gradient(to bottom, #d6b285, #f0dcc9); animation: move 3s infinite; }

@keyframes move {
    0% { transform: translate3d(0, -100%, 0) }

    100% { transform: translate3d(0, 100%, 0) }
}

.scroll-down { animation: none !important; }

#header2.detailsInRow .menu-nav { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; }

#header2 ul.menu { margin: 0; }

#header2.detailsInRow .max-width { max-width: 95%; }

.has-sub i.opensub { font-size: 90%; }

#header2 .menu-sub { background: #fff; padding-bottom: 20px; }

#header2 ul.menu .menu-sub li { color: #000; width: 100%; }

#header2 ul.menu .menu-sub li a { width: auto; }

#header2 ul.menu .menu-sub:hover li { color: #000; }

#header2 .header-top-left a { /*background: #1f454b;*/ height: 37px; width: 37px; display: flex; align-items: center; justify-content: center; transition: .2s ease-in; background-position:center; background-repeat:no-repeat; background-size:contain; }
#header2 .header-top-left a svg {display:none}

#header2 .header-top-left a.facebook_icon_instagram { background-image: url( /warehouse/dynamic/385928.svg) }
#header2 .header-top-left a.facebook_icon_instagram:hover { background-image: url( /warehouse/dynamic/385927.svg) }

#header2 .header-top-left a.social_icon_instagram { background-image: url( /warehouse/dynamic/385930.svg) }
#header2 .header-top-left a.social_icon_instagram:hover { background-image: url( /warehouse/dynamic/385929.svg) }

#header2 .header-top-left a.social_icon_twitter { background-image: url( /warehouse/dynamic/385934.svg) }
#header2 .header-top-left a.social_icon_twitter:hover { background-image: url( /warehouse/dynamic/385933.svg) }

#header .social-links a svg, #header2 .header-top-left svg { height: 15px; width: 15px; }

#header2 ul.menu li.active a:after, #header2 ul.menu li:not(.has-sub):hover a:after, #header2 ul.menu li.has-sub li:hover a:after { width: 100%; }

#header2 ul.menu li a:after, #header2 ul.menu li.has-sub li a:after { content: ''; position: absolute; height: 2px; right: 0; width: 0%; background: #1f454b; bottom: -6px; transition: 0.2s ease-in; }

#header2 .header-top-left { margin-right: 0; }

.bottomAddress { opacity: 0; font-size: 60%; }

#header2 .header-top .address { background-image: url( /warehouse/dynamic/385932.svg); background-size: contain; background-repeat: no-repeat; width: 37px; height: 37px; transition: .2s ease-in; cursor: pointer; }

#header2 .header-top-right { display: flex; }

#header2 .header-top .address:hover { background-image: url( /warehouse/dynamic/385931.svg); }

#header2 .header-top-left a:hover { background: #d4b388; }

#header2 ul.menu li > a:focus, header.shopHeader #header2 ul.menu li.active a, header.shopHeader #header2 ul.menu li.has-sub.open a, header.shopHeader #header2 ul.menu li > a:hover { border-color: transparent; }

@media(min-width: 1025px) {
    #header2.detailsInRow .header-right-section { float: left !important; }

    #header2 #header-left { float: right; width: auto; }

    #header2 #header-container { flex-direction: row-reverse; }

    #header2 ul.menu li.has-sub li a:after { background: #fff; bottom: -2px; }

    #header2 .menu-sub { background: #26454b; padding-bottom: 20px; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); }

    #header2 ul.menu .menu-sub li { color: #fff; width: auto; }

    #header2 ul.menu .menu-sub:hover li { color: #fff; }
}

#home-gallery .slides:before { content: ''; position: absolute; right: 0; top: 0; background-image: url(/warehouse/temp/ShaniB/hb.svg); width: 835px; height: 100%; z-index: 3; background-repeat: no-repeat; background-size: cover; pointer-events: none; }

#home-gallery .gallery-caption { direction: rtl; z-index: 4; transform: translateY(-50%); left: auto; right: calc(var(--app-height)*0.2); top: 50%; margin-top: 49px; height: calc(var(--app-height)*0.60); width: calc(var(--app-height)*0.5); display: flex; align-items: center; justify-content: flex-start; }

#home-gallery .gallery-caption .gallery-text { font-size: 100%; white-space: break-spaces; display: flex; flex-direction: column; }

#home-gallery .gallery-caption .gallery-text div { font-size: 200%; line-height: 1.1; font-weight: bold; }

#home-gallery .gallery-caption .gallery-text span { font-size: 120%; line-height: 1.5; color: #f0dcc9; }

#home-gallery .scroll-down { width: 4px; right: 6%; bottom: 0; height: 106px; transform: translateY(50%); padding: 0 20px; }

button.controlSlider.pause:after, #home-gallery:not(.video-slider) button.controlSlider, #home-gallery ol.flex-control-nav.flex-control-paging { display: none; }

#home-gallery .scroll-down svg path { opacity: 0; }

#home-gallery .scroll-down svg { opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; }

#home-gallery { overflow: visible; }

#home-gallery .slides { overflow: hidden; position: relative; }

#home-gallery .opacity-layer { display: none; }

@media(min-width: 1440px) {
    #home-gallery .gallery-caption .gallery-text { }
}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) {
    #home-gallery .gallery-caption { right: calc(var(--app-height)*0.19*1.25); width: 100%; }

    #home-gallery .gallery-caption .gallery-text { font-size: calc(100% * 1.25); }
}

@media(max-width: 1440px) {
    #home-gallery .gallery-caption { }

    #home-gallery { height: 100vh !important; }

    i.fa.fa-phone { opacity: 0; }

    #header2:not(.open) .phone-icon a { background-image: url(/warehouse/temp/ShaniB/phone.svg); background-size: contain; background-repeat: no-repeat; width: 26px; height: 26px; transition: .2s ease-in; }

    #header2 .phone-icon { top: 50%; transform: translateY(-50%); transition: .1s ease-in; left: auto; right: 70px; width: 26px; height: 26px; }
}


.aboutSec .grid-rows .grid-row { direction: ltr !important; max-width: 1370px; margin: auto; }

.aboutSec .grid-row li.slider-item { padding-bottom: 590px; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); width: 590px; margin: auto; }

.aboutSec .box-image-animation img { margin-left: 95px; margin-top: 30px; transform: scale(1.2); }

.aboutSec .grid-rows .grid-row-text h2, .aboutSec .section-title h1 { font-size: 200%; margin-bottom: 10px; line-height: 1.25; color: #1f454b; font-weight: bold; }

.aboutSec .grid-rows .grid-row-text h2 { display: none; }

.aboutSec .grid-rows .grid-row-text h3 { font-size: 125%; margin-bottom: 10px; }

.aboutSec { padding: 0; margin-top: 110px; }

.aboutSec .grid-rows .grid-row-text { max-width: 470px; width: 100%; }

.aboutSec .grid-rows .grid-row-text p { font-size: 80%; letter-spacing: 0.7px; line-height: 1.25; }

.aboutSec .grid-row-cell:first-of-type:before { content: ''; position: absolute; right: -50px; background-image: url(/warehouse/temp/ShaniB/rhombus.svg); top: 0; height: 476px; width: 300px; z-index: 3; background-repeat: no-repeat; background-size: contain; }

.aboutSec .grid-row-cell:last-of-type:before { content: ''; background-image: url(/warehouse/temp/ShaniB/logo-element.svg); height: 60px; width: 60px; position: absolute; top: -37px; right: 100px; background-size: contain; }

.aboutSec .grid-row-cell:last-of-type:after { content: ''; position: absolute; height: 2px; width: 162px; background-color: #d6b285; top: -7px; right: 170px; }

.grid-boxes .box-image-animation img { width: auto; position: absolute; left: 50%; top: 43%; transform: translate(-50%,-50%); }

.grid-boxes .grid-box:nth-of-type(2) .box-image-animation img, .grid-boxes .grid-box:nth-of-type(3) .box-image-animation img, .grid-boxes .grid-box:nth-of-type(4) .box-image-animation img, .grid-boxes .grid-box:nth-of-type(5) .box-image-animation img { top: 48%; }

.grid-boxes .box-image-animation { overflow: visible; }

.grid-boxes .box-image-animation:hover img { transform: scale(1) translate(-50%,-50%); }

.sections .cubeSec:before { content: ''; position: absolute; top: 129px; right: 0; width: 162px; height: 221px; background-image: url(/warehouse/temp/ShaniB/rhombus-right.svg); }

.sections .cubeSec:after { content: ''; position: absolute; bottom: 40px; left: -70px; width: 210px; height: 225px; background-image: url(/warehouse/temp/ShaniB/rhombus-left.svg); }

.sections .cubeSec { background: rgba(240, 220, 201, 0.53); max-width: 100%; padding: 31px 0px 93px; margin-bottom: 0; overflow: hidden; }

.cubeSec .section-title { max-width: 1370px; margin: auto; }

.cubeSec .grid-boxes.row { max-width: 1270px; margin: auto; }

.cubeSec .grid-boxes .section-animation-item { width: 328px; height: 328px; padding: 0; margin: 0 21px; margin-bottom: 40px; }

.cubeSec .grid-boxes .grid-box-image { padding-bottom: 100%; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); background: #1f454b; }

.cubeSec .grid-box-title { position: absolute; left: 50%; top: 65%; transform: translate(-50%,-40%); width: 60%; }

.cubeSec .grid-boxes .grid-box-title h3 a { color: #fff; }

.cubeSec .grid-boxes .grid-box-title h3 { font-size: 115%; }

.section-title h2 { font-size: 200%; color: #1f454b; font-weight: bold; position: relative; display: flex; padding-top: 70px; margin: auto; justify-content: center; }

.section-title .cubeSec h3 { font-size: 25px; margin-top: 10px; margin-bottom: 50px; }

.section-title h2:after { content: ''; width: 410px; position: absolute; height: 2px; background: #d6b285; top: 28px; left: 50%; transform: translateX(-50%); }

.section-title h2:before { content: ''; height: 60px; width: 80px; position: absolute; top: 0; background-color: #f7ede3; background-image: url(/warehouse/temp/ShaniB/logo-element.svg); left: 50%; z-index: 1; transform: translateX(-50%); background-size: contain; background-repeat: no-repeat; background-position: center; }

.blogSec .section-title h2:before { background-color: #fff; }

.gallerySec .section-title h2:before { background-color: #22454b; }

.gallerySec .section-title { position: absolute; left: 50%; z-index: 10; transform: translate(-50%,-50%); margin: 0; top: 145px; }

.gallerySec { padding: 0; height: 442px; margin-bottom: 0; overflow: hidden; }

.gallerySec .gallery-container.section-animation-list, .gallerySec .owl-carousel .owl-stage-outer, .gallerySec .owl-carousel .owl-stage, .gallerySec .owl-carousel.owl-text-select-on .owl-item, .gallerySec .owl-carousel .owl-item .item, .gallerySec .topImg { height: 442px; }

.gallerySec .owl-carousel .owl-item img { height: 442px; width: auto; margin: auto; }

.gallerySec .owl-carousel .photoTextWrapper { width: 100%; height: 100%; background: #24454b; color: #fff; overflow: hidden; }

.gallerySec .owl-carousel .owl-stage-outer:before { content: ''; background-image: url(/warehouse/temp/ShaniB/logo-element-big.svg); position: absolute; left: -130px; top: -62px; width: 563.2px; height: 566.6px; background-size: cover; background-repeat: no-repeat; z-index: 10; pointer-events: none; }

.gallerySec .owl-carousel .photoTextWrapper h3 { position: absolute; width: 50%; left: 50%; transform: translate(-50%,-50%); top: 58%; font-size: 20px; letter-spacing: 0.7px; line-height: 1.25; }

.gallerySec .photoFullText { position: absolute; left: 50%; bottom: 75px; transform: translateX(-50%); font-size: 16px; }

.gallerySec .section-title h2 { color: #fff; }

.gallerySec .gallery-container { background: #26454b; }

.gallerySec .owl-carousel .owl-next:after { background-image: url(/warehouse/temp/ShaniB/Arrow-left.svg); background-size: cover; width: 44.9px; height: 17px; }

.gallerySec .owl-carousel .owl-prev:after { background-image: url(/warehouse/temp/ShaniB/Arrow-right.svg); background-size: cover; width: 44.9px; height: 17px; }

.gallerySec .owl-carousel .owl-prev:before { height: 50px; width: 50px; background: #d6b285; content: ''; z-index: -1; position: absolute; right: -17px; top: 10px; transition: .2s ease-in; }

.gallerySec .owl-carousel .owl-next:before { height: 50px; width: 50px; background: #d6b285; content: ''; z-index: -1; position: absolute; right: 10px; top: 10px; transition: .2s ease-in; }

.gallerySec .owl-prev, .gallerySec .owl-next { height: 17px; }

.gallerySec .owl-carousel .owl-prev { right: 156px; }

.gallerySec .owl-carousel .owl-next { left: 156px; }

.gallerySec .owl-carousel .owl-prev:hover:before, .gallerySec .owl-carousel .owl-next:hover:before { transform: rotate(45deg); }

.blogSec { max-width: 1010px; margin: auto; padding-bottom: 194px; padding-top: 73px; }

.blogSec .grid-boxes-blog.row .blog-post { width: 320px; height: 442px; margin-right: 20px; background: rgba(240, 220, 201, 0.53); max-height: 442px; overflow: hidden; }

.blogSec .content-section-Btn { position: absolute; bottom: 94px; left: 50%; transform: translateX(-50%); width: 185px; }

.blog-post-title, .blog-related-post-title { font-size: 100%; color: #1f454b; font-weight: bold; text-align: right; min-height: 50px; padding: 0; }

.blog-post-text { font-size: 80%; border-bottom: none; text-align: right; }

.blog-post-icons { margin-top: 0; font-size: 80%; text-align: right; width: 70%; }

.blog-post-button { width: auto; font-size: 16px; text-decoration: underline; }

.blog-post-button:hover { text-decoration: underline; }

.blog-post-content { display: flex; flex-wrap: wrap; align-content: stretch; }

.blog-post-icons span i { display: none; }

.blog-post-image { width: 274px; height: 212px; overflow: hidden; margin: 17px auto 12px; }

.blog-post-content { padding: 0 8px; }

.blog-tags-list ul li.blog-tag a { width: 100%; height: 100%; padding: 11px; }

.blogPage .pagination > li > a { width: 49px; height: 49px; }

.blog-related-post-title:hover a { text-decoration: underline; }

#SiteFooter { background: #1f454b; }

.footer-text-middle p:nth-of-type(2) { color: #f0dcc9; font-size: 80%; margin-top: 25px; }

.site-credit.alternative.row { padding: 15px 0; background: transparent; }

#SiteFooter .site-credit.alternative svg { filter: brightness(5); }

a.AccessabilityLink:hover { color: #fff; }

footer { padding-top: 0; }

@media(max-width: 1024px) {
    #SiteGrid { overflow: hidden; }

    #home-gallery:before { }

    #header2 .menu-nav .closed { display: none !important; }

    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background: #1f454b; }

    .header-right-section { background: #fff; }

    #header2 ul.menu .social-links a { background: #1f454b; height: 26px; width: 26px; display: flex; align-items: center; justify-content: center; }

    #header2 { height: 70px; display: flex; padding-right: 0; }

    #header2 #header-left { width: 150px; }

    #header2 ul.menu { background: #fff; }

    #header2 ul.menu li a { position: relative; }

    #header2.open ul.menu { height: 110vh; }

    #header2 ul.menu { right: -74px; min-width: 100vw; padding-top: 80px; top: -10px; }

    #header2 ul.menu .social-links { display: flex; align-items: center; justify-content: center; }

    #header2 #header-container { justify-content: space-around; }
}

@media(max-width: 991px) {

    #home-gallery .gallery-caption .gallery-text { white-space: break-spaces; width: 70%; }

    #home-gallery .gallery-caption { right: 18vw; transform: none; top: auto; bottom: 16vw; height: auto; width: 67vw; margin-top: 0; }

    .sections .cubeSec { padding-top: 45px; }

    #home-gallery .scroll-down { right: auto; left: 50%; transform: translate(-50%, 50%); }

    .aboutSec .grid-rows .grid-row { display: flex !important; flex-direction: column-reverse; }

    .aboutSec .grid-rows .grid-row-cell { width: 100%; }

    .aboutSec .grid-row-cell:first-of-type:before { right: auto; left: 160px; height: 310px; top: 40px; }

    .aboutSec .grid-rows .grid-row-cell:first-of-type { top: 50px; }

    .aboutSec .grid-row li.slider-item { padding-bottom: 360px; width: 350px; }

    .aboutSec .box-image-animation img { transform: scale(1.5); }

    .aboutSec { margin-top: 70px; }

    .cubeSec .grid-boxes .grid-box-image { clip-path: none; padding-bottom: 168px; }

    .cubeSec .grid-boxes .section-animation-item { width: calc(40% - 50px); margin-bottom: 0; margin-right: 30px; }

    .sections .cubeSec:after { z-index: 0; }

    .gallerySec .owl-carousel .owl-prev { right: 70px; }

    .gallerySec .owl-carousel .owl-next { left: 70px; }

    .gallerySec .owl-carousel .photoTextWrapper h3 { width: 65%; }

    .blogSec .grid-boxes-blog.row .blog-post { width: calc(33% - 24px); }

    .blog-post-image { width: 230px; height: auto; }
}

@media(max-width: 767px) {
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background: #1f454b; }

    #header2.detailsInRow .header-right-section { background: #fff; }

    #SiteFooter { padding-bottom: 0; }

    #SiteContainer { overflow: hidden; }

    .aboutSec .grid-rows .grid-row-text h2, .aboutSec .section-title h1 { font-size: 40px; margin-bottom: 5px; }

    .aboutSec .grid-rows .grid-row-text h3 { font-size: 23px; }

    .aboutSec .grid-rows .grid-row-text p { font-size: 16px; padding-left: 20px; }

    .hscroll-line { /* height: 80px; */ /* bottom: -10px; */ }

    #header2 #header-left img { width: 164px; height: 47px; }

    #header2 .mobile-middle-kdm { display: none; }

    #header2 #header-container { justify-content: space-around; gap: 80px; }

    .cubeSec .grid-boxes .grid-box-title h3 a { font-size: 17px; }

    .content-section-Btn a { font-size: 20px; }

    .aboutSec .grid-rows .grid-row-text a.grid-row-button { font-size: 20px; }

    .gallerySec { background: #24454b; height: 545px; }

    .gallerySec .owl-carousel .owl-prev:after, .gallerySec .owl-carousel .owl-next:after { width: 32px; height: 12px; }

    .aboutSec .grid-rows .grid-row-text a.grid-row-button { top: -100px; }
}

@media (min-width: 768px) {
    #home-gallery, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { height: calc(var(--vh)) !important; }

    body.macOs.safariBrowser #home-gallery, body.macOs.safariBrowser #home-gallery .slider-bg.stellar-bg { height: 100% !important; }

    body.macOs #home-gallery, body.macOs #home-gallery .slides, body.macOs #home-gallery .slider-bg.stellar-bg { height: 100% !important; }

    body.macOs .section-animation-item { opacity: 1 !important; margin-top: 0 !important; }

    .aboutSec .grid-rows .grid-row-text { top: 0px; }

    .aboutSec .grid-rows .grid-row-text a.grid-row-button { top: -110px; }
}

@media (max-width: 767px) {
    #header2 ul.menu { right: -30px; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); top: -30px; padding-top: 100px; padding-right: 60px; min-width: 0; width: 80vw; }

    #header2 ul.menu li { text-align: right; }

    .social-links.pull-right { align-items: center; }

    #header2 ul.menu .social-links { justify-content: flex-start; gap: 10px; }

    #home-gallery, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { height: calc(var(--app-height)) !important; }

    #home-gallery .gallery-caption .gallery-text div { font-size: 28px; width: 100%; }

    .osWin #home-gallery .gallery-caption .gallery-text div br { display: none; }

    #home-gallery .gallery-caption .gallery-text { width: 100%; text-align: center; }

    #home-gallery .gallery-caption .gallery-text span { font-size: 19px; width: 100%; }

    #home-gallery .slides:before { background-image: url(/warehouse/temp/ShaniB/mobile-hero.svg); width: 100%; height: 330px; top: unset; bottom: 0; }

    .aboutSec .grid-row-cell:last-of-type:after { top: 29px; right: 100px; }

    .aboutSec .grid-row-cell:last-of-type:before { top: 0; right: 20px; }

    .aboutSec .grid-rows .grid-row-text { padding-top: 30px; padding-right: 20px; }

    .aboutSec .grid-rows .grid-row { height: 800px; overflow: hidden; }

    .aboutSec .grid-row li.slider-item { width: 335.5px; padding-bottom: 335.5px; }

    .aboutSec .box-image-animation img { margin: 50px; transform: scale(1.3); }

    .aboutSec .grid-rows .grid-row-cell:first-of-type { top: 10px; }

    .aboutSec .grid-row-cell:first-of-type:before { left: 20px; top: -40px; width: 160px; height: 230px; background-size: cover; }

    .aboutSec { margin-bottom: 0; margin-top: 50px; }

    #home-gallery .scroll-down { /* right: auto; */ /* left: 50%; */ HEIGHT: 80PX; }

    .aboutSec .grid-row-cell:first-of-type:after { content: ''; background-image: url(/warehouse/temp/ShaniB/rhombus-full.svg); width: 50px; height: 50px; position: absolute; right: 41px; bottom: 120px; }

    .section-title h2:after { width: 337px; }

    .section-title h2 { width: 70%; font-size: 40px; }

    .section-title h3 { font-size: 23px; margin-bottom: 39px; }

    .section-title { margin-bottom: 0; }

    .cubeSec .grid-boxes .section-animation-item { height: 168px; width: 168px; margin: 0 5px 10px; }

    .sections .cubeSec:before, .sections .cubeSec:after { display: none; }

    .grid-boxes .box-image-animation img { width: 137px; transform: translate(-50%,-50%) scale(0.8); top: 40%; }

    .grid-boxes .grid-box:nth-of-type(2) .box-image-animation img, .grid-boxes .grid-box:nth-of-type(3) .box-image-animation img, .grid-boxes .grid-box:nth-of-type(4) .box-image-animation img, .grid-boxes .grid-box:nth-of-type(5) .box-image-animation img { top: 40%; }

    .cubeSec .grid-box-title { top: 67%; width: 85%; }

    .lobbySpe .grid-boxes .box-image-animation img { width: auto; left: 30%; }

    .gallerySec .section-title h2:before { top: -20px; }

    .gallerySec .section-title h2:after { top: 10px; }

    .gallerySec .section-title h2 { width: 100%; padding-top: 45px; font-size: 40px; }

    .gallerySec .section-title { width: 100%; top: 100px; }

    .gallerySec .owl-carousel .photoTextWrapper h3 { width: 90%; top: 50%; margin-top: 0; margin-bottom: 30px; }

    .gallerySec .photoFullText { bottom: 125px; }

    .gallerySec .owl-carousel .owl-prev, .gallerySec .owl-carousel .owl-next { top: auto; }

    .gallerySec .owl-carousel .owl-next:before { right: auto; left: -10px; }

    .gallerySec .owl-carousel .owl-prev:before, .gallerySec .owl-carousel .owl-next:before { height: 35px; width: 35px; }

    .gallerySec .owl-carousel .owl-prev, .gallerySec .owl-carousel .owl-next { width: 50px; height: 50px; margin: 0; transform: none; -webkit-transform: none; }

    .owl-nav { width: 75px; position: absolute; bottom: 45px; z-index: 1; left: 50%; transform: translateX(-50%); height: 50px; }

    .gallerySec .owl-carousel .owl-prev { right: 0; direction: rtl; }

    .gallerySec .owl-carousel .owl-next { left: 0; direction: ltr; }

    .blogSec .grid-boxes-blog.row .blog-post { width: 320px; margin: 0 auto 30px; }

    .blog-post-image { width: 274px; height: 212px; }

    .blogSec .grid-boxes.grid-boxes-blog { width: 100%; margin: auto; display: flex; flex-direction: column; }

    .blog-post-title { font-size: 20px; }

    .blog-post-content { padding: 0 20px; }

    .blog-post-text { font-size: 100%; }

    .blog-post-icons { font-size: 100%; }

    .blogSec { padding-top: 43px; padding-bottom: 90px; }

    .blogSec .content-section-Btn { bottom: 40px; margin-bottom: 0; }

    .gallerySec .owl-carousel .owl-stage-outer:before { width: 458px; height: 458px; top: 130px; left: -64%; }

    .gallerySec .gallery-container.section-animation-list, .gallerySec .owl-carousel .owl-stage-outer, .gallerySec .owl-carousel .owl-stage, .gallerySec .owl-carousel.owl-text-select-on .owl-item, .gallerySec .owl-carousel .owl-item .item, .gallerySec .topImg { height: 545px; width: 100%; }
}

@media(max-width: 360px) {
    #home-gallery .gallery-caption { right: 7vw; bottom: 18vw; width: 88vw; }

    #home-gallery .gallery-caption .gallery-text div { font-size: 25px; }

    #home-gallery .gallery-caption .gallery-text span { font-size: 17px; }
}

#GridTop { height: 489px; }

#GridTop.blog { height: 489px; }

#headline h1 { font-weight: bold; }

#headline { font-size: 200%; color: #1f454b; }

.aboutPage #GridPage { padding-top: 110px; }

#GridTop:before { content: ''; background-color: #000; position: absolute; inset: 0; opacity: 0.5; pointer-events: none; }

.top-caption:before { content: ''; background-image: url(/warehouse/temp/ShaniB/logo-elemnt-banner-white.svg); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); width: 375.3px; height: 375.3px; background-size: cover; opacity: 0.3; }

.macOs #GridTop:before { opacity: 0.6; }

.aboutPage #SiteGrid.layout-bottom #GridPromo { margin-bottom: 80px; }

.aboutPage #headline h1 { font-size: 40px; color: #1f454b; font-weight: bold; text-align: right; position: relative; padding-top: 15px; }

.aboutPage #subheadline h2 { font-size: 25px; text-align: right; margin-bottom: 10px; }

.aboutPage #headline { font-size: 200%; margin-bottom: 10px; }

.aboutPage #text1 { max-width: 100%; text-align: right; }

.aboutPage #text1 p, .aboutPage #text2 p { font-size: 80%; margin-bottom: 10px; line-height: 1.25; }

.aboutPage #galleryview { max-width: 850px; margin-bottom: 80px; }

.aboutPage #text1 h2 { font-size: 125%; margin-bottom: 10px; }

.aboutPage #headline h1:before { content: ''; background-image: url(/warehouse/temp/ShaniB/logo-element.svg); height: 60px; width: 60px; position: absolute; top: -60px; right: 0; background-size: contain; }

.aboutPage #headline h1:after { content: ''; position: absolute; height: 2px; width: 162px; background-color: #d6b285; top: -30px; right: 70px; }

.aboutPage #text1 p.image-wrap { position: relative; overflow: visible; }

.aboutPage p.image-wrap:before { content: ''; background-image: url(/warehouse/temp/ShaniB/rhombus-ab.svg); left: -140px; top: 44px; height: 296px; width: 282px; position: absolute; background-size: contain; background-repeat: no-repeat; }

.WrappAbout { /*height: 475px;*/ overflow: hidden; }

.aboutPage #text1 p.image-wrap { margin-bottom: 28px; margin-top: 28px; }

.form-container-wide #DynamicFormObject { border: none; display: flex; flex-direction: column; padding-bottom: 60px; padding-top: 45px; }

.aboutPage #DynamicFormObject:after { border: none; content: ''; background-image: url(/warehouse/temp/ShaniB/rhombus-ab.svg); left: -140px; top: -100px; height: 296px; width: 282px; position: absolute; background-size: contain; background-repeat: no-repeat; bottom: unset; right: unset; display: none; }

#DynamicFormObject:after { border: none; }

#SiteGrid.layout-bottom #GridPromo { max-width: 870px; margin: auto; margin-bottom: 50px; padding: 0; }

.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; padding: 0; margin-bottom: 5px; font-size: 200%; }

.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; }

#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { color: #1f454b; font-weight: bold; }

.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 125%; margin-bottom: 20px; }

/*.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33%; padding: 0px 7px; }*/
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { float: none; margin: auto; top: 20px; width: 170px; background-image: linear-gradient(90deg, #efdcca 10%, #1f454b 10%); border-left: 1px solid #efdcca; }

.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }

.normal-form input, .normal-form textarea { border-radius: 0px; background: #fff; border: none; }

#DynamicFormObject .dynamicFormObjectField .input-wrapper { position: relative; }

.normal-form input::placeholder, .normal-form textarea::placeholder { font-size: 16px; }

.must:before { right: 4px; }

#DynamicFormObject input[type=submit] { background: transparent; transition: none; width: 100%; height: 100%; padding-left: 70px; font-size: 20px; border: none; }

#DynamicFormObject input[type=submit]:focus, #DynamicFormObject input[type=submit]:hover { background: transparent; border: none; color: #fff; }

.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:after { border: none; }

.normal-form input, .normal-form textarea { font-size: 85%; }

.normal-form input { height: 48px; }

#SiteGrid.layout-2sides-right #GridPromo { max-width: 349px; width: 100%; margin-top: 29px; z-index: 2; }

#SiteGrid.layout-2sides-right #GridContent { max-width: 800px; width: 100%; }

#GridPromo.affix { top: var(--headerHeight); }

#DynamicFormObject { border: none; background: #f0dcc9; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; padding-top: 44px; padding-bottom: 27px; }

#DynamicFormObject .dynamicFormObjectSubmit { margin-left: 0; width: 179px; justify-content: center; background-image: linear-gradient(90deg, #efdcca 10%, #1f454b 10%); border-left: 1px solid #efdcca; }

#DynamicFormObject .dynamicFormObjectSubmit:after { border: none; }

.normal-form input:focus { border-color: transparent !important; }

.categories-strip { background: #1f454b; color: #fff; text-align: center; }

.categories-strip ul li.active { background: #1f454b; }

.categories-strip ul li { padding: 15px 0; display: inline-flex; align-items: center; white-space: nowrap !important; }

.categories-strip ul li.active a:before, .categories-strip ul li:hover a:before, .categories-strip ul li:focus a:before { content: ''; position: absolute; bottom: -2px; right: 0; height: 2px; width: 100%; background: #d6b285; }

.categories-strip ul li:after { content: ''; width: 22.6px; height: 22.6px; display: inline-block; background-image: url(/warehouse/temp/ShaniB/rhombus-line.svg); background-size: cover; margin-right: 28px; margin-left: 23px; background-repeat: no-repeat; }

.categories-strip ul li:last-of-type:after { display: none; }

.categories-strip ul li a { position: relative; }

.categories-strip ul li a:before, .categories-strip ul li a:before { content: ""; position: absolute; bottom: -2px; right: 0; height: 2px; width: 0%; background: #d6b285; transition: .2s ease-in; }

.categories-strip ul li a:focus { text-decoration: none; }

.specPage #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: 11px; }

.specPage .MainContent { padding-top: 105px; }

.specPage #headline { text-align: right; margin-bottom: 21px; position: relative; }

.specPage #text1, .specPage #text2 { text-align: right; max-width: 100%; font-size: 80%; }

.specPage #text1 p { margin-bottom: 10px; overflow: visible; position: relative; }

.specPage #headline h1 { font-weight: bold; color: #1f454b; }

.specPage #headline:before { content: ''; background-image: url(/warehouse/temp/ShaniB/logo-element.svg); height: 60px; width: 60px; position: absolute; top: -76px; right: 0; background-size: contain; }

.specPage #headline:after { content: ''; position: absolute; height: 2px; width: 162px; background-color: #d6b285; top: -47px; right: 80px; }

.specPage #text1 p.spec-image-wrap:before { content: ''; position: absolute; bottom: 20px; right: -88px; width: 177.9px; height: 198.9px; background-image: url(/warehouse/temp/ShaniB/rhombus-left.svg); background-repeat: no-repeat; background-size: contain; transform: scaleX(-1); }

.specPage #text1 p.spec-image-wrap { margin-bottom: 45px; margin-top: 45px; }

.specPage #GridBottom { max-width: 1170px; width: 100%; margin: auto; }

.GridBottomGallery { max-width: 800px; margin-right: auto; margin-bottom: 90px; padding: 0; }

.gallery-cubes > div { width: calc(50% - 26px); margin-right: 26px; margin-bottom: 30px; }

.specPage #SiteGridContainer:before { content: ''; background-image: url(/warehouse/temp/ShaniB/logo-tree-element.svg); position: absolute; width: 377px; height: 617px; bottom: 0; right: 305px; background-size: contain; background-repeat: no-repeat; }

.blogPage #headline { text-align: center; position: relative; }

.blogPage .blog-post, .blog-related-post { background: rgba(240, 220, 201, 0.53); height: 442px; width: 320px; margin-bottom: 21px; max-width: 100%; }

.blogPage .blog-grid #GridPage .max-width { max-width: 1010px; }

.blogPage .blog-posts { column-count: 3; column-gap: 21px; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 21px; -moz-column-gap: 21px; column-gap: 21px; display: flex; align-items: flex-start; flex-wrap: wrap; }

.blogPage .blog-post-text { min-height: 90px; padding-bottom: 25px; }

.blogPage .pagination > .active > a:before, .blogPage .pagination > .active > span:before { content: ''; width: 48.9px; height: 48.9px; background-image: url(/warehouse/temp/ShaniB/rhombus-full.svg); position: absolute; background-size: cover; z-index: -1; left: 0; top: -10px; }

.blogPage .pagination > .active > a, .blogPage .pagination > .active > span, .blogPage .pagination > .active > a:hover, .blogPage .pagination > .active > span:hover, .blogPage .pagination > .active > a:focus, .blogPage .pagination > .active > span:focus { color: #1f454b; position: relative; padding: 0; margin: 0; }

.blogPage .pagination > li > a:before { content: ''; background-image: url(/warehouse/temp/ShaniB/rhombus-line.svg); position: absolute; width: 48.9px; height: 48.9px; left: 0; top: -10px; }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination > li > a, .pagination > li > span { background-color: transparent; border: none; padding: 0; color: #22454b; margin: 0; border-radius: 0; }

.pagination { display: inline-flex; align-items: center; justify-content: center; gap: 10px; margin: 0; border-radius: 0; }

.blogPage .pagination > li > a#NextLink:before, .blogPage .pagination > li > a#PrevLink:before { display: none; }

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background: transparent; border: transparent; color: #22454b; }

.blogPage .blogmain-header { max-width: 850px; margin: auto; }

.blogPage #subheadline h2 { font-size: 125%; text-align: center; margin-bottom: 0; }

.blogPage #SiteGrid { padding-bottom: 150px; }

.blogPage #headline h1 { position: relative; }

.blogPage #headline h1:before { content: ''; height: 60px; width: 80px; position: absolute; top: -86px; background-color: #fff; background-image: url(/warehouse/temp/ShaniB/logo-element.svg); left: 50%; z-index: 1; transform: translateX(-50%); background-size: contain; background-repeat: no-repeat; background-position: center; }

.blogPage #headline h1:after { content: ''; width: 410px; position: absolute; height: 2px; background: #d6b285; top: -57px; left: 50%; transform: translateX(-50%); }

.blogPage #GridPage { padding-top: 120px; }

.blogPage .pagination > li > a:hover:before { background-image: url(/warehouse/temp/ShaniB/rhombus-full.svg); z-index: -1; }

a#NextLink span, a#PrevLink span { display: none; }

a#NextLink, a#PrevLink { background-image: url(/warehouse/temp/ShaniB/Arrow-right-green.svg); width: 30px; height: 15.5px; background-size: contain; border-radius: 0; background-repeat: no-repeat; position: absolute; right: -32px; top: 16px; float: none; transform: translateY(-50%); }

a#PrevLink { transform: rotate(180deg); right: auto; left: -30px; top: 4px; }

.blogPage #BlogMain .text-center { position: absolute; left: 50%; bottom: -80px; transform: translateX(-50%); }

.blogPage #BlogMain { position: relative; }

#headline { text-align: right; }

#BlogView h2 { font-size: 125%; margin-bottom: 20px; }

.blog-post-icons:first-of-type { display: none; }

.blogPage.contentInnerPage .blog-post-icons { display: none; }

#BlogView .share-strip:after { display: none; }

#BlogView .share-strip { text-align: left; display: flex; align-items: flex-start; margin-bottom: 30px; }

.blogPage.contentInnerPage .blog-view { max-width: 850px; margin: auto; }

#BlogView .share-strip:before { border: none; height: 1px; background: #d6b285; width: 78%; top: 50%; }

#BlogView .blogMainImg { height: 500px; overflow: hidden; width: 100%; }

#BlogView .share-strip span { color: #1f454b; }

.blogMainImg { margin-bottom: 30px; }

#BlogView .blogMainImg img { max-width: 850px; width: 100%; }

#BlogView #text1 { max-width: 100%; font-size: 80%; }

#BlogView .blog-related-posts .share-strip:first-child { display: none; }

#BlogView .blog-related-items h2, #BlogView .blog-related-posts h2 { font-size: 200%; text-align: center; margin-top: 134px; color: #1f454b; margin-bottom: 40px; position: relative; font-weight: bold; }

#BlogView .blog-related-posts h2:before { content: ''; height: 60px; width: 80px; position: absolute; top: -70px; background-color: #fff; background-image: url(/warehouse/temp/ShaniB/logo-element.svg); left: 50%; z-index: 1; transform: translateX(-50%); background-size: contain; background-repeat: no-repeat; background-position: center; }

#BlogView .blog-related-posts h2:after { content: ''; width: 410px; position: absolute; height: 2px; background: #d6b285; top: -41px; left: 50%; transform: translateX(-50%); }

.blog-related-post img { width: 266px; margin: 15px 22px; max-width: 100%; max-height:180px;}

.blog-related-post-title { margin-right: 20px; margin-left: 20px; }

.blog-related-post { max-height: 330px; }

.blogPage.contentInnerPage #headline h1 { text-align: right; }

.blogPage.contentInnerPage #SiteGrid { padding-bottom: 120px; }

.blogPage.contentInnerPage #headline:before { content: ''; background-image: url(/warehouse/temp/ShaniB/logo-element.svg); height: 60px; width: 60px; position: absolute; top: -70px; right: 0; background-size: contain; }

.blogPage.contentInnerPage #headline:after { content: ''; position: absolute; height: 2px; width: 162px; background-color: #d6b285; top: -40px; right: 70px; }

#BlogModule { overflow: visible; }

.blogPage.contentInnerPage .fa-facebook:before { content: ''; background-image: url(/warehouse/temp/ShaniB/FB.svg); width: 7px; height: 13px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-size: cover; }

.blogPage.contentInnerPage .fa-twitter:before { content: ''; background-image: url(/warehouse/temp/ShaniB/twitter.svg); width: 26px; height: 26px; display: inline-block; }

.blogPage.contentInnerPage .fa-whatsapp:before { content: ''; background-image: url(/warehouse/temp/ShaniB/whatsup.svg); width: 26px; height: 26px; display: inline-block; }

#BlogView .share-strip a.share-icon:focus, #BlogView .share-strip a.share-icon:hover, #header2 .header-top-right a.lang:focus { border-bottom: none; }

.blogPage.contentInnerPage .fa-facebook:after { content: ''; background-image: url(/warehouse/temp/ShaniB/facebook.svg); width: 26px; height: 26px; display: inline-block; }

.blogPage.contentInnerPage i.fab.fa-facebook { position: relative; }

.blogPage.contentInnerPage #headline h1:before, .blogPage.contentInnerPage #headline h1:after { display: none; }

.WrappBlog { position: relative; float: right; width: 100%; }

.WrappBlog:before { content: ''; background-image: url(/warehouse/temp/ShaniB/rhombus-ab.svg); right: -140px; top: 99px; height: 296px; width: 282px; position: absolute; background-size: contain; background-repeat: no-repeat; transform: scaleX(-1); }

.WrappBlog:after { content: ''; background-image: url(/warehouse/temp/ShaniB/rhombus-full.svg); width: 71.4px; height: 71.4px; position: absolute; left: -36px; bottom: 78px; background-size: contain; }

.blog-tags-list ul li.blog-tag { width: 210px; height: 48px; display: inline-flex; margin-left: 0; justify-content: center; background-color: #f0dcc9; align-items: center; font-size: 80%; transition: .15s ease-in; }

.blog-tags-list ul li.blog-tag.active a, .blog-tags-list ul li.blog-tag:hover a { color: #fff; }

.blog-tags-list ul li.blog-tag.active, .blog-tags-list ul li.blog-tag:hover { background-color: #22454b; }

.blog-tags-list ul { display: flex; align-items: center; justify-content: center; gap: 22px; }

.blog-tags { padding: 0; padding-bottom: 58px; padding-top: 50px; }

#contactDetails .contactDetailsText1 p.con-image-wrap { clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); background: #1f454b; width: 141.4px; height: 141.4px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; }

#contactDetails .contactDetailsText1 { display: flex; justify-content: center; align-items: flex-start; margin-bottom: -130px; }

.contactRhombus { display: flex; flex-direction: column; align-items: center; width: 25%; }

#contactDetails .contactDetailsText1 .contactRhombus .con-image-wrap:nth-child(2) { clip-path: unset; background: transparent; align-items: flex-start; }

.contactPage #GridPage .max-width-center { max-width: 900px; order: 1; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; }

.contactPage #contactDetails .contactDetailsText1 p { font-size: 80%; }

.contactPage #headline h1 { display: none; }

#ContactModule { display: flex; flex-direction: column; }

#map-section { order: 3; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; }

#SiteGrid.layout-top #GridPromo { order: 2; max-width: 850px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; }

#map-section .map-cover { background: rgba(31, 69, 75, 0.84); color: #f0dcc9; width: 419px; height: 177px; display: flex; flex-direction: column; align-items: center; justify-content: center; align-content: center; padding: 0; }

#map-section .map-cover .open-map { background: transparent; color: #fff; font-size: 16px; width: auto; border-bottom: 1px solid #fff; padding: 0; border-radius: 0; }

#map-section .map-cover h4 { color: #f0dcc9; font-size: 40px; }

#ContactModule #map-section #map-holder { margin-bottom: 0; }

.lobbySpe .lobby-grid #GridPage .max-width { max-width: 1150px; }

.lobbySpe #headline { text-align: center; margin-bottom: 0; padding-top: 100px; position: relative; }

.lobbySpe .sections .grid-content-section { padding: 0; }

.lobbySpe .grid-boxes .grid-box-title h3 a { font-size: 25px; color: #000; }

.lobbySpe #headline h1:before { content: ''; height: 60px; width: 80px; position: absolute; top: 30px; background-color: #fff; background-image: url(/warehouse/temp/ShaniB/logo-element.svg); left: 50%; z-index: 1; transform: translateX(-50%); background-size: contain; background-repeat: no-repeat; background-position: center; }

.lobbySpe #headline h1:after { content: ''; width: 410px; position: absolute; height: 2px; background: #d6b285; top: 58px; left: 50%; transform: translateX(-50%); }

.lobbySpe .grid-boxes .box-image-animation { pointer-events: all; }

.specPage #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; font-size: 16px; width: 164px; margin: 0 auto 30px; }

.specPage fieldset { display: flex; flex-direction: column; align-items: center; justify-content: center; }

#FormResultPage #text1 { text-align: right; }

.FormResultPage #text1 p { margin-bottom: 0; }

a.FormResultPageButton { margin-bottom: 50px; padding: 14px; }

a.FormResultPageButton { width: 210px; }

.FormResultPage .top-caption { font-size: 0; }

a.FormResultPageButton:after { bottom: 0; border: none; }

.accessabilityMainPage .container-fluid { margin-bottom: 50px; }

#accessability #text1 { max-width: 100%; font-size: 16px; }

.accessabilityMainPage #GridPage .max-width { max-width: 850px; }

.accessabilityMainPage #headline h1:before { content: ''; background-image: url(/warehouse/temp/ShaniB/logo-element.svg); height: 60px; width: 60px; position: absolute; top: -60px; right: 0; background-size: contain; }

.accessabilityMainPage #headline h1 { position: relative; padding-top: 5px; }

.accessabilityMainPage #headline { margin-top: 100px; }

.accessabilityMainPage #headline h1:after { content: ''; position: absolute; height: 2px; width: 162px; background-color: #d6b285; top: -30px; right: 70px; }

#accessability h2 { font-size: 25px; text-align: right; margin-bottom: 10px; }

p.con-image-wrap a.con-image-wrap { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }

@media (min-width: 1024px) {
    .contactPage #contactDetails .contactDetailsText1 p { white-space: nowrap; }

    .contactRhombus { margin: 0 25px; }
}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) {
    .specPage #SiteGridContainer:before { right: 160px; }
}

@media(max-width: 1280px) {
    #DynamicFormObject input[type=submit] { margin-left: 0; margin-right: 15px; }

    #SiteGrid.layout-top #GridPromo { width: 80%; }

    .must:before { right: 10px; }
}

@media(max-width: 1025px) {
    #SiteGrid.layout-2sides-right #GridPromo { max-width: 300px; }

    #SiteGrid.layout-2sides-right #GridContent { max-width: 600px; }

    .specPage #GridBottom { max-width: 924px; }

    .GridBottomGallery { max-width: 600px; margin-bottom: 45px; }

    .specPage #SiteGridContainer:before { right: 0; }

    #DynamicFormObject .dynamicFormObjectSubmit { width: 170px; }

    #DynamicFormObject input[type=submit] { margin-right: -20px; }

    .categories-strip ul li:after { margin: 0 8px 0 5px; }

    #DynamicFormObject .must:before { right: 9px; }

    .blog-tags-list ul li.blog-tag a { padding-top: 15px; }

    .WrappAbout { /*height: 250px;*/ }

    #GridTop { height: 470px; }

    #GridTop.blog { height: 470px; }
}

@media(max-width: 767px) {
    #GridTop { height: 400px; margin-top: var(--headerHeight); }

    .top-caption:before { width: 336px; height: 336px; top: 50%; }

    #GridPage .max-width { width: 100%; }

    #SiteGrid.layout-bottom #GridContent { max-width: 90%; margin: auto; }

    #SiteGrid.layout-bottom #GridPromo { margin-bottom: 0; }

    .top-caption { font-size: 60px; top: 50%; }

    #DynamicFormObject { max-width: 100% !important; }

    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 160px; }

    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; padding: 0 25px; }

    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; }

    #DynamicFormObject .dynamicFormObjectField .must:before { right: 8px; }

    .normal-form textarea { padding-right: 14px; }

    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit input { font-size: 20px !important; }

    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 40px; }

    #DynamicFormObject input[type=submit] { margin-right: 0px; }

    .contactPage #GridPromo { order: 2; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; }

    #ContactModule { display: flex; flex-direction: column; }

    #map-section { order: 3; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; }

    .contactPage #SiteGrid.layout-bottom #GridContent { max-width: 100%; }

    #ContactModule #map-section #map-holder { margin-bottom: 0; }

    .aboutPage #text1 p, .aboutPage #text2 p { font-size: 16px; }

    .aboutPage p.image-wrap:before { width: 178px; height: 178px; left: -84px; top: 20px; }

    .aboutPage #DynamicFormObject:after { width: 178px; height: 178px; left: -84px; top: -40px; }

    .specPage #GridPage { padding-top: 0; max-width: 100%; width: 100%; margin: auto; }

    .specPage #text1 p { margin-bottom: 20px; font-size: 16px; }

    .specPage #GridBottom { max-width: 100%; width: 100%; }

    .GridBottomGallery { max-width: 100%; margin-right: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 30px; }

    .gallery-cubes > div { margin: 9px; width: calc(50% - 18px); }

    #SiteGrid.layout-2sides-right #GridPromo { margin-top: 2px; max-width: 100%; padding: 0; margin-bottom: 0; }

    .specPage #text1 p.spec-image-wrap:before { width: 130px; height: 145px; right: -50px; }

    #SiteGrid.layout-2sides-right #GridContent { max-width: 100%; padding: 0; width: 90%; margin: auto; }

    #DynamicFormObject .dynamicFormObjectSubmit { width: 160px; margin-top: 20px; padding-right: 20px; justify-content: flex-end; }

    #DynamicFormObject input[type=submit] { font-size: 20px !important; }

    .specPage #SiteGridContainer:before { display: none; }

    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 40px; }

    .specPage #text1 p.spec-image-wrap { margin-bottom: 10px; }

    .blogPage #headline h1:after { width: 90%; top: -47px; }

    .blogPage #subheadline h2 { margin-bottom: 20px; }

    .blogPage .blog-posts { justify-content: center; padding-bottom: 120px; }

    .blogPage #SiteGrid { padding-bottom: 0px; }

    .blogPage .blogmain-header { width: 90%; }

    .blogPage #GridPage { padding-top: 100px; }

    .blogPage #headline h1:before { top: -75px; }

    #GridTop.blog { height: 400px; }

    .blogPage #BlogMain .text-center { bottom: 20px; left: 49%; }

    #BlogView .share-strip:before { width: 167px; position: relative; margin-bottom: 8px; order: 3; }

    #BlogView .share-strip a.share-icon { order: 2; }

    #BlogView h2 { font-size: 23px; }

    .blogPage.contentInnerPage #headline h1 { font-size: 40px; }

    #BlogView #text1 { font-size: 100%; }

    .blogPage.contentInnerPage .blog-view { width: 90%; }

    #BlogView .blog-related-posts h2 { margin-top: 60px; font-size: 40px; padding: 0; }

    #BlogView .blog-related-posts h2:after { width: 90%; }

    .blog-related-posts.row { max-width: 100%; margin: auto; }

    .blog-related-posts .col-sm-4.col-xs-6 { width: 100%; }

    .blog-related-posts .col-sm-4.col-xs-6 { display: block; }

    .blog-related-post-title { font-size: 20px; }

    .blogPage.contentInnerPage #SiteGrid { padding-bottom: 40px; }

    #BlogView .share-strip { gap: 7px; align-items: center; }

    .blog-related-post { margin: 0 auto 21px; }

    #BlogView .blogMainImg { height: 250px; }

    #BlogView .share-strip span { padding-bottom: 5px; order: 1; }

    .WrappBlog:before, .WrappBlog:after { display: none; }

    .blog-tags-list ul li.blog-tag { width: calc(45% - 20px); margin: 3px; }

    .blog-tags-list ul { flex-wrap: wrap; gap: 0; justify-content: flex-start; }

    .blog-tags-list ul { overflow-x: scroll; white-space: nowrap; padding: 0 15px; display: block !important; }

    .blog-tags { padding: 0; padding-bottom: 18px; }

    .blog-related-post img { width: 87%; }

    #contactDetails .contactDetailsText1 { flex-wrap: wrap; }

    .contactRhombus { width: 165px; }

    .contactPage #GridPage { padding-top: 7px; }

    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { justify-content: end; }

    #map-section .map-cover { width: 310px; height: 177px; }

    #map-section .map-cover h4 { font-size: 29px; }

    #map-section .map-cover .open-map { font-size: 13px; }

    .contactPage #SiteGrid.layout-top #GridPromo { width: 100%; margin-bottom: 0; }

    .lobbySpe #headline h1:after { width: 90%; }

    #header2 ul.menu li, #header2 ul.menu li.active { padding: 10px 0; }

    .mobile-strip { display: none; }

    .categories-strip ul { overflow-x: scroll; white-space: nowrap; padding: 0 15px; display: block !important; }

    .categories-strip ul li { font-size: 20px; }

    .aboutPage #text1 h2 { font-size: 23px; }

    .aboutPage #subheadline h2 { font-size: 23px; }

    .form-container-wide #DynamicFormObject { max-width: 100% !important; }

    #header2 ul.menu .menu-sub:hover li { }

    #header2 ul.menu .menu-sub li { padding: 4px 0; margin-bottom: 0; }

    #header2 .menu-sub { padding-bottom: 0; }

    .accessabilityMainPage #headline { margin-top: 70px; }

    .blogPage .blog-posts { padding-bottom: 90px; }
}

@media(max-width: 375px) {
    .gallerySec .section-title h2:after, .section-title h2:after { width: 85%; }
}

@media(max-width: 325px) {
    #home-gallery .slides:before { clip-path: polygon(50% 0%, 100% 160px, 100% 100%, 0 100%, 0% 160px); -webkit-clip-path: polygon(50% 0%, 100% 160px, 100% 100%, 0 100%, 0% 160px); height: 313px; }
}

#SiteContainer { overflow: hidden; }

/***ben's edit*/
#header2 .header-top-right { flex-direction: row-reverse; }

#header2 .header-top-left { order: 2; }

#header2 .languages { order: 3; text-decoration: underline; color: #1f454b; }

#header2 .header-top-right > * { margin-right: 6px; display: flex; }

#header2 .languages a { color: inherit; }

#header2 .header-top-right a.lang { padding-left: 0; }

@media(max-width: 767px) {
    #header2 .languages { top: 0; }

    #header2 .menu-nav .languages { position: unset; margin-right: 14px; margin-top: 3px; }

    #header2 ul.menu li.social-mobile { display: flex; }

    #header2 .header-top-right { display: none; }
}

/**home page - add new appointment**/
.home-page .form-container-wide .normal-form select { background: #fff; border: none; border-radius: 0; color: #000; padding-right: 15px; height: 48px; margin-bottom: 20px; font-size: 85%; width: 100%; -webkit-appearance: none; background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right #fff; background-position-x: 13px; background-position-y: 16px; }

.home-page .must:before { right: 4px; font-size: 16px; }

.home-page .must { position: relative; }

.home-page .grid-form-section { display: flex; background-color: #1f454b; justify-content: center; max-width: 100%; margin-bottom: 0; z-index: 10; padding-bottom: 0; padding: 45px 0; }

.home-page .grid-form-section .form-container-wide { width: 100%; }

.home-page #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { color: white; font-weight: bold; font-weight: bold; position: relative; display: flex; padding-top: 70px; margin: auto; justify-content: center; }

.home-page #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle::before { content: ''; height: 60px; width: 80px; position: absolute; top: 0; background-color: #22454b; background-image: url(/warehouse/temp/ShaniB/logo-element.svg); left: 50%; z-index: 1; transform: translateX(-50%); background-size: contain; background-repeat: no-repeat; background-position: center; }

.home-page #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle::after { content: ''; width: 410px; position: absolute; height: 2px; background: #d6b285; top: 28px; left: 50%; transform: translateX(-50%); }

.home-page .form-container-wide #DynamicFormObject { padding: 0; height: 350px; justify-content: space-around; background: #1f454b; }

/*.home-page .form-container-wide #DynamicFormObject .dynamicFormObjectField {  padding: 0px ; }*/
.home-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields { justify-content: center; }

.home-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields form { width: 100%; margin: 0 auto; }

.home-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { max-width: 1170px; margin: auto; /* padding: 0 10%; */ }

/*.home-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset div{width:220px;}*/
.home-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .select-wrapper::after { content: none; }

.home-page .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin: unset; top: unset; background-image: linear-gradient(90deg,#1f454b 10%, #1f454b 10%); border-left: 1px solid #1f454b; }

.home-page .form-container-wide #DynamicFormObject input[type=submit] { background: #F7ECE2; border-radius: 0; color: #1f454b; }

@media(min-width: 767px) {
    .home-page .form-container-wide #DynamicFormObject .dynamicFormObjectField,
    .home-page .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 20%; }

    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField), .aboutPage .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 33%; }
}

@media(max-width: 1024px) and (min-width:768px) {
    .home-page .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 52%; margin: 0 auto; padding: 0; }

    .home-page .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 52%; margin: 0; padding: 0; }

    .home-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { display: flex; flex-direction: column; align-items: center; }

    .home-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields .normal-form input { max-width: 100%; width: 100%; }

    .home-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset input { margin-right: 0; max-width: 100%; width: 100%; }
}

@media(max-width: 767px) {
    .home-page .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { top: unset; position: relative; }

    .aboutSec .grid-row-cell .slides { margin-top: 70px; }

    .aboutSec .box-image-animation img { margin-top: 100px; }

    .aboutSec .grid-rows .grid-row-text a.grid-row-button { top: -110px; }

    .home-page #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 30px; max-width: 90%; margin: 0px auto 20px; }

    .home-page .form-container-wide #DynamicFormObject { height: auto; padding: 0; }

    .home-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { display: inline-flex; justify-content: center; gap: 20px; flex-direction: column; width: 55%; }

    .home-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset div { padding: 0; }

    .home-page #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle::after { max-width: 60%; }

    .home-page .grid-form-section { padding: 45px 0; }

    .home-page .aboutSec .grid-row-cell hr { display: none; }

    .home-page .form-container-wide #DynamicFormObject input { margin-right: 0; max-width: 100%; width: 100%; }

    .home-page .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 90%; margin: auto; }
}

/*appointment page */
.appointment .dynamicFormObjectFields.row { height: 100%; display: flex; align-content: center; align-items: center; justify-content: center; }

.appointment form#dynamic-form-2881_2ce335d1-3241-4d7c-bd76-933115699003 { display: flex; justify-content: center; height: 100%; flex-wrap: wrap; align-content: center; }

.appointment select.input-data.form-control { background: #fff; border: none; border-radius: 0; height: 48px; padding-right: 15px; }

.appointment .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { float: none; margin: auto; background-image: linear-gradient(90deg, #efdcca 10%, #1f454b 10%); border-left: 1px solid #efdcca; }

.appointment .normal-form select { background: transparent; color: #000; border: 1px solid #000; border-radius: 5px; padding-right: 5%; height: 40px; margin-bottom: 20px; font-size: 85%; width: 99%; -webkit-appearance: none; }

.appointment .form-container-wide #DynamicFormObject { border: none; background-color: #f0dcc9; display: flex; flex-direction: column; padding-bottom: 60px; padding-top: 60px; }

.appointment .dynamicFormObjectFields fieldset { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }

.appointment .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; display: flex; flex-direction: column; }

.appointment #DynamicFormObject fieldset .select-wrapper { position: relative; }

/*.appointment #DynamicFormObject fieldset div { width: 220px; }*/
.appointment #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .select-wrapper::after { content: none; }

.appointment .form-container-wide .normal-form select { background: #fff; border: none; border-radius: 0; color: #000; padding-right: 15px; height: 48px; margin-bottom: 20px; font-size: 85%; width: 100%; -webkit-appearance: none; background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right #fff; background-position-x: 13px; background-position-y: 16px; }

@media(min-width: 767px) {
    .appointment .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 25%; padding:0 8px; }
}

@media(max-width: 1024px) {
    .appointment #DynamicFormObject fieldset .dynamicFormObjectSubmit input[type=submit] { margin-right: 0px; }
}

@media(max-width: 767px) {
    .appointment #GridPage { padding-top: 0; }

    .appointment .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { top: unset; position: relative; }

    .appointment #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 30px; max-width: 90%; margin: 0px auto 20px; }

    .appointment .form-container-wide #DynamicFormObject { height: auto; }

    .appointment .dynamicFormObjectFields fieldset { display: flex; flex-direction: column; justify-content: center; }
}

/*about page*/
@media (max-width: 1025px) {
    .aboutPage #DynamicFormObject fieldset .dynamicFormObjectSubmit input[type=submit] { margin-right: 0px; border: none; }
}

/*blog page*/
.blogPage #headline h1 { font-size: 140%; }
.blogPage #BlogView h2,.blogPage blog-related-posts h2 { font-size: 145%; }
.blogPage h3 { font-size:170%; }
.blogPage p { font-size:120%; }


@media (min-width: 1025px) {
    #home-gallery .gallery-caption .gallery-text span { font-size: 140%; }
    #header2 .header-top-right { align-items: center; }
    #header2 .header-top-right > a.phoneNumber { order: 4; top: -2px; position: relative; }
    #header2 .header-top-right a.lang { padding: 0; margin: 0 5px; }
}