/* Hilltop Landing Page */

/* Reset color of active link in menu */
#header2 ul.menu li.active { color: inherit; }

/* Delete a line under header menu links */
#header2 ul.menu > li:before { content: none; }

/* Reset hover color of header menu links */
#header2 ul.menu li:hover { color: inherit; }

/* Delete opacity border of header menu links in focus */
#header2 ul.menu li a:focus { opacity: 1; border-bottom: none; }

/* HEADER (with burger) */

/* Delete bottom line of header social links in focus */
#header .social-links a:focus:after, #header2 .header-top-left a:focus:after { content: none; }

/* Hide social icons behind open menu */
#header .social-links { z-index: -1; position: relative; }

/* Category */

/* Fix for dropdown menu width inside filter on category page */
#CatalogModule .filters-box .filters-list-wrapper.active { width: 100%; }

#CatalogModule .filters-box ul.filter-list { min-width: 100%; }

/* Reset bootstrap font-size */
h1, h2 { font-size: inherit; }


/* Footer */

/* Remove padding top */
footer { padding-top: 0; }

/* Remove float & padding */
#SiteFooter { float: none; padding-bottom: 0; /* remove padding bottom from mobile */ }

/* Fix for checkbox on Xiaomi devices */
form.shop-form input[type=checkbox]:checked { background: url(../../../warehouse/temp/story/checkboxV.svg); }

/* FIX FOR VH/VW IN STORY */
.fullScreenMenu #navbar-collapse-main.navbar-collapse.in { width: calc( var(--vw) * 1 + 40px ); min-height: calc( var(--vh) * 1 + 20px ) !important; }

.TopVideo iframe { width: calc( var(--vw) * 1.2 ); }
/* Starter pack START */

/* LAYOUT */

/* Remove float */
#GridContent { float: none; }

/* HEADER 2 */

#home-gallery video { height: calc( var(--vh) * 1.1 ); width: calc( var(--vw) * 1.6 ) !important; }

#popup-modal-intro .modal-body img { max-height: calc( var(--vh) * 0.7 ); }

#home-gallery .slider-bg.stellar-bg { min-height: calc( var(--vh) * 1 ); }

.TopVideo { height: calc( var(--vh) * 1 ); }

.TopVideo iframe { height: calc( var(--vh) * 1.8 ); }

.flexslider .slides img { height: calc( var(--vh) * 0.85 ); }

.flexslider.modal-slider { max-height: calc( var(--vh) * 0.9 ); }

#multi-content-modal .modal-content { margin-top: calc( var(--vh) * 0.1 ); margin-bottom: calc( var(--vh) * 0.05 ); }

.modal-text #text1 { max-height: calc( var(--vh) * 0.25 ); }

#multi-content-modal.textInPop #PopUpData { max-height: calc( var(--vh) * 0.4 ); }

.blog-view-image { max-height: calc( var(--vh) * 0.5 ); }

.CurrentCategoryLocked { top: calc( var(--vh) * 0.44 ); }

#SiteGrid.CategoryLocked { min-height: calc( var(--vh) * 0.94 ); }

@media(max-width: 1440px) {
    .owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.55 ); }
}

@media(max-width: 1170px) {
    #multi-content-modal .modal-content { max-width: calc( var(--vw) * 0.95 ); }
}

@media(max-width: 1024px) {
    header.shopHeader #header2 ul.menu { width: calc( var(--vw) * 1 ); }

    #header2 ul.menu li.megaMenuSection { width: calc( var(--vw) * 0.9 ); left: calc( var(--vw) * -1 ); }

    .megaMenuSectionContainer { padding-right: calc( var(--vw) * 0.05 ); }

    #header2 ul.menu li.megaMenuSection { height: calc( var(--vh) * 0.1 ); }
}

@media(max-width: 991px) {
    #home-gallery video { width: calc( var(--vw) * 3 ) !important }

    .owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.7 ); }

    #multi-content-modal.textInPop .modal-content { max-width: calc( var(--vw) * 0.9 ); }

    #popup-modal-intro .modal-body { max-height: calc( var(--vh) * 0.75 ); }

    .flexslider .slides img, .flexslider.modal-slider { max-height: calc( var(--vh) * 0.6 ); }

    #GridPromo.fixedLayoutForm { top: calc( var(--vh) * 0.45 ); }

    #GridPromo.fixedLayoutForm.affix { top: calc( var(--vh) * 0.45 ); }
}

@media(max-width: 767px) {
    #popup-modal-intro .modal-body { width: calc( var(--vw) * 0.25 ); }

    #header .submenu { width: calc( var(--vw) * 0.97 ); }

    .modal-dialog { width: calc( var(--vw) * 0.9 ); }

    .owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.85 ); }

    .gallery-container { width: calc( var(--vw) * 0.95 ); }

    .CurrentCategoryLocked { width: calc( var(--vw) * 0.95 ); }

    #header .submenu { max-height: calc( var(--vh) * 0.75 ); }

    #home-gallery .slider-bg.stellar-bg { min-height: calc( var(--vh) * 0.95 ); }

    .TopVideo { height: calc( var(--vh) * 0.95 ); }

    .modal-image { padding-bottom: calc( var(--vh) * 0.22 ); }

    .flexslider .slides img, .flexslider.modal-slider { max-height: none; }

    .flexslider .slides img { height: auto; }
}

