﻿/* twena A*/
#MenuModule .menuModuleNav a.selected, #clubform .normal-form-comment a, #header2 ul.menu li.active, #header2 ul.menu li:hover, .blog-tags-list ul li.blog-tag a:focus, .blog-tags-list ul li.blog-tag a:hover, .blog-tags-list ul li.blog-tag.active a, .grid-boxes .grid-box-title h3 a { color: #000; background: transparent; }


#header2 { background: #f7f6f2; color: #000; }
#header2 .header-top-left a, #header2 ul.menu li, #header2 ul.menu li:hover { color: #000; background: transparent; }
#header .social-links a svg, #header2 .header-top-left svg { fill: #000; }
#header2.detailsInRow .max-width { max-width: calc(100% - 30px); height: 70px; }
#header2 ul.menu > li:before { content: none; }
#header2 ul.menu { font-size: 90%; margin: 0; }
#header2 .header-top .address { font-size: 80%; }
#header2 .header-top-left svg { width: 18px; height: 18px; }
#header2 .header-top-left { margin-right: 0; margin-left: 15px; }
#header2 .header-top-left a.social_icon_youtube, #header2 .social-links a.social_icon_youtube { /*background-image: url(/warehouse/temp/liadTwena/pinterest.svg);*/ background-size: contain; height: 15px; width: 15px; background-repeat: no-repeat; display: inline-flex; }
.social_icon_youtube svg { /* opacity: 0; */ }
#header2 #header-left img { width: 115px; }
#header2 #header-left { text-align: left; position: relative; }
#header2 #header-container { display: flex; align-items: center; justify-content: space-between; align-content: center; flex-direction: row-reverse; height: inherit; position: relative; }
#header2 .header-top-right { display: flex; flex-direction: row-reverse; align-items: baseline; }
#header2 ul.menu li.last-item { margin-right: 0; }
#header2 ul.menu li > a:focus { border: none; }
#header2 ul.menu li:before, #header2 ul.menu li:after { content: ''; width: 0%; border: none; position: absolute; height: 1px; background: #000; left: 50%; transform: translateX(-50%); transition: .25s ease-in-out; }
#header2 ul.menu li { position: relative; margin-right: 15px; }
#header2 ul.menu li:hover:before, #header2 ul.menu li:hover:after { width: 100%; }
#header2 ul.menu li:focus:before, #header2 ul.menu li:focus:after { width: 100%; }
#header2 ul.menu li:before, #header2 ul.menu li.active:before { bottom: -8px; }
#header2 ul.menu li:after, #header2 ul.menu li.active:after { top: -5px; }

#header2 ul.menu li.active:after, #header2 ul.menu li.active:before { content: ''; width: 40px; border: none; position: absolute; height: 1px; background: #000; left: 50%; transform: translateX(-50%); right: auto; }

#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: #000; }

@media(min-width:1025px) {
    #header2.detailsInRow .menu-nav { position: absolute; left: 50%; transform: translateX(-50%); margin: 0; }
    #header2 .header-top-left a { margin: 0 4px; }
    #header2 .header-top-left { display: flex; justify-content: center; align-content: center; align-items: flex-end; }
}

@media (max-width: 1025px) {
    #header2 ul.menu .social-links a svg { fill: #000; }
    #header2 .social-links { display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: center; }
    #header2 .social-links a { width: 35%; display: flex; justify-content: center; }
    #header2 .header-right-section { background: #f7f6f2; text-align: left; padding: 0; margin: 0; width: 15%; }
    #header2 .menu-nav .closed { display: none !important; }
    #header2.fixedMenu { height: 70px; padding: 3px 3px; }
    #header2 #header-container { height: 100%; }
    #header2 ul.menu { z-index: -10; background: #f7f6f2; height: calc(var(--app-height) - 70px); width: calc(var(--vw)); right: 0; overflow: hidden; position: fixed; text-align: center; margin-top: 70px; display: block !important; opacity: 0; transition: 0.25s ease-in-out; pointer-events: none; }
    #header2.open ul.menu { opacity: 1; pointer-events: auto; z-index: 10; }
    #header2 ul.menu li > a { font-size: 35px; }
    #header2.open, #header2.open .header-right-section { background: #fff; }
    #header2 li.social-mobile { list-style: none; }
    #header2 svg { width: 15px; height: 15px; margin: 3px 0 3px 3px; }
    #header2 .mobile-middle-kdm { display: none; }
    #header2 #header-left img { width: 87px; }
    #header2 #header-left { margin: 0; width: auto; position: absolute; z-index: 5; left: 50%; transform: translate(-50%, -50%); top: 50%; display: flex; align-items: center; justify-content: center; }
    #header2.detailsInRow .max-width { width: 100%; max-width: 100%; height: 100%; }
    #header2 ul.menu li:before, #header2 ul.menu li:after { content: none; }
    #header2 ul.menu li.active:after, #header2 ul.menu li.active:before { width: 0%; }
    #header2 ul.menu li.active a:after, #header2 ul.menu li.active a:before { content: ''; width: 100%; border: none; position: absolute; height: 1px; background: #000; left: 0; }
    #header2 ul.menu li a:before, #header2 ul.menu li a:after { content: ''; width: 0%; border: none; position: absolute; height: 1px; background: #000; left: 0; transition: .25s ease-in-out; }
    #header2 ul.menu li a { position: relative; padding: 0 10px; }
    #header2 ul.menu li { margin: 25px 0; pointer-events: none; padding-left: 0; }
    #header2.open ul.menu li { pointer-events: auto; }
    #header2 ul.menu li:hover a:before, #header2 ul.menu li:hover a:after { width: 100%; }
    #header2 ul.menu li:focus a:before, #header2 ul.menu li:focus a:after { width: 100%; }
    #header2 ul.menu li a:before { bottom: -5px; }
    #header2 ul.menu li a:after { top: -5px; }
}


