@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;
}
body.prevent-scroll {
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
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;
}

/*@font-face {
    font-family: 'Textile';
    src: url('../_fonts/Textile.woff2') format('woff2'),
        url('../_fonts/Textile.woff') format('woff'),
        url('../_fonts/Textile.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*/

@font-face {
    font-family: 'Kavoon';
    src: url('../_fonts/kavoon/Kavoon-Regular.eot?v=2');
    src: url('../_fonts/kavoon/Kavoon-Regular.eot?#iefix&v=2') format('embedded-opentype'),
        url('../_fonts/kavoon/Kavoon-Regular.woff2?v=2') format('woff2'),
        url('../_fonts/kavoon/Kavoon-Regular.woff?v=2') format('woff'),
        url('../_fonts/kavoon/Kavoon-Regular.ttf?v=2') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
	color: #334a64;
	line-height: 125%; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:1.25;
	background: #fff;
	margin: 0px;
	padding: 0px;
	text-align: center;
	word-wrap:normal;
	outline: none;
	min-height: 100%;
	background: #ebebe9 url(../_images/bg_repeat.jpg) repeat center;
}


body * {
	outline: none;
}
h1 {
	padding: 0;
	margin: 0;
	font-size: 3.5em;
	font-weight: normal;
	color:#324a63;
	/* max-width: 13em; */
    margin: 1em auto 0 auto;
}
h2 {
	padding: 0;
	margin: 0;
	font-size:2.8em;
	margin-bottom:0.25em;
	line-height: normal;
	font-weight: normal;
	color:#324a63;
}
h3 { 
	padding: 0;
	margin: 0;
	margin-bottom:0.125em;
	font-size:1.25em;
	line-height: normal;
	font-weight: normal;
	color:#324a63;
}
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;}


/*i, em {font-family: "Times New Roman", Times, serif; font-style:italic;}*/

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:#BF3137;}
.blue {color:#324a63;}
.green {color:#B5C932;}
.h2-title { font-size: 1.36em; font-weight: bold; margin-bottom: 0; margin-top: 0.6em; }
.listtable {
	border: 0px none #324a63;
	border-left: 1px solid #833D57;
	border-top: 1px solid #833D57;
}
.listtable th {
	background-color: #833D57;
	color: #fff;
	padding: 2px 4px 2px 4px;
	font-weight: bold;
	border: 0px none #833D57;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.listtable td {
	color: inherit;
	padding: 2px 4px 2px 4px;
	border: 0px none #833D57;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	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: #FFFFFF;
	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: #833D57;text-decoration: underline;}
a:hover, a:active {color: #324a63;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 { 
	position:relative;
	display:inline-block;
	vertical-align:middle;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #324a63;
    text-align: left;
    font-family: inherit;
    margin: 0;
    text-align: left;
/*    font-weight: bold;*/
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid #324a63;
    padding: 0.4em 0.25em; 
    font-size: 1.125em;
	max-width:100%;
}

@media screen and (min-width: 959px) {
	.inputGroup.last { width: 88% }
	.inputtextfield, .filefield { min-width: 50%; }
}

.inputtextfield.bordered {border: 0.067em solid #A4DBDB;}
.inputtextfield:focus, .filefield:focus {
	color: #324a63;
}
.textareafield { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	position:relative;
	display:inline-block;
	vertical-align:middle;
	font-size:1em;
	font-family:inherit;
	font-weight: normal;
	color: #666;
	margin: 0;
	padding: 0.4em 1em; 
	background-color: transparent;
	width: 12em;
	height: 6em;
	border-radius: 0.25em;
}
.textareafield:focus {
	background-color: #fff;
	color: #324a63;
}

.inputbutton, .butalike { 
	position:relative;
	display:inline-block;
	vertical-align:middle;
	-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.125em;			
    font-family: inherit;
    padding: 0.5em 1.5em;
    text-decoration: none;    
    cursor: pointer;
    background: #f04d23;
    border-radius: 2em;
    border: 0;
    -webkit-appearance: none;
}
.butalike {
	background-color: transparent;
	border: 2px solid #324a63;
	color: #324a63;
	padding: 1em 2em;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	flex-flow: row;
	}
.butalike .button-arrow {
	margin-left: 1em;
	line-height: 0;
	max-height: 2em;
    width: 1em;
}
.butalike .button-arrow img {
	object-fit: contain;
	max-height: 100%;
    max-width: 100%;
}
.butalike.transparent {
	border-color: #fff;
	color: #fff;
    font-size: initial;
}

#firstStepButton:focus, 
#firstStepButton:hover,
.inputbutton:hover, .inputbutton:focus, .butalike:active, .butalike:focus, .butalike:hover {
	color: #fff;
	text-decoration: none;
	background: #cd9f46;
	border-color: #cd9f46;
}
#firstStepButton:focus .button-arrow, 
#firstStepButton:hover .button-arrow,
.butalike:active .button-arrow, .butalike:hover .button-arrow, .butalike:focus .button-arrow {
	filter: brightness(0) invert(1);
}

#firstStepButton {
	color: #fff;
	background-color: #324a63;
	text-transform: uppercase;
	font-size: 1.5em;
	padding: 0.8em 1em;
    border-radius: 1.6em;
}
#firstStepButton .button-arrow {
	margin-left: 0.1em;
	max-height: 1.6em;
    width: 0.8em;
	filter: brightness(0) invert(1);
}

#framedContent .butalike {
	background-color: #324a63;
	border-color: #324a63;
	color: #fff;
}
#framedContent .butalike:active, 
#framedContent .butalike:focus, 
#framedContent .butalike:hover {
	border-color: #fff;
	background-color: #cd9f46;
	color: #fff;
}
#framedContent .butalike .button-arrow {
	filter: brightness(0) invert(1);
}


