@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;
}

/* 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;
}



body {
	color: #000;
	line-height: 125%; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:1.25;
	margin: 0px;
	padding: 0px;
	text-align: center;
	word-wrap:normal;
	outline: none;
	background-color:#c2ce61;
}


body * {
	outline: none;
}
h2 {
	padding: 0;
	margin: 0;
	font-size:1.8em;
	margin-bottom:0.25em;
	line-height: normal;
	font-weight: normal;
	color:#fff;
}
h3 {
	padding: 0;
	margin: 0;
	margin-bottom:0.125em;
	font-size:1.25em;
	line-height: normal;
	font-weight: normal;
	color: #fff;
}
h4,h5,h6 {
	padding: 0;
	margin: 0;
	margin-bottom:0.125em;
	line-height: normal;
	font-weight: bold;
	color:inherit;
}
h4 {font-size:1.25em;}
h5 {font-size:1.125em;}
h6 {font-size:1em;}
.h2_title {padding:0; margin:0; font-size:2.8em; margin-bottom:0; line-height:normal; font-weight:bold; text-align: left;}
.h3_title {font-family:"HdlFnt1"; padding:0; margin:0; font-size:2.2em; margin-bottom:1em; line-height:normal; font-weight:normal;}


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;}
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;}


/* ---------------- Table ---------------- */
.listtable {
	border: 0px none #000;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif;
	color:inherit;
}
.listtable th {
	background-color: #000;
	color: #fff;
	padding: 2px 4px 2px 4px;
	font-weight: bold;
	border: 0px none #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
.listtable td {
	color:inherit;
	padding: 2px 4px 2px 4px;
	border: 0px none #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	text-transform: uppercase;
}
.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: #fff;
	padding: 2px 4px 2px 4px;
	font-weight: bold;
	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: #fff;text-decoration: underline;}
a:hover, a:active {color: #000;text-decoration: underline;}

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

/*  ---------------- form  ---------------- */ 
.inputtextfield, .filefield { 
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	color: #fff;
	font-size:1em;
	line-height:1;
	text-align: left;
	font-family:inherit;
	margin: 0;
	padding: 0.5em 0.25em;
	background-color: transparent;
	width: 100%;
	height: auto;
	border: none;
	-webkit-appearance: none;
	padding-left: 1em;
}
.inputtextfield.bordered {border: 0.067em solid #A4DBDB;}
.inputtextfield:focus, .filefield:focus { border-color: #f00; }
.textareafield { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	font-size:1em;
	font-family:inherit;
	font-weight: normal;
	color: #666;
	margin: 0;
	padding: 0.125em;
	background-color: transparent;
	width: 12em;
	height: 6em;
	outline: 0;
}
.textareafield:focus {
	outline: 0;
}

.inputbutton, .butalike { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	font-weight: normal;
	line-height: normal;
	background: #ed1c24;
	color: #fff;
	font-size:1.25em;
	font-family:inherit;
	padding: 0.25em 2em;
	cursor: pointer;
	border: 0px none #BF3137;
	text-decoration: none;
	/*height: 2em;*/
    vertical-align: middle;
    -webkit-appearance: none;
}
.inputbutton:hover, .inputbutton:focus, .butalike:active, .butalike:hover {
	opacity: 0.9;
	text-decoration: none;
}
#firstStepButton {
    display: block;
    text-align: center;
    padding: 0;
    height: auto;
    color: #fff;
    position: relative;
}
#finalFormButton {
    float: none;
    margin: 0.25em 0 0 0;
    z-index: 9;
    position: relative;
    display: block;
}

.selectfield {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	font-size:1em;
	font-family:inherit;
	background-color: #F9EFE1;
	color: #666;
	margin: 0;
	padding: 1px;
	height: auto;
	width: 12em;
	line-height: normal;
	border: 0px none #fff;
    width: 100%;
    background: transparent;
    color: #fff;
    padding: 0.5em 0.75em;
}
.selectfield:focus {
	color: #fff;
}

.selectoption {
	color: #000;
}

.inputGroup {position: relative; background: #fff; display: inline-block; vertical-align:middle; 
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width: 30%; text-align:left; padding: 4px;}
.inputGroup.wbg.seccode {padding: 0.3675em 0.25em;}
.inputGroup.inline {width:auto !important;}
.inputGroup.intro { width: 60%; }
.inputGroup label, .inputGroup .inp {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 
position: relative; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align:middle;
width: auto; min-width: 30px; 
color:#fff;
padding: 15px;
padding-right: 0;
}
.inputGroup.inline label, .inputGroup.inline .inp {width:auto !important; min-width: 0 !important;}
.inputGroup label {text-align:left;}
.inputGroup .inp {text-align:left; padding-left: 0;}
.inputtextfield.str {width: 8em;}
.nowidth {
	width: auto;
}


/*#overallWrapper {
	position:relative;
    background: #d0d8db url(../_images/bg1.jpg) 50% 0% no-repeat; background-size: contain;
}
@media screen and (max-width: 480px) {
	.inputGroup.wbg { width: 100% !important; margin-right: 0; margin-bottom: 1em;}
	#overallWrapper { background-size: contain !important; background-position: center 5em;}
}*/


#contactForm { text-align: center; }
#contactForm .inputGroup {
	position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 38%;
    text-align: left;
    margin-right: 0%;
    margin-bottom: 5px;
}
#contactForm .textareafield {
	border: 3px solid #1a1e55;
	padding: 10px;
	width: 76%;
}


