﻿/* INIT CSS */
@import url('../../fonts/Montserrat-Medium/Montserrat-Medium-special.css');

/*Remove default top line*/
#header2 ul.menu li > a:focus, header.shopHeader #header2 ul.menu li.has-sub.open a, header.shopHeader #header2 ul.menu li > a:hover { border-color: inherit; }
/*inherit header color*/
#header2 ul.menu li, #header2 ul.menu li:hover, .grid-boxes .grid-box-title h3 a { color: inherit; }
/* Remove focus border & opacity */
#header2 ul.menu li a:focus { border-width: 0; opacity: 1; }
/* Remove space from owl-gallery arrows*/
.owl-carousel .owl-nav div { font-size: 0; }
/* Remove banner /categories strip from accessability page*/
.accessabilityMainPage #GridTop { height: auto; overflow: hidden; }
.accessabilityMainPage .categories-strip, #header2 .menu-nav .closed { display: none !important; }
/* Fix credit footer */
footer { padding: 0; }
#SiteFooter { padding: 0; float: none; border-top: solid 1px rgba(79, 44, 237, 0.16); }
#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; line-height: 1; float: none; }
#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; }
/* Gridboxes fixes*/
/* Remove Gridcontent float */
#GridContent { float: none; }
/*Close opened floats*/
.shopLayout::after, .subTotalInner::after, .cartWrapper::after { content: ''; display: table; clear: both; }
/* DynamicForm fixes*/
.select-wrapper, .textarea-wrapper, .input-wrapper { position: relative; }
.normal-form input, .normal-form textarea, .normal-form select { padding: 5px 10px; }
/* remove borders*/
#DynamicFormObject { border: none; max-width: 100% !important; }
.grid-rows .grid-row-text p { line-height: 1.5; font-size: 75%; }
/*fix items layout*/
.itemsList.row { display: flex; flex-wrap: wrap; }
.itemsList.row::before, .row:before, .row:after, #header2 ul.menu > li:before,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields:after,
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after, #DynamicFormObject:after, #header2 ul.menu > li::before,
#header .social-links a:focus:after, #header2 .header-top-left a:focus:after { content: none; }
.row { margin: 0; }
.grid-rows { max-width: 1140px; margin: auto; }
/*remove text-decoration */
.blog-tags-list ul li.blog-tag a:focus { text-decoration: none; }
/*remove lobby max-width padding*/
.lobby-grid #GridPage .max-width { padding: 0; width: 100%; }
/*fixed textarea width*/
.normal-form input, .normal-form textarea, #DynamicFormObject input[type=submit] { width: 100%; max-width: 100%; }
/*inherit*/
.grid-text .grid-text-content { direction: inherit; text-align: left; padding: 0; width: 100%; max-width: 800px; margin-left: 0; }
.grid-text { max-width: 1220px; margin: auto; padding: 0 15px; }
.grid-text p { margin-top: 0; font-size: 75%; }
/*reset lobby*/
#LobbyModule .grid-box, #lobbyview .grid-box { font-size: 100%; }
#LobbyModule .grid-boxes, #lobbyview .grid-boxes { display: flex; flex-wrap: wrap; padding: 80px 0; max-width: 1245px; }
#LobbyModule .grid-box, #lobbyview .grid-box { margin: 0 0 40px 0; }
/*remove min-width*/
#GridTop .top-caption { min-width: 0; top: 50%; text-align: center; }
/*reset sections */
.section-title h1, .section-title h2 { max-width: 100%; }
/*remove inline*/
.grid-box-title { display: block; }
.grid-text-section .section-title { max-width: 1220px; margin: 0 auto; padding: 0 15px; }
/*remove model open padding */
.modal.fade { padding: 0 !important; }
/*remove outline */
.grid-text .sec-button:focus { outline: none; }
.pagination > li > a { width: 43px; height: 43px; }
#header #header-center-kdm a.lang:focus, .grid-boxes .box-image-animation:focus, .grid-boxes .grid-box-title h3 a:focus { outline: none; }
/*remove text-decoration */
.blog-tags-list ul li.blog-tag a:focus { text-decoration: none; }
.site-credit.alternative { padding: 10px 0; }
/*fix languages*/
#header2 .header-top-right a.lang:focus { border-bottom: inherit; }
#header2 .header-top-right a.lang { background: initial; }
/*fix header*/
#header2 ul.menu li .menu-sub a { float: none; }
#header2 ul.menu li.active { color: inherit; background: inherit; }
#header2 ul.menu .menu-sub li { float: none; display: block; color: inherit; font-size: 100%; margin-bottom: 0; }
#header2 ul.menu .menu-sub li + li { margin-top: 10px; }
#header2 .menu-sub { float: none; text-align: inherit; background: inherit; }
#header2 ul.menu .menu-sub li:hover { color: #ffd91c; }
.gallery-container { width: 100%; }
#home-gallery .slider-bg.stellar-bg { height: 100% !important; }
.grid-rows .grid-row { background-color: initial; }
#SiteGrid.layout-bottom #GridPromo { max-width: 100%; padding: 0 15px; margin: 0; }
#SiteGrid.layout-bottom #GridContent { text-align: inherit; }
#text1, #text2 { text-align: inherit; max-width: 100%; }
.grid-rows .grid-row-text, .grid-rows .grid-row-text a, .section-title { margin: 0; }
.grid-rows .grid-row-text h2, .section-title h2 { margin: 0; display: flex; align-items: center; font-size: 385%; font-family: var(--MSB); text-transform: uppercase; }
.grid-rows .grid-row-text h3, .grid-text h2 { font-size: 95%; margin-bottom: 25px; font-family: var(--MSB); }
.grid-row li.slider-item { padding-bottom: 74%; }
#GridPage .max-width { width: 100%; max-width: 100%; }
#text1 p:last-child { margin-bottom: 0; }
.sections .section { padding: 0; margin: 0 auto; max-width: unset; overflow: hidden; }
#GridPage { padding: 40px 0 70px; padding-top: 0; }
#GridPage::before, section.cubes::before { content: ""; position: absolute; inset: 0; background-image: url(/warehouse/dynamic/319845.svg); background-size: 100%; background-repeat: repeat; z-index: -1; }
section.cubes::before { z-index: 0; }
#GridWrapInner { padding-top: 80px; }
#PageBreadCrumps, .lobby-grid #PageBreadCrumps { max-width: unset; padding: 20px 10px 10px; font-size: 60%; font-family: var(--MSR); letter-spacing: 1.5px; }
#PageBreadCrumps > span:last-child { color: #a6abb9; }
#PageBreadCrumps span:after { content: "/"; margin: 0 5px; opacity: 0.8; }
.grid-boxes .box-image-animation:hover img { transform: none; }
/* fixed: video container ratio 16:9 */
#videoContainer { position: relative; margin-top: 15px; margin-bottom: 15px; }
#videoContainer::before { content: ''; display: block; padding-top: 56.25%; }
#videoContainer > iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; padding: 0 15px; }

