@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 {
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* General */
html {
	height: 100%;
	/*overflow-x: auto;
	overflow-y: scroll;*/
	white-space: normal;
	-webkit-text-size-adjust:none;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*.steps-content,
.products-text {
	font-family:Arial, Helvetica, sans-serif;
}*/

body {
	color: #294D22;
	font-family: 'Josefin Sans', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:1.25;
	background: #fff;
	margin: 0px;
	padding: 0px;
	text-align: center;
	word-wrap:normal;
	min-height: 100%;
}
body.locked, body.loading {
	overflow: hidden;
}
body.loading:after {content:''; position:fixed; width:100%; height:100%; left:0; top:0; z-index:9999; background: #fff url(../_images/loader.gif) 50% 50% no-repeat; }

h1 {
	padding: 0;
	margin: 0;
	font-size: 3.5em;
	font-weight: normal;
	color:#7AA82D;
	font-family: 'Sigmar', Arial, Helvetica, sans-serif;
}
h2 {
	padding: 0;
	margin: 0;
	/*font-size:1.75em;*/
	margin-bottom:0.25em;
	line-height: normal;
	font-weight: normal;
	color:#294D22;
	font-size: 1.45em;
	font-family: 'Sigmar', Arial, Helvetica, sans-serif;
}
h3 {
	padding: 0;
	margin: 0;
	margin-bottom:0.125em;
	font-size:1.25em;
	line-height: normal;
	font-weight: normal;
	color:#7AA82D;
	font-family: 'Sigmar', Arial, Helvetica, sans-serif;
}
h4,h5,h6 {
	padding: 0;
	margin: 0;
	margin-bottom:0.125em;
	line-height: normal;
	font-weight: normal;
	color:inherit;
}
h4 {font-size:1.25em;}
h5 {font-size:1.125em;}
h6 {font-size:1em;}



p, ol, ul {font-size: inherit;color: inherit;line-height: 1.25em;padding: 0;}
p {text-align: justify; margin:0;}
ol, ul {text-align: left; margin: 0 0 0 2em;}
ul {list-style-type: disc;}
form {margin: 0px;padding: 0px;}
.inlineBlock {position: relative; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline;}
.inlineBlock.middle { vertical-align: middle; }
.inlineBlock.top { vertical-align: top; }
.inlineBlock.bottom { vertical-align: bottom; }

img {max-width:100%;}

.clear{clear:both; display:block; height:0;}
.centered{text-align:center;}
.smaller{font-size:0.85em;}
.larger{font-size:1.25em;}
.red {color:#E30613;}
.blue {color:#43C7ED;}
.green {color:#B5C932;}



.datatable {
	border: 0px none #7AA82D;
	color: #444;
}
.datatable td {
	border: 0px none #7AA82D;
	border-right: 5px solid #cd4f90;
	border-bottom: 5px solid #cd4f90;
	background-color: #ffffff;
	padding: 0.5em;
}
.datatable tr:last-child td { border-bottom: 0 }
.datatable tr td { color: #1b00a5; }
.datatable tr > td:last-child { border-right : 0; }
.datatable.castigatori tr:nth-child(even)>td {
	background-color: #f2f2f2;
}
.datatable th {
    background-color: #cd4f90;
    border: 0px none #7AA82D;
    border-right: 5px solid #ffffff;
    padding: 0.75em;
	color:#fff;
}
.datatable th:first-child { border-radius: 0.4em 0 0 0; }
.datatable th:last-child { border: 0; border-radius: 0 0.4em 0 0 }
.datatable.castigatori td, .datatable.castigatori th {
	text-align:left; font-size:1.25em;
}
.datatable.castigatori td.nume_castigator {
	text-transform: capitalize;	
}
.datatable.castigatori tr>td:first-child {
	text-transform: none !important;
}


.listtable {
	border: 0px none #7AA82D;
	border-left: 1px solid #7AA82D;
	border-top: 1px solid #7AA82D;
}
.listtable th {
	background-color: #7AA82D;
	color: #fff;
	padding: 2px 4px 2px 4px;
	font-weight: normal;
	border: 0px none #7AA82D;
	border-right: 1px solid #7AA82D;
	border-bottom: 1px solid #7AA82D;
}
.listtable td {
	color: #7AA82D;
	background-color: #f1f1f1;
	padding: 2px 4px 2px 4px;
	border: 0px none #7AA82D;
	border-right: 1px solid #7AA82D;
	border-bottom: 1px solid #7AA82D;
}
.listtable .listtable_alttr {
	background-color: #F5FCE9;
}
.listtable2 {
	background-color:#FFF9F9;
	border: 0px none #F5D3D3;
	border-left: 1px solid #F5D3D3;
	border-top: 1px solid #F5D3D3;
}
.listtable2 th {
	background-color:#d90000;
	color: #FFFFFF;
	padding: 2px 4px 2px 4px;
	font-weight: normal;
	text-indent: 0px;
	border: 0px none #F5D3D3;
	border-right: 1px solid #F5D3D3;
	border-bottom: 1px solid #F5D3D3;
}
.listtable2 td {
	background-color:#FFF9F9;
	color: #660000;
	padding: 2px 4px 2px 4px;
	border: 0px none #F5D3D3;
	border-right: 1px solid #F5D3D3;
	border-bottom: 1px solid #F5D3D3;
}
.listtable2 .listtable_alttr {
	background-color: #FFCCCC;
}


a {color: #7AA82D;text-decoration: underline;}
a:hover, a:focus {color: #8B1415;text-decoration: underline;}


.btn {display:inline-block; position:relative; vertical-align:middle; padding:0.5em 2em; font-size:1em; cursor:pointer; text-decoration:none; white-space:normal !important; line-height:1; border-radius: 1em;
font-family: 'Sigmar', Arial, Helvetica, sans-serif;}
.btn1 {background-color:#fff; color:#7AA82D;}
.btn1:hover, .btn1:focus {background-color:#efefef; color:#7AA82D; text-decoration:none;}
.btn2 {background-color:#7AA82D; color:#fff;}
.btn2:hover, .btn2:focus {background-color:#8B1415; color:#fff; text-decoration:none;}

.btn.open:before {content:" ";position:absolute;left:50%;bottom:-0.75em; margin-left:-0.75em; width:1.5em; height:1.5em; background-color:#B6C931;transform:rotate(45deg); transform-origin:50% 50%; z-index:-1;}

.outerContainer {height: auto;position: relative;clear: both;display: block; text-align:center;}
.innerContainer {max-width: 1450px;width: 100%; margin-left: auto;margin-right: auto;height: auto;position: relative;clear: both;display: block;overflow: visible;}

.bgFW {width:107%; margin-left:-3.5%; margin-right:-3.5%;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center;  font-size:1.25em; line-height:1.5em; padding:0.5em 10%;}


/* form */ 
.inputtextfield, .filefield, .selectfield { 
	box-sizing:border-box;
	color: #666;
	font-size:0.85em;
	font-family:inherit;
	margin: 0;
	background-color: transparent;
	line-height:1;
	width: 100%;
	height: auto;
	border: 2px solid #294D22; 
	border-radius: 8px;
	font-weight: 700;
	padding: 1em 2em;
}
.inputtextfield.security_code {width:6em; text-transform:uppercase;}
.inputtextfield.bordered {border: 0.067em solid #294D22;}
.inputtextfield:focus, .filefield:focus {
	color: #294D22;
}

.inputtextfield,
.inputtextfield::-webkit-input-placeholder {
	color: #999;
	transition: opacity .15s ease-in-out;
	opacity: 1;
}
.input-placeholder .input-field .input:hover::placeholder {
   opacity: 0.8;
}
.input-placeholder .input-field .input:focus::placeholder {
  	opacity: 0.2;
}


.input-placeholder { 
	text-align: center; 
	margin: 4em 0 0 0; 
	color: #999; 
	width: 100%; 
}
.input-placeholder p { 
	font-size: 2.25em; 
	text-align: left;
	display: inline-block;
	width: 48%;
	vertical-align: middle;
}
.input-placeholder .input-field > * { display: inline-block !important; }
.input-placeholder .input-field { 
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 50%;
}
.input-placeholder .input-field:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 6px;
	border-radius: 0.25em;
	background: #fff;
	bottom: -3px;
	left: 0;
}
.input-placeholder .input-field #inscriereBtn1.btn {
    font-size: 1.25em;
    font-weight: normal;
    text-transform: none;
	padding: 0.68em 0.9em;
    max-height: none;
}
.input-placeholder .input-field .input {
    -webkit-appearance: none;
	appearance: none;
	background: transparent;
	border: none;
	color: #294D22;
	font-size: 1.25em;
	font-weight: normal;
    vertical-align: middle;
    text-align: center;
    padding: 0.6em 0;
    width: 100%;
}
.input-placeholder .input-field .input::placeholder,
.input-placeholder .input-field .input::-webkit-input-placeholder {
	color: #999;
	transition: opacity .15s ease-in-out;
	/*opacity: 0.4;*/
	opacity: 1;
}
.input-placeholder .input-field .input:hover::placeholder {
  	/* opacity: 0.8; */
}
.input-placeholder .input-field .input:focus::placeholder {
  	/*opacity: 0.2;*/
}

.textareafield {box-sizing:border-box;
	font-size:1em;
	font-family:inherit;
	font-weight: normal;
	color: #666;
	margin: 0;
	padding: 0.4em;
	background-color: transparent;
	border: 0px none #fff;
	width: 100%;
	height: 6em;
	overflow-y: scroll;
}
.textareafield:focus {
	color: #294D22;
}

.inputbutton, .butalike { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	font-weight: normal;
	line-height: normal;
	color: #fff;
	font-size:1.5em;
	font-family:inherit;
	padding: 0.3em 2em;
	background-color:#7AA82D;
	height: auto;
	width: auto;
	cursor: pointer;
	border: 0px none #7AA82D;
	text-decoration: none;
	border-radius: 0.25em;
	box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.4);
}
.inputbutton:hover, .inputbutton:focus, .butalike:focus, .butalike:hover {
	background-color: #66901f;
	color: #fff;
	text-decoration: none;
}

#inscriereBtn1, .inscriereBtn1{
    display: block;
    position: relative;
    margin: 0.5em 0;
    box-sizing: border-box;
    font-weight: normal;
    color: #fff;
    font-size: 1.5em;
    font-family: inherit;
    padding: 0.85em 2em;
    background-color: #1F489B;
    height: auto;
    width: auto;
    cursor: pointer;
    border: 0px none #7AA82D;
    text-decoration: none;
    border-radius: 0.25em;
    line-height: 1;
    transition: background-color 0.16s ease-in-out;
    margin-top: 1em;
    box-shadow: none;
}
#inscriereBtn1:hover {background-color:#66901f;color:#fff;}

/* .selectfield {
	box-sizing:border-box;
	font-size:1em;
	font-family:inherit;
	background-color: #fff;
	color: #666;
	margin: 0;
	padding: 0.4em;
	height: auto;
	width: 100%;
	line-height: 1;
	border: 2px solid #94B957; 
	border-radius: 0.25em;
} */
.selectfield:focus {
	color: #294D22;
}

.inputGroup {position: relative; 
	display: block; float: left; clear:none;
	box-sizing:border-box;
	margin-top: 0.5em; width: 49%; text-align:left;
	/* padding:0.25em;  */
	border-radius: 15em;
	background-color: #fff;
	margin-bottom: 0.35em;
}
.inputRow>.inputGroup.right {float: right; display:block; clear:none;}
.inputGroup.inline {width:auto !important; display: inline-block !important; vertical-align:middle;}
.inputGroup.fullW, .inputGroup.w100 {display: block; width:auto !important; float:none !important; clear:both !important;}
.inputGroup label, .inputGroup .inp {box-sizing:border-box; 
position: relative; display: inline-block; vertical-align:middle;
width: auto; min-width: 30px; 
border-radius: 0.25em;
color:#7AA82D; text-align:left;
}
.inputGroup.inline label, .inputGroup.inline .inp {width:auto !important; min-width: 0 !important;}
.inputGroup label {text-align:left; color: #94B957; font-weight: 600; margin-bottom: 0.55em; }
.adr {}
.inputtextfield.str {width: 8em;}
.fullW.check { text-align: left; margin-top: 0.3em; font-size:0.925em;}
.inputGroup.noLabel label {display:none;}
.inputGroup .inp {width: 100%; text-align:left;}
/*
.inputGroupAltWrapper {margin: 1em 0; padding:0.45em; background-color:#f7f7f7; border-radius: 1em;}
.inputGroupAltWrapper .inputGroup {background-color: transparent;}*/

@media screen and (max-width: 1199px) {
	/*form {font-size:0.925em;}*/
	.inputtextfield, .filefield , .textareafield, .selectfield {width: 10em;}
}
@media screen and (max-width: 1124px) {
	/*form {font-size:0.875em;}*/
	.inputtextfield, .filefield , .textareafield, .selectfield {width: 9em;}
}
@media screen and (max-width: 1049px) {
	/*form {font-size:0.825em;}*/
	.inputtextfield, .filefield , .textareafield, .selectfield {width: 8em;}
}
@media screen and (max-width: 959px) {
	.inputGroup {display:block; width:100%; font-size:1em; float:none; clear:both;}
	.inputRow>.inputGroup.right {float: none !important; clear:both !important;}
	.adr .inputGroup:nth-child(even),  .inputGroup.dn {background-color:transparent;}
	.inputGroup.inline {position: relative; display: -moz-inline-stack; display: inline-block !important; zoom: 1; *display: inline; vertical-align:middle; width:auto !important; font-size:1em; text-align:left;}
	.inputGroup label, .inputGroup .inp {width: 100%; text-align:left;}
	.inputtextfield, .filefield , .textareafield, .selectfield {width: 100%;}
	.inputGroup.inline.str {display:block !important; width:100% !important; text-align:left;}
	.inputGroup.inline.str label, .inputGroup.inline.str .inp {width: 100% !important; text-align:left;}
	.inputGroup.inline.str .inputtextfield.str {width: 100%;}
	.inputtextfield.security_code {width:100%; text-transform:uppercase;}
	.datatable.castigatori td { font-size: 0.85em }
	.input-placeholder p { width: 100%; text-align: center; }
	.input-placeholder .input-field .input { font-size: 2em; }
	.input-placeholder .input-field { width: 90%; margin-bottom: 2em; }
}


/* ****** */
.errors {background-color:#dd0000; color:#fff; padding: 0.5em;}
.info {background-color:#fff; color:#7AA82D; padding: 0.5em;}
.success {font-family: 'Sigmar', Arial, Helvetica, sans-serif; color:#294D22; font-size:1.25em;}

.fld_container {position:relative;}
.eroare-inline { position:absolute; z-index:auto; left:0; bottom:100%; width:100%; background-color:#dd0000; color:#fff; padding:0.25em; font-size: 0.875em;}
.eroare-inline p { text-align:left; color: #fff; }
.selectfield.error_fld:focus,
.error_fld {
	border-color: #dd0000 !important;	
}

/* ****** */
#oetker-logo { display: flex; gap: 2em; align-items: flex-end; justify-content: space-between; max-width: 55%;  padding: 0.5em; }
#oetker-logo img{width:auto;  display:block; }
/*#oetker-logo .logo-mobile { display: block; }
#oetker-logo .logo-desktop { display: none; }*/

#oetker-logo .secondary-logo { margin-bottom: 0.25em;}
@media screen and (min-width: 960px) {
	#oetker-logo { width: 32%; max-width: 280px;  margin-left: 5%; padding: 0.25em 0; }
	/*#oetker-logo .logo-mobile { display: none; }
	#oetker-logo .logo-desktop { display: block; }*/
}

#main { position: relative; z-index:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#7AA82D; }
.js #main.loading:after {content:''; position:absolute; width:100%; height:100%; left:0; top:0; z-index:auto; background: rgba(255,255,255,0.9) url(../_images/loader.gif) 50% 50% no-repeat;}
.mainSection {position:relative;display:block;z-index:auto;margin:0; text-align:center;}
.mainSection .sectionHeader {background-color:#fff; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.4); text-align:center; padding:1.5em 1em 1.25em 1em; display:block; position:relative;}
.mainSection .sectionHeader h2 {text-align:center;color:#7AA82D; line-height:1;}
.innerWrapper { position:relative; max-width: 100em; margin: 0 auto;}

/* meniu */
#openMenuButton {display:none; width:3em; padding:0.5em; position: fixed; right: 5px; top: 1em; clear:none; box-sizing:border-box; z-index: 25; background-color: #fff; border-radius: 6px;}
#openMenuButton span.line {background-color:#7AA82D; width:100%; height:0.25em; max-width:2em; margin:0.3em auto 0 auto; display:block; transition: all 0.2s ease-in-out; border-radius: 6px;}
#openMenuButton span.line:first-child { margin-top: 0; }
body.locked #openMenuButton span.line { background-color: #7AA82D; }
#mainMenuPlaceholder {position:relative;padding: 3em 0 1em 0;height:1em;}


#header { 
	position:sticky;
	left:0; 
	top:0;
	width:100%;
    z-index: 4;
    margin: 0;
    padding: 0 0 0 0;
	box-sizing: border-box;
	background-color: #fff;
	transition: background-color 0.2s ease-in-out, padding 0.3s ease-in-out;
}
#header .header-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 117em;
	margin: 0 auto 0 0;
	transition: margin 0.2s ease-in-out;
}
#header.scroll {
	/* padding: 0.5em 0 0.5em 1em; */
	background-color: #fff;
}
@media screen and (min-width: 960px) {
	#mainMenuPlaceholder {padding: 3em 0 2em 0;}
	
	#header .header-container { padding: 1em 0; }
	#header.scroll .header-container { padding: 0; } 
	#header.scroll #oetker-logo { width: 25%; max-width: 200px;}
}
#mainMenu { 
    position: relative;
    z-index: 2;
    margin: 0;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    margin-left: auto;
    justify-content: flex-end;
    padding-right: 1rem;
}
#mainMenu li { 
    list-style-type: none;
    position: relative;
    font-size: 0.85em;
    justify-content: center;
    max-height: 3em;
/*    flex: 1 auto;*/
}
#mainMenu a.mainMenuButton {
	color:#294D22; 
	text-decoration:none;
	position:relative; 
	line-height:normal;
	z-index:auto;
	padding:0.25em 0.45em 0.15em 0.45em;
	width:auto;
	font-size: 2.25em;
	display: block;
	text-align:center;
	border-radius: 69px;
	transition: 0.2s ease-in-out;
	font-family: 'Sigmar', Arial, Helvetica, sans-serif;
}
#mainMenu a.mainMenuButton:focus,
#mainMenu a.mainMenuButton:hover {
	color: #7AA82D; 
	text-decoration: underline;
}
@media screen and (min-width: 425px) {
	#openMenuButton { top: 1em; right: 1em; }
}
@media screen and (max-width: 959px) {
	#openMenuButton {display:block;}
	#mainMenu {display:none; flex-direction: column;}
	#mainMenu { 
		display:none; 
		width:100%; 
		max-width: 100%;
		padding-top: 120px;
		padding-bottom: 2em;
    	position: fixed;
    	height: 100%;
    	background: #fff;
    	margin-top: 0;
    	top: 0;
		left: 0;
    	z-index: 15;
	    overflow-y: auto;
	    justify-content: center;
		padding: 0;
    }
	#mainMenu li { display:block; margin:0.25em auto; text-align:right; white-space: normal !important; width: 90%; }
	#mainMenu li:before {
		display: none;
	}

}
.menu-separator { margin: 0 0.25em; color: #7AA82D; opacity: 0;}

@media screen and (min-width: 960px) {
	#mainMenu a.mainMenuButton { font-size: 1.25em; display: inline-block; }
	#mainMenu li:before { content: '-'; display: inline-block; padding: 0em; font-size: 1.25em; color: #7AA82D; font-family: 'Sigmar', Arial, Helvetica, sans-serif; }
	#mainMenu li:first-child:before { content: ''; }
}

@media screen and (max-width: 1420px) and (min-width: 960px) {
	#mainMenu li { font-size: 0.75em; }
	#mainMenu a.mainMenuButton {font-size:1.25em;}
}
@media screen and (min-width: 1280px) {
	#mainMenu a.mainMenuButton { padding: 0.25em 0.45em 0.15em 0.45em; }
}



#clickLock {width:100%; height:100%; position:fixed; z-index:19; margin:0; left:0; right:0; top:0; bottom:0; background-color: transparent; background-color: rgb(255 255 255 / 80%); }
#contentFrame {position: absolute; z-index: 97;
width: 840px; max-width:90%; height:90%; top: 5%; left:50%; margin-left:-420px; /*margin-left:-70vh;*/ overflow:visible;
animation: zoomOut 0.5s linear 0s 1; transition: top 0.2s linear;
border-radius: 1em; border:2px solid #7AA82D; background-color: #fff; 
box-sizing: border-box;
}
#contentFrame #framedContent {position:relative; z-index:auto; overflow-x: hidden; overflow-y: hidden; min-height:9em;}
#contentFrame #framedContent.gray {background-color:#fff; border-radius: 1em}
#contentFrame #framedContent.gray.trans {background-color:rgba(255,255,255,0.95);}
a#contentFrameClose{width:1.25em; height:1.25em; position:absolute; z-index:99; font-family: Arial, Helvetica, sans-serif;;
display:block; top:0.25em; right:0.25em; background-color: #7AA82D; border: 2px solid #7AA82D;
color: #fff;
border-radius: 50% 50%; 
padding:0em 0em 0.125em 0em; text-align:center; font-size:2em; line-height: 1.15em;
text-decoration:none;
box-sizing: border-box;}
a#contentFrameClose:hover,
a#contentFrameClose:focus{
background-color: #9A1214; border: 2px solid #7AA82D; 
text-decoration:none;
}

.cfrm_logo {display:block; margin:0 auto; max-width:7em;}

.scrollHeader {padding:0 3em;position:relative;}
.scrolledContent {overflow-y: auto; padding-right: 1em; padding-left: 1em; min-height:100px;position:relative;}
.touch #contentFrame #framedContent #mainContent .scrolledContent {overflow-y: scroll; -webkit-overflow-scrolling:touch;}

.section { position: relative; padding: 4em 1em; width:100%; box-sizing:border-box; }
.section .content-container { max-width: 80em; margin: 0 auto; }
.section.premiiContent .content-container,
.section.mecanismContent .content-container { max-width: 92em; }
.section.produseContent p { color: #fff; text-align: left; font-size: 1.55em;  font-family: 'Sigmar', Arial, Helvetica, sans-serif;}
.section.despreContent { 
	padding: 0; 
	background: #7AA82D; 
	/* background: linear-gradient(180deg,rgba(252, 244, 176, 1) 0%, rgba(252, 244, 176, 1) 50%, rgba(253, 193, 15, 1) 100%); */
}
.section.despreContent h2 { color: #fff; }
.section .title-container { font-size: 1.5em; color:#fff; margin:0;position: relative; padding: 2em 0; }
.section.despreContent .title-container { text-align:center; padding: 0; line-height: 1.125;}

.section.despreContent { padding: 0; display: flex; align-items: flex-end;flex-wrap: wrap; }
.section.despreContent p { color: #fff; font-size: 1.25em; text-align: center;}
.section.despreContent .content-container { width: 100%; padding: 5.5em 0em 0em 0em; padding-top: 0; box-sizing:border-box;  }
.section.despreContent .content-container .content { text-align: left; position: relative; }
.section.despreContent .content-container .content-left { position: relative; align-self: stretch;}
.section.despreContent .content-container .content-left>img { max-height: 90vh;}
.section.despreContent .content-container .content-mobile { display: block; text-align: center;  
	position: absolute;
    left: 50%;
	width: 100%;
    font-size: 0.75em;
    z-index: 1;
    bottom: 1em;
    transform: translate(-50%, 0%);
} 
.section.despreContent .content-container .content-right { font-size: 0.75em;  text-align: center; max-width: 46em; padding: 2em; margin: 0 auto 0 auto; }

.section.despreContent .goose {position: absolute; right: 0; bottom: 0; width: 10%;}

.section.despreContent .image-container .headline1 {
	position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: 35%;
    transform: translateY(-50%);
    color: #7AA82D;
    text-shadow: 2px 2px 0px #fff, -2px 2px 0px #fff, 2px -2px 0px #fff, -2px -2px 0px #fff;
    text-align: center;
    font-size: 1.25em;
}
@media screen and (min-width: 425px) {
	.section.despreContent .image-container .headline1 { font-size: 6.5vw; }
}

@media screen and (min-width: 960px) {
	.section h2 { font-size: 2.5em; margin-bottom: 0.25em; }
	.section.despreContent { display: flex; align-items: flex-end;flex-wrap: wrap; 
	/* background: linear-gradient(rgba(252, 244, 176, 1) 0%, rgba(253, 193, 15, 1) 100%); */
	}
	.section.despreContent h2 { font-size: 1.5em; }
	.section.despreContent h2 .line-2 {display: block;}
	.section.despreContent .content-container { display: flex; justify-content: space-between; 
		padding: 0; max-width: 100%; align-items: center; }
	.section.despreContent .image-container .headline1 { font-size: 2.65vw; width: 84%; }
	.section.despreContent .content-container .content-right { display: block; margin: 0; padding: 2em;}
	.section.despreContent .content-container .content-right p { padding: 0 1.18em; margin-top: 1em;}
	.section.despreContent .content-container .content-mobile { display: none; }
}
@media screen and (min-width: 1280px) {
	.section.despreContent {  align-items: center; }
	.section.despreContent .content-container .content-right { font-size: 1em; }
}
@media screen and (min-width: 1920px) {
	.section.despreContent .content-container {
		max-width: 90%;
		margin-left: 0;
	}
}
@media screen and (min-width: 2180px) {
	.section.despreContent .image-container .headline1 { font-size: 3em; }
}
@media (max-width: 479px) {
/*	.section h2 { font-size: 2em; font-size: 15vw; }*/
	.section h2 img { max-height: 2em; }
}

#framedContent {text-align:left;}
#framedContent h2 {text-align:center; font-size:1.5em;}
#framedContent h3 {text-align:left !important; color:#7AA82D; font-size:1.25em;}
#framedContent h3.centered {text-align:center;}
/*
#pg-inscriere #mainContent,
#pg-regulament #mainContent, #pg-act-aditional-1 #mainContent, #pg-termeni #mainContent { font-family: Arial, Helvetica, sans-serif; }*/

#mainContent { padding: 3em 1em 2em 1em; z-index:15; position:relative; font-size:1.05em; }
@media screen and (max-width: 959px) {
	a#contentFrameClose {font-size: 1.5em;}
	#mainContent {padding:2em 1em 1em 1em;}
	#contentFrame {width:90%; left:5%; margin-left:0;}
}
@media screen and (max-width: 767px) {
	#mainContent {font-size:0.925em; }
}
@media screen and (max-width: 479px) {
	#mainContent {font-size:0.875em; }
}

/* buttons */
.general-button {
	position: relative;
	background-color: #7AA82D;
    display: inline-block;
    font-size: 1.5em;
    color: #fff;
    text-decoration: none;
    padding: 0.25em 1em;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    box-sizing: border-box;
    font-weight: normal;
    border: 0;
    cursor: pointer;
	border-radius: 16px;
	font-family: 'Sigmar', Arial, Helvetica, sans-serif;
}
.section.despreContent .general-button { 
	background-color:#ffffff; 
	color:#7AA82D; 
	text-transform: none; 
	font-size: 2em;}
.general-button.loading { background-color:#fff;
    background-image: url(../_images/loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    color: transparent !important;
    pointer-events: none;
    background-size: 1em;
    background-blend-mode: color-burn;
}
.general-button.large {
	font-size: 1.5em;
	padding: 0.45em 2em;
}
.general-button.medium {
	font-size: 1.5em;
	padding: 0.3em 1.25em;
}
.general-button.light {
	background-color: #fff;
	color: #7AA82D;
}
.general-button:hover,
.general-button:focus {
	opacity: 0.8;
	color: #eee;
	text-decoration: none;
	background-color: #294D22;
}
.general-button.light:hover,
.general-button.light:focus {
	color: #294D22;
}
@media screen and (min-width: 768px) {
	.general-button { font-size: 2em; }
	.general-button.large { font-size: 3em; }
	.general-button.medium { font-size: 2em; }
}

/* decorations */
.decoration { position: absolute; max-width: 28em; display: none; }
.dec1 { left: 0; top: -5em; width: 22%; }
.dec2 { left: 17%; top: 7em; width: 22%;}
.dec3 { left: 7%; top: -3em; width: 13%; }
.dec4 { left: 59%; top: -17%; width: 21%; }
@media screen and (min-width: 1440px) {
	.decoration { display: block; }
}


/* intro */
#headlineLarge {
	position: absolute;
    left: 3%;
    bottom: 62%;
    color: transparent;
    /*background: url(../_images/headline.png) no-repeat center;*/
    max-width: 74%;
    background-size: contain;
	height: 5em;
    top: 26%;
    transform: translateY(-50%);
}
/* @media screen and (min-width: 768px) {
	
} */

/* mecanism */
.premiiContent {
	background: #fff url("../_images/footer_premii.png") 50% 100% no-repeat; background-size: 100% auto;
}
.premiiContent:after {content:'';  background: #7AA82D; position: absolute; height: 4px; width: 100%; bottom: -2px; left: 0; }
.mecanismContent {
	background-color: #fff; padding: 0; margin: 0;
}
.premiiContent h2{
	color: #F5821F;
}
.mecanismContent h2 {
	color: #fff;
}
.mecanismContent .title-container { background: #7AA82D; }
.mecanismContent .title-container:after {content:''; position: absolute; height: 5vw; width: 100%; top: 100%; margin-top: -2px; left: 0; 
	background: #fff url("../_images/sep_mecanism.png") 50% 0% no-repeat; background-size: 100% auto;}

.mecanismContent .content-container { padding-top: 5vw; }
.premiiContent .steps-notice,
.mecanismContent .steps-notice { text-align: center; font-size: 1.5em; color: #fff200;  }
.steps-content {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    max-width: 90em;
    margin: 3em auto;
    /* padding: 0 1em; */
}
.steps-content .image { max-width:22em; }
.steps-content .pas {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 2em;
}
.steps-content .pas .step-nr {
	display: inline-block;
	font-size: 4em;
	vertical-align: bottom;
	line-height: 0.7em;
}
.steps-content .pas .text {
    font-size: 1em;
    color: #f68521;
	text-align: center;
	margin: 0 auto;
}
.steps-content.prizes {
	justify-content:space-around;
}
@media screen and (min-width: 768px) {
	.steps-content .pas {
		/* width: 50%; */
		width: auto;
		flex-direction: row;
		margin-bottom: 1em;
	}
	.mecanismContent .steps-content .pas {
		box-sizing: border-box;
	}
	.steps-content .pas .text {
		width: 70%;
		margin-left: 1em;
		max-width: 17em;
		text-align: left;
		font-size: 1.25em;
	}
	.steps-content.prizes .pas { width: 40%; }
	.steps-content.prizes .pas:nth-child(1) { width: 40%;}
	.steps-content.prizes .image { max-width: 40em; }
}

@media screen and (min-width: 1440px) {
	.steps-content .pas {
		width: 33%;
		margin-bottom: 0;
	}
	/* .steps-content .pas .text {
    	font-size: 1.45em;
    } */
}
/* premii */
.prizes-content {
	display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    max-width: 90em;
    margin: 2em auto 0 auto;
    padding: 0 1em;
}
.prizes-content .prize {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 2em;
}
.prizes-content .prize .text {
    font-size: 1.25em;
    max-width: 15em;
    /*margin-left: 1em;*/
    color: #7AA82D;
    /*font-family: Arial, Helvetica, sans-serif;*/
}/*
.prizes-content .prize .text span.font {
	font-family: Arial, Helvetica, sans-serif;
}*/
.prizes-content .prize .text span.large {
	font-size: 1.5em;
}
@media screen and (min-width: 768px) {
	.prizes-content .prize {
		width: 50%;
		margin-bottom: 1em;
	}
}

@media screen and (min-width: 1440px) {
	.prizes-content .prize .text {
    	font-size: 2.25em;
    	margin-top: 1em;
    }
    .prizes-content .prize .text span.large {
    	font-size: 1.5em;
    }
}

/* produse */
.produseContent {
	position: relative;
	background-color: #7AA82D;
}
.produseContent .title-container {padding-top:0;}
.produseContent h2 {color:#fff;}
.produseContent .innerWrapper {
	max-width: 100em;
	margin: 0 auto;
}

.produseContent .products-disclaimer { text-align: center; font-size: 1em; }
.produseContent .products-content {
	position: relative;
    z-index: 2;
    max-width: 70em;
    margin: 0 auto;
	padding: 0 1em;
}
.produseContent .products-text {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 80em;
	margin: 2em auto 0 auto;
	flex-direction: column;
}
.produseContent .products-text p {
	color: #fff;
	font-size: 1.5em;
	margin-bottom: 1em;
	text-align: center;
}
.produseContent .products-row {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin-bottom: 4em;
	align-items: flex-end;
}
.produseContent .products-row .clear {
	display: none;
}
.produseContent .products-row .product { margin-bottom: 2em; 
	/* width: 100%;  */
	max-width:15em; }
.produseContent .products-row .product .image { max-width: 15em; margin: 0 auto;}
.produseContent .products-row .text { font-size: 1em; margin-top: 1em;   
	/* font-family: 'Sigmar', Arial, Helvetica, sans-serif;  */
	color: #fff;
	min-height: 3.75em; line-height: 1.25;
}
.produseContent .products-row .image img { max-height: 8em; }
.produseContent .desktop-products { display: none; }
.produseContent .products-slider { text-align: center; margin-bottom: 2em; color: #fff; 
	/* font-family: 'Sigmar', Arial, Helvetica, sans-serif; */
}
.produseContent .products-slider img { margin: 0 auto 1em auto; }
@media screen and (min-width: 768px) {
	.produseContent .products-row .product { margin-bottom: 2em; margin-top: 1em; 
		/* width: 50%;  */
		max-width: none;}
}
@media screen and (min-width: 960px) {
	.produseContent .products-row .product { margin-bottom: 2em; margin-top: 1em; 
		/* width: 42%;  */
	}
	.produseContent .products-row .clear {
		display: block;
		width: 100%;
	}
	.produseContent .desktop-products { display: block; }
	.produseContent .products-slider { display: none; }
}
@media screen and (min-width: 1440px) {
	.produseContent .products-text {
		flex-direction: row;
	}
	.produseContent .products-text p {
		margin-bottom: 0;
		margin-right: 2em;
		text-align: left;
		font-size: 2em;
	}

}


/* inscriere  */
.inscriereContent {
	position: relative;
    text-align: center;
    background-color: #fff;
	font-family: 'Josefin Sans', sans-serif;
	color: #294D22;
}
.inscriereContent .general-button { font-family: 'Sigmar', Arial, Helvetica, sans-serif;}
.inscriereContent #inscriereFormCont {
    max-width: 42em;
    margin: 0 auto;
}
.inscriereContent .title-container {
	padding: 0;	
}

/* castigatori  */
.castigatoriContent {
	position: relative;
    text-align: center;
    z-index: 5;
	font-family: 'Josefin Sans', sans-serif;
	background-color: #fff;
}
.castigatoriHomepageContent {
	background-color: #7AA82D;
	text-align: center;
	font-family: 'Sigmar', Arial, Helvetica, sans-serif;
}
.castigatoriHomepageContent h2 {color: #fff;}
.castigatoriHomepageContent p {
	background-color: #fff;
	color: #294D22;
	border-radius: 2em;
	font-size: 1em;
	text-align: center;
	padding: 2em 3em;
	box-sizing: border-box;
	max-width: 32em;
    margin: 0 auto;
	line-height: 2em;
}
.castigatoriContent .winners-text {
	color: #7AA82D;
    padding: 1em;
}
.castigatoriContent .general-button {
    position: relative;
    margin-bottom: 2em;
}
.castigatoriContent p {
    font-size: 1.5em;
    color: #7AA82D;
    max-width: 54em;
    margin: 0 auto;
    text-align: center;
}
@media screen and (min-width: 768px) {
	.castigatoriContent .winners-text { background-color: #fff; padding: 2em; }
	.castigatoriHomepageContent p { font-size: 2em; line-height: 1.25em; }
}
@media screen and (min-width: 1440px) {
	.castigatoriContent .winners-text { background-color: #fff; padding: 2em 12em; font-size: 1.5em; }
	.inscriereContent #inscriereFormCont { font-size: 1.25em; }
	.section.castigatoriHomepageContent { padding-top: 8em; padding-bottom: 8em;}
}

/* footer */
#footer { text-align:center; padding:1.5em 1em; display:block; position:relative; background-color: #fff; color: #294D22;}
#footer p { margin: 2em 0;  text-align: center; font-family: 'Josefin Sans', sans-serif;}
#footerMenu {position: relative; text-align:center; margin:0 0 0 0; display:block;
 list-style-type: none; padding:5px;
box-sizing:border-box;}
#footerMenu li {list-style-type: none; position: relative; display: block; font-size:1em;}
a.footerMenuButton {padding:0.125em 0.5em; margin:0.125em 0; color: #294D22; text-decoration:none;
display:inline-block; position:relative; vertical-align:middle;line-height:normal;
border-radius: 0.25em;
text-transform: uppercase;
font-family: 'Sigmar', Arial, Helvetica, sans-serif;
}
a.footerMenuButton:hover, a.footerMenuButton:focus {
	background-color:#7AA82D; color:#fff;
}
@media screen and (min-width: 640px) { 
	#footerMenu li {display: inline-block; vertical-align:middle;  white-space:nowrap !important;}
}

@media screen and (min-width: 1440px) { 
	#footer p { font-size: 1.25em; } 
}

.teaser { color:#294D22; text-align:center; font-size:1.25em;}


.social-links a {margin: 0.5em;}
.social-links a img {max-width:3em;}

@media screen and (min-width: 768px) {
	.prizes-content, .steps-content {margin-top: 2vh;}
	.title-img {max-height:20vh;}	
	.prize-img {max-height:66vh;}
	.step-img {max-height:50vh;}
}

/* Slider */
.slick-prev,
.slick-next {
    height: 2em;
    width: 1em;
}
.slick-next {
    right: 0;
}
.slick-prev:before,
.slick-next:before {
    display: block;
    color: transparent;
    font-family: unset;
    height: 2em;
    width: 1em;
}
.slick-prev:before {
    background: url(../_images/prev.png) no-repeat center;
    background-size: contain;
}
.slick-next:before {
    background: url(../_images/next.png) no-repeat center;
    background-size: contain;
}
.slick-list {
    transition: height 250ms linear;
}
@media screen and (min-width: 768px) {
    .slick-prev,
    .slick-next {
        height: 3em;
        width: 1.5em;
    }
    .slick-prev:before,
    .slick-next:before {
        height: 3em;
        width: 1.5em;
    }
}