/*-----global-----*/
a {
    color: #1e2640;
}
@font-face {
  font-family: 'MBR';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(../fonts/MBR.woff2) format('woff2'), url(../fonts/MBR.ttf) format('truetype'), url(../fonts/MBR.woff) format('woff'), url(../fonts/MBR.otf) format('otf');
}
@font-face {
  font-family: 'Thin';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(../fonts/thin.woff2) format('woff2');
}
@font-face {
  font-family: 'Parisienne';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(../fonts/Parisienne-Regular.ttf) format('truetype');
}
:root {
  --gold: linear-gradient(123deg, #C1A66E 30.38%, #ECCB88 49.94%, #CCB075 70.71%);
  --gold-hover: linear-gradient(123deg, #C1A66E 20%, #ECCB88 40%, #CCB075 80%);
  --silver: linear-gradient( 3deg, #dedede, #ffffff 15%, #dadada 21%, #dddddd 24%, #dedede 36%, #ffffff 45%, #dddddd 60%, #dedede 72%, #ffffff 80%, #dedede 84%, #a1a1a1 );
}
/*-----main template layourt-----*/
.view-content img {
	max-width: 100%;
	height: auto;
}

#header .region, #top-bar .region, #menu .region, #featured .block .text-formatted, #messages .region, #main-wrapper, .region-bottom .block > div:not(.contextual), #footer .region {
	margin: 0 auto;
    position: relative;
    /*height: 100%;*/
}


.icon, body {
    font-family: 'MBR';
    color: #072a2e;
}
#block-name p {
	margin: 0;
	font-size: 14px;
	color: #fff;
}
#block-name {
	float: left;
}

#header {
	background-color: #fff;
	position: sticky;
	top: 0;
	z-index: 2;
	box-shadow: 0 2px 2px 0 #0000001A;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	width: 100%;
}
.region-header {
    display: flex;
    justify-content: space-between;
    /*line-height: 90px;*/
}
#block-mbr-headergroup {
    display: flex;
    justify-content: space-between;
}
#block-languageswitcher {
	margin-right: 48px;
}
.golden-molding {
    height: 25px;
    background: var(--silver);
    position: relative;
}
.molding-inner {
    background-image: url(/themes/custom/mbr/images/molding.svg);
    background-repeat: repeat-x;
    height: 25px;
}
.block-language .is-active {
    display: none;
}
img.language-icon {
    border-radius: 12px;
    display: block;
    width: 24px;
    height: 24px;
}
.block-language li {
    list-style: none;
}
.region-header ul {
    padding: 0;
    margin: 0;
}
a.language-link {
    display: block;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    height: 24px;
}
#block-mbr-main-menu li.menu-item {
    margin-right: 36px;
}
#featured {
	position: relative;
	top: 0;
	z-index: 1;
    overflow: hidden;
}
.region-header {
    z-index: 1;
}
.blazy .media, .slide__content {
	position: relative;
}
.toggler, .search-block-form .button {
    font-family: 'MBR';
}
#messages {
	margin: 20px 0;
}
/**************************main*****************************/
.path-frontpage h2, h1 {
	background: var(--gold, linear-gradient(123deg, #C1A66E 30.38%, #ECCB88 49.94%, #CCB075 70.71%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: 'Parisienne';
	font-weight: normal;
	text-align: center;
	margin: 0;
}

.path-frontpage h3{
	background: var(--gold, linear-gradient(123deg, #C1A66E 30.38%, #ECCB88 49.94%, #CCB075 70.71%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 24px;
	font-weight: normal;
	margin: 0;
    line-height: 48px;
}
.path-frontpage #main {
	background: linear-gradient(180deg, #D2D4DC 0%, #EDEDEE 86.91%, #F8F8F8 95.6%);
}
.path-frontpage #main-wrapper {
	background-image: url(/themes/custom/mbr/images/medical.webp);
	background-position: right;
	background-repeat: no-repeat;
	min-height: 718px;
}
[dir="rtl"] .path-frontpage #main-wrapper {
	background-position: left;
}


.path-frontpage #block-mbr-content {
	background: #fff;
	width: 30%;
	padding: 30px;
	box-sizing: border-box;
    position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.region.region-content {
	height: 100%;
}

#block-nellibanner {
	background: linear-gradient(30deg, #DFE0E4, #C2C3BD);
}
#block-nellibanner .text-formatted {
	background-image: url(/themes/custom/mbr/images/nelli_transp.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right;
    color: #fff;
}
#block-nellibanner::after {
	content: " ";
	display: block;
	height: 2px;
	background: var(--gold);
}
#block-frontdiamonds .text-formatted {
	background-color: #fff;
}
#block-frontdiamonds .block-inner {
    background-image: url(/themes/custom/mbr/images/diamonds.jpg);
	background-repeat: no-repeat;
	background-position: left center;
    background-size: contain;
}

