/**Blanko**/
/* ORIGINAL: @import url("/Content/js/story/site1639/fullpage.css"); */
@import url("https://media.getmood.io/content/js/story/site1639/fullpage.css");


/****RESET FOR FULLPAGE.js*/
body:after { content: ""; pointer-events: none; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; position: fixed; left: 0; right: 0px; bottom: 0; top: 0; background-color: #181a26; z-index: 8; }
body.loading:after { pointer-events: auto; opacity: 1; }
body.loading { overflow: hidden; }
header { position: fixed; z-index: 2; }
#whatAppButton { position: fixed; }
.section-animation-item,
.grid-boxes .section-animation-item { opacity: 1; }
.fp-section.fp-table, .fp-slide.fp-table { padding: 0; margin: 0; }
.fp-scroller { transform: none !important; }

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) {
    html body { zoom: 1; font-size: 80%; }
}

@media(max-width:767px) {
    #whatAppButton { bottom: 20px; }
}

/****GENERAL****/
body, html { font-size: 20px; }
a:hover, a:focus { color: inherit; }

.top-caption { font-size: 100%; }
.FooterForm.form-container-wide #DynamicFormObject h3.dynamicFormObjectTitle,
.top-caption h1 { font-family: 'karantina-regular'; font-size: 350%; }

#header #header-center-kdm a { border: none; margin: 0; position: relative; font-size: 110%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; background-color: #fbc22c; color: #000; font-family: 'Assistant-SemiBold'; }
#header #header-center-kdm a:after { content: ''; background-image: url('/warehouse/dynamic/326089.svg'); background-size: cover; background-repeat: no-repeat; width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-left: 8px; filter: invert(1); }
#header #header-center-kdm { margin: 0; }
#header #header-center-kdm a:hover { background-color: #fbc22c; color: #000; }
#header #header-center-kdm .address { display: none; }

@media(max-width: 767px) {
    #header #header-center-kdm { padding: 0px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
    #header #header-center-kdm a:first-child { font-size: 80%; border: none; padding: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; }
    #header #header-center-kdm a::after { margin-right: 7px; width: 18px; height: 18px; }
    /*#header #header-right { width: 15%; }*/
    #header.bg #header-center-kdm { width: auto; }
}

/***footer***/

footer { float: left; width: 100%; position: relative; }
.footer-text-right ul { list-style-type: none; }
.footer-text-divided > div { display: flex; padding: 50px 86px; width: 100%; }

@media (max-width: 767px) {
    .footer-text-divided > div.footer-text-left, .footer-text-divided > div.footer-text-right { display: block; padding-top: 0; font-size: 85%; }
}