@media (max-width: 1025px) and (min-width: 767px) {
    #header2.fixedMenu { padding: 3px 25px; }
    #header2 .menu-nav.pull-right { float: right !important; max-width: 36px; }

    #header2 li.social-mobile { margin-left: -10px; }
}

@media(max-width:767px) {
    #header2 .phone-icon a { color: #000; }
    #header2 .phone-icon { right: 60px; display: none; }
}


#SiteFooter { background: #f0eee9; }
.footer-text-divided { padding-top: 70px; padding-bottom: 36px; }
.footer-text-middle p:last-of-type { padding-top: 20px; }
.footer-text-middle p:last-of-type a { margin-right: 10px; }
.footer-text-middle p:last-of-type a:last-of-type { margin-right: 0; }
.footer-text-middle p:last-of-type a img { aspect-ratio: 1; width: 24px; }

@media(max-width:1025px) {
    #SiteFooter { padding-bottom: 0; }
}


/*contact */
.contactPage.specialBanner .top-caption { font-size: 400%; }
.contactPage #text1 h3 { font-family: 'Playfair Display'; font-size: 300%; margin-top: 60px; margin-bottom: 20px; }
.contactPage #text1 { max-width: 800px; }
.contactPage #text1 h4 { font-size: 100%; color: #576067; margin: 10px 0 30px; text-transform: uppercase; }
.contactPage #text1 p:last-child { margin-bottom: 35px; margin-top: 20px; }
.contactPage #text1 p { font-size: 90%; }