.search-block-form {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.search-block-form .button {
	background-color: #E7F1EB;
	border: 0;
	border-radius: 0 3px 3px 0;
	height: 30px;
	width: 30px;
	position: absolute;
	top: 0;
	right: 0;
    text-align: center;
    padding: 0;
}
input[id^="edit-keys"] {
    border: 1px solid #E7F1EB;
    border-radius: 3px;
    height: 30px;
    padding: 0;
    box-sizing: border-box;
    padding-left: 3px;
    line-height: 30px;
    width: 352px;
}


.menu a {
    text-decoration: none;
    color: #000;
    text-shadow: 0 0 2px #fff;
    font-size: 24px;
}
.menu {
	padding: 0;
	display: block;
	margin: 0;
}
.menu li {
	list-style: none;
	display: inline-block;
}

/*#messages {
	margin-top: 10px;
}
.path-frontpage #featured {
    background-color: #D2D4DC;
}*/

#main-wrapper {
	display: flex;
}
/*#main {
	margin-top: 10px;
}*/
/*********slider*********/
.block-caption {
	text-align: right;
	width: 45%;
	top: 50%;
	position: relative;
	transform: translateY(-50%);
	margin-left: auto;
	font-size: 16px;
}
.slide__media {
	height: 0;
}
.discover {
	font-family: 'Thin';
	font-weight: bold;
}

.block-caption .text {
	line-height: 28px;
}
.cta {
	margin-top: 36px;
}
.btn, .button {
    display: inline-block;
    background: var(--gold);
    padding: 0 48px;
    text-decoration: none;
    color: #fff;
    border: 2px solid #fff;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    transition: 0.5s linear;
}
.btn:hover, .button:hover {
    background: var(--gold-hover);
    text-shadow: 0 0 2px rgba(0,0,0,0.5);
}

.germany {
	font-family: 'Thin';
	font-weight: bold;
}


.slide--caption--center .slide__caption {
	margin-top: 0 !important;
	color: #fff;
	text-shadow: 0 2px 6px #000;
	font-size: 32px;
}
.btn.cta {
	display: inline-block;
	background-color: #fff;
	padding: 10px 32px;
	text-decoration: none;
	text-shadow: none;
	font-size: 20px;
	box-shadow: 0 2px 8px -2px #000;
}
.views-field-title {
	font-weight: bold;
}
.slide--caption--center .views-field-title {
	font-size: 46px;
}
/*********picks*********/
.path-frontpage .node__content {
	text-align: center;
	line-height: 28px;
}
.path-frontpage .view-content a {
	text-decoration: none;
}
.region-bottom .block:not(#block-frontquadro) {
	padding: 30px 0;
}
.region-bottom h2 {
	text-align: center;
	margin: 0;
    padding-bottom: 30px;
}
#block-views-block-front-page-picks-block-1 {
	background-image: url(/themes/custom/mbr/images/picks_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
}
.view-front-page-picks {
	display: flex;
	padding: 30px 0;
}
.view-front-page-picks .view-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
    width: 100%;
}
.view-front-page-picks .views-row {
	width: 49%;
	text-align: center;
	background: #fff;
	box-sizing: border-box;
	border: 1px solid #ccc;
	margin-left: 1%;
	height: 49.3%;
	padding: 48px;
	display: flex;
	align-content: center;
	justify-content: space-between;
	flex-direction: column;
}
[dir="rtl"] .view-front-page-picks .views-row{
    margin-left: 0;
    margin-right: 1%;
    
}
.view-front-page-picks .views-row:first-of-type {
	margin-bottom: 1%;
}
.view-front-page-picks .view-header img {
	display: block;
}

/*********bestsellers*********/