/* ---------------- Footer ---------------- */
#footer{    
    padding: 0 0 0 0;
    position: relative;
	margin-top:-8em;
    box-sizing: border-box;
    background-size: cover;
    z-index: 64;
}
#footer .content {
	background: transparent url(../_images/footer_bg.png) 50% 0% no-repeat;
    background-size: cover;
}
#footer .footer-dec {
    position: absolute;
    left: 2em;
    bottom: 3em;
    width: 19vw;
}
@media screen and (min-width: 1920px) {
	#footer .content {
    	background-size: 100% 100%;
    }
}
@media screen and (max-width: 760px) {
	#footer .footer-dec { display: none; }
}


#footer p { color: #005825; }
#footer div, #footer h4 { color: #fff; }
#footer .footer-top { padding-bottom: 35px; padding-top: 20px; }
#footer .footer-bottom { padding-top: 8em; margin: 0; }
.footer-top h2 { width: 25%; display: inline-block; vertical-align: middle; text-align: center; margin: 0}
.input-footer { width: 49%; display: inline-block; }
#footer a {color: #fff;text-decoration: none;}
li.links a { margin-right: 10px;}
#footer ul { list-style: none; }
#footer ul li { display: inline-block; vertical-align: top; }
li.copyright { text-align: left; width: 33%; }
li.facebook { text-align: center; width: 33%; }
.facebook-img { background: url(../_images/fb-icon.png) no-repeat center; background-size: contain; text-indent: -99999px;overflow: hidden;height: 19px;width: 20px;display: inline-block;vertical-align: middle; }
.instagram-img { background: url(../_images/instagram.png) no-repeat center; background-size: contain; text-indent: -99999px;overflow: hidden;height: 19px;width: 20px;display: inline-block;vertical-align: middle; }
.youtube-img { background: url(../_images/youtube.png) no-repeat center; background-size: contain; text-indent: -99999px;overflow: hidden;height: 19px;width: 20px;display: inline-block;vertical-align: middle; }
li.links { text-align: right; width: 33%; margin-top: 1em; }
.button-footer img { background-size: contain; height: auto; max-width:85px; width: 100%; max-width: 260px; display: inline-block; vertical-align: middle; }

