/* kramer davidovich */

:root { --blue: #010e3b; --bold: 'Roboto'; --noto-regular: 'NotoSansDL-Regular'; --noto-bold: 'NotoSansDL-Bold'; }

/* General */
body { line-height: 1; font-size: 20px; background: #f6f6f6; }
h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, #pageview #text2 #headline h1 { font-family: var(--bold); font-size: 225%; position: relative; display: inline-block; max-width: 100%; width: 100%; text-transform: uppercase; color: var(--blue); z-index: 1; }
p, .grid-rows .grid-row-text p { font-size: 80%; color: #13151b; line-height: 1.63; }
#SiteGrid { overflow: hidden; }
.site-credit.alternative.row { padding: 10px 0; }
.grid-rows .grid-row { background: inherit; }
.FormResultPage #pageview { padding: 60px 0; }
a.FormResultPageButton { text-decoration: underline; }
.accessabilityMainPage #pageview { margin: 50px auto; }
.accessabilityMainPage #pageview #headline { text-align: left; max-width: 90%; margin: auto; }
.accessabilityMainPage #pageview h2 { font-size: 200%; }
.sections .section { margin-bottom: 0; background: transparent; }
.grid-row li.slider-item, .grid-boxes .grid-box-image { padding-bottom: 0; }
.grid-boxes .grid-box-image-container, .grid-row .grid-row-image-container, .grid-short-box-image .image-container { position: relative; }

@media(max-width: 1024px) {
    h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, #pageview #text2 #headline h1 { line-height: 1; }
}

@media(max-width: 767px) {
    h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, #pageview #text2 #headline h1 { font-size: 125%; }
}


/* Header */
#header2 { background: transparent; padding: 37px 55px; }
#header2.bg { background: var(--blue); }
#header2 .max-width { max-width: unset; width: 100%; }
#header2 #header-container { display: flex; direction: unset; justify-content: space-between; }
#header2 #header-container .header-right-section { flex-grow: 1; width: 100%; display: flex; padding: 0; background: transparent; }
#header2 #header-container #header-left { width: auto; position: absolute; left: 55px; height: auto; top: 50%; transform: translateY(-50%); }
#header2 #header-container .header-right-section .header-top { padding: 0; width: auto; display: flex; align-items: center; position: absolute; }
#header2 #header-container .header-right-section .menu-nav { margin: 0; display: flex; justify-content: center; align-items: center; }
#header2 #header-container .header-right-section .menu { margin: 0; }
#header2 #header-container .header-right-section .header-top span.address { display: none; }
#header2 #header-container .header-right-section .header-top .header-top-left { margin: 0; display: inline-flex; flex-direction: row-reverse; }
#header2 #header-container .header-right-section .menu li { font-size: 80%; vertical-align: middle; }
#header2 #header-container .header-right-section .menu li:hover { color: #ffbf00; }
#header2 #header-container .header-right-section .menu li.last-item { margin-right: 0; }
#header2 #header-container .header-right-section .menu li a.active { color: #ffbf00; }
#header2 #header-container .header-right-section .menu li::before { display: none; }
#header2 #header-container .header-right-section .menu li a { transition: 0.3s all; cursor: pointer; font-size: 100%; }
#header2 #header-container .header-right-section .menu-nav > span.closed { display: none !important; }

@media(max-width: 1024px) {
    #header2 { padding: 18px 20px; }
    #header2 #header-container .header-right-section { width: auto; flex-grow: unset; }
    #header2 .mobile-middle-kdm { display: none; }
    #header2 #header-container #header-left { position: relative; left: unset; top: unset; margin: 0; transform: none; }
    #header2 #header-container #header-left img { max-width: 125px; }
    #header2 #header-container .header-right-section .header-top { display: none; }
    #header2 #header-container .header-right-section .menu { display: none !important; transition: unset; animation: unset; padding: 90px 0 55px !important; width: 100vw !important; height: auto !important; background: var(--blue); text-align: center; }
    #header2.open #header-container .header-right-section .menu { display: block !important; right: -20px; top: -20px; }
    #header2 #header-container .header-right-section .menu li { padding: 16px 0; }
    #header2 #header-container .header-right-section .menu li.social-mobile { padding: 40px 0 0; }
    #header2 #header-container .header-right-section .menu li.social-mobile .social-links { display: inline-flex; flex-direction: row-reverse; }
}

/* Home Gallery */
#home-gallery .gallery-caption { width: 100%; top: 30%; padding-left: 120px; }
#home-gallery .gallery-caption img { min-width: unset; }
#home-gallery:before { content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-image: url(/warehouse/temp/kramer/K.svg); background-repeat: no-repeat; z-index: 3; pointer-events: none; background-size: contain; }
#home-gallery .scroll-down { display: none; }
#home-gallery .opacity-layer { background-image: linear-gradient(to bottom, #010e3b, rgba(1, 14, 59, 0)); opacity: 1 !important; height: 95%; background-color: transparent; pointer-events: none; }

@media(max-width: 1024px) {
    #home-gallery:before { background-size: cover; }
    #home-gallery .gallery-caption { padding-left: 20px; }
    #home-gallery .gallery-caption img { max-width: 270px; }
}

/* About Sec */
.section.about-sec .grid-rows .grid-row { max-width: 1200px; margin: 0 auto; }
.section.about-sec .grid-rows .grid-row .flexslider-box { width: 46%; }
.section.about-sec .grid-rows .grid-row .grid-row-cell-text { width: 54%; }
.section.about-sec .grid-rows .grid-row { max-width: 1200px; margin: 0 auto; display: flex !important; }
.section.about-sec .grid-rows .grid-row .flexslider-box { width: 46%; }
.section.about-sec .grid-rows .grid-row .flexslider-box::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: var(--blue); transition: 1.3s all; pointer-events: none; }
.section.about-sec .grid-rows .grid-row .grid-row-cell-text { width: 54%; }
.section.about-sec .grid-rows .grid-row-text h2 { margin-bottom: 50px; }
.section.about-sec .grid-rows .grid-row-text h2::before, .section-title h2::before { content: 'ABOUT KD'; position: absolute; font-size: 222%; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); color: transparent; z-index: -1; -webkit-text-stroke: 1px rgba(116, 112, 111, 0.3); pointer-events: none; transition: 1.8s all 0.4s; }
.section.about-sec .grid-rows .grid-row-text { width: 100%; padding-right: 50px; margin-top: -105px; }
.section.about-sec { max-width: unset; padding: 210px 0 130px; }
.sections .ABOUT-KD-section-1 { padding-top: 120px; padding-bottom: 60px; }
.ABOUT-KD-section-1 .grid-boxes { display: flex; justify-content: center; gap: 80px; flex-wrap: wrap }
.ABOUT-KD-section-1 .grid-boxes .grid-box { text-align: start; padding-inline: 0; }
.ABOUT-KD-section-1 .section-title h1::before { content: 'ABOUT KD'; position: absolute; font-size: 222%; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); color: transparent; z-index: -1; -webkit-text-stroke: 1px rgba(116, 112, 111, 0.3); pointer-events: none; transition: 1.8s all 0.4s; }