.specialBanner .top-caption { position: relative; width: 50%; background: #f0eee9; height: 450px; transform: none; left: 0; top: 0; color: #000; display: flex; font-size: 100%; justify-content: center; align-items: center; font-family: 'Playfair Display'; }
.specialBanner #GridTop { /* display: none; */ height: 100%; width: 585px; }
.specialBanner-gridTop { display: flex; max-width: 1170px; height: 450px; margin: auto; flex-direction: row; margin-top: calc(var(--headerHeight) + 20px); position: relative; }
.specialBanner #headline, .specialBanner #lobbyText { background-image: url(/warehouse/dynamic/309936.jpg); height: 100%; width: 585px; background-size: cover; display: none; }
.specialBanner #lobbyText { background-image: url(/warehouse/dynamic/309889.jpg); }
.specialBanner #headline h1, .specialBanner #lobbyText h1 { display: none; }
.specialBanner .top-caption h1 { font-size: 400%; }
.specialBanner .top-caption h1:before, .contactPage.specialBanner .top-caption:before { background-image: url(/warehouse/temp/liadTwena/STAMPA.svg); content: ""; position: absolute; top: 50%; left: 50%; background-repeat: no-repeat; background-position: center; transform: translate(-50%,-50%); width: 290px; background-size: 100%; z-index: 0; opacity: 0.15; height: 210px; pointer-events: none; -webkit-animation: spinInnerPages 25s linear infinite; animation: spinInnerPages 25s linear infinite; }
.form-container-wide #DynamicFormObject { background: #f0eee9; border: solid 1px #dedfe1; display: flex; flex-direction: column; align-items: center; justify-content: center; align-content: center; padding: 45px 80px; }
#DynamicFormObject:after { border: none; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-family: 'Playfair Display'; font-size: 139%; text-transform: uppercase; }
.normal-form input, .normal-form textarea, .normal-form select { background: #fff; border-radius: 0; width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 100%; color: #576067; margin: 10px 0 30px; text-transform: uppercase; }
.normal-form .must::before { left: 13px; }
#DynamicFormObject input[type=submit] { background: #fff; border: 1px solid #000; color: #000; font-size: 90%; transition: .2s ease-in; }
#DynamicFormObject input[type=submit]:focus, #DynamicFormObject input[type=submit]:hover { background: unset; color: #fff; border-color: #000; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:after { content: ''; position: absolute; width: 130px; height: 40px; bottom: -4px; right: -4px; border: 1px solid #000; z-index: -1; }
fieldset { display: flex; flex-wrap: wrap; justify-content: center; }
.normal-form input, .normal-form textarea, .normal-form select { font-size: 80%; }

.FormResultPageButton { background: #FFF; height: 40px; padding: 4px; width: 180px; border: 1px solid #000; position: relative; }
.FormResultPageButton:after { position: absolute; content: ''; border: 1px solid #000; width: 180px; height: 40px; z-index: -1; left: 1px; bottom: -5px; }
.FormResultPage #text1 { height: 100px; }
.dynamicFormObjectSubmit:before { position: absolute; left: 0; bottom: 0px; height: 0px; width: 100%; background: #000; color: #fff; -webkit-transition: all 0.2s linear; content: ''; z-index: -1; }
.dynamicFormObjectSubmit:hover:before { height: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { position: relative; }
.form-container-wide #DynamicFormObject .dynamicFormEndText { width: 100%; }

@media(min-width:767px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.3%; padding: 0 7px; }
    .form-container-wide #DynamicFormObject .textareaField { width: 100%; }
    #SiteGrid.layout-bottom #GridPromo { max-width: 1000px; padding: 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; padding: 0; }
    #DynamicFormObject input[type=submit] { width: 130px; border-radius: 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 130px; padding: 0; margin-top: 10px; }
    .specialBanner br { display: none; }
}

@media(max-width:1025px) {
    .specialBanner #GridPage { padding-top: 130px; }
    .aboutPage #GridPage { padding-top: 90px; }
    .specialBanner .top-caption { width: unset; height: unset; padding: 100px 0 90px; background: unset; }
    .specialBanner-gridTop { flex-direction: column; max-width: unset; align-items: center; height: unset; margin: 0; }
    .specialBanner #headline, .specialBanner #lobbyText { width: 60%; height: 355px; margin-bottom: 0; }
    .contactPage #text1 h3 { font-size: 200%; text-align: left; padding: 0 0 10px; margin-top: 50px; }
    .contactPage #text1 p { text-align: left; }
    #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; }
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { margin-bottom: 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { margin-top: 0; }
}

@media(max-width:767px) {
    .specialBanner #GridPage { padding-top: 70px; }
    .specialBanner .top-caption h1, .contactPage.specialBanner .top-caption { font-size: 250%; line-height: 1; }
    .specialBanner .top-caption h1:before, .contactPage.specialBanner .top-caption:before { width: 210px; }
    .specialBanner #headline, .specialBanner #lobbyText { width: 345px; height: 255px; }
    .form-container-wide #DynamicFormObject { padding: 40px 10px 50px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:after { right: -4px; bottom: -9px; width: 127px; }
    #DynamicFormObject .dynamicFormObjectSubmit { padding: 0; width: 130px; position: relative; height: 35px; margin-top: 10px; }
    #DynamicFormObject input[type=submit] { border-radius: 0; }
    #DynamicFormObject .dynamicFormObjectField .must:before { left: 23px; }
    #SiteGrid.layout-bottom #GridPromo { margin-bottom: 80px; }
    .dynamicFormObjectSubmit:hover:before { height: 106%; }
    .dynamicFormObjectSubmit:before { bottom: -4px; }
    .contactPage #text1 p { font-size: 80%; }

    .contactPage #text1 p:last-child { margin-bottom: 75px; }

    .contactPage #GridPage .max-width { width: 100%; padding: 0 15px; }

    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: 10px; }

    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { margin: 0 0 20px; }
}


/*about Page */
.aboutPage .grid-text.gridHasVideo { display: flex; flex-direction: column-reverse; max-width: 1150px; margin: auto; }
.aboutPage .gridHasVideo .grid-text-content h2 { font-size: 100%; font-family: 'futura-pt'; color: #576067; text-transform: uppercase; margin-top: 20px; margin-bottom: 25px; }
.aboutPage .gridHasVideo p { margin: 0 auto 30px; max-width: 800px; font-size: 90%; line-height: 1.5; }
.aboutPage .section { padding-top: 90px; margin-bottom: 0; }
.aboutPage .aboutLiad { padding-top: 80px; }
.aboutLiad .grid-rows { display: flex; flex-direction: column; align-items: center; background: #f0eee9; gap: 70px; padding: 40px 0; }
.aboutLiad .grid-rows .grid-row { max-width: 1150px; gap: 40px; display: flex !important; justify-content: center; align-items: center; background: #f0eee9; }
.aboutLiad .grid-rows .grid-row .flexslider-box { width: 43.5%; padding: 0; }
.aboutLiad .grid-rows .grid-row .flexslider-box li.slider-item { padding: 0; }
.aboutLiad .grid-rows .grid-row .flexslider-box li.slider-item .grid-row-image-container { position: relative; left: unset; top: unset; right: unset; bottom: unset; }
.aboutPage .grid-rows .grid-row .grid-row-cell-text { width: 45%; padding: 0; position: relative; }
.aboutLiad .grid-rows .grid-row .grid-row-cell-text .grid-row-text h3 { font-size: 100%; font-family: 'futura-pt'; color: #576067; text-transform: uppercase; margin-bottom: 25px; }
.aboutLiad .grid-rows .grid-row .grid-row-cell-text .grid-row-text ul { padding-inline: 20px; }
.aboutLiad .grid-rows .grid-row .grid-row-cell-text .grid-row-text :is(p, li) { font-size: 80%; line-height: 1.5; }
.aboutLiad .grid-rows::before, .aboutLiad .grid-rows::after { display: none; }

.aboutPage .gridshortWrapper { display: grid; grid-template-columns: 25% 25% 50%; grid-template-rows: 50% 50%; }
.aboutPage .gridshort-view-item { width: unset; padding: 6px; position: relative; margin: 0px; }
.aboutPage .gallery-container.section-animation-list.shown { max-width: 1170px; margin: auto; }
.aboutPage .gridshortWrapper:nth-child(even) { direction: rtl; }
.aboutPage .gallery-cubes .boxes-images-outer-image { padding-bottom: 71.7%; }

@media(min-width:1024px) {
    .aboutPage .gridshortWrapper .gridshort-view-item:nth-child(1) .boxes-images-outer-image { height: 412px; }
    .aboutPage .gallery-cubes .boxes-images-outer-image { padding-bottom: 0; height: 200px; }
    .aboutLiad .grid-rows .grid-row-cell { /* padding-top: 100px; */ /* padding-bottom: 70px; */ }
    .aboutLiad .grid-rows .grid-row-text { /* max-width: 520px; */ width: 100%; /* position: absolute; */ /* left: 30px; */ /* top: 50%; */ /* transform: translateY(-50%); */ }
}

@media(min-width:767px) {
    .aboutLiad .grid-rows .grid-row-cell { /* padding: 30px 0; */ }
    .aboutPage .aboutLiad h2 { margin-bottom: 30px; }
    .aboutLiad .box-image-animation img { width: 100%; height: auto; }
    .aboutLiad .box-image-animation { display: flex; justify-content: flex-end; align-items: center; }
    .aboutPage .grid-gallery-section .section-title { margin-bottom: 25px; }
    .aboutPage .gridshortWrapper:nth-child(odd) { direction: ltr; }
    .aboutPage .gallery-cubes > div:nth-child(1), .gridshortWrapper .gridshort-view-item:nth-child(1) { grid-column: 3/4; grid-row: 1/3; }
    .aboutPage .gallery-cubes > div:nth-child(2), .gridshortWrapper .gridshort-view-item:nth-child(2) { grid-column: 2/3; grid-row: 1/2; }
    .aboutPage .gallery-cubes > div:nth-child(3), .gridshortWrapper .gridshort-view-item:nth-child(3) { grid-column: 1/2; grid-row: 1/2; }
    .aboutPage .gallery-cubes > div:nth-child(4), .gridshortWrapper .gridshort-view-item:nth-child(4) { grid-column: 2/3; grid-row: 2/3; }
    .aboutPage .gallery-cubes > div:nth-child(5), .gridshortWrapper .gridshort-view-item:nth-child(5) { grid-column: 1/2; grid-row: 2/3; }
    .aboutPage .gallery-container.section-animation-list.shown { max-width: 1170px; margin: auto; }
    .aboutPage .gridshortWrapper:nth-child(even) { direction: rtl; }
}

@media(max-width:1024px) {
    .aboutPage .gallery-cubes { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 auto 30px; }
    .aboutPage .gallery-cubes > div { width: 50%; padding: 6px; }
    .aboutPage .grid-gallery-section { padding: 60px 15px 0px; }
}

@media(max-width:1024px) and (min-width:768px) {
    .aboutLiad .grid-rows .grid-row-cell li.slider-item { padding-bottom: 0; }
    .aboutLiad .grid-rows .grid-row-cell .grid-row-image-container { position: relative; }
    .aboutLiad .box-image-animation { display: flex; justify-content: center; }
    .aboutLiad .box-image-animation img { width: 83%; }
    .aboutLiad .grid-rows .grid-row-cell.flexslider-box { width: 40%; }
    .aboutPage #GridPage .max-width { width: 100%; padding: 0; }
    .aboutLiad .grid-rows .grid-row-text { margin-top: 0; }
    .aboutPage .grid-row .grid-row-cell.grid-row-cell-text { vertical-align: unset; }
}

@media(max-width: 767px) {
    .aboutPage .gridshort-view-item { width: 48%; margin: 3.5px; max-height: unset; }
    .aboutPage .gridshortWrapper { display: block; grid-template-columns: none; }
    .aboutPage .grid-gallery-section .section-title { margin-bottom: 20px; }
    .aboutPage .gridHasVideo .grid-text-content h2 { text-align: left; margin: 0 0 15px; font-size: 90%; }
    .aboutPage .grid-text .grid-text-content { width: 100%; padding: 0 6px; }
    .aboutPage .gridHasVideo p { text-align: left; margin-bottom: 20px; font-size: 80%; }
    .aboutPage .lobby-grid #GridPage .max-width { padding: 0; width: 100%; }
    .aboutPage .section { padding-top: 50px; padding-right: 0; padding-left: 0; }
    .aboutPage .grid-text.gridHasVideo .grid-iframe-holder { padding-bottom: 45%; }
    .aboutPage .grid-text-section .section-title { margin-bottom: 5px; }
    .aboutLiad .grid-row { display: flex !important; flex-direction: column-reverse; }
    .aboutPage .grid-rows .grid-row-text { width: 100%; padding: 0; margin: 0; }
    .aboutPage .grid-rows .grid-row-text p { font-size: 80%; }
    .aboutPage .grid-row li.slider-item { padding-bottom: 111%; }
    .aboutPage .gallery-cubes > div { padding: 4px; }
    .specialBanner-gridTop::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; background-color: #f0eee9; height: 100%; z-index: -1; }
    .aboutPage .aboutLiad { padding-top: 0; /* margin-top: 50px; */ }
    .aboutPage .aboutLiad::after { z-index: -2; content: ""; position: absolute; top: 0; width: 100%; height: 80%; left: 0; background: #f0eee9; }
    .aboutPage .aboutLiad .grid-rows { padding: 30px 15px; }
    .aboutPage .aboutLiad .grid-rows .grid-row-text h2 { margin-bottom: 20px; }
    .aboutLiad .grid-rows .grid-row { gap: 20px; flex-direction: column; }
    .aboutPage .grid-rows .grid-row .grid-row-cell-text { width: 100%; }
    .aboutLiad .grid-rows .grid-row .flexslider-box { width: 100%; }
    .aboutPage .grid-text-section { padding-left: 15px; padding-right: 15px; }
    .aboutPage .grid-text-section .section-title h2 { text-align: left; }
    .aboutPage .grid-text-section .section-title h2, .aboutPage .grid-rows .grid-row-text h2, .aboutPage .grid-gallery-section .section-title h2 { font-size: 200%; }
}

@media(max-width:375px) {
    .aboutPage .gridshort-view-item { width: 100%; margin: 5px 0; }
}

/*blog press*/

.press.contentInnerPage #subheadline { text-align: center; }
.press.contentInnerPage #text1 { max-width: 1000px; font-size: 90%; text-align: left; }


.FooterForm.form-container-wide { float: none; width: 100%; }
.footerFormContainer { background: transparent; }
.footerFormContainer .button-holder { display: none; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.33%; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; margin-top: 20px; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { margin-bottom: 35px; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: auto; }
.contactPage .FooterForm.form-container-wide { display: none; }
@media(max-width: 767px) {
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; padding: 0; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { margin: 0; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 127px; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField .must::before { left: 11px; }
}