@media(max-width: 767px) {
    .sections .section { margin: 0 20px; }
    /*#GridPage { background-image: url(/warehouse/dynamic/319723.svg); }*/
}

:root { --MSB: 'Montserrat-SemiBold'; --MSR: 'Montserrat-Regular'; --MSL: 'Montserrat-Light'; --MSM: 'Montserrat-Medium'; }

/*Generals*/
body { font-size: 20px; }
html { font-size: 62.5%; }
/*body { font-size: 1.5rem; }*/

span.stroked { -webkit-text-stroke: 1px #4f2ced; color: transparent; padding-right: 8px; }
.grid-row-text h2, .section-title h2 { color: #4f2ced; }
.top-caption { font-family: var(--MSB); text-transform: uppercase; }
.top-caption h1 { font-size: inherit; }
#GridTop { margin: 10px 10px 0 }
#GridTop::after { content: ''; position: absolute; inset: 0; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.15; }
.menu-tags-list { width: 100%; }
label.error, span.error { font-size: 70%; }

/*NavigationStip*/
.categories-strip { background: #fff; color: #000; position: relative; height: 58px; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #4f2ced !important; border-top: none !important; margin: 0 10px; -webkit-box-shadow: 0 0 15px 0 rgb(0 0 0 / 4%); border: solid 1px rgba(190, 186, 201, 0.43); padding-bottom: 2px; }
.categories-strip ul { width: 100%; display: inline-flex; justify-content: center; }
.categories-strip ul li { padding: 0; font-family: var(--MSR); }
.categories-strip ul li:first-child { display: none; }
.categories-strip ul li.active { width: auto; height: auto; background: transparent; }
.categories-strip ul li a { padding: 20px 25px; font-size: 80%; }
.categories-strip ul li.active a, .categories-strip ul li:hover a { background: #4f2ced; color: #fff; text-decoration: none; }
.categories-strip ul li:hover a { background: transparent; color: #4f2ced; }

/*Header*/
#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; }

/*new header*/
/*Header*/
#header2 { background-color: transparent; color: #3b0199; padding: 0; }
#header2 #header-container { justify-content: space-between; direction: rtl; align-items: center; }
#header2 .menu-nav { height: inherit; margin-top: 0; }
#header2.detailsInRow .header-top { display: none; }
#header2 .header-right-section { background-color: #fff; height: 80px; padding: 0 15px; font-size: 70%; }
#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; color: #fff; }
#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; text-transform: capitalize; }
#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; text-transform: uppercase; }
    #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; }
    #header2 ul.menu li > a { font-size: 100%; }
}


/*CompanyProfile*/
.company_profile .grid-rows .grid-row { direction: ltr !important; display: flex; align-items: center; justify-content: space-between; }
.company_profile .grid-rows .grid-row-text { width: 100%; }
/*.company_profile .grid-rows .grid-row > div { padding: 0 25px; margin: 0 -25px; }*/

.company_profile .box-image-animation img { width: 90%; }
.company_profile .grid-boxes .grid-box-image-container, .company_profile .grid-row .grid-row-image-container, .company_profile .grid-short-box-image .image-container { right: auto; }

/*InfoNumbers*/
#LobbyModule .info_numbers .grid-box, #lobbyview .info_numbers .grid-box { pointer-events: none; padding: 0 30px; }
.info_numbers .grid-box-image { display: none; }
.info_numbers .grid-box { display: flex !important; flex-wrap: wrap; align-items: flex-end; }
.info_numbers .grid-box-title { margin: 0; display: flex; order: 1; width: auto; line-height: normal; }
.info_numbers .grid-box-fulltext { margin: 0; display: flex; width: auto; order: 2; line-height: normal; align-items: flex-end; font-size: 105%; color: #220071; font-family: var(--MSR); }
.info_numbers .grid-box-subtitle { margin: 10px 0 0; display: flex; order: 3; width: 100%; flex-grow: 1; border-top: 1px solid #ffc700; position: relative; padding-top: 5px; font-size: 100%; }
.info_numbers .grid-box-subtitle span { text-align: left; font-size: 80%; color: #7f828a; min-height: 60px; width: 100%; }
#LobbyModule .info_numbers .grid-box-title h3 { font-size: 350%; margin: 0; color: #220071; line-height: 0.8; font-family: var(--MSB); }
.info_numbers .grid-box-subtitle::before { content: ""; width: 50%; height: 3px; position: absolute; background: #ffc700; top: -3px; left: 0; }
.stock #LobbyModule .info_numbers p.last-update, #LobbyModule .info_numbers p.last-update { padding-bottom: 20px; text-transform: uppercase; font-size: 60%; color: #7f828a; padding-bottom: 0; }
.stock #LobbyModule .info_numbers .grid-box.last-update-item, #LobbyModule .info_numbers .grid-box.last-update-item { width: 100%; margin-bottom: 0; padding-bottom: 0; }

/*ContactPage*/
/*.contactPage #GridPage { padding-bottom: 70px; }*/
.contactPage #GridWrapInner { max-width: 840px; margin: auto; }
.contactPage #subheadline { text-align: left; padding: 0 15px; font-family: var(--MSB); font-size: 100%; text-transform: capitalize; display: flex; flex-direction: column; margin-bottom: 50px; }
.contactPage #subheadline::after { content: ''; display: block; width: 51px; height: 3px; background: #ffc700; order: 3; }
.contactPage #subheadline h2 { font-size: 95%; margin-bottom: 20px; order: 2; }
.contactPage #subheadline h3 { font-size: 175%; margin: 0; margin-bottom: 1%; order: 1; }

fieldset { padding: 0 20px 40px; }
.form-container-wide #DynamicFormObject { padding: 0; display: flex; flex-direction: column; align-items: center; width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 0; margin: 0; width: 100%; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.04); border: solid 1px rgba(190, 186, 201, 0.43); background-color: #fff; }
.form-container-wide #DynamicFormObject .dynamicFormEndText { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 75%; text-transform: uppercase; margin: 0; padding: 10px; color: #fff; background: #3b0199; text-align: left; padding-left: 40px; margin-bottom: 55px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField):not(.checkboxField) { width: 33%; padding: 0 10px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; padding: 0 10px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { padding: 0 0 0 10px; text-align: left; width: max-content; display: flex; align-items: center; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 190px; position: relative; margin-top: 6px; padding: 0 10px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 35px; width: 8px; height: 9px; background-image: url('/warehouse/dynamic/319865.svg'); background-repeat: no-repeat; filter: invert(1); }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit::after { filter: invert(0); }

.normal-form input, .normal-form select, .normal-form textarea { width: 100%; max-width: 100%; border: none; border-bottom: 1px solid #a6abb9; border-radius: 0; box-shadow: none; font-size: 60%; padding: 10px 15px; }
.normal-form textarea { border: 1px solid #a6abb9; }
.normal-form .must::before { left: 7px; top: 0; }
.normal-form input:focus { outline: none; }
.normal-form select > option:not(:checked) { color: #200991; }
.normal-form select > option:checked { color: #ffffff; background: #200991; }

#DynamicFormObject .checkboxField label { margin: 0; font-size: 60%; font-family: var(--MSR); }
#DynamicFormObject input[type=submit] { max-width: 160px; font-size: 75%; height: auto; padding: 12px 0; font-family: var(--MSM); border-radius: 50px; background: #4f2ced; border: none; }
.contactPage #DynamicFormObject input[type=submit]:hover { background: #3b0199; border: none; color: #fff; }
.contactPage .normal-form input:focus { border: none !important; border-bottom: 1px solid #3b0199 !important; box-shadow: none; }

#GridPromo #text1 { display: flex; font-size: 60%; background: #fff; box-shadow: 0 0 10px 0 rgb(0 0 0 / 4%); border: solid 1px rgba(190, 186, 201, 0.43); margin-top: 10px; padding: 12px 10px; align-items: center; }
#GridPromo #text1 p { width: auto; }
#GridPromo #text1 p img { margin-right: 5px; width: 18px; height: 18px; }
#GridPromo #text1 p:not(:last-of-type):after { content: ""; display: inline-block; vertical-align: middle; height: 25px; width: 1px; background: rgba(190, 186, 201, 0.43); margin: 0 20px; }

/*InvestorsRelations*/
/*<!--generic for story--!>*/
.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; border: solid 1px rgba(190, 186, 201, 0.43); }
    .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: var(--MSM); 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: 85%; text-transform: uppercase; font-family: var(--MSM); 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-size: 75%; font-family: var(--MSR); 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-family: var(--MSR); font-size: 70%; text-transform: uppercase; }
}


/*InvestorsRelation*/
section.cubes { background: #f5f5f7; }
.investorRelation #LobbyModule .grid-content-section.cubes .grid-boxes { max-width: 1245px; }
.sections .section.lastUpdate { padding-bottom: 20px; text-transform: uppercase; font-size: 80%; color: #7f828a; }
#LobbyModule .grid-content-section.cubes .grid-boxes .grid-box { padding: 0 40px; }
#LobbyModule .grid-content-section.cubes .grid-boxes .grid-box.lastItem { margin-bottom: 0; }
#LobbyModule .grid-content-section.cubes .grid-boxes .grid-box .boxwrapper { border: solid 1px rgba(166, 160, 184, 0.43); transition: all 0.3s ease; }
#LobbyModule .grid-content-section.cubes .grid-boxes .grid-box .boxwrapper:hover .grid-box-subtitle a { letter-spacing: 2.6px; }
#LobbyModule .grid-content-section.cubes .grid-boxes .grid-box .boxwrapper:hover { box-shadow: 0 5px 35px 0 rgb(0 0 0 / 8%); border: solid 1px #4f2ced; }
#LobbyModule .grid-content-section.cubes .grid-boxes .grid-box-image { padding-bottom: 45%; background: #fff; margin-bottom: 0; }
#LobbyModule .grid-content-section.cubes .grid-boxes .grid-box-title { background: #fff; text-align: left; padding-left: 25px; font-family: var(--MSB); color: #220071; min-height: 60px; }
#LobbyModule .grid-content-section.cubes .grid-boxes .grid-box-title h3 { font-size: 105%; }
.investorRelation #LobbyModule .info_numbers .grid-boxes { padding-bottom: 20px; }
.grid-content-section.cubes .grid-boxes .grid-box-subtitle { background: #f0edfe; text-align: left; font-size: 65%; font-family: var(--MSB); padding: 21px 25px; }
.grid-content-section.cubes .grid-boxes .grid-box-subtitle a::after { content: ""; display: inline-block; background-image: url('/warehouse/dynamic/319850.svg'); width: 26px; height: 26px; background-repeat: no-repeat; }
.grid-content-section.cubes .grid-boxes .grid-box-subtitle a,
.grid-content-section.cubes .grid-boxes .grid-box-subtitle a:hover { display: flex; justify-content: space-between; align-items: center; color: #220071; transition: 0.15s linear; }
.grid-content-section.cubes .grid-boxes .box-image-animation img { width: auto; margin-left: 25px; margin-top: 25px; }

.sections .section.headline { padding-top: 100px; }
.grid-contents:not(.headline) .section-title h2 { display: none; }
.grid-contents.headline .section-title h2 { justify-content: center; padding-bottom: 40px; }
.grid-contents .section-title, .grid-contents .investors-relations, .grid-contents .content-section-Btn { max-width: 1044px; margin: auto; }
.grid-contents .section-title h3 { color: #333040; font-family: var(--MSM); font-size: 175%; text-align: left; margin-bottom: 30px; }
.grid-contents .content-section-Btn { padding-top: 20px; text-align: right; font-family: var(--MSR); padding-right: 40px; }
.grid-contents .content-section-Btn a { font-size: 75%; color: #4f2ced; position: relative; font-family: var(--MSM); }
.grid-contents .content-section-Btn a::after { content: ''; display: block; background-image: url(/warehouse/dynamic/319871.svg); width: 103px; height: 9px; margin-left: auto; margin-right: -30px; z-index: 3; margin-bottom: 30px; }
.grid-contents .content-section-Btn a::before { content: ''; position: absolute; border-radius: 50%; width: 29px; height: 29px; right: -40px; top: 7px; background: #ffd91c; z-index: -1; transition: all 0.15s ease; }
.grid-contents .content-section-Btn a:hover:before { transform: scale(1.3); }

.sections .section.grid-form-section { margin-top: 80px; }
.grid-form-section .form-container-wide, .register #SiteGrid.layout-bottom #GridPromo.form-container-wide { max-width: 1250px; margin: auto; }
.grid-form-section #DynamicFormObject, .register .form-container-wide #DynamicFormObject { background: #3b0199; color: #fff; padding: 60px; }
.grid-form-section #DynamicFormObject::before, .register .form-container-wide #DynamicFormObject::before { content: ""; position: absolute; left: 20px; top: 0; background-image: url('/warehouse/dynamic/319646.svg'); background-repeat: no-repeat; background-size: 100% 100%; width: 233px; height: 154px; }
.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields, .register #DynamicFormObject .dynamicFormObjectFields { border: none; background: transparent; max-width: 80%; z-index: 1; }
.grid-form-section .form-container-wide #DynamicFormObject .top-form, .register .form-container-wide #DynamicFormObject .top-form { display: none; }
.grid-form-section #DynamicFormObject .dynamicFormObjectTitleAndText, .register #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 150%; font-family: var(--MSB); margin-bottom: 35px; text-transform: uppercase; }
.grid-form-section fieldset, .register fieldset { padding: 0; }

.grid-form-section .normal-form input::placeholder, .grid-form-section .normal-form input, .register .normal-form input::placeholder, .register .normal-form input { font-size: 80%; color: #fff; font-family: var(--MSR); }
.grid-form-section .normal-form input:focus, .register .normal-form input:focus { border: none !important; box-shadow: none !important; border-bottom: 1px solid #fff !important; }
.grid-form-section #DynamicFormObject input[type=submit], .register #DynamicFormObject input[type=submit] { background: #ffc700; color: #000; border: none; }
.grid-form-section #DynamicFormObject input[type=submit]:hover, .register #DynamicFormObject input[type=submit]:hover { background: #ffd91c; border: none; }

.normal-form input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid; padding: 0; display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; width: 15px !important; height: 15px !important; margin-top: 0; margin-right: 5px; }
.normal-form input[type=checkbox]:checked { background: #ffc700; border-radius: 0; background-image: url('/warehouse/dynamic/319634.svg'); background-repeat: no-repeat; background-size: 100% 100%; }
.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField, .register .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { display: inline-flex; align-items: center; }
.grid-form-section .normal-form input[type=checkbox]:focus, .register .normal-form input[type=checkbox]:focus { border-bottom: none !important; outline: none !important; outline-offset: unset; border: 1px solid #fff !important; }

@media(max-width: 767px) {
    .grid-form-section #DynamicFormObject, .register #GridPromo #DynamicFormObject { padding: 50px 15px; }
    .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields, .register .form-container-wide #DynamicFormObject .dynamicFormObjectFields { max-width: 100%; }
    .grid-form-section #DynamicFormObject::before, .register #DynamicFormObject::before { display: none; }
    .grid-form-section #DynamicFormObject input[type=submit], .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit,
    .register #DynamicFormObject input[type=submit], .register .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; max-width: 100%; line-height: 1.2; }
    .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField, .register .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { margin: 20px 0; align-items: flex-start; }
    .grid-form-section #DynamicFormObject .dynamicFormObjectTitleAndText, .register #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: 15px; }
}

/*StockPage*/
.stock-wrapper { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; max-width: 1240px; margin: auto; }
.stock-content { width: 100%; }
.tradingview-widget-copyright { display: none; }
.stock-content iframe { display: block; min-height: 570px; }
.stock-title { font-size: 350%; font-family: var(--MSB); line-height: 1; margin-bottom: 25px; color: #220071; display: none; }

@media(max-width: 767px) {

    .stock-wrapper { flex-direction: column; }
    .stock-content { padding: 0px; }
    .stock-title { font-size: 175%; }

    .stock #LobbyModule .info_numbers .grid-boxes { padding: 40px 0; }
}


/* 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: 65%; 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; }
.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; }

@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: 55%; 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%; }
}



/*floating Form*/
.stickyButton { background: #ffc700; width: 150px; border-radius: 25px; padding: 10px 5px; box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.24); -webkit-box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.24); }
.stickyButton a::after { content: 'updates'; display: inline-block; font-family: var(--MSB); text-transform: uppercase; font-size: 75%; }
.stickyButton a { display: flex; justify-content: space-evenly; color: #000; }

@media(max-width: 991px) and (min-width: 768px) {
    .categories-strip ul li a { white-space: nowrap; }
    .company_profile .grid-rows .grid-row { flex-direction: column; }
    .company_profile .grid-rows .grid-row > div { margin: -25px 0; padding: 25px 0; }
}

@media(max-width: 767px) {
    #GridWrapInner { padding-top: 50px; }
    #GridPage { padding-bottom: 40px; }
    .lobby-grid #PageBreadCrumps { padding-top: 15px; }
    #header2 #header-left img { width: auto; }
    #header2.fixedMenu.bg.internalPageBg { background: #fff; }
    .top-caption { font-size: 125%; }
    .mobile-strip { padding: 0; }
    .categories-strip { display: block; height: auto; margin: 0 20px; padding-bottom: 0; }
    .categories-strip ul { flex-direction: column; }
    .categories-strip ul li:first-child { display: block; }
    .mobile-strip .select-wrapper li.strip-item { color: #000; }
    .top-mobile-strip > span { font-size: 100%; width: 100%; text-align: left; background: #4f2ced; color: #fff; padding-left: 20px; }
    .mobile-strip:after { color: #fff; content: ''; background-image: url(/warehouse/dynamic/320079.svg); background-repeat: no-repeat; background-size: cover; font-family: none; width: 13px; height: 8px; font-size: 0; top: 25px; right: 22px; -webkit-transition: transform 0.15s linear; }
    .mobile-strip.open:after { transform: rotate(180deg); }
    .categories-strip ul li a { padding: 10px; }
    .top-mobile-strip span:first-child { display: none; }
    .categories-strip ul li.active a, .categories-strip ul li:hover a { background: transparent; color: #000; }

    .company_profile #GridWrapInner { padding-top: 40px; }
    .company_profile #LobbyModule .info_numbers .grid-boxes, .company_profile #lobbyview .info_numbers .grid-boxes { padding: 40px 0; }
    .company_profile .grid-rows .grid-row { display: flex !important; flex-direction: column-reverse; }
    .company_profile .grid-rows .grid-row > div { padding: 0; margin: 0; }
    .company_profile .box-image-animation img { width: 100%; }
    .grid-text-section .section-title, .grid-text { padding: 0; }
    .grid-rows { max-width: 100%; }
    .company_profile #LobbyModule .info_numbers .grid-box:nth-child(2),
    .company_profile #LobbyModule .info_numbers .grid-box:nth-child(3) { order: 1; }

    #LobbyModule .info_numbers .grid-boxes, #lobbyview .info_numbers .grid-boxes { padding: 0 0 40px 0; }
    #LobbyModule .grid-content-section.cubes .grid-boxes .grid-box-title h3 { margin: 0; padding-top: 15px; font-size: 80%; }
    .grid-rows .grid-row-text h2, .section-title h2 { font-size: 150%; padding-bottom: 5px; }
    #LobbyModule .info_numbers .grid-box-title h3 { font-size: 125%; }
    .info_numbers .grid-box-fulltext { line-height: 1; font-size: 75%; font-family: var(--MSM); margin-top: 5px; }
    .info_numbers .grid-box { width: 50%; align-items: flex-start; }
    #LobbyModule .info_numbers .grid-box, #lobbyview .info_numbers .grid-box { padding: 0 10px; }
    .stock #LobbyModule .info_numbers .grid-box, .stock #lobbyview .info_numbers .grid-box { margin-bottom: 20px; }


    .contactPage #GridWrapInner { padding-top: 40px; }
    .contactPage #subheadline { padding: 0 20px; }
    fieldset { padding: 35px 20px; }
    #DynamicFormObject .dynamicFormObjectTitleAndText { margin: 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; margin-bottom: 0; padding-left: 35px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField):not(.checkboxField),
    .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { width: 100%; }
    #DynamicFormObject .dynamicFormObjectSubmit { text-align: left; }
    #GridPromo #text1 { flex-direction: column; align-items: flex-start; padding: 15px 10px; font-size: 70%; }
    #GridPromo #text1 p:not(:last-of-type):after { content: none; }
    #GridPromo #text1 p { padding: 5px 0; }
    #SiteGrid.layout-bottom #GridPromo { padding: 0 20px; }
    #DynamicFormObject .dynamicFormObjectField .must:before { left: 7px; }
    .normal-form textarea { min-height: 250px; }
    .normal-form input[type=checkbox] { margin-right: 8px; }
    #DynamicFormObject .checkboxField label { text-align: left; }

    .investorRelation .info_numbers .grid-box-subtitle span { min-height: 40px; font-size: 75%; }
    .investorRelation #LobbyModule .info_numbers .grid-boxes, .investorRelation #lobbyview .info_numbers .grid-boxes { padding-bottom: 0; }
    section.cubes { background: #f5f5f7; margin: 0 0 !important; }
    #LobbyModule .grid-content-section.cubes .grid-boxes .grid-box-image { padding-bottom: 80%; }
    #LobbyModule .grid-content-section.cubes .grid-boxes .grid-box { padding: 0 10px; width: 50%; margin-bottom: 10px; }
    .grid-content-section.cubes .grid-boxes .grid-box-subtitle { padding: 5px 10px; font-size: 55%; }
    .grid-content-section.cubes .grid-boxes .grid-box-subtitle a::after { background-size: 80%; background-position: center; }
    #LobbyModule .grid-content-section.cubes .grid-boxes .grid-box:nth-child(odd) { padding-right: 5px; }
    #LobbyModule .grid-content-section.cubes .grid-boxes .grid-box:nth-child(even) { padding-left: 5px; }
    .grid-content-section.cubes .grid-boxes .box-image-animation img { margin-left: 15px; }
    #LobbyModule .grid-content-section.cubes .grid-boxes .grid-box-title, .grid-content-section.cubes .grid-boxes .grid-box-subtitle { padding-left: 15px; }

    .sections .section.headline { padding-top: 50px; }
    .grid-contents .content-section-Btn { padding-top: 0px; padding-right: 50px; }
    .grid-contents.headline .section-title h2 { justify-content: flex-start; padding: 0; text-transform: uppercase; }
    .grid-contents .section-title h3 { font-size: 100%; }
    .sections .section.grid-form-section { margin: 80px 0 40px; }
    .grid-form-section .form-container-wide { margin: 0 20px; }
    .register #SiteGrid.layout-bottom #GridPromo.form-container-wide { margin: 0; }


    .stickyButton { width: auto; }
    .stickyButton a::after { display: none; }
    .stickyButton a { padding: 3px; }
}
