@charset "utf-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { /* small, strike, strong, sub, sup, tt, var, b, u, i, center,*/
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* CSS Document */
a {
	text-decoration: none;
	color: #DF002B;
	outline: none !important;
}
a:hover {
	color: #D71912;
	text-decoration: underline;
}
html {
	height: 100%;
	white-space: normal;
}
body {
	background:#fff;
	margin: 0px;
	padding: 0px;
	text-align: center;
	word-wrap: break-word;
	outline: none;
	min-height: 100%;
	color: #001391;
	background-position: top center;
	background-size: auto;
	position: relative;
}

body.loading:after {content:""; position:fixed; width: 100%; height:100vh; left:0; top:0; background: rgba(255,255,255,0.9) url(./_images/loader.gif) 50% 50% no-repeat; transition: all 1s linear;}

.clearfix:after { /* FF, IE8, O, S, etc. */
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
}
img {display/*\**/: block; margin/*\**/: 0 auto; max-width: 100%;}

/* BEGIN FONTS */
@font-face {
  font-family: "Dr Oetker Moments Text";
  font-style: normal;
  font-weight: 400;
  src: local("☺"), 
  	url("./_fonts/DrOetkerMoments/DrOetkerMomentsTextW05-Rg.woff") format("woff"),
 	url("./_fonts/DrOetkerMoments/DrOetkerMomentsTextW05-Rg.woff2") format("woff2");
}
@font-face {
  font-family: "Dr Oetker Moments Display";
  font-style: normal;
  font-weight: 400;
  src: local("☺"), 
  	url("./_fonts/DrOetkerMoments/DrOetkerMomentsDisplayW05.woff") format("woff"),
 	url("./_fonts/DrOetkerMoments/DrOetkerMomentsDisplayW05.woff2") format("woff2");
}
@font-face {
  font-family: "Dr Oetker Moments Display";
  font-style: normal;
  font-weight: 600;
  src: local("☺"), 
  	url("./_fonts/DrOetkerMoments/DrOetkerMomentsDispW05-Md.woff") format("woff"),
 	url("./_fonts/DrOetkerMoments/DrOetkerMomentsDispW05-Md.woff2") format("woff2");
}
@font-face {
  font-family: "Dr Oetker Moments Display";
  font-style: normal;
  font-weight: 800;
  src: local("☺"), 
  	url("./_fonts/DrOetkerMoments/DrOetkerMomentsDispW05-Bd.woff") format("woff"),
 	url("./_fonts/DrOetkerMoments/DrOetkerMomentsDispW05-Bd.woff2") format("woff2");
}
@font-face {
  font-family: "Dr Oetker August Script";
  font-style: normal;
  src: local("☺"), 
  	url("./_fonts/DrOetkerAugustScript/DrOetkerAugustsScriptW05-Rg.woff") format("woff"),
 	url("./_fonts/DrOetkerAugustScript/DrOetkerAugustsScriptW05-Rg.woff2") format("woff2");
}
/* END FONTS */


body {
	font:16px/1.2 "Dr Oetker Moments Display",arial,helvetica,clean,sans-serif;
	/*"Open Sans",*/
	-webkit-text-size-adjust: none;
}
input,select,.popup-content{font-family:"Dr Oetker Moments Text",arial,helvetica,clean,sans-serif;}
.script-font {font-family:"Dr Oetker August Script",cursive; font-weight: 400; text-transform: none;}
.uc-font {text-transform:uppercase;}