.selectfield {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	-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;
}
.selectfield:focus {
	color: #324a63;
}
.inputGroup {position: relative; display: inline-block; vertical-align:middle; 
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:left; 
/*width: 11em; */
max-width:100%;
    justify-content: space-between;
    display: flex;
    align-items: flex-end;
    width: 100%;
}
.inputGroup.nr_bon {width:16em;}
.inputGroup.inline {width:auto !important;}
.inputGroup.main-input label { font-size:1.25em; }
.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; max-width:100%;
color:#324a63;
}
.inputGroup.inline label, .inputGroup.inline .inp {width:auto !important; min-width: 0 !important;}
.inputGroup label {text-align:left; display: flex; align-items: center;justify-content: space-between;}
.inputGroup .inp {text-align:left; padding-left: 15px 0;}
.inputtextfield.str {width: 8em;}

input::-webkit-input-placeholder { color:#324a63;}
input::-moz-placeholder { color:#324a63;}
input:-ms-input-placeholder { color:#324a63;}
input:-moz-placeholder { color:#324a63;}

.inputGroup.wbg.b input::-webkit-input-placeholder { color:#272460;}
.inputGroup.wbg.b input::-moz-placeholder { color:#272460;}
.inputGroup.wbg.b input:-ms-input-placeholder { color:#272460;}
.inputGroup.wbg.b input:-moz-placeholder { color:#272460;}
.inputGroup.wbg.b .inputtextfield { border-color: #272460; color: #272460;}

input:focus::-webkit-input-placeholder { color:#cc1a1a  !important;}
input:focus::-moz-placeholder { color:#cc1a1a  !important;}
input:focus:-ms-input-placeholder { color:#cc1a1a  !important;}
input:focus:-moz-placeholder { color:#cc1a1a  !important;}



@media screen and (max-width: 959px) {
	.inputGroup, .inputGroup.cod {display:block; font-size:1em; padding:0.25em 0.5em; width: 100%; margin: 0 auto; margin-bottom: 0.5em;}
	.inputGroup:nth-child(even), .adr {background-color:rgba(255,255,255,0.1);}
	.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%; padding: 0.7em 3em; font-size: 0.9em;}
	.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;}
}
.nowidth { width: auto; }

#footer { background: #ebebe9 url(../_images/bg_repeat.jpg) repeat center; font-size: 1em;  padding: 2em 0; box-sizing: border-box; font-family: "Kavoon", sans-serif;color: #340000;}
#footer .footer-bottom { display:flex; flex-direction: column; justify-content:space-between; align-items:center; }
#footer a {color: #340000;text-decoration: none; }

#footer ul.links { list-style: none; margin: 1em auto 0 auto; text-align: center;}
#footer ul.links li { display: inline-block; }
#footer ul.links li a { display: inline-block; margin: 0.5em 1em;}


#header { text-align:left; width:100%; z-index:80;font-family: "Kavoon", sans-serif;background-color:#ffebdd;display: flex; align-items: center; padding:1em; box-sizing:border-box;padding-bottom:0; }
#header .innerWrapper { display: flex; align-items:center; justify-content:space-between; padding:0; flex-wrap:wrap; }
#header,
.mainSection.home {
	background-color: #dcae55;
	background: linear-gradient(90deg,rgba(220, 174, 85, 1) 0%, rgba(228, 192, 94, 1) 50%, rgba(220, 174, 85, 1) 100%);
}

#logo { min-width:8em; display:flex; align-items:center; width: 35%; }
#logo .logo-img { max-width: 215px; width:100%; }
.soccial-menu {
    display: flex;
    align-items: center;
}
.soccial-menu-text {
    max-width: 8em;
    margin-left: 1em;
    display: none;
    color: #340000;
}
.soccial-menu-icon {
	margin-right: 0.45em;
	max-width: 3em;
	line-height: 0;
	width: 2em;
}
@media only screen and (min-width: 768px) {
	#header { padding-bottom: 1em; }
	/* #logo { width:40%; } */
	.soccial-menu-icon { width: auto; }
	#logo { width: auto; }
}
@media only screen and (min-width: 1280px) {
	.soccial-menu {
		width: 33%;
	}
	.soccial-menu-text {
	    display: block;
	}
	.soccial-menu-icon {
		transform: scale(0.8);
	}
}

#main {position: relative; z-index:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:1.125em;
	font-family: "Kavoon", sans-serif; }
.sectionHeader { padding-top: 5.3em; max-width: 44em; margin: 0 auto; }
.premii .sectionHeader { padding-top: 5em; }
.premii .sectionHeader h2 { margin-bottom: 0; }
.sectionHeader p { /*font-weight: bold;*/ }
.mainSection p { color: #324a63; line-height: 1.2em; font-size: 0.7em; text-align: center;}
.mainSection {position:relative;display:block;z-index:auto;margin:0; text-align:center; /* margin-top: -20px; */ }
.mainSection.despre { background: #e84e1b; }

.innerWrapper { width:100%; max-width: 1600px; padding:0em 1em 1em 1em; margin:0 auto; position:relative;box-sizing: border-box;}
.mainSection .innerWrapper {padding:0em 1em 0.4em 1em; margin:0 auto; position:relative;}
@media screen and (min-width: 1200px) {
	.mainSection .innerWrapper { padding:0em 4em 0.4em 4em; }
}

/* Menu CSS */
#homeMenu {text-align:right;white-space:nowrap !important; display: inline-block;}
.menu-trigger { cursor: pointer; display: none; right: 1em; top: 1em; background:#340000 url(../_images/menu-hamburger.png) no-repeat center; width: 40px; height: 40px; border-radius: 15%;}
.menu-trigger.opn { background:#340000 url(../_images/close-popup.png) no-repeat center; }
.menu-btn {font-size: 1.13em;padding: 10px 0;position:relative; vertical-align:middle; margin:0em 1em;
cursor:pointer; text-decoration:none; white-space:normal !important;
background-color:transparent; border-left: 0px none #fff; color:#340000; height: 30px; }
.menu-btn:hover {color:#f04d23; text-decoration: none; }
.eroare-intro { margin: 0.5em 0; display: none; font-size: 0.85em; }
.showOnError.eroare-intro {margin:0; background: #fff; padding: 0.5em; box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);}
.showOnError .errTxt {position: relative;}
.showOnError .errTxt:after {content: ''; position: absolute; right: 20%; bottom:-0.75em; width: 0.5em; height: 0.5em; background: #fff; transform: rotate(45deg); box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.3);}
.eroare-intro p { text-align:center; color: #e92933; }
.eroare-intro h1 { color: #e92933; }
.eroare-intro h2 { text-transform: none; margin-bottom: 60px;  }
.success-msg p {color: #324a63; margin-bottom: 10px;}
.error_fld { border-color:#e92933; }

.errors {color: #e92933; text-align:center; padding: 1em 0;}
.errors p {text-align:center;}

/* ------------- Main Content CSS ------------- */
.section-title { display: flex; justify-content: space-around; flex-wrap: wrap; align-items: center; flex-direction: column;  padding: 0.45em 1em; color:#324a63; font-size:1.45em; width:100%; margin: 0 auto; box-sizing:border-box; }
.section-title .butalike { margin-top:0.45em; font-size:0.55em; }
@media screen and (min-width: 768px) {
	.section-title { flex-wrap: nowrap;  flex-direction: row; font-size:2em; }
	.section-title .butalike { margin-top:0; }
}
.mainSection.home .home-intro-text {
	/* left: 0; */
	width: 100%;
	/* font-size: 0.8em;  */
	/* padding-left:1em; */
	position:relative; 
	text-align: center;
	overflow: hidden;
	/* top: -11vw;  */
}
.mainSection.home .home-intro-text .description {
	font-size: 1.85em;
    margin: 1em 0;
}
.mainSection.home .home-intro-scroll {
	display: flex;
	align-items: flex-start;
	justify-content: space-around;
	flex-wrap: wrap;
}
.home-intro-scroll .prize-image { max-width: 40%; }
.mainSection.home .home-intro-scroll .butalike { width: 100%; margin-bottom: 1em; white-space: nowrap; font-size: 1.85em;}
.mainSection.home .home-intro-scroll .prize-text {
	color: #324a63;
	text-align: center;
	font-size: 1.45em;
    width: 33%;
    min-width: 8em;
    align-self: center;
}
.mainSection.home .home-intro-scroll .prize-text .prize-text-size {
	color: #324a63;
	display: block;
	font-size: 3em;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 0.25em;
}
.mainSection.home .home-intro-image { position: relative; width: 100%; min-height: 0; right: -1em; }
.mainSection.home .home-intro-image img { visibility: visible; }
@media screen and (min-width: 468px) {
	.mainSection.home .home-intro-scroll { flex-wrap: nowrap; justify-content:flex-start; }
	.mainSection.home .home-intro-scroll .butalike  { width:auto; font-size:1.25em }
}
@media screen and (min-width: 768px) {
	/* .mainSection.home .home-intro-text { top: 4em;position: absolute; width: 50%;  } */
	.mainSection.home .home-intro-image { 
/*		min-height:60vh; */
		right: 0 }
	.mainSection.home .home-intro-image img { visibility: hidden; }
}
@media screen and (min-width: 1630px) {
	.mainSection.home .home-intro-text { font-size: 1em; padding-left:0;}
	
}



.mainSection.inscriere .register-steps {
	border:4px solid #cd9f46;
	border-bottom: 0;
	border-radius: 60px 60px 0 0;
	background-color: #cd9f46;
	color: #ffffff;
}
.mainSection.inscriere .register-steps .section-title {
	color: #ffffff;
}
.mainSection.inscriere .register-content {
	max-width: 62em;
    margin: 0 auto;
}
.mainSection.inscriere .register-form {
	display: flex;
	flex-direction: column;
	position: relative;
	padding: 1em;
	box-sizing: border-box;
	/* min-height: 22em; */
	display: flex;
	align-items: center;
	align-self: stretch;
	border: 4px solid #cd9f46;
	justify-content: center;
	align-items: flex-start;
	gap: 1em;
}
.register-form__left {
	
}
.register-form__right {
	display: flex;
    flex-direction: row;
    gap: 1em;
	flex-wrap: wrap;
	justify-content: center;
}
.register-form__color {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 98%;
	margin-top: 1em;
}
.register-form__color label {
	font-size: 1.25em;
}
.register-form__color #register_culoare {
	appearance: none;
	font-size: 1.125em;			
    font-family: inherit;
    padding: 0.5em 1.5em;
    text-decoration: none;    
    cursor: pointer;
    border-radius: 2em;
	background-image: url(../_images/arrow_down.png);
	background-position: 90% center;
	background-repeat: no-repeat;
	background-color: #ffa93b;
	color: #fff;
    border: 2px solid #324a63;
    padding: 1em 2em;
	flex: 1 auto;
    max-width: 55%;
}
.register-form__color #register_culoare:hover,
.register-form__color #register_culoare:active {
	opacity: 0.8;
}
@media screen and (min-width: 960px) {
	.mainSection.inscriere .register-form {
	    width: 100%;
    	max-width: 100%;
	    margin-bottom: 2em;
		flex-direction: row;
		gap: 5em;
	}
	.register-form__right {
		flex-direction: column;
	}
	.register-form__color {
		display: block;
		position: absolute;
		right: 1em;
		top: 1em;
		width: 13.5em;
		text-align: center;
		margin-top: 0;
	}
	.register-form__color #register_culoare {
		max-width: none;
		width: 100%;
		display: block;
	}
	.register-form__color label {
		text-align: center;
	}
}
@media screen and (min-width: 1200px) {
	.mainSection.inscriere .register-form {
		padding: 1em 5em 2em 5em;
	}
	.register-form__color { 
		right: 5em;
		top: 2em;
	}
}

.mainSection.despre .h2-title { color: #ffffff }
.descriere-pasi { margin-left: 0; background-size: 70%; text-align: center; margin-top: 2em; margin-bottom: 2em; list-style: none;}
.pasi-img { position:relative; display: inline-block; width: 20em; vertical-align: top;}
.pasi-img img { display: block; margin: 0 auto; margin-bottom: 1em; height: 9em;}
.pasi-img p { text-align: center; color: #ffffff; font-weight: 600; width: 78%; font-size: 0.78em; margin: 0 auto; line-height: 1.5em;}
.pasi-img:after { 
    content: '';
    width: 3em;
    right: -1.5em;
    top: 3em;
    height: 9em;
    position: absolute;
    display: inline-block;
    background: url(../_images/small-separator2.png) no-repeat;
    background-position: right bottom;
    background-size: contain;
 }
.pasi-img:last-child:after { content: none; }

.mainSection.castigatori { margin-top: 2em; }
.mainSection.castigatori .sectionHeader { padding-top:0; }
.mainSection.castigatori .section-content { padding: 2em 1em; }
.mainSection.castigatori h3 { color: #102c6e; text-transform: uppercase; font-size: 1.15em; }
.mainSection.castigatori p { color: #324a63; margin: 3em auto 3em auto; font-size: 0.6em; text-align: justify; max-width: 940px}
.mainSection.castigatori .info { width: 80%; margin: 2em auto; color: #324a63; text-align: center; font-size: 0.78em; /*font-weight: bold;*/}
.mainSection.castigatori .h3_title { margin-bottom: 50px; }

.mainSection.produse .products-content {
	/* padding: 0 1em 0 1em; */
	box-sizing: border-box;
	width: 100%;
}
.mainSection.produse .section-title {
	background: url(../_images/bg_bottom.png) no-repeat center;
	background-size: auto 100%;
	padding: 4em 1em;
	margin-bottom: 1em;
}
@media screen and (min-width: 768px) {	
	/* .mainSection.produse .products-content { padding: 0 2em 0 2em; } */
	.mainSection.produse .section-title { background-size: 100% 100%; }
}
@media screen and (min-width: 1280px) {	
	/* .mainSection.produse .products-content { padding: 0 4em 0 4em; } */
}


.mainSection.premii {
	position: relative;
	margin-bottom: 5em;
}
.mainSection.premii::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 5em;
	width: 100%;
	z-index: 1;
	background: url(../_images/fade_header.png) repeat-x center top;
	background-size: 100% 100%;
}
.mainSection.premii .premii-placeholder {
	user-select: none;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(220, 175, 85, 1) 0%, rgba(220, 175, 85, 1) 68%, rgba(220, 175, 85, 0) 80%);
}
.mainSection.premii .premii-placeholder-img {
	width: 100%;
    display: block;
	max-width: 120em;
	margin: 0 auto;
	user-select: none;
	pointer-events: none;
}
.mainSection.premii .premii-placeholder-img.desktop { display: none; }
.mainSection.premii .premii-placeholder-img.mobile { display: block; }

.mainSection.premii .prizes-content {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-top: -25%;
}
.mainSection.premii .prize-img {
	max-width: 21em;
	object-fit: contain;
	margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
	.mainSection.premii .premii-placeholder-img.desktop { display: block; }
	.mainSection.premii .premii-placeholder-img.mobile { display: none; }
	.mainSection.premii::before { height: 10em; }
}
@media screen and (min-width: 1080px) {
	.mainSection.premii {
		margin-bottom: -8em;
	}
	.mainSection.premii .prizes-content {
		justify-content: space-between;
		position: absolute;
		gap: 0;
		margin-top: 0;
		max-width: 94em;
		width: 90%;
		left: 50%;
		top: 15%;
		transform: translateX(-50%);
	}
	.mainSection.premii .prize-img {
		max-width: 50%;
		margin-bottom: 0;
	}
}

.pas1-intro { display:flex; flex-direction:column; text-align: left; position: relative;}
.pas1-intro p { font-size: 0.95em; /*font-weight: bold;*/ max-width: 31em; text-align: center; display: inline-block; }
.pas1-intro .hideOnError { margin: 0 auto 0.3em auto; padding: 1em; }
.pas1-intro span.acord { font-size: 0.85em; font-weight: normal; 
	color: #324a63; 
	margin-top:0.2em; 
	padding-left: 0.5em;
/*	font-family:Arial, Helvetica, sans-serif;*/
}
.pas1-intro span.acord a { color: #15212E; /*font-weight: bold;*/ text-decoration: none; border-bottom: 1px solid;}
.pas1-intro .disclaimer { font-size: 0.875em; margin-bottom: 0; margin-top:1em;}
.pas1-intro .disclaimer p { display: block; text-align: left !important; margin: 1em 0 0 0; font-weight: 300; }
.pas1-intro input[type="checkbox"], #inscriereForm input[type="checkbox"]{     
vertical-align: bottom;
background: none;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
width: 20px;
height: 20px;
-o-appearance: none;
appearance: none;
cursor: pointer;
 border-radius:3px; 
 background-color: #fff;
 box-shadow: inset 0 0 0 5px #383838;
}
.pas1-intro input[type="checkbox"]:hover, #inscriereForm input[type="checkbox"]:hover,
.pas1-intro input[type="checkbox"]:active, #inscriereForm input[type="checkbox"]:active {
	background: rgba(54, 77, 101, 0.612);
}
.pas1-intro input[type="checkbox"]:checked, #inscriereForm input[type="checkbox"]:checked { background: #324a63;}
.pas2-intro { text-align: center; max-width: 80%; margin: 0 auto; position: relative;}
.pas2-intro .inputGroup {padding: 7px; position: relative;}
.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: #2142a3;
    margin-bottom: 25px;
    display: block;
}
#contactForm { text-align: center; }
#contactForm .textareafield {
	border: 2px solid #272460;
	padding: 10px;
	width: 78%;
}
#contactForm .inputGroup { margin-bottom: 0.6em; }
@media screen and (max-width: 1400px) { 
	.bratara.g,.container-bratara.e,.bratara.f { display: none; } 
	.bratara.a { left: 90% }
	.container-bratara.d { left: 70% }
	.bratara.b { right: 71% }
	.bratara.c { right: 87% }
	.mainSection.castigatori p { font-size: 1em }
}
@media screen and (max-width: 1180px) {
	.menu-btn { font-size: 0.98em; margin: 0em 0.7em; }
}
@media screen and (max-width: 959px) {
	#main {font-size:1em;}
	#headline1 {font-size: 2em;}
	#homeBg {background-size:960px 100%;}
	.pasi-img, ul.lista-premii li { width: 20em; }
	.pasi-img:after { display: none; }
	.descriere-pasi { margin-bottom: 0;}
	.pas1-intro { margin-top: 0; }
	.pas2-intro button { float: none; margin-right: 0 }
	.pas2-intro p { text-align: center; }
	.premii-intro { text-align: center; margin-top: 50px;}
	.descriere-intro { width: 90%; text-align: center;}
	.home .innerWrapper { text-align: center; }
	.pachete-img { width: 100%; text-align: center; margin-left: 0; background-position: center; background-size: contain;} 
	.eroare-intro p { text-align: center; }
	.pas1-intro p, .pas1-intro .hideOnError { margin: 1em auto 0 auto; text-align: center !important; }
	.sectionHeader { padding-top: 3em; }
	.h2-title { margin-bottom: 1em; }
	.path { display: none; }
	.contentSeparator.big { height: 32em; background-size: cover; }
	.premii .sectionHeader { padding-top: 5em; }
	.mainSection.castigatori p { font-size: 0.8em }
	.pas1-intro span.acord { font-size: 0.85em; }
	.mainSection.premii .prize { width: 100%; max-width: 25em; display: block; margin: 1em auto; }
}
@media screen and (max-width: 767px) {
	#header { height: auto; }
	#homeMenu.opn {  max-height: 200px;  }
	.menu-btn {font-size:1em; display: block; margin: 0; color: #fff;}
	.menu-btn:hover { color: #324a63 }
	.menu-trigger { display: inline-block; }
	#footer ul li { width: 100%; text-align: center; }
	#homeMenu { background:#340000; text-align: center; width: 100%; position: relative; max-height: 0; z-index: 1; overflow: hidden;
    -webkit-transition: max-height 150ms linear;
    -moz-transition: max-height 150ms linear;
    -o-transition: max-height 150ms linear;
    transition: max-height 150ms linear;
    margin-top: 1em;
    border-radius: 6px;
	}
    #footer li.links, #footer li.copyright { width: 100%; text-align: center; margin-bottom: 1em; float:none;}
}
@media screen and (max-width: 479px) {
	ul.lista-premii li, .descriere-pasi li {display: block; width: 100%; margin-top: 2em;}
	ul.lista-premii li span { bottom: -5px; }
	.h2_title{margin-bottom:0.25em;}
}

/* ------------- Content Frame ------------- */
#clickLock {width:100%; height:100%; position:fixed; z-index:60; margin:0; left:0; right:0; top:0; bottom:0; background-color: transparent; background-color: rgba(0,0,0,0.7);
	background-color: rgb(255 255 255 / 25%);
 	backdrop-filter: blur(9px);
}
#contentFrame { -webkit-overflow-scrolling: touch; position: absolute; z-index: 97; max-width: 90%; width: 960px; height:90%; top: 5%; left:50%; margin-left:-420px; overflow:visible; transition: top 0.3s linear; 
	border: 4px solid #ffffff; border-radius: 30px; 
	overflow: hidden;
}
#contentFrame.small { width: 36em !important; max-width: 90%; left: 50%; transform: translateX(-50%); margin: 0; }
#contentFrame #framedContent {position:relative; z-index:auto; overflow: visible; background-color: #fff; min-height:160px;}
#contentFrame #framedContent.gray {background-color:#cd9f46; color:#fff; font-family: "Kavoon", sans-serif;}
#contentFrame #framedContent.gray * { color:#fff; }
#contentFrame #framedContent.gray.trans {background-color:rgba(249,239,225,0.95);}
#contentFrame #framedContent #mainContent { padding: 2em 2em; }
a#contentFrameClose { position: absolute; font-size: 1.5em; z-index: 99; display: block; background-color: #fff; color: #cd9f46 !important; height: 1.5em; width: 1.5em; display: flex; justify-content: center; align-items: center;  border-radius: 50%; top: 0.5em; line-height: 1em; right: 0.5em; text-decoration: none; box-sizing: border-box;}
a#contentFrameClose:hover { color: #000; }
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: 2em; min-height:100px;position:relative;}
.touch #contentFrame #framedContent #mainContent .scrolledContent {overflow-y: scroll; -webkit-overflow-scrolling:touch;}
#framedContent {text-align:left;}
#framedContent h1 {text-align:center; font-size:1.8em;}
#framedContent h2 {text-align:center; font-size:1.5em;}
#framedContent h3 {text-align:left !important; color:#000; font-size:1.25em;}
#mainContent {padding: 2em 0.5em 2em 1em; font-size:1em; z-index:15; position:relative; }
@media screen and (max-width: 959px) {
	#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; }
}

.mouseScroll { margin-top: 1em; }
.mouseScroll img { 
/*	background: url(../_images/mouseScroll-anim.png) no-repeat;*/
	-webkit-animation: mouseAnim 1s ease infinite;
	animation: mouseAnim 1s ease infinite;
}

/* ------------- 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: #102c6e;
}
a#cookiesAgreeBtn {
    background: #833D57;
    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;
}
	
/* ------------- Slider CSS ------------- */
.sliderContainer { margin: 0 auto; overflow: visible !important;}
.sliderContainer .slider { list-style: none; display: flex; padding: 0; margin: 0; flex-wrap: wrap; justify-content: center; }
.sliderContainer .slide {
	width: 100%;
	height: auto;
	position: relative;
	/* background: url(../_images/product_bg.png) no-repeat center; */
	/* background-size: 100% 100%; */
    /* padding: 2em; */
    box-sizing: border-box;
}

.sliderContainer .slide-image {
	position: relative;
    /* max-width: 90%; */
    margin: 0 auto 0 auto;
    display: flex;
    align-items: center;
	justify-content: center;
}
.sliderContainer .slide-image img {
	object-fit: contain;
	object-position: center;
}
.sliderContainer .slide-text {
	text-align: center;
	color: #324a63;
	height: 3em;
	line-height:1;
	margin-bottom: 1em;
	position: relative;
	display: block;
	display: none;
}
@media screen and (min-width: 425px	) {
	.sliderContainer .slide {
		width: 50%;
	}
}
@media screen and (min-width: 960px) {
	.sliderContainer .slide { width: 33.3333333333%; transition: transform 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8);}
	.sliderContainer .slide:hover { transform: scale(1.1); }
	/* .sliderContainer .slide-image { height: 6em; } */
}
.mainSection.premii .sliderContainer { padding-bottom: 2.0em; }
.mainSection.premii .sliderContainer.wSeparator { border-bottom: 1px solid #000 }
.bx-wrapper { padding-bottom: 15px; max-width: 100% !important; }
.bx-wrapper img { margin: 0 auto; }
.bx-wrapper .bx-pager { bottom: -1.7em; line-height: 1}
.bx-viewport ul { margin: 0; margin-bottom: 3em;}
.bx-wrapper .bx-controls-direction a { text-indent: -99999px; font-size:0; width: 0.8em; height: 1.3em; top: 50%; transform: translateY(-50%); }
.bx-wrapper .bx-prev {
    left: -0.7em;
    background: url(../_images/arrow_left.png) no-repeat 0;
    /*background-position: top;*/
    text-indent: -99999px;
    background-position: left center;
}
.bx-wrapper .bx-next {
    right: -0.7em;
    background: url(../_images/arrow_right.png) no-repeat 0;
    background-position: right center;
}
@media screen and (max-width: 768px) {
	.sliderContainer .slide-text {
		padding:0.25em;
		height: 4em;
	}
}
@media screen and (max-width: 479px) {
	.bx-viewport { height: auto !important; }
	/*.bx-wrapper .bx-pager { margin-bottom: -0.6em !important; }*/
/*	.bx-wrapper .bx-controls-direction a {top: 19%; height: 38%; width: 13%; background-size: contain; display: none;}*/
	#main { font-size: 3.7vw }
}

@-webkit-keyframes mouseAnim {
    0%{background-position:50% 0%}
    50%{background-position:51% 50%}
    100%{background-position:50% 0%}
}
@keyframes mouseAnim { 
    0%{background-position:50% 0%}
    50%{background-position:51% 50%}
    100%{background-position:50% 0%}
}

.home-picker {
	display: flex;
    flex-direction: column;
	overflow: hidden;
	margin-bottom: 2em;
}
.home-picker__header {
	border: 4px solid #324a63;
	margin-top: 2em;
	margin-bottom: 2em;
}
.home-picker__title {
	padding: 1em;
	font-size: 1.875em;
	max-width: 18em;
	margin: 0 auto;
}
.home-picker__colors {
	display: flex;
	border-top: 4px solid #324a63;
	flex-direction: row;
	padding: 1em 0.5em;
	box-sizing: border-box;
}
.home-picker__color {
	position: relative;
	display: block;
	appearance: none;
	flex: 1;
	aspect-ratio: 1/1;
	/* height: 5.25em; */
	border: 0;
	cursor: pointer;
	color: transparent;
	text-indent: -99999px;
}
.home-picker__color::before {
	content: "";
	display: none;
	position: absolute;
	top: -1.5em;
	left: 50%;
	border-right: 4px solid #234a74;
	border-bottom: 4px solid #324a63;
	transform: rotate(45deg) translateX(-50%) scale(0);
	width: 1em;
	height: 1em;
	transition: transform 0.2s ease-in-out;
}
.home-picker__color::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform-origin: center;
	transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.home-picker__color--active::after {
	box-shadow: inset 0 0 0 3px #324a63;
}
.home-picker__color--active::before,
.home-picker__color:hover::before {
	transform: rotate(45deg) translateX(-50%) scale(1);
}

.home-picker__color:not(.home-picker__color--active):hover::after,
.home-picker__color:not(.home-picker__color--active):active::after {
	transform: scale(0.97);
}
.home-picker__color--galben::after,
.home-picker__content--galben,
#register_culoare .galben {
	background-color: #ffa93b;
}
.home-picker__color--portocaliu::after,
.home-picker__content--portocaliu,
#register_culoare .portocaliu {
	background-color: #ed6811;
}
.home-picker__color--rosu::after,
.home-picker__content--rosu,
#register_culoare .rosu {
	background-color: #ce0000;
}
.home-picker__color--mov::after,
.home-picker__content--mov,
#register_culoare .mov {
	background-color: #a5459d;
}
.home-picker__color--verde::after,
.home-picker__content--verde,
#register_culoare .verde {
	background-color: #00802f;
}
.home-picker__content {
	display: none;
	padding: 2em;
	border-radius: 40px;
}
.home-picker__content-top {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border-bottom: 2px solid #fff;
	padding-bottom: 2em;
	margin-bottom: 2em;
}
.home-picker__content-text {
	text-align: left;
	font-size: 1.5625em;
	color: #fff;
	max-width: 16em;
}
.home-picker__content-image {
	max-width: 26em;
}
.home-picker__content-title {
	text-transform: uppercase;
	margin-bottom: 1em;
}
.home-picker__content-prize {
	max-width: 46em;
	margin: 1em auto 0 auto;
}
.home-picker__content-prize:nth-child(2) {
	max-width: 32em;
}
.home-picker__content-prize img {
	max-height: 30em;
}
.home-picker__content--portocaliu .home-picker__content-prize:nth-child(2) { 
    max-width: 16em;
    margin-right: -1em;
    margin-top: -7em;
}
@media screen and (min-width: 760px) {
	.home-picker__content {
		border-radius: 80px;
	}
	.home-picker__colors {
		width: auto;
		padding: 1em 2em;
	}
	.home-picker__header {
		margin-top: 3em;
	}
	.home-picker__color {
		height: 6.25em;
		aspect-ratio: none;
	}
	.home-picker__color::before {
		display: block;
	}
	.home-picker__content-top {
		flex-direction: row;
	}
	.home-picker__content--portocaliu .home-picker__content-bottom {
		display: flex;
		flex-wrap: nowrap;
		width: 39em;
		margin: 0 auto;
	}
	.home-picker__content--portocaliu .home-picker__content-prize {
		flex-shrink: 0;
	}
	.home-picker__content--portocaliu .home-picker__content-prize:nth-child(2) {
		max-width: 23em;
		margin-top: 11em;
		left: -12em;
		position: relative;
	}
}