/* ShakedRoyal*/



/* INIT CSS */
#header2 { background: none;}
/*Remove default top line*/
#header2 ul.menu > li::before { content: none; }
#header2 ul.menu li > a:focus, header.shopHeader #header2 ul.menu li.has-sub.open a, header.shopHeader #header2 ul.menu li > a:hover { border-color: inherit; }
/*inherit header color*/
#header2 ul.menu li { color: inherit; }
/* Remove focus border & opacity */
#header2 ul.menu li a:focus { border-width: 0; opacity: 1; }
#header .social-links a:focus:after, #header2 .header-top-left a:focus:after { content: none; }
/* Remove default hover */
#header2 ul.menu li:hover { color: inherit; }
/* Remove space from owl-gallery arrows*/
.owl-carousel .owl-nav div { font-size: 0; }
/* Remove banner /categories strip from accessability page*/
.accessabilityMainPage #GridTop { height: auto; overflow: hidden; }
.accessabilityMainPage .categories-strip { display: none; }
/*Remove open/close menu text*/
#header2 .menu-nav .closed { display: none !important; }
/* Fix credit footer */
#SiteFooter { padding: 0; }
#SiteFooter .site-credit { padding: 10px 0; }
#SiteFooter .site-credit > div { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: center; line-height: 1; float: none; }
#SiteFooter .site-credit a.AccessabilityLink { position: static; transform: none; margin: 0; font-size: 75%; white-space: nowrap; }
#SiteFooter .site-credit a.AccessabilityLink:focus, #SiteFooter .site-credit a.AccessabilityLink:hover { color: #fff; }
/* Gridboxes fixes*/
.grid-boxes .grid-box-title h3 a { color: inherit; /* font-family: 'UniSansLight', sans-serif; */ }
/* Remove Gridcontent float */
#GridContent { float: none; }
/*Close opened floats*/
.shopLayout::after, .subTotalInner::after, .cartWrapper::after { content: ''; display: table; clear: both; }
/* DynamicForm fixes*/
/* remove borders*/
#DynamicFormObject { border: none; max-width: 100% !important; }
#DynamicFormObject:after { content: none; }
/* Footer fixes */
footer { padding: 0; }
#SiteFooter { float: none; }
.grid-text p { margin-top: 0; }
.grid-rows .grid-row-text p { line-height: 1.5; }
/*fix items layout*/
.itemsList.row { display: flex; flex-wrap: wrap; }
.itemsList.row::before { content: none; }
/*remove text-decoration */
.blog-tags-list ul li.blog-tag a:focus { text-decoration: none; }
/*remove top line from menu items*/
#header2 ul.menu > li:before { content: none; }
/*remove lobby max-width padding*/
.lobby-grid #GridPage .max-width { padding: 0; width: 100%; }
/*fixed textarea width*/
.normal-form input, .normal-form textarea, #DynamicFormObject input[type=submit] { width: 100%; max-width: 100%; }
/*remove after dynamicform*/
.form-container-wide #DynamicFormObject .dynamicFormObjectFields:after, .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after { content: none; }
/*inherit*/
.grid-text .grid-text-content { direction: inherit; }
/*reset lobby*/
#LobbyModule .grid-box, #lobbyview .grid-box { font-size: 100%; }
#LobbyModule .grid-boxes, #lobbyview .grid-boxes { display: flex; flex-wrap: wrap; padding: 0; }
#LobbyModule .grid-box, #lobbyview .grid-box { margin: 0; }
/*remove min-width*/
#GridTop .top-caption { min-width: 0; }
.section-title h1, .section-title h2 { max-width: 100%; }
/*remove inline*/
.grid-box-title { display: block; }
.grid-text-section .section-title { margin-bottom: 0; }
/*remove model open padding */
.modal.fade { padding: 0 !important; }
/*remove outline */
.grid-text .sec-button:focus { outline: none; }
.pagination > li > a { width: 43px; height: 43px; }
/*remove text-decoration */
.blog-tags-list ul li.blog-tag a:focus { text-decoration: none; }
/*fix languages*/
#header2 .header-top-right a.lang:focus { border-bottom: inherit; }
#header2 .header-top-right a.lang { background: initial; }
/*fix header*/
#header2 ul.menu { margin: 0;}
#header2 ul.menu li .menu-sub a { float: none; }
#header2 ul.menu li.active { color: inherit; background: inherit; }
#header2 ul.menu .menu-sub li { float: none; display: block; color: inherit; font-size: 100%; margin-bottom: 0; }
#header2 ul.menu .menu-sub li + li { margin-top: 10px; }
#header2 .menu-sub { float: none; text-align: inherit; background: inherit; }
#header2 ul.menu .menu-sub li:hover { color: initial; }
.gallery-container { width: 100%; }
#home-gallery .slider-bg.stellar-bg { height: 100% !important; }
.grid-rows .grid-row { background-color: initial; }
.section-title { margin: 0; }
#SiteGrid.layout-bottom #GridPromo { max-width: 100%; padding: 0 15px; margin: 0; }
#SiteGrid.layout-bottom #GridContent { text-align: inherit; }
#text1, #text2 { text-align: inherit; max-width: 100%; }
.grid-rows .grid-row-text { margin: 0;padding:0; }
.grid-rows .grid-row-text h2 { margin: 0; display: flex; align-items: center; }
#GridPage .max-width { width: 100%; max-width: 100%; }
#text1 p:last-child { margin-bottom: 0; }
.grid-rows .grid-row-text a { margin: 0; }
.section { padding: 0; margin: 0 auto; }
#GridPage { padding: 40px 0; }
.grid-boxes .grid-box .grid-box-title h3 { margin: 0; }
.grid-boxes .section-animation-item { margin: 0; }
.box-image-animation img { width: 100%; }


