/* Nofar Energy */

/* ORIGINAL: @import url(/Content/fonts/Montserrat-Regular/Montserrat-Regular.css); */
@import url(https://media.getmood.io/content/fonts/montserrat-regular/montserrat-regular.css);

 
html { font-size: 62.5%; }
body { font-size: 1.5rem;  }

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) {
    body { zoom: 1 !important; }
}
/* Reset */
#header2 { padding: 0; }
#header2 #header-container { display: flex; }
#header2 .max-width { max-width: 100%; width: 100%; }
#header2 .header-right-section { width: auto; }
#header2 .menu-nav { margin: 0; float: none !important; width: auto; }
#header2 .menu-nav ul.menu { margin: 0; }
#header2 .menu-nav ul.menu > li::before { content: none; }
#header2 .menu-nav ul.menu li:hover { color: inherit; }
#header2 .menu-nav ul.menu li a:focus { opacity: 1; border-bottom: initial; }
#header2 #header-left { margin: 0; width: auto; display: block; }
#SiteFooter { float: none; padding: 0; }
#SiteFooter .site-credit { padding: 10px 0; }
#SiteFooter .site-credit > div { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#SiteFooter .site-credit a.AccessabilityLink { position: static; transform: none; margin: 0; font-size: 75%; white-space: nowrap; }
#SiteFooter .site-credit a.AccessabilityLink:focus, #SiteFooter .site-credit a.AccessabilityLink:hover { color: #fff; }
.footer-text-divided { padding: 0; }
#header2 ul.menu > li:before { content: none; }
#header2 ul.menu .menu-sub li { float: none; display: block; font-size: 100%; }
#header2 ul.menu li.active { color: inherit; background: inherit; }
#header2 .menu-nav .closed { display: none !important; }
#header2 ul.menu li > a { font-size: 100%; }
.nav-menu-anim { margin: 0; }
#header2 ul.menu li .menu-sub a { float: none; padding: 0; }
#GridContent { float: none; }
footer { padding-top: 0; background-color: #fff; }
.grid-rows .grid-row-text p { font-size: 100%; }
.FooterForm.form-container-wide { float: none; }
a:hover, a:focus { color: initial; }
.grid-rows .grid-row { background-color: transparent; }
.section-title h2 { max-width: 100%; }
.lobby-grid #GridPage .max-width { padding: 0; width: 100%; }
.grid-rows .grid-row-cell { float: none !important; display: block !important; }
.grid-rows .grid-row { display: flex !important; flex-wrap: wrap; }
.grid-rows .grid-row-text { width: 100%; }
.grid-boxes.row::before, .grid-boxes.row::after { content: none; }
.grid-boxes.row { display: flex; flex-wrap: wrap; align-items: flex-start; }
.section__data .grid-boxes .grid-box { margin-right: 0; }
.faq-headline { font-size: 100%; }
.grid-text-section .section-title { margin-bottom: 0; }
#LobbyModule .grid-boxes .grid-box-title h3 { font-size: 100%; margin: 0; }
.grid-boxes .grid-box-subtitle { font-size: 100%; }
.grid-boxes .grid-box-title h3 a { color: inherit; }
.grid-text .grid-text-content .gridText1, .grid-text .grid-text-content .gridText2 { display: block; margin: 0; width: 100%; padding: 0; text-align: start; }
.grid-text p { margin-top: 0; }
.grid-text .grid-text-content { direction: inherit; width: 100%; padding: 0; }
.grid-rows .grid-row-text a { margin-right: 0; display: inline-block; }
.grid-rows .grid-row-text img { margin: 0; }
#DynamicFormObject { display: block; border: none; padding: 0; text-align: inherit; }
#DynamicFormObject:after { content: none; }
body.modal-open { padding-right: 0 !important; }
#DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 100%; }
.normal-form textarea { max-width: 100%; }

#GridPage { padding: 0; }
#GridPage .max-width, #PageBreadCrumps { max-width: 100%; width: 100%; }
#SiteGrid.layout-2sides-right #GridPromo { float: none; margin: 0; padding: 0; }
#SiteGrid.layout-2sides-right #GridContent { float: none; margin: 0; padding: 0; }
.layout-2sides-right #GridWrapInner { display: flex; flex-wrap: wrap; }


body { line-height: 1.47; font-family: 'Montserrat-Light', sans-serif; font-size: 1.5rem; background-image: url(/warehouse/temp/nofar-energy/desktop-bg.svg); background-size: contain; background-position: center; background-repeat: repeat; }
::selection { background: #4f2ced; color: #fff; }
.section-title h2 .outline { -webkit-text-fill-color: #fff; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #3b0199; }

.sections .section { max-width: 100%; padding: 0 80px; }
.grid-boxes, .grid-rows { max-width: 1250px; margin: 0 auto; }

.section { max-width: 1280px; margin: 0 auto; padding: 0 15px; }
.normal-form input[type=submit], #DynamicFormObject input[type=submit] { background: none; }
#GridTop { max-height: 450px; border: 15px solid #fff; border-width: 15px 15px 0; }
#GridTop .top-caption { top: 50%; text-transform: uppercase; font-size: 7rem; text-align: center; font-family: 'Montserrat-SemiBold', sans-serif; }
#GridTop .top-caption h1 { font-size: inherit; }
#GridTop .top-caption-subtitle { font-size: 3.8rem; font-family: 'Montserrat-Medium', sans-serif; }

#headline { font-family: 'Montserrat-SemiBold', sans-serif; font-size: 3.5rem; color: #1f1e24; }
#SiteGrid #PageBreadCrumps { margin: 15px 0; padding: 0 18px !important; max-width: 100%; font-family: 'Montserrat-Regular', sans-serif; }
#SiteGrid #PageBreadCrumps span:last-of-type { color: #adadad; }
#SiteGrid #PageBreadCrumps span:not(:last-child)::after { content: '/'; margin: 0 5px; color: #a6abb9; }
#GridWrapInner { margin-top: 80px; }


@media(max-width: 1024px) {
    .sections .section { padding: 0 30px; }
}

@media(max-width: 767px) {
    .sections .section { padding: 0 18px; }
    #GridTop { max-height: 183px; border-width: 5px; }
    #GridTop .top-caption { font-size: 2.5rem; }
    #GridTop .top-caption-subtitle { font-size: 1.6rem; }
    #headline { font-size: 2.8rem; line-height: 2.7; }
    #GridWrapInner { margin-top: 23px; }
}

.section--gray,
.section--gray.grid-row-section,
.section__projects.section--gray .flex-control-nav,
.section__projects.section--gray .grid-row:nth-child(odd) .grid-row-cell.grid-row-cell-text { background-color: #f5f5f7; }

.section--buttons .grid-text .grid-text-content ul { list-style: none; display: flex; padding: 0; margin: 0; }
.section--buttons .grid-text .grid-text-content ul li a { padding: 13px 47px 13px 24px; border-radius: 50px; display: inline-block; font-size: 1.5rem; font-family: 'Montserrat-Medium', san-ser; line-height: 1; text-transform: uppercase; background-image: url(/warehouse/temp/nofar-energy/contact-btn-arrow.svg) !important; background-repeat: no-repeat !important; background-position: 90% 50% !important; }
.section--buttons .grid-text .grid-text-content ul li:nth-child(1) a { background-color: #ffc700; }
.section--buttons .grid-text .grid-text-content ul li:nth-child(2) a { border: 1px solid #000; }
.section--buttons .grid-text .grid-text-content ul li + li { margin-left: 18px; }

@media(max-width: 767px) {
    .section--buttons .grid-text .grid-text-content ul { flex-direction: column; align-items: flex-start; }
    .section--buttons .grid-text .grid-text-content ul li + li { margin-left: 0; margin-top: 18px; }
    .section--buttons .grid-text .grid-text-content ul li a { min-width: 230px; }
}




/* Buttons */

/*Arrow button*/
.grid-rows .grid-row-text a.grid-row-button, .grid-text .sec-button { font-size: 1.5rem; text-align: left; line-height: 1.6; padding: 0; margin: 0; border: none; border-radius: 0; font-family: 'Montserrat-Medium'; width: 112px; border-bottom: 1px solid #333040; position: relative; color: #4f2ced; margin-top: 15px; margin-bottom: 20px; background: transparent; }
.grid-rows .grid-row-text a.grid-row-button::after, .grid-text .sec-button::after { content: ''; position: absolute; right: -9px; bottom: 0; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 9px solid #333040; transform: translateY(50%); }
.grid-rows .grid-row-text a.grid-row-button::before, .grid-text .sec-button::before { content: ''; width: 29px; height: 29px; border-radius: 100%; background: #ffd91c; position: absolute; right: -4px; bottom: 0; transform: translate(50%, 50%); transform-origin: center; transition: .35s ease; z-index: -1; }
.grid-rows .grid-row-text a.grid-row-button:focus, .grid-rows .grid-row-text a.grid-row-button:hover, .grid-text .sec-button:focus, .grid-text .sec-button:hover { background: transparent; color: #4f2ced; }
.grid-rows .grid-row-text a.grid-row-button:hover::before, .grid-text .sec-button:hover::before { transform: translate(50%, 50%) scale(1.344444); }


/*Form Yellow button */
.normal-form input[type=submit], #DynamicFormObject input[type=submit] { display: inline-block; background: #ffc700; font-size: 1.5rem; font-family: 'Montserrat-Medium'; border-radius: 50px; text-transform: uppercase; color: #000; height: auto; line-height: 1.2; border: none !important; padding: 13px 37px; text-align: start; width: auto; min-width: 157px; max-width: 100%; background: #ffc700 url('/warehouse/temp/nofar-energy/contact-btn-arrow.svg') !important; background-repeat: no-repeat !important; background-position: 90% 50% !important; margin: 0; }
.normal-form input[type=submit]:focus, .normal-form input[type=submit]:hover, #DynamicFormObject input[type=submit]:hover, DynamicFormObject input[type=submit]:focus { border: none !important; background-color: #ffd91c !important; }


@media(max-width: 767px) {
    .normal-form input[type=submit], #DynamicFormObject input[type=submit] { width: 100%; display: block; text-align: center; font-size: 1.5rem !important; }
}

/*Thankyou page*/
body.FormResultPage #text1 a:last-of-type { text-decoration: underline; }
body.FormResultPage #header2 .logoHeader::before { opacity: 1; }


/*Header*/
#header2 { background-color: transparent; color: #3b0199; }
#header2 #header-container { justify-content: space-between; direction: rtl; align-items: center; }
#header2 .max-width { /* padding: 0 15px; */ }
#header2 .menu-nav { height: inherit; }
#header2.detailsInRow .header-top { display: none; }
#header2 .header-right-section { background-color: #fff; height: 80px; padding: 0 15px; }
#header2 .menu-nav ul.menu { font-family: 'Montserrat-SemiBold'; margin: 0; height: 100%; display: flex; align-items: center; }
#header2 ul.menu li { color: inherit; float: none; padding: 0; margin: 0; }
#header2 ul.menu-sub { background-color: #3b0199; font-family: 'Montserrat-Regular', sans-serif; padding: 18px 0; min-width: 191px; }
#header2 #header-left { position: relative; margin-left: 23px; }
#header2 ul.menu .menu-sub li:hover, #header2 ul.menu .menu-sub li:focus { color: #ffd91c; }
#header2 ul.menu .menu-sub li { line-height: 1.4; /* padding: 0 18px; */ }
#header2 ul.menu .menu-sub li:not(:last-child) { margin-bottom: 10px; }
.opensub.fa:before { content: '' !important; display: block; width: 10px; height: 6px; background: url('/warehouse/temp/nofar-energy/header-dropdown-arrow.svg'); background-size: 100%; background-repeat: no-repeat; background-position: center; transition: .35s ease; }
.has-sub.open .fa-angle-down:before { transform: rotate(180deg); }
.has-sub i.opensub { margin: 0; height: 100%; display: flex; align-items: center; font-size: 0; padding: 0 5px; }
#header2 ul.menu-sub li > a { padding-right: 18px !important; padding-left: 18px !important; font-size: 100% !important; }
#header2 ul.menu-sub li.active { color: #ffc700; }

#header2 .logoHeader::before { content: ''; position: absolute; top: 0; width: 100%; height: 100%; background-image: url('/warehouse/temp/nofar-energy/logo-color.svg'); background-size: 100%; left: 0; right: 0; bottom: 0; z-index: 1000; opacity: 0; transition: .35s ease; }
#header2 #header-left a { position: relative; }
#header2 #header-left img { opacity: 1; transition: .35s ease; }
#header2.internalPageBg #header-left img, .home-page #header2.bg #header-left img { opacity: 0; transition-delay: .4s; }

#header2.fill #header-left a::before, .home-page #header2.fill #header-left a::before { opacity: 1; transition-delay: .4s; }

#header2::before { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 0; background-color: #fff; transition: .5s ease-in-out width; pointer-events: none; }

#header2.fill::before { width: 100%; }

@media(min-width: 1025px) {
    #header2 ul.menu-sub { right: auto; margin-left: -15px; left: 90%; top: 80%; left: calc(100% - 10px ); }

    #header2 ul.menu > li { height: inherit; display: flex; align-items: center; padding: 0 14px; }
    #header2 ul.menu > li > a { height: inherit; display: flex; align-items: center; }
    #header2 ul.menu > li > a:hover { text-decoration: underline; text-decoration-color: #ffc700; text-underline-offset: 6px; text-decoration-thickness: 3px; }
    #header2 ul.menu-sub::before { content: ''; display: block; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 0 solid transparent; border-left: 20px solid #3b0199; position: absolute; top: 1px; left: 0; transform: translateY(-100%); }
    #header2 ul.menu > li.active > a { text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 3px; text-decoration-color: #ffc700; }
}

@media(max-width: 1024px) {
    #header2 .max-width { padding: 0; }
    #header2 .menu-nav ul.menu { position: fixed; right: 0; flex-direction: column; left: auto; transform: translateX(100%); height: 100vh !important; padding-top: 63px !important; transition: .35s ease; background-color: #fff; }
    #header2.open .menu-nav ul.menu { transform: translateX(0%); }

    #header2 #nav-toggle:not(.active) span, #header2 #nav-toggle span::before, #header2 #nav-toggle span::after { background: #4f2ced; }
    #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 { transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; }
    #nav-toggle span:after { width: 27px; bottom: -6px; }
    #nav-toggle span::before { top: -6px; }
    #nav-toggle.active span:after { width: 100%; }
    #header2 #header-left { margin-left: 14px; }
    #header2 .menu-sub { position: static; float: none; }
    #header2 .header-right-section { height: auto; padding: 12px 16px; }
    #header2 ul.menu li > a { display: inline-block; padding: 13px 14px; }
    .has-sub i.opensub { display: inline-block; height: auto; }
}


@media(max-width: 767px) {
    #header2 #header-left .logoHeader { max-width: 120px; }
   
}

/*#SiteGrid::before { content: ''; position: fixed; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; z-index: 9; background-image: url(/warehouse/temp/nofar-energy/desktop-bg.svg); background-size: contain; background-position: center; background-repeat: repeat; pointer-events: none; }*/

/*Home Gallery*/
#home-gallery { background-color: #fff; border: 15px solid #fff; height: 100vh !important; }
#home-gallery .scroll-down { left: -15px; bottom: -15px; font-size: 0; width: auto; animation: none !important; }
#home-gallery .scroll-down button { padding: 0; border: none; width: 95px; height: 95px; background-color: #fff; }
#home-gallery .TopVideo { position: relative; }
#home-gallery .TopVideo iframe { width: 100%; }
#home-gallery .opacity-layer { display: none; }
#player-controls #mute-player, #player-controls #unmute-player, #player-controls span { display: none; }

@media(max-width: 1024px) {
    #home-gallery { border-width: 5px; }
}

@media(max-width: 767px) {
    #home-gallery .scroll-down button { width: 64px; height: 64px; padding: 13px; }
    #home-gallery .scroll-down img { width: 100%; min-width: 0; }
    #home-gallery .scroll-down { left: -5px; bottom: -5px; }
    #home-gallery video { min-height: 0 !important; top: 0; }
    #home-gallery,
    #home-gallery video,
    #home-gallery .TopVideo,
    #home-gallery { height: 173vw !important; }

    #mobile-player-controls { left: auto; right: 20px; }
}


/* Home Data*/
/*.section__data.grid-content-section {  padding-top: 130px;  padding-bottom: 130px;  border-top: solid 1px rgba(0, 0, 0, 0.06);  margin-bottom: -30px; }*/
.section__data.grid-content-section { margin-top: 130px; margin-bottom: 100px; }
.section__data.grid-content-section .grid-rows { max-width: 1280px; }
#allSectionsWrapper .section__data .grid-boxes .grid-box-title h3 { font-family: 'Montserrat-SemiBold', sans-serif; font-size: 7rem; margin: 0; color: #220071; line-height: .8; }
.section__data .grid-boxes .grid-box-title a { color: inherit; pointer-events: none; }
.section__data .grid-boxes .grid-box-subtitle { font-size: 2.1rem; font-family: 'Montserrat-SemiBold', sans-serif; color: #220071; line-height: 1; }
.section__data .grid-box-fulltext { font-family: 'Montserrat-Regular', sans-serif; font-size: 1.6rem; line-height: 1.25; color: #7f828a; border-top: 1px solid #ffc700; padding-top: 12px; position: relative; flex: 1 0 100%; text-align: start; margin-top: 13px; }
.section__data .grid-boxes .grid-box-image { display: none; }
#allSectionsWrapper .section__data .grid-boxes .grid-box { display: flex; flex-wrap: wrap; align-items: flex-end; margin-bottom: 30px; }

.section__data .grid-box-title { display: block; }
.section__data .grid-box-fulltext::before { content: ''; width: 50%; height: 2px; position: absolute; top: -3px; background-color: #ffc700; }
/* 
.section__data .grid-boxes .section-animation-item { display: grid; grid-template-columns: min-content; grid-template-rows: 1fr 1fr; justify-content: flex-start; text-align: left; }
.section__data .grid-box-fulltext { grid-column: 1/3; }
 */
@media(max-width: 767px) {
    .section__data.grid-content-section { margin-top: 65px; margin-bottom: 40px; }
    #allSectionsWrapper .section__data .grid-boxes .grid-box-title h3 { font-size: 2.5rem; }

    .section__data .grid-boxes .grid-box-subtitle { font-size: 1.2rem; }

    .section__data .grid-boxes .section-animation-item { width: 50%; grid-template-rows: auto auto; margin-bottom: 18px; }

    .section__data .grid-box-fulltext { font-size: 1.2rem; line-height: 1.67; }
    .section__data .grid-boxes .grid-box { margin-bottom: 18px; }
}

/*Home Map*/
.section__map.grid-image-section { width: 990px; height: auto; max-width: 100%; margin: 70px auto; padding: 0; }
.section__map .image-section-data { height: auto; position: relative; overflow: visible; }
.section__map .image-section-data a { position: absolute; font-size: 1.6rem; color: #fff; font-family: 'Montserrat-Medium', sans-serif; letter-spacing: .50px; padding: 6px 5px 4px; line-height: 1; }
.section__map .image-section-data a[href="/world-wide/serbia"] { pointer-events: none; }
.section__map .image-section-data img { margin: 0 !important; }
.section__map .image-section-data > svg { width: 100%; height: 100%; }
.section__map ul { width: 100%; height: 100%; position: absolute; top: 0; left: 0; margin: 0; padding: 0; list-style: none; }
.section__map li { position: absolute; top: 50%; left: 50%; background: red; width: 10px; height: 10px; }
.section__map svg { width: 208px; height: 240px; display: block; }
.section__map li a { position: absolute; right: 0; top: 0; transform: translate(100%, -100%) scale(0); background-color: #bcc0cc; min-width: 100px; transition: .35s ease-in 1.5s; transform-origin: left bottom; }
.section__map .element { position: absolute; bottom: 0; }
.section__map path { display: block; height: 100%; }
.section__map #map-bg { pointer-events: none; user-select: none; }

path#circle-7, path#line-7 { transform: translateY(40px); }
@media(max-width: 767px) {

    .section__map .image-section-data a { font-size: 1.2rem; }
    .section__map .element { display: none; }
}


.section__marquee.grid-text-section { padding: 35px 0; overflow: hidden; }
.section__marquee .grid-text .grid-text-content { width: 100%; direction: ltr; }
.section__marquee .grid-text p { margin: 0; font-size: 7rem; font-family: 'Montserrat-SemiBold'; color: #4f2ced; display: block; /* Will override color (regardless of order) */ }
.section__marquee .grid-text p strong { -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #3b0199; font-weight: normal; }
.section__marquee .grid-text::after { content: ''; display: table; clear: both; }

@media(max-width: 767px) {
    .section__marquee .grid-text p { font-size: 3rem; }
    /* JUST FOR CONTINUME WORK ON OTHER PAGE*/
}


.home__projects.grid-row-section { background-color: #f5f5f7; }
.home__projects .grid-row:nth-child(odd) .grid-row-cell.grid-row-cell-text { background-color: #f5f5f7; }

.section__projects .section-title { max-width: 1250px; margin: 0 auto 100px; text-align: start; }
.section__projects .section-title h2 { font-size: 7.7rem; font-family: 'Montserrat-SemiBold', sans-serif; color: #4f2ced; line-height: 1.22; letter-spacing: 3.08px; }
.section__projects.grid-row-section { position: relative; padding-top: 109px; padding-bottom: 144px; }
.section__projects::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(/warehouse/temp/nofar-energy/desktop-bg.svg); background-size: contain; background-position: center; background-repeat: repeat; z-index: 0; pointer-events: none; }
.section__projects .grid-rows .grid-row-text h2 { font-family: 'Montserrat-SemiBold'; font-size: 3.5rem; margin: 0; line-height: 1.2; margin-bottom: 15px; }
.section__projects .grid-rows .grid-row-text h3 { font-size: 1.5rem; font-family: 'Montserrat-Medium', san-ser; margin-bottom: 18px; }
.section__projects .grid-rows .grid-row-text h3::before { content: ''; display: block; width: 50px; height: 4px; background-color: #ffc700; margin-bottom: 16px; }
.section__projects .grid-rows .grid-row-text a.grid-row-button { margin-top: 28px; }
.section__projects .grid-rows .grid-row { background-color: transparent; display: flex; flex-wrap: wrap; direction: ltr !important; }
.section__projects .grid-row li.slider-item { padding-bottom: 51.74069627851141%; }

.section__projects .grid-rows .grid-row-text { width: 100%; }
.section__projects .grid-rows .grid-row:nth-child(even) { flex-direction: row-reverse; align-items: center; }
.section__projects .grid-row:nth-child(odd) .grid-row-cell.grid-row-cell-text { /* margin-left: -80px; */ background-color: #fff; padding: 12px 50px 50px; }

.section__projects .flex-control-nav { background-color: #fff; display: inline-flex; gap: 10px; align-items: center; justify-content: center; bottom: 0; left: 0; right: auto; padding: 30px; font-size: 0; width: auto; }
.section__projects .grid-row:nth-child(even) .flex-control-nav { right: 0; left: auto; }

.section__projects .flex-control-paging li a { width: 17px; height: 6px; border-radius: 0; background: transparent; border: 1px solid #4f2ced; transition: .35s ease; padding: 0; display: inline-block; }
.section__projects .flex-control-paging li a.flex-active { background-color: #4f2ced; width: 70px; }
.section__projects .flex-control-nav li { margin: 0; display: block; overflow: visible; }

.section__projects ul.labels { position: absolute; top: 10px; left: 10px; padding: 0; margin: 0; display: flex; list-style: none; font-size: 1.2rem; font-family: 'Montserrat-Medium'; line-height: 1.25; z-index: 99; }
.section__projects .labels li { background-color: #4f2ced; color: #fff; text-transform: uppercase; line-height: 1; padding: 4px 8px; }
.section__projects .labels li:not(:last-child) { margin-right: 6px; }
.section__projects .grid-rows .grid-row:nth-child(even) .labels { left: auto; right: 10px; }
.section__projects .grid-rows .grid-row + .grid-row { margin-top: 128px; }

#allSectionsWrapper .section__projects .grid-rows .grid-row-cell.flexslider-box .section__data { padding: 0; margin: 0; }

@media(min-width: 768px) {


    .section__projects .grid-row:nth-child(odd) .grid-row-cell.grid-row-cell-text { margin-left: -80px; }
    .section__projects .grid-rows .grid-row-cell.flexslider-box { width: 66.64%; }
    .section__projects .grid-row .grid-row-cell.grid-row-cell-text { width: 33.36%; }
    .section__projects .grid-rows .grid-row:nth-child(even) .grid-row-cell-text { padding-right: 65px; }
    #allSectionsWrapper .section__projects .grid-rows .grid-row-cell.flexslider-box .section__data .grid-boxes .grid-box-title h3 { font-size: 3.5rem; }
}

@media(max-width: 767px) {
    .section__projects .grid-rows .grid-row { display: flex !important; flex-direction: column; }
    .section__projects .section-title h2 { font-size: 3rem; letter-spacing: 1.2px; }
    .section__projects .grid-rows .grid-row-text { padding: 0; margin: 0; }
    .section__projects .grid-row .grid-row-cell.grid-row-cell-text { padding: 0 !important; margin-top: 24px !important; }
    .section__projects .grid-rows .grid-row-text h2 { font-size: 1.9rem; margin-bottom: 12px; }
    .section__projects.grid-row-section { padding-top: 54px; padding-bottom: 84px; }
    .section__projects .section-title { margin-bottom: 32px; }
    .section__projects .grid-rows .grid-row + .grid-row { margin-top: 70px; }
    .section__projects .flex-control-paging li a.flex-active { width: 42px; }
    .section__projects .flex-control-paging li a { height: 4px; width: 11px; }
    .section__projects .flex-control-nav { padding: 12px 20px; }
    .section__projects .labels li { padding: 2px 6px; }
}



/* Home Env */
.home__env.grid-text-section { padding: 0; max-width: 90%; margin: 92px 0 125px auto; }
.home__env .grid-text .grid-iframe-holder { padding-bottom: 42.5%; overflow: hidden; position: relative; }
.home__env .grid-text .grid-iframe-holder video { display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.home__env .grid-text .grid-text-content { position: absolute; bottom: 0; left: 0; background-color: #fff; direction: inherit; text-align: start; padding: 30px 80px 0 0; width: 585px; max-width: 100%; }
.home__env .grid-text h2 { font-family: 'Montserrat-SemiBold'; font-size: 3.5rem; margin-bottom: 10px; }
.home__env .grid-text { /* width: 93.47222222222223%; */ margin-left: auto; position: relative; }
.home__env .section-title { position: absolute; top: 20%; z-index: 1; width: 85%; left: 50%; transform: translateX(-50%); /* text-indent: 100px; */ }
.home__env .section-title h2 { font-size: 7.7rem; font-family: 'Montserrat-SemiBold', san-serif; color: #fff; width: 82%; margin: 0 auto; line-height: 1.22; }
.home__env .grid-text iframe { top: 50%; left: 50%; transform: translate(-50%, -50%); height: 120vh; }
.home__env .section-title h2 span:nth-child(1) { float: left; margin-bottom: 0; }
.home__env .section-title h2 span:nth-child(2) { clear: left; float: right; }
.home__env .section-title h2::after { content: ''; display: block; clear: right; }


@media(min-width: 1025px) {
    .home__env .grid-text .grid-text-content::before { content: ''; position: absolute; left: 100%; bottom: 0; margin-left: 25px; margin-bottom: 25px; pointer-events: none; width: 208px; height: 208px; background-image: url(/warehouse/temp/nofar-energy/env-section-decor.svg); background-size: 100%; background-position: center; background-repeat: no-repeat; }
}

@media(max-width: 767px) {
    .home__env .grid-text .grid-text-content { position: static; background: transparent; }
    .home__env .grid-text h2 { font-size: 1.9rem; }
    .home__env .grid-text { width: 100%; }
    .home__env.grid-text-section { padding-right: 18px; padding-left: 18px; margin-top: 20px; margin-bottom: 70px; max-width: 100%; }
    .home__env .section-title { width: 100%; top: 8%; }
    .home__env .section-title h2 { font-size: 2rem; letter-spacing: .8px; }
    .home__env .section-title h2 span:nth-child(1) { margin-bottom: 4px; }
    .home__env .grid-text .grid-iframe-holder { padding-bottom: 56.5% }
}



/* Home Invest */
.home__invest.grid-row-section { margin-top: 125px; }
.home__invest .section-title { max-width: 1250px; margin: 0 auto; text-align: start; }
.home__invest .section-title h2 { font-size: 7.7rem; font-family: 'Montserrat-SemiBold', sans-serif; color: #4f2ced; line-height: 1.22; letter-spacing: 3.08px; }
.home__invest .grid-rows .grid-row { direction: inherit !important; }
.home__invest .grid-rows .grid-row-text { width: 100%; display: block; }
.home__invest .grid-rows .grid-row-cell.flexslider-box { width: 66.72%; }
.home__invest .grid-row li.slider-item { padding-bottom: 48.92086330935252%; }
.home__invest .grid-row li.slider-item img { width: 100%; }
.home__invest .grid-row { display: flex; }
.home__invest .grid-rows { margin-top: 63px; }
.home__invest .grid-row .grid-row-cell { display: block !important; }

@media(min-width: 1025px) {
    .home__invest.grid-row-section::before { content: ''; display: block; height: 100%; width: 400px; max-width: 50%; position: absolute; right: 0; background-image: url(http://nofar.getmood.io/warehouse/temp/nofar-energy/invest-chart-bg.svg); background-size: 100%; background-repeat: no-repeat; background-position: bottom; }
    .home__invest .grid-row .grid-row-cell.grid-row-cell-text { position: relative; left: -10%; background-color: #fff; padding-left: 50px; padding-bottom: 40px; width: 33.28%; }
}

@media(max-width: 767px) {
    .home__invest .section-title h2 { font-size: 3rem; letter-spacing: 1.2px; }
    .home__invest .section-title h2 .outline { display: block; }
    .home__invest .grid-rows .grid-row-cell.flexslider-box { float: none; width: 100%; }
    .home__invest .grid-rows { margin-top: 45px; }
    .home__invest.grid-row-section { margin-top: 70px; }
    .home__invest .grid-text.gridHasVideo iframe { top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100vw; }
    .home__invest .grid-rows .grid-row-cell { float: none !important; }
    .home__invest .grid-rows .grid-row-text { padding: 0; margin: 0; }
    .home__invest .grid-row .grid-row-cell.grid-row-cell-text { padding-top: 32px; }
}



/* FORMS COMMON */
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; margin: 0; display: block; width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; display: block; padding: 0; margin: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.3333%; }
.form-container-wide #DynamicFormObject fieldset { display: flex; flex-wrap: wrap; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 100%; margin: 0; }
#DynamicFormObject.normal-form .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-family: 'Montserrat-SemiBold', sans-serif; font-size: 3.5rem; line-height: 1.2; letter-spacing: 1.4px; }


/* Dymaic Form */
/* ! NEED TO BE FIX SPEIPIC */
footer { margin-top: 130px; }
.footerFormContainer { background: none; }
.FooterForm.form-container-wide { padding: 0 80px 130px; border-bottom: solid 1px rgba(79, 44, 237, 0.16); background-image: url(/warehouse/temp/nofar-energy/desktop-bg.svg); background-size: contain; background-position: center; background-repeat: repeat; background-color: #fff; }
.FooterForm.form-container-wide #DynamicFormObject { display: block; margin: 0 auto; background-color: #3b0199; color: #fff; width: 1250px; max-width: 100% !important; padding-top: 60px; padding-bottom: 70px; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 100%; width: 100%; display: block; padding: 0; margin-bottom: 55px; }

.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields { display: block; width: 100%; margin: 0; padding: 0; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields > form { width: 860px; max-width: 100%; margin: 0 auto; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormEndText { display: block; width: 100%; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 100%; }

.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.checkboxField) { float: none; width: 31%; flex: 1 0 auto; padding: 0; }


.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: auto; margin-left: auto; float: none; padding: 0; }
.FooterForm.form-container-wide #DynamicFormObject span.error { right: 0; font-size: 1.2rem; font-family: 'Montserrat-Medium'; }

.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField { padding: 0; float: none; }

.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { clear: both; width: auto; text-align: start; margin: 0; display: flex; align-items: center; font-family: 'Montserrat-Regular', sans-serif; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { display: flex; flex-wrap: wrap; gap: 27px; }
.normal-form input, .normal-form textarea, .normal-form select { box-shadow: none; border-radius: 0; color: #fff; border-width: 0 0 1px 0; border-color: #fff; }

.normal-form input::placeholder { color: #fff; }

.normal-form input:focus { border-color: #fbc600 !important; border-width: 0 0 1px 0 !important; box-shadow: none; }

.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField .must:before { left: 0; top: 13.5px; line-height: 1; }

.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField .input-wrapper { position: relative; z-index: 0; }

.normal-form input, .normal-form textarea, .normal-form select { padding-bottom: 13.5px; padding-top: 13.5px; padding-left: 12px; font-family: 'Montserrat-Regular', sans-serif; font-size: 1.5rem; margin: 0; height: auto; width: 100%; line-height: 1; }

.normal-form input[type=checkbox] { display: inline-block; position: relative; width: 18px; height: 18px; border-radius: 0; border: 1px solid #3b0199; background-color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; padding: 0; margin: 0 !important; flex: 0 0 auto; }

.normal-form input[type=checkbox]:checked::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 11px; height: 8.7px; background-image: url('/warehouse/temp/nofar-energy/checkbox-tick.svg'); background-size: 100%; background-repeat: no-repeat; }
.footer-text-left p + p { margin-top: 20px; }
.footer-text-left p a { display: inline-block; margin-right: 4px; position: relative; border-radius: 50%; overflow: hidden; }
.footer-text-left p a::before { content: ''; position: absolute; width: 100%; height: 100%; opacity: 0; transition: .35s ease opacity; }

.footer-text-left p a:nth-child(1):hover::before { background-image: url('/warehouse/temp/nofar-energy/fb-hvr.svg'); opacity: 1; }

.footer-text-left p a:nth-child(2):hover::before { background-image: url('/warehouse/temp/nofar-energy/ig-hvr.svg'); opacity: 1; }

.footer-text-left p a:nth-child(3):hover::before { background-image: url('/warehouse/temp/nofar-energy/tt-hvr.svg'); opacity: 1; }

.footer-text-left p a:nth-child(4):hover::before { background-image: url('/warehouse/temp/nofar-energy/lk-hvr.svg'); opacity: 1; }
.footer-text-left p a:nth-child(5):hover::before { background-image: url('/warehouse/temp/nofar-energy/yt-hvr.svg'); opacity: 1; }
.footer-text-divided ul > li + li { margin-top: 15px; }
.FooterForm.form-container-wide #DynamicFormObject .checkboxField label { margin: 0; margin-left: 10px; font-size: 1.2rem; letter-spacing: 0.48px; text-align: start; }
.normal-form input[type=checkbox]:checked { background-color: #fbc600; }




@media(min-width: 1025px) {
    .FooterForm.form-container-wide #DynamicFormObject { background-image: url(/warehouse/temp/nofar-energy/contact-bg.svg); background-position: 2% 0; background-repeat: no-repeat; background-size: 225px 156px; }
}

@media(max-width: 767px) {
    footer { margin-top: 80px; }

    .FooterForm.form-container-wide { padding: 0 18px 80px; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.checkboxField) { width: 100%; float: none; }
    .footer-text-left p + p { margin-top: 15px; }
    #DynamicFormObject.normal-form .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 2.5rem; letter-spacing: 1px; }
    .FooterForm.form-container-wide #DynamicFormObject { padding-top: 50px; padding-bottom: 50px; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { flex-direction: column; gap: 17px; }
    .FooterForm.form-container-wide .normal-form input { margin: 0; max-width: 100%; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { margin-top: 25px; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: 27px; }
}

/* Footer */

.footer-text-divided { display: flex; flex-direction: row-reverse; justify-content: space-between; max-width: 1410px; margin: 0 auto; padding: 70px 80px 90px; /* background: #fff; */ }
.footer-text-divided > div { display: block; width: auto; }
.footer-text-divided ul { list-style: none; padding: 0; margin: 0; color: #3b0199; font-size: 1.3rem; font-family: 'Montserrat-Medium', sans-serif; }
.footer-text-divided > div.footer-text-right { display: flex; text-align: start; padding-right: 127px; }
.footer-text-divided ul + ul { margin-left: 65px; }
.footer-text-divided ul li a::after { content: ''; position: absolute; top: 100%; left: 0; width: 0; background: #ffc700; height: 2px; transition: .35s ease-in-out width; }
.footer-text-divided ul li a { position: relative; }
.footer-text-divided ul li a:hover::after { width: 100%; }
.footer-text-divided ul li a:hover, .footer-text-divided ul li a:focus { color: inherit; }

@media(max-width: 767px) {
    .footer-text-divided { padding: 50px 18px 65px; flex-direction: column-reverse; }
    .footer-text-divided > div.footer-text-left { display: block; padding: 0; }
    .footer-text-divided > div.footer-text-left p:first-child { max-width: 110px; }
    .footer-text-divided ul { font-size: 1.1rem; line-height: 1.27; }
    .footer-text-divided > div.footer-text-right { padding: 0; margin-top: 45px; }

    .footer-text-divided ul + ul { margin-left: 28px; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; }
}

/* Footer */

.footer-text-divided { display: flex; flex-direction: row-reverse; justify-content: space-between; max-width: 1410px; margin: 0 auto; padding: 70px 80px 90px; /* background: #fff; */ }
.footer-text-divided > div { display: block; width: auto; }
.footer-text-divided ul { list-style: none; padding: 0; margin: 0; color: #3b0199; font-size: 1.3rem; font-family: 'Montserrat-Medium', sans-serif; }
.footer-text-divided > div.footer-text-right { display: flex; text-align: start; padding-right: 127px; }
.footer-text-divided ul + ul { margin-left: 65px; }
.footer-text-divided ul li a::after { content: ''; position: absolute; top: 100%; left: 0; width: 0; background: #ffc700; height: 2px; transition: .35s ease-in-out width; }
.footer-text-divided ul li a { position: relative; }
.footer-text-divided ul li a:hover::after { width: 100%; }
.footer-text-divided ul li a:hover, .footer-text-divided ul li a:focus { color: inherit; }

@media(max-width: 767px) {
    .footer-text-divided { padding: 50px 18px 65px; flex-direction: column-reverse; }
    .footer-text-divided > div.footer-text-left { display: block; padding: 0; }
    .footer-text-divided > div.footer-text-left p:first-child { max-width: 110px; }
    .footer-text-divided ul { font-size: 1.1rem; line-height: 1.27; }
    .footer-text-divided > div.footer-text-right { padding: 0; margin-top: 45px; }

    .footer-text-divided ul + ul { margin-left: 28px; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; }
}



#lobbyview { margin: 0 auto; padding: 0 80px; }
#lobbyview > * { max-width: 830px; margin: 0 auto; text-align: inherit !important; }
#lobbyview #lobbyText { max-width: 100%; text-align: inherit; }
#lobbyview h2 { font-family: 'Montserrat-Medium', sans-serif; font-size: 1.9rem; line-height: 1.4; margin-bottom: 30px; }
#SiteGrid #PageBreadCrumps { font-size: 1.2rem; color: #000; }


.layout-2sides-right #GridWrapInner { display: flex; flex-wrap: wrap; max-width: 1250px; margin-right: auto; margin-left: auto; }

@media(max-width: 767px) {
    #lobbyview { padding: 0 18px; }
}




/* FAQ */
#ContentFaqModule { padding: 0 80px; }
#ContentFaqModule #headline { margin-bottom: 55px; }
#faqview .faq-headline { background-color: #fff; border: solid 1px rgba(190, 186, 201, 0.43); padding: 24px 14px; }
#faqview .faq-headline.open, #faqview .faq-headline { background-color: #fff; }
#faqview .faq-headline { font-family: 'Montserrat-SemiBold', sans-serif; }
#faqview .faq-headline::before { content: '+'; display: inline-flex; justify-content: center; align-items: center; vertical-align: middle; width: 27px; height: 27px; background: #4f2ced; border-radius: 50%; font-size: 30px; font-family: 'Montserrat-Light'; line-height: 32px; color: #fff; transform-origin: center; transform: rotate(0deg); transition: .35s ease; }
#faqview .faq-headline.open::before { transform: rotate(-45deg); }
#faqview .faq-body { background-color: #f6f4fb; border: solid 1px rgba(79, 44, 237, 0.16); border-width: 0 1px 1px; }
#faqview.panel-group .panel + .panel { margin: 0; }
#faqview.panel-group .panel { border-radius: 0; }
#faqview { max-width: 837px; margin: 0 auto; }
#faqview > .faq-item { box-shadow: 0 0 10px 0 rgb(0 0 0 / 4%); margin-bottom: 8px !important; }
#faqview .faq-headline .button-open { display: none; }
#faqview .faq-headline span { margin-left: 17px; }

@media(max-width: 767px) {
    #ContentFaqModule { padding: 0 18px; }
    #ContentFaqModule #headline { margin-bottom: 44px; }
}


/*Contact*/
.contactPage .grid-form-section { margin-top: 60px; }
.contactPage .FooterForm.form-container-wide { display: none; }
.contactPage .form-container-wide { max-width: 837px; margin: 0 auto; }

.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 55px 35px; }

.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectField { padding: 0 9px; margin-bottom: 45px; }

.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { width: 50%; display: flex; align-items: center; margin-bottom: 0; }

.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }

.contactPage .grid-form-section #DynamicFormObject.normal-form textarea { border: 1px solid #a6abb9; color: #a6abb9; }

.contactPage .grid-form-section ::placeholder { color: #a6abb9 !important; }
.contactPage #DynamicFormObject .dynamicFormObjectField .must:before { left: 0; top: 0; line-height: 1; }

.contactPage .normal-form .must { position: relative; }

.contactPage .grid-form-section #DynamicFormObject.normal-form .must input, .grid-form-section #DynamicFormObject.normal-form .must select { padding-left: 16px; }

@media(max-width:767px) {
    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; padding: 0; margin-bottom: 25px; }

    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { width: 100%; text-align: start; margin-bottom: 25px; }
    .contactPage .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 16px 20px; }

    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 30px 20px; }

    .contactPage .grid-form-section #DynamicFormObject.normal-form textarea { min-height: 50vh; }
}

#allSectionsWrapper .contact__social.grid-content-section { margin: 85px auto 125px; background: #3b0199; max-width: 1250px; color: #fff; padding: 60px 15px; }
#allSectionsWrapper .contact__social .grid-box { margin: 0; max-width: 60px; padding: 0; }
#allSectionsWrapper .contact__social .grid-boxes .grid-box-image { padding: 0; }
#allSectionsWrapper .contact__social .grid-boxes .grid-box-image-container { position: static; }
#allSectionsWrapper .contact__social .section-title { margin-bottom: 26px; }
#allSectionsWrapper .contact__social .grid-boxes { margin: 0; justify-content: center; gap: 35px; padding-top: 0; }
#allSectionsWrapper .contact__social .section-title h2 { font-size: 3.5rem; font-family: 'Montserrat-SemiBold', san-ser; }
#allSectionsWrapper .contact__social .section-title h2::after { content: ''; display: block; width: 50px; height: 4px; background-color: #ffc700; margin: 12px auto 0; }
#allSectionsWrapper .contact__social .grid-boxes .box-image-animation:hover img { transform: none; }
#allSectionsWrapper .contact__social .grid-boxes .grid-box-image { margin: 0; }
#allSectionsWrapper .contact__social .grid-box-title { display: none; }

@media(min-width: 1025px) {
    #allSectionsWrapper .contact__social.grid-content-section { background-image: url(/warehouse/temp/nofar-energy/contact-bg.svg); background-position: 2% 0; background-repeat: no-repeat; background-size: 225px 156px; }
}

@media(max-width: 767px) {
    #allSectionsWrapper .contact__social .section-title h2 { font-size: 1.9rem; }
    #allSectionsWrapper .contact__social .grid-box { max-width: 45px; }
    #allSectionsWrapper .contact__social .grid-boxes { gap: 20px; }
    #allSectionsWrapper .contact__social.grid-content-section { padding-top: 40px; padding-bottom: 45px; margin-top: 0; margin-bottom: 0; }
    #allSectionsWrapper .contact__social .section-title { margin-bottom: 18px; }
}

.contact__countries.grid-content-section { padding-top: 55px; padding-bottom: 60px; background-color: #f9f9fa; }
.contact__countries .section-title h2 { font-size: 3.5rem; font-family: 'Montserrat-SemiBold', sans-serif; }
.contact__countries .section-title { margin-bottom: 65px; }
#allSectionsWrapper .contact__countries .grid-box { margin: 0; background-color: #fff; padding: 25px; padding-left: 90px; text-align: start; margin-bottom: 40px; }
#allSectionsWrapper .contact__countries .grid-boxes .box-image-animation:hover img { transform: none; }
#allSectionsWrapper .contact__countries .grid-boxes .grid-box-image { position: absolute; left: 10px; top: 50%; width: 60px; transform: translate(0, -50%); padding-bottom: 0; margin: 0; }
#allSectionsWrapper .contact__countries .grid-boxes .grid-box-image-container { position: static; }
#allSectionsWrapper .contact__countries .grid-box { border-width: 1px 1px 1px 6px; border-style: solid; border-color: rgba(79, 44, 237, 0.12); width: 28.63247863247863%; /* margin-left: 4.70085470085%; */ }
#allSectionsWrapper .contact__countries .grid-boxes .grid-box-title h3 { font-size: 2.4rem; font-family: 'Montserrat-SemiBold', sans-serif; }
#allSectionsWrapper .contact__countries .grid-box-fulltext { margin-top: 9px; color: #333040; font-size: 1.2rem; }
#allSectionsWrapper .contact__countries .grid-box-fulltext img { margin-right: 8px; }
#allSectionsWrapper .contact__countries .grid-boxes { padding-top: 0; margin-bottom: -40px; max-width: 1170px; gap: 7.05128205128%; }
#allSectionsWrapper .contact__countries .grid-boxes::before, #allSectionsWrapper .contact__countries .grid-boxes::after { content: none; }

@media(max-width: 767px) {
    .contact__countries .section-title h2 { font-size: 1.9rem; text-align: start; }
    .contact__countries.grid-content-section { padding-top: 30px; }
    .contact__countries .section-title { margin-bottom: 25px; }
    #allSectionsWrapper .contact__countries .grid-boxes { margin-bottom: -20px; }
    #allSectionsWrapper .contact__countries .grid-box { margin-bottom: 20px; width: 100%; }
}

.contact__info .grid-rows .grid-row-text h2 { font-family: 'Montserrat-SemiBold', sans-serif; font-size: 3.5rem; margin: 0; line-height: 1.2; }
.contact__info .grid-rows .grid-row-text h3 { margin: 0; font-family: 'Montserrat-Medium', sans-serif; font-size: 1.9rem; line-height: 1.37; margin-bottom: 53px; }
.contact__info .grid-rows .grid-row-text h3::after { content: ''; display: block; height: 4px; width: 50px; background: #ffc700; margin-top: 20px; }
.contact__info .grid-rows .grid-row-text p { display: flex; font-size: 1.2rem; }
.contact__info .grid-rows .grid-row-text img { margin-right: 10px; }
.contact__info .grid-rows .grid-row-text p + p { margin-top: 25px; }
.contact__info .grid-row li.slider-item { padding-bottom: 0; }
.contact__info .grid-row .grid-row-image-container { position: static; }
.contact__info.grid-row-section { margin-bottom: 100px; }
.contact__info .grid-rows.row { max-width: 880px; }
.contact__info .grid-rows .grid-row { align-items: center; }
.contact__info .grid-rows .grid-row-cell.flexslider-box { width: 44.77272727272727%; }
.contact__info .grid-row .grid-row-cell.grid-row-cell-text { width: 55.2272727273%; }
.contact__info .grid-row-cell.flexslider-box img { max-width: 100%; }



.contact__info .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text { padding: 0; margin: 0; }

@media(max-width: 767px) {
    .contact__info .grid-row-cell.flexslider-box { display: none !important; }
    .contact__info .grid-rows .grid-row-text h2 { font-size: 2.8rem; }
    .contact__info .grid-rows .grid-row-text h3 { margin-bottom: 32px; }
    .contact__info .grid-rows .grid-row-text h2 { font-size: 2.8rem; }
    .contact__info .grid-row .grid-row-cell.grid-row-cell-text { width: 100%; }
    .contact__info.grid-row-section { margin-bottom: 45px; }
}



.grid-form-section .form-container-wide #DynamicFormObject { display: block; padding: 0; background: #fff; }
.grid-form-section #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 1.5rem; font-family: 'Montserrat-Regular'; text-align: start; letter-spacing: normal; }
.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { background-color: #3b0199; padding: 12px 40px; color: #fff; /* font-size: 100%; */ }
.grid-form-section #DynamicFormObject.normal-form .dynamicFormObjectField input, .grid-form-section #DynamicFormObject.normal-form select { border-color: #a6abb9; color: #a6abb9; padding-left: 0; padding-bottom: 7px; padding-top: 0; }
.grid-form-section .dynamicFormObjectFields.row { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.04); border: solid 1px rgba(190, 186, 201, 0.43); }




/*ABOUT */
.reportsPage .FooterForm { display: none; }

.categories-strip { background-color: #fff; color: #000; border-bottom: solid 1px #4f2ced; }
.categories-strip ul li.active { background-color: #4f2ced; color: #fff; }
.categories-strip ul.hidden-xs li:first-child { display: none; }
.categories-strip ul li a:focus { text-decoration: none; }
.categories-strip ul li { font-size: 1.6rem; line-height: 1.2; padding: 20px; }

@media(max-width: 767px) {
    #SiteGrid > .categories-strip { display: none; }

    .categories-strip { padding: 0 18px; border: none; margin-bottom: 50px; margin-top: 30px; }
    .mobile-strip span:first-child { display: none; }
    .mobile-strip .select-wrapper { float: none; background-color: #fff; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.04); border: solid 1px rgba(190, 186, 201, 0.43); color: #000; padding: 3px 0; font-size: 1.4rem; }
    .mobile-strip { display: block; padding: 0; text-align: start; font-family: 'Montserrat-Regular', sans-serif; }
    .mobile-strip span { float: none; margin: 0; font-size: 100%; display: block; background-color: #4f2ced; color: #fff; padding: 13px 22px; line-height: 1.3; position: relative; }
    .mobile-strip .select-wrapper li.strip-item { color: inherit; font-size: 100%; padding: 0; }
    .mobile-strip .select-wrapper li.strip-item a { display: block; padding: 16px 22px; }

    .mobile-strip:after { visibility: hidden; }
    .mobile-strip .top-mobile-strip > span:after { content: ''; display: block; width: 12.6px; height: 7.5px; background-image: url(/warehouse/temp/nofar-energy/categories-strip-arrow.svg); background-repeat: no-repeat; background-size: 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 22px; }
}


.management__one-row .grid-row { background: #f5f5f7; direction: inherit !important; align-items: center; }
.management__one-row .grid-row:nth-child(even) { flex-direction: row-reverse; }
.management__one-row .grid-rows .grid-row-text h2 { font-size: 3.5rem; font-family: 'Montserrat-SemiBold', sans-serif; margin-bottom: 20px; }
.management__one-row .grid-rows .grid-row-text h3 { font-size: 1.5rem; font-family: 'Montserrat-Medium', sans-serif; margin-bottom: 18px; }
.management__one-row .grid-rows .grid-row-text h3::before { content: ''; display: block; width: 50px; height: 4px; background-color: #ffc700; margin: 16px 0; }
.management__one-row .grid-row .grid-row-cell.grid-row-cell-text { display: flex; align-items: center; justify-content: center; width: 59.3162393162%; }
.management__one-row.grid-row-section .grid-rows { max-width: 1170px; }
.management__one-row .grid-row li.slider-item { padding-bottom: 94.32773109243698%; }
.management__one-row .grid-row-cell.flexslider-box { width: 40.68376068376068%; }
.management__one-row .grid-row + .grid-row { margin-top: 80px; }
.management__one-row .grid-rows .grid-row-text ul { list-style: none; display: flex; padding: 0; align-items: center; margin: 66px 0 0; }
.management__one-row .grid-rows .grid-row-text { max-width: 85%; }
.management__one-row .grid-rows .grid-row-text ul li { margin-right: 10px; }
.management__one-row { margin-bottom: 80px; }
.management__one-row .grid-rows .grid-row-text ul li > a:hover > img { background-color: #ffc701; }
.management__one-row .grid-rows .grid-row-text ul li > a > img { border-radius: 50%; transition: .35s ease-in-out; }




@media(max-width: 767px) {
    .management__one-row .grid-row-cell.flexslider-box, .management__one-row .grid-row .grid-row-cell.grid-row-cell-text { width: 100%; }
    .management__one-row .grid-rows .grid-row-text h2 { font-size: 2.4rem; }

    .management__one-row .grid-rows .grid-row-text { padding: 40px 25px; max-width: 100%; margin: 0; }
    .management__one-row .grid-row + .grid-row { margin-top: 20px; }
    .management__one-row .grid-rows .grid-row-text ul { margin-top: 16px; }
}

.section__story.grid-text-section { padding-bottom: 110px; }
.section__story .grid-text { max-width: 1250px; margin: 0 auto; display: flex; flex-direction: column-reverse; }
.section__story .grid-text.gridTextWithImg .grid-text-content { position: static; transform: none; max-width: 832px; width: 100%; padding: 0; }
.section__story .section-title h2 { font-size: 7.7rem; font-family: 'Montserrat-SemiBold', sans-serif; color: #4f2ced; line-height: 1.22; letter-spacing: 3.08px; }
.section__story .grid-text h2 { font-family: 'Montserrat-Medium', sans-serif; font-size: 1.9rem; line-height: 1.4; margin-bottom: 28px; }
.section__story .gridTextImgContainer { margin-top: 66px; }
.section__story .grid-text .gridText2 ul { margin-top: 27px; }
.about__story.grid-text-section { padding-top: 88px; padding-bottom: 120px; }

@media(max-width: 767px) {
    .section__story.grid-text-section { padding-bottom: 80px; }
    .section__story .section-title h2 { font-size: 3.6rem; letter-spacing: 1.2px; }
    .about__story.grid-text-section { padding-top: 54px; padding-bottom: 84px; }
}


#allSectionsWrapper .about__team .grid-boxes .grid-box-title h3 { font-size: 100%; margin: 0; }
#allSectionsWrapper .about__team .grid-box { font-size: 100%; margin: 0; }
#allSectionsWrapper .about__team .grid-boxes { max-width: 1166px; text-align: start; gap: 7.05128205128%; padding-top: 0; }
#allSectionsWrapper .about__team .grid-boxes .grid-box-title h3 { font-family: 'Montserrat-SemiBold', sans-serif; font-size: 2.1rem; }
#allSectionsWrapper .about__team .grid-box-title { display: block; margin-bottom: 10px; }
#allSectionsWrapper .about__team .grid-boxes .grid-box-subtitle:not(.button) { font-family: 'Montserrat-Medium', san-serif; margin-bottom: 20px; line-height: 1.2; }
#allSectionsWrapper .about__team .grid-boxes .grid-box-subtitle.button { font-family: 'Montserrat-Medium', sans-serif; font-size: 1.3rem; text-decoration: underline; color: #4f2ced; }
#allSectionsWrapper .about__team .grid-box-fulltext { margin-bottom: 12px; }
#allSectionsWrapper .about__team .grid-box-fulltext a { margin-right: 5px; }
#allSectionsWrapper .about__team .grid-box { margin-bottom: 83px; width: 28.63247863247863%; padding: 0; }
#allSectionsWrapper .about__team .grid-boxes .grid-box-image { margin-bottom: 30px; padding-bottom: 100%; }
#allSectionsWrapper .about__team .grid-boxes .grid-box-image img { width: 100%; }
#allSectionsWrapper .about__team .grid-boxes::before, #allSectionsWrapper .about__team .grid-boxes::after { content: none; }

#allSectionsWrapper .about__team .grid-box-fulltext a:hover > img { background-color: #ffc701; }
#allSectionsWrapper .about__team .grid-box-fulltext a > img { border-radius: 50%; transition: .35s ease-in-out; }

@media(max-width: 767px) {
    #allSectionsWrapper .about__team .grid-box { width: 50%; }
    #allSectionsWrapper .about__team .grid-boxes { max-width: 1160px; text-align: start; padding: 0; }
    #allSectionsWrapper .about__team .grid-box { width: 46.607669616519175%; margin-bottom: 40px; }
    #allSectionsWrapper .about__team .grid-boxes { gap: 6.78466076696%; }
    #allSectionsWrapper .about__team .grid-boxes .grid-box-image { margin-bottom: 15px; }
    #allSectionsWrapper .about__team .grid-boxes .grid-box-title h3 { font-size: 1.7rem; line-height: 1.2; }
    #allSectionsWrapper .about__team .grid-box-title { margin-bottom: 1px; }
    #allSectionsWrapper .about__team .grid-boxes .grid-box-subtitle:not(.button) { font-size: 1.4rem; margin-bottom: 6px; }
}

/*popup*/
#multi-content-modal.textInPop .modal-content { max-width: 620px; margin: 0 auto; padding: 35px; }
#multi-content-modal.modal .close { left: 50%; transform: translate(-50%, -100%); font-size: 16px; top: -30px; background: #fff; border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; margin: 0; }
#multi-content-modal.modal .close svg { fill: #000; display: block; width: 16px; height: 16px; }
#multi-content-modal.textInPop #PopUpData { padding: 0; max-height: 70vh; }
#multi-content-modal.textInPop #PopUpData * { direction: inherit; }
#multi-content-modal.textInPop .modal-dialog { padding: 20px; }



.popup__head { display: flex; align-items: center; margin-bottom: 27px; }
.popup__head > * { width: 50%; }
.popup__head .popup__img img { max-width: 100%; }
.popup__head .popup__title { font-size: 3.5rem; font-family: 'Montserrat-SemiBold', sans-serif; line-height: 1.2; }
.popup__head .popup__title::after { content: ''; display: block; width: 50px; height: 4px; background-color: #ffc700; margin: 16px 0; }
.popup__head .popup__subtitle { font-size: 1.5rem; font-family: 'Montserrat-Medium', sans-serif; }
.popup__head .popup__social { margin-top: 17px; }
.popup__head .popup__social a + a { margin-left: 6px; }
{ margin-top: 17px; }
.popup__head .popup__details { padding-left: 35px; margin-top: 20px; }

@media(max-width: 767px) {
    #multi-content-modal.textInPop .modal-content { padding: 20px; }
    #multi-content-modal.textInPop #PopUpData { max-height: 100vh; }

    .popup__head { flex-direction: column; align-items: flex-start; }
    .popup__head .popup__img img { max-width: 182px; }
    .popup__head > * { width: 100%; }
    .popup__head .popup__details { padding-left: 0; }
    .popup__head .popup__title { font-size: 2.4rem; }
    .popup__head .popup__title::after { margin: 9px 0; }
    .popup__head .popup__subtitle { margin: 9px 0 0; }
}

/* ESG PAGE */
.esgPage .sections > .section__data { display: none !important; }
.esgPage .section__story .grid-text, .esgPage .section__story .section-title { max-width: 837px; margin: 0 auto; text-align: start; }
.esgPage #section--buttons5 { background-color: #f5f5f7; background-image: url(/warehouse/temp/nofar-energy/desktop-bg.svg); background-size: contain; background-position: center; background-repeat: repeat; padding-bottom: 130px; }
.esgPage #section--buttons5 .grid-text .grid-text-content ul { justify-content: center; }
.esgPage #section--buttons5 .grid-text .grid-text-content { animation: none; transition: none; margin-top: 0; opacity: 1; }

@media(max-width: 767px) {
    .esgPage .section__projects .grid-rows .grid-row-text h2 { font-size: 2.6rem; }
    .esgPage #section--buttons5 { padding-bottom: 40px; }
    .esgPage .section__projects.grid-row-section { padding-bottom: 40px; }
}

/*Aboutpage*/
.aboutPage .section__projects.grid-row-section { padding-top: 120px; }

@media(max-width: 767px) {
    .aboutPage .section__projects.grid-row-section { padding-top: 84px; }
    .aboutPage .section__projects .grid-rows .grid-row-text h2 { font-size: 2.3rem; }
}

/*Projects page*/
.projectsPage .section__projects.grid-row-section { padding-top: 0; padding-bottom: 0; }

/* Worldwide Page*/
.worldwidePage .FooterForm.form-container-wide { display: none; }

.worldwidePage #lobbyview { text-align: center; }
.worldwidePage #lobbyview #lobbyText { max-width: 630px; }
.worldwidePage #lobbyview h2::after { content: ''; display: block; margin: 24px auto 0; width: 50px; height: 4px; background-color: #ffc700; }


/*CAREERS */
.careersPage:not(.contentInnerPage) footer { margin-top: 0; }
.careersPage:not(.contentInnerPage) #GridPromo { display: none; }
.careersPage:not(.contentInnerPage) #GridContent { width: 100% !important; }
.careersPage .grid-short-box-image { padding-bottom: 0; position: static; }
.careersPage .grid-short-box-image img { display: none; }
.careersPage .grid-short-box .grid-short-box-label { padding: 0; font-size: 100%; }


.filter-loc { /* position: relative; */ /* transform: translateY(-50%); */ width: 620px; max-width: 100%; background-color: #fff; border-radius: 30px; border: 1px solid #4f2ced; font-family: 'Montserrat-Medium', san-serif; margin: 0 auto; overflow: hidden; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); }
.filter-list { list-style: none; padding: 0; margin: 0; display: none; }
.filter-list li { padding: 15px 27px; cursor: pointer; transition: .35s ease; user-select: none; }
.filter-list li.selected { pointer-events: none; display: none; }
.filter-list li:hover { background: #f1eefe; }
.filter-selected { padding: 20px 27px; line-height: 1.3; position: relative; cursor: pointer; }
.filter-selected::after { transform: translateY(-50%) rotate(-180deg); }
.careersPage .filter-container { z-index: 1; position: relative; /* left: 50%; */ /* transform: translateX(-50%); */ /* padding: 0 18px; */ width: 100%; }
.careersPage:not(.contentInnerPage) #pageview { text-align: center; }
.filter-open { text-align: center; padding-top: 57px; padding-bottom: 26px; font-size: 1.1rem; letter-spacing: 1.19px; line-height: 1.8; }
.filter-selected::after { content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 25px; width: 11.2px; height: 8px; background-image: url('/warehouse/temp/nofar-energy/location-dropdown.svg'); background-size: 100%; background-repeat: no-repeat; }
.filter-selected::before { content: ''; display: inline-block; width: 15px; height: 19px; margin-right: 15px; vertical-align: middle; background-image: url(/warehouse/temp/nofar-energy/location-icon.svg); background-size: 100%; background-repeat: no-repeat; }
.careersPage:not(.contentInnerPage) #pageview { padding: 0 18px 70px; }
.careersPage #pageview #headline { margin-bottom: 3px; text-align: inherit; }
.careersPage #pageview h2 { font-size: 1.9rem; line-height: 1.37; font-family: 'Montserrat-SemiBold', sans-serif; }
.careersPage #pageview h2::after { content: ''; display: block; width: 50px; height: 4px; background: #ffc700; margin: 20px auto; }
.careersPage:not(.contentInnerPage) #pageview #text1 { max-width: 600px; text-align: inherit; }
.careersPage #pageview #text1 p:last-child { margin-bottom: 0; }

.careersPage .grid-short-box:hover .grid-short-box-link::after { background-color: #ffc700; }
.careersPage .grid-short-box-link::after { content: ''; display: block; width: 24px; height: 24px; border: 1px solid #ffc700; border-radius: 50%; margin-left: 20px; background-image: url(/warehouse/temp/nofar-energy/arrow-right.svg); background-position: 50% 50%; background-size: 6px 10px; background-repeat: no-repeat; transition: .35s ease; }
.careersPage .grid-short-box-link { position: absolute; top: 50%; transform: translateY(-50%); right: 25px; display: flex; align-items: center; pointer-events: none; }
.careersPage .grid-short-box { background-color: #fff; margin: 0; box-shadow: 0 0 10px 0 rgb(0 0 0 / 4%); border: solid 1px rgba(190, 186, 201, 0.43); position: relative; text-align: start; padding: 43px 25px 36px 50px; }
.careersPage .grid-short-box::before { content: ''; width: 20px; height: 100%; background: rgba(79, 44, 237, 0.08); position: absolute; left: 0; top: 0; bottom: 0; }
.careersPage #gridshort-view .flex-row > div { width: 100%; margin-bottom: 14px; float: none !important; padding: 0; }
.careersPage .grid-short-box .grid-short-box-label { font-size: 1.9rem; font-family: 'Montserrat-SemiBold', san-serif; line-height: 1.05; }
.careersPage .grid-short-box-subtitle { font-size: 1.4rem; line-height: 1.43; margin-top: 2px; }
.careersPage .grid-short-box-link > a { display: none; }
.careersPage .grid-short-box-link::before { content: 'VIEW & APPLY'; font-size: 1.3rem; color: #220071; font-family: 'Montserrat-SemiBold', san-; letter-spacing: 1.56px; }
.careersPage #gridshort-view { position: relative; background-color: #f5f5f7; padding: 0px 18px 100px; }
.careersPage:not(.contentInnerPage) .layout-2sides-right #GridWrapInner { max-width: 100%; }
.careersPage #gridshort-view .flex-row { max-width: 1000px; margin: 0 auto; }


.careersPage.contentInnerPage #pageview h2::after { margin-left: 0; }
.careersPage.contentInnerPage #pageview #text1 { max-width: 100%; text-align: inherit; }
.careersPage.contentInnerPage #pageview #text1 ul { list-style-position: inside; padding-left: 0; }
.careersPage.contentInnerPage #pageview #text1 h3 { font-size: 1.9rem; font-family: 'Montserrat-SemiBold', sans-serif; margin-top: 0; margin-bottom: 15px; }
.careersPage.contentInnerPage .layout-2sides-right #GridWrapInner { position: relative; max-width: 1180px; }
.careersPage.contentInnerPage #SiteGrid.layout-2sides-right #GridPromo { position: sticky; top: 85px; height: auto; align-self: flex-start; width: 28.000000000000004% !important; padding: 0 15px; }
.careersPage.contentInnerPage #SiteGrid.layout-2sides-right #GridContent { padding-left: 15px; padding-right: 10%; }

.careersPage.contentInnerPage #pageview { max-width: 660px; }
.careersPage.contentInnerPage #SiteGrid.layout-2sides-right #GridContent { width: 72%; }
.careersPage .FooterForm.form-container-wide { display: none; }

.careersPage.contentInnerPage #GridPromo #DynamicFormObject .dynamicFormObjectField, #DynamicFormObject .dynamicFormObjectSubmit { float: none; padding: 0; }
.careersPage.contentInnerPage #GridPromo .normal-form input[type="text"] { border-color: #a6abb9; color: #a6abb9; font-size: 1.5rem; padding: 0 0 8px; }
.careersPage.contentInnerPage #GridPromo .normal-form .must input[type="text"] { padding-left: 16px; }
.careersPage.contentInnerPage #GridPromo .normal-form input::placeholder { color: #626262; text-transform: uppercase; font-size: 1.3rem; }
.careersPage.contentInnerPage #GridPromo #DynamicFormObject.normal-form .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { text-align: start; color: #4f2ced; }
.careersPage.contentInnerPage #GridPromo #DynamicFormObject .dynamicFormObjectField .input-wrapper { margin-bottom: 25px; }
.careersPage.contentInnerPage #GridPromo .FileUploaderField:after { content: none; }
.careersPage.contentInnerPage #GridPromo .normal-form .must::before { left: 0; }
.careersPage.contentInnerPage #GridPromo .dynamicFormEndText { text-align: right; font-size: 1rem; color: #626262; text-transform: lowercase; }
.careersPage.contentInnerPage #GridPromo #DynamicFormObject { border-width: 7px 1px 1px; border-color: #4f2ced; border-style: solid; padding: 35px 35px 25px; margin: 0; max-width: 100% !important; background-color: #fff; }
#DynamicFormObject .checkboxField label { margin: 0; font-size: 1.2rem; font-family: 'Montserrat-Regular', sans-serif; /* color: #333040; */ letter-spacing: -0.48px; line-height: 1.3; text-align: inherit; margin-left: 10px; }
.careersPage.contentInnerPage #GridPromo #DynamicFormObject .dynamicFormObjectField.checkboxField { display: flex; align-items: flex-start; margin-bottom: 25px; }
.careersPage.contentInnerPage #GridPromo .normal-form input[type=submit] { width: 100%; font-size: 1.2rem; }
.careersPage.contentInnerPage #GridPromo .dynamicFormObjectField.FileUploaderField::after { content: ''; background-image: url(/warehouse/temp/nofar-energy/attach-icon.svg); width: 20px; height: 20px; position: absolute; top: 50%; right: 0; left: auto; transform: translateY(-50%); background-size: 100%; background-repeat: no-repeat; background-position: center; }
.careersPage.contentInnerPage #GridPromo .dynamicFormObjectField.FileUploaderField { position: relative; }
.careersPage.contentInnerPage #text1 ul { list-style: none; }
.careersPage.contentInnerPage #text1 ul li::before { content: ''; display: inline-block; width: 7px; height: 7px; background-color: #4f2ced; margin-right: 20px; border-radius: 10px; }
.careersPage.contentInnerPage #text1 ul li { padding-left: 27px; text-indent: -27px; }
.careersPage.contentInnerPage #text1 ul li + li { margin-top: 10px; }
.careersPage.contentInnerPage #DynamicFormObject .dynamicFormObjectFields { margin-bottom: 17px; }

@media(max-width: 767px) {
    .filter-selected { padding-top: 15px; padding-bottom: 15px; }
    .filter-loc { top: -25px; }
    .filter-list li { padding-top: 10px; padding-bottom: 10px; }
    .filter-open { padding-top: 45px; padding-bottom: 17px; font-size: 1rem; line-height: 1.3; }
    .careersPage:not(.contentInnerPage) #pageview { text-align: start; }
    .careersPage #pageview h2::after { margin: 16px 0; }
    .careersPage .grid-short-box-link { position: static; transform: none; margin-top: 35px; }
    .careersPage #gridshort-view { padding-bottom: 70px; }
    .careersPage .grid-short-box .grid-short-box-label { font-size: 1.5rem; }
    .careersPage .grid-short-box-subtitle { font-size: 1.2rem; }
    .careersPage .grid-short-box-link::before { font-size: 1rem; }
    .careersPage .grid-short-box-link::after { margin-left: 10px; width: 20px; height: 20px; }
    .careersPage .grid-short-box { padding: 27px 15px 20px 30px; }
    .careersPage .grid-short-box::before { width: 13px; }

    .careersPage.contentInnerPage #GridPromo #DynamicFormObject { padding: 25px; }


    .careersPage.contentInnerPage .layout-2sides-right #GridWrapInner { flex-direction: column; }
    .careersPage.contentInnerPage #SiteGrid.layout-2sides-right #GridContent,
    .careersPage.contentInnerPage #SiteGrid.layout-2sides-right #GridPromo { width: 100% !important; padding: 0 18px; }
    .careersPage.contentInnerPage #SiteGrid.layout-2sides-right #GridPromo { margin-top: 45px; }
    .careersPage.contentInnerPage #GridPromo .normal-form input[type=submit] { padding-right: 12px; padding-left: 12px; background-position-x: 93% !important; }
    .careersPage.contentInnerPage #text1 ul li { padding-left: 19px; text-indent: -19px; }

    .careersPage.contentInnerPage #text1 ul li::before { margin-right: 12px; }
}

/*custome tamplates css*/
/**State page**/
#contentModuleNav { display: none; }
.state-info { max-width: 830px; text-align: left; margin: auto; padding-bottom: 80px; }
.state-info .state-headline { font-family: 'Montserrat-SemiBold'; text-transform: capitalize; }
.state-info .state-headline h2, .state_headline h3 { margin: 0; position: relative; }
.state-info .state-headline h2 { font-size: 234%; color: #1f1e24; }
.state-info .state-headline h3 { padding-top: 10px; margin-top: 0; font-size: 127%; color: #0d0c10; }
.state-info .state-headline h3::after, .gallery-headline h2::after { content: ''; display: block; width: 50px; height: 4px; background: #ffc700; margin: 20px 0; }

.state-cubes { padding-bottom: 80px; }
.state-cubes .grid-boxes { max-width: 1235px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.state-cubes .grid-boxes > .grid-box { width: calc(50% - 17.5px); margin-bottom: 25px; text-align: left; }
.state-cubes .grid-box-title { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.state-cubes .grid-boxes .grid-box-title h3 { font-family: 'Montserrat-SemiBold', sans-serif; font-size: 7rem; margin: 0; color: #220071; line-height: .8; }
.state-cubes .grid-boxes .grid-box-title span { font-size: 2.1rem; font-family: 'Montserrat-SemiBold', sans-serif; color: #220071; line-height: 1; }
.state-cubes .grid-box-fulltext { font-family: 'Montserrat-Regular', sans-serif; font-size: 1.6rem; line-height: 1.25; color: #7f828a; border-top: 1px solid #ffc700; padding-top: 12px; position: relative; flex: 1 0 100%; text-align: start; margin-top: 13px; }
.state-cubes .grid-box-fulltext::before { content: ''; width: 50%; height: 2px; position: absolute; top: -3px; background-color: #ffc700; }

.state-innerProjects-gallery { padding: 80px 0; background: #f9f9fa; }
.state-innerProjects-gallery .gallery-headline { font-family: 'Montserrat-SemiBold'; text-transform: capitalize; }
.state-innerProjects-gallery .gallery-headline h2 { font-size: 234%; text-align: center; position: relative; color: #1f1e24; }
.state-innerProjects-gallery .gallery-headline h2::after { margin: 30px auto 35px; }

/*if has 1 item */
.state-innerProjects-gallery .innerProjects-cubes-wrapper.single-item { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.state-innerProjects-gallery .innerProjects-cubes-wrapper.single-item .project-wrapper.single-box { width: 50%; }

/*if has only 2 cubes*/
.state-innerProjects-gallery .innerProjects-cubes-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1235px; margin: auto; gap: 30px; }
.state-innerProjects-gallery .innerProjects-cubes-wrapper .project-wrapper { width: 100%; /*max-width: 572px;*/ overflow: hidden; margin: 0; }
.state-innerProjects-gallery .project-image { width: 100%; height: auto; }
.state-innerProjects-gallery .project-image img { width: 100%; object-fit: cover; }
.state-innerProjects-gallery .project-desc h3 { font-size: 127%; font-family: 'Montserrat-Medium'; text-transform: capitalize; color: #0d0c10; line-height: 26px; margin-bottom: 0; }
.state-innerProjects-gallery .project-desc span { font-size: 100%; color: #333040; line-height: 22px; text-transform: capitalize; }

/*if has more then 3 cubes - slick gallery*/
.project-wrapper { width: 660px; margin: 0 15px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
.project-wrapper:not(.slick-center) { transform: scale(0.9); }

@media(min-width: 1024px) {
    button.slick-prev.slick-arrow { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #f9f9fac4; height: 100%; border: none; width: 94px; padding: 0; z-index: 1; }
    button.slick-next.slick-arrow { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #f9f9fac4; height: 100%; border: none; width: 94px; padding: 0; z-index: 1; }

    span.right-arrow, span.left-arrow { position: absolute; left: 50%; top: calc(50% - 20px); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 44px; height: 44px; background-repeat: no-repeat; background-size: cover; }
    span.right-arrow { background-image: url('/warehouse/dynamic/329594.svg'); }
    span.left-arrow { background-image: url('/warehouse/dynamic/329593.svg'); }
}

@media(max-width: 767px) {
    .state-info, .state-cubes { padding: 0 20px 80px; }

    .state-cubes .grid-boxes .grid-box-title h3 { font-size: 2.5rem; }
    .state-cubes .grid-boxes .grid-box-title span { font-size: 1.2rem }
    .state-cubes .grid-box-fulltext { font-size: 1.2rem; line-height: 1.67; }

    .state-innerProjects-gallery .innerProjects-cubes-wrapper.single-item .project-wrapper.single-box { width: 100%; }

    .state-innerProjects-gallery .innerProjects-cubes-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .state-innerProjects-gallery .gallery-headline h2 { font-size: 200%; }
    .project-wrapper { width: 75vw; margin: 0; }
}

.innerProjects-cubes-wrapper .project-wrapper:not(.slick-center) { transform: none; }

/**Project Page**/
.project-cubes.state-cubes .grid-boxes .grid-box { width: calc(33% - 15px); }
.project-cubes.state-cubes .grid-boxes .grid-box .grid-box-image { padding-bottom: 0; }
.project-cubes.state-cubes .grid-box-fulltext.blue-border { border-top: 1px solid #4f2ced; }
.project-cubes.state-cubes .grid-box-fulltext.blue-border::before { background-color: #4f2ced; }

.gallery-innerProjects span.right-arrow, .gallery-innerProjects span.left-arrow { top: 50%; }

.more-projects-wrapper { padding-top: 100px; max-width: 1270px; margin: auto; }
.more-projects-wrapper .projects-navigation { position: relative; }
.more-projects-wrapper span.nav-label { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); font-family: 'Montserrat-SemiBold'; font-size: 234%; }
.more-projects-wrapper .projects-navigation .relatedProjectWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.more-projects-wrapper .projects-navigation .relatedProjectWrapper img { max-width: 330px; }

.nextProject, .prevProject { margin-top: 5px; text-transform: capitalize; color: #4f2ced; font-family: 'Montserrat-Medium'; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.nextProject { -webkit-box-align: start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; }
.prevProject { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.dot-holder { position: relative; }
.nextProject .dot-holder::after { content: ''; width: 29px; height: 29px; border-radius: 100%; background: #ffd91c; position: absolute; right: -12px; top: 50%; transform: translate(0, -50%); transform-origin: center; transition: .35s ease; z-index: -1; }
.prevProject .dot-holder::after { content: ''; width: 29px; height: 29px; border-radius: 100%; background: #ffd91c; position: absolute; left: -12px; top: 50%; transform: translate(0, -50%); transform-origin: center; transition: .35s ease; z-index: -1; }
.topImg:hover .prevProject .dot-holder::after, .topImg:hover .nextProject .dot-holder::after { transform: translate(0, -50%) scale(1.30); }
.prevProject .dot-holder svg { max-width: 150px; }
.nextProject .dot-holder svg { max-width: 117px; }

@media(max-width: 767px) {
    .project-cubes { padding-top: 30px; }
    .project-cubes.state-cubes .grid-boxes .grid-box .grid-box-image img { width: 50%; }

    .dot-holder { display: none; }
    .nextProject { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
    .prevProject { -webkit-box-align: start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; }
    .more-projects-wrapper { padding-top: 60px; }
    .more-projects-wrapper span.nav-label { font-size: 200%; position: relative; transform: none; left: unset; top: unset; display: block; margin-bottom: 25px; }
    .more-projects-wrapper .projects-navigation .relatedProjectWrapper img { max-width: 45vw; }
}




/*Copy from investors*/
/*InvestorsRelations*/
.investors-relations { max-width: 1170px; margin: auto; }
.investors-table { border: solid 1px rgba(79, 44, 237, 0.16); }
.investors-table-row { border-top: solid 1px rgba(79, 44, 237, 0.16); }
.investors-table-row.investors-table-th { display: flex; padding: 10px 20px; background: #000; }
.investors-table-row.investors-table-th > .investors-table-td { color: #fff; }
.investors-table-row.investors-table-th > .investors-table-td:nth-child(1) { width: 140px; }
.investors-table-row.investors-table-th > .investors-table-td:nth-child(2) { flex-grow: 1; }
.investors-table-row.investors-table-th > .investors-table-td:last-child { margin-left: auto; margin-right: 0; width: 110px; }

.investors-table-row-headline { display: none; }

.investors-table-row-inner { width: 100%; display: flex; padding: 20px; align-items: center; }
.investors-table-row-inner > .investors-table-td-date { margin-right: 60px; }
.investors-table-row-inner > .investors-table-td-name { flex-grow: 1; }
.investors-table-row-inner > .investors-table-td-download { margin-left: auto; }
.investors-table-td-download a { position: relative; width: 100%; }
.investors-table-td-download .investors-btn-text { display: none; }
.investors-table-td-download a span.svg { background-image: url(/warehouse/dynamic/319480.svg); background-size: cover; background-repeat: no-repeat; width: 26px; height: 25px; display: block; margin-left: auto; }

.investors-table-row:not(.investors-table-th):nth-child(odd) .investors-table-row-inner { background: #ccc; }
.investors-table-row:not(.investors-table-th):nth-child(even) .investors-table-row-inner { background: #eee; }

@media(max-width: 767px) {
    #gridshort-investors-relations { padding: 0 20px; }
    .investors-table { border: none; }
    .investors-table-row { margin-bottom: 20px; }
    .investors-table-row-headline { display: flex; justify-content: space-between; padding: 15px; background: #000; color: #fff; }
    .investors-table-row-inner { flex-direction: column; padding: 15px; }
    .investors-table-row-inner .investors-table-td-date { display: none; }
    .investors-table-row-inner .investors-table-td-download,
    .investors-table-row-inner .investors-table-td-name { width: 100%; margin: 0; padding: 0; position: relative; }
    .investors-table-row-inner .investors-table-td-name { padding-bottom: 15px; text-align: left; }

    .investors-table-td-download a { border: 1px solid #4f2ced; border-radius: 50px; padding: 10px; line-height: 1; display: flex; align-items: center; justify-content: center; gap: 5px; font-size: 94%; background: #fff; font-family: 'Montserrat-Medium', sans-serif; text-transform: uppercase; }
    .investors-table-td-download .investors-btn-text { display: inline-block; color: #3b0199; }
    .investors-table-td-download a span.svg { display: inline-block; vertical-align: middle; background-image: url(/warehouse/dynamic/319483.svg); width: 12px; height: 16px; margin: 0; }

    #LobbyModule .info_numbers .grid-box.last-update-item { margin-bottom: 35px; }
}
/*<!--for site use--!>*/
.investors-table-row.investors-table-th { font-size: 1.7rem; font-family: 'Montserrat-Medium', sans-serif; text-transform: uppercase; background: #3b0199; }
.investors-table-row:not(.investors-table-th):nth-child(odd) .investors-table-row-inner { background: #fff; }
.investors-table-row:not(.investors-table-th):nth-child(even) .investors-table-row-inner { background: #f6f4fb; }
.investors-table-row-inner { font-family: 'Montserrat-Regular'; font-size: 1.5rem; text-align: left; }
.investors-table-td:nth-child(1) { color: #220071; }
.investors-table-td:nth-child(2) { color: #333040; }
.investors-table-row.investors-table-th { color: #fff; text-align: left; }

@media(max-width: 767px) {
    .investors-table-row-headline { background: #3b0199; padding: 8px 15px; font-size: 1.4rem; text-transform: uppercase; }
}