#home-gallery .photoCaption .photoCaptionText a.photoCaptionLink, .grid-rows .grid-row-text a.grid-row-button, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit, .content-section-Btn a { max-width: 190px; height: 46px; border-radius: 100px; border: 1px solid #fff; background-color: transparent; width: 100%; font-size: 90%; font-weight: normal; margin-top: 10px; padding: 0; display: flex; align-items: center; justify-content: center; float: none; font-family: Assistant-SemiBold, Arial; }
#home-gallery .photoCaption .photoCaptionText a.photoCaptionLink:hover { background: transparent; color: inherit; }
#home-gallery .photoCaption .photoCaptionText a.photoCaptionLink { margin-top: 44px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin: 10px auto 0; }
#home-gallery .photoCaption .photoCaptionText a.photoCaptionLink:after, #DynamicFormObject .dynamicFormObjectSubmit:after, .aboutSection .grid-rows .grid-row-text a.grid-row-button:after, .content-section-Btn a:after { content: ""; background-image: url(../../../warehouse/temp/Blanko/left-w-s.svg); width: 14px; height: 14px; margin-right: 10px; display: inline-block; }
.content-section-Btn a { color: #fff; margin: 20px auto 80px; }
#DynamicFormObject input[type=submit] { border: none; margin: 0; background: transparent; display: inline-block; width: auto; font-size: 100%; height: auto; }
#DynamicFormObject input[type=submit]:focus, #DynamicFormObject input[type=submit]:hover { background: inherit; color: inherit; border: none; }

@media(max-width:767px) {
    .FooterForm.form-container-wide #DynamicFormObject.normal-form .must:before { right: 4px; }
}

.normal-form input::-webkit-input-placeholder,
.normal-form textarea::-webkit-input-placeholder { color: #fff; }
.normal-form input::-moz-placeholder,
.normal-form textarea::-moz-placeholder { color: #fff; }
.normal-form input:-ms-input-placeholder,
.normal-form textare:-ms-input-placeholder { color: #fff; }
.normal-form input:-moz-placeholder,
.normal-form textarea:-moz-placeholder { color: #fff; }

@media(max-width:991px) {
    #home-gallery .photoCaption .photoCaptionText a.photoCaptionLink, .grid-rows .grid-row-text a.grid-row-button, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit, .dynamicFormObjectSubmit, .content-section-Btn a { max-width: 170px; height: 40px; margin: 0 auto; font-size: 75%; }
    .content-section-Btn a { margin: 0px auto 50px; }
}

#header .menu-nav { background: transparent; }
#header #header-left img,
#header.bg #header-left img { width: 104px; max-width: 100%; }
#header #header-right .closed, #header .menu-nav .open { display: none !important; }
#header .submenu, #header:not(.menu-open):not(.subopen) .submenu { background-color: #30323c; position: fixed; width: 430px; height: 100% !important; display: block !important; transform: translateX(100%); margin: 0; padding-top: 12%; clip: auto; transition: 1s !important; clip: auto !important; margin: 0 !important; padding: 204px 40px 0; font-family: 'karantina-regular'; }
#header.bg { background: -webkit-linear-gradient(top,rgba(0,0,0,.52),rgba(0,0,0,.3),rgba(0,0,0,.2),transparent); background-image: -moz-linear-gradient(top,rgba(0,0,0,.52),rgba(0,0,0,.3),rgba(0,0,0,.2),transparent); background-image: -ms-linear-gradient(top,rgba(0,0,0,.52),rgba(0,0,0,.3),rgba(0,0,0,.2),transparent); background-image: -o-linear-gradient(top,rgba(0,0,0,.52),rgba(0,0,0,.3),rgba(0,0,0,.2),transparent); background-image: linear-gradient(top,rgba(0,0,0,.52),rgba(0,0,0,.3),rgba(0,0,0,.2),transparent); }
#header.menu-open .submenu, #header.subopen .submenu { transform: translateX(0); transition: 1s !important; font-family: 'karantina-regular'; }
#header .submenu > li:focus, #header .submenu > li:hover, #header .submenu > li.active { background: transparent; }
#header .submenu > li:focus a, #header .submenu > li:hover a, #header .submenu > li.active a { color: #fbc22c; }
#header .submenu li > a { font-size: 300%; display: inline-block; vertical-align: middle; transition: all 0.3s ease-in-out; }
#header .submenu > li:first-child { margin-top: 0; }
#header .submenu > li { text-align: right; margin-top: 1%; }
#header .submenu .menu-sub li a { font-size: 300%; }
#header .submenu .menu-sub li { text-align: right; padding: 0 30px; }
#nav-toggle span, #nav-toggle-mobile span, #nav-toggle span:before, #nav-toggle-mobile span:before, #nav-toggle span:after, #nav-toggle-mobile span:after { display: inline-block !important; width: 25px; height: 4px; transition: all .5s; }
#nav-toggle span:before, #nav-toggle-mobile span:before { top: -9px; }
#nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -9px; width: 15px; }
#nav-toggle.active span:after { width: 25px; }
#nav-toggle-mobile.active span:before, #nav-toggle.active span:before { }

@media(min-width:768px) {
    #header { padding: 30px 0; }
    .home-page #header:not(.bg) { background-image: linear-gradient(to bottom, #0000005c, rgba(84, 84, 84, 0)); }
}

@media(max-width:767px) {
    #header { background-color: transparent; background-image: linear-gradient(to bottom, #0000005c, rgba(84, 84, 84, 0)); }
    #header .submenu, #header:not(.menu-open):not(.subopen) .submenu { width: 90%; padding: 0; max-height: 100%; padding-top: 80px; }
    #header .submenu > li { margin-top: 0px; }
    #header .submenu li > a { font-size: 190%; }
    #header .submenu li { padding-right: 20px; }
    #header #header-left img, #header.bg #header-left img { max-width: 87px; }
    #header.menu-open .submenu, #header.subopen .submenu { padding-top: 70px; }
}


.grid-row li.slider-item { padding-bottom: 100vh; }
.grid-row-cell.flexslider-box { position: absolute; width: 100%; margin: 0; }

.grid-box-title { position: absolute; width: 100%; left: 0; text-align: right; color: #fff; right: 45px; bottom: 95px; }
.grid-boxes .grid-box-title h3 { font-size: 325%; font-family: 'karantina-regular'; max-width: 240px; }
.grid-boxes .grid-box-title h3 a { color: inherit; }
.grid-boxes .grid-box-image:after { content: ""; position: absolute; width: 100%; height: 100%; right: 0; top: 0; opacity: 0.5; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000); pointer-events: none; }
.grid-boxes .grid-box-subtitle { position: absolute; bottom: 50px; right: 45px; }
.grid-boxes .grid-box-subtitle a { width: 52px; position: relative; content: " "; color: transparent; display: block; height: 29px; }
.grid-boxes .grid-box-subtitle a:before { content: ""; position: absolute; width: 100%; background-image: url(../../../warehouse/temp/Blanko/left-w.svg); height: 100%; left: 0; }



.FooterForm { background: #181A26; background-image: url(../../../warehouse/temp/Blanko/contact.jpg); background-size: cover; background-position: left bottom; }
.FooterForm.form-container-wide { float: none; }
.FooterForm.form-container-wide .normal-form input, .FooterForm.form-container-wide .normal-form textarea { background: rgba(255,255,255, 0.1); box-shadow: -5px 5px 30px 0 rgba(0,0,0,0.1); border: none; color: #fff; margin: 0; width: 100%; border-radius: 0; padding: 5px 15px; }
.FooterForm.form-container-wide .normal-form .must:before { right: 14px; }
.FooterForm.form-container-wide .normal-form textarea { height: 120px; }
.FooterForm .footerFormContainer { background: transparent; color: #fff; padding-bottom: 100px; }
.FooterForm.form-container-wide #DynamicFormObject { color: #fff; max-width: 910px; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField { margin-bottom: 19px; padding: 0 10px; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields, .form-container-wide #DynamicFormObject .dynamicFormEndText { width: 100%; display: block; font-size: 100%; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormEndText { color: #fbc22c; max-width: 655px; margin: 0 auto; margin-top: 52px; line-height: 1.45; letter-spacing: 0.22px; font-size: 110%; }

@media(min-width:768px) {
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.33%; }
}

@media(max-width:767px) {
    .FooterForm.form-container-wide { margin-bottom: 0; padding-bottom: 40px; background-image: url(../../../warehouse/temp/Blanko/contact-m.jpg); padding-top: 20px; }
    .FooterForm.form-container-wide #DynamicFormObject { padding: 0px 0px; overflow: visible; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormEndText { margin-top: 0px; padding: 0 10px; font-size: 4vw; }
    .FooterForm.form-container-wide #DynamicFormObject h3.dynamicFormObjectTitle, .top-caption h1 { font-size: 200%; letter-spacing: 1.1px; }
    .FooterForm.form-container-wide #DynamicFormObject h3.dynamicFormObjectTitle:after { margin-bottom: 10px; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { float: none; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { margin-bottom: 20px; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField { padding: 0; margin-bottom: 13px; }
    .FooterForm.form-container-wide #DynamicFormObject .normal-form .must:before { right: 4px; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields, .form-container-wide #DynamicFormObject .dynamicFormEndText { margin-bottom: 0; }
    #home-gallery .slides .slider-item { transition: opacity 1.6s ease 0s !important; }
    #home-gallery, #home-gallery .slider-bg.stellar-bg { height: var(--app-height) !important; min-height: unset; }
}

footer .totop-btn { position: absolute; top: 0; right: 0; border: none; -webkit-appearance: none; padding: 0; }
#SiteFooter { float: none; background-color: #30323c; color: #fff; }
#SiteFooter .footer-text ul { max-width: 1170px; margin: 0 auto; list-style: none; display: flex; align-items: flex-end; justify-content: center; height: 60px; align-content: center; padding-bottom: 20px; }
#SiteFooter .footer-text ul li { padding: 0 15px; line-height: 0.8; }
#SiteFooter .footer-text ul li img { max-height: 21px; display: block; }
#SiteFooter .site-credit.alternative svg { fill: #30323c; }
#SiteFooter .site-credit.alternative { background: #30323c; padding: 10px 0; }

@media(min-width:1025px) {
    .footer-text { background: #30323c; }
    #SiteFooter .site-credit.alternative { position: absolute; bottom: 0; padding-right: 50px; }
    #SiteFooter .site-credit.alternative .AccessabilityLink svg .st0 { fill: #fff; }
}

@media(max-width:767px) {
    #SiteFooter { padding-bottom: 0px; }
    footer .totop-btn { width: 28px; height: 28px; background: transparent; }
    footer .totop-btn img { width: 100%; }
}

@media(max-width:767px) {
    #SiteFooter .footer-text ul { flex-wrap: wrap; padding: 9px 0; height: auto; font-size: 80%; }
    #SiteFooter .footer-text ul li { margin: 7px 0; padding: 0 10px; }
    footer { padding: 0; }
}

/***HOMEPAGE***/
.loader { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; transform: translate(-50%, -50%); }
.loader svg .svg-elem-1 { -webkit-transition: fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s; transition: fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s; fill: none; }
.loader svg .svg-elem-3 { fill: transparent; -webkit-transition: fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.56s; transition: fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.56s; }
.loader svg .svg-elem-4 { fill: transparent; -webkit-transition: fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.64s; transition: fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.64s; }
.loader svg .svg-elem-5 { fill: transparent; -webkit-transition: fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s; transition: fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s; }
.loader svg .svg-elem-6 { fill: transparent; -webkit-transition: fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s; transition: fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s; }
.loader svg .svg-elem-7 { fill: transparent; -webkit-transition: fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.88s; transition: fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.88s; }
.loader svg .svg-elem-8 { fill: transparent; -webkit-transition: fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9600000000000001s; transition: fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9600000000000001s; }

.loader.active svg .svg-elem-3 { fill: rgb(46, 165, 77); }
.loader.active svg .svg-elem-4 { fill: rgb(46, 165, 77); }
.loader.active svg .svg-elem-5 { fill: rgb(251, 194, 44); }
.loader.active svg .svg-elem-6 { fill: rgb(234, 67, 53); }
.loader.active svg .svg-elem-7 { fill: rgb(234, 67, 53); }
.loader.active svg .svg-elem-8 { fill: rgb(63, 130, 244); }

h2, .aboutSection .grid-rows .grid-row-text h2 { line-height: 0.89; letter-spacing: 2.25px; font-size: 450%; font-family: 'karantina-regular'; }

#home-gallery { background-color: #000; }
#home-gallery .scroll-down { background-image: url(../../../warehouse/temp/Blanko/scroll.svg); text-align: right; direction: rtl; width: 20px; right: 35px; bottom: 30px; }
#home-gallery .photoCaption .photoCaptionText { margin: 0; background: transparent; color: #fff; max-width: 44%; }
#home-gallery .photoCaption { text-align: right; direction: rtl; max-width: 1300px; width: 100%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
#home-gallery .photoCaption .photoCaptionText:after { opacity: 0; }
#home-gallery .photoCaption .photoCaptionText p { font-size: 90%; line-height: 1.67; letter-spacing: 0.18px; }
#home-gallery .photoCaption .photoCaptionText h2.photoTitle { font-size: 400%; }
#home-gallery .scroll-down svg, #home-gallery .scroll-down svg path { margin: 0; opacity: 0; width: 100%; }
#home-gallery:not(.video-slider) button.controlSlider { display: none; }
#home-gallery .flex-control-paging li a { width: 15px; height: 15px; padding: 4px; border: 2px solid transparent; background: transparent; position: relative; }
#home-gallery .flex-control-paging li a.flex-active { border-color: #fff; }
#home-gallery .flex-control-paging li a:after { content: ""; background: #fff; position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; border-radius: 50%; opacity: 1; }
#home-gallery .flex-control-paging li a.flex-active { background-color: transparent; }
#home-gallery .flex-control-paging li a.flex-active:after { opacity: 1; }
#home-gallery .photoCaption .photoCaptionText h2.photoTitle:after, .FooterForm.form-container-wide #DynamicFormObject h3.dynamicFormObjectTitle:after { content: ""; width: 63px; height: 8px; margin: 18px 1px 27px 230px; background-color: #fbc22c; display: block; }
#home-gallery ol.flex-control-nav.flex-control-paging { bottom: 50px; }

.FooterForm.form-container-wide #DynamicFormObject h3.dynamicFormObjectTitle:after { margin: 17px auto 24px; }

@media(max-width:1440px) {
    #home-gallery .photoCaption { max-width: 1170px; }
    #header .submenu, #header:not(.menu-open):not(.subopen) .submenu { padding-top: 10%; }
    #home-gallery .photoCaption .photoCaptionText { max-width: 350px; }
}

@media(max-width:991px) {
    #home-gallery .photoCaption .photoCaptionText h2.photoTitle:after { margin: 10px auto 0; }
    .FooterForm.form-container-wide #DynamicFormObject h3.dynamicFormObjectTitle:after { }
}

@media(max-width:767px) {
    h2, .aboutSection .grid-rows .grid-row-text h2 { font-size: 200%; padding: 0 15px; letter-spacing: 1.1px; }
    #home-gallery .photoCaption .photoCaptionText a.photoCaptionLink { margin-top: 16px; }
    #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 25px; }
    #home-gallery .photoCaption .photoCaptionText h2.photoTitle:after, .FooterForm.form-container-wide #DynamicFormObject h3.dynamicFormObjectTitle:after { height: 4px; }
    .FooterForm.form-container-wide #DynamicFormObject h3.dynamicFormObjectTitle:after { margin-bottom: 0; }
}

.aboutSection .grid-rows .grid-row-text h2 { }
.aboutSection .grid-rows .grid-row { position: absolute; height: 100%; }
.aboutSection .grid-rows .grid-row-cell.grid-row-cell-text .grid-row-text { display: block; margin-right: 129px; width: 50%; }
.aboutSection .grid-rows .grid-row-cell.grid-row-cell-text .grid-row-text p { font-size: 80%; line-height: 1.88; font-family: Assistant-SemiBold, Arial; margin-bottom: 32px; }
.aboutSection .box-image-animation { display: flex; align-items: center; justify-content: center; background-size: cover; background-position: center; }
.aboutSection .box-image-animation img { /*min-height: 100%;*/ width: 100%; margin: 0 auto; opacity: 0; }
.aboutSection .grid-rows .grid-row-text h2:after { content: ""; display: block; height: 8px; width: 63px; background-color: #000; margin-top: 13px; }
.aboutSection .grid-rows .grid-row-text a.grid-row-button { border-color: #000; margin-top: 30px; }
.aboutSection .grid-rows .grid-row-cell.grid-row-cell-text { position: absolute; height: auto; z-index: 2; top: 50%; margin-top: 0; transform: translateY(-50%); }
.aboutSection .grid-rows .grid-row-text a.grid-row-button { color: #000; border-color: #000; }
.aboutSection .grid-rows .grid-row-text a.grid-row-button:after { background-image: url(/warehouse/temp/Blanko/arrow-black.svg); }
.aboutSection .grid-rows .grid-row-text a.grid-row-button:hover { color: #fff; }
.aboutSection .grid-rows .grid-row-text a.grid-row-button:hover:after { background-image: url(../../../warehouse/temp/Blanko/left-w-s.svg); }

.knowsBestSection { color: #fff; }
.knowsBestSection .fp-tableCell { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }

.knowsBestSection:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: bottom center; background-image: url(/warehouse/dynamic/507006.jpg); background-size: cover; -webkit-transition: all .3s ease; transition: all .3s ease; }
.knowsBestSection[data-nav="0"]:before { background-image: url(../../../warehouse/temp/Blanko/best-0.jpg); }
.knowsBestSection[data-nav="1"]:before { background-image: url(../../../warehouse/temp/Blanko/best-1.jpg); }
.knowsBestSection[data-nav="2"]:before { background-image: url(../../../warehouse/temp/Blanko/best-2.jpg); }
.knowsBestSection[data-nav="3"]:before { background-image: url(../../../warehouse/temp/Blanko/best-3.jpg); }

.section-inner-navigation { width: 100vw; max-width: 1170px; padding-top: 0%; }
.inner-navigation-navigation ul { display: flex; list-style: none; padding: 0; max-width: 840px; margin: 0 auto; }
.inner-navigation-navigation ul li { margin: 0 10px; flex: 1 1 0px; }
.inner-navigation-navigation ul li a { border-radius: 100px; box-shadow: -5px 5px 40px 0 rgba(0, 0, 0, 0.1); border: solid 2px #ffffff; opacity: 0.3; -webkit-transition: all .3s ease; transition: all .3s ease; display: flex; font-size: 80%; height: 42px; align-items: center; justify-content: center; }
.inner-navigation-navigation ul li.active a,
.inner-navigation-navigation ul li a:hover { border-color: #fbc22c; opacity: 1; }

.inner-navigation-content { height: 500px; }
.inner-navigation-content ul { position: relative; list-style: none; margin: 0; }
.inner-navigation-content ul li { position: absolute; opacity: 0; display: flex; -webkit-transition: all 1s ease; transition: all 1s ease; pointer-events: none; align-items: center; }
.inner-navigation-content ul li.active { opacity: 1; pointer-events: auto; }
.inner-navigation-content ul li .content-img-holder img { width: 610px; }
.inner-navigation-content ul li .content-holder { text-align: right; }
.inner-navigation-content ul li .content-holder h3 { font-family: 'karantina-regular'; font-size: 300%; line-height: 0.67; margin-bottom: 30px; position: relative; padding-right: 20px; }
.inner-navigation-content ul li > div { padding: 0 20px; }
.inner-navigation-content .content-holder h3:before { content: ""; background-color: #fbc22c; width: 8px; height: 38px; display: inline-block; position: absolute; right: 0; top: 4px; -webkit-transition: all .3s ease; transition: all .3s ease; }
.inner-navigation-content .content-holder-content { position: relative; }
.inner-navigation-navigation { margin-top: 35px; }
.knowsBestSection[data-nav="0"] .inner-navigation-content .content-holder h3:before { background-color: #fbc22c; }
.knowsBestSection[data-nav="1"] .inner-navigation-content .content-holder h3:before { }
.knowsBestSection[data-nav="2"] .inner-navigation-content .content-holder h3:before { background-color: #c22268; }
.knowsBestSection[data-nav="3"] .inner-navigation-content .content-holder h3:before { background-color: #5cc6f8 }

.home-page .FooterForm .footerFormContainer { padding-bottom: 0px; }
.projectSection .grid-boxes { height: 100%; }
.projectSection .grid-boxes .grid-box-image { height: 100vh; margin: 0; }
.projectSection .grid-boxes .grid-box-image img { opacity: 0; }
.projectSection .grid-boxes .section-animation-item { padding: 0; margin: 0; position: relative; float: left !important; }
.projectSection.grid-content-section { max-width: 100%; }
.projectSection.grid-content-section .box-image-animation { background-size: cover; background-position: center; }
.projectSection .slick-list, .slick-track { height: 100%; }

.projectSection .slick-arrow.slick-next { right: auto; left: 50px; background-image: url(../../../warehouse/temp/Blanko/slider-left.svg); }
.projectSection .slick-arrow.slick-prev { opacity: 0; }
.projectSection.showArrow .slick-arrow.slick-prev { opacity: 1; }
.projectSection .slick-arrow { position: absolute; z-index: 1; top: 50%; background-image: url(../../../warehouse/temp/Blanko/slider-right.svg); width: 39px; height: 39px; color: transparent; border: none; background-color: transparent; right: 50px; transition: all 0.3s ease-in-out; }

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) {
    .section-inner-navigation { zoom: 0.8; font-size: 125%; }
}

@media(max-width:1600px) {
    .grid-rows .grid-row-cell.grid-row-cell-text { margin-top: 0%; }
    .section-inner-navigation { zoom: 0.8; font-size: 120%; }
    .aboutSection .grid-rows .grid-row-cell.grid-row-cell-text .grid-row-text p { font-size: 90%; }
    .inner-navigation-content ul li .content-img-holder img { width: 457px; }
}

@media(max-width:991px) {
    #home-gallery { margin-bottom: 0; padding: 0; }
    #home-gallery .photoCaption { top: 58%; transform: none; left: auto; }
    #home-gallery .photoCaption .photoCaptionText { margin-right: 0; max-width: 100%; padding: 0 15px; text-align: center; }
    #home-gallery .photoCaption .photoCaptionText h2.photoTitle { font-size: 200%; padding: 0; }
    #home-gallery .photoCaption .photoCaptionText p { font-size: 100%; line-height: 1.3; font-size: 95%; max-width: 500px; margin: 0 auto 10px; }
    .knowsBestSection:before { background-image: url(/warehouse/dynamic/507007.jpg); }
    .knowsBestSection:after { margin-bottom: 0; background-image: url(../../../warehouse/temp/Blanko/best-0-m.jpg); }
    .knowsBestSection:after[data-nav="0"] { background-image: url(../../../warehouse/temp/Blanko/best-0-m.jpg); }
    .knowsBestSection:after[data-nav="1"] { background-image: url(../../../warehouse/temp/Blanko/best-1-m.jpg); }
    .knowsBestSection:after[data-nav="2"] { background-image: url(../../../warehouse/temp/Blanko/best-2-m.jpg); }
    .knowsBestSection:after[data-nav="3"] { background-image: url(../../../warehouse/temp/Blanko/best-3-m.jpg); }
    .section-inner-navigation { padding-top: 50px; }
    .inner-navigation-navigation ul { flex-wrap: wrap; justify-content: space-between; padding: 0 85px; }
    .inner-navigation-content ul li { flex-wrap: wrap; width: 100%; display: flex; flex-direction: column-reverse; right: 0; padding: 0 15px; }
    .inner-navigation-content { padding-top: 30px; }
    .section-inner-navigation { padding-top: 50px; }
    .inner-navigation-content ul li > div { padding: 0; }
    .inner-navigation-content ul li .content-img-holder img { width: 100%; }
    .inner-navigation-content ul li .content-holder { text-align: center; font-size: 120%; }
    .inner-navigation-content ul li .content-holder h3 { display: none; }
    .inner-navigation-navigation ul li { width: 47%; flex: unset; margin: 1.5%; }
    .inner-navigation-content ul li .content-img-holder img { width: 80%; }
    .inner-navigation-content .content-holder-content { padding: 0; }
    .inner-navigation-content .content-holder-content:before { opacity: 0; }
    .aboutSection .grid-boxes .box-image-animation img { width: auto; height: 100%; }
    .aboutSection .grid-rows .grid-row-cell.grid-row-cell-text { top: 140px; transform: none; }
}

@media(max-width:991px) and (min-width:768px) {
    .home-page .grid-boxes .section-animation-item { width: 100%; height: 33.33vh; }
    .home-page .grid-boxes { flex-wrap: wrap; }
    .home-page .grid-boxes .grid-box-image-container { bottom: -150%; top: auto; }
    .home-page .grid-boxes .grid-box-image { height: 33.33vh; padding-bottom: 0; }
    .aboutSection .box-image-animation img { height: 100% !important; position: absolute; top: 0; bottom: 0; left: -60%; }
    .aboutSection .box-image-animation { text-align: left; }
    .aboutSection .grid-rows .grid-row-cell.grid-row-cell-text .grid-row-text { margin-right: 50px; }
}

@media(max-width: 767px) {
    #home-gallery .photoCaption { top: 16%; }
    #home-gallery .photoCaption .photoCaptionText p { max-width: 310px; margin-bottom: 0; }
    .projectSection .grid-boxes { position: relative; flex-wrap: wrap; display: block; }
    .projectSection .grid-content-section { padding: 0; margin: 0; }

    .projectSection .grid-boxes .grid-box { float: left !important; }
    .projectSection .slick-list, .slick-track { height: 100%; }
    .projectSection .grid-boxes .grid-box:first-child { display: block; }
    .projectSection .grid-boxes .grid-box-image { padding-bottom: 0px; height: 100%; }
    .projectSection .grid-boxes .box-image-animation img { position: absolute; height: 100%; width: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); }
    .projectSection .grid-boxes .grid-box-subtitle { right: 0; left: 0; display: flex; justify-content: center; bottom: auto; top: 90%; }
    .projectSection .grid-boxes .grid-box .grid-box-title h3 { font-size: 220%; margin: 0; text-align: center; max-width: 100%; }
    .projectSection .grid-box-title { right: 0; bottom: auto; top: 81%; }
    .projectSection .slick-arrow.slick-prev { right: 25px; }
    .projectSection .slick-arrow.slick-next { left: 25px; }


    .inner-navigation-navigation ul { padding: 0 5px; }
    .inner-navigation-navigation { margin-top: 3vw; }
    .inner-navigation-content { padding-top: 4vw; }
    .inner-navigation-content ul li .content-holder p { font-size: 4.4vw; }
    .inner-navigation-navigation ul li a { font-size: 53%; }

    .grid-row-section { margin: 0; }
    .aboutSection .grid-rows .grid-row { /* background: #fbc22b; */ overflow: visible; }
    .aboutSection .grid-rows .grid-row-text h2:after { height: 4px; margin: 10px auto 0; }
    .aboutSection .grid-rows .grid-row-cell.grid-row-cell-text .grid-row-text { text-align: center; margin: 0; width: 100%; padding: 0; overflow: visible; }
    .aboutSection .grid-rows .grid-row-text p { padding: 0 15px; display: none; }
    .aboutSection .grid-rows .grid-row-text > *:nth-child(2) { display: block; }
    .aboutSection .grid-rows .grid-row-cell.grid-row-cell-text { height: 50%; z-index: 8; display: flex !important; align-items: center; top: auto; }
    .aboutSection .box-image-animation img { height: 100%; width: auto; }
    .aboutSection .grid-row .grid-row-image-container { height: 100%; }
    .aboutSection .grid-row li.slider-item { padding-bottom: 0; height: 100%; }
    .aboutSection .grid-row-cell.flexslider-box { height: 100%; bottom: 0; }
    .aboutSection .slides { height: 100%; bottom: 0; position: absolute; left: 0; right: 0; }
    .aboutSection .grid-rows .grid-row-text a.grid-row-button { margin-top: 30px; }
    .home-page .sections section, .home-page .sections section > .fp-tableCell { height: var(--app-height) !important; }
    .FooterForm.form-container-wide #DynamicFormObject { max-width: 86% !important; }
    .section-inner-navigation { padding-top: 100px; }
}

@media (max-width: 767px) and (min-width: 350px) {
    .inner-navigation-navigation ul li a { font-size: 63%; }
}


.home-page .grid-box-title,
.home-page .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText,
.home-page .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields,
.home-page .form-container-wide #DynamicFormObject .dynamicFormEndText,
.home-page .FooterForm.form-container-wide #DynamicFormObject .dynamicFormEndText,
.home-page h2,
.home-page .aboutSection .grid-rows .grid-row-text h2,
.home-page .aboutSection .grid-rows .grid-row-cell.grid-row-cell-text .grid-row-text p,
.home-page .aboutSection .grid-rows .grid-row-text a.grid-row-button,
.home-page .inner-navigation-navigation ul,
.home-page .inner-navigation-content,
.home-page .photoCaption .photoCaptionText p,
.home-page #home-gallery .photoCaption .photoCaptionText a.photoCaptionLink,
.home-page .grid-boxes .grid-box-subtitle { transition: all 0.5s ease-out; opacity: 0; transform: translateY(40px); }


.home-page .active .grid-box-title,
.home-page .FooterForm.form-container-wide.active #DynamicFormObject .dynamicFormObjectTitleAndText,
.home-page .FooterForm.form-container-wide.active #DynamicFormObject .dynamicFormObjectFields,
.home-page .active .form-container-wide #DynamicFormObject .dynamicFormEndText,
.home-page .FooterForm.form-container-wide.active #DynamicFormObject .dynamicFormEndText,
.home-page .active h2,
.home-page .aboutSection.active .grid-rows .grid-row-text h2,
.home-page .aboutSection.active .grid-rows .grid-row-cell.grid-row-cell-text .grid-row-text p,
.home-page .aboutSection.active .grid-rows .grid-row-text a.grid-row-button,
.home-page .active .inner-navigation-navigation ul,
.home-page .active .inner-navigation-content,
.home-page .active .photoCaption .photoCaptionText p,
.home-page #home-gallery.active .photoCaption .photoCaptionText a.photoCaptionLink,
.home-page .active .grid-boxes .grid-box-subtitle { opacity: 1; transform: translateY(0px); transition: all .6s ease-out; }


.home-page .FooterForm.form-container-wide.stayActive #DynamicFormObject .dynamicFormObjectTitleAndText,
.home-page .FooterForm.form-container-wide.stayActive #DynamicFormObject .dynamicFormObjectFields,
.home-page .FooterForm.form-container-wide.stayActive #DynamicFormObject .dynamicFormObjectTitleAndText,
.home-page .FooterForm.form-container-wide.stayActive #DynamicFormObject .dynamicFormEndText { opacity: 1; transform: translateY(0px); transition: all .6s ease-out; }

.home-page .active .grid-box-title { transition-delay: 0.5s; }
.home-page .FooterForm.form-container-wide.active #DynamicFormObject .dynamicFormObjectTitleAndText { transition-delay: 0.5s; }
.home-page .FooterForm.form-container-wide.active #DynamicFormObject .dynamicFormObjectFields { transition-delay: 0.8s; }
.home-page .active .form-container-wide #DynamicFormObject .dynamicFormEndText { transition-delay: 1.1s; }
.home-page .FooterForm.form-container-wide.active #DynamicFormObject .dynamicFormEndText { transition-delay: 1.1s; }
.home-page .aboutSection.active .grid-rows .grid-row-text h2 { transition-delay: 0.5s; }
.home-page .aboutSection.active .grid-rows .grid-row-cell.grid-row-cell-text .grid-row-text p { transition-delay: 0.8s; }
.home-page .aboutSection.active .grid-rows .grid-row-text a.grid-row-button { transition-delay: 1.1s; }
.home-page .active .inner-navigation-navigation ul { transition-delay: 0.8s; }
.home-page .active .inner-navigation-content { transition-delay: 1.1s; }
.home-page .active h2 { transition-delay: 0.5s; }
.home-page .active .photoCaption .photoCaptionText p { transition-delay: 0.8s; }
.home-page #home-gallery.active .photoCaption .photoCaptionText a.photoCaptionLink { transition-delay: 1.1s; }
.home-page .active .grid-boxes .grid-box-subtitle { transition-delay: 0.8s; }


.grid-boxes .section-animation-item.opacity { animation: fadeElements 2s forwards }
.section-animation-item.up { animation: moveUp 2s forwards; -webkit-animation: moveUp 2s forwards; -moz-animation: moveUp 2s forwards; -o-animation: moveUp 2s forwards; }


/***INNER PAGES**/

/**OUTER BLOG PAGE**/
#GridPage { z-index: 1; }
#GridTop.blog { height: 534px; position: sticky; z-index: 1; }
.blog .top-caption { max-width: 1030px; width: 100%; transform: none; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); top: 135px; direction: ltr; text-align: right; }
.blog .top-caption h1 { max-width: fit-content; font-size: 550%; margin: 0 auto; letter-spacing: 1.5px; line-height: 0.78; color: #fff; }
.blog .top-caption h1:after { content: ""; width: 222px; background: #ffd600; position: absolute; bottom: -40px; right: 0; margin: 0 auto; left: 0; height: 10px; }
.blog-grid #GridPage { padding-top: 0; }
.blog-grid #GridPage .max-width { max-width: 1535px; padding: 0 25px; }
.blog-grid .blog-posts { column-count: 3; gap: 72px; }
.blog-grid .blog-post { padding: 0; margin-bottom: 100px; }
.blog-grid .blog-post .blog-post-title { font-size: 180%; color: #454444; padding: 21px 0 0; letter-spacing: normal; }
.blog-grid .blog-post-text { padding-bottom: 0; border-bottom: 0px; margin-bottom: 0; color: #454444; font-size: 90%; line-height: 1.89; }
#BlogModule { overflow: inherit; }
.blog-grid .blog-post-icons { margin: 15px 0; font-size: 12px; color: #454444; }
.blog-grid .blog-post-icons span i { display: none; }

@media (max-width: 1280px) {
    #GridTop.blog { height: 460px; }
}

@media (min-width: 1024px) {
    .blog-grid .blog-posts, .blog-grid .blog-post { margin-bottom: 50px; }
    .blog-grid .blog-post-text { height: 135px; }

    .blog-grid .blog-post { min-height: 600px; }
    .blog-post-image { max-height: 350px; min-height: 350px; }
    .blog-post-image img { min-height: 358px; }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .blog-grid .blog-post { margin-bottom: 30px; }
    .blog-grid .blog-post-text { height: 180px; overflow: hidden; }
}

@media (max-width: 1024px) {
    .blog-grid .blog-posts { column-count: 2; gap: 50px; }
    .blog .top-caption h1 { font-size: 450%; }
    .blog .top-caption h1:after { width: 190px; }
}

@media(max-width:991px) {
    body.Blog header { z-index: 9; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .blog-grid .blog-posts { gap: 0px; }
    .blog-grid .blog-post { padding: 0 25px; }
}

@media (max-width: 767px) {
    #GridTop.blog { height: 100vw; }
    .blog-grid #GridPage .max-width { margin-top: -15vw; }
    .blog-grid .blog-posts { column-count: 1; }
    .blog .top-caption h1 { font-size: 300%; }
    .blog .top-caption h1:after { width: 130px; }
    .blog-grid .blog-post { margin-bottom: 90px; }
    .blog-grid .blog-post .blog-post-title { padding: 50px 0; }
    .blog-grid .blog-post-icons { margin: 0 0 15px; }
}

@media (min-width: 768px) {
    #header .submenu, #header:not(.menu-open):not(.subopen) .submenu { padding-top: 60px; padding-bottom: 60px; display: flex !important; flex-direction: column; justify-content: center; }
}

/**INNER BLOG PAGE**/

.contentInnerPage .blog-view > h2, .contentInnerPage #BlogView .blog-post-icons, .contentInnerPage #BlogView .share-strip, .contentInnerPage #BlogView .blog-related-posts { display: none; }
.contentInnerPage .blog-view #headline { text-align: center; font-size: 100%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(to bottom, #0c0b6a 0%, #181a26 88%); margin-bottom: 20px; font-family: 'karantina-regular'; height: auto; max-width: 670px; width: 100%; color: #fff; display: flex; align-items: center; margin: 0 auto; letter-spacing: 2.25px; line-height: 1.16; flex-direction: column; justify-content: flex-start; z-index: 7; }
.contentInnerPage .blog-view #headline:not(.withTag) { justify-content: center; }
.contentInnerPage .blog-view #headline #text2 { margin: 15px 0 15px; }
.contentInnerPage .blog-view #headline #text2 h3 { font-size: 180%; line-height: 1.54; color: #ffd600; font-family: karantina-regular; letter-spacing: normal; margin: 0 0; }
.contentInnerPage .blog-view #headline h1 { margin: 0 70px; font-size: 240%; padding: 0 5px 40px; letter-spacing: normal; }
.contentInnerPage #BlogView #text1 { margin: 135px 0; max-width: 1330px; margin-left: auto; margin-right: auto; }
.contentInnerPage #BlogView h2 { font-size: 240%; color: #454444; padding: 0; line-height: 0.79; margin-bottom: 35px; letter-spacing: normal; }
.contentInnerPage #BlogView #text1 h5 img { margin-bottom: 80px; }
.contentInnerPage #BlogView #text1 p { max-width: 50%; font-size: 90%; color: #454444; line-height: 1.89 }

@media (max-width: 1024px) {
    .contentInnerPage #BlogView #text1 p { max-width: 100%; }
}

@media (max-width: 767px) {
    .contentInnerPage .blog-grid #GridPage .max-width { width: 100%; }
    .contentInnerPage .blog-view #headline #text2 h3 { font-size: 160%; }
    .contentInnerPage .blog-view #headline h1 { margin: 0; font-size: 175%; }
    .contentInnerPage .blog-view #text1 h5 { margin: 0 -25px; }
    .contentInnerPage #BlogView #text1 { margin-top: 30px; }
}
/**Blanko-2**/

.contact-page #SiteGridContainer { min-height: unset; }
.contact-page #GridTop.noTopImage { height: 0; }
.contact-page #GridPage { padding: 0; }
.contact-page footer { padding: 0; }
.contact-page .FooterForm .footerFormContainer { min-height: calc(100vh - 60px); display: flex; align-items: center; justify-content: center; padding-bottom: 0; }
.contact-page #GridContent { display: none; }
.about-page footer { padding: 0; }
.about-page #GridPage { max-width: 427px; margin-right: 3%; padding-top: 30px; padding-bottom: 30px; }
.about-page .MainContent { text-align: right; }
.about-page #headline { font-size: 450%; text-align: right; margin-bottom: 44px; }
.about-page #text1 { text-align: right; max-width: 100%; font-size: 80%; color: #131313; font-family: Assistant-SemiBold; line-height: 1.63; }
.about-page #GridTop { height: auto; display: flex; align-items: center; min-height: 100vh; }
.about-page #headline h1 { font-family: 'karantina-regular'; color: #131313; letter-spacing: 2.25px; position: relative; }
.about-page #headline h1::after { content: ""; display: block; position: absolute; bottom: -12px; right: 0; height: 8px; width: 63px; background: #181a26; }
.about-page #text2 a { font-family: 'Assistant-SemiBold'; position: relative; color: #000; border: 1px solid #000; border-radius: 40px; transition: 0.4s; display: block; max-width: 193px; padding: 9px 37px; font-size: 90%; text-align: right; }
.about-page #GridContent { float: none; }
.about-page .FooterForm .footerFormContainer, .projects-page .FooterForm .footerFormContainer { display: none; }
.projects-page #SiteGrid { overflow: hidden; }
.projects-page #SiteGridContainer { background-image: linear-gradient(143deg, #30323c, #181a26 98%); }
.projects-page footer { padding: 0; }
.projects-page .top-caption { display: none; }
.projects-page #headline h1 { font-family: 'karantina-regular'; color: #fff; }
.projects-page #headline { font-size: 350%; letter-spacing: 1.75px; margin-top: 100px; animation: moveUp 1.5s forwards; -webkit-animation: moveUp 1.5s forwards; opacity: 0; }
.projects-page #headline + h2 { font-family: 'karantina-regular'; text-transform: uppercase; -webkit-text-stroke: 2px #ffffff; color: #131313; opacity: 0.05; width: 100%; font-size: 800%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.projects-page #lobbyview { position: relative; }
.projects-page #GridPage { padding-top: 110px; }
.projects-page #allSectionsWrapper { padding-top: 30px; }
.projects-page #LobbyModule .grid-boxes .grid-box-image { padding-bottom: 103.6%; margin-bottom: 0; }
.projects-page #LobbyModule .grid-box-title h3 { font-size: 255%; max-width: 205px; letter-spacing: 1.28px; }
.projects-page .grid-boxes .grid-box-subtitle a:before { height: 34px; background-size: cover; width: 60px; }
.projects-page .FooterForm.form-container-wide, .about-page .FooterForm.form-container-wide { display: none; }
.about-page #text2 { max-width: 100%; }

/* Project Page */
.projectPage .section-title h2 { font-family: 'karantina-regular'; color: #131313; font-size: 350%; position: relative; margin-bottom: 21px; }
.projectPage .section-title h2::after { content: ""; display: block; width: 63px; height: 8px; background: #fbc22c; margin: 0 auto; margin-top: 24px; }
.projectPage .grid-text p { margin: 0; }
.projectPage .grid-text .grid-text-content { max-width: 850px; line-height: 1.67; font-size: 105%; }
.projectPage .project-wide-pic { max-width: unset; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; height: auto; margin-bottom: 0; }
.projectPage #SiteGrid { overflow: hidden; }
.project-wide-pic .image-section-data img { margin: 0 !important; }
.project-wide-pic .image-section-data { height: auto; }
.sections .grid-content-section.project-process { max-width: unset; width: calc( var(--vw) * 1 ); position: relative; left: 50%; right: 50%; margin-left: calc( var(--vw) * -0.5 ); margin-right: calc( var(--vw) * -0.5 ); padding-top: 72px; min-height: 798px; background-repeat: no-repeat; margin-bottom: 0; }
.project-process .grid-box-image { display: none; }
.projectPage .project-process .section-title h2 { color: #fff; text-align: right; max-width: 1170px; margin: 0 auto; position: relative; }
#LobbyModule .project-process .grid-boxes { max-width: 1187px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.projectPage .project-process .section-title h2::after { display: none; }
#LobbyModule .project-process .grid-box { width: 50%; text-align: right; max-width: 515px; color: #fff; }
#LobbyModule .project-process .grid-boxes::before, #LobbyModule .project-process .grid-boxes::after { display: none; }
.projectPage .project-process .section-title h2::after { content: ""; display: block; width: 1175px; height: 1px; background: #fff; width: 99%; }
#LobbyModule .project-process .grid-box p { font-size: 90%; line-height: 1.5; }
.project-process .grid-box-title { position: static; }
#LobbyModule .project-process .grid-box-title h3 { font-size: 250%; position: relative; }
#LobbyModule .project-process .grid-box-title h3::after { content: ""; display: block; width: 80px; height: 4px; background: #fbc22c; margin-top: 10px; margin-bottom: 12px; }
.project-process .section-title { margin-bottom: 18px; }
.projectPage .project-wireframing .grid-text .grid-text-content { font-size: 105%; max-width: 880px; }
.project-gallery { background: none; width: calc( var(--vw) * 1 ); position: relative; left: 50%; right: 50%; margin-left: calc( var(--vw) * -0.5 ); margin-right: calc( var(--vw) * -0.5 ); padding-bottom: 100px; margin-bottom: 65px; }
.project-gallery .owl-carousel .owl-item img { max-height: 640px; width: auto; margin: 0 auto; box-shadow: 30px 30px 50px 0 rgba(0, 0, 0, 0.1); }
.project-gallery .owl-carousel .owl-item .item { overflow: visible; }
.project-gallery .owl-carousel .owl-stage-outer { overflow: visible; }
.project-gallery .owl-carousel .owl-item .item .plus-sign { display: none; }
.project-wireframing { margin-bottom: 70px; }
.project-gallery .owl-carousel .owl-dots { display: block !important; }
.project-gallery .owl-nav { display: none; }
.project-gallery .owl-dots { bottom: -108px; }
.project-gallery .owl-carousel .owl-dot { background: #000; width: 8px; height: 8px; margin: 0 11px; position: relative; }
.project-gallery .owl-carousel .owl-dot.active::before { content: ""; display: block; height: 13px; width: 13px; border: 2px solid #000; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.project-quote { width: calc( var(--vw) * 1 ); position: relative; left: 50%; right: 50%; margin-left: calc( var(--vw) * -0.5 ); margin-right: calc( var(--vw) * -0.5 ); margin-bottom: 0; background: #262831; color: #fff; font-family: 'karantina-regular'; letter-spacing: 1.25px; font-size: 250%; padding-top: 119px; }
.projectPage .project-quote .grid-text p { line-height: 1; }
.projectPage .project-quote .grid-text .grid-text-content { position: relative; }
.projectPage .project-quote .grid-text .grid-text-content::after { content: ""; display: block; width: 63px; height: 8px; background: #fbc22c; margin: 0 auto; margin-top: 32px; }
.sections .grid-content-section.project-cubes { background: #262831; width: calc( var(--vw) * 1 ); position: relative; left: 50%; right: 50%; margin-left: calc( var(--vw) * -0.5 ); margin-right: calc( var(--vw) * -0.5 ); max-width: unset; margin-bottom: 0; padding-top: 130px; }
.projectPage footer { padding: 0; }
.projectPage #LobbyModule .project-cubes .grid-boxes { max-width: 100%; }
.projectPage #LobbyModule .grid-boxes .grid-box-image { padding-bottom: 103.8%; }
.projectPage #LobbyModule .grid-boxes .grid-box-title h3 { font-size: 255%; max-width: 192px; }
.projectPage .grid-boxes .grid-box-subtitle a:before { height: 34px; width: 62px; background-size: cover; background-repeat: no-repeat; }
.projectPage .FooterForm.form-container-wide #DynamicFormObject .dynamicFormEndText { display: none; }
.projectPage .FooterForm.form-container-wide #DynamicFormObject { padding-top: 176px; }
.projectPage #headline h1 { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
.projectPage .flowing-text { direction: ltr; padding-top: 0; margin-top: -60px; padding-bottom: 150px; }
.projectPage .flowing-text h2 { text-transform: uppercase; color: #fff; -webkit-text-stroke: 3px #131313; opacity: 0.06; font-size: 1250%; white-space: nowrap; }
.projectPage .flowing-text h2::after { display: none; }
.project-quote .grid-text-content::before { content: ""; display: block; width: 185px; height: 123px; position: absolute; top: -60px; right: 90px; background: url(/warehouse/temp/Blanko/project/quote.svg); background-size: contain; background-repeat: no-repeat; }

.about-page #text2 a::before { content: ""; display: block; width: 20px; height: 17px; position: absolute; left: 37px; top: 50%; transform: translateY(-50%); background: url(/warehouse/temp/Blanko/project/cv.svg); background-size: contain; background-repeat: no-repeat; }
.grid-boxes .grid-box-subtitle { bottom: 30px; }
.grid-box-title { bottom: 75px; }

.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:hover { background: #fff; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { transition: 0.4s; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:hover input { color: #000; }
.about-page #text2 a:hover, .about-page #text2 a:focus { background: #fff; color: #000; border-color: #fff; }
.grid-boxes .grid-box-subtitle a:before { background-image: url(/warehouse/temp/Blanko/arrow-long.svg); width: 52px; left: auto; right: 0; transition: 0.4s; }
.grid-boxes .grid-box-subtitle a { width: 62px; }
.grid-boxes .grid-box-subtitle a:hover:before, .grid-boxes .grid-box-subtitle a:focus:before { width: 62px; }
.projects-page .grid-boxes .grid-box-subtitle a:before { width: 63px; }
.projects-page .grid-boxes .grid-box-subtitle a:hover:before, .projects-page .grid-boxes .grid-box-subtitle a:focus:before { width: 73px; }
.projectPage .grid-boxes .grid-box-subtitle a:hover:before, .projectPage .grid-boxes .grid-box-subtitle a:focus:before { width: 72px; }
.home-page .aboutSection.active .grid-rows .grid-row-text a.grid-row-button:hover { transition-delay: 0s; }
.home-page #home-gallery.active .photoCaption .photoCaptionText a.photoCaptionLink:hover, .home-page #home-gallery.active .photoCaption .photoCaptionText a.photoCaptionLink:focus, .content-section-Btn a:hover { background: #fff; color: #000; }
.home-page #home-gallery.watched .photoCaption .photoCaptionText a.photoCaptionLink { transition-delay: 0s; }
.home-page .aboutSection.watched .grid-rows .grid-row-text a.grid-row-button { transition-delay: 0s; }
.home-page #home-gallery.active .photoCaption .photoCaptionText a.photoCaptionLink:hover::after, .home-page #home-gallery.active .photoCaption .photoCaptionText a.photoCaptionLink:focus::after, .content-section-Btn a:hover:after { background-image: url(/warehouse/temp/Blanko/arrow-black.svg); }
#home-gallery .photoCaption .photoCaptionText a.photoCaptionLink:hover:after, #home-gallery .photoCaption .photoCaptionText a.photoCaptionLink:focus:after, #DynamicFormObject .dynamicFormObjectSubmit:hover::after, #DynamicFormObject .dynamicFormObjectSubmit:focus::after { background-image: url(/warehouse/temp/Blanko/arrow-black.svg); }
#home-gallery .photoCaption .photoCaptionText a.photoCaptionLink:after, #DynamicFormObject .dynamicFormObjectSubmit:after { transition: 0.4s; }
.categories-strip { display: none; }
.projectPage #GridTop { height: 850px; opacity: 0; transition: all 1.5s; }
.projectPage #GridTop.showIT { opacity: 1; }
.project-gallery.landscape .owl-carousel .owl-item img { max-height: 25vw; }
#LobbyModule .project-process .grid-box.hidden-image { display: none; }

@keyframes fadeOnLoad {
    from { opacity: 0; }
    to { opacity: 0; }
}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) {
    .about-page #GridPage { font-size: 125%; }
}

@media (max-width: 1440px) {
    .projectPage #GridTop { height: 62.5vw; }
    .projectPage .top-caption { top: 20.7vw; max-width: 100%; left: 9vw; right: auto; transform: none; }
    .projectPage .top-caption h1 { font-size: 4.17vw; max-width: 23.7vw; }
}

@media (min-width: 1440px) {
    .about-page #GridPage { margin-right: 9%; }
}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1440px) {
    .projectPage #GridTop { height: 36.5vw; }
    .project-gallery .owl-carousel .owl-item img { max-height: 450px; }
    .projectPage #LobbyModule .project-cubes .grid-boxes { max-width: 1170px; }
}

@media (max-width: 1200px) {
    .about-page #GridTop { background-position: right; }
}

@media (max-width: 991px) {
    .about-page #GridTop { background-position: center; }
    .projects-page .grid-boxes .grid-box-subtitle { bottom: 30px; }
    .projects-page #LobbyModule .grid-box-title h3 { font-size: 185%; max-width: 153px; }
    .projects-page .grid-box-title { right: 16%; bottom: 70px; }
    .projects-page #headline + h2 { font-size: 650%; }
    .about-page #headline { font-size: 280%; margin-bottom: 25px; }
    .about-page #headline h1::after { height: 6px; width: 41px; }
    .about-page #GridTop { background-repeat: no-repeat; background-position-y: bottom; background-color: #fbc22c; }
    .about-page #GridPage { padding-bottom: 54vh; padding-top: 90px; }
    .about-page #GridPage { max-width: unset; padding-bottom: 144vh; }
    .project-gallery.landscape .owl-carousel .owl-item img { max-height: 45vw; }
}

@media (min-width: 768px) {
    .about-page #headline.up, .about-page #text1.up, .about-page #text2.up { opacity: 1 !important; transform: translateY(0); }
    .about-page #headline, .about-page #text1, .about-page #text2 { margin-top: 0 !important; animation: none; opacity: 0 !important; transform: translateY(40px); transition: 0.6s; transition-delay: 1s; }
    .about-page #text1 { transition-delay: 1.3s; }
    .about-page #text2 { transition-delay: 1.6s; }
}

@media (max-width: 767px) {
    .projects-page #SiteGridContainer { background-image: linear-gradient( 143deg, #30323c, #181a26 98%); }
    .projects-page #headline + h2 { font-size: 650%; font-size: 313%; width: 100vw; position: absolute; padding: 0; top: 11px; }
    .projects-page #headline { font-size: 230%; }
    .projects-page #GridPage { padding-top: 60px; }
    .projects-page #allSectionsWrapper { padding-top: 0; }
    .projects-page .sections .grid-content-section { padding: 0; }
    .projects-page #LobbyModule .grid-box-title h3 { text-align: right; }
    .projects-page .grid-boxes .grid-box-subtitle { left: auto; right: 13%; }
    .about-page #GridPage { padding-bottom: 105vh; }
    .projectPage .grid-text .grid-text-content { width: 100%; padding: 0; font-size: 90%; line-height: 1.5; }
    .projectPage .section-title h2 { font-size: 270%; margin-bottom: 16px; }
    .projectPage .section-title h2::after { height: 6px; width: 50px; margin-top: 20px; }
    .projectPage .grid-text-section .section-title { margin-bottom: 16px; }
    .projectPage #LobbyModule .grid-boxes { padding-top: 10px; flex-direction: column; }
    #LobbyModule .project-process .grid-box { width: 100%; }
    .projectPage #LobbyModule .grid-boxes .grid-box-title h3 { font-size: 200%; display: table; }
    .sections .grid-content-section.project-process { padding-bottom: 110px; background-size: cover; }
    .sections .grid-content-section.project-process::before { content: ""; display: block; width: 100%; height: 120px; background: #fff; position: absolute; bottom: -54px; left: 0; transform: skewY(8deg); }
    .project-wide-pic .image-section-data img { width: auto; height: 100vw; }
    .project-wide-pic .image-section-data { display: flex; align-items: center; justify-content: center; }
    .project-gallery .owl-carousel .owl-item img { max-height: 61vh; }
    .project-gallery { padding-bottom: 30px; }
    .project-gallery .owl-dots { bottom: -80px; }
    #project-wide-pic6 .image-section-data img { display: none; }
    #project-wide-pic6 .image-section-data::before { content: ""; display: block; height: 100vw; background: url(/warehouse/temp/Blanko/project/Blanko_ProductPage_bezeq_Mobile_4.jpg); width: 100%; background-size: cover; }
    .project-quote { font-size: 140%; padding-top: 90px; }
    .projectPage .project-quote .grid-text .grid-text-content { max-width: 98%; }
    .projectPage .project-quote .grid-text .grid-text-content::after { height: 6px; width: 45px; margin-top: 20px; }
    .projectPage .project-quote .grid-text p { line-height: 1.2; }
    .sections .grid-content-section.project-cubes { padding-top: 70px; }
    .projectPage .FooterForm.form-container-wide #DynamicFormObject { padding-top: 50px; }
    .projectPage .FooterForm .footerFormContainer { padding-bottom: 30px; }
    .projectPage #GridTop { height: 121vw; }
    .projectPage .flowing-text { margin-top: -30px; margin-bottom: 15px; padding-bottom: 0; }
    .projectPage .flowing-text h2 { font-size: 440%; }
    .project-quote .grid-text-content::before { width: 130px; right: 50%; transform: translateX(50%); }
    #SiteFooter .site-credit.alternative .col-xs-12.text-center { display: flex; align-items: center; justify-content: space-between; }
    a.AccessabilityLink { margin: 0; }
    .projects-page .lobby-grid #GridPage .max-width { padding: 0; }
    .projects-page #LobbyModule .grid-boxes .grid-box-image { padding-bottom: 77%; }
    .projects-page .grid-box-title { right: 11%; }
    .projectPage .flowing-text h2 { -webkit-text-stroke: 2px #131313; }
    .project-about .section-title h2 { text-align: right; padding: 0; margin-right: 0; display: table; }
    .project-about .section-title h2::after { margin-right: 0; width: 100%; }
    .project-about .grid-text .grid-text-content { text-align: right; line-height: 1.5; font-size: 90%; }

    #PageBreadCrumps { transform: translateY(260px); }
}

@media (max-width: 550px) {
    .about-page #GridTop { background-size: contain; }
    .about-page #GridPage { padding-bottom: 54vh; }
}


/****TEST*/

body:not(.Blog.contentInnerPage) #PageBreadCrumps { display: none; }
#PageBreadCrumps { transform: translateY(170px); max-width: 1330px; font-size: 90%; color: #454444; }
#PageBreadCrumps span:last-of-type { color: #799ee2; }

@media (max-width: 767px) {
    #PageBreadCrumps { transform: none; padding: 0; font-size: 90%; margin-top: 10px; }
}