#block-views-block-front-page-bestsellers-block-1 {
	background-color: #F0F0F0;
}
.view-front-page-bestsellers {
	padding: 36px 0;
}
.view-front-page-bestsellers .view-filters ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	display: flex;
    justify-content: space-between;
	height: 80px;
	line-height: 80px;
    background-color: #F6F6F6;
}
.view-front-page-bestsellers .bef-exposed-form .form--inline > .form-item{
    float: none;
}
.bef-link--selected, .tabs__tab .is-active, .block-views-blockrelated-products-block-1 h2{
    background: var(--gold, linear-gradient(123deg, #C1A66E 30.38%, #ECCB88 49.94%, #CCB075 70.71%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.bef-link {
	text-decoration: none;
}
.view-front-page-bestsellers .form--inline .form-item{
    margin: 0;
}
.view-front-page-bestsellers .view-filters li {
	padding: 0 16px;
	text-align: center;
}
.view-front-page-bestsellers .view-content {
	display: flex;
	width: 100%;
	text-align: center;
	justify-content: space-evenly;
}

.view-front-page-bestsellers .views-row {
	width: 16%;
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
}
/*********four blocks*********/
.full {
	display: flex;
    justify-content: space-between;
}
.half {
	width: 50%;
	padding: 20px;
	box-sizing: border-box;
}
.full .half {
	background-repeat: no-repeat;
	height: 533px;
	display: flex;
	align-items: center;
}
.best .text, .sun .text {
	padding-left: 50%;
	text-align: right;
}
.nelli .text, .perfect .text {
	padding-right: 40%;
}
.full .text p {
    min-height: 64px;
} 
.best {
	background-image: url(/themes/custom/mbr/images/best.jpg);
}
.perfect {
	background-image: url(/themes/custom/mbr/images/perfection.png);
	background-position: right;
	background-color: #F3F4F4;
}
.sun {
	background-image: url(/themes/custom/mbr/images/spf.png);
	background-position: left;
	background-color: #F3F4F4;
}
.nelli {
	background-image: url(/themes/custom/mbr/images/nelli.png);
	background-position: right;
}
#block-frontquadro {
	margin: 32px 0;
}
/*********testimonials*********/
.slick--view--testimonials .slick__slide {
	padding: 20px;
	box-sizing: border-box;
}
#block-views-block-testimonials-block-1 {
	/*background-color: #F5F9FF;*/
	text-align: center;
}
#block-views-block-testimonials-block-1{
    background-image: url(/themes/custom/mbr/images/testim.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
#block-views-block-testimonials-block-1 .slide__content {
	padding: 20px;
	height: 240px;
	background: #fff;
    box-sizing: border-box;
}
#block-views-block-testimonials-block-1 .slick-track {
	height: 300px;
}
#block-views-block-testimonials-block-1 .views-field-body {
	min-height: 128px;
}
#block-views-block-testimonials-block-1 .views-field-title{
    color: #c1a66e;
}
#block-views-block-testimonials-block-1 .slick-dots li.slick-active button::before {
	opacity: .75;
	color: #c1a66e;
}
/*********footer*********/
#footer {
	
	/*background-image: url(/themes/custom/mbr/images/footer_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;*/
    color: #1F1F1F;
    background-color: #014a1c;
}
#footer .footer {
  padding: 30px 0;
  color: #9DA8A8;
}
#footer .footer a {
  color: #ddd;
  text-decoration: navajowhite;
}