@media(max-width: 550px) {
    #header2 ul.menu { width: calc( var(--vw) * 0.9 ); }

    #home-gallery .slider-bg.stellar-bg { min-height: calc( var(--vh) * 0.95 ); }
}

.owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.45 ); }

header.search-open #header2 ul.menu li.search { width: calc( var(--vw) * 1 ); }

#SiteGridContainer { min-height: calc( var(--vh) * 0.8 ); }


/* Starter pack END */

/* General */

/*  */
#header2 { background: #002653; }
.section { padding: 0; margin: 0; }
.hero .grid-text-content { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.hero .grid-text .grid-text-content .gridText1 { text-align: center; padding: 0; }
.hero .grid-text .grid-text-content .gridText2 { padding: 0; color: #fff; font-family: Heebo-Bold; font-size: 180%; margin-top: 30px; width: 100%; }
.about.grid-text-section .section-animation-item { width: 100%; max-width: 730px; }
.about.grid-text-section .section-animation-item h3 { margin: 0; }
.sections .grid-content-section.what {  margin: 0 auto; max-width: 1170px; padding-top: 60px; padding-bottom: 60px; border-bottom: 1px solid #c6c6d4; margin-bottom: 40px; }
section.about { background: #ebedff; padding: 45px 0; }
.about.grid-text-section .section-animation-item h3 { font-size: 100%; font-family: Heebo-Medium; line-height: 1.5; }
.section-title h2 { font-size: 140%; font-family: Heebo-Bold; margin-bottom: 70px; color: #060641; }
.grid-boxes .box-image-animation { pointer-events: none; }
.what .grid-boxes .grid-box-image-container img { max-height: 40px; }
.what .grid-boxes .grid-box-image { padding-bottom: 40px; }
.what .grid-boxes .grid-box-title h3 { font-family: Heebo-Bold; font-size: 110%; margin-bottom: 10px; max-width: 220px; }
.what .grid-boxes .grid-box-title h3 a { color: #060641; }
.what .grid-boxes .section-animation-item .grid-box-fulltext { text-align: justify; text-align-last: center; }
.what .grid-boxes .section-animation-item.opacity { padding: 0 30px; }
.what .grid-boxes { margin-left: -30px; margin-right: -30px; }
section.team { margin: 0 auto; max-width: 1170px; margin-bottom: 80px; }
.team .grid-boxes .box-image-animation { width: 240px; margin: 0 auto; height: 240px; border-radius: 50%; }
.team .grid-boxes .grid-box-image { padding-bottom: 240px; margin-bottom: 25px; }
.team .grid-boxes .grid-box-title h3 { font-size: 110%; font-family: Heebo-Bold; }
.team .grid-boxes .grid-box-title h3 a { color: #070742; }
.team .grid-boxes .grid-box-subtitle { color: #070742; font-size: 100%; margin-bottom: 10px; }
.partners .section-title h2 { margin-bottom: 10px; }
.partners h3 { max-width: 730px; margin: 0 auto; font-size: 100%; line-height: 1.4; color: #070742; }
section.partners { max-width: unset; margin: 0 auto; background: #ebedff; padding: 60px 0; }
.partners .gallery-cubes .image-link-content { display: none; }
.partners .gallery-cubes .image-link-container { display: none; }
.partners .gallery-cubes .boxes-images-outer-image:focus .image-link-container, partners .gallery-cubes .boxes-images-outer-image:hover .image-link-container { opacity: 0; }
.partners .gallery-cubes .boxes-images-outer-image { cursor: inherit; background-size: auto !Important; background-repeat: no-repeat; padding-bottom: 262px; }
.partners .gallery-cubes { max-width: 1170px; margin: 0 auto; }
section.partners::before { display: block; width: 100%; height: 100%; position: absolute; width: calc( var(--vw) * 1 ); }
section.grid-content-section.start { max-width: 830px; margin: 0 auto; padding-top: 60px; padding-bottom: 60px; }
.start .grid-boxes .section-animation-item.opacity { border: 1px solid #b4b3c6; border-radius: 20px; width: calc(50% - 10px); margin-bottom: 20px; padding: 30px; }
.start .grid-boxes { display: flex; flex-wrap: wrap; justify-content: space-between; }
.start .grid-boxes::before, .start .grid-boxes::after { display: none; }
.start .grid-boxes .box-image-animation img { height: 70px; margin: 0 auto; }
.start .grid-boxes .grid-box-image { padding-bottom: 0; }
.start .grid-boxes .grid-box-title h3 { font-size: 110%; font-family: Heebo-Bold; margin-bottom: 15px; }
.start .grid-boxes .grid-box-title h3 a { color: #070742; pointer-events: none; }
.start .grid-boxes .grid-box-image-container { position: static; }
.start .section-title h2 { margin-bottom: 40px; }
#allSectionsWrapper { overflow: hidden; }
.what .grid-boxes .grid-box-title h3 a { pointer-events: none; }
.partners .gallery-cubes > div { padding: 0 15px; }
.partners .gallery-cubes .boxes-images-outer-image { background-color: #fff; border: 1px solid #b4b3c6; border-radius: 20px; }
a.FormResultPageButton { text-decoration: underline; }
a.AccessabilityLink:hover, a.AccessabilityLink:focus { color: #fff; text-decoration: underline; }

/* Footer */
.footer-text-divided { max-width: 1170px; margin: 0 auto; color: #fff; display: flex; align-items: center; flex-wrap: wrap; }
#SiteFooter { background: #060641; }
.site-credit.alternative { padding: 10px 0; }
.footer-text-divided > div.footer-text-left { width: 30%; }
.footer-text-divided > div.footer-text-middle { width: 70%; text-align: right; }
.footer-text-divided > div.footer-text-right { width: 100%; order: 3; }
.footer-text-right p { max-width: 1170px; margin: 0 auto; }
.footer-text-right { background: #fff; padding: 30px 0; text-align: center; }
.what .grid-boxes .section-animation-item .grid-box-fulltext { max-width: 90%; margin: 0 auto; }
section.contact { background: #f6f6f6; max-width: unset; }
.form-container-wide #DynamicFormObject { max-width: 900px; margin: 0 auto; display: flex; flex-direction: column; border: none; padding: 30px 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; font-size: 140%; font-family: Heebo-Bold; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; }
#DynamicFormObject:after { display: none; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 100%; }
.normal-form input { width: 100%; max-width: 100%; border-radius: 0; border: 0; border-bottom: 1px solid #060641; box-shadow: none; color: #060641; font-size: 90%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.33333333%; padding: 0 20px; }
.normal-form input:focus { border: none !important; outline: none; border-bottom: 1px solid #060641 !important; box-shadow: none; }
.normal-form input::placeholder { color: #060641; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { width: 100%; text-align: right; font-size: 75%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit input { max-width: 184px; border-radius: 24px; background: #3940d1; height: 50px; transition: 0.3s; border: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit input:hover, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit input:focus { color: #fff; background: #060641; border: none; }
.partners .section-title { margin-bottom: 60px; }
.what .grid-boxes .section-animation-item .grid-box-fulltext { font-size: 90%; }
.about.grid-text-section .section-animation-item h3 { font-size: 90%; }
.team .grid-box-fulltext { font-size: 90%; }
.partners h3 { font-size: 90%; }
.start .grid-box-fulltext { font-size: 90%; }
.footer-text-right p { font-size: 90%; }
.footer-text-divided > div.footer-text-middle { font-size: 90%; }
.footer-text-divided > div.footer-text-middle a:hover, .footer-text-divided > div.footer-text-middle a:focus { color: #fff; text-decoration: underline; }
.team .grid-boxes .grid-box-title h3 a { pointer-events: none; }

.hero .grid-text.gridTextWithImg .gridTextImgContainer img { max-height: 400px; }
.hero .grid-text .grid-text-content .gridText2 { font-size: 140%; }
#header2 .max-width { display: none; }
#SiteContainer.hasTopStrip header { position: static; }
.topStripText { text-align: center; font-size: 90%; }


@media (max-width: 1200px) {
    .hero .grid-text.gridTextWithImg .gridTextImgContainer img { min-height: 300px; }
    .partners .gallery-cubes .boxes-images-outer-image { padding-bottom: 100%; }
}

@media (max-width: 991px) {
    section.grid-content-section.start { max-width: 90%; }
}

@media (min-width: 768px) {
    .hero, section.about { zoom: 1.2; }
    .topStripText { font-size: 90%; }
}

@media (max-width: 767px) {
    .hero .grid-text .grid-text-content .gridText1 { margin-bottom: 0; }
    .hero .grid-text .grid-text-content .gridText2 { font-size: 150%; }
    .what .grid-boxes .grid-box-title h3 { margin: 0 auto; margin-bottom: 20px; }
    .section-title h2 { margin-bottom: 40px; }
    .what .grid-boxes .section-animation-item.opacity { margin-right: 0; margin-bottom: 30px; }
    .sections .grid-content-section.what { padding-top: 40px; padding-bottom: 40px; margin-bottom: 10px; }
    section.grid-content-section.team { margin-bottom: 30px; }
    .start .grid-boxes .section-animation-item.opacity { width: 100%; }
    .start .grid-boxes { justify-content: center; }
    .footer-text-divided > div.footer-text-left { display: block; order: 1; margin-bottom: 10px; }
    .footer-text-divided { flex-direction: column; }
    .footer-text-divided > div.footer-text-middle { order: 2; text-align: center; width: 100%; }
    .footer-text-right p { max-width: 90%; }
    .partners .gallery-cubes > div { margin-bottom: 20px; }
    .what .grid-boxes .section-animation-item .grid-box-fulltext { max-width: 90%; margin: 0 auto; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin-top: 20px; }
}