/*techtonic*/
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Poppins:wght@100;300;400;500;600;700;800;900&display=swap');


:root { --bannerTitleColor: #9ff; --titleBlueColor: #0e2247; --gradientHorColor: linear-gradient(270deg, #f69320, #dd0a8a); --gradientVerColor: linear-gradient(195deg, #f69320, #dd0a8a); --textBlackColor: #121212; --titleFont: 'Orbitron', sans-serif; --textFont: 'Poppins', sans-serif; --borderStyle: solid 1px #d1c6b0; --containerShadow: 20px 20px 60px 0 rgba(14, 34, 71, 0.2); }
html { font-size: 62.5%; }
body { font-size: 2rem; background-color: var(--bgColor); font-family: var(--textFont); }


/*reset*/
/*.contentPage .grid-text p { margin: 0 }
.contentPage .section { padding: 0; margin: 0 }
.contentPage .sections .grid-content-section { margin: 0 auto; padding: 0; }
.contentPage #LobbyModule .grid-boxes, contentPage #lobbyview .grid-boxes { margin: 0; padding: 0; max-width: 100%; }
.contentPage #LobbyModule .grid-box, .contentPage #lobbyview .grid-box { margin: 0; padding: 0; }*/
#GridPage { padding: 0; }
body:not(.home-page) footer { padding: 0; }
.grid-text-section .section-animation-item, .random-gallery .section-item { padding: 0; margin: 0; width: 100%; }
.gallery-cubes .boxes-images-outer-image .image-link-container a { display: none; }
.section-animation-item, .grid-boxes .section-animation-item, .section-animation-item.up { opacity: initial !important; transition: initial !important; margin-top: 0 !important; animation: initial !important; transform: unset !important; }
.grid-rows .grid-row { background-color: transparent; }
.section { padding: 0; margin: 0 auto; }
footer { padding: 0; }
.section-title h1, .section-title h2 { max-width: 100%; }
.grid-boxes .grid-box-title h3 a, a, a:hover, a:focus { color: inherit; outline: none }
.grid-rows .grid-row-text h2, .section-title, .grid-boxes .grid-box-title h3, h3 { margin: 0; padding: 0; }
.grid-boxes .grid-box-image { margin: 0; }
.row { margin: 0; padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; margin: 0; width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 0; margin: 0; width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { padding: 0; margin: 0; }
#DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField { padding: 0; margin: 0; }
.normal-form input, .normal-form textarea, .normal-form select { margin: 0; padding: 0; max-width: 100%; width: 100%; }
.grid-short-box .grid-short-box-label { padding: 0; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding: 0; }
.grid-short-box { margin: 0; }
.sections .grid-content-section { padding: 0; }
#header2.detailsInRow .menu-nav { margin: 0; padding: 0 }
#header2 ul.menu { margin: 0; padding: 0; }
#header2 ul.menu li { margin: 0; padding: 0; }
#header2 ul.menu li:hover, #header2 ul.menu li:focus, #header2 ul.menu li.active { color: inherit; }
#header2 .header-top-left { margin: 0; padding: 0; }
#header2 .header-top-left a { margin: 0; padding: 0; }
#header2 ul.menu > li:before { content: none; }
button { padding: 0; background: transparent; box-shadow: none; border: 0; }
.form-container-wide #DynamicFormObject { padding: 0; margin: 0; border: 0; }
.form-container-wide #DynamicFormObject::after { content: none; }
.normal-form input, .normal-form input:focus, .normal-form textarea, .normal-form textarea:focus { border: 0 !important; box-shadow: none; outline: none; border-radius: 0; }
#LobbyModule .grid-boxes { padding: 0; }
.lobby-grid #GridPage .max-width { padding: 0; }
.ClientsLogos { padding: 0 }
.gallery-container { width: 100%; max-width: 100%; }
#DynamicFormObject { max-width: 100% !important }
#header2 .max-width { max-width: 100%; width: 100%; }
#SiteFooter { padding: 0 }
#GridPage .max-width { width: 100%; }
#header2 ul.menu li a:focus { border: 0; }
#header2 #header-left { margin: 0 }
#text1, #text2 { max-width: 100% }

/*only for this page*/
#GridPage .max-width, #GridPage .max-width-center { max-width: 100% }

@keyframes textAnim {
    0%, 5% { transform: translateY(160%); opacity: 0; }
    20% { opacity: 0; }
    50% { opacity: 1; }
    80%, 100% { transform: translateY(0); opacity: 1; }
}

section.grid-content-section, section.grid-text-section, grid-row { opacity: 0; }
section.grid-content-section, section.grid-text-section, grid-row { animation: textAnim 1.5s; opacity: 1; transition: opacity 1s; }

@media(max-width: 767px) {
    .contentPage #GridPage .max-width { max-width: 100%; width: 100%; }
}


/*banners*/
body:not(.home-page) #GridTop { height: 600px; /*margin-top: 90px;*/ background-position: center; background-repeat: no-repeat; background-size: cover; }
body:not(.home-page) #GridTop .top-caption { top: 55%; text-align: center; text-transform: uppercase; }
#home-gallery .gallery-caption .gallery-text div, #GridTop .top-caption h1 { font-family: var(--titleFont); font-size: clamp(3rem, 1.004rem + 4.163vw, 6rem); line-height: 1.33; letter-spacing: 1.5px; font-weight: 900; color: var(--bannerTitleColor); }

@media(max-width: 767px) {
    body:not(.home-page) #GridTop { height: 283px; margin-top: 0px }
    body:not(.home-page) #GridTop .top-caption { top: 60% }
    #home-gallery .gallery-caption .gallery-text div, #GridTop .top-caption h1 { font-size: 3rem; letter-spacing: 0.75px; }
}

/*text*/
.titleWrapper > * { font-size: 5rem !important; font-family: var(--titleFont); font-weight: 900; color: var(--titleBlueColor); }
.titleWrapper::after { content: ''; position: relative; display: block; height: 4px; width: 160px; background: var(--gradientHorColor); margin: 12px 0 16px; }

.section-title h2, .mediaPage h2, .thankYouPage #headline h1 { font-size: 6rem; font-weight: bold; font-family: var(--titleFont); line-height: 1.2; color: var(--titleBlueColor); }
.grid-rows .grid-row-text p, #text1 p, #text1 li, #text2 p, #text2 li { font-size: 1.6rem; line-height: 1.63; color: var(--textBlackColor) }
#text1 h2, #text1 h3, #text1 h4, #text2 h2, #text2 h3, #text2 h4 { font-size: 1.7rem; color: var(--titleBlueColor); line-height: 1.63; font-weight: 700; text-transform: capitalize; }

@media(max-width: 767px) {
    .grid-rows .grid-row-text h2 { }
    .grid-rows .grid-row-text p { }

    .titleWrapper > * { font-size: 2.7rem !important; line-height: 1.19; }
    .section-title h2, .mediaPage h2, .thankYouPage #headline h1 { font-size: 3rem; }
}


/*buttons*/
.buttonFirstTypeWrapper { width: 240px; height: 54px; display: flex; justify-content: center; align-items: center; background: linear-gradient(135deg, #f69320, #ef6d3e, #dd0a8a, #dd0a8a, #ef6d3e,#f69320 ); background-size: 180% auto; transition: 0.6s all; border-radius: 100px; margin: 0 auto }
.buttonFirstTypeWrapper:hover { background-position: 100% 0; }
.buttonFirstTypeWrapper > * { font-size: 1.8rem !important; font-weight: 600; letter-spacing: 0.45px; line-height: 1.61; color: #fff !important; width: 100% !important; height: 100% !important; border: 0 !important; outline: 0 !important; margin: 0 !important; padding: 13px 30px; !important; display: flex !important; justify-content: center; align-items: center; font-family: var(--textFont); background: transparent !important; }
.buttonSecTypeWrapper { width: 121px; height: 40px; display: flex; justify-content: center; align-items: center; position: relative; }
.buttonSecTypeWrapper::after { content: ''; position: absolute; height: 14px; width: 100%; background-image: url(/warehouse/dynamic/391768.png); background-position: center; background-repeat: no-repeat; background-size: cover; left: -10px; bottom: 0; transition: all 0.5s ease; }
.buttonSecTypeWrapper:hover:after { width: 110%; }
.buttonSecTypeWrapper::before { content: ''; position: absolute; right: 0; bottom: -8px; border-radius: 50%; background: var(--gradientVerColor); width: 30px; height: 30px; transition: all 0.5s ease; }
.buttonSecTypeWrapper:hover:before { right: -10px; }
.buttonSecTypeWrapper > * { font-size: 1.6rem !important; line-height: 1.63; font-weight: 500; color: var(--titleBlueColor) !important; width: 100% !important; height: 100% !important; border: 0 !important; outline: 0 !important; margin: 0 !important; padding: 0 !important; display: flex !important; justify-content: flex-start; align-items: center; font-family: var(--textFont); background: transparent !important; }


/*-------------------------------------------------------------header---------------------------------------------------------*/

#header2 { background: linear-gradient( rgba(16, 39, 82, 0.7),rgba(16, 39, 82, 0) ); padding: 0; }
#header2::after { content: ''; position: absolute; width: 96%; height: 1px; background-color: #fff; opacity: 0.2; bottom: 0; left: 50%; transform: translateX(-50%); z-index: -1; }
#header2 #header-container { display: flex; justify-content: space-between; align-items: center; padding: 0 34px; }

#header2 #header-container .header-right-section { order: 2; display: flex; justify-content: center; align-items: center; height: 100%; padding: 0; }
#header2 #header-container .header-right-section .menu li { padding: 0 25px; }
#header2 #header-container .header-right-section .menu li a { padding: 39px 0; position: relative; font-family: var(--titleFont); font-size: 1.7rem; line-height: 1.24; letter-spacing: 0.85px; }
#header2 #header-container .header-right-section .menu li a::after,
#header2 #header-container .header-right-section .menu li.active a:after { content: ''; position: absolute; height: 4px; width: 100%; bottom: 0; left: 0; background: var(--gradientHorColor); }
#header2 #header-container .header-right-section .menu li a::after { width: 0; transition: width 0.35s ease; }
#header2 #header-container .header-right-section .menu li a:hover:after { width: 100%; }

#header2 #header-container .mobile-middle-kdm { order: 3; display: flex; justify-content: flex-end; align-items: center; padding: 24px 0; width: 265px; }


#header2 #header-container #header-left { order: 1; display: flex; justify-content: center; align-items: center; padding: 24px 0; width: 265px; }

@media(max-width: 767px) {

    #header2 .max-width { max-width: 100%; width: 100%; }
    #header2 #header-container { padding: 0 15px; }
    #header2 #header-container .mobile-middle-kdm { display: none; }
    #header2 #header-container .header-right-section { width: 35px; background: transparent; }
    #header2 #header-container #header-left { width: 40%; padding: 15px 0; }
    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after, #nav-toggle-mobile span, #nav-toggle-mobile span:before, #nav-toggle-mobile span:after { width: 27px }

    #header2 ul.menu { width: 100%; height: 100vh; left: 0; position: fixed; background-color: #0e2348; }
    #header2 #header-container .header-right-section .menu li { top: 10%; left: 0; text-align: center; background-color: transparent; }
    #header2 #header-container .header-right-section .menu li a { display: block; padding: 25px 0; }

    #header2 #header-container .header-right-section .menu li a:hover:after, #header2 #header-container .header-right-section .menu li.active a:after { bottom: 10px; width: 45%; left: 50%; transform: translateX(-50%); }
}

/*-------------------------------------------------------pages---------------------------------------------------------------*/

/*-----------------HOME Page-------------------*/
/*hero*/
#home-gallery .gallery-caption { left: 9.5%; transform: none; }
#home-gallery .gallery-caption .gallery-text { max-width: 750px; }
#home-gallery .gallery-caption .gallery-text div { margin: 0 }
#home-gallery .gallery-caption .gallery-text span { font-size: clamp(1.8rem, 1.268rem + 1.11vw, 2.6rem); line-height: 1.54; font-weight: 500; max-width: 550px; display: block; margin: 36px 0 16px; }

#home-gallery .scroll-down { bottom: 0 }
#home-gallery .scroll-down button svg { height: 90px; width: 90px; }

@media(max-width: 767px) {
    #home-gallery .gallery-caption { top: 100px; left: 0; max-width: 100%; padding: 0 15px; }
    #home-gallery .gallery-caption .gallery-text { width: 100%; white-space: normal; }
    #home-gallery .gallery-caption .gallery-text div { line-height: 1.33; }
    #home-gallery .gallery-caption .gallery-text span { margin: 5px 0 22px; }

    #home-gallery .scroll-down { bottom: 45px; }
    #home-gallery .scroll-down button svg { width: 50px; height: 50px; }
}

/*sections*/
#allSectionsWrapper { padding: 67px 0 0; }
.section, .sections .grid-content-section { padding: 67px 0; max-width: 100% }

@media(max-width: 767px) {
    #allSectionsWrapper { padding: 0; }
}
/*textSection*/
.sections .textSection { max-width: 1570px; margin: 0 auto; position: relative; }
.textSection.imgLeft .grid-row { direction: ltr !important; }
.textSection.imgRight .grid-row { direction: rtl !important; }
.textSection .grid-row .grid-row-cell.flexslider-box { width: 1190px; max-width: 100%; height: 800px; }
.textSection .grid-row .grid-row-cell:not(.flexslider-box) { width: 700px; max-width: 100%; height: 567px; display: flex !important; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%) !important; background-color: #fff; box-shadow: var(--containerShadow); padding: 46px 55px; border-radius: 30px 0 30px 0; }
.textSection.imgLeft .grid-row .grid-row-cell:not(.flexslider-box) { right: 0; }
.textSection.imgRight .grid-row .grid-row-cell:not(.flexslider-box) { left: 0; }
.textSection .grid-row .grid-row-cell:not(.flexslider-box) .grid-row-text { width: 100%; }

@media(min-width:768px) {
    /**changes on video mode**/
    .textSection.imgLeft .gridHasVideo { display: flex; flex-wrap: wrap; }
    .textSection.imgLeft .gridHasVideo li.slider-item { padding-bottom: 0; }
    .textSection.imgLeft .grid-row.gridHasVideo .grid-row-cell.flexslider-box { height: auto; margin:0 auto;}
    .textSection.imgLeft .grid-row.gridHasVideo .grid-row-cell:not(.flexslider-box) { position: unset; transform: none !important; margin-top: 40px !important; margin-left: auto; }
}

@media(max-width: 767px) {
    .textSection.imgRight .grid-row { align-items: flex-start; }
    .textSection .grid-row { overflow: visible; display: flex !important; flex-direction: column; align-items: flex-end; padding: 0 15px; }
    .textSection .grid-row .grid-row-cell.flexslider-box { width: 100%; height: auto; }
    .textSection .grid-row .grid-row-cell:not(.flexslider-box) { top: auto; transform: none !important; margin-top: -30px !important; height: auto; position: relative; width: 94%; padding: 40px 28px; }
    .textSection .grid-row .grid-row-cell:not(.flexslider-box) .grid-row-text { padding: 0; padding-bottom: 10px; margin: 0; }
    .textSection.imgLeft .grid-row.gridHasVideo .grid-row-cell:not(.flexslider-box) { top: 20px; }
    .textSection .grid-row .grid-row-cell.flexslider-box li.slider-item { padding-bottom:40px }
}

/*why Techtonic*/
.sections .whyTechtonicSection { background-image: url(/warehouse/dynamic/391771.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
.whyTechtonicSection h2 { margin-bottom: 90px; }
.whyTechtonicSection .grid-boxes { max-width: 1455px; margin: 0 auto; }
.whyTechtonicSection .grid-boxes > div { width: 24%; padding: 0 40px; padding-bottom: 60px; }
.laptop .whyTechtonicSection .grid-boxes > div { zoom: 1.2; }
.whyTechtonicSection .grid-boxes .grid-box .grid-box-image { height: 172px; width: 172px; margin: 0 auto; padding: 37px; border-radius: 50%; box-shadow: 0 0 30px 0 rgba(14, 34, 71, 0.2); background-color: #fff; border: 2px solid #f3f8fd; display: flex; justify-content: center; align-items: center; }
.whyTechtonicSection .grid-boxes .grid-box .grid-box-image .grid-box-image-container { position: relative; }
.whyTechtonicSection .grid-boxes .grid-box a { pointer-events: none; }
.whyTechtonicSection .grid-boxes .grid-box .grid-box-image img { height: 100%; width: 100%; margin: 0 auto; transform: none; }
.whyTechtonicSection .grid-boxes .grid-box .grid-box-title h3 a { font-family: var(--textFont); font-weight: bold; line-height: 1.9; font-size: 2.1rem; color: var(--textBlackColor) }
.whyTechtonicSection .grid-boxes .grid-box .grid-box-fulltext { line-height: 1.63; font-size: 1.6rem; color: var(--textBlackColor) }

@media(max-width: 767px) {
    .sections .whyTechtonicSection { padding: 0 15px; background-image: url( /warehouse/dynamic/391770.jpg) }
    .whyTechtonicSection h2 { margin-bottom: 30px; }
    .whyTechtonicSection .grid-boxes > div { width: 100%; padding: 0; display: flex !important; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: 25px; }
    .whyTechtonicSection .grid-boxes .grid-box .grid-box-image { width: 93px; height: 93px; padding: 18px 20px; margin: 0; }
    .whyTechtonicSection .grid-boxes .grid-box .grid-box-image .grid-box-image-container { width: 100%; height: 100%; }
    .whyTechtonicSection .grid-boxes .grid-box .grid-box-image img { height: 100%; width: 100%; }

    .textBoxWrapper { width: calc(100% - 115px); text-align: left; }
    .textBoxWrapper .grid-box-title { width: 100%; }
    .whyTechtonicSection .grid-boxes .grid-box.col-xs-6 .grid-box-title h3 { margin: 0; line-height: 1; font-size: 100%; }
    .whyTechtonicSection .grid-boxes .grid-box .grid-box-title h3 a { font-size: 1.6rem; line-height: 1.31; color: var(--textBlackColor); }
    .textBoxWrapper .grid-box-fulltext { width: 100%; font-size: 1.3rem; line-height: 1.23; max-width: 90%; }
}

/*running numbers*/
.sections .runningNumbersSection { padding: 45px 0; background-image: url(/warehouse/dynamic/391777.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
.runningNumbersSection .running-numbers { display: flex; justify-content: center; max-width: 1460px; margin: 0 auto; flex-direction: row; }
.runningNumbersSection .running-numbers .grid-box { background-image: url(/warehouse/dynamic/391781.svg); background-position: center; background-repeat: no-repeat; background-size: contain; padding: 50px 35px; position: relative; }
.runningNumbersSection .running-numbers .grid-box::after { content: ''; position: absolute; background-image: url(/warehouse/dynamic/391780.svg); background-position: center; background-repeat: no-repeat; background-size: contain; width: 46px; height: 100%; left: -22px; top: 0; }
.runningNumbersSection .running-numbers .grid-box:first-child:after { content: none; }
.runningNumbersSection .running-numbers .grid-box .grid-box-inner { background: transparent; padding: 0px; }
.runningNumbersSection .running-numbers .grid-box .grid-box-title { font-size: 10rem; color: var(--bannerTitleColor); font-family: var(--titleFont); font-weight: bold; line-height: 1.2; }
.runningNumbersSection .running-numbers .grid-box .grid-box-subtitle { color: #fff; font-weight: 500; font-size: 2.2rem; line-height: 1.68; }
.running-numbers .grid-box .grid-box-title .suffix { font-family: 'NarkisBlock-Bold'; font-size: 6rem; font-weight: 700; text-transform: lowercase; line-height: 0.5 }

@media(max-width: 767px) {
    .sections .runningNumbersSection { background-image: url(/warehouse/dynamic/391776.jpg); }
    .runningNumbersSection .running-numbers { flex-direction: column; justify-content: center; align-items: center; gap: 70px; }
    .runningNumbersSection .running-numbers .grid-box { width: 100%; }
    .runningNumbersSection .running-numbers .grid-box::after { transform: translateX(-50%) rotate(90deg); top: -50%; left: 50%; height: 70%; }
    .runningNumbersSection .running-numbers .grid-box .grid-box-title { font-size: 7.3rem; }
    .running-numbers .grid-box .grid-box-title span { justify-content: center; }
    .runningNumbersSection .running-numbers .grid-box .grid-box-subtitle { font-size: 1.8rem; }
}

.sections .partnersSection { padding: 160px 0 100px; }
.partnersSection .section-title h2 { margin-bottom: 45px; text-transform: uppercase; font-weight: 900; }
.partnersSection .logosGroup { max-width: 1550px; margin: 0 auto; }
.partnersSection .logosGroup > div { margin-bottom: 0 }

@media(max-width: 767px) {
    .sections .partnersSection { padding: 50px 0 40px; direction: rtl; }
    .partnersSection .gallery-container { overflow: scroll; }
    .partnersSection .gallery-container::-webkit-scrollbar { width: 0px; height: 0; }
    .partnersSection .gallery-container .ClientsLogos { width: 700px; }
    .partnersSection .logosGroup { max-width: 100%; }
    .partnersSection .logosGroup > div { width: 700px; float: right !important; height: 90px; padding: 0 3px; direction: ltr; }
    .partnersSection .logosGroup .js-marquee > div { height: 50px; width: 150px; }
    .partnersSection .ClientsLogos > div > div .ClientImgLogo { max-height: initial; max-width: inherit; height: auto; width: 100%; }
    .partnersSection .section-title h2 { margin-bottom: 30px; }
}



.sections .grid-image-section { padding: 0; height: 700px; }
.grid-image-section .image-section-data { height: 700px; }
.grid-image-section .image-section-data img { height: 1150px; }

@media(max-width: 767px) {
    .sections .grid-image-section { height: auto; }
    .grid-image-section .image-section-data { height: auto; }
    .grid-image-section .image-section-data img { height: auto; }
}

.newsSection { padding: 85px 0 120px; }
.newsSection h2, .mediaPage h2 { font-weight: 900; margin-bottom: 12px; text-align: center; text-transform: uppercase; }
.newsSection .grid-boxes, .mediaPage #gridshort-view .flex-row { max-width: 1335px; margin: 30px auto; }
.newsSection .grid-boxes > div, .mediaPage #gridshort-view .flex-row > div { padding: 0 30px; margin: 30px 0; background-color: transparent; }
.mediaPage #gridshort-view .flex-row > div a { background: #eae0f9; }
.mediaPage #gridshort-view .flex-row > div.even a { background: #d9e8fd; }
.newsSection .grid-boxes > div::after, .mediaPage #gridshort-view .flex-row > div:after { content: ''; position: absolute; height: 100%; width: 2px; top: 0; left: 0; background: var(--gradientVerColor); }
.newsSection .grid-boxes > div:first-child:after, .mediaPage #gridshort-view .flex-row > div:nth-child(3n+1):after { content: none }
.newsSection .grid-boxes > div .grid-short-box, .mediaPage #gridshort-view .flex-row .grid-short-box { box-shadow: var(--containerShadow); padding: 10px; }
.newsSection .grid-boxes > div .grid-short-box-image, .mediaPage #gridshort-view .flex-row .grid-short-box-image { padding: 0; height: 210px }
.newsSection .grid-boxes > div .grid-short-box-image img, .mediaPage #gridshort-view .flex-row .grid-short-box-image img { width: 100%; height: 100%; }
.mediaPage #gridshort-view .flex-row .grid-short-box-image img { width: auto; max-width: 220px; height: auto; }
.newsSection .grid-boxes > div .grid-short-box-fulltext .grid-short-box-label, .mediaPage #gridshort-view .flex-row .grid-short-box-label { font-size: 1.7rem; line-height: 1.41; color: var(--titleBlueColor); font-weight: bold; padding: 19px 0 11px; }
.newsSection .grid-boxes > div .grid-short-box-fulltext .grid-short-box-subtitle, .mediaPage #gridshort-view .flex-row .grid-short-box-subtitle { font-size: 1.3rem; line-height: 1.62; color: var(--textBlackColor); padding-bottom: 18px; }
.mediaPage #gridshort-view .flex-row .grid-short-box-subtitle { font-size: 1.5rem; text-align: left; font-weight: bold; height: 45px; color: var(--titleBlueColor); }
.newsSection .grid-boxes > div .grid-short-box-fulltext .grid-short-box-link, .mediaPage #gridshort-view .flex-row .grid-short-box-link { margin-bottom: 40px; }
.newsSection .content-section-Btn { padding-top: 40px; }

@media(max-width: 767px) {

    .newsSection { padding: 50px 0; }
    .newsSection .grid-boxes, .mediaPage #gridshort-view .flex-row { margin-bottom: 0; }
    .newsSection .grid-boxes > div, .mediaPage #gridshort-view .flex-row > div { padding: 0 15px; width: 100%; margin: 15px 0; }
    .newsSection .grid-boxes > div::after, .mediaPage #gridshort-view .flex-row > div:after { content: none; }
    .newsSection .content-section-Btn { padding-top: 20px; }
}

.grid-form-section, #SiteGrid #GridPromo.form-container-wide { padding: 100px 0; /* background-image: url(/warehouse/dynamic/391777.jpg); */ background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #e9ebf0; max-width: 100%; }
#SiteGrid #GridPromo.form-container-wide { margin: 0; }
.grid-form-section .form-container-wide, .formWrapper { max-width: 1570px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; flex-direction: row; position: relative; }
.formImage { width: 1190px; height: 700px; display: block; background-image: url(/warehouse/dynamic/391873.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #e9ebf0; }
.home-page .formImage { transform: translateX(379px); }
.form-container-wide #DynamicFormObject { /* margin: 0 auto; */ position: absolute; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; max-width: 740px !important; width: 100%; height: 500px; padding: 45px; background-color: #fff; border-radius: 30px 0 30px; box-shadow: var(--containerShadow); left: 0; }
.home-page .form-container-wide #DynamicFormObject { left: auto }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText .titleWrapper::after { margin: 12px auto 30px; }
.form-container-wide #DynamicFormObject fieldset { margin: 0 -5px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.33%; padding: 0 5px; margin-bottom: 20px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField input, .form-container-wide #DynamicFormObject .dynamicFormObjectField textarea, .form-container-wide #DynamicFormObject .dynamicFormObjectField select { background-color: #e9ebf0; padding: 13px 11px 12px; font-size: 1.3rem !important; line-height: 1.62; color: #000; }
.normal-form .must::before { left: 8px; top: 2px; font-size: 1.5rem; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; padding-top: 10px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit .buttonFirstTypeWrapper { width: 180px; }

@media(max-width: 767px) {
    .formImage { display: none }
    .grid-form-section, #SiteGrid #GridPromo.form-container-wide { padding: 40px 0 65px; }
    .form-container-wide #DynamicFormObject { position: relative; height: auto; }
    .grid-form-section .form-container-wide, .formWrapper { justify-content: center; padding: 0 15px; }

    #DynamicFormObject .dynamicFormObjectTitleAndText .titleWrapper > .dynamicFormObjectTitle { font-size: 3rem !important; margin-top: 10px; }
    .page-21861 #DynamicFormObject .dynamicFormObjectTitleAndText .titleWrapper > .dynamicFormObjectTitle { font-size: 2.6rem !important; margin-top: 10px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; margin-bottom: 10px; }

    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { padding-top: 26px; }
}


/*footer*/
#SiteFooter .footer-text-divided { padding: 35px 0 33px; background-color: var(--titleBlueColor); }
#SiteFooter .footer-text-divided p { color: #fff; font-size: 2.1rem; line-height: 1.9; }
#SiteFooter .footer-text-divided p:first-child { margin-bottom: 20px; }

#SiteFooter .site-credit.alternative { padding: 15px 0; }

@media(max-width: 767px) {
    #SiteFooter .footer-text-divided { padding-top: 25px; }
    #SiteFooter .footer-text-divided p { font-size: 1.4rem; line-height: 1.93; }
    #SiteFooter .footer-text-divided p:first-child { max-width: 49%; margin: 0 auto 14px; }
}
/*---------------- Media Page -----------------*/
.mediaPage #GridContent { padding: 145px 0 40px; }
.macOs .mediaPage #GridContent { padding: 125px 0 40px; }

@media(max-width: 767px) {
    .mediaPage #GridContent { padding: 45px 0 54px; }
    .mediaPage #gridshort-view .flex-row { margin: 0 }
}

/*------------ Inner Item Media Page -------------*/

.mediaPage.contentInnerPage #GridTop, .accessabilityMainPage #GridTop { height: 0 }
.mediaPage.contentInnerPage #GridContent { padding: 200px 0 40px; }
.mediaPage.contentInnerPage #pageview, .accessabilityMainPage #pageview { max-width: 910px; margin: 0 auto; }
.mediaPage.contentInnerPage #headline, .mediaPage.contentInnerPage #text1,
.accessabilityMainPage #headline, .accessabilityMainPage #text1 { text-align: left }

@media(max-width: 767px) {
    .mediaPage.contentInnerPage #GridContent, .accessabilityMainPage #GridContent { padding: 90px 0 40px; }
    .mediaPage.contentInnerPage #pageview, .accessabilityMainPage #pageview { padding: 0 15px; }
    .mediaPage.contentInnerPage #headline h1, .accessabilityMainPage #headline h1 { font-size: 3rem !important; }
}


/*------------------ FAQ Page -------------------*/

.FAQPage #SiteGrid #GridContent { padding: 130px 0 116px; background-image: url(/warehouse/dynamic/391771.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
#faqview { margin: 0; }
.panel-group .panel { max-width: 1170px; margin: 0 auto; box-shadow: 0 10px 25px 0 rgba(14, 34, 71, 0.15); border: 1px solid #f3f8fd; }
.panel-group .panel .faq-headline { background-color: transparent; font-weight: 700; font-size: 2.1rem; line-height: 1.9; color: var(--titleBlueColor); padding: 23px 30px; }
.panel-group .panel .faq-headline i::before { content: ''; background-position: center; background-repeat: no-repeat; background-size: contain; width: 20px; height: 20px; display: block; }
.panel-group .panel .faq-headline .fa-angle-down::before { background-image: url(/warehouse/dynamic/392027.svg); }
.panel-group .panel .faq-headline .fa-angle-up::before { background-image: url(/warehouse/dynamic/392028.svg); }
.panel-group .panel .faq-body { background-color: #fff; }
.panel-group .panel .faq-body div { max-width: 90%; }

@media(max-width: 767px) {
    .FAQPage #SiteGrid #GridContent { padding: 54px 0 20px; background-image: url(/warehouse/dynamic/391770.jpg); }
    #faqview { padding: 0 15px; }
    .panel-group .panel { margin-bottom: 20px !important; }
    .panel-group .panel .faq-headline { line-height: 1.19; padding: 15px }
    .panel-group .panel .faq-headline span { display: inline-block; max-width: 85%; }
    .panel-group .panel .faq-body > div { padding: 0 15px 15px; font-size: 1.6rem; line-height: 1.63; color: var(--textBlackColor); }
}

/*---------------- Contact Page -----------------*/

.contactPage #SiteGrid #GridPromo.form-container-wide { padding: 0 }
.contactPage .formWrapper { justify-content: center; padding: 125px 0; }
.contactPage .form-container-wide #DynamicFormObject { position: relative; max-width: 1000px !important; padding: 45px 175px; }

@media(max-width: 767px) {
    .contactPage #SiteGrid #GridPromo.form-container-wide { padding: 60px 0; }
    .contactPage .formWrapper { padding: 0 15px; }
    .contactPage .form-container-wide #DynamicFormObject { padding: 45px; }
}

/*-------------Basic Content Page--------------*/
.basicContentPage #pageview { max-width: 850px; margin: 0 auto; padding: 100px 0 80px; }
.basicContentPage #text1 h2, .basicContentPage #text1 h3, .basicContentPage #text1 h4, .basicContentPage #text1 p, .basicContentPage #text1 li,
.basicContentPage #text2 h2, .basicContentPage #text2 h3, .basicContentPage #text2 h4, .basicContentPage #text2 p, .basicContentPage #text2 li { text-transform: capitalize; }
.basicContentPage #text1 h2, .basicContentPage #text1 h3, .basicContentPage #text1 h4,
.basicContentPage #text2 h2, .basicContentPage #text2 h3, .basicContentPage #text2 h4 { margin: 20px 0; }

@media(max-width: 767px) {
    .basicContentPage #pageview { padding: 27px 15px; }
}

/*---------------- About Page -----------------*/
/*teamSection */
.sections .teamSection { padding: 100px 0; background-image: url(/warehouse/dynamic/392082.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; max-width: 100%; }
.sections .teamSection .section-title h2 { color: var(--bannerTitleColor); margin-bottom: 70px; }
#LobbyModule .sections .teamSection .grid-boxes { max-width: 950px; padding: 0; }
#multi-content-modal.textInPop #PopUpData::-webkit-scrollbar { width: 10px; border-radius: 10px; }
#multi-content-modal.textInPop #PopUpData::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; }
#multi-content-modal.textInPop #PopUpData::-webkit-scrollbar-thumb { background: var(--gradientVerColor); border-radius: 10px; }
#multi-content-modal.textInPop #PopUpData::-webkit-scrollbar-thumb:hover { background: linear-gradient(195deg, #cf7b1b #ba0774); }

#LobbyModule .sections .teamSection .grid-boxes .grid-box { margin: 30px 15px; width: 27.33%; background-color: #fff; box-shadow: var(--containerShadow); border-radius: 0 20px; text-align: left; }
#LobbyModule .sections .teamSection .grid-boxes .grid-box > a { padding: 25px; display: inline-flex; flex-direction: column; width: 100%; height: 100%; min-height: 324px; }
#LobbyModule .sections .teamSection .grid-boxes .grid-box .grid-box-image { padding: 0; height: 120px; width: 120px; margin: 0; border-radius: 50%; overflow: visible; position: relative; margin-bottom: 20px; }
#LobbyModule .sections .teamSection .grid-boxes .grid-box .grid-box-image::after { content: ''; position: absolute; background: var(--gradientVerColor); width: 107%; height: 108%; left: 50%; top: 50%; z-index: 0; transform: translate(-50%,-50%); border-radius: 50%; }
#LobbyModule .sections .teamSection .grid-boxes .grid-box .grid-box-image-container { overflow: hidden; border-radius: 50%; z-index: 1; }
#LobbyModule .sections .teamSection .grid-boxes .grid-box .grid-box-image-container > a { display: block; width: 100%; height: 100%; }
#LobbyModule .sections .teamSection .grid-boxes .grid-box .grid-box-image img { height: 100%; width: auto; }
#LobbyModule .sections .teamSection .grid-boxes .grid-box .grid-box-title h3 { font-size: 1.8rem; font-weight: bold; line-height: 2.22; color: var(--titleBlueColor); }
#LobbyModule .sections .teamSection .grid-boxes .grid-box .grid-box-subtitle { font-size: 1.6rem; font-weight: 500; line-height: 1.63; color: var(--textBlackColor); margin-bottom: 44px; height: 44px; }
#LobbyModule .sections .teamSection .grid-boxes .grid-box .grid-box-fulltext { margin: auto 0 0; display: flex; align-items: center; justify-content: space-between; }

@media(max-width: 768px) {
    .sections .teamSection { padding: 62px 0; }
    .sections .teamSection .section-title h2 { margin-bottom: 45px; }
    #LobbyModule .sections .teamSection .grid-boxes { display: flex; flex-wrap: wrap; justify-content: center; }
    #LobbyModule .sections .teamSection .grid-boxes .grid-box { margin: 30px 9px; width: 44%; float: right !important; min-height: 230px; border-radius: 0 25px; }
    #LobbyModule .sections .teamSection .grid-boxes .grid-box > a { padding: 24px 21px 15px; width: 100%; height: 100%; min-height: 230px; }

    #LobbyModule .sections .teamSection .grid-boxes .grid-box .grid-box-image { height: 80px; width: 80px; margin-bottom: 10px; }
    #LobbyModule .sections .teamSection .grid-boxes .grid-box .grid-box-title h3 { margin: 0; line-height: 1; }
    #LobbyModule .sections .teamSection .grid-boxes .grid-box .grid-box-subtitle { margin-bottom: 10px; height: auto; }
    #LobbyModule .sections .teamSection .grid-boxes .grid-box .grid-box-fulltext { margin: auto 0 0; }
    #LobbyModule .sections .teamSection .grid-boxes .grid-box .grid-box-fulltext .arrowLink img { width: 27px; height: 27px; }
}

#multi-content-modal.modal .close { left: 50%; transform: translateX(-50%); width: 24px; height: 24px; top: -35px; margin-bottom: 13px; }
#multi-content-modal.modal .close svg { height: 100%; width: 100%; }

#multi-content-modal.textInPop #PopUpData { padding: 0; padding-right: 10px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; max-height: 55vh; }
#multi-content-modal.textInPop #PopUpData * { direction: ltr; }
#multi-content-modal.textInPop #PopUpData .popupImgWrapper { border-radius: 50%; background: var(--gradientVerColor); width: 94px; height: 94px; margin-right: 16px; display: inline-flex; justify-content: center; align-items: center; margin-bottom: 15px; }
#multi-content-modal.textInPop #PopUpData .popupImgWrapper img { border-radius: 50%; width: 90px; height: 90px; }
#multi-content-modal.textInPop #PopUpData > a { float: right; margin: 0 0 0 auto; }

#multi-content-modal.textInPop .modal-content { max-width: 455px; padding: 38px 27px; border-radius: 0 30px 0 30px; }
#multi-content-modal.textInPop #PopUpData h4, #multi-content-modal.textInPop #PopUpData h5 { margin: 0; }
#multi-content-modal.textInPop #PopUpData h4 { font-size: 2.1rem; font-family: var(--textFont); font-weight: 700; line-height: 1.9; color: var(--titleBlueColor); }
#multi-content-modal.textInPop #PopUpData h5 { font-size: 1.6rem; font-weight: 500; line-height: 1.63; color: var(--textBlackColor); }
#multi-content-modal.textInPop #PopUpData p { font-size: 1.6rem; line-height: 1.63; color: var(--textBlackColor); }

@media(max-width: 767px) {

    .modal.fade .modal-dialog { padding: 0 25px; }

    #multi-content-modal.textInPop #PopUpData { max-height: 75vh; align-items: flex-start; }

    #multi-content-modal.textInPop #PopUpData .popupImgWrapper { height: 64px; width: 64px; }

    #multi-content-modal.textInPop #PopUpData .popupImgWrapper img { width: 62px; height: 62px; }

    #multi-content-modal.textInPop #PopUpData > a { margin-top: 5px; }
}


.mapSection { background-image: url(/warehouse/dynamic/392082.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 15px 0; }
.mapSection .flexslider-box li { padding: 0; height: 757px; }
.mapSection .flexslider-box img { width: 886px; height: 757px; }
.mapSection .grid-rows .grid-row-text { width: 620px }
.mapSection .grid-rows .grid-row-text h2 { color: var(--bannerTitleColor); }
.mapSection .grid-row-cell:not(.flexslider-box) .grid-row-text p { color: #fff; }

@media(max-width: 767px) {
    .mapSection { padding-top: 0; margin-bottom: 45px; }
    .mapSection .flexslider-box li { height: 355px; }
    .mapSection .flexslider-box img { width: 100%; height: 100%; }
    .mapSection .grid-rows .grid-row-text { width: 100%; padding: 15px; margin: 0; margin-top: -80px; z-index: 3; }
}
/*-----------accessability Page--------------*/
.accessabilityMainPage #GridContent { padding: 10px 0 60px; }

@media(max-width: 767px) {
    .accessabilityMainPage #GridTop.noTopImage.longer { height: 90px; }
}

/*thankYou Page*/
.thankYouPage #GridContent { min-height: 60vh; display: flex; justify-content: center; align-items: center; }
.thankYouPage .buttonFirstTypeWrapper { width: 250px; }

@media(max-width: 767px) {
    .thankYouPage .buttonFirstTypeWrapper { width: auto; }
}
/*sticky*/
#stickyButton-2853 { width: 100%; background-color: #fff; border-radius: 0; left: 0; box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.1); bottom: 0; }
#stickyButton-2853 a { padding: 14px 34px; width: 100%; display: flex; gap: 15px; flex-direction: row-reverse; font-size: 1.8rem; justify-content: flex-end; font-weight: 900; color: #0077bd; }
#stickyButton-2854 { width: 120px; height: 120px; box-shadow: none; left: auto; right: 60px; bottom: 60px; }
#stickyButton-2854 a::after { content: ''; position: absolute; width: 160px; height: 160px; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(0deg); background-image: url( /warehouse/dynamic/392319.svg); background-position: center; background-repeat: no-repeat; background-size: cover; animation: rotate 10.1s linear infinite; }
#stickyButton-2854 img { height: 100%; width: 100%; max-width: 100%; }

@keyframes rotate {
    to { transform: translate(-50%,-50%) rotate(360deg); }
}

@media(min-width: 768px) {
    #stickyButton-2853 { display: none }
}

@media(max-width: 767px) {
    #stickyButton-2854 { display: none }
}





/* Zoom */
@media (min-width: 1025px) {
    #home-gallery, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { min-height: unset !important; height: calc(var(--vh)) !important; }
    body.macOs.safariBrowser #home-gallery { height: 100vh !important; }
}

@media (max-width: 1024px) {
    #home-gallery { min-height: unset !important; }
    #home-gallery, #home-gallery .TopVideo, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { height: var(--app-height) !important; }
}