.input-container { background: url(../_images/footer-input.png) no-repeat center; height: 85px; }
.input-container input { background: none; border: none; font-size: 2em; padding: 22px 0; color: #fff; text-align: center; width: 230px; -webkit-appearance: none;}

input::-webkit-input-placeholder { color:#ddd;}
input::-moz-placeholder { color:#ddd;}
input:-ms-input-placeholder { color:#ddd;}
input:-moz-placeholder { color:#ddd;}
input:focus::-webkit-input-placeholder { color:#eee;}
input:focus::-moz-placeholder { color:#eee;}
input:focus:-ms-input-placeholder { color:#eee;}
input:focus:-moz-placeholder { color:#eee;}

input.security_code::-webkit-input-placeholder { color:#ddd; font-size:0.65em; text-align:center;}
input.security_code::-moz-placeholder { color:#ddd; font-size:0.65em; text-align:center;}
input.security_code:-ms-input-placeholder { color:#ddd; font-size:0.65em; text-align:center;}
input.security_code:-moz-placeholder { color:#ddd; font-size:0.65em; text-align:center;}



@media screen and (max-width: 760px) {
	#footer { position: relative; background:  }
	#footer .footer-bottom {
		padding-top: 6em;
		font-size: 1.25em;
	}
	#footer ul li { margin-bottom: 1em }
	#footer .content { padding-top: 0; }
}



/* ---------------- General ---------------- */
#main {position: relative; z-index:auto; -webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; box-sizing:border-box; font-size:1.125em;
	/*height: 100%;*/
	/*overflow: hidden auto;*/
}
.innerWrapper {max-width: 1157px; padding:0em 1em 1em 1em; margin:0 auto; position:relative;}
.mainSection {position:relative;display:block;z-index:auto;margin:0; text-align:center; padding-top: 1em; padding-bottom: 2em; }
.mainSection .innerWrapper {max-width: 69em; padding:0em 1em 1em 1em; margin:0 auto; position:relative;}
.mainSection p { color: #fff; font-size: 1em; line-height: 1.3em;}


.mainSection.inscriere p { color: #000; }
.mainSection.castigatori { padding-bottom: 2em; min-height: 32vw; }
.mainSection.castigatori * { color: #005825 !important; }
.mainSection.castigatori h3 { font-size: 1.15em; }
.mainSection.castigatori p { text-align: center; }
.mainSection h2 {padding: 1em 0 0.3em 0; }
.mainSection.premii { background: transparent; }
.mainSection.despre { background: transparent; }

/* ---------------- Header ---------------- */
.mainSection.intro { text-align: left;}
.mainSection.intro p { position: relative; font-size: 1.15em; text-align: left; max-width: 25em; margin: 0em 0 0 5em; color: #000; z-index: 2; }
.mainSection.intro .intro-img {
	text-align: right;
    width: 75%;
    margin: -23em 0 0 auto;
    float: right;
}
@media screen and (min-width: 760px) {
	.mainSection.intro p {
	    font-size: 1.45em;
	}
	h1, .h1 {
	    height: 2em;
    	width: 65%;
    	margin: 0;
	}
}

@media screen and (max-width: 1440px) {
	.mainSection.intro .intro-img {
	    float: right;
	    width: 45%;
	    margin: 0;
	}
	.mainSection.intro .intro-desc {
	    width: 50%;
	    float: left;
	}
}
@media screen and (max-width: 1170px) {
	.mainSection.intro .intro-desc {
	    margin: 0 0 1em 1em;
	}
}
@media screen and (max-width: 767px) {
	.mainSection.intro .intro-img,
	.mainSection.intro .intro-desc {
		display: block;
		width: 100%;
		float: none;
		margin: 0 auto;
	}	
	.mainSection.intro .intro-desc {
		padding: 0 1em;
    	box-sizing: border-box;
	}
	h1, .h1 {
		font-size: 2em;
	}
}

#headerProducts {position: relative; display: block; max-height: 60vh; max-width: 100%; width: auto; height: auto; margin: 2vw auto 0 auto;}
#headerProducts2 { position: absolute; left: 70%; top: 2em; }
#headerProducts3 { position: absolute; left: -6em; top: 3em; z-index: -1; height: 82%; }

@media screen and (min-width: 768px) {
	#headerProducts2 { left: 64%; }
}

@media screen and (min-width: 1920px) {
	#headerProducts2 { right: 0; left: auto;}
}


/* ---------------- Premii ---------------- */
.mainSection.premii .prizes {
    width: 58vw;
    margin-left: -5vw;
    margin-top: -1em;
    max-width: 60em;
    margin-bottom: 2em !important;
}
.mainSection.premii .prizes .prize {
	display: inline-block;
	vertical-align: middle;
	width: 30%;
	margin-right: 2%;
}
.mainSection.premii .prizes .prize:nth-child(2) {
	margin-top: -1em;
}
.mainSection.premii .prizes .prize:nth-child(3) {
	margin-top: -2em;
}

.mainSection.premii .prizes .prize img {}

.mainSection.premii .h1 {
	background-image: url('../_images/h1_premii.png');
    background-size: contain;
    padding-top: 0;
}

@media screen and (max-width: 1240px) {
	.mainSection.premii .prizes {
	    width: 100%;
	    max-width: 100%;
	    padding: 1em;
	    box-sizing: border-box;
	    padding: 0;
	    margin: 0 auto;
	}
}

@media screen and (max-width: 760px) {
	.mainSection.premii .prizes .prize {
	    margin: 0 auto 2em auto !important;
	    width: 49%;
	}
}


/* ---------------- Inscriere ---------------- */
.mainSection.inscriere .h1 {
	background-image: url('../_images/h1_inscriere.png');
    background-size: contain;
    padding-top: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 12em;
}

.mainSection.inscriere .inscriere-container,
.mainSection.inscriere .products-container {
	position: relative;
	display: inline-block;
	vertical-align: top;
    padding-top: 3em;
}
.mainSection.inscriere .inscriere-container {
	width: 35%;
}
.mainSection.inscriere .products-container {
    left: -2em;
    top: -1em;
}


a.btn-intro { background: url(../_images/confirm.png) no-repeat center;height: 60px; width: 260px; max-width:100%; color: #fff; text-decoration: none; font-size: 1.125em; padding: 15px 10px; background-size: contain;}
a.btn-intro:hover { text-decoration: none; color: #fff;  }
.pas1-intro .acord { margin-top: 1em; }
.pas1-intro p { margin-bottom: 1em; }
.pas1-intro .acord, .pas2-intro .acord { font-size: 0.75em; text-align: left; }
.pas1-intro .acord a,  .pas2-intro .acord a { color: #000; text-decoration: underline; font-weight: normal}
label.checkbox-final { font-size: 1.25em; color: #005825; margin: 1em 0 0 0; display: block; position:relative;}
input[type="checkbox"] {     
background: #c2ce61;
/*border: 5px solid #c2ce61;*/
vertical-align: baseline;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
width: 1em;
height: 1em;
border-radius: 0.25em;
-o-appearance: none;
appearance: none;
cursor: pointer;
margin:0;
vertical-align: baseline;
}
input[type="checkbox"]:checked { background: #005825 }
input[type="checkbox"]:checked:after { content:'\221A'; position:absolute; display:block; left:0em; top:0.125em; color:#fff; font-size:1em; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif;}
.pas2-intro .inputGroup {
    width: 100%;
    background: #005825;
    border-radius: 10px;
    color: #fff;
    margin-bottom: 0.45em;
}
.pas2-intro .inputGroup.half {
	display: inline-block;
	width: 48%;
}
.pas2-intro .inputGroup.seccode {
	display: inline-block;
	width: 60%;
	background:#fff;
}
.pas2-intro .inputGroup.seccode-inp {
	display: inline-block;
	width: 35%;
}

.pas2-intro .cod-valid { margin-bottom: 25px; color: #024f00;}
.pas2-intro .cod-valid span { 
background: url(../_images/ok.png) no-repeat center 0px;
text-indent: -99999px;
overflow: hidden;
height: 40px;
width: 38px;
margin-right: 8px;
display: inline-block;
vertical-align: middle; 
}
.pas2-intro p { margin-bottom: 1em; text-align: center; }

.pas3-intro h1 { margin-bottom: 0; }
.pas3-intro h2 { text-transform: none; font-size: 2.4em; margin-bottom: 45px;}

.fb-intro span { 
	background: url(../_images/fb-intro.png) no-repeat center 0px;
    text-indent: -99999px;
    overflow: hidden;
    height: 40px;
    width: 50px;
    display: inline-block;
    vertical-align: middle; 
}
.pas3-intro .fb-intro {    
	font-size: 1.25em;
    color: #fff;
    margin-bottom: 25px;
    display: block;
}
.eroare-intro, .errors {background:rgba(255,255,255,0.6); color:#e92933; padding:0.5em;text-align:center;}
.succes-intro {text-align:center;}
.eroare-intro p {color: #fff; text-align:center;}
.error-color, .error-color p, .error-color a, .error-color a:hover, .error-color a:active, .error-color a:focus {color: #e92933 !important;}



.mainSection.inscriere .inscriere-button {
    text-align: center;
    max-width: 16em;
    margin: 0 auto;
    box-sizing: border-box;
    font-size: 1.85em;
    position: relative;
    margin-top: -4em;
}
.mainSection.inscriere .inscriere-button img {
	position: relative;
	z-index: 5;
}
.mainSection.inscriere .inscriere-button a:before {
	content: "";
	background: url(../_images/inscriere_sub.png) no-repeat center;
    background-size: contain;
    width: 6em;
    height: 5.8em;
    position: absolute;
    left: 4.9em;
    top: -0.9em;
    z-index: 2;
    transform-origin: bottom left;
    transition: transform 0.2s ease-in-out;
    max-width: 100%;
}
.mainSection.inscriere .inscriere-button a:hover:before,
.mainSection.inscriere .inscriere-button a:focus:before {
	transform: translateX(-15px) rotate(18deg);
}
.mainSection.inscriere .inscriere-button a:after { 
    content: "";
    position: absolute;
    right: 0.28em;
    top: 2.7em;
    background: url(../_images/inscriere_bg.png) no-repeat center;
    background-size: contain;
    height: 4.3em;
    width: 7em;
    z-index: 1;
}

@media screen and (max-width: 567px) {
	.mainSection.inscriere .inscriere-button {
		font-size: 5.7vw;
	}
}


/* ---------------- Provocare ---------------- */
.mainSection.provocare { background: url(../_images/footer_repeat.jpg) repeat-x top; background-size: contain; font-size: 1em; }
.mainSection.provocare .container { background: url(../_images/footer.jpg) no-repeat top; background-size: contain; }
.mainSection.provocare p { font-size: 1.55em; text-align: center }
.mainSection.provocare .text { padding-top: 30em; z-index: 1 }
.mainSection.provocare .decoration { position: absolute; right: 0; top: -12em; width: 20em; }
.mainSection.provocare .decoration.second { top: auto; right: auto; left: 0; bottom: 0; width: 17em }

@media screen and (max-width: 2200px) {
	.mainSection.provocare .container {
		background-size: cover;
	}
}
@media screen and (max-width: 1580px) and (min-width: 1200px) {
	.mainSection.provocare .text {
	    padding-top: 24em;
	    padding-bottom: 6em;
	}
}
@media screen and (max-width: 1440px) {
	.mainSection.provocare .decoration, 
	.mainSection.provocare .decoration.second { width: 15em; }
	.mainSection.provocare .decoration.first { width: 25vw; top: -4em; }
	.mainSection.provocare .text { padding-left: 12em; }
}
@media screen and (max-width: 767px) {
	.mainSection.provocare {
	    font-size: 2vw;
	}
	.mainSection.provocare .decoration { display: none; }
	.mainSection.provocare .text { padding-left: 1em; }
}
@media screen and (max-width: 425px) {
	.mainSection.provocare .text {
	    padding-top: 30em;
	}
	.mainSection.provocare p {
		margin: 0 !important;
		font-size: 2.5em;
		padding-bottom: 0.5em;
	}
	.mainSection.intro .intro-desc {
    	font-size: 1.65em;
	}
	.mainSection.provocare.decoration { display: none; }
}


/* ---------------- Header ---------------- */
#inedit-logo {
    position: absolute;
    left: 34px;
    top: 30px;
    text-align: left;
    z-index: 9999;
    width: auto;
    height: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 8em;
}
#inedit-header {
    position: absolute;
    left: 0;
    top: 0;
    text-align: left;
    width: 100%;
    z-index: 80;
    height: auto;
    background: url(../_images/header_bg.png) no-repeat center;
    background-size: cover;
}
#inedit-header img {
    width: 100%;
    height: 198px;
    display: block;
    visibility: hidden;
}
#inedit-logo img {
    width: auto;
    height: 84px;
    display: block;
    position: static;
    margin: 0 auto;
}
#header{ text-align:left; width:100%; z-index:63; position: relative; top: 0; left: 0; }
#header .intro { 
	/*margin-top: 3em; position: relative; background: #d0d8db url(../_images/bg1.jpg) 50% 0% no-repeat; background-size: cover; min-height: 15em;*/

	position: relative; 
	background-image: url(../_images/bg.png); 
	background-repeat: repeat;
	z-index:1;
	padding-bottom: 4em;
    padding-top: 4em;
	overflow-x: hidden;

}

#header .h1, #header h1,
.mainSection .h1,
.mainSection h1 { 
	position: absolute; 
	top: 3em; left: 0; 	
	padding: 0; 
	background: url(../_images/h1.png?v=1) center no-repeat;
	color: transparent;
	/*text-indent: -99999px;*/
	user-select: none;
    background-size: contain;
    max-width: 8em;
    margin: 0 auto;
    height: auto; 
    font-size: 3.9vw;
}
.mainSection .h1 {
	display: none;
	width: 100%;
    position: relative;
    font-size: 3em;
    height: 2em;
    top: 0;
    margin-bottom: 0.45em;
}

@media screen and (min-width: 1920px) {
	#header .h1, #header h1 { font-size: 5em; top: 7vw; }
	/*#header .intro { height: 45vw; }*/
	#inedit-header { background-size: 100% 100%; }
}

.bx-wrapper img { margin-right: 1em !important; display: inline-block !important; }
#header .innerWrapper { padding: 20px 0; }
#homeMenu { position: absolute; left: 0; z-index: 63; }
.menu-trigger { cursor: pointer; display: none; position: absolute; right: 5%; background: url(../_images/menu-hamburger.png) no-repeat center; width: 31px; height: 50px;}
.menu-trigger.opn { background: url(../_images/close-popup.png) no-repeat center; }
.menu-btn, .menuBtnLink { font-size: 0.84875em; padding: 10px 5px;
display:inline-block; position:relative; vertical-align:middle;
cursor:pointer; text-decoration:none; white-space:normal !important;
background-color:transparent; border-left: 0px none #fff; color:#fff; }
.menu-btn:after, .menuBtnLink:fater { content: ''; padding: 0 0.25em; color: #fff !important;}
.menu-btn:last-child:after, .menuBtnLink:last-child:after { content: ''; }
.menu-btn .nl {display:none;}
.menu-btn:hover, .menuBtnLink:hover {color:#c2ce61; text-decoration: none; }
.menu-btn .txt, .menuBtnLink .txt {border-bottom: 1px solid transparent; display:inline-block; position:relative; color:inherit; text-decoration:inherit; padding: 5px 0;}
.menu-btn:hover .txt,
.menuBtnLink:hover .txt,
.menu-btn.active-section .txt { border-bottom: 1px solid #fff; }
.descriere-intro {display:inline-block; position:relative; vertical-align:top; width:50%; text-align:left; margin: 2em 0; z-index: 1; }
.inscriere .innerWrapper { text-align: left; }




/* ---------------- Despre ---------------- */
.mainSection.despre {
	background: url(../_images/bg2.png) no-repeat center;
	background-size: 100% auto;
	overflow: visible !important;
    background-position: center top;
    margin-top: -6em;
    z-index: 63;
    padding-top: 9em;
    padding-bottom: 7em;
}

.mainSection.despre .left,
.mainSection.despre .right {
	display: inline-block;
	vertical-align: middle;
	width: 43%;
	margin-bottom: 2em;
}
.mainSection.despre .left {
	margin-right: 6%;
	text-align: left;
}

.mainSection.despre .h2_title {
    text-shadow: 2px 3px #005825;
    color: #fff;
    font-size: 2em;
}

.mainSection.despre p {
	color: #fff;
	text-align: left;
}
.mainSection.despre .thumb p {
	text-align: center;
	margin-top: 1em;
	font-weight: bold;
}

.mainSection.despre .separator {
	margin: 1em auto;
	text-align: left;
}

.mainSection.despre #mainSlider {
	text-align: left;
}

.mainSection.despre #mainSlider .txt,
.mainSection.despre #mainSlider .img {
	display: inline-block;
	vertical-align: middle;
}
.mainSection.despre #mainSlider .img img {
    height: 22em;
    object-fit: contain;
}
.mainSection.despre #mainSlider .txt,
.mainSection.despre #mainSlider .txt * {
	color: #fff;
}
.mainSection.despre #mainSlider .link {
	width: 100%;
	text-align: center;
	padding-top: 5em;
}
.mainSection.despre #mainSlider .txt {
	width: 35%;
	padding-left: 4em;
}
.mainSection.despre #mainSlider .txt ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mainSection.despre #mainSlider .txt .title {
	font-weight: bold;
	font-size: 1.25em;
	margin: 0;
}
.mainSection.despre #mainSlider .txt .details {
	font-size: 1.25em;
	margin-bottom: 1em;
}
.mainSection.despre .slider-controls {
    display: block;
    position: relative;
    width: 100%;
    text-align: center;
    z-index: 68;
    /*top: -6em;*/
    margin: 2em auto;
}
.mainSection.despre .slider-controls > div {
	display: inline-block;
	width: 15%;
	cursor: pointer;
	transition: opacity 0.2s ease-in-out;
}
.mainSection.despre .slider-controls > div:hover,
.mainSection.despre .slider-controls > div:focus {
	opacity: 0.6;
}

.mainSection.despre .slider-container {
	padding-left: 2.2em;
	margin-top: 2em;
}

.general-button {
	display: inline-block;
	position: relative;
	background: #005825;
	border-radius: 12px;
	padding: 0.55em 1em;
	font-size: 1em;
	text-decoration: none;
	/*text-transform: uppercase;*/
	font-weight: bold;
	transition: opacity 0.2s ease-in-out;
	margin-bottom: 0.5em;
}
.general-button.yellow {
	background: #ffc70a;
}
.general-button:hover,
.general-button:focus {
	opacity: 0.8;
	text-decoration: none;
	color: #fff;
}

@media screen and (max-width: 1240px) {
	.mainSection.despre { margin-top: -3.4em; padding-top: 3em; }
	.mainSection.despre .thumb1,
	.mainSection.despre .content1 { width: 100%; text-align: center; }
	.mainSection.despre .left { margin-right: 0; max-width: 42em;}
	.mainSection.despre .slider-container { padding-left: 0; }
	.mainSection.despre #mainSlider .txt { width: 60%; padding-left: 0; padding-top: 1em; }
	.mainSection.despre #mainSlider .img { width: 35% }
	.mainSection.despre #mainSlider .img img { margin: 0 auto; }
	.mainSection.despre #mainSlider .txt,
	.mainSection.despre #mainSlider .img {
		width: 100%;
		margin-bottom: 1em;
		text-align: center;
	}
}
@media screen and (max-width: 620px) {
	.mainSection.despre { margin-top: -1.9em; }
	.mainSection.despre .thumb {
		width: 100%;
		text-align: center;
	}
	
	.mainSection.despre .slider-controls > div { width: 45% }
	/*.mainSection.despre .slider-controls { top: -10em; }*/
}
@media screen and (max-width: 468px) {
	.mainSection .h1 { display: block; }
	#header .h1, #header h1 { display: none; }
}

/* ---------------- Pasi ---------------- */
.descriere-pasi {
	position: relative;
    max-width: 72em;
    margin: 4em auto 0 auto;
}
.instructiuni-img {
/*	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: 0 auto;
	width: 100%;*/
	position: relative;
	overflow: hidden;
    background: #f4f2ea;
    border: 14px solid #000;
    box-shadow: 11px 11px 0px 0px #0000003b, 0 0 5px #000 inset;
    padding-top: 2em;
    text-transform: uppercase;
}
.instructiuni-img > * {
	padding-left: 1em;
	padding-right: 1em;
}
.descriere-pasi h2 {
	position: relative;
	color: #000;
    font-size: 4em;
    padding: 0;
    margin: -0.15em;
    z-index: 1;
    line-height: 1.2em;
    letter-spacing: 6px;
}
.descriere-pasi .text {
	position: relative;
	border-top: 2px solid #c2c0ba91;
}
.descriere-pasi .text:before,
.descriere-pasi h2:before,
.descriere-pasi h2:after {
	content: '';
	width: 100%;
	position: absolute;
    top: -7px;
	height: 2px;
	left: 0;
	background: #c2c0ba91;
}
.descriere-pasi h2:before {
    top: 13px;
}
.descriere-pasi h2:after {
    top: 8px;
    z-index: 0;
}
.descriere-pasi p {
	color: #000;
    font-size: 1em;
    text-transform: uppercase;
    margin-bottom: 2.2em;
    font-weight: bold;
    text-align: center;
    font-size: 1.06em;
    padding: 1em 0;
    max-width: 25em;
    margin: 0 auto;
}
.descriere-pasi span { display: inline-block !important; color: #ed1c24; margin: 0!important; padding: 0!important; }
.descriere-pasi .innerWrapper {
    max-width: 31em;
}

@media screen and (max-width: 767px) {
	.descriere-pasi h2 {
		font-size: 2em;
		letter-spacing: 0;
		line-height: 0.6em;
	}
}

/* ---------------- Despre Concurs ---------------- */

.mainSection.premii p {
	text-align: center;
	color: #000;
	font-size: 1.25em;
}

/*Castigatori*/
.mainSection.castigatori p { color: #545454; }
.mainSection.castigatori .info { margin-bottom: 25px; color: #fff; }
.mainSection.castigatori .h3_title { margin-bottom: 50px; }




/* ---------------- Responsive ---------------- */
@media screen and (max-width: 1320px) {
	#homeMenu { padding-left:1em; }
}

@media screen and (max-width: 1184px) {
	/*#main { font-size: 1.52vw; }*/
}

@media screen and (max-width: 1084px) {
	.mainSection.premii { background-image: none; }
}

@media screen and (max-width: 959px) {
	/*#main {font-size:1.75vw;}*/
	#headline1 {font-size: 2em;}
	.pas1-intro { margin-top: 0; }
	.pas2-intro button { float: none; margin-right: 0 }
	.premii-intro { text-align: center; margin-top: 50px;}
	.descriere-intro { text-align: left; padding-left: 2em; font-size: 0.85em; width: auto; float: left;}
	.inscriere .innerWrapper { text-align: center; }
	.eroare-intro p { text-align: center; }
	.inputGroup {display:inline-block; width:100%; font-size:1em; width: 265px; margin: 0 auto; }
	.inputGroup, .adr {background-color:rgba(255,255,255,0.85);}
	.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%;}
	.cod-intro .inputGroup { width: 100%; margin: 0 auto;}
	#finalFormButton { margin: 0 auto; display: block; float: none; margin-top: 1em;}
	.descriere-despre { width: 90%; text-align: center; }
	.descriere-despre .h3_title { text-align: center; }
	.descriere-pasi { height: auto; }
	.pasi-img { width: 32%; }
	.pas2-intro .inputGroup:nth-child(even) { margin-left: 0; margin-left: auto }
	.pas1-intro p:nth-child(3) { margin-bottom: 2em; }
	.mainSection.inscriere h2 { padding-top: 1.2em; }
	.pas1-intro h2 { text-align: left; }
	.lista-premii { max-width: 55em; }
	.lista-premii .premiu { width: 20em; margin-left:1em; margin-right: 1em; }
	.mainSection.inscriere .inscriere-container { max-width: 24em; width: 100%; margin: 0 auto; padding-top: 0; }
	.mainSection.inscriere .products-container { display: none; }
}
@media screen and (max-width: 767px) {
	#homeMenu { font-size: 1em }
	/*#header { z-index: 96; }*/
	.menu-btn, .menuBtnLink {font-size:1.125em; color: #fff; }
	#footer ul li { width: 100%; text-align: center; }
	.footer-top h2 { width: 100%; text-align: center; }
	.footer-top .input-footer { width: 100%; text-align: center; }
	#homeMenu { 
	    background: rgb(0 88 37 / 91%); text-align: center; left: 0; width: 100%; position: fixed; max-height: 0; overflow: hidden; 	
		transition: max-height 150ms linear;
	    padding-top: 5em !important;
		width: 100%;
		padding: 0;
		opacity: 0;
	}
	.menu-btn:after, .menuBtnLink:after { display: none; }
	#homeMenu.opn { max-height: 100%; opacity: 1; }
	.menu-btn, .menuBtnLink {font-size:1em; display: block; margin: 0; }
	.menu-trigger { display: block; padding: 0.7em 1em; z-index: 999; margin-top: -0.5em;}
	.mainSection.premii h2 { padding-top: 1.2em; }
	.symbol { height: 40px; }
	.descriere-concurs .stanga, .descriere-concurs .dreapta { font-size: 2em; }
	/*.pas2-intro { font-size: 1.65em; }*/
	.pas2-intro p { text-align: left; }
	.mainSection { padding-top: 40px; padding-bottom: 0; }
}

@media screen and (max-width: 479px) {
	#main {font-size:1.75vw;}
	.descriere-intro h1 { font-size: 2.5em; }
	.bx-viewport { height: auto !important; padding-bottom: 0; }
	.pasi-img p { font-size: 1em }
	#homeMenu.opn { max-height: 100%; padding-top: 6em; }
	.pas1-intro .acord, .pas2-intro .acord { font-size: 0.8em }
	.descriere-intro { margin-top: 1em; }
	.mainSection.intro p { padding: 1em 0 }
	.mainSection { font-size: 3em }
	.lista-premii .premiu { width: 12em; }
	.descriere-concurs .stanga, .descriere-concurs .dreapta { padding-bottom: 0; margin: 0; font-size: 1.65em; }
	.descriere-concurs .innerWrapper { padding-bottom: 17em; }
	.descriere-concurs .centru { max-width: 16em; }
	.mainSection.inscriere { font-size: 2.45em; text-align: left; }
	.pas2-intro { font-size: 1.25em; }
}
@media screen and (max-width: 340px) {
}








/*Popup*/
#clickLock {width:100%; height:100%; position:fixed; z-index:90; margin:0; left:0; right:0; top:0; bottom:0; background-color: transparent; background-color: rgba(0,0,0,0.7);}
#contentFrame {position: absolute; z-index: 97; max-width: 90%;
width: 960px; height:90%; top: 5%; left:50%; margin-left:-420px; overflow:visible;
/*animation: zoomOut 0.5s linear 0s 1; transition: top 0.2s linear;*/
}
#contentFrame.retetar {width: 96%; height:96%; top:3%; left:2% !important; margin:0  !important;}
#contentFrame #framedContent {position:relative; z-index:auto; overflow: visible; background-color: #F9EFE1; min-height:160px;}
#contentFrame #framedContent.gray {background-color:#fffcf6;}
#contentFrame #framedContent.gray.trans {background-color:rgba(249,239,225,0.95);}
a#contentFrameClose {width:1.25em; height:1.25em; position:absolute; z-index:99; 
display:block; top:0.25em; right:0.25em; background-color: #BF3137; 
border:2px solid #BF3137;
color: #fff !important;
-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; line-height:1em; 
text-decoration:none;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

a#contentFrameBack {width:1.5em; height:1.5em; position:absolute; z-index:99; 
display:block; top:0.5em; left:0.5em; background-color: transparent; 
color: #000;
-webkit-border-radius: 50% 50%; -moz-border-radius: 50% 50%; border-radius: 50% 50%; 
padding:0.125em 0em 0.25em 0em; text-align:center; font-size:1.5em; line-height:1em; 
text-decoration:none;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

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

#framedContent {text-align:left; font-size: 1em}
#framedContent a { color: #1a1e55 }
#framedContent p { margin-bottom: 0.2em;}
#framedContent h1 {text-align:center; font-size:1.8em; color: #1a1e55;}
#framedContent h2 {text-align:center; font-size:1.5em; color: #000}
#framedContent h3 {text-align:left !important; color:#000; font-size:1.25em;}
.scrolledContent table { margin: 10px 0; }
.scrolledContent table, .scrolledContent td { border: 1px solid #777; padding: 4px;}
#framedContent #mainContent { padding-top: 15px; }
#framedContent ul { margin-bottom: 1em; }
#framedContent { line-height: 1.4em; }
#mainContent {padding: 3em; font-size:1em !important; z-index:15; position:relative;}
@media screen and (max-width: 959px) {
	#mainContent {padding: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; }
}

#inscriereFormCont, #inscriereDSCFormCont{position:relative;}
#framedContent h2.title2 {font-family:"HdlFnt1", arial, helvetica, sans-serif !important; text-align:center !important; padding:0; margin:0; font-size:2.25em !important; margin-bottom:0.5em; line-height:normal; font-weight:normal; color: #fff;}

@media screen and (max-width: 1180px) {
.hideUnder1180 {display:none;}
}

@media screen and (max-width: 479px) {
	.h2_title{margin-bottom:0.25em;}
	#footer .footer-top { padding-bottom: 15px; }
	#footer .footer-bottom { padding-top: 2em; }
	#footer { background: #005825;  }
}


/* notificare cookie-uri */
#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: #000;
}
#cookiesAlert a { color: #e20015; }
#cookiesAlert a:hover, #cookiesAlert a:active, #cookiesAlert a:focus { color: #BF3137; }
a#cookiesAgreeBtn {
    background: #e20015;
    padding: 0.25em 2em;
    margin-left: 2em;
    color: #fff !important;
    text-decoration: none;
    display: inline-block;
    margin: 0.5em 1em;
}
a#cookiesAgreeBtn:hover, a#cookiesAgreeBtn:active, a#cookiesAgreeBtn:focus {
    background: #BF3137;
    color: #fff !important;
}

/* notificare prelucrare date */
.data_privacy_container {
	display: block;
	overflow: hidden;
    position: relative;
	margin-top: 0em;
	text-align: left;
}
.data_privacy_content {
	max-height: 12em;
	overflow-y: auto;
	background: rgba(255, 255, 255, 0.25);
	padding: .5em;
	position: relative;
	text-align: left;
}
.data_privacy_content * {text-align: left;}
@media screen and (max-width: 479px) {
	.data_privacy_content {max-height: 10em;}	
}
.data_privacy_content p, .data_privacy_content h6 {font-family:Georgia, serif; text-align: left;}
.data_privacy_content h6 {font-weight:bold; font-size:1.0675em;}
.data_privacy_content h5 {font-weight:normal; font-size:1.125em; text-transform:uppercase;}
.data_privacy_header {
	display: block;
	padding: 1em;
}
.data_privacy_footer {
	margin-top: 0.5em;
}
/*
.data_privacy_footer label {
	width: 60%;
	display: inline-block;
	vertical-align: middle;
	opacity: 0.6;
	pointer-events: none;
}
.data_privacy_footer label.active { 
	opacity: 1;
	pointer-events: auto;
}
.data_privacy_footer span {
	width: 22%;
	text-align: right;
	display: inline-block;
	vertical-align: middle;
	color: red;
}
.data_privacy_footer span.read { color: green; }
*/
.bx-wrapper .bx-controls-direction a.disabled  { opacity: 0.3 }
.bx-wrapper .bx-controls-direction a { top: 50% !important; transform: translateY(-50%) }
.bx-wrapper .bx-prev { right: 95% !important; }
.bx-wrapper .bx-next { left: 95% !important; }