/* fixed: video container ratio 16:9 */
#videoContainer { position: relative; margin-top: 15px; margin-bottom: 15px; }
#videoContainer::before { content: ''; display: block; padding-top: 56.25%; }
#videoContainer > iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; padding: 0 15px; }



@media(max-width: 767px) {
    /*#GridPage { padding-top: 25px; padding-bottom: 25px; }*/
    #GridPage { padding: 20px 0; }
    #DynamicFormObject { margin: auto; }
}

/* General */
body { font-size: 20px; line-height: 1.25; color: #000; background-color: #fff; font-family: 'IBM Plex Sans Hebrew', sans-serif !important; }
h1, h2 { font-weight: 600; }
#whatAppButton { bottom: 3%; border-radius: 0; box-shadow: none; }
strong, b { font-weight: normal; }
a:hover, a:focus { color: #000; }
label { font-family: '', sans-serif; font-weight: normal; font-size: 80%; margin: 0; }
iframe { display: block; max-width: 100%; width: 100%; }
label.error, span.error { font-size: 12px; left: 5px; top: 5px; }
#lobbyview { display: none; }
.donateBtn { display: none; }
#SiteGrid.layout-bottom #GridPromo { padding-top: 87px; }
::selection { background: #000; color: #fff;}

/*owl gallery*/
.owl-carousel .owl-prev:after, .owl-carousel .owl-next:after { width: 7px; height: 12px; }
.owl-carousel .owl-prev:after { background-image: url('/warehouse/temp/technoda/arrow_l.svg'); }
.owl-carousel .owl-next:after { background-image: url('/warehouse/temp/technoda/arrow_r.svg'); }
.owl-carousel .owl-nav div { width: 33px; height: 33px; border: 1px solid #ffcb1a; display: flex; align-items: center; justify-content: center; border-radius: 33px; transition: .35s ease; }
.owl-carousel .owl-item .item .plus-sign { display: none; }
.owl-carousel .owl-next { right: 10px; left: auto; }
.owl-carousel .owl-prev { left: 10px; right: auto; }
.owl-carousel .owl-nav div:hover { background: #ffcb1a; }



@media(max-width: 767px) {
    #SiteGrid.layout-bottom #GridPromo { padding-top: 40px; padding-bottom: 40px; }
}

:root {
    --header-height: 90px;
}

@media(max-width: 767px) {
    :root {
        --header-height: 65px;
    }

}

/*header*/
header { padding-top: var(--header-height); }
#header2.fixedMenu { top:0;}
#header2 { padding: 0; color: #000; background-color: #f2f2f2; }
#header2 .max-width { width: 100%; max-width: 100% !important; }
#header2 .header-right-section { width: auto; background: none; position: static; display: flex; flex-direction: row-reverse; align-items: center; }
#header2 .mobile-middle-kdm { width: auto; margin: 0; display: none; }
#header2 .menu-nav { margin: 0; max-width: none; float: none !important; }
#header2 #header-left { margin: 0; display: block; width: auto; position: relative;  align-self: center; height: auto; transition: .35s ease-in-out; }
#header2.bg #header-left { max-width: 68px; transform: translateY(0px); }
#header2 #header-container { display: flex; justify-content: space-between; align-items: center; height: var(--header-height); max-width: 95.8%; margin: 0 auto; }
#header2 .header-top-right { float: none; }
#header2 .nav-menu-anim { width: 26px;}
#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before { background: #000; width: 100%; }
#header2 .header-top-left { margin-right: 0; direction: inherit; }
#header2 .header-top-left svg { fill: #000; width: 15px; height: 15px; transition: .35s ease;}
#header2 .header-top-left a:hover svg { fill: #4e592b; }
#header2 .header-top-left a { margin: 0; }
#header2.detailsInRow .menu-nav { direction: inherit; }
#header2 ul.menu { font-family: 'Lato', sans-serif; }
#header2 ul.menu { font-size: 70%; }
#header2 ul.menu li { margin: 0; }
#header2.detailsInRow .menu-nav { direction: inherit; }
#header2 .nav-menu-anim { margin: 0; }
#header2 .header-top { padding: 0;}
#header2 .header-top-left { display: flex; font-size: 0; }
#header2 .header-top-left > a + a { margin-right: 15px; }

@media(max-width: 1024px) {
    #header2 ul.menu { background: #f2f2f2; }
    #header2 .header-top { display: flex; align-items: center; }
    #header2 .header-top::before { content: ''; display: block; width: 1px; height: 21px; margin: 0 18px; background: black; }
}

@media(min-width: 1025px) { 
    #header2 .menu-nav { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) }
    #header2 ul.menu > li + li { margin-left: 50px; }
    #header2 #header-left { max-width: 91px; transform: translateY(20px); }

    #header2 ul.menu li.active { position: relative;}
    #header2 ul.menu li.active::after { content: ''; display: block; width: 100%; bottom: -8px; background: #000; height: 1px; position: relative; }
    #header2 ul.menu li::after { content: ''; display: block; width: 0; bottom: -8px; background: #000; height: 1px; position: relative; left: 50%; transform: translateX(-50%); transition: .35s ease; }
    #header2 ul.menu li:hover::after, #header2 ul.menu li.active::after { width: 100%; }
}

@media(max-width: 1024px) {
    body:not(.home-page) #header2 #header-left { max-width: 44px; }
}

@media(max-width: 767px) {
    #header2 #header-left { max-width: 44px; }
    #header2 ul.menu { width: 100vw; height: 100vh; }
    #header2 ul.menu li > a { font-size: 100%; }
    #header2 ul.menu { font-size: 120%; padding-top: 43%; z-index:0; }
    #header2 ul.menu > li { float: none; display: block; width: auto; }
    #header2 ul.menu li + li { margin-top: 30px; }
    #header2 ul.menu .social-links a { line-height: 1; display: block; }
    #header2 .social-links { font-size: 0; display: flex; justify-content: center; }
    #header2 ul.menu li.social-mobile { position: absolute; bottom: 19%; left: 50%; transform: translateX(-50%); }
    #header2 ul.menu .social-links a svg { fill: #000; }
}


/*homegallery*/
#home-gallery .slides { max-width: 87.4%; margin: 0 auto;  }
.TopVideo { max-width: 87.5%; margin: 0 auto; position: relative; height: auto !important; }
.TopVideo iframe { height: auto; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: none; background: none; }
.TopVideo::before { content: ''; display: block; padding-top: 52.5%; }

#home-gallery { overflow: visible; height: auto !important; margin-bottom: 125px; }
#home-gallery .opacity-layer { background: none; }
#home-gallery::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 75vh; background: #f2f2f2; }
#home-gallery .scroll-down { bottom: 0; }
#home-gallery .scroll-down svg { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#home-gallery .scroll-down::after { content: 'start exploring'; display: block; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); line-height: 1; }
#home-gallery .scroll-down { font-size: 75%; color: #000; animation: none !important; transform: translateY(50%); letter-spacing: 2.25px; font-family: 'Author-Extralight'; }
#home-gallery .scroll-down::before { content: ''; width: 1px; height: 50px; background: currentColor; display: block; margin: 0 auto; }
#home-gallery #player-controls { right: 6.5% !important; max-width: 87.5%; bottom: 90px; display: flex; align-items: center; padding: 0 15px; }


@media(min-width: 1200px) and (max-width: 1440px) {
    .TopVideo::before { padding-top: 78vh;}
}

@media(max-width: 991px) {
    #home-gallery video { width: 100% !important; height: auto !important; }
    #home-gallery::before { height: 60vh; }
    #home-gallery { height: 55vh !important; margin-bottom: 70px; }
    #home-gallery .TopVideo { height: auto; overflow: visible; }
    #home-gallery .TopVideo::before { padding-top: 54vh; }
    #home-gallery video { height: auto; position: absolute; top: 20px; left: 50%; width: 100% !important; }
    #home-gallery #mobile-player-controls { left: 0; bottom: -2%; display: flex; align-items: center; }

    /*fixing video slider*/
    #allSectionsWrapper { padding-top: 80px; }
    #home-gallery .scroll-down { bottom: -90px; }
}



.worksSec.grid-content-section { padding: 65px 15px 0; margin-bottom: 75px; max-width: 1020px; display: flex; flex-direction: column; align-items: stretch; overflow: hidden; }
.worksSec .grid-boxes { flex: auto; display: flex; flex-wrap: wrap; margin: 0 -45px; }
.worksSec .grid-boxes .grid-box { margin: 0; width: 50%; padding: 0 45px; }
.worksSec .grid-boxes .grid-box-image { padding-bottom: 0; margin: 0; }
.worksSec .grid-boxes .grid-box-image-container { position: static; }
.worksSec .section-title { max-width: 50%; align-self: flex-end; text-align: left;  margin-bottom: 50px;}
.worksSec .section-title h1 { font-size: 450%; font-family: 'Author-Extralight'; font-weight: 400; }
.worksSec .grid-boxes .grid-box:first-child { margin-top: -120px; }
.worksSec .content-section-Btn { position: absolute; bottom: 0; right: 0; width: 25.252525252525253%; }
.worksSec .content-section-Btn a { border-bottom: 1px solid #000; border-radius: 0; margin: 0; background: none; color: #000; font-size: 70%; display: flex; justify-content: space-between; align-items: center; width: 250px; padding: 0 0 18px; transition: .35s ease padding; line-height: 1; }
.worksSec .content-section-Btn a::after { content: ''; display: block; width: 32px; height: 8px; background: url(/warehouse/temp/shakedroyal/btn-arrow.svg); background-size: 100%; background-repeat: no-repeat; }
.worksSec .content-section-Btn a:hover { padding-right:10px; padding-left: 10px;}
.worksSec .grid-boxes .box-image-animation { pointer-events: none; }
@media(max-width: 767px) { 
    .worksSec .grid-boxes .grid-box { padding: 0 5px; }
    .worksSec .grid-boxes { margin: 0 -5px; }
    .worksSec .section-title h1 { font-size: 280%; }
    .worksSec .section-title { max-width: 95%; }
    .worksSec .grid-boxes { flex-direction: column; }
    .worksSec .grid-boxes .grid-box:first-child { align-self: flex-end; }
    .worksSec .grid-boxes .grid-box { width: 70%; }
    .worksSec .content-section-Btn { position: static; width: auto; padding-right:30px; }
    .worksSec .grid-boxes .grid-box.lastItem { align-self: flex-start; margin-top: 30px !important; }
    .worksSec .content-section-Btn a { width: 180px; margin-top: 60px; }
}


.laxSec.grid-image-section { max-width: 90%; margin-left: 0; height: auto; margin-top: 150px; }
.laxSec .image-section-data { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.laxSec.grid-image-section::before { content: ''; display: block; padding-top: 42.04%; }
.laxSec .image-section-data .image-section-Btn { top: auto; bottom: 20px; right: 30px; left: auto; transform: none; font-size: 100%; }
.laxSec .image-section-data .image-section-Btn a { background: none; color: #fff; font-size: 80%; width: auto; padding: 0; letter-spacing: 1.6px; }


@media(max-width: 767px) {
    .laxSec.grid-image-section { margin-top: 90px; }
    .laxSec.grid-image-section::before { padding-top: 66.5%; }
    .laxSec .image-section-data .image-section-Btn { right: 15px; bottom: 10px; font-size: 80%; }
}

.storySec.grid-row-section { max-width: 1080px; margin-top: 150px; }
.storySec .grid-rows { display: block; }
.storySec .grid-rows .grid-row-cell { display: block !important; padding: 0 15px; }
.storySec .grid-rows .grid-row { display: flex; justify-content: space-between; }
.storySec .grid-rows .grid-row-cell-text { flex-basis: 38%; }
.storySec .grid-rows .grid-row-text { width: 100%; }
.storySec .grid-row li.slider-item { padding-bottom: 0; }
.storySec .grid-row .grid-row-image-container { position: static; }
.storySec .grid-rows .grid-row-text h2 { font-family: 'Author-Extralight', sans-serif; font-weight: 400; font-size: 500%; line-height: 1.03; margin-bottom:40px; }
.storySec .grid-rows .grid-row-text p { font-size: 70%; position: relative; padding-right: 25px; display: inline-block; margin-bottom: 85px;}
.storySec .grid-rows .grid-row-text p::before { content: ''; position: absolute; width: 1px; height: 0; right: 0; background: currentColor; top: 50%; transform: translateY(-50%); transition: 1s ease .8s; }
.storySec .grid-rows .grid-row-text a.grid-row-button { margin: 0; border-radius: 0; border-width: 0 0 1px 0; background: none; color: #000; font-size: 70%; display: flex; justify-content: space-between; align-items: center; width: 250px; padding: 0 0 18px; transition: .35s ease; line-height: 1; }
.storySec .grid-rows .grid-row-text a.grid-row-button::after { content: ''; display: block; width: 32px; height: 8px; background: url(/warehouse/temp/shakedroyal/btn-arrow.svg); background-size: 100%; background-repeat: no-repeat; }
.storySec .grid-rows .grid-row-text a.grid-row-button > span { display: none; }
.storySec .grid-rows .grid-row-text a.grid-row-button:hover { padding-right: 10px; padding-left: 10px; }
.storySec.shown .grid-rows .grid-row-text p::before { height: 87%; }

@media(max-width: 767px) {
    .storySec.grid-row-section { margin-top: 90px; }
    .storySec .grid-rows .grid-row-text h2 { font-size: 280%; margin-bottom: 20px;}
    .storySec .grid-rows .grid-row { flex-direction: column; }
    .storySec .grid-rows .grid-row-cell { width: 100%; }
    .storySec .grid-rows .grid-row-cell-text { flex-basis: auto; padding-top: 30px; }
    .storySec .grid-rows .grid-row-text a.grid-row-button { width: 180px;}
    .storySec .grid-rows .grid-row-text p { margin-bottom: 30px; }
    .storySec .grid-rows .grid-row-text p::before { height: 85%; }
}



.simpleSec.grid-content-section { max-width: 100%; padding: 0 0 110px; overflow: hidden; margin-top: 160px; margin-bottom: 55px; }
.simpleSec .grid-boxes { display: flex; justify-content: space-between; }
.simpleSec .grid-boxes::before, .simpleSec .grid-boxes::after { content: none; }

.simpleSec .grid-boxes .grid-box.lastItem { width: 58%; align-items: flex-start; }
.simpleSec .grid-boxes .grid-box { width: 35%; height: auto; align-self: flex-end; margin: 0; display: block; }
.simpleSec .grid-boxes .grid-box-image { padding-bottom: 0; margin: 0; }
.simpleSec .grid-box.with-text .grid-box-title h3 a { pointer-events: none; }
.simpleSec .grid-boxes .grid-box-image-container { position: static; }
.simpleSec .grid-boxes .grid-box.with-text { display: flex; flex-direction: column-reverse; }
.simpleSec .grid-box.with-text .grid-box-title h3 { font-size: 350%; text-align: left; max-width: 13ch; color: #4e592b; font-family: 'Author-Extralight', sans-serif; line-height: 1.2; }
.simpleSec .grid-box.with-text .grid-box-title { align-self: flex-end; padding: 40px 0; }
.simpleSec .grid-boxes .grid-box.with-text { display: flex; flex-direction: column-reverse; margin-bottom: -110px; }
.simpleSec .grid-boxes .box-image-animation { pointer-events: none; }

@media(max-width: 767px) {
    .simpleSec.grid-content-section { padding-bottom: 0; margin-top: 90px; }
    .simpleSec .grid-boxes { flex-direction: column-reverse; }
    .simpleSec .grid-boxes .grid-box.with-text { margin-bottom: 0; align-self: flex-start; width: 80%; }
    .simpleSec .grid-box.with-text .grid-box-title h3 { font-size: 220%; }
    .simpleSec .grid-boxes .grid-box.lastItem { width: 90%; }
}

.grid-form-section { max-width: 100%; padding: 55px 15px 150px; }
.normal-form input, .normal-form textarea { box-shadow: none; font-size: 70%; background-color: #fff; border-radius: 0; margin-bottom: 10px; height: auto; padding: 12px; line-height: 1.5; border: transparent; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField .must:before { right: 10px; font-size: 12px; top: 15px; }
.form-container-wide #DynamicFormObject form { margin-top: 33px; }
.form-container-wide #DynamicFormObject { padding: 70px 90px; background-color: #f2f2f2; max-width: 950px !important; margin: 0 auto; display: block; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { display: block; width: 100%; padding: 0; font-size: 100%; margin:0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.3333%; padding: 0 5px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { text-align: start; font-size: 300%; font-family: 'Author-Extralight', sans-serif; line-height: 1; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 70%; margin: 0; text-align: start; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: 12px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; display: flex; justify-content: flex-end; margin-top: 15px; padding: 0 5px; }
.form-container-wide #DynamicFormObject input[type=submit] { width: auto; font-size: 70%; background: transparent; color: #000; border-color: currentColor; border-radius: 0; min-width: 140px; }
.form-container-wide #DynamicFormObject::before { content: ''; position: absolute; left: 43px; top: 0; transform: translateY(0); width: 160px; height: 175px; opacity: 0; background: url('/warehouse/temp/shakedroyal/contact-logo.svg'); background-size: 100%; background-repeat: no-repeat; transition: .8s ease .8s; }}
.form-container-wide #DynamicFormObject input[type=submit]:hover { background: #000; color: #fff; }
.shown .form-container-wide #DynamicFormObject::before { opacity: 1; transform: translateY(-50%); }
@media(max-width: 767px) {
    .home-page .grid-form-section { padding-bottom: 100px;}
    .grid-form-section { padding-bottom: 50px; }
    .normal-form input, .normal-form textarea { font-size: 70% !important; }
    .form-container-wide #DynamicFormObject { padding: 60px 15px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; }
    .form-container-wide #DynamicFormObject::before { width: 65px; height: 72px; left: 20px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 220%; text-align: center; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; text-align: center; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 70%; }
}


/* FOOOTER */
#SiteFooter { background-color: #565656; color: #fff;  }
#SiteFooter .footer-text-divided { position: relative; padding: 63px 0 68px; }
#SiteFooter .footer-text-divided > .footer-text-left { display: flex; direction: ltr; width: 100%; padding: 0 4%; position: relative; }
#SiteFooter .footer-text-divided > .footer-text-right { position: absolute; right: 4%; width: auto; top: 37%; z-index: 2; }
#SiteFooter .footer-text-divided > .footer-text-right > p:not(:last-child) { margin-bottom: 35px; }
#SiteFooter .footer-text-divided > .footer-text-right > p:last-child > a:not(:last-child) { margin-right: 10px; }
#SiteFooter ul { list-style-type: none; padding: 0; font-family: 'Lato', sans-serif; }
#SiteFooter ul > li:first-child::after { content: ''; display: block; position: absolute; border-bottom: 1px solid #fff; right: 0; left: 0; width: 92%; margin: 0 auto;  }
#SiteFooter ul > li > h3 { margin: 0 0 15px; font-size: 70%; font-weight: 300; }
#SiteFooter ul > li:nth-child(2) { padding-top: 25px; }
#SiteFooter ul > li { margin-bottom: 15px; line-height: 1; }
#SiteFooter ul > li:not(:first-child) { font-size: 60%; }
#SiteFooter ul:not(:last-child) { margin-right: 120px; }
#SiteFooter ul > li > a:hover { color: inherit; }
#SiteFooter .footer-text-left ul:last-child > li:last-child > a + a { margin-left: 15px; }
#SiteFooter .footer-text-left ul:last-child > li:last-child > a:hover { filter: invert(1); }
#SiteFooter .footer-text-left ul:last-child > li:last-child > a { transition: .35s ease; }

@media(max-width:767px) {
    #SiteFooter .footer-text-divided { display: flex; flex-wrap: wrap; flex-direction: column; padding: 40px 0;}
    #SiteFooter .footer-text-divided > .footer-text-left {  order: -1; }
    #SiteFooter .footer-text-divided > .footer-text-right { display: block; position: static; text-align: left; }
    #SiteFooter .footer-text-divided > .footer-text-right img { max-width: 60px; }
    #SiteFooter ul:not(:last-child) { margin-right: 60px; }

}


/* Inner */
#headline { font-family: 'Author-Extralight', sans-serif; font-size: 500%; }
#headline > h1 { font-weight: 500; }
#GridTop { background-size: 87.5% 100%; background-position: center; background-repeat: no-repeat; }
#GridTop::before { content: ''; position: absolute; height: 80%; width: 100%; background: #f2f2f2; z-index: -1; }
.MainContent { max-width: 780px; margin: 0 auto; text-align: right; padding: 0 15px; }
.MainContent #text1 h3 { font-size: 100%; margin-bottom: 10px; margin-top: 0; }
.MainContent #text1 p { font-size: 70%; line-height: 1.64; }
.MainContent #text1 p + h3 { margin-top: 50px; }
.MainContent #text1 img { margin-top: 60px; }
#accessability { max-width: 780px; padding: 0 15px; margin: 0 auto; }
#accessability #headline { font-size: 200%; }
#accessability .accessability-list { font-size: 70%; list-style-position: outside; }
#GridPage { padding: 65px 0 150px; }
@media(max-width: 767px) {
    #headline { font-size: 300%; }
    #GridPage { padding-bottom: 70px; }
}


/*projects page */
.projectsPage #grid-view .grid-short-box-text { position: absolute; bottom: 20px; left: 25px; margin: 0; color: #fff; font-size: 125%; font-family: 'Author-Extralight', sans-serif;  white-space: nowrap;}
.projectsPage #grid-view .grid-short-box-text::before { content: ''; border-left: 1px solid currentColor; padding-left: 15px; }
.projectsPage .grid-short-box { position: relative; margin: 0; }
.projectsPage .projects-row { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1190px; }


.projectsPage #grid-view { max-width: 1190px; margin: -8% auto 0;  }
.projectsPage #ContentGridShortModule .gridshort-view-item:last-child { width: 57.14285714285714%; }
.projectsPage #ContentGridShortModule .grid-short-box-image a { position: static; }
.projectsPage .grid-short-box-image { padding: 0; }
.projectsPage .grid-short-box:hover img { transform: scale(1.2); }
.projectsPage .grid-short-box-image img { position: static; transform: none; width: auto; height: auto; transition: 1s ease; }
.projectsPage #ContentGridShortModule .gridshort-view-item:first-child { width: 40.337%; }

#GridTop.noTopImage.longer { height: 450px; }
#GridTop.noTopImage.longer::before { height: 100%; }
#GridTop.noTopImage.longer .top-caption { top: 35%; font-size: 100%; color: #000; }
#GridTop.noTopImage.longer .top-caption h1 { font-size: 500%; font-family: 'Author-Extralight', sans-serif; font-weight: 400; white-space: nowrap; }
.projectsPage:not(.contentInnerPage) #GridPage { padding-top: 0; }



@media(min-width: 768px) {
    .projectsPage .projects-row:nth-child(even) { flex-direction: row-reverse; }
   
}
@media(max-width: 767px) {
    .projectsPage .projects-row { flex-direction: column; }
    .projectsPage #ContentGridShortModule .gridshort-view-item:first-child { width: 100%; }
    .projectsPage #ContentGridShortModule .gridshort-view-item:last-child { width: 100%; }
    .projectsPage .grid-short-box-image img { width: 100%;}
    .projectsPage #ContentGridShortModule .gridshort-view-item { margin-bottom: 30px;}
    #GridTop.noTopImage.longer .top-caption h1 { font-size: 300%; }
    #GridTop.noTopImage.longer { height: 300px; }
}


/*projectpage*/
.projectsPage.contentInnerPage #GridPage { padding-top: 90px; }
.projectsPage #galleryview { max-width: 100%; }
.projectsPage .MainContent { max-width: 1260px; padding: 0 45px; }
.projectsPage #galleryview #headline { text-align: inherit; font-size: 300%; }
.projectsPage #galleryview #headline::after { content: ''; display: block; width: 82.14285714285714%; height: 1px; margin: 40px 0; background: #000; }
.projectsPage #galleryview .gallery-cubes { max-width: 87.5%; margin: 0 auto; margin-top: 110px !important; }
.projectsPage #galleryview .gallery-cubes > div { width: 100%; }
.projectsPage #galleryview .gallery-cubes > div + div { margin-top: 50px; }
.projectsPage .gallery-cubes .boxes-images-outer-image { padding-bottom: 46.825555%; }
.projectsPage #galleryview  .MainContent #text1 ul { list-style: none; display: flex; flex-wrap: wrap; padding: 0; margin: 0; font-size: 80%; margin-top: 20px; }
.projectsPage #galleryview  .MainContent #text1 ul > li:not(:last-child) { margin-left: 30px; }
.projectsPage #galleryview #text1 p { font-size: 80%; }
.projectsPage .gallery-cubes .boxes-images-outer-image { pointer-events: none; }

@media(min-width: 1025px) {
    .projectsPage.contentInnerPage #GridTop { height: 700px; }
    .projectsPage.contentInnerPage #GridPage { padding-top: 30px; }
    .projectsPage #galleryview #headline::after { margin: 30px 0; }
}

@media(max-width: 767px) {
    .projectsPage.contentInnerPage #GridPage { padding-top: 40px;}
    .projectsPage .gallery-container { padding: 0; }
    .projectsPage #galleryview #headline { font-size: 200%; }
    .projectsPage #galleryview  #headline::after { margin: 20px 0; }
    .projectsPage #galleryview  .MainContent #text1 ul { font-size: 60%; line-height: 2; margin-top: 20px; }
    .projectsPage #galleryview  .MainContent { padding: 0 30px; }
    .projectsPage #galleryview  .gallery-cubes { margin-top: 55px !important; }
    .projectsPage .gallery-cubes .boxes-images-outer-image { padding-bottom: 66.5%; }
    .projectsPage .gallery-cubes > div + div { margin-top: 25px; }
    .projectsPage #grid-view { margin-top: -25%;}
    .projectsPage #grid-view .grid-short-box-text { font-size: 100%; bottom: 15px; left: 20px; }
    .projectsPage #galleryview .gallery-cubes > div + div { margin-top: 25px;}

}

/*contactpage*/
.contactPage #text1 p { font-size: 80%; text-align: center; line-height: 1.44; }
.contactPage #ContentRegularModule { margin-bottom: 50px; }

@media(max-width: 767px) {
    .contactPage #text1 { max-width: 80%; }
    .contactPage #text1 p{ font-size: 70%;}
}


/*aboutpage*/
.aboutPage #GridTop { height: auto; }
.aboutPage .TopVideo::before { padding-top: 56.25%; }
.aboutPage #GridTop.noTopImage.longer::before { height: 80%; }
.aboutPage #GridTop.noTopImage.longer { height: auto; }

@media(max-width: 767px) {
.aboutPage .TopVideo::before { padding-top: 65vh; }
}

 


.element { direction: ltr; }
.element.active .inner { transform: translateY(0); opacity: 1; display: block; }
.outter { display:block; overflow: hidden; }
.inner { position: relative; opacity: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 1.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 1.6s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: transform 1.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: 1.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: 1.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1.6s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; }