@media(max-width: 1024px) {
    .section.about-sec { padding: 55px 0 70px; }
    .section.about-sec .grid-rows .grid-row { flex-direction: column-reverse; align-items: center; padding: 0 20px; }
    .section.about-sec .grid-rows .grid-row .flexslider-box { width: 100%; }
    .section.about-sec .grid-rows .grid-row .grid-row-cell-text { width: 100%; }
    .section.about-sec .grid-rows .grid-row-text { padding-right: 0; margin-top: 0; }
    .section.about-sec .grid-rows .grid-row-text h2 { margin-bottom: 35px; }
    .sections .ABOUT-KD-section-1 { padding-bottom: 30px }
    .ABOUT-KD-section-1 .grid-boxes { gap: unset }
    .ABOUT-KD-section-1 .grid-boxes .grid-box { padding-inline: 20px }
}

/* Offer Sec */
.section.offer-sec { max-width: 100%; background: var(--blue); clip-path: polygon(0 50px, 100% 0, 100% 93%, 0% 100%); padding: 150px 0 130px; }
.section.offer-sec .section-title { margin-bottom: 70px; }
.section.offer-sec .section-title h2 { color: #fff; margin: auto; text-transform: uppercase; }
.section.offer-sec .section-title h2:before { content: 'OUR OFFERING'; -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3); }
.section.offer-sec .grid-boxes { max-width: 1070px; display: flex; margin: auto; flex-wrap: wrap; justify-content: center; }
.section.offer-sec .grid-boxes .grid-box { margin-right: 0; width: 33.33%; margin-bottom: 35px; padding: 0 15px; display: inline-flex; height: 130px; pointer-events: none; }
.section.offer-sec .grid-boxes .grid-box:nth-child(1), .section.offer-sec .grid-boxes .grid-box:nth-child(2) { opacity: 0 !important; transition: all 1s !important; }
.section.offer-sec .grid-boxes .grid-box:nth-child(3), .section.offer-sec .grid-boxes .grid-box:nth-child(4) { opacity: 0 !important; transition: all 1s !important; }
.section.offer-sec .grid-boxes .grid-box:nth-child(5), .section.offer-sec .grid-boxes .grid-box:nth-child(6) { opacity: 0 !important; transition: all 1s !important; }
.section.offer-sec .grid-boxes .grid-box-image { padding-bottom: 0; display: none; }
.section.offer-sec .grid-boxes .grid-box .grid-box-title { width: 100%; border-radius: 25px; border: solid 2px #fff; padding: 25px 20px 20px 75px; display: inline-flex; text-align: left; position: relative; }
.section.offer-sec .grid-boxes .grid-box .grid-box-title::after { content: ''; position: absolute; left: 20px; top: 25px; height: 38px; width: 39px; background-repeat: no-repeat; background-size: 100%; background-image: url(/warehouse/dynamic/339333.svg); }
.section.offer-sec .grid-boxes .grid-box .grid-box-title h3 { font-family: var(--noto-bold); font-size: 100%; margin: 0; line-height: 1.2; position: relative; }
.section.offer-sec .grid-boxes .grid-box .grid-box-title h3 a { color: #fff; }

@media(max-width: 1024px) {
    .section.offer-sec { clip-path: polygon(0 25px, 100% 0, 100% 98.2%, 0% 100%); padding: 80px 0 100px; }
    .section.offer-sec .section-title { margin-bottom: 50px; }
    .section.offer-sec .grid-boxes { flex-direction: column; align-items: center; }
    .section.offer-sec .grid-boxes .grid-box { width: 100%; margin-bottom: 30px; padding: 0 20px; }
    .section.offer-sec .grid-boxes .grid-box .grid-box-title { padding: 25px 22px 20px 75px; }
}

/* Horizontal Sec */
.section.horizontal-section { margin: 0; padding: 100px 0 310px; }
.section.horizontal-section .grid-text-content { margin: 0; max-width: unset; width: 100%; padding: 0; }
.section.horizontal-section .grid-text p { font-size: 100px; white-space: nowrap; line-height: 1; margin-top: 0; font-family: var(--bold); position: absolute; }
.section.horizontal-section .grid-text p:first-of-type { color: rgba(1, 14, 59, 0.14); left: -200px; }
.section.horizontal-section .grid-text p:last-of-type { color: rgba(1, 14, 59, 0.32); top: 100px; right: -200px; }

@media(max-width: 1024px) {
    .section.horizontal-section { padding: 50px 0 150px; }
    .section.horizontal-section .grid-text p { font-size: 50px; }
    .section.horizontal-section .grid-text p:last-of-type { top: 50px; }
}

/* Expertise Sec */
.section.expertise-sec { max-width: unset; background: #fff; padding: 110px 0 120px; clip-path: polygon(0 0, 100% 0, 100% 93%, 0% 100%); }
.section.expertise-sec .section-title { margin-bottom: 100px; }
.section.expertise-sec .section-title h2:before { content: 'SECTORS AND EXPERTISE'; }
.section.expertise-sec .grid-boxes { max-width: 1170px; margin: 0 auto; }
.section.expertise-sec .grid-boxes .grid-box { width: 19.5%; margin-bottom: 50px; display: inline-flex; flex-direction: column; align-items: center; margin-right: 0; }
.section.expertise-sec .grid-boxes .grid-box .grid-box-image { margin-bottom: 10px; max-height: 70px; display: inline-flex; padding-bottom: 12px; overflow: visible; }
.section.expertise-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-container { width: 100%; height: 100%; }
.section.expertise-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-container a.box-image-animation { overflow: visible; }
.section.expertise-sec .grid-boxes .grid-box-title { min-height: 50px; }
.section.expertise-sec .grid-boxes .grid-box-title h3 { font-size: 100%; margin: 0; }
.section.expertise-sec .grid-boxes .grid-box-title h3 a { color: #13151b; font-family: var(--bold); }
.section.expertise-sec .grid-boxes .grid-box-subtitle { font-size: 80%; color: var(--blue); text-decoration: underline; }

@media(max-width: 1024px) {
    .section.expertise-sec { padding: 70px 0 90px; clip-path: polygon(0 0, 100% 0, 100% 98%, 0% 100%); }
    .section.expertise-sec .section-title { margin-bottom: 50px; }
    .section.expertise-sec .grid-boxes { display: flex; flex-wrap: wrap; justify-content: center; }
    .section.expertise-sec .grid-boxes .grid-box { width: 49%; }
    .section.expertise-sec .grid-boxes .grid-box-title { min-height: 70px; }
}

/* Kramer Section */
.section.kramer-sec { padding: 100px 0 130px; max-width: unset; }
.section.kramer-sec .section-title { margin-bottom: 110px; }
.section.kramer-sec .section-title h2::before { content: 'KRAMER DAVIDOVICH'; }
.section.kramer-sec .grid-boxes { max-width: 1025px; margin: 0 auto; display: flex; justify-content: center; }
.section.kramer-sec .grid-boxes .grid-box { width: 50%; margin-right: 0; padding: 0 56px; }
.section.kramer-sec .grid-boxes .grid-box .grid-box-image { border-radius: 27px; }
.section.kramer-sec .grid-boxes .grid-box .grid-box-image::after { background-image: linear-gradient(to bottom, rgba(1, 14, 59, 0), rgba(1, 14, 59, 0.5)); content: ""; bottom: 0; position: absolute; left: 0; width: 100%; height: 135px; z-index: 0; pointer-events: none; }
.section.kramer-sec .grid-boxes .grid-box .grid-box-title { position: absolute; left: 55px; text-align: left; margin-top: -60px; display: flex; width: 100%; max-width: 400px; padding: 0 10px 0 25px; justify-content: space-between; }
.section.kramer-sec .grid-boxes .grid-box .grid-box-title h3 { margin: 0; font-size: 100%; font-family: var(--noto-bold); }
.section.kramer-sec .grid-boxes .grid-box .grid-box-title h3 a { color: #fff; }
.section.kramer-sec .grid-boxes .grid-box .grid-box-subtitle { text-align: left; font-family: var(--noto-bold); font-size: 100%; margin-bottom: 5px; }
.section.kramer-sec .grid-boxes .grid-box .grid-box-fulltext { text-align: left; }
.section.kramer-sec .grid-boxes .grid-box .grid-box-subtitle.button { font-size: 100%; }
.section.kramer-sec .grid-boxes .grid-box .grid-box-subtitle.button a { position: relative; color: transparent; font-size: 70%; }
.section.kramer-sec .grid-boxes .grid-box .grid-box-subtitle.button a::after { background-repeat: no-repeat; background-image: url(/warehouse/dynamic/339433.svg); background-size: 100%; content: ''; position: absolute; width: 26px; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 26px; pointer-events: none; }

@media(max-width: 1024px) {
    .section.kramer-sec { padding: 50px 0 30px; }
    .section.kramer-sec .section-title { margin-bottom: 60px; }
    .section.kramer-sec .grid-boxes { flex-wrap: wrap; padding: 0 20px; }
    .section.kramer-sec .grid-boxes .grid-box { width: 100%; padding: 0; margin-bottom: 70px; }
    .section.kramer-sec .grid-boxes .grid-box .grid-box-title { position: relative; left: unset; padding: 0 20px 35px; }
}

/* Team Section */
.section.team-sec { max-width: unset; padding: 0 0 120px; }
.section.team-sec .section-title { margin-bottom: 90px; }
.section.team-sec .section-title h2::before { content: 'KD TEAM'; }
.section.team-sec .gallery-container { max-width: 1280px; margin: 0 auto; width: 100%; padding: 0 10px; }
.section.team-sec .gallery-container .item { padding: 0 10px; }
.section.team-sec .gallery-container .item .topImg { border-radius: 27px; position: relative; }
.section.team-sec .gallery-container .item .topImg::before { background-color: rgba(1, 14, 59, 0.5); content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; border-radius: 27px; pointer-events: none; opacity: 0; transition: 0.4s all; }
.section.team-sec .gallery-container .item:hover .topImg::before { opacity: 1; }
.section.team-sec .gallery-container .item .topImg::after { background-image: linear-gradient(to bottom, rgba(1, 14, 59, 0), rgba(1, 14, 59, 0.5)); content: ""; bottom: 0; position: absolute; left: 0; width: 100%; height: 105px; z-index: 0; pointer-events: none; border-bottom-right-radius: 27px; border-bottom-left-radius: 27px; }
.section.team-sec .gallery-container .item .topImg img { border-radius: 27px; }
.section.team-sec .gallery-container .item .topImg .plus-sign { display: none; }
.section.team-sec .gallery-container .item .photoTextWrapper { top: unset; bottom: 15px; left: 0; transform: none; width: auto; background: transparent; padding: 0px 30px; color: #fff; z-index: 5; text-align: left; }
.section.team-sec .gallery-container .item .photoTextWrapper > h3 { font-size: 100%; font-family: var(--noto-bold); margin: 0 0 2px; }
.section.team-sec .gallery-container .item .photoTextWrapper > .photoFullText { font-size: 65%; }
.section.team-sec .gallery-container .item .photoTextWrapper .photoFullText p { position: relative; top: unset; left: unset; transform: none; max-width: 300px; overflow: hidden; transition: all 0.6s; height: 0; opacity: 0; font-size: 14px; color: #fff; }
.section.team-sec .gallery-container .item:hover .photoTextWrapper .photoFullText p { height: 140px; transition: all 0.6s; opacity: 1; padding-top: 10px; line-height: 1.3; }
.section.team-sec .gallery-container .item .photoTextWrapper .photoTextLinkWrapper { position: absolute; right: 20px; bottom: 15px; transition: 0.6s all; }
.section.team-sec .gallery-container .item:hover .photoTextWrapper .photoTextLinkWrapper { bottom: 160px; transition: 0.6s all; }
.section.team-sec .gallery-container .item .photoTextWrapper .photoTextLinkWrapper .item-button { padding: 0; font-size: 12px; margin: 0; position: relative; background: transparent; color: transparent; }
.section.team-sec .gallery-container .item .photoTextWrapper .photoTextLinkWrapper .item-button::after { background-repeat: no-repeat; background-image: url(/warehouse/dynamic/339433.svg); background-size: 100%; content: ''; position: absolute; width: 26px; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 26px; pointer-events: none; }
.section.team-sec .gallery-container .owl-prev { right: -45px; font-size: 0; }
.section.team-sec .gallery-container .owl-next { left: -45px; font-size: 0; }
.section.team-sec .gallery-container .owl-prev::after { background-repeat: no-repeat; background-size: 100%; background-image: url(/warehouse/dynamic/339431.svg); width: 25px; height: 25px; }
.section.team-sec .gallery-container .owl-next::after { background-repeat: no-repeat; background-size: 100%; background-image: url(/warehouse/dynamic/339432.svg); width: 25px; height: 25px; }

@media(max-width: 1024px) {
    .section.team-sec { padding: 0 0 105px; }
    .section.team-sec .section-title { margin-bottom: 40px; }
    .section.team-sec .gallery-container .owl-prev { right: 38vw; top: unset; bottom: -60px; }
    .section.team-sec .gallery-container .owl-next { left: 38vw; top: unset; bottom: -60px; }
    .section.team-sec .gallery-container .item .photoTextWrapper { bottom: 20px; }
    .section.team-sec .gallery-container .item .photoTextWrapper > h3 { margin: 0 0 5px; }
}

/* Contact Section */
.section.contact-sec { max-width: unset; background: var(--blue); padding: 70px 0; }
.section.contact-sec .contact-sec-container { background: #fff; max-width: 1200px; margin: 0 auto; padding: 80px 0 40px; }
.section.contact-sec .section-title h2::before { content: 'CONTACT US'; }
.section.contact-sec #DynamicFormObject::after { display: none; }
.section.contact-sec #DynamicFormObject { border: none; padding: 0 15px; display: flex; flex-direction: column; align-items: center; max-width: 100% !important; }
.section.contact-sec #DynamicFormObject .dynamicFormObjectTitleAndText { display: none; }
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields { width: 100%; max-width: 900px; padding: 0; margin: 0; }
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields fieldset { display: flex; flex-wrap: wrap; justify-content: center; }
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { width: 33.33%; padding-right: 10px; padding-left: 10px; }
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField input,
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea { border-radius: 0; height: 50px; font-size: 70% !important; color: rgb(19 21 27 / 50%); width: 100%; max-width: 100%; padding-left: 15px; }
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField input::placeholder, .section.contact-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea::placeholder { color: inherit; }
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.textareaField { width: 100%; }
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea { height: 140px; }
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { border: 2px solid #000; background: transparent; font-family: var(--bold); font-size: 80%; padding: 0; width: 170px; height: 50px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; z-index: 1; margin-top: 10px; transition: 0.4s all; }
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit::after { background-repeat: no-repeat; background-size: 100%; background-image: url(/warehouse/dynamic/339431.svg); width: 14px; height: 14px; content: ''; position: absolute; right: 30px; transition: 0.3s all; }

.section.contact-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit:hover::after { filter: invert(1); right: 20px; }
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit:hover { background: #000; }
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input { background: transparent; height: 100%; width: 100%; border: none; font-size: 100%; color: var(--blue); text-transform: uppercase; transition: 0.4s all; }
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit:hover input { color: #fff; }
.normal-form .must::before { left: 17px !important; top: 20px; font-size: 70%; color: rgb(19 21 27 / 50%); }
label.error, span.error { top: 15px; left: unset; font-size: 80%; right: 20px; }

@media(max-width: 1024px) {
    .section.contact-sec { padding: 50px 20px; }
    .section.contact-sec .contact-sec-container { padding: 40px 0; }
    .section.contact-sec .contact-sec-container .section-title { margin-bottom: 40px; }
    .section.contact-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { width: 100%; }
    .section.contact-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField input,
    .section.contact-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea { margin-bottom: 10px; }
    .section.contact-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { margin-top: 25px; }
}

/* Content Page */
.content-page .categories-strip { background-color: transparent; padding: 23px 0; }
.content-page .categories-strip .menu-tags-list ul li,
.content-page .mobile-strip .top-mobile-strip span:last-of-type { position: relative; color: #010e3b; border: 2px solid #010e3b; border-radius: 15px; margin: 6px 5px; }
.content-page .categories-strip .menu-tags-list ul li.active { background-color: #010e3b; color: #fff; }


.content-page #pageview { display: flex; max-width: 1120px; margin: 0 auto 120px; }
.content-page #pageview .MainContent { width: 42%; }
.content-page #pageview .MainContent #text1 { max-width: 100%; }
.content-page #pageview #text2 { width: 58%; max-width: 100%; padding-left: 50px; text-align: left; }
.content-page #pageview #text2 #headline { text-align: left; font-size: 100%; }
.content-page #pageview #text2 p img { height: 100%; width: 100%; }
.content-page #pageview #text2 h3 { font-size: 90%; color: var(--blue); font-family: var(--noto-bold); }
.content-page #pageview #text2 ul { padding: 0; padding-left: 20px; direction: ltr; }
.content-page #pageview #text2 ul li { font-size: 80%; }
.content-page #pageview #text2 ul li::marker { font-size: 70%; }
.content-page .footer-text-divided { background: #fff; }

@media(min-width: 1024px) {
    .content-page .categories-strip .menu-tags-list ul li:first-child { width: 100%; border: 0; font-family: var(--noto-bold); font-size: 1.8rem; padding-top: 5px; }
}

@media(max-width: 1024px) {
    .content-page #GridTop.noTopImage.longer { height: 69px; }
    .content-page #GridPage { padding: 0; }
    .content-page #GridPage .max-width { width: 100%; max-width: unset; }
    .content-page #pageview { flex-direction: column; align-items: center; margin: 0 auto 80px; }
    .content-page #pageview .MainContent { width: 100%; }
    .content-page #pageview #text2 { width: 100%; padding: 30px 20px 0; }

    .content-page .mobile-strip { padding: 0 20px; }
    .content-page .mobile-strip:after { content: none; }
    .content-page .mobile-strip .top-mobile-strip span:last-of-type,
    .content-page .categories-strip .menu-tags-list ul li { padding: 15px; width: 100%; float: left; margin: 6px 0; font-size: 1.15rem; font-family: var(--noto-bold); }
    .content-page .mobile-strip .top-mobile-strip span:first-of-type { font-size: 1.8rem; font-family: var(--noto-bold); line-height: 1.8; color: #010e3b; padding: 10px 0; }
    .content-page .mobile-strip .top-mobile-strip span:last-of-type { text-align: left; }
    .content-page .mobile-strip .top-mobile-strip span:last-of-type::after { content: "\f0d7"; position: absolute; font-family: FontAwesome; top: 13px; font-size: 140%; right: 15px; }
}

/* Footer */ footer, #SiteFooter { padding: 0; }
.footer-text-divided { padding: 30px; }
.footer-text-divided > div.footer-text-middle p > img { padding-bottom: 20px; }
#SiteFooter .site-credit.alternative svg { fill: #fff; }
.footer-text-divided > div.footer-text-middle p > a { padding: 0 8px 0 0; margin: 0 8px 0 0; position: relative; }
.footer-text-divided > div.footer-text-middle p > a::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 50%; background: #000; }

.privacy_policy { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); /*color: #fff;*/ font-size: 1rem; }

@media(max-width: 1024px) {
    .footer-text-divided > div.footer-text-middle p > a::after { display: none; }
    .footer-text-divided > div.footer-text-middle p:last-child { display: flex; flex-direction: column-reverse; align-items: center; }
}

/* Animations */
.section-animation-item,
.grid-boxes .section-animation-item,
.section-animation-item.up { opacity: initial !important; transition: initial !important; margin-top: 0; animation: initial !important; transform: unset !important; }

.section.about-sec.shown .grid-rows .grid-row .flexslider-box::after { height: 0; transition: 1.3s all 0.5s; }

.section.offer-sec.shown .grid-boxes .grid-box:nth-child(1) { opacity: 1 !important; transition-delay: 0.5s !important; }
.section.offer-sec.shown .grid-boxes .grid-box:nth-child(2) { opacity: 1 !important; transition-delay: 0.7s !important; }
.section.offer-sec.shown .grid-boxes .grid-box:nth-child(3) { opacity: 1 !important; transition-delay: 0.9s !important; }
.section.offer-sec.shown .grid-boxes .grid-box:nth-child(4) { opacity: 1 !important; transition-delay: 1s !important; }
.section.offer-sec.shown .grid-boxes .grid-box:nth-child(5) { opacity: 1 !important; transition-delay: 1.2s !important; }
.section.offer-sec.shown .grid-boxes .grid-box:nth-child(6) { opacity: 1 !important; transition-delay: 1.4s !important; }


/* UnZoom */
.TopVideo iframe { top: auto; bottom: -33%; width: 100%; }
#home-gallery .TopVideo { height: 100% !important; }


@media (min-width: 1024px) and (-webkit-device-pixel-ratio: 1.25) {
    p, .grid-rows .grid-row-text p { font-size: 90%; }
}

@media (min-width: 1024px) and (-webkit-device-pixel-ratio: 2) {
    p, .grid-rows .grid-row-text p { font-size: 90%; }
}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) {
    .TopVideo iframe { bottom: -16%; }
}

@media (min-width: 768px) {
    #home-gallery { height: calc(var(--vh)) !important; }
    .macOs.chromeBrowser #home-gallery { height: calc(var(--app-height) * 1.25) !important; }
    body.macOs.safariBrowser #home-gallery { height: 100vh !important; }
    body.macOs #home-gallery .TopVideo iframe { height: 180%; width: 150%; background: transparent; }
}

@media (max-width: 767px) {
    #home-gallery { min-height: unset !important; }
    #home-gallery, #home-gallery .TopVideo { height: var(--app-height) !important; }
    #home-gallery video { top: -30%; }

    .section.about-sec .grid-rows .grid-row-text h2::before, .section-title h2::before { font-size: 45px; width: auto; }
    .section.offer-sec .section-title h2 { text-align: center; padding: 0 120px; }
    .section.expertise-sec .section-title h2 { text-align: center; padding: 0 100px; }
    .section.kramer-sec .section-title h2 { text-align: center; padding: 0 110px; }
    .section.about-sec .grid-rows .grid-row-text h2::before, .section.expertise-sec .section-title h2::before,
    .section.team-sec .section-title h2::before, .section.contact-sec .section-title h2::before { width: 100%; }
}