﻿/**Gavriel-Asulin***/
body, html { font-size: 18px; line-height: 1.2; color: #121212; }
h5 { color: #d2232a; font-size: 140%; }
hr { border-top: 2px solid #dcdcdc; }

#header2 { background: #fff; padding: 13px 10px; position: fixed; transition: all 500ms ease-out; -webkit-transition: all 500ms ease-out; background: rgba(255, 255, 255, 1); -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); border-bottom: 0px solid #e8e8e8; }
#header2 .max-width { max-width: 95%; }
#header2 #header-left img { max-height: 50px; width: auto; }
#header2 ul.menu li:before { border: 0px; width: 0px; margin: 0; }
#header2 ul.menu li.active { color: #d2232a; }
#header2 .header-top-left svg { width: 10px; fill: #121212; }
#header2 .header-top-left a { width: 25px; height: 25px; border: 1px solid #121212; border-radius: 3px; text-align: center; position: relative; top: -3px; }
#header2 .header-top-left a,
#header2 .header-top-left a svg { transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; }
#header2 .header-top-left a:hover { border-color: #0d4799; }
#header2 .header-top-left a:hover svg { fill: #0d4799; }
#header2 .header-top .address { color: #121212; font-size: 120%; }
#header2 .has-sub i.opensub { font-size: 100%; }

@media(min-width:1025px) {
    #header2 .menu-nav { width: auto; }
    #header2 .header-top { width: calc(100% - 1180px); }
    #header2 .header-top { margin-top: 1%; padding-top: 0; display: inline-block; float: none !important; width: auto; }
    #header2 ul.menu > li:after { content: "/"; display: inline-block; width: auto; border: 0px; position: relative; left: -12px; color: #d2232a; }
    #header2 ul.menu > li.last-item:after { display: none; }
    #header2 ul.menu li { color: #121212; font-size: 117%; margin-left: 25px; }
    #header2 ul.menu li a:focus { opacity: 1; }
    #header2 ul.menu li:hover,
    #header2 ul.menu li:focus,
    #header2 ul.menu .menu-sub li:hover,
    #header2 ul.menu .menu-sub li:focus { color: #d2232a }
    #header2 .menu-sub { background: #fff; }
    #header2 ul.menu .menu-sub li { color: #121212; padding: 3px 0; }
    #header2 .header-top-right a.lang { background-color: #10549a; color: #fff; text-transform: uppercase; display: inline-block; line-height: 23px; }
    #header2 .languages { float: left; margin-right: 15px; margin-top: -2px; }
    #header2 .header-top .address { display: none; }
}

@media(max-width:1700px) and (min-width:1025px) {
    #header2 #header-left { width: 100px; }
    #header2 #header-left img { max-height: 30px; }
    #header2 .max-width { max-width: 99%; }
    #header2 ul.menu li { font-size: 110%; margin-left: 10px; }
    #header2 ul.menu > li:after { left: -7px; }
    #header2 .header-top .address { font-size: 120%; }
}

@media(max-width:1250px) and (min-width:1025px) {
    #header2 ul.menu > li:after { left: -3px; }
    #header2 ul.menu li { font-size: 100%; margin-left: 5px; }
    #header2 .header-top.social-links { font-size: 100%; margin-right: 15px; margin-top: 9px; }
    #header2 .header-top-left { margin-right: 5px; }
    #header2 .header-top-left a { width: 20px; height: 20px; top: 0; }
    #header2 .max-width { width: 100%; }
    #header2 .header-top-left svg { width: 7px; height: auto; position: relative; top: -3px; }
}

@media (max-width:1024px) {
    .header-right-section { background: #0d4799; }
    #header2 ul.menu { background: #0d4799; }
    #header2 .menu-sub { background: transparent }
    #header2 ul.menu .menu-sub li { color: #fff; }
    #header2 ul#menu > li.active > a { color: #121212 }
    #header2 ul.menu li a:focus { opacity: 1; }
    #header2 ul.menu .active .menu-sub li { color: #121212; }
    #header2 ul.menu .active .menu-sub li.active { color: #d2232a; }
    #header2 ul#menu > li:hover { color: #fff }
    #header2 ul#menu > li.active:hover { color: #d2232a; }
    #header2 ul.menu > li { font-size: 130%; padding: 9px 0; }
    #header2 ul.menu > li:after { content: ""; position: absolute; width: 80%; left: 10%; height: 1px; background-color: #fff; top: 0px; opacity: 0.2; }
    #header2 ul.menu > li:nth-child(1):after { display: none; }
}

@media (min-width:767px) {
    .whatsApp-icon-mobile { display: none; }
}

@media (max-width:767px) {
    #header2 #header-left img { max-height: 40px; }
    .fa-phone:before { color: #0d4799 }
    #header2 .phone-icon { font-size: 200%; left: -80%; }
    #header2 .header-right-section { width: 35px; }
    .modal .close svg { width: 30px; }
    #header2.open #header-left { z-index: -2; }
    #header2 ul.menu > li { font-size: 100%; }
    #header2 .languages { right: auto; left: 27px; text-transform: uppercase; position: fixed; top: 30px; }
}

#SiteFooter #partners-section { background-image: url('../../../warehouse/temp/gavriel-asulin/bg_footer.png'); padding: 60px 0; }
#SiteFooter .site-credit.alternative { background: #fff; padding: 10px 0; }
#SiteFooter #partners-section p { color: #fff; font-size: 170%; margin-top: 5px; }
#SiteFooter #partners-section p:not(:nth-child(1)) img { max-width: 28px; }
#SiteFooter #partners-section a, #SiteFooter .footer-text .menu-nav a { padding: 0; }

@media(max-width:991px) and (min-width:768px) {

    #SiteFooter #partners-section img { width: 300px; }
    #SiteFooter #partners-section p { font-size: 150%; }
    #SiteFooter #partners-section { padding: 40px 0; }
}

@media (max-width:767px) {
    #SiteFooter img { max-width: 230px; }
    #SiteFooter #partners-section p { font-size: 120% }
    #SiteFooter #partners-section { background-position: 50%; padding: 25px 0; }
    #SiteFooter .site-credit.alternative { padding: 10px 0 }
    #SiteFooter { }
}

.section-title { margin-bottom: 75px }
.section-title h1 { font-size: 280%; font-family: practicaRegular, Arial; font-weight: bold }
.section-title h1 span { color: #da444c; }
.section-title h2 { font-size: 280%; font-family: practicaRegular, Arial; font-weight: bold; }
.section-title h2 span { color: #da444c; }

@media(max-width:991px) {
    .section-title { margin-bottom: 40px; }
}

@media(max-width:767px) {
    .section-title h2, .section-title h1 { font-size: 240%; line-height: 0.9; }
}

#home-gallery .scroll-down svg .st0 { fill: #fff; }
#home-gallery .gallery-caption .gallery-text { font-size: 250%; text-align: center; direction: rtl; }
#home-gallery .gallery-caption .gallery-text .smallTextHP { display: block; font-size: 60%; }
#home-gallery .gallery-caption .gallery-text a { font-size: 53%; width: 200px; display: block; margin: 0 auto; border: 2px solid #fff; border-radius: 3px; margin-top: 38px; line-height: 44px; padding-top: 2px; transition: all .25s ease-in-out; }
#home-gallery .gallery-caption .gallery-text a:hover { transition: all .25s ease-in-out; background: #d93c43; color: #fff; border-color: #d93c43; }
#home-gallery .gallery-caption { top: 52%; width: 850px }
#home-gallery .opacity-layer { opacity: 0 !important; }

@media (max-width:1170px) {
    #home-gallery .gallery-caption .gallery-text { white-space: normal; }
    #home-gallery .gallery-caption { top: 52%; }
}

@media (max-width:991px) {
    #home-gallery .gallery-caption .gallery-text { line-height: 100%; font-size: 200%; }
    #home-gallery .gallery-caption { max-width: 85% }
    #header2 .max-width { max-width: 100%; width: 96%; }
}

@media (max-width:767px) {
    #home-gallery .gallery-caption .gallery-text { font-size: 140% }
    #home-gallery .gallery-caption { top: 56% }
    #home-gallery .scroll-down { bottom: 4% }
    #home-gallery .gallery-caption .gallery-text a { font-size: 80%; margin-top: 10px; line-height: 38px; }

    .TopVideo iframe { height: 57vw; position: unset; transform: none; width: 100%; }
    .TopVideo { display: none !important; }
    #TopVideo { display: block !important; margin-top: 71px; height: auto !important; }
    #home-gallery { height: auto !important; }
}

#promotionWindow-first a { background: #da444c !important; font-size: 20px; }

.grid-text .grid-text-content p { font-size: 133%; }
#LobbyModule .grid-text .grid-text-content p { font-size: 100%; }
#LobbyModule .grid-text-section .section-animation-item { width: 100% }
.grid-text .sec-button { color: inherit; width: 200px; display: block; border: 2px solid #000; border-radius: 3px; margin-top: 38px; line-height: 44px; padding: 0px; padding-top: 2px; font-size: 130%; text-align: center; background: transparent; color: #da444c; transition: all .25s ease-in-out; }
.grid-text .sec-button:hover { -webkit-transform: none; transform: none; background: #d93c43; color: #fff; border-color: #d93c43; }

.grid-boxes .grid-box-title h3 { font-size: 100%; }
.grid-boxes .grid-box-title h3 a { color: #105399; }
.grid-boxes .box-image-animation:hover .grid-box-image-text img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

.grid-short-box.box .grid-short-box-subtitle { border-color: #da444c }

@media (min-width:1441px) {
    #GridTop, #GridTop.blog { height: 600px; }
}

@media (max-width:1440px) and (min-width:992px) {
    #GridTop, #GridTop.blog { height: 500px; }
}

@media(min-width:768px) {
    #gridshort-view-media .grid-short-box-label { min-height: 85px }
    .grid-short-box { margin-bottom: 30px; }
}

@media (max-width:991px) and (min-width:768px) {
    #GridTop, #GridTop.blog { height: 500px; }
    #GridPage .max-width { width: 90%; }
}

@media(max-width:767px) {
    .grid-box.col-xs-6 .grid-box-title h3 { font-size: 100%; }
    #GridPage .max-width { max-width: 90%; }
}

#GridTop .top-caption { font-size: 280%; }
#headline { font-size: 220%; text-align: right; }
#headline h1:after { content: ""; background: #da444c; width: 80px; height: 4px; display: block; }
#text1, #text2, .panel-group { text-align: right; max-width: 740px; margin: 0; }

@media (max-width:991px) {
    #text1, #text2, .panel-group { max-width: 600px; }
}

@media (max-width:767px) {
    #text1 iframe, #text2 iframe { width: 100vw; height: 55vw; }
}

#promotionWindow-second { background: #ebebeb !important; color: #fff; border: 0px; box-shadow: 0px 0px 30px 4px rgba(0, 0, 0, 0.3); }
#promotionWindow-second .promotionWindow-second-text, #promotionWindow-second .promotionWindow-second-close a { color: #121212 !important; font-size: 120%; }
#promotionWindow { max-width: 330px; }
#promotionWindow-second h3 { color: #fff !important; margin: 0px; }
#promotionWindow-second .promotionWindow-second-button { background: #da444c !important; border-radius: 0px; padding: 10px 20px; }
#promotionWindow-second > div { padding: 15px 10px 35px 10px; }

.fa-remove:before, .fa-close:before, .fa-times:before { content: "\f057" !important; }
.fa-times { color: #0d4799 }

.solutionsSection.grid-content-section { padding-top: 80px; margin-bottom: 20px; }
.solutionsSection .grid-boxes .box-image-animation .grid-box-image-text img { max-height: 100px; width: auto; margin: 0 auto; }
.solutionsSection .grid-boxes .box-image-animation .grid-box-image-text p { font-size: 90%; line-height: 1; }
.solutionsSection .grid-boxes .box-image-animation .grid-box-image-text p:nth-child(1):after { content: ""; width: 80px; height: 3px; background-color: #da444c; display: block; margin: 20px auto; }
.solutionsSection .grid-box-opacity-layer { background-color: rgba(8, 41, 76, 0.8); }
.solutionsSection .grid-boxes .section-animation-item { margin-right: 0px; width: calc(33.33% - 3px); }

@media (max-width:1440px) {
    .solutionsSection.grid-content-section { max-width: 1170px; }
}

@media(min-width:992px) {
    .grid-boxes .grid-box-image { padding-bottom: 67%; margin-bottom: 10px; }
}

@media (max-width:991px) {
    .solutionsSection.grid-content-section { padding: 50px 30px 20px; }
    .solutionsSection .grid-boxes .box-image-animation .grid-box-image-text img { max-height: 80px; }
    .solutionsSection .grid-box-image-text { width: 90% }
    .solutionsSection .grid-boxes .box-image-animation .grid-box-image-text p:nth-child(1):after { margin: 8px auto; }
    .solutionsSection .grid-boxes .box-image-animation .grid-box-image-text p { font-size: 70%; }
    #promotionWindow-second h3 { margin-bottom: 0px; }
    .grid-boxes .box-image-animation img { height: 100%; width: auto; margin: 0 auto; }
    .grid-boxes .grid-box { margin-bottom: 0px; }
    .grid-boxes .grid-box-image { margin-bottom: 15px; }
    .grid-boxes .section-animation-item { margin-bottom: 0px; padding: 0 10px; }
}

@media(max-width:767px) {
    .solutionsSection.grid-content-section { padding: 50px 15px 20px; }
    .solutionsSection .grid-boxes .grid-box { width: 50%; padding: 0 9px; margin: 0 -2px; }
    .solutionsSection .grid-boxes .box-image-animation .grid-box-image-text p { font-size: 5vw; }
    .solutionsSection .grid-boxes .box-image-animation .grid-box-image-text p:nth-child(2) { height: 30px; }
    .solutionsSection .grid-boxes .box-image-animation .grid-box-image-text img { max-height: 18vw; }
}

.bookSection { margin: 0 auto 80px; max-width: 1440px; padding: 40px 15px 20px; }
.bookSection .grid-rows .grid-row { direction: ltr !important; color: #fff; }
.bookSection .grid-rows .grid-row-text { width: 430px; }
.bookSection .grid-rows .grid-row-text h2 { font-size: 210%; font-weight: bold }
.bookSection p { font-size: 120%; }
.bookSection .grid-rows .grid-row-text a.grid-row-button { color: inherit; width: 200px; display: block; border: 2px solid #fff; border-radius: 3px; margin-top: 38px; line-height: 44px; padding: 0px; padding-top: 2px; font-size: 130%; text-align: center; transition: all .25s ease-in-out; }
.bookSection .grid-rows .grid-row-text a.grid-row-button:hover { background: #fff; color: #121212 }
.bookSection .grid-row-cell.flexslider-box.section-animation-item { background: #ebebeb; }
.bookSection .box-image-animation img { width: 560px }
.bookSection .flex-control-paging li a { border: 2px solid #105399; background: transparent; }
.bookSection .flex-control-paging li a.flex-active { background: #105399; }

@media (max-width:1440px) {
    .bookSection { max-width: 1170px; }
}

@media(max-width:1024px) and (min-width:992px) {
    .bookSection .grid-row li.slider-item { padding-bottom: 85%; }
    .bookSection .box-image-animation img { width: 100%; height: auto !important; }
}

@media (max-width:991px) {
    .bookSection .grid-rows .grid-row-text { width: 90%; margin-top: 0px; }
    .bookSection p { font-size: 100% }
    .bookSection .box-image-animation img { width: 100%; height: auto !important; }
    .bookSection .grid-rows .grid-row-text a.grid-row-button { margin-top: 20px; font-size: 110%; line-height: 35px; width: 150px; }
    .bookSection .grid-row-cell.flexslider-box.section-animation-item { padding: 15px 0; }
    .bookSection { margin-bottom: 30px; padding: 20px 30px 20px; }
}

@media(max-width:767px) {
    .bookSection { padding: 0px; }
    .bookSection .grid-rows .grid-row-text { text-align: center; }
    .bookSection .grid-rows .grid-row-text a.grid-row-button { margin: 20px auto 0; }
    .bookSection .grid-rows .grid-row-text h2 { max-width: 300px; margin: 20px auto 3%; }
    .bookSection .grid-row li.slider-item { padding-bottom: 80% }
}

.customerSection { margin-bottom: 0; }
.customerSection .section-title { margin-bottom: 60px; }

@media (max-width:991px) {
    .customerSection .section-title { margin-bottom: 40px; }
}

.textCustomerSection .grid-text .grid-text-content { max-width: 850px; }

.articleSection { margin-bottom: 0; }
.articleSection .section-title { margin-bottom: 45px; }
.textArticleSection { padding-top: 0; }
.textCustomerSection { margin-bottom: 50px; }

@media (max-width:1440px) {
    .articleSection { max-width: 1170px; }
}

@media (max-width:991px) {
    .grid-content-section.articleSection { padding-top: 0px; }
    .textArticleSection { margin-bottom: 30px; }
    .textArticleSection .grid-text .sec-button { margin-top: -10px; }
    .articleSection .section-title { margin-bottom: 25px; }
    .articleSection .grid-boxes .section-animation-item { width: 33.33%; }
    .articleSection .grid-boxes .section-animation-item:nth-last-child(1) { display: none; }
    .sections .articleSection { padding: 50px 15px 20px; }
}

@media(max-width:767px) {
    .articleSection .grid-boxes .grid-box { margin-bottom: 30px }
    .textCustomerSection .grid-text .grid-text-content { width: 95%; }
    .textCustomerSection .grid-text .grid-text-content p { font-size: 110% }
    .textCustomerSection { margin-bottom: 30px; }
    .textCustomerSection .grid-text .sec-button { margin-top: 30px; }
    .articleSection .grid-boxes .section-animation-item { width: 50%; }
    .articleSection .grid-boxes .section-animation-item:nth-last-child(1) { display: inline-block; }
    .textArticleSection .grid-text .sec-button,
    .textCustomerSection .grid-text .sec-button { line-height: 35px; font-size: 110%; }
}

.owl-carousel .owl-item .item .plus-sign img { width: 100px; }
.owl-carousel .owl-item .item .plus-sign { width: 100px; height: 100px; background: transparent; }
.owl-carousel .owl-item .item .plus-sign span { width: 100%; }

@media(max-width:767px) {
    .owl-carousel .owl-item .item .plus-sign, .owl-carousel .owl-item .item .plus-sign { opacity: 1; }
}

#contactDetails h3 { font-size: 30px }
#contactview #headline { text-align: center; }
#contactview #headline h1:after { margin: 0 auto; }
#contactform h3 { font-size: 170%; }

.form-container-wide #DynamicFormObject .dynamicFormEndText { font-size: 105%; color: #fff; width: 100%; }
.dynamicFormEndText p { font-size: 110%; color: #fff; }
.normal-form select { margin-bottom: 8%; }
.normal-form textarea, .normal-form select, .normal-form input { background-color: #ebebeb; border: 0px; border-radius: 0px; font-size: 90%; padding-right: 13px; padding-left: 13px; }
.normal-form { background: #0d4799; color: #fff; border: 0px; }
body:not(.contact) .normal-form:after { display: none; }
#promotionWindow-modal .normal-form:after { display: none; }


#side-contact-form #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle,
#GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 76%; font-weight: normal; }
#side-contact-form #DynamicFormObject,
#GridPromo #DynamicFormObject { background-color: #0d4799; border: 0; }
#side-contact-form #DynamicFormObject:after,
#GridPromo #DynamicFormObject:after { border: 0px; }
#side-contact-form #DynamicFormObject .dynamicFormObjectTitleAndText,
#GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText { color: #fff; margin-bottom: 0px; }
#side-contact-form #DynamicFormObject .dynamicFormObjectFields .top-form,
#GridPromo #DynamicFormObject .dynamicFormObjectFields .top-form { color: #ffffff; font-size: 115%; display: block; margin-bottom: 10px; }
#side-contact-form .button-holder#FixFormOuter,
#GridPromo .button-holder#FixFormOuter { background-color: #0d4799; line-height: 14px; }
#side-contact-form .button-holder#FixFormOuter p,
#GridPromo .button-holder#FixFormOuter p { font-size: 14px; line-height: 100% !important; }
#GridPromo .phoneFormIcon, #side-contact-form .phoneFormIcon { fill: #DA444C; }
#side-contact-form #DynamicFormObject input[type="submit"]:hover,
#GridPromo #DynamicFormObject input[type="submit"]:hover,
.normal-form input[type="submit"]:hover { background: #d93c43; border: 1px solid #d93c43; color: #fff; }
#side-contact-form #DynamicFormObject input[type="submit"], #GridPromo #DynamicFormObject input[type="submit"], .normal-form input[type="submit"],
#DynamicFormObject input[type=submit] { background-color: #da444c; border-radius: 0px; transition: all .25s ease-in-out; }
.must:before { color: #121212 }


#contactform textarea { margin-top: 5px; margin-bottom: 20px; }
#contactform { background: #e0e0e0; color: #121212; }
#contactform:after { display: block; border-color: #121212; }
#contactform textarea, #contactform input { background: #fff }
#contactform input[type="submit"] { background-color: #da444c; border: 1px solid #da444c; }
#contactform input[type="submit"]:hover { transition: all .25s ease-in-out; background: #d93c43; color: #fff; border-color: #d93c43; }

#promotionWindow-modal .close { color: #fff; }
#promotionWindow-modal .modal-content { background-color: #eaeaea; border-radius: 0; }
#promotionWindow-modal .modal-content:after { content: ""; position: absolute; border: 1px solid #121212; top: 8px; bottom: 8px; left: 8px; right: 8px; border: 1px solid #666; pointer-events: none; }
#promotionWindow-modal .close .fa-times { color: #fff; }
#promotionWindow-modal .close { top: -40px; transform: translate(-50%); left: 50%; }
#promotionWindow-modal input { background: #fff; }
#promotionWindow-modal #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField.checkboxField { width: 100%; }
#promotionWindow-modal #DynamicFormObject { border: 0px; background: transparent; }
#promotionWindow-modal #DynamicFormObject input[type=submit] { transition: all .25s ease-in-out; background: #da444c; color: #fff; border-color: #da444c; border-radius: 0px; }
#promotionWindow-modal #DynamicFormObject input[type=submit]:hover { transition: all .25s ease-in-out; background: #d93c43; color: #fff; border-color: #d93c43; }
#promotionWindow-modal.modal.fade.in { background: rgba(0,0,0,.5); }
#promotionWindow-modal.modal.fade.in .modal-backdrop.in { opacity: 0; }

.contact #GridPromo #DynamicFormObject { color: #121212; max-width: 990px; margin: 0 auto; }
.contact .normal-form textarea, .contact .normal-form input { background: #fff; }
.contact #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText { color: inherit; width: 100%; display: block; }
.contact .dynamicFormEndText p { color: inherit; }
.contact .form-container-wide #DynamicFormObject .dynamicFormEndText { color: inherit; display: block; }
.contact .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; display: block; }
.contact #GridPromo #DynamicFormObject:after { border: 1px solid #666; }

.contact #text1 { text-align: center; margin: 0 auto; }
#side-contact-form .scn-reader-only { border-color: #0d4799; }

#DynamicFormObject textarea { padding-top: 8px; }

@media(min-width:768px) {
    .contact .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.33%; padding: 0 15px; }
    .contact .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
    .contact .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 33.33%; margin-right: 33.33%; }
    .contact #GridPromo .must:before { right: 18px; }
}

@media (min-width:992px) {
    #GridPromo .dynamicFormObjectField, #GridPromo .dynamicFormObjectSubmit { padding: 0; }
    #GridPromo .must:before { right: 6px; }
    .normal-form textarea, .normal-form select, .normal-form input { margin-bottom: 10px; }
    #promotionWindow-modal #DynamicFormObject .dynamicFormObjectText { margin-top: 10px; margin-bottom: 21px; }
    #promotionWindow-modal #DynamicFormObject .dynamicFormObjectSubmit { margin: 0 auto; float: none; display: inline-block; }
    #promotionWindow-modal #DynamicFormObject .dynamicFormObjectFields { margin-bottom: 0; }
    #promotionWindow-modal #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField { float: right; padding: 0 5px; }
    #promotionWindow-modal #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField.checkboxField { width: 100%; margin-bottom: 0; }
}

@media(max-width:1170px) and (min-width:992px) {
    .normal-form textarea, .normal-form select, .normal-form input { max-width: 100%; }
    .contact .normal-form input { max-width: 100%; }
    .contact .normal-form textarea { max-width: 100%; width: 100%; }
    .contact .form-container-wide #DynamicFormObject .dynamicFormObjectField { padding: 0 7px }
    .contact #GridPromo .must:before { right: 12px; }
}

@media (max-width:991px) and (min-width:768px) {
    #contactform .contact-container .col-md-4,
    .dynamicFormObjectField:not(.textareaField),
    #DynamicFormObject .dynamicFormObjectSubmit { width: 33.33%; padding: 0px 5px; }
    #contactform .contact-container .col-md-12,
    .dynamicFormObjectField.textareaField { padding: 0px 5px; }
    #DynamicFormObject .dynamicFormObjectFields { width: 85%; margin: 0 auto 20px; }
}

@media (max-width:991px) {
    #contactform .must:before { right: 10px }
    .normal-form input { margin-bottom: 10px; }
    #side-contact-form #DynamicFormObject { background: #eaeaea; }
    #side-contact-form #DynamicFormObject .dynamicFormObjectTitleAndText, #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText { color: inherit }
    .dynamicFormEndText p { color: inherit; }
    .normal-form textarea, .normal-form select, .normal-form input { background: #fff; width: 100%; margin-right: 0; margin-left: 0; max-width: 100%; margin-top: 5px; margin-bottom: 10px; }
    .normal-form:after { display: block; }
    #side-contact-form #DynamicFormObject:after,
    #GridPromo #DynamicFormObject:after { border: 1px solid #121212; }
    #DynamicFormObject .dynamicFormObjectSubmit { margin: 0 auto; float: none; clear: both; }
    #DynamicFormObject .must:before { right: 10px }
    #promotionWindow-modal .normal-form:after { display: none; }
}

@media(max-width:767px) {
    #side-contact-form.mobile-form { width: 90%; margin-bottom: 40px; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 22px; }
    #side-contact-form #DynamicFormObject input[type="submit"],
    #GridPromo #DynamicFormObject input[type="submit"],
    .normal-form input[type="submit"] { font-size: 110% !important; }
    #promotionWindow { display: block !important; position: fixed; bottom: 0; top: auto; }
    #promotionWindow-modal .modal-content { width: 100%; }
    #promotionWindow-modal .close { top: 15px; transform: translate(0%); -webkit-transform: translate(0%); left: 15px; }
    #promotionWindow-modal .close .fa-times { color: #0d4799; }
}


.categories-strip { background: #eaeaea; color: #121212; }
.categories-strip ul li.active { background: #fff; color: #da444c; }
.mobile-strip .select-wrapper li.strip-item { color: inherit; }
.faq-headline, .faq-headline.open { background: #eaeaea; }
.BlogArticle { background: #eaeaea; }
.blog-related-post img { display: none }

@media (max-width:991px) {
    .categories-strip ul li { padding: 7px 15px; }
    .categories-strip { padding: 10px; }
    .categories-strip ul li:nth-child(1) { font-family: practicaBold, Arial; }
}

@media (max-width:767px) {
    .categories-strip { padding: 0px; }
    .faq-headline { padding-left: 20%; }
}




#multi-content-modal.videoInPop .modal-content { padding: 0; height: 450px; }
#multi-content-modal.modal .close { left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); }

@media(max-width:991px) {
    #multi-content-modal.videoInPop .modal-content { height: 365px; }
}

@media(max-width:767px) {
    #multi-content-modal.videoInPop .modal-content { height: 150px; }
}



#GridWrapInner { direction: rtl; }

#GridPromo.hasPromoZone { background: #ececec; }
.promoZone-content h2 { font-size: 130%; }
.promoZone-content h2:after { content: ""; background: #da444c; height: 3px; width: 100%; display: block; margin-top: 5px; }

.promoZone-content p { padding: 20px 0; /*border-bottom: 1px solid #e1e1e1;*/ font-size: 90%; width: 100%; }

.promoZone-content table img { max-width: 100%; }
.promoZone-content p strong { color: #da444c; font-weight: normal; font-size: 90%; }
.promoZone-content p img { float: right; margin-left: 10px; max-width: 100%; }
.promoZone-content iframe { height: 180px; }
#promoZone { background: transparent; padding: 25px 0; }

.promo-zone-5 .promoZone-content a, .promo-zone-4 .promoZone-content a { display: inline-block; border: 2px solid #000; border-radius: 3px; padding-top: 2px; text-align: center; background: transparent; color: #da444c; line-height: 1; padding: 10px 20px; margin-top: 10px; transition: all .25s ease-in-out; }
.promo-zone-5 .promoZone-content a:hover, .promo-zone-4 .promoZone-content a:hover { transition: all .25s ease-in-out; background: #d93c43; color: #fff; border-color: #d93c43; color: #fff }

.promo-zone-21 .promoZone-content h2:after { opacity: 0; }
.promo-zone-21 .promoZone-content p img { float: none; }
.recommandations #headline,
.contact #headline, .page-3703 #headline { text-align: center; }
.recommandations.innerSeminar #headline { text-align: left; }
.recommandations #headline h1:after,
.contact #headline h1:after,
.page-3703 #headline h1:after { margin: 0 auto; }
.recommandations.innerSeminar #headline h1:after { margin: 0; }
.recommandations.innerSeminar .grid-text p { margin-top: 10px; }

.grid-text .grid-text-content p.bottomText strong { color: #da444c; font-weight: normal; }
.grid-text .grid-text-content p.bottomText { font-size: 110%; font-weight: normal; }
.page-15162 #text1 .videos { display: flex; flex-direction: row-reverse; gap: 20px; }
.page-15162 #text1 .videos > div { width: 50%; }

@media (max-width:991px) {
    .promoZone-content iframe { height: 22vh; padding: 0 12px; }
    .promoZone-content p { display: inline-block; }
}

@media(min-width:992px) {
    #GridPromo.hasPromoZone { width: 35%; }
    #GridContent.layout-promo-left { width: 65%; }
}

@media (max-width:767px) {
    .page-15162 #text1 .videos { flex-wrap: wrap; }
    .page-15162 #text1 .videos > div { width: 100%; padding-top: 122% !important; }
    .promoZone-content iframe { height: 26vh }
    .promo-zone-4 .promoZone-content p:nth-last-child(1) { width: 100%; }
    .promo-zone-4 .promoZone-content p:nth-last-child(1) > strong > a { font-size: 135%; display: inline-block; border: 2px solid #000; border-radius: 3px; padding-top: 2px; text-align: center; background: transparent; color: #da444c; line-height: 35px; padding: 0px 20px; margin-top: 10px; transition: all .25s ease-in-out; }
}

.lobby-grid .section { text-align: right; }
.lobby-grid .grid-text .grid-text-content p { max-width: 780px }
.lobby-grid .section { margin-bottom: 0px; }

.recommandations #GridPage { max-width: 1170px; margin: 0 auto; }

#text1 P, #text2 p, #text1 ul, #text1 ol { font-size: 20px; line-height: 1.3; }
#text1 h3 { font-size: 30px; margin-bottom: 20px; }
#text1 h3:after { content: ""; background: #da444c; width: 80px; height: 4px; display: block; margin-top: 10px; }

#headline h1 { font-weight: bold }
#text1 li li { font-size: 19px; }
#text1 ul > li { list-style: none; position: relative; }
#text1 ul > li::before { content: "•"; color: #105399; display: inline-block; width: 1em; margin-left: 10px; margin-right: -20px; position: absolute; font-size: 30px; top: -7px; height: auto; }

#text1 ol { list-style: none; counter-reset: li; }
#text1 ol > li::before { content: counter(li) ". "; color: #105399; display: inline-block; width: 1em; font-size: 30px; margin-right: -20px; margin-left: -5px; }
#text1 ol > li { counter-increment: li; position: relative; }



#top-gallery .opacity-layer { opacity: 0 !important }

#LobbyModule .owl-carousel .owl-item .item .plus-sign img { width: 50px; }
#LobbyModule .owl-carousel .owl-item .item .plus-sign { width: 50px; height: 50px; }

@media(max-width:1170px) {
    #galleryview { max-width: 90%; }
}

@media(max-width:767px) {
    body:not(.home-page) #GridPromo, #GridPromoZone { padding: 0px; margin: 0 auto; max-width: 90% }
}

a.AccessabilityLink { color: #121212; }

#headline + #text1 h3:nth-child(1):after { display: none; }
.theBook mark { background-color: #ff0; }
.theBook #text1 > table { padding: 0 25px; width: 100%; margin-bottom: 50px; margin: 0 auto 50px; text-align: center; background: #eaeaea; position: relative; }
.theBook #text1 > table td { padding: 10px 30px 35px 30px; }
.theBook #text1 > table td td { padding: 0; position: relative; }
.theBook #text1 > table h3:after { background: #fff; }
.theBook #text1 > table td > P { padding-bottom: 30px; }
.theBook #text1 > table table { width: 100%; }
.theBook #text1 > table table.payplal a { background: transparent; }
.theBook #text1 > table table.payplal a:hover { background: transparent; }
.theBook #text1 > table table.payplal { width: 50%; }
.theBook #text1 > table table a { color: inherit; width: auto; display: inline-block; border: 2px solid #fff; border-radius: 3px; margin-top: 7px; padding-top: 2px; font-size: 100%; text-align: center; padding: 0 45px; line-height: 188%; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; background-color: #da444c; color: #fff; border: 0px; border-radius: 0px; }
.theBook #text1 > table table a:hover { background: #d93c43; color: #fff; }
.theBook #text1 > table h3 { color: #0d4799; margin-bottom: 10px; }
.theBook #text1 > table:after { content: ""; position: absolute; top: 8px; bottom: 8px; left: 8px; right: 8px; border: 1px solid #121212; pointer-events: none; }
#FormResultPage #text1 { text-align: right; }
#FormResultPage #text1 a { color: inherit; width: auto; display: inline-block; border: 2px solid #fff; border-radius: 3px; margin-top: 7px; padding-top: 2px; font-size: 100%; text-align: center; padding: 0 45px; line-height: 188%; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; background-color: #da444c; color: #fff; border: 0px; border-radius: 0px; }

@media (min-width:768px) {
    .theBook #text1 > table table:not(.payplal) td:nth-child(1):after { content: ""; position: absolute; left: -10px; width: 1px; height: 100%; background: #121212; top: 0; }
    .about #GridContent { width: 75%; }
}

@media (max-width:767px) {
    .theBook #text1 > table td { padding-right: 15px; padding-left: 15px; }
    .theBook #text1 > table td td { display: block }
    .theBook #text1 > table td td:nth-child(1) { margin-bottom: 20px; }
    .theBook #text1 > table table.payplal a { padding: 0px; }
    .theBook #text1 > table table.payplal { width: 100%; }
    .theBook #text1 > table table.payplal a { padding: 0px; }

    .evePage #LobbyModule .grid-box { width: 70%; }
    #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; }
    .evePage #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 110%; margin-bottom: 10px; }
}

.blogArticles #GridPage .max-width { max-width: 900px; }

.owl-carousel .owl-prev { right: 15px }
.owl-carousel .owl-next { left: 15px }
.owl-carousel .owl-prev:after { background-image: url(../../../warehouse/temp/gavriel-asulin/right.png); width: 45px; height: 45px; }
.owl-carousel .owl-next:after { background-image: url(../../../warehouse/temp/gavriel-asulin/left.png); width: 45px; height: 45px; }

.inisrael #GridBottom { max-width: 1170px; margin: 0 auto; }
.inisrael .gallery-cubes > div { padding: 2px; }

@media(max-width:991px) {
    .inisrael #GridBottom { max-width: 90%; }
}

/*Changes 17/2/19*/
.blog-grid #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, .signup-page #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { color: #fff; }
.blog-grid #GridPromo #DynamicFormObject, .signup-page #GridPromo #DynamicFormObject { background-color: #0d4799; }
.blog-grid #DynamicFormObject .checkboxField label, .signup-page #DynamicFormObject .checkboxField label { color: #fff; }
.blog-grid .form-container-wide #DynamicFormObject .dynamicFormEndText, .signup-page .form-container-wide #DynamicFormObject .dynamicFormEndText { display: none; }
.blog-grid .form-container-wide #DynamicFormObject .dynamicFormObjectFields, .blog-grid .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText,
.signup-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields, .signup-page .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; display: block; }

/*Changes 14/7/19*/
/*.evePage #headline, .evePage #lobbyText, .evePage #lobbyview h2 { text-align: right;}
.evePage #headline h1:after { margin: 0;}*/
.evePage .lobby-grid #GridPage .max-width { max-width: 960px; }
.evePage #lobbyText { max-width: 650px; margin: 0 auto; padding: 0 15px; }
.evePage #LobbyModule .grid-boxes .grid-box-image { padding-bottom: 100%; }

.evePage .grid-form-section { max-width: 990px; }
.evePage #DynamicFormObject { display: block; background: #eaeaea; border: none; }
.evePage #DynamicFormObject:before { content: ""; position: absolute; top: 8px; bottom: 8px; left: 8px; right: 8px; border: 1px solid #666; box-sizing: unset; -webkit-box-sizing: unset; pointer-events: none; }
.evePage .normal-form input { background: #fff; }
.evePage .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; display: block; }
.evePage .form-container-wide #DynamicFormObject .dynamicFormEndText, .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { display: none; }
.evePage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { float: none; display: inline-block; margin-top: 10px; }

#header2 .header-top-left a.whatsapp_icon svg { width: 16px; }
#header2 .header-top-left a.whatsapp_icon { display: inline-block; }
#header2 .header-top-left a.whatsapp_icon { background: #04ce6c; }
#header2 .header-top-left a.whatsapp_icon svg { fill: #ffffff; }





@media(min-width: 768px) {
    .blog-grid .form-container-wide #DynamicFormObject .dynamicFormObjectField, .signup-page .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33%; padding: 0 4px; }
    .blog-grid .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit, .signup-page .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 25%; float: none; display: inline-block; }
    .blog-grid .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField, .signup-page .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { width: 100%; text-align: right; }

    .evePage #LobbyModule .grid-boxes { margin: 0 -12px; }
    .evePage #LobbyModule .grid-box { width: 33.33%; }
    .evePage .grid-form-section { padding-right: 15px; padding-left: 15px; }
    .evePage .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.33%; }
    .evePage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 33%; }
}

@media(max-width: 767px) {
    #header2 .phone-icon.whatsappContainer { left: -150%; }
    #header2 .phone-icon.whatsappContainer a { font-size: 60%; }
    .whatsApp-icon-mobile svg { fill: #121212; }
    #header2 .whatsApp-icon-mobile { vertical-align: text-bottom; }
    #header2 .phone-icon.whatsappContainer a.whatsapp_icon { background: #04ce6c; border-radius: 50%; padding: 2px; width: 31px; height: 31px; }

    .whatsApp-icon-mobile svg { fill: #ffffff; vertical-align: top; }
}

@media(min-width: 768px) and (max-width: 1024px) {
    #SiteGrid.layout-bottom.blog-grid #GridPromo, .signup-page #SiteGrid.layout-bottom #GridPromo { max-width: 70%; }
}

/*Changes 20/01/20*/
@media(min-width: 768px) {
    .TopVideo iframe { max-width: 100%; }
}

@media(min-width: 1170px) {
    .theBook #text1 iframe, .seminarPage #text1 iframe { width: 100%; height: 418px; }
}

@media(max-width:1169px) and (min-width:990px) {
    .theBook #text1 iframe, .seminarPage #text1 iframe { width: 660px; height: 374px; }
}

@media(max-width:989px) and (min-width:768px) {
    .theBook #text1 iframe, .seminarPage #text1 iframe { width: 600px; height: 339px; }
}

@media(max-width:767px) and (min-width:601px) {
    .theBook #text1 iframe, .seminarPage #text1 iframe { width: 500px; height: 284px; }
}

@media(max-width:600px) {
    .theBook #text1 iframe, .seminarPage #text1 iframe { width: 90vw; height: 50vw; }
}

@media(max-width:320px) {
    #header2 #header-left img { max-height: 31px; }
}



/*Changes to blog 06/06/2022*/
#BlogMain.ArticlesGrid .blog-posts { display: flex; flex-wrap: wrap; }
.ArticlesGrid .blog-post { width: 50%; padding: 0 15px; margin-bottom: 15px; height: auto; float: none !important; }

.BlogArticle { display: flex; flex-direction: column; background: none; }

.BlogArticle > div { width: 100%; float: none !important; position: static; transform: none; height: auto; border: none; padding-right: 0; padding-left: 0; padding-top: 15px; width: 100%; }

.BlogArticleDetails .BlogDetails-Wrapper { position: static; transform: none; width: auto; display: flex; justify-content: center; align-items: center; }

.BlogArticleContent .BlogArticleContent-wrapper { position: static; transform: none; width: auto; text-align: center; }

.BlogArticleDetails .BlogDetails-Wrapper > div { margin: 0 15px; line-height: inherit; }

.BlogArticleDetails .BlogDetails-Wrapper > div:nth-child(2) { margin: 0; }

.BlogArticleContent .BlogArticleLink { display: none; }

.BlogArticleContent.noDateOrWriter { width: 100%; }

.BlogArticleImg { background-size: cover; padding-bottom: 66.5%; }

.blogArticles #GridPage .max-width { max-width: 1000px; }

.BlogArticleContent.DateOrWriter { /* padding: 15px 0; */ }

div.BlogArticleContent { border-bottom: 1px solid #000; padding: 15px 0; flex: auto; }

div.BlogArticleDetails { margin-top: auto; /* border-top: 1px solid #000; */ }

@media(max-width: 767px) {
    #BlogMain.ArticlesGrid .blog-posts { flex-direction: column; }
    .ArticlesGrid .blog-post { width: 100%; }
}

/*25/7/23*/
.vedioSection { padding: 120px 0 40px; margin: 0; }
.vedioSection .moreText, .business #videoContainer { width: fit-content; position: relative; margin: 0 auto; }
.business #videoContainer { margin: 60px 0; }
.vedioSection .moreText::after, .business #videoContainer::after { content: ''; position: absolute; width: 100%; height: 100%; border: 2px solid #EBEBEB; left: 20px; top: -20px; z-index: -1; border-radius: 10px; }
.vedioSection iframe, .business #videoContainer iframe { max-width: 100%; border-radius: 10px; }

@media(max-width: 767px) {
    .vedioSection .moreText::after, .business #videoContainer::after { left: 10px; top: -10px; height: 100%; width: 100%; }
    .vedioSection iframe, .business #videoContainer iframe { height: calc(81vw * 0.56); }
    .business #videoContainer { margin: 40px 0 20px; }
}

/* 4.9.23 Videos Page */
.videos-page #headline { text-align: center; font-size: 300%; margin-bottom: 5px; }
.videos-page #headline h1 { width: auto; display: inline-block; font-weight: unset; }
.videos-page #headline h1::after { margin: 10px auto 0; width: 185px; }
.videos-page #LobbyModule .grid-boxes { max-width: 1305px; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 20px; padding: 30px 0 80px; }
.videos-page #LobbyModule .grid-boxes::before, .videos-page #LobbyModule .grid-boxes::after { display: none; }
.videos-page #LobbyModule .grid-boxes .grid-box { margin: 0; padding: 0; width: calc(33.33% - 14px); }
.videos-page #LobbyModule .grid-boxes .grid-box .grid-box-image { margin: 0; }
.videos-page #LobbyModule .grid-boxes .grid-box .grid-box-image .box-image-animation::after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-image: url(/warehouse/dynamic/408451.svg); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; pointer-events: none; opacity: 1; transition: 0.5s opacity ease; }
.videos-page #LobbyModule .grid-boxes .grid-box:hover .grid-box-image .box-image-animation::after { opacity: 0; }
.videos-page #LobbyModule .grid-boxes .grid-box .grid-box-image .grid-iframe-holder { display: none; }
.videos-page #LobbyModule .grid-boxes .grid-box .grid-box-title { padding: 0 20px; width: 100%; background: #105399; min-height: 70px; display: flex; justify-content: center; align-items: center; position: relative; }
.videos-page #LobbyModule .grid-boxes .grid-box .grid-box-title::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: #DA444C; pointer-events: none; }
.videos-page #LobbyModule .grid-boxes .grid-box .grid-box-title h3 { font-size: 150%; margin: 0; }
.videos-page #LobbyModule .grid-boxes .grid-box .grid-box-title h3 a { color: #fff; }

@media(max-width: 1024px) {
    .videos-page #GridPage .max-width { padding: 0; width: 100%; }
    .videos-page #headline { font-size: 210%; }
    .videos-page .sections .grid-content-section { padding: 0 20px; }
    .videos-page #LobbyModule .grid-boxes .grid-box { width: 100%; }
    .videos-page #LobbyModule .grid-boxes { gap: 10px; }
    .videos-page #LobbyModule .grid-boxes .grid-box .grid-box-image { padding-bottom: 110%; }
    .videos-page #LobbyModule .grid-boxes .grid-box .grid-box-title h3 { font-size: 120%; }
    .videos-page #LobbyModule .grid-boxes .grid-box .grid-box-title { min-height: 60px; }
    .videos-page #LobbyModule .grid-boxes .grid-box img { width: 100%; object-fit: cover; }
    .videos-page #multi-content-modal.videoInPop .modal-content { height: 300px; margin: 0 auto; }
    .videos-page #multi-content-modal.videoInPop .modal-content iframe { height: 300px; }
}


body.club .contentInPopUp .modal-image { display: none !important; }
body.club .contentInPopUp .modal-text.displayTable { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
body.club .contentInPopUp .modal-text.displayTable #galleryview { width: 100%; height: 100%; }
body.club .contentInPopUp .modal-text.displayTable #galleryview .MainContent { display: none; }
body.club #multi-content-modal .modal-content { max-height: 80vh; background: transparent; padding: 0; }
body.club .contentInPopUp .modal-text.displayTable #galleryview #videoContainer,
body.club .contentInPopUp .modal-text.displayTable #galleryview #videoContainer #videoContainer { height: 70vh; }

body.club #text1 .videos { display: none; }
body.club #gridshort-view.shown > div { margin-block: 50px; display: flex; align-items: flex-start; justify-content: flex-start; gap: 30px; }
body.club #gridshort-view.shown > div::before, body.club #gridshort-view.shown > div::after { content: none; }
body.club #gridshort-view.shown > div > div { padding: 0; width: 50%; }
body.club #gridshort-view .grid-short-box { margin: 0; }
body.club #gridshort-view .grid-short-box .grid-short-box-image { padding-bottom: 125%; }
body.club #gridshort-view .grid-short-box .grid-short-box-label, body.club #gridshort-view .grid-short-box .grid-short-box-link { display: none; }

@media(max-width: 1024px) {
    body.club #gridshort-view.shown > div { flex-direction: column; }
    body.club #gridshort-view.shown > div > div { width: 100%; }
}