.red-txt{color:#DF002B;}
.blue-txt{color:#001391;}
.white-txt{color:#fff;}
.beige-txt{color:#FAEEE1;}
.green-txt{color:#005849;}


.white-txt a{color:#fff; text-decoration: underline;}
.white-txt a:hover, 
.white-txt a:focus{color:#eee; text-decoration: none;}

h1, .hdl {
	font:16px/1.2 "Dr Oetker Moments Display",arial,helvetica,clean,sans-serif;
	padding: 0;
	margin: 0;
	margin-bottom:0.25em;
	font-size:2em;
	font-weight: bold;
	color:#001391;
	text-align: left;
}
h2, .h2 {
	font:16px/1.2 "Dr Oetker Moments Display",arial,helvetica,clean,sans-serif;
	padding: 0;
	margin: 0;
	margin-bottom:0.25em;
	font-size:1.25em;
	font-weight: bold;
	color:#DF002B;
	text-align: left;
}
h3 {
	font:16px/1.2 "Dr Oetker Moments Display",arial,helvetica,clean,sans-serif;
	padding: 0;
	margin: 0;
	margin-bottom:0.25em;
	font-size:1.125em;
	font-weight: bold;
	color: inherit;
	text-align: left;
}
p {
	font-size: 100%;
	line-height: 1.4;
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #001391;
}
ol {
	font-size: 100%;
	color: inherit;
	line-height: 1.4;
	text-indent: 0px;
	margin: 0px 0px 0px 2em;
	padding: 0px;
	text-align: left;
}
ul {
	font-size: 100%;
	color: inherit;
	line-height: 1.4;
	text-indent: 0px;
	margin: 0px 0px 0px 2em;
	padding: 0px;
	text-align: left;
	list-style-type: disc;
}
object,form {margin: 0px;padding: 0px;}

.clear {
	clear: both;
	font-size: 0px;
	height: 0px;
	line-height: 0px;
}
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear {
	zoom: 1;
}
* html .clear {
	height: 1%;
}
.hide { display: none }

.vspacer2 {height: 14px;}
.justifier {width:100%;display:inline-block; position:relative; vertical-align:middle;height:0;}
.centered { text-align:center;}

.btn1 {background-color: #001391;color: #fff;text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); 
border-radius: 0.5em;
padding: 1em;border: 0px none #fff;margin: 0;-webkit-appearance: none;
line-height:100%; cursor: pointer; width: auto; height: auto;
position: relative;display: inline-block; vertical-align: middle;
font-size:1em; font-weight: normal; text-transform: uppercase;
}
.btn1:focus, .btn1:active, .btn1:hover {background-color: #ED2D27; color: #fff !important; text-shadow: none; text-decoration: none !important;}



#overallWrapper {	
	position:relative;
	min-height: 100vh;
	background: #FAEEE1;
	overflow-x: hidden;
}

.outerContainer {
	min-width: 320px;
	position: relative;
	clear: both;
	float: none;
	display: block;
	padding: 0px;
}
.outerContainer.contact,
.outerContainer.cookies {
    padding-top: 5em;
}

.outerContainer.retete {background-color:#5ea422;}
.outerContainer.retete #tabContent { padding-bottom: 5em; background-color:#5ea422;}

.outerContainer.decoratiuni {background-color:#FAEEE1;}

.outerContainer.inscriere, .outerContainer.regulament {min-height: 45em;}
.outerContainer.produse {background-color: #FAEEE1;}
.outerContainer.video {background-color: #005b4c;padding-bottom: 4em;padding-top: 4em;}

.outerContainer.premii {background-color: #5ea422;padding-bottom: 4em;}

.innerContainer {
	width: 100%;
	max-width: 960px;
	max-width: 60em;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	clear: both;
	float: none;
	display: block;
	padding: 0;
	margin: 0px auto 0px auto;
	text-align:center;
}
.innerContainer.abs {
	max-width: 1060px !important;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0
}
.innerContainer.description {
	padding: 2em;
	width: auto;
}
.outerContainer.regulament .innerContainer p {text-align:left;}





.swingXAxis {
	animation:animSwingXAxis 4s ease infinite;
	transform: rotateX(0deg) rotateY(0deg);
	transform-style: preserve-3d;
	backface-visibility: visible; 
}
@keyframes animSwingXAxis {
   0% {transform: rotateX(0);}
  30% {transform: rotateX(0);}
  40% {transform: rotateX(-89deg);}
  50% {transform: rotateX(0deg);}
}
.swingYAxis {
	animation:animSwingYAxis 4s ease infinite;
	transform: rotateX(0deg) rotateY(0deg);
	transform-style: preserve-3d;
	backface-visibility: visible; 
}
@keyframes animSwingYAxis {
   0% {transform: rotateY(0);}
  30% {transform: rotateY(0);}
  40% {transform: rotateY(-89deg);}
  50% {transform: rotateY(0deg);}
}

@keyframes animShowBtnHover {
   0% {transform: scaleY(1);}
  50% {transform: scaleY(0.8);}
  100% {transform: scaleY(1);}
}

@keyframes animSwingPrizeHover {
   0% {transform: rotateY(0);}
  50% {transform: rotateY(-89deg);}
  100% {transform: rotateY(0deg);}
}



#header {
	position: absolute; top:0; left:0; width:100%;
	z-index: 12;
	padding: 0;
	min-height:60px; 
}
@media screen and (min-width: 960px) {
	#header {display: none;}
}

.mainIntroFlags {
	list-style: none;
	width: 100%;
	display: inline-block;
	margin: 0;
	vertical-align: middle;
	text-align: center;
	color:#fff;
}
.mainIntroFlags li { display: inline-block; margin: 0 13px; font-size: 0.9em}
.mainIntroFlags li:last-child { margin-right: 0 }
.mainIntroFlags img { width: 100%; max-width: 65px; }


#mainMenu .nl {display:none;clear:both;width:auto; height:0.25em;}
#mainMenu .mobile-only { display: none; }

#openMenuButton { display:none; z-index: 60; position: relative; border:1px solid transparent;}
#openMenuButton span.line {background-color:#005b4c; width:100%; height:3px; max-width:5em; margin:3px auto 0 auto; display:block;}
#openMenuButton.active {
    border-radius: 6px;
}
#openMenuButton .line {
	transition: all 200ms linear;
}
#openMenuButton.active .line:nth-child(1) {
 	transform: rotate(45deg) translateX(2px) translateY(4px);
}
#openMenuButton.active .line:nth-child(3) {
    transform: rotate(-45deg) translateX(5px) translateY(-6px);
}
#openMenuButton.active .line:nth-child(2) {
    opacity: 0;
}

#mainMenu {
    position: absolute;
    clear: none;
    display: block;
    font-size: 1.325em;
    line-height: 0;
    z-index: 60;
    top: 1em;
    top: 20px;
    text-align: right;
    right: 2em;
}
a.mainMenuButton, 
span.mainMenuButton {
	padding: 0.25em 1.2em;
    margin: 0.5em 0;
    color: #fff;
    background: #DF002B;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    line-height: normal;
    cursor: pointer;
	box-sizing: border-box;
	text-transform: none;
	border-radius: 0.25em;
}
a.mainMenuButton.wbg {
	background: #fff;
	color: #005849;
	box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.30);
	margin-left: 1.2em;
	margin-right: 0.2em;
	min-width: 5.5em;
}
a.mainMenuButton:hover,
a.mainMenuButton:focus,
a.mainMenuButton:active {
color:#fff; background: #005849; text-decoration:none;
  animation: animShowBtnHover 300ms ease;
 }
/*a.mainMenuButton.current { color:#001391; background: #fff; text-decoration:none;}
a.mainMenuButton.current:hover, a.mainMenuButton.current:focus {color:#001391; background: #fff; text-decoration:none;}*/



.secondary-menu {
	position:fixed;
	bottom:0;
	left:0;
	box-sizing:border-box;
	width:100%;
	background: #fff;
	z-index:13;
	box-shadow:  0px 0px 10px 0px rgba(87,55,19,0.40);
	padding: 0 5vw;
}
.secondary-menu .innerContainer {
	text-align:justify;
	line-height:0;
	margin-bottom:-1px;
}
.secondary-menu .mainMenuButton {
    font-size: 1.5em;
    text-transform: uppercase;
    background: transparent;
    margin: 0em 1%;
    color: #005849;
    padding: 0.6em 0.6em;
	border-radius: 0;
	font-weight:800;
	line-height:1;
}
@media screen and (max-width: 1200px) {
	.secondary-menu .mainMenuButton {font-size: 2.25vw;}
}
@media screen and (max-width: 959px) {
	.secondary-menu { display: none; }
	#mainMenu .mobile-only { display: block; }
}

.top-menu {
	position:absolute;
	top:1em;
	right:0;
	box-sizing:border-box;
	width:50%;
	z-index:auto;
}

.top-menu a.mainMenuButton {
	padding: 0.25em 2em;
    text-transform: none;
	font-size: 0.875em;
	color: #FAEEE1;
	margin-left: 1em;
}
/*.top-menu a.mainMenuButton.current { color:#001391; background: #fff; text-decoration:none;}
.top-menu a.mainMenuButton.current:hover, .top-menu a.mainMenuButton.current:focus {color:#001391; background: #fff; text-decoration:none;}*/
@media screen and (max-width: 959px) {
	.top-menu { display: none; }
}

.submeniuRetete {position:absolute;right:-1em;top:100%;margin-top:0.25em;background:#fafafa; box-shadow:2px 2px 4px 0px rgba(0,0,0,0.4); padding:0.5em; white-space:nowrap; text-align:right; font-size:0.925em;}
a.subMenuButton {padding:2px 0px; margin:0px 6px; background-color: transparent; color:#001391; text-decoration:none;
display:block; position:relative; line-height:normal;}
a.subMenuButton:hover, a.subMenuButton:active {color:#DF002B; text-decoration:none;}
/*a.subMenuButton.current {color:#DF002B;text-decoration:none;}*/

/*
#topMenu {position:absolute; width:auto; right:20px; top:50px; font-size:0.875em; line-height:1; text-align:right; text-transform:uppercase; z-index: 61;}
a.topMenuButton {color:#eee;text-decoration:none; white-space:nowrap; margin-right:0.5em; display:inline-block; position:relative; vertical-align:middle;}
a.topMenuButton .txt {margin-left:0.5em; vertical-align:middle; display:inline-block; position:relative; line-height:1; padding-top:0.125em;}
a.topMenuButton:hover, a.topMenuButton:active {color:#fff; text-decoration:none;}
.mainMenuButton.blue { background-color: #27a8d6; color: #fff; }
*/
  


.mainSection {/*display:none;*/}
.mainSection.shown {display:block;}
.mainSection.retete {background-color: #5ea422;}
.mainSection.retete p {color:#fff;}
.mainSection.retete a.btn1 {background-color: #005b4c;}
.mainSection.retete a.btn1:hover, 
.mainSection.retete a.btn1:focus {background-color: #e00;}

.mainSection.loading:after {content:""; position:absolute; width: 100%; height:100%; left:0; top:0; background: rgba(255,255,255,0.9) url(./_images/loader.gif) 50% 50% no-repeat; transition: all 1s linear; z-index:5;}
		
#mainContainer {
	text-align: center; position:relative; width:100%;
	/*overflow:visible; overflow-x:visible; overflow-y:visible;
	z-index: 2;*/
}

#pages {position:relative;background: #5ea422;}


.drop-in {
   	animation: drop-in 1s forwards;
    -webkit-animation: drop-in 1s forwards;
    animation-delay: 1s;
}

.drop-in-short {
   	animation: drop-in-short 1s forwards;
    -webkit-animation: drop-in-short 1s forwards;
    animation-delay: 1s;
}

.slide-in {
    animation: slide-in 1s forwards;
    -webkit-animation: slide-in 1s forwards;
}
.slide-in-w-zoom {
    animation: slide-in-w-zoom 2s forwards;
    -webkit-animation: slide-in-w-zoom 2s forwards;
}

@keyframes drop-in {
	0% { opacity: 0; transform: translateY(-20%); }
    100% { opacity: 1; transform: translateY(0%); }
}


@keyframes drop-in-short {
	0% { opacity: 0; transform: translateY(-5%); }
    100% { opacity: 1; transform: translateY(0%); }
}

@keyframes slide-in {
	0% { opacity: 0; transform: translateX(60%); }
    100% { opacity: 1; transform: translateX(0%); }
}


@keyframes slide-in-w-zoom {
	0% {transform: scale(0.4) translateX(30%); opacity: 0;}
    100% {transform: scale(1) translateX(0%); opacity: 1;}
}
    

@media screen and (min-width:800px) {
	.mapContainer .flag { width: 7%; }
	/*.mapContainer .flag.active { width: 9%; }*/
}

#mainContentOuter {
	position: relative;text-align: center;
}
#mainContentInner {position: relative; text-align: left; margin: 0px auto 0px auto;}
#section-decoratiuni #mainContainer .innerContainer {max-width:1200px;}

#mainInfo {position: relative; text-align: left; min-height:50px;}
#mainInfo h2, #mainInfo .h2 { 
	font-size: 2em;
	font-weight: 800;
    color: inherit;
    text-align: center;
	text-transform: uppercase;
}
body.lang-ru h1, body.lang-ru .hdl, body.lang-ru h3, body.lang-ru #mainMenu, body.lang-ru #accountMenu, 
body.lang-ru #mainInfo h2  {font-family: "Vollkorn",arial,helvetica,clean,sans-serif;}

#section-retetar #mainImg, #section-retetar .innerContainer.abs, #section-retetar .mainIntro {display:none;}


a.click {
	white-space: nowrap;
}

a.arr {
	background-color: transparent !important;
	background: url(_images/pfeil_klein_rot_rechts.gif) no-repeat 0 3px;
	padding-left: 10px !important;
	color: #001391 !important;
	text-decoration: none !important;
}
a.arr:hover {
	color: #D71912 !important;
	text-decoration: none !important;
}


.footerContainer {
	text-align:center;
	position:relative;
	background: #5ea422;
	font-weight: bold;
	padding: 1em 0 4em 0;
}				
.footer  {
	padding-top:5px;
	text-align:center;
}
.footer ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 92%;
	color: #fff;
}

#footerMenu {position:relative;  z-index:auto; display:inline-block; width:auto;
padding:8px 20px 12px 20px; 
font-size:1em;
text-align: center;
line-height:0;}
#footerMenu img {  display: inline-block; vertical-align: middle; }
.footer li {
	display: inline-block; position:relative; vertical-align:middle;
}

a.footerMenuButton {
	padding: 0.3em 0px;
    margin: 0px 2em;
    background-color: transparent;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    line-height: 1.25em;
}
a.footerMenuButton:hover, a.footerMenuButton:active {
 		color:#fff; text-decoration:underline;
}


.hline {
	height: 1px;
	border: 0px none #AB9678;
	border-bottom: 1px solid #AB9678;
	margin: 2px 0px 1px 0px;
}
.hline_dotted {
	height: 1px;
	border: 0px none #AB9678;
	border-bottom: 1px dotted #AB9678;
	margin: 2px 0px 1px 0px;
}

/* formtable */
.formtable {
	border: 0px none #efefef;
}
.formtable tr td {
	padding: 0px 4px;
}
.formtable label {
	display: block;
	padding: 4px 0px;
	font-size: inherit;
}
.formtable tr.alt_row td {
}
.formtable td table tr td {
	padding: 0px;
}

/*  */
.formTab {
	margin-bottom: 0.5em;
	text-align: left;
	color: #001391;
}
.formTabHeader {
	font-weight: bold;
	font-size: 100%;
	line-height: normal;
	color: #001391;
	padding: 2px 3px 2px 3px;
	border-bottom: 1px dashed #999;
}
.formTabContent {
	padding: 1em 1em 0 1em;
}
.formTabContent.noVertPadding {
	padding: 0.125em 1em;
}



.formGroup {vertical-align:top; position: relative; display: inline-block;box-sizing: border-box;
	width: 47%; text-align:left;
}
.formTabContent .formGroup:nth-child(2n+1) {
	margin-right:2%;
}
.formGroup.rMargin {margin-right:2%;}
.formGroup.wBtn {padding-top:1.25em;}
.formGroup.by3 {width: 31%; margin-right:2%;}
.formTabContent .formGroup.by3:nth-child(2n+1) {
	margin-right:2%;
}
.formTabContent .formGroup.by3:nth-child(3n+3) {
	margin-right:0;
}
.formGroup.by4 {width: 22%; margin-right:3%;}
.formTabContent .formGroup.by4:nth-child(2n+1) {
	margin-right:2%;
}
.formTabContent .formGroup.by4:nth-child(4n+4) {
	margin-right:0;
}
.formGroup.by6 {width: 15%; margin-right:1.5%;}
.formTabContent .formGroup.by6:nth-child(2n+1) {
	margin-right:1.5%;
}
.formTabContent .formGroup.by6:nth-child(6n+6) {
	margin-right:0;
}
.formTabContent label, .formTabContent .label, .formTabContent .inp {
	position: relative; display:block;
	padding: 0.25em 0px;
	font-size: inherit;
	width: 100%;
	box-sizing: border-box;
	text-align:left;
}
.formTabContent label:hover, .formTabContent label:focus {
	background-color:#FAFAFA;
}
/* form */ 
.inputtextfield {
	position: relative; display:block;
	font-weight: normal;
	line-height: normal;
	color: #666;
	margin: 0.125em 0;
	padding: 0.5em 0.5em;
	background-color: #fff;
	width: 100%;
	font-family: inherit;
	font-size: 1em;
	height: auto;
	border: 0.0675em solid #ddd;
	box-sizing: border-box;
}
.inputtextfield:focus {
	color: #001391;
	border: 0.0675em solid #999;
}
.inp_plc {position: relative; display:block;margin: 0.125em 0;padding: 0.5em 0.5em;}
.inputtextfield.w2 {
	width: 100%;
}
.textareafield {
	position: relative; display:block;
	font-weight: normal;
	color: #666;
	margin: 0.25em 0;
	padding: 0.5em;
	background-color: #fff;
	border: 0.0675em solid #ddd;
	box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,0.3);
	width: 100%;
	font-family: inherit;
	font-size:1em;
	height: 5em;
	box-sizing: border-box;
}
.textareafield:focus {
	color: #001391;
	border: 0.0675em solid #999;
}

.inputbutton, .butalike {
	font-family:"Dr Oetker Moments Display",arial,helvetica,clean,sans-serif;
	
	vertical-align: middle;
    position: relative;
    display: inline-block;
    font-size: 1.5em;
    line-height: 1em;
    margin: 0.125em 0;
    padding: 0.75em 1em;
    height: auto;
    font-weight: 800;
    cursor: pointer;
    border: 0px none #fff;
    text-transform: uppercase;
    box-sizing: border-box;
    background: #001391;
	border-radius:0.25em;
    color: #fff;
}
.inputbutton.red, .butalike.red {
	background: #DF002B;
}
.butalike.smaller {font-size:1em; padding:0.5em 1em;}
.butalike.smallest {font-size:0.825em; padding:0.35em 0.5em;}
.retetar .butalike {
    padding: 0.6em 1em;
    max-width: 17em;
    width: 100%;
    background: #DF002B !important;
    border-radius: 6px;
    border: 0;
    color: #fff;
}
.inputbutton.focus, .inputbutton:focus, .inputbutton:hover, .butalike:hover, .butalike:focus {
	color:#fff;
	text-decoration:none;
	background: #DF002B;
}
.inputbutton.red:hover,
.inputbutton.red:focus,
.butalike.red:hover,
.butalike.red:focus {
	color:#fff;
	text-decoration:none;
	background: #001391;
}
.butalike2 {
    vertical-align: middle;
    position: relative;
    display: inline-block;
    font-size: 1.5em;
    line-height: 1em;
    color: #001391;
    border-radius: 10px;
    margin: 0.125em 0;
    text-align: center;
    padding: 0.8em 1em;
    height: auto;
    font-weight: bold;
    width: 100%;
    cursor: pointer;
    border: 0px none #fff;
    text-transform: uppercase;
    /* background-color: #0D9644; */
    transition: background-color 400ms linear;
    box-sizing: border-box;
}
.butalike2:hover {
}
.iconBtn {
	font-family:"Dr Oetker Moments Display",arial,helvetica,clean,sans-serif;
	font-weight:800;
	vertical-align:middle; position: relative; display: inline-block;
	text-transform: uppercase;
	font-size: 1.125em;
	line-height: 1em;
	color: #333;
	text-decoration:none;
	height: auto;
	width: auto;
	cursor: pointer;
	border: 0px none #fff;
	box-sizing: border-box;
}
.iconBtn:hover {color:#DF002B;
	text-decoration:none;}

.selectfield {
	position: relative; display:block;
	background-color: #FFFFFF;
	color: #001391;
	font-family: inherit;
	font-size: 1em;
	margin: 0.125em 0;
	padding: 0.5em;
	height: auto;
	width: 100%;
	line-height: normal;
	border-color: #eee;
	box-sizing: border-box;
}
.selectfield:focus {border-color: #ccc;}
 .flagBtn {
	 border-radius:0;
		margin: 4px 6px;
		border-image: url(_images/red_btn_border.png);
		border-width: 0px 10px 0px 10px;
		border-image-width: 20px;
		border-image-slice: 20;
		border-image-repeat: round;
		border-image-outset: 0px 6px 0px 6px;
		border-style: solid;
	}
.nowidth {
	width: auto;
}

.hp-hdn {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;	
}


.fld_container {position:relative;}
.fld_container.checkbox-container {margin-top:0.25em;}
@media screen and (max-width:767px) {.fld_container.checkbox-container {margin-top:0.5em;}}
.showOnError {position:absolute; bottom:100%; left:0; width:100%; z-index:auto; box-sizing: border-box; padding:0.25em; color:#fff; background-color: #DF002B; text-align:left;}
.showOnError p {color:#fff; text-align:left;}
#contentFrame .showOnError p {color: #fff; text-align:left;}


.error_fld {border-color:#DF002B; box-shadow:0px 0px 5px 1px #DF002B; outline-color:#DF002B;}

.errors {
	color: #fff;
	margin: 0 0 0.5em 0;
	padding: 1em;
	background-color: #DF002B;
	font-family:"Dr Oetker Moments Text", arial, helvetica, clean, sans-serif;   
}
.errors * {
	color: #fff;
} 
.error_color {
	color: #DF002B;
}
.errors a {
	color: #fff;
}
.errors a:hover {
	color: #fff;
}

.action_message {
	margin: 0 0 0.5em 0;
	padding: 1em;
	color: #001391;
	background-color: #fff;
	font-weight:800;
	font-size:1.5em;
	font-family:"Dr Oetker Moments Text", arial, helvetica, clean, sans-serif; 
}


.datatable {
	font-family:"Dr Oetker Moments Text", arial, helvetica, clean, sans-serif; 
}
.datatable td {
	border: 0px none #bfb9b4;
	border-bottom: 1px solid #ddd;
	padding:0.25em 0;
}
.datatable th {
	border: 0px none #bfb9b4;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
	padding:0.25em 0;
}

.datatable.castigatori td {	
 	padding: 0.5em 0.5em;
	text-transform:uppercase; 
	font-size:0.875em;
}
.datatable.castigatori th {	
	background-color: #f1f1f1;
    padding: 0.5em 0.5em;
	font-size:0.875em;
}
.datatable.castigatori.marele-premiu th {	
	background-color: #DF002B;
	color: #fff;
}
.datatable.castigatori .alt_row th {
	background-color: #fcebf2;
}
.datatable.castigatori td[colspan="3"],
.datatable.castigatori td[colspan="4"] {
	font-weight:bold;
	background-color: #e7f7ec;
	color: #001391;
}
.datatable.castigatori tr.saptamanal td {
	font-weight:bold;
	color: #001391;
}
.datatable.castigatori tr.lunar td {
	font-weight:bold;	
	color: #3d9653;
}
.datatable.castigatori.marele-premiu td[colspan="3"],
.datatable.castigatori.marele-premiu td[colspan="4"] {
	font-weight:bold;
	background-color: #DF002B;
	color: #fff;
}
.datatable.castigatori tr.final td {
	font-weight:bold;	
	color: #DF002B;
}

.datatable_bordered {
	border: 0px none #ddd;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.datatable_bordered td {
	border: 0px none #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding:0.5em;
}
.datatable_bordered th {
	border: 0px none #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	font-weight: bold;
	padding:0.5em;
	background:#333;
	color: #fff;
}
.datatable_bordered .reg_row th {
	background:#F27F93;
}
.datatable_bordered .alt_row th {
	background:#F8C0C9;
}

.inlineBlock {position: relative; display: inline-block;}
.inlineBlock.middle { vertical-align: middle; }
.inlineBlock.top { vertical-align: top; }
.inlineBlock.bottom { vertical-align: bottom; }

.pink-bg {
	position:relative; background-color:#EF5771; padding: 1em; color:#fff;
}
.no-bg {
	position:relative; padding: 1em; padding-left: 0; color:#001391;
}
.blue-bg {
	position:relative; background-color:#27a8d6; padding: 1em; color:#fff;
}
.white-bg {
	position:relative; background-color:#fff; padding: 1em; color:#001391;
}
.otk-fnt {
	/*font-family: 'OetkerRO', 'Times New Roman', serif;*/
}


.beveled_border_red {
	position:relative;text-align: center; padding:0.5em; 
	background:#DF002B;
	background:
		linear-gradient(135deg, transparent 10px, #DF002B 0) top left,
		linear-gradient(225deg, transparent 10px, #DF002B 0) top right,
		linear-gradient(315deg, transparent 10px, #DF002B 0) bottom right,
		linear-gradient(45deg,  transparent 10px, #DF002B 0) bottom left;
	background-size: 51% 51%;
	background-repeat: no-repeat;
	background-image: 
		radial-gradient(circle at 0 0, rgba(204,0,0,0) 10px, #DF002B 10px),
		radial-gradient(circle at 100% 0, rgba(204,0,0,0) 10px, #DF002B 10px),
		radial-gradient(circle at 100% 100%, rgba(204,0,0,0) 10px, #DF002B 10px),
		radial-gradient(circle at 0 100%, rgba(204,0,0,0) 10px, #DF002B 10px);
}

#ghidPages {position:relative;display:block;max-width:460px;margin:0 auto;}
.sliderProduse, .sliderGhid {overflow:visible;position:relative;display:block;}
.slidesWrapper {overflow:hidden;position:relative;display:block; transition:all 0.3s linear; background:#fff; box-shadow:0px 0px 20px 0px rgba(0,0,0,0.3);}
.slide {position:relative;display:block;width:100%;}
.slide img {position:relative;display:block;margin:0 auto; height:auto;max-width:100%;}

.sliderNav {position:absolute; display:block; top:50%; text-align:center; text-decoration:none;  width:1em; height:0.75em; padding:0em 0em 0.25em 0; margin-top:-0.510em; font-size:4em; color:#001391; line-height:0.85em; z-index: auto; cursor:pointer; border: 0.05em solid #001391; border-radius:50%; text-shadow: none;box-shadow:2px 2px 2px 0px rgba(0,0,0,0.3);}
.sliderGhid .sliderNav:hover, .sliderGhid .sliderNav:active {color:#EF5771; background-color:#fff; text-decoration:none; border-color:#fff;}
.sliderNav.prevSlide {right:100%; margin-right:0.125em;}
.sliderNav.nextSlide {left:100%; margin-left:0.125em;}


@media screen and (max-width:959px) {
	
	#mainMenu {display:none;margin-top:1px; margin-right:20px; border:none; padding:6px;
	max-height:1000px; 
	max-width:100%; min-width:0px;
	white-space:normal;
	box-sizing: border-box;
	right: 2em;
	    padding-top: 3em;
	    left: 0;
	    top: 0;
	    margin: 0;
	    width: 100%;
	    height: 100vh;
	    z-index: 12;
	    background: #005b4c;
	    text-align: center;
    	position: fixed;
    	overflow-y: auto;
	}

	#openMenuButton {width:42px; padding:10px; margin-top:20px; margin-right:20px; float:none; clear:both; display:block;
	box-sizing:border-box; background-color: #fff; border-radius: 3px; 
	position: fixed; right: 0; top:0;}

	.submeniuRetete {position:relative; top:auto; right:auto; margin-top:auto; text-align:left; background:none; box-shadow:none; padding:0.25em 0 0 0.5em;}
	.mainMenuButton.openSubmenu {font-style: italic;}
	a.subMenuButton {font-style: normal; padding:0.25em 0; }
	a.mainMenuButton, span.mainMenuButton {background:none; padding:0.4em 0;}
	a.mainMenuButton:hover, a.mainMenuButton:focus {background:#DF002B; color:#fff;}
	#mainMenu .nl {display:block;clear:both;width:auto; height:0.25em; margin-top:0.25em; border-top: 1px solid #eee;}


	#headline2 {display:none;}
	.rec_home_1,
	.rec_home_2 {display:none;}
	.recomanda_home {text-align:center;}
	.recomanda_home a {display:inline-block; position:relative;min-width:51%;}
	.recomanda_home a .rec_txt {display:block; text-transform:uppercase;font-size:1.25em; line-height:1em; text-align:center; margin:0.5em auto; padding:0.5em; color:#fff !important;}
	
	
	.formGroup.by4 {width: 47%; margin-right:0%;}
	.formTabContent .formGroup.by4:nth-child(2n+1) {margin-right:5%;}
	.formTabContent .formGroup.by4:nth-child(4n+4) {margin-right:0;}
	
	.theadRow {display:none;}
	.lbl_inline {display:block; color:#999;}
	
	.formGroup.by6 {width: 31%; margin-right:2%;}
	.formTabContent .formGroup.by6:nth-child(2n+1) {margin-right:2%;}
	.formTabContent .formGroup.by6:nth-child(3n+3) {margin-right:0;}
	.formTabContent .formGroup.by6:nth-child(6n+6) {margin-right:0;}
	
	#mainImg {/*margin-top:10px;height:620px; background-size: auto 100%;*/}
	#mainImgInline {margin-top:-2vw;}
	#plicuriHeader {left:auto; bottom: 20px; right:1%; width: 25%;}	
	
	#section-decoratiuni #mainInfo {/*margin-top: -270px;*/ padding:0px;}
	a.mainMenuButton.wbg { display: none; }
	#mainMenu .nl { display: none; }
	a.mainMenuButton, span.mainMenuButton {
	    background: #fff;
	    padding: 0.25em 2em;
	    display: inline-block;
	    width: 85%;
	    margin: 4vh 2%;
	    max-width: 11em;
        color: #005849;
		text-transform: uppercase;
		font-weight: bold;
	}
}
@media screen and (max-width:767px) {

	#oetker-stripes{height:21px;}
	#oetker-stripes img{height:18px;}
	#oetker-logo {width:87px; height:63px; margin: 0 0 0 24px;}
	#oetker-logo img {height:63px;}

	
	
	
	.formGroup.by3 {width: 47%; margin-right:5%;}
	.formTabContent .formGroup.by4:nth-child(2n+1) {margin-right:5%;}
	.formTabContent .formGroup.by3:nth-child(3n+3) {margin-right:0%;}
	.formGroup.by4 {width: 47%; margin-right:0%;}
	.formTabContent .formGroup.by4:nth-child(2n+1) {margin-right:5%;}
	.formTabContent .formGroup.by4:nth-child(4n+4) {margin-right:0;}	
	.formGroup.by6 {width: 47%; margin-right:0%;}
	.formTabContent .formGroup.by6:nth-child(3n+3) {margin-right:0;}
	.formTabContent .formGroup.by6:nth-child(6n+6) {margin-right:0;}
	.formTabContent .formGroup.by6:nth-child(2n+1) {margin-right:5%;}

}
@media screen and (max-width: 479px) {
	#openMenuButton {margin-top:15px;}
	
	/*#mainInfo {padding: 0;}*/
	
	#oetker-stripes{height:15px;}
	#oetker-stripes img{height:12px;}
	#oetker-logo {width:58px; height:42px; margin: 0 0 0 17px;}
	#oetker-logo img {height:42px;}
	
	
	.formGroup, .formGroup.rMargin {width: 100%; margin-right: 0  !important;}
	.formGroup.by3 {width: 100%;}
	.formTabContent .formGroup:nth-child(2n+1) {margin-right:0;}
	.formTabContent .formGroup.by3:nth-child(2n+1) {margin-right:0;}
	.formTabContent .formGroup.by3:nth-child(3n+3) {margin-right:0;}
	.formGroup.by4 {width: 100%; margin-right:0%;}
	.formTabContent .formGroup.by4:nth-child(2n+1) {margin-right:0;}
	.formGroup.by6 {width: 47%; margin-right:0%;}
	.formTabContent .formGroup.by6:nth-child(2n+1) {margin-right:5%;}
	.formTabContent .formGroup.by6:nth-child(6n+6) {margin-right:0;}
	a.mainMenuButton, span.mainMenuButton { width: 80% }
}

iframe[name="google_conversion_frame"] {position:absolute;left:0px; top:-1000px; width:1px; height:1px; visibility:hidden;}





#mainButDecoreaza {position:absolute; z-index:auto; right:-4em; top:-4em; display:block; width:auto; color:#fff; text-decoration:none;}
/*#inscrActMsg {padding-right: 13em; margin: 3em 0 5em 0; position:relative;}*/

@keyframes animButDecoreaza1 {
   0% {transform: scale(1);}
  45% {transform: scale(1);}
  70% {transform: scale(1.2);}
  95% {transform: scale(1);}
 100% {transform: scale(1);}
}
#butDecoreaza1 {display:block; text-align:center; position:relative;
 border-radius:50%; width: 7em; height:4.5em; padding:2.5em 0 0 0; 
 color:#DF002B; text-decoration:none; text-shadow: 
   -2px -2px 0 #fff,  
    2px -2px 0 #fff,
    -2px 2px 0 #fff,
     2px 2px 0 #fff,
 	3px 3px 1px rgba(0,0,0,0.5);
 font-family: "SmoothieShoppeRO", cursive; font-size:2.25em; 
	animation:animButDecoreaza1 6s ease infinite;
	animation-delay: 1s;
	transform: scale(1,1);
	transform-style: preserve-3d;
	backface-visibility: visible; 
}

@keyframes animBgButDecoreaza1 {
   0% {transform: rotate(0) scale(1, 1);}
  40% {transform: rotate(0) scale(1, 1);}
  70% {transform: rotate(179deg) scale(1.1, 1.1);}
 100% {transform: rotate(359deg) scale(1, 1);}
}
#bgButDecoreaza1 {display:block; text-align:center; position:absolute;
 border-radius:50%; width: 100%; height:100%; padding:0;
border:3px dotted #7BBFB3; box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.3);
	background: #DFEFCD url(_images/bg_but_decoreaza.png) 50% 50% no-repeat; background-size: 130% 130%;
	animation:animBgButDecoreaza1 6s ease infinite;
	animation-delay: 1s;
	transform: rotate(0deg) scale(1,1);
	transform-style: preserve-3d;
	backface-visibility: visible; 
}
#mainButDecoreaza:hover #butDecoreaza1 {
	color: #fff;
}
@media screen and (max-width: 639px) {
	#mainButDecoreaza {display:none;}
	#inscrActMsg {padding-right:0.5em; margin: 0px 0px 5px 0px;}
}


#popupDeco {position:absolute;position:fixed; z-index:999; transition:all 0.3s linear 0s;}
#popupDeco img {position:relative;width:100%;height:auto;display:block; z-index:auto;}
#popupDeco a.closePopupDeco {position:absolute;right:7%;top:23%; width:5%; height:4%; z-index:auto;}
#popupDeco a.btnPopupDeco {position:absolute;left:26%;bottom:8.5%; width:45%; height:9%; z-index:auto;}
#popupDeco.minimized {right:0%;bottom:0%; margin:0; width:150px;}
#popupDeco.maximized {right:0%; bottom:50%; margin:-300px 0 -300px 0; width:563px;}
#popupDeco.minimized  a.closePopupDeco, #popupDeco.minimized  a.closePopupDeco {display:none;}
#popupDeco.maximized  a.closePopupDeco, #popupDeco.maximized  a.closePopupDeco {display:block;}

.sectionHdl {display:none;}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin: 2em 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

 
/* awesomplete */
.awesomplete > ul {
	border-radius: .3em;
	margin: .2em 0 0;
	background: hsla(0,0%,100%,.9);
	background: linear-gradient(to bottom right, white, hsla(0,0%,100%,.8));
	border: 1px solid rgba(0,0,0,.3);
	box-shadow: .05em .2em .6em rgba(0,0,0,.2);
	text-shadow: none;
	position:absolute;
	left:0; top:100%; width:100%;
	list-style-type: none;
}


/* ------------- Cookies Alert CSS ------------- */
#cookiesAlert {
    position: fixed;
    z-index: 90;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 0.825em;
    padding: 1.50em;
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);
    box-shadow: 0px -2px 6px 0px rgba(0,0,0,0.25);
    color: #001391;
}
a#cookiesAgreeBtn {
    background: #001391;
    padding: 5px 30px;
    margin-left: 30px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    margin: 7px 15px;
}
a#cookiesCloseBtn {
	text-decoration: none;
	padding: 6px 7px;
}

	/* Pointer */
	.awesomplete > ul:before {
		content: "";
		position: absolute;
		top: -.43em;
		left: 1em;
		width: 0; height: 0;
		padding: .4em;
		background: white;
		border: inherit;
		border-right: 0;
		border-bottom: 0;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.awesomplete > ul > li {
		position: relative;
		padding: .2em .5em;
		cursor: pointer;
	}
	
	.awesomplete > ul > li:hover {
		background: hsl(200, 40%, 80%);
		color: black;
	}
	
	.awesomplete > ul > li[aria-selected="true"] {
		background: hsl(205, 40%, 40%);
		color: white;
	}
	
		.awesomplete mark {
			background: hsl(65, 100%, 50%);
		}
		
		.awesomplete li:hover mark {
			background: hsl(68, 100%, 41%);
		}
		
		.awesomplete li[aria-selected="true"] mark {
			background: hsl(86, 100%, 21%);
			color: inherit;
		}
		
		
body.lang-ru h1, body.lang-ru .hdl, body.lang-ru h3, body.lang-ru #mainMenu, body.lang-ru #accountMenu, 
body.lang-ru #headline1, body.lang-ru #headline2, body.lang-ru #mainInfo h2, body.lang-ru #footerAccountMenu  {font-family: "Vollkorn",arial,helvetica,clean,sans-serif;}
body.lang-ru .mainIntroLeft h2, body.lang-ru .mainIntroRight h2 {font-size:1.125em;}



.desktop { display: block; }
.mobile { display: none; }


/* ------ videos -------*/

.videos { text-align: center; margin: 0 auto 0 auto; z-index: 2; padding-bottom: 2em;}
.videos .video-header { color: #fff; padding: 1em; text-align: center; background: rgba(0, 98, 98, 0.55); font-size: 1.5em; }
.videos .video-left, .videos .video-right { display: inline-block; vertical-align: top; width: 44%; box-shadow: 2.5px 4.33px 46px 0px rgba(0, 64, 64, 0.35); }
.videos .placeholder { height: 18.4em; background: #24b0b0; }
.videos .video-left { margin-right: 3% }
.videos .video-right {  }

@media screen and (max-width: 60em) {
	.header-content img { width: 100%; }
	.videos .video-left,
	.videos .video-right {     
	    width: auto;
	    height: auto;
	    max-width: 57em;
	    min-width: 57em;
        min-height: 35em;
	    overflow: hidden;
	    margin: 0; 
	    margin-bottom: 3em;
	}
	.videos .placeholder { height: auto; }
}

/* ------ PRODUSE -------*/
.products-container {
	text-align: center;
	background: #FAEEE1 url(_images/bg_produse_gelfix.jpg) 50% 0 no-repeat;
	padding: 5em 4em 1em 4em;
	background-size:auto 100%;
}
.products-container.pikant-background { 
	background: #FAEEE1 url(_images/bg_produse_pikant.jpg) no-repeat 50% 0%; 
	background-size:auto 100%;
} 
.products-container.pikant-background,
.products-container.gelfix-background { 
	transition: background-image 0.2s ease-in;
}
@media screen and (min-width: 768px) {
	.products-container.vinobran-background { 
		background: #FAEEE1 url(_images/bg_produse_vinobran.png) no-repeat 50% 0%; 
		background-size:auto auto;
		background-position: 65% bottom;
		transition: none !important;
	} 
}
.products-container.no-background { 
	background: #FAEEE1; 
} 
.products-container .h2 { color: #001391 !important; }
.products-container .products-menu {
	text-align: center;
	font-size: 2.8125em;
	padding: 0;
    margin: 0 0 1em 0;
}
@media screen and (max-width: 959px) {
	.products-container .products-menu {font-size:2.5em;}
}
.products-container .products-menu a {
	display: inline-block;
    margin-right: 0.85em;
    font-size: 0.55em;
	font-weight: 800;
    line-height: 0.95;
    padding-top: 0.2em;
    border-top: 0.125em solid transparent;
	text-decoration: none;
	color: #DF002B;
}
.products-container .products-menu a:last-child {
	margin-right: 0;
}
.products-container .products-menu a:hover, .products-container .products-menu a:focus, .products-container .products-menu a.active {
	border-color: #001391;
	cursor: pointer;
	text-decoration: none;
	color: #DF002B;
}
.products-container h3 {
	font-size: 1.875em;
	text-align: left;
	font-weight: 800;
	margin: 1.4em 0 0.8em 0;
}
.products-container .img {
    width: 25%;
    display: block;
    margin-right: 5%;
	float:left;
	clear: none;
	text-align: right;
	/* aspect-ratio: 3 / 4.2; */
}
@media screen and (min-width: 767px) {
	.products-container .item.item--sare-de-lamaie .img {
		width: 30%;
		margin-right: 1em;
	}
	.products-container .img {
		min-height: 336px;
	}
}
.products-container .img img {
	max-width: 100%;
	object-position: center;
}
.products-container .sare .img img {
	max-width: 125%;
}
.products-container .description {
	width: 65%;
    display: block;
	margin: 0;
	color: #001391;
	vertical-align: top;
	font-size: 1.25em; 
	text-align: left;
	float:left;
	clear: none;
}

.products-container .description p {text-align: left;}
.products-container .description h3 { color: #001391; margin-top: 0; }

.products-container .order-btns {position:absolute; right:0; bottom:0; z-index:auto;}
@media screen and (max-width:959px) {
.products-container .order-btns {position:relative; right:auto; bottom:auto; margin-top: 1em; font-size:0.875em;}
}
@media screen and (max-width:767px) {
.products-container .order-btns {font-size:0.875em; text-align:center;}
}

.products-container .owl-nav {
    position: absolute;
    bottom: 4em;
    left: 30%;
    right: auto;
    margin: 0;
	text-align: left;
}
.products-container .owl-nav button.owl-next, .products-container .owl-nav button.owl-prev {
	background: #001391 !important;
    padding: 0em 0.3em .2em 0.3em !important;
    line-height: 0.7em;
    border-radius: 8em;
    margin: 0 0.3em;
    -webkit-appearance: none;
    border: 0;
    color: #fff;
    font-size: 3em;
    transition: opacity 0.3s ease-in-out;
}
.products-container .owl-nav button.owl-next.disabled, .products-container .owl-nav button.owl-prev.disabled {
	opacity: 0.3;
}
.product-list {
	width: 6em;
	text-align: center;
	font-size: 0.75em;
	vertical-align:top;
	word-break: normal;
	margin-bottom: 1em;
}
.product-list * { text-align: center !important; }
.product-list img { max-width: 5em; margin: 0 auto  0.3em auto !important; }

.formTabContent .product-list:nth-child(n+5)>label>img {
	transform: scale(1.1);
	transform-origin: 50% 100%;
}

.formGroup.captcha * { margin: 0; }

/* ------ CASTIGATORI -------*/
.table-header {
	padding: 3em 0 1.6em 0;
	font-size: 1.2em
}


@media screen and (max-width: 1199px) {	
	.products-container .owl-nav { bottom: 0em; }
}

@media screen and (max-width: 959px) {
	
	
	#oetker-logo { height: 8em !important; }
	
	.outerContainer.inscriere {
		min-height: 35em;
	}
	.desktop { display: none; }
	.mobile { display: block; }
	a.mainMenuButton { font-size: 1.25em; display: block; float: none; margin: 1em auto; }
	
	.products-container { padding: 5em 2em 7em 2em; }
	.products-container .owl-nav { bottom: -4em; }
	
}

@media screen and (max-width: 767px) { /* 720 */
	#header {min-height: 100px;}
		
	.products-container .description, .products-container .img { float: none; margin: 0 auto; display: block; width:100%; }
	
	.products-container .description h3,
	.products-container .description p  {text-align: center;}
	
	.products-container .img { margin-bottom: 2em; width: 13em; }
	.products-container ul { font-size: 2.5em }
	.products-container { padding: 5em 2em 3em 2em; }
	.products-container .owl-nav { position: relative; text-align: center; left: auto; bottom: -2em; transform: none; }
		
	a.mainMenuButton { font-size: 1.25em }		
	#footerMenu { font-size: 1.25em; }
	.footer li { display: block; }
	.nl-mob {display:block;}
}

@media screen and (max-width: 479px) { /* 480 */
	#header {min-height: 60px;}
	.outerContainer.contul_meu, .outerContainer.inscriere, .outerContainer.autentificare, .outerContainer.recuperare_date_cont {
		min-height: auto;
	}
	.footer li { width: 100%; }
	.footer li a { padding: 1em 0; }

	.products-container .description{ width: 100%;}
	.products-container .img { width: 10em; }

	#footerMenu { padding: 0; font-size: 1.5em; }
	.formGroup.captcha {
		margin: 0;
	}
}



/* ------ RETETE -------*/

.recipies-header {
	background-color:#005b4c;
	color:#fff;
}
.recipies-results {min-height: 40vh;}
.recipies-results {
	background:#5ea422;
	padding-bottom: 2em;
}
.recipies-footer {
	background:#5ea422;
	padding-bottom: 2em;
	color: #fff;
}
.recipies-footer a.link-retetar {
	font-weight: 400; line-height: 1.2; text-transform: uppercase;	
	color:#fff; background: #005b4c; text-decoration: none; padding: 0.5em; 
	display:inline-block; 
	position: relative; vertical-align: top; 
	text-align: center;
	box-sizing: border-box;
	border-radius: 0.25em;
	width: 10em;
	margin: 0.5em 0;
}
.recipies-footer a.link-retetar:hover, .recipies-footer a.link-retetar:active, .recipies-footer a.link-retetar:focus { background: #DF002B;color:#fff; text-decoration:none;}

.recipies-footer a.link-retetar img {
	display: block; max-width: 100%; margin: 0 auto 1em auto;
}
@media screen and (min-width: 960px) {
	.recipies-footer a.link-retetar {width:17%; margin: 0.5em 1%;}
}

.filter-header {
	width: 100%;
	text-align: center;
	margin-bottom: 2em;
}

h3.recipe-title {color:#ffe800; font-size:1.5em; font-weight: 800; text-transform:uppercase; margin-bottom: 1em;}
a.recipe-back-btn {color:#fff; text-decoration:none;}
a.recipe-back-btn .fa {vertical-align:middle;}
a.recipe-back-btn .txt {vertical-align:middle;}
a.recipe-back-btn:hover, a.recipe-back-btn:active {color:#F8C0C9; text-decoration:none;}
.recipe-img {float:left; clear:none; display:block; width:35%; position:relative; text-align:left; margin-bottom:1.5em;}
.recipe-details-right {float:right; clear:none; display:block; width:60%; position:relative; text-align:left;}
.recipe-produs {float:right; clear:none; display:block; width:24%; margin:0 1em 1em 0; padding:0.5em; position:relative;}
.recipe-produs .product-img {display:block; max-width:100%; margin:0 auto;}
.recipe-produs .recipe-section-headline { font-size: 0.9em; text-align: center; }
.recipe-produs.multiple .product-img .product-img-1 {float:left; clear:none; max-width:48%; margin:0;}
.recipe-produs.multiple .product-img .product-img-2 {float:right; clear:none; max-width:48%; margin:0;}
.recipe-section {margin-bottom:1em; position:relative;}
.recipe-section-headline {color:#fff; margin-bottom: 1em; text-transform:uppercase; font-weight:bold; position:relative;}
.recipe-ingrediente ul {margin:0; padding: 0; list-style-type:none; position:relative; max-width: 26em }
.recipe-section-headline.wdot {color:#ffe800;}
.recipe-ingrediente ul li:before, 
.recipe-section-headline.wdot:before {
	content: "";
    display: inline-block;
    margin-right: 0.55em;
    width: 0.62em;
    height: 0.6em;
    background: #ffe800;
    border-radius: 50em;
}

.recipe-search-input {
	position: relative; display:block;
	font-weight: normal;
	line-height: normal;
	color: #999;
	margin: 0;
	padding: 1em 0.5em;
	width: 100%;
	font-family: inherit;
	/*font-size: 1em;*/
	font-size: 0.85em;
	height: auto;
	border: 0 none #fff;
	background-color: #fff;
	box-sizing: border-box;
}
.recipe-search-input:focus {
	color: #005b4c;
}

.recipe-search-button {
	position: relative; display:block;
	font-weight: normal;
	line-height: normal;
	color: #fff;
	margin: 0;
	padding: 0.75em 0.5em;
	background-color: #005b4c;
	width: 100%;
	font-family: inherit;
	font-size: 1em;
	height: auto;
	border: 0 none #fff;
	box-sizing: border-box;
	text-transform:uppercase;
	cursor:pointer;
}
.recipe-search-button:hover, .recipe-search-button:active, .recipe-search-button:focus {
	background-color: #DF002B;
}

a.recipe-filter-button {
	color: #005b4c; 
	display: inline-block;
    position: relative;
    padding: 1em 3em;
    border-radius: 10px;
    font-weight: 800;
    background: #FAEEE1;
    margin-right: 2em;
    /*min-width: 8em;
    max-width: 8em;*/
	box-sizing:border-box;
    vertical-align: middle;
    line-height: 1.1;
  	box-shadow: 5.634px 10.595px 21px 0px rgba(23, 71, 158, 0.22);
}
/*.filter-header a.recipe-filter-button:nth-child(3) { padding: 0.45em 1em; margin-right:0; }*/
a.recipe-filter-button.backToRecipesBtn {max-width: 100%; border-top-left-radius: 0; border-top-right-radius: 0;}
a.recipe-filter-button:hover, a.recipe-filter-button:focus {
	color: #DF002B;
	background: #fff;
	text-decoration: none;
}
a.recipe-filter-button.current {
	color: #fff;
	text-decoration: none;
	background-color: #DF002B;
}

.recipes-p {
	margin: 1em 0 2em 0;
	font-size: 1.2em;
	color: #005b4c;
}
.recipies-header .recipes-p {color:#fff;}
.recipe-container {
    padding: 1em;
    font-size: 1.25em;
    color: #fff;
}
.recipes-row { display:block; clear:both; position:relative; text-align:left;}
.recipes-cell { display:inline-block; vertical-align:top; float: none; clear:none; position:relative; margin:0 2% 2em 2%; overflow:hidden; /*mix-blend-mode: multiply;*/
box-sizing:border-box;text-decoration:none;
width:16%; aspect-ratio: 7 / 8;
border: 1px solid #E1B87F;
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.25);
}
@supports not (aspect-ratio: 7 / 8) {
  .recipes-cell::before {
    float: left;
    padding-top: 100%;
    content: "";
  }

  .recipes-cell::after {
    display: block;
    content: "";
    clear: both;
  }
}
@media screen and (max-width:959px) {
	.recipes-cell {width: 21%;}
}
@media screen and (max-width:767px) {
	.recipes-cell {width: 29%;}
}
@media screen and (max-width:639px) {
	.recipes-cell {width: 46%;}
}
.recipes-cell.search-cell {overflow:visible; z-index:95;}
.recipes-cell:hover {text-decoration:none;}
/*.recipes-cell.bordered { border:1px solid #eee;}*/
.recipes-cell.std-w {width:17.9%;}
.recipes-cell.dbl-w {width:57.9%;}
.recipes-row .nl {display:none;}
.recipes-cell .fruit-img, .recomandari-cell .fruit-img {width:100%; margin: 0; display:block; transition: transform 0.2s linear;}
.recipes-cell:hover .fruit-img, .recomandari-cell:hover .fruit-img {transform:scale(1.05,1.05);}

.recipes-title h2 { color: #005b4c !important; }
.recipes-row.rounded { text-align: center; }

.recomandari-fructe {display:block; clear:none; margin-top: 2em; position:relative; width: 100%; text-align:left;}
.recomandari-titlu {font-size:1em; color:#005b4c; margin-bottom:0.25em;}
.recomandari-cell {display:inline-block; vertical-align:top; float: none; clear:none; position:relative; margin:0 0% 0.5em 0%; overflow:hidden;
box-sizing:border-box;text-decoration:none;}

.recipes-cell .fruit-name, 
.recipes-cell .recipes-title {position:absolute; left:0; width:100%; padding: 0.25em 2%; bottom:0; background:#fff; background-color:rgba(255,255,255,0.75); color:#005b4c; text-decoration:none; text-align:center; font-size: 1.25em; font-weight:800; text-transform: uppercase;}
.recipes-cell:hover .fruit-name, .recipes-cell:active .fruit-name, 
.recipes-cell:hover .recipes-title, .recipes-cell:active .recipes-title { color:#DF002B;}

.found-recipes-msg {font-size: 1.5em; font-weight: 600;}

@media screen and (max-width:959px) {
.recipes-cell.std-w {width:22.9%;}
.recipes-cell.dbl-w {width:47.9%;}
.recomandari-cell {width:47.9%;}
}
@media screen and (max-width:767px) {
.recipes-cell.std-w {width:31.2%;}
.recipes-cell.dbl-w {width:auto; float:none; clear:both;}
.recipes-row .nl {display:block;}

.recipe-img {float:none; clear:both; width:auto; max-width: 400px;}
/*.recipe-container .recipe-img { width: 100%; }*/
.recipe-details-right {float:none; clear:both; width:auto;}
}
@media screen and (max-width:639px) {
.recomandari-fructe {width:auto; float:none; clear:both;}
}
@media screen and (max-width:479px) {
.recipe-container .recipe-img { width: 100%; }
.recipes-cell.std-w {width:47.9%;}
}


@media screen and (max-width: 768px) {
	body {
	    /*font-size: 1.25vw;*/
	    overflow-x: hidden;
	}
}


/* ------ MIXURI -------*/
.mix-container {
	position: relative;
	overflow: hidden;
	padding-top: 3em;
	color: #fff;
	max-width: 72em;
	margin: 1em auto 0 auto;
}

.mix-result {
	background: #fff;
	padding: 2em 2em;
	color: #fff;
	text-align: left;
}
.mix-result p { text-align: left; padding: 2em; }
.mix-result .mix {
	display: inline-block;
    padding: 6em 1em 0 1em;
    margin-bottom: 2em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: url(_images/dulceata.png) no-repeat center top;
    background-size: 5em;
    width: 14em;
}
.mix-result .mix .title {
	font-size: 1.25em;
}

/*.mix-container label:hover {
	opacity: 1 !important;
}*/
.mix-container input[type="checkbox"] {
	display: none;
}
.mix-container input[type=checkbox] + label {
	opacity: 1;
	transition: all 0.2s linear;
	/*mix-blend-mode: multiply;*/
}
.mix-container input[type=checkbox]:checked + label {
	opacity: 1;
}
.mix-container label:after {display: none;content:"\2713";text-transform: uppercase;font-weight: bold; text-shadow: 2px 2px 6px rgba(60,0,20,0.7);}

.mix-container label.fruit.f1:after {content:"Piersici";}
.mix-container label.fruit.f2:after {content:"Smochine";}
.mix-container label.fruit.f3:after {content:"Nectarine";}
.mix-container label.fruit.f4:after {content:"Zmeură";}
.mix-container label.fruit.f5:after {content:"Soc";}
.mix-container label.fruit.f6:after {content:"Rodie";}
.mix-container label.fruit.f7:after {content:"Caise";}
.mix-container label.fruit.f8:after {content:"Merişoare";}
.mix-container label.fruit.f9:after {content:"Portocale";}
.mix-container label.fruit.f10:after {content:"Căpșuni";}
.mix-container label.fruit.f11:after {content:"Ananas";}
.mix-container label.fruit.f12:after {content:"Mango";}
.mix-container label.fruit.f13:after {content:"Prune";}
.mix-container label.fruit.f14:after {content:"Afine";}
.mix-container label.fruit.f15:after {content:"Struguri";}
.mix-container label.fruit.f16:after {content:"Pepene";}
.mix-container label.fruit.f17:after {content:"Zarzare";}
.mix-container label.fruit.f18:after {content:"Kiwi";}
.mix-container label.fruit.f19:after {content:"Mere";}
.mix-container label.fruit.f20:after {content:"Cireșe";}
.mix-container label.fruit.f21:after {content:"Pere";}
.mix-container label.fruit.f22:after {content:"Agrișe";}
.mix-container label.fruit.f23:after {content:"Coacăze";}


.mix-container input[type=checkbox]:checked + label:after {
	/*content:"\2713";*/
		font-size:1.25em;
		color:#fff;
		position: absolute;
		display: block;
		top:0; 
		left:0;
		width:100%;
		height:100%;
		padding:3.375em 0;
		line-height:1;
		text-align:center;
		box-sizing:border-box;
	background-color:rgba(237,37,56,0.5);
}
.mix-container input[type=checkbox]:disabled + label {
	opacity: 0.5;
	cursor:not-allowed;
	  -webkit-filter: grayscale(100%);
	  filter: grayscale(100%);
}

	.mix-container input[type=checkbox]:disabled + label:hover,
	.mix-container input[type=checkbox]:disabled:focus + label {
	  opacity: 0.5;
	  -webkit-filter: grayscale(100%);
	  filter: grayscale(100%);
	}

	.mix-container input[type=checkbox] + label:hover,
	.mix-container input[type=checkbox]:focus + label {
		opacity: 1;
	}

	.mix-container input[type=checkbox] + label:hover:after,
	.mix-container input[type=checkbox]:focus + label:after{
		/*content:"\2713";*/
		background-color:rgba(237,37,56,0.7);
	}




.mix-container .fruit {
	position: relative;
	float: left;
	cursor: pointer;
	width: 10em;
	height: 10em;
	background-color: #fff;
	margin: 1em;
}

@media screen and (max-width: 1199px) {
	.mix-container {font-size:1.25vw;}
}
@media screen and (max-width: 767px) {
	.mix-result {
		text-align: center;
	}
 	.filter-header { font-size: 0.9em; }
}
@media screen and (max-width: 640px) {
	.mix-container {font-size:2vw; 
	width: 48em;}
}

@media screen and (max-width: 496px) {
	a.recipe-filter-button {
		margin-right: 1em; 
		margin-bottom: 1em;
	}
	.filter-header { margin-bottom: 0; font-size: 1em;}
}





@media screen and (max-width: 959px) {
	.outerContainer.produse  { padding-left: 1em; padding-right: 1em; }
}

.scrollHeader {padding: 0 10vh 0 1em;position: relative;min-height:8vh;}
.scrolledContent {padding: 1em; }
.touch #contentFrame .popup-content .scrolledContent {overflow-y: auto;-webkit-overflow-scrolling: touch;}
#contentFrame {text-align: left;}
#contentFrame h1 {text-align: left;font-size: 2em; font-weight:800;color: #001391;}
#contentFrame h2 {text-align: left;font-size: 1.5em; font-weight:800;color: #001391;}
#contentFrame h3 {text-align: left !important;color: #001391;font-size: 1.25em; font-weight:800;}
#contentFrame .h2 {color:#001391;text-align: center;font-size: 3em;font-weight:800;}
#contentFrame .h3 {color:#001391;text-align: center;font-size: 2em;font-weight:800;}
#contentFrame p, #contentFrame ul, #contentFrame li {color: #001391;}
#contentFrame .errors p, #contentFrame .errors ul, #contentFrame .errors li {color: #fff;}
/* @media screen and (max-width: 767px) {
	#contentFrame .popup-content {font-size: 1.6em;}
} */
/* @media screen and (max-width: 479px) {
	#contentFrame .popup-content {font-size: 2.2em;}
} */

#clickLock {width: 100%;height: 100%;position: absolute;z-index: 90;margin: 0;left: 0;right: 0;top: 0;bottom: 0;background-color: transparent;background-color: rgba(0,0,0,0.5);}
.popup-close {width: 1em;height: 1em;position: absolute;z-index: auto;display: block;top: 0.25em;right: 0.5em;background-color: #fafafa;color: #DF002B;-webkit-border-radius: 50% 50%;-moz-border-radius: 50% 50%;border-radius: 50% 50%;padding: 0em 0em 0.125em 0em;text-align: center;font-size: 2em;font-size: 6vh;line-height: 1;text-decoration: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.popup-close:hover, .popup-close:active, .popup-close:focus {background-color: #DF002B;color: #fff;text-decoration: none;}
.popupWin {position: fixed;max-width: 100%;width: 960px;max-height: 96vh;top: 2vh;left: 50%;margin-left: -480px;overflow: visible;box-sizing: border-box; z-index: 9999}
.popup-border {position: relative;padding: 0.75vh;border: 0.25vh solid #fff;}
/*.popup-header {position: relative;height: 8vh;background-color: #fff;}*/
.popup-content {position: relative;min-height: 50vh;max-height: 94vh;overflow: auto;background-color: #fff;padding: 1em;box-sizing: border-box;color: #001391; padding-top: 4em;}
.popup-content p { text-align: left }
.popupWin.transparent {max-height: 100%;height: auto;top: 0;width: auto;left: 0;margin-left: 0;}
.popupWin.transparent .popup-border {padding: 0;border: 0 none transparent;}
.popupWin.transparent .popup-header {display: none;}
.popupWin.transparent .popup-content {background-color: transparent;max-height: 100vh;}
@media screen and (max-width: 1200px) {
	.popupWin {width: 100%;left: 0%;margin-left: 0;}
}
@media only screen and (max-width: 767px) {
	.popupWin {max-height: 100vh;top: 0;}
	.popup-border {padding: 0;border: 0 none transparent;}
	.popup-content {max-height:100vh; height: 100vh;margin: 0;}
	.popup-close {top: 0.125em;}
	.touch .popup-close {right: 0.125em;}
}

#goTop { 
	position: fixed;
    opacity: 0;
    right: 25px;
    bottom: 5em;
    background: #fff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    font-size: 13px;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    text-decoration: none;
    color: #DF002B;
    text-align: center;
    box-shadow: 0 0 22px 0px rgba(0, 0, 0, 0.45);
}
#goTop .arrow {
	display: block;
    line-height: 20px;
    transform: rotate(-90deg);
    font-size: 50px;
    width: 48px;
    margin-top: 10px;
}
#goTop .text {
	display: block;
}

#goTop.show { opacity: 1; z-index: 11; }
#goTop:hover, #goTop:active { opacity: 0.8; }

@media only screen and (max-width: 767px) {
	#goTop { right: 15px; bottom: 15px; }
}


/* ------ homepage ------- */
.outerContainer.acasa { padding:0; text-align: center;}

.perioada {
	font-size: 1.5em; 
	margin-top: 2em; 
	color: #fff; 
	font-weight: 800; 
	background-color: #005849;
	padding:0.5em 1em; 
	display: inline-block;
	box-sizing: border-box; 
	text-align: center; 
	width:auto;
	max-width:100%;
	border-radius:1em; 
	line-height:1;
}
.outerContainer.premii .perioada {
	font-size: 2em; 
	max-width: 90%;
	margin: 1em auto 0 auto;
}

.outerContainer.acasa .texts-homepage {position: relative;padding: 6vw 0 2em 0;background-color: #5ea422; text-align: center; z-index: 11;}
.kv {position:relative; overflow: visible; z-index:2; background: #fffde4 url(_images/bg_kv.jpg) 70% 50% no-repeat; background-size: 210% auto; padding: 1em 0 0 0; text-align: center; }
.kv-inner {position: relative; height:105vw; margin: 0 auto; max-width: 100%;}
.kv .sep-homepage {background: transparent url(_images/sep_home.png) 50% 100% no-repeat; background-size: 100% 100%; position: absolute; bottom:-1px; left: 0; width: 100%; height: 25px;}
.kv .logo-oetker {position: relative; display:block; width: 6em; max-width: 50%; margin:0 auto 1em auto;}
.kv .headline1 {position: relative; display:block; width: 70%; max-width: 100%; margin:0 auto; color: #001391; font-size: 10vw; line-height: 1; text-align: center;}
.kv img {display:block; max-width:100%; margin:0 auto;}
.kv .kv-bg-left {position: absolute; left:11%; bottom:6vw; width:48%;}
.kv .kv-bg-right {position: absolute; right:11%; bottom:6vw; width:48%;}
.kv .kv-bg-img {width:100%;}
.kv img.kv-bg-farfurie-dulceata {position: absolute; left:-40%; bottom:-4.5%; width:114.49%; max-width: none;
/*animation:animCireasa 4s ease-out 0s infinite; transform-origin:50% 50%;*/
}
.kv img.kv-bg-sare-piper {position: absolute; left: 75%; bottom: -5%; width:100%; max-width: none;
/*animation:animCastravete 8s ease-out 2s infinite; transform-origin:20% 80%;*/
}

.kv-plic {position: absolute;}
.kv-plic.plic-gelfix {right:25%; top:77%; width:43.30143540669856%; animation:animPlic 10s ease-out 4s infinite; transform-origin:20% 100%;}
.kv-plic.plic-pikant {left:5%; top:75%; width:35.36585365853659%; animation:animPlic 10s ease-out 6s infinite; transform-origin:20% 100%;}
.kv-plic.plic-tomato {left:25%; top:80%; width:42.4390243902439%; animation:animPlic 10s ease-out 8s infinite; transform-origin:20% 100%;}

.kv-plicuri .kv-plic {position: absolute;}
.kv-plicuri .kv-plic.plic-gelfix {right:57%; top:77%; width:43.30143540669856%; animation:animPlic 10s ease-out 4s infinite; transform-origin:20% 100%;}
.kv-plicuri .kv-plic.plic-pikant {left:32%; top:75%; width:35.36585365853659%; animation:animPlic 10s ease-out 6s infinite; transform-origin:20% 100%;}
.kv-plicuri .kv-plic.plic-tomato {left:59%; top:80%; width:42.4390243902439%; animation:animPlic 10s ease-out 8s infinite; transform-origin:20% 100%;}

.outerContainer.acasa .mecanism {position:relative;font-weight: 800;text-transform: none;text-align:center;margin: 0 auto 0 auto;
font-size: 1.5em;max-width: 90%;} 

.outerContainer.acasa .texts-kv .perioada {margin-bottom: 1em;}

.intro-mecanism { display: flex; justify-content: space-between; flex-direction: column; gap: 2em; align-items: center; margin-top: 0; }
.intro-mecanism .kv-plicuri { display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom: 1em; row-gap: 1em;}

.intro-mecanism .mecanism-text { margin-bottom: 1rem; max-width: 12em;}
.mecanism-inscriere { display: flex; justify-content: space-between; align-items: center; max-width: 90%; width: 36em; margin: 0 auto; }

.intro-vinobran { display: flex; align-items: flex-start; max-width: 100%; margin: 0 auto; padding-bottom: 0.3em; }
.intro-vinobran img {width: 30%;z-index: 2;}
.intro-vinobran .descriere { color: #fff; font-size: 0.58em; line-height: 1.25; font-weight: normal; text-align: left; padding-left: 1em; padding-bottom: 0.5em;z-index: 1; }
.texts-homepage-inner { box-sizing: border-box; max-width: 100%;}


.mecanism-text {font-size: 1.25em;}

.outerContainer.acasa .texts-homepage .green-txt{color:#FFCA00;}


@media only screen and (max-width: 768px) {
.intro-vinobran .descriere .inner-desc{z-index: auto;}
.intro-vinobran .descriere {padding-bottom: 17vw;}
.intro-vinobran .descriere:before {content: ""; position: absolute; z-index: auto; left: 0; bottom:0; width: 100%; display: block; height: 17vw; background: transparent url(_images/vinobran_bg.png) top right no-repeat; background-size: contain; }
}
@media only screen and (min-width: 768px) {
	.intro-vinobran {align-items: flex-end; background: transparent url(_images/vinobran_bg.png) bottom right no-repeat; background-size: contain;  margin-top:2em;  }
	.intro-vinobran img {width: 23%;}
	.intro-vinobran .descriere { padding-right: 10rem; padding-top: 2rem;  }
}
@media only screen and (min-width: 960px) {
	.intro-mecanism { flex-direction: row; gap: 0; margin-top: -6rem; }
	.intro-vinobran { margin-top:2em;  }
	.outerContainer.acasa .intro-mecanism .kv-plicuri { width: 45%; }
	.outerContainer.acasa .intro-mecanism .mecanism { width: 55%; text-align: left; padding-top: 2em; }
}


@media only screen and (min-width: 768px) {
	.kv {background-size: 100% auto; height: auto; background-position: 50% 50%;}
	.kv-inner {height:40vw;}
	/*.kv .logo-oetker {position: absolute; width: 12%; left:5%; top:2vw; text-align:left; padding: 0;}
	.kv .headline1 {width: 50%; margin-top: 2vw; margin-left:17%; text-align:left;}*/
	.kv .logo-oetker {width: 8vw; max-width: 9em;}
	.kv .headline1 {width: 50%; margin-top: 2vw; font-size: 5vw;}
	.kv .logo-oetker img {margin:0 auto 0 0;}
	.kv .sep-homepage {height: 39px;}
	
	.kv .kv-bg-left {left:35%; bottom:2vw; width:18.33333%;}
	.kv .kv-bg-right {right:35%; bottom:2vw; width:18.33333%;}
	
	.outerContainer.acasa .mecanism-inscriere { margin-top: 1em; margin-bottom: 0.5em;}
	
	.outerContainer.acasa .mecanism {font-size: 2.5vw;}
	.outerContainer.acasa .mecanism.txt-left-aligned {text-align: left; display: inline-block; vertical-align: middle; margin-left: 0.5em; width: 10em;line-height:1;}
	
}
@media only screen and (min-width: 960px) {
	.outerContainer.acasa .texts-homepage {padding: 1em 0 0 0;}
	.outerContainer.acasa .home-text-mob {display: none;}
	/*.kv .logo-oetker {position: absolute; width: 8%; left:50%; transform:translate(-600px,0%);}
	.kv .headline1 {width: 30%; margin-top: 3vw; margin-left:50%; transform:translate(-500px,0%);}*/
	
	.kv {background-size: 150% auto;height: auto;background-position: 50% 65%;}
	.kv .sep-homepage {height: 5.5vw;}
	.kv .kv-inner {height: 37em; width: 55em; font-size: 1.5vw;}
	.kv .logo-oetker {position: absolute; width: 8em; left:-1.5em; top:1em;}
	.kv .logo-oetker img {width: 100%; max-width: none;}
	.kv .headline1 {width: 20em; left: 1.125em; margin-top: 1.75em; font-size: 4em; text-align: left; text-shadow: -2px -2px 20px rgba(255,255,255,0.6), 0px 0px 30px rgba(255,255,255,0.8);}
	.headline1 .script-font {text-shadow: none;}
	
	.kv .kv-bg-left {position: absolute; left:21%; bottom:7em; width:33.3333%;}
	.kv .kv-bg-right {position: absolute; right:21%; bottom:7em; width:33.3333%;}
	
	.kv-plic.plic-gelfix {right:5%; top:77%; width:43.30143540669856%;}
	.kv-plic.plic-pikant {left:-15%; top:75%; width:35.36585365853659%;}
	.kv-plic.plic-tomato {left:5%; top:80%; width:42.4390243902439%;}
	
	.kv .kv-bg-left .kv-plic, .kv .kv-bg-right .kv-plic {display: none;}
	.kv .kv-plicuri {display: flex; position:absolute;width: 25em; max-width: 50%; bottom: 0; left: 60%; flex-wrap: wrap; transform: translate(0%,0%); align-items: flex-start;}
	.outerContainer.acasa .texts-kv .mecanism {font-size:1.75em; text-align: left; margin: 0 0 0 0; display: flex; justify-content: flex-start;  flex-wrap: wrap;}
	.outerContainer.acasa .texts-kv .mecanism img { margin: 0;}
	.outerContainer.acasa .texts-kv .perioada {margin-bottom: 3em;}
	
	.outerContainer.acasa .texts-homepage-inner {width: 65rem; margin: 0 auto; font-size: 1.5vw; text-align: left; padding: 0 1rem; }
	.outerContainer.acasa .mecanism {font-size: 2rem;}

	.outerContainer.acasa .inscriere-btn {font-size: 1.75em; width: 12em; margin-left: 3em;margin-right: 3em;}
	
	
	/* .kv-2 */
	.outerContainer.acasa .kv-2 .texts-kv {max-width: 40em;}
	.kv-2 .kv-bg-left .kv-plic,  .kv-2 .kv-bg-right .kv-plic {display: none;}
	.kv-2 .kv-plicuri {display: block; position:absolute;width: 16em; max-width: 50%; bottom:6vw; left: 60%; transform: translate(0%,0%);}
	.outerContainer.acasa .kv-2 .texts-kv .mecanism {font-size: 1.5em; text-align: left; display: block; margin: 0 0 0 0;}
	.outerContainer.acasa .kv-2 .texts-kv .perioada {margin-bottom: 3em;}
	
	
}
@media only screen and (min-width: 1200px) {
	.kv{background-size: 100% auto;background-position: 50% 65%;}
	.kv .kv-inner {font-size: 1vw;}
	.kv .sep-homepage {height: 7.75vw;}
	.outerContainer.acasa .texts-homepage-inner {font-size: 1vw;}
}
@media only screen and (min-width: 1400px) {	
	.outerContainer.acasa .kv-2 .texts-kv {max-width: 48em;}
	.kv-2 .kv-plicuri {width: 20em; left: 60%;}
	.outerContainer.acasa .kv-2 .texts-kv .mecanism {font-size: 1.75em; margin:0 0 0 0;}
}

@keyframes animPlic {
   0% {transform: rotate(0deg);}
   2% {transform: rotate(2deg);}
   4% {transform: rotate(0deg);}
   6% {transform: rotate(-2deg);}
   8% {transform: rotateY(0deg);}
}


.inscriere-btn {
	position:relative;
	display: inline-block;
    box-sizing: border-box;
    background-color: #DF002B;
    width: 12em;
    padding: 0.75em 1em;
	border-radius: 0.25em;
    font-size: 1.75em;
	line-height:1;
	text-transform: uppercase;
	font-weight:800;
	color: #fff;
	text-decoration: none;
    text-align: center;
    transition: background-color 0.2s ease-in-out;
    margin: 0;
}
.inscriere-btn:hover,
.inscriere-btn:focus {
    animation: animShowBtnHover 300ms ease;
	text-decoration: none;
	background-color: #fff;
	color: #DF002B;
}
.inscriere-btn:hover img,
.inscriere-btn:focus img,
.inscriere-btn:active img {filter: brightness(10);}

.outerContainer.acasa .inscriere-btn {
	margin:1em 0;
	vertical-align: middle;
}
@media only screen and (max-width: 1199px) {
	.outerContainer.premii .perioada {
		font-size: 1.25em; 
		padding:0.5em 1em; 
	}	
}

@media only screen and (max-width: 767px) {
	.outerContainer.acasa .perioada {
		padding:0.5em 1em; 
		font-size: 1.25em; 
		margin-top: 2em; 
	}
	.outerContainer.premii .perioada {
		font-size: 1em; 
		padding:0.5em 1em; 
	}
	.outerContainer.acasa .mecanism {
		font-size: 1.5em;
	}
	.outerContainer.acasa .mecanism.txt-left-aligned {display: block; margin: 1em auto;}
	.inscriere-btn {
		font-size: 1.5em;
	}
	.outerContainer.acasa .inscriere-btn {
		margin: 0.75em 0;
	}
}

.premii-container {position:relative; }
.premii-container .premii { display: flex; justify-content: center; flex-wrap: wrap; gap: 2em;}
.premii-container .premiu {position:relative; display: block; width: auto; text-align:center; }
.premii-container .premiu .premiu-img { display:block; margin: 0 auto; }
.premii-container .premiu.masina { width: 100%; }
.premii-container .info-premii {position:relative; text-align: center;  font-size: 1em; margin-top: 2em; font-weight: 600; }

@media only screen and (min-width: 480px) {
}

@media only screen and (min-width: 1120px) {
	.premii-container .premii { margin: 0 -4em; justify-content: space-between; }
	.premii-container .premiu.masina { margin-left:4em; margin-bottom: -6em;  }
	.premii-container .info-premii {font-size: 1.25em; }
}

@media only screen and (min-width: 1200px) {
}


@keyframes showLeft {
    0% { width: 0; }
    30% { width: 36%; }
    70% { width: 31em; opacity: 1; }
    100% { width: 31em; opacity: 0 }
}
@keyframes showLeft2 {
    from { opacity: 0 }
    to { opacity: 1 }
}
@keyframes slideFromLeft {
    from { transform: translateX(-100em); }
    to { transform: translateX(0); opacity: 1;  }
}

#decoratiuniFrameHolder iframe {transition: all 1s linear;}


.social-elements {text-align:center; color: #fff;}
.social-header {
   font-size: 1.25em;
   font-weight:800;
   text-transform: uppercase;
   font-family:"Dr Oetker Moments Display", arial, helvetica, clean, sans-serif;   
   line-height:1;
   margin-bottom: 0.5em;
}
.social-menu {
   text-align: center;
   font-size: 1.5em;
}
.social-menu img {
    height: 1.4em;
    object-fit: contain;
}
.social-menu .social-link {
    display: inline-block; position:relative; vertical-align: middle;
    margin: 0 1em 1em 0;
}
.social-menu .social-link.youtube img {height:1.2em;}
.social-menu .social-link:last-child {
    margin-right: 0;
}