.footer--bottom {
	/*background-color: rgba(0,0,0, 0.5);
	color: #fff;*/
	padding: 20px 0;
    text-align: center;
    background-color: #013c16;
    color: #FFFFFF;
}
.region-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
div#block-copyright .text-formatted {
	text-align: center;
}
#mobile-bar{
    display: none;
}
#menu {
	height: 44px;
	line-height: 44px;
}
#menu .menu-item {
	margin-right: 24px;
}
/*-----front page-----*/
h3 a {
	display: block;
	border-bottom: 1px solid;
	text-decoration: none;
}
.group-wrapper {
	display: flex;
	justify-content: space-between;
    flex-wrap: wrap;
}
.view-categories .views-row {
	margin-bottom: 14px;
}
/*-----ingredient list-----*/
.category-ingredients .view-header {
	margin-bottom: -30px;
}
.category-ingredients .view-header h2 {
	display: inline-block;
	margin-bottom: -20px;
	margin-left: 20px;
	position: relative;
	background: #fff;
	padding: 5px;
	color: #333;
}
.category-ingredients .view-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	box-shadow: 1px 1px 4px -1px #999;
	padding: 0 20px 20px 20px;
	margin: 20px 0;
}
.category-ingredients .views-row {
	width: 31%;
    margin-top: 20px;
    background: #faf6fb;
    padding: 10px;
    color: #101010;
    box-shadow: 1px 1px 4px -3px #101010;
}
.category-ingredients .views-field-field-image {
	float: right;
	margin-left: 10px;
}
.category-ingredients .views-field-body {
	text-align: justify;
    margin-top: 10px;
}
.adsbygoogle {
	background: #faf6fb;
	text-align: center;
	box-shadow: 1px 1px 4px -3px #101010;
}
/*-----ingredient-----*/
.field--name-field-active-ingredient .field__item {
	display: inline-block;
	margin-right: 20px;
}
.view-ingredient-groups .group-wrapper {
	text-align: center;
}
.view-ingredient-groups .group-wrapper > div{
    margin-bottom: 20px;
}
.all-buttons a {
  display: inline-block;
  background-color: #E7F1EB;
  color: #fff;
  padding: 6px 10px;
  border-radius: 3px;
  text-decoration: navajowhite;
}
.all-buttons a:hover {
  box-shadow: 0 0 6px -1px #E7F1EB;
  text-shadow: 0 0 2px #000;
}
.all-buttons {
	text-align: center;
}
.view-ingrediet-products .view-content {
	display: flex;
	flex-wrap: wrap;
}
.view-ingrediet-products .views-row {
	width: 20%;
	margin-bottom: 24px;
	padding: 5px;
    box-sizing: border-box;
}
.field--name-body > p:first-of-type {
	margin-top: 0;
}
div#block-managedad {
    margin-top: 20px;
}
.layout__region--first:empty {
  display: none;
}
.layout__region--first:empty ~ .layout__region--second {
  flex: 0 1 100%;
}
.qa-image {
	float: right;
}
.paragraph--type--q-a::after {
	content: " ";
	display: block;
	clear: both;
}
.layout--twocol-section .block-layout-builder > div > div:first-of-type/*, .block-field-blocknodeingredientfield-tags > div > div:first-of-type, .block-field-blocknodeingredientfield-see-also > div > div:first-of-type */{
	font-weight: bold;
    margin-top: 15px;
}
.layout--twocol-section .block-layout-builder > div > div > div/*, .block-field-blocknodeingredientfield-tags > div > div > div, .block-field-blocknodeingredientfield-see-also > div > div > div*/, .view-active-ingredients .views-row {
	display: inline-block;
	margin-right: 5px;
}
.layout--twocol-section .block-layout-builder > div > div > div:not(:last-of-type)::after/*, .block-field-blocknodeingredientfield-tags > div > div > div:not(:last-of-type)::after, .block-field-blocknodeingredientfield-see-also > div > div > div:not(:last-of-type)::after*/, .view-active-ingredients .views-row:not(:last-of-type)::after{
	content: ",";
}
.layout--twocol-section {
	margin-bottom: 15px;
}
.field-content:empty, views-field-description__value:empty{
    display: none;
}
figcaption {
	text-align: center;
	font-style: italic;
	font-weight: bold;
}
article img{
    height: auto;
    max-width: 100%;
}
/****************internal***************/
.text-full, .form-text, .form-email {
	border-image: var(--gold);
	border-width: 1px;
	border-style: solid;
	border-image-slice: 1;
	min-height: 30px;
	line-height: 30px;
	padding: 0 8px;
	box-sizing: border-box;
}
.contact-message-feedback-form, #contact-blocks {
    max-width: 740px;
    margin: 0 auto;
}
#contact-blocks {
	display: flex;
	justify-content: space-between;
	text-align: center;
	margin-bottom: 20px;
}
.c-block {
    width: 30%;
}
#contact-blocks .icon {
  font-size: 48px;
  color: #C1A66E;
}
#contact-blocks .text {
	margin: 14px 0px;
}
#contact-blocks a {
  color: #C1A66E;
}
.form-type-textfield, .form-type-email {
    display: flex;
    line-height: 30px;
    justify-content: space-between;
}
.form-actions {
    display: flex;
    justify-content: space-evenly;
}
.form-textarea-wrapper {
    margin-top: 15px;
}
.visually-hidden {
    width: 0;
    display: none;
    height: 0;
    padding: 0;
    margin: 0;
}
#block-contact {
    padding-left: 15px;
    text-align: right;
    line-height: 36px;
}
body:not(.path-frontpage) #main {
	margin-bottom: 20px;
}

/****************sidebar***************/
aside h2 {
	color: #014a1c;
	margin-top: 0;
	padding: 0;
	font-size: 22px;
} 

#sidebar {
	background-color: #F6F6F6;
	padding: 15px;
	box-sizing: border-box;
}
#sidebar:empty {
	display: none;
}
aside a {
	color: #013c16;
	text-decoration: none;
    font-weight: bold;
}
aside .views-row {
	margin-bottom: 20px;
}
/****************proucts list***************/
.view-products {
	margin-top: 20px;
}
.grouping {
	position: relative;
	display: flex;
	flex-direction: row;
	margin: 20px 0;
	border-bottom: 2px solid #fff;
}
.grouping:last-of-type {
	border: 0;
	margin-bottom: 0;
}
.sticky {
	position: sticky;
	top: 160px;
    color: #014A1C;
}
.listings{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 75%;
}
.view-collection-products .view-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.view-products .views-row {
	width: 31%;
	text-align: center;
	background-color: #fff;
	margin-bottom: 2.5%;
	padding: 24px;
	box-sizing: border-box;
	box-shadow: 0 0 14px -14px #000;
}
.group {
	width: 25%;
	padding-right: 24px;
	text-align: right;
	padding-bottom: 20px;
	box-sizing: border-box;
}
.block-system-breadcrumb-block {
    padding: 10px;
}
.view-products a{
    text-decoration: none;
}
.path-products #content, .path-taxonomy #content {
	background-color: #F6F6F6;
	padding: 20px;
}
.vocabulary-collection {
	text-align: center;
}